@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);
.fs-3 {
  font-size: 1.75rem !important;
}

.fs-4 {
  font-size: 1.5rem !important;
}

.text-blue-800 {
  color: #3C7DD9;
}

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

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

:root {
  font-size: 16px;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
}

html {
  scroll-behavior: smooth;
  cursor: default;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word;
}

*,
html,
body {
  font-family: "Poppins", sans-serif;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-text-size-adjust: 100%;
     -moz-text-size-adjust: 100%;
          text-size-adjust: 100%;
  letter-spacing: normal;
}

/**
 * Remove the border on images inside links in IE 10-.
 */
img {
  border-style: none;
  max-width: 100%;
}

img:not([src]):not([srcset]) {
  visibility: hidden;
}

img[src=""] {
  visibility: hidden;
}
img.lazy.error {
  visibility: hidden;
}

/*
Fixes the Firefox anomaly while images are loading
*/
@-moz-document url-prefix() {
  img:-moz-loading {
    visibility: hidden;
  }
}
/**
  * Hide the overflow in IE.
  */
svg:not(:root) {
  overflow: hidden;
}

a:hover {
  text-decoration: none;
}

.list-style-none {
  list-style: none;
}

.ws-nowrap {
  white-space: nowrap !important;
}

.ls-0-5 {
  letter-spacing: 0.5px !important;
}

.fsz-9 {
  font-size: 9px !important;
}

.fsz-10 {
  font-size: 10px !important;
}

.fsz-12 {
  font-size: 12px !important;
}

.fsz-13 {
  font-size: 13px !important;
}

.fsz-14 {
  font-size: 14px !important;
}

.fsz-15 {
  font-size: 15px !important;
}

.fsz-17 {
  font-size: 17px !important;
}

.fsz-18 {
  font-size: 18px !important;
}

.fsz-20 {
  font-size: 20px !important;
}

.fsz-22 {
  font-size: 22px !important;
}

.fsz-30 {
  font-size: 30px !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.lh-2 {
  line-height: 2 !important;
}

.lh-1-5 {
  line-height: 1.5 !important;
}

.h-fit-content {
  height: -webkit-fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
}

.w-fit-content {
  width: -webkit-fit-content !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
}

.theme-color__primary {
  color: #53B2FC !important;
}
.theme-color__primary.blue-border {
  border: 1px solid #53B2FC !important;
  border-radius: 5px;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: 5px;
}

.theme-color__secondary {
  color: #FF9A00 !important;
}

.theme-bg__primary {
  background: #53B2FC !important;
}

.theme-bg__secondary {
  background: #FF9A00 !important;
}

.b-20 {
  border-radius: 20px !important;
}

.b-none {
  border: none;
}

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

.mt-60 {
  margin-top: 60px !important;
}

.mt-70 {
  margin-top: 70px !important;
}

.rounded-xl {
  border-radius: 1rem !important;
}

.badge.badge-primary {
  background-color: #53B2FC;
  color: #fff;
}
.badge.badge-secondary {
  background-color: #FF9A00;
  color: #fff;
}
.badge.badge-light {
  background-color: #ffffff;
  border: 1px solid #ddd;
  color: #222;
}

.btn {
  border-radius: 8px;
}
.btn.btn-primary {
  background-color: #53B2FC;
  border-color: #53B2FC;
  color: #ffffff;
}
.btn.btn-primary:hover {
  background-color: #53B2FC;
  border-color: #53B2FC;
}
.btn.btn-light {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #222;
}
.btn.btn-light:hover {
  background-color: #eee;
  border-color: #eee;
}
.btn.btn-secondary {
  background-color: #FF9A00;
  border-color: #FF9A00;
  color: #ffffff;
}
.btn.btn-secondary:hover {
  background-color: #FF9A00;
  border-color: #FF9A00;
}

.d-grid {
  display: grid;
}

.grid-cols-1 {
  grid-template-columns: repeat(1, minmax(0, 1fr));
}

.grid-cols-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.grid-cols-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.grid-cols-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.grid-cols-5 {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.grid-cols-6 {
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

.grid-cols-7 {
  grid-template-columns: repeat(7, minmax(0, 1fr));
}

.grid-cols-8 {
  grid-template-columns: repeat(8, minmax(0, 1fr));
}

.grid-cols-9 {
  grid-template-columns: repeat(9, minmax(0, 1fr));
}

.grid-cols-10 {
  grid-template-columns: repeat(10, minmax(0, 1fr));
}

.grid-cols-11 {
  grid-template-columns: repeat(11, minmax(0, 1fr));
}

.grid-cols-12 {
  grid-template-columns: repeat(12, minmax(0, 1fr));
}

.grid-cols-none {
  grid-template-columns: none;
}

.gap-0 {
  gap: 0px;
}

.gap-x-0 {
  -moz-column-gap: 0px;
       column-gap: 0px;
}

.gap-y-0 {
  row-gap: 0px;
}

.gap-1 {
  gap: 8px;
}

.gap-x-1 {
  -moz-column-gap: 8px;
       column-gap: 8px;
}

.gap-y-1 {
  row-gap: 8px;
}

.gap-2 {
  gap: 16px;
}

.gap-x-2 {
  -moz-column-gap: 16px;
       column-gap: 16px;
}

.gap-y-2 {
  row-gap: 16px;
}

.gap-3 {
  gap: 24px;
}

.gap-x-3 {
  -moz-column-gap: 24px;
       column-gap: 24px;
}

.gap-y-3 {
  row-gap: 24px;
}

.gap-4 {
  gap: 32px;
}

.gap-x-4 {
  -moz-column-gap: 32px;
       column-gap: 32px;
}

.gap-y-4 {
  row-gap: 32px;
}

.gap-5 {
  gap: 40px;
}

.gap-x-5 {
  -moz-column-gap: 40px;
       column-gap: 40px;
}

.gap-y-5 {
  row-gap: 40px;
}

.gap-6 {
  gap: 48px;
}

.gap-x-6 {
  -moz-column-gap: 48px;
       column-gap: 48px;
}

.gap-y-6 {
  row-gap: 48px;
}

.gap-7 {
  gap: 56px;
}

.gap-x-7 {
  -moz-column-gap: 56px;
       column-gap: 56px;
}

.gap-y-7 {
  row-gap: 56px;
}

.gap-8 {
  gap: 64px;
}

.gap-x-8 {
  -moz-column-gap: 64px;
       column-gap: 64px;
}

.gap-y-8 {
  row-gap: 64px;
}

.gap-9 {
  gap: 72px;
}

.gap-x-9 {
  -moz-column-gap: 72px;
       column-gap: 72px;
}

.gap-y-9 {
  row-gap: 72px;
}

.gap-10 {
  gap: 80px;
}

.gap-x-10 {
  -moz-column-gap: 80px;
       column-gap: 80px;
}

.gap-y-10 {
  row-gap: 80px;
}

.bg-pink-100 {
  background-color: #FBF6F6 !important;
}

.rounded-bl-lg {
  border-bottom-left-radius: 18px;
}

.rounded-br-lg {
  border-bottom-right-radius: 18px;
}

.pill-md {
  padding: 8px 24px;
}

.rounded-full {
  border-radius: 100%;
}
.rounded-full img {
  display: block;
  -o-object-fit: cover;
     object-fit: cover;
}

.w-150px {
  width: 150px;
}

.h-150px {
  height: 150px;
}

.wx-1 {
  width: calc(1 * 1%) !important;
}

.wx-2 {
  width: calc(2 * 1%) !important;
}

.wx-3 {
  width: calc(3 * 1%) !important;
}

.wx-4 {
  width: calc(4 * 1%) !important;
}

.wx-5 {
  width: calc(5 * 1%) !important;
}

.wx-6 {
  width: calc(6 * 1%) !important;
}

.wx-7 {
  width: calc(7 * 1%) !important;
}

.wx-8 {
  width: calc(8 * 1%) !important;
}

.wx-9 {
  width: calc(9 * 1%) !important;
}

.wx-10 {
  width: calc(10 * 1%) !important;
}

.wx-11 {
  width: calc(11 * 1%) !important;
}

.wx-12 {
  width: calc(12 * 1%) !important;
}

.wx-13 {
  width: calc(13 * 1%) !important;
}

.wx-14 {
  width: calc(14 * 1%) !important;
}

.wx-15 {
  width: calc(15 * 1%) !important;
}

.wx-16 {
  width: calc(16 * 1%) !important;
}

.wx-17 {
  width: calc(17 * 1%) !important;
}

.wx-18 {
  width: calc(18 * 1%) !important;
}

.wx-19 {
  width: calc(19 * 1%) !important;
}

.wx-20 {
  width: calc(20 * 1%) !important;
}

.wx-21 {
  width: calc(21 * 1%) !important;
}

.wx-22 {
  width: calc(22 * 1%) !important;
}

.wx-23 {
  width: calc(23 * 1%) !important;
}

.wx-24 {
  width: calc(24 * 1%) !important;
}

.wx-25 {
  width: calc(25 * 1%) !important;
}

.wx-26 {
  width: calc(26 * 1%) !important;
}

.wx-27 {
  width: calc(27 * 1%) !important;
}

.wx-28 {
  width: calc(28 * 1%) !important;
}

.wx-29 {
  width: calc(29 * 1%) !important;
}

.wx-30 {
  width: calc(30 * 1%) !important;
}

.wx-31 {
  width: calc(31 * 1%) !important;
}

.wx-32 {
  width: calc(32 * 1%) !important;
}

.wx-33 {
  width: calc(33 * 1%) !important;
}

.wx-34 {
  width: calc(34 * 1%) !important;
}

.wx-35 {
  width: calc(35 * 1%) !important;
}

.wx-36 {
  width: calc(36 * 1%) !important;
}

.wx-37 {
  width: calc(37 * 1%) !important;
}

.wx-38 {
  width: calc(38 * 1%) !important;
}

.wx-39 {
  width: calc(39 * 1%) !important;
}

.wx-40 {
  width: calc(40 * 1%) !important;
}

.wx-41 {
  width: calc(41 * 1%) !important;
}

.wx-42 {
  width: calc(42 * 1%) !important;
}

.wx-43 {
  width: calc(43 * 1%) !important;
}

.wx-44 {
  width: calc(44 * 1%) !important;
}

.wx-45 {
  width: calc(45 * 1%) !important;
}

.wx-46 {
  width: calc(46 * 1%) !important;
}

.wx-47 {
  width: calc(47 * 1%) !important;
}

.wx-48 {
  width: calc(48 * 1%) !important;
}

.wx-49 {
  width: calc(49 * 1%) !important;
}

.wx-50 {
  width: calc(50 * 1%) !important;
}

.wx-51 {
  width: calc(51 * 1%) !important;
}

.wx-52 {
  width: calc(52 * 1%) !important;
}

.wx-53 {
  width: calc(53 * 1%) !important;
}

.wx-54 {
  width: calc(54 * 1%) !important;
}

.wx-55 {
  width: calc(55 * 1%) !important;
}

.wx-56 {
  width: calc(56 * 1%) !important;
}

.wx-57 {
  width: calc(57 * 1%) !important;
}

.wx-58 {
  width: calc(58 * 1%) !important;
}

.wx-59 {
  width: calc(59 * 1%) !important;
}

.wx-60 {
  width: calc(60 * 1%) !important;
}

.wx-61 {
  width: calc(61 * 1%) !important;
}

.wx-62 {
  width: calc(62 * 1%) !important;
}

.wx-63 {
  width: calc(63 * 1%) !important;
}

.wx-64 {
  width: calc(64 * 1%) !important;
}

.wx-65 {
  width: calc(65 * 1%) !important;
}

.wx-66 {
  width: calc(66 * 1%) !important;
}

.wx-67 {
  width: calc(67 * 1%) !important;
}

.wx-68 {
  width: calc(68 * 1%) !important;
}

.wx-69 {
  width: calc(69 * 1%) !important;
}

.wx-70 {
  width: calc(70 * 1%) !important;
}

.wx-71 {
  width: calc(71 * 1%) !important;
}

.wx-72 {
  width: calc(72 * 1%) !important;
}

.wx-73 {
  width: calc(73 * 1%) !important;
}

.wx-74 {
  width: calc(74 * 1%) !important;
}

.wx-75 {
  width: calc(75 * 1%) !important;
}

.wx-76 {
  width: calc(76 * 1%) !important;
}

.wx-77 {
  width: calc(77 * 1%) !important;
}

.wx-78 {
  width: calc(78 * 1%) !important;
}

.wx-79 {
  width: calc(79 * 1%) !important;
}

.wx-80 {
  width: calc(80 * 1%) !important;
}

.wx-81 {
  width: calc(81 * 1%) !important;
}

.wx-82 {
  width: calc(82 * 1%) !important;
}

.wx-83 {
  width: calc(83 * 1%) !important;
}

.wx-84 {
  width: calc(84 * 1%) !important;
}

.wx-85 {
  width: calc(85 * 1%) !important;
}

.wx-86 {
  width: calc(86 * 1%) !important;
}

.wx-87 {
  width: calc(87 * 1%) !important;
}

.wx-88 {
  width: calc(88 * 1%) !important;
}

.wx-89 {
  width: calc(89 * 1%) !important;
}

.wx-90 {
  width: calc(90 * 1%) !important;
}

.wx-91 {
  width: calc(91 * 1%) !important;
}

.wx-92 {
  width: calc(92 * 1%) !important;
}

.wx-93 {
  width: calc(93 * 1%) !important;
}

.wx-94 {
  width: calc(94 * 1%) !important;
}

.wx-95 {
  width: calc(95 * 1%) !important;
}

.wx-96 {
  width: calc(96 * 1%) !important;
}

.wx-97 {
  width: calc(97 * 1%) !important;
}

.wx-98 {
  width: calc(98 * 1%) !important;
}

.wx-99 {
  width: calc(99 * 1%) !important;
}

.wx-100 {
  width: calc(100 * 1%) !important;
}

.hx-1 {
  height: calc(1 * 1%) !important;
}

.hx-2 {
  height: calc(2 * 1%) !important;
}

.hx-3 {
  height: calc(3 * 1%) !important;
}

.hx-4 {
  height: calc(4 * 1%) !important;
}

.hx-5 {
  height: calc(5 * 1%) !important;
}

.hx-6 {
  height: calc(6 * 1%) !important;
}

.hx-7 {
  height: calc(7 * 1%) !important;
}

.hx-8 {
  height: calc(8 * 1%) !important;
}

.hx-9 {
  height: calc(9 * 1%) !important;
}

.hx-10 {
  height: calc(10 * 1%) !important;
}

.hx-11 {
  height: calc(11 * 1%) !important;
}

.hx-12 {
  height: calc(12 * 1%) !important;
}

.hx-13 {
  height: calc(13 * 1%) !important;
}

.hx-14 {
  height: calc(14 * 1%) !important;
}

.hx-15 {
  height: calc(15 * 1%) !important;
}

.hx-16 {
  height: calc(16 * 1%) !important;
}

.hx-17 {
  height: calc(17 * 1%) !important;
}

.hx-18 {
  height: calc(18 * 1%) !important;
}

.hx-19 {
  height: calc(19 * 1%) !important;
}

.hx-20 {
  height: calc(20 * 1%) !important;
}

.hx-21 {
  height: calc(21 * 1%) !important;
}

.hx-22 {
  height: calc(22 * 1%) !important;
}

.hx-23 {
  height: calc(23 * 1%) !important;
}

.hx-24 {
  height: calc(24 * 1%) !important;
}

.hx-25 {
  height: calc(25 * 1%) !important;
}

.hx-26 {
  height: calc(26 * 1%) !important;
}

.hx-27 {
  height: calc(27 * 1%) !important;
}

.hx-28 {
  height: calc(28 * 1%) !important;
}

.hx-29 {
  height: calc(29 * 1%) !important;
}

.hx-30 {
  height: calc(30 * 1%) !important;
}

.hx-31 {
  height: calc(31 * 1%) !important;
}

.hx-32 {
  height: calc(32 * 1%) !important;
}

.hx-33 {
  height: calc(33 * 1%) !important;
}

.hx-34 {
  height: calc(34 * 1%) !important;
}

.hx-35 {
  height: calc(35 * 1%) !important;
}

.hx-36 {
  height: calc(36 * 1%) !important;
}

.hx-37 {
  height: calc(37 * 1%) !important;
}

.hx-38 {
  height: calc(38 * 1%) !important;
}

.hx-39 {
  height: calc(39 * 1%) !important;
}

.hx-40 {
  height: calc(40 * 1%) !important;
}

.hx-41 {
  height: calc(41 * 1%) !important;
}

.hx-42 {
  height: calc(42 * 1%) !important;
}

.hx-43 {
  height: calc(43 * 1%) !important;
}

.hx-44 {
  height: calc(44 * 1%) !important;
}

.hx-45 {
  height: calc(45 * 1%) !important;
}

.hx-46 {
  height: calc(46 * 1%) !important;
}

.hx-47 {
  height: calc(47 * 1%) !important;
}

.hx-48 {
  height: calc(48 * 1%) !important;
}

.hx-49 {
  height: calc(49 * 1%) !important;
}

.hx-50 {
  height: calc(50 * 1%) !important;
}

.hx-51 {
  height: calc(51 * 1%) !important;
}

.hx-52 {
  height: calc(52 * 1%) !important;
}

.hx-53 {
  height: calc(53 * 1%) !important;
}

.hx-54 {
  height: calc(54 * 1%) !important;
}

.hx-55 {
  height: calc(55 * 1%) !important;
}

.hx-56 {
  height: calc(56 * 1%) !important;
}

.hx-57 {
  height: calc(57 * 1%) !important;
}

.hx-58 {
  height: calc(58 * 1%) !important;
}

.hx-59 {
  height: calc(59 * 1%) !important;
}

.hx-60 {
  height: calc(60 * 1%) !important;
}

.hx-61 {
  height: calc(61 * 1%) !important;
}

.hx-62 {
  height: calc(62 * 1%) !important;
}

.hx-63 {
  height: calc(63 * 1%) !important;
}

.hx-64 {
  height: calc(64 * 1%) !important;
}

.hx-65 {
  height: calc(65 * 1%) !important;
}

.hx-66 {
  height: calc(66 * 1%) !important;
}

.hx-67 {
  height: calc(67 * 1%) !important;
}

.hx-68 {
  height: calc(68 * 1%) !important;
}

.hx-69 {
  height: calc(69 * 1%) !important;
}

.hx-70 {
  height: calc(70 * 1%) !important;
}

.hx-71 {
  height: calc(71 * 1%) !important;
}

.hx-72 {
  height: calc(72 * 1%) !important;
}

.hx-73 {
  height: calc(73 * 1%) !important;
}

.hx-74 {
  height: calc(74 * 1%) !important;
}

.hx-75 {
  height: calc(75 * 1%) !important;
}

.hx-76 {
  height: calc(76 * 1%) !important;
}

.hx-77 {
  height: calc(77 * 1%) !important;
}

.hx-78 {
  height: calc(78 * 1%) !important;
}

.hx-79 {
  height: calc(79 * 1%) !important;
}

.hx-80 {
  height: calc(80 * 1%) !important;
}

.hx-81 {
  height: calc(81 * 1%) !important;
}

.hx-82 {
  height: calc(82 * 1%) !important;
}

.hx-83 {
  height: calc(83 * 1%) !important;
}

.hx-84 {
  height: calc(84 * 1%) !important;
}

.hx-85 {
  height: calc(85 * 1%) !important;
}

.hx-86 {
  height: calc(86 * 1%) !important;
}

.hx-87 {
  height: calc(87 * 1%) !important;
}

.hx-88 {
  height: calc(88 * 1%) !important;
}

.hx-89 {
  height: calc(89 * 1%) !important;
}

.hx-90 {
  height: calc(90 * 1%) !important;
}

.hx-91 {
  height: calc(91 * 1%) !important;
}

.hx-92 {
  height: calc(92 * 1%) !important;
}

.hx-93 {
  height: calc(93 * 1%) !important;
}

.hx-94 {
  height: calc(94 * 1%) !important;
}

.hx-95 {
  height: calc(95 * 1%) !important;
}

.hx-96 {
  height: calc(96 * 1%) !important;
}

.hx-97 {
  height: calc(97 * 1%) !important;
}

.hx-98 {
  height: calc(98 * 1%) !important;
}

.hx-99 {
  height: calc(99 * 1%) !important;
}

.hx-100 {
  height: calc(100 * 1%) !important;
}

.gap-1 {
  gap: 1px !important;
}

.gap-2 {
  gap: 2px !important;
}

.gap-3 {
  gap: 3px !important;
}

.gap-4 {
  gap: 4px !important;
}

.gap-5 {
  gap: 5px !important;
}

.gap-6 {
  gap: 6px !important;
}

.gap-7 {
  gap: 7px !important;
}

.gap-8 {
  gap: 8px !important;
}

.gap-9 {
  gap: 9px !important;
}

.gap-10 {
  gap: 10px !important;
}

.gap-11 {
  gap: 11px !important;
}

.gap-12 {
  gap: 12px !important;
}

.gap-13 {
  gap: 13px !important;
}

.gap-14 {
  gap: 14px !important;
}

.gap-15 {
  gap: 15px !important;
}

.gap-16 {
  gap: 16px !important;
}

.gap-17 {
  gap: 17px !important;
}

.gap-18 {
  gap: 18px !important;
}

.gap-19 {
  gap: 19px !important;
}

.gap-20 {
  gap: 20px !important;
}

.gap-21 {
  gap: 21px !important;
}

.gap-22 {
  gap: 22px !important;
}

.gap-23 {
  gap: 23px !important;
}

.gap-24 {
  gap: 24px !important;
}

.gap-25 {
  gap: 25px !important;
}

.gap-26 {
  gap: 26px !important;
}

.gap-27 {
  gap: 27px !important;
}

.gap-28 {
  gap: 28px !important;
}

.gap-29 {
  gap: 29px !important;
}

.gap-30 {
  gap: 30px !important;
}

.gap-31 {
  gap: 31px !important;
}

.gap-32 {
  gap: 32px !important;
}

.gap-33 {
  gap: 33px !important;
}

.gap-34 {
  gap: 34px !important;
}

.gap-35 {
  gap: 35px !important;
}

.gap-36 {
  gap: 36px !important;
}

.gap-37 {
  gap: 37px !important;
}

.gap-38 {
  gap: 38px !important;
}

.gap-39 {
  gap: 39px !important;
}

.gap-40 {
  gap: 40px !important;
}

.gap-41 {
  gap: 41px !important;
}

.gap-42 {
  gap: 42px !important;
}

.gap-43 {
  gap: 43px !important;
}

.gap-44 {
  gap: 44px !important;
}

.gap-45 {
  gap: 45px !important;
}

.gap-46 {
  gap: 46px !important;
}

.gap-47 {
  gap: 47px !important;
}

.gap-48 {
  gap: 48px !important;
}

.gap-49 {
  gap: 49px !important;
}

.gap-50 {
  gap: 50px !important;
}

.gap-51 {
  gap: 51px !important;
}

.gap-52 {
  gap: 52px !important;
}

.gap-53 {
  gap: 53px !important;
}

.gap-54 {
  gap: 54px !important;
}

.gap-55 {
  gap: 55px !important;
}

.gap-56 {
  gap: 56px !important;
}

.gap-57 {
  gap: 57px !important;
}

.gap-58 {
  gap: 58px !important;
}

.gap-59 {
  gap: 59px !important;
}

.gap-60 {
  gap: 60px !important;
}

.gap-61 {
  gap: 61px !important;
}

.gap-62 {
  gap: 62px !important;
}

.gap-63 {
  gap: 63px !important;
}

.gap-64 {
  gap: 64px !important;
}

.gap-65 {
  gap: 65px !important;
}

.gap-66 {
  gap: 66px !important;
}

.gap-67 {
  gap: 67px !important;
}

.gap-68 {
  gap: 68px !important;
}

.gap-69 {
  gap: 69px !important;
}

.gap-70 {
  gap: 70px !important;
}

.gap-71 {
  gap: 71px !important;
}

.gap-72 {
  gap: 72px !important;
}

.gap-73 {
  gap: 73px !important;
}

.gap-74 {
  gap: 74px !important;
}

.gap-75 {
  gap: 75px !important;
}

.gap-76 {
  gap: 76px !important;
}

.gap-77 {
  gap: 77px !important;
}

.gap-78 {
  gap: 78px !important;
}

.gap-79 {
  gap: 79px !important;
}

.gap-80 {
  gap: 80px !important;
}

.gap-81 {
  gap: 81px !important;
}

.gap-82 {
  gap: 82px !important;
}

.gap-83 {
  gap: 83px !important;
}

.gap-84 {
  gap: 84px !important;
}

.gap-85 {
  gap: 85px !important;
}

.gap-86 {
  gap: 86px !important;
}

.gap-87 {
  gap: 87px !important;
}

.gap-88 {
  gap: 88px !important;
}

.gap-89 {
  gap: 89px !important;
}

.gap-90 {
  gap: 90px !important;
}

.gap-91 {
  gap: 91px !important;
}

.gap-92 {
  gap: 92px !important;
}

.gap-93 {
  gap: 93px !important;
}

.gap-94 {
  gap: 94px !important;
}

.gap-95 {
  gap: 95px !important;
}

.gap-96 {
  gap: 96px !important;
}

.gap-97 {
  gap: 97px !important;
}

.gap-98 {
  gap: 98px !important;
}

.gap-99 {
  gap: 99px !important;
}

.gap-100 {
  gap: 100px !important;
}

.relative {
  position: relative;
}

.block {
  display: block;
}

.mt-2 {
  margin-top: 0.5rem;
}

@media (min-width: 1540px) {
  .container {
    max-width: 1600px;
  }
}

.c-sidebar {
  position: fixed;
  left: 0;
  top: 0;
  height: 100vh;
  width: 300px;
  padding: 28px 20px;
  background-color: white;
}
.c-sidebar-wrapper {
  height: 100%;
  width: 100%;
  overflow-y: auto;
  background: #fff;
  box-shadow: 0px 4px 52px 0px rgba(197, 202, 219, 0.25);
  border-radius: 8px;
  padding: 18px 14px;
}
.c-sidebar-wrapper::-webkit-scrollbar {
  width: 6px;
  background-color: rgba(255, 255, 255, 0);
}
.c-sidebar-wrapper::-webkit-scrollbar-thumb {
  border-radius: 500rem;
  background-color: #FF9A00;
}
.c-sidebar-brand {
  align-items: center;
  padding-bottom: 24px;
  padding-top: 6px;
  margin-bottom: 20px;
  border-bottom: 1px solid #ece7e7;
  font-weight: 500;
  font-size: 13px;
  line-height: 19px;
  letter-spacing: -0.387234px;
  color: #252f40;
  text-align: center;
}
.c-sidebar-brand img {
  height: 48px;
}
.c-sidebar-navigation .nav-item {
  display: flex;
  align-items: center;
  padding: 10px 16px;
  border-radius: 8px;
  background-color: transparent;
  text-decoration: none;
  margin-bottom: 4px;
}
.c-sidebar-navigation .nav-item .icon {
  width: 32px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 8px;
  margin-right: 12px;
}
.c-sidebar-navigation .nav-item .icon i {
  color: #afafb0;
  font-size: 18px;
}
.c-sidebar-navigation .nav-item .text {
  background: transparent;
  border: none;
  text-align: left;
  padding: 0;
  font-size: 12px;
  line-height: normal;
  color: #aaa;
  text-decoration: none;
}
.c-sidebar-navigation .nav-item .text:hover {
  text-decoration: none;
}
.c-sidebar-navigation .nav-item.active {
  background-color: #53B2FC;
}
.c-sidebar-navigation .nav-item.active svg path {
  fill: #fff !important;
  fill-opacity: 1 !important;
}
.c-sidebar-navigation .nav-item.active .icon i {
  color: #fff;
}
.c-sidebar-navigation .nav-item.active .text {
  font-weight: 600;
  color: #fff;
}
.c-sidebar .accordion-item {
  border: none;
}
.c-sidebar .accordion-item .accordion-button {
  margin-bottom: 4px;
  background-color: #fff;
  border: none;
  box-shadow: none;
  border-radius: 5px !important;
}
.c-sidebar .accordion-item .accordion-button::after {
  margin-left: auto;
  content: "";
  width: 1rem;
  height: 1rem;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2300000057'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.c-sidebar .accordion-item .accordion-button.active {
  background-color: #53B2FC;
  margin-bottom: 12px;
}
.c-sidebar .accordion-item .accordion-button.active::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}
.c-sidebar .accordion-item .sidebar-expand-box {
  padding-left: 10px;
  margin-left: 20px;
  border-left: 2px solid #eee;
}
.c-sidebar .accordion-item .sidebar-expand-item {
  width: calc(100% - 30px);
  border-radius: 6px;
  display: flex;
  align-items: center;
  color: #00000057;
  background: #fff;
  border: 1px solid #f4f4f4;
  padding: 9px 15px;
  font-size: 12px;
  font-weight: 500;
  text-decoration: none;
  margin-bottom: 8px;
}
.c-sidebar .accordion-item .sidebar-expand-item .dot {
  width: 5px;
  height: 5px;
  border-radius: 50%;
  margin-right: 10px;
  background: #00000057;
}
.c-sidebar .accordion-item .sidebar-expand-item.active {
  background: #f4f4f4;
  box-shadow: none;
}
@media (min-width: 1540px) {
  .c-sidebar {
    width: 380px;
  }
}

.c-navbar {
  width: 100%;
  padding: 0 32px;
  background-color: #fff;
  height: 100px;
}
.c-navbar-breadcrumb {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.44);
  line-height: normal;
  margin: 0;
}
.c-navbar-breadcrumb span {
  font-weight: 500;
  color: #000;
}
.c-navbar-avatar {
  display: inline-block;
  height: 45px;
  border-radius: 8px;
  box-shadow: 0 0.1rem 0.3rem #00000013;
}
.c-navbar-notice {
  display: inline-block;
  font-size: 24px;
  color: #FF9A00;
  text-decoration: none;
  vertical-align: middle;
}
.c-navbar-notice:hover {
  color: #53B2FC;
}
.text-left {
  text-align: left;
}

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

.text-right {
  text-align: right;
}

.btn-primary {
  background-color: #53B2FC;
  color: #ffffff;
  border-color: #53B2FC;
}

.btn-abs-close,
.btn-abs-remove {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px;
  display: none;
  z-index: 50;
  right: 10px !important;
  top: 10px !important;
  border-radius: 100%;
  background-color: #fff;
  border-radius: 100%;
  background-color: #fff !important;
  opacity: 1;
}
.btn-abs-close svg,
.btn-abs-remove svg {
  width: 14px;
  height: 14px;
}
.btn-abs-close .show,
.btn-abs-remove .show {
  display: block;
}

.btn-modal-footer, .btn-submit {
  margin-top: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.btn-modal-footer.no-mt, .btn-submit.no-mt {
  margin-top: 0;
}

.btn-modal, .btn-custom {
  width: 100%;
  border: none;
  border-radius: 10px;
  padding: 10px 25px;
  height: 54px;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  color: white;
  white-space: nowrap;
  display: flex;
  justify-content: center;
  align-items: center;
}
.btn-modal.h-0, .btn-custom.h-0 {
  height: unset;
}
.btn-modal.blue, .btn-custom.blue {
  background: var(--gradient-primary, linear-gradient(103deg, #53b2fc 8.5%, #127cce 89.85%));
}
.btn-modal.red, .btn-custom.red {
  background: #f00;
}
.btn-modal.orange, .btn-custom.orange {
  background: #FF9A00;
}
.btn-modal .with-icon, .btn-custom .with-icon {
  gap: 9px;
}

.card-box {
  background: #fdf4f4;
  border-radius: 15px;
  position: relative;
}
.card-box.no-bg {
  background-color: unset;
}
.card-box.padright-25 {
  padding-right: 25px;
}
.card-box-cta-right {
  position: absolute;
  right: 1rem;
  top: 1rem;
  display: inline-block;
}
.card-box-section-title {
  font-size: 15px;
  margin-bottom: 25px;
  font-weight: 700;
}
.card-box-header {
  display: block;
  padding: 32px 24px;
}
.card-box-header .box-info {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 10px;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 0 0.1rem 0.3rem #00000013;
}
.card-box-header .box-info-col {
  padding: 0 22px;
  border-right: 1px solid #e2e2e2;
}
.card-box-header .box-info-col:last-child {
  border-right: none;
}
.card-box-header .box-info-col h5 {
  font-weight: bold;
  font-size: 13px;
  line-height: 19px;
  text-align: center;
  color: #FF9A00;
  text-transform: uppercase;
  margin-bottom: 0;
}
.card-box-header .box-info-col p {
  margin: 0;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
  color: #6d6d6d;
}
.card-box-header .info .avatar {
  display: inline-block;
  height: 36px;
  width: 36px;
  vertical-align: middle;
  border-radius: 4px;
  margin-right: 12px;
}
.card-box-header .info .context {
  font-size: 14px;
  font-weight: 400;
  color: #000;
  display: inline-block;
  vertical-align: middle;
}
.card-box-header .info .context .label {
  font-weight: 600;
}
.card-box-header .info .context p {
  margin: 0;
}
.card-box-body {
  display: block;
  border-radius: 12px;
  background: #fff;
  padding: 32px 24px;
  box-shadow: 0px 0px 17px 3px rgba(105, 97, 97, 0.07);
}
.card-box-body .wrapper-content {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-direction: row;
}
.card-box-body .wrapper-content .content1 {
  height: auto;
  padding: 10px;
  width: 50%;
}
.card-box-body .wrapper-content .content1 .card {
  height: 100%;
}
.card-box-body .wrapper-content .content1 .card .card-body {
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.card-box-body .wrapper-content .content1 .card .card-body .column1 {
  display: flex;
  height: 100%;
  flex-direction: column;
  border: 1px solid orange;
  border-radius: 20px;
  padding: 20px;
}
.card-box-body .wrapper-content .content1 li {
  font-size: 12px;
}
.card-box-body .wrapper-content .content1 .chart {
  margin: 10px 10px;
  padding: 60px 30px 30px 30px;
  display: flex;
  justify-content: center;
  height: 80%;
  width: 100%;
}
.card-box-tabs .nav {
  background: transparent;
  margin-left: 15px;
}
.card-box-tabs .nav .nav-link {
  padding: 14px 60px;
  color: #bbb3b3;
  border-radius: 29px 29px 0px 0px;
  font-size: 15px;
  text-transform: uppercase;
  font-weight: 600;
}
.card-box-tabs .nav .nav-link.active {
  color: orange;
  background-color: #fff;
  border: 1px solid #e3e3e3;
  border-bottom: none;
}
.card-box-tabs .tab-content {
  background: #fff;
  min-height: 400px;
  overflow-y: auto;
  padding: 24px;
  border-radius: 0 0 12px 12px;
}
.card-box-tabs .tab-content::-webkit-scrollbar {
  display: none;
}
.card-box .button-action {
  min-height: 40px;
  padding: 0 25px;
  border-radius: 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13.5px;
  background: #FF9A00;
  outline: none;
  color: #fff;
  box-shadow: 2px 8px 24px rgba(0, 0, 0, 0.12), inset 0px 2px 0px #00000013;
  font-weight: 500;
}
.card-box .button-action:focus {
  box-shadow: 0 0 0 0.2rem rgba(59, 87, 69, 0.3);
}
.card-box .button-action.gradient {
  background: #FF9A00;
}

.panel {
  background: #fff;
  box-shadow: 0px 10px 40px rgba(0, 0, 0, 0.08);
  border-radius: 20px;
  min-height: 75px;
  padding: 14px 20px;
}
.panel .label {
  font-weight: bold;
  font-size: 14px;
  margin: 0;
  color: #53B2FC;
}
.panel .value {
  font-weight: 600;
  font-size: 22px;
  margin: 0;
  color: #6d6d6d;
}
.panel .toggle {
  display: flex;
  height: 48px;
  width: 48px;
  color: #fff;
  align-items: center;
  justify-content: center;
  background: #ff9301;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.05);
  border-radius: 10px;
}

.featured-grid {
  grid-template-columns: repeat(auto-fill, 168px);
  grid-gap: 20px;
  display: grid;
  justify-content: space-between;
}
.featured-grid .featured-card {
  padding: 11px;
  box-shadow: 0px 0px 7px rgba(249, 198, 198, 0.25);
  border-radius: 16px;
  position: relative;
}
.featured-grid .featured-card.disabled {
  opacity: 0.5;
  border: 3px solid #ff485a;
}
.featured-grid .featured-card img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 130px;
  background: #efefef;
  border-radius: 10px;
  box-shadow: 0 0.1rem 0.3rem #00000013;
}
.featured-grid .featured-card .promo {
  position: absolute;
  top: 11px;
  left: 11px;
  padding: 4px 9px 4px 7px;
  background: #FF9A00;
  color: #fff;
  font-weight: 500;
  border-radius: 10px;
  border-bottom-left-radius: 0;
  display: flex;
  align-items: center;
  font-size: 9px;
}
.featured-grid .featured-card .promo i {
  margin-right: 5px;
}
.featured-grid .featured-card .promo p {
  margin-bottom: 0;
}
.featured-grid .featured-card-content {
  margin-top: 12px;
}
.featured-grid .featured-card-content__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.featured-grid .featured-card-content__head h5 {
  font-size: 11px;
  text-decoration: line-through;
  font-weight: 700;
  margin-bottom: 1.5px;
  color: #FF9A00;
}
.featured-grid .featured-card-content__head h6 {
  font-size: 12px;
  color: #FF9A00;
  font-weight: 600;
  margin-bottom: 0;
}
.featured-grid .featured-card-content__head span {
  font-size: 8px;
  padding: 1px 7px;
  color: #fff;
  background: #FF9A00;
  border-radius: 10px;
}
.featured-grid .featured-card-content__body {
  margin-top: 10px;
}
.featured-grid .featured-card-content__body p {
  color: #000;
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 0;
}
.featured-grid .featured-card-content__desc {
  display: flex;
  font-size: 10px;
}
.featured-grid .featured-card-content__desc i {
  margin-right: 5px;
}
.featured-grid .featured-card-content__desc p {
  margin-bottom: 0;
}

.wrapp-track {
  position: relative;
  align-items: center;
  justify-content: center;
}
.wrapp-track .line {
  height: 80px;
  width: 1px;
  top: 50%;
  background: #F3EBEB;
  position: absolute;
}
@media (max-width: 1380px) {
  .wrapp-track .line {
    height: 100px;
  }
}
.wrapp-track img {
  z-index: 1;
}

.table-hold .dataTables_wrapper .dataTables_filter {
  display: none;
}
.table-hold .dataTables_wrapper .dataTables_filter label {
  align-items: center;
  display: flex;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 1.5rem;
}
.table-hold .dataTables_wrapper .dataTables_filter label input {
  margin-left: 12px;
  border-radius: 50px;
  width: 100%;
  outline: none;
  border: 1px solid #888;
  padding: 4px 8px;
  font-size: 12px;
  height: 30px;
}
.table-hold .dataTables_wrapper .dataTables_filter label input:focus {
  border-color: #FF9A00;
}
@media (min-width: 576px) {
  .table-hold .dataTables_wrapper .dataTables_filter label input {
    width: 230px;
  }
}
@media (min-width: 576px) {
  .table-hold .dataTables_wrapper .dataTables_filter label {
    display: inline-block;
  }
}
.table-hold .dataTables_wrapper .dataTables_paginate {
  margin-top: 6px;
  justify-content: center;
  display: flex;
  align-items: center;
}
.table-hold .dataTables_wrapper .dataTables_paginate a {
  background: #fff;
  color: #8a8a8a;
  padding: 5px 13px;
  font-size: 14px;
}
.table-hold .dataTables_wrapper .dataTables_paginate a:focus {
  box-shadow: none;
}
.table-hold .dataTables_wrapper .dataTables_paginate a.previous, .table-hold .dataTables_wrapper .dataTables_paginate a.next {
  padding: 5px 15px;
  background: #fafafa;
  border-radius: 0 6px 6px 0;
}
.table-hold .dataTables_wrapper .dataTables_paginate a.previous {
  border-radius: 6px 0 0 6px;
}
.table-hold .dataTables_wrapper .dataTables_paginate a.current {
  background-color: #d8d8d8;
  border-color: transparent;
}
.table-hold .dataTables_wrapper .dataTables_paginate span {
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
}
.table-hold table thead {
  border-bottom: 2px solid #E9E2E2;
}
.table-hold table thead th {
  font-weight: 600;
  border: none;
  font-size: 14px;
  line-height: 15px;
  text-transform: capitalize;
  color: #000000;
  position: relative;
  vertical-align: middle;
  text-align: center;
  text-transform: uppercase;
}
.table-hold table tbody td {
  font-weight: 500;
  font-size: 14px;
  line-height: normal;
  color: #535151;
  vertical-align: middle;
}
.table-hold table tbody td button {
  font-size: 13px;
  line-height: normal;
  color: #fff;
  border: unset;
  border-radius: 12px;
  display: inline-block;
  padding: 4px 18px;
  height: 38px;
  background: #53B2FC;
}
.table-hold table tbody td button.icon-btn {
  background: transparent;
  font-size: 20px;
  color: #000;
  padding: 0 4px;
}
.table-hold table tbody td .dropdown-menu {
  background: #fff;
  top: 3px !important;
  left: -10px !important;
  border-radius: 8px;
  border: none;
  padding: 5px;
  min-width: 6rem;
  box-shadow: 2px 8px 24px rgba(0, 0, 0, 0.16), inset 0px 2px 0px #FFFFFF;
}
.table-hold table tbody td .dropdown-menu .dropdown-item {
  padding: 6px 15px;
  border-radius: 8px;
  color: #B4AAAA;
  font-size: 14px;
  line-height: 15px;
  margin-bottom: 0;
}
.table-hold table tbody td .dropdown-menu .dropdown-item i {
  font-size: 14px;
  margin-right: 8px;
}
.table-hold table tbody td .dropdown-menu .dropdown-item:last-child {
  margin-bottom: 0;
}
.table-hold table tbody td .dropdown-menu .dropdown-item:hover {
  color: #000;
  background: transparent;
}
.table-hold table tbody td .avatar {
  display: inline-block;
  height: 32px;
  width: 32px;
  vertical-align: middle;
  border-radius: 4px;
  margin-right: 12px;
  -o-object-fit: cover;
     object-fit: cover;
}
.table-hold table tbody td .banner {
  height: 98px;
  width: 236px;
  margin: 0 auto;
  background-size: cover;
  border-radius: 15px;
}
.table-hold table.dt-merk tbody td.sorting_1 {
  text-align: left;
}
.table-hold table tbody td, .table-hold table.dataTable.no-footer {
  border-color: #E9E2E2;
}
.table-hold table.dataTable thead th, .table-hold table.dataTable thead td {
  border-color: #E9E2E2;
}
.table-hold table.dataTable tbody td {
  padding: 10px 18px;
}
.table-hold .dataTables_wrapper .dataTables_paginate a.current {
  border-color: #53B2FC;
  background: #53B2FC;
  border: 1px solid #e9e2e2;
  color: #ffffff !important;
}
.table-hold .dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
  border-color: #3C7DD9;
  background: #3C7DD9;
  color: #ffffff !important;
}
.table-hold .fixed-column-right {
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  background-color: #ffffff;
  z-index: 10;
}
.table-hold .dataTables_scrollBody {
  min-height: 120px;
}

th, td {
  white-space: nowrap;
}

.modal {
  -webkit-backdrop-filter: blur(2px);
          backdrop-filter: blur(2px);
  background-color: transparent !important;
}
.modal .modal-dialog .modal-content {
  border: unset;
  background: #f6f6f6;
  box-shadow: 0px 0px 9px rgba(0, 0, 0, 0.07);
  border-radius: 10px;
}
.modal .modal-dialog .modal-content .modal-header {
  padding: 32px;
  border: none;
}
.modal .modal-dialog .modal-content .modal-title {
  width: 100%;
  text-align: center;
  font-weight: 600;
  font-size: 18px;
  line-height: 27px;
}
.modal .modal-dialog .modal-content .modal-body {
  background: #ffffff;
  border-radius: 29px;
  padding: 24px 32px;
}
.modal .modal-dialog .modal-content .modal-body .delete-message {
  font-size: 13px;
  font-style: normal;
  font-weight: 500;
  color: #1F1F1F;
  text-align: center;
  line-height: normal;
}
.modal .modal-dialog .modal-content .modal-body .close {
  padding: 0;
  position: absolute;
  right: 1.5rem;
  top: 1.5rem;
}
.modal .modal-dialog .modal-content .modal-body.no-bg {
  background: transparent !important;
  padding: 0;
}
.modal .modal-title {
  font-weight: bold;
  font-size: 18px;
  color: #000;
}
.modal .image-slider {
  margin-top: 5px;
  overflow-x: auto;
  display: flex;
  align-items: center;
  gap: 12px;
}
.modal .image-slider .image-upload {
  width: 150px;
  flex: 0 0 150px;
  aspect-ratio: 1/1;
  border-radius: 10px;
}
.modal .image-slider button.add-column {
  background: transparent;
  border: none;
}
.modal .image-upload {
  padding-bottom: 10px;
  position: relative;
  display: flex;
  width: 100%;
  height: auto;
  padding-top: 0;
  justify-content: center;
  background: #ffffff;
  align-items: center;
  cursor: pointer;
  margin: 0;
}
.modal .image-upload img {
  display: inline-block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.modal .image-upload input {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
}
@media (min-width: 576px) {
  .modal .modal-sm {
    max-width: 360px;
  }
  .modal .modal-lg {
    max-width: 820px;
  }
}

#modalNotifikasi .notification-card {
  border: 1px solid #ededed;
  padding: 20px 16px;
  margin-bottom: 16px;
  border-radius: 14px;
}
#modalNotifikasi .notification-card-header {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#modalNotifikasi .notification-card-header h5 {
  font-size: 15px;
  margin-bottom: 0;
}
#modalNotifikasi .notification-card-header h6 {
  margin-bottom: 0;
  font-size: 14px;
  color: #555;
  font-weight: 400;
}
#modalNotifikasi .notification-card p {
  margin-bottom: 0;
  font-size: 13px;
}
#modalNotifikasi .submit-button {
  width: 100%;
  padding: 16px;
  outline: none;
  border: none;
  border-radius: 14px;
  transition: 0.1s;
}
.form-group label {
  color: rgba(0, 0, 0, 0.5);
  font-weight: 600;
  font-size: 12px;
}
.form-group .form-control,
.form-group .select2-selection {
  min-height: 44px;
  background: #fff;
  border-radius: 5px !important;
  padding: 10px 16px;
  font-size: 13px;
  border: 1.5px solid #dddddd !important;
}
.form-group .form-control:focus,
.form-group .select2-selection:focus {
  border-color: #FF9A00;
  box-shadow: 0 0 1rem #689edb5d;
}
.form-group .select2-selection__rendered {
  line-height: normal !important;
  padding-left: 0 !important;
}
.form-group .select2-selection__arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='18' viewBox='0 0 19 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 6.75L9.5 11.25L14 6.75' stroke='%23A8A8A8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 18px;
  height: 18px;
  transform: translateY(-50%);
  right: 17px !important;
}
.form-group .select2-selection__arrow b {
  display: none;
}
.form-group .input-group-text {
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 0.75), rgba(255, 255, 255, 0.75)), #f6f6f7;
  font-size: 14px;
}
.form-group .input-group-append {
  z-index: 5;
}
.form-group .input-group-append .btn-purple {
  background-color: #53B2FC;
  border: 1px solid #53B2FC;
  color: #fff;
  border-radius: 0.5rem;
}
.form-group .input-group-append .input-group-text {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.form-group .input-group-prepend .input-group-text {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}
.form-group .button-action {
  min-height: 44px;
  border-radius: 15px;
  width: 100%;
  border: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13.5px;
  background: #FF9A00;
  outline: none;
  color: #fff;
  box-shadow: 2px 8px 24px rgba(0, 0, 0, 0.12), inset 0px 2px 0px #00000013;
  font-weight: 500;
}
.form-group .button-action:focus {
  box-shadow: 0 0 0 0.2rem rgba(59, 87, 69, 0.3);
}
.form-group .button-action.gradient {
  background: #FF9A00;
}

.custom-control .custom-control-label {
  font-size: 18px;
  font-weight: 600;
  color: #978e8e;
}
.custom-control .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #FF9A00;
  background-color: #FF9A00;
}
.custom-control .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: 0 0 0.5rem #428c4b91;
}
.custom-control .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #FF9A00;
}

.select2-container--bootstrap4 .select2-selection--multiple {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.select2-container--bootstrap4 .select2-selection--multiple .select2-selection__choice__remove {
  color: red !important;
  background: transparent !important;
  border: none !important;
}

.select2-container--bootstrap4.select2-container--focus .select2-selection {
  overflow-y: auto !important;
  overflow-x: hidden !important;
}

.p-login {
  position: relative;
}
.p-login-bg {
  background: #FAF8F8;
}
.p-login-bg-illustration {
  position: fixed;
  top: 0;
  right: 0;
}
.p-login-bg-illustration img {
  width: 100vw;
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
}
.p-login-wrapper {
  height: 100vh;
  width: 100%;
  position: relative;
  align-items: center;
}
.p-login-content {
  zoom: 100%;
}
@media (min-width: 1540px) {
  .p-login-content {
    zoom: 120%;
  }
}
.p-login-header {
  position: absolute;
  left: 0;
  top: 5%;
  width: 100%;
  height: 70px;
  padding: 4px 2rem;
  font-size: 18px;
  color: #000;
  display: flex;
  align-items: center;
  background: linear-gradient(90.92deg, rgba(255, 255, 255, 0.38) 2.36%, rgba(255, 255, 255, 0) 45.95%);
  border-radius: 35px;
}
.p-login-header span {
  font-weight: 600;
}
.p-login-form {
  position: relative;
}
.p-login-form-title {
  font-size: 36px;
  color: #FF9A00;
  font-weight: bold;
  margin-bottom: 12px;
}
.p-login-form-desc {
  font-size: 18px;
  color: #464646;
  font-weight: normal;
}
.p-login-form .form-group {
  margin-bottom: 1.5rem;
}
.p-login-form .form-group label {
  font-size: 12px;
  font-weight: 600;
  color: #252F40;
}
.p-login-form .form-group .form-control {
  height: 40px;
  font-size: 14px;
}
.p-login-form .form-group .form-control::-moz-placeholder {
  color: #C6C8CA;
}
.p-login-form .form-group .form-control:-ms-input-placeholder {
  color: #C6C8CA;
}
.p-login-form .form-group .form-control::placeholder {
  color: #C6C8CA;
}
.p-login-form .form-group .form-control:focus {
  border-color: #53B2FC;
  box-shadow: unset;
}
.p-login-form .custom-control .custom-control-label {
  font-size: 14px;
}
.p-login-form .custom-control .custom-control-input:checked ~ .custom-control-label::before {
  border-color: #FF9A00;
  background-color: #FF9A00;
}
.p-login-form .custom-control .custom-control-input:focus ~ .custom-control-label::before {
  box-shadow: unset;
}
.p-login-form .custom-control .custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
  border-color: #FF9A00;
}
.p-login-carousel .content-slider {
  display: flex;
  flex-direction: column;
}
.p-login-carousel .content-slider .box-illustration {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.p-login-carousel .content-slider .box-illustration .brand {
  display: inline-block;
  height: auto;
  width: 185px;
  z-index: 1;
}
.p-login-carousel .content-slider p {
  margin: 0 auto;
  color: #a7a7a7;
  line-height: 28px;
  font-size: 16px;
}
.p-login-carousel .carousel-indicators {
  margin-bottom: 0;
  bottom: -2rem;
}
.p-login-carousel .carousel-indicators li {
  background-color: #FF9A00;
  width: 24px;
  height: 6px;
  transition: width 0.2s;
  border: none;
  border-radius: 10px;
}
.p-login-carousel .carousel-indicators li.active {
  background-color: #FF9A00;
  width: 40px;
}
.p-login .btn-login {
  background: #53B2FC;
  box-shadow: 0px 4px 6px -1px rgba(0, 0, 0, 0.12), 0px 2px 4px -1px rgba(0, 0, 0, 0.07);
  border-radius: 8px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  min-height: 40px;
}
.p-login .btn-login.lg {
  font-size: 18px;
  min-height: 46px;
}

.p-dashboard {
  position: relative;
  background-color: #f9f9f9;
  border-radius: 20px;
}
.p-dashboard hr.dashed {
  width: 100%;
  border: 1px dashed #e9e2e2;
}
.p-dashboard .image-upload img {
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10.571px;
}
.p-dashboard .image-upload.add-inventory img {
  width: 222px;
  height: 222px;
  border: 1.057px solid #e9e2e2;
  background: #f8f8f8;
  -o-object-fit: cover;
     object-fit: cover;
  max-width: unset;
}
.p-dashboard.no-bg {
  background-color: unset;
}
.p-dashboard .form-filter.padding-20 {
  padding: 20px;
}
.p-dashboard .card-box-header {
  background-color: #f9f9f9;
  border-radius: 20px;
}
.p-dashboard .card-box-header.no-padding {
  padding: 0;
}
.p-dashboard .card-box-header.p-20 {
  padding: 20px;
}
.p-dashboard-container {
  display: block;
  height: 100vh;
  width: 100%;
  padding-left: 300px;
  overflow: hidden;
}
@media (min-width: 1540px) {
  .p-dashboard-container {
    padding-left: 380px;
  }
}
.p-dashboard-content {
  width: 100%;
  padding: 16px 32px;
  height: 90vh;
  overflow-y: auto;
  overflow-x: hidden;
}
.p-dashboard-content.no-padding {
  padding: 0;
}
@media (min-width: 1800px) {
  .p-dashboard-content {
    height: 90vh;
  }
}
.p-dashboard .page-title {
  font-size: 17.5px;
  font-weight: 600;
  margin: 0;
  line-height: normal;
}
.p-dashboard .page-button {
  padding: 8px 35px;
  border-radius: 8px;
  font-weight: 500;
  font-size: 13px;
  color: #fff;
  background: #FF9A00;
  border: none;
}

.tab-detail .nav-tabs {
  border: none;
}
.tab-detail .nav-tabs .nav-link {
  color: rgba(0, 0, 0, 0.34);
  font-weight: 500;
  border-top-left-radius: 1.5rem;
  border-top-right-radius: 1.5rem;
  padding: 1rem 18px;
  border-color: transparent;
}
.tab-detail .nav-tabs .nav-link.active {
  color: #010101;
  font-weight: 600;
}

.card-rating {
  background-color: #fdf4f4;
  border-radius: 10px;
  padding: 16px 12px;
  display: block;
  box-sizing: border-box;
}
.card-rating .ava {
  position: relative;
  padding-right: 12px;
}
.card-rating .ava img {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  display: inline-block;
}
.card-rating .title {
  font-size: 12px;
  font-weight: 500;
  color: #010101;
}
.card-rating .time {
  font-size: 10px;
  font-weight: 400;
  color: #b4bbc6;
}
.card-rating .rate {
  font-size: 12px;
  font-weight: 500;
  color: #010101;
}
.card-rating .rate i {
  color: #fa4a0c;
}
.card-rating .content {
  font-size: 10px;
  font-weight: 400;
  color: #010101;
  margin-top: 8px;
}

.dot {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 50px;
  background-color: #fdf4f4;
  color: #fff;
}
.dot.red {
  background-color: #fa4a0c;
}
.dot.green {
  background-color: #00b050;
}
.dot.yellow {
  background-color: #ffeb3b;
}
.dot i {
  font-size: 18px;
  color: #fff;
}
.dot.active {
  border: 2px solid #fff;
}

.circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  border-radius: 50px;
  background-color: #53B2FC;
  color: #fff;
  font-size: 12px;
}

.p-notification .p-dashboard-content .notification-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
.p-notification .p-dashboard-content .notification-card {
  border: 1px solid #ededed;
  padding: 20px 16px;
  border-radius: 14px;
}
.p-notification .p-dashboard-content .notification-card-header {
  margin-bottom: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.p-notification .p-dashboard-content .notification-card-header h5 {
  font-size: 15px;
  margin-bottom: 0;
}
.p-notification .p-dashboard-content .notification-card-header h6 {
  margin-bottom: 0;
  font-size: 14px;
  color: #555;
  font-weight: 400;
}
.p-notification .p-dashboard-content .notification-card p {
  margin-bottom: 0;
  font-size: 14px;
}

.p-agreements {
  padding-top: 40px;
}
.p-agreements .content {
  color: #6b7c93;
  background: #fff;
  border: solid 1px #e7e7e7;
  border-radius: 8px;
  line-height: 24px;
  margin-bottom: 100px;
  padding: 25px;
}
.p-agreements .content h2 {
  font-size: 20px;
  font-weight: 700;
}
.p-agreements .content h3 {
  margin-top: 26px;
  font-size: 18px;
  font-weight: 600;
  color: #445975;
}
.p-agreements .content h5 {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}
.p-agreements .content hr {
  margin: 40px 0 30px;
}
.p-agreements .content a {
  color: #6b7c93;
  text-decoration: underline;
}
.p-agreements .content .topic-box {
  background: #f5f5f8;
  padding: 15px 20px;
  border-radius: 10px;
}
.p-agreements .content .topic-box ul, .p-agreements .content .topic-box ol {
  padding-left: 20px;
}
.p-agreements .content .topic-box li {
  margin-top: 7px;
}
.p-agreements .content .topic-box a {
  text-decoration: underline;
  font-size: 15px;
}
.p-agreements .content li {
  margin-bottom: 10px;
}
.p-agreements .content button {
  background-color: #95c9f3;
  box-shadow: 0px 4px 25px rgba(69, 210, 253, 0.25);
  border: none;
  border-radius: 8px;
  color: #ffffff;
  height: 40px;
  padding: 0 20px;
  font-size: 14px;
}

@media (min-width: 1000px) {
  .p-agreements {
    padding-top: 80px;
  }
  .p-agreements .content h2 {
    font-size: 22px;
  }
}
.detail-transaction-page {
  display: flex;
  gap: 20px;
  flex-direction: column;
}
.detail-transaction-page .status {
  padding: 5px 25px;
  border-radius: 20px;
  background: #53b2fc;
  color: white;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
}
.detail-transaction-page .bg-padding {
  background-color: white;
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0px 4px 52px 0px rgba(197, 202, 219, 0.25);
}
.detail-transaction-page h1,
.detail-transaction-page h2,
.detail-transaction-page h3 {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #a8a8a8;
  margin-bottom: 0;
}
.detail-transaction-page h1.fs-13,
.detail-transaction-page h2.fs-13,
.detail-transaction-page h3.fs-13 {
  font-size: 13px;
}
.detail-transaction-page h1.gray,
.detail-transaction-page h2.gray,
.detail-transaction-page h3.gray {
  color: #535151;
}
.detail-transaction-page h1.gray-100,
.detail-transaction-page h2.gray-100,
.detail-transaction-page h3.gray-100 {
  color: #a8a8a8;
}
.detail-transaction-page h1.black,
.detail-transaction-page h2.black,
.detail-transaction-page h3.black {
  color: black;
}
.detail-transaction-page h2 {
  color: black;
  font-weight: 600;
}
.detail-transaction-page h3 {
  font-weight: 400;
}
.detail-transaction-page label {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: black;
  margin-bottom: 0;
}
.detail-transaction-page .data-people {
  display: flex;
  flex-wrap: wrap;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
  align-items: center;
  width: 100%;
}
.detail-transaction-page .data-people .item {
  flex-grow: 1;
  display: grid;
  grid-template-columns: 60% 40%;
  align-items: center;
  padding: 20px;
  border-radius: 10px;
  background-color: white;
  box-shadow: 0px 4px 52px 0px rgba(197, 202, 219, 0.25);
}
.detail-transaction-page .data-people .item .left {
  display: flex;
  align-items: center;
  gap: 15px;
}
.detail-transaction-page .data-people .item img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
}
.detail-transaction-page .detail-transaksi .wrapper {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.detail-transaction-page .detail-transaksi .wrapper .item {
  flex-grow: 1;
  gap: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 20px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 4px 52px 0px rgba(197, 202, 219, 0.25);
}
.detail-transaction-page .daftar-ac .wrapper {
  gap: 15px;
  display: flex;
  flex-direction: column;
}
.detail-transaction-page .daftar-ac .wrapper .item {
  background-color: white;
  border-radius: 10px;
  box-shadow: 0px 4px 52px 0px rgba(197, 202, 219, 0.25);
}
.detail-transaction-page .daftar-ac .wrapper .item .header {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 15px 20px;
  border-bottom: 1px dashed #e9e2e2;
}
.detail-transaction-page .daftar-ac .wrapper .item .header img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  -o-object-fit: cover;
     object-fit: cover;
}
.detail-transaction-page .daftar-ac .wrapper .item .content {
  padding: 25px;
  gap: 20px;
  flex-wrap: wrap;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.detail-transaction-page .daftar-ac .wrapper .item .content button {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.detail-transaction-page .daftar-ac .wrapper .item .content .group {
  gap: 10px;
  display: flex;
  flex-direction: column;
}
.detail-transaction-page .daftar-ac .wrapper .item .content .group div {
  display: flex;
  gap: 20px;
}
.detail-transaction-page.report-service .top {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 15px;
}
.detail-transaction-page.report-service .top.one-frame {
  grid-template-columns: 1fr;
}
.detail-transaction-page.report-service .data-people .item {
  display: block;
}
.detail-transaction-page.report-service .spek-ac .wrapper {
  margin-top: 15px;
  background-color: white;
  border-radius: 10px;
  padding: 15px;
  display: flex;
  flex-direction: column;
  gap: 13px;
}
.detail-transaction-page.report-service .spek-ac .wrapper hr {
  margin: 0;
}
.detail-transaction-page.report-service .spek-ac .wrapper .item {
  display: flex;
  justify-content: space-between;
  align-self: flex-start;
  width: 100%;
}
.detail-transaction-page.report-service .spek-ac .wrapper .item .black {
  width: 50%;
}
.detail-transaction-page.report-service .spek-ac .wrapper .item .badge-spek-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  width: 50%;
}
.detail-transaction-page.report-service .spek-ac .wrapper .item .badge-spek-wrapper .badge-spek {
  padding: 3px 4px 3px 7px;
  border-radius: 16.914px;
  background: #a8a8a8;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  font-size: 10px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: white;
}
.detail-transaction-page.report-service .spek-ac .wrapper .item .badge-spek-wrapper .badge-spek .jumlah {
  font-size: 7.5px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #a8a8a8;
  border-radius: 12px;
  background: #fff;
  width: 15px;
  height: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.detail-transaction-page.report-service .daftar-ac .form-filter {
  display: flex;
  gap: 10px;
  margin-bottom: 15px;
  width: 100%;
}
.detail-transaction-page.report-service .daftar-ac .form-filter .form-group {
  flex-grow: 1;
  margin-bottom: 0;
}
.detail-transaction-page.report-service .daftar-ac .form-filter select {
  width: 133px;
  padding: 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg width='21' height='24' viewBox='0 0 21 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5083 8C5.5083 7.44772 5.88201 7 6.34301 7H14.6901C15.1511 7 15.5249 7.44772 15.5249 8C15.5249 8.55228 15.1511 9 14.6901 9H6.34301C5.88201 9 5.5083 8.55228 5.5083 8Z' fill='%23A8A8A8' /%3E%3Cpath d='M7.17773 12C7.17773 11.4477 7.55144 11 8.01244 11H13.0207C13.4817 11 13.8554 11.4477 13.8554 12C13.8554 12.5523 13.4817 13 13.0207 13H8.01244C7.55144 13 7.17773 12.5523 7.17773 12Z' fill='%23A8A8A8' /%3E%3Cpath d='M9.68187 15C9.22087 15 8.84715 15.4477 8.84715 16C8.84715 16.5523 9.22087 17 9.68187 17H11.3513C11.8123 17 12.186 16.5523 12.186 16C12.186 15.4477 11.8123 15 11.3513 15H9.68187Z' fill='%23A8A8A8' /%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: 10px 50%;
  border-radius: 10px;
  border: 1px solid #f3ebeb;
  background-color: #fff;
  color: #a8a8a8;
  padding-left: 45px;
}
.detail-transaction-page.report-service .daftar-ac .form-filter select.fact-finding {
  width: 160px;
}
.detail-transaction-page.report-service .daftar-ac .form-filter select:focus, .detail-transaction-page.report-service .daftar-ac .form-filter select:active {
  border: none;
  outline: none;
}
.detail-transaction-page.report-service .detail-transaksi .wrapper {
  background-color: white;
  gap: 0;
  border-radius: 10px;
}
.detail-transaction-page.report-service .detail-transaksi .wrapper .item {
  padding: 17px 20px;
  box-shadow: none;
  background-color: unset;
}
.detail-transaction-page.report-service .kondisi {
  margin-bottom: 15px;
}
.detail-transaction-page.report-service .kondisi .wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.detail-transaction-page.report-service .kondisi .wrapper .item:nth-child(3) {
  display: flex;
  gap: 10px;
  align-items: center;
}

.add-inventory hr.dashed {
  margin: 25px 0;
}
.add-inventory .form-group-top {
  display: flex;
  gap: 15px;
  align-items: center;
  flex-wrap: wrap;
}
.add-inventory .form-group-top .form-group {
  margin-bottom: 0;
}
.add-inventory .form-group-top .form-group .form-control {
  width: 100%;
}
.add-inventory .form-group-top .item:nth-child(2) {
  flex-grow: 1;
  flex-direction: column;
  display: flex;
  gap: 15px;
}
.add-inventory .form-group-top .item .sub-item {
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}
.add-inventory .form-group-top .item .sub-item:nth-child(2) {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.add-inventory .form-group-top .item .sub-item:nth-child(2) .select2 {
  width: 100% !important;
}
.add-inventory .form-group-top .item .sub-item div {
  flex-grow: 1;
}
.add-inventory .image-slider {
  display: flex;
  overflow-x: scroll;
  overflow-y: hidden;
  gap: 15px;
  padding-bottom: 15px;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.add-inventory .image-slider::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.add-inventory .image-slider::-webkit-scrollbar-track {
  background: #eaeaea;
  border-radius: 7px;
}
.add-inventory .image-slider::-webkit-scrollbar-thumb {
  background: #a9a9a9;
  border-radius: 7px;
}
.add-inventory .image-slider::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.add-inventory .image-slider .wrapper {
  height: 222px;
}
.add-inventory .image-slider .wrapper label {
  overflow: visible;
  width: 222px;
  height: 100%;
}
.add-inventory .image-slider .wrapper label img {
  -o-object-fit: cover;
     object-fit: cover;
}
.add-inventory .name-value-kolom {
  display: grid;
  grid-template-columns: 1fr 1fr 40px 40px;
  gap: 10px;
}
.add-inventory .name-value-kolom.no-remove-icon {
  grid-template-columns: 1fr 1fr 40px;
}

.unduh-report {
  padding: 30px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0px 4px 52px 0px rgba(197, 202, 219, 0.25);
  gap: 20px;
  display: flex;
  flex-direction: column;
}
.unduh-report h1,
.unduh-report h2,
.unduh-report h3 {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  color: #a8a8a8;
  margin-bottom: 0;
}
.unduh-report h1.fs-13,
.unduh-report h2.fs-13,
.unduh-report h3.fs-13 {
  font-size: 13px;
}
.unduh-report h1.gray,
.unduh-report h2.gray,
.unduh-report h3.gray {
  color: #535151;
}
.unduh-report h1.gray-100,
.unduh-report h2.gray-100,
.unduh-report h3.gray-100 {
  color: #a8a8a8;
}
.unduh-report h1.black,
.unduh-report h2.black,
.unduh-report h3.black {
  color: black;
}
.unduh-report h2 {
  color: black;
  font-weight: 600;
}
.unduh-report h3 {
  font-weight: 400;
}
.unduh-report label {
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  color: black;
  margin-bottom: 10px;
}
.unduh-report .service-report,
.unduh-report .customer,
.unduh-report .spek-ac {
  padding-bottom: 15px;
  border-bottom: 1px solid #f3ebeb;
}
.unduh-report .service-report .wrapper,
.unduh-report .customer .wrapper,
.unduh-report .spek-ac .wrapper {
  display: flex;
  align-items: center;
  gap: 200px;
}
.unduh-report .service-report .wrapper .item,
.unduh-report .customer .wrapper .item,
.unduh-report .spek-ac .wrapper .item {
  display: flex;
  gap: 150px;
  margin-bottom: 5px;
  justify-content: space-between;
  align-items: center;
}
.unduh-report .service-report .wrapper tr td,
.unduh-report .customer .wrapper tr td,
.unduh-report .spek-ac .wrapper tr td {
  padding-bottom: 10px;
}
.unduh-report .service-report .wrapper tr td:nth-child(2),
.unduh-report .customer .wrapper tr td:nth-child(2),
.unduh-report .spek-ac .wrapper tr td:nth-child(2) {
  padding-left: 100px;
}
.unduh-report .service-report .wrapper tr td {
  padding-bottom: 10px;
}
.unduh-report .service-report .wrapper tr td:nth-child(2) {
  padding-left: 40px;
}
.unduh-report .table-normal {
  border-radius: 10px !important;
  border: 1px solid #f3ebeb;
  width: 100%;
}
.unduh-report .table-normal tr th,
.unduh-report .table-normal tr td {
  padding: 20px;
  vertical-align: middle;
}
.unduh-report .table-normal tr th {
  background-color: #f8f8f8;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  color: black;
}
.unduh-report .table-normal tr td {
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: normal;
  color: #535151;
  border-bottom: 1px solid #e9e2e2;
}
.unduh-report .table-normal tbody tr:nth-child(even) {
  background-color: #f8f8f8;
}

.inputCheck input {
  width: 20px;
  height: 20px;
  border-radius: 5px;
  vertical-align: middle;
  border: 1px solid #53B2FC;
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  outline: none;
  cursor: pointer;
  position: relative;
}
.inputCheck input.with-checklist::after {
  background-image: url("data:image/svg+xml,<svg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><rect width='20' height='20' rx='5' fill='%2353B2FC'/><path fill-rule='evenodd' clip-rule='evenodd' d='M10.0003 15.3033C12.9291 15.3033 15.3033 12.9291 15.3033 10.0003C15.3033 7.07151 12.9291 4.69727 10.0003 4.69727C7.07151 4.69727 4.69727 7.07151 4.69727 10.0003C4.69727 12.9291 7.07151 15.3033 10.0003 15.3033ZM12.4355 8.65359C12.5703 8.4802 12.5391 8.23032 12.3657 8.09546C12.1923 7.9606 11.9424 7.99184 11.8076 8.16522L9.68264 10.8973C9.63539 10.958 9.54651 10.9659 9.4893 10.9144L8.14515 9.70469C7.98188 9.55774 7.7304 9.57098 7.58346 9.73425C7.43651 9.89752 7.44975 10.149 7.61302 10.2959L8.95717 11.5057C9.35762 11.8661 9.97977 11.8109 10.3105 11.3856L12.4355 8.65359Z' fill='white'/></svg>%0A");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: transparent;
  content: "";
  display: none;
}
.inputCheck input:checked {
  border: none;
  outline: none;
}
.inputCheck input:checked::after {
  display: block;
}
.inputCheck div {
  display: flex;
  align-items: center;
  gap: 5px;
}
.inputCheck div label {
  margin-left: 5px;
  margin-top: 3px;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  color: black;
  margin-bottom: 0;
}
.inputCheck a {
  font-weight: 400;
  font-size: 14px;
  color: #a2a2a2;
  text-decoration: underline;
}