.ColorRed {
  color: #d63031 !important;
}

.Color-Success {
  color: #2ECC71 !important;
}

.Color-Primary {
  color: #0068b4 !important;
}

.ColorDarkEmphasis {
  background-color: #34495e;
}

.bg-whiteGreen {
  background-color: #E8FFF2;
}

.bg-whiteRed {
  background-color: #FFE4E1;
}

.bg-iconBgRed {
  background-color: #FFD4CF;
}

.bg-iconBgGreen {
  background-color: #CBFFE1;
}

.bg-hashed {
  background-color: #F6F6FB;
}

.orange-gradient {
  background: linear-gradient(101.36deg, #FFF3DF 1.07%, #FFFAF3 100%);
  border: 1px solid #FFF3DF;
}

.blue-gradient {
  background: linear-gradient(101.45deg, #DDF4FF 0%, #EEFAFF 100%);
  border: 1px solid #DDF4FF;
}

.green-gradient {
  background: linear-gradient(101.45deg, #EEFFE4 0%, #F7FFF2 100%);
  border: 1px solid #EDFFE3;
}

.purple-gradient {
  background: linear-gradient(101.45deg, #EBEAFF 0%, #F1F0FF 100%);
  border: 1px solid #EBEAFF;
}

.gray-gradient {
  background: linear-gradient(101.45deg, #E1E9FF 0%, #EAEFFF 100%);
  border: 1px solid #DBE5FF;
}

.red-gradient {
  background: linear-gradient(101.45deg, #FFE2DF 0%, #FFEEEC 100%);
  border: 1px solid #FFDDDA;
}

.review-pink {
  color: #E84393;
  background-color: #fdedf5;
}

.review-orange {
  color: #f39c12;
  background-color: #fef6e8;
}

.review-purple {
  color: #6C5CE7;
  background-color: #f1effd;
}

.review-green-blue {
  color: #00CEC9;
  background-color: #e6fbfa;
}

.review-blue {
  color: #0984E3;
  background-color: #e7f3fd;
}

.review-rebbecca-purple {
  color: #8E44AD;
  background-color: #f4edf7;
}

.review-dark-blue {
  color: #273C75;
  background-color: #eaecf2;
}

.task-success {
  color: #2ECC71;
  background-color: #ebfaf1;
}

.task-pending {
  color: #f39c12;
  background-color: #fef6e8;
}

.task-failed {
  color: #D63031;
  background-color: #fbebeb;
}

.card-orange {
  background: linear-gradient(101.36deg, #FFF3DF 1.07%, #FFFAF3 100%);
  border: 1px solid #FFF3DF;
}

.card-blue {
  background: linear-gradient(101.45deg, #DDF4FF 0%, #EEFAFF 100%);
  border: 1px solid #DDF4FF;
}

.card-green {
  background: linear-gradient(101.45deg, #EEFFE4 0%, #F7FFF2 100%);
  border: 1px solid #EDFFE3;
}

.card-purple {
  background: linear-gradient(101.45deg, #EBEAFF 0%, #F1F0FF 100%);
  border: 1px solid #EBEAFF;
}

.status-success {
  background-color: #E7FFF1 !important;
  color: #2ECC71 !important;
}

.status-failed {
  background-color: #FFEDEB !important;
  color: #E74C3C !important;
}

.status-pending {
  background-color: #FFEDE7 !important;
  color: #FF7F50 !important;
}

.Color-Failed {
  color: #E74C3C !important;
}

.card-hashed {
  background-color: #f8f6ff;
}

.bg-icon-blue {
  background-color: #DEEFFF;
}

.bg-icon-red {
  background-color: #FFEFED;
}

.bg-icon-purple {
  background-color: #EBEBFF;
}

.primary-color {
  color: #0068b4;
}

.claim-status-failed {
  background: #FFEDE7;
  border-radius: 5px;
  color: #FF7F50;
  padding: 5px 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}
.claim-status-failed span {
  color: #A8877B;
  display: unset !important;
}

.claim-status-success {
  background: #E7FFF1;
  border-radius: 5px;
  color: #2ECC71;
  padding: 5px 12px;
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
}
.claim-status-success span {
  color: #869C8F;
  display: unset !important;
}

.verify-green {
  background-color: #1ABC9C;
  color: #ffffff;
}

html {
  font-family: "Manrope", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
}

body {
  font-family: "Inter", sans-serif;
  font-weight: 400;
  line-height: 1.5;
  margin: 0;
  padding: 0;
  overflow-x: hidden;
  background-color: #F4F2FE;
}

ul {
  padding: 0;
  margin: 0;
  list-style-type: none !important;
  margin-block-start: 0;
  -ms-margin-block-start: 0;
  -moz-margin-block-start: 0;
  -o-margin-block-start: 0;
  margin-block-end: 0;
  -ms-margin-block-end: 0;
  -moz-margin-block-end: 0;
  -o-margin-block-end: 0;
  padding-inline-start: 0;
  -ms-padding-inline-start: 0;
  -moz-padding-inline-start: 0;
  -o-padding-inline-start: 0;
}

li {
  text-decoration: none !important;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
  color: #888AB7;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
}

button {
  margin: 0;
  padding: 0;
}

a,
a:link,
a:hover,
a:focus,
a:active {
  text-decoration: none;
}

::-ms-expand {
  display: none;
}

::-ms-clear {
  display: none;
}

.justify-content-flex-end {
  justify-content: flex-end;
}

:focus {
  box-shadow: none;
  -ms-box-shadow: none;
  -moz-box-shadow: none;
  -o-box-shadow: none;
}

.m-0-auto {
  margin: 0 auto;
}

.btn.focus,
btn.focus,
.btn:focus,
btn:focus,
button:focus {
  border-color: unset !important;
  outline: none !important;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  margin: 0;
}

.unstyled {
  -webkit-appearance: none;
  appearance: none;
}

.unstyled::-webkit-inner-spin-button,
.unstyled::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

input:-internal-autofill-selected {
  background-color: transparent;
}

textarea {
  resize: none;
}

::-webkit-scrollbar {
  height: 7px;
  width: 5px;
  background: #E6E4EE;
}

::-webkit-scrollbar-thumb:horizontal {
  background: #2a85ee;
  width: 5px;
  border-radius: 10px;
}

.justify-content-space-between {
  justify-content: space-between;
}

.modal-open {
  padding-right: 0 !important;
}

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

.bx-unset {
  box-shadow: unset !important;
}

.bdr-btm-1 {
  border-bottom: 1px solid #E6E4EE;
}

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

.bdr-5 {
  border-radius: 5px;
}

.bg-unset {
  background-color: unset;
}

.ht-100 {
  height: 100px !important;
}

.ht-150 {
  height: 150px !important;
}

.text-left {
  text-align: left !important;
}

.container-fluid {
  max-width: calc(100% - 40px);
}

.p-20 {
  padding: 20px !important;
}

.pt-10 {
  padding-top: 10px;
}

.pt-15 {
  padding-top: 15px;
}

.pt-20 {
  padding-top: 20px;
}

.pt-30 {
  padding-top: 30px;
}

.pt-40 {
  padding-top: 40px;
}

.pt-50 {
  padding-top: 50px;
}

.pb-10 {
  padding-bottom: 10px;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-30 {
  padding-bottom: 30px;
}

.pb-40 {
  padding-bottom: 40px;
}

.pb-50 {
  padding-bottom: 50px;
}

.mt-10 {
  margin-top: 10px;
}

.mt-20 {
  margin-top: 20px;
}

.mt-30 {
  margin-top: 30px;
}

.mt-40 {
  margin-top: 40px;
}

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

.mb-10 {
  margin-bottom: 10px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mb-30 {
  margin-bottom: 30px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mb-80 {
  margin-bottom: 80px;
}

.ptb-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.ptb-20 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.ptb-30 {
  padding-top: 30px;
  padding-bottom: 30px;
}

.ptb-40 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.ptb-50 {
  padding-top: 50px;
  padding-bottom: 50px;
}

.ptb-60 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.ptb-70 {
  padding-top: 70px;
  padding-bottom: 70px;
}

.ptb-80 {
  padding-top: 80px;
  padding-bottom: 80px;
}

.ptb-90 {
  padding-top: 90px;
  padding-bottom: 90px;
}

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px;
}

.mtb-10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.mtb-20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.mtb-30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.mtb-40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.mtb-50 {
  margin-top: 50px;
  margin-bottom: 50px;
}

.mtb-60 {
  margin-top: 60px;
  margin-bottom: 60px;
}

.mtb-70 {
  margin-top: 70px;
  margin-bottom: 70px;
}

.mtb-80 {
  margin-top: 80px;
  margin-bottom: 80px;
}

.mtb-90 {
  margin-top: 90px;
  margin-bottom: 90px;
}

.mtb-100 {
  margin-top: 100px;
  margin-bottom: 100px;
}

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/Manrope/woff/Manrope-Light.woff") format("woff"), url("/assets/fonts/Manrope/woff2/Manrope-Light.woff2") format("woff2"), url("/assets/fonts/Manrope/ttf/Manrope-Light.ttf") format("truetype"), url("/assets/fonts/Manrope/otf/Manrope-Light.otf") format("otf");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/Manrope/woff/Manrope-Regular.woff") format("woff"), url("/assets/fonts/Manrope/woff2/Manrope-Regular.woff2") format("woff2"), url("/assets/fonts/Manrope/ttf/Manrope-Regular.ttf") format("truetype"), url("/assets/fonts/Manrope/otf/Manrope-Regular.otf") format("otf");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/Manrope/woff/Manrope-Medium.woff") format("woff"), url("/assets/fonts/Manrope/woff2/Manrope-Medium.woff2") format("woff2"), url("/assets/fonts/Manrope/ttf/Manrope-Medium.ttf") format("truetype"), url("/assets/fonts/Manrope/otf/Manrope-Medium.otf") format("otf");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 600;
  src: url("/assets/fonts/Manrope/woff/Manrope-SemiBold.woff") format("woff"), url("/assets/fonts/Manrope/woff2/Manrope-SemiBold.woff2") format("woff2"), url("/assets/fonts/Manrope/ttf/Manrope-SemiBold.ttf") format("truetype"), url("/assets/fonts/Manrope/otf/Manrope-SemiBold.otf") format("otf");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/Manrope/woff/Manrope-Bold.woff") format("woff"), url("/assets/fonts/Manrope/woff2/Manrope-Bold.woff2") format("woff2"), url("/assets/fonts/Manrope/ttf/Manrope-Bold.ttf") format("truetype"), url("/assets/fonts/Manrope/otf/Manrope-Bold.otf") format("otf");
}
@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 800;
  src: url("/assets/fonts/Manrope/woff/Manrope-ExtraBold.woff") format("woff"), url("/assets/fonts/Manrope/woff2/Manrope-ExtraBold.woff2") format("woff2"), url("/assets/fonts/Manrope/ttf/Manrope-ExtraBold.ttf") format("truetype"), url("/assets/fonts/Manrope/otf/Manrope-ExtraBold.otf") format("otf");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  src: url("/assets/fonts/Inter/woff/Inter-Light.woff") format("woff"), url("/assets/fonts/Inter/woff2/Inter-Light.woff2") format("woff2"), url("/assets/fonts/Inter/ttf/Inter-Light.ttf") format("truetype"), url("/assets/fonts/Inter/otf/Inter-Light.otf") format("otf");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  src: url("/assets/fonts/Inter/woff/Inter-Regular.woff") format("woff"), url("/assets/fonts/Inter/woff2/Inter-Regular.woff2") format("woff2"), url("/assets/fonts/Inter/ttf/Inter-Regular.ttf") format("truetype"), url("/assets/fonts/Inter/otf/Inter-Regular.otf") format("otf");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  src: url("/assets/fonts/Inter/woff/Inter-Medium.woff") format("woff"), url("/assets/fonts/Inter/woff2/Inter-Medium.woff2") format("woff2"), url("/assets/fonts/Inter/ttf/Inter-Medium.ttf") format("truetype"), url("/assets/fonts/Inter/otf/Inter-Medium.otf") format("otf");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  src: url("/assets/fonts/Inter/woff/Inter-SemiBold.woff") format("woff"), url("/assets/fonts/Inter/woff2/Inter-SemiBold.woff2") format("woff2"), url("/assets/fonts/Inter/ttf/Inter-SemiBold.ttf") format("truetype"), url("/assets/fonts/Inter/otf/Inter-SemiBold.otf") format("otf");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  src: url("/assets/fonts/Inter/woff/Inter-Bold.woff") format("woff"), url("/assets/fonts/Inter/woff2/Inter-Bold.woff2") format("woff2"), url("/assets/fonts/Inter/ttf/Inter-Bold.ttf") format("truetype"), url("/assets/fonts/Inter/otf/Inter-Bold.otf") format("otf");
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 800;
  src: url("/assets/fonts/Inter/woff/Inter-ExtraBold.woff") format("woff"), url("/assets/fonts/Inter/woff2/Inter-ExtraBold.woff2") format("woff2"), url("/assets/fonts/Inter/ttf/Inter-ExtraBold.ttf") format("truetype"), url("/assets/fonts/Inter/otf/Inter-ExtraBold.otf") format("otf");
}
@media only screen and (min-width: 1200px) and (max-width: 1400px) {
  .d-xl-xxl-none {
    display: none;
  }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
  .d-lg-xl-none {
    display: none;
  }
}
@media only screen and (min-width: 768px) and (max-width: 992px) {
  .d-md-lg-none {
    display: none;
  }
}
@media only screen and (min-width: 576px) and (max-width: 768px) {
  .d-sm-md-none {
    display: none;
  }
  .modal-dialog {
    max-width: 576px !important;
  }
}
@media only screen and (max-width: 576px) {
  .d-xs-sm-none {
    display: none;
  }
}
@media (max-width: 768px) {
  .container-fluid {
    max-width: calc(100% - 0px);
  }
}
@media (max-width: 576px) {
  .pb-xs-0 {
    padding-bottom: 0 !important;
  }
  .mb-xs-0 {
    margin-bottom: 0px !important;
  }
}
.welcome-btn {
  border-radius: 5px;
  padding: 10px 60px;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  color: #ffffff;
  font-size: 14px;
  line-height: 19px;
  font-weight: 700;
  border-radius: 5px;
  background-color: #0068b4;
  border-color: #0068b4;
  border: 1px solid;
  margin-right: 20px;
  font-family: "Inter", sans-serif;
}
.welcome-btn:last-child {
  margin-right: 0;
}
.welcome-btn:hover {
  transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -webkit-transition: all 0.6s ease-in-out;
  -ms-transition: all 0.6s ease-in-out;
  background-color: #0068b4;
}

.common-btn {
  border-radius: 6px;
  padding: 8px 20px;
  width: 100%;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  color: #ffffff;
  font-size: 16px;
  font-weight: 700;
  border-radius: 5px;
  background-color: #0068b4;
  border-color: #0068b4;
  border: 1px solid;
  font-family: "Inter", sans-serif;
}
.common-btn:hover {
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  background-color: #0068b4;
}

.secondary-btn {
  border-radius: 6px;
  padding: 8px 30px;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 6px;
  background-color: #34495e;
  border-color: #34495e;
  border: 1px solid;
}
.secondary-btn:hover {
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  background-color: #34495e;
}

.failed-btn {
  border-radius: 5px;
  padding: 12px 20px;
  width: 100%;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 10px;
  background-color: #E74C3C;
  border-color: #E74C3C;
  border: 1px solid;
}
.failed-btn:hover {
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  background-color: #E74C3C;
}

.success-btn {
  border-radius: 5px;
  padding: 12px 20px;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 10px;
  background-color: #2ECC71;
  border-color: #2ECC71;
  border: 1px solid;
}
.success-btn:hover {
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  background-color: #2ECC71;
}

.btn-success {
  border-radius: 5px;
  padding: 8px 30px;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 6px;
  background-color: #2ECC71;
  border-color: #2ECC71;
  border: 1px solid;
}
.btn-success:hover {
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  background-color: #2ECC71;
}

.btn-failed {
  border-radius: 5px;
  padding: 8px 30px;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 6px;
  background-color: #E74C3C;
  border-color: #E74C3C;
  border: 1px solid;
}
.btn-failed:hover {
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  background-color: #E74C3C;
}

.btn-primary {
  border-radius: 6px;
  padding: 8px 30px;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 6px;
  background-color: #0068b4;
  border-color: #0068b4;
  border: 1px solid;
}
.btn-primary:hover {
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  background-color: #0068b4;
}

.btn-reset {
  border-radius: 6px;
  padding: 8px 30px;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 6px;
  background-color: #a6a7cb;
  border-color: #a6a7cb;
  border: 1px solid;
}
.btn-reset:hover {
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  background-color: #a6a7cb;
}

.btn-warning {
  border-radius: 6px;
  padding: 8px 30px;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  color: #ffffff;
  font-size: 18px;
  font-weight: 700;
  border-radius: 6px;
  background-color: #f39c12;
  border-color: #f39c12;
  border: 1px solid;
}
.btn-warning:hover {
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  background-color: #f39c12;
}

.animate-image {
  position: relative;
  display: inline-block;
  line-height: 0;
}
.animate-image .img-fluid {
  max-width: 100%;
  height: auto;
}
.animate-image::before {
  transform: scaleX(0);
  transform-origin: bottom right;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  inset: 0 0 0 0;
  background: rgba(0, 0, 0, 0.5);
  transition: transform 0.3s ease;
}
.animate-image:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}

.main-content {
  margin-top: -150px;
}

.content-aside {
  width: 100%;
}

.sec-heading {
  padding-bottom: 15px;
}
.sec-heading h3 {
  color: #5B5D88;
  font-size: 16px;
  font-weight: 500;
  line-height: 19px;
}

.common-flexer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.toggle-switch .switch {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 18px;
  top: 5px;
}
.toggle-switch .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.toggle-switch .switch .slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 2px;
  bottom: 0;
  background-color: transparent;
  border: 1px solid #5D64E9;
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.toggle-switch .switch .slider::before {
  position: absolute;
  content: "";
  height: 12px;
  width: 12px;
  left: 2px;
  bottom: 2px;
  background: linear-gradient(180deg, #4347CB 0%, #6D77FC 100%);
  -webkit-transition: 0.4s;
  transition: 0.4s;
}
.toggle-switch input:checked + .slider {
  background-color: transparent;
}
.toggle-switch input:focus + .slider {
  box-shadow: 0 0 1px transparent;
}
.toggle-switch input:checked + .slider:before {
  -webkit-transform: translateX(12px);
  -ms-transform: translateX(12px);
  transform: translateX(12px);
}
.toggle-switch .slider.round {
  border-radius: 10px;
}
.toggle-switch .slider.round:before {
  border-radius: 50%;
}

.common-card {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
}
.common-card .heading {
  padding-bottom: 20px;
}
.common-card .heading h3 {
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
  color: #131541;
}

.heading-with-breadcrumb {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.common-card-inner {
  padding: 20px;
  border: 1px solid #E6E4EE;
  border-radius: 5px;
}
.common-card-inner .header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  padding-bottom: 25px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E6E4EE;
}
.common-card-inner .header h3 {
  font-size: 16px;
  line-height: 19px;
  font-weight: 700;
  color: #131541;
}
.common-card-inner .header .form-group {
  position: relative;
}
.common-card-inner .header .form-group input {
  font-size: 13px;
  line-height: 16px;
  color: #9F99BE;
  border: 1px solid #D7D3E7;
  border-radius: 5px;
  height: 40px;
  padding: 5px 30px 5px 10px;
  width: 290px;
}
.common-card-inner .header .form-group input::placeholder {
  color: #9F99BE;
}
.common-card-inner .header .form-group input:focus {
  box-shadow: none;
}
.common-card-inner .header .form-group label {
  position: absolute;
  top: 7px;
  right: 12px;
}
.common-card-inner .header .radio-form-group input {
  border-color: #9F99BE;
}
.common-card-inner .header .radio-form-group label {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: #9F99BE;
}
.common-card-inner .header .checkbox-form-group input {
  border-color: #9F99BE;
}
.common-card-inner .header .checkbox-form-group label {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: #9F99BE;
}
.common-card-inner .header .checkbox-form-group label:first-child {
  color: #5B5D88;
}

.checkbox-form-group input {
  border-color: #9F99BE;
}
.checkbox-form-group label {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: #9F99BE;
  margin-left: 3px;
}
.checkbox-form-group label:first-child {
  color: #5B5D88;
  margin-left: 0;
}

.common-heading {
  color: #131541;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
}

@media (max-width: 992px) {
  .common-card-inner .header h3 {
    padding-bottom: 15px;
  }
  .common-table-header .header {
    display: block;
    padding-bottom: 20px;
  }
  .common-table-header .header h3 {
    padding-bottom: 15px;
  }
  .common-table-header .header .form-group {
    width: 100%;
  }
}
@media (max-width: 768px) {
  .main-content .main-content-body {
    display: block;
  }
  .common-card-inner .header {
    display: block;
  }
  .common-card-inner .header h3 {
    padding-bottom: 15px;
  }
  .common-card-inner .header .form-group input {
    width: 100%;
  }
}
.report-notification {
  background: #f8f6ff;
  border-radius: 5px;
  padding: 5px;
}
.report-notification h3 {
  font-weight: 700;
  font-size: 15px;
  line-height: 18px;
  color: #5B5D88;
  padding-bottom: 10px;
}
.report-notification .todos {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: center;
  border-radius: 5px;
  background-color: #ffffff;
  padding: 10px;
  margin-bottom: 10px;
  gap: 15px;
}
.report-notification .todos .content-start {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 0px;
}
.report-notification .todos .content-start .icon {
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 55px;
  border-radius: 50px;
  margin-right: 15px;
}
.report-notification .todos .content-start .inner-content h3 {
  font-weight: 500;
  font-size: 15px;
  line-height: 18px;
  letter-spacing: 0.02em;
  color: #131541;
  padding-bottom: 3px;
}
.report-notification .todos .content-start .inner-content .date {
  font-weight: 500;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.02em;
  color: #9F99BE;
}
.report-notification .todos .content-start .inner-content .date span.dot {
  position: relative;
  width: 5px;
  height: 5px;
  background-color: #9F99BE;
  display: inline-block;
  border-radius: 50%;
}
.report-notification .todos .content-end .status {
  background-color: #FFEDDD;
  color: #E67E22;
  border-radius: 5px;
  padding: 3px 10px 5px;
}

.notification-header ul {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px 0px;
  width: 100%;
  position: relative;
  padding-bottom: 20px;
}
.notification-header ul li {
  white-space: nowrap;
  padding: 12px 15px 12px;
  border-radius: 10px;
  margin-right: 15px;
  font-size: 14px;
  line-height: 19px;
  text-align: center;
  position: relative;
  color: #9F99BE;
  border: 2px solid #F4F2FE;
}
.notification-header ul li.active {
  background-color: #0068b4;
  color: #ffffff;
}
.notification-header ul li.active .notify-count {
  background-color: #ffffff;
  color: #0068b4;
}
.notification-header ul li .notify-count {
  border-radius: 5px;
  font-size: 14px;
  line-height: 19px;
  padding: 5px;
  font-weight: 500;
  color: #9F99BE;
  background-color: #E8E3FF;
  margin-left: 5px;
}

.dashboard-cards {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
}
.dashboard-cards .cards {
  border-radius: 10px;
  padding: 15px;
  position: relative;
}
.dashboard-cards .cards ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 20px;
}
.dashboard-cards .cards ul li {
  color: #3F4159;
  font-weight: 500;
  font-size: 15px;
}
.dashboard-cards .cards .details span {
  display: block;
}
.dashboard-cards .cards .details span.count {
  font-size: 22px;
  line-height: 31px;
  font-weight: 700;
  color: #131541;
  padding-bottom: 5px;
}
.dashboard-cards .cards .details span.type {
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
  color: #9F99BE;
}
.dashboard-cards .cards .ellipse {
  position: absolute;
  bottom: 0;
  right: 5px;
}

@media (max-width: 1200px) {
  .dashboard-cards .cards {
    margin-bottom: 20px;
  }
}
.chart {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
  width: 100%;
}
.chart .chart-list {
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  justify-content: space-between;
}
.chart .chart-list .list ul {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.chart .chart-list .list ul li .range {
  background-color: #DCDDED;
  width: 40px;
  height: 8px;
  border-radius: 5px;
  margin-bottom: 5px;
}
.chart .chart-list .list ul li .days-count {
  display: block;
  font-size: 14px;
  line-height: 17px;
  font-weight: 600;
  color: #3F4159;
}
.chart .chart-list .chart-img img {
  margin: 0 auto;
  display: block;
}
.chart .switcher {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.chart .switcher span {
  padding-right: 10px;
  font-weight: 400;
  color: #5B5D88;
}
.chart .switcher span.active {
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  color: #131541;
}
.chart .switcher span:last-child {
  padding-right: 0;
}
.chart img {
  width: 100%;
}

.claim-status {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.claim-status .claim-form {
  display: flex;
}
.claim-status .claim-form .form-group {
  margin-right: 10px;
  position: relative;
}
.claim-status .claim-form .form-group:last-child {
  margin-right: 0;
}
.claim-status .claim-form .form-group select {
  border-color: #D7D3E7;
  border-radius: 5px;
  color: #9F99BE;
  font-size: 14px;
  line-height: 19px;
  padding: 6px 30px 6px 10px;
}
.claim-status .claim-form .form-group select:focus {
  box-shadow: none;
}
.claim-status .claim-form .form-group select::placeholder {
  color: #9F99BE;
}
.claim-status .claim-form .form-group label {
  position: absolute;
  top: 3px;
  right: 10px;
  pointer-events: none;
}
.claim-status .claim-types {
  padding-top: 30px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.claim-status .claim-types .overall-claims h3 {
  color: #131541;
  font-size: 22px;
  line-height: 27px;
  font-weight: 700;
}
.claim-status .claim-types .overall-claims p {
  color: #9F99BE;
  font-size: 14px;
  line-height: 17px;
  font-weight: 500;
}
.claim-status .claim-progress .progress-header {
  display: flex;
  justify-content: space-between;
  padding-bottom: 5px;
}
.claim-status .claim-progress .progress-header .text {
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  color: #5B5D88;
}
.claim-status .claim-progress .progress-header .numbers {
  color: #131541;
  font-size: 18px;
  line-height: 25px;
  font-weight: 700;
}
.claim-status .claim-progress .progress {
  height: 10px;
}
.claim-status .claim-progress .progress.progress-green {
  background-color: #eefaf9;
}
.claim-status .claim-progress .progress.progress-green .progress-bar {
  background: linear-gradient(90deg, #69DED8 0%, #079992 100%);
  border-radius: 10px;
}
.claim-status .claim-progress .progress.progress-red {
  background-color: #fef4f3;
}
.claim-status .claim-progress .progress.progress-red .progress-bar {
  background: linear-gradient(90deg, #F9B6AC 0%, #E55039 100%);
  border-radius: 10px;
}

@media (max-width: 1200px) {
  .claim-status .claim-types .overall-claims {
    padding-bottom: 25px;
  }
  .claim-status .claim-types .claim-progress {
    padding-bottom: 25px;
  }
  .claim-status .claim-types .claim-progress:last-child {
    padding-bottom: 0;
  }
}
.common-table {
  white-space: nowrap;
}
.common-table thead {
  background-color: #f8f6ff;
}
.common-table thead tr th {
  border-bottom: 0;
  padding: 15px 1rem;
  color: #131541;
  font-size: 15px;
  line-height: 18px;
  font-weight: 600;
}
.common-table tbody tr td {
  padding: 15px 1rem;
  border-bottom: 1px solid #E6E4EE;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
  color: #5B5D88;
  vertical-align: middle;
}
.common-table tbody tr td .table-status {
  display: block;
  text-align: center;
}
.common-table tbody tr td input {
  border-color: #D7D3E7;
  border-radius: 5px;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  height: 40px;
  color: #131541;
}
.common-table tbody tr td input:focus {
  box-shadow: unset;
  border-color: #D7D3E7;
}
.common-table tbody tr td input::placeholder {
  font-weight: 400;
  color: #9F99BE;
}

.verification-status {
  width: 120px;
}

.table-rating {
  width: 200px;
  display: flex;
}

.custom-pagination {
  padding-top: 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.custom-pagination .table-datas {
  display: flex;
  align-items: center;
}
.custom-pagination .table-datas span {
  padding-right: 10px;
  font-size: 15px;
  line-height: 18px;
  font-weight: 500;
}
.custom-pagination .table-datas span:last-child {
  padding-right: 0;
}
.custom-pagination .table-datas span.data-active {
  color: #9F99BE;
  font-weight: 300;
  padding-left: 10px;
}
.custom-pagination .table-datas .form-group {
  position: relative;
}
.custom-pagination .table-datas .form-group input {
  background-color: #F4F2FE;
  border: 0;
  width: 60px;
  color: #131541;
  font-weight: 700;
  font-size: 15px;
}
.custom-pagination .table-datas .form-group input:focus {
  border-color: transparent;
  box-shadow: unset;
}
.custom-pagination .table-datas .form-group label {
  position: absolute;
  top: 5px;
  right: 5px;
}
.custom-pagination .pages-list .pagination .page-item .page-link {
  border: 0;
  color: #9395BE;
}
.custom-pagination .pages-list .pagination .page-item .page-link.active {
  background-color: #F4F2FE;
  font-weight: 700;
  color: #0068b4;
}

@media (max-width: 992px) {
  .custom-pagination {
    display: block;
  }
  .custom-pagination .table-datas {
    justify-content: center;
    width: 100%;
    padding-bottom: 10px;
  }
  .custom-pagination .pages-list .pagination {
    justify-content: center;
  }
}
.common-breadcrumb ul {
  display: flex;
  flex-wrap: wrap;
}
.common-breadcrumb ul li {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: #9F99BE;
  padding-right: 5px;
  padding-bottom: 5px;
}
.common-breadcrumb ul li.active {
  color: #131541;
  font-weight: 500;
}
.common-breadcrumb ul li:last-child {
  padding-right: 0px;
}

.general-details {
  padding: 20px;
  background-color: #ffffff;
  border-radius: 5px;
}
.general-details .general-header {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #E6E4EE;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.general-details .general-header .header-start {
  display: flex;
  align-items: center;
}
.general-details .general-header .header-start .initial {
  background-color: #DFF2FF;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 50px;
  color: #3498DB;
  font-weight: 700;
  font-size: 32px;
  margin-right: 10px;
}
.general-details .general-header .header-start span {
  display: block;
}
.general-details .general-header .header-start .details ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-bottom: 5px;
}
.general-details .general-header .header-start .details ul li.name {
  font-weight: 700;
  font-size: 20px;
  line-height: 24px;
  color: #131541;
}
.general-details .general-header .header-start .details ul li.status {
  background-color: #E7FFF1;
  padding: 3px 5px;
  border-radius: 5px;
  font-size: 14px;
}
.general-details .general-header .header-start .details span.address {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #5B5D88;
}
.general-details .general-header .header-end ul {
  display: flex;
  align-items: center;
}
.general-details .general-header .header-end ul li {
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  color: #131541;
}
.general-details .general-header .header-end ul li:first-child {
  padding-right: 10px;
}
.general-details .general-body .general-list .general-list-inn {
  padding-bottom: 30px;
}
.general-details .general-body .general-list .general-list-inn span {
  display: block;
}
.general-details .general-body .general-list .general-list-inn span.label {
  font-size: 14px;
  line-height: 17px;
  font-weight: 400;
  color: #5B5D88;
  padding-bottom: 10px;
}
.general-details .general-body .general-list .general-list-inn span.text {
  font-size: 15px;
  line-height: 19px;
  font-weight: 600;
  color: #3F4159;
}

.general-form {
  padding-bottom: 115px;
}
.general-form .form-group {
  padding-bottom: 30px;
  position: relative;
}
.general-form .form-group label {
  color: #5B5D88;
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  padding-bottom: 10px;
}
.general-form .form-group label span {
  color: #E74C3C;
}
.general-form .form-group .label-icon {
  padding-bottom: 0;
  position: absolute;
  top: 45px;
  right: 12px;
}
.general-form .form-group input, .general-form .form-group select {
  border: 1px solid #D7D3E7;
  border-radius: 5px;
  height: 45px;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
}
.general-form .form-group input:focus, .general-form .form-group select:focus {
  box-shadow: none;
}
.general-form .form-group input::placeholder, .general-form .form-group select::placeholder {
  color: #9F99BE;
  font-weight: 400;
}
.general-form .form-group textarea {
  border: 1px solid #D7D3E7;
  border-radius: 5px;
  height: 100px;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #131541;
  padding-top: 10px;
}
.general-form .form-group textarea:focus {
  box-shadow: none;
}
.general-form .form-group textarea::placeholder {
  color: #9F99BE;
  font-weight: 400;
}
.general-form .form-group input[type=file] {
  height: 180px;
  text-align: center;
  border: 1px dashed #E8E4F6;
  appearance: none;
  -webkit-appearance: none;
  position: relative;
}
.general-form .form-group input[type=file]::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/images/background/leyers.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.general-form .form-group .file-label {
  position: absolute;
  top: 22%;
  width: 100%;
  text-align: center;
  cursor: pointer;
}
.general-form .form-group .file-label img {
  padding-bottom: 10px;
}
.general-form .form-group .file-label .drag-drop {
  padding-bottom: 10px;
  font-weight: 500;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.02em;
  color: #131541;
}
.general-form .form-group .file-label .drag-drop span {
  color: #0068b4;
  border-bottom: 1px solid #0068b4;
}
.general-form .form-group .file-label .file-support {
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  letter-spacing: 0.02em;
  color: #9F99BE;
}

.radio-form-group-2 input {
  line-height: 0;
}
.radio-form-group-2 label {
  line-height: 0 !important;
  padding: 0 !important;
}

.form-buttons {
  display: flex;
  justify-content: center;
  padding-bottom: 50px;
}

@media (max-width: 1500px) {
  .general-details .general-header .header-end ul {
    display: block;
  }
  .general-details .general-header .header-end ul li {
    padding-bottom: 10px;
  }
  .general-details .general-header .header-end ul li:last-child {
    padding-bottom: 0;
  }
}
@media (max-width: 1280px) {
  .general-details .general-header {
    display: block;
  }
  .general-details .general-header .header-start {
    padding-bottom: 20px;
  }
}
@media (max-width: 1200px) {
  .heading-with-breadcrumb {
    display: block;
  }
  .heading-with-breadcrumb h3 {
    padding-bottom: 8px;
  }
  .general-form {
    padding-bottom: 40px;
  }
  .form-buttons {
    padding-bottom: 20px;
  }
}
@media (max-width: 992px) {
  .general-details .general-header .header-start {
    display: block;
  }
  .general-details .general-header .header-start .initial {
    margin-right: 0;
    margin-bottom: 10px;
  }
  .general-details .general-header .header-start .details ul {
    display: block;
  }
  .general-details .general-header .header-start .details ul li {
    display: inline-block;
  }
  .general-form {
    padding-bottom: 40px;
  }
}
.modal.show {
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
}

.custom-modal {
  padding: 0 !important;
  width: 100% !important;
}
.custom-modal .modal-dialog {
  max-width: 720px;
}
.custom-modal .modal-dialog .modal-content {
  border: 0;
  border-radius: 10px;
}
.custom-modal .modal-header {
  padding: 20px;
  border-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border: 0;
}
.custom-modal .modal-header.bg-whiteGreen {
  background-image: url(/assets/images/background/modal-green-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  width: 100%;
  height: 100%;
}
.custom-modal .modal-header.bg-whiteRed {
  background-image: url(/assets/images/background/modal-red-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  width: 100%;
  height: 100%;
}
.custom-modal .modal-header .icon {
  width: 92px;
  height: 92px;
  display: block;
  margin: 0 auto;
  text-align: center;
  line-height: 88px;
  border-radius: 50%;
}
.custom-modal .modal-header .icon img {
  width: 50px;
  height: 50px;
}
.custom-modal .modal-header h3 {
  text-align: left;
  color: #3F4159;
  font-weight: 700;
  font-size: 18px;
  line-height: 22px;
}
.custom-modal .modal-header .btn-close {
  color: #9F99BE;
  opacity: 0.3;
}
.custom-modal .modal-header .btn-close:focus {
  box-shadow: none;
}
.custom-modal .modal-body .search-modal {
  padding-bottom: 20px;
  border-bottom: 1px solid #E6E4EE;
}
.custom-modal .modal-body .search-modal .form-group {
  position: relative;
  max-width: 50%;
}
.custom-modal .modal-body .search-modal .form-group input {
  border: 1px solid #D7D3E7;
  border-radius: 5px;
  height: 40px;
  font-weight: 400;
  font-size: 13px;
  line-height: 16px;
  color: #9F99BE;
  padding: 5px 35px 5px 10px;
}
.custom-modal .modal-body .search-modal .form-group input:focus {
  box-shadow: none;
  border-color: #D7D3E7;
}
.custom-modal .modal-body .search-modal .form-group input::placeholder {
  color: #9F99BE;
}
.custom-modal .modal-body .search-modal .form-group label {
  position: absolute;
  top: 5px;
  right: 12px;
}
.custom-modal .modal-footer {
  justify-content: center;
  padding-top: 12px;
  padding-bottom: 30px;
  border: 0;
}

.status-modal {
  padding: 0 !important;
  width: 100% !important;
}
.status-modal .modal-dialog {
  max-width: 400px;
  min-height: calc(100% - var(--bs-modal-margin) * 0);
}
.status-modal .modal-dialog .modal-content {
  border: 0;
  border-radius: 10px;
}
.status-modal .modal-header {
  padding: 30px;
  border-radius: 10px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border: 0;
}
.status-modal .modal-header.bg-whiteGreen {
  background-image: url(/assets/images/background/modal-green-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  width: 100%;
  height: 100%;
}
.status-modal .modal-header.bg-whiteRed {
  background-image: url(/assets/images/background/modal-red-bg.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: auto;
  width: 100%;
  height: 100%;
}
.status-modal .modal-header .icon {
  width: 92px;
  height: 92px;
  display: block;
  margin: 0 auto;
  text-align: center;
  line-height: 88px;
  border-radius: 50%;
}
.status-modal .modal-header .icon img {
  width: 50px;
  height: 50px;
}
.status-modal .modal-header h3 {
  text-align: left;
  color: #0068b4;
  font-weight: 800;
  font-size: 16px;
  line-height: 24px;
}
.status-modal .modal-body h3 {
  font-size: 22px;
  line-height: 30px;
  padding-bottom: 10px;
  font-weight: 700;
  color: #131541;
  text-align: center;
}
.status-modal .modal-body p {
  color: #5B5D88;
  font-size: 15px;
  line-height: 21px;
  text-align: center;
}
.status-modal .modal-body .modal-form-details {
  padding: 20px 20px 15px 20px;
  border-radius: 10px;
  margin-bottom: 15px;
  box-shadow: 0px 10px 40px 4px rgba(24, 68, 179, 0.08);
}
.status-modal .modal-body .modal-form-details.active {
  background-color: #F6F5FB;
  box-shadow: unset;
}
.status-modal .modal-body .modal-form-details:last-child {
  margin-bottom: 0;
}
.status-modal .modal-body .modal-form-details .modal-form-details-inn {
  display: flex;
  align-items: flex-start;
  width: 100%;
}
.status-modal .modal-body .modal-form-details .modal-form-details-inn .number {
  padding-right: 10px;
}
.status-modal .modal-body .modal-form-details .modal-form-details-inn .number span {
  color: #131541;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  display: block;
}
.status-modal .modal-body .modal-form-details .modal-form-details-inn .text {
  width: 100%;
  text-align: left;
}
.status-modal .modal-body .modal-form-details .modal-form-details-inn .text label {
  color: #131541;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  padding-bottom: 3px;
  display: block;
}
.status-modal .modal-body .modal-form-details .modal-form-details-inn .text h4 {
  color: #131541;
  font-size: 15px;
  line-height: 20px;
  font-weight: 700;
  padding-bottom: 3px;
}
.status-modal .modal-body .modal-form-details .modal-form-details-inn .text p {
  font-size: 14px;
  line-height: 20px;
  color: #5B5D88;
}
.status-modal .modal-body .modal-form-details .modal-form-details-inn .text .form-group {
  position: relative;
}
.status-modal .modal-body .modal-form-details .modal-form-details-inn .text .form-group select, .status-modal .modal-body .modal-form-details .modal-form-details-inn .text .form-group textarea, .status-modal .modal-body .modal-form-details .modal-form-details-inn .text .form-group input {
  border-color: transparent;
  padding: 0;
  height: 30px;
  color: #9F99BE;
  font-size: 14px;
  line-height: 20px;
}
.status-modal .modal-body .modal-form-details .modal-form-details-inn .text .form-group select::placeholder, .status-modal .modal-body .modal-form-details .modal-form-details-inn .text .form-group textarea::placeholder, .status-modal .modal-body .modal-form-details .modal-form-details-inn .text .form-group input::placeholder {
  color: #9F99BE;
}
.status-modal .modal-body .modal-form-details .modal-form-details-inn .text .form-group select:focus, .status-modal .modal-body .modal-form-details .modal-form-details-inn .text .form-group textarea:focus, .status-modal .modal-body .modal-form-details .modal-form-details-inn .text .form-group input:focus {
  box-shadow: unset;
}
.status-modal .modal-body .modal-form-details .modal-form-details-inn .text .form-group select option, .status-modal .modal-body .modal-form-details .modal-form-details-inn .text .form-group textarea option, .status-modal .modal-body .modal-form-details .modal-form-details-inn .text .form-group input option {
  padding: 15px;
}
.status-modal .modal-body .modal-form-details .modal-form-details-inn .text .form-group img, .status-modal .modal-body .modal-form-details .modal-form-details-inn .text .form-group svg {
  position: absolute;
  top: 12px;
  right: 5px;
}
.status-modal .modal-body .modal-form-details .modal-form-details-inn .text .form-group .t-5 {
  top: 5px;
}
.status-modal .modal-body .modal-form-details .modal-form-details-inn .text .form-group input#session-date {
  position: relative;
  overflow: hidden;
}
.status-modal .modal-body .modal-form-details .modal-form-details-inn .text .form-group input#session-date::-webkit-calendar-picker-indicator {
  display: block;
  top: 0;
  left: 0;
  background: #000000;
  position: absolute;
  transform: scale(12);
}
.status-modal .modal-body .modal-form-details .modal-form-details-inn .text .form-group input[type=radio] {
  margin-right: 5px;
}
.status-modal .modal-body .modal-form-details .modal-form-details-inn .text .form-group label {
  padding-right: 15px;
  font-weight: 700;
  color: #000000;
  font-size: 15px;
}
.status-modal .modal-body .modal-form-details .modal-form-details-inn .verify-pan {
  background-color: #cbf2db;
  border-radius: 5px;
  padding: 2px 8px;
  border: 0;
  color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
}
.status-modal .modal-footer {
  justify-content: center;
  padding-top: 12px;
  padding-bottom: 30px;
  border: 0;
}

@media only screen and (max-width: 576px) {
  .custom-modal .modal-body .search-modal .form-group {
    max-width: 100%;
  }
}
.comments {
  background-color: #f8f6ff;
  border-radius: 5px;
  padding: 20px;
}
.comments .comments-header {
  padding-bottom: 20px;
}
.comments .comments-header h3 {
  font-weight: 400;
  font-size: 15px;
  line-height: 18px;
  color: #131541;
}
.comments .comments-body .comment-message {
  display: flex;
  border-bottom: 1px solid #E6E4EE;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.comments .comments-body .comment-message .icon {
  margin-right: 30px;
}
.comments .comments-body .comment-message .icon .user {
  background: #DEF1FF;
  border-radius: 50px;
  width: 40px;
  height: 40px;
  line-height: 35px;
  text-align: center;
}
.comments .comments-body .comment-message .message-details .name {
  display: block;
  font-weight: 600;
  font-size: 15px;
  line-height: 18px;
  color: #3F4159;
  padding-bottom: 10px;
}
.comments .comments-body .comment-message .message-details ul {
  display: flex;
  flex-wrap: wrap;
  padding-bottom: 5px;
}
.comments .comments-body .comment-message .message-details ul li {
  font-weight: 400;
  font-size: 12px;
  line-height: 15px;
  color: #9F99BE;
}
.comments .comments-body .comment-message .message-details .message {
  display: block;
  font-weight: 400;
  font-size: 15px;
  line-height: 26px;
  letter-spacing: 0.02em;
  color: #5B5D88;
}

@media (max-width: 992px) {
  .comments .comments-body .comment-message .icon {
    margin-right: 15px;
  }
}
.dashboard-header {
  padding: 50px 0px 200px 0px;
  background-image: url(/assets/images/background/default-header-background.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.dashboard-header .heading-inner .dashboard-logo {
  background-color: #ffffff;
  border-radius: 8px;
  height: 90px;
  display: flex;
  align-items: center;
}
.dashboard-header .heading-inner .dashboard-logo img {
  width: 210px;
  margin: 0 auto;
  display: block;
}
.dashboard-header .heading-inner .title h3 {
  font-weight: 800;
  font-size: 24px;
  line-height: 29px;
  color: #ffffff;
  text-align: center;
}
.dashboard-header .heading-inner .login-notification {
  padding: 25px 20px;
  background-color: #ffffff;
  border-radius: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 90px;
}
.dashboard-header .heading-inner .login-notification .login-time {
  display: flex;
  border-right: 1px solid #DEDBED;
  padding-right: 20px;
}
.dashboard-header .heading-inner .login-notification .login-time .icon {
  background-color: #ebfaf1;
  display: inline-block;
  width: 40px;
  height: 40px;
  line-height: 36px;
  border-radius: 50px;
  text-align: center;
  margin-right: 10px;
}
.dashboard-header .heading-inner .login-notification .login-time .previous-login h3 {
  color: #888AB7;
  font-size: 13px;
  line-height: 16px;
  font-family: "Inter", sans-serif;
  font-weight: 400;
}
.dashboard-header .heading-inner .login-notification .login-time .previous-login p {
  color: #131541;
  font-size: 14px;
  line-height: 19px;
  font-family: "Inter", sans-serif;
}
.dashboard-header .heading-inner .login-notification .notify-logout {
  display: flex;
  align-items: center;
  padding-left: 20px;
}
.dashboard-header .heading-inner .login-notification .notify-logout .notification {
  padding-right: 20px;
  position: relative;
}
.dashboard-header .heading-inner .login-notification .notify-logout .notification img {
  width: 26px;
}
.dashboard-header .heading-inner .login-notification .notify-logout .notification span {
  position: absolute;
  background-color: #d63031;
  border-radius: 50px;
  color: #ffffff;
  width: 15px;
  height: 15px;
  font-size: 10px;
  text-align: center;
  line-height: 15px;
  top: -4px;
  right: 20px;
}

@media (max-width: 992px) {
  .dashboard-header .heading-inner .dashboard-logo {
    margin-bottom: 30px;
  }
  .dashboard-header .heading-inner .title {
    margin-bottom: 30px;
  }
}
.sidebar {
  background-color: #ffffff;
  border-radius: 10px;
  padding: 20px 15px;
}
.sidebar .profile {
  padding: 10px 0px 30px;
  border-bottom: 1px solid #E6E4EE;
}
.sidebar .profile .image {
  padding-bottom: 15px;
  position: relative;
}
.sidebar .profile .image .avatar {
  border-radius: 50%;
  border: 2px dashed #9e99bb;
  width: 120px;
  display: block;
  margin: 0 auto;
  padding: 2px;
}
.sidebar .profile .image .profile-edit {
  background-color: #f39c12;
  border-radius: 50px;
  width: 34px;
  height: 34px;
  line-height: 28px;
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 55%;
}
.sidebar .profile .image .profile-edit img {
  width: 20px;
}
.sidebar .profile .content h3 {
  text-align: center;
  font-weight: 700;
  font-size: 16px;
  line-height: 24px;
  color: #131541;
  font-family: "Inter", sans-serif;
}
.sidebar .profile .content span {
  text-align: center;
  display: block;
  font-weight: 400;
  color: #888AB7;
  font-size: 14px;
}
.sidebar .menus {
  padding-top: 30px;
}
.sidebar .menus .menu-list {
  margin: 0 auto;
  display: block;
  text-align: center;
  background-color: #f8f6ff;
  border-radius: 10px;
  padding: 20px 0px;
  margin-bottom: 20px;
}
.sidebar .menus .menu-list svg, .sidebar .menus .menu-list img {
  margin-bottom: 10px;
}
.sidebar .menus .menu-list span {
  display: block;
  text-align: center;
  font-weight: 400;
  color: #9e99bb;
  font-size: 14px;
}
.sidebar .menus .menu-list.active {
  background-color: #40d67f;
  box-shadow: 2px 4px 20px 4px rgba(46, 204, 113, 0.22);
  -webkit-box-shadow: 2px 4px 20px 4px rgba(46, 204, 113, 0.22);
  -ms-box-shadow: 2px 4px 20px 4px rgba(46, 204, 113, 0.22);
  -moz-box-shadow: 2px 4px 20px 4px rgba(46, 204, 113, 0.22);
  -o-box-shadow: 2px 4px 20px 4px rgba(46, 204, 113, 0.22);
}
.sidebar .menus .menu-list.active span {
  color: #ffffff;
}

@media (max-width: 1400px) {
  .sidebar .profile .image .profile-edit {
    left: 62%;
  }
}
@media (max-width: 1200px) {
  .sidebar .profile .image .profile-edit {
    left: 60%;
  }
}
@media (max-width: 768px) {
  .sidebar {
    max-width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }
  .sidebar .profile .image .profile-edit {
    left: 53%;
  }
}
footer {
  padding: 15px 0px;
}
footer h4 {
  font-size: 13px;
  line-height: 19px;
  font-weight: 400;
  color: #888AB7;
  text-align: center;
}

.login {
  position: relative;
  z-index: 5;
  background: #F4F2FE;
  padding-bottom: 0px;
}
.login .login-img {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.login .login-img::before {
  position: absolute;
  content: "";
  top: -67px;
  left: -245px;
  width: 460px;
  height: 281px;
  background: linear-gradient(72.55deg, #36B2FF 27.97%, #093CBC 89.18%);
  z-index: -5;
  transform: rotate(127deg);
}
.login .login-img::after {
  position: absolute;
  content: "";
  top: -41px;
  right: -165px;
  width: 100%;
  height: 425px;
  background-color: #ffffff;
  border-radius: 25px;
  transform: rotate(36deg);
}
.login .login-img .logo-img {
  width: 122px;
  height: 122px;
}
.login .login-img .layer-img {
  z-index: 999;
  position: relative;
  top: 30px;
  left: 20px;
}
.login .login-form .content {
  padding-bottom: 20px;
}
.login .login-form .content h3 {
  font-size: 30px;
  line-height: 42px;
  font-weight: 800;
  padding-bottom: 5px;
}
.login .login-form .content p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #9F99BE;
}
.login .login-form .form .form-group {
  padding-bottom: 15px;
  position: relative;
}
.login .login-form .form .form-group label {
  color: #9F99BE;
  font-size: 16px;
  position: absolute;
  z-index: 999;
  left: 70px;
  top: 18px;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.login .login-form .form .form-group .form-control {
  border: 1px solid #D8D6E3;
  padding: 30px 15px 15px 70px;
  border-radius: 10px;
  font-size: 18px;
}
.login .login-form .form .form-group input {
  height: 60px;
  color: #131541;
  font-weight: 700;
  position: relative;
}
.login .login-form .form .form-group input::placeholder {
  color: #0068b4;
}
.login .login-form .form .form-group input:focus {
  box-shadow: 0px 6px 44px 14px rgba(0, 0, 0, 0.05);
  border-color: transparent;
}
.login .login-form .form .form-group input:focus + label {
  top: 3px;
}
.login .login-form .form .form-group input:focus ~ svg {
  fill: #0068b4;
}
.login .login-form .form .form-group input:valid + label {
  top: 3px;
}
.login .login-form .form .form-group input:valid ~ svg {
  fill: #0068b4;
}
.login .login-form .form .form-group input::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 5px;
  height: 20px;
  background-color: #000000;
}
.login .login-form .form .form-group svg {
  position: absolute;
  z-index: 999;
  left: 15px;
  top: 15px;
  width: 24px;
  height: 24px;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.login .login-form .form .form-buttons {
  padding-top: 50px;
  position: fixed;
  bottom: 0;
  width: 100%;
}
.login .login-form .form .form-buttons ul {
  display: flex;
  justify-content: space-between;
}
.login .login-form .form .form-buttons ul li:first-child {
  width: 50%;
  position: relative;
}
.login .login-form .form .form-buttons ul li:first-child::before {
  position: absolute;
  content: "";
  top: 0;
  left: -15px;
  background-color: #34495e;
  color: #ffffff;
  width: 120%;
  height: 100%;
  clip-path: polygon(0 0, 80% 0, 100% 100%, 0% 100%);
}
.login .login-form .form .form-buttons ul li:first-child a {
  color: #ffffff;
  position: relative;
  z-index: 9999;
  display: block;
  padding-top: 18px;
  padding-bottom: 18px;
  text-align: left;
  font-weight: 500;
  font-size: 18px;
}
.login .login-form .form .form-buttons ul li:last-child {
  width: 50%;
  position: relative;
}
.login .login-form .form .form-buttons ul li:last-child::before {
  position: absolute;
  content: "";
  top: 0;
  background-color: #0068b4;
  color: #ffffff;
  width: 500px;
  height: 100%;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 8% 100%);
}
.login .login-form .form .form-buttons ul li:last-child button {
  position: relative;
  width: 100%;
  z-index: 9999;
  display: block;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: transparent;
  border: 0;
  color: #ffffff;
  text-align: center;
  font-weight: 800;
  font-size: 22px;
}

.welcome {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
  position: relative;
}
.welcome h3 {
  font-size: 30px;
  line-height: 38px;
  font-weight: 800;
  color: #131541;
  text-transform: uppercase;
  text-align: center;
  padding-bottom: 20px;
  font-family: "Inter", sans-serif;
}
.welcome p {
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color: #888AB7;
  text-align: center;
  padding-bottom: 25px;
}
.welcome .logo {
  position: absolute;
  top: 15px;
  left: 30px;
}
.welcome .cloud-blob {
  position: absolute;
  top: 0;
  right: 0;
}

.user-login {
  display: flex;
  align-items: center;
  height: 100vh;
  position: relative;
}
.user-login .login-form {
  padding: 30px;
  border-top: 7px solid;
  border-color: #0068b4;
  border-top-left-radius: 7px;
  border-top-right-radius: 7px;
  background-color: #ffffff;
  position: relative;
  z-index: 999;
  box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.03);
  -ms-box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.03);
  -moz-box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.03);
  -o-box-shadow: 0px 0px 30px 5px rgba(0, 0, 0, 0.03);
}
.user-login .login-form h3 {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  font-family: "Inter", sans-serif;
  color: #131541;
  padding-bottom: 10px;
}
.user-login .login-form p {
  font-size: 14px;
  line-height: 19px;
  font-weight: 400;
  color: #9F99BE;
  padding-bottom: 15px;
  font-family: "Inter", sans-serif;
}
.user-login .login-form .form-group {
  padding-bottom: 15px;
  position: relative;
}
.user-login .login-form .form-group label {
  color: #9F99BE;
  font-size: 14px;
  font-weight: 400;
  position: absolute;
  font-family: "Inter", sans-serif;
  z-index: 999;
  left: 70px;
  top: 18px;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.user-login .login-form .form-group .form-control {
  border: none;
  padding: 30px 40px 15px 70px;
  border-radius: 10px;
  font-size: 14px;
}
.user-login .login-form .form-group input {
  height: 60px;
  color: #131541;
  font-weight: 700;
  font-size: 14px;
  position: relative;
}
.user-login .login-form .form-group input::placeholder {
  color: #0068b4;
}
.user-login .login-form .form-group input:focus {
  box-shadow: 0px 6px 44px 14px rgba(0, 0, 0, 0.05);
  border-color: transparent;
}
.user-login .login-form .form-group input:focus + label {
  top: 8px;
  color: #0068b4;
}
.user-login .login-form .form-group input:focus ~ .icon {
  background-color: #0068b4;
}
.user-login .login-form .form-group input:focus ~ .icon .non-active {
  display: none;
}
.user-login .login-form .form-group input:focus ~ .icon .active {
  display: block;
}
.user-login .login-form .form-group input:valid + label {
  top: 8px;
  color: #0068b4;
  font-weight: 500;
}
.user-login .login-form .form-group input:valid ~ .icon {
  background-color: #0068b4;
}
.user-login .login-form .form-group input:valid ~ .icon svg {
  fill: #ffffff;
}
.user-login .login-form .form-group input::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 5px;
  height: 20px;
  background-color: #000000;
}
.user-login .login-form .form-group .icon {
  position: absolute;
  z-index: 999;
  left: 15px;
  top: 10px;
  width: 40px;
  height: 40px;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
}
.user-login .login-form .form-group .icon .active {
  display: none;
}
.user-login .login-form .form-group .forgot-password-icon {
  position: absolute;
  z-index: 999;
  right: 15px;
  top: 18px;
}
.user-login .login-form .links {
  padding-bottom: 20px;
}
.user-login .login-form .links li {
  color: #131541;
  text-align: right;
  font-weight: 400;
  font-size: 14px;
}
.user-login::before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/images/background/login-background.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.user-login::after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(/assets/images/background/login-layers.png);
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: 15% 75%;
}
.user-login .logo {
  position: absolute;
  top: 20px;
  left: 30px;
  width: 100%;
}
.user-login .logo img {
  padding-bottom: 5px;
}
.user-login .logo h3 {
  font-size: 20px;
  line-height: 29px;
  font-weight: 700;
  text-transform: uppercase;
  color: #131541;
}

@media (max-width: 768px) {
  .user-login::after {
    display: none;
  }
  .user-login .logo {
    top: 10px;
    left: 0;
    text-align: center;
  }
}

/*# sourceMappingURL=main.css.map */