/* .quantity {
  direction: ltr;
} */
label[data-v-b1581c7e] {
  margin-bottom: 0;
}
.quantity-group[data-v-b1581c7e] {
  margin-top: 8px;
}


.input-list[data-v-5b61fc54] {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
}
@media (max-width: 768px) {
.input-list[data-v-5b61fc54] {
    grid-template-columns: 1fr;
}
}


.avatar-img[data-v-2fe9880c] {
  width: 38px;
  height: 38px;
  border-radius: 50%;
}
.step-section[data-v-2fe9880c] {
  background-color: var(--secondary-background);
  margin-top: 16px;
  padding: 14px;
  border-radius: 8px;
}


.other-gov-costs[data-v-18fc68d0] {
  position: relative;
}
.gov-item[data-v-18fc68d0] {
  background: var(--secondary-background);
  border-radius: 6px;
  padding: 20px;
  margin-bottom: 10px;

  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.gov-item .con[data-v-18fc68d0] {
  width: 34px;
  height: 34px;
  border-radius: 6px;
  display: flex;
  margin-inline: 10px;
  align-items: center;
  justify-content: center;
}
.gov-item .con a[data-v-18fc68d0] {
  padding: 0 4px;
}
.gov-item .edit-con[data-v-18fc68d0] {
  border: 1px solid var(--border-color);
  color: var(--text-color);
}
.gov-item .edit-con a[data-v-18fc68d0] {
  display: flex;
  color: var(--text-color) !important;
}
.gov-item .del-con[data-v-18fc68d0] {
  border: 1px solid var(--error-color);
  color: var(--error-color);
  margin-right: 6px;
}
.gov-item .del-con a[data-v-18fc68d0] {
  color: var(--error-color) !important;
}
.form-control[data-v-18fc68d0] {
  border: 2px solid var(--neutral-border-color) !important;
}
.modal-dialog .model-add-btn[data-v-18fc68d0] {
  direction: ltr;
}
.list-move[data-v-18fc68d0], 
.list-enter-active[data-v-18fc68d0],
.list-leave-active[data-v-18fc68d0] {
  -webkit-animation-name: slideInDown-18fc68d0;
  animation-name: slideInDown-18fc68d0;
  transition: all 0.5s ease-out;
}
.list-enter-from[data-v-18fc68d0],
.list-leave-to[data-v-18fc68d0] {
  opacity: 0;
  /* transform: translateY(-30px); */
}

/* ensure leaving items are taken out of layout flow so that moving
   animations can be calculated correctly. */
.list-leave-active[data-v-18fc68d0] {
  position: absolute;
  width: 100%;
}
@keyframes slideInDown-18fc68d0 {
from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit, .odometer.odometer-theme-default .odometer-digit {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  position: relative;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-spacer, .odometer.odometer-theme-default .odometer-digit .odometer-digit-spacer {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-digit-inner, .odometer.odometer-theme-default .odometer-digit .odometer-digit-inner {
  text-align: left;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon {
  display: block;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-ribbon-inner, .odometer.odometer-theme-default .odometer-digit .odometer-ribbon-inner {
  display: block;
  -webkit-backface-visibility: hidden;
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value, .odometer.odometer-theme-default .odometer-digit .odometer-value {
  display: block;
  -webkit-transform: translateZ(0);
}
.odometer.odometer-auto-theme .odometer-digit .odometer-value.odometer-last-value, .odometer.odometer-theme-default .odometer-digit .odometer-value.odometer-last-value {
  position: absolute;
}
.odometer.odometer-auto-theme.odometer-animating-up .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
}
.odometer.odometer-auto-theme.odometer-animating-up.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-up.odometer-animating .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down .odometer-ribbon-inner {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  -o-transform: translateY(-100%);
  transform: translateY(-100%);
}
.odometer.odometer-auto-theme.odometer-animating-down.odometer-animating .odometer-ribbon-inner, .odometer.odometer-theme-default.odometer-animating-down.odometer-animating .odometer-ribbon-inner {
  -webkit-transition: -webkit-transform 2s;
  -moz-transition: -moz-transform 2s;
  -ms-transition: -ms-transform 2s;
  -o-transition: -o-transform 2s;
  transition: transform 2s;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  font-family: "Helvetica Neue", sans-serif;
  line-height: 1.1em;
}
.odometer.odometer-auto-theme .odometer-value, .odometer.odometer-theme-default .odometer-value {
  text-align: center;
}

.icon-plus[data-v-49a3353f] {
  border: 2px solid var(--text-color);
  border-radius: 50%;
  color: var(--text-color);
  padding: 3px;
  font-size: 12px;
}
.add-select[data-v-49a3353f] {
  background-color: #f6f8fc;
  border-radius: 4px;
  padding: 1rem;
  display: inline-flex;
  margin-inline-end: 0.8rem;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s all ease;
}
.add-select > span[data-v-49a3353f] {
  border: 2px solid #007297;
  border-radius: 50%;
  color: #007297;
  padding: 3px;
  display: inline-block;
}
.add-select[data-v-49a3353f]:hover {
  background: #007297;
  color: white;
}
.add-select:hover > span[data-v-49a3353f] {
  border-color: white;
  color: white;
}

.mainCostTitle[data-v-405f6b84] {
  cursor: pointer;
  transition: 0.8s ease-in-out;
}
.costs[data-v-405f6b84] {
  position: relative;
}
.cost-item[data-v-405f6b84] {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.list-move[data-v-405f6b84], 
.list-enter-active[data-v-405f6b84],
.list-leave-active[data-v-405f6b84] {
  -webkit-animation-name: slideInUp-405f6b84;
  animation-name: slideInUp-405f6b84;
  transition: all 0.8s ease-out;
}
.list-enter-from[data-v-405f6b84],
.list-leave-to[data-v-405f6b84] {
  opacity: 0;
  -webkit-animation-name: slideInDown-405f6b84;
  animation-name: slideInDown-405f6b84;
  transition: all 0.8s ease-out;
}

/* ensure leaving items are taken out of layout flow so that moving
   animations can be calculated correctly. */
.list-leave-active[data-v-405f6b84] {
  position: absolute;
  width: 100%;
}
@keyframes slideInDown-405f6b84 {
from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideInUp-405f6b84 {
from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp-405f6b84 {
from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}

/* we will explain what these classes do next! */
.v-enter-active[data-v-405f6b84],
.v-leave-active[data-v-405f6b84] {
  -webkit-animation-name: slideInUp-405f6b84;
  animation-name: slideInUp-405f6b84;
  transition: all 0.3s ease-out;
}
.v-enter-from[data-v-405f6b84],
.v-leave-to[data-v-405f6b84] {
  opacity: 0;
  -webkit-animation-name: slideInDown-405f6b84;
  animation-name: slideInDown-405f6b84;
  transition: all 0.3s ease-out;
  font-size: 0;
}

.remove-select-nobackground[data-v-405f6b84] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s all ease;
  margin-top: 2.7rem;
}
.remove-select-nobackground > span[data-v-405f6b84] {
  border: 2px solid #e23636;
  border-radius: 50%;
  color: #e23636;
  padding: 3px;
  display: inline-block;
}
.remove-select-nobackground:hover > span[data-v-405f6b84] {
  border: 2px solid #961313;
  color: #961313;
}
.icon-plus[data-v-405f6b84] {
  border: 1px solid var(--text-color);
  border-radius: 50%;
  color: var(--text-color);
  padding: 3px;
  font-size: 12px;
}
.btn-primary[data-v-405f6b84] {
  padding: 12px 16px !important;
}
.btn-danger-outline[data-v-405f6b84] {
  border: 1px solid var(--error-color) !important;
}
.other-values[data-v-405f6b84] {
  position: relative;
  padding-inline-start: 0;
}
@media only screen and (min-width: 576px) {
.other-values[data-v-405f6b84] {
    padding-inline-start: 0;
}
}
.add-select[data-v-405f6b84] {
  padding: 0;
}
.add-select[data-v-405f6b84]:hover {
  background: none;
  color: white;
}
.add-select:hover > span[data-v-405f6b84] {
  border-color: #044c63;
  color: #044c63;
}
.item-container[data-v-c265361e] {
  background-color: var(--secondary-background);
  padding: 16px 12px;
  border-radius: 8px;
}
.form-control[data-v-c265361e] {
  height: 2.8rem !important;
}
.btn-danger-outline[data-v-c265361e] {
  border: 1px solid var(--error-color) !important;
}
.remove-select[data-v-c265361e] {
  background-color: #f6f8fc;
  border-radius: 4px;
  padding: 0.6rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s all ease;
  top: 6px;
  position: relative;
}
@media only screen and (min-width: 576px) {
.remove-select[data-v-c265361e] {
    top: 0px;
    padding: 1rem;
}
}
.remove-select > span[data-v-c265361e] {
  border: 2px solid #e23636;
  border-radius: 50%;
  color: #e23636;
  padding: 3px;
  display: inline-block;
}
.remove-select[data-v-c265361e]:hover {
  background: #e23636;
  color: white;
}
.remove-select:hover > span[data-v-c265361e] {
  border-color: white;
  color: white;
}
.add-select {
  background-color: #f6f8fc;
  border-radius: 4px;
  padding: 0.6rem;
  display: inline-flex;
  margin-inline-end: 0.8rem;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: 0.3s all ease;
}
@media only screen and (min-width: 576px) {
.add-select {
    padding: 1rem;
}
}
.add-select > span {
  border: 2px solid #007297;
  border-radius: 50%;
  color: #007297;
  padding: 3px;
  display: inline-block;
}
.add-select:hover {
  background: #007297;
  color: white;
}
.add-select:hover > span {
  border-color: white;
  color: white;
}

a[data-v-5d071f32]:hover {
  color: #fff !important;
}


.media-img[data-v-313346a4] {
  height: 58px !important;
  width: 58px !important;
  border-radius: 50% !important;
  border: none !important;
  overflow: hidden !important;
}
.listed-with-border[data-v-313346a4] {
  padding-left: 0;
}
.listed-with-border li[data-v-313346a4] {
  padding-bottom: 14px !important;
  margin-bottom: 0 !important;
  border-bottom: none !important;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.listed-with-border li a[data-v-313346a4] {
  color: var(--text-color) !important;
}


#variable-cost-modal .mainCostTitle[data-v-1b7b55bc] {
  cursor: pointer;
  transition: 0.8s ease-in-out;
}
.costs[data-v-1b7b55bc] {
  position: relative;
}
.cost-item[data-v-1b7b55bc] {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.list-move[data-v-1b7b55bc], 
.list-enter-active[data-v-1b7b55bc],
.list-leave-active[data-v-1b7b55bc] {
  -webkit-animation-name: slideInUp-1b7b55bc;
  animation-name: slideInUp-1b7b55bc;
  transition: all 0.8s ease-out;
}
.list-enter-from[data-v-1b7b55bc],
.list-leave-to[data-v-1b7b55bc] {
  opacity: 0;
  -webkit-animation-name: slideInDown-1b7b55bc;
  animation-name: slideInDown-1b7b55bc;
  transition: all 0.8s ease-out;
}

/* ensure leaving items are taken out of layout flow so that moving
   animations can be calculated correctly. */
.list-leave-active[data-v-1b7b55bc] {
  position: absolute;
  width: 100%;
}
@keyframes slideInDown-1b7b55bc {
from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideInUp-1b7b55bc {
from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp-1b7b55bc {
from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}

/* we will explain what these classes do next! */
.v-enter-active[data-v-1b7b55bc],
.v-leave-active[data-v-1b7b55bc] {
  -webkit-animation-name: slideInUp-1b7b55bc;
  animation-name: slideInUp-1b7b55bc;
  transition: all 0.3s ease-out;
}
.v-enter-from[data-v-1b7b55bc],
.v-leave-to[data-v-1b7b55bc] {
  opacity: 0;
  -webkit-animation-name: slideInDown-1b7b55bc;
  animation-name: slideInDown-1b7b55bc;
  transition: all 0.3s ease-out;
  font-size: 0;
}


.erromsg.field-error[data-v-5c1b7d90] {
  position: absolute;
  top: 100%;
}
.section-col[data-v-5c1b7d90] {
  padding: 20px;
  background-color: var(--secondary-background);
  border-radius: var(--space-sm);
}
.form-control[data-v-5c1b7d90] {
  border: 2px solid var(--neutral-border-color) !important;
  border-radius: 6px !important;
}
.media-img[data-v-5c1b7d90] {
  height: 58px !important;
  width: 58px !important;
  border-radius: 50% !important;
  border: none !important;
  overflow: hidden !important;
}
.mainCostTitle[data-v-5c1b7d90] {
  cursor: pointer;
  transition: 0.8s ease-in-out;
}
.v-enter-active[data-v-5c1b7d90],
.v-leave-active[data-v-5c1b7d90] {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  transition: all 0.3s ease-out;
}
.v-enter-from[data-v-5c1b7d90],
.v-leave-to[data-v-5c1b7d90] {
  opacity: 0;
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  transition: all 0.3s ease-out;
  font-size: 0;
}
.break-even-wrapper[data-v-5c1b7d90] {
  display: flex;
  gap: 1.5rem;
}
@media (max-width: 991px) {
.break-even-wrapper[data-v-5c1b7d90] {
    flex-wrap: wrap;
}
}


.erromsg.field-error[data-v-5a6eb8f3] {
  position: absolute;
  top: 100%;
}
.mainCostTitle[data-v-5a6eb8f3] {
  cursor: pointer;
  transition: 0.8s ease-in-out;
}
.v-enter-active[data-v-5a6eb8f3],
.v-leave-active[data-v-5a6eb8f3] {
  -webkit-animation-name: slideInUp;
  animation-name: slideInUp;
  transition: all 0.3s ease-out;
}
.v-enter-from[data-v-5a6eb8f3],
.v-leave-to[data-v-5a6eb8f3] {
  opacity: 0;
  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  transition: all 0.3s ease-out;
  font-size: 0;
}
.section-col[data-v-5a6eb8f3] {
  padding: 20px;
  background-color: var(--secondary-background);
  border-radius: var(--space-sm);
}


/* we will explain what these classes do next! */
.products[data-v-1c760c45] {
  position: relative;
  background-color: var(--Button-button-background-neutral-default);
  border-radius: 8px;
}
.products .product-item[data-v-1c760c45] {
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  background-color: transparent !important;
  padding: 0 !important;
}
.list-move[data-v-1c760c45],

.list-enter-active[data-v-1c760c45],
.list-leave-active[data-v-1c760c45] {
  -webkit-animation-name: slideInUp-1c760c45;
  animation-name: slideInUp-1c760c45;
  transition: all 0.8s ease-out;
}
.list-enter-from[data-v-1c760c45],
.list-leave-to[data-v-1c760c45] {
  opacity: 0;
  -webkit-animation-name: slideInDown-1c760c45;
  animation-name: slideInDown-1c760c45;
  transition: all 0.8s ease-out;
}
.btn-primary[data-v-1c760c45]:hover {
  color: #fff !important;
}
.btn-primary:hover span[data-v-1c760c45],
.btn-primary:hover span[data-v-1c760c45]::before {
  color: #fff !important;
}

/* ensure leaving items are taken out of layout flow so that moving
   animations can be calculated correctly. */
.list-leave-active[data-v-1c760c45] {
  position: absolute;
  width: 100%;
}
@keyframes slideInDown-1c760c45 {
from {
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@-webkit-keyframes slideInUp-1c760c45 {
from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}
@keyframes slideInUp-1c760c45 {
from {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    visibility: visible;
}
to {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
}

/* we will explain what these classes do next! */
.v-enter-active[data-v-1c760c45],
.v-leave-active[data-v-1c760c45] {
  -webkit-animation-name: slideInUp-1c760c45;
  animation-name: slideInUp-1c760c45;
  transition: all 0.3s ease-out;
}
.v-enter-from[data-v-1c760c45],
.v-leave-to[data-v-1c760c45] {
  opacity: 0;
  -webkit-animation-name: slideInDown-1c760c45;
  animation-name: slideInDown-1c760c45;
  transition: all 0.3s ease-out;
  font-size: 0;
}

.base-section-container[data-v-1c760c45] {
  border: 1px solid var(--neutral-border-color);
  border-radius: 8px;
  padding-bottom: 30px;
}
.fixed-cost-or[data-v-1c760c45] {
  position: relative;
  height: 100%;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
.fixed-cost-or span[data-v-1c760c45] {
  padding: 5px;
  z-index: 1;
  display: inline-block;
  position: absolute;
}
@media only screen and (min-width: 768px) {
.fixed-cost-or span[data-v-1c760c45] {
    position: static;
}
}
.fixed-cost-or[data-v-1c760c45]::after, .fixed-cost-or[data-v-1c760c45]::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0;
  background-color: var(--neutral-border-color);
}
@media only screen and (min-width: 768px) {
.fixed-cost-or[data-v-1c760c45]::after, .fixed-cost-or[data-v-1c760c45]::before {
    width: 1px;
    height: 22px;
}
}
.fixed-cost-or[data-v-1c760c45]::after {
  bottom: 0;
}
.fixed-cost-or[data-v-1c760c45]::before {
  top: 0;
}
.con[data-v-1c760c45] {
  width: 28px;
  height: 28px;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-self: center;
}
.con a[data-v-1c760c45] {
  padding: 0 4px;
}
.edit-con[data-v-1c760c45] {
  border: 1px solid var(--border-color);
  color: var(--text-color);
}
.edit-con a[data-v-1c760c45] {
  color: var(--text-color) !important;
}
.edit-con a[data-v-1c760c45]:hover {
  color: var(--text-color) !important;
}
.del-con[data-v-1c760c45] {
  border: 1px solid var(--error-color);
  color: var(--error-color);
  margin-right: 6px;
}
.del-con a[data-v-1c760c45] {
  color: var(--error-color) !important;
}
.del-con a[data-v-1c760c45]:hover {
  color: var(--error-color) !important;
}
#saveBtn .icon-save[data-v-1c760c45] {
  font-size: 1.4rem;
}

/* a {
  min-width: fit-content !important;
  width: 100% !important;
} */


.icon-pencil[data-v-7ba65780] {

  background: var(--primary-color);
  width: 62px;
  height: 40px;
  border-radius: 4px;
  display: grid;
  place-items: center;
}
.icon-pencil[data-v-7ba65780]::before {

  color: white !important;
}
.card-img-shape[data-v-7ba65780] {
  width: 64px !important;
  height: 64px !important;
  /* margin-inline-end: 30px; */
}
.brand-color[data-v-7ba65780] {

  font-weight: 700 !important;
  font-family: var(--font-heading) !important;
  font-size: 1.125rem !important;
  color: var(--text-black) !important;
}
.listed-card[data-v-7ba65780] {
  border: 1px solid var(--neutral-border-color);
  border-radius: 16px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 1rem;
  height: 100%;
}
.listed-card .card-details[data-v-7ba65780] {
  flex: 1;
}
.icon-trash-new[data-v-7ba65780]::before {
  color: rgba(180, 35, 24, 1) !important;
}
.icon-trash-new[data-v-7ba65780] {
  width: 56px;
  height: 40px;
  border: 1px solid rgba(254, 205, 202, 1);
  border-radius: 4px;
  display: grid;
  place-items: center;
}
.controllers[data-v-7ba65780] {
  border-top: 1px solid var(--neutral-border-color);
  width: 100%;
  margin: auto;
  margin-top: 1rem;
  padding-top: 1.5rem;
}
.card-internal[data-v-7ba65780] {
  border-bottom: 1px solid var(--neutral-border-color);
  padding-bottom: 1.5rem;
}
.goals-list[data-v-7ba65780] {
  padding-inline-start: 1rem;
  list-style: none;
}
.goals-list .description[data-v-7ba65780] {
  position: relative;
}
.goals-list .description[data-v-7ba65780]::before {
  content: "";
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background-color: var(--text-black );
  position: absolute;
  top: 50%;
  inset-inline-start: -18px;
  transform: translate(-50%, -50%);
}


.DS[data-v-3ec73563] {
  /* min-width: 90px; */
  height: 40px;
  background: var(--black-background) !important;
  color: white !important;
  font-weight: 500;
  gap: .5rem;
}
.DS .span[data-v-3ec73563] {
  font-size: 1.2rem;
}
.DS.previous span[data-v-3ec73563]::before {
  color: var(--text-color) !important;
}
.DS.previous:hover span[data-v-3ec73563]::before {
  color: var(--text-color) !important;
}
.DS.previous[data-v-3ec73563] {
  background: white !important;
  color: var(--black-background) !important;
  border: 1px solid var(--grey-color) !important;
}
.form-navigation[data-v-3ec73563] {
  border-top: 1px solid var(--neutral-border-color) !important;
  padding-top: 10px !important;
  margin: unset !important;
}
.icon-dga-arrow-left[data-v-3ec73563]::before {
  color: white !important;
}
.icon-dga-arrow-right[data-v-3ec73563]::before {
  color: white !important;
}


.nav-link[data-v-40903e7b] {
  padding: 0 !important;
}
.nav-link .circle[data-v-40903e7b] {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  box-shadow: none !important;
  border: 2px solid var(--grey-color);
  background: white !important;
}
.circle span[data-v-40903e7b] {
  font-weight: 500;
  color: var(--grey-color);
  font-size: 1rem;
}
.nav-link[data-v-40903e7b]::after {
  top: 15% !important;
  border-top-style: solid !important;
  width: 104% !important;
  right: 61% !important;
}
.nav-link.active .circle[data-v-40903e7b] {
  box-shadow: none !important;
  background: white !important;
  border: 2px solid var(--primary-color) !important;
}
.nav-link.active .circle span[data-v-40903e7b] {
  color: var(--primary-color);
}
.nav-link.active p[data-v-40903e7b] {
  color: var(--text-black);
  font-weight: 500 !important;
}
.nav-link p[data-v-40903e7b] {
  font-weight: 400;
  font-size: 1rem !important;
  color: var(--text-grey);
  white-space: pre-wrap !important;
  width: 70%;
  text-align: center;
}
.nav-link.complete .circle[data-v-40903e7b] {
  background: var(--primary-color) !important;
  border: 2px solid var(--primary-color) !important;
}
.nav-link.complete[data-v-40903e7b]::after {
  border-top-color: var(--primary-color) !important;
}
.icon-uniE96F[data-v-40903e7b] {
  font-size: 2rem !important;
}
.icon-uniE96F[data-v-40903e7b]::before {
  color: white !important ;
}


.nav[data-v-4e48bf24] {
  display: grid ; 
  template-columns: repeat(3, 1fr);
}


.add-project-modal.modal .modal-dialog.modal-lg[data-v-76f46dbc] {
  max-width: 800px !important;
}
.add-project-modal .modal-head[data-v-76f46dbc] {
  padding-bottom: 0 !important;
  margin-bottom: 1rem !important;
}
h5[data-v-76f46dbc] {

  font-weight: 600 !important;
  font-size: 1.125rem !important;
  line-height: 28px !important;
  color: rgba(61, 61, 61, 1) !important;
  margin-top: 30px !important;
  font-family: var(--font-heading) !important;
}
.steps-wizard nav[data-v-76f46dbc] {
  display: block !important;
}
label[data-v-76f46dbc] {
  margin: 0;
  font-weight: 400;
  font-size: 0.875rem;
  color: var(--text-color);
}
.badge[data-v-76f46dbc] {
  width: fit-content;
  padding: 0 12px !important;
  min-height: 32px;
  display: flex;
  line-height: 32px;
  background: var(--background-color);
  border: 1px solid var(--border-color) !important;
  border-radius: 4px !important;
  color: var(--text-black) !important;
  font-weight: 500;
  font-size: 1rem;
}
.badge.badge-primary[data-v-76f46dbc] {
  background: var(--light-primary) !important;
  color: var(--lighter-primary) !important;
}
textarea[data-v-76f46dbc] {
  height: 96px !important;
  resize: vertical;
  overflow: hidden;
}
.add-target[data-v-76f46dbc] {
  min-width: 90px;
  height: 40px;
  background: var(--black-background) !important;
  color: white !important;
  font-weight: 500;
  border-radius: 4px;
  display: flex !important;
  width: fit-content;
  padding: 12px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.add-target[data-v-76f46dbc]::before {
  content: "" !important;
  all: unset !important;
}
.delete-target[data-v-76f46dbc] {
  width: auto !important;
  background: var(--secondary-background);
  height: 40px;
  padding: 0 16px;
  max-width: 91px;
  justify-content: center;
  border-radius: 4px;
  font-weight: 500;
  color: var(--text-color);
}
.delete-target span[data-v-76f46dbc] {
  align-items: center;
}
.icon-plus[data-v-76f46dbc] {

  border: 1px solid white;
  border-radius: 4px;
  padding: 5px;
  font-size: 8px;
}
.icon-plus[data-v-76f46dbc]::before {
  color: white !important;
}
.DS[data-v-76f46dbc] {
  min-width: 90px;
  height: 40px;
  background: rgba(13, 18, 28, 1) !important;
  color: white !important;
  font-weight: 500;
}
.DS.previous span[data-v-76f46dbc]::before {
  color: var(--text-color) !important;
}
.DS.previous:hover span[data-v-76f46dbc]::before {
  color: var(--text-color) !important;
}
.DS.previous[data-v-76f46dbc] {

  background: rgba(243, 244, 246, 1) !important;
  color: var(--black-background) !important;
  border: 1px solid var(--grey-color) !important;
}
input[data-v-76f46dbc] {
  max-width: 462px ;
}
#project-success .modal-head[data-v-76f46dbc] {
  border: none !important;
}


#check-cr-tour[data-v-0c042a51] {

  color: var(--text-color);
  font-size: 0.875rem;
  display: flex !important;
  background: rgba(243, 244, 246, 1);
  width: fit-content;
  padding: 0 12px;
  height: 32px;
}
#check-cr-tour .icon-add-icon[data-v-0c042a51]::before {
  color: var(--text-color);
}


.empty-status div[data-v-0ab0f6e7]:first-child {

  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 32px;
}
.brand-color[data-v-0ab0f6e7] {
  
  color: #161616;
  font-size: 24px;
  font-weight: 600;
  font-family: 'IBM Plex Sans Arabic';
}


.icon-basic-certificate[data-v-8997b90e] {
  font-size: 18px;
}

fieldset[disabled] .multiselect{pointer-events:none}.multiselect__spinner{position:absolute;right:1px;top:1px;width:48px;height:35px;background:#fff;display:block}.multiselect__spinner:after,.multiselect__spinner:before{position:absolute;content:"";top:50%;left:50%;margin:-8px 0 0 -8px;width:16px;height:16px;border-radius:100%;border-color:#41b883 transparent transparent;border-style:solid;border-width:2px;box-shadow:0 0 0 1px transparent}.multiselect__spinner:before{-webkit-animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);animation:spinning 2.4s cubic-bezier(.41,.26,.2,.62);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.multiselect__spinner:after{-webkit-animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);animation:spinning 2.4s cubic-bezier(.51,.09,.21,.8);-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.multiselect__loading-enter-active,.multiselect__loading-leave-active{transition:opacity .4s ease-in-out;opacity:1}.multiselect__loading-enter,.multiselect__loading-leave-active{opacity:0}.multiselect,.multiselect__input,.multiselect__single{font-family:inherit;font-size:16px;touch-action:manipulation}.multiselect{box-sizing:content-box;display:block;position:relative;width:100%;min-height:40px;text-align:left;color:#35495e}.multiselect *{box-sizing:border-box}.multiselect:focus{outline:none}.multiselect--disabled{background:#ededed;pointer-events:none;opacity:.6}.multiselect--active{z-index:50}.multiselect--active:not(.multiselect--above) .multiselect__current,.multiselect--active:not(.multiselect--above) .multiselect__input,.multiselect--active:not(.multiselect--above) .multiselect__tags{border-bottom-left-radius:0;border-bottom-right-radius:0}.multiselect--active .multiselect__select{transform:rotate(180deg)}.multiselect--above.multiselect--active .multiselect__current,.multiselect--above.multiselect--active .multiselect__input,.multiselect--above.multiselect--active .multiselect__tags{border-top-left-radius:0;border-top-right-radius:0}.multiselect__input,.multiselect__single{position:relative;display:inline-block;min-height:20px;line-height:20px;border:none;border-radius:5px;background:#fff;padding:0 0 0 5px;width:100%;transition:border .1s ease;box-sizing:border-box;margin-bottom:8px;vertical-align:top}.multiselect__input::-moz-placeholder{color:#35495e}.multiselect__input:-ms-input-placeholder{color:#35495e}.multiselect__input::placeholder{color:#35495e}.multiselect__tag~.multiselect__input,.multiselect__tag~.multiselect__single{width:auto}.multiselect__input:hover,.multiselect__single:hover{border-color:#cfcfcf}.multiselect__input:focus,.multiselect__single:focus{border-color:#a8a8a8;outline:none}.multiselect__single{padding-left:5px;margin-bottom:8px}.multiselect__tags-wrap{display:inline}.multiselect__tags{min-height:40px;display:block;padding:8px 40px 0 8px;border-radius:5px;border:1px solid #e8e8e8;background:#fff;font-size:14px}.multiselect__tag{position:relative;display:inline-block;padding:4px 26px 4px 10px;border-radius:5px;margin-right:10px;color:#fff;line-height:1;background:#41b883;margin-bottom:5px;white-space:nowrap;overflow:hidden;max-width:100%;text-overflow:ellipsis}.multiselect__tag-icon{cursor:pointer;margin-left:7px;position:absolute;right:0;top:0;bottom:0;font-weight:700;font-style:normal;width:22px;text-align:center;line-height:22px;transition:all .2s ease;border-radius:5px}.multiselect__tag-icon:after{content:"×";color:#266d4d;font-size:14px}.multiselect__tag-icon:focus:after,.multiselect__tag-icon:hover:after{color:#fff}.multiselect__current{min-height:40px;overflow:hidden;padding:8px 12px 0;padding-right:30px;white-space:nowrap;border-radius:5px;border:1px solid #e8e8e8}.multiselect__current,.multiselect__select{line-height:16px;box-sizing:border-box;display:block;margin:0;text-decoration:none;cursor:pointer}.multiselect__select{position:absolute;width:40px;height:38px;right:1px;top:1px;padding:4px 8px;text-align:center;transition:transform .2s ease}.multiselect__select:before{position:relative;right:0;top:65%;color:#999;margin-top:4px;border-style:solid;border-width:5px 5px 0 5px;border-color:#999 transparent transparent transparent;content:""}.multiselect__placeholder{color:#adadad;display:inline-block;margin-bottom:10px;padding-top:2px}.multiselect--active .multiselect__placeholder{display:none}.multiselect__content-wrapper{position:absolute;display:block;background:#fff;width:100%;max-height:240px;overflow:auto;border:1px solid #e8e8e8;border-top:none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;z-index:50;-webkit-overflow-scrolling:touch}.multiselect__content{list-style:none;display:inline-block;padding:0;margin:0;min-width:100%;vertical-align:top}.multiselect--above .multiselect__content-wrapper{bottom:100%;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:5px;border-top-right-radius:5px;border-bottom:none;border-top:1px solid #e8e8e8}.multiselect__content::-webkit-scrollbar{display:none}.multiselect__element{display:block}.multiselect__option{display:block;padding:12px;min-height:40px;line-height:16px;text-decoration:none;text-transform:none;vertical-align:middle;position:relative;cursor:pointer;white-space:nowrap}.multiselect__option:after{top:0;right:0;position:absolute;line-height:40px;padding-right:12px;padding-left:20px;font-size:13px}.multiselect__option--highlight{background:#41b883;outline:none;color:#fff}.multiselect__option--highlight:after{content:attr(data-select);background:#41b883;color:#fff}.multiselect__option--selected{background:#f3f3f3;color:#35495e;font-weight:700}.multiselect__option--selected:after{content:attr(data-selected);color:silver}.multiselect__option--selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect--disabled .multiselect__current,.multiselect--disabled .multiselect__select{background:#ededed;color:#a6a6a6}.multiselect__option--disabled{background:#ededed!important;color:#a6a6a6!important;cursor:text;pointer-events:none}.multiselect__option--group{background:#ededed;color:#35495e}.multiselect__option--group.multiselect__option--highlight{background:#35495e;color:#fff}.multiselect__option--group.multiselect__option--highlight:after{background:#35495e}.multiselect__option--disabled.multiselect__option--highlight{background:#dedede}.multiselect__option--group-selected.multiselect__option--highlight{background:#ff6a6a;color:#fff}.multiselect__option--group-selected.multiselect__option--highlight:after{background:#ff6a6a;content:attr(data-deselect);color:#fff}.multiselect-enter-active,.multiselect-leave-active{transition:all .15s ease}.multiselect-enter,.multiselect-leave-active{opacity:0}.multiselect__strong{margin-bottom:8px;line-height:20px;display:inline-block;vertical-align:top}[dir=rtl] .multiselect{text-align:right}[dir=rtl] .multiselect__select{right:auto;left:1px}[dir=rtl] .multiselect__tags{padding:8px 8px 0 40px}[dir=rtl] .multiselect__content{text-align:right}[dir=rtl] .multiselect__option:after{right:auto;left:0}[dir=rtl] .multiselect__clear{right:auto;left:12px}[dir=rtl] .multiselect__spinner{right:auto;left:1px}@-webkit-keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}}@keyframes spinning{0%{transform:rotate(0)}to{transform:rotate(2turn)}}

*[data-v-86db548e] {
  font-family: 'IBM Plex Sans Arabic';
}
.event-title[data-v-86db548e] {

  font-weight: 700 !important;
  font-size: 18px !important;
  color: #1F2A37 !important;
  font-family: 'IBM Plex Sans Arabic' !important;
}
.appointments-card[data-v-86db548e] {
  background: white !important;
}
.person-name[data-v-86db548e] {
  font-weight: 700;
  font-size: 18px;
  color: #1F2A37;
  font-family: 'IBM Plex Sans Arabic';
}
h5[data-v-86db548e] {
  margin-bottom: unset !important;
}
.event-fields[data-v-86db548e] {
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: 'IBM Plex Sans Arabic';
  color: #1F2A37 !important;
}
.person-image[data-v-86db548e] {
  width: 80px !important;
  height: 80px !important;
  border-radius: .5rem !important;
  overflow: hidden !important;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
}
.person-image i[data-v-86db548e] {
  font-size: 3rem;
  color: var(--text-color);
}
.person-image img[data-v-86db548e] {
  object-fit: contain;
}
.rating-value[data-v-86db548e] {
  color: #4D5761;
  font-size: 12px !important;
  font-family: 'IBM Plex Sans Arabic' !;
}
.controls[data-v-86db548e] {
  gap: 10px;
}
.cancel-date[data-v-86db548e] {
  padding: 16px !important;
  border-radius: 4px;
  border: 1px solid #FECDCA;
  text-align: center;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  color: #B42318;
  font-family: var(--font-heading) !important;
}
.cancel-date span[data-v-86db548e]::before {
  font-size: 11px !important;
}
.more-details-btn[data-v-86db548e] {
  background: #0D121C;
  border-radius: 4px;
  color: white !important;
  display: flex;
  align-items: center;
}
.more-details-btn[data-v-86db548e]:hover {
  background: #0D121C !important;
}
.location[data-v-86db548e] {
  gap: 4px;
}
.location span[data-v-86db548e] {
  font-size: 14px;
  font-weight: 400;
  font-family: 'IBM Plex Sans Arabic';
  color: #6C737F;
}
.event-data[data-v-86db548e] {
  display: flex;
  align-items: center;
  gap: 24px;
}
.event-data .brand-color[data-v-86db548e] {
  font-size: 16px;
  font-weight: 400;
  font-family: 'IBM Plex Sans Arabic';
  color: #1F2A37 !important;
  white-space: nowrap;
  width: fit-content;
  margin: unset;
}
.icon-date-event[data-v-86db548e] {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #F3FCF6;
  flex-shrink: 0;
}
.event-data .badge[data-v-86db548e] {
  font-weight: 600 ;
  min-width: 90px;
  height: 32px;
  text-align: center;
  border: 1px solid;
  border-color: #ABEFC6;
  background: #ECFDF3;
  color: #1F2A37;
  /* font-weight: 500; */
  border-radius: 4px;
  font-size: inherit;
}
.icon-menu-3[data-v-86db548e]:before{
  color: #1B8354 ;
}


textarea[data-v-44e44162] {
  height: 94px !important;
}
.modal-head[data-v-44e44162] {
  display: block !important;
  border: none !important;
}
.modal-head h5[data-v-44e44162] {
  display: block !important;
  font-weight: 600 !important;
  font-family: 'IBM Plex Sans Arabic' !important;
  font-size: 18px !important;
  color: #3D3D3D !important;
}
.modal-head div[data-v-44e44162] {
  display: flex;
  justify-content: end;
}
.modal-head div span[data-v-44e44162] {
  font-weight: 100 !important;
}


.column-title::after {
  top: 15px !important;
  height: 60% !important;
  width: 6px !important;
  transform: translateY(-50%) !important;
}
.column-title h3 {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin: auto;
  font-weight: 600;
  font-size: 14px;
  margin-bottom: 1rem !important;
}
.brand-color {
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin: auto;
  font-weight: 600;
  font-size: 14px;
}
.column-title .badge {
  background: rgba(249, 250, 251, 1) !important;
  border: 1px solid rgba(229, 231, 235, 1);
  width: 34px;
  height: 20px !important;
  line-height: 14px !important;
  color: #1F2A37 !important;
  font-weight: 600 !important;
  font-size: 10px !important;
  padding: 0 8px;
  margin-inline-end: 10px ;
  font-family: 'IBM Plex Sans Arabic';
}


.modal-head[data-v-c17ea654] {
  display: block !important;
  border: none !important;
}
.modal-head h5[data-v-c17ea654] {
  display: block !important;
  font-weight: 600 !important;
  font-family: 'IBM Plex Sans Arabic' !important;
  font-size: 18px !important;
  color: #3D3D3D !important;
}
.modal-head div[data-v-c17ea654] {
  display: flex;
  justify-content: end;
}
.modal-head div span[data-v-c17ea654] {
  font-weight: 100 !important;
}
.DS[data-v-c17ea654] {
  width: fit-content;
  height: 40px;
  border-radius: 4px;
  font-family: 'IBM Plex Sans Arabic';
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}
.DS.next[data-v-c17ea654] {
  color: white;
  background: black;
}
.DS.previous[data-v-c17ea654] {
  color: #0D121C;
  border: 1px solid #D2D6DB;
  background: white;
}


.redirect[data-v-cf6b2230] {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 6px;
  border-radius: 4px;
  background: #1B8354;
  font-weight: 500;
  color: white;
  font-family: 'IBM Plex Sans Arabic';
  width: 164px;
  height: 40px;
  text-align: center;
  line-height: 40px;
}
.redirect[data-v-cf6b2230]:hover {
  color: white !important;
}
.icon-new-session[data-v-cf6b2230]:before{
  color: #fff;
}
a:hover span[class^=icon][data-v-cf6b2230]::before, a:active span[class^=icon][data-v-cf6b2230]::before, a:focus span[class^=icon][data-v-cf6b2230]::before{
  color: #fff;
}


.DS[data-v-b3d8d6cc] {
  height: 40px;
  background: var(--primary-color) !important;
  color: white !important;
  font-weight: 500;
}
.DS.previous span[data-v-b3d8d6cc]::before {
  color: var(--text-color) !important;
}
.DS.previous:hover span[data-v-b3d8d6cc]::before {
  color: var(--text-color) !important;
}
.DS.previous[data-v-b3d8d6cc] {

  background: rgba(243, 244, 246, 1) !important;
  color: var(--black-background) !important;
  border: 1px solid var(--grey-color) !important;
}
.form-navigation[data-v-b3d8d6cc] {
  padding-top: 10px !important;
  margin: unset !important;
}
.icon-dga-arrow-left[data-v-b3d8d6cc]::before {
  color: white !important;
}


.nav-link[data-v-2485609c] {
  padding: 0 !important;
  width: 100%;
}
.nav-link .circle[data-v-2485609c] {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  box-shadow: none !important;
  border: 2px solid var(--grey-color);
  background: white !important;
}
.circle span[data-v-2485609c] {
  font-weight: 500;
  color: var(--grey-color);
  font-size: 1rem;
}
.nav-link[data-v-2485609c]::after {
  top: 20% !important;
  border-top-style: solid !important;
  width: 90% !important;
  right: 55% !important;
}
.nav-link.active .circle[data-v-2485609c] {
  box-shadow: none !important;
  background: white !important;
  border: 2px solid var(--primary-color) !important;
}
.nav-link.active .circle span[data-v-2485609c] {
  color: var(--primary-color);
}
.nav-link.active p[data-v-2485609c] {
  color: var(--text-black);
  font-weight: 500 !important;
}
.nav-link p[data-v-2485609c] {
  font-weight: 400;
  font-size: 1rem !important;
  color: var(--text-grey);
  white-space: pre-wrap !important;
  width: 70%;
  text-align: center;
}
.nav-link.complete .circle[data-v-2485609c] {
  background: var(--primary-color) !important;
  border: 2px solid var(--primary-color) !important;
}
.nav-link.complete[data-v-2485609c]::after {
  border-top-color: var(--primary-color) !important;
}
.icon-uniE96F[data-v-2485609c] {
  font-size: 2rem !important;
}
.icon-uniE96F[data-v-2485609c]::before {
  color: white !important ;
}


.nav[data-v-84cf2e52] {
 width: 100% !important;
 justify-content: center !important;
 overflow: hidden !important;
}


.appointments-card[data-v-349ec19b] {
  background: 1px solid rgba(210, 214, 219, 1) !important;
  border-radius: 16px !important;
}
.person-image[data-v-349ec19b] {

  width: 80px !important;
  height: 80px !important;
  display: grid !important;
  place-items: center;
  background: rgba(243, 244, 246, 1);
  border: 2px solid white;
}
.person-name[data-v-349ec19b] {

  font-weight: 700;
  font-size: 1.125rem !important;
  color: var(--text-black) !important;
  font-family: var(--font-heading) !important;
}
li.checked span[data-v-349ec19b] {
  color: rgba(219, 161, 2, 1) !important;
}
.rating-value[data-v-349ec19b] {

  font-weight: 400 !important;
  color: rgba(77, 87, 97, 1) !important;
  font-size: 0.75rem !important;
}
.event-fields span[data-v-349ec19b] {
  font-weight: 400;
  font-size: 1rem;
  font-family: var(--font-heading) !important;
  color: rgba(31, 42, 55, 1) !important;
}
.timeline .circle[data-v-349ec19b] {
  z-index: 9;
  width: 16px !important;
  height: 16px !important;
  background: rgba(27, 131, 84, 1) !important;
}
.timeline[data-v-349ec19b]::after {
  border: 1px solid rgba(27, 131, 84, 1) !important;
  right: 0px !important;
}
.timeline[data-v-349ec19b]:last-child::after {
  display: block;
}
.date h4[data-v-349ec19b] {

  font-weight: 400;
  font-size: 1rem;
  color: var(--text-black);
}
.about-the-Adviser[data-v-349ec19b] {
  height: 40px;
  width: auto;
  background: var(--background-color);
  display: inline-block;
  //display: grid !important;
  padding: 0 16px;
  place-items: center;
  font-weight: 500 !important;
  font-size: 1rem !important;
  color: var(--text-color) !important;
  border-radius: 4px;
  font-family: var(--font-heading) !important;
}
.about-the-Adviser[data-v-349ec19b]:hover {
  color: var(--text-color);
  background: rgba(229, 231, 235, 1);
}
.time[data-v-349ec19b] {
  display: flex ;
  gap: 8px;
  flex-wrap: wrap;
}
.badge[data-v-349ec19b] {
  width: fit-content;
  padding: 0 12px !important;
  min-height: 32px;
  display: flex;
  line-height: 32px;
  background: rgba(249, 250, 251, 1) !important;
  border: 1px solid rgba(229, 231, 235, 1) !important;
  border-radius: 4px !important;
  color: var(--text-black) !important;
  font-weight: 500;
  border-radius: 4px !important;
  font-size: inherit;
}
.badge-success[data-v-349ec19b] {
    background: rgba(236, 253, 243, 1) !important;
    border-color: rgba(171, 239, 198, 1) !important;
}


.icon-tick[data-v-5c442815] {
  background: #56B566;
  color: white ;
  width: 30px;
  height: 30px;
  border-radius: 50% ;
  display: block;
  margin: auto ;
  line-height: 30px ;
}
.heading[data-v-5c442815] {
    color: #1F2A37 ;
    font-weight: 600 ;
    text-align: center;
    font-size: 18px ;
    font-family: 'IBM Plex Sans', sans-serif !important;
}
.sub-heading[data-v-5c442815] {
  color: #1F2A37;
  font-weight: 400;
  font-size: 14px ;
  font-family: 'IBM Plex Sans', sans-serif !important;
}
.warning-confirm[data-v-5c442815] {
  background: #FFFCF5;
  border: 1px solid #FEDF89;
  border-radius: 8px;
  width: 100%;
  height: 80px;
  display: flex;
  align-items: center;
  padding: 16px;
  color: #B54708;
  font-weight: 600;
  font-size: 14px;
  font-family: 'IBM Plex Sans Arabic' !important;
  border-right-width: 8px;
  border-right-color: #DC6803;
}
.DS[data-v-5c442815] {
  width: fit-content ;
  height: 40px;
  border-radius: 4px;
  font-family: 'IBM Plex Sans Arabic';
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}
.DS.next[data-v-5c442815] {
  color: white;
  background: black ;
}
/* .DS.previous {
  color: #0D121C;
  border:1px solid #D2D6DB ;
  background: white ;
} */


*[data-v-132bbd8b] {
  font-family: 'IBM Plex Sans Arabic';
}
.event-title[data-v-132bbd8b] {

  font-weight: 700 !important;
  font-size: 18px !important;
  color: #1F2A37 !important;
  font-family: 'IBM Plex Sans Arabic' !important;
}
.brand-color[data-v-132bbd8b] {
  width: fit-content !important;
  margin: unset !important;
}
.appointments-card[data-v-132bbd8b] {
  background: white !important;
  border-radius: 16px !important;
  border: 1px solid #D2D6DB;
}
.person-name[data-v-132bbd8b] {
  font-weight: 700;
  font-size: 18px;
  color: #1F2A37;
  font-family: 'IBM Plex Sans Arabic';
}
h5[data-v-132bbd8b] {
  margin-bottom: unset !important;
}
.event-fields[data-v-132bbd8b] {
  font-size: 16px !important;
  font-weight: 400 !important;
  font-family: 'IBM Plex Sans Arabic';
  color: #1F2A37 !important;
}
.person-image[data-v-132bbd8b] {
  width: 80px !important;
  height: 80px !important;
}
.person-image img[data-v-132bbd8b] {
  object-fit: contain;
}
.rating-value[data-v-132bbd8b] {
  color: #4D5761;
  font-size: 12px !important;
  font-family: 'IBM Plex Sans Arabic' !;
}
.controls[data-v-132bbd8b] {
  gap: 10px;
}
.cancel-date[data-v-132bbd8b] {
  padding: 16px !important;
  border-radius: 4px;
  border: 1px solid #FECDCA;
  text-align: center;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 16px;
  color: #B42318;
  font-family: var(--font-heading) !important;
}
.cancel-date span[data-v-132bbd8b]::before {
  font-size: 11px !important;
}
.more-details-btn[data-v-132bbd8b] {
  background: #0D121C;
  border-radius: 4px;
  color: white !important;
  display: flex;
  align-items: center;
  padding: 0 16px !important;
}
.more-details-btn[data-v-132bbd8b]:hover {
  background: #0D121C !important;
}
.location[data-v-132bbd8b] {
  gap: 4px;
}
.location span[data-v-132bbd8b] {
  font-size: 14px;
  font-weight: 400;
  font-family: 'IBM Plex Sans Arabic';
  color: #6C737F;
}
.event-data[data-v-132bbd8b] {
  display: flex;
  align-items: center;
  gap: 24px;
}
.event-data .brand-color[data-v-132bbd8b] {
  font-size: 16px;
  font-weight: 400;
  font-family: 'IBM Plex Sans Arabic';
  color: #1F2A37;
  white-space: nowrap;
}
.icon-date-event[data-v-132bbd8b] {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #F3FCF6;
}
.event-data .badge[data-v-132bbd8b] {
  min-width: 90px;
  height: 32px;
  text-align: center;
  border: 1px solid;
  border-color: #ABEFC6;
  background: #ECFDF3;
  color: #1F2A37;
  font-weight: 500;
  border-radius: 4px;
  font-size: inherit;
}
.modal-head[data-v-132bbd8b] {
  display: block !important;
  border: none !important;
}
.modal-head h5[data-v-132bbd8b] {
  display: block !important;
  font-weight: 600 !important;
  font-family: 'IBM Plex Sans Arabic' !important;
  font-size: 18px !important;
  color: #3D3D3D !important;
}
.modal-head div[data-v-132bbd8b] {
  display: flex;
  justify-content: end;
}
.modal-head div span[data-v-132bbd8b] {
  font-weight: 100 !important;
}
.custom-control-label[data-v-132bbd8b] {

  line-height: 15px !important;
  padding-right: 27px !important;
}
.type-booking[data-v-132bbd8b] {
  flex: 1;
}
label[data-v-132bbd8b] {

  font-size: 14px;
  font-weight: 400;
  color: #161616;
}
#bookingReason[data-v-132bbd8b] {
  height: 96px !important;
}
.controllers[data-v-132bbd8b] {
  display: flex;
  justify-content: flex-end;
  gap: 8px ;
}
.DS[data-v-132bbd8b] {
  width: 63px ;
  height: 40px;
  border-radius: 4px;
  font-family: 'IBM Plex Sans Arabic';
  font-weight: 500;
  font-size: 16px;
  text-align: center;
}
.DS.next[data-v-132bbd8b] {
  color: white;
  background: black ;
}
.DS.previous[data-v-132bbd8b] {
  color: #0D121C;
  border:1px solid #D2D6DB ;
  background: white ;
}
.icon-menu-3[data-v-132bbd8b]:before{
  color: #1B8354 ;
}


.stepes-content[data-v-cab799ca] {
  padding: 24px !important;
}
.custom-checkbox-card-label[data-v-cab799ca] {
  height: 132px !important;
  padding: 16px !important;
  border-radius: 16px !important;
  border: 1px solid var(--neutral-border-color) !important;

  display: flex;
  flex-direction: column;
  justify-content: space-between;
  cursor: pointer;
}
.custom-checkbox-card-label[data-v-cab799ca]:hover {
  background: var(--background-color);
}
.custom-checkbox-card header[data-v-cab799ca] {
  display: flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
}
.custom-checkbox-card header input[data-v-cab799ca] {
  display: flex;
  width: 20px;
  height: 20px;
  background-color: white;
  border: 1px solid rgba(108, 115, 127, 1);
  appearance: none;
  position: relative;
  border-radius: 2px;
  cursor: pointer;
}
input[type="checkbox"][data-v-cab799ca]:checked {
  background-color: var(--primary-color) !important;
}
input[type="checkbox"][data-v-cab799ca]:checked::before {
  content: '';
  position: absolute;
  top: 3px;
  left: 6px;
  width: 8px;
  height: 8px;
  background-color: var(--primary-color);
}
input[type="checkbox"][data-v-cab799ca]:checked::after {
  content: '\2714';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 8px;
  height: 8px;
  background-color: transparent;
  transform: translate(-33%, -87%);
  color: white;
}
.text-xxxl[data-v-cab799ca] {
  width: 48px;
  height: 48px;
  background: rgba(243, 252, 246, 1);
  border-radius: 100%;
  display: grid;
  place-items: center;
  font-size: 1.5rem;
}
.text-xxxl[data-v-cab799ca]::before {
  color: var(--primary-color);
}
.service-name[data-v-cab799ca] {
  font-weight: 700;
  font-size: 1.125rem;
  font-family: var(--font-heading);
  width: fit-content;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  max-width: 200px;
}
.dga-badge label[data-v-cab799ca] {
  width: fit-content;
  padding: 0 12px !important;
  min-height: 32px;
  display: flex;
  line-height: 32px;
  background: var(--background-color);
  border: 1px solid var(--border-color) !important;
  border-radius: 4px !important;
  color: var(--text-black) !important;
  font-weight: 500;
}
.dga-badge:hover label[data-v-cab799ca] {
  background: rgba(236, 253, 243, 1) !important;
  border: 1px solid rgba(171, 239, 198, 1) !important;
  color: rgba(8, 93, 58, 1) !important;
}
.dga-badge label.selected-label[data-v-cab799ca] {
  background: rgba(236, 253, 243, 1);
  border: 1px solid rgba(171, 239, 198, 1) !important;
  color: rgba(8, 93, 58, 1) !important;
}
.step-title[data-v-cab799ca] {
  color: var(--text-color) !important;
  font-weight: 400 !important;
  font-size: 0.875rem !important;
}
.channel-text[data-v-cab799ca] {

  font-weight: 400;
  font-size: 0.875rem;
  color: rgba(108, 115, 127, 1) !important;
  text-overflow: ellipsis;
  overflow: hidden;
  width: 90%;
}
.input-with-icon-img[data-v-cab799ca] {
  background-image: unset;
}
.input-with-icon-img-wrapper[data-v-cab799ca] {
  position: relative;
}
.input-with-icon-img-wrapper span.icon-calendar-new[data-v-cab799ca] {
  position: absolute;
  inset-inline-end: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.2rem;
}