$colors: (
  common: (
    "white": #FFFFFF,
    "black": #081528,
    "placeholder": #ACABA9,
  ),

  body: (
    "primary": #DEDDDA,
  ),

  theme: (
    "primary": #D8AB5A,
    "secondary": #F4CE70,
  ),

  heading: (
    "primary": #D8AB5A,
  ),

  text: (
    "body": #DEDDDA,
    "primary": #FFFFFF,
  ),

  shadow: (
    "primary": 0px 30px 60px rgba(0, 0, 0, 0.18),
  ),

  background: (
    "gray": #081528,
    "dark-green": #162541,
  ),

  border: (
    "primary": 1px solid rgba(216, 171, 90, 0.25),
  )
);



/*==============================
Background Sections
==============================*/

.banner-home-bg{
    background: linear-gradient(
        135deg,
        #081528 0%,
        #10203B 50%,
        #162541 100%
    );
}

.latest-feature-bg{
    background-color:#081528;
}

.latest-Choose-bg{
    background-color:#10203B;
}

.latest-service-bg{
    background-color:#081528;
}

.latest-counter-bg{
    background-color:#162541;
}

.question-bg{
    background-color:#10203B;
}

.latest-team-bg{
    background-color:#081528;
}

.latest-project-bg{
    background-color:#10203B;
}

.latest-testimonial-bg{
    background-color:#081528;
}

.latest-blog-bg{
    background-color:#10203B;
}

.latest-newsletter-bg{
    background-color:#081528;
}

.footer-home-1-bg{
    background-color:#081528;
}

.footer__bottom-home-1-bg{
    background-color:#050C17;
}

.latest-blog2-bg{
    background-color:#10203B;
}

.white-bg{
    background:#FFFFFF !important;
}

.product-bg{
    background:#10203B;
}


/*==============================
Text Colors
==============================*/

.heading-color{
    color:#D8AB5A !important;
}

.white-color{
    color:#FFFFFF !important;
}

.gray-color{
    color:#DEDDDA !important;
}

.body-color{
    color:#DEDDDA !important;
}


/*==============================
Home 3 Cards
==============================*/

.frist-bg{
    background:#10203B;
}

.second-bg{
    background:#162541;
}

.thaird-bg{
    background:#081528;
}

.banner-bg-3{
    background:linear-gradient(
        135deg,
        #081528,
        #162541
    );
}

.happy-customer-bg{
    background:#10203B;
}

.footer-home-3-bg{
    background:#081528;
}

.bg-headr-3{
    background:#081528 !important;
}


/*==============================
Hover Effects
==============================*/

.hover-theme{
    transition:0.35s ease;

    &:hover{
        color:#F4CE70;
    }
}