/*# sourceMappingURL=custom.min.css.map */
:root {
  --primary-color: #cf892c;
  --primary-soft: #bd884347;
  --primary-hover-color: #e1a250;
  --light-dark: #f6f9fb;
}

body {
  /*font-family: "DM Sans" !important;*/
  /*margin: 0;*/
  /*padding: 0;*/
  box-sizing: border-box;
  background: #F7F9FC !important;

}

/* login section strat */

.logo-text {
  font-size: 32px;
  color: var(--primary-color);
}

.span {
  color: var(--primary-color);
}

.form-control {
  background-color: var(--light-dark) !important;
  /* border: none !important; */
  font-size: 17px;
}

.light-form-control {
  background-color: var(--vz-light) !important;

}

.forget-link {
  color: var(--primary-color);
  text-decoration: none;
}

.tagline-title {
  font-size: 30px;
  color: #333;
  font-weight: bold;
}

.content {
  max-width: 350px;
}

.login-box {
  width: 60%;
}

/* .Conditions {
  position: relative;
  top: 20px;
} */

.margin-top-custom {
  margin-top: 50px;
  /* Adjust the value as needed */
}

/* login section end */

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "DM Sans" !important;
}

ul li a {
  font-family: "DM Sans" !important;
}

.primary-color {
  color: var(--primary-color);
}

.primary-soft-color-bg {
  background-color: var(--primary-soft);
}

.btn-priDown button:hover {
  background-color: var(--primary-color);
  color: #ffffff;
}

.dt-length,
.dt-search {
  display: none;
}

.navbar-menu {
  background-color: white !important;
  border-color: white !important;
}

.navbar-nav .nav-item a {
  color: #878a99 !important;
}

.navbar-nav .nav-item:hover a {
  color: black !important;
  transition: ease 0.5s;
}

.navbar-menu .navbar-nav .nav-link.active {
  color: #cf892c !important;
}

.btn-primary-new {
  background-color: var(--primary-color);
  color: white;
  display: flex;
  align-items: center;
  gap: 10px;
}

.btn-primary-new:hover {
  background-color: var(--primary-hover-color);
  color: white;
  transition: ease-in-out 0.4s;
}

.btn-primary-new-border {
  border: 1px solid var(--primary-color);
  color: var(--primary-color);
  display: flex;
  align-items: center;
  gap: 10px;
}

.btn-primary-new-border:hover {
  background-color: var(--primary-color);
  color: #ffffff;
}

.tab-ul .nav .nav-item .nav-link {
  font-size: 16px;
  font-weight: 700;
}

.tab-ul .nav .nav-item .active,
.profTabs .nav .nav-item .active {
  color: var(--primary-color);
  border-bottom: 2px solid;
}

.nav-tabs-custom .nav-item .nav-link::after {
  background: none;
}

.tab-ul ul,
.profTabs ul {
  margin-bottom: 1rem;
}

.tab-ul ul li .nav-link,
.profTabs ul li .nav-link {
  padding: 5px 0 !important;
}

.tab-ul ul li,
.profTabs ul li {
  margin-right: 1.5rem;
}

.search {
  background-color: #f3f3f9;
  border: none;
}

.search:focus {
  background-color: #f3f3f9;
}

/* strat step form */

.step-wizard {
  top: 9%;
  z-index: 2;
}

.step-wizard-list {
  list-style: none;
  display: flex;
  padding: 0;
  background-color: #e9ebec;
  height: 60px;
}

.step-wizard-list .step-wizard-item {
  flex-grow: 1;
  max-width: 100%;
  display: flex;
  flex-direction: row;
  min-width: 170px;
  align-items: center;
  position: relative;
  justify-content: center;
  font-size: 16px;
  border-top: 5px solid #c2c3c4;
  height: 100% !important;
  color: #878a99;
  text-transform: uppercase;
}

.step-wizard-list .step-wizard-item .progress-count {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background-color: #ffffff;
  text-align: center;
  align-items: center;
  margin-right: 10px;
  display: flex;
  justify-content: center;
}

.step-wizard-list .current-item {
  background-color: #FCF3F0;
  border-top: 5px solid var(--primary-color);
}

.step-wizard-icon {
  display: none;
}

.step-wizard-list .current-item .progress-count {
  color: #ffffff;
  background-color: var(--primary-color);
}

.step-wizard-list .current-item .progress-label {
  color: #000;
}

.step-wizard-list .complete {
  background-color: #ffff;
}

.step-wizard-list .complete .progress-count {
  display: none;
}

.step-wizard-list .complete .step-wizard-icon {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background-color: #BFEAD8;
  color: #296C50;
  margin-right: 10px;
  text-align: center;
  align-items: center;
  display: flex;
  justify-content: center;
}

.step-wizard-list .complete {
  border-top: 5px solid #BFEAD8;
}

.step-wizard-list .complete .progress-label {
  color: #296C50;
}

#signUpForm .step {
  display: none;
}

.step-form {
  position: absolute;
  top: 20%;
  z-index: 1;
}

#signUpForm {
  margin-bottom: 7rem;
}

.step .form-check label {
  color: var(--primary-color);
  margin-left: 7px;
}

.z-2 {
  z-index: 2;
}

footer {
  background: white;
  height: 70px;
  bottom: 0;
  z-index: 3;
  display: flex;
  align-items: center;
}

.form-footer {
  max-width: 72rem;
  margin: auto;
}

.form-check-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.text-brown {
  color: var(--primary-color);
}

.pricing-icon {
  background-color: var(--primary-soft);
  color: var(--primary-color);
}

/* end step form */

/* invoice strat */

.rec-top {
  width: 50%;
}

.table thead {
  border-bottom: 5px;
  border-color: #000;
}

/* invoice end */

/* media query start */

@media screen and (max-width: 1235px) {
  .login-box {
    width: 70%;
  }

  .Conditions {
    top: 11px;
  }

  .rec-top {
    width: 75%;
  }
}

@media screen and (max-width: 993px) {
  .login-box {
    width: 80%;
  }

  .rec-top {
    width: 90%;
  }
}

@media print {
  body * {
    visibility: hidden;
  }

  .print-section,
  .print-section * {
    visibility: visible;
  }

  .print-section {
    position: absolute;
    top: 0;
  }
}

.font-18 {
  font-size: 18px;
}

.default-form-control {
  display: block;
  width: 100%;
  padding: .5rem .9rem;
  font-size: .8125rem;
  color: var(--vz-body-color);
  background-color: var(--vz-input-bg);
  border: 1px solid var(--vz-input-border);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .25rem;
  -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out;
}

:is([data-layout="vertical"], [data-layout="semibox"])[data-sidebar-size="sm"] .navbar-brand-box {
  height: 0 !important;
}