.inr-before::before{ content: '₹ '; }
.inr-after::after{ content: ' ₹'; }
.usd-before::before{ content: '$ '; }
.usd-after::after{ content: ' $'; }
.overflow-dots{ overflow: hidden !important; white-space: nowrap !important; text-overflow: ellipsis !important; }
[onclick]{ cursor: pointer !important; }
.btn-theme{ color: #ffffff; background: linear-gradient(140.14deg, #d41f1f 15.05%, #d6a51f 114.99%)
      padding-box,
    linear-gradient(142.51deg, #ce4545 8.65%, #d6a51f 88.82%) border-box; border-color: transparent !important; }
.wait_screen{ display: block; width: 100%; height: 100%; position: fixed; z-index: 99999; top: 0; left: 0; background: #1e1f27; display: none; }
.loading_screen{ width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; }
.my-btn1 {
    background: radial-gradient( 100% 100% at 100% 0%, #89E5FF 0%, #5468FF 100% );
    box-shadow: 0px 0.01em 0.01em rgb(45 35 66 / 40%), 0px 0.3em 0.7em -0.01em rgb(45 35 66 / 30%), inset 0px -0.01em 0px rgb(58 65 111 / 50%);
  font-size: 18px;
  display: inline-block;
  outline: 0;
  border: 0;
  cursor: pointer;
  will-change: box-shadow,transform;
  padding: 0 2em;
  border-radius: 0.3em;
  color: #fff;
  height: 2.6em;
  text-shadow: 0 1px 0 rgb(0 0 0 / 40%);
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.my-btn1:hover {
  box-shadow: 0px 0.1em 0.2em rgb(45 35 66 / 40%), 0px 0.4em 0.7em -0.1em rgb(45 35 66 / 30%), inset 0px -0.1em 0px #3c4fe0;
  transform: translateY(-0.1em);
}

.my-btn1:active {
  box-shadow: inset 0px 0.1em 0.6em #3c4fe0;
  transform: translateY(0em);
}
.my-btn2 {
  background: linear-gradient(140.14deg, #ec540e 15.05%, #d6361f 114.99%)
      padding-box,
    linear-gradient(142.51deg, #ff9465 8.65%, #af1905 88.82%) border-box;
  font-size: 18px;
  display: inline-block;
  outline: 0;
  border: 0;
  cursor: pointer;
  will-change: box-shadow,transform;
  padding: 0 2em;
  border-radius: 0.3em;
  color: #fff;
  height: 2.6em;
  text-shadow: 0 1px 0 rgb(0 0 0 / 40%);
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.my-btn2:hover {
  box-shadow: 0px 0.1em 0.2em rgb(45 35 66 / 40%), 0px 0.4em 0.7em -0.1em rgb(45 35 66 / 30%), inset 0px -0.1em 0px #d6361f;
  transform: translateY(-0.1em);
}

.my-btn3 {
  background: linear-gradient(140.14deg, #5f0eec 15.05%, #a21fd6 114.99%)
      padding-box,
    linear-gradient(142.51deg, #8046e2 8.65%, #a21fd6 88.82%) border-box;
  font-size: 18px;
  display: inline-block;
  outline: 0;
  border: 0;
  cursor: pointer;
  will-change: box-shadow,transform;
  padding: 0 2em;
  border-radius: 0.3em;
  color: #fff;
  height: 2.6em;
  text-shadow: 0 1px 0 rgb(0 0 0 / 40%);
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.my-btn3:hover {
  box-shadow: 0px 0.1em 0.2em rgb(45 35 66 / 40%), 0px 0.4em 0.7em -0.1em rgb(45 35 66 / 30%), inset 0px -0.1em 0px #a21fd6;
  transform: translateY(-0.1em);
}

.my-btn4 {
  background: linear-gradient(140.14deg, #d41f1f 15.05%, #d6a51f 114.99%)
      padding-box,
    linear-gradient(142.51deg, #ce4545 8.65%, #d6a51f 88.82%) border-box;
  font-size: 18px;
  display: inline-block;
  outline: 0;
  border: 0;
  cursor: pointer;
  will-change: box-shadow,transform;
  padding: 0 2em;
  border-radius: 0.3em;
  color: #fff;
  height: 2.6em;
  text-shadow: 0 1px 0 rgb(0 0 0 / 40%);
  transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.my-btn4:hover {
  box-shadow: 0px 0.1em 0.2em rgb(45 35 66 / 40%), 0px 0.4em 0.7em -0.1em rgb(45 35 66 / 30%), inset 0px -0.1em 0px #d6a51f;
  transform: translateY(-0.1em);
}
.side-nav-link.active{
    background: radial-gradient( 100% 100% at 100% 0%, #89E5FF 0%, #5468FF 100% ) !important;
    box-shadow: 0px 0.01em 0.01em rgb(45 35 66 / 40%), 0px 0.3em 0.7em -0.01em rgb(45 35 66 / 30%), inset 0px -0.01em 0px rgb(58 65 111 / 50%) !important;
}
.stepper-box {
  border-radius: 12px;
  padding: 32px;
  width: auto;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
}

.stepper-step {
  display: flex;
  margin-bottom: 32px;
  position: relative;
}

.stepper-step:last-child {
  margin-bottom: 0;
}

.stepper-line {
  position: absolute;
  left: 19px;
  top: 40px;
  bottom: -32px;
  width: 2px;
  background-color: #e2e8f0;
  z-index: 1;
}

.stepper-step:last-child .stepper-line {
  display: none;
}

.stepper-circle {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 16px;
  z-index: 2;
}

.stepper-completed .stepper-circle {
  background-color:#fff;
  color: #0f172a;
}

.stepper-completed .stepper-circle.active {
  background-color:rgb(33, 147, 57);
  color: #fff;
}

.stepper-active .stepper-circle {
  border: 2px solid #fff;
  color: #fff;
}

.stepper-pending .stepper-circle {
  border: 2px solid #e2e8f0;
  color: #94a3b8;
}

.stepper-content {
  flex: 1;
}

.stepper-title {
  font-weight: 600;
  margin-bottom: 4px;
}

.stepper-completed .stepper-title {
  color: #fff;
}

.stepper-active .stepper-title {
  color: #fff;
}

.stepper-pending .stepper-title {
  color: #94a3b8;
}

.stepper-status {
  font-size: 13px;
  display: inline-block;
  padding: 2px 8px;
  border-radius: 12px;
  margin-top: 4px;
}

.stepper-completed .stepper-status {
  background-color: #dcfce7;
  color: #166534;
}

.stepper-active .stepper-status {
  background-color: #dbeafe;
  color: #1d4ed8;
}

.stepper-pending .stepper-status {
  background-color: #f1f5f9;
  color: #64748b;
}

.stepper-time {
  font-size: 12px;
  color: #94a3b8;
  margin-top: 4px;
}

.stepper-controls {
  display: flex;
  justify-content: space-between;
  margin-top: 32px;
}

.stepper-button {
  padding: 8px 16px;
  border-radius: 6px;
  border: 1px solid #e2e8f0;
  background-color: white;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 6px;
}

.stepper-button-primary {
  background-color: #fff;
  color: white;
  border-color: #fff;
}
.mydot { height: 20px; width: 20px; border-radius: 50%; background-color: #168328; animation: 1.5s pulse infinite ease-in-out; }
.mydot.inc { background-color: #c12020; animation: 1.5s pulseinc infinite ease-in-out; }
@keyframes pulse {
  0% { box-shadow: 0 0 0 0 #5db86c; }
  100% { box-shadow: 0 0 0 14px #5db86c00; }
}
@keyframes pulseinc {
  0% { box-shadow: 0 0 0 0 #e13737; }
  100% { box-shadow: 0 0 0 14px #83161600; }
}
.mysearch {
  display: inline-block;
  position: relative;
}

.mysearch input[type="text"] {
  width: 300px;
  padding: 10px;
  border: none;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.mysearch button[type="submit"] {
  background-color: #da8d19;
  border: none;
  color: #000;
  cursor: pointer;
  padding: 10px 20px;
  border-radius: 20px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  position: absolute;
  top: 0;
  right: 0;
  transition: .9s ease;
}

.mysearch button[type="submit"]:hover {
  transform: scale(1.1);
  color: rgb(255, 255, 255);
  background-color: blue;
}
.text-dark{ color: #222 !important; }
.text-link{ color: #190ccd !important; }
#tree {
    width: 100%;
    height: 100%;
}


/*partial*/
.node.QA rect {
    fill: #F57C00;
}

.node.Dev rect {
    fill: #039BE5;
}

.node.Marketing rect {
    fill: #FFCA28;
}
.mytree ul{ margin: 0px; padd }