@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100;300;400;500;600;700;800;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

:root {
  --primary-color: #fff;
  --primary-two-color: #e0f4f4;
  --primary-three-color: #f9f9f7;
  --primary-four-color: #f4f4f4;
  --primary-five-color: #ebebea;
  --primary-seven-color: #f0f0ec;
  --primary-eight-color: #ccc;
  --primary-nine-color: #dbdbdb;
  --primary-ten-color: #f6edde;
  --primary-eleven-color: #e3f5ff;
  --primary-twelve-color: #e5ecf6;
  --primary-thirteen-color: #f5e0c1;
  --primary-fourteen-color: #e5b300;
  --primary-fifteen-color: #d5e4e2;
  --primary-sixteen-color: #ffe5e3;
  --primary-seventeen-color: #f5ebc6;
  --primary-eighten-color: #ff857b;
  --primary-nineteen-color: #ffd84a;
  --primary-twenty-color: #c3c3c3;

  --secondary-color: #1c1c1c;
  --secondary-two-color: #606060;
  --secondary-three-color: #cc880f;
  --secondary-four-color: #444443;
  --secondary-five-color: #333333;
  --secondary-six-color: #cc880f;
  --secondary-seven-color: #cc880f;
  --secondary-eight-color: #828282;
  --secondary-nine-color: #cc880f;
  --secondary-ten-color: #f40202;
  --secondary-eleven-color: #000;
  --secondary-twelve-color: #ffe5e3;
  --secondary-thirteen-color: #d9d9d9;
  --secondary-fourteen-color: #ededed;
  --secondary-fifteen-color: #c9c9c9;
  --secondary-sixteen-color: #717171;
  --secondary-seventeen-color: #89949b;
  --secondary-eighteen-color: #002165;
}

.dark-mode {
  --primary-color: #1c1c1c;
  --primary-two-color: #000;
  --primary-three-color: #000;
  --primary-four-color: #000;
  --primary-five-color: #000;
  --primary-six-color: #000;
  --primary-seven-color: #000;
  --primary-eight-color: #000;
  --primary-nine-color: #000;
  --primary-ten-color: #000;
  --primary-eleven-color: #000;
  --primary-twelve-color: #000;
  --primary-thirteen-color: #343403;
  --primary-fifteen-color: #1c1c1c;
  --primary-sixteen-color: #6d5a57;
  --primary-seventeen-color: #927408;
  --primary-eighten-color: #ff857b;
  --primary-nineteen-color: #76631c;
  --primary-twenty-color: #fff;

  --secondary-color: #fff;
  --secondary-two-color: #fff;
  --secondary-three-color: #fff;
  --secondary-four-color: #fff;
  --secondary-five-color: #fff;
  --secondary-six-color: #fff;
  --secondary-seven-color: #fff;
  --secondary-eight-color: #fff;
  --secondary-nine-color: #fff;
  --secondary-ten-color: #fff;
  --secondary-eleven-color: #fff;
  --secondary-thirteen-color: #fff;
  --secondary-fourteen-color: #1c1c1c;
  --secondary-fifteen-color: #fff;
  --secondary-sixteen-color: #fff;
  --secondary-seventeen-color: #fff;
  --secondary-eighteen-color: #fff;
}

*::after,
*::before {
  box-sizing: border-box;
}

* {
  margin: 0;
  padding: 0;
  outline: none;
  text-decoration: none;
  box-sizing: border-box;
  scroll-behavior: smooth;
  font-family: "Poppins", sans-serif;
  scrollbar-width: 10px;
  scrollbar-color: #cc880f;
}

/* For Scrollbar */

*::-webkit-scrollbar {
  width: 10px;
}

*::-webkit-scrollbar-track {
  background: var(--primary-color);
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #5c4229;
  border: 2px solid var(--primary-color);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}

*:focus {
  outline: none;
  box-shadow: none;
  border: none;
}

html {
  font-size: 62.5%;
}

body {
  font-weight: normal;
  line-height: normal;
  font-size: 18px;
  /* font-family: "Inter", sans-serif; */
  font-family: "Poppins", sans-serif;
}

ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}

button,
input[type="submit"],
input[type="reset"],
a {
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -ms-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  text-decoration: none;
  outline: none;
}

a:hover,
a:focus {
  text-decoration: none;
}

::-moz-selection {
  color: var(--primary-color);
  background: var(--secondary-seven-color);
}

::selection {
  color: var(--primary-color);
  background: var(--secondary-seven-color);
}

img {
  max-width: 100%;
  display: block;
  height: auto;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  line-height: normal;
  font-weight: normal;
  padding: 0;
  margin: 0;
}

p {
  margin: 0;
  padding: 0;
}

/***************** FOR BOOTSTRAP ******************/

.container {
  max-width: 1560px;
}

.navbar {
  border-radius: 0;
  margin-bottom: 0;
  padding: 0;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}

.navbar,
.nav-link {
  padding: 0;
  margin: 0;
}

.navbar-expand-md .navbar-nav .nav-link {
  padding-right: 0;
  padding-left: 0;
}

.nav > li > a:hover,
.nav > li > a:focus {
  background-color: transparent;
}

/* cmn_margin & Padding */
.mt-0 {
  margin-top: 0;
}

.mt-40 {
  margin-top: 40px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-40 {
  margin-bottom: 40px;
}

.cmn_pdding {
  padding: 90px 0;
}

/*----Common Header and Button----*/

.cmn_hdr h2 {
  font-size: 48px;
  line-height: 1.2;
  font-weight: bold;
  color: #2a0600;
  padding-bottom: 10px;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
}

.cmn_hdr.wht h2 {
  color: var(--primary-color);
}

.cmn_hdr h6 {
  color: #2b2b2b;
  font-size: 26px;
  letter-spacing: 1px;
  line-height: 1.5;
  padding-bottom: 10px;
  text-transform: capitalize;
  font-family: "Poppins", sans-serif;
}

.cmn_hdr p {
  font-family: "Poppins", sans-serif;
  font-size: 2rem;
  color: var(--secondary-seven-color);
  line-height: 1.5;
  padding-bottom: 10px;
}

.cmn_hdr.wht p {
  color: var(--primary-color);
}

.cmn_btn {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  color: #ec715d;
  padding: 15px 30px;
  display: inline-block;
  background: var(--primary-color);
  border: 2px solid #ec715d;
  position: relative;
  text-transform: capitalize;
  transition: 0.5s all;
  z-index: 1;
  border-radius: 50px;
  overflow: hidden;
}

.cmn_btn::after {
  position: absolute;
  content: "";
  width: 0%;
  height: 100%;
  background-color: #ec715d;
  top: 0;
  left: 0;
  z-index: -1;
  transition: all 0.7s;
}

.cmn_btn:hover {
  color: var(--primary-color);
  border: 2px solid #ec715d;
  background-color: var(--primary-color);
}

.cmn_btn:hover::after {
  width: 100%;
}

/*----Common Header and Button End----*/

/*! button back to top !*/

#backToTop {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  background-color: #cc880f;
  color: var(--primary-color);
  border: none;
  outline: none;
  border-radius: 50px;
  position: fixed;
  right: 2.5rem;
  bottom: 105%;
  cursor: pointer;
  z-index: 5555;
  transition: 0.5s all ease;
  border: 1px solid #cc880f;
  font-size: 1.8rem;
  transition: 0.8s all;
}

#backToTop.show {
  bottom: 2.5rem;
}

/*! button back to top End!*/

/* Animation Section */

/* Swing */

@-webkit-keyframes swing {
  0% {
    transform: rotate(3deg);
  }

  100% {
    transform: rotate(-3deg);
  }
}

@keyframes swing {
  0% {
    transform: rotate(3deg);
  }

  100% {
    transform: rotate(-3deg);
  }
}

/* Rotate */

.rotate {
  -webkit-animation: rotation 12s infinite linear;
  animation: rotation 12s infinite linear;
}

@keyframes rotation {
  from {
    transform: rotate(0deg);
  }

  to {
    transform: rotate(359deg);
  }
}

/* Floating */

.floating {
  -webkit-animation: floating ease-in-out 3s infinite;
  animation: floating ease-in-out 3s infinite;
}

@keyframes floating {
  0% {
    transform: translate(0, 0px);
  }

  50% {
    transform: translate(0, 15px);
  }

  100% {
    transform: translate(0, -0px);
  }
}

/* Animation Section End */
/* left navbar  */
.nav-link {
  display: flex;
  align-items: center;
  gap: 15px;
}

.icon_box,
.sidebar {
  width: 2.5rem;
}

.icon_text {
  font-size: 15px;
}

.parent_nav_menu {
  width: 100%;
}

.right_parent_element {
  width: 85%;
  margin-left: auto;
}

.left_parent_element {
  width: 15%;
  /* padding-top: 20px; */
  position: relative;
  transition: 0.5s ease all;
  border-right: 1px solid var(--primary-five-color);
  background: #f6edde;
}

.rgt_p_nav,
.lft_p_nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
}

.total_parent_element,
.outr_parent_nav {
  display: flex;
  background-color: var(--primary-color);
}

.lft_p_nav {
  align-items: center;
  gap: 10px;
}

.lft_p_nav .breadcrumb {
  margin-bottom: 0;
}

.breadcrumb-item a {
  color: var(--secondary-two-color);
  text-transform: capitalize;
  font-size: 20px;
}

.breadcrumb-item.active {
  color: var(--secondary-color);
  /* font-size: 2rem; */
}

.outr-right-content {
  padding: 25px;
  background-color: var(--primary-three-color);
}

.logo_area {
  height: 100px;
}

.left_parent_element .dropdown-toggle::after {
  display: none !important;
}

.left_parent_element .nav_area {
  padding: 20px;
}

.parent_nav_menu ul.pnmul {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 10px;
}

.outr_dashboard_nav h4 {
  text-align: center;
  margin-bottom: 2rem;
  color: var(--secondary-color);
}

.parent_nav_menu ul li a {
  padding: 7px 40px 7px 10px;
  border-radius: 10px;
  width: 21rem;
}

.parent_nav_menu ul li a:hover {
  background-color: var(--primary-four-color);
}

.nav-item a.dropdown-toggle.nav-link {
  position: relative !important;
}

.nav-item a.dropdown-toggle.nav-link::before {
  position: absolute;
  content: "";
  background: url(../images/ArrowLineRight.png);
  background-size: 100% 100%;
  top: 50%;
  transform: translateY(-50%);
  left: 5px;
  width: 20px;
  height: 20px;
  transition: 0.3s ease all;
}

.nav-item a.dropdown-toggle.nav-link.show::before {
  transform: rotate(90deg) translateY(-50%);
  top: 30%;
}

.dropdown-menu.show {
  position: relative !important;
  transform: translate(0, 0) !important;
  padding: 0 !important;
}

.parent_nav_menu .dropdown-item {
  font-size: 13px;
  padding-inline: 5px;
  text-align: center;
}

.left_parent_element.active {
  width: 100px;
}

.left_parent_element.active .nav-item span.icon_text {
  display: none;
}

.left_parent_element.active .nav-item span img {
  margin: auto;
}

.left_parent_element.active .nav_area {
  padding: 5px;
}

.left_parent_element.active .parent_nav_menu ul li a {
  width: auto;
  margin: auto;
  display: block;
}

.nav-item .icon_box {
  position: relative;
  left: 8px;
}

.left_parent_element.active .dropdown-toggle.nav-link.show {
  justify-content: center;
}

.lft_p_nav {
  padding-left: 8rem;
}

/* for search bar  */

.search-btn {
  width: 20px;
  height: 20px;
  background: url(../images/searchIcon.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  border: none;
  box-shadow: none;
  position: absolute;
  left: 7px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}

.search_holder {
  width: 23rem;
  padding: 10px 40px;
  background-color: var(--primary-two-color);
  border-radius: 15px;
  position: relative;
  border: none;
  box-shadow: none;
  color: #000;
  font-size: 14px;
}

.search_holder::placeholder {
  color: #c8c8c8;
  font-size: 16px;
}

.icon {
  width: 20px;
  height: 20px;
  position: absolute;
  right: 7px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
}

.search_bar {
  position: relative;
}

.sun img {
  width: 25px;
}

.sun,
.notification,
.counter {
  width: 3.5rem;
}

.all_r_btn {
  display: flex;
  align-items: center;
  gap: 2rem;
}

.outr_parent_nav {
  justify-content: space-between;
  width: 85%;
}
.outr_parent_nav.dshbrd_nav {
  width: 100%;
}
.rgt_p_nav {
  gap: 3rem;
}

.icon_text {
  color: var(--secondary-color);
}

.breadcrumb-item + .breadcrumb-item::before {
  color: var(--secondary-color);
}

.dark-mode .icon_box img,
.dark-mode .sidebar img,
.dark-mode .counter img,
.dark-mode .notification img,
.dark-mode .icon img,
.dark-mode .nav-item a.dropdown-toggle.nav-link::before,
.dark-mode .search-btn,
.dark-mode .btod_img img,
.dark-mode .cb_img img,
.dark-mode .oprt_inpt_info span img {
  filter: brightness(0) invert(1);
}

.star {
  color: var(--secondary-color);
}

.nav-item .dropdown-item {
  color: var(--secondary-color);
  font-weight: 600;
}

.nav-item .dropdown-menu {
  background-color: #f6edde;
  border-color: 2px solid #cc880f;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  margin-top: 5px;
}

/* moumi sign_up */
.sign_up {
  background-color: var(--primary-seven-color);
}

.sign_up_otr {
  background-color: var(--primary-color);
  width: 40%;
  margin: auto;
  border-radius: 25px;
}

.sgn_hdr h3 {
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.7;
}

.sgn_hdr p {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.5;
  color: var(--secondary-eight-color);
  padding-top: 4px;
}

.sign_up_innr {
  padding: 7rem;
}

.sign_up_innr .socials {
  display: flex;
  justify-content: space-between;
  padding: 3rem 0;
}

.apple,
.ggle {
  display: flex;
  align-items: center;
  justify-content: start;
  gap: 10px;
  border: 1px solid var(--primary-eight-color);
  border-radius: 10px;
  padding: 7px 16px;
  width: 44%;
}

.apple .a_img {
  width: 3.3rem;
  height: 3.3rem;
}

.ggle .a_img {
  width: 2.2rem;
  height: 2.2rem;
}

.apple .a_img img,
.ggle .a_img img {
  width: 100%;
  height: 100%;
}

.a_txt p {
  font-size: 2.1rem;
  font-weight: 500;
}

.or_wth h6 {
  font-size: 19px;
  color: var(--primary-nine-color);
  font-weight: 400;
  position: relative;
}

.or_wth h6::after {
  content: "";
  width: 30%;
  height: 2px;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 99;
  background-color: var(--primary-eight-color);
}

.or_wth h6::before {
  content: "";
  width: 30%;
  height: 2px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 99;
  background-color: var(--primary-eight-color);
}

.frm_innr {
  padding: 0;
}

.frm_innr .inpt {
  display: flex;
  border: 1px solid var(--primary-nine-color);
  border-radius: 10px;
  padding: 2rem;
  margin-top: 20px;
}

.frm_innr .inpt input {
  width: 100%;

  font-size: 2.1rem;
  border: 0;
  outline: none;
}

.frm_innr .inpt input::placeholder {
  color: var(--primary-eight-color);
}

.inpt_icn {
  font-size: 2.1rem;
}

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

.dash {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
}

.dash .fa-minus {
  font-size: 10.5rem;
  color: var(--primary-nine-color);
}

.pass h6 {
  font-size: 19px;
  color: var(--primary-nine-color);
  font-weight: 400;
  padding-bottom: 15px;
  padding-top: 20px;
}

.pass h6 br {
  display: none;
}

.inpt .checkbox {
  display: flex;
  width: 100%;
  gap: 10px;
  align-items: center;
}

.inpt .checkbox input {
  width: 2rem;
  height: 2rem;
}

.inpt .checkbox label {
  font-size: 2.1rem;
  color: var(--primary-nine-color);
  font-weight: 400;
}

.inpt .checkbox label span {
  color: var(--secondary-six-color);
}

.frm_innr .inpt:nth-child(5) {
  border: 0;
  outline: none;
}

.frm_innr .button,
.v_frm_innr button {
  background-color: var(--secondary-seven-color);
  margin-top: 10px;
  border: 0;
  outline: none;
  color: var(--primary-color);
  border-radius: 10px;
  padding: 2rem;
  width: 100%;
  position: relative;
  border: 1px solid transparent;
  font-size: 20px;
}

.frm_innr .button {
  text-align: center;
}

.frm_innr .button a {
  color: #fff;
}

.frm_innr .button:hover a {
  color: var(--secondary-seven-color);
}

.frm_innr .button:hover,
.v_frm_innr button:hover {
  color: var(--secondary-three-color);
  border: 2px solid var(--secondary-three-color);
  background-color: var(--primary-color);
}

.btm_snp_lnk {
  margin-top: 2rem;
}

.btm_snp_lnk p {
  font-size: 14px;
  color: var(--primary-eight-color);
}

.btm_snp_lnk p a {
  color: #0170ff;
  transition: all 0.3s;
}

.btm_snp_lnk p a:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.btm_snp_lnk a span {
  color: var(--secondary-six-color);
  padding-left: 5px;
}

/* verification starts 9.2.24 */
.vryfctn .icn {
  width: 8.2rem;
  height: 8.2rem;
  margin: auto;
}

.vryfctn .icn img {
  width: 100%;
  height: 100%;
}

.sgn_hdr.v_hdr {
  padding: 0 2rem 0;
}

.sgn_hdr.v_hdr p br {
  display: none;
}

.p_num {
  margin: 2rem 0;
}

.p_num h5 {
  font-size: 2.3rem;
  font-weight: 600;
}

.p_num p {
  font-size: 18px;
  font-weight: 600;
  padding: 15px 0 0;
}

.v_inputs input {
  width: 5.3rem;
  height: 5.3rem;
  border-radius: 10px;
  margin-right: 8px;
  text-align: center;
  border: 1px solid var(--secondary-two-color);
  color: var(--secondary-two-color);
}

.v_frm_innr button {
  width: 80%;
  margin-top: 3rem;
}

.vryfctn .btm_snp_lnk {
  margin-top: 3rem;
}

.v_inputs input::-webkit-inner-spin-button,
.v_inputs input::-webkit-outer-spin-button {
  display: none;
}

/* tab 4 moumi */
.tab_4_hdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.tab_4_hdr_lft h6 {
  font-size: 2.4rem;
  font-weight: 600;
}

.tab_4_hdr_rght button {
  background-color: var(--secondary-three-color);
  font-size: 15px;
  color: var(--primary-color);
  outline: none;
  border: 0;
  padding: 10px 25px;
  border-radius: 6px;
}

.tb4-r-top {
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.tb4-r-top .form-group input {
  font-size: 16px;
  letter-spacing: 1.2px;
  color: var(--secondary-two-color);
}

.tb4-r-mid {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
  flex-wrap: wrap;
}

.tb4-r-mid .form-group {
  width: 49%;
}

.tb4-r-mid .form-group:nth-child(1) {
  position: relative;
}

.tb4-r-mid .form-group:nth-child(1) span {
  position: absolute;
  right: 0;
  width: 15px;
  height: 15px;
  background-color: var(--primary-eight-color);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  top: 0;
}

.tb4-r-mid .form-group:nth-child(1) span a {
  color: #fff;
  font-size: 12px;
}

.tb4-r-mid .form-group input {
  font-size: 16px;
  letter-spacing: 1.2px;
  color: var(--secondary-two-color);
}

.tb_cntct_rght_bttm .form-group textarea {
  height: auto;
}

/* notification & sidebar */
/* ayan dey 09.02.24  */
.right_notifictaion {
  width: 0%;
  border-left: 1px solid var(--primary-five-color);
  visibility: hidden;
  opacity: 0;
  transition: 0.3s ease all;
}

.right_notifictaion.active {
  width: 20%;
  opacity: 1;
  visibility: visible;
}

.right_notifictaion.active .outr_notifictaion {
  display: block;
}

.outr_notifictaion {
  display: none;
}

.outr_notifictaion {
  padding: 20px;
}

.outr_parent_nav.active {
  width: 100%;
}

.outr_rightsbcntnt {
  padding: 15px;
}

.right_sidebar_content {
  width: 30%;
  border-left: 1px solid var(--primary-five-color);
  transition: 0.3s ease all;
}

/* .right_sidebar_content.active {
  width: 30%;
  opacity: 1;
  visibility: visible;
} */
/* .right_sidebar_content.active .outr_rightsbcntnt {
  display: block;
} */
/* .outr_rightsbcntnt {
  display: none;
} */
.left_parent_element.close {
  display: none;
}

/* moumi(notification) */
.ntfcn_hdr h6 {
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 19px;
}

.ntfcn_divs {
  padding: 2rem 0;
}

.ntfcn_div {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 3rem;
}

.nt_txt h6 {
  font-size: 15px;
  font-weight: 500;
}

.nt_txt p {
  font-size: 15px;
  color: var(--secondary-color);
  padding-top: 5px;
}

.nt_icn span {
  background-color: var(--primary-eleven-color);
  padding: 8px 10px;
  border-radius: 10px;
  font-size: 17px;
}

.ntfcn_div:nth-child(2) span,
.ntfcn_div:nth-child(4) span {
  background-color: var(--primary-twelve-color);
}

.orde-hdr h6 {
  font-size: 17px;
  font-weight: 500;
  margin-bottom: 19px;
}

.orde-hdr h6 span {
  font-weight: 700;
}

.order_btns {
  display: flex;
  gap: 15px;
  margin: 3rem 0;
}

.order_btns .btn {
  background-color: var(--primary-two-color);
  padding: 10px;
  border-radius: 8px;
}

.order_btns .btn a {
  font-size: 15px;
  color: var(--secondary-color);
  font-weight: 600;
}

.order_btns.tbl .btn {
  display: flex;
  gap: 10px;
}

.order_btns.tbl .btn span {
  background-color: var(--secondary-nine-color);
  color: var(--primary-color);
  border-radius: 50%;
  padding: 11px;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
}

.order_btns.tbl .btn:nth-child(2) span {
  background-color: var(--secondary-ten-color);
}

.innr_tbl_bkn {
  margin: 4rem 0;
}

.tb_top {
  display: flex;
  justify-content: space-between;
}

.tb_top button {
  outline: 0;
  border: 0;
  background-color: var(--primary-color);
  padding: 10px 18px;
  border-radius: 5px;
  font-size: 18px;
  font-weight: 500;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.tb_lft {
  display: flex;
  gap: 25px;
}

.tb_rght select {
  outline: 0;
  border: 0;
  background-color: transparent;
  font-size: 17px;
}

.tb_cntnts {
  padding: 4rem 0;
}

.tb_top_bx {
  display: flex;
  justify-content: space-between;
}

.top_div {
  display: flex;
  justify-content: space-between;
  width: 30%;
  background-color: var(--primary-color);
  border-radius: 10px;
  padding: 30px;
}

.top_div:hover {
  color: var(--primary-color);
  background-color: var(--secondary-seven-color);
}

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

.top_div:hover .t-h-r {
  background-color: var(--primary-color);
}

.top_div:nth-child(3):hover {
  background-color: #f5e0c1;
}

.top_div:nth-child(3):hover .t-h-r {
  background-color: var(--primary-color);
}

.t-h-r {
  width: 4.5rem;
  height: 4.3rem;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background-color: var(--primary-ten-color);
}

.top_div:nth-child(3) .t-h-r {
  background-color: var(--primary-thirteen-color);
}

/* .t-h-r span {
  width: 3.5rem;
  height: 3.5rem;
} */
/* .t-h-r span img {
  width: 100%;
  height: 100%;
} */
.t-h-l h5 {
  font-size: 2.2rem;
  font-weight: 500;
}

.t-h-l h3 {
  font-size: 4rem;
  font-weight: 700;
  padding-top: 15px;
  padding-bottom: 10px;
}

.t-h-l p {
  font-size: 17px;
  font-weight: 600;
}

.t-h-l p span {
  color: var(--secondary-seven-color);
  font-weight: 600;
}

.mid_tables {
  margin: 0;
}

.tbl_hdr {
  padding: 30px 0;
}

.mid_tables .tbl_hdr h3 {
  font-size: 2.8rem;
  font-weight: 600;
  color: var(--secondary-color);
}

.mid_table_bx {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.tbl_sngl_bx {
  display: flex;
  gap: 15px;
  width: 15%;
  background-color: var(--primary-color);
  border-radius: 18px;
  padding: 15px;
}

.sngl_lft h6 {
  font-size: 2.1rem;
}

.sngl_rght p {
  font-size: 15px;
}

.sngl_rght h5 {
  font-size: 2.1rem;
  font-weight: 600;
  padding: 10px 0;
}

.sngl_btm {
  display: flex;
  gap: 10px;
}

.sngl_btm span {
  color: var(--secondary-seven-color);
}

/* ayan dey 12.02.23  */
.cube_box {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--primary-fifteen-color);
  width: 11.5%;
  height: 10rem;
  border-radius: 15px;
  text-align: center;
}

.parent_table {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
}

.cube_box.yellow {
  background-color: var(--primary-seventeen-color);
}

.cube_box span {
  color: var(--secondary-color);
  font-size: 1.6rem;
}

.parent_table {
  margin-top: 7rem;
}

.cube_box.pink {
  background-color: var(--primary-sixteen-color);
}

.cb_img {
  width: 5rem;
}

.total {
  font-size: 2.5rem !important;
}

/* moumi 12.02.23  */
.outr-right-content.order {
  padding: 40px 50px;
}

.order_hdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4rem 0;
}

.ordre_rght {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

/* .ordre_lft {
  padding-left: 50px;
} */
.ordre_lft h6 {
  font-size: 2.8rem;
  font-weight: 600;
  color: var(--secondary-color);
  margin-bottom: 8px;
}

.ordre_lft p {
  font-size: 15px;
  color: var(--secondary-color);
}

.ordre_rght input {
  border: 0;
  outline: none;
  background-color: transparent;
}

.ordre_rght input::placeholder {
  font-size: 14px;
  color: var(--primary-eight-color);
}

.ordr_srch_bx {
  padding: 15px;
  border: 1px solid var(--primary-eight-color);
  background-color: var(--primary-color);
  width: 37.4rem;
  display: flex;
  justify-content: space-between;
  border-radius: 8px;
  align-items: center;
}

.ordr_srch_bx span,
.ordr_srch_bx input::placeholder {
  color: var(--secondary-two-color);
}

.ordr_date_bx {
  padding: 15px;
  border: 1px solid var(--primary-eight-color);
  background-color: var(--primary-color);
  border-radius: 8px;
}

.ordr_date_bx input {
  color: var(--secondary-two-color);
  font-size: 14px;
}

.orders {
  background-color: var(--primary-color);
  padding: 30px;
  border-radius: 10px;
  border: 1px solid var(--primary-eight-color);
}

.ordr_tbl table {
  width: 100%;
}

.ordr_tbl table tr td .div1 {
  display: flex;
  margin-right: 10px;
  gap: 20px;
}

.o_div_img {
  width: 5rem;
  height: 5rem;
}

.o_div_img img {
  width: 100%;
  height: 100%;
}

.ordr_tbl table tr td:nth-child(1) {
  width: 285px;
}

.ordr_tbl th {
  font-weight: 600;
  font-size: 2.1rem;
  padding: 20px 0;
  color: var(--secondary-two-color);
}

.o_div_txt h5,
.div2 h5 {
  font-size: 15px;
  padding-bottom: 5px;
  color: var(--secondary-two-color);
}

.o_div_txt p {
  font-size: 13px;
  color: var(--secondary-two-color);
}

.ordr_tbl td:nth-child(5) .div2 {
  width: fit-content;
  border: 1px solid var(--secondary-six-color);
  border-radius: 22px;
  background-color: var(--primary-ten-color);
  /* padding: 7px 20px; */
  display: flex;
  align-items: center;
  justify-content: center;
}

.ordr_tbl td:nth-child(5) .div2 span h6 {
  color: var(--secondary-six-color);
  position: relative;
  z-index: 1;
  font-size: 13px;
}

.ordr_tbl thead,
.ordr_tbl tbody tr {
  border-bottom: 1px solid var(--primary-eight-color);
}

.ordr_tbl tbody tr:nth-child(9) {
  border-bottom: 0;
}

tbody tr td {
  padding: 15px 0;
}

.ordr_tbl table tr td:nth-child(7) {
  color: var(--secondary-twelve-color);
}

.ordr_tbl td .div2.cancled {
  background-color: var(--secondary-twelve-color);
  border-color: var(--secondary-ten-color);
}

.ordr_tbl td .div2.cancled span h6 {
  color: var(--secondary-ten-color) !important;
}

.ordr_tbl td .div2.pend {
  background-color: var(--primary-thirteen-color);
  border-color: var(--primary-fourteen-color);
}

.ordr_tbl td .div2.pend span h6 {
  color: var(--primary-fourteen-color) !important;
}

.colon {
  color: var(--secondary-two-color);
}

.ordr_tbl td:nth-child(5) .div2 span h6 {
  color: var(--secondary-six-color);
  position: relative;
  z-index: 1;
  font-size: 13px;
  padding: 5px 20px;
}

.pagination {
  width: 20%;
  margin: auto;
  padding: 40px 0 0 0;
}

.pagination a {
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color 0.3s;
  color: var(--secondary-two-color);
  font-size: 18px;
}

.pagination a.active {
  color: white;
  color: var(--secondary-six-color);
}

.pagination a:hover:not(.active) {
  background-color: #f6edde;
}

.tabs_c.active {
  background-color: var(--secondary-seven-color);
  color: var(--primary-color);
}

.dropdown-toggle.nav-link.show {
  background-color: var(--secondary-three-color);
}

.dropdown-toggle.nav-link.show .icon_text {
  color: var(--primary-color);
}

/* ayan dey(sidebar) */
.outr_quantity {
  margin-top: 20rem;
}

.desc_table table .bg_grey {
  background-color: var(--primary-nine-color);
}

.desc_table table {
  width: 100%;
  border: 1px solid var(--primary-eight-color);
  border-radius: 15px;
  overflow: hidden;
}

.desc_table table th {
  padding: 10px 0;
}

.desc_table table tr,
.desc_table table td {
  border: 1px solid var(--primary-nine-color);
}

.desc_table table td {
  padding: 5px;
  font-size: 1.8rem;
}

.desc_table table th {
  font-size: 2rem;
}

.outr_quantity {
  display: flex;
  justify-content: space-between;
}

.outr_quantity .q_box {
  width: 24%;
}

.q_box input {
  width: -webkit-fill-available;
  padding: 10px 0;
  background-color: var(--primary-two-color);
  color: var(--secondary-eleven-color);
  border: none;
  border-radius: 5px;
}

.outr_quantity {
  padding: 10px;
  padding-right: 5px;
  background-color: var(--primary-fifteen-color);
  border-radius: 15px;
  border-color: var(--primary-seven-color);
}

.q_box label {
  color: var(--secondary-five-color);
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: center;
}

.cube_box.wht {
  background-color: var(--primary-two-color);
}

.btns .cube_box {
  width: 30%;
}

.firsttwo_btn {
  width: 100%;
}

.left_ftwobtn {
  width: 60%;
}

.ritghtftwo_btn {
  width: 40%;
}

.ritghtftwo_btn .cube_box {
  width: 100%;
  height: 100%;
}

.cube_box.ylw {
  background-color: var(--primary-nineteen-color);
}

.btns .cube_box .cmn_hdr p {
  font-size: 1.6rem;
}

.btns {
  margin-top: 20px;
}

.total {
  font-size: 1.8rem !important;
}

.desc_table td {
  color: var(--secondary-five-color);
}

.desc_table th {
  color: var(--secondary-five-color);
}

.cube_box.ylw .cmn_hdr p {
  color: var(--secondary-eleven-color);
  font-size: 2.5rem;
}

.svg-inline--fa.fa-trash {
  color: var(--secondary-ten-color) !important;
}

.frm_innr .inpt:nth-child(5) {
  border: 1px solid var(--primary-nine-color);
}

/* moumi strats 16.2.24 */
.sdbr_oprtr_inpt_top .oprt_inpt_info span {
  background-color: var(--primary-color);
  border: 1px solid var(--secondary-color);
}

.oprt_inpt_info_thrd {
  padding-right: 10px;
}

.d-flex {
  gap: 7px;
}

.brcd.oprt_inpt_info {
  display: flex;
  align-items: flex-start;
  gap: 5px;
}

.d-flex input {
  width: 221px;
}

.outr_quantity .q_box input {
  font-weight: 600;
}

.q_box input {
  padding: 10px 7px;
}

.sdbr_oprtr_inpt_top .oprt_inpt_info input {
  width: 331px;
}

.outr_quantity {
  border: 2px solid var(--primary-seven-color);
}

.op_inpt_div {
  display: flex;
  gap: 10px;
}

.oprt_inpt_info span {
  /* width: 100px; */
}

.modal {
  display: none;
  position: fixed;
  z-index: 1;
  padding-top: 100px;
  padding-bottom: 100px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

/* Modal Content */
.modal-content {
  background-color: var(--primary-color);
  margin: auto;
  padding: 10px 20px;
  border: 1px solid #888;
  width: 50%;
  border-radius: 20px;
  border-bottom: 10px solid var(--secondary-three-color);
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}

.m_modal {
  /* border-bottom: 1px solid #0001; */
  padding-bottom: 15px;
}

.m_modal .dbrd_stngs_tb_inr {
  border: 0;
  border-bottom: 1px solid #0001;
  padding-bottom: 15px;
}

.m_modal .stngs_lft_logo_txt h6 {
  color: var(--secondary-two-color);
  font-size: 18px;
  font-weight: 500;
  padding-top: 5px;
}

.modal_hdr {
  padding-inline: 38px;
  display: flex;
  justify-content: space-between;
  padding-top: 10px;
  border-bottom: 1px solid #0001;
  padding-bottom: 10px;
}

.mdl_hdr_l {
  width: 50%;
}

.mdl_hdr_r {
  display: flex;
  width: 50%;
  justify-content: space-between;
}

.modal_hdr h6 {
  font-size: 15px;
  font-weight: 600;
  color: var(--secondary-two-color);
}

.modal_hdr h6 span {
  color: var(--secondary-color);
}

.from-to-cnt {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #0001;
  padding-inline: 38px;
  padding-top: 5px;
  padding-bottom: 5px;
}

.from-to-cnt h6 {
  font-size: 15px;
  padding-bottom: 5px;
  color: var(--secondary-two-color);
}

.to_r {
  text-align: right;
}

.to,
.frm {
  color: var(--secondary-three-color) !important;
  font-weight: 600;
}

.name {
  font-weight: 600;
  color: var(--secondary-color) !important;
}

.from-to-cnt h6 a {
  color: var(--secondary-color) !important;
}

/* .item_ds_sec{
  padding-inline: 38px;
  
} */

.item_ds_sec h6 {
  color: var(--secondary-color);
  font-size: 14px;
}

.itm_ds_hdr {
  display: flex;
  border-bottom: 1px solid #0001;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-inline: 38px;
}

.itm_lft_ds {
  width: 50%;
}

.itm_rt_ds {
  width: 50%;
  display: flex;
  justify-content: space-between;
}

.itm_ds_hdr h6 {
  color: var(--secondary-eight-color);
}

.mdl_cnt {
  display: flex;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #0001;
  padding-inline: 38px;
}

.mdl_cnt h6 span {
  font-weight: 600;
  color: var(--secondary-color);
}

.itm_lft_ds h4 span {
  font-weight: 600;
  color: var(--secondary-color);
  font-size: 21px;
}

.ttl h6 {
  padding-top: 10px;
}

.mdl_ftr {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-inline: 38px;
}

.mdl_ftr h5 {
  font-size: 19px;
  padding-bottom: 6px;
  font-weight: 500;
  color: var(--secondary-color);
}

.mdl_ftr p {
  font-size: 15px;
  color: var(--secondary-color);
}

/* moumi ends 16.2.24 */

/* test start searchbar */

.payment_filter_rght .main {
  width: 35rem;
}

@media (max-width: 34em) {
  .main {
    min-width: 150px;
    width: auto;
  }
}

.payment_filter_rght select {
  display: none !important;
}

.dropdown-select {
  background: linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.25) 0%,
      rgba(255, 255, 255, 0) 100%
    )
    url(../images/srch_inv.png);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#40FFFFFF', endColorstr='#00FFFFFF', GradientType=0);
  background-color: #fff;
  border-radius: 6px;
  border: solid 1px #eee;
  box-shadow: 0px 2px 5px 0px rgba(155, 155, 155, 0.5);
  box-sizing: border-box;
  cursor: pointer;
  display: block;
  float: left;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  width: auto;
}

.dropdown-select:focus {
  background-color: #fff;
}

.dropdown-select:hover {
  background-color: #fff;
}

.dropdown-select:active,
.dropdown-select.open {
  background-color: #fff !important;
  border-color: #bbb;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.05) inset;
}

.dropdown-select:after {
  height: 0;
  width: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #777;
  -webkit-transform: origin(50% 20%);
  transform: origin(50% 20%);
  transition: all 0.125s ease-in-out;
  content: "";
  display: block;
  margin-top: -2px;
  pointer-events: none;
  position: absolute;
  right: 10px;
  top: 50%;
}

.dropdown-select.open:after {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}

.dropdown-select.open .list {
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
  pointer-events: auto;
}

.dropdown-select.open .option {
  cursor: pointer;
}

.dropdown-select.wide {
  width: 100%;
  position: relative;
}

.dropdown-select.wide .list {
  left: 0 !important;
  right: 0 !important;
}

.dropdown-select .list {
  box-sizing: border-box;
  transition: all 0.15s cubic-bezier(0.25, 0, 0.25, 1.75), opacity 0.1s linear;
  -webkit-transform: scale(0.75);
  transform: scale(0.75);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.09);
  background-color: #fff;
  border-radius: 6px;
  margin-top: 4px;
  padding: 3px 0;
  opacity: 0;
  overflow: hidden;
  pointer-events: none;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 999;
  max-height: 250px;
  overflow: auto;
  border: 1px solid #ddd;
}

.dropdown-select .list:hover .option:not(:hover) {
  background-color: transparent !important;
}

/* moumi 20.2.24 */
/* .dropdown-select .dd-search{
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0.5rem;
}

.dropdown-select .dd-searchbox{
  width:90%;
  padding:0.5rem;
  border:1px solid #999;
  border-color:#999;
  border-radius:4px;
  outline:none;
}
.dropdown-select .dd-searchbox:focus{
  border-color:#12CBC4;
} */

.dropdown-select .list ul {
  padding: 0;
}

.dropdown-select .option {
  cursor: default;
  font-weight: 400;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 29px;
  text-align: left;
  transition: all 0.2s;
  list-style: none;
}

.dropdown-select .option:hover,
.dropdown-select .option:focus {
  background-color: #f6f6f6 !important;
}

.dropdown-select .option.selected {
  font-weight: 600;
  color: #12cbc4;
}

.dropdown-select .option.selected:focus {
  background: #f6f6f6;
}

.dropdown-select a {
  color: #aaa;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
}

.dropdown-select a:hover {
  color: #666;
}

/* test end searchbar */

.hidden {
  display: none;
}

ul#list li {
  list-style: none;
  margin-right: 20px;
  text-transform: capitalize;
}

ul#list {
  display: flex;
  align-items: center;
  padding: 0;
}

.outr_title {
  display: flex;
  align-items: center;
  margin-top: 2rem;
}

button.add_title.tab_lst_add,
button.add_row.tab_lst_add,
button.delete_btn.tab_lst_add {
  border: 0;
  box-shadow: none;
}

.title_add_outr {
  margin: 1.5rem 0;
}

/* #pro_header>div {
  float: left;
} */
.outr_all_header {
  display: flex;
  align-items: self-end;
  margin: 2rem 0 1.5rem;
}

.input-field-outr {
  margin-right: 15px;
}

.input-field-outr span {
  display: block;
  margin: 0 0 1rem;
}

.all_title {
  display: flex;
  align-items: center;
}

.outr_all_header .all_title span {
  display: none;
}

.outr_all_header:first-child .all_title span {
  display: block;
  text-transform: capitalize;
}

#list .litext {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  width: auto;
}

#list li.litext {
  font-size: 14px;
  color: var(--secondary-three-color);
  padding: 10px 18px;
  background: var(--primary-color);
  border: 1px solid var(--secondary-three-color);
  text-transform: capitalize;
}

#list li.litext.currentItem {
  background: var(--secondary-three-color);
  color: var(--primary-color);
  border: 1px solid var(--secondary-three-color);
}

.title_add_outr input {
  border: 1px solid var(--secondary-eight-color);
  height: 4rem;
  border-radius: 4px;
  padding: 5px 10px;
}

button.add__btn {
  border: 0;
  box-shadow: none;
  background: var(--secondary-three-color);
  color: var(--primary-color);
  padding: 10px 15px;
  border-radius: 4px;
}

.input-field-outr input {
  border: 1px solid var(--secondary-eight-color);
  height: 4rem;
  border-radius: 4px;
  padding: 5px 10px;
}

.disabled {
  pointer-events: none;
}

.add_row {
  margin-right: 10px;
}

.outr_all_header:last-child .delete_btn {
  display: none !important;
}

.outr_all_header .add_row {
  display: none !important;
}

.outr_all_header .delete_btn {
  display: block !important;
}

.outr_all_header:last-child .add_row {
  display: block !important;
}

#price_tab .tab_lst_add svg {
  margin: auto;
}

/* ayon */
.ivnt_tp_btns {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.ivnt_ottr {
  border: 1px solid var(--secondary-eight-color);
  margin-top: 10px;
  padding: 30px;
}

.ivnt_units {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-top: 30px;
}

.ivnt_units span {
  color: var(--secondary-color);
  font-size: 15px;
  display: block;
}

.ivnt_tbl_hdng {
  margin-top: 20px;
}

.ivnt_tbl_hdng h5 {
  color: var(--secondary-four-color);
  font-size: 22px;
  font-weight: 600;
}

.ivnt_tbl_form .ivnt_tbl_strt {
  display: flex;
  justify-content: flex-start;
  gap: 2%;
}

.ivnt_tbl_form .ivnt_tbl_prt {
  width: 41%;
}

.ivnt_tbl_form .ivnt_tbl_prt:last-child {
  width: 15%;
}

.ivnt_tbl_form .ivnt_tbl_prt .form-control {
  padding: 10px;
  border: 1px solid var(--secondary-two-color);
  color: var(--secondary-two-color);
}

.ivnt_tbl_form .ivnt_tbl_prt .form-control:focus {
  box-shadow: none;
}

.ivnt_tbl_form .ivnt_tbl_prt label {
  color: var(--secondary-four-color);
  font-weight: 500;
  font-size: 14px;
  margin-bottom: 10px;
}

.ivnt_tbl_chk {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
  margin-top: 20px;
}

.ivnt_tbl_chk label {
  color: var(--secondary-four-color);
  font-weight: 500;
  font-size: 14px;
}

.ivnt_ottr .payment_filter.ivnt_filter .payment_filter_lft label {
  color: var(--secondary-four-color);
  font-weight: 500;
  font-size: 14px;
}

.ordr_tbl.dbrd_inv_ordr_tbl.ivnt_td_ottr td {
  font-size: 14px;
  color: var(--secondary-four-color);
  font-weight: 400;
}

.ivnt_tbl_form {
  margin-bottom: 20px;
}

.payment_filter_both.ivnt_filter_btn {
  justify-content: flex-end;
}

.ordr_tbl.dbrd_inv_ordr_tbl.ivnt_bttm_td_ottr td {
  width: 50% !important;
}

.ordr_tbl.dbrd_inv_ordr_tbl.ivnt_bttm_td_ottr td {
  font-size: 14px;
  color: var(--secondary-four-color);
  font-weight: 400;
}

.ivnt_trns_actv .ivnt_trns_tbl th {
  font-weight: 600;
  font-size: 15px;
  padding: 10px 0;
  border: 1px solid var(--secondary-two-color);
  color: var(--secondary-two-color);
  border-left: 0;
  padding-left: 10px;
}

.ivnt_trns_actv .ivnt_trns_tbl th:last-child {
  border-right: 0;
  border-left: 0;
  width: 10%;
}

.ivnt_trns_actv .ivnt_trns_tbl td {
  font-size: 14px;
  color: var(--secondary-four-color);
  font-weight: 400;
  border: 1px solid var(--secondary-two-color);
  border-left: 0;
  padding-left: 10px;
}

.ivnt_trns_actv .ivnt_trns_tbl td:last-child {
  border-right: 0;
  border-left: 0;
}

.ivnt_trns_actv .ivnt_trns_tbl {
  border-collapse: collapse;
  border: 1px solid var(--secondary-two-color);
  width: 100%;
}

.ivnt_trns_actv {
  padding-bottom: 20px;
}

#ivnt_actv {
  display: none;
}

/* ayon paul start / 14.03.2024 */

.nav_btm_logo {
  width: 100%;
  margin-inline: auto;
  margin-top: 3rem;
  padding-bottom: 5rem;
  text-align: center;
  cursor: pointer;
}

.dbrd_stngs_tab {
  width: 97%;
}

.dbrd_stngs_tb_inr {
  padding-inline: 38px;
  background: var(--primary-color);
  border: 1px solid #0001;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-block: 10px;
  border: 1px solid #0001;
  margin-top: 15px;
  width: 99%;
}

.dbrd_stngs_tab .tabs-container {
  position: relative;
  height: 4em;
  width: 99%;
}

.total_parent_element .total_upper_left .nav_btm_logo h6 {
  /* font-family: "Inter", sans-serif; */
  font-family: "Poppins", sans-serif;
  color: var(--secondary-eighteen-color);
  text-transform: capitalize;
  font-size: 20px;
}

.total_parent_element .total_upper_left .nav_btm_logo h6 span {
  color: #0170ff;
  font-weight: 700;
}

.logo_area {
  width: auto;
}

.btod_ottr {
  background: var(--primary-color);
  padding: 10px 20px;
  filter: drop-shadow(0 0 10px #0004);
  border-radius: 10px;
  display: inline-block;
}

.btod_flx {
  display: flex;
  align-items: center;
  gap: 15px;
}

.btod_img {
  width: 22px;
}

.btod_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.btod_txt {
  font-size: 15px;
  color: var(--secondary-five-color);
}

.transact_mix_ttl {
  padding-top: 2rem;
}

.transact_mx_flx {
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 3rem;
}

.transact_hdng {
  background: #e2dfdd;
  border: 1px solid #e2dfdd;
  border-bottom: 0;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.transact_hdng h6 span {
  display: block;
  font-size: 20px;
  color: var(--secondary-eleven-color);
  font-weight: 600;
  padding: 10px;
}

.transact_tbl {
  border: 1px solid var(--secondary-thirteen-color);
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.transact_tbl .transact_tbl_inr {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}

.transact_tbl table {
  background: var(--primary-color);
  overflow: hidden;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  width: 100%;
}

.transact_tbl .transact_tbl_inr tr {
  border-bottom: 1px solid var(--secondary-thirteen-color);
}

.transact_tbl .transact_tbl_inr th {
  color: var(--secondary-four-color);
  font-size: 14px;
  font-weight: 500;
  padding: 10px 18px;
  text-transform: uppercase;
}

.transact_tbl .transact_tbl_inr td {
  color: var(--secondary-two-color);
  font-size: 14px;
  font-weight: 400;
  padding: 10px 18px;
}

.trnsct_prt {
  width: 49%;
}

.trnsct_prt .trnsct_prt_bx h6 span {
  font-family: "Poppins", sans-serif;
  display: block;
  font-size: 20px;
  color: var(--secondary-color);
  font-weight: 600;
}

.trnsct_prt h4.blnc {
  font-family: "Poppins", sans-serif;
  display: block;
  font-size: 3.5rem;
  color: var(--secondary-four-color);
  font-weight: 600;
}

span.lst_rcrd {
  font-family: "Poppins", sans-serif;
  display: block;
  font-size: 15px;
  color: var(--secondary-two-color);
  font-weight: 400;
}

.trnsct_prt .blnc_otr {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}

.trnsct_prt .trnsct_prt_bx {
  border-radius: 10px;
  padding: 10px 15px;
}

.trnsct_prt_bx:nth-child(1) {
  background: var(--primary-two-color);
}

.trnsct_prt_bx:nth-child(2) {
  background: #f6edde;
}

.trnsct_prt_bx:nth-child(3) {
  background: #d4e6fc;
}

.trnsct_prt_clm {
  display: flex;
  flex-direction: column;
  row-gap: 10px;
}

.transact_chrt_otr img {
  width: 100%;
  height: 26.7rem;
  mix-blend-mode: darken;
}

.trnsc_clr_flxbx {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 15px;
  padding-top: 10px;
}

.flx_bx_prt {
  display: flex;
  align-items: center;
  gap: 5px;
  font-size: 12px;
  color: var(--secondary-four-color);
}

.trnsc_clr_flxbx .flx_bx_prt span {
  width: 16px;
  height: 16px;
  border-radius: 3px;
}

.trnsc_clr_flxbx .flx_bx_prt:nth-child(1) span {
  background: #d4e6fc;
}

.trnsc_clr_flxbx .flx_bx_prt:nth-child(2) span {
  background: #0170ff;
}

.trnsc_clr_flxbx .flx_bx_prt:nth-child(3) span {
  background: var(--secondary-eighteen-color);
}

.payment_filter_both {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-inline: 4rem;
}

.payment_filter_rght form span {
  background-color: transparent;
}

.payment_filter_rght .input-group {
  background-image: url(../images/calender.png);
  background-repeat: no-repeat;
  background-position: 94%;
  width: 150px;
}

.payment_filter_rght .form-control {
  font-size: 12px !important;
}

.payment_filter_rght .form-control:focus {
  background-color: transparent !important;
  box-shadow: none;
  border: 1px solid var(--secondary-four-color);
}

.payment_filter_rght .input-group input {
  padding: 10px 20px 10px 13px;
}

.payment_filter_rght form input,
.payment_filter_rght form span {
  background-color: transparent;
}

.payment_filter_rght form .form-control {
  gap: 15px;
  display: flex;
  color: var(--secondary-two-color);
  font-weight: 500;
}

.payment_filter_rght .main {
  position: relative;
  width: 35rem;
}

.payment_filter_rght select {
  display: none !important;
}

.payment_filter_rght form {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}

.payment_filter_rght .srch_bx_otr .form-control {
  width: 27.5rem;
  padding: 10px 20px 10px 13px;
  color: var(--secondary-fifteen-color);
  font-weight: 400;
  background: var(--primary-color);
}

.payment_filter_rght .srch_bx_otr {
  position: relative;
}

.payment_filter_rght .srch_bx_otr::after {
  position: absolute;
  content: "";
  background: url(../images/searchIcon.png) no-repeat;
  background-size: 100% 100%;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}

.payment_filter .payment_filter_lft h6 span {
  display: block;
  font-size: 20px;
  color: #444443;
  font-weight: 600;
  padding: 18px;
}

.payment_filder_tbl table th {
  padding: 18px;
  font-size: 17px;
  color: var(--secondary-four-color);
  font-weight: 600;
  text-transform: capitalize;
}

.payment_filder_tbl table td {
  padding: 18px;
  font-size: 14px;
  color: var(--secondary-four-color);
  font-weight: 400;
}

.payment_filder_tbl table td a.rfnd {
  padding: 5px 10px;
  font-size: 13px;
  color: var(--secondary-three-color);
  background: transparent;
  border: 1px solid var(--secondary-three-color);
  border-radius: 50px;
  transition: all 0.3s;
}

.payment_filder_tbl table td a.rfnd.iact {
  color: #0170ff;
  background: rgba(1, 112, 255, 0.1);
  border: 1px solid #0170ff;
}

.payment_filder_tbl table tr {
  border-bottom: 1px solid var(--secondary-thirteen-color);
}

.payment_filder_tbl table {
  table-layout: auto;
  border: 1px solid var(--secondary-thirteen-color);
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
  width: 100% !important;
  background: var(--primary-color);
}

.payment_filder_tbl {
  border: 1px solid var(--secondary-thirteen-color);
  border-radius: 10px;
  overflow: auto;
  width: 97.5%;
}

.payment_filter .pagination {
  width: 20%;
  margin: auto;
  padding: 40px 0 0 0;
}

.payment_filter .pagination a {
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  transition: background-color 0.3s;
  color: var(--primary-twenty-color);
  font-size: 18px;
  font-weight: 500;
}

.payment_filter .pagination a.active {
  color: var(--secondary-six-color);
  font-weight: 600;
}

.payment_filder_pgtn {
  width: 97.5%;
}

.rgs_tp_flx {
  display: flex;
  align-items: center;
  gap: 4rem;
}

.rgs_tp_flx .rgs_tp_txt h6 span {
  font-size: 20px;
  color: var(--secondary-four-color);
  font-weight: 500;
}

.rgs_tp_flx .rgs_tp_txt p {
  font-size: 15px;
  color: var(--secondary-four-color);
  font-weight: 400;
  padding-top: 5px;
}

.str_tp_flx .str_tp_lft h6 {
  font-size: 18px;
  font-weight: 600;
  color: var(--secondary-four-color);
}

.rg_btn {
  font-size: 15px;
  padding: 8px 12px;
  color: var(--primary-color);
  border: 1px solid var(--secondary-seven-color);
  background-color: var(--secondary-seven-color);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.rg_btn:hover {
  background-color: transparent;
  border: 1px solid var(--secondary-three-color);
  color: var(--secondary-three-color);
}

.rgs_frm_otr .str_tp_flx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-bottom: 1px solid var(--secondary-thirteen-color);
  padding-bottom: 2.5rem;
  padding-inline: 10px;
}

.rg_btn.or {
  background-color: transparent;
  border: 1px solid var(--secondary-three-color);
  color: var(--secondary-three-color);
}

.rg_btn.or:hover {
  background-color: var(--secondary-seven-color);
  border: 1px solid var(--secondary-seven-color);
  color: var(--primary-color);
}

.rgs_frm_otr form .row {
  row-gap: 2rem;
  align-items: flex-start;
  width: 95%;
  margin: auto;
  justify-content: space-between;
}

.rgs_frm_otr form {
  margin-top: 4rem;
}

.rgs_frm_otr {
  box-shadow: 2px 2px 8px var(--primary-eight-color);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  padding: 3rem;
  width: 90%;
  margin: 1rem auto auto;
  background: var(--primary-color);
}

.rgs_frm_otr form .form-control {
  padding: 10px;
  border: 1px solid var(--primary-eight-color);
  font-size: 14px;
  color: var(--secondary-two-color);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.rgs_frm_otr form .form-control::placeholder {
  font-size: 14px;
  color: var(--secondary-two-color);
  text-transform: capitalize;
}

.rgs_frm_otr form .form-control:focus {
  box-shadow: none;
}

.rgs_frm_otr form label {
  /* color: var(--secondary-four-color); */
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 10px;
  text-transform: capitalize;
}

.rgs_frm_otr form select.form-control {
  background: url(../images/dbrd_month_drop.png) no-repeat;
  background-size: 9px;
  width: 100%;
  background-position: 97% center;
}

.rgs_frm_otr form input[type="submit"].rg_btn {
  display: block;
  width: max-content;
  margin: auto;
}

.rgs_frm_otr form input[type="file"].form-control {
  background-color: rgba(6, 106, 105, 0.1);
  border: 1px solid var(--secondary-three-color);
  color: var(--secondary-three-color);
}

.rgs_frm_otr .chrg_bx {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 94%;
  margin: 2rem auto;
}

.rgs_frm_otr .chrg_bx label {
  font-size: 14px;
  font-weight: 500;
  color: var(--secondary-three-color);
  margin-bottom: 0;
  display: block;
}

.rgs_frm_otr .chrg_bx input {
  display: block;
  accent-color: var(--secondary-three-color);
}

.rgs_frm_otr .chrg_mn_bd h6 {
  font-size: 15px;
  font-weight: 600;
  text-transform: uppercase;
  color: var(--secondary-four-color);
  padding-bottom: 2rem;
  width: 94%;
  margin: auto;
}

.rgs_frm_otr .chrg_mn_bd .row .form-group {
  display: flex;
  align-items: flex-start;
}

.rgs_frm_otr .chrg_mn_bd .row .form-group label {
  font-size: 14px;
  /* color: var(--secondary-four-color); */
  margin-bottom: 0;
  display: flex;
  flex-direction: column;
  font-weight: 500;
  line-height: 1;
}

.rgs_frm_otr .chrg_mn_bd .row .form-group input {
  display: block;
}

.rgs_frm_otr .chrg_mn_bd .row .form-group {
  display: flex;
  align-items: flex-start;
  gap: 8px;
}

.rgs_frm_otr .chrg_mn_bd .row .form-group label span {
  font-size: 14px;
  color: var(--secondary-four-color);
  display: block;
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  margin-top: 2rem;
}

.tp_group {
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 10px;
}

.tp_group .tp_prt {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.rgs_frm_otr .form-group .tp_group .tp_prt label {
  font-size: 13px;
  /* color: var(--secondary-four-color); */
  font-weight: 500;
}

.rgs_frm_otr.chrg_frm_otr form .row {
  align-items: flex-start;
}

.rgs_frm_otr .chrg_mn_bd .row .form-group input[type="checkbox"] {
  accent-color: var(--secondary-three-color);
}

.rgs_frm_otr.chrg_frm_otr form .row:nth-child(3) {
  align-items: flex-end;
}

.rgs_frm_otr.chrg_frm_otr form .row:last-child {
  margin-top: 2rem;
}

.rgs_frm_otr.chrg_frm_otr form .row:nth-child(3) .form-group .form-control {
  margin-top: 10px;
}

input[type="submit"].rg_btn {
  text-transform: uppercase;
}

.sgn_up_main {
  padding-block: 7rem;
}

.sgn_top_txt {
  padding-block: 2rem;
  background: var(--primary-color);
}

.sgn_top_txt h3 {
  color: var(--secondary-eighteen-color);
  font-size: 3.5rem;
  font-weight: 700;
}

.sgn_top_txt h3 span {
  color: #0170ff;
}

.p_num span {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: var(--secondary-eight-color);
}

.sgn_otr .form-control {
  padding: 10px;
  border: 1px solid var(--primary-eight-color);
  font-size: 14px;
  color: var(--secondary-two-color);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  text-transform: initial;
}

/* .sgn_otr input[type="email"].form-control {
  text-transform: lowercase;
} */
.sgn_otr input[type="email"].form-control {
  text-transform: none;
}

.sgn_otr .form-control:focus {
  box-shadow: none;
}

.sgn_otr .form-control::placeholder {
  color: var(--secondary-two-color);
  font-size: 14px;
  text-transform: initial;
}

.sgn_otr form {
  display: flex;
  flex-direction: column;
  row-gap: 2rem;
}

.sign_up .sgn_otr {
  margin-top: 2rem;
  padding-bottom: 2rem;
  border-bottom: 1px solid var(--primary-eight-color);
}

.sgn_hdr p a.sign_clk {
  color: #0170ff;
  transition: all 0.3s;
}

.sgn_hdr p a.sign_clk:hover {
  text-decoration: underline;
  text-underline-offset: 2px;
}

.sgn_bttn_txt p {
  font-size: 18px;
  color: var(--primary-eight-color);
}

.sgn_bttn_txt p a {
  transition: all 0.3s;
  color: var(--primary-eight-color);
}

.sgn_bttn_txt p a:hover {
  color: #0170ff;
}

.sgn_bttn_txt {
  padding-bottom: 4rem;
}

.sign_up #signTab .resp-tabs-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 2rem;
  padding: 2rem 0;
  border-bottom: 1px solid var(--primary-eight-color);
}

.sign_up #signTab .resp-tab-content {
  border: 0;
  padding: 0;
}

.resp-tabs-list li.rg_btn {
  padding: 8px 12px;
}

/* ayon paul end / 14.03.2024 */

/* ayon paul start / 28.03.2024 */

.order_top {
  border: 1px solid var(--secondary-thirteen-color);
  border-radius: 10px;
  padding: 2rem 3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 2rem;
  flex-wrap: wrap;
}

.order_md {
  border: 1px solid var(--secondary-thirteen-color);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}

.order_filter .order_top_left h6 span {
  display: block;
  font-size: 20px;
  color: var(--secondary-eleven-color);
  font-weight: 600;
}

.order_filter label {
  font-size: 14px;
  color: var(--secondary-four-color);
  font-weight: 600;
  font-family: "Poppins", sans-serif;
  text-transform: capitalize;
  padding-bottom: 10px;
}

.order_filter form .inptflds {
  display: flex;
  justify-content: space-between;
}

.order_filter form .inptflds .inpt_lft {
  width: 4%;
}

.order_filter form .inptflds .inpt_lft span {
  width: 100%;
  padding: 12px;
  border: 1px solid var(--primary-eight-color);
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

.order_filter form .inptflds .inpt_rght {
  width: 95%;
}

.order_filter form .form-control {
  padding: 10px;
  border: 1px solid var(--primary-eight-color);
  font-size: 14px;
  color: var(--secondary-two-color);
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
}

.order_filter form .form-control::placeholder {
  font-size: 14px;
  color: var(--secondary-two-color);
}

.order_filter form .form-control.fit {
  font-size: 13px;
  text-align: center;
}

.order_md_lft {
  width: fit-content;
  padding: 2rem 3rem;
}

.order_md_right {
  width: 77%;
  padding: 2rem 3rem;
  border-left: 1px solid var(--primary-eight-color);
}

.order_md_lft .md_lft_img {
  width: 29.6rem;
}

.inpt_rslts ul li.inpt_rslts_lst {
  display: flex;
  align-items: center;
  gap: 2rem;
  font-size: 13px;
  color: var(--secondary-four-color);
  font-weight: 400;
}

.inpt_rslts ul li.inpt_rslts_lst span {
  color: var(--secondary-eleven-color);
  font-weight: 700;
}

.inpt_rslts ul {
  display: flex;
  align-items: center;
  gap: 3rem;
  padding-top: 10px;
  flex-wrap: wrap;
}

.order_filter form .inptflds .inpt_lft span img {
  width: 15px;
}

.order_filter .order_md_right form .row {
  row-gap: 2rem;
}

/* ayon paul end / 28.03.2024 */

/* moumy start / 19.03.2024 */

.str_hdr {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4rem 0;
}

.str_rght {
  display: flex;
  justify-content: space-between;
  gap: 20px;
}

/* .str_lft {
  padding-left: 50px;
} */

.str_lft h6 {
  font-size: 20px;
  font-weight: 500;
  color: var(--secondary-color);
  margin-bottom: 8px;
}

.str_rght input {
  border: 0;
  outline: none;
  background-color: transparent;
  width: 100%;
  font-size: 13px;
}

.str_rght input::placeholder {
  font-size: 13px;
  color: var(--primary-eight-color);
}

.str_srch_bx {
  padding: 8px 15px;
  border: 1px solid var(--primary-eight-color);
  background-color: var(--primary-color);
  width: 37.4rem;
  display: flex;
  justify-content: space-between;
  border-radius: 8px;
  align-items: center;
  margin-bottom: 10px;
}

.str_srch_bx span,
.str_srch_bx input::placeholder {
  color: var(--secondary-two-color);
}

.str_date_bx {
  padding: 15px;
  border: 1px solid var(--primary-eight-color);
  background-color: var(--primary-color);
  border-radius: 8px;
}

.str_date_bx input {
  color: var(--secondary-two-color);
  font-size: 14px;
}

.prcs_inr_cntnts {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 5rem;
}

.prcs_info {
  background-color: var(--primary-color);
  padding: 20px;
  border-radius: 18px;
  -webkit-border-radius: 18px;
  -moz-border-radius: 18px;
  -ms-border-radius: 18px;
  -o-border-radius: 18px;
  width: 31%;
  margin-bottom: 25px;
  box-shadow: 2px 2px 8px #0004;
  height: 100%;
  /* min-height: 164px; */
}

.prcs_inr_cntnts {
  display: flex;
  flex-wrap: wrap;
  gap: 5rem;
}

.prcs_info_top {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}

.prcs_text h4 {
  color: var(--secondary-four-color);
  font-size: 17px;
  font-style: normal;
  font-weight: 600;
  padding-bottom: 5px;
}

.prcs_img img {
  width: 100%;
  height: 100%;
}

.prcs_info_btm {
  margin-top: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #ccc;
  padding-top: 13px;
  padding-bottom: 5px;
}

.prcs_arw {
  color: var(--secondary-three-color);
  background: transparent;
  border: 1px solid var(--secondary-three-color);
  border-radius: 30px;
  -webkit-border-radius: 40px;
  -moz-border-radius: 40px;
  -ms-border-radius: 40px;
  -o-border-radius: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
}

.prcs_arw:hover {
  color: var(--primary-color);
  border: 1px solid var(--secondary-seven-color);
  background-color: var(--secondary-seven-color);
}

.prcs_arw:hover .prcs_arw_img img {
  filter: brightness(0) invert(1);
}

.prcs_arw.store_actv {
  font-size: 11px;
  text-transform: uppercase;
  padding: 5px 35px;
  font-weight: 600;
}

.prcs_arw .fa-eye {
  padding: 2px;
}

.prcs_arw:last-child img {
  padding: 0;
  width: 25px;
}

.prcs_arw img {
  width: 25px;
}

.prcs_arw:last-child img {
  padding: 0px;
}

.prcs_part h6 {
  color: var(--secondary-two-color);
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  text-align: center;
}

.prcs_upper,
.prcs_srchbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.prcs_upper {
  margin-bottom: 30px;
  margin-top: 10px;
}

.prcs_inr_hdng.cmn_hdr h2 {
  padding-bottom: 0;
}

.str__top {
  display: flex;
  justify-content: space-between;
  min-height: 68px;
}

.prcs_text {
  display: flex;
  flex-direction: column;
  /* padding-left: 14px; */
  /* width: 68%; */
}

.prcs_text a {
  font-weight: 500;
  font-size: 13px;
  padding-bottom: 5px;
  color: var(--secondary-two-color);
}

.prcs_text a:hover {
  color: #0170ff;
}

/* .prcs_img_otr {
  width: 25%;
} */

.store_toggle .round {
  font-size: 20px;
  opacity: 1;
  cursor: pointer;
  color: var(--secondary-three-color);
}

.store_blnc {
  display: flex;
  padding: 15px 0px;
  gap: 20px;
}

.store_blnc h5 {
  font-size: 15px;
  font-weight: 600;
  color: var(--secondary-two-color);
}

.store_blnc h5 span {
  color: var(--secondary-color);
}

.prcs_part {
  display: flex;
  align-items: center;
  gap: 10px;
}

/* .total_parent_element .pagination{
  justify-content: center;
}
.total_parent_element .payment_filder_pgtn{
  margin: auto;
} */

/* moumy end / 19.03.2024 */

/* ayon paul change / 30.03.2024 */

.parent_nav_menu ul li.nav-item.active .icon_box img {
  filter: invert(1);
}

.nav-item a.dropdown-toggle.nav-link.show .icon_box img {
  filter: invert(1);
}

.nav-item .dropdown-item span img {
  width: 2.5rem;
  height: 100%;
  object-fit: contain;
}

.parent_nav_menu .dropdown-item {
  display: flex;
  align-items: center;
  gap: 10px;
  width: 79%;
  margin-inline: auto;
}

.parent_nav_menu ul li a.dropdown-item:hover {
  background-color: transparent;
}

.parent_nav_menu ul li a.dropdown-item .icon_text {
  font-size: 15px;
}

.nav-item a.dropdown-toggle.nav-link.show::before {
  filter: invert(1) brightness(1);
}

.parent_nav_menu ul li a {
  width: 22rem;
}

.str__top .switch {
  font-size: 13px;
  position: relative;
  display: inline-block;
  width: 3.5em;
  height: 2em;
}

.str__top .switch input.rd_slct {
  opacity: 0;
  width: 0;
  height: 0;
}

.str__top .small_slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  border: 1px solid #adb5bd;
  transition: 0.4s;
  border-radius: 30px;
}

.str__top .small_slider:before {
  position: absolute;
  content: "";
  height: 1.4em;
  width: 1.4em;
  border-radius: 20px;
  left: 0.27em;
  bottom: 0.25em;
  background-color: #adb5bd;
  transition: 0.4s;
}

.str__top input.rd_slct:checked + .small_slider {
  background-color: var(--secondary-three-color);
  border: 1px solid var(--secondary-three-color);
}

.str__top input.rd_slct:focus + .small_slider {
  box-shadow: 0 0 1px var(--secondary-three-color);
}

.str__top input.rd_slct:checked + .small_slider:before {
  transform: translateX(1.4em);
  background-color: #fff;
}

.parent_nav_menu ul li.active {
  background-color: var(--primary-four-color);
  border-radius: 10px;
}

.rgs_frm_otr.chrg_frm_otr form .row {
  flex-direction: column;
}

.rgs_frm_otr.chrg_frm_otr form .row.chng {
  flex-direction: row;
  flex-wrap: wrap;
}

.tp_group {
  flex-direction: column;
  align-items: start;
}

.rgs_frm_otr .chrg_mn_bd .row .form-group input.form-control {
  width: 100%;
  font-size: 13px;
  color: var(--secondary-four-color);
  font-weight: 500;
}

.rgs_frm_otr .chrg_mn_bd .row .form-group input.form-control::placeholder {
  font-size: 13px;
  color: var(--secondary-two-color);
  font-weight: 400;
}

.rgs_frm_otr .form-group .tp_group .tp_prt label {
  width: fit-content;
}

.tp_group .tp_chk {
  display: flex;
  align-items: start;
  gap: 8px;
  flex-wrap: wrap;
}

.rgs_frm_otr .form-group .tp_group .tp_prt {
  width: 100%;
}

.rgs_frm_otr .form-group .tp_group .tp_prt .tp_prt_innr {
  display: flex;
  align-items: center;
  gap: 8px;
  width: 57%;
}

.rgs_frm_otr .form-group .tp_group .tp_prt .tp_prt_fld {
  width: 40%;
}

.rgs_frm_otr .chrg_mn_bd .row .form-group input[type="radio"] {
  accent-color: var(--secondary-three-color);
}

.rgs_frm_otr.chrg_frm_otr form .row:nth-child(3) {
  align-items: start;
  flex-direction: row;
}

.rgs_frm_otr.chrg_frm_otr form .row:nth-child(3) .tp_prt_fld {
  display: flex;
  align-items: center;
}

.rgs_frm_otr.chrg_frm_otr form .row:nth-child(3) .tp_prt {
  display: flex;
  align-items: center;
}

.rgs_frm_otr.chrg_frm_otr form .row:nth-child(3) .form-group .form-control {
  margin-top: 0;
}

.rgs_frm_otr.chrg_frm_otr
  form
  .row:nth-child(3)
  .col-md-6:nth-child(even)
  .tp_prt_fld {
  width: 76%;
  gap: 8px;
}

.rgs_frm_otr.chrg_frm_otr
  form
  .row:nth-child(3)
  .col-md-6:nth-child(even)
  .tp_prt_innr {
  width: fit-content;
}

/*Sounak 28.03.2024 start*/

.parent_nav_menu ul li.nav-item.active {
  /* background-color: var(--primary-four-color); */
  background-color: var(--secondary-three-color);
  border-radius: 10px;
}

.parent_nav_menu ul li.nav-item.active .icon_text {
  color: var(--primary-color);
}

.parent_nav_menu ul li.active a:hover {
  background-color: var(--secondary-three-color);
}

.parent_nav_menu ul li.active a.dropdown-item:hover {
  background-color: transparent;
}

/* .payment_filter .pagination {
  width: 47% !important;
} */
.payment_filter .pagination {
  width: max-content !important;
}

span.page-link {
  padding: 14px 14px;
}

.statusButton .btn-success {
  /* width: 92px; */
  background-color: #00c179;
  border-color: #00c179;
  padding: 4px 16px;
  font-size: 13px;
  border-radius: 50px;
}

.statusButton .btn-danger {
  /* width: 92px; */
  background-color: #ff5252;
  border-color: #ff5252;
  padding: 4px 10px;
  font-size: 13px;
  border-radius: 50px;
}

.statusButton .btn-warning {
  /* width: 92px; */
  /* background-color: #ff5252;
  border-color: #ff5252; */
  padding: 4px 10px;
  font-size: 13px;
  border-radius: 50px;
}

.statusButton .btn-info {
  /* width: 92px; */
  /* background-color: #ff5252;
  border-color: #ff5252; */
  padding: 4px 10px;
  font-size: 13px;
  border-radius: 50px;
}

.menu__tabs {
  justify-content: flex-start;
  display: flex;
  /* justify-content: center; */
  padding-top: 20px;
  gap: 10px;
}

.cmn_btn_cg {
  padding: 12px 20px;
  font-size: 16px;
  color: #444443;
  background: #f2e9e0;
  border: 2px solid var(--secondary-three-color);
  border-radius: 50px;
  transition: all 0.3s;
}

.cmn_btn_cg.active {
  padding: 13px 28px;
  font-size: 18px;
  color: var(--primary-color);
  background: var(--secondary-three-color);
  border: 2px solid var(--secondary-three-color);
  border-radius: 50px;
  transition: all 0.3s;
}

.cmn_btn_cg:hover {
  padding: 13px 28px;
  font-size: 18px;
  color: #cc880f;
  border: 2px solid #cc880f;
  border-radius: 50px;
  transition: all 0.3s;
  background: transparent;
}

.userRegistration a.cmn_btn_cg {
  padding: 7px 30px;
  font-size: 16px;
  color: var(--primary-color);
  background: #cc880f;
  border: 2px solid var(--secondary-three-color);
  border-radius: 10px;
  transition: all 0.3s;
}

.userRegistration a.cmn_btn_cg:hover {
  padding: 7px 30px;
  font-size: 16px;
  color: var(--secondary-three-color);
  background: rgba(6, 106, 105, 0.1);
  border: 2px solid var(--secondary-three-color);
  border-radius: 10px;
  transition: all 0.3s;
}

.downloadAsCsv a.cmn_btn_cg {
  padding: 10px 30px;
  font-size: 13px;
  color: var(--primary-color);
  background: #cc880f;
  border: 2px solid var(--secondary-three-color);
  border-radius: 7px;
  transition: all 0.3s;
}

.downloadAsCsv a.cmn_btn_cg:hover {
  padding: 10px 30px;
  font-size: 13px;
  color: #cc880f;
  background: transparent;
  border: 2px solid #cc880f;
  border-radius: 7px;
  transition: all 0.3s;
}

.downloadAsCsv.downloadIcon a.cmn_btn_cg {
  padding: 7px;
  font-size: 13px;
  color: var(--primary-color);
  background: #cc880f;
  border: 2px solid var(--secondary-three-color);
  border-radius: 7px;
  transition: all 0.3s;
}

.downloadAsCsv.downloadIcon a.cmn_btn_cg:hover {
  padding: 7px;
  font-size: 13px;
  color: var(--secondary-three-color);
  background: rgba(6, 106, 105, 0.1);
  border: 1px solid var(--secondary-three-color);
  border-radius: 7px;
  transition: all 0.3s;
}

.payment_filder_tbl table td a.rfnd.act:hover {
  padding: 5px 10px;
  font-size: 13px;
  color: var(--primary-color);
  background: #cc880f;
  border: 1px solid var(--secondary-three-color);
  border-radius: 50px;
  transition: all 0.3s;
}

.payment_filder_tbl table td a.rfnd.inact {
  background-color: #fbdada !important;
  border: 1px solid #da2727 !important;
  color: #da2727 !important;
}
.payment_filder_tbl table td a.rfnd.inact:hover {
  background-color: #da2727 !important;
  border: 1px solid #da2727 !important;
  color: var(--primary-color) !important;
}

.pwdKey {
  display: inline;
  height: 14px;
  margin: 2px;
}

.payment_filder_tbl table td a.rfnd:hover .pwdKey {
  filter: brightness(0) invert(1);
}

/*Sounak 28.03.2024 end*/

.image-upload > input {
  display: none;
}

.file_input {
  box-sizing: border-box;
  height: 100%;
  width: 100%;
  border: 2px solid #bce9d8;
  border-radius: 10px;
  font-size: 14px;
  transition: border-color 150ms ease;
  background-color: #bce9d8 !important;
  height: 50px;
  padding-top: 15px;
}

.file_input img {
  margin: auto;
  display: inline-block;
  margin-right: 5px;
  color: #f6edde;
  opacity: 1;
}

.image-upload {
  margin: 20px 0;
}

.image-upload.upld_logo_img .file_input {
  background-color: transparent !important;
  border: 10px solid #cc880f;
  border-bottom: 25px solid #cc880f;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  margin-right: auto;
  height: auto;
  width: 20%;
  text-align: center;
  cursor: pointer;
}

.image-upload.upld_logo_img .file_input img {
  width: 50%;
}

.image-upload.upld_logo_img {
  text-align: left;
  margin-top: 10px;
}

.image-upload.upld_logo_img h5 {
  padding-bottom: 10px;
  font-size: 15px;
}

.cli_maxmin {
  display: flex;
  align-items: center;
  gap: 20px;
}

.rgs_frm_otr .form-group .tp_group .tp_prt .tp_prt_fld.cli_maxmin {
  width: 70%;
}

.cli_grp.tp_group .tp_prt {
  flex-wrap: no-wrap;
}

.rgs_frm_otr .form-group .tp_group.cli_grp .tp_prt .tp_prt_innr {
  width: auto;
}

/* receipt page(shreyasi) */
.gbs_receipt_body {
  background-color: #f0f0f0;
  padding: 6rem 0;
}

.gbs_receipt {
  background-color: #fff;
  width: 34%;
  margin: auto;
  border-radius: 20px;
}

.gbs_receipt_body .rcpt_top_rght h6 {
  color: #efc251;
  font-weight: 400;
  text-transform: capitalize;
  font-family: "poppins", sans-serif;
  font-size: 18px;
}

.gbs_receipt_body .rcpt_top_rght h6 span {
  color: #fff;
  font-weight: 600;
  font-size: 17px;
}

.gbs_receipt .rcpt_top_flx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 15px;
}

.gbs_receipt .rcpt_top {
  background-color: #fff;
  padding: 3rem;
  border-radius: 15px 15px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 56px;
  padding-bottom: 0;
  flex-wrap: wrap;
}

.rcpt_top_pic {
  width: 17.8rem;
}

.rcpt_top_pic img {
  width: 100%;
}

.rcpt_top_abt .tp_abt h4 {
  font-family: "poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  color: #000;
}

.innr_lwr_p p a {
  font-size: 17px;
}

.rcpt_top_abt .tp_abt a {
  color: #000;
  font-family: "poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
}

.rcpt_top_abt .tp_abt a:hover {
  color: #cc880f;
}

.rcpt_top_abt .tp_abt a.email {
  color: #cc880f;
  margin: 20px 0 15px;
  display: block;
}

.rcpt_top_abt .tp_abt a.email:hover {
  color: #000;
}

.rcpt_top_abt .tp_abt p a.email:hover {
  color: #fff;
}

.rcpt_pmnt .rcpt_pmnt_lft .pmnt_txt h6 {
  color: #fff;
  font-family: "poppins", sans-serif;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 20px;
  padding-bottom: 20px;
}

.rcpt_pmnt .pmnt_tck_otr {
  background: #f1ece0;
  width: 6.4rem;
  height: 6.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  margin: auto;
  margin-bottom: 2rem;
}

.rcpt_pmnt .rcpt_pmnt_lft {
  text-align: center;
}

.rcpt_pmnt .rcpt_pmnt_rght .rght_inr_top {
  display: flex;
  align-items: center;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  width: 100%;
  overflow: hidden;
}

.rcpt_pmnt .rcpt_pmnt_rght .rght_inr_top span {
  background: #fff;
  padding: 6px 20px;
  color: #000;
  font-family: "poppins", sans-serif;
  font-weight: 600;
  text-transform: uppercase;
  width: 50%;
}

.rcpt_pmnt .rcpt_pmnt_rght .rght_inr_top span:first-child {
  margin-right: 1px;
  width: 50%;
}

.rcpt_pmnt .rcpt_pmnt_rght .rght_inr_top span:last-child {
  margin-right: 0;
  width: 50%;
}

.rcpt_pmnt_flx {
  padding-top: 60px;
}

.gbs_receipt .rcpt_pmnt {
  padding: 2rem 4rem;
}

.rght_inr_frm .innr_fld {
  display: flex;
  align-items: center;
}

.rght_inr_frm .innr_fld label {
  padding: 8px 20px;
  color: #fff;
  font-size: 18px;
  font-family: "poppins", sans-serif;
  font-weight: 500;
  text-transform: capitalize;
  width: 50%;
}

.rght_inr_frm .innr_fld input {
  width: 50%;
  padding: 8px 20px;
  color: #fff;
  font-size: 18px;
  font-family: "poppins", sans-serif;
  font-weight: 600;
  text-transform: capitalize;
  border: 0;
  background: 0;
}

.rght_inr_frm .innr_fld.rslt {
  background: #fff;
}

.rcpt_sg_prt .innr_fld {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  margin-bottom: 10px;
  width: 96%;
  padding-inline: 3rem;
}

.rcpt_sg_prt .lft_prt {
  width: 49%;
}

.rcpt_sg_prt .rght_prt {
  width: 44%;
}

.rcpt_sg_prt span {
  display: block;
  color: #fff;
  font-size: 18px;
  font-family: "poppins", sans-serif;
  font-weight: 500;
}

.rght_prt span {
  color: #fff;
}

.rcpt_sg_prt .innr_fld:last-child {
  margin-bottom: 0;
  padding-bottom: 3rem;
}

.rcpt_sg_prt {
  padding: 1rem 2rem;
}

.innr_lwr_p {
  background: #fff;
  text-align: center;
  padding: 0 0 20px;
  border-radius: 0 0 15px 15px;
}

.innr_lwr_p p {
  line-height: 1.4;
  font-family: "poppins", sans-serif;
  font-weight: 600;
  color: #484848;
  font-size: 17px;
}

.innr_lwr_p p a {
  color: #cc880f;
}

.innr_lwr_p p span {
  color: #000;
  font-weight: 600;
}

.cmn_btn.back {
  background-color: #000;
  border: #000;
  border-radius: 5px;
  border: 0;
  color: #fff;
}

.cmn_btn.back:hover {
  color: #000;
  background-color: transparent;
  border: 1px solid #000;
}

.cmn_btn.back::after {
  color: #000;
  background-color: transparent;
  border: 1px solid #000;
}

.cmn_btn.print {
  background: #cc880f;
  color: #fff;
  border: 1px solid #cc880f !important;
  border-radius: 5px;
  border: 0;
}

.cmn_btn.print::after {
  color: #000 !important;
  background-color: #fff !important;
  border: 1px solid #cc880f !important;
  border-radius: 5px;
}

.cmn_btn.print:hover {
  color: #000 !important;
  background-color: #fff !important;
  border: 1px solid #cc880f !important;
  border-radius: 5px;
}

.rcpt_top_img {
  background-color: #f8f8ee;
  border-radius: 15px;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  -o-border-radius: 15px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px 20px;
}

.rcpt_dtls {
  background: url(../images/rcpt_bg.png) no-repeat;
  background-size: 100% 100%;
  width: 90%;
  height: 745px;
  margin: 0 auto;
}

.innr_lwr_p a:hover {
  color: #000;
}

.innr_lwr_p a:hover span {
  color: #cc880f;
}

.rcpt_pmnt .rcpt_pmnt_rght .rght_inr_top.rcpt_total span {
  text-transform: capitalize;
}

.rcpt_total {
  margin-top: 15px;
}

.rcpt_top_abt {
  display: flex;
  align-items: center;
  gap: 30px;
  justify-content: end;
  flex-wrap: wrap;
}

.rcpt_top_abt {
  width: 50%;
}

.rght_prt span {
  font-weight: 600;
}

/* ayon paul change / 19.04.2024 */

.rcpt_top_abt .tp_abt .tp_abt_rcpt {
  background: #cc880f;
  color: #fff;
  border: 1px solid #cc880f !important;
  border-radius: 10px;
  border: 0;
  font-size: 20px;
  display: inline-block;
  text-align: center;
  padding: 10px 30px;
  text-transform: uppercase;
  width: 23rem;
}

.rcpt_top_abt .tp_abt .tp_abt_rcpt span {
  display: block;
  font-family: "Poppins", sans-serif;
}

.rcpt_top_abt .tp_abt .tp_abt_ordr h6 {
  text-transform: uppercase;
  color: #496c1c;
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
}

.rcpt_top_abt .tp_abt .tp_abt_ordr h6 span {
  color: #000;
  font-weight: 600;
}

.rcpt_top_abt .tp_abt .tp_abt_ordr {
  margin-top: 10px;
}

.tp_abt_bill h6 {
  color: #496c1c;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
}

.tp_abt_bill span {
  color: #000000;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 18px;
  text-transform: uppercase;
}

.tp_abt_bill {
  padding: 0 3rem 0rem;
}

.tp_abt_ttl .tp_abt_otr {
  border: 1px solid #496b19;
  border-radius: 10px;
}

.tp_abt_ttl .tp_abt_flx {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  padding: 10px 20px;
  border-bottom: 1px dashed #496b19;
}

.tp_abt_ttl .tp_abt_flx .lft_prt,
.tp_abt_ttl .tp_abt_flx .rght_prt {
  width: 50%;
}

.tp_abt_ttl .tp_abt_flx .lft_prt span,
.tp_abt_ttl .tp_abt_flx .rght_prt span {
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  display: block;
  color: #000;
}

.tp_abt_ttl .tp_abt_flx .rght_prt span {
  width: fit-content;
  margin-left: auto;
}

.tp_abt_ttl .tp_abt_flx:first-child .lft_prt span,
.tp_abt_ttl .tp_abt_flx:first-child .rght_prt span {
  color: #496c1c;
  font-weight: 500;
}

.tp_abt_ttl {
  padding: 7rem 3rem 6rem;
}

.tp_abt_ttl .tp_abt_flx:first-child {
  background: #f8f8ee;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.tp_abt_ttl .tp_abt_flx:last-child {
  border-bottom: 0;
}

.tp_abt_ttl .tp_abt_tamnt {
  background: #cc880f;
  color: #fff;
  border: 1px solid #cc880f !important;
  border-radius: 10px;
  border: 0;
  font-size: 20px;
  display: inline-block;
  text-align: center;
  padding: 10px 30px;
  text-transform: uppercase;
  width: 20rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-top: 10px;
  gap: 10px;
  font-family: "Poppins", sans-serif;
}

.tp_abt_ttl .tp_abt_tamnt span {
  font-weight: 600;
}

.tp_abt_ttl .tp_abt_tamnt label {
  font-weight: 500;
}

.tp_abt_pmnt {
  padding: 3rem 3rem 0;
}

.tp_abt_pmnt h6 {
  color: #496c1c;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
}

.tp_abt_pmnt label {
  color: #000000;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
  display: block;
}

.tp_abt_pmnt label span {
  font-weight: 600;
}

.tp_abt_infodtls h6 {
  color: #496c1c;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
  text-transform: uppercase;
  padding-bottom: 10px;
}

.tp_abt_infodtls ul li {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding-bottom: 10px;
  font-family: "Poppins", sans-serif;
  font-size: 18px;
}

.tp_abt_infodtls ul li:last-child {
  padding-bottom: 0;
}

.tp_abt_infodtls ul li address {
  margin-bottom: 0;
  color: #000;
  font-weight: 500;
}

.tp_abt_infodtls {
  padding: 3rem;
}

.tp_abt_infodtls ul li a.emll {
  color: #cc880f;
  text-transform: lowercase;
  transition: all 0.3s;
  font-weight: 600;
}

.tp_abt_infodtls ul li a.phnn {
  color: #000;
  text-transform: lowercase;
  transition: all 0.3s;
  font-weight: 600;
}

.tp_abt_infodtls ul li a.emll:hover {
  color: #000;
}

.tp_abt_infodtls ul li a.phnn:hover {
  color: #cc880f;
}

.tp_abt_infodtls ul li svg {
  color: #496b1b;
}

.prnt_prt_btn {
  position: relative;
}

.prnt_prt_btn::after {
  position: absolute;
  content: "";
  width: 90%;
  height: 1.5px;
  background: #496b1b;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.bk_ml {
  padding: 2rem 3rem 3rem;
}

.bk_ml a {
  text-transform: uppercase;
  color: #6c9b31;
}

.bk_ml .bk_ml_flx {
  display: flex;
  align-items: center;
  width: 100%;
}

.bk_ml .bk_ml_flx .bk_ml_lft {
  width: 50%;
  border-right: 2px solid #000;
}

.bk_ml .bk_ml_flx .bk_ml_rght {
  width: 50%;
}

.bk_ml .bk_ml_flx a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 500;
  font-size: 18px;
}

.tp_group.n_errror {
  /* margin-top: 5px; */
  padding-bottom: 10px;
}

.tp_prt_fld.cli_maxmin .error {
  margin-top: 0;
}

#minAmt,
#maxAmt {
  margin-bottom: 5px;
}

.rgs_frm_otr .form-group .tp_group .tp_prt .tp_prt_innr.chck_cli {
  align-items: flex-start;
  margin-top: -15px;
}

/* ayon paul change / 17.04.2024 */

#trnsTtl .order_md .order_md_right .col-md-12:first-child .inptflds {
  display: flex;
  align-items: start;
}

#trnsTtl .order_md .order_md_right .col-md-12 .inptflds {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.order_filter form .trnsgroup .inptflds .inpt_rght {
  width: 80%;
}

#trnsTtl .order_md .order_md_right .inptflds input[type="radio"] {
  display: none;
}

#trnsTtl .order_md .order_md_right .inptflds label {
  padding-bottom: 0;
  width: 100%;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
}

#trnsTtl .order_md .order_md_right .inptflds.trnsfld span {
  padding: 10px 12px;
  border: 1px solid var(--primary-eight-color);
  font-size: 13px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}

#chk:checked + span {
  /* box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); */
  background: #cc880f;
  color: #fff;
}

.chk {
  cursor: pointer;
}
.order_filter form .inptflds.cl_inpt {
  justify-content: flex-start;
  gap: 12px;
}

/* moumi 25.4.24 payment failed*/
.payment_failed_wrapper {
  background-color: #f7f7ed;
  height: 100vh;
  padding-top: 5rem;
}
.payment_sec {
  width: 35%;
  background-color: #fff;
  margin: auto;
  border-radius: 25px;
  border: 1px solid #cc880f;
  position: relative;
}
.p_logo {
  margin: 5rem auto;
  width: 22.7rem;
  height: 20.6rem;
}
.p_logo img {
  width: 100%;
  height: 100%;
}
.p_text h5 {
  font-size: 3rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-style: italic;
  color: #000;
}

.p_button {
  margin: 3rem auto;
}
.p_button h4 {
  color: #cc880f;
  border: 1px solid #cc880f;
  font-size: 3rem;
  font-weight: 700;
  background-color: transparent;
  border-radius: 10px;
  width: max-content;
  padding: 12px 30px;
  margin-inline: auto;
}

.p_text p {
  font-size: 18px;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  line-height: 1.5;
  padding-bottom: 10px;
}
.pay_p {
  margin: 6rem auto 7rem;
}
.payment_f_btn {
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  font-weight: 600;
  letter-spacing: 1.2px;
}
.payment_f_btn .cmn_btn.print {
  text-transform: uppercase;
}
.pay_fail_btn {
  width: fit-content;
  margin: 50px auto 0;
}
.pay_fail_btn a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  font-size: 18px;
  color: #cc880f;
  text-transform: uppercase;
  letter-spacing: 1.2px;
}

.dshbrd_logo {
  width: 6rem;
  height: 6rem;
  margin: auto;
  border-radius: 100%;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
  border: 1px solid transparent;
  background-color: transparent;
  overflow: hidden;
  object-fit: contain;
  display: flex;
  align-items: center;
  justify-content: center;
}
.dshbrd_logo img {
  width: 100%;
  height: 100%;
}
.rgt_p_nav.cmn_nm {
  display: block;
}
.str_cmn_nm {
  margin-top: 5px;
  text-transform: capitalize;
  font-size: 14px;
  color: #000;
  font-weight: 500;
  text-align: center;
}
.trnsct_prt.blnc .trnsct_prt_clm {
  flex-direction: row;
  justify-content: space-between;
}
.trnsct_prt.blnc {
  width: 100%;
  margin-top: 20px;
}
.trnsct_prt.blnc .trnsct_prt_bx {
  width: 48%;
}
.transact_mix_ttl.blnc_cm .payment_filter_both {
  padding-inline: 0;
}
.transact_mix_ttl.blnc_cm .payment_filder_tbl {
  width: 100%;
}
.transact_mix_ttl.blnc_cm .str_srch_bx {
  padding: 6px;
}

/* shreyasi(26.4.24) */
.sidenav {
  /* height: 100%; */
  width: 0;
  position: fixed;
  z-index: 99;
  top: 0;
  /*background-color: #111;
  */
  overflow-x: hidden;
  padding-top: 60px;
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
}
/* When you mouse over the navigation links, change their color */
.sidenav a:hover,
.offcanvas a:focus {
  color: #f1f1f1;
}
/* Position and style the close button (top right corner) */
.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}
/* Style page content - use this if you want to push the page content to the right when you open the side navigation */
#main {
  transition: margin-left 0.5s;
  padding: 20px;
}
.sidenav {
  right: 0;
}
/* On smaller screens, where height is less than 450px, change the style of the sidenav (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {
    padding-top: 15px;
  }
  .sidenav a {
    font-size: 18px;
  }
}
.sidenav {
  right: 0;
}
/* moumi */
.details_sec {
  box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px,
    rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
  /* width: 45%; */
  background-color: #eee;
  position: relative;
  border: 1px solid #000;
}
.cus_details {
  padding: 2rem 2rem 0;
  box-shadow: rgba(17, 17, 26, 0.1) 0 4px 6px;
}
.cus_d_hdr {
  padding-left: 4rem;
  /* border-bottom: 1px solid #ccc; */
}
.cus_d_hdr h6 span {
  display: block;
  font-size: 18px;
  color: var(--secondary-eleven-color);
  font-weight: 600;
  padding: 10px 0 0;
  text-transform: uppercase;
}
.cus_d_cbox {
  display: flex;
  padding-inline: 3rem;
  justify-content: space-between;
}
.cus_l_lbox {
  margin: 8px 0;
  width: 49%;
}
.lbox_c {
  border-top: 1px solid #ccc;
  /* padding: 10px 0; */
  display: flex;
  align-items: center;
}
.details_sec .cls {
  position: absolute;
  top: 14px;
  right: 13px;
  font-size: 20px;
  color: #000;
}
.details_sec .cls:hover {
  color: #000;
}
/* .details_sec .cls:hover {
  color: #ccc;
} */
.cus_n {
  padding: 8px 18px;
  font-size: 14px;
  color: var(--secondary-four-color);
  font-weight: 700;
  width: 150px;
}
.lbox_c h6 {
  font-size: 14px;
  color: var(--secondary-four-color);
}
.cus_details:last-child {
  padding-top: 5px;
  padding-bottom: 20px;
}
.detal_btns {
  display: flex;
  padding-left: 3rem;
  gap: 15px;
}
.detal_btns img {
  width: 80%;
  border: 1px solid #000;
  border-radius: 5px;
}
.details_sec {
  padding-bottom: 40px;
}
#mySidenav {
  transition: all 1s;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -ms-transition: all 1s;
  -o-transition: all 1s;
  visibility: visible;
}
.dtaa_btn:hover img {
  background-color: #cc880f;
}
#mySidenav {
  width: 50%;
}
/* 20.5.24 moumi store.html */
.sta_lgo {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  overflow: hidden;
}
.sta_lgo img {
  width: 100%;
  height: 100%;
}

.buttonActive,
.v_rpt {
  padding: 5px 10px;
  font-size: 13px;
  color: var(--secondary-three-color);
  background: rgba(6, 106, 105, 0.1);
  border: 1px solid var(--secondary-three-color);
  border-radius: 50px;
  transition: all 0.3s;
}
.buttonActive:hover,
.v_rpt:hover {
  color: var(--primary-color);
  border: 1px solid var(--secondary-seven-color);
  background-color: var(--secondary-seven-color);
}
.v_rpt {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 66px;
  padding: 3px 10px;
}
.v_rpt span {
  font-size: 16px;
}

.switch {
  position: relative;
  display: inline-block;
  width: 54px;
  height: 26px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.sliderw {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

.sliderw:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 4px;
  bottom: 3px;
  background-color: var(--primary-color);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}

input:checked + .sliderw {
  background-color: var(--secondary-three-color);
}

input:focus + .sliderw {
  box-shadow: 0 0 1px var(--secondary-three-color);
}

input:checked + .sliderw:before {
  -webkit-transform: translateX(26px);
  -ms-transform: translateX(26px);
  transform: translateX(26px);
}

.sliderw.roundw {
  border-radius: 34px;
}

.sliderw.roundw:before {
  border-radius: 50%;
}
.str__top {
  align-items: flex-start;
  min-height: 91px;
}
.str__top .prcs_info_top {
  width: 80%;
}
.str__top .store_toggle {
  width: 15%;
  margin-top: -9px;
}
.prcs_info_top {
  align-items: flex-start;
}
/* .str__top .prcs_text h4 {
  min-height: 50px;
} */
#downloadBtn #ii {
  filter: brightness(0) invert(1);
}
#downloadBtn:hover #ii {
  filter: invert(0);
}
.dropbtn {
  background: #cc880f !important;
}
/* .dbrd_ttl .transact_mx_flx .trnsct_prt:last-child {
  margin-top: 70px;
} */
.dropdown:hover .dropbtn {
  cursor: pointer;
  color: #fff !important;
}
.dropdown-content a.active {
  background: transparent !important;
  border: 1px solid #cc880f !important;
  color: #cc880f !important;
  margin-top: 5px;
}
.payment_filter_both {
  padding-left: 0;
}
.active > .page-link,
.page-link.active {
  background-color: #cc880f !important;
  border-color: #cc880f !important;
}
.swal2-styled.swal2-confirm,
.swal2-styled.swal2-confirm{
  background-color: #cc880f !important;
  background: #cc880f !important;
}
.sign_up{
  padding-top: 20px;
}
.resp-tabs-list li.sgn_tb_item.rg_btn.active{
  background: transparent !important;
}
.dbrd_ttl.dbrd_ttl_store .trnsct_prt:last-child,
.dbrd_ttl.dbrd_ttl_manager .trnsct_prt:last-child,
.dbrd_ttl.dbrd_ttl_accountant .trnsct_prt:last-child{
  margin-top: 70px;
}