/* =====================================
   EBCF FRONTEND CUSTOM CSS
   ===================================== */

/* ---------- GLOBAL ---------- */

body{
    background:#F7FAFC;
    color:#1F2937;
    font-family:'Poppins',sans-serif;
}

a{
    transition:.3s;
}

a:hover{
    text-decoration:none;
}
/* =====================================
   HEADER
===================================== */

.header-top{
    background:#7ED321 !important;
    padding:12px 0;
}

.header-top a,
.header-top span,
.header-top i{
    color:#0B132B !important;
    font-weight:600;
}

.header-area{
    background:#0B132B !important;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.header-bottom{
    background:#0B132B !important;
}

.header-area.sticky{
    background:#0B132B !important;
}

.logo img{
    max-height:70px;
}
/* =====================================
   MENU
===================================== */

.menu li a{
    color:#ffffff !important;
    font-weight:600;
    font-size:16px;
    transition:.3s;
}

.menu li a:hover{
    color:#7ED321 !important;
}

.menu li.active>a{
    color:#7ED321 !important;
}

.menu li>a::after{
    background:#7ED321 !important;
}
/* =====================================
   BUTTONS
===================================== */

.btn--base,
.custom-button{
    background:#7ED321 !important;
    border-color:#7ED321 !important;
    color:#0B132B !important;
    font-weight:700;
    border-radius:8px;
}

.btn--base:hover,
.custom-button:hover{
    background:#68bf1b !important;
    border-color:#68bf1b !important;
    color:#ffffff !important;
}
/* =====================================
   GLOBAL SECTION STYLING
===================================== */

section{
    position:relative;
}

.section-header{
    margin-bottom:60px;
}

.section-header h2,
.section-title,
.section-header .title{
    color:#0B132B !important;
    font-weight:700;
}

.section-header p,
.section-header .subtitle,
.section-header .text{
    color:#555 !important;
}

.bg--dark{
    background:#0B132B !important;
}

.bg--section{
    background:#F7FAFC !important;
}

.bg-white{
    background:#ffffff !important;
}
/* =====================================
   ABOUT
===================================== */

.about-section{
    padding:100px 0;
}

.about-section h2{
    color:#0B132B !important;
}

.about-section p{
    color:#555 !important;
    line-height:1.9;
}
/* =====================================
   SERVICES
===================================== */

.service-item,
.service-card{
    background:#ffffff;
    border-radius:16px;
    transition:.35s;
    box-shadow:0 15px 40px rgba(0,0,0,.06);
}

.service-item:hover,
.service-card:hover{
    transform:translateY(-8px);
}

.service-item h4,
.service-card h4{
    color:#0B132B !important;
}

.service-item p,
.service-card p{
    color:#666 !important;
}
/* =====================================
   FAQ
===================================== */

.accordion-item{
    border:none;
    margin-bottom:20px;
    border-radius:12px;
    overflow:hidden;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.accordion-button{
    background:#fff;
    color:#0B132B;
    font-weight:600;
}

.accordion-button:not(.collapsed){
    background:#7ED321;
    color:#fff;
}
/* =====================================
   TESTIMONIAL
===================================== */

.testimonial-item{
    background:#fff;
    border-radius:20px;
    padding:35px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.testimonial-item p{
    color:#555;
}

.testimonial-item h5{
    color:#0B132B;
}
/* =====================================
   FOOTER
===================================== */

.footer-section{
    background:#0B132B !important;
}

.footer-section h4,
.footer-section h5{
    color:#fff !important;
}

.footer-section p,
.footer-section a{
    color:#BFC7D5 !important;
}

.footer-section a:hover{
    color:#7ED321 !important;
}

.footer-bottom{
    background:#07101F;
}
/* =====================================
   BLACK HEADER & FOOTER
===================================== */

.header,
.header-area,
.header-bottom,
.header-bottom-area,
.navigation,
.navbar,
.menu-area{
    background:#000 !important;
}

.footer-section,
.footer-area,
.footer-bottom{
    background:#000 !important;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.08);
}
/* =====================================
   ACCOUNT DROPDOWN
===================================== */

.dropdown-menu,
.sub-menu,
.header .submenu,
.menu li ul{
    background:#ffffff !important;
    border-radius:8px;
    border:1px solid #ddd;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.dropdown-menu li a,
.sub-menu li a,
.menu li ul li a{
    color:#111 !important;
    background:#fff !important;
    padding:12px 18px;
}

.dropdown-menu li a:hover,
.sub-menu li a:hover,
.menu li ul li a:hover{
    background:#7ED321 !important;
    color:#fff !important;
}
/* ==========================================
   FORCE BLACK FOOTER
========================================== */

footer,
.footer-section,
.footer-area,
.footer-widget-area,
.footer-top,
.footer-main,
.footer-content,
.footer{
    background:#000 !important;
}

.footer-section *,
.footer-area *{
    border-color:rgba(255,255,255,.08) !important;
}

/* Copyright */
.footer-bottom{
    background:#000 !important;
}