:root {
	--bs-blue:    #2057E0;
	--bs-indigo:  #6610f2;
	--bs-purple:  #6f42c1;
	--bs-pink:    #d63384;
	--bs-red:     #dc3545;
	--bs-orange:  #fd7e14;
	--bs-yellow:  #9f6518;
	--bs-green:   #0AA25E;
	--bs-teal:    #20c997;
	--bs-cyan:    #AF6BFA;
	--bs-white:   #fff;
	--bs-gray:    #000000;
	--bs-gray-dark: #343a40;
	--bs-primary:   var(--bs-blue);
	--bs-secondary: var(--bs-gray);
	--bs-success:   var(--bs-green);
	--bs-info:      var(--bs-cyan);
	--bs-warning:   var(--bs-yellow);
	--bs-danger:    var(--bs-red);
	--bs-light:     #f8f9fa;
	--bs-dark:      #212529;
	--bs-primary-rgb:   32, 87, 224;   /* #2057E0 */
	--bs-secondary-rgb: 0, 0, 0; /* #F8F8F8 */
	--bs-success-rgb:   10, 162, 94;   /* #0AA25E */
	--bs-info-rgb:      175, 107, 250; /* #AF6BFA */
	--bs-warning-rgb:   235, 170, 83;  /* #EBAA53 */
	--bs-danger-rgb:    220, 53, 69;   /* #dc3545 */
	--bs-light-rgb:     248, 249, 250; /* default */
	--bs-dark-rgb:      33, 37, 41;    /* default */
	--bs-gutter-x: 1.5rem; /* horizontal gap (left-right) */
	--bs-gutter-y: 0;      /* vertical gap (top-bottom) */
	--bs-spacer-0: 0;
	--bs-spacer-1: 0.25rem; /* 4px */
	--bs-spacer-2: 0.5rem;  /* 8px */
	--bs-spacer-3: 1rem;    /* 16px */
	--bs-spacer-4: 1.5rem;  /* 24px */
	--bs-spacer-5: 3rem;    /* 48px */

}


.text-primary   { color: var(--bs-primary) !important; }
.text-secondary { color: var(--bs-secondary) !important; }
.text-success   { color: var(--bs-success) !important; }
.text-danger    { color: var(--bs-danger) !important; }
.text-warning   { color: var(--bs-warning) !important; }
.text-info      { color: var(--bs-info) !important; }
.text-light     { color: var(--bs-light) !important; }
.text-dark      { color: var(--bs-dark) !important; }
.text-body      { color: #212529 !important; }
.text-muted     { color: #6c757d !important; }
.text-white     { color: #fff !important; }

.bg-primary   { --bs-bg-opacity: 1; background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important; }
.bg-secondary { --bs-bg-opacity: 1; background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important; }
.bg-success   { --bs-bg-opacity: 1; background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important; }
.bg-info      { --bs-bg-opacity: 1; background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important; }
.bg-warning   { --bs-bg-opacity: 1; background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important; }
.bg-danger    { --bs-bg-opacity: 1; background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important; }
.bg-light     { --bs-bg-opacity: 1; background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important; }
.bg-dark      { --bs-bg-opacity: 1; background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important; }
.bg-white     { --bs-bg-opacity: 1; background-color: rgba(255,255,255, var(--bs-bg-opacity)) !important; }
.bg-transparent { background-color: transparent !important; }

.bg-opacity-10 { --bs-bg-opacity: 0.1; }
.bg-opacity-25 { --bs-bg-opacity: 0.25; }
.bg-opacity-50 { --bs-bg-opacity: 0.5; }
.bg-opacity-75 { --bs-bg-opacity: 0.75; }
.bg-opacity-100 { --bs-bg-opacity: 1; }


.devContainer {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	max-width: 1920px;
	margin: 0 auto;
}

.devRow {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.devRow > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.devCol {
  flex: 1 0 0%;
}

.devCol-auto {
  flex: 0 0 auto;
  width: auto;
}

.devCol-1  { flex: 0 0 auto; width: 8.33333333%; }
.devCol-2  { flex: 0 0 auto; width: 16.66666667%; }
.devCol-3  { flex: 0 0 auto; width: 25%; }
.devCol-4  { flex: 0 0 auto; width: 33.33333333%; }
.devCol-5  { flex: 0 0 auto; width: 41.66666667%; }
.devCol-6  { flex: 0 0 auto; width: 50%; }
.devCol-7  { flex: 0 0 auto; width: 58.33333333%; }
.devCol-8  { flex: 0 0 auto; width: 66.66666667%; }
.devCol-9  { flex: 0 0 auto; width: 75%; }
.devCol-10 { flex: 0 0 auto; width: 83.33333333%; }
.devCol-11 { flex: 0 0 auto; width: 91.66666667%; }
.devCol-12 { flex: 0 0 auto; width: 100%; }

@media (min-width: 576px) {
  .devCol-sm-1  { width: 8.33333333%; }
  .devCol-sm-2  { width: 16.66666667%; }
  .devCol-sm-3  { width: 25%; }
  .devCol-sm-4  { width: 33.33333333%; }
  .devCol-sm-5  { width: 41.66666667%; }
  .devCol-sm-6  { width: 50%; }
  .devCol-sm-7  { width: 58.33333333%; }
  .devCol-sm-8  { width: 66.66666667%; }
  .devCol-sm-9  { width: 75%; }
  .devCol-sm-10 { width: 83.33333333%; }
  .devCol-sm-11 { width: 91.66666667%; }
  .devCol-sm-12 { width: 100%; }
}

@media (min-width: 768px) {
  .devCol-md-1  { width: 8.33333333%; }
  .devCol-md-2  { width: 16.66666667%; }
  .devCol-md-3  { width: 25%; }
  .devCol-md-4  { width: 33.33333333%; }
  .devCol-md-5  { width: 41.66666667%; }
  .devCol-md-6  { width: 50%; }
  .devCol-md-7  { width: 58.33333333%; }
  .devCol-md-8  { width: 66.66666667%; }
  .devCol-md-9  { width: 75%; }
  .devCol-md-10 { width: 83.33333333%; }
  .devCol-md-11 { width: 91.66666667%; }
  .devCol-md-12 { width: 100%; }
}

@media (min-width: 992px) {
  .devCol-lg-1  { width: 8.33333333%; }
  .devCol-lg-2  { width: 16.66666667%; }
  .devCol-lg-3  { width: 25%; }
  .devCol-lg-4  { width: 33.33333333%; }
  .devCol-lg-5  { width: 41.66666667%; }
  .devCol-lg-6  { width: 50%; }
  .devCol-lg-7  { width: 58.33333333%; }
  .devCol-lg-8  { width: 66.66666667%; }
  .devCol-lg-9  { width: 75%; }
  .devCol-lg-10 { width: 83.33333333%; }
  .devCol-lg-11 { width: 91.66666667%; }
  .devCol-lg-12 { width: 100%; }
}
.alert {
  position: relative;
  padding: 1rem 1.25rem;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.375rem; /* 6px */
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: 700;
}

.alert-dismissible {
  padding-right: 3rem;
}

.alert-dismissible .btn-close {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  padding: 1.25rem 1rem;
}
.alert-primary {
  color: #084298;
  background-color: #cfe2ff;
  border-color: #b6d4fe;
}

.alert-secondary {
  color: #41464b;
  background-color: #e2e3e5;
  border-color: #d3d6d8;
}

.alert-success {
  color: #0f5132;
  background-color: #d1e7dd;
  border-color: #badbcc;
}

.alert-danger {
  color: #842029;
  background-color: #f8d7da;
  border-color: #f5c2c7;
}

.alert-warning {
  color: #664d03;
  background-color: #fff3cd;
  border-color: #ffecb5;
}

.alert-info {
  color: #055160;
  background-color: #cff4fc;
  border-color: #b6effb;
}

.alert-light {
  color: #636464;
  background-color: #fefefe;
  border-color: #fdfdfe;
}

.alert-dark {
  color: #141619;
  background-color: #d3d3d4;
  border-color: #bcbebf;
}


.btn {
	display: inline-block;
	font-weight: 600;
	line-height: 1.5;
	color: #212529;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: 9px 16px;
	font-size: 1rem;
	border-radius: 0.375rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	font-size: 13px;
}
body[data-form-submit="regular"] button.btn[type=submit], body[data-form-submit="regular"] input.btn[type=button], body[data-form-submit="regular"] input.btn[type=submit] {
	font-size: 13px;
	padding: 10px 16px 11px 16px;
	border-radius: 0.375rem !important;
}
.btn-primary {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-primary:hover {
	background-color: rgba(var(--bs-primary-rgb), 0.9);
	border-color: rgba(var(--bs-primary-rgb), 0.9);
	color: #fff;
}

.btn-secondary {
  color: #fff;
  background-color: var(--bs-secondary);
  border-color: var(--bs-secondary);
}
.btn-secondary:hover {
	background-color: rgba(var(--bs-secondary-rgb), 0.9);
	border-color: rgba(var(--bs-secondary-rgb), 0.9);
	color: #fff;
}

.btn-success {
  color: #fff;
  background-color: var(--bs-success);
  border-color: var(--bs-success);
}
.btn-success:hover {
	background-color: rgba(var(--bs-success-rgb), 0.9);
	border-color: rgba(var(--bs-success-rgb), 0.9);
	color: #fff;
}

.btn-danger {
  color: #fff;
  background-color: var(--bs-danger);
  border-color: var(--bs-danger);
}
.btn-danger:hover {
	background-color: rgba(var(--bs-danger-rgb), 0.9);
	border-color: rgba(var(--bs-danger-rgb), 0.9);
	color: #fff;
}

.btn-warning {
  color: #000;
  background-color: var(--bs-warning);
  border-color: var(--bs-warning);
}
.btn-warning:hover {
  background-color: rgba(var(--bs-warning-rgb), 0.9);
  border-color: rgba(var(--bs-warning-rgb), 0.9);
}

.btn-info {
  color: #fff;
  background-color: var(--bs-info);
  border-color: var(--bs-info);
}
.btn-info:hover {
	background-color: rgba(var(--bs-info-rgb), 0.9);
	border-color: rgba(var(--bs-info-rgb), 0.9);
	color: #fff;
}

.btn-light {
  color: #000;
  background-color: var(--bs-light);
  border-color: var(--bs-light);
}
.btn-light:hover {
  background-color: rgba(var(--bs-light-rgb), 0.9);
  border-color: rgba(var(--bs-light-rgb), 0.9);
}

.btn-dark {
  color: #fff;
  background-color: var(--bs-dark);
  border-color: var(--bs-dark);
}
.btn-dark:hover {
  background-color: rgba(var(--bs-dark-rgb), 0.9);
  border-color: rgba(var(--bs-dark-rgb), 0.9);
}
/* ======================
   Outline Buttons
====================== */
.btn-outline-primary { color: var(--bs-primary); border-color: var(--bs-primary); }
.btn-outline-primary:hover { color: #fff; background-color:var(--bs-primary); border-color: var(--bs-primary) }

.btn-outline-secondary { color: var(--bs-secondary); border-color: var(--bs-secondary); }
.btn-outline-secondary:hover { color: #fff; background-color: var(--bs-secondary); border-color: var(--bs-secondary); }

.btn-outline-success { color: var(--bs-success); border-color: var(--bs-success); }
.btn-outline-success:hover { color: #fff; background-color: var(--bs-success); border-color: var(--bs-success); }

.btn-outline-danger { color: var(--bs-danger); border-color: var(--bs-danger); }
.btn-outline-danger:hover { color: #fff; background-color: var(--bs-danger); border-color: var(--bs-danger); }

.btn-outline-warning { color: var(--bs-warning); border-color: var(--bs-warning); }
.btn-outline-warning:hover { color: #212529; background-color: var(--bs-warning); border-color: var(--bs-warning); }

.btn-outline-info { color: var(--bs-info); border-color: var(--bs-info); }
.btn-outline-info:hover { color: #fff; background-color: var(--bs-info); border-color: var(--bs-info); }

.btn-outline-light { color: var(--bs-light); border-color: var(--bs-light); }
.btn-outline-light:hover { color: #212529; background-color: var(--bs-light); border-color: var(--bs-light); }

.btn-outline-dark { color: var(--bs-dark); border-color: var(--bs-dark); }
.btn-outline-dark:hover { color: #fff; background-color: var(--bs-dark); border-color: var(--bs-dark); }

.btn-200 {
	min-width: 200px;
}
/* ======================
   Button Sizes
====================== */
.btn-lg { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: 0.5rem; }
.btn-sm { padding: 0.25rem 0.5rem; font-size: 0.875rem; border-radius: 0.25rem; }

/* .btn-outline-primary {
  color: var(--bs-primary);
  border-color: var(--bs-primary);
}
.btn-outline-primary:hover {
  color: #fff;
  background-color: var(--bs-primary);
  border-color: var(--bs-primary);
}

.btn-outline-success {
  color: var(--bs-success);
  border-color: var(--bs-success);
}
.btn-outline-success:hover {
  color: #fff;
  background-color: var(--bs-success);
  border-color: var(--bs-success);
} */

.form-group {
	margin-bottom: 1rem !important;
	position: relative;
}
.form-control {
	display: block;
	width: 100%;
	padding: 0.375rem 0.55rem !important;
	font-size: 13px !important;
	font-weight: 400;
	line-height: 1.5 !important;
	color: #212529 !important;
	background-color: #fff !important;
	background-clip: padding-box !important;
	border: 1px solid #ced4da !important;
	border-radius: 0.375rem !important;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out !important;
	box-shadow: none !important;
	min-height: 40px;
}

.form-control:focus {
  color: #212529 !important;
  background-color: #fff !important;
  border-color: var(--bs-primary) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25) !important;
}

.form-control::placeholder {
  color: #6c757d;
  opacity: 1;
}
.form-control:disabled,
.form-control[readonly] {
  background-color: #e9ecef;
  opacity: 1;
}
.form-control-sm {
  padding: 0.25rem 0.5rem;
  font-size: 0.875rem;
  border-radius: 0.25rem;
}

.form-control-lg {
  padding: 0.5rem 1rem;
  font-size: 1.25rem;
  border-radius: 0.5rem;
}
.form-control.is-valid {
  border-color: var(--bs-success);
  padding-right: calc(1.5em + 0.75rem);
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%230AA25E' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6.27.9.9l-4 4.6c-.2.2-.5.2-.8 0z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-valid:focus {
  border-color: var(--bs-success);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-success-rgb), 0.25);
}

.form-control.is-invalid {
  border-color: var(--bs-danger);
  padding-right: calc(1.5em + 0.75rem);
 	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12'%3e%3cpath fill='%23dc3545' d='M11.3 1.3L6.6 6l4.7 4.7c.4.4.4 1 0 1.4s-1 .4-1.4 0L5.2 7.4.5 12.1c-.4.4-1 .4-1.4 0s-.4-1 0-1.4L3.8 6 .1 1.3c-.4-.4-.4-1 0-1.4s1-.4 1.4 0L5.2 4.6 9.9-.1c.4-.4 1-.4 1.4 0s.4 1 0 1.4z'/%3e%3c/svg%3e");
  background-repeat: no-repeat;
  background-repeat: no-repeat;
  background-position: right calc(0.375em + 0.1875rem) center;
  background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-invalid:focus {
  border-color: var(--bs-danger);
  box-shadow: 0 0 0 0.25rem rgba(var(--bs-danger-rgb), 0.25);
}
.form-label {
	text-transform: capitalize;
	color: #27303F;
	margin: 0;
	padding: 0 0 2px 0;
	display: block;
	font-weight: 600;
	font-size: 13px;
}
.mainPortalWrap h1, .mainPortalWrap .h1 {
	font-size: calc(1.375rem + 1.5vw);
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 0;
}
@media (min-width: 1200px) {
  .mainPortalWrap h1, .mainPortalWrap .h1 { font-size: 2.5rem; }
}

.mainPortalWrap h2, .mainPortalWrap .h2 {
	font-size: calc(1.325rem + 0.9vw);
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 0;
}
@media (min-width: 1200px) {
  .mainPortalWrap h2, .mainPortalWrap .h2 { font-size: 2rem; }
}

.mainPortalWrap h3, .mainPortalWrap .h3 {
	font-size: calc(1.3rem + 0.6vw);
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 0;
}
@media (min-width: 1200px) {
  .mainPortalWrap h3, .mainPortalWrap .h3 { font-size: 1.75rem; }
}

.mainPortalWrap h4, .mainPortalWrap .h4 {
	font-size: calc(1.275rem + 0.3vw);
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 0;
}
@media (min-width: 1200px) {
  .mainPortalWrap h4, .mainPortalWrap .h4 { font-size: 1.5rem; }
}

.mainPortalWrap h5, .mainPortalWrap .h5 {
	font-size: 1.25rem;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 0;
}

.border {
  border: 1px solid #dee2e6 !important;
}
.border-0 {
  border: 0 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}
.border-top-0 {
  border-top: 0 !important;
}

.border-end {
  border-right: 1px solid #dee2e6 !important;
}
.border-end-0 {
  border-right: 0 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}

.border-start {
  border-left: 1px solid #dee2e6 !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.rounded {
  border-radius: 0.375rem !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: 0.25rem !important;
}
.rounded-2 {
  border-radius: 0.375rem !important;
}
.rounded-3 {
  border-radius: 0.5rem !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: 50rem !important;
}
.border-primary {
  border-color: var(--bs-primary) !important;
}
.border-secondary {
  border-color: var(--bs-secondary) !important;
}
.border-success {
  border-color: var(--bs-success) !important;
}
.border-danger {
  border-color: var(--bs-danger) !important;
}
.border-warning {
  border-color: var(--bs-warning) !important;
}
.border-info {
  border-color: var(--bs-info) !important;
}
.border-light {
  border-color: var(--bs-light) !important;
}
.border-dark {
  border-color: var(--bs-dark) !important;
}
.border-white {
  border-color: var(--bs-white) !important;
}

/* Spacing Utilities (Bootstrap style) */

/* =====================
   SPACING UTILITIES (Bootstrap style)
   Supports: xs, sm, md, lg, xl, xxl
===================== */

/* Base spacing scale */
:root {
  --spacer-0: 0;
  --spacer-1: 0.25rem;
  --spacer-2: 0.5rem;
  --spacer-3: 1rem;
  --spacer-4: 1.5rem;
  --spacer-5: 3rem;
}

/* ---------------------
   Margin + Padding (xs default)
--------------------- */
.m-0 { margin: var(--spacer-0) !important; }
.m-1 { margin: var(--spacer-1) !important; }
.m-2 { margin: var(--spacer-2) !important; }
.m-3 { margin: var(--spacer-3) !important; }
.m-4 { margin: var(--spacer-4) !important; }
.m-5 { margin: var(--spacer-5) !important; }

.mt-0 { margin-top: var(--spacer-0) !important; }
.mt-1 { margin-top: var(--spacer-1) !important; }
.mt-2 { margin-top: var(--spacer-2) !important; }
.mt-3 { margin-top: var(--spacer-3) !important; }
.mt-4 { margin-top: var(--spacer-4) !important; }
.mt-5 { margin-top: var(--spacer-5) !important; }

.mb-0 { margin-bottom: var(--spacer-0) !important; }
.mb-1 { margin-bottom: var(--spacer-1) !important; }
.mb-2 { margin-bottom: var(--spacer-2) !important; }
.mb-3 { margin-bottom: var(--spacer-3) !important; }
.mb-4 { margin-bottom: var(--spacer-4) !important; }
.mb-5 { margin-bottom: var(--spacer-5) !important; }

.ms-0 { margin-left: var(--spacer-0) !important; }
.ms-1 { margin-left: var(--spacer-1) !important; }
.ms-2 { margin-left: var(--spacer-2) !important; }
.ms-3 { margin-left: var(--spacer-3) !important; }
.ms-4 { margin-left: var(--spacer-4) !important; }
.ms-5 { margin-left: var(--spacer-5) !important; }

.me-0 { margin-right: var(--spacer-0) !important; }
.me-1 { margin-right: var(--spacer-1) !important; }
.me-2 { margin-right: var(--spacer-2) !important; }
.me-3 { margin-right: var(--spacer-3) !important; }
.me-4 { margin-right: var(--spacer-4) !important; }
.me-5 { margin-right: var(--spacer-5) !important; }

.mx-0 { margin-left: var(--spacer-0) !important; margin-right: var(--spacer-0) !important; }
.mx-1 { margin-left: var(--spacer-1) !important; margin-right: var(--spacer-1) !important; }
.mx-2 { margin-left: var(--spacer-2) !important; margin-right: var(--spacer-2) !important; }
.mx-3 { margin-left: var(--spacer-3) !important; margin-right: var(--spacer-3) !important; }
.mx-4 { margin-left: var(--spacer-4) !important; margin-right: var(--spacer-4) !important; }
.mx-5 { margin-left: var(--spacer-5) !important; margin-right: var(--spacer-5) !important; }

.my-0 { margin-top: var(--spacer-0) !important; margin-bottom: var(--spacer-0) !important; }
.my-1 { margin-top: var(--spacer-1) !important; margin-bottom: var(--spacer-1) !important; }
.my-2 { margin-top: var(--spacer-2) !important; margin-bottom: var(--spacer-2) !important; }
.my-3 { margin-top: var(--spacer-3) !important; margin-bottom: var(--spacer-3) !important; }
.my-4 { margin-top: var(--spacer-4) !important; margin-bottom: var(--spacer-4) !important; }
.my-5 { margin-top: var(--spacer-5) !important; margin-bottom: var(--spacer-5) !important; }

/* Padding */
.p-0 { padding: var(--spacer-0) !important; }
.p-1 { padding: var(--spacer-1) !important; }
.p-2 { padding: var(--spacer-2) !important; }
.p-3 { padding: var(--spacer-3) !important; }
.p-4 { padding: var(--spacer-4) !important; }
.p-5 { padding: var(--spacer-5) !important; }

.pt-0 { padding-top: var(--spacer-0) !important; }
.pt-1 { padding-top: var(--spacer-1) !important; }
.pt-2 { padding-top: var(--spacer-2) !important; }
.pt-3 { padding-top: var(--spacer-3) !important; }
.pt-4 { padding-top: var(--spacer-4) !important; }
.pt-5 { padding-top: var(--spacer-5) !important; }

.pb-0 { padding-bottom: var(--spacer-0) !important; }
.pb-1 { padding-bottom: var(--spacer-1) !important; }
.pb-2 { padding-bottom: var(--spacer-2) !important; }
.pb-3 { padding-bottom: var(--spacer-3) !important; }
.pb-4 { padding-bottom: var(--spacer-4) !important; }
.pb-5 { padding-bottom: var(--spacer-5) !important; }

.ps-0 { padding-left: var(--spacer-0) !important; }
.ps-1 { padding-left: var(--spacer-1) !important; }
.ps-2 { padding-left: var(--spacer-2) !important; }
.ps-3 { padding-left: var(--spacer-3) !important; }
.ps-4 { padding-left: var(--spacer-4) !important; }
.ps-5 { padding-left: var(--spacer-5) !important; }

.pe-0 { padding-right: var(--spacer-0) !important; }
.pe-1 { padding-right: var(--spacer-1) !important; }
.pe-2 { padding-right: var(--spacer-2) !important; }
.pe-3 { padding-right: var(--spacer-3) !important; }
.pe-4 { padding-right: var(--spacer-4) !important; }
.pe-5 { padding-right: var(--spacer-5) !important; }

.px-0 { padding-left: var(--spacer-0) !important; padding-right: var(--spacer-0) !important; }
.px-1 { padding-left: var(--spacer-1) !important; padding-right: var(--spacer-1) !important; }
.px-2 { padding-left: var(--spacer-2) !important; padding-right: var(--spacer-2) !important; }
.px-3 { padding-left: var(--spacer-3) !important; padding-right: var(--spacer-3) !important; }
.px-4 { padding-left: var(--spacer-4) !important; padding-right: var(--spacer-4) !important; }
.px-5 { padding-left: var(--spacer-5) !important; padding-right: var(--spacer-5) !important; }

.py-0 { padding-top: var(--spacer-0) !important; padding-bottom: var(--spacer-0) !important; }
.py-1 { padding-top: var(--spacer-1) !important; padding-bottom: var(--spacer-1) !important; }
.py-2 { padding-top: var(--spacer-2) !important; padding-bottom: var(--spacer-2) !important; }
.py-3 { padding-top: var(--spacer-3) !important; padding-bottom: var(--spacer-3) !important; }
.py-4 { padding-top: var(--spacer-4) !important; padding-bottom: var(--spacer-4) !important; }
.py-5 { padding-top: var(--spacer-5) !important; padding-bottom: var(--spacer-5) !important; }

/* ---------------------
   Responsive Variants
--------------------- */
/* sm (≥576px) */
@media (min-width: 576px) {
  /* Padding */
  
  .p-sm-1 { padding: var(--spacer-1) !important; }
  .p-sm-2 { padding: var(--spacer-2) !important; }
  .p-sm-3 { padding: var(--spacer-3) !important; }
  .p-sm-4 { padding: var(--spacer-4) !important; }
  .p-sm-5 { padding: var(--spacer-5) !important; }
	.p-sm-0 { padding: var(--spacer-0) !important; }

  
  .pt-sm-1 { padding-top: var(--spacer-1) !important; }
  .pt-sm-2 { padding-top: var(--spacer-2) !important; }
  .pt-sm-3 { padding-top: var(--spacer-3) !important; }
  .pt-sm-4 { padding-top: var(--spacer-4) !important; }
  .pt-sm-5 { padding-top: var(--spacer-5) !important; }
	.pt-sm-0 { padding-top: var(--spacer-0) !important; }

  
  .pb-sm-1 { padding-bottom: var(--spacer-1) !important; }
  .pb-sm-2 { padding-bottom: var(--spacer-2) !important; }
  .pb-sm-3 { padding-bottom: var(--spacer-3) !important; }
  .pb-sm-4 { padding-bottom: var(--spacer-4) !important; }
  .pb-sm-5 { padding-bottom: var(--spacer-5) !important; }
	.pb-sm-0 { padding-bottom: var(--spacer-0) !important; }

  
  .px-sm-1 { padding-left: var(--spacer-1) !important; padding-right: var(--spacer-1) !important; }
  .px-sm-2 { padding-left: var(--spacer-2) !important; padding-right: var(--spacer-2) !important; }
  .px-sm-3 { padding-left: var(--spacer-3) !important; padding-right: var(--spacer-3) !important; }
  .px-sm-4 { padding-left: var(--spacer-4) !important; padding-right: var(--spacer-4) !important; }
  .px-sm-5 { padding-left: var(--spacer-5) !important; padding-right: var(--spacer-5) !important; }
	.px-sm-0 { padding-left: var(--spacer-0) !important; padding-right: var(--spacer-0) !important; }

  
  .py-sm-1 { padding-top: var(--spacer-1) !important; padding-bottom: var(--spacer-1) !important; }
  .py-sm-2 { padding-top: var(--spacer-2) !important; padding-bottom: var(--spacer-2) !important; }
  .py-sm-3 { padding-top: var(--spacer-3) !important; padding-bottom: var(--spacer-3) !important; }
  .py-sm-4 { padding-top: var(--spacer-4) !important; padding-bottom: var(--spacer-4) !important; }
  .py-sm-5 { padding-top: var(--spacer-5) !important; padding-bottom: var(--spacer-5) !important; }
	.py-sm-0 { padding-top: var(--spacer-0) !important; padding-bottom: var(--spacer-0) !important; }

  /* Margin */
  
  .m-sm-1 { margin: var(--spacer-1) !important; }
  .m-sm-2 { margin: var(--spacer-2) !important; }
  .m-sm-3 { margin: var(--spacer-3) !important; }
  .m-sm-4 { margin: var(--spacer-4) !important; }
  .m-sm-5 { margin: var(--spacer-5) !important; }
	.m-sm-0 { margin: var(--spacer-0) !important; }

  
  .mt-sm-1 { margin-top: var(--spacer-1) !important; }
  .mt-sm-2 { margin-top: var(--spacer-2) !important; }
  .mt-sm-3 { margin-top: var(--spacer-3) !important; }
  .mt-sm-4 { margin-top: var(--spacer-4) !important; }
  .mt-sm-5 { margin-top: var(--spacer-5) !important; }
	.mt-sm-0 { margin-top: var(--spacer-0) !important; }

  
  .mb-sm-1 { margin-bottom: var(--spacer-1) !important; }
  .mb-sm-2 { margin-bottom: var(--spacer-2) !important; }
  .mb-sm-3 { margin-bottom: var(--spacer-3) !important; }
  .mb-sm-4 { margin-bottom: var(--spacer-4) !important; }
  .mb-sm-5 { margin-bottom: var(--spacer-5) !important; }
	.mb-sm-0 { margin-bottom: var(--spacer-0) !important; }

  
  .mx-sm-1 { margin-left: var(--spacer-1) !important; margin-right: var(--spacer-1) !important; }
  .mx-sm-2 { margin-left: var(--spacer-2) !important; margin-right: var(--spacer-2) !important; }
  .mx-sm-3 { margin-left: var(--spacer-3) !important; margin-right: var(--spacer-3) !important; }
  .mx-sm-4 { margin-left: var(--spacer-4) !important; margin-right: var(--spacer-4) !important; }
  .mx-sm-5 { margin-left: var(--spacer-5) !important; margin-right: var(--spacer-5) !important; }
	.mx-sm-0 { margin-left: var(--spacer-0) !important; margin-right: var(--spacer-0) !important; }

  
  .my-sm-1 { margin-top: var(--spacer-1) !important; margin-bottom: var(--spacer-1) !important; }
  .my-sm-2 { margin-top: var(--spacer-2) !important; margin-bottom: var(--spacer-2) !important; }
  .my-sm-3 { margin-top: var(--spacer-3) !important; margin-bottom: var(--spacer-3) !important; }
  .my-sm-4 { margin-top: var(--spacer-4) !important; margin-bottom: var(--spacer-4) !important; }
  .my-sm-5 { margin-top: var(--spacer-5) !important; margin-bottom: var(--spacer-5) !important; }
	.my-sm-0 { margin-top: var(--spacer-0) !important; margin-bottom: var(--spacer-0) !important; }
}

/* md (≥768px) */
@media (min-width: 768px) {
  /* Same pattern as sm but md prefix */
  
  .p-md-1 { padding: var(--spacer-1) !important; }
  .p-md-2 { padding: var(--spacer-2) !important; }
  .p-md-3 { padding: var(--spacer-3) !important; }
  .p-md-4 { padding: var(--spacer-4) !important; }
  .p-md-5 { padding: var(--spacer-5) !important; }
	.p-md-0 { padding: var(--spacer-0) !important; }

  
  .pb-md-1 { padding-bottom: var(--spacer-1) !important; }
  .pb-md-2 { padding-bottom: var(--spacer-2) !important; }
  .pb-md-3 { padding-bottom: var(--spacer-3) !important; }
  .pb-md-4 { padding-bottom: var(--spacer-4) !important; }
  .pb-md-5 { padding-bottom: var(--spacer-5) !important; }
	.pb-md-0 { padding-bottom: var(--spacer-0) !important; }

  
  .mb-md-1 { margin-bottom: var(--spacer-1) !important; }
  .mb-md-2 { margin-bottom: var(--spacer-2) !important; }
  .mb-md-3 { margin-bottom: var(--spacer-3) !important; }
  .mb-md-4 { margin-bottom: var(--spacer-4) !important; }
  .mb-md-5 { margin-bottom: var(--spacer-5) !important; }
	.mb-md-0 { margin-bottom: var(--spacer-0) !important; }
}

/* lg (≥992px) */
@media (min-width: 992px) {
  
  .p-lg-1 { padding: var(--spacer-1) !important; }
  .p-lg-2 { padding: var(--spacer-2) !important; }
  .p-lg-3 { padding: var(--spacer-3) !important; }
  .p-lg-4 { padding: var(--spacer-4) !important; }
  .p-lg-5 { padding: var(--spacer-5) !important; }
	.p-lg-0 { padding: var(--spacer-0) !important; }

 
  .pb-lg-1 { padding-bottom: var(--spacer-1) !important; }
  .pb-lg-2 { padding-bottom: var(--spacer-2) !important; }
  .pb-lg-3 { padding-bottom: var(--spacer-3) !important; }
  .pb-lg-4 { padding-bottom: var(--spacer-4) !important; }
  .pb-lg-5 { padding-bottom: var(--spacer-5) !important; }
	 .pb-lg-0 { padding-bottom: var(--spacer-0) !important; }

  
  .mb-lg-1 { margin-bottom: var(--spacer-1) !important; }
  .mb-lg-2 { margin-bottom: var(--spacer-2) !important; }
  .mb-lg-3 { margin-bottom: var(--spacer-3) !important; }
  .mb-lg-4 { margin-bottom: var(--spacer-4) !important; }
  .mb-lg-5 { margin-bottom: var(--spacer-5) !important; }
	.mb-lg-0 { margin-bottom: var(--spacer-0) !important; }
}

.card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: auto;
  word-wrap: break-word;
  background-color: var(--bs-white);
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: 0.375rem; /* default rounded corners */
}

.card > hr {
  margin-right: 0;
  margin-left: 0;
}

.card > .list-group {
  border-top: inherit;
  border-bottom: inherit;
}

.card > .list-group:first-child {
  border-top-width: 0;
  border-top-left-radius: calc(0.375rem - 1px);
  border-top-right-radius: calc(0.375rem - 1px);
}

.card > .list-group:last-child {
  border-bottom-width: 0;
  border-bottom-right-radius: calc(0.375rem - 1px);
  border-bottom-left-radius: calc(0.375rem - 1px);
}

/* Card Body */
.card-body {
  flex: 1 1 auto;
  padding: 1rem 1rem;
  color: var(--bs-dark);
}

/* Card Title & Subtitle */
.card-title {
  margin-bottom: 0.5rem;
}
.card-subtitle {
  margin-top: -0.25rem;
  margin-bottom: 0;
  color: var(--bs-gray-dark);
}

/* Card Text */
.card-text:last-child {
  margin-bottom: 0;
}

/* Card Link */
.card-link + .card-link {
  margin-left: 1rem;
}

/* Card Header & Footer */
.card-header {
  padding: 0.5rem 1rem;
  margin-bottom: 0;
  background-color: var(--bs-gray);
  border-bottom: 1px solid rgba(0,0,0,.125);
}

.card-footer {
  padding: 0.5rem 1rem;
  background-color: var(--bs-gray);
  border-top: 1px solid rgba(0,0,0,.125);
}
/* ======================
   Display Utilities
====================== */
.d-none { display: none !important; }
.d-inline { display: inline !important; }
.d-inline-block { display: inline-block !important; }
.d-block { display: block !important; }
.d-flex { display: flex !important; }
.d-inline-flex { display: inline-flex !important; }
.d-grid { display: grid !important; }
.d-table { display: table !important; }
.d-table-cell { display: table-cell !important; }

/* ======================
   Width Utilities
====================== */
.w-25 { width: 25% !important; }
.w-50 { width: 50% !important; }
.w-75 { width: 75% !important; }
.w-100 { width: 100% !important; }
.w-auto { width: auto !important; }

/* ======================
   Height Utilities
====================== */
.h-25 { height: 25% !important; }
.h-50 { height: 50% !important; }
.h-75 { height: 75% !important; }
.h-100 { height: 100% !important; }
.h-auto { height: auto !important; }

/* ======================
   Flexbox Utilities
====================== */
.flex-row { flex-direction: row !important; }
.flex-column { flex-direction: column !important; }
.flex-wrap { flex-wrap: wrap !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.justify-content-start { justify-content: flex-start !important; }
.justify-content-center { justify-content: center !important; }
.justify-content-end { justify-content: flex-end !important; }
.justify-content-between { justify-content: space-between !important; }
.justify-content-around { justify-content: space-around !important; }
.align-items-start { align-items: flex-start !important; }
.align-items-center { align-items: center !important; }
.align-items-end { align-items: flex-end !important; }

/* ======================
   Text Alignment
====================== */
.text-start { text-align: left !important; }
.text-center { text-align: center !important; }
.text-end { text-align: right !important; }

/* ======================
   Font Weight
====================== */
.fw-light { font-weight: 300 !important; }
.fw-normal { font-weight: 400 !important; }
.fw-bold { font-weight: 700 !important; }

/* ======================
   Overflow
====================== */
.overflow-hidden { overflow: hidden !important; }
.overflow-auto { overflow: auto !important; }
.overflow-scroll { overflow: scroll !important; }

/* ======================
   Position
====================== */
.position-static { position: static !important; }
.position-relative { position: relative !important; }
.position-absolute { position: absolute !important; }
.position-fixed { position: fixed !important; }
.position-sticky { position: sticky !important; }


/* Card Image */
.card-img-top {
  width: 100%;
  border-top-left-radius: calc(0.375rem - 1px);
  border-top-right-radius: calc(0.375rem - 1px);
}
.card-img-bottom {
  width: 100%;
  border-bottom-right-radius: calc(0.375rem - 1px);
  border-bottom-left-radius: calc(0.375rem - 1px);
}
.mainPortalWrap i[class*=fa-], .mainPortalWrap span[class*=fa-] {
	top: 0;
}
.mainPortalHeading {
	padding-bottom: 15px;
}
.mainPortalWrap p {
	padding-bottom: 0;
	line-height: 1.5;
	min-height: 42px;
}
.cardsHeading {
	padding-bottom: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.cardsHeading h2 {
    font-size: 1.5rem !important;
	line-height: 1.2 !important;
}
.badge {
    padding: 7px 10px;
    border-radius: 50px;
    font-size: 12px;
    display: inline;
    line-height: 1;
}
.cardsDiscription {
	margin-top: -10px;
}
.mainPortalHeadingBox {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.cardsTableItem {
	display: grid;
	grid-template-columns: var(--grid-cols, 1fr 1fr 1fr); 
	padding: 12px 10px;
	border-bottom: 1px solid #E1E4EA;
	align-items: center;
}
.cardsTableHead {
	background-color: #F8F8F8;
	border-bottom: 0;
	font-weight: bold;
}
.cardsTableBox {
	display: flex;
	align-items: center;
}
.cardsTableBoxUser a {
	display: flex;
	align-items: center;
}
.cardsTableBoxUser img {
    width: 44px;
    height: 44px;
    object-fit: cover;
}
.cardsTableBoxUser a p {
	min-height:unset;
}
.cardsTableBoxRating {
	display: flex;
	align-items: center;
	gap: 8px;
}
.cardsTableBoxUser strong {
	padding: 0 0 0 10px;
}

.tableActionDropdown {
	position: relative;
}
.tableActionDropdown i.btn {
    color: #8C97A1;
    top: 0;
    line-height: 40px;
    font-family: FontAwesome !important;
    font-size: 18px;
    width: 44px;
    height: 44px;
    padding: 0;
}
.tableActionDropdown ul {
	position: absolute;
	background-color: #fff;
	border: 1px solid #E3E3E3;
	margin: 0;
	padding: 0;
	width: 150px;
	right: 0;
	display: none;
	z-index: 1;
	box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.10);
	top: 35px;
}
.tableActionDropdown ul li.tableActionAvailable {
	border-top: 1px solid #E3E3E3;
	color: #0AA25E;
	font-size: 12px;
	font-weight: bold;
	padding: 5px 10px 10px 10px;
	line-height: 1.3;
}
.tableActionDropdown ul li.tableActionAvailable span {
	color: #92929D;
	font-weight: normal;
	display: block;
	padding: 3px 0 0 0;
}
.tableActionDropdown:hover ul {
	display: block;
}
.tableActionDropdown ul li {
	list-style: none;
}
.tableActionDropdown ul li button, .tableActionDropdown ul li a {
	border: 0;
	background-color: #fff;
	font-size: 12px;
	display: block;
	padding: 10px 12px;
	width: 100%;
	text-align: left;
	font-weight: 500;
	cursor: pointer;
	color: #70707B;
	line-height: 1;
	border-radius: 0 !important;
}
.tableActionDropdown ul li button.delete, .tableActionDropdown ul li a.delete {
	color: #dc3545;
}
.tableActionDropdown ul li button:hover, .tableActionDropdown ul li a:hover {
	color: #2057E0;
	background-color: #EAF2FF;
}
.tableActionDropdown ul li button.delete:hover, .tableActionDropdown ul li a.delete:hover {
	color: #fff;
	background-color: #dc3545;
}

.tableActionDropdown ul li.tableActionUnAvailable {
	border: 0;
	background-color: #eee;
	font-size: 11px;
	display: block;
	padding: 7px 12px;
	width: 100%;
	text-align: left;
	font-weight: 500;
	color: #000;
	line-height: 1.2;
	border-radius: 0 !important;
	border-top: 1px solid #E3E3E3;
}



.show_input_field {
    position: absolute;
    right: 0;
    bottom: 0;
}
.show_input_field .btn {
    display: block;
    padding: 0 !important;
    width: 37.5px !important;
    height: 37.5px;
    text-align: center;
    line-height: 33.5px;
}
.show_input_field .btn input[type="checkbox"] {
    display: none;
}

/* Hide native checkbox but keep it keyboard-accessible */
.custom-check .form-check-input {
  /* visually hide while retaining accessibility */
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* Prepare the label to host the pseudo elements */
.custom-check .form-check-label {
  position: relative;
  padding-left: 30px; /* space for the custom box */
  cursor: pointer;
  user-select: none;
  display: inline-block;
  line-height: 1.1;
  color: #333;
  font-size: 14px;
  font-weight: 500;
  vertical-align: middle;
}

/* the square box (unchecked state) */
.custom-check .form-check-label::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  border-radius: 4px;            /* square with slight rounding */
  border: 2px solid #d0d5da;     /* grey border */
  background: #fff;
  box-sizing: border-box;
  transition: all 0.15s ease-in-out;
}

/* the tick mark (hidden by default) */
.custom-check .form-check-label::after {
	content: "";
	position: absolute;
	left: 6px;
	top: 39%;
	transform: translateY(-50%) rotate(45deg) scale(0.8);
	width: 3px;
	height: 7px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	opacity: 0;
	transition: all 0.12s ease-in-out;
	transform-origin: center;
}

/* Checked state: fill box and show tick */
.custom-check .form-check-input:checked + .form-check-label::before {
  background-color: #2563eb;   /* blue fill (screenshot-like) */
  border-color: #2563eb;
}

.custom-check .form-check-input:checked + .form-check-label::after {
  opacity: 1;
  transform: translateY(-50%) rotate(45deg) scale(1);
}

/* Focus ring for keyboard users */
.custom-check .form-check-input:focus + .form-check-label::before {
  box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.18);
  border-color: #2563eb;
}

/* Disabled state */
.custom-check .form-check-input:disabled + .form-check-label {
  color: #9aa0a6;
  cursor: not-allowed;
}

.custom-check .form-check-input:disabled + .form-check-label::before {
  background: #f1f3f5;
  border-color: #e6e9ec;
}
.jobDeatilTagAction {
	padding-bottom: 30px;
	display: flex;
	justify-content: flex-end;
}


.manage_company_profile .mainPortalHeading .devContainer {
	display: flex;
	justify-content: space-between;
	align-items: center;
}






.offersAlertWrap {
	position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 70%);
    left: 0;
    top: 0;
    z-index: 99;
	overflow: hidden;
	display: none;
}
.offersAlertContent {
    max-width: 520px;
    margin: 100px auto;
    position: relative;
    padding: 0;
    background: #FFFFFF;
}
.offersAlertContent .offersAlertClose {
	position: absolute;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	right: 0;
	top: 0;
	cursor: pointer;
	color: #de393a;
}
.offersAlertCard {
	padding: 40px 30px;
	text-align: center;
}
.offersAlertCard h4 {
	padding-bottom: 15px;
}
.offersAlertCardPhoto {
    position: relative;
}
.offersAlertCardPhoto img {
	width: 80px;
	height: 80px;
	line-height: 0;
	border-radius: 50%;
	object-fit: cover;
	object-position: center;
	margin: 0 auto;
}
.offersAlertCardPhoto h5 {
	line-height: 1;
}
.offersAlertCard .form-group {
	text-align: left;
}
.offersAlertCard .form-group .select2-container {
	width: 100% !important;
}

/* Basic tab styling */
.nav-tabs {
    border-bottom: 2px solid #ddd;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0;
    margin: 0 0 30px 0;
}

.nav-tabs .nav-item {
	margin-bottom: -2px;
	list-style: none;
}

.nav-tabs .nav-link {
	border: 2px solid transparent;
	border-radius: 6px 6px 0 0;
	padding: 20px 28px;
	background: transparent;
	color: #000;
	font-weight: 500;
	transition: all 0.3s ease;
	display: block;
	line-height: 1;
	font-size: 22px;
	min-width: 200px;
	text-align: center;
}

/* Hover effect */
.nav-tabs .nav-link:hover {
  background: #fff;
  border-color: #dee2e6 #dee2e6 #ddd;
  color: #000;
}

/* Active tab */
.nav-tabs .nav-link.active {
  background: #fff;
  border: 2px solid #007bff;
  border-bottom-color: #fff;
  color: #007bff;
  font-weight: 600;
  position: relative;
  top: 2px;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .nav-tabs {
    flex-direction: column;
  }

  .nav-tabs .nav-link {
    border-radius: 6px;
  }
}