:root {
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #28a745;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #28a745;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13,110,253;
    --bs-secondary-rgb: 108,117,125;
    --bs-success-rgb: 40,167,69;
    --bs-info-rgb: 13,202,240;
    --bs-warning-rgb: 255,193,7;
    --bs-danger-rgb: 220,53,69;
    --bs-light-rgb: 248,249,250;
    --bs-dark-rgb: 33,37,41;
    --bs-white-rgb: 255,255,255;
    --bs-black-rgb: 0,0,0;
    --bs-body-color-rgb: 33,37,41;
    --bs-body-bg-rgb: 255,255,255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255,255,255,0.15), rgba(255,255,255,0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
}
/* Font Weight */
.fw-100 {
    font-weight: 100 !important;
  }
  
  .fw-200 {
    font-weight: 200 !important;
  }
  
  .fw-300 {
    font-weight: 300 !important;
  }
  
  .fw-400 {
    font-weight: 400 !important;
  }
  
  .fw-500 {
    font-weight: 500 !important;
  }
  
  .fw-600 {
    font-weight: 600 !important;
  }
  
  .fw-700 {
    font-weight: 700 !important;
  }
  
  .fw-800 {
    font-weight: 800 !important;
  }
  
  .fw-900 {
    font-weight: 900 !important;
  }
  /* Opacity */
.opacity-0 {
    opacity: 0;
  }
  
  .opacity-1 {
    opacity: 0.1;
  }
  
  .opacity-2 {
    opacity: 0.2;
  }
  
  .opacity-3 {
    opacity: 0.3;
  }
  
  .opacity-4 {
    opacity: 0.4;
  }
  
  .opacity-5 {
    opacity: 0.5;
  }
  
  .opacity-6 {
    opacity: 0.6;
  }
  
  .opacity-7 {
    opacity: 0.7;
  }
  
  .opacity-8 {
    opacity: 0.8;
  }
  
  .opacity-9 {
    opacity: 0.9;
  }
  
  .opacity-10 {
    opacity: 1;
  }
.text-11, .text-12, .text-13, .text-14, .text-15, .text-16, .text-17, .text-18, .text-19, .text-20, .text-21, .text-22, .text-23, .text-24, .text-25 {
    line-height: 1.3;
}
/* Text Size */
.text-0 {
    font-size: 11px !important;
    font-size: 0.6875rem !important;
  }
  
  .text-1 {
    font-size: 12px !important;
    font-size: 0.75rem !important;
  }
  
  .text-2 {
    font-size: 14px !important;
    font-size: 0.875rem !important;
  }
  
  .text-3 {
    font-size: 16px !important;
    font-size: 1rem !important;
  }
  
  .text-4 {
    font-size: 18px !important;
    font-size: 1.125rem !important;
  }
  
  .text-5 {
    font-size: 21px !important;
    font-size: 1.3125rem !important;
  }
  
  .text-6 {
    font-size: 24px !important;
    font-size: 1.50rem !important;
  }
  
  .text-7 {
    font-size: 28px !important;
    font-size: 1.75rem !important;
  }
  
  .text-8 {
    font-size: 32px !important;
    font-size: 2rem !important;
  }
  
  .text-9 {
    font-size: 36px !important;
    font-size: 2.25rem !important;
  }
  
  .text-10 {
    font-size: 40px !important;
    font-size: 2.50rem !important;
  }
  
  .text-11 {
    font-size: calc(1.4rem + 1.8vw) !important;
  }
  
  @media (min-width: 1200px) {
    .text-11 {
      font-size: 2.75rem !important;
    }
  }
  
  .text-12 {
    font-size: calc(1.425rem + 2.1vw) !important;
  }
  
  @media (min-width: 1200px) {
    .text-12 {
      font-size: 3rem !important;
    }
  }
  
  .text-13 {
    font-size: calc(1.45rem + 2.4vw) !important;
  }
  
  @media (min-width: 1200px) {
    .text-13 {
      font-size: 3.25rem !important;
    }
  }
  
  .text-14 {
    font-size: calc(1.475rem + 2.7vw) !important;
  }
  
  @media (min-width: 1200px) {
    .text-14 {
      font-size: 3.5rem !important;
    }
  }
  
  .text-15 {
    font-size: calc(1.5rem + 3vw) !important;
  }
  
  @media (min-width: 1200px) {
    .text-15 {
      font-size: 3.75rem !important;
    }
  }
  
  .text-16 {
    font-size: calc(1.525rem + 3.3vw) !important;
  }
  
  @media (min-width: 1200px) {
    .text-16 {
      font-size: 4rem !important;
    }
  }
  
  .text-17 {
    font-size: calc(1.575rem + 3.9vw) !important;
  }
  
  @media (min-width: 1200px) {
    .text-17 {
      font-size: 4.5rem !important;
    }
  }
  
  .text-18 {
    font-size: calc(1.625rem + 4.5vw) !important;
  }
  
  @media (min-width: 1200px) {
    .text-18 {
      font-size: 5rem !important;
    }
  }
  
  .text-19 {
    font-size: calc(1.65rem + 4.8vw) !important;
  }
  
  @media (min-width: 1200px) {
    .text-19 {
      font-size: 5.25rem !important;
    }
  }
  
  .text-20 {
    font-size: calc(1.7rem + 5.4vw) !important;
  }
  
  @media (min-width: 1200px) {
    .text-20 {
      font-size: 5.75rem !important;
    }
  }
  
  .text-21 {
    font-size: calc(1.775rem + 6.3vw) !important;
  }
  
  @media (min-width: 1200px) {
    .text-21 {
      font-size: 6.5rem !important;
    }
  }
  
  .text-22 {
    font-size: calc(1.825rem + 6.9vw) !important;
  }
  
  @media (min-width: 1200px) {
    .text-22 {
      font-size: 7rem !important;
    }
  }
  
  .text-23 {
    font-size: calc(1.9rem + 7.8vw) !important;
  }
  
  @media (min-width: 1200px) {
    .text-23 {
      font-size: 7.75rem !important;
    }
  }
  
  .text-24 {
    font-size: calc(1.95rem + 8.4vw) !important;
  }
  
  @media (min-width: 1200px) {
    .text-24 {
      font-size: 8.25rem !important;
    }
  }
  
  .text-25 {
    font-size: calc(2.025rem + 9.3vw) !important;
  }
  
  @media (min-width: 1200px) {
    .text-25 {
      font-size: 9rem !important;
    }
  }
  
.account-card .border-start, .account-card .border-end {
    border-color: rgba(250, 250, 250, 0.1) !important;
}
.account-card .account-card-overlay {
    position: absolute;
    background: rgba(0, 0, 0, 0.85);
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -ms-flexbox;
    display: flex;
    opacity: 0;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}   
.account-card:hover .account-card-overlay {
    opacity: 1;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.d-grid {
    display: grid !important;
}
.account-card-new {
background: #f1f5f6;
border: 1px solid #ebebeb;
}
.transaction-details {
max-width: 620px !important;
}
.transaction-details .modal-content {
    border: none !important;
}
.transaction-details .modal-body {
    padding: 0px !important;
}

.opacity-9 {
    opacity: 0.9;
}
.nav.nav-pills.alternate .nav-item .nav-link {
text-align: center;
padding: 1rem 20px;
white-space: nowrap;
color: rgba(250, 250, 250, 0.9);
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.nav.nav-pills.alternate .nav-item .nav-link.linkactive {
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
    border-radius: 0px;
}

.bg-steel {
    background-color: #062f4f;
}
.fixed-top {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
}
.d-inline {
    display: inline!important;
}
.navbar {
    padding: 0rem 1rem;
}
.profile-thumb {
    position: relative;
    width: 100px;
    height: 100px;
    display: inline-block;
}
.profile-thumb .profile-thumb-edit {
    font-size: 16px;
    width: 37px;
    height: 37px;
    border-radius: 100%;
    position: absolute;
    overflow: hidden;
    bottom: 0px;
    right: 0;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
}

.bg-white {
    --bs-bg-opacity: 1;
    background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.account-card.account-card-primary {
    background: -webkit-linear-gradient(135deg, #0f5e9d, #418fce);
    background: -moz-linear-gradient(135deg, #0f5e9d, #418fce);
    background: -o-linear-gradient(135deg, #0f5e9d, #418fce);
    background: -ms-linear-gradient(135deg, #0f5e9d, #418fce);
    background: linear-gradient(-45deg, #0f5e9d, #418fce);
}
.account-card {
    position: relative;
    background: -webkit-linear-gradient(135deg, #6c6c6b, #9e9e9c);
    background: -moz-linear-gradient(135deg, #6c6c6b, #9e9e9c);
    background: -o-linear-gradient(135deg, #6c6c6b, #9e9e9c);
    background: -ms-linear-gradient(135deg, #6c6c6b, #9e9e9c);
    background: linear-gradient(-45deg, #6c6c6b, #9e9e9c);
}

@media (min-width: 1400px){
.regi-account-details {
    max-width: 1320px;
    
}
.text-17 {
    font-size: 4.5rem !important;
}
}

@media (max-width: 991.98px){
.nav.nav-pills.alternate {
    flex-wrap: nowrap;
    overflow: hidden;
    overflow-x: auto;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    -webkit-overflow-scrolling: touch;
}
}


.ms-auto {
    margin-left: auto !important;
}
.me-1 {
  margin-right: 0.25rem !important;
}

.account-card-denger {
  position: relative;
  background: -webkit-linear-gradient(135deg, #dd4040, #b29a9a);
  background: -moz-linear-gradient(135deg, #dd4040, #b29a9a);
  background: -o-linear-gradient(135deg, #dd4040, #b29a9a);
  background: -ms-linear-gradient(135deg, #dd4040, #b29a9a);
  background: linear-gradient(-45deg, #dd4040, #b29a9a);
}

.account-card-process {
  position: relative;
  background: -webkit-linear-gradient(135deg, #eea95a, #af9f90);
  background: -moz-linear-gradient(135deg, #eea95a, #af9f90);
  background: -o-linear-gradient(135deg, #eea95a, #af9f90);
  background: -ms-linear-gradient(135deg, #eea95a, #af9f90);
  background: linear-gradient(-45deg, #eea95a, #af9f90);
}
.account-card-reject {  
  position: relative;
  background: -webkit-linear-gradient(135deg, #ddd340, #b29a9a);
  background: -moz-linear-gradient(135deg, #ddd340, #b29a9a);
  background: -o-linear-gradient(135deg, #ddd340, #b29a9a);
  background: -ms-linear-gradient(135deg, #ddd340, #b29a9a);
  background: linear-gradient(-45deg, #ddd340, #b29a9a);

}