:root {
  /*----Color Palette----*/
  --theme-color: #6eb43f;
  --theme-color-alt: #242b33;
  --theme-color-gradent: #09a071, #67b343;
  --theme-circle-gradent: #05674a, #05674a03;
  --theme-color-wh: #fff;
  --theme-color-bl: #000;
  --theme-color-hover: #483166;
  --theme-color-blue: #4ca1b5;
  --theme-color-background: #059f72;
  --theme-color-bg-gray: #faf9f9;
  --theme-color-border: #ddd;
  --blend-brown: #daa14f;
  --blend-purpule: #79698d;
  --border-color: #5f5f5f;
  --theme-button-color: #25553d;
  --theme-font-custom: "Inter", sans-serif;
  --theme-font-custom-1: "Outfit", sans-serif;
  /* new color added */
  --new-theme-color: #6eb43f;
  --new-blue-color: #4c70b0;

  font-size: 16px;
}
/*----For REM Scalling----*/
.email-btn button.btn.btn-primary {
  background-color: var(--theme-button-color) !important;
  border-color: var(--theme-button-color);
}
a:hover,
a {
  color: var(--theme-color);
}
.pt-85 {
  padding-top: 85px;
}
.pb-85 {
  padding-bottom: 85px;
}
.py-85 {
  padding-top: 85px;
  padding-bottom: 85px;
}
.my-85 {
  margin-top: 85px;
  margin-bottom: 85px;
}
.mt-85 {
  margin-top: 85px;
}
.pl-85 {
  padding-left: 85px;
}
.pr-85 {
  padding-right: 85px;
}
.px-85 {
  padding-left: 85px;
  padding-right: 85px;
}
.mt-45 {
  margin-top: 45px;
}
.mb-45 {
  margin-bottom: 45px;
}
.my-45 {
  margin-top: 45px;
  margin-bottom: 45px;
}
header.header ul li a {
  /* padding: 0.5rem 1rem;*/
}
/************btn custom**********************/
.btn-custom {
  font-family: var(--theme-font-custom-1) !important;
  font-size: 18px !important;
  font-weight: 400 !important;
  line-height: 22.68px !important;
  text-transform: capitalize !important;
  padding: 15px 35px !important;
  border-radius: 5px !important;
  display: inline-block !important;
}
.btn-custom-light {
  background-color: var(--theme-color-wh) !important;
  color: var(--theme-color) !important;
  &:hover {
    background-color: var(--theme-color-wh) !important;
    color: var(--theme-color) !important;
  }
}
.btn-custom-success {
  background-color: var(--new-theme-color) !important;
  color: var(--theme-color-wh) !important;
  border: 1px solid var(--new-theme-color) !important;
  &:hover {
    background-color: transparent !important;
    color: var(--theme-color) !important;
    border: 1px solid var(--new-theme-color) !important;
  }
}