body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  font-family: Mulish, sans-serif;
}

.sidereg {
  width: 100%;
  height: auto;
  background: #F8F8F8;
  padding: 3%;
}

.regsidefbox {
  padding: 3%;
}

.logo {
  width: 200px;
}

.form-group-box {
  margin-top: 3%;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.6rem .75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.btn-main {
  background: var(--bs-orange);
  /*width: 100% !important;*/
}

.btn-primary {
  color: #fff;
  background-color: #ffa500;
  border-color: #ffa500;
  width: 100%;
  padding: 3%;
}

.btn-primary:hover {
  color: #fff;
  background-color: #ffa500;
  border-color: #ffa500;
}

.confirm-body {
  background: #184A60;
}

:root {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-white: #fff;
  --bs-gray: #6c757d;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #f8f9fa;
  --bs-gray-200: #e9ecef;
  --bs-gray-300: #dee2e6;
  --bs-gray-400: #ced4da;
  --bs-gray-500: #adb5bd;
  --bs-gray-600: #6c757d;
  --bs-gray-700: #495057;
  --bs-gray-800: #343a40;
  --bs-gray-900: #212529;
  --bs-primary: #24495e;
  --bs-secondary: #6c757d;
  --bs-success: #198754;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #f8f9fa;
  --bs-dark: #212529;
  --bs-primary-rgb: 13,110,253;
  --bs-secondary-rgb: 108,117,125;
  --bs-success-rgb: 25,135,84;
  --bs-info-rgb: 13,202,240;
  --bs-warning-rgb: 255,193,7;
  --bs-danger-rgb: 220,53,69;
  --bs-light-rgb: 248,249,250;
  --bs-dark-rgb: 33,37,41;
  --bs-white-rgb: 255,255,255;
  --bs-black-rgb: 0,0,0;
  --bs-body-color-rgb: 33,37,41;
  --bs-body-bg-rgb: 255,255,255;
  --bs-font-sans-serif: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
  --bs-font-monospace: SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #212529;
  --bs-body-bg: #fff;
}

.text-primary {
  --bs-text-opacity: 1;
  color: var(--bs-primary) !important;
}

.home-header {
  padding: 1% 0%;
}

.toplogo {
  width: 190px;
}

.productsection {
  width: 100%;
  height: auto;
  background: #F9FAFB;
  padding: 8% 0%;
  padding-top: 3%;
}

.topma {
  width: 30%;
  margin: 5% auto;
}

.newcard {
  padding: 7% 5%;
  background: white !important;
}

.storelist {
  width: 100%;
  height: auto;
  border: 1px solid #cccc;
  background: white;
  padding: 3%;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.04);
  border-radius: 19px;
}

.text-gray {
  color: #808080;
}

.maincard {
  height: auto;
  border: 1px solid #cccc;
  background: white;
  padding: 4% 5%;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.04);
  border-radius: 19px;
}

.form-group-div {
  margin-bottom: 4%;
}

.maincard-response {
  height: auto;
  /*border: 1px solid #cccc;*/
  background: #E9F7F2;
  padding: 4% 5%;
  /*box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.04);*/
  border-radius: 19px;
  /*color: green;*/
}

.storelist.choosebox {
  border: 1.5px solid var(--bs-orange);
}

.pricetags {
  width: 100%;
  height: auto;
  background: #efefef;
  padding: 5%;
  border-radius: 10px;
}

.month {
  font-size: 20px;
}

.font-weight-bold {
  font-weight: bold;
}

.starting {
  color: #27576D;
}

.tableimg {
  width: 30px;
}

.status {
  color: var(--bs-orange) !important;
}

.complete {
  color: var(--bs-green);
}

.storelistedbox{
  cursor: pointer;
}


.tableloan th, td {
  padding: 20px !important;
  padding-left: 0px !important;
}

.f-b{
  width: 100%;
    padding: 3%;
}

.rababa{
  width:25px;
  height:25px;
  margin-top:20px;
}

.btn-xxx{
  background: #d3d8da !important;

}

.pending-box{
  background-color:rgb(237, 95, 34); padding:5%; margin: 5% 0%; color:white;
}

.success-box{
  background-color:rgb(21, 200, 57); padding:5%; margin: 5% 0%; color:white;
}

.grey-box{
  background-color:rgb(91, 91, 91); padding:5%; margin: 5% 0%; color:white;
}

.checksuss{
  font-size: 26px;
  color: #177449;
}