/* INCLUDES CSS IMPORT */
@import url(includes/navbar.css);
@import url(includes/login.css);
@import url(includes/pickupForm.css);
@import url(includes/breadcrumb.css);
@import url(includes/userDetailsForm.css);

/* PARTIALS CSS IMPORT */
@import url(partials/heroSection.css);
@import url(partials/whatWeDo.css);
@import url(partials/whyChooseUs.css);
@import url(partials/howItWorks.css);
@import url(partials/pricingSection.css);
@import url(partials/FAQSection.css);
@import url(partials/footerSection.css);
@import url(partials/aboutOurStory.css);
@import url(partials/vision&mission.css);
@import url(partials/ownerPortfolio.css);
@import url(partials/adminSidebar.css);
@import url(partials/adminStats.css);
@import url(partials/adminUsersList.css);
@import url(partials/adminOrderList.css);



/* COMPONENTS CSS  IMPORT */
@import url(components/imageSlider.css);
@import url(components/defaultBtn.css);
@import url(components/serviceCard.css);
@import url(components/imageCompare.css);
@import url(components/statsCard.css);
@import url(components/recentUserList.css);
@import url(components/addPriceCard.css);
@import url(components/rateListCard.css);



:root{
    --primary-color:#040e04;
    --secondary-color:#021f10;
    --accent-color:#454545;
    --main-color:#02ff63;
    --contrast-color:#ffffff;
    --fade-color:#a9a9a9;
    --text-color:#ffffff;
    --text-invert-color:#000000;
    --secondary-text-color:#a9a9a9;
    --nav-height:64px;
}
.dark-mode{
    --primary-color:#c8dcfa;
    --secondary-color:#1f1f1f;
    --accent-color:#dcdcdc;
    --main-color:#02ff63;
    --contrast-color:#000000;
    --fade-color:#555555;
    --text-color:#000000;
    --text-invert-color:#ffffff;
    --secondary-text-color:#555555;
}
body{
    background: var(--primary-color);
    background-size: 100%;
    background-attachment: fixed;
    background-repeat: no-repeat;
    color: var(--light-color); 
    font-family:sans-serif;
    overflow-x: hidden;
    width: 100%!important;
    margin: 0;
    padding: 0;
}
ul{
    padding: 0;
    margin: 0;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
    color:  var(--light-color);
}
p{
    font-size: 12px;
}
button{
    border: none;
    background-color: transparent;
    color: var(--light-color);
}
.container{
    position: relative;
}