.toast-wrap {
  padding: 1.6rem;
  border-radius: 0.8rem;
  display: grid;
  align-items: flex-start;
  grid-template-columns: min-content 1fr min-content;
  grid-gap: 1rem;
  width: 50rem;
}
.toast-wrap .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.toast-wrap .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.toast-wrap .text {
  font-size: 1.3rem;
  color: #020202;
}
.toast-wrap .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
}
.toast-wrap .cancel svg {
  width: 1rem;
  height: 1rem;
}

.toast-wrap__error {
  background-color: #fff5f5;
  border: 0.15rem solid #ffdfdd;
}
.toast-wrap__error .cancel {
  background-color: #ffdfdd;
}
.toast-wrap__error .cancel svg {
  fill: #ff0f00;
}

.toast-wrap__success {
  background: #D1F5D7 !important;
  border: 0.15rem solid #B3EFBC !important;
}
.toast-wrap__success .cancel {
  background-color: #B3EFBC;
}
.toast-wrap__success .cancel svg {
  fill: #1ACE37;
}

.toast-wrap__info {
  background: #E9F5FF !important;
  border: 0.15rem solid #B9DEFE !important;
}
.toast-wrap__info .cancel {
  background-color: #B9DEFE;
}
.toast-wrap__info .cancel svg {
  fill: #476885;
}

.toast-wrap__warning {
  background: #FFF6ED !important;
  border: 0.15rem solid #FFE6CD !important;
}
.toast-wrap__warning .cancel {
  background-color: #FFE6CD;
}
.toast-wrap__warning .cancel svg {
  fill: #EA872D;
}

.Toastify__toast {
  padding: 1.6rem !important;
  border-radius: 0.8rem !important;
  display: grid !important;
  align-items: flex-start !important;
  grid-template-columns: min-content 1fr min-content !important;
  grid-gap: 1rem !important;
  width: 50rem !important;
}
@media only screen and (max-width: 42em) {
  .Toastify__toast {
    font-size: 1.5rem !important;
  }
}
.Toastify__toast img {
  margin-right: 1rem !important;
  width: 2rem !important;
  height: 2rem !important;
}
@media only screen and (max-width: 42em) {
  .Toastify__toast {
    border-radius: unset !important;
  }
}

.Toastify__toast-theme--colored.Toastify__toast--success {
  background: #D1F5D7 !important;
  border: 0.15rem solid #B3EFBC !important;
}

.Toastify__toast-theme--colored.Toastify__toast--warning {
  background: #FFF6ED !important;
  border: 0.15rem solid #FFE6CD !important;
}

.Toastify__toast-theme--colored.Toastify__toast--error {
  background-color: #fff5f5 !important;
  border: 0.15rem solid #ffdfdd !important;
}

.Toastify__toast-theme--colored.Toastify__toast--info {
  background: #E9F5FF !important;
  border: 0.15rem solid #B9DEFE !important;
}

.Toastify__close-button {
  align-self: center !important;
  border-radius: 50%;
  width: 2.5rem !important;
  height: 2.5rem !important;
  display: grid !important;
  place-items: center !important;
  opacity: 1 !important;
  padding: 0.6rem !important;
  background-color: rgba(255, 255, 255, 0.15) !important;
  position: relative !important;
}
.Toastify__close-button > * {
  transform: translateY(-0.15rem);
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  box-shadow: 0 0 0 30px #f7f8f7 inset !important;
  -webkit-box-shadow: 0 0 0 30px #f7f8f7 inset !important;
}

@media only screen and (max-width: 42em) {
  input:focus,
  input[type=text]:focus,
  input[type=email]:focus,
  .select-react:focus,
  .select-react input:focus,
  .bank_select:focus,
  .bank_select input:focus,
  input[type=password]:focus,
  textarea:focus,
  select:focus {
    font-size: 16px;
  }
  .react-select-class > *:nth-child(3) > *:first-child > *:nth-child(2) input:focus {
    font-size: 16px !important;
  }
}
:root {
  --base-white: #ffffff;
  --base-black: #020202;
  --base-background-white: #f9f9f9;
  --base-background-black: #676767;
  --border-green: #0b8376;
  --border-grey-dark: #676767;
  --border-grey-light: #cccccc;
  --border-light: #f7f8f7;
  --primary-green: #0b8376;
  --primary-deep-green: #014345;
  --primary-blue: #476885;
  --primary-orange: #ea872d;
  --primary-purple: #755ae2;
  --primary-black: #020202;
}

/* reset styles */
* {
  color: inherit;
  margin: 0;
}

html {
  font-size: 62.5%;
  box-sizing: border-box;
}
@media only screen and (max-width: 75em) {
  html {
    font-size: 50%;
  }
}

body {
  font-family: "br_firma", sans-serif;
}

ul {
  padding: 0;
  list-style-type: none;
}

a {
  text-decoration: none;
}

img {
  max-width: 100%;
}

h1 {
  font-size: 7.2rem;
}

h2 {
  font-size: 6rem;
}

h3 {
  font-size: 4.8rem;
}

h4 {
  font-size: 3.6rem;
}

h5 {
  font-size: 3.2rem;
}

h6 {
  font-size: 2.4rem;
}

p {
  font-size: 1.4rem;
}

*,
*::after,
*::before {
  margin: 0;
  padding: 0;
  box-sizing: inherit;
}

.container {
  width: 100%;
  max-width: 120rem;
  margin: 0 auto;
  padding: 0 2rem;
  box-sizing: border-box;
}

.row {
  display: flex;
  flex-flow: row wrap;
}

.gap-0 > * {
  padding: 0;
}

.gap-0 {
  margin-left: 0;
  margin-right: 0;
}

.gap-1 > * {
  padding: 1rem;
}

.gap-1 {
  margin-left: -1rem;
  margin-right: -1rem;
}

.gap-2 > * {
  padding: 2rem;
}

.gap-2 {
  margin-left: -2rem;
  margin-right: -2rem;
}

.gap-3 > * {
  padding: 3rem;
}

.gap-3 {
  margin-left: -3rem;
  margin-right: -3rem;
}

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

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

.justify-center {
  justify-content: center;
}

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

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

@media (min-width: 0) {
  .col-1-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 8.3333333333%;
  }
  .col-2-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 16.6666666667%;
  }
  .col-3-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 25%;
  }
  .col-4-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 33.3333333333%;
  }
  .col-5-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 41.6666666667%;
  }
  .col-6-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 50%;
  }
  .col-7-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 58.3333333333%;
  }
  .col-8-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 66.6666666667%;
  }
  .col-9-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 75%;
  }
  .col-10-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 83.3333333333%;
  }
  .col-11-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 91.6666666667%;
  }
  .col-12-xs {
    box-sizing: border-box;
    flex-grow: 0;
    width: 100%;
  }
}
@media (min-width: 30em) {
  .col-1-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 8.3333333333%;
  }
  .col-2-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 16.6666666667%;
  }
  .col-3-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 25%;
  }
  .col-4-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 33.3333333333%;
  }
  .col-5-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 41.6666666667%;
  }
  .col-6-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 50%;
  }
  .col-7-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 58.3333333333%;
  }
  .col-8-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 66.6666666667%;
  }
  .col-9-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 75%;
  }
  .col-10-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 83.3333333333%;
  }
  .col-11-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 91.6666666667%;
  }
  .col-12-sm {
    box-sizing: border-box;
    flex-grow: 0;
    width: 100%;
  }
}
@media (min-width: 45em) {
  .col-1-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 8.3333333333%;
  }
  .col-2-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 16.6666666667%;
  }
  .col-3-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 25%;
  }
  .col-4-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 33.3333333333%;
  }
  .col-5-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 41.6666666667%;
  }
  .col-6-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 50%;
  }
  .col-7-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 58.3333333333%;
  }
  .col-8-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 66.6666666667%;
  }
  .col-9-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 75%;
  }
  .col-10-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 83.3333333333%;
  }
  .col-11-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 91.6666666667%;
  }
  .col-12-md {
    box-sizing: border-box;
    flex-grow: 0;
    width: 100%;
  }
}
@media (min-width: 60em) {
  .col-1-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 8.3333333333%;
  }
  .col-2-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 16.6666666667%;
  }
  .col-3-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 25%;
  }
  .col-4-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 33.3333333333%;
  }
  .col-5-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 41.6666666667%;
  }
  .col-6-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 50%;
  }
  .col-7-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 58.3333333333%;
  }
  .col-8-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 66.6666666667%;
  }
  .col-9-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 75%;
  }
  .col-10-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 83.3333333333%;
  }
  .col-11-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 91.6666666667%;
  }
  .col-12-lg {
    box-sizing: border-box;
    flex-grow: 0;
    width: 100%;
  }
}
@media (min-width: 75em) {
  .col-1-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 8.3333333333%;
  }
  .col-2-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 16.6666666667%;
  }
  .col-3-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 25%;
  }
  .col-4-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 33.3333333333%;
  }
  .col-5-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 41.6666666667%;
  }
  .col-6-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 50%;
  }
  .col-7-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 58.3333333333%;
  }
  .col-8-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 66.6666666667%;
  }
  .col-9-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 75%;
  }
  .col-10-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 83.3333333333%;
  }
  .col-11-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 91.6666666667%;
  }
  .col-12-xl {
    box-sizing: border-box;
    flex-grow: 0;
    width: 100%;
  }
}
.text-error-light {
  color: #ff0f00;
}

.text-hover-error-light:hover {
  color: #ff0f00;
}

.bg-error-light {
  background-color: #ff0f00;
}

.text-error-light-light-1 {
  color: #ff271a;
}

.text-hover-error-light-light-1:hover {
  color: #ff271a;
}

.bg-error-light-light-1 {
  background-color: #ff271a;
}

.text-error-light-light-2 {
  color: #ff3f33;
}

.text-hover-error-light-light-2:hover {
  color: #ff3f33;
}

.bg-error-light-light-2 {
  background-color: #ff3f33;
}

.text-error-light-light-3 {
  color: #ff574d;
}

.text-hover-error-light-light-3:hover {
  color: #ff574d;
}

.bg-error-light-light-3 {
  background-color: #ff574d;
}

.text-error-light-light-4 {
  color: #ff6f66;
}

.text-hover-error-light-light-4:hover {
  color: #ff6f66;
}

.bg-error-light-light-4 {
  background-color: #ff6f66;
}

.text-error-light-light-5 {
  color: #ff8780;
}

.text-hover-error-light-light-5:hover {
  color: #ff8780;
}

.bg-error-light-light-5 {
  background-color: #ff8780;
}

.text-error-light-light-6 {
  color: #ff9f99;
}

.text-hover-error-light-light-6:hover {
  color: #ff9f99;
}

.bg-error-light-light-6 {
  background-color: #ff9f99;
}

.text-error-light-light-7 {
  color: #ffb7b3;
}

.text-hover-error-light-light-7:hover {
  color: #ffb7b3;
}

.bg-error-light-light-7 {
  background-color: #ffb7b3;
}

.text-error-light-light-8 {
  color: #ffcfcc;
}

.text-hover-error-light-light-8:hover {
  color: #ffcfcc;
}

.bg-error-light-light-8 {
  background-color: #ffcfcc;
}

.text-error-light-light-9 {
  color: #ffe7e6;
}

.text-hover-error-light-light-9:hover {
  color: #ffe7e6;
}

.bg-error-light-light-9 {
  background-color: #ffe7e6;
}

.text-error-light-dark-1 {
  color: #e60e00;
}

.text-hover-error-light-dark-1:hover {
  color: #e60e00;
}

.bg-error-light-dark-1 {
  background-color: #e60e00;
}

.text-error-light-dark-2 {
  color: #cc0c00;
}

.text-hover-error-light-dark-2:hover {
  color: #cc0c00;
}

.bg-error-light-dark-2 {
  background-color: #cc0c00;
}

.text-error-light-dark-3 {
  color: #b30b00;
}

.text-hover-error-light-dark-3:hover {
  color: #b30b00;
}

.bg-error-light-dark-3 {
  background-color: #b30b00;
}

.text-error-light-dark-4 {
  color: #990900;
}

.text-hover-error-light-dark-4:hover {
  color: #990900;
}

.bg-error-light-dark-4 {
  background-color: #990900;
}

.text-error-light-dark-5 {
  color: #800800;
}

.text-hover-error-light-dark-5:hover {
  color: #800800;
}

.bg-error-light-dark-5 {
  background-color: #800800;
}

.text-error-light-dark-6 {
  color: #660600;
}

.text-hover-error-light-dark-6:hover {
  color: #660600;
}

.bg-error-light-dark-6 {
  background-color: #660600;
}

.text-error-light-dark-7 {
  color: #4d0500;
}

.text-hover-error-light-dark-7:hover {
  color: #4d0500;
}

.bg-error-light-dark-7 {
  background-color: #4d0500;
}

.text-error-light-dark-8 {
  color: #330300;
}

.text-hover-error-light-dark-8:hover {
  color: #330300;
}

.bg-error-light-dark-8 {
  background-color: #330300;
}

.text-error-light-dark-9 {
  color: #1a0200;
}

.text-hover-error-light-dark-9:hover {
  color: #1a0200;
}

.bg-error-light-dark-9 {
  background-color: #1a0200;
}

.text-info-light {
  color: #f6c31c;
}

.text-hover-info-light:hover {
  color: #f6c31c;
}

.bg-info-light {
  background-color: #f6c31c;
}

.text-info-light-light-1 {
  color: #f7c933;
}

.text-hover-info-light-light-1:hover {
  color: #f7c933;
}

.bg-info-light-light-1 {
  background-color: #f7c933;
}

.text-info-light-light-2 {
  color: #f8cf49;
}

.text-hover-info-light-light-2:hover {
  color: #f8cf49;
}

.bg-info-light-light-2 {
  background-color: #f8cf49;
}

.text-info-light-light-3 {
  color: #f9d560;
}

.text-hover-info-light-light-3:hover {
  color: #f9d560;
}

.bg-info-light-light-3 {
  background-color: #f9d560;
}

.text-info-light-light-4 {
  color: #fadb77;
}

.text-hover-info-light-light-4:hover {
  color: #fadb77;
}

.bg-info-light-light-4 {
  background-color: #fadb77;
}

.text-info-light-light-5 {
  color: #fbe18e;
}

.text-hover-info-light-light-5:hover {
  color: #fbe18e;
}

.bg-info-light-light-5 {
  background-color: #fbe18e;
}

.text-info-light-light-6 {
  color: #fbe7a4;
}

.text-hover-info-light-light-6:hover {
  color: #fbe7a4;
}

.bg-info-light-light-6 {
  background-color: #fbe7a4;
}

.text-info-light-light-7 {
  color: #fcedbb;
}

.text-hover-info-light-light-7:hover {
  color: #fcedbb;
}

.bg-info-light-light-7 {
  background-color: #fcedbb;
}

.text-info-light-light-8 {
  color: #fdf3d2;
}

.text-hover-info-light-light-8:hover {
  color: #fdf3d2;
}

.bg-info-light-light-8 {
  background-color: #fdf3d2;
}

.text-info-light-light-9 {
  color: #fef9e8;
}

.text-hover-info-light-light-9:hover {
  color: #fef9e8;
}

.bg-info-light-light-9 {
  background-color: #fef9e8;
}

.text-info-light-dark-1 {
  color: #ddb019;
}

.text-hover-info-light-dark-1:hover {
  color: #ddb019;
}

.bg-info-light-dark-1 {
  background-color: #ddb019;
}

.text-info-light-dark-2 {
  color: #c59c16;
}

.text-hover-info-light-dark-2:hover {
  color: #c59c16;
}

.bg-info-light-dark-2 {
  background-color: #c59c16;
}

.text-info-light-dark-3 {
  color: #ac8914;
}

.text-hover-info-light-dark-3:hover {
  color: #ac8914;
}

.bg-info-light-dark-3 {
  background-color: #ac8914;
}

.text-info-light-dark-4 {
  color: #947511;
}

.text-hover-info-light-dark-4:hover {
  color: #947511;
}

.bg-info-light-dark-4 {
  background-color: #947511;
}

.text-info-light-dark-5 {
  color: #7b620e;
}

.text-hover-info-light-dark-5:hover {
  color: #7b620e;
}

.bg-info-light-dark-5 {
  background-color: #7b620e;
}

.text-info-light-dark-6 {
  color: #624e0b;
}

.text-hover-info-light-dark-6:hover {
  color: #624e0b;
}

.bg-info-light-dark-6 {
  background-color: #624e0b;
}

.text-info-light-dark-7 {
  color: #4a3b08;
}

.text-hover-info-light-dark-7:hover {
  color: #4a3b08;
}

.bg-info-light-dark-7 {
  background-color: #4a3b08;
}

.text-info-light-dark-8 {
  color: #312706;
}

.text-hover-info-light-dark-8:hover {
  color: #312706;
}

.bg-info-light-dark-8 {
  background-color: #312706;
}

.text-info-light-dark-9 {
  color: #191403;
}

.text-hover-info-light-dark-9:hover {
  color: #191403;
}

.bg-info-light-dark-9 {
  background-color: #191403;
}

.text-white-light {
  color: #ffffff;
}

.text-hover-white-light:hover {
  color: #ffffff;
}

.bg-white-light {
  background-color: #ffffff;
}

.text-white-light-light-1 {
  color: white;
}

.text-hover-white-light-light-1:hover {
  color: white;
}

.bg-white-light-light-1 {
  background-color: white;
}

.text-white-light-light-2 {
  color: white;
}

.text-hover-white-light-light-2:hover {
  color: white;
}

.bg-white-light-light-2 {
  background-color: white;
}

.text-white-light-light-3 {
  color: white;
}

.text-hover-white-light-light-3:hover {
  color: white;
}

.bg-white-light-light-3 {
  background-color: white;
}

.text-white-light-light-4 {
  color: white;
}

.text-hover-white-light-light-4:hover {
  color: white;
}

.bg-white-light-light-4 {
  background-color: white;
}

.text-white-light-light-5 {
  color: white;
}

.text-hover-white-light-light-5:hover {
  color: white;
}

.bg-white-light-light-5 {
  background-color: white;
}

.text-white-light-light-6 {
  color: white;
}

.text-hover-white-light-light-6:hover {
  color: white;
}

.bg-white-light-light-6 {
  background-color: white;
}

.text-white-light-light-7 {
  color: white;
}

.text-hover-white-light-light-7:hover {
  color: white;
}

.bg-white-light-light-7 {
  background-color: white;
}

.text-white-light-light-8 {
  color: white;
}

.text-hover-white-light-light-8:hover {
  color: white;
}

.bg-white-light-light-8 {
  background-color: white;
}

.text-white-light-light-9 {
  color: white;
}

.text-hover-white-light-light-9:hover {
  color: white;
}

.bg-white-light-light-9 {
  background-color: white;
}

.text-white-light-dark-1 {
  color: #e6e6e6;
}

.text-hover-white-light-dark-1:hover {
  color: #e6e6e6;
}

.bg-white-light-dark-1 {
  background-color: #e6e6e6;
}

.text-white-light-dark-2 {
  color: #cccccc;
}

.text-hover-white-light-dark-2:hover {
  color: #cccccc;
}

.bg-white-light-dark-2 {
  background-color: #cccccc;
}

.text-white-light-dark-3 {
  color: #b3b3b3;
}

.text-hover-white-light-dark-3:hover {
  color: #b3b3b3;
}

.bg-white-light-dark-3 {
  background-color: #b3b3b3;
}

.text-white-light-dark-4 {
  color: #999999;
}

.text-hover-white-light-dark-4:hover {
  color: #999999;
}

.bg-white-light-dark-4 {
  background-color: #999999;
}

.text-white-light-dark-5 {
  color: gray;
}

.text-hover-white-light-dark-5:hover {
  color: gray;
}

.bg-white-light-dark-5 {
  background-color: gray;
}

.text-white-light-dark-6 {
  color: #666666;
}

.text-hover-white-light-dark-6:hover {
  color: #666666;
}

.bg-white-light-dark-6 {
  background-color: #666666;
}

.text-white-light-dark-7 {
  color: #4d4d4d;
}

.text-hover-white-light-dark-7:hover {
  color: #4d4d4d;
}

.bg-white-light-dark-7 {
  background-color: #4d4d4d;
}

.text-white-light-dark-8 {
  color: #333333;
}

.text-hover-white-light-dark-8:hover {
  color: #333333;
}

.bg-white-light-dark-8 {
  background-color: #333333;
}

.text-white-light-dark-9 {
  color: #1a1a1a;
}

.text-hover-white-light-dark-9:hover {
  color: #1a1a1a;
}

.bg-white-light-dark-9 {
  background-color: #1a1a1a;
}

.text-blue-light {
  color: #476885;
}

.text-hover-blue-light:hover {
  color: #476885;
}

.bg-blue-light {
  background-color: #476885;
}

.text-blue-light-light-1 {
  color: #597791;
}

.text-hover-blue-light-light-1:hover {
  color: #597791;
}

.bg-blue-light-light-1 {
  background-color: #597791;
}

.text-blue-light-light-2 {
  color: #6c869d;
}

.text-hover-blue-light-light-2:hover {
  color: #6c869d;
}

.bg-blue-light-light-2 {
  background-color: #6c869d;
}

.text-blue-light-light-3 {
  color: #7e95aa;
}

.text-hover-blue-light-light-3:hover {
  color: #7e95aa;
}

.bg-blue-light-light-3 {
  background-color: #7e95aa;
}

.text-blue-light-light-4 {
  color: #91a4b6;
}

.text-hover-blue-light-light-4:hover {
  color: #91a4b6;
}

.bg-blue-light-light-4 {
  background-color: #91a4b6;
}

.text-blue-light-light-5 {
  color: #a3b4c2;
}

.text-hover-blue-light-light-5:hover {
  color: #a3b4c2;
}

.bg-blue-light-light-5 {
  background-color: #a3b4c2;
}

.text-blue-light-light-6 {
  color: #b5c3ce;
}

.text-hover-blue-light-light-6:hover {
  color: #b5c3ce;
}

.bg-blue-light-light-6 {
  background-color: #b5c3ce;
}

.text-blue-light-light-7 {
  color: #c8d2da;
}

.text-hover-blue-light-light-7:hover {
  color: #c8d2da;
}

.bg-blue-light-light-7 {
  background-color: #c8d2da;
}

.text-blue-light-light-8 {
  color: #dae1e7;
}

.text-hover-blue-light-light-8:hover {
  color: #dae1e7;
}

.bg-blue-light-light-8 {
  background-color: #dae1e7;
}

.text-blue-light-light-9 {
  color: #edf0f3;
}

.text-hover-blue-light-light-9:hover {
  color: #edf0f3;
}

.bg-blue-light-light-9 {
  background-color: #edf0f3;
}

.text-blue-light-dark-1 {
  color: #405e78;
}

.text-hover-blue-light-dark-1:hover {
  color: #405e78;
}

.bg-blue-light-dark-1 {
  background-color: #405e78;
}

.text-blue-light-dark-2 {
  color: #39536a;
}

.text-hover-blue-light-dark-2:hover {
  color: #39536a;
}

.bg-blue-light-dark-2 {
  background-color: #39536a;
}

.text-blue-light-dark-3 {
  color: #32495d;
}

.text-hover-blue-light-dark-3:hover {
  color: #32495d;
}

.bg-blue-light-dark-3 {
  background-color: #32495d;
}

.text-blue-light-dark-4 {
  color: #2b3e50;
}

.text-hover-blue-light-dark-4:hover {
  color: #2b3e50;
}

.bg-blue-light-dark-4 {
  background-color: #2b3e50;
}

.text-blue-light-dark-5 {
  color: #243443;
}

.text-hover-blue-light-dark-5:hover {
  color: #243443;
}

.bg-blue-light-dark-5 {
  background-color: #243443;
}

.text-blue-light-dark-6 {
  color: #1c2a35;
}

.text-hover-blue-light-dark-6:hover {
  color: #1c2a35;
}

.bg-blue-light-dark-6 {
  background-color: #1c2a35;
}

.text-blue-light-dark-7 {
  color: #151f28;
}

.text-hover-blue-light-dark-7:hover {
  color: #151f28;
}

.bg-blue-light-dark-7 {
  background-color: #151f28;
}

.text-blue-light-dark-8 {
  color: #0e151b;
}

.text-hover-blue-light-dark-8:hover {
  color: #0e151b;
}

.bg-blue-light-dark-8 {
  background-color: #0e151b;
}

.text-blue-light-dark-9 {
  color: #070a0d;
}

.text-hover-blue-light-dark-9:hover {
  color: #070a0d;
}

.bg-blue-light-dark-9 {
  background-color: #070a0d;
}

.text-green-light {
  color: #0b8376;
}

.text-hover-green-light:hover {
  color: #0b8376;
}

.bg-green-light {
  background-color: #0b8376;
}

.text-green-light-light-1 {
  color: #238f84;
}

.text-hover-green-light-light-1:hover {
  color: #238f84;
}

.bg-green-light-light-1 {
  background-color: #238f84;
}

.text-green-light-light-2 {
  color: #3c9c91;
}

.text-hover-green-light-light-2:hover {
  color: #3c9c91;
}

.bg-green-light-light-2 {
  background-color: #3c9c91;
}

.text-green-light-light-3 {
  color: #54a89f;
}

.text-hover-green-light-light-3:hover {
  color: #54a89f;
}

.bg-green-light-light-3 {
  background-color: #54a89f;
}

.text-green-light-light-4 {
  color: #6db5ad;
}

.text-hover-green-light-light-4:hover {
  color: #6db5ad;
}

.bg-green-light-light-4 {
  background-color: #6db5ad;
}

.text-green-light-light-5 {
  color: #85c1bb;
}

.text-hover-green-light-light-5:hover {
  color: #85c1bb;
}

.bg-green-light-light-5 {
  background-color: #85c1bb;
}

.text-green-light-light-6 {
  color: #9dcdc8;
}

.text-hover-green-light-light-6:hover {
  color: #9dcdc8;
}

.bg-green-light-light-6 {
  background-color: #9dcdc8;
}

.text-green-light-light-7 {
  color: #b6dad6;
}

.text-hover-green-light-light-7:hover {
  color: #b6dad6;
}

.bg-green-light-light-7 {
  background-color: #b6dad6;
}

.text-green-light-light-8 {
  color: #cee6e4;
}

.text-hover-green-light-light-8:hover {
  color: #cee6e4;
}

.bg-green-light-light-8 {
  background-color: #cee6e4;
}

.text-green-light-light-9 {
  color: #e7f3f1;
}

.text-hover-green-light-light-9:hover {
  color: #e7f3f1;
}

.bg-green-light-light-9 {
  background-color: #e7f3f1;
}

.text-green-light-dark-1 {
  color: #0a766a;
}

.text-hover-green-light-dark-1:hover {
  color: #0a766a;
}

.bg-green-light-dark-1 {
  background-color: #0a766a;
}

.text-green-light-dark-2 {
  color: #09695e;
}

.text-hover-green-light-dark-2:hover {
  color: #09695e;
}

.bg-green-light-dark-2 {
  background-color: #09695e;
}

.text-green-light-dark-3 {
  color: #085c53;
}

.text-hover-green-light-dark-3:hover {
  color: #085c53;
}

.bg-green-light-dark-3 {
  background-color: #085c53;
}

.text-green-light-dark-4 {
  color: #074f47;
}

.text-hover-green-light-dark-4:hover {
  color: #074f47;
}

.bg-green-light-dark-4 {
  background-color: #074f47;
}

.text-green-light-dark-5 {
  color: #06423b;
}

.text-hover-green-light-dark-5:hover {
  color: #06423b;
}

.bg-green-light-dark-5 {
  background-color: #06423b;
}

.text-green-light-dark-6 {
  color: #04342f;
}

.text-hover-green-light-dark-6:hover {
  color: #04342f;
}

.bg-green-light-dark-6 {
  background-color: #04342f;
}

.text-green-light-dark-7 {
  color: #032723;
}

.text-hover-green-light-dark-7:hover {
  color: #032723;
}

.bg-green-light-dark-7 {
  background-color: #032723;
}

.text-green-light-dark-8 {
  color: #021a18;
}

.text-hover-green-light-dark-8:hover {
  color: #021a18;
}

.bg-green-light-dark-8 {
  background-color: #021a18;
}

.text-green-light-dark-9 {
  color: #010d0c;
}

.text-hover-green-light-dark-9:hover {
  color: #010d0c;
}

.bg-green-light-dark-9 {
  background-color: #010d0c;
}

.text-purple-light {
  color: #755ae2;
}

.text-hover-purple-light:hover {
  color: #755ae2;
}

.bg-purple-light {
  background-color: #755ae2;
}

.text-purple-light-light-1 {
  color: #836be5;
}

.text-hover-purple-light-light-1:hover {
  color: #836be5;
}

.bg-purple-light-light-1 {
  background-color: #836be5;
}

.text-purple-light-light-2 {
  color: #917be8;
}

.text-hover-purple-light-light-2:hover {
  color: #917be8;
}

.bg-purple-light-light-2 {
  background-color: #917be8;
}

.text-purple-light-light-3 {
  color: #9e8ceb;
}

.text-hover-purple-light-light-3:hover {
  color: #9e8ceb;
}

.bg-purple-light-light-3 {
  background-color: #9e8ceb;
}

.text-purple-light-light-4 {
  color: #ac9cee;
}

.text-hover-purple-light-light-4:hover {
  color: #ac9cee;
}

.bg-purple-light-light-4 {
  background-color: #ac9cee;
}

.text-purple-light-light-5 {
  color: #baadf1;
}

.text-hover-purple-light-light-5:hover {
  color: #baadf1;
}

.bg-purple-light-light-5 {
  background-color: #baadf1;
}

.text-purple-light-light-6 {
  color: #c8bdf3;
}

.text-hover-purple-light-light-6:hover {
  color: #c8bdf3;
}

.bg-purple-light-light-6 {
  background-color: #c8bdf3;
}

.text-purple-light-light-7 {
  color: #d6cef6;
}

.text-hover-purple-light-light-7:hover {
  color: #d6cef6;
}

.bg-purple-light-light-7 {
  background-color: #d6cef6;
}

.text-purple-light-light-8 {
  color: #e3def9;
}

.text-hover-purple-light-light-8:hover {
  color: #e3def9;
}

.bg-purple-light-light-8 {
  background-color: #e3def9;
}

.text-purple-light-light-9 {
  color: #f1effc;
}

.text-hover-purple-light-light-9:hover {
  color: #f1effc;
}

.bg-purple-light-light-9 {
  background-color: #f1effc;
}

.text-purple-light-dark-1 {
  color: #6951cb;
}

.text-hover-purple-light-dark-1:hover {
  color: #6951cb;
}

.bg-purple-light-dark-1 {
  background-color: #6951cb;
}

.text-purple-light-dark-2 {
  color: #5e48b5;
}

.text-hover-purple-light-dark-2:hover {
  color: #5e48b5;
}

.bg-purple-light-dark-2 {
  background-color: #5e48b5;
}

.text-purple-light-dark-3 {
  color: #523f9e;
}

.text-hover-purple-light-dark-3:hover {
  color: #523f9e;
}

.bg-purple-light-dark-3 {
  background-color: #523f9e;
}

.text-purple-light-dark-4 {
  color: #463688;
}

.text-hover-purple-light-dark-4:hover {
  color: #463688;
}

.bg-purple-light-dark-4 {
  background-color: #463688;
}

.text-purple-light-dark-5 {
  color: #3b2d71;
}

.text-hover-purple-light-dark-5:hover {
  color: #3b2d71;
}

.bg-purple-light-dark-5 {
  background-color: #3b2d71;
}

.text-purple-light-dark-6 {
  color: #2f245a;
}

.text-hover-purple-light-dark-6:hover {
  color: #2f245a;
}

.bg-purple-light-dark-6 {
  background-color: #2f245a;
}

.text-purple-light-dark-7 {
  color: #231b44;
}

.text-hover-purple-light-dark-7:hover {
  color: #231b44;
}

.bg-purple-light-dark-7 {
  background-color: #231b44;
}

.text-purple-light-dark-8 {
  color: #17122d;
}

.text-hover-purple-light-dark-8:hover {
  color: #17122d;
}

.bg-purple-light-dark-8 {
  background-color: #17122d;
}

.text-purple-light-dark-9 {
  color: #0c0917;
}

.text-hover-purple-light-dark-9:hover {
  color: #0c0917;
}

.bg-purple-light-dark-9 {
  background-color: #0c0917;
}

.text-orange-light {
  color: #ea872d;
}

.text-hover-orange-light:hover {
  color: #ea872d;
}

.bg-orange-light {
  background-color: #ea872d;
}

.text-orange-light-light-1 {
  color: #ec9342;
}

.text-hover-orange-light-light-1:hover {
  color: #ec9342;
}

.bg-orange-light-light-1 {
  background-color: #ec9342;
}

.text-orange-light-light-2 {
  color: #ee9f57;
}

.text-hover-orange-light-light-2:hover {
  color: #ee9f57;
}

.bg-orange-light-light-2 {
  background-color: #ee9f57;
}

.text-orange-light-light-3 {
  color: #f0ab6c;
}

.text-hover-orange-light-light-3:hover {
  color: #f0ab6c;
}

.bg-orange-light-light-3 {
  background-color: #f0ab6c;
}

.text-orange-light-light-4 {
  color: #f2b781;
}

.text-hover-orange-light-light-4:hover {
  color: #f2b781;
}

.bg-orange-light-light-4 {
  background-color: #f2b781;
}

.text-orange-light-light-5 {
  color: #f5c396;
}

.text-hover-orange-light-light-5:hover {
  color: #f5c396;
}

.bg-orange-light-light-5 {
  background-color: #f5c396;
}

.text-orange-light-light-6 {
  color: #f7cfab;
}

.text-hover-orange-light-light-6:hover {
  color: #f7cfab;
}

.bg-orange-light-light-6 {
  background-color: #f7cfab;
}

.text-orange-light-light-7 {
  color: #f9dbc0;
}

.text-hover-orange-light-light-7:hover {
  color: #f9dbc0;
}

.bg-orange-light-light-7 {
  background-color: #f9dbc0;
}

.text-orange-light-light-8 {
  color: #fbe7d5;
}

.text-hover-orange-light-light-8:hover {
  color: #fbe7d5;
}

.bg-orange-light-light-8 {
  background-color: #fbe7d5;
}

.text-orange-light-light-9 {
  color: #fdf3ea;
}

.text-hover-orange-light-light-9:hover {
  color: #fdf3ea;
}

.bg-orange-light-light-9 {
  background-color: #fdf3ea;
}

.text-orange-light-dark-1 {
  color: #d37a29;
}

.text-hover-orange-light-dark-1:hover {
  color: #d37a29;
}

.bg-orange-light-dark-1 {
  background-color: #d37a29;
}

.text-orange-light-dark-2 {
  color: #bb6c24;
}

.text-hover-orange-light-dark-2:hover {
  color: #bb6c24;
}

.bg-orange-light-dark-2 {
  background-color: #bb6c24;
}

.text-orange-light-dark-3 {
  color: #a45f20;
}

.text-hover-orange-light-dark-3:hover {
  color: #a45f20;
}

.bg-orange-light-dark-3 {
  background-color: #a45f20;
}

.text-orange-light-dark-4 {
  color: #8c511b;
}

.text-hover-orange-light-dark-4:hover {
  color: #8c511b;
}

.bg-orange-light-dark-4 {
  background-color: #8c511b;
}

.text-orange-light-dark-5 {
  color: #754417;
}

.text-hover-orange-light-dark-5:hover {
  color: #754417;
}

.bg-orange-light-dark-5 {
  background-color: #754417;
}

.text-orange-light-dark-6 {
  color: #5e3612;
}

.text-hover-orange-light-dark-6:hover {
  color: #5e3612;
}

.bg-orange-light-dark-6 {
  background-color: #5e3612;
}

.text-orange-light-dark-7 {
  color: #46290e;
}

.text-hover-orange-light-dark-7:hover {
  color: #46290e;
}

.bg-orange-light-dark-7 {
  background-color: #46290e;
}

.text-orange-light-dark-8 {
  color: #2f1b09;
}

.text-hover-orange-light-dark-8:hover {
  color: #2f1b09;
}

.bg-orange-light-dark-8 {
  background-color: #2f1b09;
}

.text-orange-light-dark-9 {
  color: #170e05;
}

.text-hover-orange-light-dark-9:hover {
  color: #170e05;
}

.bg-orange-light-dark-9 {
  background-color: #170e05;
}

.text-black-light {
  color: #020202;
}

.text-hover-black-light:hover {
  color: #020202;
}

.bg-black-light {
  background-color: #020202;
}

.text-black-light-light-1 {
  color: #1b1b1b;
}

.text-hover-black-light-light-1:hover {
  color: #1b1b1b;
}

.bg-black-light-light-1 {
  background-color: #1b1b1b;
}

.text-black-light-light-2 {
  color: #353535;
}

.text-hover-black-light-light-2:hover {
  color: #353535;
}

.bg-black-light-light-2 {
  background-color: #353535;
}

.text-black-light-light-3 {
  color: #4e4e4e;
}

.text-hover-black-light-light-3:hover {
  color: #4e4e4e;
}

.bg-black-light-light-3 {
  background-color: #4e4e4e;
}

.text-black-light-light-4 {
  color: #676767;
}

.text-hover-black-light-light-4:hover {
  color: #676767;
}

.bg-black-light-light-4 {
  background-color: #676767;
}

.text-black-light-light-5 {
  color: #818181;
}

.text-hover-black-light-light-5:hover {
  color: #818181;
}

.bg-black-light-light-5 {
  background-color: #818181;
}

.text-black-light-light-6 {
  color: #9a9a9a;
}

.text-hover-black-light-light-6:hover {
  color: #9a9a9a;
}

.bg-black-light-light-6 {
  background-color: #9a9a9a;
}

.text-black-light-light-7 {
  color: #b3b3b3;
}

.text-hover-black-light-light-7:hover {
  color: #b3b3b3;
}

.bg-black-light-light-7 {
  background-color: #b3b3b3;
}

.text-black-light-light-8 {
  color: #cccccc;
}

.text-hover-black-light-light-8:hover {
  color: #cccccc;
}

.bg-black-light-light-8 {
  background-color: #cccccc;
}

.text-black-light-light-9 {
  color: #e6e6e6;
}

.text-hover-black-light-light-9:hover {
  color: #e6e6e6;
}

.bg-black-light-light-9 {
  background-color: #e6e6e6;
}

.text-black-light-dark-1 {
  color: #020202;
}

.text-hover-black-light-dark-1:hover {
  color: #020202;
}

.bg-black-light-dark-1 {
  background-color: #020202;
}

.text-black-light-dark-2 {
  color: #020202;
}

.text-hover-black-light-dark-2:hover {
  color: #020202;
}

.bg-black-light-dark-2 {
  background-color: #020202;
}

.text-black-light-dark-3 {
  color: #010101;
}

.text-hover-black-light-dark-3:hover {
  color: #010101;
}

.bg-black-light-dark-3 {
  background-color: #010101;
}

.text-black-light-dark-4 {
  color: #010101;
}

.text-hover-black-light-dark-4:hover {
  color: #010101;
}

.bg-black-light-dark-4 {
  background-color: #010101;
}

.text-black-light-dark-5 {
  color: #010101;
}

.text-hover-black-light-dark-5:hover {
  color: #010101;
}

.bg-black-light-dark-5 {
  background-color: #010101;
}

.text-black-light-dark-6 {
  color: #010101;
}

.text-hover-black-light-dark-6:hover {
  color: #010101;
}

.bg-black-light-dark-6 {
  background-color: #010101;
}

.text-black-light-dark-7 {
  color: #010101;
}

.text-hover-black-light-dark-7:hover {
  color: #010101;
}

.bg-black-light-dark-7 {
  background-color: #010101;
}

.text-black-light-dark-8 {
  color: black;
}

.text-hover-black-light-dark-8:hover {
  color: black;
}

.bg-black-light-dark-8 {
  background-color: black;
}

.text-black-light-dark-9 {
  color: black;
}

.text-hover-black-light-dark-9:hover {
  color: black;
}

.bg-black-light-dark-9 {
  background-color: black;
}

.text-deep-green-light {
  color: #014345;
}

.text-hover-deep-green-light:hover {
  color: #014345;
}

.bg-deep-green-light {
  background-color: #014345;
}

.text-deep-green-light-light-1 {
  color: #1a5658;
}

.text-hover-deep-green-light-light-1:hover {
  color: #1a5658;
}

.bg-deep-green-light-light-1 {
  background-color: #1a5658;
}

.text-deep-green-light-light-2 {
  color: #34696a;
}

.text-hover-deep-green-light-light-2:hover {
  color: #34696a;
}

.bg-deep-green-light-light-2 {
  background-color: #34696a;
}

.text-deep-green-light-light-3 {
  color: #4d7b7d;
}

.text-hover-deep-green-light-light-3:hover {
  color: #4d7b7d;
}

.bg-deep-green-light-light-3 {
  background-color: #4d7b7d;
}

.text-deep-green-light-light-4 {
  color: #678e8f;
}

.text-hover-deep-green-light-light-4:hover {
  color: #678e8f;
}

.bg-deep-green-light-light-4 {
  background-color: #678e8f;
}

.text-deep-green-light-light-5 {
  color: #80a1a2;
}

.text-hover-deep-green-light-light-5:hover {
  color: #80a1a2;
}

.bg-deep-green-light-light-5 {
  background-color: #80a1a2;
}

.text-deep-green-light-light-6 {
  color: #99b4b5;
}

.text-hover-deep-green-light-light-6:hover {
  color: #99b4b5;
}

.bg-deep-green-light-light-6 {
  background-color: #99b4b5;
}

.text-deep-green-light-light-7 {
  color: #b3c7c7;
}

.text-hover-deep-green-light-light-7:hover {
  color: #b3c7c7;
}

.bg-deep-green-light-light-7 {
  background-color: #b3c7c7;
}

.text-deep-green-light-light-8 {
  color: #ccd9da;
}

.text-hover-deep-green-light-light-8:hover {
  color: #ccd9da;
}

.bg-deep-green-light-light-8 {
  background-color: #ccd9da;
}

.text-deep-green-light-light-9 {
  color: #e6ecec;
}

.text-hover-deep-green-light-light-9:hover {
  color: #e6ecec;
}

.bg-deep-green-light-light-9 {
  background-color: #e6ecec;
}

.text-deep-green-light-dark-1 {
  color: #013c3e;
}

.text-hover-deep-green-light-dark-1:hover {
  color: #013c3e;
}

.bg-deep-green-light-dark-1 {
  background-color: #013c3e;
}

.text-deep-green-light-dark-2 {
  color: #013637;
}

.text-hover-deep-green-light-dark-2:hover {
  color: #013637;
}

.bg-deep-green-light-dark-2 {
  background-color: #013637;
}

.text-deep-green-light-dark-3 {
  color: #012f30;
}

.text-hover-deep-green-light-dark-3:hover {
  color: #012f30;
}

.bg-deep-green-light-dark-3 {
  background-color: #012f30;
}

.text-deep-green-light-dark-4 {
  color: #012829;
}

.text-hover-deep-green-light-dark-4:hover {
  color: #012829;
}

.bg-deep-green-light-dark-4 {
  background-color: #012829;
}

.text-deep-green-light-dark-5 {
  color: #012223;
}

.text-hover-deep-green-light-dark-5:hover {
  color: #012223;
}

.bg-deep-green-light-dark-5 {
  background-color: #012223;
}

.text-deep-green-light-dark-6 {
  color: #001b1c;
}

.text-hover-deep-green-light-dark-6:hover {
  color: #001b1c;
}

.bg-deep-green-light-dark-6 {
  background-color: #001b1c;
}

.text-deep-green-light-dark-7 {
  color: #001415;
}

.text-hover-deep-green-light-dark-7:hover {
  color: #001415;
}

.bg-deep-green-light-dark-7 {
  background-color: #001415;
}

.text-deep-green-light-dark-8 {
  color: #000d0e;
}

.text-hover-deep-green-light-dark-8:hover {
  color: #000d0e;
}

.bg-deep-green-light-dark-8 {
  background-color: #000d0e;
}

.text-deep-green-light-dark-9 {
  color: #000707;
}

.text-hover-deep-green-light-dark-9:hover {
  color: #000707;
}

.bg-deep-green-light-dark-9 {
  background-color: #000707;
}

.text-grey {
  color: #cccccc;
}

.text-hover-grey:hover {
  color: #cccccc;
}

.bg-grey {
  background-color: #cccccc;
}

.text-grey-light-1 {
  color: #d1d1d1;
}

.text-hover-grey-light-1:hover {
  color: #d1d1d1;
}

.bg-grey-light-1 {
  background-color: #d1d1d1;
}

.text-grey-light-2 {
  color: #d6d6d6;
}

.text-hover-grey-light-2:hover {
  color: #d6d6d6;
}

.bg-grey-light-2 {
  background-color: #d6d6d6;
}

.text-grey-light-3 {
  color: #dbdbdb;
}

.text-hover-grey-light-3:hover {
  color: #dbdbdb;
}

.bg-grey-light-3 {
  background-color: #dbdbdb;
}

.text-grey-light-4 {
  color: #e0e0e0;
}

.text-hover-grey-light-4:hover {
  color: #e0e0e0;
}

.bg-grey-light-4 {
  background-color: #e0e0e0;
}

.text-grey-light-5 {
  color: #e6e6e6;
}

.text-hover-grey-light-5:hover {
  color: #e6e6e6;
}

.bg-grey-light-5 {
  background-color: #e6e6e6;
}

.text-grey-light-6 {
  color: #ebebeb;
}

.text-hover-grey-light-6:hover {
  color: #ebebeb;
}

.bg-grey-light-6 {
  background-color: #ebebeb;
}

.text-grey-light-7 {
  color: #f0f0f0;
}

.text-hover-grey-light-7:hover {
  color: #f0f0f0;
}

.bg-grey-light-7 {
  background-color: #f0f0f0;
}

.text-grey-light-8 {
  color: whitesmoke;
}

.text-hover-grey-light-8:hover {
  color: whitesmoke;
}

.bg-grey-light-8 {
  background-color: whitesmoke;
}

.text-grey-light-9 {
  color: #fafafa;
}

.text-hover-grey-light-9:hover {
  color: #fafafa;
}

.bg-grey-light-9 {
  background-color: #fafafa;
}

.text-grey-dark-1 {
  color: #b8b8b8;
}

.text-hover-grey-dark-1:hover {
  color: #b8b8b8;
}

.bg-grey-dark-1 {
  background-color: #b8b8b8;
}

.text-grey-dark-2 {
  color: #a3a3a3;
}

.text-hover-grey-dark-2:hover {
  color: #a3a3a3;
}

.bg-grey-dark-2 {
  background-color: #a3a3a3;
}

.text-grey-dark-3 {
  color: #8f8f8f;
}

.text-hover-grey-dark-3:hover {
  color: #8f8f8f;
}

.bg-grey-dark-3 {
  background-color: #8f8f8f;
}

.text-grey-dark-4 {
  color: #7a7a7a;
}

.text-hover-grey-dark-4:hover {
  color: #7a7a7a;
}

.bg-grey-dark-4 {
  background-color: #7a7a7a;
}

.text-grey-dark-5 {
  color: #666666;
}

.text-hover-grey-dark-5:hover {
  color: #666666;
}

.bg-grey-dark-5 {
  background-color: #666666;
}

.text-grey-dark-6 {
  color: #525252;
}

.text-hover-grey-dark-6:hover {
  color: #525252;
}

.bg-grey-dark-6 {
  background-color: #525252;
}

.text-grey-dark-7 {
  color: #3d3d3d;
}

.text-hover-grey-dark-7:hover {
  color: #3d3d3d;
}

.bg-grey-dark-7 {
  background-color: #3d3d3d;
}

.text-grey-dark-8 {
  color: #292929;
}

.text-hover-grey-dark-8:hover {
  color: #292929;
}

.bg-grey-dark-8 {
  background-color: #292929;
}

.text-grey-dark-9 {
  color: #141414;
}

.text-hover-grey-dark-9:hover {
  color: #141414;
}

.bg-grey-dark-9 {
  background-color: #141414;
}

.text-base-bg-black {
  color: #676767;
}

.text-hover-base-bg-black:hover {
  color: #676767;
}

.bg-base-bg-black {
  background-color: #676767;
}

.text-base-bg-black-light-1 {
  color: #767676;
}

.text-hover-base-bg-black-light-1:hover {
  color: #767676;
}

.bg-base-bg-black-light-1 {
  background-color: #767676;
}

.text-base-bg-black-light-2 {
  color: #858585;
}

.text-hover-base-bg-black-light-2:hover {
  color: #858585;
}

.bg-base-bg-black-light-2 {
  background-color: #858585;
}

.text-base-bg-black-light-3 {
  color: #959595;
}

.text-hover-base-bg-black-light-3:hover {
  color: #959595;
}

.bg-base-bg-black-light-3 {
  background-color: #959595;
}

.text-base-bg-black-light-4 {
  color: #a4a4a4;
}

.text-hover-base-bg-black-light-4:hover {
  color: #a4a4a4;
}

.bg-base-bg-black-light-4 {
  background-color: #a4a4a4;
}

.text-base-bg-black-light-5 {
  color: #b3b3b3;
}

.text-hover-base-bg-black-light-5:hover {
  color: #b3b3b3;
}

.bg-base-bg-black-light-5 {
  background-color: #b3b3b3;
}

.text-base-bg-black-light-6 {
  color: #c2c2c2;
}

.text-hover-base-bg-black-light-6:hover {
  color: #c2c2c2;
}

.bg-base-bg-black-light-6 {
  background-color: #c2c2c2;
}

.text-base-bg-black-light-7 {
  color: #d1d1d1;
}

.text-hover-base-bg-black-light-7:hover {
  color: #d1d1d1;
}

.bg-base-bg-black-light-7 {
  background-color: #d1d1d1;
}

.text-base-bg-black-light-8 {
  color: #e1e1e1;
}

.text-hover-base-bg-black-light-8:hover {
  color: #e1e1e1;
}

.bg-base-bg-black-light-8 {
  background-color: #e1e1e1;
}

.text-base-bg-black-light-9 {
  color: #f0f0f0;
}

.text-hover-base-bg-black-light-9:hover {
  color: #f0f0f0;
}

.bg-base-bg-black-light-9 {
  background-color: #f0f0f0;
}

.text-base-bg-black-dark-1 {
  color: #5d5d5d;
}

.text-hover-base-bg-black-dark-1:hover {
  color: #5d5d5d;
}

.bg-base-bg-black-dark-1 {
  background-color: #5d5d5d;
}

.text-base-bg-black-dark-2 {
  color: #525252;
}

.text-hover-base-bg-black-dark-2:hover {
  color: #525252;
}

.bg-base-bg-black-dark-2 {
  background-color: #525252;
}

.text-base-bg-black-dark-3 {
  color: #484848;
}

.text-hover-base-bg-black-dark-3:hover {
  color: #484848;
}

.bg-base-bg-black-dark-3 {
  background-color: #484848;
}

.text-base-bg-black-dark-4 {
  color: #3e3e3e;
}

.text-hover-base-bg-black-dark-4:hover {
  color: #3e3e3e;
}

.bg-base-bg-black-dark-4 {
  background-color: #3e3e3e;
}

.text-base-bg-black-dark-5 {
  color: #343434;
}

.text-hover-base-bg-black-dark-5:hover {
  color: #343434;
}

.bg-base-bg-black-dark-5 {
  background-color: #343434;
}

.text-base-bg-black-dark-6 {
  color: #292929;
}

.text-hover-base-bg-black-dark-6:hover {
  color: #292929;
}

.bg-base-bg-black-dark-6 {
  background-color: #292929;
}

.text-base-bg-black-dark-7 {
  color: #1f1f1f;
}

.text-hover-base-bg-black-dark-7:hover {
  color: #1f1f1f;
}

.bg-base-bg-black-dark-7 {
  background-color: #1f1f1f;
}

.text-base-bg-black-dark-8 {
  color: #151515;
}

.text-hover-base-bg-black-dark-8:hover {
  color: #151515;
}

.bg-base-bg-black-dark-8 {
  background-color: #151515;
}

.text-base-bg-black-dark-9 {
  color: #0a0a0a;
}

.text-hover-base-bg-black-dark-9:hover {
  color: #0a0a0a;
}

.bg-base-bg-black-dark-9 {
  background-color: #0a0a0a;
}

.text-error-dark {
  color: #ff0f00;
}

.text-hover-error-dark:hover {
  color: #ff0f00;
}

.bg-error-dark {
  background-color: #ff0f00;
}

.text-error-dark-light-1 {
  color: #ff271a;
}

.text-hover-error-dark-light-1:hover {
  color: #ff271a;
}

.bg-error-dark-light-1 {
  background-color: #ff271a;
}

.text-error-dark-light-2 {
  color: #ff3f33;
}

.text-hover-error-dark-light-2:hover {
  color: #ff3f33;
}

.bg-error-dark-light-2 {
  background-color: #ff3f33;
}

.text-error-dark-light-3 {
  color: #ff574d;
}

.text-hover-error-dark-light-3:hover {
  color: #ff574d;
}

.bg-error-dark-light-3 {
  background-color: #ff574d;
}

.text-error-dark-light-4 {
  color: #ff6f66;
}

.text-hover-error-dark-light-4:hover {
  color: #ff6f66;
}

.bg-error-dark-light-4 {
  background-color: #ff6f66;
}

.text-error-dark-light-5 {
  color: #ff8780;
}

.text-hover-error-dark-light-5:hover {
  color: #ff8780;
}

.bg-error-dark-light-5 {
  background-color: #ff8780;
}

.text-error-dark-light-6 {
  color: #ff9f99;
}

.text-hover-error-dark-light-6:hover {
  color: #ff9f99;
}

.bg-error-dark-light-6 {
  background-color: #ff9f99;
}

.text-error-dark-light-7 {
  color: #ffb7b3;
}

.text-hover-error-dark-light-7:hover {
  color: #ffb7b3;
}

.bg-error-dark-light-7 {
  background-color: #ffb7b3;
}

.text-error-dark-light-8 {
  color: #ffcfcc;
}

.text-hover-error-dark-light-8:hover {
  color: #ffcfcc;
}

.bg-error-dark-light-8 {
  background-color: #ffcfcc;
}

.text-error-dark-light-9 {
  color: #ffe7e6;
}

.text-hover-error-dark-light-9:hover {
  color: #ffe7e6;
}

.bg-error-dark-light-9 {
  background-color: #ffe7e6;
}

.text-error-dark-dark-1 {
  color: #e60e00;
}

.text-hover-error-dark-dark-1:hover {
  color: #e60e00;
}

.bg-error-dark-dark-1 {
  background-color: #e60e00;
}

.text-error-dark-dark-2 {
  color: #cc0c00;
}

.text-hover-error-dark-dark-2:hover {
  color: #cc0c00;
}

.bg-error-dark-dark-2 {
  background-color: #cc0c00;
}

.text-error-dark-dark-3 {
  color: #b30b00;
}

.text-hover-error-dark-dark-3:hover {
  color: #b30b00;
}

.bg-error-dark-dark-3 {
  background-color: #b30b00;
}

.text-error-dark-dark-4 {
  color: #990900;
}

.text-hover-error-dark-dark-4:hover {
  color: #990900;
}

.bg-error-dark-dark-4 {
  background-color: #990900;
}

.text-error-dark-dark-5 {
  color: #800800;
}

.text-hover-error-dark-dark-5:hover {
  color: #800800;
}

.bg-error-dark-dark-5 {
  background-color: #800800;
}

.text-error-dark-dark-6 {
  color: #660600;
}

.text-hover-error-dark-dark-6:hover {
  color: #660600;
}

.bg-error-dark-dark-6 {
  background-color: #660600;
}

.text-error-dark-dark-7 {
  color: #4d0500;
}

.text-hover-error-dark-dark-7:hover {
  color: #4d0500;
}

.bg-error-dark-dark-7 {
  background-color: #4d0500;
}

.text-error-dark-dark-8 {
  color: #330300;
}

.text-hover-error-dark-dark-8:hover {
  color: #330300;
}

.bg-error-dark-dark-8 {
  background-color: #330300;
}

.text-error-dark-dark-9 {
  color: #1a0200;
}

.text-hover-error-dark-dark-9:hover {
  color: #1a0200;
}

.bg-error-dark-dark-9 {
  background-color: #1a0200;
}

.text-info-dark {
  color: #f6c31c;
}

.text-hover-info-dark:hover {
  color: #f6c31c;
}

.bg-info-dark {
  background-color: #f6c31c;
}

.text-info-dark-light-1 {
  color: #f7c933;
}

.text-hover-info-dark-light-1:hover {
  color: #f7c933;
}

.bg-info-dark-light-1 {
  background-color: #f7c933;
}

.text-info-dark-light-2 {
  color: #f8cf49;
}

.text-hover-info-dark-light-2:hover {
  color: #f8cf49;
}

.bg-info-dark-light-2 {
  background-color: #f8cf49;
}

.text-info-dark-light-3 {
  color: #f9d560;
}

.text-hover-info-dark-light-3:hover {
  color: #f9d560;
}

.bg-info-dark-light-3 {
  background-color: #f9d560;
}

.text-info-dark-light-4 {
  color: #fadb77;
}

.text-hover-info-dark-light-4:hover {
  color: #fadb77;
}

.bg-info-dark-light-4 {
  background-color: #fadb77;
}

.text-info-dark-light-5 {
  color: #fbe18e;
}

.text-hover-info-dark-light-5:hover {
  color: #fbe18e;
}

.bg-info-dark-light-5 {
  background-color: #fbe18e;
}

.text-info-dark-light-6 {
  color: #fbe7a4;
}

.text-hover-info-dark-light-6:hover {
  color: #fbe7a4;
}

.bg-info-dark-light-6 {
  background-color: #fbe7a4;
}

.text-info-dark-light-7 {
  color: #fcedbb;
}

.text-hover-info-dark-light-7:hover {
  color: #fcedbb;
}

.bg-info-dark-light-7 {
  background-color: #fcedbb;
}

.text-info-dark-light-8 {
  color: #fdf3d2;
}

.text-hover-info-dark-light-8:hover {
  color: #fdf3d2;
}

.bg-info-dark-light-8 {
  background-color: #fdf3d2;
}

.text-info-dark-light-9 {
  color: #fef9e8;
}

.text-hover-info-dark-light-9:hover {
  color: #fef9e8;
}

.bg-info-dark-light-9 {
  background-color: #fef9e8;
}

.text-info-dark-dark-1 {
  color: #ddb019;
}

.text-hover-info-dark-dark-1:hover {
  color: #ddb019;
}

.bg-info-dark-dark-1 {
  background-color: #ddb019;
}

.text-info-dark-dark-2 {
  color: #c59c16;
}

.text-hover-info-dark-dark-2:hover {
  color: #c59c16;
}

.bg-info-dark-dark-2 {
  background-color: #c59c16;
}

.text-info-dark-dark-3 {
  color: #ac8914;
}

.text-hover-info-dark-dark-3:hover {
  color: #ac8914;
}

.bg-info-dark-dark-3 {
  background-color: #ac8914;
}

.text-info-dark-dark-4 {
  color: #947511;
}

.text-hover-info-dark-dark-4:hover {
  color: #947511;
}

.bg-info-dark-dark-4 {
  background-color: #947511;
}

.text-info-dark-dark-5 {
  color: #7b620e;
}

.text-hover-info-dark-dark-5:hover {
  color: #7b620e;
}

.bg-info-dark-dark-5 {
  background-color: #7b620e;
}

.text-info-dark-dark-6 {
  color: #624e0b;
}

.text-hover-info-dark-dark-6:hover {
  color: #624e0b;
}

.bg-info-dark-dark-6 {
  background-color: #624e0b;
}

.text-info-dark-dark-7 {
  color: #4a3b08;
}

.text-hover-info-dark-dark-7:hover {
  color: #4a3b08;
}

.bg-info-dark-dark-7 {
  background-color: #4a3b08;
}

.text-info-dark-dark-8 {
  color: #312706;
}

.text-hover-info-dark-dark-8:hover {
  color: #312706;
}

.bg-info-dark-dark-8 {
  background-color: #312706;
}

.text-info-dark-dark-9 {
  color: #191403;
}

.text-hover-info-dark-dark-9:hover {
  color: #191403;
}

.bg-info-dark-dark-9 {
  background-color: #191403;
}

.text-dark-dark {
  color: #ffffff;
}

.text-hover-dark-dark:hover {
  color: #ffffff;
}

.bg-dark-dark {
  background-color: #ffffff;
}

.text-dark-dark-light-1 {
  color: white;
}

.text-hover-dark-dark-light-1:hover {
  color: white;
}

.bg-dark-dark-light-1 {
  background-color: white;
}

.text-dark-dark-light-2 {
  color: white;
}

.text-hover-dark-dark-light-2:hover {
  color: white;
}

.bg-dark-dark-light-2 {
  background-color: white;
}

.text-dark-dark-light-3 {
  color: white;
}

.text-hover-dark-dark-light-3:hover {
  color: white;
}

.bg-dark-dark-light-3 {
  background-color: white;
}

.text-dark-dark-light-4 {
  color: white;
}

.text-hover-dark-dark-light-4:hover {
  color: white;
}

.bg-dark-dark-light-4 {
  background-color: white;
}

.text-dark-dark-light-5 {
  color: white;
}

.text-hover-dark-dark-light-5:hover {
  color: white;
}

.bg-dark-dark-light-5 {
  background-color: white;
}

.text-dark-dark-light-6 {
  color: white;
}

.text-hover-dark-dark-light-6:hover {
  color: white;
}

.bg-dark-dark-light-6 {
  background-color: white;
}

.text-dark-dark-light-7 {
  color: white;
}

.text-hover-dark-dark-light-7:hover {
  color: white;
}

.bg-dark-dark-light-7 {
  background-color: white;
}

.text-dark-dark-light-8 {
  color: white;
}

.text-hover-dark-dark-light-8:hover {
  color: white;
}

.bg-dark-dark-light-8 {
  background-color: white;
}

.text-dark-dark-light-9 {
  color: white;
}

.text-hover-dark-dark-light-9:hover {
  color: white;
}

.bg-dark-dark-light-9 {
  background-color: white;
}

.text-dark-dark-dark-1 {
  color: #e6e6e6;
}

.text-hover-dark-dark-dark-1:hover {
  color: #e6e6e6;
}

.bg-dark-dark-dark-1 {
  background-color: #e6e6e6;
}

.text-dark-dark-dark-2 {
  color: #cccccc;
}

.text-hover-dark-dark-dark-2:hover {
  color: #cccccc;
}

.bg-dark-dark-dark-2 {
  background-color: #cccccc;
}

.text-dark-dark-dark-3 {
  color: #b3b3b3;
}

.text-hover-dark-dark-dark-3:hover {
  color: #b3b3b3;
}

.bg-dark-dark-dark-3 {
  background-color: #b3b3b3;
}

.text-dark-dark-dark-4 {
  color: #999999;
}

.text-hover-dark-dark-dark-4:hover {
  color: #999999;
}

.bg-dark-dark-dark-4 {
  background-color: #999999;
}

.text-dark-dark-dark-5 {
  color: gray;
}

.text-hover-dark-dark-dark-5:hover {
  color: gray;
}

.bg-dark-dark-dark-5 {
  background-color: gray;
}

.text-dark-dark-dark-6 {
  color: #666666;
}

.text-hover-dark-dark-dark-6:hover {
  color: #666666;
}

.bg-dark-dark-dark-6 {
  background-color: #666666;
}

.text-dark-dark-dark-7 {
  color: #4d4d4d;
}

.text-hover-dark-dark-dark-7:hover {
  color: #4d4d4d;
}

.bg-dark-dark-dark-7 {
  background-color: #4d4d4d;
}

.text-dark-dark-dark-8 {
  color: #333333;
}

.text-hover-dark-dark-dark-8:hover {
  color: #333333;
}

.bg-dark-dark-dark-8 {
  background-color: #333333;
}

.text-dark-dark-dark-9 {
  color: #1a1a1a;
}

.text-hover-dark-dark-dark-9:hover {
  color: #1a1a1a;
}

.bg-dark-dark-dark-9 {
  background-color: #1a1a1a;
}

.text-white-dark {
  color: #020202;
}

.text-hover-white-dark:hover {
  color: #020202;
}

.bg-white-dark {
  background-color: #020202;
}

.text-white-dark-light-1 {
  color: #1b1b1b;
}

.text-hover-white-dark-light-1:hover {
  color: #1b1b1b;
}

.bg-white-dark-light-1 {
  background-color: #1b1b1b;
}

.text-white-dark-light-2 {
  color: #353535;
}

.text-hover-white-dark-light-2:hover {
  color: #353535;
}

.bg-white-dark-light-2 {
  background-color: #353535;
}

.text-white-dark-light-3 {
  color: #4e4e4e;
}

.text-hover-white-dark-light-3:hover {
  color: #4e4e4e;
}

.bg-white-dark-light-3 {
  background-color: #4e4e4e;
}

.text-white-dark-light-4 {
  color: #676767;
}

.text-hover-white-dark-light-4:hover {
  color: #676767;
}

.bg-white-dark-light-4 {
  background-color: #676767;
}

.text-white-dark-light-5 {
  color: #818181;
}

.text-hover-white-dark-light-5:hover {
  color: #818181;
}

.bg-white-dark-light-5 {
  background-color: #818181;
}

.text-white-dark-light-6 {
  color: #9a9a9a;
}

.text-hover-white-dark-light-6:hover {
  color: #9a9a9a;
}

.bg-white-dark-light-6 {
  background-color: #9a9a9a;
}

.text-white-dark-light-7 {
  color: #b3b3b3;
}

.text-hover-white-dark-light-7:hover {
  color: #b3b3b3;
}

.bg-white-dark-light-7 {
  background-color: #b3b3b3;
}

.text-white-dark-light-8 {
  color: #cccccc;
}

.text-hover-white-dark-light-8:hover {
  color: #cccccc;
}

.bg-white-dark-light-8 {
  background-color: #cccccc;
}

.text-white-dark-light-9 {
  color: #e6e6e6;
}

.text-hover-white-dark-light-9:hover {
  color: #e6e6e6;
}

.bg-white-dark-light-9 {
  background-color: #e6e6e6;
}

.text-white-dark-dark-1 {
  color: #020202;
}

.text-hover-white-dark-dark-1:hover {
  color: #020202;
}

.bg-white-dark-dark-1 {
  background-color: #020202;
}

.text-white-dark-dark-2 {
  color: #020202;
}

.text-hover-white-dark-dark-2:hover {
  color: #020202;
}

.bg-white-dark-dark-2 {
  background-color: #020202;
}

.text-white-dark-dark-3 {
  color: #010101;
}

.text-hover-white-dark-dark-3:hover {
  color: #010101;
}

.bg-white-dark-dark-3 {
  background-color: #010101;
}

.text-white-dark-dark-4 {
  color: #010101;
}

.text-hover-white-dark-dark-4:hover {
  color: #010101;
}

.bg-white-dark-dark-4 {
  background-color: #010101;
}

.text-white-dark-dark-5 {
  color: #010101;
}

.text-hover-white-dark-dark-5:hover {
  color: #010101;
}

.bg-white-dark-dark-5 {
  background-color: #010101;
}

.text-white-dark-dark-6 {
  color: #010101;
}

.text-hover-white-dark-dark-6:hover {
  color: #010101;
}

.bg-white-dark-dark-6 {
  background-color: #010101;
}

.text-white-dark-dark-7 {
  color: #010101;
}

.text-hover-white-dark-dark-7:hover {
  color: #010101;
}

.bg-white-dark-dark-7 {
  background-color: #010101;
}

.text-white-dark-dark-8 {
  color: black;
}

.text-hover-white-dark-dark-8:hover {
  color: black;
}

.bg-white-dark-dark-8 {
  background-color: black;
}

.text-white-dark-dark-9 {
  color: black;
}

.text-hover-white-dark-dark-9:hover {
  color: black;
}

.bg-white-dark-dark-9 {
  background-color: black;
}

.text-green-dark {
  color: #0b8376;
}

.text-hover-green-dark:hover {
  color: #0b8376;
}

.bg-green-dark {
  background-color: #0b8376;
}

.text-green-dark-light-1 {
  color: #238f84;
}

.text-hover-green-dark-light-1:hover {
  color: #238f84;
}

.bg-green-dark-light-1 {
  background-color: #238f84;
}

.text-green-dark-light-2 {
  color: #3c9c91;
}

.text-hover-green-dark-light-2:hover {
  color: #3c9c91;
}

.bg-green-dark-light-2 {
  background-color: #3c9c91;
}

.text-green-dark-light-3 {
  color: #54a89f;
}

.text-hover-green-dark-light-3:hover {
  color: #54a89f;
}

.bg-green-dark-light-3 {
  background-color: #54a89f;
}

.text-green-dark-light-4 {
  color: #6db5ad;
}

.text-hover-green-dark-light-4:hover {
  color: #6db5ad;
}

.bg-green-dark-light-4 {
  background-color: #6db5ad;
}

.text-green-dark-light-5 {
  color: #85c1bb;
}

.text-hover-green-dark-light-5:hover {
  color: #85c1bb;
}

.bg-green-dark-light-5 {
  background-color: #85c1bb;
}

.text-green-dark-light-6 {
  color: #9dcdc8;
}

.text-hover-green-dark-light-6:hover {
  color: #9dcdc8;
}

.bg-green-dark-light-6 {
  background-color: #9dcdc8;
}

.text-green-dark-light-7 {
  color: #b6dad6;
}

.text-hover-green-dark-light-7:hover {
  color: #b6dad6;
}

.bg-green-dark-light-7 {
  background-color: #b6dad6;
}

.text-green-dark-light-8 {
  color: #cee6e4;
}

.text-hover-green-dark-light-8:hover {
  color: #cee6e4;
}

.bg-green-dark-light-8 {
  background-color: #cee6e4;
}

.text-green-dark-light-9 {
  color: #e7f3f1;
}

.text-hover-green-dark-light-9:hover {
  color: #e7f3f1;
}

.bg-green-dark-light-9 {
  background-color: #e7f3f1;
}

.text-green-dark-dark-1 {
  color: #0a766a;
}

.text-hover-green-dark-dark-1:hover {
  color: #0a766a;
}

.bg-green-dark-dark-1 {
  background-color: #0a766a;
}

.text-green-dark-dark-2 {
  color: #09695e;
}

.text-hover-green-dark-dark-2:hover {
  color: #09695e;
}

.bg-green-dark-dark-2 {
  background-color: #09695e;
}

.text-green-dark-dark-3 {
  color: #085c53;
}

.text-hover-green-dark-dark-3:hover {
  color: #085c53;
}

.bg-green-dark-dark-3 {
  background-color: #085c53;
}

.text-green-dark-dark-4 {
  color: #074f47;
}

.text-hover-green-dark-dark-4:hover {
  color: #074f47;
}

.bg-green-dark-dark-4 {
  background-color: #074f47;
}

.text-green-dark-dark-5 {
  color: #06423b;
}

.text-hover-green-dark-dark-5:hover {
  color: #06423b;
}

.bg-green-dark-dark-5 {
  background-color: #06423b;
}

.text-green-dark-dark-6 {
  color: #04342f;
}

.text-hover-green-dark-dark-6:hover {
  color: #04342f;
}

.bg-green-dark-dark-6 {
  background-color: #04342f;
}

.text-green-dark-dark-7 {
  color: #032723;
}

.text-hover-green-dark-dark-7:hover {
  color: #032723;
}

.bg-green-dark-dark-7 {
  background-color: #032723;
}

.text-green-dark-dark-8 {
  color: #021a18;
}

.text-hover-green-dark-dark-8:hover {
  color: #021a18;
}

.bg-green-dark-dark-8 {
  background-color: #021a18;
}

.text-green-dark-dark-9 {
  color: #010d0c;
}

.text-hover-green-dark-dark-9:hover {
  color: #010d0c;
}

.bg-green-dark-dark-9 {
  background-color: #010d0c;
}

.text-blue-dark {
  color: #a0d2fe;
}

.text-hover-blue-dark:hover {
  color: #a0d2fe;
}

.bg-blue-dark {
  background-color: #a0d2fe;
}

.text-blue-dark-light-1 {
  color: #aad7fe;
}

.text-hover-blue-dark-light-1:hover {
  color: #aad7fe;
}

.bg-blue-dark-light-1 {
  background-color: #aad7fe;
}

.text-blue-dark-light-2 {
  color: #b3dbfe;
}

.text-hover-blue-dark-light-2:hover {
  color: #b3dbfe;
}

.bg-blue-dark-light-2 {
  background-color: #b3dbfe;
}

.text-blue-dark-light-3 {
  color: #bde0fe;
}

.text-hover-blue-dark-light-3:hover {
  color: #bde0fe;
}

.bg-blue-dark-light-3 {
  background-color: #bde0fe;
}

.text-blue-dark-light-4 {
  color: #c6e4fe;
}

.text-hover-blue-dark-light-4:hover {
  color: #c6e4fe;
}

.bg-blue-dark-light-4 {
  background-color: #c6e4fe;
}

.text-blue-dark-light-5 {
  color: #d0e9ff;
}

.text-hover-blue-dark-light-5:hover {
  color: #d0e9ff;
}

.bg-blue-dark-light-5 {
  background-color: #d0e9ff;
}

.text-blue-dark-light-6 {
  color: #d9edff;
}

.text-hover-blue-dark-light-6:hover {
  color: #d9edff;
}

.bg-blue-dark-light-6 {
  background-color: #d9edff;
}

.text-blue-dark-light-7 {
  color: #e3f2ff;
}

.text-hover-blue-dark-light-7:hover {
  color: #e3f2ff;
}

.bg-blue-dark-light-7 {
  background-color: #e3f2ff;
}

.text-blue-dark-light-8 {
  color: #ecf6ff;
}

.text-hover-blue-dark-light-8:hover {
  color: #ecf6ff;
}

.bg-blue-dark-light-8 {
  background-color: #ecf6ff;
}

.text-blue-dark-light-9 {
  color: #f6fbff;
}

.text-hover-blue-dark-light-9:hover {
  color: #f6fbff;
}

.bg-blue-dark-light-9 {
  background-color: #f6fbff;
}

.text-blue-dark-dark-1 {
  color: #90bde5;
}

.text-hover-blue-dark-dark-1:hover {
  color: #90bde5;
}

.bg-blue-dark-dark-1 {
  background-color: #90bde5;
}

.text-blue-dark-dark-2 {
  color: #80a8cb;
}

.text-hover-blue-dark-dark-2:hover {
  color: #80a8cb;
}

.bg-blue-dark-dark-2 {
  background-color: #80a8cb;
}

.text-blue-dark-dark-3 {
  color: #7093b2;
}

.text-hover-blue-dark-dark-3:hover {
  color: #7093b2;
}

.bg-blue-dark-dark-3 {
  background-color: #7093b2;
}

.text-blue-dark-dark-4 {
  color: #607e98;
}

.text-hover-blue-dark-dark-4:hover {
  color: #607e98;
}

.bg-blue-dark-dark-4 {
  background-color: #607e98;
}

.text-blue-dark-dark-5 {
  color: #50697f;
}

.text-hover-blue-dark-dark-5:hover {
  color: #50697f;
}

.bg-blue-dark-dark-5 {
  background-color: #50697f;
}

.text-blue-dark-dark-6 {
  color: #405466;
}

.text-hover-blue-dark-dark-6:hover {
  color: #405466;
}

.bg-blue-dark-dark-6 {
  background-color: #405466;
}

.text-blue-dark-dark-7 {
  color: #303f4c;
}

.text-hover-blue-dark-dark-7:hover {
  color: #303f4c;
}

.bg-blue-dark-dark-7 {
  background-color: #303f4c;
}

.text-blue-dark-dark-8 {
  color: #202a33;
}

.text-hover-blue-dark-dark-8:hover {
  color: #202a33;
}

.bg-blue-dark-dark-8 {
  background-color: #202a33;
}

.text-blue-dark-dark-9 {
  color: #101519;
}

.text-hover-blue-dark-dark-9:hover {
  color: #101519;
}

.bg-blue-dark-dark-9 {
  background-color: #101519;
}

.text-purple-dark {
  color: #755ae2;
}

.text-hover-purple-dark:hover {
  color: #755ae2;
}

.bg-purple-dark {
  background-color: #755ae2;
}

.text-purple-dark-light-1 {
  color: #836be5;
}

.text-hover-purple-dark-light-1:hover {
  color: #836be5;
}

.bg-purple-dark-light-1 {
  background-color: #836be5;
}

.text-purple-dark-light-2 {
  color: #917be8;
}

.text-hover-purple-dark-light-2:hover {
  color: #917be8;
}

.bg-purple-dark-light-2 {
  background-color: #917be8;
}

.text-purple-dark-light-3 {
  color: #9e8ceb;
}

.text-hover-purple-dark-light-3:hover {
  color: #9e8ceb;
}

.bg-purple-dark-light-3 {
  background-color: #9e8ceb;
}

.text-purple-dark-light-4 {
  color: #ac9cee;
}

.text-hover-purple-dark-light-4:hover {
  color: #ac9cee;
}

.bg-purple-dark-light-4 {
  background-color: #ac9cee;
}

.text-purple-dark-light-5 {
  color: #baadf1;
}

.text-hover-purple-dark-light-5:hover {
  color: #baadf1;
}

.bg-purple-dark-light-5 {
  background-color: #baadf1;
}

.text-purple-dark-light-6 {
  color: #c8bdf3;
}

.text-hover-purple-dark-light-6:hover {
  color: #c8bdf3;
}

.bg-purple-dark-light-6 {
  background-color: #c8bdf3;
}

.text-purple-dark-light-7 {
  color: #d6cef6;
}

.text-hover-purple-dark-light-7:hover {
  color: #d6cef6;
}

.bg-purple-dark-light-7 {
  background-color: #d6cef6;
}

.text-purple-dark-light-8 {
  color: #e3def9;
}

.text-hover-purple-dark-light-8:hover {
  color: #e3def9;
}

.bg-purple-dark-light-8 {
  background-color: #e3def9;
}

.text-purple-dark-light-9 {
  color: #f1effc;
}

.text-hover-purple-dark-light-9:hover {
  color: #f1effc;
}

.bg-purple-dark-light-9 {
  background-color: #f1effc;
}

.text-purple-dark-dark-1 {
  color: #6951cb;
}

.text-hover-purple-dark-dark-1:hover {
  color: #6951cb;
}

.bg-purple-dark-dark-1 {
  background-color: #6951cb;
}

.text-purple-dark-dark-2 {
  color: #5e48b5;
}

.text-hover-purple-dark-dark-2:hover {
  color: #5e48b5;
}

.bg-purple-dark-dark-2 {
  background-color: #5e48b5;
}

.text-purple-dark-dark-3 {
  color: #523f9e;
}

.text-hover-purple-dark-dark-3:hover {
  color: #523f9e;
}

.bg-purple-dark-dark-3 {
  background-color: #523f9e;
}

.text-purple-dark-dark-4 {
  color: #463688;
}

.text-hover-purple-dark-dark-4:hover {
  color: #463688;
}

.bg-purple-dark-dark-4 {
  background-color: #463688;
}

.text-purple-dark-dark-5 {
  color: #3b2d71;
}

.text-hover-purple-dark-dark-5:hover {
  color: #3b2d71;
}

.bg-purple-dark-dark-5 {
  background-color: #3b2d71;
}

.text-purple-dark-dark-6 {
  color: #2f245a;
}

.text-hover-purple-dark-dark-6:hover {
  color: #2f245a;
}

.bg-purple-dark-dark-6 {
  background-color: #2f245a;
}

.text-purple-dark-dark-7 {
  color: #231b44;
}

.text-hover-purple-dark-dark-7:hover {
  color: #231b44;
}

.bg-purple-dark-dark-7 {
  background-color: #231b44;
}

.text-purple-dark-dark-8 {
  color: #17122d;
}

.text-hover-purple-dark-dark-8:hover {
  color: #17122d;
}

.bg-purple-dark-dark-8 {
  background-color: #17122d;
}

.text-purple-dark-dark-9 {
  color: #0c0917;
}

.text-hover-purple-dark-dark-9:hover {
  color: #0c0917;
}

.bg-purple-dark-dark-9 {
  background-color: #0c0917;
}

.text-orange-dark {
  color: #ea872d;
}

.text-hover-orange-dark:hover {
  color: #ea872d;
}

.bg-orange-dark {
  background-color: #ea872d;
}

.text-orange-dark-light-1 {
  color: #ec9342;
}

.text-hover-orange-dark-light-1:hover {
  color: #ec9342;
}

.bg-orange-dark-light-1 {
  background-color: #ec9342;
}

.text-orange-dark-light-2 {
  color: #ee9f57;
}

.text-hover-orange-dark-light-2:hover {
  color: #ee9f57;
}

.bg-orange-dark-light-2 {
  background-color: #ee9f57;
}

.text-orange-dark-light-3 {
  color: #f0ab6c;
}

.text-hover-orange-dark-light-3:hover {
  color: #f0ab6c;
}

.bg-orange-dark-light-3 {
  background-color: #f0ab6c;
}

.text-orange-dark-light-4 {
  color: #f2b781;
}

.text-hover-orange-dark-light-4:hover {
  color: #f2b781;
}

.bg-orange-dark-light-4 {
  background-color: #f2b781;
}

.text-orange-dark-light-5 {
  color: #f5c396;
}

.text-hover-orange-dark-light-5:hover {
  color: #f5c396;
}

.bg-orange-dark-light-5 {
  background-color: #f5c396;
}

.text-orange-dark-light-6 {
  color: #f7cfab;
}

.text-hover-orange-dark-light-6:hover {
  color: #f7cfab;
}

.bg-orange-dark-light-6 {
  background-color: #f7cfab;
}

.text-orange-dark-light-7 {
  color: #f9dbc0;
}

.text-hover-orange-dark-light-7:hover {
  color: #f9dbc0;
}

.bg-orange-dark-light-7 {
  background-color: #f9dbc0;
}

.text-orange-dark-light-8 {
  color: #fbe7d5;
}

.text-hover-orange-dark-light-8:hover {
  color: #fbe7d5;
}

.bg-orange-dark-light-8 {
  background-color: #fbe7d5;
}

.text-orange-dark-light-9 {
  color: #fdf3ea;
}

.text-hover-orange-dark-light-9:hover {
  color: #fdf3ea;
}

.bg-orange-dark-light-9 {
  background-color: #fdf3ea;
}

.text-orange-dark-dark-1 {
  color: #d37a29;
}

.text-hover-orange-dark-dark-1:hover {
  color: #d37a29;
}

.bg-orange-dark-dark-1 {
  background-color: #d37a29;
}

.text-orange-dark-dark-2 {
  color: #bb6c24;
}

.text-hover-orange-dark-dark-2:hover {
  color: #bb6c24;
}

.bg-orange-dark-dark-2 {
  background-color: #bb6c24;
}

.text-orange-dark-dark-3 {
  color: #a45f20;
}

.text-hover-orange-dark-dark-3:hover {
  color: #a45f20;
}

.bg-orange-dark-dark-3 {
  background-color: #a45f20;
}

.text-orange-dark-dark-4 {
  color: #8c511b;
}

.text-hover-orange-dark-dark-4:hover {
  color: #8c511b;
}

.bg-orange-dark-dark-4 {
  background-color: #8c511b;
}

.text-orange-dark-dark-5 {
  color: #754417;
}

.text-hover-orange-dark-dark-5:hover {
  color: #754417;
}

.bg-orange-dark-dark-5 {
  background-color: #754417;
}

.text-orange-dark-dark-6 {
  color: #5e3612;
}

.text-hover-orange-dark-dark-6:hover {
  color: #5e3612;
}

.bg-orange-dark-dark-6 {
  background-color: #5e3612;
}

.text-orange-dark-dark-7 {
  color: #46290e;
}

.text-hover-orange-dark-dark-7:hover {
  color: #46290e;
}

.bg-orange-dark-dark-7 {
  background-color: #46290e;
}

.text-orange-dark-dark-8 {
  color: #2f1b09;
}

.text-hover-orange-dark-dark-8:hover {
  color: #2f1b09;
}

.bg-orange-dark-dark-8 {
  background-color: #2f1b09;
}

.text-orange-dark-dark-9 {
  color: #170e05;
}

.text-hover-orange-dark-dark-9:hover {
  color: #170e05;
}

.bg-orange-dark-dark-9 {
  background-color: #170e05;
}

.text-deep-green-dark {
  color: #0b8376;
}

.text-hover-deep-green-dark:hover {
  color: #0b8376;
}

.bg-deep-green-dark {
  background-color: #0b8376;
}

.text-deep-green-dark-light-1 {
  color: #238f84;
}

.text-hover-deep-green-dark-light-1:hover {
  color: #238f84;
}

.bg-deep-green-dark-light-1 {
  background-color: #238f84;
}

.text-deep-green-dark-light-2 {
  color: #3c9c91;
}

.text-hover-deep-green-dark-light-2:hover {
  color: #3c9c91;
}

.bg-deep-green-dark-light-2 {
  background-color: #3c9c91;
}

.text-deep-green-dark-light-3 {
  color: #54a89f;
}

.text-hover-deep-green-dark-light-3:hover {
  color: #54a89f;
}

.bg-deep-green-dark-light-3 {
  background-color: #54a89f;
}

.text-deep-green-dark-light-4 {
  color: #6db5ad;
}

.text-hover-deep-green-dark-light-4:hover {
  color: #6db5ad;
}

.bg-deep-green-dark-light-4 {
  background-color: #6db5ad;
}

.text-deep-green-dark-light-5 {
  color: #85c1bb;
}

.text-hover-deep-green-dark-light-5:hover {
  color: #85c1bb;
}

.bg-deep-green-dark-light-5 {
  background-color: #85c1bb;
}

.text-deep-green-dark-light-6 {
  color: #9dcdc8;
}

.text-hover-deep-green-dark-light-6:hover {
  color: #9dcdc8;
}

.bg-deep-green-dark-light-6 {
  background-color: #9dcdc8;
}

.text-deep-green-dark-light-7 {
  color: #b6dad6;
}

.text-hover-deep-green-dark-light-7:hover {
  color: #b6dad6;
}

.bg-deep-green-dark-light-7 {
  background-color: #b6dad6;
}

.text-deep-green-dark-light-8 {
  color: #cee6e4;
}

.text-hover-deep-green-dark-light-8:hover {
  color: #cee6e4;
}

.bg-deep-green-dark-light-8 {
  background-color: #cee6e4;
}

.text-deep-green-dark-light-9 {
  color: #e7f3f1;
}

.text-hover-deep-green-dark-light-9:hover {
  color: #e7f3f1;
}

.bg-deep-green-dark-light-9 {
  background-color: #e7f3f1;
}

.text-deep-green-dark-dark-1 {
  color: #0a766a;
}

.text-hover-deep-green-dark-dark-1:hover {
  color: #0a766a;
}

.bg-deep-green-dark-dark-1 {
  background-color: #0a766a;
}

.text-deep-green-dark-dark-2 {
  color: #09695e;
}

.text-hover-deep-green-dark-dark-2:hover {
  color: #09695e;
}

.bg-deep-green-dark-dark-2 {
  background-color: #09695e;
}

.text-deep-green-dark-dark-3 {
  color: #085c53;
}

.text-hover-deep-green-dark-dark-3:hover {
  color: #085c53;
}

.bg-deep-green-dark-dark-3 {
  background-color: #085c53;
}

.text-deep-green-dark-dark-4 {
  color: #074f47;
}

.text-hover-deep-green-dark-dark-4:hover {
  color: #074f47;
}

.bg-deep-green-dark-dark-4 {
  background-color: #074f47;
}

.text-deep-green-dark-dark-5 {
  color: #06423b;
}

.text-hover-deep-green-dark-dark-5:hover {
  color: #06423b;
}

.bg-deep-green-dark-dark-5 {
  background-color: #06423b;
}

.text-deep-green-dark-dark-6 {
  color: #04342f;
}

.text-hover-deep-green-dark-dark-6:hover {
  color: #04342f;
}

.bg-deep-green-dark-dark-6 {
  background-color: #04342f;
}

.text-deep-green-dark-dark-7 {
  color: #032723;
}

.text-hover-deep-green-dark-dark-7:hover {
  color: #032723;
}

.bg-deep-green-dark-dark-7 {
  background-color: #032723;
}

.text-deep-green-dark-dark-8 {
  color: #021a18;
}

.text-hover-deep-green-dark-dark-8:hover {
  color: #021a18;
}

.bg-deep-green-dark-dark-8 {
  background-color: #021a18;
}

.text-deep-green-dark-dark-9 {
  color: #010d0c;
}

.text-hover-deep-green-dark-dark-9:hover {
  color: #010d0c;
}

.bg-deep-green-dark-dark-9 {
  background-color: #010d0c;
}

.card {
  display: block;
  padding: 1rem;
  border: 0.1rem solid #ddd;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1);
  border-radius: 0.2rem;
}
.card .card-title {
  font-size: 1rem;
  padding-bottom: base-padding;
  font-weight: bold;
}
.card .card-body {
  font-size: 1rem;
}

.raven-btn {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1rem 2rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.raven-btn:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.raven-btn .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.raven-btn svg {
  width: 1.5rem;
  height: 1.5rem;
}
.raven-btn .img-box {
  width: 1.6rem;
  height: 1.6rem;
  display: grid;
  place-items: center;
  align-self: center;
  transition: all 0.3s;
}
.raven-btn .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.raven-btn .img-box-two {
  width: 1.6rem;
  height: 1.6rem;
  display: grid;
  place-items: center;
  align-self: center;
  transition: all 0.3s;
}
.raven-btn .img-box-two .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}
.raven-btn .img-cancel {
  width: 1.3rem;
  height: 1.3rem;
}

.btn-sm {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.1rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-sm:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-sm .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-sm svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-md {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-md:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-md .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-lg {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 2rem 5.6rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-lg:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-lg .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-lg svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-rounded {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
}
.btn-rounded:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-rounded .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-rounded .img-box {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  align-self: center;
  display: none;
}
.btn-rounded .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.btn-extended {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem;
  border-radius: 10rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
  font-weight: 600;
}
.btn-extended:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-extended .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-error-light {
  background-color: #ff0f00;
}

.btn-outline-error-light {
  border: 0.1rem solid #ff0f00 !important;
  background-color: #ffffff;
}

.btn_disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.btn_disabled:hover {
  transform: unset !important;
}

.btn-sm {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.1rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-sm:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-sm .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-sm svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-md {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-md:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-md .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-lg {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 2rem 5.6rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-lg:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-lg .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-lg svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-rounded {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
}
.btn-rounded:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-rounded .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-rounded .img-box {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  align-self: center;
  display: none;
}
.btn-rounded .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.btn-extended {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem;
  border-radius: 10rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
  font-weight: 600;
}
.btn-extended:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-extended .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-info-light {
  background-color: #f6c31c;
}

.btn-outline-info-light {
  border: 0.1rem solid #f6c31c !important;
  background-color: #ffffff;
}

.btn_disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.btn_disabled:hover {
  transform: unset !important;
}

.btn-sm {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.1rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-sm:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-sm .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-sm svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-md {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-md:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-md .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-lg {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 2rem 5.6rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-lg:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-lg .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-lg svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-rounded {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
}
.btn-rounded:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-rounded .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-rounded .img-box {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  align-self: center;
  display: none;
}
.btn-rounded .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.btn-extended {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem;
  border-radius: 10rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
  font-weight: 600;
}
.btn-extended:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-extended .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-white-light {
  background-color: #ffffff;
}

.btn-outline-white-light {
  border: 0.1rem solid #ffffff !important;
  background-color: #ffffff;
}

.btn_disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.btn_disabled:hover {
  transform: unset !important;
}

.btn-sm {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.1rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-sm:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-sm .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-sm svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-md {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-md:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-md .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-lg {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 2rem 5.6rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-lg:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-lg .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-lg svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-rounded {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
}
.btn-rounded:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-rounded .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-rounded .img-box {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  align-self: center;
  display: none;
}
.btn-rounded .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.btn-extended {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem;
  border-radius: 10rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
  font-weight: 600;
}
.btn-extended:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-extended .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-blue-light {
  background-color: #476885;
}

.btn-outline-blue-light {
  border: 0.1rem solid #476885 !important;
  background-color: #ffffff;
}

.btn_disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.btn_disabled:hover {
  transform: unset !important;
}

.btn-sm {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.1rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-sm:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-sm .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-sm svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-md {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-md:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-md .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-lg {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 2rem 5.6rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-lg:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-lg .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-lg svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-rounded {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
}
.btn-rounded:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-rounded .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-rounded .img-box {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  align-self: center;
  display: none;
}
.btn-rounded .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.btn-extended {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem;
  border-radius: 10rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
  font-weight: 600;
}
.btn-extended:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-extended .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-green-light {
  background-color: #0b8376;
}

.btn-outline-green-light {
  border: 0.1rem solid #0b8376 !important;
  background-color: #ffffff;
}

.btn_disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.btn_disabled:hover {
  transform: unset !important;
}

.btn-sm {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.1rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-sm:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-sm .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-sm svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-md {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-md:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-md .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-lg {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 2rem 5.6rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-lg:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-lg .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-lg svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-rounded {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
}
.btn-rounded:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-rounded .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-rounded .img-box {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  align-self: center;
  display: none;
}
.btn-rounded .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.btn-extended {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem;
  border-radius: 10rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
  font-weight: 600;
}
.btn-extended:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-extended .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-purple-light {
  background-color: #755ae2;
}

.btn-outline-purple-light {
  border: 0.1rem solid #755ae2 !important;
  background-color: #ffffff;
}

.btn_disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.btn_disabled:hover {
  transform: unset !important;
}

.btn-sm {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.1rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-sm:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-sm .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-sm svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-md {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-md:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-md .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-lg {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 2rem 5.6rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-lg:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-lg .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-lg svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-rounded {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
}
.btn-rounded:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-rounded .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-rounded .img-box {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  align-self: center;
  display: none;
}
.btn-rounded .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.btn-extended {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem;
  border-radius: 10rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
  font-weight: 600;
}
.btn-extended:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-extended .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-orange-light {
  background-color: #ea872d;
}

.btn-outline-orange-light {
  border: 0.1rem solid #ea872d !important;
  background-color: #ffffff;
}

.btn_disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.btn_disabled:hover {
  transform: unset !important;
}

.btn-sm {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.1rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-sm:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-sm .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-sm svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-md {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-md:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-md .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-lg {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 2rem 5.6rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-lg:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-lg .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-lg svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-rounded {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
}
.btn-rounded:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-rounded .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-rounded .img-box {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  align-self: center;
  display: none;
}
.btn-rounded .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.btn-extended {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem;
  border-radius: 10rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
  font-weight: 600;
}
.btn-extended:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-extended .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-black-light {
  background-color: #020202;
}

.btn-outline-black-light {
  border: 0.1rem solid #020202 !important;
  background-color: #ffffff;
}

.btn_disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.btn_disabled:hover {
  transform: unset !important;
}

.btn-sm {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.1rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-sm:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-sm .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-sm svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-md {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-md:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-md .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-lg {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 2rem 5.6rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-lg:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-lg .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-lg svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-rounded {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
}
.btn-rounded:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-rounded .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-rounded .img-box {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  align-self: center;
  display: none;
}
.btn-rounded .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.btn-extended {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem;
  border-radius: 10rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
  font-weight: 600;
}
.btn-extended:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-extended .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-deep-green-light {
  background-color: #014345;
}

.btn-outline-deep-green-light {
  border: 0.1rem solid #014345 !important;
  background-color: #ffffff;
}

.btn_disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.btn_disabled:hover {
  transform: unset !important;
}

.btn-sm {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.1rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-sm:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-sm .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-sm svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-md {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-md:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-md .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-lg {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 2rem 5.6rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-lg:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-lg .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-lg svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-rounded {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
}
.btn-rounded:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-rounded .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-rounded .img-box {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  align-self: center;
  display: none;
}
.btn-rounded .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.btn-extended {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem;
  border-radius: 10rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
  font-weight: 600;
}
.btn-extended:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-extended .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-grey {
  background-color: #cccccc;
}

.btn-outline-grey {
  border: 0.1rem solid #cccccc !important;
  background-color: #ffffff;
}

.btn_disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.btn_disabled:hover {
  transform: unset !important;
}

.btn-sm {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.1rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-sm:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-sm .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-sm svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-md {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-md:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-md .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-lg {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 2rem 5.6rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-lg:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-lg .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-lg svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-rounded {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
}
.btn-rounded:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-rounded .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-rounded .img-box {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  align-self: center;
  display: none;
}
.btn-rounded .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.btn-extended {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem;
  border-radius: 10rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
  font-weight: 600;
}
.btn-extended:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-extended .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-base-bg-black {
  background-color: #676767;
}

.btn-outline-base-bg-black {
  border: 0.1rem solid #676767 !important;
  background-color: #ffffff;
}

.btn_disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.btn_disabled:hover {
  transform: unset !important;
}

.btn-sm {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.1rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-sm:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-sm .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-sm svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-md {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-md:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-md .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-lg {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 2rem 5.6rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-lg:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-lg .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-lg svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-rounded {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
}
.btn-rounded:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-rounded .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-rounded .img-box {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  align-self: center;
  display: none;
}
.btn-rounded .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.btn-extended {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem;
  border-radius: 10rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
  font-weight: 600;
}
.btn-extended:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-extended .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-error-dark {
  background-color: #ff0f00;
}

.btn-outline-error-dark {
  border: 0.1rem solid #ff0f00 !important;
  background-color: #ffffff;
}

.btn_disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.btn_disabled:hover {
  transform: unset !important;
}

.btn-sm {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.1rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-sm:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-sm .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-sm svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-md {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-md:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-md .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-lg {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 2rem 5.6rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-lg:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-lg .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-lg svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-rounded {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
}
.btn-rounded:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-rounded .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-rounded .img-box {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  align-self: center;
  display: none;
}
.btn-rounded .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.btn-extended {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem;
  border-radius: 10rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
  font-weight: 600;
}
.btn-extended:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-extended .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-info-dark {
  background-color: #f6c31c;
}

.btn-outline-info-dark {
  border: 0.1rem solid #f6c31c !important;
  background-color: #ffffff;
}

.btn_disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.btn_disabled:hover {
  transform: unset !important;
}

.btn-sm {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.1rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-sm:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-sm .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-sm svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-md {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-md:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-md .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-lg {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 2rem 5.6rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-lg:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-lg .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-lg svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-rounded {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
}
.btn-rounded:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-rounded .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-rounded .img-box {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  align-self: center;
  display: none;
}
.btn-rounded .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.btn-extended {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem;
  border-radius: 10rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
  font-weight: 600;
}
.btn-extended:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-extended .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-dark-dark {
  background-color: #ffffff;
}

.btn-outline-dark-dark {
  border: 0.1rem solid #ffffff !important;
  background-color: #ffffff;
}

.btn_disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.btn_disabled:hover {
  transform: unset !important;
}

.btn-sm {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.1rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-sm:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-sm .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-sm svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-md {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-md:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-md .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-lg {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 2rem 5.6rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-lg:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-lg .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-lg svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-rounded {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
}
.btn-rounded:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-rounded .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-rounded .img-box {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  align-self: center;
  display: none;
}
.btn-rounded .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.btn-extended {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem;
  border-radius: 10rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
  font-weight: 600;
}
.btn-extended:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-extended .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-white-dark {
  background-color: #020202;
}

.btn-outline-white-dark {
  border: 0.1rem solid #020202 !important;
  background-color: #ffffff;
}

.btn_disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.btn_disabled:hover {
  transform: unset !important;
}

.btn-sm {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.1rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-sm:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-sm .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-sm svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-md {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-md:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-md .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-lg {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 2rem 5.6rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-lg:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-lg .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-lg svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-rounded {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
}
.btn-rounded:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-rounded .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-rounded .img-box {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  align-self: center;
  display: none;
}
.btn-rounded .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.btn-extended {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem;
  border-radius: 10rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
  font-weight: 600;
}
.btn-extended:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-extended .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-green-dark {
  background-color: #0b8376;
}

.btn-outline-green-dark {
  border: 0.1rem solid #0b8376 !important;
  background-color: #ffffff;
}

.btn_disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.btn_disabled:hover {
  transform: unset !important;
}

.btn-sm {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.1rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-sm:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-sm .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-sm svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-md {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-md:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-md .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-lg {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 2rem 5.6rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-lg:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-lg .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-lg svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-rounded {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
}
.btn-rounded:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-rounded .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-rounded .img-box {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  align-self: center;
  display: none;
}
.btn-rounded .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.btn-extended {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem;
  border-radius: 10rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
  font-weight: 600;
}
.btn-extended:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-extended .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-blue-dark {
  background-color: #a0d2fe;
}

.btn-outline-blue-dark {
  border: 0.1rem solid #a0d2fe !important;
  background-color: #ffffff;
}

.btn_disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.btn_disabled:hover {
  transform: unset !important;
}

.btn-sm {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.1rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-sm:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-sm .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-sm svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-md {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-md:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-md .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-lg {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 2rem 5.6rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-lg:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-lg .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-lg svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-rounded {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
}
.btn-rounded:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-rounded .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-rounded .img-box {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  align-self: center;
  display: none;
}
.btn-rounded .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.btn-extended {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem;
  border-radius: 10rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
  font-weight: 600;
}
.btn-extended:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-extended .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-purple-dark {
  background-color: #755ae2;
}

.btn-outline-purple-dark {
  border: 0.1rem solid #755ae2 !important;
  background-color: #ffffff;
}

.btn_disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.btn_disabled:hover {
  transform: unset !important;
}

.btn-sm {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.1rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-sm:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-sm .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-sm svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-md {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-md:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-md .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-lg {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 2rem 5.6rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-lg:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-lg .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-lg svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-rounded {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
}
.btn-rounded:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-rounded .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-rounded .img-box {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  align-self: center;
  display: none;
}
.btn-rounded .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.btn-extended {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem;
  border-radius: 10rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
  font-weight: 600;
}
.btn-extended:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-extended .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-orange-dark {
  background-color: #ea872d;
}

.btn-outline-orange-dark {
  border: 0.1rem solid #ea872d !important;
  background-color: #ffffff;
}

.btn_disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.btn_disabled:hover {
  transform: unset !important;
}

.btn-sm {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.1rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-sm:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-sm .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-sm svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-md {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem 2.4rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-md:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-md .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-md svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-lg {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 2rem 5.6rem;
  border-radius: 0.8rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
}
.btn-lg:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-lg .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-lg svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-rounded {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 0;
  border-radius: 50%;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: grid;
  place-items: center;
  height: 5rem;
  width: 5rem;
}
.btn-rounded:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-rounded .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-rounded .img-box {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  align-self: center;
  display: none;
}
.btn-rounded .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
  display: inline-block;
}

.btn-extended {
  text-decoration: none;
  cursor: pointer;
  display: inline-block;
  border: none;
  padding: 1.6rem;
  border-radius: 10rem;
  width: -moz-max-content;
  width: max-content;
  outline: none;
  opacity: 1;
  transition: all 0.3s ease-in-out;
  font-size: 1.4rem;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: max-content;
  font-weight: 600;
}
.btn-extended:hover {
  transform: translateY(-0.1rem);
  opacity: 0.9;
}
.btn-extended .blocks-wrapper {
  margin-left: 0.5rem;
  transform: scale(2.5);
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}
.btn-extended svg {
  width: 1.5rem;
  height: 1.5rem;
}

.btn-deep-green-dark {
  background-color: #0b8376;
}

.btn-outline-deep-green-dark {
  border: 0.1rem solid #0b8376 !important;
  background-color: #ffffff;
}

.btn_disabled {
  opacity: 0.5 !important;
  cursor: default !important;
}
.btn_disabled:hover {
  transform: unset !important;
}

.navbar .container, .navbar-deep-green-dark .container, .navbar-orange-dark .container, .navbar-purple-dark .container, .navbar-blue-dark .container, .navbar-green-dark .container, .navbar-white-dark .container, .navbar-dark-dark .container, .navbar-info-dark .container, .navbar-error-dark .container, .navbar-base-bg-black .container, .navbar-grey .container, .navbar-deep-green-light .container, .navbar-black-light .container, .navbar-orange-light .container, .navbar-purple-light .container, .navbar-green-light .container, .navbar-blue-light .container, .navbar-white-light .container, .navbar-info-light .container, .navbar-error-light .container, .navbar, .navbar-deep-green-dark, .navbar-orange-dark, .navbar-purple-dark, .navbar-blue-dark, .navbar-green-dark, .navbar-white-dark, .navbar-dark-dark, .navbar-info-dark, .navbar-error-dark, .navbar-base-bg-black, .navbar-grey, .navbar-deep-green-light, .navbar-black-light, .navbar-orange-light, .navbar-purple-light, .navbar-green-light, .navbar-blue-light, .navbar-white-light, .navbar-info-light, .navbar-error-light {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  box-sizing: border-box;
}

.navbar, .navbar-deep-green-dark, .navbar-orange-dark, .navbar-purple-dark, .navbar-blue-dark, .navbar-green-dark, .navbar-white-dark, .navbar-dark-dark, .navbar-info-dark, .navbar-error-dark, .navbar-base-bg-black, .navbar-grey, .navbar-deep-green-light, .navbar-black-light, .navbar-orange-light, .navbar-purple-light, .navbar-green-light, .navbar-blue-light, .navbar-white-light, .navbar-info-light, .navbar-error-light {
  padding: 1rem 2rem;
  box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.1);
}
.navbar .site-title, .navbar-deep-green-dark .site-title, .navbar-orange-dark .site-title, .navbar-purple-dark .site-title, .navbar-blue-dark .site-title, .navbar-green-dark .site-title, .navbar-white-dark .site-title, .navbar-dark-dark .site-title, .navbar-info-dark .site-title, .navbar-error-dark .site-title, .navbar-base-bg-black .site-title, .navbar-grey .site-title, .navbar-deep-green-light .site-title, .navbar-black-light .site-title, .navbar-orange-light .site-title, .navbar-purple-light .site-title, .navbar-green-light .site-title, .navbar-blue-light .site-title, .navbar-white-light .site-title, .navbar-info-light .site-title, .navbar-error-light .site-title {
  font-size: 2rem;
}

.navbar-error-light {
  background-color: #ff0f00;
}

.navbar-info-light {
  background-color: #f6c31c;
}

.navbar-white-light {
  background-color: #ffffff;
}

.navbar-blue-light {
  background-color: #476885;
}

.navbar-green-light {
  background-color: #0b8376;
}

.navbar-purple-light {
  background-color: #755ae2;
}

.navbar-orange-light {
  background-color: #ea872d;
}

.navbar-black-light {
  background-color: #020202;
}

.navbar-deep-green-light {
  background-color: #014345;
}

.navbar-grey {
  background-color: #cccccc;
}

.navbar-base-bg-black {
  background-color: #676767;
}

.navbar-error-dark {
  background-color: #ff0f00;
}

.navbar-info-dark {
  background-color: #f6c31c;
}

.navbar-dark-dark {
  background-color: #ffffff;
}

.navbar-white-dark {
  background-color: #020202;
}

.navbar-green-dark {
  background-color: #0b8376;
}

.navbar-blue-dark {
  background-color: #a0d2fe;
}

.navbar-purple-dark {
  background-color: #755ae2;
}

.navbar-orange-dark {
  background-color: #ea872d;
}

.navbar-deep-green-dark {
  background-color: #0b8376;
}

.tab-link-parent {
  width: 100%;
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  position: relative;
}
.tab-link-parent .tab-link {
  border-radius: 0.8rem;
  padding: 0.7rem 1rem;
  cursor: pointer;
  transition: all 0.3s;
  text-transform: capitalize;
}
.tab-link-parent .tab-link__error-light {
  cursor: default;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.tab-link-parent .tab-link__error-light > * {
  position: relative;
  z-index: 3;
}
.tab-link-parent .tab-link__error-light::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #ff0f00;
}
.tab-link-parent .tab-link__error-light:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded {
  cursor: default;
  font-weight: 500;
  position: relative;
  color: #0b8376;
}
.tab-link-parent .tab-link_faded::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #e8fff6;
}
.tab-link-parent .tab-link_faded:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded_black {
  cursor: default;
  font-weight: 500;
  color: #020202;
  border: 0.05rem solid #676767;
  position: relative;
}
.tab-link-parent .tab-link_faded_black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f7f8f7;
}
.tab-link-parent .tab-link_faded_black:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link__info-light {
  cursor: default;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.tab-link-parent .tab-link__info-light > * {
  position: relative;
  z-index: 3;
}
.tab-link-parent .tab-link__info-light::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f6c31c;
}
.tab-link-parent .tab-link__info-light:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded {
  cursor: default;
  font-weight: 500;
  position: relative;
  color: #0b8376;
}
.tab-link-parent .tab-link_faded::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #e8fff6;
}
.tab-link-parent .tab-link_faded:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded_black {
  cursor: default;
  font-weight: 500;
  color: #020202;
  border: 0.05rem solid #676767;
  position: relative;
}
.tab-link-parent .tab-link_faded_black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f7f8f7;
}
.tab-link-parent .tab-link_faded_black:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link__white-light {
  cursor: default;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.tab-link-parent .tab-link__white-light > * {
  position: relative;
  z-index: 3;
}
.tab-link-parent .tab-link__white-light::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #ffffff;
}
.tab-link-parent .tab-link__white-light:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded {
  cursor: default;
  font-weight: 500;
  position: relative;
  color: #0b8376;
}
.tab-link-parent .tab-link_faded::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #e8fff6;
}
.tab-link-parent .tab-link_faded:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded_black {
  cursor: default;
  font-weight: 500;
  color: #020202;
  border: 0.05rem solid #676767;
  position: relative;
}
.tab-link-parent .tab-link_faded_black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f7f8f7;
}
.tab-link-parent .tab-link_faded_black:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link__blue-light {
  cursor: default;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.tab-link-parent .tab-link__blue-light > * {
  position: relative;
  z-index: 3;
}
.tab-link-parent .tab-link__blue-light::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #476885;
}
.tab-link-parent .tab-link__blue-light:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded {
  cursor: default;
  font-weight: 500;
  position: relative;
  color: #0b8376;
}
.tab-link-parent .tab-link_faded::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #e8fff6;
}
.tab-link-parent .tab-link_faded:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded_black {
  cursor: default;
  font-weight: 500;
  color: #020202;
  border: 0.05rem solid #676767;
  position: relative;
}
.tab-link-parent .tab-link_faded_black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f7f8f7;
}
.tab-link-parent .tab-link_faded_black:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link__green-light {
  cursor: default;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.tab-link-parent .tab-link__green-light > * {
  position: relative;
  z-index: 3;
}
.tab-link-parent .tab-link__green-light::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #0b8376;
}
.tab-link-parent .tab-link__green-light:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded {
  cursor: default;
  font-weight: 500;
  position: relative;
  color: #0b8376;
}
.tab-link-parent .tab-link_faded::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #e8fff6;
}
.tab-link-parent .tab-link_faded:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded_black {
  cursor: default;
  font-weight: 500;
  color: #020202;
  border: 0.05rem solid #676767;
  position: relative;
}
.tab-link-parent .tab-link_faded_black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f7f8f7;
}
.tab-link-parent .tab-link_faded_black:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link__purple-light {
  cursor: default;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.tab-link-parent .tab-link__purple-light > * {
  position: relative;
  z-index: 3;
}
.tab-link-parent .tab-link__purple-light::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #755ae2;
}
.tab-link-parent .tab-link__purple-light:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded {
  cursor: default;
  font-weight: 500;
  position: relative;
  color: #0b8376;
}
.tab-link-parent .tab-link_faded::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #e8fff6;
}
.tab-link-parent .tab-link_faded:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded_black {
  cursor: default;
  font-weight: 500;
  color: #020202;
  border: 0.05rem solid #676767;
  position: relative;
}
.tab-link-parent .tab-link_faded_black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f7f8f7;
}
.tab-link-parent .tab-link_faded_black:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link__orange-light {
  cursor: default;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.tab-link-parent .tab-link__orange-light > * {
  position: relative;
  z-index: 3;
}
.tab-link-parent .tab-link__orange-light::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #ea872d;
}
.tab-link-parent .tab-link__orange-light:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded {
  cursor: default;
  font-weight: 500;
  position: relative;
  color: #0b8376;
}
.tab-link-parent .tab-link_faded::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #e8fff6;
}
.tab-link-parent .tab-link_faded:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded_black {
  cursor: default;
  font-weight: 500;
  color: #020202;
  border: 0.05rem solid #676767;
  position: relative;
}
.tab-link-parent .tab-link_faded_black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f7f8f7;
}
.tab-link-parent .tab-link_faded_black:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link__black-light {
  cursor: default;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.tab-link-parent .tab-link__black-light > * {
  position: relative;
  z-index: 3;
}
.tab-link-parent .tab-link__black-light::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #020202;
}
.tab-link-parent .tab-link__black-light:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded {
  cursor: default;
  font-weight: 500;
  position: relative;
  color: #0b8376;
}
.tab-link-parent .tab-link_faded::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #e8fff6;
}
.tab-link-parent .tab-link_faded:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded_black {
  cursor: default;
  font-weight: 500;
  color: #020202;
  border: 0.05rem solid #676767;
  position: relative;
}
.tab-link-parent .tab-link_faded_black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f7f8f7;
}
.tab-link-parent .tab-link_faded_black:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link__deep-green-light {
  cursor: default;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.tab-link-parent .tab-link__deep-green-light > * {
  position: relative;
  z-index: 3;
}
.tab-link-parent .tab-link__deep-green-light::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #014345;
}
.tab-link-parent .tab-link__deep-green-light:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded {
  cursor: default;
  font-weight: 500;
  position: relative;
  color: #0b8376;
}
.tab-link-parent .tab-link_faded::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #e8fff6;
}
.tab-link-parent .tab-link_faded:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded_black {
  cursor: default;
  font-weight: 500;
  color: #020202;
  border: 0.05rem solid #676767;
  position: relative;
}
.tab-link-parent .tab-link_faded_black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f7f8f7;
}
.tab-link-parent .tab-link_faded_black:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link__grey {
  cursor: default;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.tab-link-parent .tab-link__grey > * {
  position: relative;
  z-index: 3;
}
.tab-link-parent .tab-link__grey::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #cccccc;
}
.tab-link-parent .tab-link__grey:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded {
  cursor: default;
  font-weight: 500;
  position: relative;
  color: #0b8376;
}
.tab-link-parent .tab-link_faded::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #e8fff6;
}
.tab-link-parent .tab-link_faded:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded_black {
  cursor: default;
  font-weight: 500;
  color: #020202;
  border: 0.05rem solid #676767;
  position: relative;
}
.tab-link-parent .tab-link_faded_black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f7f8f7;
}
.tab-link-parent .tab-link_faded_black:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link__base-bg-black {
  cursor: default;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.tab-link-parent .tab-link__base-bg-black > * {
  position: relative;
  z-index: 3;
}
.tab-link-parent .tab-link__base-bg-black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #676767;
}
.tab-link-parent .tab-link__base-bg-black:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded {
  cursor: default;
  font-weight: 500;
  position: relative;
  color: #0b8376;
}
.tab-link-parent .tab-link_faded::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #e8fff6;
}
.tab-link-parent .tab-link_faded:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded_black {
  cursor: default;
  font-weight: 500;
  color: #020202;
  border: 0.05rem solid #676767;
  position: relative;
}
.tab-link-parent .tab-link_faded_black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f7f8f7;
}
.tab-link-parent .tab-link_faded_black:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link__error-dark {
  cursor: default;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.tab-link-parent .tab-link__error-dark > * {
  position: relative;
  z-index: 3;
}
.tab-link-parent .tab-link__error-dark::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #ff0f00;
}
.tab-link-parent .tab-link__error-dark:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded {
  cursor: default;
  font-weight: 500;
  position: relative;
  color: #0b8376;
}
.tab-link-parent .tab-link_faded::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #e8fff6;
}
.tab-link-parent .tab-link_faded:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded_black {
  cursor: default;
  font-weight: 500;
  color: #020202;
  border: 0.05rem solid #676767;
  position: relative;
}
.tab-link-parent .tab-link_faded_black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f7f8f7;
}
.tab-link-parent .tab-link_faded_black:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link__info-dark {
  cursor: default;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.tab-link-parent .tab-link__info-dark > * {
  position: relative;
  z-index: 3;
}
.tab-link-parent .tab-link__info-dark::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f6c31c;
}
.tab-link-parent .tab-link__info-dark:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded {
  cursor: default;
  font-weight: 500;
  position: relative;
  color: #0b8376;
}
.tab-link-parent .tab-link_faded::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #e8fff6;
}
.tab-link-parent .tab-link_faded:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded_black {
  cursor: default;
  font-weight: 500;
  color: #020202;
  border: 0.05rem solid #676767;
  position: relative;
}
.tab-link-parent .tab-link_faded_black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f7f8f7;
}
.tab-link-parent .tab-link_faded_black:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link__dark-dark {
  cursor: default;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.tab-link-parent .tab-link__dark-dark > * {
  position: relative;
  z-index: 3;
}
.tab-link-parent .tab-link__dark-dark::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #ffffff;
}
.tab-link-parent .tab-link__dark-dark:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded {
  cursor: default;
  font-weight: 500;
  position: relative;
  color: #0b8376;
}
.tab-link-parent .tab-link_faded::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #e8fff6;
}
.tab-link-parent .tab-link_faded:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded_black {
  cursor: default;
  font-weight: 500;
  color: #020202;
  border: 0.05rem solid #676767;
  position: relative;
}
.tab-link-parent .tab-link_faded_black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f7f8f7;
}
.tab-link-parent .tab-link_faded_black:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link__white-dark {
  cursor: default;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.tab-link-parent .tab-link__white-dark > * {
  position: relative;
  z-index: 3;
}
.tab-link-parent .tab-link__white-dark::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #020202;
}
.tab-link-parent .tab-link__white-dark:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded {
  cursor: default;
  font-weight: 500;
  position: relative;
  color: #0b8376;
}
.tab-link-parent .tab-link_faded::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #e8fff6;
}
.tab-link-parent .tab-link_faded:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded_black {
  cursor: default;
  font-weight: 500;
  color: #020202;
  border: 0.05rem solid #676767;
  position: relative;
}
.tab-link-parent .tab-link_faded_black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f7f8f7;
}
.tab-link-parent .tab-link_faded_black:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link__green-dark {
  cursor: default;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.tab-link-parent .tab-link__green-dark > * {
  position: relative;
  z-index: 3;
}
.tab-link-parent .tab-link__green-dark::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #0b8376;
}
.tab-link-parent .tab-link__green-dark:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded {
  cursor: default;
  font-weight: 500;
  position: relative;
  color: #0b8376;
}
.tab-link-parent .tab-link_faded::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #e8fff6;
}
.tab-link-parent .tab-link_faded:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded_black {
  cursor: default;
  font-weight: 500;
  color: #020202;
  border: 0.05rem solid #676767;
  position: relative;
}
.tab-link-parent .tab-link_faded_black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f7f8f7;
}
.tab-link-parent .tab-link_faded_black:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link__blue-dark {
  cursor: default;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.tab-link-parent .tab-link__blue-dark > * {
  position: relative;
  z-index: 3;
}
.tab-link-parent .tab-link__blue-dark::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #a0d2fe;
}
.tab-link-parent .tab-link__blue-dark:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded {
  cursor: default;
  font-weight: 500;
  position: relative;
  color: #0b8376;
}
.tab-link-parent .tab-link_faded::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #e8fff6;
}
.tab-link-parent .tab-link_faded:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded_black {
  cursor: default;
  font-weight: 500;
  color: #020202;
  border: 0.05rem solid #676767;
  position: relative;
}
.tab-link-parent .tab-link_faded_black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f7f8f7;
}
.tab-link-parent .tab-link_faded_black:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link__purple-dark {
  cursor: default;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.tab-link-parent .tab-link__purple-dark > * {
  position: relative;
  z-index: 3;
}
.tab-link-parent .tab-link__purple-dark::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #755ae2;
}
.tab-link-parent .tab-link__purple-dark:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded {
  cursor: default;
  font-weight: 500;
  position: relative;
  color: #0b8376;
}
.tab-link-parent .tab-link_faded::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #e8fff6;
}
.tab-link-parent .tab-link_faded:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded_black {
  cursor: default;
  font-weight: 500;
  color: #020202;
  border: 0.05rem solid #676767;
  position: relative;
}
.tab-link-parent .tab-link_faded_black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f7f8f7;
}
.tab-link-parent .tab-link_faded_black:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link__orange-dark {
  cursor: default;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.tab-link-parent .tab-link__orange-dark > * {
  position: relative;
  z-index: 3;
}
.tab-link-parent .tab-link__orange-dark::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #ea872d;
}
.tab-link-parent .tab-link__orange-dark:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded {
  cursor: default;
  font-weight: 500;
  position: relative;
  color: #0b8376;
}
.tab-link-parent .tab-link_faded::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #e8fff6;
}
.tab-link-parent .tab-link_faded:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded_black {
  cursor: default;
  font-weight: 500;
  color: #020202;
  border: 0.05rem solid #676767;
  position: relative;
}
.tab-link-parent .tab-link_faded_black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f7f8f7;
}
.tab-link-parent .tab-link_faded_black:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link__deep-green-dark {
  cursor: default;
  font-weight: 500;
  color: #ffffff;
  position: relative;
}
.tab-link-parent .tab-link__deep-green-dark > * {
  position: relative;
  z-index: 3;
}
.tab-link-parent .tab-link__deep-green-dark::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #0b8376;
}
.tab-link-parent .tab-link__deep-green-dark:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded {
  cursor: default;
  font-weight: 500;
  position: relative;
  color: #0b8376;
}
.tab-link-parent .tab-link_faded::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #e8fff6;
}
.tab-link-parent .tab-link_faded:hover {
  transform: unset !important;
}
.tab-link-parent .tab-link_faded_black {
  cursor: default;
  font-weight: 500;
  color: #020202;
  border: 0.05rem solid #676767;
  position: relative;
}
.tab-link-parent .tab-link_faded_black::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 0.8rem;
  z-index: 2;
  background-color: #f7f8f7;
}
.tab-link-parent .tab-link_faded_black:hover {
  transform: unset !important;
}

.action-bar-wrapper-box {
  width: 100%;
  overflow-y: hidden;
}

.action_bar__error {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background-color: #fff5f5;
}
.action_bar__error .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__error .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__error .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__error .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__error .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__error .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__error .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__error .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__error .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__error .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__error .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__error .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__error .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__error .cancel {
  background-color: #ffdfdd;
}
.action_bar__error .cancel svg {
  fill: #ff0f00;
}
.action_bar__error .action-box .text {
  color: #ff0f00;
}
.action_bar__error .action-box .arrow-icon::after {
  background-color: #ffdfdd;
}
.action_bar__error .action-box .arrow-icon::before {
  background-color: #ff0f00;
}

.action_bar__info {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #e9f5ff !important;
}
.action_bar__info .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__info .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__info .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__info .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__info .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__info .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__info .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__info .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__info .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__info .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__info .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__info .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__info .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__info .cancel {
  background-color: #b9defe;
}
.action_bar__info .cancel svg {
  fill: #476885;
}
.action_bar__info .action-box .text {
  color: #476885;
}
.action_bar__info .action-box .arrow-icon::after {
  background-color: #b9defe;
}
.action_bar__info .action-box .arrow-icon::before {
  background-color: #476885;
}

.action_bar__warning {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #fff6ed !important;
}
.action_bar__warning .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__warning .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__warning .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__warning .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__warning .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__warning .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__warning .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__warning .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__warning .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__warning .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__warning .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__warning .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__warning .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__warning .cancel {
  background-color: #ffe6cd;
}
.action_bar__warning .cancel svg {
  fill: #ea872d;
}
.action_bar__warning .action-box .text {
  color: #ea872d;
}
.action_bar__warning .action-box .arrow-icon::after {
  background-color: #ffe6cd;
}
.action_bar__warning .action-box .arrow-icon::before {
  background-color: #ea872d;
}

.action_bar_show {
  padding: 1rem 1rem;
  max-height: 7rem;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
}

.action_bar__transform {
  transform: translateY(-100%);
}

.action_bar__error {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background-color: #fff5f5;
}
.action_bar__error .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__error .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__error .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__error .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__error .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__error .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__error .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__error .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__error .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__error .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__error .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__error .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__error .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__error .cancel {
  background-color: #ffdfdd;
}
.action_bar__error .cancel svg {
  fill: #ff0f00;
}
.action_bar__error .action-box .text {
  color: #ff0f00;
}
.action_bar__error .action-box .arrow-icon::after {
  background-color: #ffdfdd;
}
.action_bar__error .action-box .arrow-icon::before {
  background-color: #ff0f00;
}

.action_bar__info {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #e9f5ff !important;
}
.action_bar__info .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__info .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__info .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__info .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__info .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__info .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__info .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__info .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__info .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__info .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__info .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__info .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__info .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__info .cancel {
  background-color: #b9defe;
}
.action_bar__info .cancel svg {
  fill: #476885;
}
.action_bar__info .action-box .text {
  color: #476885;
}
.action_bar__info .action-box .arrow-icon::after {
  background-color: #b9defe;
}
.action_bar__info .action-box .arrow-icon::before {
  background-color: #476885;
}

.action_bar__warning {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #fff6ed !important;
}
.action_bar__warning .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__warning .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__warning .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__warning .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__warning .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__warning .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__warning .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__warning .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__warning .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__warning .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__warning .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__warning .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__warning .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__warning .cancel {
  background-color: #ffe6cd;
}
.action_bar__warning .cancel svg {
  fill: #ea872d;
}
.action_bar__warning .action-box .text {
  color: #ea872d;
}
.action_bar__warning .action-box .arrow-icon::after {
  background-color: #ffe6cd;
}
.action_bar__warning .action-box .arrow-icon::before {
  background-color: #ea872d;
}

.action_bar_show {
  padding: 1rem 1rem;
  max-height: 7rem;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
}

.action_bar__transform {
  transform: translateY(-100%);
}

.action_bar__error {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background-color: #fff5f5;
}
.action_bar__error .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__error .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__error .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__error .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__error .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__error .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__error .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__error .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__error .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__error .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__error .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__error .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__error .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__error .cancel {
  background-color: #ffdfdd;
}
.action_bar__error .cancel svg {
  fill: #ff0f00;
}
.action_bar__error .action-box .text {
  color: #ff0f00;
}
.action_bar__error .action-box .arrow-icon::after {
  background-color: #ffdfdd;
}
.action_bar__error .action-box .arrow-icon::before {
  background-color: #ff0f00;
}

.action_bar__info {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #e9f5ff !important;
}
.action_bar__info .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__info .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__info .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__info .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__info .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__info .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__info .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__info .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__info .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__info .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__info .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__info .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__info .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__info .cancel {
  background-color: #b9defe;
}
.action_bar__info .cancel svg {
  fill: #476885;
}
.action_bar__info .action-box .text {
  color: #476885;
}
.action_bar__info .action-box .arrow-icon::after {
  background-color: #b9defe;
}
.action_bar__info .action-box .arrow-icon::before {
  background-color: #476885;
}

.action_bar__warning {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #fff6ed !important;
}
.action_bar__warning .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__warning .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__warning .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__warning .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__warning .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__warning .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__warning .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__warning .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__warning .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__warning .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__warning .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__warning .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__warning .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__warning .cancel {
  background-color: #ffe6cd;
}
.action_bar__warning .cancel svg {
  fill: #ea872d;
}
.action_bar__warning .action-box .text {
  color: #ea872d;
}
.action_bar__warning .action-box .arrow-icon::after {
  background-color: #ffe6cd;
}
.action_bar__warning .action-box .arrow-icon::before {
  background-color: #ea872d;
}

.action_bar_show {
  padding: 1rem 1rem;
  max-height: 7rem;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
}

.action_bar__transform {
  transform: translateY(-100%);
}

.action_bar__error {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background-color: #fff5f5;
}
.action_bar__error .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__error .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__error .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__error .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__error .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__error .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__error .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__error .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__error .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__error .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__error .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__error .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__error .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__error .cancel {
  background-color: #ffdfdd;
}
.action_bar__error .cancel svg {
  fill: #ff0f00;
}
.action_bar__error .action-box .text {
  color: #ff0f00;
}
.action_bar__error .action-box .arrow-icon::after {
  background-color: #ffdfdd;
}
.action_bar__error .action-box .arrow-icon::before {
  background-color: #ff0f00;
}

.action_bar__info {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #e9f5ff !important;
}
.action_bar__info .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__info .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__info .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__info .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__info .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__info .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__info .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__info .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__info .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__info .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__info .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__info .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__info .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__info .cancel {
  background-color: #b9defe;
}
.action_bar__info .cancel svg {
  fill: #476885;
}
.action_bar__info .action-box .text {
  color: #476885;
}
.action_bar__info .action-box .arrow-icon::after {
  background-color: #b9defe;
}
.action_bar__info .action-box .arrow-icon::before {
  background-color: #476885;
}

.action_bar__warning {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #fff6ed !important;
}
.action_bar__warning .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__warning .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__warning .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__warning .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__warning .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__warning .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__warning .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__warning .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__warning .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__warning .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__warning .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__warning .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__warning .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__warning .cancel {
  background-color: #ffe6cd;
}
.action_bar__warning .cancel svg {
  fill: #ea872d;
}
.action_bar__warning .action-box .text {
  color: #ea872d;
}
.action_bar__warning .action-box .arrow-icon::after {
  background-color: #ffe6cd;
}
.action_bar__warning .action-box .arrow-icon::before {
  background-color: #ea872d;
}

.action_bar_show {
  padding: 1rem 1rem;
  max-height: 7rem;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
}

.action_bar__transform {
  transform: translateY(-100%);
}

.action_bar__error {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background-color: #fff5f5;
}
.action_bar__error .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__error .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__error .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__error .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__error .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__error .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__error .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__error .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__error .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__error .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__error .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__error .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__error .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__error .cancel {
  background-color: #ffdfdd;
}
.action_bar__error .cancel svg {
  fill: #ff0f00;
}
.action_bar__error .action-box .text {
  color: #ff0f00;
}
.action_bar__error .action-box .arrow-icon::after {
  background-color: #ffdfdd;
}
.action_bar__error .action-box .arrow-icon::before {
  background-color: #ff0f00;
}

.action_bar__info {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #e9f5ff !important;
}
.action_bar__info .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__info .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__info .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__info .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__info .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__info .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__info .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__info .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__info .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__info .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__info .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__info .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__info .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__info .cancel {
  background-color: #b9defe;
}
.action_bar__info .cancel svg {
  fill: #476885;
}
.action_bar__info .action-box .text {
  color: #476885;
}
.action_bar__info .action-box .arrow-icon::after {
  background-color: #b9defe;
}
.action_bar__info .action-box .arrow-icon::before {
  background-color: #476885;
}

.action_bar__warning {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #fff6ed !important;
}
.action_bar__warning .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__warning .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__warning .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__warning .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__warning .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__warning .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__warning .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__warning .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__warning .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__warning .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__warning .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__warning .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__warning .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__warning .cancel {
  background-color: #ffe6cd;
}
.action_bar__warning .cancel svg {
  fill: #ea872d;
}
.action_bar__warning .action-box .text {
  color: #ea872d;
}
.action_bar__warning .action-box .arrow-icon::after {
  background-color: #ffe6cd;
}
.action_bar__warning .action-box .arrow-icon::before {
  background-color: #ea872d;
}

.action_bar_show {
  padding: 1rem 1rem;
  max-height: 7rem;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
}

.action_bar__transform {
  transform: translateY(-100%);
}

.action_bar__error {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background-color: #fff5f5;
}
.action_bar__error .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__error .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__error .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__error .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__error .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__error .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__error .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__error .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__error .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__error .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__error .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__error .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__error .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__error .cancel {
  background-color: #ffdfdd;
}
.action_bar__error .cancel svg {
  fill: #ff0f00;
}
.action_bar__error .action-box .text {
  color: #ff0f00;
}
.action_bar__error .action-box .arrow-icon::after {
  background-color: #ffdfdd;
}
.action_bar__error .action-box .arrow-icon::before {
  background-color: #ff0f00;
}

.action_bar__info {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #e9f5ff !important;
}
.action_bar__info .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__info .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__info .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__info .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__info .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__info .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__info .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__info .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__info .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__info .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__info .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__info .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__info .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__info .cancel {
  background-color: #b9defe;
}
.action_bar__info .cancel svg {
  fill: #476885;
}
.action_bar__info .action-box .text {
  color: #476885;
}
.action_bar__info .action-box .arrow-icon::after {
  background-color: #b9defe;
}
.action_bar__info .action-box .arrow-icon::before {
  background-color: #476885;
}

.action_bar__warning {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #fff6ed !important;
}
.action_bar__warning .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__warning .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__warning .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__warning .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__warning .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__warning .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__warning .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__warning .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__warning .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__warning .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__warning .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__warning .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__warning .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__warning .cancel {
  background-color: #ffe6cd;
}
.action_bar__warning .cancel svg {
  fill: #ea872d;
}
.action_bar__warning .action-box .text {
  color: #ea872d;
}
.action_bar__warning .action-box .arrow-icon::after {
  background-color: #ffe6cd;
}
.action_bar__warning .action-box .arrow-icon::before {
  background-color: #ea872d;
}

.action_bar_show {
  padding: 1rem 1rem;
  max-height: 7rem;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
}

.action_bar__transform {
  transform: translateY(-100%);
}

.action_bar__error {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background-color: #fff5f5;
}
.action_bar__error .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__error .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__error .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__error .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__error .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__error .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__error .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__error .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__error .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__error .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__error .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__error .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__error .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__error .cancel {
  background-color: #ffdfdd;
}
.action_bar__error .cancel svg {
  fill: #ff0f00;
}
.action_bar__error .action-box .text {
  color: #ff0f00;
}
.action_bar__error .action-box .arrow-icon::after {
  background-color: #ffdfdd;
}
.action_bar__error .action-box .arrow-icon::before {
  background-color: #ff0f00;
}

.action_bar__info {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #e9f5ff !important;
}
.action_bar__info .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__info .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__info .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__info .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__info .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__info .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__info .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__info .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__info .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__info .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__info .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__info .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__info .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__info .cancel {
  background-color: #b9defe;
}
.action_bar__info .cancel svg {
  fill: #476885;
}
.action_bar__info .action-box .text {
  color: #476885;
}
.action_bar__info .action-box .arrow-icon::after {
  background-color: #b9defe;
}
.action_bar__info .action-box .arrow-icon::before {
  background-color: #476885;
}

.action_bar__warning {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #fff6ed !important;
}
.action_bar__warning .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__warning .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__warning .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__warning .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__warning .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__warning .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__warning .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__warning .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__warning .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__warning .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__warning .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__warning .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__warning .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__warning .cancel {
  background-color: #ffe6cd;
}
.action_bar__warning .cancel svg {
  fill: #ea872d;
}
.action_bar__warning .action-box .text {
  color: #ea872d;
}
.action_bar__warning .action-box .arrow-icon::after {
  background-color: #ffe6cd;
}
.action_bar__warning .action-box .arrow-icon::before {
  background-color: #ea872d;
}

.action_bar_show {
  padding: 1rem 1rem;
  max-height: 7rem;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
}

.action_bar__transform {
  transform: translateY(-100%);
}

.action_bar__error {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background-color: #fff5f5;
}
.action_bar__error .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__error .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__error .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__error .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__error .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__error .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__error .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__error .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__error .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__error .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__error .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__error .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__error .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__error .cancel {
  background-color: #ffdfdd;
}
.action_bar__error .cancel svg {
  fill: #ff0f00;
}
.action_bar__error .action-box .text {
  color: #ff0f00;
}
.action_bar__error .action-box .arrow-icon::after {
  background-color: #ffdfdd;
}
.action_bar__error .action-box .arrow-icon::before {
  background-color: #ff0f00;
}

.action_bar__info {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #e9f5ff !important;
}
.action_bar__info .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__info .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__info .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__info .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__info .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__info .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__info .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__info .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__info .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__info .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__info .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__info .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__info .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__info .cancel {
  background-color: #b9defe;
}
.action_bar__info .cancel svg {
  fill: #476885;
}
.action_bar__info .action-box .text {
  color: #476885;
}
.action_bar__info .action-box .arrow-icon::after {
  background-color: #b9defe;
}
.action_bar__info .action-box .arrow-icon::before {
  background-color: #476885;
}

.action_bar__warning {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #fff6ed !important;
}
.action_bar__warning .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__warning .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__warning .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__warning .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__warning .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__warning .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__warning .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__warning .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__warning .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__warning .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__warning .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__warning .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__warning .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__warning .cancel {
  background-color: #ffe6cd;
}
.action_bar__warning .cancel svg {
  fill: #ea872d;
}
.action_bar__warning .action-box .text {
  color: #ea872d;
}
.action_bar__warning .action-box .arrow-icon::after {
  background-color: #ffe6cd;
}
.action_bar__warning .action-box .arrow-icon::before {
  background-color: #ea872d;
}

.action_bar_show {
  padding: 1rem 1rem;
  max-height: 7rem;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
}

.action_bar__transform {
  transform: translateY(-100%);
}

.action_bar__error {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background-color: #fff5f5;
}
.action_bar__error .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__error .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__error .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__error .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__error .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__error .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__error .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__error .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__error .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__error .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__error .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__error .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__error .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__error .cancel {
  background-color: #ffdfdd;
}
.action_bar__error .cancel svg {
  fill: #ff0f00;
}
.action_bar__error .action-box .text {
  color: #ff0f00;
}
.action_bar__error .action-box .arrow-icon::after {
  background-color: #ffdfdd;
}
.action_bar__error .action-box .arrow-icon::before {
  background-color: #ff0f00;
}

.action_bar__info {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #e9f5ff !important;
}
.action_bar__info .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__info .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__info .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__info .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__info .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__info .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__info .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__info .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__info .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__info .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__info .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__info .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__info .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__info .cancel {
  background-color: #b9defe;
}
.action_bar__info .cancel svg {
  fill: #476885;
}
.action_bar__info .action-box .text {
  color: #476885;
}
.action_bar__info .action-box .arrow-icon::after {
  background-color: #b9defe;
}
.action_bar__info .action-box .arrow-icon::before {
  background-color: #476885;
}

.action_bar__warning {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #fff6ed !important;
}
.action_bar__warning .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__warning .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__warning .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__warning .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__warning .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__warning .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__warning .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__warning .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__warning .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__warning .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__warning .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__warning .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__warning .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__warning .cancel {
  background-color: #ffe6cd;
}
.action_bar__warning .cancel svg {
  fill: #ea872d;
}
.action_bar__warning .action-box .text {
  color: #ea872d;
}
.action_bar__warning .action-box .arrow-icon::after {
  background-color: #ffe6cd;
}
.action_bar__warning .action-box .arrow-icon::before {
  background-color: #ea872d;
}

.action_bar_show {
  padding: 1rem 1rem;
  max-height: 7rem;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
}

.action_bar__transform {
  transform: translateY(-100%);
}

.action_bar__error {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background-color: #fff5f5;
}
.action_bar__error .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__error .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__error .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__error .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__error .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__error .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__error .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__error .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__error .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__error .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__error .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__error .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__error .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__error .cancel {
  background-color: #ffdfdd;
}
.action_bar__error .cancel svg {
  fill: #ff0f00;
}
.action_bar__error .action-box .text {
  color: #ff0f00;
}
.action_bar__error .action-box .arrow-icon::after {
  background-color: #ffdfdd;
}
.action_bar__error .action-box .arrow-icon::before {
  background-color: #ff0f00;
}

.action_bar__info {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #e9f5ff !important;
}
.action_bar__info .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__info .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__info .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__info .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__info .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__info .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__info .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__info .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__info .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__info .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__info .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__info .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__info .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__info .cancel {
  background-color: #b9defe;
}
.action_bar__info .cancel svg {
  fill: #476885;
}
.action_bar__info .action-box .text {
  color: #476885;
}
.action_bar__info .action-box .arrow-icon::after {
  background-color: #b9defe;
}
.action_bar__info .action-box .arrow-icon::before {
  background-color: #476885;
}

.action_bar__warning {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #fff6ed !important;
}
.action_bar__warning .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__warning .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__warning .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__warning .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__warning .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__warning .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__warning .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__warning .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__warning .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__warning .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__warning .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__warning .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__warning .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__warning .cancel {
  background-color: #ffe6cd;
}
.action_bar__warning .cancel svg {
  fill: #ea872d;
}
.action_bar__warning .action-box .text {
  color: #ea872d;
}
.action_bar__warning .action-box .arrow-icon::after {
  background-color: #ffe6cd;
}
.action_bar__warning .action-box .arrow-icon::before {
  background-color: #ea872d;
}

.action_bar_show {
  padding: 1rem 1rem;
  max-height: 7rem;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
}

.action_bar__transform {
  transform: translateY(-100%);
}

.action_bar__error {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background-color: #fff5f5;
}
.action_bar__error .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__error .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__error .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__error .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__error .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__error .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__error .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__error .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__error .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__error .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__error .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__error .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__error .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__error .cancel {
  background-color: #ffdfdd;
}
.action_bar__error .cancel svg {
  fill: #ff0f00;
}
.action_bar__error .action-box .text {
  color: #ff0f00;
}
.action_bar__error .action-box .arrow-icon::after {
  background-color: #ffdfdd;
}
.action_bar__error .action-box .arrow-icon::before {
  background-color: #ff0f00;
}

.action_bar__info {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #e9f5ff !important;
}
.action_bar__info .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__info .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__info .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__info .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__info .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__info .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__info .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__info .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__info .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__info .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__info .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__info .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__info .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__info .cancel {
  background-color: #b9defe;
}
.action_bar__info .cancel svg {
  fill: #476885;
}
.action_bar__info .action-box .text {
  color: #476885;
}
.action_bar__info .action-box .arrow-icon::after {
  background-color: #b9defe;
}
.action_bar__info .action-box .arrow-icon::before {
  background-color: #476885;
}

.action_bar__warning {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #fff6ed !important;
}
.action_bar__warning .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__warning .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__warning .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__warning .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__warning .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__warning .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__warning .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__warning .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__warning .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__warning .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__warning .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__warning .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__warning .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__warning .cancel {
  background-color: #ffe6cd;
}
.action_bar__warning .cancel svg {
  fill: #ea872d;
}
.action_bar__warning .action-box .text {
  color: #ea872d;
}
.action_bar__warning .action-box .arrow-icon::after {
  background-color: #ffe6cd;
}
.action_bar__warning .action-box .arrow-icon::before {
  background-color: #ea872d;
}

.action_bar_show {
  padding: 1rem 1rem;
  max-height: 7rem;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
}

.action_bar__transform {
  transform: translateY(-100%);
}

.action_bar__error {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background-color: #fff5f5;
}
.action_bar__error .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__error .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__error .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__error .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__error .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__error .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__error .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__error .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__error .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__error .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__error .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__error .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__error .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__error .cancel {
  background-color: #ffdfdd;
}
.action_bar__error .cancel svg {
  fill: #ff0f00;
}
.action_bar__error .action-box .text {
  color: #ff0f00;
}
.action_bar__error .action-box .arrow-icon::after {
  background-color: #ffdfdd;
}
.action_bar__error .action-box .arrow-icon::before {
  background-color: #ff0f00;
}

.action_bar__info {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #e9f5ff !important;
}
.action_bar__info .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__info .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__info .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__info .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__info .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__info .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__info .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__info .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__info .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__info .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__info .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__info .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__info .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__info .cancel {
  background-color: #b9defe;
}
.action_bar__info .cancel svg {
  fill: #476885;
}
.action_bar__info .action-box .text {
  color: #476885;
}
.action_bar__info .action-box .arrow-icon::after {
  background-color: #b9defe;
}
.action_bar__info .action-box .arrow-icon::before {
  background-color: #476885;
}

.action_bar__warning {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #fff6ed !important;
}
.action_bar__warning .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__warning .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__warning .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__warning .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__warning .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__warning .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__warning .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__warning .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__warning .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__warning .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__warning .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__warning .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__warning .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__warning .cancel {
  background-color: #ffe6cd;
}
.action_bar__warning .cancel svg {
  fill: #ea872d;
}
.action_bar__warning .action-box .text {
  color: #ea872d;
}
.action_bar__warning .action-box .arrow-icon::after {
  background-color: #ffe6cd;
}
.action_bar__warning .action-box .arrow-icon::before {
  background-color: #ea872d;
}

.action_bar_show {
  padding: 1rem 1rem;
  max-height: 7rem;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
}

.action_bar__transform {
  transform: translateY(-100%);
}

.action_bar__error {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background-color: #fff5f5;
}
.action_bar__error .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__error .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__error .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__error .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__error .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__error .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__error .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__error .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__error .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__error .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__error .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__error .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__error .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__error .cancel {
  background-color: #ffdfdd;
}
.action_bar__error .cancel svg {
  fill: #ff0f00;
}
.action_bar__error .action-box .text {
  color: #ff0f00;
}
.action_bar__error .action-box .arrow-icon::after {
  background-color: #ffdfdd;
}
.action_bar__error .action-box .arrow-icon::before {
  background-color: #ff0f00;
}

.action_bar__info {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #e9f5ff !important;
}
.action_bar__info .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__info .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__info .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__info .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__info .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__info .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__info .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__info .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__info .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__info .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__info .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__info .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__info .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__info .cancel {
  background-color: #b9defe;
}
.action_bar__info .cancel svg {
  fill: #476885;
}
.action_bar__info .action-box .text {
  color: #476885;
}
.action_bar__info .action-box .arrow-icon::after {
  background-color: #b9defe;
}
.action_bar__info .action-box .arrow-icon::before {
  background-color: #476885;
}

.action_bar__warning {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #fff6ed !important;
}
.action_bar__warning .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__warning .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__warning .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__warning .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__warning .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__warning .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__warning .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__warning .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__warning .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__warning .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__warning .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__warning .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__warning .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__warning .cancel {
  background-color: #ffe6cd;
}
.action_bar__warning .cancel svg {
  fill: #ea872d;
}
.action_bar__warning .action-box .text {
  color: #ea872d;
}
.action_bar__warning .action-box .arrow-icon::after {
  background-color: #ffe6cd;
}
.action_bar__warning .action-box .arrow-icon::before {
  background-color: #ea872d;
}

.action_bar_show {
  padding: 1rem 1rem;
  max-height: 7rem;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
}

.action_bar__transform {
  transform: translateY(-100%);
}

.action_bar__error {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background-color: #fff5f5;
}
.action_bar__error .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__error .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__error .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__error .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__error .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__error .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__error .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__error .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__error .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__error .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__error .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__error .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__error .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__error .cancel {
  background-color: #ffdfdd;
}
.action_bar__error .cancel svg {
  fill: #ff0f00;
}
.action_bar__error .action-box .text {
  color: #ff0f00;
}
.action_bar__error .action-box .arrow-icon::after {
  background-color: #ffdfdd;
}
.action_bar__error .action-box .arrow-icon::before {
  background-color: #ff0f00;
}

.action_bar__info {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #e9f5ff !important;
}
.action_bar__info .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__info .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__info .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__info .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__info .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__info .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__info .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__info .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__info .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__info .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__info .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__info .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__info .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__info .cancel {
  background-color: #b9defe;
}
.action_bar__info .cancel svg {
  fill: #476885;
}
.action_bar__info .action-box .text {
  color: #476885;
}
.action_bar__info .action-box .arrow-icon::after {
  background-color: #b9defe;
}
.action_bar__info .action-box .arrow-icon::before {
  background-color: #476885;
}

.action_bar__warning {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #fff6ed !important;
}
.action_bar__warning .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__warning .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__warning .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__warning .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__warning .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__warning .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__warning .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__warning .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__warning .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__warning .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__warning .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__warning .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__warning .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__warning .cancel {
  background-color: #ffe6cd;
}
.action_bar__warning .cancel svg {
  fill: #ea872d;
}
.action_bar__warning .action-box .text {
  color: #ea872d;
}
.action_bar__warning .action-box .arrow-icon::after {
  background-color: #ffe6cd;
}
.action_bar__warning .action-box .arrow-icon::before {
  background-color: #ea872d;
}

.action_bar_show {
  padding: 1rem 1rem;
  max-height: 7rem;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
}

.action_bar__transform {
  transform: translateY(-100%);
}

.action_bar__error {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background-color: #fff5f5;
}
.action_bar__error .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__error .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__error .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__error .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__error .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__error .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__error .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__error .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__error .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__error .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__error .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__error .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__error .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__error .cancel {
  background-color: #ffdfdd;
}
.action_bar__error .cancel svg {
  fill: #ff0f00;
}
.action_bar__error .action-box .text {
  color: #ff0f00;
}
.action_bar__error .action-box .arrow-icon::after {
  background-color: #ffdfdd;
}
.action_bar__error .action-box .arrow-icon::before {
  background-color: #ff0f00;
}

.action_bar__info {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #e9f5ff !important;
}
.action_bar__info .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__info .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__info .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__info .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__info .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__info .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__info .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__info .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__info .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__info .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__info .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__info .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__info .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__info .cancel {
  background-color: #b9defe;
}
.action_bar__info .cancel svg {
  fill: #476885;
}
.action_bar__info .action-box .text {
  color: #476885;
}
.action_bar__info .action-box .arrow-icon::after {
  background-color: #b9defe;
}
.action_bar__info .action-box .arrow-icon::before {
  background-color: #476885;
}

.action_bar__warning {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #fff6ed !important;
}
.action_bar__warning .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__warning .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__warning .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__warning .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__warning .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__warning .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__warning .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__warning .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__warning .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__warning .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__warning .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__warning .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__warning .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__warning .cancel {
  background-color: #ffe6cd;
}
.action_bar__warning .cancel svg {
  fill: #ea872d;
}
.action_bar__warning .action-box .text {
  color: #ea872d;
}
.action_bar__warning .action-box .arrow-icon::after {
  background-color: #ffe6cd;
}
.action_bar__warning .action-box .arrow-icon::before {
  background-color: #ea872d;
}

.action_bar_show {
  padding: 1rem 1rem;
  max-height: 7rem;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
}

.action_bar__transform {
  transform: translateY(-100%);
}

.action_bar__error {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background-color: #fff5f5;
}
.action_bar__error .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__error .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__error .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__error .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__error .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__error .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__error .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__error .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__error .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__error .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__error .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__error .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__error .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__error .cancel {
  background-color: #ffdfdd;
}
.action_bar__error .cancel svg {
  fill: #ff0f00;
}
.action_bar__error .action-box .text {
  color: #ff0f00;
}
.action_bar__error .action-box .arrow-icon::after {
  background-color: #ffdfdd;
}
.action_bar__error .action-box .arrow-icon::before {
  background-color: #ff0f00;
}

.action_bar__info {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #e9f5ff !important;
}
.action_bar__info .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__info .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__info .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__info .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__info .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__info .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__info .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__info .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__info .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__info .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__info .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__info .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__info .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__info .cancel {
  background-color: #b9defe;
}
.action_bar__info .cancel svg {
  fill: #476885;
}
.action_bar__info .action-box .text {
  color: #476885;
}
.action_bar__info .action-box .arrow-icon::after {
  background-color: #b9defe;
}
.action_bar__info .action-box .arrow-icon::before {
  background-color: #476885;
}

.action_bar__warning {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #fff6ed !important;
}
.action_bar__warning .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__warning .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__warning .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__warning .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__warning .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__warning .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__warning .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__warning .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__warning .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__warning .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__warning .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__warning .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__warning .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__warning .cancel {
  background-color: #ffe6cd;
}
.action_bar__warning .cancel svg {
  fill: #ea872d;
}
.action_bar__warning .action-box .text {
  color: #ea872d;
}
.action_bar__warning .action-box .arrow-icon::after {
  background-color: #ffe6cd;
}
.action_bar__warning .action-box .arrow-icon::before {
  background-color: #ea872d;
}

.action_bar_show {
  padding: 1rem 1rem;
  max-height: 7rem;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
}

.action_bar__transform {
  transform: translateY(-100%);
}

.action_bar__error {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background-color: #fff5f5;
}
.action_bar__error .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__error .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__error .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__error .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__error .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__error .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__error .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__error .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__error .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__error .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__error .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__error .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__error .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__error .cancel {
  background-color: #ffdfdd;
}
.action_bar__error .cancel svg {
  fill: #ff0f00;
}
.action_bar__error .action-box .text {
  color: #ff0f00;
}
.action_bar__error .action-box .arrow-icon::after {
  background-color: #ffdfdd;
}
.action_bar__error .action-box .arrow-icon::before {
  background-color: #ff0f00;
}

.action_bar__info {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #e9f5ff !important;
}
.action_bar__info .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__info .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__info .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__info .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__info .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__info .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__info .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__info .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__info .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__info .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__info .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__info .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__info .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__info .cancel {
  background-color: #b9defe;
}
.action_bar__info .cancel svg {
  fill: #476885;
}
.action_bar__info .action-box .text {
  color: #476885;
}
.action_bar__info .action-box .arrow-icon::after {
  background-color: #b9defe;
}
.action_bar__info .action-box .arrow-icon::before {
  background-color: #476885;
}

.action_bar__warning {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #fff6ed !important;
}
.action_bar__warning .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__warning .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__warning .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__warning .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__warning .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__warning .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__warning .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__warning .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__warning .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__warning .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__warning .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__warning .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__warning .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__warning .cancel {
  background-color: #ffe6cd;
}
.action_bar__warning .cancel svg {
  fill: #ea872d;
}
.action_bar__warning .action-box .text {
  color: #ea872d;
}
.action_bar__warning .action-box .arrow-icon::after {
  background-color: #ffe6cd;
}
.action_bar__warning .action-box .arrow-icon::before {
  background-color: #ea872d;
}

.action_bar_show {
  padding: 1rem 1rem;
  max-height: 7rem;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
}

.action_bar__transform {
  transform: translateY(-100%);
}

.action_bar__error {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background-color: #fff5f5;
}
.action_bar__error .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__error .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__error .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__error .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__error .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__error .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__error .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__error .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__error .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__error .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__error .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__error .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__error .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__error .cancel {
  background-color: #ffdfdd;
}
.action_bar__error .cancel svg {
  fill: #ff0f00;
}
.action_bar__error .action-box .text {
  color: #ff0f00;
}
.action_bar__error .action-box .arrow-icon::after {
  background-color: #ffdfdd;
}
.action_bar__error .action-box .arrow-icon::before {
  background-color: #ff0f00;
}

.action_bar__info {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #e9f5ff !important;
}
.action_bar__info .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__info .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__info .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__info .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__info .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__info .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__info .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__info .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__info .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__info .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__info .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__info .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__info .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__info .cancel {
  background-color: #b9defe;
}
.action_bar__info .cancel svg {
  fill: #476885;
}
.action_bar__info .action-box .text {
  color: #476885;
}
.action_bar__info .action-box .arrow-icon::after {
  background-color: #b9defe;
}
.action_bar__info .action-box .arrow-icon::before {
  background-color: #476885;
}

.action_bar__warning {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #fff6ed !important;
}
.action_bar__warning .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__warning .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__warning .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__warning .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__warning .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__warning .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__warning .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__warning .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__warning .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__warning .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__warning .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__warning .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__warning .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__warning .cancel {
  background-color: #ffe6cd;
}
.action_bar__warning .cancel svg {
  fill: #ea872d;
}
.action_bar__warning .action-box .text {
  color: #ea872d;
}
.action_bar__warning .action-box .arrow-icon::after {
  background-color: #ffe6cd;
}
.action_bar__warning .action-box .arrow-icon::before {
  background-color: #ea872d;
}

.action_bar_show {
  padding: 1rem 1rem;
  max-height: 7rem;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
}

.action_bar__transform {
  transform: translateY(-100%);
}

.action_bar__error {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background-color: #fff5f5;
}
.action_bar__error .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__error .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__error .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__error .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__error .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__error .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__error .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__error .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__error .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__error .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__error .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__error .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__error .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__error .cancel {
  background-color: #ffdfdd;
}
.action_bar__error .cancel svg {
  fill: #ff0f00;
}
.action_bar__error .action-box .text {
  color: #ff0f00;
}
.action_bar__error .action-box .arrow-icon::after {
  background-color: #ffdfdd;
}
.action_bar__error .action-box .arrow-icon::before {
  background-color: #ff0f00;
}

.action_bar__info {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #e9f5ff !important;
}
.action_bar__info .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__info .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__info .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__info .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__info .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__info .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__info .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__info .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__info .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__info .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__info .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__info .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__info .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__info .cancel {
  background-color: #b9defe;
}
.action_bar__info .cancel svg {
  fill: #476885;
}
.action_bar__info .action-box .text {
  color: #476885;
}
.action_bar__info .action-box .arrow-icon::after {
  background-color: #b9defe;
}
.action_bar__info .action-box .arrow-icon::before {
  background-color: #476885;
}

.action_bar__warning {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #fff6ed !important;
}
.action_bar__warning .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__warning .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__warning .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__warning .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__warning .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__warning .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__warning .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__warning .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__warning .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__warning .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__warning .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__warning .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__warning .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__warning .cancel {
  background-color: #ffe6cd;
}
.action_bar__warning .cancel svg {
  fill: #ea872d;
}
.action_bar__warning .action-box .text {
  color: #ea872d;
}
.action_bar__warning .action-box .arrow-icon::after {
  background-color: #ffe6cd;
}
.action_bar__warning .action-box .arrow-icon::before {
  background-color: #ea872d;
}

.action_bar_show {
  padding: 1rem 1rem;
  max-height: 7rem;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
}

.action_bar__transform {
  transform: translateY(-100%);
}

.action_bar__error {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background-color: #fff5f5;
}
.action_bar__error .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__error .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__error .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__error .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__error .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__error .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__error .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__error .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__error .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__error .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__error .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__error .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__error .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__error .cancel {
  background-color: #ffdfdd;
}
.action_bar__error .cancel svg {
  fill: #ff0f00;
}
.action_bar__error .action-box .text {
  color: #ff0f00;
}
.action_bar__error .action-box .arrow-icon::after {
  background-color: #ffdfdd;
}
.action_bar__error .action-box .arrow-icon::before {
  background-color: #ff0f00;
}

.action_bar__info {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #e9f5ff !important;
}
.action_bar__info .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__info .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__info .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__info .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__info .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__info .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__info .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__info .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__info .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__info .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__info .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__info .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__info .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__info .cancel {
  background-color: #b9defe;
}
.action_bar__info .cancel svg {
  fill: #476885;
}
.action_bar__info .action-box .text {
  color: #476885;
}
.action_bar__info .action-box .arrow-icon::after {
  background-color: #b9defe;
}
.action_bar__info .action-box .arrow-icon::before {
  background-color: #476885;
}

.action_bar__warning {
  font-size: 1.25rem;
  display: flex;
  align-items: center;
  gap: 2rem;
  background: #fff6ed;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  width: 100%;
  background: #fff6ed !important;
}
.action_bar__warning .img-box {
  width: 2.5rem;
  height: 2.5rem;
  transform: translateY(0.2rem);
}
.action_bar__warning .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.action_bar__warning .text {
  font-size: 1.3rem;
  color: #020202;
}
.action_bar__warning .action-box {
  margin-right: auto;
  display: flex;
  align-items: center;
  cursor: pointer;
}
.action_bar__warning .action-box:hover .arrow-icon {
  transform: translateX(0.2rem);
}
.action_bar__warning .action-box .text {
  font-weight: 700;
  margin-right: 1rem;
  font-size: 1.4rem;
}
.action_bar__warning .action-box .arrow-icon {
  border-radius: 50%;
  width: 1.8rem;
  height: 1.8rem;
  display: grid;
  place-items: center;
  transition: all 0.3s;
  position: relative;
}
.action_bar__warning .action-box .arrow-icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 170%;
  height: 170%;
  border-radius: 50%;
  z-index: 1;
}
.action_bar__warning .action-box .arrow-icon::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  border-radius: 50%;
  z-index: 2;
}
.action_bar__warning .action-box .arrow-icon > * {
  z-index: 3;
}
.action_bar__warning .action-box .arrow-icon .icon {
  width: 1rem;
  height: 1rem;
  color: #ffffff;
  fill: #ffffff;
}
.action_bar__warning .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
  cursor: pointer;
}
.action_bar__warning .cancel svg {
  width: 1.2rem;
  height: 1.2rem;
}
.action_bar__warning .cancel {
  background-color: #ffe6cd;
}
.action_bar__warning .cancel svg {
  fill: #ea872d;
}
.action_bar__warning .action-box .text {
  color: #ea872d;
}
.action_bar__warning .action-box .arrow-icon::after {
  background-color: #ffe6cd;
}
.action_bar__warning .action-box .arrow-icon::before {
  background-color: #ea872d;
}

.action_bar_show {
  padding: 1rem 1rem;
  max-height: 7rem;
  transition: all 0.5s linear-bezier(0, 1.05, 0, 1);
}

.action_bar__transform {
  transform: translateY(-100%);
}

@keyframes translateActionUp {
  0% {
    transform: translateY(0%);
  }
  100% {
    transform: translateY(-100%);
  }
}
.bread-crumb-parent {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.45rem;
  display: flex;
  align-items: center;
  gap: 0.8rem;
  border-radius: 0.8rem;
  flex-wrap: wrap;
  flex-direction: row;
  padding: 1.2rem 1.6rem;
  background-color: #F8FAFC;
}
.bread-crumb-parent .crumb-step {
  font-size: 1.4rem;
  transition: all 0.3s;
  color: #020202;
  cursor: pointer;
  text-transform: capitalize;
  cursor: pointer;
}
.bread-crumb-parent svg {
  width: 1.4rem;
  height: 1.4rem;
  color: #020202;
  fill: #020202;
  display: inline-block;
  transform: translateY(0.2rem);
}
.bread-crumb-parent .crumb-step-active__error-light {
  color: #ff0f00;
  font-weight: 800;
}
.bread-crumb-parent .crumb-step-active__info-light {
  color: #f6c31c;
  font-weight: 800;
}
.bread-crumb-parent .crumb-step-active__white-light {
  color: #ffffff;
  font-weight: 800;
}
.bread-crumb-parent .crumb-step-active__blue-light {
  color: #476885;
  font-weight: 800;
}
.bread-crumb-parent .crumb-step-active__green-light {
  color: #0b8376;
  font-weight: 800;
}
.bread-crumb-parent .crumb-step-active__purple-light {
  color: #755ae2;
  font-weight: 800;
}
.bread-crumb-parent .crumb-step-active__orange-light {
  color: #ea872d;
  font-weight: 800;
}
.bread-crumb-parent .crumb-step-active__black-light {
  color: #020202;
  font-weight: 800;
}
.bread-crumb-parent .crumb-step-active__deep-green-light {
  color: #014345;
  font-weight: 800;
}
.bread-crumb-parent .crumb-step-active__grey {
  color: #cccccc;
  font-weight: 800;
}
.bread-crumb-parent .crumb-step-active__base-bg-black {
  color: #676767;
  font-weight: 800;
}
.bread-crumb-parent .crumb-step-active__error-dark {
  color: #ff0f00;
  font-weight: 800;
}
.bread-crumb-parent .crumb-step-active__info-dark {
  color: #f6c31c;
  font-weight: 800;
}
.bread-crumb-parent .crumb-step-active__dark-dark {
  color: #ffffff;
  font-weight: 800;
}
.bread-crumb-parent .crumb-step-active__white-dark {
  color: #020202;
  font-weight: 800;
}
.bread-crumb-parent .crumb-step-active__green-dark {
  color: #0b8376;
  font-weight: 800;
}
.bread-crumb-parent .crumb-step-active__blue-dark {
  color: #a0d2fe;
  font-weight: 800;
}
.bread-crumb-parent .crumb-step-active__purple-dark {
  color: #755ae2;
  font-weight: 800;
}
.bread-crumb-parent .crumb-step-active__orange-dark {
  color: #ea872d;
  font-weight: 800;
}
.bread-crumb-parent .crumb-step-active__deep-green-dark {
  color: #0b8376;
  font-weight: 800;
}
.bread-crumb-parent .crumb-arrow__error-light {
  color: #ff0f00;
  fill: #ff0f00;
}
.bread-crumb-parent .crumb-arrow__info-light {
  color: #f6c31c;
  fill: #f6c31c;
}
.bread-crumb-parent .crumb-arrow__white-light {
  color: #ffffff;
  fill: #ffffff;
}
.bread-crumb-parent .crumb-arrow__blue-light {
  color: #476885;
  fill: #476885;
}
.bread-crumb-parent .crumb-arrow__green-light {
  color: #0b8376;
  fill: #0b8376;
}
.bread-crumb-parent .crumb-arrow__purple-light {
  color: #755ae2;
  fill: #755ae2;
}
.bread-crumb-parent .crumb-arrow__orange-light {
  color: #ea872d;
  fill: #ea872d;
}
.bread-crumb-parent .crumb-arrow__black-light {
  color: #020202;
  fill: #020202;
}
.bread-crumb-parent .crumb-arrow__deep-green-light {
  color: #014345;
  fill: #014345;
}
.bread-crumb-parent .crumb-arrow__grey {
  color: #cccccc;
  fill: #cccccc;
}
.bread-crumb-parent .crumb-arrow__base-bg-black {
  color: #676767;
  fill: #676767;
}
.bread-crumb-parent .crumb-arrow__error-dark {
  color: #ff0f00;
  fill: #ff0f00;
}
.bread-crumb-parent .crumb-arrow__info-dark {
  color: #f6c31c;
  fill: #f6c31c;
}
.bread-crumb-parent .crumb-arrow__dark-dark {
  color: #ffffff;
  fill: #ffffff;
}
.bread-crumb-parent .crumb-arrow__white-dark {
  color: #020202;
  fill: #020202;
}
.bread-crumb-parent .crumb-arrow__green-dark {
  color: #0b8376;
  fill: #0b8376;
}
.bread-crumb-parent .crumb-arrow__blue-dark {
  color: #a0d2fe;
  fill: #a0d2fe;
}
.bread-crumb-parent .crumb-arrow__purple-dark {
  color: #755ae2;
  fill: #755ae2;
}
.bread-crumb-parent .crumb-arrow__orange-dark {
  color: #ea872d;
  fill: #ea872d;
}
.bread-crumb-parent .crumb-arrow__deep-green-dark {
  color: #0b8376;
  fill: #0b8376;
}

.check-box-wrap {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  flex-direction: row;
}
.check-box-wrap .input-check {
  display: none;
}
.check-box-wrap .label-check {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  cursor: pointer;
  border-radius: 0.4rem;
  transition: all 0.1s ease-in-out;
}
.check-box-wrap .label-check .icon {
  width: 1rem;
  height: 1rem;
  fill: #ffffff;
  color: #ffffff;
}
.check-box-wrap .input-check:checked ~ .label-check__error-light {
  background-color: #ff0f00;
}
.check-box-wrap .label-check__error-light {
  border: 0.15rem solid #ff0f00;
}
.check-box-wrap .input-check:checked ~ .label-check__info-light {
  background-color: #f6c31c;
}
.check-box-wrap .label-check__info-light {
  border: 0.15rem solid #f6c31c;
}
.check-box-wrap .input-check:checked ~ .label-check__white-light {
  background-color: #ffffff;
}
.check-box-wrap .label-check__white-light {
  border: 0.15rem solid #ffffff;
}
.check-box-wrap .input-check:checked ~ .label-check__blue-light {
  background-color: #476885;
}
.check-box-wrap .label-check__blue-light {
  border: 0.15rem solid #476885;
}
.check-box-wrap .input-check:checked ~ .label-check__green-light {
  background-color: #0b8376;
}
.check-box-wrap .label-check__green-light {
  border: 0.15rem solid #0b8376;
}
.check-box-wrap .input-check:checked ~ .label-check__purple-light {
  background-color: #755ae2;
}
.check-box-wrap .label-check__purple-light {
  border: 0.15rem solid #755ae2;
}
.check-box-wrap .input-check:checked ~ .label-check__orange-light {
  background-color: #ea872d;
}
.check-box-wrap .label-check__orange-light {
  border: 0.15rem solid #ea872d;
}
.check-box-wrap .input-check:checked ~ .label-check__black-light {
  background-color: #020202;
}
.check-box-wrap .label-check__black-light {
  border: 0.15rem solid #020202;
}
.check-box-wrap .input-check:checked ~ .label-check__deep-green-light {
  background-color: #014345;
}
.check-box-wrap .label-check__deep-green-light {
  border: 0.15rem solid #014345;
}
.check-box-wrap .input-check:checked ~ .label-check__grey {
  background-color: #cccccc;
}
.check-box-wrap .label-check__grey {
  border: 0.15rem solid #cccccc;
}
.check-box-wrap .input-check:checked ~ .label-check__base-bg-black {
  background-color: #676767;
}
.check-box-wrap .label-check__base-bg-black {
  border: 0.15rem solid #676767;
}
.check-box-wrap .input-check:checked ~ .label-check__error-dark {
  background-color: #ff0f00;
}
.check-box-wrap .label-check__error-dark {
  border: 0.15rem solid #ff0f00;
}
.check-box-wrap .input-check:checked ~ .label-check__info-dark {
  background-color: #f6c31c;
}
.check-box-wrap .label-check__info-dark {
  border: 0.15rem solid #f6c31c;
}
.check-box-wrap .input-check:checked ~ .label-check__dark-dark {
  background-color: #ffffff;
}
.check-box-wrap .label-check__dark-dark {
  border: 0.15rem solid #ffffff;
}
.check-box-wrap .input-check:checked ~ .label-check__white-dark {
  background-color: #020202;
}
.check-box-wrap .label-check__white-dark {
  border: 0.15rem solid #020202;
}
.check-box-wrap .input-check:checked ~ .label-check__green-dark {
  background-color: #0b8376;
}
.check-box-wrap .label-check__green-dark {
  border: 0.15rem solid #0b8376;
}
.check-box-wrap .input-check:checked ~ .label-check__blue-dark {
  background-color: #a0d2fe;
}
.check-box-wrap .label-check__blue-dark {
  border: 0.15rem solid #a0d2fe;
}
.check-box-wrap .input-check:checked ~ .label-check__purple-dark {
  background-color: #755ae2;
}
.check-box-wrap .label-check__purple-dark {
  border: 0.15rem solid #755ae2;
}
.check-box-wrap .input-check:checked ~ .label-check__orange-dark {
  background-color: #ea872d;
}
.check-box-wrap .label-check__orange-dark {
  border: 0.15rem solid #ea872d;
}
.check-box-wrap .input-check:checked ~ .label-check__deep-green-dark {
  background-color: #0b8376;
}
.check-box-wrap .label-check__deep-green-dark {
  border: 0.15rem solid #0b8376;
}

.toggle-wrap {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  flex-direction: row;
}
.toggle-wrap .toggle-input {
  display: none;
}
.toggle-wrap .toggle-label {
  background-color: #cccccc;
  width: 4.5rem;
  height: 2.3rem;
  border-radius: 5rem;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0.15rem 0.2rem;
  transition: all 0.2s ease-in-out;
}
.toggle-wrap .toggle-label span {
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  display: inline-block;
  transition: all 0.2s ease-in-out;
}
.toggle-wrap .toggle-label .child-one {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__error-light {
  background-color: #ff0f00;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__error-light .child-one {
  background-color: #ff0f00;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label .child-two {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__info-light {
  background-color: #f6c31c;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__info-light .child-one {
  background-color: #f6c31c;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label .child-two {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__white-light {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__white-light .child-one {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label .child-two {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__blue-light {
  background-color: #476885;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__blue-light .child-one {
  background-color: #476885;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label .child-two {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__green-light {
  background-color: #0b8376;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__green-light .child-one {
  background-color: #0b8376;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label .child-two {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__purple-light {
  background-color: #755ae2;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__purple-light .child-one {
  background-color: #755ae2;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label .child-two {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__orange-light {
  background-color: #ea872d;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__orange-light .child-one {
  background-color: #ea872d;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label .child-two {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__black-light {
  background-color: #020202;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__black-light .child-one {
  background-color: #020202;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label .child-two {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__deep-green-light {
  background-color: #014345;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__deep-green-light .child-one {
  background-color: #014345;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label .child-two {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__grey {
  background-color: #cccccc;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__grey .child-one {
  background-color: #cccccc;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label .child-two {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__base-bg-black {
  background-color: #676767;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__base-bg-black .child-one {
  background-color: #676767;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label .child-two {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__error-dark {
  background-color: #ff0f00;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__error-dark .child-one {
  background-color: #ff0f00;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label .child-two {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__info-dark {
  background-color: #f6c31c;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__info-dark .child-one {
  background-color: #f6c31c;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label .child-two {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__dark-dark {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__dark-dark .child-one {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label .child-two {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__white-dark {
  background-color: #020202;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__white-dark .child-one {
  background-color: #020202;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label .child-two {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__green-dark {
  background-color: #0b8376;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__green-dark .child-one {
  background-color: #0b8376;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label .child-two {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__blue-dark {
  background-color: #a0d2fe;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__blue-dark .child-one {
  background-color: #a0d2fe;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label .child-two {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__purple-dark {
  background-color: #755ae2;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__purple-dark .child-one {
  background-color: #755ae2;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label .child-two {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__orange-dark {
  background-color: #ea872d;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__orange-dark .child-one {
  background-color: #ea872d;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label .child-two {
  background-color: #ffffff;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__deep-green-dark {
  background-color: #0b8376;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label__deep-green-dark .child-one {
  background-color: #0b8376;
}
.toggle-wrap .toggle-input:checked ~ .toggle-label .child-two {
  background-color: #ffffff;
}

.tooltip-hover-wrap {
  cursor: pointer;
  position: relative !important;
  width: -moz-max-content;
  width: max-content;
}
.tooltip-hover-wrap:hover .tool-tip-wrap {
  visibility: visible !important;
  opacity: 1 !important;
}

.tool-tip-wrap__error-light {
  width: -moz-max-content;
  width: max-content;
  max-width: 27rem;
  font-size: 1.3rem;
  display: flex;
  border-radius: 0.8rem;
  flex-direction: column;
  padding: 1.2rem 1.6rem;
  background-color: #020202;
  position: relative;
  justify-content: center;
  position: absolute;
  color: #ffffff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  font-weight: 800;
  background-color: #ff0f00;
}
.tool-tip-wrap__error-light::after {
  content: "";
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.tool-tip-wrap__error-light .img-box {
  width: 10rem;
  height: 6rem;
  position: absolute;
  top: 1rem;
  right: 0rem;
  transform: translateX(15%);
}
.tool-tip-wrap__error-light .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tool-tip-wrap__error-light .got {
  align-self: flex-end;
  margin-top: 0.7rem;
  font-size: 1.35rem;
  font-weight: 600;
}
.tool-tip-wrap__error-light .text {
  font-size: 1.2rem;
  font-weight: 400;
}
.tool-tip-wrap__error-light .title {
  font-weight: 800;
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.tool-tip-wrap__error-light::after {
  background-color: #ff0f00;
}

.tool-tip-wrap_big {
  padding: 2.4rem 1.6rem;
}

.tool-tip-wrap_top-center {
  bottom: 100% !important;
  left: 50% !important;
  right: unset;
  transform: translateY(-2rem) translateX(-50%);
}
.tool-tip-wrap_top-center::after {
  top: 100%;
  left: 50%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-right {
  bottom: 100%;
  left: 100%;
  transform: translateY(-2rem) translateX(-15%);
}
.tool-tip-wrap_top-right::after {
  top: 100%;
  left: 12%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-left {
  bottom: 100%;
  left: 0%;
  transform: translateY(-2rem) translateX(-85%);
}
.tool-tip-wrap_top-left::after {
  top: 100%;
  left: 88%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_bottom-center {
  top: 100%;
  left: 50%;
  transform: translateY(2rem) translateX(-50%);
}
.tool-tip-wrap_bottom-center::after {
  top: 0%;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-left {
  top: 100%;
  left: 0%;
  transform: translateY(2rem) translateX(-85%);
}
.tool-tip-wrap_bottom-left::after {
  top: 0%;
  left: 88%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-right {
  top: 100%;
  left: 100%;
  transform: translateY(2rem) translateX(-20%);
}
.tool-tip-wrap_bottom-right::after {
  top: 0%;
  left: 12%;
  transform: translateY(-100%) translateX(0%);
}

.tool-tip-wrap_left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(-2rem);
}
.tool-tip-wrap_left::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(90deg);
}

.tool-tip-wrap_right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(2rem);
}
.tool-tip-wrap_right::after {
  top: 50%;
  left: 0%;
  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}

.tool-tip_mascot .text {
  width: 90%;
}

.tool-tip-wrap__info-light {
  width: -moz-max-content;
  width: max-content;
  max-width: 27rem;
  font-size: 1.3rem;
  display: flex;
  border-radius: 0.8rem;
  flex-direction: column;
  padding: 1.2rem 1.6rem;
  background-color: #020202;
  position: relative;
  justify-content: center;
  position: absolute;
  color: #ffffff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  font-weight: 800;
  background-color: #f6c31c;
}
.tool-tip-wrap__info-light::after {
  content: "";
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.tool-tip-wrap__info-light .img-box {
  width: 10rem;
  height: 6rem;
  position: absolute;
  top: 1rem;
  right: 0rem;
  transform: translateX(15%);
}
.tool-tip-wrap__info-light .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tool-tip-wrap__info-light .got {
  align-self: flex-end;
  margin-top: 0.7rem;
  font-size: 1.35rem;
  font-weight: 600;
}
.tool-tip-wrap__info-light .text {
  font-size: 1.2rem;
  font-weight: 400;
}
.tool-tip-wrap__info-light .title {
  font-weight: 800;
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.tool-tip-wrap__info-light::after {
  background-color: #f6c31c;
}

.tool-tip-wrap_big {
  padding: 2.4rem 1.6rem;
}

.tool-tip-wrap_top-center {
  bottom: 100% !important;
  left: 50% !important;
  right: unset;
  transform: translateY(-2rem) translateX(-50%);
}
.tool-tip-wrap_top-center::after {
  top: 100%;
  left: 50%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-right {
  bottom: 100%;
  left: 100%;
  transform: translateY(-2rem) translateX(-15%);
}
.tool-tip-wrap_top-right::after {
  top: 100%;
  left: 12%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-left {
  bottom: 100%;
  left: 0%;
  transform: translateY(-2rem) translateX(-85%);
}
.tool-tip-wrap_top-left::after {
  top: 100%;
  left: 88%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_bottom-center {
  top: 100%;
  left: 50%;
  transform: translateY(2rem) translateX(-50%);
}
.tool-tip-wrap_bottom-center::after {
  top: 0%;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-left {
  top: 100%;
  left: 0%;
  transform: translateY(2rem) translateX(-85%);
}
.tool-tip-wrap_bottom-left::after {
  top: 0%;
  left: 88%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-right {
  top: 100%;
  left: 100%;
  transform: translateY(2rem) translateX(-20%);
}
.tool-tip-wrap_bottom-right::after {
  top: 0%;
  left: 12%;
  transform: translateY(-100%) translateX(0%);
}

.tool-tip-wrap_left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(-2rem);
}
.tool-tip-wrap_left::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(90deg);
}

.tool-tip-wrap_right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(2rem);
}
.tool-tip-wrap_right::after {
  top: 50%;
  left: 0%;
  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}

.tool-tip_mascot .text {
  width: 90%;
}

.tool-tip-wrap__white-light {
  width: -moz-max-content;
  width: max-content;
  max-width: 27rem;
  font-size: 1.3rem;
  display: flex;
  border-radius: 0.8rem;
  flex-direction: column;
  padding: 1.2rem 1.6rem;
  background-color: #020202;
  position: relative;
  justify-content: center;
  position: absolute;
  color: #ffffff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  font-weight: 800;
  background-color: #ffffff;
}
.tool-tip-wrap__white-light::after {
  content: "";
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.tool-tip-wrap__white-light .img-box {
  width: 10rem;
  height: 6rem;
  position: absolute;
  top: 1rem;
  right: 0rem;
  transform: translateX(15%);
}
.tool-tip-wrap__white-light .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tool-tip-wrap__white-light .got {
  align-self: flex-end;
  margin-top: 0.7rem;
  font-size: 1.35rem;
  font-weight: 600;
}
.tool-tip-wrap__white-light .text {
  font-size: 1.2rem;
  font-weight: 400;
}
.tool-tip-wrap__white-light .title {
  font-weight: 800;
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.tool-tip-wrap__white-light::after {
  background-color: #ffffff;
}

.tool-tip-wrap_big {
  padding: 2.4rem 1.6rem;
}

.tool-tip-wrap_top-center {
  bottom: 100% !important;
  left: 50% !important;
  right: unset;
  transform: translateY(-2rem) translateX(-50%);
}
.tool-tip-wrap_top-center::after {
  top: 100%;
  left: 50%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-right {
  bottom: 100%;
  left: 100%;
  transform: translateY(-2rem) translateX(-15%);
}
.tool-tip-wrap_top-right::after {
  top: 100%;
  left: 12%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-left {
  bottom: 100%;
  left: 0%;
  transform: translateY(-2rem) translateX(-85%);
}
.tool-tip-wrap_top-left::after {
  top: 100%;
  left: 88%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_bottom-center {
  top: 100%;
  left: 50%;
  transform: translateY(2rem) translateX(-50%);
}
.tool-tip-wrap_bottom-center::after {
  top: 0%;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-left {
  top: 100%;
  left: 0%;
  transform: translateY(2rem) translateX(-85%);
}
.tool-tip-wrap_bottom-left::after {
  top: 0%;
  left: 88%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-right {
  top: 100%;
  left: 100%;
  transform: translateY(2rem) translateX(-20%);
}
.tool-tip-wrap_bottom-right::after {
  top: 0%;
  left: 12%;
  transform: translateY(-100%) translateX(0%);
}

.tool-tip-wrap_left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(-2rem);
}
.tool-tip-wrap_left::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(90deg);
}

.tool-tip-wrap_right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(2rem);
}
.tool-tip-wrap_right::after {
  top: 50%;
  left: 0%;
  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}

.tool-tip_mascot .text {
  width: 90%;
}

.tool-tip-wrap__blue-light {
  width: -moz-max-content;
  width: max-content;
  max-width: 27rem;
  font-size: 1.3rem;
  display: flex;
  border-radius: 0.8rem;
  flex-direction: column;
  padding: 1.2rem 1.6rem;
  background-color: #020202;
  position: relative;
  justify-content: center;
  position: absolute;
  color: #ffffff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  font-weight: 800;
  background-color: #476885;
}
.tool-tip-wrap__blue-light::after {
  content: "";
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.tool-tip-wrap__blue-light .img-box {
  width: 10rem;
  height: 6rem;
  position: absolute;
  top: 1rem;
  right: 0rem;
  transform: translateX(15%);
}
.tool-tip-wrap__blue-light .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tool-tip-wrap__blue-light .got {
  align-self: flex-end;
  margin-top: 0.7rem;
  font-size: 1.35rem;
  font-weight: 600;
}
.tool-tip-wrap__blue-light .text {
  font-size: 1.2rem;
  font-weight: 400;
}
.tool-tip-wrap__blue-light .title {
  font-weight: 800;
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.tool-tip-wrap__blue-light::after {
  background-color: #476885;
}

.tool-tip-wrap_big {
  padding: 2.4rem 1.6rem;
}

.tool-tip-wrap_top-center {
  bottom: 100% !important;
  left: 50% !important;
  right: unset;
  transform: translateY(-2rem) translateX(-50%);
}
.tool-tip-wrap_top-center::after {
  top: 100%;
  left: 50%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-right {
  bottom: 100%;
  left: 100%;
  transform: translateY(-2rem) translateX(-15%);
}
.tool-tip-wrap_top-right::after {
  top: 100%;
  left: 12%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-left {
  bottom: 100%;
  left: 0%;
  transform: translateY(-2rem) translateX(-85%);
}
.tool-tip-wrap_top-left::after {
  top: 100%;
  left: 88%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_bottom-center {
  top: 100%;
  left: 50%;
  transform: translateY(2rem) translateX(-50%);
}
.tool-tip-wrap_bottom-center::after {
  top: 0%;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-left {
  top: 100%;
  left: 0%;
  transform: translateY(2rem) translateX(-85%);
}
.tool-tip-wrap_bottom-left::after {
  top: 0%;
  left: 88%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-right {
  top: 100%;
  left: 100%;
  transform: translateY(2rem) translateX(-20%);
}
.tool-tip-wrap_bottom-right::after {
  top: 0%;
  left: 12%;
  transform: translateY(-100%) translateX(0%);
}

.tool-tip-wrap_left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(-2rem);
}
.tool-tip-wrap_left::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(90deg);
}

.tool-tip-wrap_right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(2rem);
}
.tool-tip-wrap_right::after {
  top: 50%;
  left: 0%;
  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}

.tool-tip_mascot .text {
  width: 90%;
}

.tool-tip-wrap__green-light {
  width: -moz-max-content;
  width: max-content;
  max-width: 27rem;
  font-size: 1.3rem;
  display: flex;
  border-radius: 0.8rem;
  flex-direction: column;
  padding: 1.2rem 1.6rem;
  background-color: #020202;
  position: relative;
  justify-content: center;
  position: absolute;
  color: #ffffff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  font-weight: 800;
  background-color: #0b8376;
}
.tool-tip-wrap__green-light::after {
  content: "";
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.tool-tip-wrap__green-light .img-box {
  width: 10rem;
  height: 6rem;
  position: absolute;
  top: 1rem;
  right: 0rem;
  transform: translateX(15%);
}
.tool-tip-wrap__green-light .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tool-tip-wrap__green-light .got {
  align-self: flex-end;
  margin-top: 0.7rem;
  font-size: 1.35rem;
  font-weight: 600;
}
.tool-tip-wrap__green-light .text {
  font-size: 1.2rem;
  font-weight: 400;
}
.tool-tip-wrap__green-light .title {
  font-weight: 800;
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.tool-tip-wrap__green-light::after {
  background-color: #0b8376;
}

.tool-tip-wrap_big {
  padding: 2.4rem 1.6rem;
}

.tool-tip-wrap_top-center {
  bottom: 100% !important;
  left: 50% !important;
  right: unset;
  transform: translateY(-2rem) translateX(-50%);
}
.tool-tip-wrap_top-center::after {
  top: 100%;
  left: 50%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-right {
  bottom: 100%;
  left: 100%;
  transform: translateY(-2rem) translateX(-15%);
}
.tool-tip-wrap_top-right::after {
  top: 100%;
  left: 12%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-left {
  bottom: 100%;
  left: 0%;
  transform: translateY(-2rem) translateX(-85%);
}
.tool-tip-wrap_top-left::after {
  top: 100%;
  left: 88%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_bottom-center {
  top: 100%;
  left: 50%;
  transform: translateY(2rem) translateX(-50%);
}
.tool-tip-wrap_bottom-center::after {
  top: 0%;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-left {
  top: 100%;
  left: 0%;
  transform: translateY(2rem) translateX(-85%);
}
.tool-tip-wrap_bottom-left::after {
  top: 0%;
  left: 88%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-right {
  top: 100%;
  left: 100%;
  transform: translateY(2rem) translateX(-20%);
}
.tool-tip-wrap_bottom-right::after {
  top: 0%;
  left: 12%;
  transform: translateY(-100%) translateX(0%);
}

.tool-tip-wrap_left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(-2rem);
}
.tool-tip-wrap_left::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(90deg);
}

.tool-tip-wrap_right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(2rem);
}
.tool-tip-wrap_right::after {
  top: 50%;
  left: 0%;
  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}

.tool-tip_mascot .text {
  width: 90%;
}

.tool-tip-wrap__purple-light {
  width: -moz-max-content;
  width: max-content;
  max-width: 27rem;
  font-size: 1.3rem;
  display: flex;
  border-radius: 0.8rem;
  flex-direction: column;
  padding: 1.2rem 1.6rem;
  background-color: #020202;
  position: relative;
  justify-content: center;
  position: absolute;
  color: #ffffff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  font-weight: 800;
  background-color: #755ae2;
}
.tool-tip-wrap__purple-light::after {
  content: "";
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.tool-tip-wrap__purple-light .img-box {
  width: 10rem;
  height: 6rem;
  position: absolute;
  top: 1rem;
  right: 0rem;
  transform: translateX(15%);
}
.tool-tip-wrap__purple-light .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tool-tip-wrap__purple-light .got {
  align-self: flex-end;
  margin-top: 0.7rem;
  font-size: 1.35rem;
  font-weight: 600;
}
.tool-tip-wrap__purple-light .text {
  font-size: 1.2rem;
  font-weight: 400;
}
.tool-tip-wrap__purple-light .title {
  font-weight: 800;
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.tool-tip-wrap__purple-light::after {
  background-color: #755ae2;
}

.tool-tip-wrap_big {
  padding: 2.4rem 1.6rem;
}

.tool-tip-wrap_top-center {
  bottom: 100% !important;
  left: 50% !important;
  right: unset;
  transform: translateY(-2rem) translateX(-50%);
}
.tool-tip-wrap_top-center::after {
  top: 100%;
  left: 50%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-right {
  bottom: 100%;
  left: 100%;
  transform: translateY(-2rem) translateX(-15%);
}
.tool-tip-wrap_top-right::after {
  top: 100%;
  left: 12%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-left {
  bottom: 100%;
  left: 0%;
  transform: translateY(-2rem) translateX(-85%);
}
.tool-tip-wrap_top-left::after {
  top: 100%;
  left: 88%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_bottom-center {
  top: 100%;
  left: 50%;
  transform: translateY(2rem) translateX(-50%);
}
.tool-tip-wrap_bottom-center::after {
  top: 0%;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-left {
  top: 100%;
  left: 0%;
  transform: translateY(2rem) translateX(-85%);
}
.tool-tip-wrap_bottom-left::after {
  top: 0%;
  left: 88%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-right {
  top: 100%;
  left: 100%;
  transform: translateY(2rem) translateX(-20%);
}
.tool-tip-wrap_bottom-right::after {
  top: 0%;
  left: 12%;
  transform: translateY(-100%) translateX(0%);
}

.tool-tip-wrap_left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(-2rem);
}
.tool-tip-wrap_left::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(90deg);
}

.tool-tip-wrap_right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(2rem);
}
.tool-tip-wrap_right::after {
  top: 50%;
  left: 0%;
  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}

.tool-tip_mascot .text {
  width: 90%;
}

.tool-tip-wrap__orange-light {
  width: -moz-max-content;
  width: max-content;
  max-width: 27rem;
  font-size: 1.3rem;
  display: flex;
  border-radius: 0.8rem;
  flex-direction: column;
  padding: 1.2rem 1.6rem;
  background-color: #020202;
  position: relative;
  justify-content: center;
  position: absolute;
  color: #ffffff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  font-weight: 800;
  background-color: #ea872d;
}
.tool-tip-wrap__orange-light::after {
  content: "";
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.tool-tip-wrap__orange-light .img-box {
  width: 10rem;
  height: 6rem;
  position: absolute;
  top: 1rem;
  right: 0rem;
  transform: translateX(15%);
}
.tool-tip-wrap__orange-light .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tool-tip-wrap__orange-light .got {
  align-self: flex-end;
  margin-top: 0.7rem;
  font-size: 1.35rem;
  font-weight: 600;
}
.tool-tip-wrap__orange-light .text {
  font-size: 1.2rem;
  font-weight: 400;
}
.tool-tip-wrap__orange-light .title {
  font-weight: 800;
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.tool-tip-wrap__orange-light::after {
  background-color: #ea872d;
}

.tool-tip-wrap_big {
  padding: 2.4rem 1.6rem;
}

.tool-tip-wrap_top-center {
  bottom: 100% !important;
  left: 50% !important;
  right: unset;
  transform: translateY(-2rem) translateX(-50%);
}
.tool-tip-wrap_top-center::after {
  top: 100%;
  left: 50%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-right {
  bottom: 100%;
  left: 100%;
  transform: translateY(-2rem) translateX(-15%);
}
.tool-tip-wrap_top-right::after {
  top: 100%;
  left: 12%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-left {
  bottom: 100%;
  left: 0%;
  transform: translateY(-2rem) translateX(-85%);
}
.tool-tip-wrap_top-left::after {
  top: 100%;
  left: 88%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_bottom-center {
  top: 100%;
  left: 50%;
  transform: translateY(2rem) translateX(-50%);
}
.tool-tip-wrap_bottom-center::after {
  top: 0%;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-left {
  top: 100%;
  left: 0%;
  transform: translateY(2rem) translateX(-85%);
}
.tool-tip-wrap_bottom-left::after {
  top: 0%;
  left: 88%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-right {
  top: 100%;
  left: 100%;
  transform: translateY(2rem) translateX(-20%);
}
.tool-tip-wrap_bottom-right::after {
  top: 0%;
  left: 12%;
  transform: translateY(-100%) translateX(0%);
}

.tool-tip-wrap_left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(-2rem);
}
.tool-tip-wrap_left::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(90deg);
}

.tool-tip-wrap_right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(2rem);
}
.tool-tip-wrap_right::after {
  top: 50%;
  left: 0%;
  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}

.tool-tip_mascot .text {
  width: 90%;
}

.tool-tip-wrap__black-light {
  width: -moz-max-content;
  width: max-content;
  max-width: 27rem;
  font-size: 1.3rem;
  display: flex;
  border-radius: 0.8rem;
  flex-direction: column;
  padding: 1.2rem 1.6rem;
  background-color: #020202;
  position: relative;
  justify-content: center;
  position: absolute;
  color: #ffffff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  font-weight: 800;
  background-color: #020202;
}
.tool-tip-wrap__black-light::after {
  content: "";
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.tool-tip-wrap__black-light .img-box {
  width: 10rem;
  height: 6rem;
  position: absolute;
  top: 1rem;
  right: 0rem;
  transform: translateX(15%);
}
.tool-tip-wrap__black-light .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tool-tip-wrap__black-light .got {
  align-self: flex-end;
  margin-top: 0.7rem;
  font-size: 1.35rem;
  font-weight: 600;
}
.tool-tip-wrap__black-light .text {
  font-size: 1.2rem;
  font-weight: 400;
}
.tool-tip-wrap__black-light .title {
  font-weight: 800;
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.tool-tip-wrap__black-light::after {
  background-color: #020202;
}

.tool-tip-wrap_big {
  padding: 2.4rem 1.6rem;
}

.tool-tip-wrap_top-center {
  bottom: 100% !important;
  left: 50% !important;
  right: unset;
  transform: translateY(-2rem) translateX(-50%);
}
.tool-tip-wrap_top-center::after {
  top: 100%;
  left: 50%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-right {
  bottom: 100%;
  left: 100%;
  transform: translateY(-2rem) translateX(-15%);
}
.tool-tip-wrap_top-right::after {
  top: 100%;
  left: 12%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-left {
  bottom: 100%;
  left: 0%;
  transform: translateY(-2rem) translateX(-85%);
}
.tool-tip-wrap_top-left::after {
  top: 100%;
  left: 88%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_bottom-center {
  top: 100%;
  left: 50%;
  transform: translateY(2rem) translateX(-50%);
}
.tool-tip-wrap_bottom-center::after {
  top: 0%;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-left {
  top: 100%;
  left: 0%;
  transform: translateY(2rem) translateX(-85%);
}
.tool-tip-wrap_bottom-left::after {
  top: 0%;
  left: 88%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-right {
  top: 100%;
  left: 100%;
  transform: translateY(2rem) translateX(-20%);
}
.tool-tip-wrap_bottom-right::after {
  top: 0%;
  left: 12%;
  transform: translateY(-100%) translateX(0%);
}

.tool-tip-wrap_left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(-2rem);
}
.tool-tip-wrap_left::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(90deg);
}

.tool-tip-wrap_right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(2rem);
}
.tool-tip-wrap_right::after {
  top: 50%;
  left: 0%;
  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}

.tool-tip_mascot .text {
  width: 90%;
}

.tool-tip-wrap__deep-green-light {
  width: -moz-max-content;
  width: max-content;
  max-width: 27rem;
  font-size: 1.3rem;
  display: flex;
  border-radius: 0.8rem;
  flex-direction: column;
  padding: 1.2rem 1.6rem;
  background-color: #020202;
  position: relative;
  justify-content: center;
  position: absolute;
  color: #ffffff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  font-weight: 800;
  background-color: #014345;
}
.tool-tip-wrap__deep-green-light::after {
  content: "";
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.tool-tip-wrap__deep-green-light .img-box {
  width: 10rem;
  height: 6rem;
  position: absolute;
  top: 1rem;
  right: 0rem;
  transform: translateX(15%);
}
.tool-tip-wrap__deep-green-light .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tool-tip-wrap__deep-green-light .got {
  align-self: flex-end;
  margin-top: 0.7rem;
  font-size: 1.35rem;
  font-weight: 600;
}
.tool-tip-wrap__deep-green-light .text {
  font-size: 1.2rem;
  font-weight: 400;
}
.tool-tip-wrap__deep-green-light .title {
  font-weight: 800;
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.tool-tip-wrap__deep-green-light::after {
  background-color: #014345;
}

.tool-tip-wrap_big {
  padding: 2.4rem 1.6rem;
}

.tool-tip-wrap_top-center {
  bottom: 100% !important;
  left: 50% !important;
  right: unset;
  transform: translateY(-2rem) translateX(-50%);
}
.tool-tip-wrap_top-center::after {
  top: 100%;
  left: 50%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-right {
  bottom: 100%;
  left: 100%;
  transform: translateY(-2rem) translateX(-15%);
}
.tool-tip-wrap_top-right::after {
  top: 100%;
  left: 12%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-left {
  bottom: 100%;
  left: 0%;
  transform: translateY(-2rem) translateX(-85%);
}
.tool-tip-wrap_top-left::after {
  top: 100%;
  left: 88%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_bottom-center {
  top: 100%;
  left: 50%;
  transform: translateY(2rem) translateX(-50%);
}
.tool-tip-wrap_bottom-center::after {
  top: 0%;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-left {
  top: 100%;
  left: 0%;
  transform: translateY(2rem) translateX(-85%);
}
.tool-tip-wrap_bottom-left::after {
  top: 0%;
  left: 88%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-right {
  top: 100%;
  left: 100%;
  transform: translateY(2rem) translateX(-20%);
}
.tool-tip-wrap_bottom-right::after {
  top: 0%;
  left: 12%;
  transform: translateY(-100%) translateX(0%);
}

.tool-tip-wrap_left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(-2rem);
}
.tool-tip-wrap_left::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(90deg);
}

.tool-tip-wrap_right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(2rem);
}
.tool-tip-wrap_right::after {
  top: 50%;
  left: 0%;
  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}

.tool-tip_mascot .text {
  width: 90%;
}

.tool-tip-wrap__grey {
  width: -moz-max-content;
  width: max-content;
  max-width: 27rem;
  font-size: 1.3rem;
  display: flex;
  border-radius: 0.8rem;
  flex-direction: column;
  padding: 1.2rem 1.6rem;
  background-color: #020202;
  position: relative;
  justify-content: center;
  position: absolute;
  color: #ffffff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  font-weight: 800;
  background-color: #cccccc;
}
.tool-tip-wrap__grey::after {
  content: "";
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.tool-tip-wrap__grey .img-box {
  width: 10rem;
  height: 6rem;
  position: absolute;
  top: 1rem;
  right: 0rem;
  transform: translateX(15%);
}
.tool-tip-wrap__grey .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tool-tip-wrap__grey .got {
  align-self: flex-end;
  margin-top: 0.7rem;
  font-size: 1.35rem;
  font-weight: 600;
}
.tool-tip-wrap__grey .text {
  font-size: 1.2rem;
  font-weight: 400;
}
.tool-tip-wrap__grey .title {
  font-weight: 800;
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.tool-tip-wrap__grey::after {
  background-color: #cccccc;
}

.tool-tip-wrap_big {
  padding: 2.4rem 1.6rem;
}

.tool-tip-wrap_top-center {
  bottom: 100% !important;
  left: 50% !important;
  right: unset;
  transform: translateY(-2rem) translateX(-50%);
}
.tool-tip-wrap_top-center::after {
  top: 100%;
  left: 50%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-right {
  bottom: 100%;
  left: 100%;
  transform: translateY(-2rem) translateX(-15%);
}
.tool-tip-wrap_top-right::after {
  top: 100%;
  left: 12%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-left {
  bottom: 100%;
  left: 0%;
  transform: translateY(-2rem) translateX(-85%);
}
.tool-tip-wrap_top-left::after {
  top: 100%;
  left: 88%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_bottom-center {
  top: 100%;
  left: 50%;
  transform: translateY(2rem) translateX(-50%);
}
.tool-tip-wrap_bottom-center::after {
  top: 0%;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-left {
  top: 100%;
  left: 0%;
  transform: translateY(2rem) translateX(-85%);
}
.tool-tip-wrap_bottom-left::after {
  top: 0%;
  left: 88%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-right {
  top: 100%;
  left: 100%;
  transform: translateY(2rem) translateX(-20%);
}
.tool-tip-wrap_bottom-right::after {
  top: 0%;
  left: 12%;
  transform: translateY(-100%) translateX(0%);
}

.tool-tip-wrap_left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(-2rem);
}
.tool-tip-wrap_left::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(90deg);
}

.tool-tip-wrap_right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(2rem);
}
.tool-tip-wrap_right::after {
  top: 50%;
  left: 0%;
  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}

.tool-tip_mascot .text {
  width: 90%;
}

.tool-tip-wrap__base-bg-black {
  width: -moz-max-content;
  width: max-content;
  max-width: 27rem;
  font-size: 1.3rem;
  display: flex;
  border-radius: 0.8rem;
  flex-direction: column;
  padding: 1.2rem 1.6rem;
  background-color: #020202;
  position: relative;
  justify-content: center;
  position: absolute;
  color: #ffffff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  font-weight: 800;
  background-color: #676767;
}
.tool-tip-wrap__base-bg-black::after {
  content: "";
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.tool-tip-wrap__base-bg-black .img-box {
  width: 10rem;
  height: 6rem;
  position: absolute;
  top: 1rem;
  right: 0rem;
  transform: translateX(15%);
}
.tool-tip-wrap__base-bg-black .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tool-tip-wrap__base-bg-black .got {
  align-self: flex-end;
  margin-top: 0.7rem;
  font-size: 1.35rem;
  font-weight: 600;
}
.tool-tip-wrap__base-bg-black .text {
  font-size: 1.2rem;
  font-weight: 400;
}
.tool-tip-wrap__base-bg-black .title {
  font-weight: 800;
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.tool-tip-wrap__base-bg-black::after {
  background-color: #676767;
}

.tool-tip-wrap_big {
  padding: 2.4rem 1.6rem;
}

.tool-tip-wrap_top-center {
  bottom: 100% !important;
  left: 50% !important;
  right: unset;
  transform: translateY(-2rem) translateX(-50%);
}
.tool-tip-wrap_top-center::after {
  top: 100%;
  left: 50%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-right {
  bottom: 100%;
  left: 100%;
  transform: translateY(-2rem) translateX(-15%);
}
.tool-tip-wrap_top-right::after {
  top: 100%;
  left: 12%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-left {
  bottom: 100%;
  left: 0%;
  transform: translateY(-2rem) translateX(-85%);
}
.tool-tip-wrap_top-left::after {
  top: 100%;
  left: 88%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_bottom-center {
  top: 100%;
  left: 50%;
  transform: translateY(2rem) translateX(-50%);
}
.tool-tip-wrap_bottom-center::after {
  top: 0%;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-left {
  top: 100%;
  left: 0%;
  transform: translateY(2rem) translateX(-85%);
}
.tool-tip-wrap_bottom-left::after {
  top: 0%;
  left: 88%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-right {
  top: 100%;
  left: 100%;
  transform: translateY(2rem) translateX(-20%);
}
.tool-tip-wrap_bottom-right::after {
  top: 0%;
  left: 12%;
  transform: translateY(-100%) translateX(0%);
}

.tool-tip-wrap_left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(-2rem);
}
.tool-tip-wrap_left::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(90deg);
}

.tool-tip-wrap_right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(2rem);
}
.tool-tip-wrap_right::after {
  top: 50%;
  left: 0%;
  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}

.tool-tip_mascot .text {
  width: 90%;
}

.tool-tip-wrap__error-dark {
  width: -moz-max-content;
  width: max-content;
  max-width: 27rem;
  font-size: 1.3rem;
  display: flex;
  border-radius: 0.8rem;
  flex-direction: column;
  padding: 1.2rem 1.6rem;
  background-color: #020202;
  position: relative;
  justify-content: center;
  position: absolute;
  color: #ffffff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  font-weight: 800;
  background-color: #ff0f00;
}
.tool-tip-wrap__error-dark::after {
  content: "";
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.tool-tip-wrap__error-dark .img-box {
  width: 10rem;
  height: 6rem;
  position: absolute;
  top: 1rem;
  right: 0rem;
  transform: translateX(15%);
}
.tool-tip-wrap__error-dark .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tool-tip-wrap__error-dark .got {
  align-self: flex-end;
  margin-top: 0.7rem;
  font-size: 1.35rem;
  font-weight: 600;
}
.tool-tip-wrap__error-dark .text {
  font-size: 1.2rem;
  font-weight: 400;
}
.tool-tip-wrap__error-dark .title {
  font-weight: 800;
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.tool-tip-wrap__error-dark::after {
  background-color: #ff0f00;
}

.tool-tip-wrap_big {
  padding: 2.4rem 1.6rem;
}

.tool-tip-wrap_top-center {
  bottom: 100% !important;
  left: 50% !important;
  right: unset;
  transform: translateY(-2rem) translateX(-50%);
}
.tool-tip-wrap_top-center::after {
  top: 100%;
  left: 50%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-right {
  bottom: 100%;
  left: 100%;
  transform: translateY(-2rem) translateX(-15%);
}
.tool-tip-wrap_top-right::after {
  top: 100%;
  left: 12%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-left {
  bottom: 100%;
  left: 0%;
  transform: translateY(-2rem) translateX(-85%);
}
.tool-tip-wrap_top-left::after {
  top: 100%;
  left: 88%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_bottom-center {
  top: 100%;
  left: 50%;
  transform: translateY(2rem) translateX(-50%);
}
.tool-tip-wrap_bottom-center::after {
  top: 0%;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-left {
  top: 100%;
  left: 0%;
  transform: translateY(2rem) translateX(-85%);
}
.tool-tip-wrap_bottom-left::after {
  top: 0%;
  left: 88%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-right {
  top: 100%;
  left: 100%;
  transform: translateY(2rem) translateX(-20%);
}
.tool-tip-wrap_bottom-right::after {
  top: 0%;
  left: 12%;
  transform: translateY(-100%) translateX(0%);
}

.tool-tip-wrap_left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(-2rem);
}
.tool-tip-wrap_left::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(90deg);
}

.tool-tip-wrap_right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(2rem);
}
.tool-tip-wrap_right::after {
  top: 50%;
  left: 0%;
  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}

.tool-tip_mascot .text {
  width: 90%;
}

.tool-tip-wrap__info-dark {
  width: -moz-max-content;
  width: max-content;
  max-width: 27rem;
  font-size: 1.3rem;
  display: flex;
  border-radius: 0.8rem;
  flex-direction: column;
  padding: 1.2rem 1.6rem;
  background-color: #020202;
  position: relative;
  justify-content: center;
  position: absolute;
  color: #ffffff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  font-weight: 800;
  background-color: #f6c31c;
}
.tool-tip-wrap__info-dark::after {
  content: "";
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.tool-tip-wrap__info-dark .img-box {
  width: 10rem;
  height: 6rem;
  position: absolute;
  top: 1rem;
  right: 0rem;
  transform: translateX(15%);
}
.tool-tip-wrap__info-dark .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tool-tip-wrap__info-dark .got {
  align-self: flex-end;
  margin-top: 0.7rem;
  font-size: 1.35rem;
  font-weight: 600;
}
.tool-tip-wrap__info-dark .text {
  font-size: 1.2rem;
  font-weight: 400;
}
.tool-tip-wrap__info-dark .title {
  font-weight: 800;
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.tool-tip-wrap__info-dark::after {
  background-color: #f6c31c;
}

.tool-tip-wrap_big {
  padding: 2.4rem 1.6rem;
}

.tool-tip-wrap_top-center {
  bottom: 100% !important;
  left: 50% !important;
  right: unset;
  transform: translateY(-2rem) translateX(-50%);
}
.tool-tip-wrap_top-center::after {
  top: 100%;
  left: 50%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-right {
  bottom: 100%;
  left: 100%;
  transform: translateY(-2rem) translateX(-15%);
}
.tool-tip-wrap_top-right::after {
  top: 100%;
  left: 12%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-left {
  bottom: 100%;
  left: 0%;
  transform: translateY(-2rem) translateX(-85%);
}
.tool-tip-wrap_top-left::after {
  top: 100%;
  left: 88%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_bottom-center {
  top: 100%;
  left: 50%;
  transform: translateY(2rem) translateX(-50%);
}
.tool-tip-wrap_bottom-center::after {
  top: 0%;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-left {
  top: 100%;
  left: 0%;
  transform: translateY(2rem) translateX(-85%);
}
.tool-tip-wrap_bottom-left::after {
  top: 0%;
  left: 88%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-right {
  top: 100%;
  left: 100%;
  transform: translateY(2rem) translateX(-20%);
}
.tool-tip-wrap_bottom-right::after {
  top: 0%;
  left: 12%;
  transform: translateY(-100%) translateX(0%);
}

.tool-tip-wrap_left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(-2rem);
}
.tool-tip-wrap_left::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(90deg);
}

.tool-tip-wrap_right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(2rem);
}
.tool-tip-wrap_right::after {
  top: 50%;
  left: 0%;
  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}

.tool-tip_mascot .text {
  width: 90%;
}

.tool-tip-wrap__dark-dark {
  width: -moz-max-content;
  width: max-content;
  max-width: 27rem;
  font-size: 1.3rem;
  display: flex;
  border-radius: 0.8rem;
  flex-direction: column;
  padding: 1.2rem 1.6rem;
  background-color: #020202;
  position: relative;
  justify-content: center;
  position: absolute;
  color: #ffffff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  font-weight: 800;
  background-color: #ffffff;
}
.tool-tip-wrap__dark-dark::after {
  content: "";
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.tool-tip-wrap__dark-dark .img-box {
  width: 10rem;
  height: 6rem;
  position: absolute;
  top: 1rem;
  right: 0rem;
  transform: translateX(15%);
}
.tool-tip-wrap__dark-dark .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tool-tip-wrap__dark-dark .got {
  align-self: flex-end;
  margin-top: 0.7rem;
  font-size: 1.35rem;
  font-weight: 600;
}
.tool-tip-wrap__dark-dark .text {
  font-size: 1.2rem;
  font-weight: 400;
}
.tool-tip-wrap__dark-dark .title {
  font-weight: 800;
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.tool-tip-wrap__dark-dark::after {
  background-color: #ffffff;
}

.tool-tip-wrap_big {
  padding: 2.4rem 1.6rem;
}

.tool-tip-wrap_top-center {
  bottom: 100% !important;
  left: 50% !important;
  right: unset;
  transform: translateY(-2rem) translateX(-50%);
}
.tool-tip-wrap_top-center::after {
  top: 100%;
  left: 50%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-right {
  bottom: 100%;
  left: 100%;
  transform: translateY(-2rem) translateX(-15%);
}
.tool-tip-wrap_top-right::after {
  top: 100%;
  left: 12%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-left {
  bottom: 100%;
  left: 0%;
  transform: translateY(-2rem) translateX(-85%);
}
.tool-tip-wrap_top-left::after {
  top: 100%;
  left: 88%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_bottom-center {
  top: 100%;
  left: 50%;
  transform: translateY(2rem) translateX(-50%);
}
.tool-tip-wrap_bottom-center::after {
  top: 0%;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-left {
  top: 100%;
  left: 0%;
  transform: translateY(2rem) translateX(-85%);
}
.tool-tip-wrap_bottom-left::after {
  top: 0%;
  left: 88%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-right {
  top: 100%;
  left: 100%;
  transform: translateY(2rem) translateX(-20%);
}
.tool-tip-wrap_bottom-right::after {
  top: 0%;
  left: 12%;
  transform: translateY(-100%) translateX(0%);
}

.tool-tip-wrap_left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(-2rem);
}
.tool-tip-wrap_left::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(90deg);
}

.tool-tip-wrap_right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(2rem);
}
.tool-tip-wrap_right::after {
  top: 50%;
  left: 0%;
  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}

.tool-tip_mascot .text {
  width: 90%;
}

.tool-tip-wrap__white-dark {
  width: -moz-max-content;
  width: max-content;
  max-width: 27rem;
  font-size: 1.3rem;
  display: flex;
  border-radius: 0.8rem;
  flex-direction: column;
  padding: 1.2rem 1.6rem;
  background-color: #020202;
  position: relative;
  justify-content: center;
  position: absolute;
  color: #ffffff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  font-weight: 800;
  background-color: #020202;
}
.tool-tip-wrap__white-dark::after {
  content: "";
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.tool-tip-wrap__white-dark .img-box {
  width: 10rem;
  height: 6rem;
  position: absolute;
  top: 1rem;
  right: 0rem;
  transform: translateX(15%);
}
.tool-tip-wrap__white-dark .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tool-tip-wrap__white-dark .got {
  align-self: flex-end;
  margin-top: 0.7rem;
  font-size: 1.35rem;
  font-weight: 600;
}
.tool-tip-wrap__white-dark .text {
  font-size: 1.2rem;
  font-weight: 400;
}
.tool-tip-wrap__white-dark .title {
  font-weight: 800;
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.tool-tip-wrap__white-dark::after {
  background-color: #020202;
}

.tool-tip-wrap_big {
  padding: 2.4rem 1.6rem;
}

.tool-tip-wrap_top-center {
  bottom: 100% !important;
  left: 50% !important;
  right: unset;
  transform: translateY(-2rem) translateX(-50%);
}
.tool-tip-wrap_top-center::after {
  top: 100%;
  left: 50%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-right {
  bottom: 100%;
  left: 100%;
  transform: translateY(-2rem) translateX(-15%);
}
.tool-tip-wrap_top-right::after {
  top: 100%;
  left: 12%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-left {
  bottom: 100%;
  left: 0%;
  transform: translateY(-2rem) translateX(-85%);
}
.tool-tip-wrap_top-left::after {
  top: 100%;
  left: 88%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_bottom-center {
  top: 100%;
  left: 50%;
  transform: translateY(2rem) translateX(-50%);
}
.tool-tip-wrap_bottom-center::after {
  top: 0%;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-left {
  top: 100%;
  left: 0%;
  transform: translateY(2rem) translateX(-85%);
}
.tool-tip-wrap_bottom-left::after {
  top: 0%;
  left: 88%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-right {
  top: 100%;
  left: 100%;
  transform: translateY(2rem) translateX(-20%);
}
.tool-tip-wrap_bottom-right::after {
  top: 0%;
  left: 12%;
  transform: translateY(-100%) translateX(0%);
}

.tool-tip-wrap_left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(-2rem);
}
.tool-tip-wrap_left::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(90deg);
}

.tool-tip-wrap_right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(2rem);
}
.tool-tip-wrap_right::after {
  top: 50%;
  left: 0%;
  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}

.tool-tip_mascot .text {
  width: 90%;
}

.tool-tip-wrap__green-dark {
  width: -moz-max-content;
  width: max-content;
  max-width: 27rem;
  font-size: 1.3rem;
  display: flex;
  border-radius: 0.8rem;
  flex-direction: column;
  padding: 1.2rem 1.6rem;
  background-color: #020202;
  position: relative;
  justify-content: center;
  position: absolute;
  color: #ffffff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  font-weight: 800;
  background-color: #0b8376;
}
.tool-tip-wrap__green-dark::after {
  content: "";
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.tool-tip-wrap__green-dark .img-box {
  width: 10rem;
  height: 6rem;
  position: absolute;
  top: 1rem;
  right: 0rem;
  transform: translateX(15%);
}
.tool-tip-wrap__green-dark .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tool-tip-wrap__green-dark .got {
  align-self: flex-end;
  margin-top: 0.7rem;
  font-size: 1.35rem;
  font-weight: 600;
}
.tool-tip-wrap__green-dark .text {
  font-size: 1.2rem;
  font-weight: 400;
}
.tool-tip-wrap__green-dark .title {
  font-weight: 800;
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.tool-tip-wrap__green-dark::after {
  background-color: #0b8376;
}

.tool-tip-wrap_big {
  padding: 2.4rem 1.6rem;
}

.tool-tip-wrap_top-center {
  bottom: 100% !important;
  left: 50% !important;
  right: unset;
  transform: translateY(-2rem) translateX(-50%);
}
.tool-tip-wrap_top-center::after {
  top: 100%;
  left: 50%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-right {
  bottom: 100%;
  left: 100%;
  transform: translateY(-2rem) translateX(-15%);
}
.tool-tip-wrap_top-right::after {
  top: 100%;
  left: 12%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-left {
  bottom: 100%;
  left: 0%;
  transform: translateY(-2rem) translateX(-85%);
}
.tool-tip-wrap_top-left::after {
  top: 100%;
  left: 88%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_bottom-center {
  top: 100%;
  left: 50%;
  transform: translateY(2rem) translateX(-50%);
}
.tool-tip-wrap_bottom-center::after {
  top: 0%;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-left {
  top: 100%;
  left: 0%;
  transform: translateY(2rem) translateX(-85%);
}
.tool-tip-wrap_bottom-left::after {
  top: 0%;
  left: 88%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-right {
  top: 100%;
  left: 100%;
  transform: translateY(2rem) translateX(-20%);
}
.tool-tip-wrap_bottom-right::after {
  top: 0%;
  left: 12%;
  transform: translateY(-100%) translateX(0%);
}

.tool-tip-wrap_left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(-2rem);
}
.tool-tip-wrap_left::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(90deg);
}

.tool-tip-wrap_right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(2rem);
}
.tool-tip-wrap_right::after {
  top: 50%;
  left: 0%;
  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}

.tool-tip_mascot .text {
  width: 90%;
}

.tool-tip-wrap__blue-dark {
  width: -moz-max-content;
  width: max-content;
  max-width: 27rem;
  font-size: 1.3rem;
  display: flex;
  border-radius: 0.8rem;
  flex-direction: column;
  padding: 1.2rem 1.6rem;
  background-color: #020202;
  position: relative;
  justify-content: center;
  position: absolute;
  color: #ffffff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  font-weight: 800;
  background-color: #a0d2fe;
}
.tool-tip-wrap__blue-dark::after {
  content: "";
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.tool-tip-wrap__blue-dark .img-box {
  width: 10rem;
  height: 6rem;
  position: absolute;
  top: 1rem;
  right: 0rem;
  transform: translateX(15%);
}
.tool-tip-wrap__blue-dark .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tool-tip-wrap__blue-dark .got {
  align-self: flex-end;
  margin-top: 0.7rem;
  font-size: 1.35rem;
  font-weight: 600;
}
.tool-tip-wrap__blue-dark .text {
  font-size: 1.2rem;
  font-weight: 400;
}
.tool-tip-wrap__blue-dark .title {
  font-weight: 800;
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.tool-tip-wrap__blue-dark::after {
  background-color: #a0d2fe;
}

.tool-tip-wrap_big {
  padding: 2.4rem 1.6rem;
}

.tool-tip-wrap_top-center {
  bottom: 100% !important;
  left: 50% !important;
  right: unset;
  transform: translateY(-2rem) translateX(-50%);
}
.tool-tip-wrap_top-center::after {
  top: 100%;
  left: 50%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-right {
  bottom: 100%;
  left: 100%;
  transform: translateY(-2rem) translateX(-15%);
}
.tool-tip-wrap_top-right::after {
  top: 100%;
  left: 12%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-left {
  bottom: 100%;
  left: 0%;
  transform: translateY(-2rem) translateX(-85%);
}
.tool-tip-wrap_top-left::after {
  top: 100%;
  left: 88%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_bottom-center {
  top: 100%;
  left: 50%;
  transform: translateY(2rem) translateX(-50%);
}
.tool-tip-wrap_bottom-center::after {
  top: 0%;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-left {
  top: 100%;
  left: 0%;
  transform: translateY(2rem) translateX(-85%);
}
.tool-tip-wrap_bottom-left::after {
  top: 0%;
  left: 88%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-right {
  top: 100%;
  left: 100%;
  transform: translateY(2rem) translateX(-20%);
}
.tool-tip-wrap_bottom-right::after {
  top: 0%;
  left: 12%;
  transform: translateY(-100%) translateX(0%);
}

.tool-tip-wrap_left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(-2rem);
}
.tool-tip-wrap_left::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(90deg);
}

.tool-tip-wrap_right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(2rem);
}
.tool-tip-wrap_right::after {
  top: 50%;
  left: 0%;
  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}

.tool-tip_mascot .text {
  width: 90%;
}

.tool-tip-wrap__purple-dark {
  width: -moz-max-content;
  width: max-content;
  max-width: 27rem;
  font-size: 1.3rem;
  display: flex;
  border-radius: 0.8rem;
  flex-direction: column;
  padding: 1.2rem 1.6rem;
  background-color: #020202;
  position: relative;
  justify-content: center;
  position: absolute;
  color: #ffffff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  font-weight: 800;
  background-color: #755ae2;
}
.tool-tip-wrap__purple-dark::after {
  content: "";
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.tool-tip-wrap__purple-dark .img-box {
  width: 10rem;
  height: 6rem;
  position: absolute;
  top: 1rem;
  right: 0rem;
  transform: translateX(15%);
}
.tool-tip-wrap__purple-dark .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tool-tip-wrap__purple-dark .got {
  align-self: flex-end;
  margin-top: 0.7rem;
  font-size: 1.35rem;
  font-weight: 600;
}
.tool-tip-wrap__purple-dark .text {
  font-size: 1.2rem;
  font-weight: 400;
}
.tool-tip-wrap__purple-dark .title {
  font-weight: 800;
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.tool-tip-wrap__purple-dark::after {
  background-color: #755ae2;
}

.tool-tip-wrap_big {
  padding: 2.4rem 1.6rem;
}

.tool-tip-wrap_top-center {
  bottom: 100% !important;
  left: 50% !important;
  right: unset;
  transform: translateY(-2rem) translateX(-50%);
}
.tool-tip-wrap_top-center::after {
  top: 100%;
  left: 50%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-right {
  bottom: 100%;
  left: 100%;
  transform: translateY(-2rem) translateX(-15%);
}
.tool-tip-wrap_top-right::after {
  top: 100%;
  left: 12%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-left {
  bottom: 100%;
  left: 0%;
  transform: translateY(-2rem) translateX(-85%);
}
.tool-tip-wrap_top-left::after {
  top: 100%;
  left: 88%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_bottom-center {
  top: 100%;
  left: 50%;
  transform: translateY(2rem) translateX(-50%);
}
.tool-tip-wrap_bottom-center::after {
  top: 0%;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-left {
  top: 100%;
  left: 0%;
  transform: translateY(2rem) translateX(-85%);
}
.tool-tip-wrap_bottom-left::after {
  top: 0%;
  left: 88%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-right {
  top: 100%;
  left: 100%;
  transform: translateY(2rem) translateX(-20%);
}
.tool-tip-wrap_bottom-right::after {
  top: 0%;
  left: 12%;
  transform: translateY(-100%) translateX(0%);
}

.tool-tip-wrap_left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(-2rem);
}
.tool-tip-wrap_left::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(90deg);
}

.tool-tip-wrap_right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(2rem);
}
.tool-tip-wrap_right::after {
  top: 50%;
  left: 0%;
  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}

.tool-tip_mascot .text {
  width: 90%;
}

.tool-tip-wrap__orange-dark {
  width: -moz-max-content;
  width: max-content;
  max-width: 27rem;
  font-size: 1.3rem;
  display: flex;
  border-radius: 0.8rem;
  flex-direction: column;
  padding: 1.2rem 1.6rem;
  background-color: #020202;
  position: relative;
  justify-content: center;
  position: absolute;
  color: #ffffff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  font-weight: 800;
  background-color: #ea872d;
}
.tool-tip-wrap__orange-dark::after {
  content: "";
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.tool-tip-wrap__orange-dark .img-box {
  width: 10rem;
  height: 6rem;
  position: absolute;
  top: 1rem;
  right: 0rem;
  transform: translateX(15%);
}
.tool-tip-wrap__orange-dark .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tool-tip-wrap__orange-dark .got {
  align-self: flex-end;
  margin-top: 0.7rem;
  font-size: 1.35rem;
  font-weight: 600;
}
.tool-tip-wrap__orange-dark .text {
  font-size: 1.2rem;
  font-weight: 400;
}
.tool-tip-wrap__orange-dark .title {
  font-weight: 800;
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.tool-tip-wrap__orange-dark::after {
  background-color: #ea872d;
}

.tool-tip-wrap_big {
  padding: 2.4rem 1.6rem;
}

.tool-tip-wrap_top-center {
  bottom: 100% !important;
  left: 50% !important;
  right: unset;
  transform: translateY(-2rem) translateX(-50%);
}
.tool-tip-wrap_top-center::after {
  top: 100%;
  left: 50%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-right {
  bottom: 100%;
  left: 100%;
  transform: translateY(-2rem) translateX(-15%);
}
.tool-tip-wrap_top-right::after {
  top: 100%;
  left: 12%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-left {
  bottom: 100%;
  left: 0%;
  transform: translateY(-2rem) translateX(-85%);
}
.tool-tip-wrap_top-left::after {
  top: 100%;
  left: 88%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_bottom-center {
  top: 100%;
  left: 50%;
  transform: translateY(2rem) translateX(-50%);
}
.tool-tip-wrap_bottom-center::after {
  top: 0%;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-left {
  top: 100%;
  left: 0%;
  transform: translateY(2rem) translateX(-85%);
}
.tool-tip-wrap_bottom-left::after {
  top: 0%;
  left: 88%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-right {
  top: 100%;
  left: 100%;
  transform: translateY(2rem) translateX(-20%);
}
.tool-tip-wrap_bottom-right::after {
  top: 0%;
  left: 12%;
  transform: translateY(-100%) translateX(0%);
}

.tool-tip-wrap_left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(-2rem);
}
.tool-tip-wrap_left::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(90deg);
}

.tool-tip-wrap_right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(2rem);
}
.tool-tip-wrap_right::after {
  top: 50%;
  left: 0%;
  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}

.tool-tip_mascot .text {
  width: 90%;
}

.tool-tip-wrap__deep-green-dark {
  width: -moz-max-content;
  width: max-content;
  max-width: 27rem;
  font-size: 1.3rem;
  display: flex;
  border-radius: 0.8rem;
  flex-direction: column;
  padding: 1.2rem 1.6rem;
  background-color: #020202;
  position: relative;
  justify-content: center;
  position: absolute;
  color: #ffffff;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
  opacity: 0.7;
  font-weight: 800;
  background-color: #0b8376;
}
.tool-tip-wrap__deep-green-dark::after {
  content: "";
  position: absolute;
  width: 1.1rem;
  height: 1.1rem;
  -webkit-clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
          clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}
.tool-tip-wrap__deep-green-dark .img-box {
  width: 10rem;
  height: 6rem;
  position: absolute;
  top: 1rem;
  right: 0rem;
  transform: translateX(15%);
}
.tool-tip-wrap__deep-green-dark .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.tool-tip-wrap__deep-green-dark .got {
  align-self: flex-end;
  margin-top: 0.7rem;
  font-size: 1.35rem;
  font-weight: 600;
}
.tool-tip-wrap__deep-green-dark .text {
  font-size: 1.2rem;
  font-weight: 400;
}
.tool-tip-wrap__deep-green-dark .title {
  font-weight: 800;
  margin-bottom: 0.6rem;
  font-size: 1.5rem;
  text-transform: capitalize;
}
.tool-tip-wrap__deep-green-dark::after {
  background-color: #0b8376;
}

.tool-tip-wrap_big {
  padding: 2.4rem 1.6rem;
}

.tool-tip-wrap_top-center {
  bottom: 100% !important;
  left: 50% !important;
  right: unset;
  transform: translateY(-2rem) translateX(-50%);
}
.tool-tip-wrap_top-center::after {
  top: 100%;
  left: 50%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-right {
  bottom: 100%;
  left: 100%;
  transform: translateY(-2rem) translateX(-15%);
}
.tool-tip-wrap_top-right::after {
  top: 100%;
  left: 12%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_top-left {
  bottom: 100%;
  left: 0%;
  transform: translateY(-2rem) translateX(-85%);
}
.tool-tip-wrap_top-left::after {
  top: 100%;
  left: 88%;
  transform: rotateX(180deg) translateX(-50%);
}

.tool-tip-wrap_bottom-center {
  top: 100%;
  left: 50%;
  transform: translateY(2rem) translateX(-50%);
}
.tool-tip-wrap_bottom-center::after {
  top: 0%;
  left: 50%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-left {
  top: 100%;
  left: 0%;
  transform: translateY(2rem) translateX(-85%);
}
.tool-tip-wrap_bottom-left::after {
  top: 0%;
  left: 88%;
  transform: translateY(-100%) translateX(-50%);
}

.tool-tip-wrap_bottom-right {
  top: 100%;
  left: 100%;
  transform: translateY(2rem) translateX(-20%);
}
.tool-tip-wrap_bottom-right::after {
  top: 0%;
  left: 12%;
  transform: translateY(-100%) translateX(0%);
}

.tool-tip-wrap_left {
  top: 50%;
  right: 100%;
  transform: translateY(-50%) translateX(-2rem);
}
.tool-tip-wrap_left::after {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) rotate(90deg);
}

.tool-tip-wrap_right {
  top: 50%;
  left: 100%;
  transform: translateY(-50%) translateX(2rem);
}
.tool-tip-wrap_right::after {
  top: 50%;
  left: 0%;
  transform: translateY(-50%) translateX(-100%) rotate(-90deg);
}

.tool-tip_mascot .text {
  width: 90%;
}

.drop-down-wrap {
  width: -moz-max-content;
  width: max-content;
  min-width: 22rem;
  box-shadow: 0.1rem 0.1rem 8rem 0.2rem rgba(0, 0, 0, 0.05), -0.1rem -0.1rem 8rem 0.2rem rgba(0, 0, 0, 0.05);
  font-size: 1.5rem;
  display: flex;
  align-items: stretch;
  gap: 1.3rem;
  border-radius: 0.8rem;
  flex-wrap: wrap;
  flex-direction: column;
  padding: 2rem 1.6rem;
  background-color: #ffffff;
  height: -moz-max-content;
  height: max-content;
}
.drop-down-wrap > *:not(:last-child) {
  border-bottom: 0.09rem solid #e5e6e6;
  padding-bottom: 1.3rem;
}
.drop-down-wrap .text-box {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
}
.drop-down-wrap .text-box .avatar-box {
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background-color: #e8fff6;
  border: 0.08rem solid #9be5c9;
  margin-right: 1rem;
}
.drop-down-wrap .text-box .avatar-box span {
  font-weight: 800;
  font-size: 1rem;
  display: inline-block;
  letter-spacing: 0.07rem;
  color: #0b8376;
}
.drop-down-wrap .text-box .img-box {
  width: 2.7rem;
  height: 2.7rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 1rem;
}
.drop-down-wrap .text-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.drop-down-wrap .text-box .icon-box {
  width: 2rem;
  height: 2rem;
}
.drop-down-wrap .text-box .icon-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.drop-down-wrap .text-box .text {
  font-size: 1.3rem;
  font-weight: 400;
  color: #020202;
  cursor: pointer;
  text-transform: capitalize;
}
.drop-down-wrap .text-box_two .img-box {
  width: 2.7rem;
  height: 2.7rem;
}
.drop-down-wrap .text-box_two .text_two {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
}
.drop-down-wrap .text-box_two .text_two > *:first-child {
  font-weight: 600;
}
.drop-down-wrap .text-box_two .text_two span {
  letter-spacing: -0.2%;
  font-size: 1.2rem;
}

.form-group__error-light {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  position: relative;
  font-family: "br_firma", sans-serif;
}
.form-group__error-light .form-label {
  align-self: flex-start;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
  color: #020202;
  text-transform: capitalize;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "br_firma", sans-serif;
}
.form-group__error-light .form-label .label-span {
  margin-left: auto;
  cursor: pointer;
}
.form-group__error-light .upload-group {
  position: relative;
  min-height: 10rem;
  overflow-y: scroll;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-group__error-light .upload-group::-webkit-scrollbar:horizontal {
  display: none;
}
.form-group__error-light .upload-group::-webkit-scrollbar {
  width: 0.5rem;
}
.form-group__error-light .upload-group::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
}
.form-group__error-light .upload-group::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 30rem;
}
.form-group__error-light .upload-group::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
.form-group__error-light .upload-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 10rem;
  width: 100%;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.form-group__error-light .upload-group label > *:nth-child(3) span {
  display: none;
}
.form-group__error-light .upload-group label .upload-text {
  text-align: center;
  color: #676767;
}
.form-group__error-light .upload-group label .upload-text span {
  font-weight: 700;
}
.form-group__error-light .upload-group label svg {
  display: none;
}
.form-group__error-light .display-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  width: 100%;
}
.form-group__error-light .display-wrap::-webkit-scrollbar {
  display: none;
}
.form-group__error-light .display-wrap .display-box {
  display: flex;
  align-items: center;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  background-color: #ffffff;
}
.form-group__error-light .display-wrap .display-box .img-box {
  flex: 0 0 10%;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.form-group__error-light .display-wrap .display-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__error-light .display-wrap .display-box .text-box {
  margin-right: 1.5rem;
}
.form-group__error-light .display-wrap .display-box .text-box .name {
  font-weight: 500;
  color: #020202;
  font-size: 1.3rem;
}
.form-group__error-light .display-wrap .display-box .text-box .size {
  color: #676767;
  font-size: 1.3rem;
}
.form-group__error-light .display-wrap .display-box .cancel-box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #ffdfdd;
  margin-left: auto;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group__error-light .display-wrap .display-box .cancel-box:hover {
  transform: scale(1.1);
}
.form-group__error-light .display-wrap .display-box .cancel-box .icon {
  fill: #ff0f00;
  width: 1.1rem;
  height: 1.1rem;
}
.form-group__error-light .display-wrap-show {
  max-height: 15rem;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
}
.form-group__error-light .input-submit {
  border: none;
  outline: none;
  padding: 1.6rem 1rem;
  width: 100%;
  border-radius: 0.8rem;
  background-color: #0b8376;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 48em) {
  .form-group__error-light .input-submit {
    min-height: 4.5rem;
  }
}
.form-group__error-light .input-submit:active {
  border: none;
  outline: none;
}
.form-group__error-light .input-submit:focus {
  border: none;
  overflow: none;
}
.form-group__error-light .input-submit:hover {
  transform: translateY(-0.1rem);
}
.form-group__error-light .form-input-calendar {
  background-color: #e2e2e2;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  display: flex;
  width: 100%;
}
.form-group__error-light .form-input-calendar .form-control {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 2.3rem 1.6rem !important;
  width: calc(100% - 3rem);
  margin-left: auto;
  border-radius: 0.8rem;
}
.form-group__error-light .form-input-calendar .open {
  background-color: #f7f8f7 !important;
  border-radius: 0.8rem !important;
}
.form-group__error-light .form-input-calendar .open .open {
  background-color: #f7f8f7 !important;
}
.form-group__error-light .form-input-calendar .flag-dropdown {
  border: none;
  border-radius: 0.8rem;
  width: 3rem;
}
.form-group__error-light .form-input-calendar .flag-dropdown .selected-flag {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
}
.form-group__error-light .form-input-calendar .flag-dropdown .selected-flag:hover {
  background-color: #f7f8f7;
}
.form-group__error-light .form-input-calendar .flag-dropdown .selected-flag .flag img {
  border-radius: 50%;
}
.form-group__error-light .form-input-calendar .flag-dropdown .country-list .country .country-name {
  color: #020202;
}
.form-group__error-light .form-input-calendar .open {
  background-color: #f7f8f7;
}
.form-group__error-light .form-input-calendar .open .open {
  background-color: #f7f8f7;
}
.form-group__error-light .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.form-group__error-light .wrap .label-calendar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  z-index: 10;
}
.form-group__error-light .wrap .label-calendar .img-box {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.form-group__error-light .wrap .label-calendar .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.form-group__error-light .progress-text-box {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.form-group__error-light .progress-text-box .text {
  margin-left: auto;
  color: #676767;
  font-size: 1.25rem;
}
.form-group__error-light .progress-text-box .progress-box {
  display: flex;
  align-items: center;
  flex: 0 0 55%;
  gap: 0.5rem;
}
.form-group__error-light .form-input {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 1.4rem 1.6rem;
  flex: 1;
  position: relative;
  display: inline-block;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  color: #020202;
  position: relative;
  font-family: "br_firma", sans-serif;
  z-index: 3;
}
.form-group__error-light .form-input::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__error-light .form-input::placeholder {
  color: #b3b3b3;
}
.form-group__error-light .form-textarea {
  font-size: 1.4rem;
  color: #020202;
  font-family: "br_firma", sans-serif;
}
.form-group__error-light .form-textarea::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__error-light .form-textarea::placeholder {
  color: #b3b3b3;
}
.form-group__error-light .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__error-light .form-input_search {
  padding-left: 0rem;
}
.form-group__error-light .error-text {
  color: #ff0f00;
  margin-top: 0rem;
}
.form-group__error-light .react-select-class {
  text-align: left;
}
.form-group__error-light .react-select-class > *:nth-child(3) {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  border-radius: 0.8rem;
  padding: 0.32rem 0.4rem;
}
.form-group__error-light .react-select-class > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #b3b3b3;
}
.form-group__error-light .react-select-class > *:nth-child(3) > *:nth-child(2) span {
  display: none;
}
.form-group__error-light .react-select-class-selected > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #020202;
}
.form-group__error-light .input-group {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  display: flex;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  padding: 0.2rem;
  width: 100%;
  padding-right: 1.6rem;
  align-items: center;
}
.form-group__error-light .input-group .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__error-light .input-group .seach-box {
  display: grid;
  place-items: center;
}
.form-group__error-light .input-group .seach-box .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__error-light .input-group .seach-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__error-light .input-group .form-input {
  border: none;
  outline: none;
}
.form-group__error-light .input-group .show-hide {
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
  color: currentColor;
  position: relative;
  z-index: 4;
}
.form-group__error-light .input-group__search {
  padding-left: 1.6rem;
}
.form-group__error-light .input-group__phone {
  padding: 0.5rem 0.5rem 0.5rem 1.6rem;
}
.form-group__error-light .input-group__phone .form-input {
  padding: 0.9rem 1rem;
  position: relative;
  z-index: 3;
}
.form-group__error-light .input-group__phone .phone-wrap {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.7rem;
  border-right: 0.1rem solid #cccccc;
  padding-right: 1rem;
}
.form-group__error-light .input-group__phone .phone-wrap .down-icon {
  fill: #020202;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(0.2rem);
}
.form-group__error-light .input-group__phone .phone-wrap .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__error-light .input-group__phone .phone-wrap .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__error-light .input-group__phone .phone-wrap span {
  display: inline-block;
}
.form-group__error-light .pin-group {
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-group__error-light .pin-group .count-down-box {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1rem;
}
.form-group__error-light .pin-group .count-down-box .text {
  color: #676767;
  font-weight: 500;
}
.form-group__error-light .pin-group .count-down-box > *:last-child {
  color: #ff0f00;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: #ffeceb;
  padding: 0.8rem 1.2rem;
  border-radius: 6.4rem;
}
.form-group__error-light .pin-group .pin_field_group {
  display: flex;
  align-items: center;
  grid-column-gap: 1.5rem;
  justify-self: center;
}
.form-group__error-light .pin-group .pin_field_group input {
  width: 100% !important;
}
@media only screen and (max-width: 42em) {
  .form-group__error-light .pin-group .pin_field_group {
    grid-column-gap: 0rem;
  }
}
.form-group__error-light .pin-group .pin_field {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  height: 4.6rem;
  width: unset !important;
  outline: none;
  text-align: center;
  transition-duration: 250ms;
  transition-property: background, color, border, box-shadow, transform;
  /* width: calc(100% / 6); */
}
@media only screen and (max-width: 25em) {
  .form-group__error-light .pin-group .pin_field {
    width: 11.5vw;
    margin-right: 1rem;
  }
}
.form-group__error-light .pin-group .pin_field:focus {
  outline: none;
  transform: scale(1.05);
}
.form-group__error-light .pin-group .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(40, 167, 69, 0.1);
  border: 0.1rem solid var(--raven-black-color);
}
.form-group__error-light .pin-group .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: rgb(220, 53, 69);
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.form-group__error-light .pin-group .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.form-group__error-light .input-calendar-error-light .flatpickr-calendar {
  display: none !important;
}
.form-group__error-light .pin_field:focus {
  border-color: #ff0f00;
  outline: none;
  transform: scale(1.05);
  caret-color: #ff0f00;
}
.form-group__error-light .input-submit {
  background-color: #ff0f00;
}
.form-group__error-light .input-submit_disabled {
  cursor: default;
  opacity: 0.2;
}
.form-group__error-light .input-submit_disabled:hover {
  transform: unset;
}
.form-group__error-light .input-submit-loading {
  cursor: default;
}
.form-group__error-light .input-submit-loading:hover {
  transform: unset;
}
.form-group__error-light .input-group__phone .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.07rem solid #ff0f00;
}
.form-group__error-light .form-input-calendar .form-control {
  caret-color: #ff0f00;
}
.form-group__error-light .form-input-calendar .flag-dropdown .country-list .highlight {
  background-color: #ff0f00;
}
.form-group__error-light .form-input-calendar .flag-dropdown .country-list .highlight .dial-code,
.form-group__error-light .form-input-calendar .flag-dropdown .country-list .highlight .country-name {
  color: #ffffff;
}
.form-group__error-light .form-input {
  caret-color: #ff0f00;
}
.form-group__error-light .form-input:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__error-light .form-input:focus:valid {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__error-light .form-input:focus:not(:valid) ~ .error-text {
  visibility: visible;
}
.form-group__error-light .input-calender:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #cccccc;
}
.input-group .form-input {
  padding: 1.2rem;
}
.input-group .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group .form-input:focus:valid {
  outline: none;
  border: none;
}

.input-group__error-light .form-input {
  padding: 1.2rem;
}
.input-group__error-light .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group__error-light .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.09rem solid #ff0f00;
}
.input-group__error-light .form-input:focus:valid {
  outline: none;
  border: none;
}
.input-group__error-light .pin-group_error-light .pin_field_group input {
  width: 100% !important;
}
.input-group__error-light .pin-group_error-light .pin_field {
  color: #020202;
}
.input-group__error-light .pin-group_error-light .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(255, 15, 0, 0.1);
  border: 0.1rem solid red !important;
}
.input-group__error-light .pin-group_error-light .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: #ff0f00;
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.2);
}
.input-group__error-light .pin-group_error-light .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-group__error-light .pin-group_error-light swd-pin-field[completed] .pin_field {
  background-color: rgba(255, 15, 0, 0.1);
  border: 0.1rem solid red !important;
}

.form-input_error-light {
  caret-color: #ff0f00;
}

.border-error {
  border: 0.1rem solid #ff0f00 !important;
  border-radius: 0.8rem;
}

.show-hide_error-light {
  color: #ff0f00 !important;
}

.form-group__info-light {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  position: relative;
  font-family: "br_firma", sans-serif;
}
.form-group__info-light .form-label {
  align-self: flex-start;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
  color: #020202;
  text-transform: capitalize;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "br_firma", sans-serif;
}
.form-group__info-light .form-label .label-span {
  margin-left: auto;
  cursor: pointer;
}
.form-group__info-light .upload-group {
  position: relative;
  min-height: 10rem;
  overflow-y: scroll;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-group__info-light .upload-group::-webkit-scrollbar:horizontal {
  display: none;
}
.form-group__info-light .upload-group::-webkit-scrollbar {
  width: 0.5rem;
}
.form-group__info-light .upload-group::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
}
.form-group__info-light .upload-group::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 30rem;
}
.form-group__info-light .upload-group::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
.form-group__info-light .upload-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 10rem;
  width: 100%;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.form-group__info-light .upload-group label > *:nth-child(3) span {
  display: none;
}
.form-group__info-light .upload-group label .upload-text {
  text-align: center;
  color: #676767;
}
.form-group__info-light .upload-group label .upload-text span {
  font-weight: 700;
}
.form-group__info-light .upload-group label svg {
  display: none;
}
.form-group__info-light .display-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  width: 100%;
}
.form-group__info-light .display-wrap::-webkit-scrollbar {
  display: none;
}
.form-group__info-light .display-wrap .display-box {
  display: flex;
  align-items: center;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  background-color: #ffffff;
}
.form-group__info-light .display-wrap .display-box .img-box {
  flex: 0 0 10%;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.form-group__info-light .display-wrap .display-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__info-light .display-wrap .display-box .text-box {
  margin-right: 1.5rem;
}
.form-group__info-light .display-wrap .display-box .text-box .name {
  font-weight: 500;
  color: #020202;
  font-size: 1.3rem;
}
.form-group__info-light .display-wrap .display-box .text-box .size {
  color: #676767;
  font-size: 1.3rem;
}
.form-group__info-light .display-wrap .display-box .cancel-box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #ffdfdd;
  margin-left: auto;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group__info-light .display-wrap .display-box .cancel-box:hover {
  transform: scale(1.1);
}
.form-group__info-light .display-wrap .display-box .cancel-box .icon {
  fill: #ff0f00;
  width: 1.1rem;
  height: 1.1rem;
}
.form-group__info-light .display-wrap-show {
  max-height: 15rem;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
}
.form-group__info-light .input-submit {
  border: none;
  outline: none;
  padding: 1.6rem 1rem;
  width: 100%;
  border-radius: 0.8rem;
  background-color: #0b8376;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 48em) {
  .form-group__info-light .input-submit {
    min-height: 4.5rem;
  }
}
.form-group__info-light .input-submit:active {
  border: none;
  outline: none;
}
.form-group__info-light .input-submit:focus {
  border: none;
  overflow: none;
}
.form-group__info-light .input-submit:hover {
  transform: translateY(-0.1rem);
}
.form-group__info-light .form-input-calendar {
  background-color: #e2e2e2;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  display: flex;
  width: 100%;
}
.form-group__info-light .form-input-calendar .form-control {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 2.3rem 1.6rem !important;
  width: calc(100% - 3rem);
  margin-left: auto;
  border-radius: 0.8rem;
}
.form-group__info-light .form-input-calendar .open {
  background-color: #f7f8f7 !important;
  border-radius: 0.8rem !important;
}
.form-group__info-light .form-input-calendar .open .open {
  background-color: #f7f8f7 !important;
}
.form-group__info-light .form-input-calendar .flag-dropdown {
  border: none;
  border-radius: 0.8rem;
  width: 3rem;
}
.form-group__info-light .form-input-calendar .flag-dropdown .selected-flag {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
}
.form-group__info-light .form-input-calendar .flag-dropdown .selected-flag:hover {
  background-color: #f7f8f7;
}
.form-group__info-light .form-input-calendar .flag-dropdown .selected-flag .flag img {
  border-radius: 50%;
}
.form-group__info-light .form-input-calendar .flag-dropdown .country-list .country .country-name {
  color: #020202;
}
.form-group__info-light .form-input-calendar .open {
  background-color: #f7f8f7;
}
.form-group__info-light .form-input-calendar .open .open {
  background-color: #f7f8f7;
}
.form-group__info-light .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.form-group__info-light .wrap .label-calendar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  z-index: 10;
}
.form-group__info-light .wrap .label-calendar .img-box {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.form-group__info-light .wrap .label-calendar .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.form-group__info-light .progress-text-box {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.form-group__info-light .progress-text-box .text {
  margin-left: auto;
  color: #676767;
  font-size: 1.25rem;
}
.form-group__info-light .progress-text-box .progress-box {
  display: flex;
  align-items: center;
  flex: 0 0 55%;
  gap: 0.5rem;
}
.form-group__info-light .form-input {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 1.4rem 1.6rem;
  flex: 1;
  position: relative;
  display: inline-block;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  color: #020202;
  position: relative;
  font-family: "br_firma", sans-serif;
  z-index: 3;
}
.form-group__info-light .form-input::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__info-light .form-input::placeholder {
  color: #b3b3b3;
}
.form-group__info-light .form-textarea {
  font-size: 1.4rem;
  color: #020202;
  font-family: "br_firma", sans-serif;
}
.form-group__info-light .form-textarea::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__info-light .form-textarea::placeholder {
  color: #b3b3b3;
}
.form-group__info-light .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__info-light .form-input_search {
  padding-left: 0rem;
}
.form-group__info-light .error-text {
  color: #ff0f00;
  margin-top: 0rem;
}
.form-group__info-light .react-select-class {
  text-align: left;
}
.form-group__info-light .react-select-class > *:nth-child(3) {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  border-radius: 0.8rem;
  padding: 0.32rem 0.4rem;
}
.form-group__info-light .react-select-class > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #b3b3b3;
}
.form-group__info-light .react-select-class > *:nth-child(3) > *:nth-child(2) span {
  display: none;
}
.form-group__info-light .react-select-class-selected > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #020202;
}
.form-group__info-light .input-group {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  display: flex;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  padding: 0.2rem;
  width: 100%;
  padding-right: 1.6rem;
  align-items: center;
}
.form-group__info-light .input-group .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__info-light .input-group .seach-box {
  display: grid;
  place-items: center;
}
.form-group__info-light .input-group .seach-box .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__info-light .input-group .seach-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__info-light .input-group .form-input {
  border: none;
  outline: none;
}
.form-group__info-light .input-group .show-hide {
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
  color: currentColor;
  position: relative;
  z-index: 4;
}
.form-group__info-light .input-group__search {
  padding-left: 1.6rem;
}
.form-group__info-light .input-group__phone {
  padding: 0.5rem 0.5rem 0.5rem 1.6rem;
}
.form-group__info-light .input-group__phone .form-input {
  padding: 0.9rem 1rem;
  position: relative;
  z-index: 3;
}
.form-group__info-light .input-group__phone .phone-wrap {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.7rem;
  border-right: 0.1rem solid #cccccc;
  padding-right: 1rem;
}
.form-group__info-light .input-group__phone .phone-wrap .down-icon {
  fill: #020202;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(0.2rem);
}
.form-group__info-light .input-group__phone .phone-wrap .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__info-light .input-group__phone .phone-wrap .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__info-light .input-group__phone .phone-wrap span {
  display: inline-block;
}
.form-group__info-light .pin-group {
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-group__info-light .pin-group .count-down-box {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1rem;
}
.form-group__info-light .pin-group .count-down-box .text {
  color: #676767;
  font-weight: 500;
}
.form-group__info-light .pin-group .count-down-box > *:last-child {
  color: #ff0f00;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: #ffeceb;
  padding: 0.8rem 1.2rem;
  border-radius: 6.4rem;
}
.form-group__info-light .pin-group .pin_field_group {
  display: flex;
  align-items: center;
  grid-column-gap: 1.5rem;
  justify-self: center;
}
.form-group__info-light .pin-group .pin_field_group input {
  width: 100% !important;
}
@media only screen and (max-width: 42em) {
  .form-group__info-light .pin-group .pin_field_group {
    grid-column-gap: 0rem;
  }
}
.form-group__info-light .pin-group .pin_field {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  height: 4.6rem;
  width: unset !important;
  outline: none;
  text-align: center;
  transition-duration: 250ms;
  transition-property: background, color, border, box-shadow, transform;
  /* width: calc(100% / 6); */
}
@media only screen and (max-width: 25em) {
  .form-group__info-light .pin-group .pin_field {
    width: 11.5vw;
    margin-right: 1rem;
  }
}
.form-group__info-light .pin-group .pin_field:focus {
  outline: none;
  transform: scale(1.05);
}
.form-group__info-light .pin-group .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(40, 167, 69, 0.1);
  border: 0.1rem solid var(--raven-black-color);
}
.form-group__info-light .pin-group .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: rgb(220, 53, 69);
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.form-group__info-light .pin-group .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.form-group__info-light .input-calendar-info-light .flatpickr-calendar {
  display: none !important;
}
.form-group__info-light .pin_field:focus {
  border-color: #f6c31c;
  outline: none;
  transform: scale(1.05);
  caret-color: #f6c31c;
}
.form-group__info-light .input-submit {
  background-color: #f6c31c;
}
.form-group__info-light .input-submit_disabled {
  cursor: default;
  opacity: 0.2;
}
.form-group__info-light .input-submit_disabled:hover {
  transform: unset;
}
.form-group__info-light .input-submit-loading {
  cursor: default;
}
.form-group__info-light .input-submit-loading:hover {
  transform: unset;
}
.form-group__info-light .input-group__phone .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.07rem solid #f6c31c;
}
.form-group__info-light .form-input-calendar .form-control {
  caret-color: #f6c31c;
}
.form-group__info-light .form-input-calendar .flag-dropdown .country-list .highlight {
  background-color: #f6c31c;
}
.form-group__info-light .form-input-calendar .flag-dropdown .country-list .highlight .dial-code,
.form-group__info-light .form-input-calendar .flag-dropdown .country-list .highlight .country-name {
  color: #ffffff;
}
.form-group__info-light .form-input {
  caret-color: #f6c31c;
}
.form-group__info-light .form-input:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__info-light .form-input:focus:valid {
  outline: none;
  border: 0.1rem solid #f6c31c;
}
.form-group__info-light .form-input:focus:not(:valid) ~ .error-text {
  visibility: visible;
}
.form-group__info-light .input-calender:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #cccccc;
}
.input-group .form-input {
  padding: 1.2rem;
}
.input-group .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group .form-input:focus:valid {
  outline: none;
  border: none;
}

.input-group__info-light .form-input {
  padding: 1.2rem;
}
.input-group__info-light .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group__info-light .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.09rem solid #f6c31c;
}
.input-group__info-light .form-input:focus:valid {
  outline: none;
  border: none;
}
.input-group__info-light .pin-group_info-light .pin_field_group input {
  width: 100% !important;
}
.input-group__info-light .pin-group_info-light .pin_field {
  color: #020202;
}
.input-group__info-light .pin-group_info-light .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(246, 195, 28, 0.1);
  border: 0.1rem solid red !important;
}
.input-group__info-light .pin-group_info-light .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: #ff0f00;
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.2);
}
.input-group__info-light .pin-group_info-light .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-group__info-light .pin-group_info-light swd-pin-field[completed] .pin_field {
  background-color: rgba(246, 195, 28, 0.1);
  border: 0.1rem solid red !important;
}

.form-input_info-light {
  caret-color: #f6c31c;
}

.border-error {
  border: 0.1rem solid #ff0f00 !important;
  border-radius: 0.8rem;
}

.show-hide_info-light {
  color: #f6c31c !important;
}

.form-group__white-light {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  position: relative;
  font-family: "br_firma", sans-serif;
}
.form-group__white-light .form-label {
  align-self: flex-start;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
  color: #020202;
  text-transform: capitalize;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "br_firma", sans-serif;
}
.form-group__white-light .form-label .label-span {
  margin-left: auto;
  cursor: pointer;
}
.form-group__white-light .upload-group {
  position: relative;
  min-height: 10rem;
  overflow-y: scroll;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-group__white-light .upload-group::-webkit-scrollbar:horizontal {
  display: none;
}
.form-group__white-light .upload-group::-webkit-scrollbar {
  width: 0.5rem;
}
.form-group__white-light .upload-group::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
}
.form-group__white-light .upload-group::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 30rem;
}
.form-group__white-light .upload-group::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
.form-group__white-light .upload-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 10rem;
  width: 100%;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.form-group__white-light .upload-group label > *:nth-child(3) span {
  display: none;
}
.form-group__white-light .upload-group label .upload-text {
  text-align: center;
  color: #676767;
}
.form-group__white-light .upload-group label .upload-text span {
  font-weight: 700;
}
.form-group__white-light .upload-group label svg {
  display: none;
}
.form-group__white-light .display-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  width: 100%;
}
.form-group__white-light .display-wrap::-webkit-scrollbar {
  display: none;
}
.form-group__white-light .display-wrap .display-box {
  display: flex;
  align-items: center;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  background-color: #ffffff;
}
.form-group__white-light .display-wrap .display-box .img-box {
  flex: 0 0 10%;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.form-group__white-light .display-wrap .display-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__white-light .display-wrap .display-box .text-box {
  margin-right: 1.5rem;
}
.form-group__white-light .display-wrap .display-box .text-box .name {
  font-weight: 500;
  color: #020202;
  font-size: 1.3rem;
}
.form-group__white-light .display-wrap .display-box .text-box .size {
  color: #676767;
  font-size: 1.3rem;
}
.form-group__white-light .display-wrap .display-box .cancel-box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #ffdfdd;
  margin-left: auto;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group__white-light .display-wrap .display-box .cancel-box:hover {
  transform: scale(1.1);
}
.form-group__white-light .display-wrap .display-box .cancel-box .icon {
  fill: #ff0f00;
  width: 1.1rem;
  height: 1.1rem;
}
.form-group__white-light .display-wrap-show {
  max-height: 15rem;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
}
.form-group__white-light .input-submit {
  border: none;
  outline: none;
  padding: 1.6rem 1rem;
  width: 100%;
  border-radius: 0.8rem;
  background-color: #0b8376;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 48em) {
  .form-group__white-light .input-submit {
    min-height: 4.5rem;
  }
}
.form-group__white-light .input-submit:active {
  border: none;
  outline: none;
}
.form-group__white-light .input-submit:focus {
  border: none;
  overflow: none;
}
.form-group__white-light .input-submit:hover {
  transform: translateY(-0.1rem);
}
.form-group__white-light .form-input-calendar {
  background-color: #e2e2e2;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  display: flex;
  width: 100%;
}
.form-group__white-light .form-input-calendar .form-control {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 2.3rem 1.6rem !important;
  width: calc(100% - 3rem);
  margin-left: auto;
  border-radius: 0.8rem;
}
.form-group__white-light .form-input-calendar .open {
  background-color: #f7f8f7 !important;
  border-radius: 0.8rem !important;
}
.form-group__white-light .form-input-calendar .open .open {
  background-color: #f7f8f7 !important;
}
.form-group__white-light .form-input-calendar .flag-dropdown {
  border: none;
  border-radius: 0.8rem;
  width: 3rem;
}
.form-group__white-light .form-input-calendar .flag-dropdown .selected-flag {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
}
.form-group__white-light .form-input-calendar .flag-dropdown .selected-flag:hover {
  background-color: #f7f8f7;
}
.form-group__white-light .form-input-calendar .flag-dropdown .selected-flag .flag img {
  border-radius: 50%;
}
.form-group__white-light .form-input-calendar .flag-dropdown .country-list .country .country-name {
  color: #020202;
}
.form-group__white-light .form-input-calendar .open {
  background-color: #f7f8f7;
}
.form-group__white-light .form-input-calendar .open .open {
  background-color: #f7f8f7;
}
.form-group__white-light .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.form-group__white-light .wrap .label-calendar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  z-index: 10;
}
.form-group__white-light .wrap .label-calendar .img-box {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.form-group__white-light .wrap .label-calendar .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.form-group__white-light .progress-text-box {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.form-group__white-light .progress-text-box .text {
  margin-left: auto;
  color: #676767;
  font-size: 1.25rem;
}
.form-group__white-light .progress-text-box .progress-box {
  display: flex;
  align-items: center;
  flex: 0 0 55%;
  gap: 0.5rem;
}
.form-group__white-light .form-input {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 1.4rem 1.6rem;
  flex: 1;
  position: relative;
  display: inline-block;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  color: #020202;
  position: relative;
  font-family: "br_firma", sans-serif;
  z-index: 3;
}
.form-group__white-light .form-input::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__white-light .form-input::placeholder {
  color: #b3b3b3;
}
.form-group__white-light .form-textarea {
  font-size: 1.4rem;
  color: #020202;
  font-family: "br_firma", sans-serif;
}
.form-group__white-light .form-textarea::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__white-light .form-textarea::placeholder {
  color: #b3b3b3;
}
.form-group__white-light .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__white-light .form-input_search {
  padding-left: 0rem;
}
.form-group__white-light .error-text {
  color: #ff0f00;
  margin-top: 0rem;
}
.form-group__white-light .react-select-class {
  text-align: left;
}
.form-group__white-light .react-select-class > *:nth-child(3) {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  border-radius: 0.8rem;
  padding: 0.32rem 0.4rem;
}
.form-group__white-light .react-select-class > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #b3b3b3;
}
.form-group__white-light .react-select-class > *:nth-child(3) > *:nth-child(2) span {
  display: none;
}
.form-group__white-light .react-select-class-selected > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #020202;
}
.form-group__white-light .input-group {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  display: flex;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  padding: 0.2rem;
  width: 100%;
  padding-right: 1.6rem;
  align-items: center;
}
.form-group__white-light .input-group .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__white-light .input-group .seach-box {
  display: grid;
  place-items: center;
}
.form-group__white-light .input-group .seach-box .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__white-light .input-group .seach-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__white-light .input-group .form-input {
  border: none;
  outline: none;
}
.form-group__white-light .input-group .show-hide {
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
  color: currentColor;
  position: relative;
  z-index: 4;
}
.form-group__white-light .input-group__search {
  padding-left: 1.6rem;
}
.form-group__white-light .input-group__phone {
  padding: 0.5rem 0.5rem 0.5rem 1.6rem;
}
.form-group__white-light .input-group__phone .form-input {
  padding: 0.9rem 1rem;
  position: relative;
  z-index: 3;
}
.form-group__white-light .input-group__phone .phone-wrap {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.7rem;
  border-right: 0.1rem solid #cccccc;
  padding-right: 1rem;
}
.form-group__white-light .input-group__phone .phone-wrap .down-icon {
  fill: #020202;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(0.2rem);
}
.form-group__white-light .input-group__phone .phone-wrap .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__white-light .input-group__phone .phone-wrap .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__white-light .input-group__phone .phone-wrap span {
  display: inline-block;
}
.form-group__white-light .pin-group {
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-group__white-light .pin-group .count-down-box {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1rem;
}
.form-group__white-light .pin-group .count-down-box .text {
  color: #676767;
  font-weight: 500;
}
.form-group__white-light .pin-group .count-down-box > *:last-child {
  color: #ff0f00;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: #ffeceb;
  padding: 0.8rem 1.2rem;
  border-radius: 6.4rem;
}
.form-group__white-light .pin-group .pin_field_group {
  display: flex;
  align-items: center;
  grid-column-gap: 1.5rem;
  justify-self: center;
}
.form-group__white-light .pin-group .pin_field_group input {
  width: 100% !important;
}
@media only screen and (max-width: 42em) {
  .form-group__white-light .pin-group .pin_field_group {
    grid-column-gap: 0rem;
  }
}
.form-group__white-light .pin-group .pin_field {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  height: 4.6rem;
  width: unset !important;
  outline: none;
  text-align: center;
  transition-duration: 250ms;
  transition-property: background, color, border, box-shadow, transform;
  /* width: calc(100% / 6); */
}
@media only screen and (max-width: 25em) {
  .form-group__white-light .pin-group .pin_field {
    width: 11.5vw;
    margin-right: 1rem;
  }
}
.form-group__white-light .pin-group .pin_field:focus {
  outline: none;
  transform: scale(1.05);
}
.form-group__white-light .pin-group .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(40, 167, 69, 0.1);
  border: 0.1rem solid var(--raven-black-color);
}
.form-group__white-light .pin-group .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: rgb(220, 53, 69);
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.form-group__white-light .pin-group .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.form-group__white-light .input-calendar-white-light .flatpickr-calendar {
  display: none !important;
}
.form-group__white-light .pin_field:focus {
  border-color: #ffffff;
  outline: none;
  transform: scale(1.05);
  caret-color: #ffffff;
}
.form-group__white-light .input-submit {
  background-color: #ffffff;
}
.form-group__white-light .input-submit_disabled {
  cursor: default;
  opacity: 0.2;
}
.form-group__white-light .input-submit_disabled:hover {
  transform: unset;
}
.form-group__white-light .input-submit-loading {
  cursor: default;
}
.form-group__white-light .input-submit-loading:hover {
  transform: unset;
}
.form-group__white-light .input-group__phone .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.07rem solid #ffffff;
}
.form-group__white-light .form-input-calendar .form-control {
  caret-color: #ffffff;
}
.form-group__white-light .form-input-calendar .flag-dropdown .country-list .highlight {
  background-color: #ffffff;
}
.form-group__white-light .form-input-calendar .flag-dropdown .country-list .highlight .dial-code,
.form-group__white-light .form-input-calendar .flag-dropdown .country-list .highlight .country-name {
  color: #ffffff;
}
.form-group__white-light .form-input {
  caret-color: #ffffff;
}
.form-group__white-light .form-input:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__white-light .form-input:focus:valid {
  outline: none;
  border: 0.1rem solid #ffffff;
}
.form-group__white-light .form-input:focus:not(:valid) ~ .error-text {
  visibility: visible;
}
.form-group__white-light .input-calender:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #cccccc;
}
.input-group .form-input {
  padding: 1.2rem;
}
.input-group .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group .form-input:focus:valid {
  outline: none;
  border: none;
}

.input-group__white-light .form-input {
  padding: 1.2rem;
}
.input-group__white-light .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group__white-light .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.09rem solid #ffffff;
}
.input-group__white-light .form-input:focus:valid {
  outline: none;
  border: none;
}
.input-group__white-light .pin-group_white-light .pin_field_group input {
  width: 100% !important;
}
.input-group__white-light .pin-group_white-light .pin_field {
  color: #020202;
}
.input-group__white-light .pin-group_white-light .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(255, 255, 255, 0.1);
  border: 0.1rem solid red !important;
}
.input-group__white-light .pin-group_white-light .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: #ff0f00;
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.2);
}
.input-group__white-light .pin-group_white-light .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-group__white-light .pin-group_white-light swd-pin-field[completed] .pin_field {
  background-color: rgba(255, 255, 255, 0.1);
  border: 0.1rem solid red !important;
}

.form-input_white-light {
  caret-color: #ffffff;
}

.border-error {
  border: 0.1rem solid #ff0f00 !important;
  border-radius: 0.8rem;
}

.show-hide_white-light {
  color: #ffffff !important;
}

.form-group__blue-light {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  position: relative;
  font-family: "br_firma", sans-serif;
}
.form-group__blue-light .form-label {
  align-self: flex-start;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
  color: #020202;
  text-transform: capitalize;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "br_firma", sans-serif;
}
.form-group__blue-light .form-label .label-span {
  margin-left: auto;
  cursor: pointer;
}
.form-group__blue-light .upload-group {
  position: relative;
  min-height: 10rem;
  overflow-y: scroll;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-group__blue-light .upload-group::-webkit-scrollbar:horizontal {
  display: none;
}
.form-group__blue-light .upload-group::-webkit-scrollbar {
  width: 0.5rem;
}
.form-group__blue-light .upload-group::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
}
.form-group__blue-light .upload-group::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 30rem;
}
.form-group__blue-light .upload-group::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
.form-group__blue-light .upload-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 10rem;
  width: 100%;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.form-group__blue-light .upload-group label > *:nth-child(3) span {
  display: none;
}
.form-group__blue-light .upload-group label .upload-text {
  text-align: center;
  color: #676767;
}
.form-group__blue-light .upload-group label .upload-text span {
  font-weight: 700;
}
.form-group__blue-light .upload-group label svg {
  display: none;
}
.form-group__blue-light .display-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  width: 100%;
}
.form-group__blue-light .display-wrap::-webkit-scrollbar {
  display: none;
}
.form-group__blue-light .display-wrap .display-box {
  display: flex;
  align-items: center;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  background-color: #ffffff;
}
.form-group__blue-light .display-wrap .display-box .img-box {
  flex: 0 0 10%;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.form-group__blue-light .display-wrap .display-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__blue-light .display-wrap .display-box .text-box {
  margin-right: 1.5rem;
}
.form-group__blue-light .display-wrap .display-box .text-box .name {
  font-weight: 500;
  color: #020202;
  font-size: 1.3rem;
}
.form-group__blue-light .display-wrap .display-box .text-box .size {
  color: #676767;
  font-size: 1.3rem;
}
.form-group__blue-light .display-wrap .display-box .cancel-box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #ffdfdd;
  margin-left: auto;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group__blue-light .display-wrap .display-box .cancel-box:hover {
  transform: scale(1.1);
}
.form-group__blue-light .display-wrap .display-box .cancel-box .icon {
  fill: #ff0f00;
  width: 1.1rem;
  height: 1.1rem;
}
.form-group__blue-light .display-wrap-show {
  max-height: 15rem;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
}
.form-group__blue-light .input-submit {
  border: none;
  outline: none;
  padding: 1.6rem 1rem;
  width: 100%;
  border-radius: 0.8rem;
  background-color: #0b8376;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 48em) {
  .form-group__blue-light .input-submit {
    min-height: 4.5rem;
  }
}
.form-group__blue-light .input-submit:active {
  border: none;
  outline: none;
}
.form-group__blue-light .input-submit:focus {
  border: none;
  overflow: none;
}
.form-group__blue-light .input-submit:hover {
  transform: translateY(-0.1rem);
}
.form-group__blue-light .form-input-calendar {
  background-color: #e2e2e2;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  display: flex;
  width: 100%;
}
.form-group__blue-light .form-input-calendar .form-control {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 2.3rem 1.6rem !important;
  width: calc(100% - 3rem);
  margin-left: auto;
  border-radius: 0.8rem;
}
.form-group__blue-light .form-input-calendar .open {
  background-color: #f7f8f7 !important;
  border-radius: 0.8rem !important;
}
.form-group__blue-light .form-input-calendar .open .open {
  background-color: #f7f8f7 !important;
}
.form-group__blue-light .form-input-calendar .flag-dropdown {
  border: none;
  border-radius: 0.8rem;
  width: 3rem;
}
.form-group__blue-light .form-input-calendar .flag-dropdown .selected-flag {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
}
.form-group__blue-light .form-input-calendar .flag-dropdown .selected-flag:hover {
  background-color: #f7f8f7;
}
.form-group__blue-light .form-input-calendar .flag-dropdown .selected-flag .flag img {
  border-radius: 50%;
}
.form-group__blue-light .form-input-calendar .flag-dropdown .country-list .country .country-name {
  color: #020202;
}
.form-group__blue-light .form-input-calendar .open {
  background-color: #f7f8f7;
}
.form-group__blue-light .form-input-calendar .open .open {
  background-color: #f7f8f7;
}
.form-group__blue-light .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.form-group__blue-light .wrap .label-calendar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  z-index: 10;
}
.form-group__blue-light .wrap .label-calendar .img-box {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.form-group__blue-light .wrap .label-calendar .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.form-group__blue-light .progress-text-box {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.form-group__blue-light .progress-text-box .text {
  margin-left: auto;
  color: #676767;
  font-size: 1.25rem;
}
.form-group__blue-light .progress-text-box .progress-box {
  display: flex;
  align-items: center;
  flex: 0 0 55%;
  gap: 0.5rem;
}
.form-group__blue-light .form-input {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 1.4rem 1.6rem;
  flex: 1;
  position: relative;
  display: inline-block;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  color: #020202;
  position: relative;
  font-family: "br_firma", sans-serif;
  z-index: 3;
}
.form-group__blue-light .form-input::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__blue-light .form-input::placeholder {
  color: #b3b3b3;
}
.form-group__blue-light .form-textarea {
  font-size: 1.4rem;
  color: #020202;
  font-family: "br_firma", sans-serif;
}
.form-group__blue-light .form-textarea::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__blue-light .form-textarea::placeholder {
  color: #b3b3b3;
}
.form-group__blue-light .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__blue-light .form-input_search {
  padding-left: 0rem;
}
.form-group__blue-light .error-text {
  color: #ff0f00;
  margin-top: 0rem;
}
.form-group__blue-light .react-select-class {
  text-align: left;
}
.form-group__blue-light .react-select-class > *:nth-child(3) {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  border-radius: 0.8rem;
  padding: 0.32rem 0.4rem;
}
.form-group__blue-light .react-select-class > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #b3b3b3;
}
.form-group__blue-light .react-select-class > *:nth-child(3) > *:nth-child(2) span {
  display: none;
}
.form-group__blue-light .react-select-class-selected > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #020202;
}
.form-group__blue-light .input-group {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  display: flex;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  padding: 0.2rem;
  width: 100%;
  padding-right: 1.6rem;
  align-items: center;
}
.form-group__blue-light .input-group .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__blue-light .input-group .seach-box {
  display: grid;
  place-items: center;
}
.form-group__blue-light .input-group .seach-box .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__blue-light .input-group .seach-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__blue-light .input-group .form-input {
  border: none;
  outline: none;
}
.form-group__blue-light .input-group .show-hide {
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
  color: currentColor;
  position: relative;
  z-index: 4;
}
.form-group__blue-light .input-group__search {
  padding-left: 1.6rem;
}
.form-group__blue-light .input-group__phone {
  padding: 0.5rem 0.5rem 0.5rem 1.6rem;
}
.form-group__blue-light .input-group__phone .form-input {
  padding: 0.9rem 1rem;
  position: relative;
  z-index: 3;
}
.form-group__blue-light .input-group__phone .phone-wrap {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.7rem;
  border-right: 0.1rem solid #cccccc;
  padding-right: 1rem;
}
.form-group__blue-light .input-group__phone .phone-wrap .down-icon {
  fill: #020202;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(0.2rem);
}
.form-group__blue-light .input-group__phone .phone-wrap .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__blue-light .input-group__phone .phone-wrap .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__blue-light .input-group__phone .phone-wrap span {
  display: inline-block;
}
.form-group__blue-light .pin-group {
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-group__blue-light .pin-group .count-down-box {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1rem;
}
.form-group__blue-light .pin-group .count-down-box .text {
  color: #676767;
  font-weight: 500;
}
.form-group__blue-light .pin-group .count-down-box > *:last-child {
  color: #ff0f00;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: #ffeceb;
  padding: 0.8rem 1.2rem;
  border-radius: 6.4rem;
}
.form-group__blue-light .pin-group .pin_field_group {
  display: flex;
  align-items: center;
  grid-column-gap: 1.5rem;
  justify-self: center;
}
.form-group__blue-light .pin-group .pin_field_group input {
  width: 100% !important;
}
@media only screen and (max-width: 42em) {
  .form-group__blue-light .pin-group .pin_field_group {
    grid-column-gap: 0rem;
  }
}
.form-group__blue-light .pin-group .pin_field {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  height: 4.6rem;
  width: unset !important;
  outline: none;
  text-align: center;
  transition-duration: 250ms;
  transition-property: background, color, border, box-shadow, transform;
  /* width: calc(100% / 6); */
}
@media only screen and (max-width: 25em) {
  .form-group__blue-light .pin-group .pin_field {
    width: 11.5vw;
    margin-right: 1rem;
  }
}
.form-group__blue-light .pin-group .pin_field:focus {
  outline: none;
  transform: scale(1.05);
}
.form-group__blue-light .pin-group .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(40, 167, 69, 0.1);
  border: 0.1rem solid var(--raven-black-color);
}
.form-group__blue-light .pin-group .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: rgb(220, 53, 69);
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.form-group__blue-light .pin-group .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.form-group__blue-light .input-calendar-blue-light .flatpickr-calendar {
  display: none !important;
}
.form-group__blue-light .pin_field:focus {
  border-color: #476885;
  outline: none;
  transform: scale(1.05);
  caret-color: #476885;
}
.form-group__blue-light .input-submit {
  background-color: #476885;
}
.form-group__blue-light .input-submit_disabled {
  cursor: default;
  opacity: 0.2;
}
.form-group__blue-light .input-submit_disabled:hover {
  transform: unset;
}
.form-group__blue-light .input-submit-loading {
  cursor: default;
}
.form-group__blue-light .input-submit-loading:hover {
  transform: unset;
}
.form-group__blue-light .input-group__phone .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.07rem solid #476885;
}
.form-group__blue-light .form-input-calendar .form-control {
  caret-color: #476885;
}
.form-group__blue-light .form-input-calendar .flag-dropdown .country-list .highlight {
  background-color: #476885;
}
.form-group__blue-light .form-input-calendar .flag-dropdown .country-list .highlight .dial-code,
.form-group__blue-light .form-input-calendar .flag-dropdown .country-list .highlight .country-name {
  color: #ffffff;
}
.form-group__blue-light .form-input {
  caret-color: #476885;
}
.form-group__blue-light .form-input:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__blue-light .form-input:focus:valid {
  outline: none;
  border: 0.1rem solid #476885;
}
.form-group__blue-light .form-input:focus:not(:valid) ~ .error-text {
  visibility: visible;
}
.form-group__blue-light .input-calender:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #cccccc;
}
.input-group .form-input {
  padding: 1.2rem;
}
.input-group .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group .form-input:focus:valid {
  outline: none;
  border: none;
}

.input-group__blue-light .form-input {
  padding: 1.2rem;
}
.input-group__blue-light .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group__blue-light .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.09rem solid #476885;
}
.input-group__blue-light .form-input:focus:valid {
  outline: none;
  border: none;
}
.input-group__blue-light .pin-group_blue-light .pin_field_group input {
  width: 100% !important;
}
.input-group__blue-light .pin-group_blue-light .pin_field {
  color: #020202;
}
.input-group__blue-light .pin-group_blue-light .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(71, 104, 133, 0.1);
  border: 0.1rem solid red !important;
}
.input-group__blue-light .pin-group_blue-light .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: #ff0f00;
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.2);
}
.input-group__blue-light .pin-group_blue-light .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-group__blue-light .pin-group_blue-light swd-pin-field[completed] .pin_field {
  background-color: rgba(71, 104, 133, 0.1);
  border: 0.1rem solid red !important;
}

.form-input_blue-light {
  caret-color: #476885;
}

.border-error {
  border: 0.1rem solid #ff0f00 !important;
  border-radius: 0.8rem;
}

.show-hide_blue-light {
  color: #476885 !important;
}

.form-group__green-light {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  position: relative;
  font-family: "br_firma", sans-serif;
}
.form-group__green-light .form-label {
  align-self: flex-start;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
  color: #020202;
  text-transform: capitalize;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "br_firma", sans-serif;
}
.form-group__green-light .form-label .label-span {
  margin-left: auto;
  cursor: pointer;
}
.form-group__green-light .upload-group {
  position: relative;
  min-height: 10rem;
  overflow-y: scroll;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-group__green-light .upload-group::-webkit-scrollbar:horizontal {
  display: none;
}
.form-group__green-light .upload-group::-webkit-scrollbar {
  width: 0.5rem;
}
.form-group__green-light .upload-group::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
}
.form-group__green-light .upload-group::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 30rem;
}
.form-group__green-light .upload-group::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
.form-group__green-light .upload-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 10rem;
  width: 100%;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.form-group__green-light .upload-group label > *:nth-child(3) span {
  display: none;
}
.form-group__green-light .upload-group label .upload-text {
  text-align: center;
  color: #676767;
}
.form-group__green-light .upload-group label .upload-text span {
  font-weight: 700;
}
.form-group__green-light .upload-group label svg {
  display: none;
}
.form-group__green-light .display-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  width: 100%;
}
.form-group__green-light .display-wrap::-webkit-scrollbar {
  display: none;
}
.form-group__green-light .display-wrap .display-box {
  display: flex;
  align-items: center;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  background-color: #ffffff;
}
.form-group__green-light .display-wrap .display-box .img-box {
  flex: 0 0 10%;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.form-group__green-light .display-wrap .display-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__green-light .display-wrap .display-box .text-box {
  margin-right: 1.5rem;
}
.form-group__green-light .display-wrap .display-box .text-box .name {
  font-weight: 500;
  color: #020202;
  font-size: 1.3rem;
}
.form-group__green-light .display-wrap .display-box .text-box .size {
  color: #676767;
  font-size: 1.3rem;
}
.form-group__green-light .display-wrap .display-box .cancel-box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #ffdfdd;
  margin-left: auto;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group__green-light .display-wrap .display-box .cancel-box:hover {
  transform: scale(1.1);
}
.form-group__green-light .display-wrap .display-box .cancel-box .icon {
  fill: #ff0f00;
  width: 1.1rem;
  height: 1.1rem;
}
.form-group__green-light .display-wrap-show {
  max-height: 15rem;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
}
.form-group__green-light .input-submit {
  border: none;
  outline: none;
  padding: 1.6rem 1rem;
  width: 100%;
  border-radius: 0.8rem;
  background-color: #0b8376;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 48em) {
  .form-group__green-light .input-submit {
    min-height: 4.5rem;
  }
}
.form-group__green-light .input-submit:active {
  border: none;
  outline: none;
}
.form-group__green-light .input-submit:focus {
  border: none;
  overflow: none;
}
.form-group__green-light .input-submit:hover {
  transform: translateY(-0.1rem);
}
.form-group__green-light .form-input-calendar {
  background-color: #e2e2e2;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  display: flex;
  width: 100%;
}
.form-group__green-light .form-input-calendar .form-control {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 2.3rem 1.6rem !important;
  width: calc(100% - 3rem);
  margin-left: auto;
  border-radius: 0.8rem;
}
.form-group__green-light .form-input-calendar .open {
  background-color: #f7f8f7 !important;
  border-radius: 0.8rem !important;
}
.form-group__green-light .form-input-calendar .open .open {
  background-color: #f7f8f7 !important;
}
.form-group__green-light .form-input-calendar .flag-dropdown {
  border: none;
  border-radius: 0.8rem;
  width: 3rem;
}
.form-group__green-light .form-input-calendar .flag-dropdown .selected-flag {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
}
.form-group__green-light .form-input-calendar .flag-dropdown .selected-flag:hover {
  background-color: #f7f8f7;
}
.form-group__green-light .form-input-calendar .flag-dropdown .selected-flag .flag img {
  border-radius: 50%;
}
.form-group__green-light .form-input-calendar .flag-dropdown .country-list .country .country-name {
  color: #020202;
}
.form-group__green-light .form-input-calendar .open {
  background-color: #f7f8f7;
}
.form-group__green-light .form-input-calendar .open .open {
  background-color: #f7f8f7;
}
.form-group__green-light .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.form-group__green-light .wrap .label-calendar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  z-index: 10;
}
.form-group__green-light .wrap .label-calendar .img-box {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.form-group__green-light .wrap .label-calendar .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.form-group__green-light .progress-text-box {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.form-group__green-light .progress-text-box .text {
  margin-left: auto;
  color: #676767;
  font-size: 1.25rem;
}
.form-group__green-light .progress-text-box .progress-box {
  display: flex;
  align-items: center;
  flex: 0 0 55%;
  gap: 0.5rem;
}
.form-group__green-light .form-input {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 1.4rem 1.6rem;
  flex: 1;
  position: relative;
  display: inline-block;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  color: #020202;
  position: relative;
  font-family: "br_firma", sans-serif;
  z-index: 3;
}
.form-group__green-light .form-input::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__green-light .form-input::placeholder {
  color: #b3b3b3;
}
.form-group__green-light .form-textarea {
  font-size: 1.4rem;
  color: #020202;
  font-family: "br_firma", sans-serif;
}
.form-group__green-light .form-textarea::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__green-light .form-textarea::placeholder {
  color: #b3b3b3;
}
.form-group__green-light .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__green-light .form-input_search {
  padding-left: 0rem;
}
.form-group__green-light .error-text {
  color: #ff0f00;
  margin-top: 0rem;
}
.form-group__green-light .react-select-class {
  text-align: left;
}
.form-group__green-light .react-select-class > *:nth-child(3) {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  border-radius: 0.8rem;
  padding: 0.32rem 0.4rem;
}
.form-group__green-light .react-select-class > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #b3b3b3;
}
.form-group__green-light .react-select-class > *:nth-child(3) > *:nth-child(2) span {
  display: none;
}
.form-group__green-light .react-select-class-selected > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #020202;
}
.form-group__green-light .input-group {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  display: flex;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  padding: 0.2rem;
  width: 100%;
  padding-right: 1.6rem;
  align-items: center;
}
.form-group__green-light .input-group .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__green-light .input-group .seach-box {
  display: grid;
  place-items: center;
}
.form-group__green-light .input-group .seach-box .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__green-light .input-group .seach-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__green-light .input-group .form-input {
  border: none;
  outline: none;
}
.form-group__green-light .input-group .show-hide {
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
  color: currentColor;
  position: relative;
  z-index: 4;
}
.form-group__green-light .input-group__search {
  padding-left: 1.6rem;
}
.form-group__green-light .input-group__phone {
  padding: 0.5rem 0.5rem 0.5rem 1.6rem;
}
.form-group__green-light .input-group__phone .form-input {
  padding: 0.9rem 1rem;
  position: relative;
  z-index: 3;
}
.form-group__green-light .input-group__phone .phone-wrap {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.7rem;
  border-right: 0.1rem solid #cccccc;
  padding-right: 1rem;
}
.form-group__green-light .input-group__phone .phone-wrap .down-icon {
  fill: #020202;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(0.2rem);
}
.form-group__green-light .input-group__phone .phone-wrap .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__green-light .input-group__phone .phone-wrap .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__green-light .input-group__phone .phone-wrap span {
  display: inline-block;
}
.form-group__green-light .pin-group {
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-group__green-light .pin-group .count-down-box {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1rem;
}
.form-group__green-light .pin-group .count-down-box .text {
  color: #676767;
  font-weight: 500;
}
.form-group__green-light .pin-group .count-down-box > *:last-child {
  color: #ff0f00;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: #ffeceb;
  padding: 0.8rem 1.2rem;
  border-radius: 6.4rem;
}
.form-group__green-light .pin-group .pin_field_group {
  display: flex;
  align-items: center;
  grid-column-gap: 1.5rem;
  justify-self: center;
}
.form-group__green-light .pin-group .pin_field_group input {
  width: 100% !important;
}
@media only screen and (max-width: 42em) {
  .form-group__green-light .pin-group .pin_field_group {
    grid-column-gap: 0rem;
  }
}
.form-group__green-light .pin-group .pin_field {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  height: 4.6rem;
  width: unset !important;
  outline: none;
  text-align: center;
  transition-duration: 250ms;
  transition-property: background, color, border, box-shadow, transform;
  /* width: calc(100% / 6); */
}
@media only screen and (max-width: 25em) {
  .form-group__green-light .pin-group .pin_field {
    width: 11.5vw;
    margin-right: 1rem;
  }
}
.form-group__green-light .pin-group .pin_field:focus {
  outline: none;
  transform: scale(1.05);
}
.form-group__green-light .pin-group .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(40, 167, 69, 0.1);
  border: 0.1rem solid var(--raven-black-color);
}
.form-group__green-light .pin-group .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: rgb(220, 53, 69);
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.form-group__green-light .pin-group .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.form-group__green-light .input-calendar-green-light .flatpickr-calendar {
  display: none !important;
}
.form-group__green-light .pin_field:focus {
  border-color: #0b8376;
  outline: none;
  transform: scale(1.05);
  caret-color: #0b8376;
}
.form-group__green-light .input-submit {
  background-color: #0b8376;
}
.form-group__green-light .input-submit_disabled {
  cursor: default;
  opacity: 0.2;
}
.form-group__green-light .input-submit_disabled:hover {
  transform: unset;
}
.form-group__green-light .input-submit-loading {
  cursor: default;
}
.form-group__green-light .input-submit-loading:hover {
  transform: unset;
}
.form-group__green-light .input-group__phone .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.07rem solid #0b8376;
}
.form-group__green-light .form-input-calendar .form-control {
  caret-color: #0b8376;
}
.form-group__green-light .form-input-calendar .flag-dropdown .country-list .highlight {
  background-color: #0b8376;
}
.form-group__green-light .form-input-calendar .flag-dropdown .country-list .highlight .dial-code,
.form-group__green-light .form-input-calendar .flag-dropdown .country-list .highlight .country-name {
  color: #ffffff;
}
.form-group__green-light .form-input {
  caret-color: #0b8376;
}
.form-group__green-light .form-input:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__green-light .form-input:focus:valid {
  outline: none;
  border: 0.1rem solid #0b8376;
}
.form-group__green-light .form-input:focus:not(:valid) ~ .error-text {
  visibility: visible;
}
.form-group__green-light .input-calender:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #cccccc;
}
.input-group .form-input {
  padding: 1.2rem;
}
.input-group .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group .form-input:focus:valid {
  outline: none;
  border: none;
}

.input-group__green-light .form-input {
  padding: 1.2rem;
}
.input-group__green-light .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group__green-light .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.09rem solid #0b8376;
}
.input-group__green-light .form-input:focus:valid {
  outline: none;
  border: none;
}
.input-group__green-light .pin-group_green-light .pin_field_group input {
  width: 100% !important;
}
.input-group__green-light .pin-group_green-light .pin_field {
  color: #020202;
}
.input-group__green-light .pin-group_green-light .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(11, 131, 118, 0.1);
  border: 0.1rem solid red !important;
}
.input-group__green-light .pin-group_green-light .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: #ff0f00;
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.2);
}
.input-group__green-light .pin-group_green-light .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-group__green-light .pin-group_green-light swd-pin-field[completed] .pin_field {
  background-color: rgba(11, 131, 118, 0.1);
  border: 0.1rem solid red !important;
}

.form-input_green-light {
  caret-color: #0b8376;
}

.border-error {
  border: 0.1rem solid #ff0f00 !important;
  border-radius: 0.8rem;
}

.show-hide_green-light {
  color: #0b8376 !important;
}

.form-group__purple-light {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  position: relative;
  font-family: "br_firma", sans-serif;
}
.form-group__purple-light .form-label {
  align-self: flex-start;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
  color: #020202;
  text-transform: capitalize;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "br_firma", sans-serif;
}
.form-group__purple-light .form-label .label-span {
  margin-left: auto;
  cursor: pointer;
}
.form-group__purple-light .upload-group {
  position: relative;
  min-height: 10rem;
  overflow-y: scroll;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-group__purple-light .upload-group::-webkit-scrollbar:horizontal {
  display: none;
}
.form-group__purple-light .upload-group::-webkit-scrollbar {
  width: 0.5rem;
}
.form-group__purple-light .upload-group::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
}
.form-group__purple-light .upload-group::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 30rem;
}
.form-group__purple-light .upload-group::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
.form-group__purple-light .upload-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 10rem;
  width: 100%;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.form-group__purple-light .upload-group label > *:nth-child(3) span {
  display: none;
}
.form-group__purple-light .upload-group label .upload-text {
  text-align: center;
  color: #676767;
}
.form-group__purple-light .upload-group label .upload-text span {
  font-weight: 700;
}
.form-group__purple-light .upload-group label svg {
  display: none;
}
.form-group__purple-light .display-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  width: 100%;
}
.form-group__purple-light .display-wrap::-webkit-scrollbar {
  display: none;
}
.form-group__purple-light .display-wrap .display-box {
  display: flex;
  align-items: center;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  background-color: #ffffff;
}
.form-group__purple-light .display-wrap .display-box .img-box {
  flex: 0 0 10%;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.form-group__purple-light .display-wrap .display-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__purple-light .display-wrap .display-box .text-box {
  margin-right: 1.5rem;
}
.form-group__purple-light .display-wrap .display-box .text-box .name {
  font-weight: 500;
  color: #020202;
  font-size: 1.3rem;
}
.form-group__purple-light .display-wrap .display-box .text-box .size {
  color: #676767;
  font-size: 1.3rem;
}
.form-group__purple-light .display-wrap .display-box .cancel-box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #ffdfdd;
  margin-left: auto;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group__purple-light .display-wrap .display-box .cancel-box:hover {
  transform: scale(1.1);
}
.form-group__purple-light .display-wrap .display-box .cancel-box .icon {
  fill: #ff0f00;
  width: 1.1rem;
  height: 1.1rem;
}
.form-group__purple-light .display-wrap-show {
  max-height: 15rem;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
}
.form-group__purple-light .input-submit {
  border: none;
  outline: none;
  padding: 1.6rem 1rem;
  width: 100%;
  border-radius: 0.8rem;
  background-color: #0b8376;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 48em) {
  .form-group__purple-light .input-submit {
    min-height: 4.5rem;
  }
}
.form-group__purple-light .input-submit:active {
  border: none;
  outline: none;
}
.form-group__purple-light .input-submit:focus {
  border: none;
  overflow: none;
}
.form-group__purple-light .input-submit:hover {
  transform: translateY(-0.1rem);
}
.form-group__purple-light .form-input-calendar {
  background-color: #e2e2e2;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  display: flex;
  width: 100%;
}
.form-group__purple-light .form-input-calendar .form-control {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 2.3rem 1.6rem !important;
  width: calc(100% - 3rem);
  margin-left: auto;
  border-radius: 0.8rem;
}
.form-group__purple-light .form-input-calendar .open {
  background-color: #f7f8f7 !important;
  border-radius: 0.8rem !important;
}
.form-group__purple-light .form-input-calendar .open .open {
  background-color: #f7f8f7 !important;
}
.form-group__purple-light .form-input-calendar .flag-dropdown {
  border: none;
  border-radius: 0.8rem;
  width: 3rem;
}
.form-group__purple-light .form-input-calendar .flag-dropdown .selected-flag {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
}
.form-group__purple-light .form-input-calendar .flag-dropdown .selected-flag:hover {
  background-color: #f7f8f7;
}
.form-group__purple-light .form-input-calendar .flag-dropdown .selected-flag .flag img {
  border-radius: 50%;
}
.form-group__purple-light .form-input-calendar .flag-dropdown .country-list .country .country-name {
  color: #020202;
}
.form-group__purple-light .form-input-calendar .open {
  background-color: #f7f8f7;
}
.form-group__purple-light .form-input-calendar .open .open {
  background-color: #f7f8f7;
}
.form-group__purple-light .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.form-group__purple-light .wrap .label-calendar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  z-index: 10;
}
.form-group__purple-light .wrap .label-calendar .img-box {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.form-group__purple-light .wrap .label-calendar .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.form-group__purple-light .progress-text-box {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.form-group__purple-light .progress-text-box .text {
  margin-left: auto;
  color: #676767;
  font-size: 1.25rem;
}
.form-group__purple-light .progress-text-box .progress-box {
  display: flex;
  align-items: center;
  flex: 0 0 55%;
  gap: 0.5rem;
}
.form-group__purple-light .form-input {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 1.4rem 1.6rem;
  flex: 1;
  position: relative;
  display: inline-block;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  color: #020202;
  position: relative;
  font-family: "br_firma", sans-serif;
  z-index: 3;
}
.form-group__purple-light .form-input::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__purple-light .form-input::placeholder {
  color: #b3b3b3;
}
.form-group__purple-light .form-textarea {
  font-size: 1.4rem;
  color: #020202;
  font-family: "br_firma", sans-serif;
}
.form-group__purple-light .form-textarea::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__purple-light .form-textarea::placeholder {
  color: #b3b3b3;
}
.form-group__purple-light .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__purple-light .form-input_search {
  padding-left: 0rem;
}
.form-group__purple-light .error-text {
  color: #ff0f00;
  margin-top: 0rem;
}
.form-group__purple-light .react-select-class {
  text-align: left;
}
.form-group__purple-light .react-select-class > *:nth-child(3) {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  border-radius: 0.8rem;
  padding: 0.32rem 0.4rem;
}
.form-group__purple-light .react-select-class > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #b3b3b3;
}
.form-group__purple-light .react-select-class > *:nth-child(3) > *:nth-child(2) span {
  display: none;
}
.form-group__purple-light .react-select-class-selected > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #020202;
}
.form-group__purple-light .input-group {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  display: flex;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  padding: 0.2rem;
  width: 100%;
  padding-right: 1.6rem;
  align-items: center;
}
.form-group__purple-light .input-group .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__purple-light .input-group .seach-box {
  display: grid;
  place-items: center;
}
.form-group__purple-light .input-group .seach-box .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__purple-light .input-group .seach-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__purple-light .input-group .form-input {
  border: none;
  outline: none;
}
.form-group__purple-light .input-group .show-hide {
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
  color: currentColor;
  position: relative;
  z-index: 4;
}
.form-group__purple-light .input-group__search {
  padding-left: 1.6rem;
}
.form-group__purple-light .input-group__phone {
  padding: 0.5rem 0.5rem 0.5rem 1.6rem;
}
.form-group__purple-light .input-group__phone .form-input {
  padding: 0.9rem 1rem;
  position: relative;
  z-index: 3;
}
.form-group__purple-light .input-group__phone .phone-wrap {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.7rem;
  border-right: 0.1rem solid #cccccc;
  padding-right: 1rem;
}
.form-group__purple-light .input-group__phone .phone-wrap .down-icon {
  fill: #020202;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(0.2rem);
}
.form-group__purple-light .input-group__phone .phone-wrap .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__purple-light .input-group__phone .phone-wrap .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__purple-light .input-group__phone .phone-wrap span {
  display: inline-block;
}
.form-group__purple-light .pin-group {
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-group__purple-light .pin-group .count-down-box {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1rem;
}
.form-group__purple-light .pin-group .count-down-box .text {
  color: #676767;
  font-weight: 500;
}
.form-group__purple-light .pin-group .count-down-box > *:last-child {
  color: #ff0f00;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: #ffeceb;
  padding: 0.8rem 1.2rem;
  border-radius: 6.4rem;
}
.form-group__purple-light .pin-group .pin_field_group {
  display: flex;
  align-items: center;
  grid-column-gap: 1.5rem;
  justify-self: center;
}
.form-group__purple-light .pin-group .pin_field_group input {
  width: 100% !important;
}
@media only screen and (max-width: 42em) {
  .form-group__purple-light .pin-group .pin_field_group {
    grid-column-gap: 0rem;
  }
}
.form-group__purple-light .pin-group .pin_field {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  height: 4.6rem;
  width: unset !important;
  outline: none;
  text-align: center;
  transition-duration: 250ms;
  transition-property: background, color, border, box-shadow, transform;
  /* width: calc(100% / 6); */
}
@media only screen and (max-width: 25em) {
  .form-group__purple-light .pin-group .pin_field {
    width: 11.5vw;
    margin-right: 1rem;
  }
}
.form-group__purple-light .pin-group .pin_field:focus {
  outline: none;
  transform: scale(1.05);
}
.form-group__purple-light .pin-group .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(40, 167, 69, 0.1);
  border: 0.1rem solid var(--raven-black-color);
}
.form-group__purple-light .pin-group .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: rgb(220, 53, 69);
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.form-group__purple-light .pin-group .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.form-group__purple-light .input-calendar-purple-light .flatpickr-calendar {
  display: none !important;
}
.form-group__purple-light .pin_field:focus {
  border-color: #755ae2;
  outline: none;
  transform: scale(1.05);
  caret-color: #755ae2;
}
.form-group__purple-light .input-submit {
  background-color: #755ae2;
}
.form-group__purple-light .input-submit_disabled {
  cursor: default;
  opacity: 0.2;
}
.form-group__purple-light .input-submit_disabled:hover {
  transform: unset;
}
.form-group__purple-light .input-submit-loading {
  cursor: default;
}
.form-group__purple-light .input-submit-loading:hover {
  transform: unset;
}
.form-group__purple-light .input-group__phone .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.07rem solid #755ae2;
}
.form-group__purple-light .form-input-calendar .form-control {
  caret-color: #755ae2;
}
.form-group__purple-light .form-input-calendar .flag-dropdown .country-list .highlight {
  background-color: #755ae2;
}
.form-group__purple-light .form-input-calendar .flag-dropdown .country-list .highlight .dial-code,
.form-group__purple-light .form-input-calendar .flag-dropdown .country-list .highlight .country-name {
  color: #ffffff;
}
.form-group__purple-light .form-input {
  caret-color: #755ae2;
}
.form-group__purple-light .form-input:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__purple-light .form-input:focus:valid {
  outline: none;
  border: 0.1rem solid #755ae2;
}
.form-group__purple-light .form-input:focus:not(:valid) ~ .error-text {
  visibility: visible;
}
.form-group__purple-light .input-calender:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #cccccc;
}
.input-group .form-input {
  padding: 1.2rem;
}
.input-group .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group .form-input:focus:valid {
  outline: none;
  border: none;
}

.input-group__purple-light .form-input {
  padding: 1.2rem;
}
.input-group__purple-light .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group__purple-light .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.09rem solid #755ae2;
}
.input-group__purple-light .form-input:focus:valid {
  outline: none;
  border: none;
}
.input-group__purple-light .pin-group_purple-light .pin_field_group input {
  width: 100% !important;
}
.input-group__purple-light .pin-group_purple-light .pin_field {
  color: #020202;
}
.input-group__purple-light .pin-group_purple-light .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(117, 90, 226, 0.1);
  border: 0.1rem solid red !important;
}
.input-group__purple-light .pin-group_purple-light .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: #ff0f00;
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.2);
}
.input-group__purple-light .pin-group_purple-light .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-group__purple-light .pin-group_purple-light swd-pin-field[completed] .pin_field {
  background-color: rgba(117, 90, 226, 0.1);
  border: 0.1rem solid red !important;
}

.form-input_purple-light {
  caret-color: #755ae2;
}

.border-error {
  border: 0.1rem solid #ff0f00 !important;
  border-radius: 0.8rem;
}

.show-hide_purple-light {
  color: #755ae2 !important;
}

.form-group__orange-light {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  position: relative;
  font-family: "br_firma", sans-serif;
}
.form-group__orange-light .form-label {
  align-self: flex-start;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
  color: #020202;
  text-transform: capitalize;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "br_firma", sans-serif;
}
.form-group__orange-light .form-label .label-span {
  margin-left: auto;
  cursor: pointer;
}
.form-group__orange-light .upload-group {
  position: relative;
  min-height: 10rem;
  overflow-y: scroll;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-group__orange-light .upload-group::-webkit-scrollbar:horizontal {
  display: none;
}
.form-group__orange-light .upload-group::-webkit-scrollbar {
  width: 0.5rem;
}
.form-group__orange-light .upload-group::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
}
.form-group__orange-light .upload-group::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 30rem;
}
.form-group__orange-light .upload-group::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
.form-group__orange-light .upload-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 10rem;
  width: 100%;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.form-group__orange-light .upload-group label > *:nth-child(3) span {
  display: none;
}
.form-group__orange-light .upload-group label .upload-text {
  text-align: center;
  color: #676767;
}
.form-group__orange-light .upload-group label .upload-text span {
  font-weight: 700;
}
.form-group__orange-light .upload-group label svg {
  display: none;
}
.form-group__orange-light .display-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  width: 100%;
}
.form-group__orange-light .display-wrap::-webkit-scrollbar {
  display: none;
}
.form-group__orange-light .display-wrap .display-box {
  display: flex;
  align-items: center;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  background-color: #ffffff;
}
.form-group__orange-light .display-wrap .display-box .img-box {
  flex: 0 0 10%;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.form-group__orange-light .display-wrap .display-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__orange-light .display-wrap .display-box .text-box {
  margin-right: 1.5rem;
}
.form-group__orange-light .display-wrap .display-box .text-box .name {
  font-weight: 500;
  color: #020202;
  font-size: 1.3rem;
}
.form-group__orange-light .display-wrap .display-box .text-box .size {
  color: #676767;
  font-size: 1.3rem;
}
.form-group__orange-light .display-wrap .display-box .cancel-box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #ffdfdd;
  margin-left: auto;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group__orange-light .display-wrap .display-box .cancel-box:hover {
  transform: scale(1.1);
}
.form-group__orange-light .display-wrap .display-box .cancel-box .icon {
  fill: #ff0f00;
  width: 1.1rem;
  height: 1.1rem;
}
.form-group__orange-light .display-wrap-show {
  max-height: 15rem;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
}
.form-group__orange-light .input-submit {
  border: none;
  outline: none;
  padding: 1.6rem 1rem;
  width: 100%;
  border-radius: 0.8rem;
  background-color: #0b8376;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 48em) {
  .form-group__orange-light .input-submit {
    min-height: 4.5rem;
  }
}
.form-group__orange-light .input-submit:active {
  border: none;
  outline: none;
}
.form-group__orange-light .input-submit:focus {
  border: none;
  overflow: none;
}
.form-group__orange-light .input-submit:hover {
  transform: translateY(-0.1rem);
}
.form-group__orange-light .form-input-calendar {
  background-color: #e2e2e2;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  display: flex;
  width: 100%;
}
.form-group__orange-light .form-input-calendar .form-control {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 2.3rem 1.6rem !important;
  width: calc(100% - 3rem);
  margin-left: auto;
  border-radius: 0.8rem;
}
.form-group__orange-light .form-input-calendar .open {
  background-color: #f7f8f7 !important;
  border-radius: 0.8rem !important;
}
.form-group__orange-light .form-input-calendar .open .open {
  background-color: #f7f8f7 !important;
}
.form-group__orange-light .form-input-calendar .flag-dropdown {
  border: none;
  border-radius: 0.8rem;
  width: 3rem;
}
.form-group__orange-light .form-input-calendar .flag-dropdown .selected-flag {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
}
.form-group__orange-light .form-input-calendar .flag-dropdown .selected-flag:hover {
  background-color: #f7f8f7;
}
.form-group__orange-light .form-input-calendar .flag-dropdown .selected-flag .flag img {
  border-radius: 50%;
}
.form-group__orange-light .form-input-calendar .flag-dropdown .country-list .country .country-name {
  color: #020202;
}
.form-group__orange-light .form-input-calendar .open {
  background-color: #f7f8f7;
}
.form-group__orange-light .form-input-calendar .open .open {
  background-color: #f7f8f7;
}
.form-group__orange-light .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.form-group__orange-light .wrap .label-calendar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  z-index: 10;
}
.form-group__orange-light .wrap .label-calendar .img-box {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.form-group__orange-light .wrap .label-calendar .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.form-group__orange-light .progress-text-box {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.form-group__orange-light .progress-text-box .text {
  margin-left: auto;
  color: #676767;
  font-size: 1.25rem;
}
.form-group__orange-light .progress-text-box .progress-box {
  display: flex;
  align-items: center;
  flex: 0 0 55%;
  gap: 0.5rem;
}
.form-group__orange-light .form-input {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 1.4rem 1.6rem;
  flex: 1;
  position: relative;
  display: inline-block;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  color: #020202;
  position: relative;
  font-family: "br_firma", sans-serif;
  z-index: 3;
}
.form-group__orange-light .form-input::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__orange-light .form-input::placeholder {
  color: #b3b3b3;
}
.form-group__orange-light .form-textarea {
  font-size: 1.4rem;
  color: #020202;
  font-family: "br_firma", sans-serif;
}
.form-group__orange-light .form-textarea::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__orange-light .form-textarea::placeholder {
  color: #b3b3b3;
}
.form-group__orange-light .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__orange-light .form-input_search {
  padding-left: 0rem;
}
.form-group__orange-light .error-text {
  color: #ff0f00;
  margin-top: 0rem;
}
.form-group__orange-light .react-select-class {
  text-align: left;
}
.form-group__orange-light .react-select-class > *:nth-child(3) {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  border-radius: 0.8rem;
  padding: 0.32rem 0.4rem;
}
.form-group__orange-light .react-select-class > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #b3b3b3;
}
.form-group__orange-light .react-select-class > *:nth-child(3) > *:nth-child(2) span {
  display: none;
}
.form-group__orange-light .react-select-class-selected > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #020202;
}
.form-group__orange-light .input-group {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  display: flex;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  padding: 0.2rem;
  width: 100%;
  padding-right: 1.6rem;
  align-items: center;
}
.form-group__orange-light .input-group .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__orange-light .input-group .seach-box {
  display: grid;
  place-items: center;
}
.form-group__orange-light .input-group .seach-box .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__orange-light .input-group .seach-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__orange-light .input-group .form-input {
  border: none;
  outline: none;
}
.form-group__orange-light .input-group .show-hide {
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
  color: currentColor;
  position: relative;
  z-index: 4;
}
.form-group__orange-light .input-group__search {
  padding-left: 1.6rem;
}
.form-group__orange-light .input-group__phone {
  padding: 0.5rem 0.5rem 0.5rem 1.6rem;
}
.form-group__orange-light .input-group__phone .form-input {
  padding: 0.9rem 1rem;
  position: relative;
  z-index: 3;
}
.form-group__orange-light .input-group__phone .phone-wrap {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.7rem;
  border-right: 0.1rem solid #cccccc;
  padding-right: 1rem;
}
.form-group__orange-light .input-group__phone .phone-wrap .down-icon {
  fill: #020202;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(0.2rem);
}
.form-group__orange-light .input-group__phone .phone-wrap .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__orange-light .input-group__phone .phone-wrap .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__orange-light .input-group__phone .phone-wrap span {
  display: inline-block;
}
.form-group__orange-light .pin-group {
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-group__orange-light .pin-group .count-down-box {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1rem;
}
.form-group__orange-light .pin-group .count-down-box .text {
  color: #676767;
  font-weight: 500;
}
.form-group__orange-light .pin-group .count-down-box > *:last-child {
  color: #ff0f00;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: #ffeceb;
  padding: 0.8rem 1.2rem;
  border-radius: 6.4rem;
}
.form-group__orange-light .pin-group .pin_field_group {
  display: flex;
  align-items: center;
  grid-column-gap: 1.5rem;
  justify-self: center;
}
.form-group__orange-light .pin-group .pin_field_group input {
  width: 100% !important;
}
@media only screen and (max-width: 42em) {
  .form-group__orange-light .pin-group .pin_field_group {
    grid-column-gap: 0rem;
  }
}
.form-group__orange-light .pin-group .pin_field {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  height: 4.6rem;
  width: unset !important;
  outline: none;
  text-align: center;
  transition-duration: 250ms;
  transition-property: background, color, border, box-shadow, transform;
  /* width: calc(100% / 6); */
}
@media only screen and (max-width: 25em) {
  .form-group__orange-light .pin-group .pin_field {
    width: 11.5vw;
    margin-right: 1rem;
  }
}
.form-group__orange-light .pin-group .pin_field:focus {
  outline: none;
  transform: scale(1.05);
}
.form-group__orange-light .pin-group .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(40, 167, 69, 0.1);
  border: 0.1rem solid var(--raven-black-color);
}
.form-group__orange-light .pin-group .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: rgb(220, 53, 69);
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.form-group__orange-light .pin-group .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.form-group__orange-light .input-calendar-orange-light .flatpickr-calendar {
  display: none !important;
}
.form-group__orange-light .pin_field:focus {
  border-color: #ea872d;
  outline: none;
  transform: scale(1.05);
  caret-color: #ea872d;
}
.form-group__orange-light .input-submit {
  background-color: #ea872d;
}
.form-group__orange-light .input-submit_disabled {
  cursor: default;
  opacity: 0.2;
}
.form-group__orange-light .input-submit_disabled:hover {
  transform: unset;
}
.form-group__orange-light .input-submit-loading {
  cursor: default;
}
.form-group__orange-light .input-submit-loading:hover {
  transform: unset;
}
.form-group__orange-light .input-group__phone .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.07rem solid #ea872d;
}
.form-group__orange-light .form-input-calendar .form-control {
  caret-color: #ea872d;
}
.form-group__orange-light .form-input-calendar .flag-dropdown .country-list .highlight {
  background-color: #ea872d;
}
.form-group__orange-light .form-input-calendar .flag-dropdown .country-list .highlight .dial-code,
.form-group__orange-light .form-input-calendar .flag-dropdown .country-list .highlight .country-name {
  color: #ffffff;
}
.form-group__orange-light .form-input {
  caret-color: #ea872d;
}
.form-group__orange-light .form-input:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__orange-light .form-input:focus:valid {
  outline: none;
  border: 0.1rem solid #ea872d;
}
.form-group__orange-light .form-input:focus:not(:valid) ~ .error-text {
  visibility: visible;
}
.form-group__orange-light .input-calender:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #cccccc;
}
.input-group .form-input {
  padding: 1.2rem;
}
.input-group .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group .form-input:focus:valid {
  outline: none;
  border: none;
}

.input-group__orange-light .form-input {
  padding: 1.2rem;
}
.input-group__orange-light .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group__orange-light .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.09rem solid #ea872d;
}
.input-group__orange-light .form-input:focus:valid {
  outline: none;
  border: none;
}
.input-group__orange-light .pin-group_orange-light .pin_field_group input {
  width: 100% !important;
}
.input-group__orange-light .pin-group_orange-light .pin_field {
  color: #020202;
}
.input-group__orange-light .pin-group_orange-light .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(234, 135, 45, 0.1);
  border: 0.1rem solid red !important;
}
.input-group__orange-light .pin-group_orange-light .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: #ff0f00;
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.2);
}
.input-group__orange-light .pin-group_orange-light .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-group__orange-light .pin-group_orange-light swd-pin-field[completed] .pin_field {
  background-color: rgba(234, 135, 45, 0.1);
  border: 0.1rem solid red !important;
}

.form-input_orange-light {
  caret-color: #ea872d;
}

.border-error {
  border: 0.1rem solid #ff0f00 !important;
  border-radius: 0.8rem;
}

.show-hide_orange-light {
  color: #ea872d !important;
}

.form-group__black-light {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  position: relative;
  font-family: "br_firma", sans-serif;
}
.form-group__black-light .form-label {
  align-self: flex-start;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
  color: #020202;
  text-transform: capitalize;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "br_firma", sans-serif;
}
.form-group__black-light .form-label .label-span {
  margin-left: auto;
  cursor: pointer;
}
.form-group__black-light .upload-group {
  position: relative;
  min-height: 10rem;
  overflow-y: scroll;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-group__black-light .upload-group::-webkit-scrollbar:horizontal {
  display: none;
}
.form-group__black-light .upload-group::-webkit-scrollbar {
  width: 0.5rem;
}
.form-group__black-light .upload-group::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
}
.form-group__black-light .upload-group::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 30rem;
}
.form-group__black-light .upload-group::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
.form-group__black-light .upload-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 10rem;
  width: 100%;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.form-group__black-light .upload-group label > *:nth-child(3) span {
  display: none;
}
.form-group__black-light .upload-group label .upload-text {
  text-align: center;
  color: #676767;
}
.form-group__black-light .upload-group label .upload-text span {
  font-weight: 700;
}
.form-group__black-light .upload-group label svg {
  display: none;
}
.form-group__black-light .display-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  width: 100%;
}
.form-group__black-light .display-wrap::-webkit-scrollbar {
  display: none;
}
.form-group__black-light .display-wrap .display-box {
  display: flex;
  align-items: center;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  background-color: #ffffff;
}
.form-group__black-light .display-wrap .display-box .img-box {
  flex: 0 0 10%;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.form-group__black-light .display-wrap .display-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__black-light .display-wrap .display-box .text-box {
  margin-right: 1.5rem;
}
.form-group__black-light .display-wrap .display-box .text-box .name {
  font-weight: 500;
  color: #020202;
  font-size: 1.3rem;
}
.form-group__black-light .display-wrap .display-box .text-box .size {
  color: #676767;
  font-size: 1.3rem;
}
.form-group__black-light .display-wrap .display-box .cancel-box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #ffdfdd;
  margin-left: auto;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group__black-light .display-wrap .display-box .cancel-box:hover {
  transform: scale(1.1);
}
.form-group__black-light .display-wrap .display-box .cancel-box .icon {
  fill: #ff0f00;
  width: 1.1rem;
  height: 1.1rem;
}
.form-group__black-light .display-wrap-show {
  max-height: 15rem;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
}
.form-group__black-light .input-submit {
  border: none;
  outline: none;
  padding: 1.6rem 1rem;
  width: 100%;
  border-radius: 0.8rem;
  background-color: #0b8376;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 48em) {
  .form-group__black-light .input-submit {
    min-height: 4.5rem;
  }
}
.form-group__black-light .input-submit:active {
  border: none;
  outline: none;
}
.form-group__black-light .input-submit:focus {
  border: none;
  overflow: none;
}
.form-group__black-light .input-submit:hover {
  transform: translateY(-0.1rem);
}
.form-group__black-light .form-input-calendar {
  background-color: #e2e2e2;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  display: flex;
  width: 100%;
}
.form-group__black-light .form-input-calendar .form-control {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 2.3rem 1.6rem !important;
  width: calc(100% - 3rem);
  margin-left: auto;
  border-radius: 0.8rem;
}
.form-group__black-light .form-input-calendar .open {
  background-color: #f7f8f7 !important;
  border-radius: 0.8rem !important;
}
.form-group__black-light .form-input-calendar .open .open {
  background-color: #f7f8f7 !important;
}
.form-group__black-light .form-input-calendar .flag-dropdown {
  border: none;
  border-radius: 0.8rem;
  width: 3rem;
}
.form-group__black-light .form-input-calendar .flag-dropdown .selected-flag {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
}
.form-group__black-light .form-input-calendar .flag-dropdown .selected-flag:hover {
  background-color: #f7f8f7;
}
.form-group__black-light .form-input-calendar .flag-dropdown .selected-flag .flag img {
  border-radius: 50%;
}
.form-group__black-light .form-input-calendar .flag-dropdown .country-list .country .country-name {
  color: #020202;
}
.form-group__black-light .form-input-calendar .open {
  background-color: #f7f8f7;
}
.form-group__black-light .form-input-calendar .open .open {
  background-color: #f7f8f7;
}
.form-group__black-light .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.form-group__black-light .wrap .label-calendar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  z-index: 10;
}
.form-group__black-light .wrap .label-calendar .img-box {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.form-group__black-light .wrap .label-calendar .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.form-group__black-light .progress-text-box {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.form-group__black-light .progress-text-box .text {
  margin-left: auto;
  color: #676767;
  font-size: 1.25rem;
}
.form-group__black-light .progress-text-box .progress-box {
  display: flex;
  align-items: center;
  flex: 0 0 55%;
  gap: 0.5rem;
}
.form-group__black-light .form-input {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 1.4rem 1.6rem;
  flex: 1;
  position: relative;
  display: inline-block;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  color: #020202;
  position: relative;
  font-family: "br_firma", sans-serif;
  z-index: 3;
}
.form-group__black-light .form-input::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__black-light .form-input::placeholder {
  color: #b3b3b3;
}
.form-group__black-light .form-textarea {
  font-size: 1.4rem;
  color: #020202;
  font-family: "br_firma", sans-serif;
}
.form-group__black-light .form-textarea::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__black-light .form-textarea::placeholder {
  color: #b3b3b3;
}
.form-group__black-light .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__black-light .form-input_search {
  padding-left: 0rem;
}
.form-group__black-light .error-text {
  color: #ff0f00;
  margin-top: 0rem;
}
.form-group__black-light .react-select-class {
  text-align: left;
}
.form-group__black-light .react-select-class > *:nth-child(3) {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  border-radius: 0.8rem;
  padding: 0.32rem 0.4rem;
}
.form-group__black-light .react-select-class > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #b3b3b3;
}
.form-group__black-light .react-select-class > *:nth-child(3) > *:nth-child(2) span {
  display: none;
}
.form-group__black-light .react-select-class-selected > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #020202;
}
.form-group__black-light .input-group {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  display: flex;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  padding: 0.2rem;
  width: 100%;
  padding-right: 1.6rem;
  align-items: center;
}
.form-group__black-light .input-group .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__black-light .input-group .seach-box {
  display: grid;
  place-items: center;
}
.form-group__black-light .input-group .seach-box .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__black-light .input-group .seach-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__black-light .input-group .form-input {
  border: none;
  outline: none;
}
.form-group__black-light .input-group .show-hide {
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
  color: currentColor;
  position: relative;
  z-index: 4;
}
.form-group__black-light .input-group__search {
  padding-left: 1.6rem;
}
.form-group__black-light .input-group__phone {
  padding: 0.5rem 0.5rem 0.5rem 1.6rem;
}
.form-group__black-light .input-group__phone .form-input {
  padding: 0.9rem 1rem;
  position: relative;
  z-index: 3;
}
.form-group__black-light .input-group__phone .phone-wrap {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.7rem;
  border-right: 0.1rem solid #cccccc;
  padding-right: 1rem;
}
.form-group__black-light .input-group__phone .phone-wrap .down-icon {
  fill: #020202;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(0.2rem);
}
.form-group__black-light .input-group__phone .phone-wrap .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__black-light .input-group__phone .phone-wrap .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__black-light .input-group__phone .phone-wrap span {
  display: inline-block;
}
.form-group__black-light .pin-group {
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-group__black-light .pin-group .count-down-box {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1rem;
}
.form-group__black-light .pin-group .count-down-box .text {
  color: #676767;
  font-weight: 500;
}
.form-group__black-light .pin-group .count-down-box > *:last-child {
  color: #ff0f00;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: #ffeceb;
  padding: 0.8rem 1.2rem;
  border-radius: 6.4rem;
}
.form-group__black-light .pin-group .pin_field_group {
  display: flex;
  align-items: center;
  grid-column-gap: 1.5rem;
  justify-self: center;
}
.form-group__black-light .pin-group .pin_field_group input {
  width: 100% !important;
}
@media only screen and (max-width: 42em) {
  .form-group__black-light .pin-group .pin_field_group {
    grid-column-gap: 0rem;
  }
}
.form-group__black-light .pin-group .pin_field {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  height: 4.6rem;
  width: unset !important;
  outline: none;
  text-align: center;
  transition-duration: 250ms;
  transition-property: background, color, border, box-shadow, transform;
  /* width: calc(100% / 6); */
}
@media only screen and (max-width: 25em) {
  .form-group__black-light .pin-group .pin_field {
    width: 11.5vw;
    margin-right: 1rem;
  }
}
.form-group__black-light .pin-group .pin_field:focus {
  outline: none;
  transform: scale(1.05);
}
.form-group__black-light .pin-group .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(40, 167, 69, 0.1);
  border: 0.1rem solid var(--raven-black-color);
}
.form-group__black-light .pin-group .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: rgb(220, 53, 69);
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.form-group__black-light .pin-group .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.form-group__black-light .input-calendar-black-light .flatpickr-calendar {
  display: none !important;
}
.form-group__black-light .pin_field:focus {
  border-color: #020202;
  outline: none;
  transform: scale(1.05);
  caret-color: #020202;
}
.form-group__black-light .input-submit {
  background-color: #020202;
}
.form-group__black-light .input-submit_disabled {
  cursor: default;
  opacity: 0.2;
}
.form-group__black-light .input-submit_disabled:hover {
  transform: unset;
}
.form-group__black-light .input-submit-loading {
  cursor: default;
}
.form-group__black-light .input-submit-loading:hover {
  transform: unset;
}
.form-group__black-light .input-group__phone .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.07rem solid #020202;
}
.form-group__black-light .form-input-calendar .form-control {
  caret-color: #020202;
}
.form-group__black-light .form-input-calendar .flag-dropdown .country-list .highlight {
  background-color: #020202;
}
.form-group__black-light .form-input-calendar .flag-dropdown .country-list .highlight .dial-code,
.form-group__black-light .form-input-calendar .flag-dropdown .country-list .highlight .country-name {
  color: #ffffff;
}
.form-group__black-light .form-input {
  caret-color: #020202;
}
.form-group__black-light .form-input:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__black-light .form-input:focus:valid {
  outline: none;
  border: 0.1rem solid #020202;
}
.form-group__black-light .form-input:focus:not(:valid) ~ .error-text {
  visibility: visible;
}
.form-group__black-light .input-calender:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #cccccc;
}
.input-group .form-input {
  padding: 1.2rem;
}
.input-group .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group .form-input:focus:valid {
  outline: none;
  border: none;
}

.input-group__black-light .form-input {
  padding: 1.2rem;
}
.input-group__black-light .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group__black-light .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.09rem solid #020202;
}
.input-group__black-light .form-input:focus:valid {
  outline: none;
  border: none;
}
.input-group__black-light .pin-group_black-light .pin_field_group input {
  width: 100% !important;
}
.input-group__black-light .pin-group_black-light .pin_field {
  color: #020202;
}
.input-group__black-light .pin-group_black-light .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(2, 2, 2, 0.1);
  border: 0.1rem solid red !important;
}
.input-group__black-light .pin-group_black-light .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: #ff0f00;
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.2);
}
.input-group__black-light .pin-group_black-light .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-group__black-light .pin-group_black-light swd-pin-field[completed] .pin_field {
  background-color: rgba(2, 2, 2, 0.1);
  border: 0.1rem solid red !important;
}

.form-input_black-light {
  caret-color: #020202;
}

.border-error {
  border: 0.1rem solid #ff0f00 !important;
  border-radius: 0.8rem;
}

.show-hide_black-light {
  color: #020202 !important;
}

.form-group__deep-green-light {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  position: relative;
  font-family: "br_firma", sans-serif;
}
.form-group__deep-green-light .form-label {
  align-self: flex-start;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
  color: #020202;
  text-transform: capitalize;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "br_firma", sans-serif;
}
.form-group__deep-green-light .form-label .label-span {
  margin-left: auto;
  cursor: pointer;
}
.form-group__deep-green-light .upload-group {
  position: relative;
  min-height: 10rem;
  overflow-y: scroll;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-group__deep-green-light .upload-group::-webkit-scrollbar:horizontal {
  display: none;
}
.form-group__deep-green-light .upload-group::-webkit-scrollbar {
  width: 0.5rem;
}
.form-group__deep-green-light .upload-group::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
}
.form-group__deep-green-light .upload-group::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 30rem;
}
.form-group__deep-green-light .upload-group::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
.form-group__deep-green-light .upload-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 10rem;
  width: 100%;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.form-group__deep-green-light .upload-group label > *:nth-child(3) span {
  display: none;
}
.form-group__deep-green-light .upload-group label .upload-text {
  text-align: center;
  color: #676767;
}
.form-group__deep-green-light .upload-group label .upload-text span {
  font-weight: 700;
}
.form-group__deep-green-light .upload-group label svg {
  display: none;
}
.form-group__deep-green-light .display-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  width: 100%;
}
.form-group__deep-green-light .display-wrap::-webkit-scrollbar {
  display: none;
}
.form-group__deep-green-light .display-wrap .display-box {
  display: flex;
  align-items: center;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  background-color: #ffffff;
}
.form-group__deep-green-light .display-wrap .display-box .img-box {
  flex: 0 0 10%;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.form-group__deep-green-light .display-wrap .display-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__deep-green-light .display-wrap .display-box .text-box {
  margin-right: 1.5rem;
}
.form-group__deep-green-light .display-wrap .display-box .text-box .name {
  font-weight: 500;
  color: #020202;
  font-size: 1.3rem;
}
.form-group__deep-green-light .display-wrap .display-box .text-box .size {
  color: #676767;
  font-size: 1.3rem;
}
.form-group__deep-green-light .display-wrap .display-box .cancel-box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #ffdfdd;
  margin-left: auto;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group__deep-green-light .display-wrap .display-box .cancel-box:hover {
  transform: scale(1.1);
}
.form-group__deep-green-light .display-wrap .display-box .cancel-box .icon {
  fill: #ff0f00;
  width: 1.1rem;
  height: 1.1rem;
}
.form-group__deep-green-light .display-wrap-show {
  max-height: 15rem;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
}
.form-group__deep-green-light .input-submit {
  border: none;
  outline: none;
  padding: 1.6rem 1rem;
  width: 100%;
  border-radius: 0.8rem;
  background-color: #0b8376;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 48em) {
  .form-group__deep-green-light .input-submit {
    min-height: 4.5rem;
  }
}
.form-group__deep-green-light .input-submit:active {
  border: none;
  outline: none;
}
.form-group__deep-green-light .input-submit:focus {
  border: none;
  overflow: none;
}
.form-group__deep-green-light .input-submit:hover {
  transform: translateY(-0.1rem);
}
.form-group__deep-green-light .form-input-calendar {
  background-color: #e2e2e2;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  display: flex;
  width: 100%;
}
.form-group__deep-green-light .form-input-calendar .form-control {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 2.3rem 1.6rem !important;
  width: calc(100% - 3rem);
  margin-left: auto;
  border-radius: 0.8rem;
}
.form-group__deep-green-light .form-input-calendar .open {
  background-color: #f7f8f7 !important;
  border-radius: 0.8rem !important;
}
.form-group__deep-green-light .form-input-calendar .open .open {
  background-color: #f7f8f7 !important;
}
.form-group__deep-green-light .form-input-calendar .flag-dropdown {
  border: none;
  border-radius: 0.8rem;
  width: 3rem;
}
.form-group__deep-green-light .form-input-calendar .flag-dropdown .selected-flag {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
}
.form-group__deep-green-light .form-input-calendar .flag-dropdown .selected-flag:hover {
  background-color: #f7f8f7;
}
.form-group__deep-green-light .form-input-calendar .flag-dropdown .selected-flag .flag img {
  border-radius: 50%;
}
.form-group__deep-green-light .form-input-calendar .flag-dropdown .country-list .country .country-name {
  color: #020202;
}
.form-group__deep-green-light .form-input-calendar .open {
  background-color: #f7f8f7;
}
.form-group__deep-green-light .form-input-calendar .open .open {
  background-color: #f7f8f7;
}
.form-group__deep-green-light .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.form-group__deep-green-light .wrap .label-calendar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  z-index: 10;
}
.form-group__deep-green-light .wrap .label-calendar .img-box {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.form-group__deep-green-light .wrap .label-calendar .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.form-group__deep-green-light .progress-text-box {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.form-group__deep-green-light .progress-text-box .text {
  margin-left: auto;
  color: #676767;
  font-size: 1.25rem;
}
.form-group__deep-green-light .progress-text-box .progress-box {
  display: flex;
  align-items: center;
  flex: 0 0 55%;
  gap: 0.5rem;
}
.form-group__deep-green-light .form-input {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 1.4rem 1.6rem;
  flex: 1;
  position: relative;
  display: inline-block;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  color: #020202;
  position: relative;
  font-family: "br_firma", sans-serif;
  z-index: 3;
}
.form-group__deep-green-light .form-input::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__deep-green-light .form-input::placeholder {
  color: #b3b3b3;
}
.form-group__deep-green-light .form-textarea {
  font-size: 1.4rem;
  color: #020202;
  font-family: "br_firma", sans-serif;
}
.form-group__deep-green-light .form-textarea::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__deep-green-light .form-textarea::placeholder {
  color: #b3b3b3;
}
.form-group__deep-green-light .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__deep-green-light .form-input_search {
  padding-left: 0rem;
}
.form-group__deep-green-light .error-text {
  color: #ff0f00;
  margin-top: 0rem;
}
.form-group__deep-green-light .react-select-class {
  text-align: left;
}
.form-group__deep-green-light .react-select-class > *:nth-child(3) {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  border-radius: 0.8rem;
  padding: 0.32rem 0.4rem;
}
.form-group__deep-green-light .react-select-class > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #b3b3b3;
}
.form-group__deep-green-light .react-select-class > *:nth-child(3) > *:nth-child(2) span {
  display: none;
}
.form-group__deep-green-light .react-select-class-selected > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #020202;
}
.form-group__deep-green-light .input-group {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  display: flex;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  padding: 0.2rem;
  width: 100%;
  padding-right: 1.6rem;
  align-items: center;
}
.form-group__deep-green-light .input-group .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__deep-green-light .input-group .seach-box {
  display: grid;
  place-items: center;
}
.form-group__deep-green-light .input-group .seach-box .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__deep-green-light .input-group .seach-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__deep-green-light .input-group .form-input {
  border: none;
  outline: none;
}
.form-group__deep-green-light .input-group .show-hide {
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
  color: currentColor;
  position: relative;
  z-index: 4;
}
.form-group__deep-green-light .input-group__search {
  padding-left: 1.6rem;
}
.form-group__deep-green-light .input-group__phone {
  padding: 0.5rem 0.5rem 0.5rem 1.6rem;
}
.form-group__deep-green-light .input-group__phone .form-input {
  padding: 0.9rem 1rem;
  position: relative;
  z-index: 3;
}
.form-group__deep-green-light .input-group__phone .phone-wrap {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.7rem;
  border-right: 0.1rem solid #cccccc;
  padding-right: 1rem;
}
.form-group__deep-green-light .input-group__phone .phone-wrap .down-icon {
  fill: #020202;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(0.2rem);
}
.form-group__deep-green-light .input-group__phone .phone-wrap .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__deep-green-light .input-group__phone .phone-wrap .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__deep-green-light .input-group__phone .phone-wrap span {
  display: inline-block;
}
.form-group__deep-green-light .pin-group {
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-group__deep-green-light .pin-group .count-down-box {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1rem;
}
.form-group__deep-green-light .pin-group .count-down-box .text {
  color: #676767;
  font-weight: 500;
}
.form-group__deep-green-light .pin-group .count-down-box > *:last-child {
  color: #ff0f00;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: #ffeceb;
  padding: 0.8rem 1.2rem;
  border-radius: 6.4rem;
}
.form-group__deep-green-light .pin-group .pin_field_group {
  display: flex;
  align-items: center;
  grid-column-gap: 1.5rem;
  justify-self: center;
}
.form-group__deep-green-light .pin-group .pin_field_group input {
  width: 100% !important;
}
@media only screen and (max-width: 42em) {
  .form-group__deep-green-light .pin-group .pin_field_group {
    grid-column-gap: 0rem;
  }
}
.form-group__deep-green-light .pin-group .pin_field {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  height: 4.6rem;
  width: unset !important;
  outline: none;
  text-align: center;
  transition-duration: 250ms;
  transition-property: background, color, border, box-shadow, transform;
  /* width: calc(100% / 6); */
}
@media only screen and (max-width: 25em) {
  .form-group__deep-green-light .pin-group .pin_field {
    width: 11.5vw;
    margin-right: 1rem;
  }
}
.form-group__deep-green-light .pin-group .pin_field:focus {
  outline: none;
  transform: scale(1.05);
}
.form-group__deep-green-light .pin-group .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(40, 167, 69, 0.1);
  border: 0.1rem solid var(--raven-black-color);
}
.form-group__deep-green-light .pin-group .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: rgb(220, 53, 69);
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.form-group__deep-green-light .pin-group .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.form-group__deep-green-light .input-calendar-deep-green-light .flatpickr-calendar {
  display: none !important;
}
.form-group__deep-green-light .pin_field:focus {
  border-color: #014345;
  outline: none;
  transform: scale(1.05);
  caret-color: #014345;
}
.form-group__deep-green-light .input-submit {
  background-color: #014345;
}
.form-group__deep-green-light .input-submit_disabled {
  cursor: default;
  opacity: 0.2;
}
.form-group__deep-green-light .input-submit_disabled:hover {
  transform: unset;
}
.form-group__deep-green-light .input-submit-loading {
  cursor: default;
}
.form-group__deep-green-light .input-submit-loading:hover {
  transform: unset;
}
.form-group__deep-green-light .input-group__phone .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.07rem solid #014345;
}
.form-group__deep-green-light .form-input-calendar .form-control {
  caret-color: #014345;
}
.form-group__deep-green-light .form-input-calendar .flag-dropdown .country-list .highlight {
  background-color: #014345;
}
.form-group__deep-green-light .form-input-calendar .flag-dropdown .country-list .highlight .dial-code,
.form-group__deep-green-light .form-input-calendar .flag-dropdown .country-list .highlight .country-name {
  color: #ffffff;
}
.form-group__deep-green-light .form-input {
  caret-color: #014345;
}
.form-group__deep-green-light .form-input:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__deep-green-light .form-input:focus:valid {
  outline: none;
  border: 0.1rem solid #014345;
}
.form-group__deep-green-light .form-input:focus:not(:valid) ~ .error-text {
  visibility: visible;
}
.form-group__deep-green-light .input-calender:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #cccccc;
}
.input-group .form-input {
  padding: 1.2rem;
}
.input-group .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group .form-input:focus:valid {
  outline: none;
  border: none;
}

.input-group__deep-green-light .form-input {
  padding: 1.2rem;
}
.input-group__deep-green-light .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group__deep-green-light .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.09rem solid #014345;
}
.input-group__deep-green-light .form-input:focus:valid {
  outline: none;
  border: none;
}
.input-group__deep-green-light .pin-group_deep-green-light .pin_field_group input {
  width: 100% !important;
}
.input-group__deep-green-light .pin-group_deep-green-light .pin_field {
  color: #020202;
}
.input-group__deep-green-light .pin-group_deep-green-light .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(1, 67, 69, 0.1);
  border: 0.1rem solid red !important;
}
.input-group__deep-green-light .pin-group_deep-green-light .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: #ff0f00;
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.2);
}
.input-group__deep-green-light .pin-group_deep-green-light .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-group__deep-green-light .pin-group_deep-green-light swd-pin-field[completed] .pin_field {
  background-color: rgba(1, 67, 69, 0.1);
  border: 0.1rem solid red !important;
}

.form-input_deep-green-light {
  caret-color: #014345;
}

.border-error {
  border: 0.1rem solid #ff0f00 !important;
  border-radius: 0.8rem;
}

.show-hide_deep-green-light {
  color: #014345 !important;
}

.form-group__grey {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  position: relative;
  font-family: "br_firma", sans-serif;
}
.form-group__grey .form-label {
  align-self: flex-start;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
  color: #020202;
  text-transform: capitalize;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "br_firma", sans-serif;
}
.form-group__grey .form-label .label-span {
  margin-left: auto;
  cursor: pointer;
}
.form-group__grey .upload-group {
  position: relative;
  min-height: 10rem;
  overflow-y: scroll;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-group__grey .upload-group::-webkit-scrollbar:horizontal {
  display: none;
}
.form-group__grey .upload-group::-webkit-scrollbar {
  width: 0.5rem;
}
.form-group__grey .upload-group::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
}
.form-group__grey .upload-group::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 30rem;
}
.form-group__grey .upload-group::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
.form-group__grey .upload-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 10rem;
  width: 100%;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.form-group__grey .upload-group label > *:nth-child(3) span {
  display: none;
}
.form-group__grey .upload-group label .upload-text {
  text-align: center;
  color: #676767;
}
.form-group__grey .upload-group label .upload-text span {
  font-weight: 700;
}
.form-group__grey .upload-group label svg {
  display: none;
}
.form-group__grey .display-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  width: 100%;
}
.form-group__grey .display-wrap::-webkit-scrollbar {
  display: none;
}
.form-group__grey .display-wrap .display-box {
  display: flex;
  align-items: center;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  background-color: #ffffff;
}
.form-group__grey .display-wrap .display-box .img-box {
  flex: 0 0 10%;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.form-group__grey .display-wrap .display-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__grey .display-wrap .display-box .text-box {
  margin-right: 1.5rem;
}
.form-group__grey .display-wrap .display-box .text-box .name {
  font-weight: 500;
  color: #020202;
  font-size: 1.3rem;
}
.form-group__grey .display-wrap .display-box .text-box .size {
  color: #676767;
  font-size: 1.3rem;
}
.form-group__grey .display-wrap .display-box .cancel-box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #ffdfdd;
  margin-left: auto;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group__grey .display-wrap .display-box .cancel-box:hover {
  transform: scale(1.1);
}
.form-group__grey .display-wrap .display-box .cancel-box .icon {
  fill: #ff0f00;
  width: 1.1rem;
  height: 1.1rem;
}
.form-group__grey .display-wrap-show {
  max-height: 15rem;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
}
.form-group__grey .input-submit {
  border: none;
  outline: none;
  padding: 1.6rem 1rem;
  width: 100%;
  border-radius: 0.8rem;
  background-color: #0b8376;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 48em) {
  .form-group__grey .input-submit {
    min-height: 4.5rem;
  }
}
.form-group__grey .input-submit:active {
  border: none;
  outline: none;
}
.form-group__grey .input-submit:focus {
  border: none;
  overflow: none;
}
.form-group__grey .input-submit:hover {
  transform: translateY(-0.1rem);
}
.form-group__grey .form-input-calendar {
  background-color: #e2e2e2;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  display: flex;
  width: 100%;
}
.form-group__grey .form-input-calendar .form-control {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 2.3rem 1.6rem !important;
  width: calc(100% - 3rem);
  margin-left: auto;
  border-radius: 0.8rem;
}
.form-group__grey .form-input-calendar .open {
  background-color: #f7f8f7 !important;
  border-radius: 0.8rem !important;
}
.form-group__grey .form-input-calendar .open .open {
  background-color: #f7f8f7 !important;
}
.form-group__grey .form-input-calendar .flag-dropdown {
  border: none;
  border-radius: 0.8rem;
  width: 3rem;
}
.form-group__grey .form-input-calendar .flag-dropdown .selected-flag {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
}
.form-group__grey .form-input-calendar .flag-dropdown .selected-flag:hover {
  background-color: #f7f8f7;
}
.form-group__grey .form-input-calendar .flag-dropdown .selected-flag .flag img {
  border-radius: 50%;
}
.form-group__grey .form-input-calendar .flag-dropdown .country-list .country .country-name {
  color: #020202;
}
.form-group__grey .form-input-calendar .open {
  background-color: #f7f8f7;
}
.form-group__grey .form-input-calendar .open .open {
  background-color: #f7f8f7;
}
.form-group__grey .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.form-group__grey .wrap .label-calendar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  z-index: 10;
}
.form-group__grey .wrap .label-calendar .img-box {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.form-group__grey .wrap .label-calendar .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.form-group__grey .progress-text-box {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.form-group__grey .progress-text-box .text {
  margin-left: auto;
  color: #676767;
  font-size: 1.25rem;
}
.form-group__grey .progress-text-box .progress-box {
  display: flex;
  align-items: center;
  flex: 0 0 55%;
  gap: 0.5rem;
}
.form-group__grey .form-input {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 1.4rem 1.6rem;
  flex: 1;
  position: relative;
  display: inline-block;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  color: #020202;
  position: relative;
  font-family: "br_firma", sans-serif;
  z-index: 3;
}
.form-group__grey .form-input::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__grey .form-input::placeholder {
  color: #b3b3b3;
}
.form-group__grey .form-textarea {
  font-size: 1.4rem;
  color: #020202;
  font-family: "br_firma", sans-serif;
}
.form-group__grey .form-textarea::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__grey .form-textarea::placeholder {
  color: #b3b3b3;
}
.form-group__grey .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__grey .form-input_search {
  padding-left: 0rem;
}
.form-group__grey .error-text {
  color: #ff0f00;
  margin-top: 0rem;
}
.form-group__grey .react-select-class {
  text-align: left;
}
.form-group__grey .react-select-class > *:nth-child(3) {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  border-radius: 0.8rem;
  padding: 0.32rem 0.4rem;
}
.form-group__grey .react-select-class > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #b3b3b3;
}
.form-group__grey .react-select-class > *:nth-child(3) > *:nth-child(2) span {
  display: none;
}
.form-group__grey .react-select-class-selected > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #020202;
}
.form-group__grey .input-group {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  display: flex;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  padding: 0.2rem;
  width: 100%;
  padding-right: 1.6rem;
  align-items: center;
}
.form-group__grey .input-group .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__grey .input-group .seach-box {
  display: grid;
  place-items: center;
}
.form-group__grey .input-group .seach-box .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__grey .input-group .seach-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__grey .input-group .form-input {
  border: none;
  outline: none;
}
.form-group__grey .input-group .show-hide {
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
  color: currentColor;
  position: relative;
  z-index: 4;
}
.form-group__grey .input-group__search {
  padding-left: 1.6rem;
}
.form-group__grey .input-group__phone {
  padding: 0.5rem 0.5rem 0.5rem 1.6rem;
}
.form-group__grey .input-group__phone .form-input {
  padding: 0.9rem 1rem;
  position: relative;
  z-index: 3;
}
.form-group__grey .input-group__phone .phone-wrap {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.7rem;
  border-right: 0.1rem solid #cccccc;
  padding-right: 1rem;
}
.form-group__grey .input-group__phone .phone-wrap .down-icon {
  fill: #020202;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(0.2rem);
}
.form-group__grey .input-group__phone .phone-wrap .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__grey .input-group__phone .phone-wrap .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__grey .input-group__phone .phone-wrap span {
  display: inline-block;
}
.form-group__grey .pin-group {
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-group__grey .pin-group .count-down-box {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1rem;
}
.form-group__grey .pin-group .count-down-box .text {
  color: #676767;
  font-weight: 500;
}
.form-group__grey .pin-group .count-down-box > *:last-child {
  color: #ff0f00;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: #ffeceb;
  padding: 0.8rem 1.2rem;
  border-radius: 6.4rem;
}
.form-group__grey .pin-group .pin_field_group {
  display: flex;
  align-items: center;
  grid-column-gap: 1.5rem;
  justify-self: center;
}
.form-group__grey .pin-group .pin_field_group input {
  width: 100% !important;
}
@media only screen and (max-width: 42em) {
  .form-group__grey .pin-group .pin_field_group {
    grid-column-gap: 0rem;
  }
}
.form-group__grey .pin-group .pin_field {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  height: 4.6rem;
  width: unset !important;
  outline: none;
  text-align: center;
  transition-duration: 250ms;
  transition-property: background, color, border, box-shadow, transform;
  /* width: calc(100% / 6); */
}
@media only screen and (max-width: 25em) {
  .form-group__grey .pin-group .pin_field {
    width: 11.5vw;
    margin-right: 1rem;
  }
}
.form-group__grey .pin-group .pin_field:focus {
  outline: none;
  transform: scale(1.05);
}
.form-group__grey .pin-group .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(40, 167, 69, 0.1);
  border: 0.1rem solid var(--raven-black-color);
}
.form-group__grey .pin-group .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: rgb(220, 53, 69);
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.form-group__grey .pin-group .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.form-group__grey .input-calendar-grey .flatpickr-calendar {
  display: none !important;
}
.form-group__grey .pin_field:focus {
  border-color: #cccccc;
  outline: none;
  transform: scale(1.05);
  caret-color: #cccccc;
}
.form-group__grey .input-submit {
  background-color: #cccccc;
}
.form-group__grey .input-submit_disabled {
  cursor: default;
  opacity: 0.2;
}
.form-group__grey .input-submit_disabled:hover {
  transform: unset;
}
.form-group__grey .input-submit-loading {
  cursor: default;
}
.form-group__grey .input-submit-loading:hover {
  transform: unset;
}
.form-group__grey .input-group__phone .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.07rem solid #cccccc;
}
.form-group__grey .form-input-calendar .form-control {
  caret-color: #cccccc;
}
.form-group__grey .form-input-calendar .flag-dropdown .country-list .highlight {
  background-color: #cccccc;
}
.form-group__grey .form-input-calendar .flag-dropdown .country-list .highlight .dial-code,
.form-group__grey .form-input-calendar .flag-dropdown .country-list .highlight .country-name {
  color: #ffffff;
}
.form-group__grey .form-input {
  caret-color: #cccccc;
}
.form-group__grey .form-input:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__grey .form-input:focus:valid {
  outline: none;
  border: 0.1rem solid #cccccc;
}
.form-group__grey .form-input:focus:not(:valid) ~ .error-text {
  visibility: visible;
}
.form-group__grey .input-calender:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #cccccc;
}
.input-group .form-input {
  padding: 1.2rem;
}
.input-group .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group .form-input:focus:valid {
  outline: none;
  border: none;
}

.input-group__grey .form-input {
  padding: 1.2rem;
}
.input-group__grey .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group__grey .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.09rem solid #cccccc;
}
.input-group__grey .form-input:focus:valid {
  outline: none;
  border: none;
}
.input-group__grey .pin-group_grey .pin_field_group input {
  width: 100% !important;
}
.input-group__grey .pin-group_grey .pin_field {
  color: #020202;
}
.input-group__grey .pin-group_grey .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(204, 204, 204, 0.1);
  border: 0.1rem solid red !important;
}
.input-group__grey .pin-group_grey .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: #ff0f00;
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.2);
}
.input-group__grey .pin-group_grey .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-group__grey .pin-group_grey swd-pin-field[completed] .pin_field {
  background-color: rgba(204, 204, 204, 0.1);
  border: 0.1rem solid red !important;
}

.form-input_grey {
  caret-color: #cccccc;
}

.border-error {
  border: 0.1rem solid #ff0f00 !important;
  border-radius: 0.8rem;
}

.show-hide_grey {
  color: #cccccc !important;
}

.form-group__base-bg-black {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  position: relative;
  font-family: "br_firma", sans-serif;
}
.form-group__base-bg-black .form-label {
  align-self: flex-start;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
  color: #020202;
  text-transform: capitalize;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "br_firma", sans-serif;
}
.form-group__base-bg-black .form-label .label-span {
  margin-left: auto;
  cursor: pointer;
}
.form-group__base-bg-black .upload-group {
  position: relative;
  min-height: 10rem;
  overflow-y: scroll;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-group__base-bg-black .upload-group::-webkit-scrollbar:horizontal {
  display: none;
}
.form-group__base-bg-black .upload-group::-webkit-scrollbar {
  width: 0.5rem;
}
.form-group__base-bg-black .upload-group::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
}
.form-group__base-bg-black .upload-group::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 30rem;
}
.form-group__base-bg-black .upload-group::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
.form-group__base-bg-black .upload-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 10rem;
  width: 100%;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.form-group__base-bg-black .upload-group label > *:nth-child(3) span {
  display: none;
}
.form-group__base-bg-black .upload-group label .upload-text {
  text-align: center;
  color: #676767;
}
.form-group__base-bg-black .upload-group label .upload-text span {
  font-weight: 700;
}
.form-group__base-bg-black .upload-group label svg {
  display: none;
}
.form-group__base-bg-black .display-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  width: 100%;
}
.form-group__base-bg-black .display-wrap::-webkit-scrollbar {
  display: none;
}
.form-group__base-bg-black .display-wrap .display-box {
  display: flex;
  align-items: center;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  background-color: #ffffff;
}
.form-group__base-bg-black .display-wrap .display-box .img-box {
  flex: 0 0 10%;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.form-group__base-bg-black .display-wrap .display-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__base-bg-black .display-wrap .display-box .text-box {
  margin-right: 1.5rem;
}
.form-group__base-bg-black .display-wrap .display-box .text-box .name {
  font-weight: 500;
  color: #020202;
  font-size: 1.3rem;
}
.form-group__base-bg-black .display-wrap .display-box .text-box .size {
  color: #676767;
  font-size: 1.3rem;
}
.form-group__base-bg-black .display-wrap .display-box .cancel-box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #ffdfdd;
  margin-left: auto;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group__base-bg-black .display-wrap .display-box .cancel-box:hover {
  transform: scale(1.1);
}
.form-group__base-bg-black .display-wrap .display-box .cancel-box .icon {
  fill: #ff0f00;
  width: 1.1rem;
  height: 1.1rem;
}
.form-group__base-bg-black .display-wrap-show {
  max-height: 15rem;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
}
.form-group__base-bg-black .input-submit {
  border: none;
  outline: none;
  padding: 1.6rem 1rem;
  width: 100%;
  border-radius: 0.8rem;
  background-color: #0b8376;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 48em) {
  .form-group__base-bg-black .input-submit {
    min-height: 4.5rem;
  }
}
.form-group__base-bg-black .input-submit:active {
  border: none;
  outline: none;
}
.form-group__base-bg-black .input-submit:focus {
  border: none;
  overflow: none;
}
.form-group__base-bg-black .input-submit:hover {
  transform: translateY(-0.1rem);
}
.form-group__base-bg-black .form-input-calendar {
  background-color: #e2e2e2;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  display: flex;
  width: 100%;
}
.form-group__base-bg-black .form-input-calendar .form-control {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 2.3rem 1.6rem !important;
  width: calc(100% - 3rem);
  margin-left: auto;
  border-radius: 0.8rem;
}
.form-group__base-bg-black .form-input-calendar .open {
  background-color: #f7f8f7 !important;
  border-radius: 0.8rem !important;
}
.form-group__base-bg-black .form-input-calendar .open .open {
  background-color: #f7f8f7 !important;
}
.form-group__base-bg-black .form-input-calendar .flag-dropdown {
  border: none;
  border-radius: 0.8rem;
  width: 3rem;
}
.form-group__base-bg-black .form-input-calendar .flag-dropdown .selected-flag {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
}
.form-group__base-bg-black .form-input-calendar .flag-dropdown .selected-flag:hover {
  background-color: #f7f8f7;
}
.form-group__base-bg-black .form-input-calendar .flag-dropdown .selected-flag .flag img {
  border-radius: 50%;
}
.form-group__base-bg-black .form-input-calendar .flag-dropdown .country-list .country .country-name {
  color: #020202;
}
.form-group__base-bg-black .form-input-calendar .open {
  background-color: #f7f8f7;
}
.form-group__base-bg-black .form-input-calendar .open .open {
  background-color: #f7f8f7;
}
.form-group__base-bg-black .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.form-group__base-bg-black .wrap .label-calendar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  z-index: 10;
}
.form-group__base-bg-black .wrap .label-calendar .img-box {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.form-group__base-bg-black .wrap .label-calendar .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.form-group__base-bg-black .progress-text-box {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.form-group__base-bg-black .progress-text-box .text {
  margin-left: auto;
  color: #676767;
  font-size: 1.25rem;
}
.form-group__base-bg-black .progress-text-box .progress-box {
  display: flex;
  align-items: center;
  flex: 0 0 55%;
  gap: 0.5rem;
}
.form-group__base-bg-black .form-input {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 1.4rem 1.6rem;
  flex: 1;
  position: relative;
  display: inline-block;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  color: #020202;
  position: relative;
  font-family: "br_firma", sans-serif;
  z-index: 3;
}
.form-group__base-bg-black .form-input::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__base-bg-black .form-input::placeholder {
  color: #b3b3b3;
}
.form-group__base-bg-black .form-textarea {
  font-size: 1.4rem;
  color: #020202;
  font-family: "br_firma", sans-serif;
}
.form-group__base-bg-black .form-textarea::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__base-bg-black .form-textarea::placeholder {
  color: #b3b3b3;
}
.form-group__base-bg-black .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__base-bg-black .form-input_search {
  padding-left: 0rem;
}
.form-group__base-bg-black .error-text {
  color: #ff0f00;
  margin-top: 0rem;
}
.form-group__base-bg-black .react-select-class {
  text-align: left;
}
.form-group__base-bg-black .react-select-class > *:nth-child(3) {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  border-radius: 0.8rem;
  padding: 0.32rem 0.4rem;
}
.form-group__base-bg-black .react-select-class > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #b3b3b3;
}
.form-group__base-bg-black .react-select-class > *:nth-child(3) > *:nth-child(2) span {
  display: none;
}
.form-group__base-bg-black .react-select-class-selected > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #020202;
}
.form-group__base-bg-black .input-group {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  display: flex;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  padding: 0.2rem;
  width: 100%;
  padding-right: 1.6rem;
  align-items: center;
}
.form-group__base-bg-black .input-group .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__base-bg-black .input-group .seach-box {
  display: grid;
  place-items: center;
}
.form-group__base-bg-black .input-group .seach-box .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__base-bg-black .input-group .seach-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__base-bg-black .input-group .form-input {
  border: none;
  outline: none;
}
.form-group__base-bg-black .input-group .show-hide {
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
  color: currentColor;
  position: relative;
  z-index: 4;
}
.form-group__base-bg-black .input-group__search {
  padding-left: 1.6rem;
}
.form-group__base-bg-black .input-group__phone {
  padding: 0.5rem 0.5rem 0.5rem 1.6rem;
}
.form-group__base-bg-black .input-group__phone .form-input {
  padding: 0.9rem 1rem;
  position: relative;
  z-index: 3;
}
.form-group__base-bg-black .input-group__phone .phone-wrap {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.7rem;
  border-right: 0.1rem solid #cccccc;
  padding-right: 1rem;
}
.form-group__base-bg-black .input-group__phone .phone-wrap .down-icon {
  fill: #020202;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(0.2rem);
}
.form-group__base-bg-black .input-group__phone .phone-wrap .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__base-bg-black .input-group__phone .phone-wrap .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__base-bg-black .input-group__phone .phone-wrap span {
  display: inline-block;
}
.form-group__base-bg-black .pin-group {
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-group__base-bg-black .pin-group .count-down-box {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1rem;
}
.form-group__base-bg-black .pin-group .count-down-box .text {
  color: #676767;
  font-weight: 500;
}
.form-group__base-bg-black .pin-group .count-down-box > *:last-child {
  color: #ff0f00;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: #ffeceb;
  padding: 0.8rem 1.2rem;
  border-radius: 6.4rem;
}
.form-group__base-bg-black .pin-group .pin_field_group {
  display: flex;
  align-items: center;
  grid-column-gap: 1.5rem;
  justify-self: center;
}
.form-group__base-bg-black .pin-group .pin_field_group input {
  width: 100% !important;
}
@media only screen and (max-width: 42em) {
  .form-group__base-bg-black .pin-group .pin_field_group {
    grid-column-gap: 0rem;
  }
}
.form-group__base-bg-black .pin-group .pin_field {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  height: 4.6rem;
  width: unset !important;
  outline: none;
  text-align: center;
  transition-duration: 250ms;
  transition-property: background, color, border, box-shadow, transform;
  /* width: calc(100% / 6); */
}
@media only screen and (max-width: 25em) {
  .form-group__base-bg-black .pin-group .pin_field {
    width: 11.5vw;
    margin-right: 1rem;
  }
}
.form-group__base-bg-black .pin-group .pin_field:focus {
  outline: none;
  transform: scale(1.05);
}
.form-group__base-bg-black .pin-group .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(40, 167, 69, 0.1);
  border: 0.1rem solid var(--raven-black-color);
}
.form-group__base-bg-black .pin-group .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: rgb(220, 53, 69);
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.form-group__base-bg-black .pin-group .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.form-group__base-bg-black .input-calendar-base-bg-black .flatpickr-calendar {
  display: none !important;
}
.form-group__base-bg-black .pin_field:focus {
  border-color: #676767;
  outline: none;
  transform: scale(1.05);
  caret-color: #676767;
}
.form-group__base-bg-black .input-submit {
  background-color: #676767;
}
.form-group__base-bg-black .input-submit_disabled {
  cursor: default;
  opacity: 0.2;
}
.form-group__base-bg-black .input-submit_disabled:hover {
  transform: unset;
}
.form-group__base-bg-black .input-submit-loading {
  cursor: default;
}
.form-group__base-bg-black .input-submit-loading:hover {
  transform: unset;
}
.form-group__base-bg-black .input-group__phone .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.07rem solid #676767;
}
.form-group__base-bg-black .form-input-calendar .form-control {
  caret-color: #676767;
}
.form-group__base-bg-black .form-input-calendar .flag-dropdown .country-list .highlight {
  background-color: #676767;
}
.form-group__base-bg-black .form-input-calendar .flag-dropdown .country-list .highlight .dial-code,
.form-group__base-bg-black .form-input-calendar .flag-dropdown .country-list .highlight .country-name {
  color: #ffffff;
}
.form-group__base-bg-black .form-input {
  caret-color: #676767;
}
.form-group__base-bg-black .form-input:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__base-bg-black .form-input:focus:valid {
  outline: none;
  border: 0.1rem solid #676767;
}
.form-group__base-bg-black .form-input:focus:not(:valid) ~ .error-text {
  visibility: visible;
}
.form-group__base-bg-black .input-calender:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #cccccc;
}
.input-group .form-input {
  padding: 1.2rem;
}
.input-group .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group .form-input:focus:valid {
  outline: none;
  border: none;
}

.input-group__base-bg-black .form-input {
  padding: 1.2rem;
}
.input-group__base-bg-black .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group__base-bg-black .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.09rem solid #676767;
}
.input-group__base-bg-black .form-input:focus:valid {
  outline: none;
  border: none;
}
.input-group__base-bg-black .pin-group_base-bg-black .pin_field_group input {
  width: 100% !important;
}
.input-group__base-bg-black .pin-group_base-bg-black .pin_field {
  color: #020202;
}
.input-group__base-bg-black .pin-group_base-bg-black .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(103, 103, 103, 0.1);
  border: 0.1rem solid red !important;
}
.input-group__base-bg-black .pin-group_base-bg-black .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: #ff0f00;
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.2);
}
.input-group__base-bg-black .pin-group_base-bg-black .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-group__base-bg-black .pin-group_base-bg-black swd-pin-field[completed] .pin_field {
  background-color: rgba(103, 103, 103, 0.1);
  border: 0.1rem solid red !important;
}

.form-input_base-bg-black {
  caret-color: #676767;
}

.border-error {
  border: 0.1rem solid #ff0f00 !important;
  border-radius: 0.8rem;
}

.show-hide_base-bg-black {
  color: #676767 !important;
}

.form-group__error-dark {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  position: relative;
  font-family: "br_firma", sans-serif;
}
.form-group__error-dark .form-label {
  align-self: flex-start;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
  color: #020202;
  text-transform: capitalize;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "br_firma", sans-serif;
}
.form-group__error-dark .form-label .label-span {
  margin-left: auto;
  cursor: pointer;
}
.form-group__error-dark .upload-group {
  position: relative;
  min-height: 10rem;
  overflow-y: scroll;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-group__error-dark .upload-group::-webkit-scrollbar:horizontal {
  display: none;
}
.form-group__error-dark .upload-group::-webkit-scrollbar {
  width: 0.5rem;
}
.form-group__error-dark .upload-group::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
}
.form-group__error-dark .upload-group::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 30rem;
}
.form-group__error-dark .upload-group::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
.form-group__error-dark .upload-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 10rem;
  width: 100%;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.form-group__error-dark .upload-group label > *:nth-child(3) span {
  display: none;
}
.form-group__error-dark .upload-group label .upload-text {
  text-align: center;
  color: #676767;
}
.form-group__error-dark .upload-group label .upload-text span {
  font-weight: 700;
}
.form-group__error-dark .upload-group label svg {
  display: none;
}
.form-group__error-dark .display-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  width: 100%;
}
.form-group__error-dark .display-wrap::-webkit-scrollbar {
  display: none;
}
.form-group__error-dark .display-wrap .display-box {
  display: flex;
  align-items: center;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  background-color: #ffffff;
}
.form-group__error-dark .display-wrap .display-box .img-box {
  flex: 0 0 10%;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.form-group__error-dark .display-wrap .display-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__error-dark .display-wrap .display-box .text-box {
  margin-right: 1.5rem;
}
.form-group__error-dark .display-wrap .display-box .text-box .name {
  font-weight: 500;
  color: #020202;
  font-size: 1.3rem;
}
.form-group__error-dark .display-wrap .display-box .text-box .size {
  color: #676767;
  font-size: 1.3rem;
}
.form-group__error-dark .display-wrap .display-box .cancel-box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #ffdfdd;
  margin-left: auto;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group__error-dark .display-wrap .display-box .cancel-box:hover {
  transform: scale(1.1);
}
.form-group__error-dark .display-wrap .display-box .cancel-box .icon {
  fill: #ff0f00;
  width: 1.1rem;
  height: 1.1rem;
}
.form-group__error-dark .display-wrap-show {
  max-height: 15rem;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
}
.form-group__error-dark .input-submit {
  border: none;
  outline: none;
  padding: 1.6rem 1rem;
  width: 100%;
  border-radius: 0.8rem;
  background-color: #0b8376;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 48em) {
  .form-group__error-dark .input-submit {
    min-height: 4.5rem;
  }
}
.form-group__error-dark .input-submit:active {
  border: none;
  outline: none;
}
.form-group__error-dark .input-submit:focus {
  border: none;
  overflow: none;
}
.form-group__error-dark .input-submit:hover {
  transform: translateY(-0.1rem);
}
.form-group__error-dark .form-input-calendar {
  background-color: #e2e2e2;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  display: flex;
  width: 100%;
}
.form-group__error-dark .form-input-calendar .form-control {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 2.3rem 1.6rem !important;
  width: calc(100% - 3rem);
  margin-left: auto;
  border-radius: 0.8rem;
}
.form-group__error-dark .form-input-calendar .open {
  background-color: #f7f8f7 !important;
  border-radius: 0.8rem !important;
}
.form-group__error-dark .form-input-calendar .open .open {
  background-color: #f7f8f7 !important;
}
.form-group__error-dark .form-input-calendar .flag-dropdown {
  border: none;
  border-radius: 0.8rem;
  width: 3rem;
}
.form-group__error-dark .form-input-calendar .flag-dropdown .selected-flag {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
}
.form-group__error-dark .form-input-calendar .flag-dropdown .selected-flag:hover {
  background-color: #f7f8f7;
}
.form-group__error-dark .form-input-calendar .flag-dropdown .selected-flag .flag img {
  border-radius: 50%;
}
.form-group__error-dark .form-input-calendar .flag-dropdown .country-list .country .country-name {
  color: #020202;
}
.form-group__error-dark .form-input-calendar .open {
  background-color: #f7f8f7;
}
.form-group__error-dark .form-input-calendar .open .open {
  background-color: #f7f8f7;
}
.form-group__error-dark .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.form-group__error-dark .wrap .label-calendar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  z-index: 10;
}
.form-group__error-dark .wrap .label-calendar .img-box {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.form-group__error-dark .wrap .label-calendar .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.form-group__error-dark .progress-text-box {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.form-group__error-dark .progress-text-box .text {
  margin-left: auto;
  color: #676767;
  font-size: 1.25rem;
}
.form-group__error-dark .progress-text-box .progress-box {
  display: flex;
  align-items: center;
  flex: 0 0 55%;
  gap: 0.5rem;
}
.form-group__error-dark .form-input {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 1.4rem 1.6rem;
  flex: 1;
  position: relative;
  display: inline-block;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  color: #020202;
  position: relative;
  font-family: "br_firma", sans-serif;
  z-index: 3;
}
.form-group__error-dark .form-input::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__error-dark .form-input::placeholder {
  color: #b3b3b3;
}
.form-group__error-dark .form-textarea {
  font-size: 1.4rem;
  color: #020202;
  font-family: "br_firma", sans-serif;
}
.form-group__error-dark .form-textarea::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__error-dark .form-textarea::placeholder {
  color: #b3b3b3;
}
.form-group__error-dark .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__error-dark .form-input_search {
  padding-left: 0rem;
}
.form-group__error-dark .error-text {
  color: #ff0f00;
  margin-top: 0rem;
}
.form-group__error-dark .react-select-class {
  text-align: left;
}
.form-group__error-dark .react-select-class > *:nth-child(3) {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  border-radius: 0.8rem;
  padding: 0.32rem 0.4rem;
}
.form-group__error-dark .react-select-class > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #b3b3b3;
}
.form-group__error-dark .react-select-class > *:nth-child(3) > *:nth-child(2) span {
  display: none;
}
.form-group__error-dark .react-select-class-selected > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #020202;
}
.form-group__error-dark .input-group {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  display: flex;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  padding: 0.2rem;
  width: 100%;
  padding-right: 1.6rem;
  align-items: center;
}
.form-group__error-dark .input-group .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__error-dark .input-group .seach-box {
  display: grid;
  place-items: center;
}
.form-group__error-dark .input-group .seach-box .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__error-dark .input-group .seach-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__error-dark .input-group .form-input {
  border: none;
  outline: none;
}
.form-group__error-dark .input-group .show-hide {
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
  color: currentColor;
  position: relative;
  z-index: 4;
}
.form-group__error-dark .input-group__search {
  padding-left: 1.6rem;
}
.form-group__error-dark .input-group__phone {
  padding: 0.5rem 0.5rem 0.5rem 1.6rem;
}
.form-group__error-dark .input-group__phone .form-input {
  padding: 0.9rem 1rem;
  position: relative;
  z-index: 3;
}
.form-group__error-dark .input-group__phone .phone-wrap {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.7rem;
  border-right: 0.1rem solid #cccccc;
  padding-right: 1rem;
}
.form-group__error-dark .input-group__phone .phone-wrap .down-icon {
  fill: #020202;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(0.2rem);
}
.form-group__error-dark .input-group__phone .phone-wrap .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__error-dark .input-group__phone .phone-wrap .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__error-dark .input-group__phone .phone-wrap span {
  display: inline-block;
}
.form-group__error-dark .pin-group {
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-group__error-dark .pin-group .count-down-box {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1rem;
}
.form-group__error-dark .pin-group .count-down-box .text {
  color: #676767;
  font-weight: 500;
}
.form-group__error-dark .pin-group .count-down-box > *:last-child {
  color: #ff0f00;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: #ffeceb;
  padding: 0.8rem 1.2rem;
  border-radius: 6.4rem;
}
.form-group__error-dark .pin-group .pin_field_group {
  display: flex;
  align-items: center;
  grid-column-gap: 1.5rem;
  justify-self: center;
}
.form-group__error-dark .pin-group .pin_field_group input {
  width: 100% !important;
}
@media only screen and (max-width: 42em) {
  .form-group__error-dark .pin-group .pin_field_group {
    grid-column-gap: 0rem;
  }
}
.form-group__error-dark .pin-group .pin_field {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  height: 4.6rem;
  width: unset !important;
  outline: none;
  text-align: center;
  transition-duration: 250ms;
  transition-property: background, color, border, box-shadow, transform;
  /* width: calc(100% / 6); */
}
@media only screen and (max-width: 25em) {
  .form-group__error-dark .pin-group .pin_field {
    width: 11.5vw;
    margin-right: 1rem;
  }
}
.form-group__error-dark .pin-group .pin_field:focus {
  outline: none;
  transform: scale(1.05);
}
.form-group__error-dark .pin-group .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(40, 167, 69, 0.1);
  border: 0.1rem solid var(--raven-black-color);
}
.form-group__error-dark .pin-group .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: rgb(220, 53, 69);
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.form-group__error-dark .pin-group .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.form-group__error-dark .input-calendar-error-dark .flatpickr-calendar {
  display: none !important;
}
.form-group__error-dark .pin_field:focus {
  border-color: #ff0f00;
  outline: none;
  transform: scale(1.05);
  caret-color: #ff0f00;
}
.form-group__error-dark .input-submit {
  background-color: #ff0f00;
}
.form-group__error-dark .input-submit_disabled {
  cursor: default;
  opacity: 0.2;
}
.form-group__error-dark .input-submit_disabled:hover {
  transform: unset;
}
.form-group__error-dark .input-submit-loading {
  cursor: default;
}
.form-group__error-dark .input-submit-loading:hover {
  transform: unset;
}
.form-group__error-dark .input-group__phone .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.07rem solid #ff0f00;
}
.form-group__error-dark .form-input-calendar .form-control {
  caret-color: #ff0f00;
}
.form-group__error-dark .form-input-calendar .flag-dropdown .country-list .highlight {
  background-color: #ff0f00;
}
.form-group__error-dark .form-input-calendar .flag-dropdown .country-list .highlight .dial-code,
.form-group__error-dark .form-input-calendar .flag-dropdown .country-list .highlight .country-name {
  color: #ffffff;
}
.form-group__error-dark .form-input {
  caret-color: #ff0f00;
}
.form-group__error-dark .form-input:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__error-dark .form-input:focus:valid {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__error-dark .form-input:focus:not(:valid) ~ .error-text {
  visibility: visible;
}
.form-group__error-dark .input-calender:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #cccccc;
}
.input-group .form-input {
  padding: 1.2rem;
}
.input-group .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group .form-input:focus:valid {
  outline: none;
  border: none;
}

.input-group__error-dark .form-input {
  padding: 1.2rem;
}
.input-group__error-dark .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group__error-dark .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.09rem solid #ff0f00;
}
.input-group__error-dark .form-input:focus:valid {
  outline: none;
  border: none;
}
.input-group__error-dark .pin-group_error-dark .pin_field_group input {
  width: 100% !important;
}
.input-group__error-dark .pin-group_error-dark .pin_field {
  color: #020202;
}
.input-group__error-dark .pin-group_error-dark .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(255, 15, 0, 0.1);
  border: 0.1rem solid red !important;
}
.input-group__error-dark .pin-group_error-dark .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: #ff0f00;
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.2);
}
.input-group__error-dark .pin-group_error-dark .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-group__error-dark .pin-group_error-dark swd-pin-field[completed] .pin_field {
  background-color: rgba(255, 15, 0, 0.1);
  border: 0.1rem solid red !important;
}

.form-input_error-dark {
  caret-color: #ff0f00;
}

.border-error {
  border: 0.1rem solid #ff0f00 !important;
  border-radius: 0.8rem;
}

.show-hide_error-dark {
  color: #ff0f00 !important;
}

.form-group__info-dark {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  position: relative;
  font-family: "br_firma", sans-serif;
}
.form-group__info-dark .form-label {
  align-self: flex-start;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
  color: #020202;
  text-transform: capitalize;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "br_firma", sans-serif;
}
.form-group__info-dark .form-label .label-span {
  margin-left: auto;
  cursor: pointer;
}
.form-group__info-dark .upload-group {
  position: relative;
  min-height: 10rem;
  overflow-y: scroll;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-group__info-dark .upload-group::-webkit-scrollbar:horizontal {
  display: none;
}
.form-group__info-dark .upload-group::-webkit-scrollbar {
  width: 0.5rem;
}
.form-group__info-dark .upload-group::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
}
.form-group__info-dark .upload-group::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 30rem;
}
.form-group__info-dark .upload-group::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
.form-group__info-dark .upload-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 10rem;
  width: 100%;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.form-group__info-dark .upload-group label > *:nth-child(3) span {
  display: none;
}
.form-group__info-dark .upload-group label .upload-text {
  text-align: center;
  color: #676767;
}
.form-group__info-dark .upload-group label .upload-text span {
  font-weight: 700;
}
.form-group__info-dark .upload-group label svg {
  display: none;
}
.form-group__info-dark .display-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  width: 100%;
}
.form-group__info-dark .display-wrap::-webkit-scrollbar {
  display: none;
}
.form-group__info-dark .display-wrap .display-box {
  display: flex;
  align-items: center;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  background-color: #ffffff;
}
.form-group__info-dark .display-wrap .display-box .img-box {
  flex: 0 0 10%;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.form-group__info-dark .display-wrap .display-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__info-dark .display-wrap .display-box .text-box {
  margin-right: 1.5rem;
}
.form-group__info-dark .display-wrap .display-box .text-box .name {
  font-weight: 500;
  color: #020202;
  font-size: 1.3rem;
}
.form-group__info-dark .display-wrap .display-box .text-box .size {
  color: #676767;
  font-size: 1.3rem;
}
.form-group__info-dark .display-wrap .display-box .cancel-box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #ffdfdd;
  margin-left: auto;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group__info-dark .display-wrap .display-box .cancel-box:hover {
  transform: scale(1.1);
}
.form-group__info-dark .display-wrap .display-box .cancel-box .icon {
  fill: #ff0f00;
  width: 1.1rem;
  height: 1.1rem;
}
.form-group__info-dark .display-wrap-show {
  max-height: 15rem;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
}
.form-group__info-dark .input-submit {
  border: none;
  outline: none;
  padding: 1.6rem 1rem;
  width: 100%;
  border-radius: 0.8rem;
  background-color: #0b8376;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 48em) {
  .form-group__info-dark .input-submit {
    min-height: 4.5rem;
  }
}
.form-group__info-dark .input-submit:active {
  border: none;
  outline: none;
}
.form-group__info-dark .input-submit:focus {
  border: none;
  overflow: none;
}
.form-group__info-dark .input-submit:hover {
  transform: translateY(-0.1rem);
}
.form-group__info-dark .form-input-calendar {
  background-color: #e2e2e2;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  display: flex;
  width: 100%;
}
.form-group__info-dark .form-input-calendar .form-control {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 2.3rem 1.6rem !important;
  width: calc(100% - 3rem);
  margin-left: auto;
  border-radius: 0.8rem;
}
.form-group__info-dark .form-input-calendar .open {
  background-color: #f7f8f7 !important;
  border-radius: 0.8rem !important;
}
.form-group__info-dark .form-input-calendar .open .open {
  background-color: #f7f8f7 !important;
}
.form-group__info-dark .form-input-calendar .flag-dropdown {
  border: none;
  border-radius: 0.8rem;
  width: 3rem;
}
.form-group__info-dark .form-input-calendar .flag-dropdown .selected-flag {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
}
.form-group__info-dark .form-input-calendar .flag-dropdown .selected-flag:hover {
  background-color: #f7f8f7;
}
.form-group__info-dark .form-input-calendar .flag-dropdown .selected-flag .flag img {
  border-radius: 50%;
}
.form-group__info-dark .form-input-calendar .flag-dropdown .country-list .country .country-name {
  color: #020202;
}
.form-group__info-dark .form-input-calendar .open {
  background-color: #f7f8f7;
}
.form-group__info-dark .form-input-calendar .open .open {
  background-color: #f7f8f7;
}
.form-group__info-dark .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.form-group__info-dark .wrap .label-calendar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  z-index: 10;
}
.form-group__info-dark .wrap .label-calendar .img-box {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.form-group__info-dark .wrap .label-calendar .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.form-group__info-dark .progress-text-box {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.form-group__info-dark .progress-text-box .text {
  margin-left: auto;
  color: #676767;
  font-size: 1.25rem;
}
.form-group__info-dark .progress-text-box .progress-box {
  display: flex;
  align-items: center;
  flex: 0 0 55%;
  gap: 0.5rem;
}
.form-group__info-dark .form-input {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 1.4rem 1.6rem;
  flex: 1;
  position: relative;
  display: inline-block;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  color: #020202;
  position: relative;
  font-family: "br_firma", sans-serif;
  z-index: 3;
}
.form-group__info-dark .form-input::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__info-dark .form-input::placeholder {
  color: #b3b3b3;
}
.form-group__info-dark .form-textarea {
  font-size: 1.4rem;
  color: #020202;
  font-family: "br_firma", sans-serif;
}
.form-group__info-dark .form-textarea::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__info-dark .form-textarea::placeholder {
  color: #b3b3b3;
}
.form-group__info-dark .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__info-dark .form-input_search {
  padding-left: 0rem;
}
.form-group__info-dark .error-text {
  color: #ff0f00;
  margin-top: 0rem;
}
.form-group__info-dark .react-select-class {
  text-align: left;
}
.form-group__info-dark .react-select-class > *:nth-child(3) {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  border-radius: 0.8rem;
  padding: 0.32rem 0.4rem;
}
.form-group__info-dark .react-select-class > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #b3b3b3;
}
.form-group__info-dark .react-select-class > *:nth-child(3) > *:nth-child(2) span {
  display: none;
}
.form-group__info-dark .react-select-class-selected > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #020202;
}
.form-group__info-dark .input-group {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  display: flex;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  padding: 0.2rem;
  width: 100%;
  padding-right: 1.6rem;
  align-items: center;
}
.form-group__info-dark .input-group .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__info-dark .input-group .seach-box {
  display: grid;
  place-items: center;
}
.form-group__info-dark .input-group .seach-box .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__info-dark .input-group .seach-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__info-dark .input-group .form-input {
  border: none;
  outline: none;
}
.form-group__info-dark .input-group .show-hide {
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
  color: currentColor;
  position: relative;
  z-index: 4;
}
.form-group__info-dark .input-group__search {
  padding-left: 1.6rem;
}
.form-group__info-dark .input-group__phone {
  padding: 0.5rem 0.5rem 0.5rem 1.6rem;
}
.form-group__info-dark .input-group__phone .form-input {
  padding: 0.9rem 1rem;
  position: relative;
  z-index: 3;
}
.form-group__info-dark .input-group__phone .phone-wrap {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.7rem;
  border-right: 0.1rem solid #cccccc;
  padding-right: 1rem;
}
.form-group__info-dark .input-group__phone .phone-wrap .down-icon {
  fill: #020202;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(0.2rem);
}
.form-group__info-dark .input-group__phone .phone-wrap .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__info-dark .input-group__phone .phone-wrap .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__info-dark .input-group__phone .phone-wrap span {
  display: inline-block;
}
.form-group__info-dark .pin-group {
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-group__info-dark .pin-group .count-down-box {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1rem;
}
.form-group__info-dark .pin-group .count-down-box .text {
  color: #676767;
  font-weight: 500;
}
.form-group__info-dark .pin-group .count-down-box > *:last-child {
  color: #ff0f00;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: #ffeceb;
  padding: 0.8rem 1.2rem;
  border-radius: 6.4rem;
}
.form-group__info-dark .pin-group .pin_field_group {
  display: flex;
  align-items: center;
  grid-column-gap: 1.5rem;
  justify-self: center;
}
.form-group__info-dark .pin-group .pin_field_group input {
  width: 100% !important;
}
@media only screen and (max-width: 42em) {
  .form-group__info-dark .pin-group .pin_field_group {
    grid-column-gap: 0rem;
  }
}
.form-group__info-dark .pin-group .pin_field {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  height: 4.6rem;
  width: unset !important;
  outline: none;
  text-align: center;
  transition-duration: 250ms;
  transition-property: background, color, border, box-shadow, transform;
  /* width: calc(100% / 6); */
}
@media only screen and (max-width: 25em) {
  .form-group__info-dark .pin-group .pin_field {
    width: 11.5vw;
    margin-right: 1rem;
  }
}
.form-group__info-dark .pin-group .pin_field:focus {
  outline: none;
  transform: scale(1.05);
}
.form-group__info-dark .pin-group .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(40, 167, 69, 0.1);
  border: 0.1rem solid var(--raven-black-color);
}
.form-group__info-dark .pin-group .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: rgb(220, 53, 69);
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.form-group__info-dark .pin-group .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.form-group__info-dark .input-calendar-info-dark .flatpickr-calendar {
  display: none !important;
}
.form-group__info-dark .pin_field:focus {
  border-color: #f6c31c;
  outline: none;
  transform: scale(1.05);
  caret-color: #f6c31c;
}
.form-group__info-dark .input-submit {
  background-color: #f6c31c;
}
.form-group__info-dark .input-submit_disabled {
  cursor: default;
  opacity: 0.2;
}
.form-group__info-dark .input-submit_disabled:hover {
  transform: unset;
}
.form-group__info-dark .input-submit-loading {
  cursor: default;
}
.form-group__info-dark .input-submit-loading:hover {
  transform: unset;
}
.form-group__info-dark .input-group__phone .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.07rem solid #f6c31c;
}
.form-group__info-dark .form-input-calendar .form-control {
  caret-color: #f6c31c;
}
.form-group__info-dark .form-input-calendar .flag-dropdown .country-list .highlight {
  background-color: #f6c31c;
}
.form-group__info-dark .form-input-calendar .flag-dropdown .country-list .highlight .dial-code,
.form-group__info-dark .form-input-calendar .flag-dropdown .country-list .highlight .country-name {
  color: #ffffff;
}
.form-group__info-dark .form-input {
  caret-color: #f6c31c;
}
.form-group__info-dark .form-input:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__info-dark .form-input:focus:valid {
  outline: none;
  border: 0.1rem solid #f6c31c;
}
.form-group__info-dark .form-input:focus:not(:valid) ~ .error-text {
  visibility: visible;
}
.form-group__info-dark .input-calender:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #cccccc;
}
.input-group .form-input {
  padding: 1.2rem;
}
.input-group .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group .form-input:focus:valid {
  outline: none;
  border: none;
}

.input-group__info-dark .form-input {
  padding: 1.2rem;
}
.input-group__info-dark .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group__info-dark .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.09rem solid #f6c31c;
}
.input-group__info-dark .form-input:focus:valid {
  outline: none;
  border: none;
}
.input-group__info-dark .pin-group_info-dark .pin_field_group input {
  width: 100% !important;
}
.input-group__info-dark .pin-group_info-dark .pin_field {
  color: #020202;
}
.input-group__info-dark .pin-group_info-dark .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(246, 195, 28, 0.1);
  border: 0.1rem solid red !important;
}
.input-group__info-dark .pin-group_info-dark .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: #ff0f00;
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.2);
}
.input-group__info-dark .pin-group_info-dark .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-group__info-dark .pin-group_info-dark swd-pin-field[completed] .pin_field {
  background-color: rgba(246, 195, 28, 0.1);
  border: 0.1rem solid red !important;
}

.form-input_info-dark {
  caret-color: #f6c31c;
}

.border-error {
  border: 0.1rem solid #ff0f00 !important;
  border-radius: 0.8rem;
}

.show-hide_info-dark {
  color: #f6c31c !important;
}

.form-group__dark-dark {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  position: relative;
  font-family: "br_firma", sans-serif;
}
.form-group__dark-dark .form-label {
  align-self: flex-start;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
  color: #020202;
  text-transform: capitalize;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "br_firma", sans-serif;
}
.form-group__dark-dark .form-label .label-span {
  margin-left: auto;
  cursor: pointer;
}
.form-group__dark-dark .upload-group {
  position: relative;
  min-height: 10rem;
  overflow-y: scroll;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-group__dark-dark .upload-group::-webkit-scrollbar:horizontal {
  display: none;
}
.form-group__dark-dark .upload-group::-webkit-scrollbar {
  width: 0.5rem;
}
.form-group__dark-dark .upload-group::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
}
.form-group__dark-dark .upload-group::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 30rem;
}
.form-group__dark-dark .upload-group::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
.form-group__dark-dark .upload-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 10rem;
  width: 100%;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.form-group__dark-dark .upload-group label > *:nth-child(3) span {
  display: none;
}
.form-group__dark-dark .upload-group label .upload-text {
  text-align: center;
  color: #676767;
}
.form-group__dark-dark .upload-group label .upload-text span {
  font-weight: 700;
}
.form-group__dark-dark .upload-group label svg {
  display: none;
}
.form-group__dark-dark .display-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  width: 100%;
}
.form-group__dark-dark .display-wrap::-webkit-scrollbar {
  display: none;
}
.form-group__dark-dark .display-wrap .display-box {
  display: flex;
  align-items: center;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  background-color: #ffffff;
}
.form-group__dark-dark .display-wrap .display-box .img-box {
  flex: 0 0 10%;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.form-group__dark-dark .display-wrap .display-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__dark-dark .display-wrap .display-box .text-box {
  margin-right: 1.5rem;
}
.form-group__dark-dark .display-wrap .display-box .text-box .name {
  font-weight: 500;
  color: #020202;
  font-size: 1.3rem;
}
.form-group__dark-dark .display-wrap .display-box .text-box .size {
  color: #676767;
  font-size: 1.3rem;
}
.form-group__dark-dark .display-wrap .display-box .cancel-box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #ffdfdd;
  margin-left: auto;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group__dark-dark .display-wrap .display-box .cancel-box:hover {
  transform: scale(1.1);
}
.form-group__dark-dark .display-wrap .display-box .cancel-box .icon {
  fill: #ff0f00;
  width: 1.1rem;
  height: 1.1rem;
}
.form-group__dark-dark .display-wrap-show {
  max-height: 15rem;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
}
.form-group__dark-dark .input-submit {
  border: none;
  outline: none;
  padding: 1.6rem 1rem;
  width: 100%;
  border-radius: 0.8rem;
  background-color: #0b8376;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 48em) {
  .form-group__dark-dark .input-submit {
    min-height: 4.5rem;
  }
}
.form-group__dark-dark .input-submit:active {
  border: none;
  outline: none;
}
.form-group__dark-dark .input-submit:focus {
  border: none;
  overflow: none;
}
.form-group__dark-dark .input-submit:hover {
  transform: translateY(-0.1rem);
}
.form-group__dark-dark .form-input-calendar {
  background-color: #e2e2e2;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  display: flex;
  width: 100%;
}
.form-group__dark-dark .form-input-calendar .form-control {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 2.3rem 1.6rem !important;
  width: calc(100% - 3rem);
  margin-left: auto;
  border-radius: 0.8rem;
}
.form-group__dark-dark .form-input-calendar .open {
  background-color: #f7f8f7 !important;
  border-radius: 0.8rem !important;
}
.form-group__dark-dark .form-input-calendar .open .open {
  background-color: #f7f8f7 !important;
}
.form-group__dark-dark .form-input-calendar .flag-dropdown {
  border: none;
  border-radius: 0.8rem;
  width: 3rem;
}
.form-group__dark-dark .form-input-calendar .flag-dropdown .selected-flag {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
}
.form-group__dark-dark .form-input-calendar .flag-dropdown .selected-flag:hover {
  background-color: #f7f8f7;
}
.form-group__dark-dark .form-input-calendar .flag-dropdown .selected-flag .flag img {
  border-radius: 50%;
}
.form-group__dark-dark .form-input-calendar .flag-dropdown .country-list .country .country-name {
  color: #020202;
}
.form-group__dark-dark .form-input-calendar .open {
  background-color: #f7f8f7;
}
.form-group__dark-dark .form-input-calendar .open .open {
  background-color: #f7f8f7;
}
.form-group__dark-dark .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.form-group__dark-dark .wrap .label-calendar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  z-index: 10;
}
.form-group__dark-dark .wrap .label-calendar .img-box {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.form-group__dark-dark .wrap .label-calendar .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.form-group__dark-dark .progress-text-box {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.form-group__dark-dark .progress-text-box .text {
  margin-left: auto;
  color: #676767;
  font-size: 1.25rem;
}
.form-group__dark-dark .progress-text-box .progress-box {
  display: flex;
  align-items: center;
  flex: 0 0 55%;
  gap: 0.5rem;
}
.form-group__dark-dark .form-input {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 1.4rem 1.6rem;
  flex: 1;
  position: relative;
  display: inline-block;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  color: #020202;
  position: relative;
  font-family: "br_firma", sans-serif;
  z-index: 3;
}
.form-group__dark-dark .form-input::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__dark-dark .form-input::placeholder {
  color: #b3b3b3;
}
.form-group__dark-dark .form-textarea {
  font-size: 1.4rem;
  color: #020202;
  font-family: "br_firma", sans-serif;
}
.form-group__dark-dark .form-textarea::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__dark-dark .form-textarea::placeholder {
  color: #b3b3b3;
}
.form-group__dark-dark .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__dark-dark .form-input_search {
  padding-left: 0rem;
}
.form-group__dark-dark .error-text {
  color: #ff0f00;
  margin-top: 0rem;
}
.form-group__dark-dark .react-select-class {
  text-align: left;
}
.form-group__dark-dark .react-select-class > *:nth-child(3) {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  border-radius: 0.8rem;
  padding: 0.32rem 0.4rem;
}
.form-group__dark-dark .react-select-class > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #b3b3b3;
}
.form-group__dark-dark .react-select-class > *:nth-child(3) > *:nth-child(2) span {
  display: none;
}
.form-group__dark-dark .react-select-class-selected > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #020202;
}
.form-group__dark-dark .input-group {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  display: flex;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  padding: 0.2rem;
  width: 100%;
  padding-right: 1.6rem;
  align-items: center;
}
.form-group__dark-dark .input-group .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__dark-dark .input-group .seach-box {
  display: grid;
  place-items: center;
}
.form-group__dark-dark .input-group .seach-box .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__dark-dark .input-group .seach-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__dark-dark .input-group .form-input {
  border: none;
  outline: none;
}
.form-group__dark-dark .input-group .show-hide {
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
  color: currentColor;
  position: relative;
  z-index: 4;
}
.form-group__dark-dark .input-group__search {
  padding-left: 1.6rem;
}
.form-group__dark-dark .input-group__phone {
  padding: 0.5rem 0.5rem 0.5rem 1.6rem;
}
.form-group__dark-dark .input-group__phone .form-input {
  padding: 0.9rem 1rem;
  position: relative;
  z-index: 3;
}
.form-group__dark-dark .input-group__phone .phone-wrap {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.7rem;
  border-right: 0.1rem solid #cccccc;
  padding-right: 1rem;
}
.form-group__dark-dark .input-group__phone .phone-wrap .down-icon {
  fill: #020202;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(0.2rem);
}
.form-group__dark-dark .input-group__phone .phone-wrap .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__dark-dark .input-group__phone .phone-wrap .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__dark-dark .input-group__phone .phone-wrap span {
  display: inline-block;
}
.form-group__dark-dark .pin-group {
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-group__dark-dark .pin-group .count-down-box {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1rem;
}
.form-group__dark-dark .pin-group .count-down-box .text {
  color: #676767;
  font-weight: 500;
}
.form-group__dark-dark .pin-group .count-down-box > *:last-child {
  color: #ff0f00;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: #ffeceb;
  padding: 0.8rem 1.2rem;
  border-radius: 6.4rem;
}
.form-group__dark-dark .pin-group .pin_field_group {
  display: flex;
  align-items: center;
  grid-column-gap: 1.5rem;
  justify-self: center;
}
.form-group__dark-dark .pin-group .pin_field_group input {
  width: 100% !important;
}
@media only screen and (max-width: 42em) {
  .form-group__dark-dark .pin-group .pin_field_group {
    grid-column-gap: 0rem;
  }
}
.form-group__dark-dark .pin-group .pin_field {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  height: 4.6rem;
  width: unset !important;
  outline: none;
  text-align: center;
  transition-duration: 250ms;
  transition-property: background, color, border, box-shadow, transform;
  /* width: calc(100% / 6); */
}
@media only screen and (max-width: 25em) {
  .form-group__dark-dark .pin-group .pin_field {
    width: 11.5vw;
    margin-right: 1rem;
  }
}
.form-group__dark-dark .pin-group .pin_field:focus {
  outline: none;
  transform: scale(1.05);
}
.form-group__dark-dark .pin-group .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(40, 167, 69, 0.1);
  border: 0.1rem solid var(--raven-black-color);
}
.form-group__dark-dark .pin-group .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: rgb(220, 53, 69);
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.form-group__dark-dark .pin-group .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.form-group__dark-dark .input-calendar-dark-dark .flatpickr-calendar {
  display: none !important;
}
.form-group__dark-dark .pin_field:focus {
  border-color: #ffffff;
  outline: none;
  transform: scale(1.05);
  caret-color: #ffffff;
}
.form-group__dark-dark .input-submit {
  background-color: #ffffff;
}
.form-group__dark-dark .input-submit_disabled {
  cursor: default;
  opacity: 0.2;
}
.form-group__dark-dark .input-submit_disabled:hover {
  transform: unset;
}
.form-group__dark-dark .input-submit-loading {
  cursor: default;
}
.form-group__dark-dark .input-submit-loading:hover {
  transform: unset;
}
.form-group__dark-dark .input-group__phone .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.07rem solid #ffffff;
}
.form-group__dark-dark .form-input-calendar .form-control {
  caret-color: #ffffff;
}
.form-group__dark-dark .form-input-calendar .flag-dropdown .country-list .highlight {
  background-color: #ffffff;
}
.form-group__dark-dark .form-input-calendar .flag-dropdown .country-list .highlight .dial-code,
.form-group__dark-dark .form-input-calendar .flag-dropdown .country-list .highlight .country-name {
  color: #ffffff;
}
.form-group__dark-dark .form-input {
  caret-color: #ffffff;
}
.form-group__dark-dark .form-input:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__dark-dark .form-input:focus:valid {
  outline: none;
  border: 0.1rem solid #ffffff;
}
.form-group__dark-dark .form-input:focus:not(:valid) ~ .error-text {
  visibility: visible;
}
.form-group__dark-dark .input-calender:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #cccccc;
}
.input-group .form-input {
  padding: 1.2rem;
}
.input-group .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group .form-input:focus:valid {
  outline: none;
  border: none;
}

.input-group__dark-dark .form-input {
  padding: 1.2rem;
}
.input-group__dark-dark .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group__dark-dark .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.09rem solid #ffffff;
}
.input-group__dark-dark .form-input:focus:valid {
  outline: none;
  border: none;
}
.input-group__dark-dark .pin-group_dark-dark .pin_field_group input {
  width: 100% !important;
}
.input-group__dark-dark .pin-group_dark-dark .pin_field {
  color: #020202;
}
.input-group__dark-dark .pin-group_dark-dark .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(255, 255, 255, 0.1);
  border: 0.1rem solid red !important;
}
.input-group__dark-dark .pin-group_dark-dark .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: #ff0f00;
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.2);
}
.input-group__dark-dark .pin-group_dark-dark .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-group__dark-dark .pin-group_dark-dark swd-pin-field[completed] .pin_field {
  background-color: rgba(255, 255, 255, 0.1);
  border: 0.1rem solid red !important;
}

.form-input_dark-dark {
  caret-color: #ffffff;
}

.border-error {
  border: 0.1rem solid #ff0f00 !important;
  border-radius: 0.8rem;
}

.show-hide_dark-dark {
  color: #ffffff !important;
}

.form-group__white-dark {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  position: relative;
  font-family: "br_firma", sans-serif;
}
.form-group__white-dark .form-label {
  align-self: flex-start;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
  color: #020202;
  text-transform: capitalize;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "br_firma", sans-serif;
}
.form-group__white-dark .form-label .label-span {
  margin-left: auto;
  cursor: pointer;
}
.form-group__white-dark .upload-group {
  position: relative;
  min-height: 10rem;
  overflow-y: scroll;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-group__white-dark .upload-group::-webkit-scrollbar:horizontal {
  display: none;
}
.form-group__white-dark .upload-group::-webkit-scrollbar {
  width: 0.5rem;
}
.form-group__white-dark .upload-group::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
}
.form-group__white-dark .upload-group::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 30rem;
}
.form-group__white-dark .upload-group::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
.form-group__white-dark .upload-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 10rem;
  width: 100%;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.form-group__white-dark .upload-group label > *:nth-child(3) span {
  display: none;
}
.form-group__white-dark .upload-group label .upload-text {
  text-align: center;
  color: #676767;
}
.form-group__white-dark .upload-group label .upload-text span {
  font-weight: 700;
}
.form-group__white-dark .upload-group label svg {
  display: none;
}
.form-group__white-dark .display-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  width: 100%;
}
.form-group__white-dark .display-wrap::-webkit-scrollbar {
  display: none;
}
.form-group__white-dark .display-wrap .display-box {
  display: flex;
  align-items: center;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  background-color: #ffffff;
}
.form-group__white-dark .display-wrap .display-box .img-box {
  flex: 0 0 10%;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.form-group__white-dark .display-wrap .display-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__white-dark .display-wrap .display-box .text-box {
  margin-right: 1.5rem;
}
.form-group__white-dark .display-wrap .display-box .text-box .name {
  font-weight: 500;
  color: #020202;
  font-size: 1.3rem;
}
.form-group__white-dark .display-wrap .display-box .text-box .size {
  color: #676767;
  font-size: 1.3rem;
}
.form-group__white-dark .display-wrap .display-box .cancel-box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #ffdfdd;
  margin-left: auto;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group__white-dark .display-wrap .display-box .cancel-box:hover {
  transform: scale(1.1);
}
.form-group__white-dark .display-wrap .display-box .cancel-box .icon {
  fill: #ff0f00;
  width: 1.1rem;
  height: 1.1rem;
}
.form-group__white-dark .display-wrap-show {
  max-height: 15rem;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
}
.form-group__white-dark .input-submit {
  border: none;
  outline: none;
  padding: 1.6rem 1rem;
  width: 100%;
  border-radius: 0.8rem;
  background-color: #0b8376;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 48em) {
  .form-group__white-dark .input-submit {
    min-height: 4.5rem;
  }
}
.form-group__white-dark .input-submit:active {
  border: none;
  outline: none;
}
.form-group__white-dark .input-submit:focus {
  border: none;
  overflow: none;
}
.form-group__white-dark .input-submit:hover {
  transform: translateY(-0.1rem);
}
.form-group__white-dark .form-input-calendar {
  background-color: #e2e2e2;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  display: flex;
  width: 100%;
}
.form-group__white-dark .form-input-calendar .form-control {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 2.3rem 1.6rem !important;
  width: calc(100% - 3rem);
  margin-left: auto;
  border-radius: 0.8rem;
}
.form-group__white-dark .form-input-calendar .open {
  background-color: #f7f8f7 !important;
  border-radius: 0.8rem !important;
}
.form-group__white-dark .form-input-calendar .open .open {
  background-color: #f7f8f7 !important;
}
.form-group__white-dark .form-input-calendar .flag-dropdown {
  border: none;
  border-radius: 0.8rem;
  width: 3rem;
}
.form-group__white-dark .form-input-calendar .flag-dropdown .selected-flag {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
}
.form-group__white-dark .form-input-calendar .flag-dropdown .selected-flag:hover {
  background-color: #f7f8f7;
}
.form-group__white-dark .form-input-calendar .flag-dropdown .selected-flag .flag img {
  border-radius: 50%;
}
.form-group__white-dark .form-input-calendar .flag-dropdown .country-list .country .country-name {
  color: #020202;
}
.form-group__white-dark .form-input-calendar .open {
  background-color: #f7f8f7;
}
.form-group__white-dark .form-input-calendar .open .open {
  background-color: #f7f8f7;
}
.form-group__white-dark .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.form-group__white-dark .wrap .label-calendar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  z-index: 10;
}
.form-group__white-dark .wrap .label-calendar .img-box {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.form-group__white-dark .wrap .label-calendar .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.form-group__white-dark .progress-text-box {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.form-group__white-dark .progress-text-box .text {
  margin-left: auto;
  color: #676767;
  font-size: 1.25rem;
}
.form-group__white-dark .progress-text-box .progress-box {
  display: flex;
  align-items: center;
  flex: 0 0 55%;
  gap: 0.5rem;
}
.form-group__white-dark .form-input {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 1.4rem 1.6rem;
  flex: 1;
  position: relative;
  display: inline-block;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  color: #020202;
  position: relative;
  font-family: "br_firma", sans-serif;
  z-index: 3;
}
.form-group__white-dark .form-input::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__white-dark .form-input::placeholder {
  color: #b3b3b3;
}
.form-group__white-dark .form-textarea {
  font-size: 1.4rem;
  color: #020202;
  font-family: "br_firma", sans-serif;
}
.form-group__white-dark .form-textarea::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__white-dark .form-textarea::placeholder {
  color: #b3b3b3;
}
.form-group__white-dark .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__white-dark .form-input_search {
  padding-left: 0rem;
}
.form-group__white-dark .error-text {
  color: #ff0f00;
  margin-top: 0rem;
}
.form-group__white-dark .react-select-class {
  text-align: left;
}
.form-group__white-dark .react-select-class > *:nth-child(3) {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  border-radius: 0.8rem;
  padding: 0.32rem 0.4rem;
}
.form-group__white-dark .react-select-class > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #b3b3b3;
}
.form-group__white-dark .react-select-class > *:nth-child(3) > *:nth-child(2) span {
  display: none;
}
.form-group__white-dark .react-select-class-selected > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #020202;
}
.form-group__white-dark .input-group {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  display: flex;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  padding: 0.2rem;
  width: 100%;
  padding-right: 1.6rem;
  align-items: center;
}
.form-group__white-dark .input-group .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__white-dark .input-group .seach-box {
  display: grid;
  place-items: center;
}
.form-group__white-dark .input-group .seach-box .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__white-dark .input-group .seach-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__white-dark .input-group .form-input {
  border: none;
  outline: none;
}
.form-group__white-dark .input-group .show-hide {
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
  color: currentColor;
  position: relative;
  z-index: 4;
}
.form-group__white-dark .input-group__search {
  padding-left: 1.6rem;
}
.form-group__white-dark .input-group__phone {
  padding: 0.5rem 0.5rem 0.5rem 1.6rem;
}
.form-group__white-dark .input-group__phone .form-input {
  padding: 0.9rem 1rem;
  position: relative;
  z-index: 3;
}
.form-group__white-dark .input-group__phone .phone-wrap {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.7rem;
  border-right: 0.1rem solid #cccccc;
  padding-right: 1rem;
}
.form-group__white-dark .input-group__phone .phone-wrap .down-icon {
  fill: #020202;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(0.2rem);
}
.form-group__white-dark .input-group__phone .phone-wrap .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__white-dark .input-group__phone .phone-wrap .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__white-dark .input-group__phone .phone-wrap span {
  display: inline-block;
}
.form-group__white-dark .pin-group {
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-group__white-dark .pin-group .count-down-box {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1rem;
}
.form-group__white-dark .pin-group .count-down-box .text {
  color: #676767;
  font-weight: 500;
}
.form-group__white-dark .pin-group .count-down-box > *:last-child {
  color: #ff0f00;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: #ffeceb;
  padding: 0.8rem 1.2rem;
  border-radius: 6.4rem;
}
.form-group__white-dark .pin-group .pin_field_group {
  display: flex;
  align-items: center;
  grid-column-gap: 1.5rem;
  justify-self: center;
}
.form-group__white-dark .pin-group .pin_field_group input {
  width: 100% !important;
}
@media only screen and (max-width: 42em) {
  .form-group__white-dark .pin-group .pin_field_group {
    grid-column-gap: 0rem;
  }
}
.form-group__white-dark .pin-group .pin_field {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  height: 4.6rem;
  width: unset !important;
  outline: none;
  text-align: center;
  transition-duration: 250ms;
  transition-property: background, color, border, box-shadow, transform;
  /* width: calc(100% / 6); */
}
@media only screen and (max-width: 25em) {
  .form-group__white-dark .pin-group .pin_field {
    width: 11.5vw;
    margin-right: 1rem;
  }
}
.form-group__white-dark .pin-group .pin_field:focus {
  outline: none;
  transform: scale(1.05);
}
.form-group__white-dark .pin-group .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(40, 167, 69, 0.1);
  border: 0.1rem solid var(--raven-black-color);
}
.form-group__white-dark .pin-group .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: rgb(220, 53, 69);
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.form-group__white-dark .pin-group .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.form-group__white-dark .input-calendar-white-dark .flatpickr-calendar {
  display: none !important;
}
.form-group__white-dark .pin_field:focus {
  border-color: #020202;
  outline: none;
  transform: scale(1.05);
  caret-color: #020202;
}
.form-group__white-dark .input-submit {
  background-color: #020202;
}
.form-group__white-dark .input-submit_disabled {
  cursor: default;
  opacity: 0.2;
}
.form-group__white-dark .input-submit_disabled:hover {
  transform: unset;
}
.form-group__white-dark .input-submit-loading {
  cursor: default;
}
.form-group__white-dark .input-submit-loading:hover {
  transform: unset;
}
.form-group__white-dark .input-group__phone .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.07rem solid #020202;
}
.form-group__white-dark .form-input-calendar .form-control {
  caret-color: #020202;
}
.form-group__white-dark .form-input-calendar .flag-dropdown .country-list .highlight {
  background-color: #020202;
}
.form-group__white-dark .form-input-calendar .flag-dropdown .country-list .highlight .dial-code,
.form-group__white-dark .form-input-calendar .flag-dropdown .country-list .highlight .country-name {
  color: #ffffff;
}
.form-group__white-dark .form-input {
  caret-color: #020202;
}
.form-group__white-dark .form-input:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__white-dark .form-input:focus:valid {
  outline: none;
  border: 0.1rem solid #020202;
}
.form-group__white-dark .form-input:focus:not(:valid) ~ .error-text {
  visibility: visible;
}
.form-group__white-dark .input-calender:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #cccccc;
}
.input-group .form-input {
  padding: 1.2rem;
}
.input-group .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group .form-input:focus:valid {
  outline: none;
  border: none;
}

.input-group__white-dark .form-input {
  padding: 1.2rem;
}
.input-group__white-dark .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group__white-dark .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.09rem solid #020202;
}
.input-group__white-dark .form-input:focus:valid {
  outline: none;
  border: none;
}
.input-group__white-dark .pin-group_white-dark .pin_field_group input {
  width: 100% !important;
}
.input-group__white-dark .pin-group_white-dark .pin_field {
  color: #020202;
}
.input-group__white-dark .pin-group_white-dark .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(2, 2, 2, 0.1);
  border: 0.1rem solid red !important;
}
.input-group__white-dark .pin-group_white-dark .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: #ff0f00;
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.2);
}
.input-group__white-dark .pin-group_white-dark .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-group__white-dark .pin-group_white-dark swd-pin-field[completed] .pin_field {
  background-color: rgba(2, 2, 2, 0.1);
  border: 0.1rem solid red !important;
}

.form-input_white-dark {
  caret-color: #020202;
}

.border-error {
  border: 0.1rem solid #ff0f00 !important;
  border-radius: 0.8rem;
}

.show-hide_white-dark {
  color: #020202 !important;
}

.form-group__green-dark {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  position: relative;
  font-family: "br_firma", sans-serif;
}
.form-group__green-dark .form-label {
  align-self: flex-start;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
  color: #020202;
  text-transform: capitalize;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "br_firma", sans-serif;
}
.form-group__green-dark .form-label .label-span {
  margin-left: auto;
  cursor: pointer;
}
.form-group__green-dark .upload-group {
  position: relative;
  min-height: 10rem;
  overflow-y: scroll;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-group__green-dark .upload-group::-webkit-scrollbar:horizontal {
  display: none;
}
.form-group__green-dark .upload-group::-webkit-scrollbar {
  width: 0.5rem;
}
.form-group__green-dark .upload-group::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
}
.form-group__green-dark .upload-group::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 30rem;
}
.form-group__green-dark .upload-group::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
.form-group__green-dark .upload-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 10rem;
  width: 100%;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.form-group__green-dark .upload-group label > *:nth-child(3) span {
  display: none;
}
.form-group__green-dark .upload-group label .upload-text {
  text-align: center;
  color: #676767;
}
.form-group__green-dark .upload-group label .upload-text span {
  font-weight: 700;
}
.form-group__green-dark .upload-group label svg {
  display: none;
}
.form-group__green-dark .display-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  width: 100%;
}
.form-group__green-dark .display-wrap::-webkit-scrollbar {
  display: none;
}
.form-group__green-dark .display-wrap .display-box {
  display: flex;
  align-items: center;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  background-color: #ffffff;
}
.form-group__green-dark .display-wrap .display-box .img-box {
  flex: 0 0 10%;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.form-group__green-dark .display-wrap .display-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__green-dark .display-wrap .display-box .text-box {
  margin-right: 1.5rem;
}
.form-group__green-dark .display-wrap .display-box .text-box .name {
  font-weight: 500;
  color: #020202;
  font-size: 1.3rem;
}
.form-group__green-dark .display-wrap .display-box .text-box .size {
  color: #676767;
  font-size: 1.3rem;
}
.form-group__green-dark .display-wrap .display-box .cancel-box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #ffdfdd;
  margin-left: auto;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group__green-dark .display-wrap .display-box .cancel-box:hover {
  transform: scale(1.1);
}
.form-group__green-dark .display-wrap .display-box .cancel-box .icon {
  fill: #ff0f00;
  width: 1.1rem;
  height: 1.1rem;
}
.form-group__green-dark .display-wrap-show {
  max-height: 15rem;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
}
.form-group__green-dark .input-submit {
  border: none;
  outline: none;
  padding: 1.6rem 1rem;
  width: 100%;
  border-radius: 0.8rem;
  background-color: #0b8376;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 48em) {
  .form-group__green-dark .input-submit {
    min-height: 4.5rem;
  }
}
.form-group__green-dark .input-submit:active {
  border: none;
  outline: none;
}
.form-group__green-dark .input-submit:focus {
  border: none;
  overflow: none;
}
.form-group__green-dark .input-submit:hover {
  transform: translateY(-0.1rem);
}
.form-group__green-dark .form-input-calendar {
  background-color: #e2e2e2;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  display: flex;
  width: 100%;
}
.form-group__green-dark .form-input-calendar .form-control {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 2.3rem 1.6rem !important;
  width: calc(100% - 3rem);
  margin-left: auto;
  border-radius: 0.8rem;
}
.form-group__green-dark .form-input-calendar .open {
  background-color: #f7f8f7 !important;
  border-radius: 0.8rem !important;
}
.form-group__green-dark .form-input-calendar .open .open {
  background-color: #f7f8f7 !important;
}
.form-group__green-dark .form-input-calendar .flag-dropdown {
  border: none;
  border-radius: 0.8rem;
  width: 3rem;
}
.form-group__green-dark .form-input-calendar .flag-dropdown .selected-flag {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
}
.form-group__green-dark .form-input-calendar .flag-dropdown .selected-flag:hover {
  background-color: #f7f8f7;
}
.form-group__green-dark .form-input-calendar .flag-dropdown .selected-flag .flag img {
  border-radius: 50%;
}
.form-group__green-dark .form-input-calendar .flag-dropdown .country-list .country .country-name {
  color: #020202;
}
.form-group__green-dark .form-input-calendar .open {
  background-color: #f7f8f7;
}
.form-group__green-dark .form-input-calendar .open .open {
  background-color: #f7f8f7;
}
.form-group__green-dark .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.form-group__green-dark .wrap .label-calendar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  z-index: 10;
}
.form-group__green-dark .wrap .label-calendar .img-box {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.form-group__green-dark .wrap .label-calendar .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.form-group__green-dark .progress-text-box {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.form-group__green-dark .progress-text-box .text {
  margin-left: auto;
  color: #676767;
  font-size: 1.25rem;
}
.form-group__green-dark .progress-text-box .progress-box {
  display: flex;
  align-items: center;
  flex: 0 0 55%;
  gap: 0.5rem;
}
.form-group__green-dark .form-input {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 1.4rem 1.6rem;
  flex: 1;
  position: relative;
  display: inline-block;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  color: #020202;
  position: relative;
  font-family: "br_firma", sans-serif;
  z-index: 3;
}
.form-group__green-dark .form-input::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__green-dark .form-input::placeholder {
  color: #b3b3b3;
}
.form-group__green-dark .form-textarea {
  font-size: 1.4rem;
  color: #020202;
  font-family: "br_firma", sans-serif;
}
.form-group__green-dark .form-textarea::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__green-dark .form-textarea::placeholder {
  color: #b3b3b3;
}
.form-group__green-dark .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__green-dark .form-input_search {
  padding-left: 0rem;
}
.form-group__green-dark .error-text {
  color: #ff0f00;
  margin-top: 0rem;
}
.form-group__green-dark .react-select-class {
  text-align: left;
}
.form-group__green-dark .react-select-class > *:nth-child(3) {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  border-radius: 0.8rem;
  padding: 0.32rem 0.4rem;
}
.form-group__green-dark .react-select-class > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #b3b3b3;
}
.form-group__green-dark .react-select-class > *:nth-child(3) > *:nth-child(2) span {
  display: none;
}
.form-group__green-dark .react-select-class-selected > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #020202;
}
.form-group__green-dark .input-group {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  display: flex;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  padding: 0.2rem;
  width: 100%;
  padding-right: 1.6rem;
  align-items: center;
}
.form-group__green-dark .input-group .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__green-dark .input-group .seach-box {
  display: grid;
  place-items: center;
}
.form-group__green-dark .input-group .seach-box .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__green-dark .input-group .seach-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__green-dark .input-group .form-input {
  border: none;
  outline: none;
}
.form-group__green-dark .input-group .show-hide {
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
  color: currentColor;
  position: relative;
  z-index: 4;
}
.form-group__green-dark .input-group__search {
  padding-left: 1.6rem;
}
.form-group__green-dark .input-group__phone {
  padding: 0.5rem 0.5rem 0.5rem 1.6rem;
}
.form-group__green-dark .input-group__phone .form-input {
  padding: 0.9rem 1rem;
  position: relative;
  z-index: 3;
}
.form-group__green-dark .input-group__phone .phone-wrap {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.7rem;
  border-right: 0.1rem solid #cccccc;
  padding-right: 1rem;
}
.form-group__green-dark .input-group__phone .phone-wrap .down-icon {
  fill: #020202;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(0.2rem);
}
.form-group__green-dark .input-group__phone .phone-wrap .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__green-dark .input-group__phone .phone-wrap .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__green-dark .input-group__phone .phone-wrap span {
  display: inline-block;
}
.form-group__green-dark .pin-group {
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-group__green-dark .pin-group .count-down-box {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1rem;
}
.form-group__green-dark .pin-group .count-down-box .text {
  color: #676767;
  font-weight: 500;
}
.form-group__green-dark .pin-group .count-down-box > *:last-child {
  color: #ff0f00;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: #ffeceb;
  padding: 0.8rem 1.2rem;
  border-radius: 6.4rem;
}
.form-group__green-dark .pin-group .pin_field_group {
  display: flex;
  align-items: center;
  grid-column-gap: 1.5rem;
  justify-self: center;
}
.form-group__green-dark .pin-group .pin_field_group input {
  width: 100% !important;
}
@media only screen and (max-width: 42em) {
  .form-group__green-dark .pin-group .pin_field_group {
    grid-column-gap: 0rem;
  }
}
.form-group__green-dark .pin-group .pin_field {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  height: 4.6rem;
  width: unset !important;
  outline: none;
  text-align: center;
  transition-duration: 250ms;
  transition-property: background, color, border, box-shadow, transform;
  /* width: calc(100% / 6); */
}
@media only screen and (max-width: 25em) {
  .form-group__green-dark .pin-group .pin_field {
    width: 11.5vw;
    margin-right: 1rem;
  }
}
.form-group__green-dark .pin-group .pin_field:focus {
  outline: none;
  transform: scale(1.05);
}
.form-group__green-dark .pin-group .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(40, 167, 69, 0.1);
  border: 0.1rem solid var(--raven-black-color);
}
.form-group__green-dark .pin-group .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: rgb(220, 53, 69);
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.form-group__green-dark .pin-group .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.form-group__green-dark .input-calendar-green-dark .flatpickr-calendar {
  display: none !important;
}
.form-group__green-dark .pin_field:focus {
  border-color: #0b8376;
  outline: none;
  transform: scale(1.05);
  caret-color: #0b8376;
}
.form-group__green-dark .input-submit {
  background-color: #0b8376;
}
.form-group__green-dark .input-submit_disabled {
  cursor: default;
  opacity: 0.2;
}
.form-group__green-dark .input-submit_disabled:hover {
  transform: unset;
}
.form-group__green-dark .input-submit-loading {
  cursor: default;
}
.form-group__green-dark .input-submit-loading:hover {
  transform: unset;
}
.form-group__green-dark .input-group__phone .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.07rem solid #0b8376;
}
.form-group__green-dark .form-input-calendar .form-control {
  caret-color: #0b8376;
}
.form-group__green-dark .form-input-calendar .flag-dropdown .country-list .highlight {
  background-color: #0b8376;
}
.form-group__green-dark .form-input-calendar .flag-dropdown .country-list .highlight .dial-code,
.form-group__green-dark .form-input-calendar .flag-dropdown .country-list .highlight .country-name {
  color: #ffffff;
}
.form-group__green-dark .form-input {
  caret-color: #0b8376;
}
.form-group__green-dark .form-input:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__green-dark .form-input:focus:valid {
  outline: none;
  border: 0.1rem solid #0b8376;
}
.form-group__green-dark .form-input:focus:not(:valid) ~ .error-text {
  visibility: visible;
}
.form-group__green-dark .input-calender:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #cccccc;
}
.input-group .form-input {
  padding: 1.2rem;
}
.input-group .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group .form-input:focus:valid {
  outline: none;
  border: none;
}

.input-group__green-dark .form-input {
  padding: 1.2rem;
}
.input-group__green-dark .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group__green-dark .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.09rem solid #0b8376;
}
.input-group__green-dark .form-input:focus:valid {
  outline: none;
  border: none;
}
.input-group__green-dark .pin-group_green-dark .pin_field_group input {
  width: 100% !important;
}
.input-group__green-dark .pin-group_green-dark .pin_field {
  color: #020202;
}
.input-group__green-dark .pin-group_green-dark .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(11, 131, 118, 0.1);
  border: 0.1rem solid red !important;
}
.input-group__green-dark .pin-group_green-dark .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: #ff0f00;
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.2);
}
.input-group__green-dark .pin-group_green-dark .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-group__green-dark .pin-group_green-dark swd-pin-field[completed] .pin_field {
  background-color: rgba(11, 131, 118, 0.1);
  border: 0.1rem solid red !important;
}

.form-input_green-dark {
  caret-color: #0b8376;
}

.border-error {
  border: 0.1rem solid #ff0f00 !important;
  border-radius: 0.8rem;
}

.show-hide_green-dark {
  color: #0b8376 !important;
}

.form-group__blue-dark {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  position: relative;
  font-family: "br_firma", sans-serif;
}
.form-group__blue-dark .form-label {
  align-self: flex-start;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
  color: #020202;
  text-transform: capitalize;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "br_firma", sans-serif;
}
.form-group__blue-dark .form-label .label-span {
  margin-left: auto;
  cursor: pointer;
}
.form-group__blue-dark .upload-group {
  position: relative;
  min-height: 10rem;
  overflow-y: scroll;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-group__blue-dark .upload-group::-webkit-scrollbar:horizontal {
  display: none;
}
.form-group__blue-dark .upload-group::-webkit-scrollbar {
  width: 0.5rem;
}
.form-group__blue-dark .upload-group::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
}
.form-group__blue-dark .upload-group::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 30rem;
}
.form-group__blue-dark .upload-group::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
.form-group__blue-dark .upload-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 10rem;
  width: 100%;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.form-group__blue-dark .upload-group label > *:nth-child(3) span {
  display: none;
}
.form-group__blue-dark .upload-group label .upload-text {
  text-align: center;
  color: #676767;
}
.form-group__blue-dark .upload-group label .upload-text span {
  font-weight: 700;
}
.form-group__blue-dark .upload-group label svg {
  display: none;
}
.form-group__blue-dark .display-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  width: 100%;
}
.form-group__blue-dark .display-wrap::-webkit-scrollbar {
  display: none;
}
.form-group__blue-dark .display-wrap .display-box {
  display: flex;
  align-items: center;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  background-color: #ffffff;
}
.form-group__blue-dark .display-wrap .display-box .img-box {
  flex: 0 0 10%;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.form-group__blue-dark .display-wrap .display-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__blue-dark .display-wrap .display-box .text-box {
  margin-right: 1.5rem;
}
.form-group__blue-dark .display-wrap .display-box .text-box .name {
  font-weight: 500;
  color: #020202;
  font-size: 1.3rem;
}
.form-group__blue-dark .display-wrap .display-box .text-box .size {
  color: #676767;
  font-size: 1.3rem;
}
.form-group__blue-dark .display-wrap .display-box .cancel-box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #ffdfdd;
  margin-left: auto;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group__blue-dark .display-wrap .display-box .cancel-box:hover {
  transform: scale(1.1);
}
.form-group__blue-dark .display-wrap .display-box .cancel-box .icon {
  fill: #ff0f00;
  width: 1.1rem;
  height: 1.1rem;
}
.form-group__blue-dark .display-wrap-show {
  max-height: 15rem;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
}
.form-group__blue-dark .input-submit {
  border: none;
  outline: none;
  padding: 1.6rem 1rem;
  width: 100%;
  border-radius: 0.8rem;
  background-color: #0b8376;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 48em) {
  .form-group__blue-dark .input-submit {
    min-height: 4.5rem;
  }
}
.form-group__blue-dark .input-submit:active {
  border: none;
  outline: none;
}
.form-group__blue-dark .input-submit:focus {
  border: none;
  overflow: none;
}
.form-group__blue-dark .input-submit:hover {
  transform: translateY(-0.1rem);
}
.form-group__blue-dark .form-input-calendar {
  background-color: #e2e2e2;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  display: flex;
  width: 100%;
}
.form-group__blue-dark .form-input-calendar .form-control {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 2.3rem 1.6rem !important;
  width: calc(100% - 3rem);
  margin-left: auto;
  border-radius: 0.8rem;
}
.form-group__blue-dark .form-input-calendar .open {
  background-color: #f7f8f7 !important;
  border-radius: 0.8rem !important;
}
.form-group__blue-dark .form-input-calendar .open .open {
  background-color: #f7f8f7 !important;
}
.form-group__blue-dark .form-input-calendar .flag-dropdown {
  border: none;
  border-radius: 0.8rem;
  width: 3rem;
}
.form-group__blue-dark .form-input-calendar .flag-dropdown .selected-flag {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
}
.form-group__blue-dark .form-input-calendar .flag-dropdown .selected-flag:hover {
  background-color: #f7f8f7;
}
.form-group__blue-dark .form-input-calendar .flag-dropdown .selected-flag .flag img {
  border-radius: 50%;
}
.form-group__blue-dark .form-input-calendar .flag-dropdown .country-list .country .country-name {
  color: #020202;
}
.form-group__blue-dark .form-input-calendar .open {
  background-color: #f7f8f7;
}
.form-group__blue-dark .form-input-calendar .open .open {
  background-color: #f7f8f7;
}
.form-group__blue-dark .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.form-group__blue-dark .wrap .label-calendar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  z-index: 10;
}
.form-group__blue-dark .wrap .label-calendar .img-box {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.form-group__blue-dark .wrap .label-calendar .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.form-group__blue-dark .progress-text-box {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.form-group__blue-dark .progress-text-box .text {
  margin-left: auto;
  color: #676767;
  font-size: 1.25rem;
}
.form-group__blue-dark .progress-text-box .progress-box {
  display: flex;
  align-items: center;
  flex: 0 0 55%;
  gap: 0.5rem;
}
.form-group__blue-dark .form-input {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 1.4rem 1.6rem;
  flex: 1;
  position: relative;
  display: inline-block;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  color: #020202;
  position: relative;
  font-family: "br_firma", sans-serif;
  z-index: 3;
}
.form-group__blue-dark .form-input::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__blue-dark .form-input::placeholder {
  color: #b3b3b3;
}
.form-group__blue-dark .form-textarea {
  font-size: 1.4rem;
  color: #020202;
  font-family: "br_firma", sans-serif;
}
.form-group__blue-dark .form-textarea::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__blue-dark .form-textarea::placeholder {
  color: #b3b3b3;
}
.form-group__blue-dark .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__blue-dark .form-input_search {
  padding-left: 0rem;
}
.form-group__blue-dark .error-text {
  color: #ff0f00;
  margin-top: 0rem;
}
.form-group__blue-dark .react-select-class {
  text-align: left;
}
.form-group__blue-dark .react-select-class > *:nth-child(3) {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  border-radius: 0.8rem;
  padding: 0.32rem 0.4rem;
}
.form-group__blue-dark .react-select-class > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #b3b3b3;
}
.form-group__blue-dark .react-select-class > *:nth-child(3) > *:nth-child(2) span {
  display: none;
}
.form-group__blue-dark .react-select-class-selected > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #020202;
}
.form-group__blue-dark .input-group {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  display: flex;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  padding: 0.2rem;
  width: 100%;
  padding-right: 1.6rem;
  align-items: center;
}
.form-group__blue-dark .input-group .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__blue-dark .input-group .seach-box {
  display: grid;
  place-items: center;
}
.form-group__blue-dark .input-group .seach-box .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__blue-dark .input-group .seach-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__blue-dark .input-group .form-input {
  border: none;
  outline: none;
}
.form-group__blue-dark .input-group .show-hide {
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
  color: currentColor;
  position: relative;
  z-index: 4;
}
.form-group__blue-dark .input-group__search {
  padding-left: 1.6rem;
}
.form-group__blue-dark .input-group__phone {
  padding: 0.5rem 0.5rem 0.5rem 1.6rem;
}
.form-group__blue-dark .input-group__phone .form-input {
  padding: 0.9rem 1rem;
  position: relative;
  z-index: 3;
}
.form-group__blue-dark .input-group__phone .phone-wrap {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.7rem;
  border-right: 0.1rem solid #cccccc;
  padding-right: 1rem;
}
.form-group__blue-dark .input-group__phone .phone-wrap .down-icon {
  fill: #020202;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(0.2rem);
}
.form-group__blue-dark .input-group__phone .phone-wrap .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__blue-dark .input-group__phone .phone-wrap .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__blue-dark .input-group__phone .phone-wrap span {
  display: inline-block;
}
.form-group__blue-dark .pin-group {
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-group__blue-dark .pin-group .count-down-box {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1rem;
}
.form-group__blue-dark .pin-group .count-down-box .text {
  color: #676767;
  font-weight: 500;
}
.form-group__blue-dark .pin-group .count-down-box > *:last-child {
  color: #ff0f00;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: #ffeceb;
  padding: 0.8rem 1.2rem;
  border-radius: 6.4rem;
}
.form-group__blue-dark .pin-group .pin_field_group {
  display: flex;
  align-items: center;
  grid-column-gap: 1.5rem;
  justify-self: center;
}
.form-group__blue-dark .pin-group .pin_field_group input {
  width: 100% !important;
}
@media only screen and (max-width: 42em) {
  .form-group__blue-dark .pin-group .pin_field_group {
    grid-column-gap: 0rem;
  }
}
.form-group__blue-dark .pin-group .pin_field {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  height: 4.6rem;
  width: unset !important;
  outline: none;
  text-align: center;
  transition-duration: 250ms;
  transition-property: background, color, border, box-shadow, transform;
  /* width: calc(100% / 6); */
}
@media only screen and (max-width: 25em) {
  .form-group__blue-dark .pin-group .pin_field {
    width: 11.5vw;
    margin-right: 1rem;
  }
}
.form-group__blue-dark .pin-group .pin_field:focus {
  outline: none;
  transform: scale(1.05);
}
.form-group__blue-dark .pin-group .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(40, 167, 69, 0.1);
  border: 0.1rem solid var(--raven-black-color);
}
.form-group__blue-dark .pin-group .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: rgb(220, 53, 69);
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.form-group__blue-dark .pin-group .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.form-group__blue-dark .input-calendar-blue-dark .flatpickr-calendar {
  display: none !important;
}
.form-group__blue-dark .pin_field:focus {
  border-color: #a0d2fe;
  outline: none;
  transform: scale(1.05);
  caret-color: #a0d2fe;
}
.form-group__blue-dark .input-submit {
  background-color: #a0d2fe;
}
.form-group__blue-dark .input-submit_disabled {
  cursor: default;
  opacity: 0.2;
}
.form-group__blue-dark .input-submit_disabled:hover {
  transform: unset;
}
.form-group__blue-dark .input-submit-loading {
  cursor: default;
}
.form-group__blue-dark .input-submit-loading:hover {
  transform: unset;
}
.form-group__blue-dark .input-group__phone .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.07rem solid #a0d2fe;
}
.form-group__blue-dark .form-input-calendar .form-control {
  caret-color: #a0d2fe;
}
.form-group__blue-dark .form-input-calendar .flag-dropdown .country-list .highlight {
  background-color: #a0d2fe;
}
.form-group__blue-dark .form-input-calendar .flag-dropdown .country-list .highlight .dial-code,
.form-group__blue-dark .form-input-calendar .flag-dropdown .country-list .highlight .country-name {
  color: #ffffff;
}
.form-group__blue-dark .form-input {
  caret-color: #a0d2fe;
}
.form-group__blue-dark .form-input:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__blue-dark .form-input:focus:valid {
  outline: none;
  border: 0.1rem solid #a0d2fe;
}
.form-group__blue-dark .form-input:focus:not(:valid) ~ .error-text {
  visibility: visible;
}
.form-group__blue-dark .input-calender:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #cccccc;
}
.input-group .form-input {
  padding: 1.2rem;
}
.input-group .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group .form-input:focus:valid {
  outline: none;
  border: none;
}

.input-group__blue-dark .form-input {
  padding: 1.2rem;
}
.input-group__blue-dark .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group__blue-dark .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.09rem solid #a0d2fe;
}
.input-group__blue-dark .form-input:focus:valid {
  outline: none;
  border: none;
}
.input-group__blue-dark .pin-group_blue-dark .pin_field_group input {
  width: 100% !important;
}
.input-group__blue-dark .pin-group_blue-dark .pin_field {
  color: #020202;
}
.input-group__blue-dark .pin-group_blue-dark .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(160, 210, 254, 0.1);
  border: 0.1rem solid red !important;
}
.input-group__blue-dark .pin-group_blue-dark .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: #ff0f00;
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.2);
}
.input-group__blue-dark .pin-group_blue-dark .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-group__blue-dark .pin-group_blue-dark swd-pin-field[completed] .pin_field {
  background-color: rgba(160, 210, 254, 0.1);
  border: 0.1rem solid red !important;
}

.form-input_blue-dark {
  caret-color: #a0d2fe;
}

.border-error {
  border: 0.1rem solid #ff0f00 !important;
  border-radius: 0.8rem;
}

.show-hide_blue-dark {
  color: #a0d2fe !important;
}

.form-group__purple-dark {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  position: relative;
  font-family: "br_firma", sans-serif;
}
.form-group__purple-dark .form-label {
  align-self: flex-start;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
  color: #020202;
  text-transform: capitalize;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "br_firma", sans-serif;
}
.form-group__purple-dark .form-label .label-span {
  margin-left: auto;
  cursor: pointer;
}
.form-group__purple-dark .upload-group {
  position: relative;
  min-height: 10rem;
  overflow-y: scroll;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-group__purple-dark .upload-group::-webkit-scrollbar:horizontal {
  display: none;
}
.form-group__purple-dark .upload-group::-webkit-scrollbar {
  width: 0.5rem;
}
.form-group__purple-dark .upload-group::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
}
.form-group__purple-dark .upload-group::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 30rem;
}
.form-group__purple-dark .upload-group::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
.form-group__purple-dark .upload-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 10rem;
  width: 100%;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.form-group__purple-dark .upload-group label > *:nth-child(3) span {
  display: none;
}
.form-group__purple-dark .upload-group label .upload-text {
  text-align: center;
  color: #676767;
}
.form-group__purple-dark .upload-group label .upload-text span {
  font-weight: 700;
}
.form-group__purple-dark .upload-group label svg {
  display: none;
}
.form-group__purple-dark .display-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  width: 100%;
}
.form-group__purple-dark .display-wrap::-webkit-scrollbar {
  display: none;
}
.form-group__purple-dark .display-wrap .display-box {
  display: flex;
  align-items: center;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  background-color: #ffffff;
}
.form-group__purple-dark .display-wrap .display-box .img-box {
  flex: 0 0 10%;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.form-group__purple-dark .display-wrap .display-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__purple-dark .display-wrap .display-box .text-box {
  margin-right: 1.5rem;
}
.form-group__purple-dark .display-wrap .display-box .text-box .name {
  font-weight: 500;
  color: #020202;
  font-size: 1.3rem;
}
.form-group__purple-dark .display-wrap .display-box .text-box .size {
  color: #676767;
  font-size: 1.3rem;
}
.form-group__purple-dark .display-wrap .display-box .cancel-box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #ffdfdd;
  margin-left: auto;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group__purple-dark .display-wrap .display-box .cancel-box:hover {
  transform: scale(1.1);
}
.form-group__purple-dark .display-wrap .display-box .cancel-box .icon {
  fill: #ff0f00;
  width: 1.1rem;
  height: 1.1rem;
}
.form-group__purple-dark .display-wrap-show {
  max-height: 15rem;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
}
.form-group__purple-dark .input-submit {
  border: none;
  outline: none;
  padding: 1.6rem 1rem;
  width: 100%;
  border-radius: 0.8rem;
  background-color: #0b8376;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 48em) {
  .form-group__purple-dark .input-submit {
    min-height: 4.5rem;
  }
}
.form-group__purple-dark .input-submit:active {
  border: none;
  outline: none;
}
.form-group__purple-dark .input-submit:focus {
  border: none;
  overflow: none;
}
.form-group__purple-dark .input-submit:hover {
  transform: translateY(-0.1rem);
}
.form-group__purple-dark .form-input-calendar {
  background-color: #e2e2e2;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  display: flex;
  width: 100%;
}
.form-group__purple-dark .form-input-calendar .form-control {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 2.3rem 1.6rem !important;
  width: calc(100% - 3rem);
  margin-left: auto;
  border-radius: 0.8rem;
}
.form-group__purple-dark .form-input-calendar .open {
  background-color: #f7f8f7 !important;
  border-radius: 0.8rem !important;
}
.form-group__purple-dark .form-input-calendar .open .open {
  background-color: #f7f8f7 !important;
}
.form-group__purple-dark .form-input-calendar .flag-dropdown {
  border: none;
  border-radius: 0.8rem;
  width: 3rem;
}
.form-group__purple-dark .form-input-calendar .flag-dropdown .selected-flag {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
}
.form-group__purple-dark .form-input-calendar .flag-dropdown .selected-flag:hover {
  background-color: #f7f8f7;
}
.form-group__purple-dark .form-input-calendar .flag-dropdown .selected-flag .flag img {
  border-radius: 50%;
}
.form-group__purple-dark .form-input-calendar .flag-dropdown .country-list .country .country-name {
  color: #020202;
}
.form-group__purple-dark .form-input-calendar .open {
  background-color: #f7f8f7;
}
.form-group__purple-dark .form-input-calendar .open .open {
  background-color: #f7f8f7;
}
.form-group__purple-dark .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.form-group__purple-dark .wrap .label-calendar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  z-index: 10;
}
.form-group__purple-dark .wrap .label-calendar .img-box {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.form-group__purple-dark .wrap .label-calendar .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.form-group__purple-dark .progress-text-box {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.form-group__purple-dark .progress-text-box .text {
  margin-left: auto;
  color: #676767;
  font-size: 1.25rem;
}
.form-group__purple-dark .progress-text-box .progress-box {
  display: flex;
  align-items: center;
  flex: 0 0 55%;
  gap: 0.5rem;
}
.form-group__purple-dark .form-input {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 1.4rem 1.6rem;
  flex: 1;
  position: relative;
  display: inline-block;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  color: #020202;
  position: relative;
  font-family: "br_firma", sans-serif;
  z-index: 3;
}
.form-group__purple-dark .form-input::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__purple-dark .form-input::placeholder {
  color: #b3b3b3;
}
.form-group__purple-dark .form-textarea {
  font-size: 1.4rem;
  color: #020202;
  font-family: "br_firma", sans-serif;
}
.form-group__purple-dark .form-textarea::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__purple-dark .form-textarea::placeholder {
  color: #b3b3b3;
}
.form-group__purple-dark .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__purple-dark .form-input_search {
  padding-left: 0rem;
}
.form-group__purple-dark .error-text {
  color: #ff0f00;
  margin-top: 0rem;
}
.form-group__purple-dark .react-select-class {
  text-align: left;
}
.form-group__purple-dark .react-select-class > *:nth-child(3) {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  border-radius: 0.8rem;
  padding: 0.32rem 0.4rem;
}
.form-group__purple-dark .react-select-class > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #b3b3b3;
}
.form-group__purple-dark .react-select-class > *:nth-child(3) > *:nth-child(2) span {
  display: none;
}
.form-group__purple-dark .react-select-class-selected > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #020202;
}
.form-group__purple-dark .input-group {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  display: flex;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  padding: 0.2rem;
  width: 100%;
  padding-right: 1.6rem;
  align-items: center;
}
.form-group__purple-dark .input-group .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__purple-dark .input-group .seach-box {
  display: grid;
  place-items: center;
}
.form-group__purple-dark .input-group .seach-box .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__purple-dark .input-group .seach-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__purple-dark .input-group .form-input {
  border: none;
  outline: none;
}
.form-group__purple-dark .input-group .show-hide {
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
  color: currentColor;
  position: relative;
  z-index: 4;
}
.form-group__purple-dark .input-group__search {
  padding-left: 1.6rem;
}
.form-group__purple-dark .input-group__phone {
  padding: 0.5rem 0.5rem 0.5rem 1.6rem;
}
.form-group__purple-dark .input-group__phone .form-input {
  padding: 0.9rem 1rem;
  position: relative;
  z-index: 3;
}
.form-group__purple-dark .input-group__phone .phone-wrap {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.7rem;
  border-right: 0.1rem solid #cccccc;
  padding-right: 1rem;
}
.form-group__purple-dark .input-group__phone .phone-wrap .down-icon {
  fill: #020202;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(0.2rem);
}
.form-group__purple-dark .input-group__phone .phone-wrap .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__purple-dark .input-group__phone .phone-wrap .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__purple-dark .input-group__phone .phone-wrap span {
  display: inline-block;
}
.form-group__purple-dark .pin-group {
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-group__purple-dark .pin-group .count-down-box {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1rem;
}
.form-group__purple-dark .pin-group .count-down-box .text {
  color: #676767;
  font-weight: 500;
}
.form-group__purple-dark .pin-group .count-down-box > *:last-child {
  color: #ff0f00;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: #ffeceb;
  padding: 0.8rem 1.2rem;
  border-radius: 6.4rem;
}
.form-group__purple-dark .pin-group .pin_field_group {
  display: flex;
  align-items: center;
  grid-column-gap: 1.5rem;
  justify-self: center;
}
.form-group__purple-dark .pin-group .pin_field_group input {
  width: 100% !important;
}
@media only screen and (max-width: 42em) {
  .form-group__purple-dark .pin-group .pin_field_group {
    grid-column-gap: 0rem;
  }
}
.form-group__purple-dark .pin-group .pin_field {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  height: 4.6rem;
  width: unset !important;
  outline: none;
  text-align: center;
  transition-duration: 250ms;
  transition-property: background, color, border, box-shadow, transform;
  /* width: calc(100% / 6); */
}
@media only screen and (max-width: 25em) {
  .form-group__purple-dark .pin-group .pin_field {
    width: 11.5vw;
    margin-right: 1rem;
  }
}
.form-group__purple-dark .pin-group .pin_field:focus {
  outline: none;
  transform: scale(1.05);
}
.form-group__purple-dark .pin-group .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(40, 167, 69, 0.1);
  border: 0.1rem solid var(--raven-black-color);
}
.form-group__purple-dark .pin-group .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: rgb(220, 53, 69);
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.form-group__purple-dark .pin-group .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.form-group__purple-dark .input-calendar-purple-dark .flatpickr-calendar {
  display: none !important;
}
.form-group__purple-dark .pin_field:focus {
  border-color: #755ae2;
  outline: none;
  transform: scale(1.05);
  caret-color: #755ae2;
}
.form-group__purple-dark .input-submit {
  background-color: #755ae2;
}
.form-group__purple-dark .input-submit_disabled {
  cursor: default;
  opacity: 0.2;
}
.form-group__purple-dark .input-submit_disabled:hover {
  transform: unset;
}
.form-group__purple-dark .input-submit-loading {
  cursor: default;
}
.form-group__purple-dark .input-submit-loading:hover {
  transform: unset;
}
.form-group__purple-dark .input-group__phone .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.07rem solid #755ae2;
}
.form-group__purple-dark .form-input-calendar .form-control {
  caret-color: #755ae2;
}
.form-group__purple-dark .form-input-calendar .flag-dropdown .country-list .highlight {
  background-color: #755ae2;
}
.form-group__purple-dark .form-input-calendar .flag-dropdown .country-list .highlight .dial-code,
.form-group__purple-dark .form-input-calendar .flag-dropdown .country-list .highlight .country-name {
  color: #ffffff;
}
.form-group__purple-dark .form-input {
  caret-color: #755ae2;
}
.form-group__purple-dark .form-input:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__purple-dark .form-input:focus:valid {
  outline: none;
  border: 0.1rem solid #755ae2;
}
.form-group__purple-dark .form-input:focus:not(:valid) ~ .error-text {
  visibility: visible;
}
.form-group__purple-dark .input-calender:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #cccccc;
}
.input-group .form-input {
  padding: 1.2rem;
}
.input-group .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group .form-input:focus:valid {
  outline: none;
  border: none;
}

.input-group__purple-dark .form-input {
  padding: 1.2rem;
}
.input-group__purple-dark .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group__purple-dark .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.09rem solid #755ae2;
}
.input-group__purple-dark .form-input:focus:valid {
  outline: none;
  border: none;
}
.input-group__purple-dark .pin-group_purple-dark .pin_field_group input {
  width: 100% !important;
}
.input-group__purple-dark .pin-group_purple-dark .pin_field {
  color: #020202;
}
.input-group__purple-dark .pin-group_purple-dark .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(117, 90, 226, 0.1);
  border: 0.1rem solid red !important;
}
.input-group__purple-dark .pin-group_purple-dark .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: #ff0f00;
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.2);
}
.input-group__purple-dark .pin-group_purple-dark .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-group__purple-dark .pin-group_purple-dark swd-pin-field[completed] .pin_field {
  background-color: rgba(117, 90, 226, 0.1);
  border: 0.1rem solid red !important;
}

.form-input_purple-dark {
  caret-color: #755ae2;
}

.border-error {
  border: 0.1rem solid #ff0f00 !important;
  border-radius: 0.8rem;
}

.show-hide_purple-dark {
  color: #755ae2 !important;
}

.form-group__orange-dark {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  position: relative;
  font-family: "br_firma", sans-serif;
}
.form-group__orange-dark .form-label {
  align-self: flex-start;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
  color: #020202;
  text-transform: capitalize;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "br_firma", sans-serif;
}
.form-group__orange-dark .form-label .label-span {
  margin-left: auto;
  cursor: pointer;
}
.form-group__orange-dark .upload-group {
  position: relative;
  min-height: 10rem;
  overflow-y: scroll;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-group__orange-dark .upload-group::-webkit-scrollbar:horizontal {
  display: none;
}
.form-group__orange-dark .upload-group::-webkit-scrollbar {
  width: 0.5rem;
}
.form-group__orange-dark .upload-group::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
}
.form-group__orange-dark .upload-group::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 30rem;
}
.form-group__orange-dark .upload-group::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
.form-group__orange-dark .upload-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 10rem;
  width: 100%;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.form-group__orange-dark .upload-group label > *:nth-child(3) span {
  display: none;
}
.form-group__orange-dark .upload-group label .upload-text {
  text-align: center;
  color: #676767;
}
.form-group__orange-dark .upload-group label .upload-text span {
  font-weight: 700;
}
.form-group__orange-dark .upload-group label svg {
  display: none;
}
.form-group__orange-dark .display-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  width: 100%;
}
.form-group__orange-dark .display-wrap::-webkit-scrollbar {
  display: none;
}
.form-group__orange-dark .display-wrap .display-box {
  display: flex;
  align-items: center;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  background-color: #ffffff;
}
.form-group__orange-dark .display-wrap .display-box .img-box {
  flex: 0 0 10%;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.form-group__orange-dark .display-wrap .display-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__orange-dark .display-wrap .display-box .text-box {
  margin-right: 1.5rem;
}
.form-group__orange-dark .display-wrap .display-box .text-box .name {
  font-weight: 500;
  color: #020202;
  font-size: 1.3rem;
}
.form-group__orange-dark .display-wrap .display-box .text-box .size {
  color: #676767;
  font-size: 1.3rem;
}
.form-group__orange-dark .display-wrap .display-box .cancel-box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #ffdfdd;
  margin-left: auto;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group__orange-dark .display-wrap .display-box .cancel-box:hover {
  transform: scale(1.1);
}
.form-group__orange-dark .display-wrap .display-box .cancel-box .icon {
  fill: #ff0f00;
  width: 1.1rem;
  height: 1.1rem;
}
.form-group__orange-dark .display-wrap-show {
  max-height: 15rem;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
}
.form-group__orange-dark .input-submit {
  border: none;
  outline: none;
  padding: 1.6rem 1rem;
  width: 100%;
  border-radius: 0.8rem;
  background-color: #0b8376;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 48em) {
  .form-group__orange-dark .input-submit {
    min-height: 4.5rem;
  }
}
.form-group__orange-dark .input-submit:active {
  border: none;
  outline: none;
}
.form-group__orange-dark .input-submit:focus {
  border: none;
  overflow: none;
}
.form-group__orange-dark .input-submit:hover {
  transform: translateY(-0.1rem);
}
.form-group__orange-dark .form-input-calendar {
  background-color: #e2e2e2;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  display: flex;
  width: 100%;
}
.form-group__orange-dark .form-input-calendar .form-control {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 2.3rem 1.6rem !important;
  width: calc(100% - 3rem);
  margin-left: auto;
  border-radius: 0.8rem;
}
.form-group__orange-dark .form-input-calendar .open {
  background-color: #f7f8f7 !important;
  border-radius: 0.8rem !important;
}
.form-group__orange-dark .form-input-calendar .open .open {
  background-color: #f7f8f7 !important;
}
.form-group__orange-dark .form-input-calendar .flag-dropdown {
  border: none;
  border-radius: 0.8rem;
  width: 3rem;
}
.form-group__orange-dark .form-input-calendar .flag-dropdown .selected-flag {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
}
.form-group__orange-dark .form-input-calendar .flag-dropdown .selected-flag:hover {
  background-color: #f7f8f7;
}
.form-group__orange-dark .form-input-calendar .flag-dropdown .selected-flag .flag img {
  border-radius: 50%;
}
.form-group__orange-dark .form-input-calendar .flag-dropdown .country-list .country .country-name {
  color: #020202;
}
.form-group__orange-dark .form-input-calendar .open {
  background-color: #f7f8f7;
}
.form-group__orange-dark .form-input-calendar .open .open {
  background-color: #f7f8f7;
}
.form-group__orange-dark .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.form-group__orange-dark .wrap .label-calendar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  z-index: 10;
}
.form-group__orange-dark .wrap .label-calendar .img-box {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.form-group__orange-dark .wrap .label-calendar .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.form-group__orange-dark .progress-text-box {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.form-group__orange-dark .progress-text-box .text {
  margin-left: auto;
  color: #676767;
  font-size: 1.25rem;
}
.form-group__orange-dark .progress-text-box .progress-box {
  display: flex;
  align-items: center;
  flex: 0 0 55%;
  gap: 0.5rem;
}
.form-group__orange-dark .form-input {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 1.4rem 1.6rem;
  flex: 1;
  position: relative;
  display: inline-block;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  color: #020202;
  position: relative;
  font-family: "br_firma", sans-serif;
  z-index: 3;
}
.form-group__orange-dark .form-input::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__orange-dark .form-input::placeholder {
  color: #b3b3b3;
}
.form-group__orange-dark .form-textarea {
  font-size: 1.4rem;
  color: #020202;
  font-family: "br_firma", sans-serif;
}
.form-group__orange-dark .form-textarea::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__orange-dark .form-textarea::placeholder {
  color: #b3b3b3;
}
.form-group__orange-dark .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__orange-dark .form-input_search {
  padding-left: 0rem;
}
.form-group__orange-dark .error-text {
  color: #ff0f00;
  margin-top: 0rem;
}
.form-group__orange-dark .react-select-class {
  text-align: left;
}
.form-group__orange-dark .react-select-class > *:nth-child(3) {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  border-radius: 0.8rem;
  padding: 0.32rem 0.4rem;
}
.form-group__orange-dark .react-select-class > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #b3b3b3;
}
.form-group__orange-dark .react-select-class > *:nth-child(3) > *:nth-child(2) span {
  display: none;
}
.form-group__orange-dark .react-select-class-selected > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #020202;
}
.form-group__orange-dark .input-group {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  display: flex;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  padding: 0.2rem;
  width: 100%;
  padding-right: 1.6rem;
  align-items: center;
}
.form-group__orange-dark .input-group .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__orange-dark .input-group .seach-box {
  display: grid;
  place-items: center;
}
.form-group__orange-dark .input-group .seach-box .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__orange-dark .input-group .seach-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__orange-dark .input-group .form-input {
  border: none;
  outline: none;
}
.form-group__orange-dark .input-group .show-hide {
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
  color: currentColor;
  position: relative;
  z-index: 4;
}
.form-group__orange-dark .input-group__search {
  padding-left: 1.6rem;
}
.form-group__orange-dark .input-group__phone {
  padding: 0.5rem 0.5rem 0.5rem 1.6rem;
}
.form-group__orange-dark .input-group__phone .form-input {
  padding: 0.9rem 1rem;
  position: relative;
  z-index: 3;
}
.form-group__orange-dark .input-group__phone .phone-wrap {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.7rem;
  border-right: 0.1rem solid #cccccc;
  padding-right: 1rem;
}
.form-group__orange-dark .input-group__phone .phone-wrap .down-icon {
  fill: #020202;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(0.2rem);
}
.form-group__orange-dark .input-group__phone .phone-wrap .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__orange-dark .input-group__phone .phone-wrap .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__orange-dark .input-group__phone .phone-wrap span {
  display: inline-block;
}
.form-group__orange-dark .pin-group {
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-group__orange-dark .pin-group .count-down-box {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1rem;
}
.form-group__orange-dark .pin-group .count-down-box .text {
  color: #676767;
  font-weight: 500;
}
.form-group__orange-dark .pin-group .count-down-box > *:last-child {
  color: #ff0f00;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: #ffeceb;
  padding: 0.8rem 1.2rem;
  border-radius: 6.4rem;
}
.form-group__orange-dark .pin-group .pin_field_group {
  display: flex;
  align-items: center;
  grid-column-gap: 1.5rem;
  justify-self: center;
}
.form-group__orange-dark .pin-group .pin_field_group input {
  width: 100% !important;
}
@media only screen and (max-width: 42em) {
  .form-group__orange-dark .pin-group .pin_field_group {
    grid-column-gap: 0rem;
  }
}
.form-group__orange-dark .pin-group .pin_field {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  height: 4.6rem;
  width: unset !important;
  outline: none;
  text-align: center;
  transition-duration: 250ms;
  transition-property: background, color, border, box-shadow, transform;
  /* width: calc(100% / 6); */
}
@media only screen and (max-width: 25em) {
  .form-group__orange-dark .pin-group .pin_field {
    width: 11.5vw;
    margin-right: 1rem;
  }
}
.form-group__orange-dark .pin-group .pin_field:focus {
  outline: none;
  transform: scale(1.05);
}
.form-group__orange-dark .pin-group .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(40, 167, 69, 0.1);
  border: 0.1rem solid var(--raven-black-color);
}
.form-group__orange-dark .pin-group .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: rgb(220, 53, 69);
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.form-group__orange-dark .pin-group .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.form-group__orange-dark .input-calendar-orange-dark .flatpickr-calendar {
  display: none !important;
}
.form-group__orange-dark .pin_field:focus {
  border-color: #ea872d;
  outline: none;
  transform: scale(1.05);
  caret-color: #ea872d;
}
.form-group__orange-dark .input-submit {
  background-color: #ea872d;
}
.form-group__orange-dark .input-submit_disabled {
  cursor: default;
  opacity: 0.2;
}
.form-group__orange-dark .input-submit_disabled:hover {
  transform: unset;
}
.form-group__orange-dark .input-submit-loading {
  cursor: default;
}
.form-group__orange-dark .input-submit-loading:hover {
  transform: unset;
}
.form-group__orange-dark .input-group__phone .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.07rem solid #ea872d;
}
.form-group__orange-dark .form-input-calendar .form-control {
  caret-color: #ea872d;
}
.form-group__orange-dark .form-input-calendar .flag-dropdown .country-list .highlight {
  background-color: #ea872d;
}
.form-group__orange-dark .form-input-calendar .flag-dropdown .country-list .highlight .dial-code,
.form-group__orange-dark .form-input-calendar .flag-dropdown .country-list .highlight .country-name {
  color: #ffffff;
}
.form-group__orange-dark .form-input {
  caret-color: #ea872d;
}
.form-group__orange-dark .form-input:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__orange-dark .form-input:focus:valid {
  outline: none;
  border: 0.1rem solid #ea872d;
}
.form-group__orange-dark .form-input:focus:not(:valid) ~ .error-text {
  visibility: visible;
}
.form-group__orange-dark .input-calender:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #cccccc;
}
.input-group .form-input {
  padding: 1.2rem;
}
.input-group .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group .form-input:focus:valid {
  outline: none;
  border: none;
}

.input-group__orange-dark .form-input {
  padding: 1.2rem;
}
.input-group__orange-dark .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group__orange-dark .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.09rem solid #ea872d;
}
.input-group__orange-dark .form-input:focus:valid {
  outline: none;
  border: none;
}
.input-group__orange-dark .pin-group_orange-dark .pin_field_group input {
  width: 100% !important;
}
.input-group__orange-dark .pin-group_orange-dark .pin_field {
  color: #020202;
}
.input-group__orange-dark .pin-group_orange-dark .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(234, 135, 45, 0.1);
  border: 0.1rem solid red !important;
}
.input-group__orange-dark .pin-group_orange-dark .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: #ff0f00;
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.2);
}
.input-group__orange-dark .pin-group_orange-dark .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-group__orange-dark .pin-group_orange-dark swd-pin-field[completed] .pin_field {
  background-color: rgba(234, 135, 45, 0.1);
  border: 0.1rem solid red !important;
}

.form-input_orange-dark {
  caret-color: #ea872d;
}

.border-error {
  border: 0.1rem solid #ff0f00 !important;
  border-radius: 0.8rem;
}

.show-hide_orange-dark {
  color: #ea872d !important;
}

.form-group__deep-green-dark {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-size: 1.4rem;
  position: relative;
  font-family: "br_firma", sans-serif;
}
.form-group__deep-green-dark .form-label {
  align-self: flex-start;
  margin-bottom: 0.4rem;
  font-size: 1.3rem;
  color: #020202;
  text-transform: capitalize;
  width: 100%;
  display: flex;
  align-items: center;
  font-family: "br_firma", sans-serif;
}
.form-group__deep-green-dark .form-label .label-span {
  margin-left: auto;
  cursor: pointer;
}
.form-group__deep-green-dark .upload-group {
  position: relative;
  min-height: 10rem;
  overflow-y: scroll;
  width: 100%;
  /* width */
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.form-group__deep-green-dark .upload-group::-webkit-scrollbar:horizontal {
  display: none;
}
.form-group__deep-green-dark .upload-group::-webkit-scrollbar {
  width: 0.5rem;
}
.form-group__deep-green-dark .upload-group::-webkit-scrollbar-track {
  -webkit-box-shadow: none !important;
  background-color: transparent !important;
}
.form-group__deep-green-dark .upload-group::-webkit-scrollbar-thumb {
  background: #cccccc;
  border-radius: 30rem;
}
.form-group__deep-green-dark .upload-group::-webkit-scrollbar-thumb:hover {
  background: #cccccc;
}
.form-group__deep-green-dark .upload-group label {
  position: absolute;
  top: 0;
  left: 0;
  height: 10rem;
  width: 100%;
  border: none;
  cursor: pointer;
  display: grid;
  place-items: center;
}
.form-group__deep-green-dark .upload-group label > *:nth-child(3) span {
  display: none;
}
.form-group__deep-green-dark .upload-group label .upload-text {
  text-align: center;
  color: #676767;
}
.form-group__deep-green-dark .upload-group label .upload-text span {
  font-weight: 700;
}
.form-group__deep-green-dark .upload-group label svg {
  display: none;
}
.form-group__deep-green-dark .display-wrap {
  width: 100%;
  display: flex;
  flex-direction: column;
  max-height: 0;
  overflow-x: hidden;
  overflow-y: hidden;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  width: 100%;
}
.form-group__deep-green-dark .display-wrap::-webkit-scrollbar {
  display: none;
}
.form-group__deep-green-dark .display-wrap .display-box {
  display: flex;
  align-items: center;
  padding: 1.2rem;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  background-color: #ffffff;
}
.form-group__deep-green-dark .display-wrap .display-box .img-box {
  flex: 0 0 10%;
  width: 4.5rem;
  height: 4.5rem;
  margin-right: 1rem;
  border-radius: 0.5rem;
  overflow: hidden;
  display: inline-block;
}
.form-group__deep-green-dark .display-wrap .display-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__deep-green-dark .display-wrap .display-box .text-box {
  margin-right: 1.5rem;
}
.form-group__deep-green-dark .display-wrap .display-box .text-box .name {
  font-weight: 500;
  color: #020202;
  font-size: 1.3rem;
}
.form-group__deep-green-dark .display-wrap .display-box .text-box .size {
  color: #676767;
  font-size: 1.3rem;
}
.form-group__deep-green-dark .display-wrap .display-box .cancel-box {
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #ffdfdd;
  margin-left: auto;
  display: grid;
  place-items: center;
  cursor: pointer;
  transition: all 0.3s;
}
.form-group__deep-green-dark .display-wrap .display-box .cancel-box:hover {
  transform: scale(1.1);
}
.form-group__deep-green-dark .display-wrap .display-box .cancel-box .icon {
  fill: #ff0f00;
  width: 1.1rem;
  height: 1.1rem;
}
.form-group__deep-green-dark .display-wrap-show {
  max-height: 15rem;
  transition: max-height 0.5s linear-bezier(0, 1.05, 0, 1);
}
.form-group__deep-green-dark .input-submit {
  border: none;
  outline: none;
  padding: 1.6rem 1rem;
  width: 100%;
  border-radius: 0.8rem;
  background-color: #0b8376;
  color: #ffffff;
  font-size: 1.4rem;
  cursor: pointer;
  transition: all 0.3s;
}
@media only screen and (max-width: 48em) {
  .form-group__deep-green-dark .input-submit {
    min-height: 4.5rem;
  }
}
.form-group__deep-green-dark .input-submit:active {
  border: none;
  outline: none;
}
.form-group__deep-green-dark .input-submit:focus {
  border: none;
  overflow: none;
}
.form-group__deep-green-dark .input-submit:hover {
  transform: translateY(-0.1rem);
}
.form-group__deep-green-dark .form-input-calendar {
  background-color: #e2e2e2;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  display: flex;
  width: 100%;
}
.form-group__deep-green-dark .form-input-calendar .form-control {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 2.3rem 1.6rem !important;
  width: calc(100% - 3rem);
  margin-left: auto;
  border-radius: 0.8rem;
}
.form-group__deep-green-dark .form-input-calendar .open {
  background-color: #f7f8f7 !important;
  border-radius: 0.8rem !important;
}
.form-group__deep-green-dark .form-input-calendar .open .open {
  background-color: #f7f8f7 !important;
}
.form-group__deep-green-dark .form-input-calendar .flag-dropdown {
  border: none;
  border-radius: 0.8rem;
  width: 3rem;
}
.form-group__deep-green-dark .form-input-calendar .flag-dropdown .selected-flag {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
}
.form-group__deep-green-dark .form-input-calendar .flag-dropdown .selected-flag:hover {
  background-color: #f7f8f7;
}
.form-group__deep-green-dark .form-input-calendar .flag-dropdown .selected-flag .flag img {
  border-radius: 50%;
}
.form-group__deep-green-dark .form-input-calendar .flag-dropdown .country-list .country .country-name {
  color: #020202;
}
.form-group__deep-green-dark .form-input-calendar .open {
  background-color: #f7f8f7;
}
.form-group__deep-green-dark .form-input-calendar .open .open {
  background-color: #f7f8f7;
}
.form-group__deep-green-dark .wrap {
  display: flex;
  align-items: center;
  width: 100%;
  position: relative;
}
.form-group__deep-green-dark .wrap .label-calendar {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.6rem;
  z-index: 10;
}
.form-group__deep-green-dark .wrap .label-calendar .img-box {
  width: 2rem;
  height: 2rem;
  cursor: pointer;
}
.form-group__deep-green-dark .wrap .label-calendar .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.form-group__deep-green-dark .progress-text-box {
  display: flex;
  align-items: center;
  margin-top: 0.5rem;
  flex-wrap: wrap;
}
.form-group__deep-green-dark .progress-text-box .text {
  margin-left: auto;
  color: #676767;
  font-size: 1.25rem;
}
.form-group__deep-green-dark .progress-text-box .progress-box {
  display: flex;
  align-items: center;
  flex: 0 0 55%;
  gap: 0.5rem;
}
.form-group__deep-green-dark .form-input {
  border: none;
  outline: none;
  background-color: #f7f8f7;
  padding: 1.4rem 1.6rem;
  flex: 1;
  position: relative;
  display: inline-block;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  color: #020202;
  position: relative;
  font-family: "br_firma", sans-serif;
  z-index: 3;
}
.form-group__deep-green-dark .form-input::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__deep-green-dark .form-input::placeholder {
  color: #b3b3b3;
}
.form-group__deep-green-dark .form-textarea {
  font-size: 1.4rem;
  color: #020202;
  font-family: "br_firma", sans-serif;
}
.form-group__deep-green-dark .form-textarea::-moz-placeholder {
  color: #b3b3b3;
}
.form-group__deep-green-dark .form-textarea::placeholder {
  color: #b3b3b3;
}
.form-group__deep-green-dark .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__deep-green-dark .form-input_search {
  padding-left: 0rem;
}
.form-group__deep-green-dark .error-text {
  color: #ff0f00;
  margin-top: 0rem;
}
.form-group__deep-green-dark .react-select-class {
  text-align: left;
}
.form-group__deep-green-dark .react-select-class > *:nth-child(3) {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  border-radius: 0.8rem;
  padding: 0.32rem 0.4rem;
}
.form-group__deep-green-dark .react-select-class > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #b3b3b3;
}
.form-group__deep-green-dark .react-select-class > *:nth-child(3) > *:nth-child(2) span {
  display: none;
}
.form-group__deep-green-dark .react-select-class-selected > *:nth-child(3) > *:nth-child(1) > *:nth-child(1) {
  font-size: 1.4rem;
  color: #020202;
}
.form-group__deep-green-dark .input-group {
  background-color: #f7f8f7;
  border: 0.1rem solid #cccccc;
  display: flex;
  border-radius: 0.8rem;
  overflow: hidden;
  position: relative;
  padding: 0.2rem;
  width: 100%;
  padding-right: 1.6rem;
  align-items: center;
}
.form-group__deep-green-dark .input-group .focus-border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  border-radius: 0.8rem;
  visibility: hidden;
}
.form-group__deep-green-dark .input-group .seach-box {
  display: grid;
  place-items: center;
}
.form-group__deep-green-dark .input-group .seach-box .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__deep-green-dark .input-group .seach-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__deep-green-dark .input-group .form-input {
  border: none;
  outline: none;
}
.form-group__deep-green-dark .input-group .show-hide {
  font-weight: 600;
  font-size: 1.3rem;
  cursor: pointer;
  color: currentColor;
  position: relative;
  z-index: 4;
}
.form-group__deep-green-dark .input-group__search {
  padding-left: 1.6rem;
}
.form-group__deep-green-dark .input-group__phone {
  padding: 0.5rem 0.5rem 0.5rem 1.6rem;
}
.form-group__deep-green-dark .input-group__phone .form-input {
  padding: 0.9rem 1rem;
  position: relative;
  z-index: 3;
}
.form-group__deep-green-dark .input-group__phone .phone-wrap {
  display: flex;
  align-self: stretch;
  align-items: center;
  gap: 0.7rem;
  border-right: 0.1rem solid #cccccc;
  padding-right: 1rem;
}
.form-group__deep-green-dark .input-group__phone .phone-wrap .down-icon {
  fill: #020202;
  width: 1.2rem;
  height: 1.2rem;
  transform: translateY(0.2rem);
}
.form-group__deep-green-dark .input-group__phone .phone-wrap .img-box {
  width: 2rem;
  height: 2rem;
}
.form-group__deep-green-dark .input-group__phone .phone-wrap .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.form-group__deep-green-dark .input-group__phone .phone-wrap span {
  display: inline-block;
}
.form-group__deep-green-dark .pin-group {
  grid-template-columns: repeat(6, 1fr);
  width: 100%;
  display: flex;
  flex-direction: column;
}
.form-group__deep-green-dark .pin-group .count-down-box {
  display: flex;
  align-items: center;
  margin-top: 1.5rem;
  gap: 1rem;
}
.form-group__deep-green-dark .pin-group .count-down-box .text {
  color: #676767;
  font-weight: 500;
}
.form-group__deep-green-dark .pin-group .count-down-box > *:last-child {
  color: #ff0f00;
  font-weight: 700;
  font-size: 1.3rem;
  background-color: #ffeceb;
  padding: 0.8rem 1.2rem;
  border-radius: 6.4rem;
}
.form-group__deep-green-dark .pin-group .pin_field_group {
  display: flex;
  align-items: center;
  grid-column-gap: 1.5rem;
  justify-self: center;
}
.form-group__deep-green-dark .pin-group .pin_field_group input {
  width: 100% !important;
}
@media only screen and (max-width: 42em) {
  .form-group__deep-green-dark .pin-group .pin_field_group {
    grid-column-gap: 0rem;
  }
}
.form-group__deep-green-dark .pin-group .pin_field {
  background-color: #f7f8f7;
  border-radius: 0.8rem;
  border: 0.1rem solid #cccccc;
  font-size: 1.4rem;
  font-family: inherit;
  color: #020202;
  height: 4.6rem;
  width: unset !important;
  outline: none;
  text-align: center;
  transition-duration: 250ms;
  transition-property: background, color, border, box-shadow, transform;
  /* width: calc(100% / 6); */
}
@media only screen and (max-width: 25em) {
  .form-group__deep-green-dark .pin-group .pin_field {
    width: 11.5vw;
    margin-right: 1rem;
  }
}
.form-group__deep-green-dark .pin-group .pin_field:focus {
  outline: none;
  transform: scale(1.05);
}
.form-group__deep-green-dark .pin-group .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(40, 167, 69, 0.1);
  border: 0.1rem solid var(--raven-black-color);
}
.form-group__deep-green-dark .pin-group .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: rgb(220, 53, 69);
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.5);
}
.form-group__deep-green-dark .pin-group .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.form-group__deep-green-dark .input-calendar-deep-green-dark .flatpickr-calendar {
  display: none !important;
}
.form-group__deep-green-dark .pin_field:focus {
  border-color: #0b8376;
  outline: none;
  transform: scale(1.05);
  caret-color: #0b8376;
}
.form-group__deep-green-dark .input-submit {
  background-color: #0b8376;
}
.form-group__deep-green-dark .input-submit_disabled {
  cursor: default;
  opacity: 0.2;
}
.form-group__deep-green-dark .input-submit_disabled:hover {
  transform: unset;
}
.form-group__deep-green-dark .input-submit-loading {
  cursor: default;
}
.form-group__deep-green-dark .input-submit-loading:hover {
  transform: unset;
}
.form-group__deep-green-dark .input-group__phone .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.07rem solid #0b8376;
}
.form-group__deep-green-dark .form-input-calendar .form-control {
  caret-color: #0b8376;
}
.form-group__deep-green-dark .form-input-calendar .flag-dropdown .country-list .highlight {
  background-color: #0b8376;
}
.form-group__deep-green-dark .form-input-calendar .flag-dropdown .country-list .highlight .dial-code,
.form-group__deep-green-dark .form-input-calendar .flag-dropdown .country-list .highlight .country-name {
  color: #ffffff;
}
.form-group__deep-green-dark .form-input {
  caret-color: #0b8376;
}
.form-group__deep-green-dark .form-input:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #ff0f00;
}
.form-group__deep-green-dark .form-input:focus:valid {
  outline: none;
  border: 0.1rem solid #0b8376;
}
.form-group__deep-green-dark .form-input:focus:not(:valid) ~ .error-text {
  visibility: visible;
}
.form-group__deep-green-dark .input-calender:focus:not(:valid) {
  outline: none;
  border: 0.1rem solid #cccccc;
}
.input-group .form-input {
  padding: 1.2rem;
}
.input-group .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group .form-input:focus:valid {
  outline: none;
  border: none;
}

.input-group__deep-green-dark .form-input {
  padding: 1.2rem;
}
.input-group__deep-green-dark .form-input:focus:not(:valid) {
  outline: none;
  border: none;
}
.input-group__deep-green-dark .form-input:focus ~ .focus-border {
  visibility: visible;
  border: 0.09rem solid #0b8376;
}
.input-group__deep-green-dark .form-input:focus:valid {
  outline: none;
  border: none;
}
.input-group__deep-green-dark .pin-group_deep-green-dark .pin_field_group input {
  width: 100% !important;
}
.input-group__deep-green-dark .pin-group_deep-green-dark .pin_field {
  color: #020202;
}
.input-group__deep-green-dark .pin-group_deep-green-dark .pin_field_completed {
  /* background-color: #cccccc; */
  background-color: rgba(11, 131, 118, 0.1);
  border: 0.1rem solid red !important;
}
.input-group__deep-green-dark .pin-group_deep-green-dark .pin_field:invalid {
  animation: shake 3 linear 75ms;
  border-color: #ff0f00;
  box-shadow: 0 0 0.25rem rgba(220, 53, 69, 0.2);
}
.input-group__deep-green-dark .pin-group_deep-green-dark .pin_field:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.input-group__deep-green-dark .pin-group_deep-green-dark swd-pin-field[completed] .pin_field {
  background-color: rgba(11, 131, 118, 0.1);
  border: 0.1rem solid red !important;
}

.form-input_deep-green-dark {
  caret-color: #0b8376;
}

.border-error {
  border: 0.1rem solid #ff0f00 !important;
  border-radius: 0.8rem;
}

.show-hide_deep-green-dark {
  color: #0b8376 !important;
}

.radio-box-wrap {
  width: -moz-max-content;
  width: max-content;
  display: flex;
  flex-direction: row;
}
.radio-box-wrap .input-radio {
  display: none;
}
.radio-box-wrap .label-radio {
  width: 2rem;
  height: 2rem;
  display: grid;
  place-items: center;
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.1s ease-in-out;
}
.radio-box-wrap .label-radio span {
  width: 1.2rem;
  height: 1.2rem;
  fill: #ffffff;
  background-color: #ffffff;
  border-radius: 50%;
  display: inline-block;
}
.radio-box-wrap .input-radio:checked ~ .label-radio__error-light .check {
  background-color: #ff0f00;
}
.radio-box-wrap .label-radio__error-light {
  border: 0.15rem solid #ff0f00;
}
.radio-box-wrap .input-radio:checked ~ .label-radio__info-light .check {
  background-color: #f6c31c;
}
.radio-box-wrap .label-radio__info-light {
  border: 0.15rem solid #f6c31c;
}
.radio-box-wrap .input-radio:checked ~ .label-radio__white-light .check {
  background-color: #ffffff;
}
.radio-box-wrap .label-radio__white-light {
  border: 0.15rem solid #ffffff;
}
.radio-box-wrap .input-radio:checked ~ .label-radio__blue-light .check {
  background-color: #476885;
}
.radio-box-wrap .label-radio__blue-light {
  border: 0.15rem solid #476885;
}
.radio-box-wrap .input-radio:checked ~ .label-radio__green-light .check {
  background-color: #0b8376;
}
.radio-box-wrap .label-radio__green-light {
  border: 0.15rem solid #0b8376;
}
.radio-box-wrap .input-radio:checked ~ .label-radio__purple-light .check {
  background-color: #755ae2;
}
.radio-box-wrap .label-radio__purple-light {
  border: 0.15rem solid #755ae2;
}
.radio-box-wrap .input-radio:checked ~ .label-radio__orange-light .check {
  background-color: #ea872d;
}
.radio-box-wrap .label-radio__orange-light {
  border: 0.15rem solid #ea872d;
}
.radio-box-wrap .input-radio:checked ~ .label-radio__black-light .check {
  background-color: #020202;
}
.radio-box-wrap .label-radio__black-light {
  border: 0.15rem solid #020202;
}
.radio-box-wrap .input-radio:checked ~ .label-radio__deep-green-light .check {
  background-color: #014345;
}
.radio-box-wrap .label-radio__deep-green-light {
  border: 0.15rem solid #014345;
}
.radio-box-wrap .input-radio:checked ~ .label-radio__grey .check {
  background-color: #cccccc;
}
.radio-box-wrap .label-radio__grey {
  border: 0.15rem solid #cccccc;
}
.radio-box-wrap .input-radio:checked ~ .label-radio__base-bg-black .check {
  background-color: #676767;
}
.radio-box-wrap .label-radio__base-bg-black {
  border: 0.15rem solid #676767;
}
.radio-box-wrap .input-radio:checked ~ .label-radio__error-dark .check {
  background-color: #ff0f00;
}
.radio-box-wrap .label-radio__error-dark {
  border: 0.15rem solid #ff0f00;
}
.radio-box-wrap .input-radio:checked ~ .label-radio__info-dark .check {
  background-color: #f6c31c;
}
.radio-box-wrap .label-radio__info-dark {
  border: 0.15rem solid #f6c31c;
}
.radio-box-wrap .input-radio:checked ~ .label-radio__dark-dark .check {
  background-color: #ffffff;
}
.radio-box-wrap .label-radio__dark-dark {
  border: 0.15rem solid #ffffff;
}
.radio-box-wrap .input-radio:checked ~ .label-radio__white-dark .check {
  background-color: #020202;
}
.radio-box-wrap .label-radio__white-dark {
  border: 0.15rem solid #020202;
}
.radio-box-wrap .input-radio:checked ~ .label-radio__green-dark .check {
  background-color: #0b8376;
}
.radio-box-wrap .label-radio__green-dark {
  border: 0.15rem solid #0b8376;
}
.radio-box-wrap .input-radio:checked ~ .label-radio__blue-dark .check {
  background-color: #a0d2fe;
}
.radio-box-wrap .label-radio__blue-dark {
  border: 0.15rem solid #a0d2fe;
}
.radio-box-wrap .input-radio:checked ~ .label-radio__purple-dark .check {
  background-color: #755ae2;
}
.radio-box-wrap .label-radio__purple-dark {
  border: 0.15rem solid #755ae2;
}
.radio-box-wrap .input-radio:checked ~ .label-radio__orange-dark .check {
  background-color: #ea872d;
}
.radio-box-wrap .label-radio__orange-dark {
  border: 0.15rem solid #ea872d;
}
.radio-box-wrap .input-radio:checked ~ .label-radio__deep-green-dark .check {
  background-color: #0b8376;
}
.radio-box-wrap .label-radio__deep-green-dark {
  border: 0.15rem solid #0b8376;
}

.table {
  width: 100%;
  font-size: 1.4rem;
  border-spacing: 0rem;
  border-collapse: separate;
}
.table .table-head tr th,
.table thead tr th {
  background-color: #f7f8f7;
  text-align: left;
  text-transform: uppercase;
  font-size: 1.3rem;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  border-bottom: 0.6px solid #e5e6e6;
}
.table .table-head tr > *:first-child,
.table thead tr > *:first-child {
  padding-left: 3rem;
}
.table .table-head tr .action,
.table thead tr .action {
  text-align: center;
  padding-right: 3rem;
}
.table .table-body > *:not(:last-child) td,
.table .table-body > *:not(:last-child) .table-data,
.table tbody > *:not(:last-child) td,
.table tbody > *:not(:last-child) .table-data {
  border-bottom: 0.6px solid #e5e6e6;
}
.table .table-body tr,
.table .table-body .table-row,
.table tbody tr,
.table tbody .table-row {
  cursor: pointer;
}
.table .table-body tr td,
.table .table-body tr .table-data,
.table .table-body .table-row td,
.table .table-body .table-row .table-data,
.table tbody tr td,
.table tbody tr .table-data,
.table tbody .table-row td,
.table tbody .table-row .table-data {
  padding: 1.3rem 0rem;
  font-weight: 300;
  font-size: 1.25rem;
}
.table .table-body tr td .action-box,
.table .table-body tr .table-data .action-box,
.table .table-body .table-row td .action-box,
.table .table-body .table-row .table-data .action-box,
.table tbody tr td .action-box,
.table tbody tr .table-data .action-box,
.table tbody .table-row td .action-box,
.table tbody .table-row .table-data .action-box {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  position: relative;
  justify-content: flex-end;
}
.table .table-body tr td .action-box .img-box,
.table .table-body tr .table-data .action-box .img-box,
.table .table-body .table-row td .action-box .img-box,
.table .table-body .table-row .table-data .action-box .img-box,
.table tbody tr td .action-box .img-box,
.table tbody tr .table-data .action-box .img-box,
.table tbody .table-row td .action-box .img-box,
.table tbody .table-row .table-data .action-box .img-box {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s;
}
.table .table-body tr td .action-box .img-box:hover,
.table .table-body tr .table-data .action-box .img-box:hover,
.table .table-body .table-row td .action-box .img-box:hover,
.table .table-body .table-row .table-data .action-box .img-box:hover,
.table tbody tr td .action-box .img-box:hover,
.table tbody tr .table-data .action-box .img-box:hover,
.table tbody .table-row td .action-box .img-box:hover,
.table tbody .table-row .table-data .action-box .img-box:hover {
  transform: translateY(-0.06rem);
}
.table .table-body tr td .action-box .img-box .img,
.table .table-body tr .table-data .action-box .img-box .img,
.table .table-body .table-row td .action-box .img-box .img,
.table .table-body .table-row .table-data .action-box .img-box .img,
.table tbody tr td .action-box .img-box .img,
.table tbody tr .table-data .action-box .img-box .img,
.table tbody .table-row td .action-box .img-box .img,
.table tbody .table-row .table-data .action-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.table .table-body tr td .action-box .action-wrap,
.table .table-body tr .table-data .action-box .action-wrap,
.table .table-body .table-row td .action-box .action-wrap,
.table .table-body .table-row .table-data .action-box .action-wrap,
.table tbody tr td .action-box .action-wrap,
.table tbody tr .table-data .action-box .action-wrap,
.table tbody .table-row td .action-box .action-wrap,
.table tbody .table-row .table-data .action-box .action-wrap {
  position: relative;
}
.table .table-body tr td .action-box .action-wrap .drop-box,
.table .table-body tr .table-data .action-box .action-wrap .drop-box,
.table .table-body .table-row td .action-box .action-wrap .drop-box,
.table .table-body .table-row .table-data .action-box .action-wrap .drop-box,
.table tbody tr td .action-box .action-wrap .drop-box,
.table tbody tr .table-data .action-box .action-wrap .drop-box,
.table tbody .table-row td .action-box .action-wrap .drop-box,
.table tbody .table-row .table-data .action-box .action-wrap .drop-box {
  position: absolute;
  top: 105%;
  right: 1.5rem;
  width: -moz-max-content;
  width: max-content;
  transform: scale(0);
  transform-origin: top right;
  transition: all 0.2s ease-in-out;
  z-index: 10;
}
.table .table-body tr td .action-box .action-wrap .drop-box > *,
.table .table-body tr .table-data .action-box .action-wrap .drop-box > *,
.table .table-body .table-row td .action-box .action-wrap .drop-box > *,
.table .table-body .table-row .table-data .action-box .action-wrap .drop-box > *,
.table tbody tr td .action-box .action-wrap .drop-box > *,
.table tbody tr .table-data .action-box .action-wrap .drop-box > *,
.table tbody .table-row td .action-box .action-wrap .drop-box > *,
.table tbody .table-row .table-data .action-box .action-wrap .drop-box > * {
  min-width: 17rem;
  max-width: unset;
}
.table .table-body tr td .action-box .action-wrap .drop-box > * .icon-box,
.table .table-body tr .table-data .action-box .action-wrap .drop-box > * .icon-box,
.table .table-body .table-row td .action-box .action-wrap .drop-box > * .icon-box,
.table .table-body .table-row .table-data .action-box .action-wrap .drop-box > * .icon-box,
.table tbody tr td .action-box .action-wrap .drop-box > * .icon-box,
.table tbody tr .table-data .action-box .action-wrap .drop-box > * .icon-box,
.table tbody .table-row td .action-box .action-wrap .drop-box > * .icon-box,
.table tbody .table-row .table-data .action-box .action-wrap .drop-box > * .icon-box {
  width: 2rem;
  height: 2rem;
}
.table .table-body tr td .action-box .action-wrap .drop-box > * .icon-box .img,
.table .table-body tr .table-data .action-box .action-wrap .drop-box > * .icon-box .img,
.table .table-body .table-row td .action-box .action-wrap .drop-box > * .icon-box .img,
.table .table-body .table-row .table-data .action-box .action-wrap .drop-box > * .icon-box .img,
.table tbody tr td .action-box .action-wrap .drop-box > * .icon-box .img,
.table tbody tr .table-data .action-box .action-wrap .drop-box > * .icon-box .img,
.table tbody .table-row td .action-box .action-wrap .drop-box > * .icon-box .img,
.table tbody .table-row .table-data .action-box .action-wrap .drop-box > * .icon-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.table .table-body tr td .action-box .action-wrap .drop-box-show,
.table .table-body tr .table-data .action-box .action-wrap .drop-box-show,
.table .table-body .table-row td .action-box .action-wrap .drop-box-show,
.table .table-body .table-row .table-data .action-box .action-wrap .drop-box-show,
.table tbody tr td .action-box .action-wrap .drop-box-show,
.table tbody tr .table-data .action-box .action-wrap .drop-box-show,
.table tbody .table-row td .action-box .action-wrap .drop-box-show,
.table tbody .table-row .table-data .action-box .action-wrap .drop-box-show {
  transform: scale(1);
}
.table .table-body tr td .img-text,
.table .table-body tr .table-data .img-text,
.table .table-body .table-row td .img-text,
.table .table-body .table-row .table-data .img-text,
.table tbody tr td .img-text,
.table tbody tr .table-data .img-text,
.table tbody .table-row td .img-text,
.table tbody .table-row .table-data .img-text {
  display: flex;
  align-items: center;
}
.table .table-body tr td .img-text .img-box,
.table .table-body tr .table-data .img-text .img-box,
.table .table-body .table-row td .img-text .img-box,
.table .table-body .table-row .table-data .img-text .img-box,
.table tbody tr td .img-text .img-box,
.table tbody tr .table-data .img-text .img-box,
.table tbody .table-row td .img-text .img-box,
.table tbody .table-row .table-data .img-text .img-box {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 0.7rem;
}
.table .table-body tr td .img-text .img-box .img,
.table .table-body tr .table-data .img-text .img-box .img,
.table .table-body .table-row td .img-text .img-box .img,
.table .table-body .table-row .table-data .img-text .img-box .img,
.table tbody tr td .img-text .img-box .img,
.table tbody tr .table-data .img-text .img-box .img,
.table tbody .table-row td .img-text .img-box .img,
.table tbody .table-row .table-data .img-text .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.table .table-body tr .table-data-action,
.table .table-body .table-row .table-data-action,
.table tbody tr .table-data-action,
.table tbody .table-row .table-data-action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 3rem;
  gap: 1rem;
}
.table .table-body tr .table-data-action .action-box,
.table .table-body .table-row .table-data-action .action-box,
.table tbody tr .table-data-action .action-box,
.table tbody .table-row .table-data-action .action-box {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  position: relative;
}
.table .table-body tr .table-data-action .action-box .img-box,
.table .table-body .table-row .table-data-action .action-box .img-box,
.table tbody tr .table-data-action .action-box .img-box,
.table tbody .table-row .table-data-action .action-box .img-box {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s;
}
.table .table-body tr .table-data-action .action-box .img-box:hover,
.table .table-body .table-row .table-data-action .action-box .img-box:hover,
.table tbody tr .table-data-action .action-box .img-box:hover,
.table tbody .table-row .table-data-action .action-box .img-box:hover {
  transform: translateY(-0.06rem);
}
.table .table-body tr .table-data-action .action-box .img-box .img,
.table .table-body .table-row .table-data-action .action-box .img-box .img,
.table tbody tr .table-data-action .action-box .img-box .img,
.table tbody .table-row .table-data-action .action-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.table .table-body tr .table-data-action .action-box .action-wrap,
.table .table-body .table-row .table-data-action .action-box .action-wrap,
.table tbody tr .table-data-action .action-box .action-wrap,
.table tbody .table-row .table-data-action .action-box .action-wrap {
  position: relative;
}
.table .table-body tr .table-data-action .action-box .action-wrap .drop-box,
.table .table-body .table-row .table-data-action .action-box .action-wrap .drop-box,
.table tbody tr .table-data-action .action-box .action-wrap .drop-box,
.table tbody .table-row .table-data-action .action-box .action-wrap .drop-box {
  position: absolute;
  top: 105%;
  right: 1.5rem;
  width: -moz-max-content;
  width: max-content;
  transform: scale(0);
  transform-origin: top right;
  transition: all 0.2s ease-in-out;
  z-index: 10;
}
.table .table-body tr .table-data-action .action-box .action-wrap .drop-box > *,
.table .table-body .table-row .table-data-action .action-box .action-wrap .drop-box > *,
.table tbody tr .table-data-action .action-box .action-wrap .drop-box > *,
.table tbody .table-row .table-data-action .action-box .action-wrap .drop-box > * {
  min-width: 17rem;
  max-width: unset;
}
.table .table-body tr .table-data-action .action-box .action-wrap .drop-box > * .icon-box,
.table .table-body .table-row .table-data-action .action-box .action-wrap .drop-box > * .icon-box,
.table tbody tr .table-data-action .action-box .action-wrap .drop-box > * .icon-box,
.table tbody .table-row .table-data-action .action-box .action-wrap .drop-box > * .icon-box {
  width: 2rem;
  height: 2rem;
}
.table .table-body tr .table-data-action .action-box .action-wrap .drop-box > * .icon-box .img,
.table .table-body .table-row .table-data-action .action-box .action-wrap .drop-box > * .icon-box .img,
.table tbody tr .table-data-action .action-box .action-wrap .drop-box > * .icon-box .img,
.table tbody .table-row .table-data-action .action-box .action-wrap .drop-box > * .icon-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.table .table-body tr .table-data-action .action-box .action-wrap .drop-box-show,
.table .table-body .table-row .table-data-action .action-box .action-wrap .drop-box-show,
.table tbody tr .table-data-action .action-box .action-wrap .drop-box-show,
.table tbody .table-row .table-data-action .action-box .action-wrap .drop-box-show {
  transform: scale(1);
}
.table .table-body tr > *:first-child,
.table .table-body .table-row > *:first-child,
.table tbody tr > *:first-child,
.table tbody .table-row > *:first-child {
  padding-left: 3rem;
}

.table_strip {
  width: 100%;
  font-size: 1.4rem;
  border-spacing: 0rem;
  border-collapse: separate;
}
.table_strip .table-head tr th,
.table_strip thead tr th {
  background-color: #f7f8f7;
  text-align: left;
  text-transform: uppercase;
  font-size: 1.3rem;
  padding-bottom: 1.5rem;
  padding-top: 1.5rem;
  border-bottom: 0.6px solid #e5e6e6;
}
.table_strip .table-head tr > *:first-child,
.table_strip thead tr > *:first-child {
  padding-left: 3rem;
}
.table_strip .table-head tr .action,
.table_strip thead tr .action {
  text-align: center;
  padding-right: 3rem;
}
.table_strip .table-body > *:not(:last-child) td,
.table_strip .table-body > *:not(:last-child) .table-data,
.table_strip tbody > *:not(:last-child) td,
.table_strip tbody > *:not(:last-child) .table-data {
  border-bottom: 0.6px solid #e5e6e6;
}
.table_strip .table-body tr,
.table_strip .table-body .table-row,
.table_strip tbody tr,
.table_strip tbody .table-row {
  cursor: pointer;
}
.table_strip .table-body tr td,
.table_strip .table-body tr .table-data,
.table_strip .table-body .table-row td,
.table_strip .table-body .table-row .table-data,
.table_strip tbody tr td,
.table_strip tbody tr .table-data,
.table_strip tbody .table-row td,
.table_strip tbody .table-row .table-data {
  padding: 1.3rem 0rem;
  font-weight: 300;
  font-size: 1.25rem;
}
.table_strip .table-body tr td .action-box,
.table_strip .table-body tr .table-data .action-box,
.table_strip .table-body .table-row td .action-box,
.table_strip .table-body .table-row .table-data .action-box,
.table_strip tbody tr td .action-box,
.table_strip tbody tr .table-data .action-box,
.table_strip tbody .table-row td .action-box,
.table_strip tbody .table-row .table-data .action-box {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  position: relative;
  justify-content: flex-end;
}
.table_strip .table-body tr td .action-box .img-box,
.table_strip .table-body tr .table-data .action-box .img-box,
.table_strip .table-body .table-row td .action-box .img-box,
.table_strip .table-body .table-row .table-data .action-box .img-box,
.table_strip tbody tr td .action-box .img-box,
.table_strip tbody tr .table-data .action-box .img-box,
.table_strip tbody .table-row td .action-box .img-box,
.table_strip tbody .table-row .table-data .action-box .img-box {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s;
}
.table_strip .table-body tr td .action-box .img-box:hover,
.table_strip .table-body tr .table-data .action-box .img-box:hover,
.table_strip .table-body .table-row td .action-box .img-box:hover,
.table_strip .table-body .table-row .table-data .action-box .img-box:hover,
.table_strip tbody tr td .action-box .img-box:hover,
.table_strip tbody tr .table-data .action-box .img-box:hover,
.table_strip tbody .table-row td .action-box .img-box:hover,
.table_strip tbody .table-row .table-data .action-box .img-box:hover {
  transform: translateY(-0.06rem);
}
.table_strip .table-body tr td .action-box .img-box .img,
.table_strip .table-body tr .table-data .action-box .img-box .img,
.table_strip .table-body .table-row td .action-box .img-box .img,
.table_strip .table-body .table-row .table-data .action-box .img-box .img,
.table_strip tbody tr td .action-box .img-box .img,
.table_strip tbody tr .table-data .action-box .img-box .img,
.table_strip tbody .table-row td .action-box .img-box .img,
.table_strip tbody .table-row .table-data .action-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.table_strip .table-body tr td .action-box .action-wrap,
.table_strip .table-body tr .table-data .action-box .action-wrap,
.table_strip .table-body .table-row td .action-box .action-wrap,
.table_strip .table-body .table-row .table-data .action-box .action-wrap,
.table_strip tbody tr td .action-box .action-wrap,
.table_strip tbody tr .table-data .action-box .action-wrap,
.table_strip tbody .table-row td .action-box .action-wrap,
.table_strip tbody .table-row .table-data .action-box .action-wrap {
  position: relative;
}
.table_strip .table-body tr td .action-box .action-wrap .drop-box,
.table_strip .table-body tr .table-data .action-box .action-wrap .drop-box,
.table_strip .table-body .table-row td .action-box .action-wrap .drop-box,
.table_strip .table-body .table-row .table-data .action-box .action-wrap .drop-box,
.table_strip tbody tr td .action-box .action-wrap .drop-box,
.table_strip tbody tr .table-data .action-box .action-wrap .drop-box,
.table_strip tbody .table-row td .action-box .action-wrap .drop-box,
.table_strip tbody .table-row .table-data .action-box .action-wrap .drop-box {
  position: absolute;
  top: 105%;
  right: 1.5rem;
  width: -moz-max-content;
  width: max-content;
  transform: scale(0);
  transform-origin: top right;
  transition: all 0.2s ease-in-out;
  z-index: 10;
}
.table_strip .table-body tr td .action-box .action-wrap .drop-box > *,
.table_strip .table-body tr .table-data .action-box .action-wrap .drop-box > *,
.table_strip .table-body .table-row td .action-box .action-wrap .drop-box > *,
.table_strip .table-body .table-row .table-data .action-box .action-wrap .drop-box > *,
.table_strip tbody tr td .action-box .action-wrap .drop-box > *,
.table_strip tbody tr .table-data .action-box .action-wrap .drop-box > *,
.table_strip tbody .table-row td .action-box .action-wrap .drop-box > *,
.table_strip tbody .table-row .table-data .action-box .action-wrap .drop-box > * {
  min-width: 17rem;
  max-width: unset;
}
.table_strip .table-body tr td .action-box .action-wrap .drop-box > * .icon-box,
.table_strip .table-body tr .table-data .action-box .action-wrap .drop-box > * .icon-box,
.table_strip .table-body .table-row td .action-box .action-wrap .drop-box > * .icon-box,
.table_strip .table-body .table-row .table-data .action-box .action-wrap .drop-box > * .icon-box,
.table_strip tbody tr td .action-box .action-wrap .drop-box > * .icon-box,
.table_strip tbody tr .table-data .action-box .action-wrap .drop-box > * .icon-box,
.table_strip tbody .table-row td .action-box .action-wrap .drop-box > * .icon-box,
.table_strip tbody .table-row .table-data .action-box .action-wrap .drop-box > * .icon-box {
  width: 2rem;
  height: 2rem;
}
.table_strip .table-body tr td .action-box .action-wrap .drop-box > * .icon-box .img,
.table_strip .table-body tr .table-data .action-box .action-wrap .drop-box > * .icon-box .img,
.table_strip .table-body .table-row td .action-box .action-wrap .drop-box > * .icon-box .img,
.table_strip .table-body .table-row .table-data .action-box .action-wrap .drop-box > * .icon-box .img,
.table_strip tbody tr td .action-box .action-wrap .drop-box > * .icon-box .img,
.table_strip tbody tr .table-data .action-box .action-wrap .drop-box > * .icon-box .img,
.table_strip tbody .table-row td .action-box .action-wrap .drop-box > * .icon-box .img,
.table_strip tbody .table-row .table-data .action-box .action-wrap .drop-box > * .icon-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.table_strip .table-body tr td .action-box .action-wrap .drop-box-show,
.table_strip .table-body tr .table-data .action-box .action-wrap .drop-box-show,
.table_strip .table-body .table-row td .action-box .action-wrap .drop-box-show,
.table_strip .table-body .table-row .table-data .action-box .action-wrap .drop-box-show,
.table_strip tbody tr td .action-box .action-wrap .drop-box-show,
.table_strip tbody tr .table-data .action-box .action-wrap .drop-box-show,
.table_strip tbody .table-row td .action-box .action-wrap .drop-box-show,
.table_strip tbody .table-row .table-data .action-box .action-wrap .drop-box-show {
  transform: scale(1);
}
.table_strip .table-body tr td .img-text,
.table_strip .table-body tr .table-data .img-text,
.table_strip .table-body .table-row td .img-text,
.table_strip .table-body .table-row .table-data .img-text,
.table_strip tbody tr td .img-text,
.table_strip tbody tr .table-data .img-text,
.table_strip tbody .table-row td .img-text,
.table_strip tbody .table-row .table-data .img-text {
  display: flex;
  align-items: center;
}
.table_strip .table-body tr td .img-text .img-box,
.table_strip .table-body tr .table-data .img-text .img-box,
.table_strip .table-body .table-row td .img-text .img-box,
.table_strip .table-body .table-row .table-data .img-text .img-box,
.table_strip tbody tr td .img-text .img-box,
.table_strip tbody tr .table-data .img-text .img-box,
.table_strip tbody .table-row td .img-text .img-box,
.table_strip tbody .table-row .table-data .img-text .img-box {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 50%;
  overflow: hidden;
  margin-right: 0.7rem;
}
.table_strip .table-body tr td .img-text .img-box .img,
.table_strip .table-body tr .table-data .img-text .img-box .img,
.table_strip .table-body .table-row td .img-text .img-box .img,
.table_strip .table-body .table-row .table-data .img-text .img-box .img,
.table_strip tbody tr td .img-text .img-box .img,
.table_strip tbody tr .table-data .img-text .img-box .img,
.table_strip tbody .table-row td .img-text .img-box .img,
.table_strip tbody .table-row .table-data .img-text .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.table_strip .table-body tr .table-data-action,
.table_strip .table-body .table-row .table-data-action,
.table_strip tbody tr .table-data-action,
.table_strip tbody .table-row .table-data-action {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: 3rem;
  gap: 1rem;
}
.table_strip .table-body tr .table-data-action .action-box,
.table_strip .table-body .table-row .table-data-action .action-box,
.table_strip tbody tr .table-data-action .action-box,
.table_strip tbody .table-row .table-data-action .action-box {
  display: flex;
  align-items: center;
  gap: 1.2rem;
  position: relative;
}
.table_strip .table-body tr .table-data-action .action-box .img-box,
.table_strip .table-body .table-row .table-data-action .action-box .img-box,
.table_strip tbody tr .table-data-action .action-box .img-box,
.table_strip tbody .table-row .table-data-action .action-box .img-box {
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  overflow: hidden;
  cursor: pointer;
  transition: all 0.3s;
}
.table_strip .table-body tr .table-data-action .action-box .img-box:hover,
.table_strip .table-body .table-row .table-data-action .action-box .img-box:hover,
.table_strip tbody tr .table-data-action .action-box .img-box:hover,
.table_strip tbody .table-row .table-data-action .action-box .img-box:hover {
  transform: translateY(-0.06rem);
}
.table_strip .table-body tr .table-data-action .action-box .img-box .img,
.table_strip .table-body .table-row .table-data-action .action-box .img-box .img,
.table_strip tbody tr .table-data-action .action-box .img-box .img,
.table_strip tbody .table-row .table-data-action .action-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.table_strip .table-body tr .table-data-action .action-box .action-wrap,
.table_strip .table-body .table-row .table-data-action .action-box .action-wrap,
.table_strip tbody tr .table-data-action .action-box .action-wrap,
.table_strip tbody .table-row .table-data-action .action-box .action-wrap {
  position: relative;
}
.table_strip .table-body tr .table-data-action .action-box .action-wrap .drop-box,
.table_strip .table-body .table-row .table-data-action .action-box .action-wrap .drop-box,
.table_strip tbody tr .table-data-action .action-box .action-wrap .drop-box,
.table_strip tbody .table-row .table-data-action .action-box .action-wrap .drop-box {
  position: absolute;
  top: 105%;
  right: 1.5rem;
  width: -moz-max-content;
  width: max-content;
  transform: scale(0);
  transform-origin: top right;
  transition: all 0.2s ease-in-out;
  z-index: 10;
}
.table_strip .table-body tr .table-data-action .action-box .action-wrap .drop-box > *,
.table_strip .table-body .table-row .table-data-action .action-box .action-wrap .drop-box > *,
.table_strip tbody tr .table-data-action .action-box .action-wrap .drop-box > *,
.table_strip tbody .table-row .table-data-action .action-box .action-wrap .drop-box > * {
  min-width: 17rem;
  max-width: unset;
}
.table_strip .table-body tr .table-data-action .action-box .action-wrap .drop-box > * .icon-box,
.table_strip .table-body .table-row .table-data-action .action-box .action-wrap .drop-box > * .icon-box,
.table_strip tbody tr .table-data-action .action-box .action-wrap .drop-box > * .icon-box,
.table_strip tbody .table-row .table-data-action .action-box .action-wrap .drop-box > * .icon-box {
  width: 2rem;
  height: 2rem;
}
.table_strip .table-body tr .table-data-action .action-box .action-wrap .drop-box > * .icon-box .img,
.table_strip .table-body .table-row .table-data-action .action-box .action-wrap .drop-box > * .icon-box .img,
.table_strip tbody tr .table-data-action .action-box .action-wrap .drop-box > * .icon-box .img,
.table_strip tbody .table-row .table-data-action .action-box .action-wrap .drop-box > * .icon-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.table_strip .table-body tr .table-data-action .action-box .action-wrap .drop-box-show,
.table_strip .table-body .table-row .table-data-action .action-box .action-wrap .drop-box-show,
.table_strip tbody tr .table-data-action .action-box .action-wrap .drop-box-show,
.table_strip tbody .table-row .table-data-action .action-box .action-wrap .drop-box-show {
  transform: scale(1);
}
.table_strip .table-body tr > *:first-child,
.table_strip .table-body .table-row > *:first-child,
.table_strip tbody tr > *:first-child,
.table_strip tbody .table-row > *:first-child {
  padding-left: 3rem;
}
.table_strip .table-head tr th,
.table_strip thead tr th {
  background-color: #f7f8f7;
  border-bottom: unset;
}
.table_strip .table-body > *:not(:last-child) td,
.table_strip .table-body > *:not(:last-child) .table-data,
.table_strip tbody > *:not(:last-child) td,
.table_strip tbody > *:not(:last-child) .table-data {
  border-bottom: unset;
}
.table_strip .table-body > *:nth-child(even),
.table_strip tbody > *:nth-child(even) {
  background-color: #f9f9f9;
}

.mobile-table-wrap {
  width: 35rem;
  border: 0.06rem solid #f7f6fc;
  padding: 0rem;
  border-radius: 1rem;
}
.mobile-table-wrap .mobile-body {
  display: flex;
  flex-direction: column;
  padding: 0rem 1.5rem;
}
.mobile-table-wrap .mobile-body > *:not(:last-child) {
  border-bottom: 0.06rem solid #e5e6e6;
}
.mobile-table-wrap .mobile-body .table-row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: flex-start;
  padding: 1.5rem 0rem;
}
.mobile-table-wrap .mobile-body .table-row .value {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.8rem;
}
.mobile-table-wrap .mobile-body .table-row .value .text-box {
  display: flex;
  flex-direction: column;
}
.mobile-table-wrap .mobile-body .table-row .value .text-box .value-two {
  margin-top: -0.3rem;
}
.mobile-table-wrap .mobile-body .table-row .value .img-box {
  width: 2.5rem;
  height: 2.5rem;
}
.mobile-table-wrap .mobile-body .table-row .value .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.mobile-table-wrap .header-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background-color: #f7f8f7;
  align-items: center;
  padding: 1.5rem;
  margin-bottom: 0.5rem;
  border-bottom: 0.06rem solid #e5e6e6;
}
.mobile-table-wrap .header-wrap .title {
  font-weight: 700;
  color: #020202;
  font-size: 1.3rem;
  text-transform: uppercase;
}
.mobile-table-wrap .header-wrap .select-title {
  text-align: left;
}
.mobile-table-wrap .header-wrap .select-title > *:nth-child(3) {
  border: none;
  font-weight: 700;
  color: #020202;
  background-color: transparent;
  min-height: unset;
  justify-content: unset;
  cursor: pointer;
}
.mobile-table-wrap .header-wrap .select-title > *:nth-child(3) > *:nth-child(1) {
  padding: unset;
  flex: unset;
}
.mobile-table-wrap .header-wrap .select-title > *:nth-child(3) > *:nth-child(2) span {
  display: none;
}
.mobile-table-wrap .header-wrap .select-title > *:nth-child(3) > *:nth-child(2) > *:nth-child(2) {
  padding: unset;
}
.mobile-table-wrap .header-wrap .select-title > *:nth-child(3) > *:nth-child(2) > *:nth-child(2) svg {
  width: 2rem;
  height: 2rem;
  color: #020202;
}

.pagination-wrap__error-light {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
}
.pagination-wrap__error-light .child {
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid #e5e6e6;
  border-radius: 0.6rem;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #020202;
}
.pagination-wrap__error-light .child .icon {
  fill: currentColor;
  width: 2rem;
  height: 1.3rem;
  display: inline-block;
  margin-bottom: 0rem;
}
.pagination-wrap__error-light .child {
  cursor: pointer;
  transition: all 0.3s;
}
.pagination-wrap__error-light .child:hover {
  background-color: #f8fffc;
  border: 0.1rem solid #9be5c9;
  color: #0b8376;
}
.pagination-wrap__error-light .child .icon {
  fill: currentColor;
}
.pagination-wrap__error-light .current {
  background-color: #ff0f00;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__error-light .current:hover {
  transform: unset;
  background-color: #ff0f00;
  border: none;
  color: #ffffff;
}

.pagination-wrap__black_error-light .child:hover {
  color: #020202;
  border: 0.1rem solid #676767;
  background-color: #f7f8f7;
}
.pagination-wrap__black_error-light .current {
  background-color: #ff0f00;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__black_error-light .current:hover {
  transform: unset;
  background-color: #ff0f00;
  border: none;
  color: #ffffff;
}

.pagination-wrap__info-light {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
}
.pagination-wrap__info-light .child {
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid #e5e6e6;
  border-radius: 0.6rem;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #020202;
}
.pagination-wrap__info-light .child .icon {
  fill: currentColor;
  width: 2rem;
  height: 1.3rem;
  display: inline-block;
  margin-bottom: 0rem;
}
.pagination-wrap__info-light .child {
  cursor: pointer;
  transition: all 0.3s;
}
.pagination-wrap__info-light .child:hover {
  background-color: #f8fffc;
  border: 0.1rem solid #9be5c9;
  color: #0b8376;
}
.pagination-wrap__info-light .child .icon {
  fill: currentColor;
}
.pagination-wrap__info-light .current {
  background-color: #f6c31c;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__info-light .current:hover {
  transform: unset;
  background-color: #f6c31c;
  border: none;
  color: #ffffff;
}

.pagination-wrap__black_info-light .child:hover {
  color: #020202;
  border: 0.1rem solid #676767;
  background-color: #f7f8f7;
}
.pagination-wrap__black_info-light .current {
  background-color: #f6c31c;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__black_info-light .current:hover {
  transform: unset;
  background-color: #f6c31c;
  border: none;
  color: #ffffff;
}

.pagination-wrap__white-light {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
}
.pagination-wrap__white-light .child {
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid #e5e6e6;
  border-radius: 0.6rem;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #020202;
}
.pagination-wrap__white-light .child .icon {
  fill: currentColor;
  width: 2rem;
  height: 1.3rem;
  display: inline-block;
  margin-bottom: 0rem;
}
.pagination-wrap__white-light .child {
  cursor: pointer;
  transition: all 0.3s;
}
.pagination-wrap__white-light .child:hover {
  background-color: #f8fffc;
  border: 0.1rem solid #9be5c9;
  color: #0b8376;
}
.pagination-wrap__white-light .child .icon {
  fill: currentColor;
}
.pagination-wrap__white-light .current {
  background-color: #ffffff;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__white-light .current:hover {
  transform: unset;
  background-color: #ffffff;
  border: none;
  color: #ffffff;
}

.pagination-wrap__black_white-light .child:hover {
  color: #020202;
  border: 0.1rem solid #676767;
  background-color: #f7f8f7;
}
.pagination-wrap__black_white-light .current {
  background-color: #ffffff;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__black_white-light .current:hover {
  transform: unset;
  background-color: #ffffff;
  border: none;
  color: #ffffff;
}

.pagination-wrap__blue-light {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
}
.pagination-wrap__blue-light .child {
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid #e5e6e6;
  border-radius: 0.6rem;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #020202;
}
.pagination-wrap__blue-light .child .icon {
  fill: currentColor;
  width: 2rem;
  height: 1.3rem;
  display: inline-block;
  margin-bottom: 0rem;
}
.pagination-wrap__blue-light .child {
  cursor: pointer;
  transition: all 0.3s;
}
.pagination-wrap__blue-light .child:hover {
  background-color: #f8fffc;
  border: 0.1rem solid #9be5c9;
  color: #0b8376;
}
.pagination-wrap__blue-light .child .icon {
  fill: currentColor;
}
.pagination-wrap__blue-light .current {
  background-color: #476885;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__blue-light .current:hover {
  transform: unset;
  background-color: #476885;
  border: none;
  color: #ffffff;
}

.pagination-wrap__black_blue-light .child:hover {
  color: #020202;
  border: 0.1rem solid #676767;
  background-color: #f7f8f7;
}
.pagination-wrap__black_blue-light .current {
  background-color: #476885;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__black_blue-light .current:hover {
  transform: unset;
  background-color: #476885;
  border: none;
  color: #ffffff;
}

.pagination-wrap__green-light {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
}
.pagination-wrap__green-light .child {
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid #e5e6e6;
  border-radius: 0.6rem;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #020202;
}
.pagination-wrap__green-light .child .icon {
  fill: currentColor;
  width: 2rem;
  height: 1.3rem;
  display: inline-block;
  margin-bottom: 0rem;
}
.pagination-wrap__green-light .child {
  cursor: pointer;
  transition: all 0.3s;
}
.pagination-wrap__green-light .child:hover {
  background-color: #f8fffc;
  border: 0.1rem solid #9be5c9;
  color: #0b8376;
}
.pagination-wrap__green-light .child .icon {
  fill: currentColor;
}
.pagination-wrap__green-light .current {
  background-color: #0b8376;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__green-light .current:hover {
  transform: unset;
  background-color: #0b8376;
  border: none;
  color: #ffffff;
}

.pagination-wrap__black_green-light .child:hover {
  color: #020202;
  border: 0.1rem solid #676767;
  background-color: #f7f8f7;
}
.pagination-wrap__black_green-light .current {
  background-color: #0b8376;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__black_green-light .current:hover {
  transform: unset;
  background-color: #0b8376;
  border: none;
  color: #ffffff;
}

.pagination-wrap__purple-light {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
}
.pagination-wrap__purple-light .child {
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid #e5e6e6;
  border-radius: 0.6rem;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #020202;
}
.pagination-wrap__purple-light .child .icon {
  fill: currentColor;
  width: 2rem;
  height: 1.3rem;
  display: inline-block;
  margin-bottom: 0rem;
}
.pagination-wrap__purple-light .child {
  cursor: pointer;
  transition: all 0.3s;
}
.pagination-wrap__purple-light .child:hover {
  background-color: #f8fffc;
  border: 0.1rem solid #9be5c9;
  color: #0b8376;
}
.pagination-wrap__purple-light .child .icon {
  fill: currentColor;
}
.pagination-wrap__purple-light .current {
  background-color: #755ae2;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__purple-light .current:hover {
  transform: unset;
  background-color: #755ae2;
  border: none;
  color: #ffffff;
}

.pagination-wrap__black_purple-light .child:hover {
  color: #020202;
  border: 0.1rem solid #676767;
  background-color: #f7f8f7;
}
.pagination-wrap__black_purple-light .current {
  background-color: #755ae2;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__black_purple-light .current:hover {
  transform: unset;
  background-color: #755ae2;
  border: none;
  color: #ffffff;
}

.pagination-wrap__orange-light {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
}
.pagination-wrap__orange-light .child {
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid #e5e6e6;
  border-radius: 0.6rem;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #020202;
}
.pagination-wrap__orange-light .child .icon {
  fill: currentColor;
  width: 2rem;
  height: 1.3rem;
  display: inline-block;
  margin-bottom: 0rem;
}
.pagination-wrap__orange-light .child {
  cursor: pointer;
  transition: all 0.3s;
}
.pagination-wrap__orange-light .child:hover {
  background-color: #f8fffc;
  border: 0.1rem solid #9be5c9;
  color: #0b8376;
}
.pagination-wrap__orange-light .child .icon {
  fill: currentColor;
}
.pagination-wrap__orange-light .current {
  background-color: #ea872d;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__orange-light .current:hover {
  transform: unset;
  background-color: #ea872d;
  border: none;
  color: #ffffff;
}

.pagination-wrap__black_orange-light .child:hover {
  color: #020202;
  border: 0.1rem solid #676767;
  background-color: #f7f8f7;
}
.pagination-wrap__black_orange-light .current {
  background-color: #ea872d;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__black_orange-light .current:hover {
  transform: unset;
  background-color: #ea872d;
  border: none;
  color: #ffffff;
}

.pagination-wrap__black-light {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
}
.pagination-wrap__black-light .child {
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid #e5e6e6;
  border-radius: 0.6rem;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #020202;
}
.pagination-wrap__black-light .child .icon {
  fill: currentColor;
  width: 2rem;
  height: 1.3rem;
  display: inline-block;
  margin-bottom: 0rem;
}
.pagination-wrap__black-light .child {
  cursor: pointer;
  transition: all 0.3s;
}
.pagination-wrap__black-light .child:hover {
  background-color: #f8fffc;
  border: 0.1rem solid #9be5c9;
  color: #0b8376;
}
.pagination-wrap__black-light .child .icon {
  fill: currentColor;
}
.pagination-wrap__black-light .current {
  background-color: #020202;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__black-light .current:hover {
  transform: unset;
  background-color: #020202;
  border: none;
  color: #ffffff;
}

.pagination-wrap__black_black-light .child:hover {
  color: #020202;
  border: 0.1rem solid #676767;
  background-color: #f7f8f7;
}
.pagination-wrap__black_black-light .current {
  background-color: #020202;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__black_black-light .current:hover {
  transform: unset;
  background-color: #020202;
  border: none;
  color: #ffffff;
}

.pagination-wrap__deep-green-light {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
}
.pagination-wrap__deep-green-light .child {
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid #e5e6e6;
  border-radius: 0.6rem;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #020202;
}
.pagination-wrap__deep-green-light .child .icon {
  fill: currentColor;
  width: 2rem;
  height: 1.3rem;
  display: inline-block;
  margin-bottom: 0rem;
}
.pagination-wrap__deep-green-light .child {
  cursor: pointer;
  transition: all 0.3s;
}
.pagination-wrap__deep-green-light .child:hover {
  background-color: #f8fffc;
  border: 0.1rem solid #9be5c9;
  color: #0b8376;
}
.pagination-wrap__deep-green-light .child .icon {
  fill: currentColor;
}
.pagination-wrap__deep-green-light .current {
  background-color: #014345;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__deep-green-light .current:hover {
  transform: unset;
  background-color: #014345;
  border: none;
  color: #ffffff;
}

.pagination-wrap__black_deep-green-light .child:hover {
  color: #020202;
  border: 0.1rem solid #676767;
  background-color: #f7f8f7;
}
.pagination-wrap__black_deep-green-light .current {
  background-color: #014345;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__black_deep-green-light .current:hover {
  transform: unset;
  background-color: #014345;
  border: none;
  color: #ffffff;
}

.pagination-wrap__grey {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
}
.pagination-wrap__grey .child {
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid #e5e6e6;
  border-radius: 0.6rem;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #020202;
}
.pagination-wrap__grey .child .icon {
  fill: currentColor;
  width: 2rem;
  height: 1.3rem;
  display: inline-block;
  margin-bottom: 0rem;
}
.pagination-wrap__grey .child {
  cursor: pointer;
  transition: all 0.3s;
}
.pagination-wrap__grey .child:hover {
  background-color: #f8fffc;
  border: 0.1rem solid #9be5c9;
  color: #0b8376;
}
.pagination-wrap__grey .child .icon {
  fill: currentColor;
}
.pagination-wrap__grey .current {
  background-color: #cccccc;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__grey .current:hover {
  transform: unset;
  background-color: #cccccc;
  border: none;
  color: #ffffff;
}

.pagination-wrap__black_grey .child:hover {
  color: #020202;
  border: 0.1rem solid #676767;
  background-color: #f7f8f7;
}
.pagination-wrap__black_grey .current {
  background-color: #cccccc;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__black_grey .current:hover {
  transform: unset;
  background-color: #cccccc;
  border: none;
  color: #ffffff;
}

.pagination-wrap__base-bg-black {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
}
.pagination-wrap__base-bg-black .child {
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid #e5e6e6;
  border-radius: 0.6rem;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #020202;
}
.pagination-wrap__base-bg-black .child .icon {
  fill: currentColor;
  width: 2rem;
  height: 1.3rem;
  display: inline-block;
  margin-bottom: 0rem;
}
.pagination-wrap__base-bg-black .child {
  cursor: pointer;
  transition: all 0.3s;
}
.pagination-wrap__base-bg-black .child:hover {
  background-color: #f8fffc;
  border: 0.1rem solid #9be5c9;
  color: #0b8376;
}
.pagination-wrap__base-bg-black .child .icon {
  fill: currentColor;
}
.pagination-wrap__base-bg-black .current {
  background-color: #676767;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__base-bg-black .current:hover {
  transform: unset;
  background-color: #676767;
  border: none;
  color: #ffffff;
}

.pagination-wrap__black_base-bg-black .child:hover {
  color: #020202;
  border: 0.1rem solid #676767;
  background-color: #f7f8f7;
}
.pagination-wrap__black_base-bg-black .current {
  background-color: #676767;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__black_base-bg-black .current:hover {
  transform: unset;
  background-color: #676767;
  border: none;
  color: #ffffff;
}

.pagination-wrap__error-dark {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
}
.pagination-wrap__error-dark .child {
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid #e5e6e6;
  border-radius: 0.6rem;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #020202;
}
.pagination-wrap__error-dark .child .icon {
  fill: currentColor;
  width: 2rem;
  height: 1.3rem;
  display: inline-block;
  margin-bottom: 0rem;
}
.pagination-wrap__error-dark .child {
  cursor: pointer;
  transition: all 0.3s;
}
.pagination-wrap__error-dark .child:hover {
  background-color: #f8fffc;
  border: 0.1rem solid #9be5c9;
  color: #0b8376;
}
.pagination-wrap__error-dark .child .icon {
  fill: currentColor;
}
.pagination-wrap__error-dark .current {
  background-color: #ff0f00;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__error-dark .current:hover {
  transform: unset;
  background-color: #ff0f00;
  border: none;
  color: #ffffff;
}

.pagination-wrap__black_error-dark .child:hover {
  color: #020202;
  border: 0.1rem solid #676767;
  background-color: #f7f8f7;
}
.pagination-wrap__black_error-dark .current {
  background-color: #ff0f00;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__black_error-dark .current:hover {
  transform: unset;
  background-color: #ff0f00;
  border: none;
  color: #ffffff;
}

.pagination-wrap__info-dark {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
}
.pagination-wrap__info-dark .child {
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid #e5e6e6;
  border-radius: 0.6rem;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #020202;
}
.pagination-wrap__info-dark .child .icon {
  fill: currentColor;
  width: 2rem;
  height: 1.3rem;
  display: inline-block;
  margin-bottom: 0rem;
}
.pagination-wrap__info-dark .child {
  cursor: pointer;
  transition: all 0.3s;
}
.pagination-wrap__info-dark .child:hover {
  background-color: #f8fffc;
  border: 0.1rem solid #9be5c9;
  color: #0b8376;
}
.pagination-wrap__info-dark .child .icon {
  fill: currentColor;
}
.pagination-wrap__info-dark .current {
  background-color: #f6c31c;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__info-dark .current:hover {
  transform: unset;
  background-color: #f6c31c;
  border: none;
  color: #ffffff;
}

.pagination-wrap__black_info-dark .child:hover {
  color: #020202;
  border: 0.1rem solid #676767;
  background-color: #f7f8f7;
}
.pagination-wrap__black_info-dark .current {
  background-color: #f6c31c;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__black_info-dark .current:hover {
  transform: unset;
  background-color: #f6c31c;
  border: none;
  color: #ffffff;
}

.pagination-wrap__dark-dark {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
}
.pagination-wrap__dark-dark .child {
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid #e5e6e6;
  border-radius: 0.6rem;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #020202;
}
.pagination-wrap__dark-dark .child .icon {
  fill: currentColor;
  width: 2rem;
  height: 1.3rem;
  display: inline-block;
  margin-bottom: 0rem;
}
.pagination-wrap__dark-dark .child {
  cursor: pointer;
  transition: all 0.3s;
}
.pagination-wrap__dark-dark .child:hover {
  background-color: #f8fffc;
  border: 0.1rem solid #9be5c9;
  color: #0b8376;
}
.pagination-wrap__dark-dark .child .icon {
  fill: currentColor;
}
.pagination-wrap__dark-dark .current {
  background-color: #ffffff;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__dark-dark .current:hover {
  transform: unset;
  background-color: #ffffff;
  border: none;
  color: #ffffff;
}

.pagination-wrap__black_dark-dark .child:hover {
  color: #020202;
  border: 0.1rem solid #676767;
  background-color: #f7f8f7;
}
.pagination-wrap__black_dark-dark .current {
  background-color: #ffffff;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__black_dark-dark .current:hover {
  transform: unset;
  background-color: #ffffff;
  border: none;
  color: #ffffff;
}

.pagination-wrap__white-dark {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
}
.pagination-wrap__white-dark .child {
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid #e5e6e6;
  border-radius: 0.6rem;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #020202;
}
.pagination-wrap__white-dark .child .icon {
  fill: currentColor;
  width: 2rem;
  height: 1.3rem;
  display: inline-block;
  margin-bottom: 0rem;
}
.pagination-wrap__white-dark .child {
  cursor: pointer;
  transition: all 0.3s;
}
.pagination-wrap__white-dark .child:hover {
  background-color: #f8fffc;
  border: 0.1rem solid #9be5c9;
  color: #0b8376;
}
.pagination-wrap__white-dark .child .icon {
  fill: currentColor;
}
.pagination-wrap__white-dark .current {
  background-color: #020202;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__white-dark .current:hover {
  transform: unset;
  background-color: #020202;
  border: none;
  color: #ffffff;
}

.pagination-wrap__black_white-dark .child:hover {
  color: #020202;
  border: 0.1rem solid #676767;
  background-color: #f7f8f7;
}
.pagination-wrap__black_white-dark .current {
  background-color: #020202;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__black_white-dark .current:hover {
  transform: unset;
  background-color: #020202;
  border: none;
  color: #ffffff;
}

.pagination-wrap__green-dark {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
}
.pagination-wrap__green-dark .child {
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid #e5e6e6;
  border-radius: 0.6rem;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #020202;
}
.pagination-wrap__green-dark .child .icon {
  fill: currentColor;
  width: 2rem;
  height: 1.3rem;
  display: inline-block;
  margin-bottom: 0rem;
}
.pagination-wrap__green-dark .child {
  cursor: pointer;
  transition: all 0.3s;
}
.pagination-wrap__green-dark .child:hover {
  background-color: #f8fffc;
  border: 0.1rem solid #9be5c9;
  color: #0b8376;
}
.pagination-wrap__green-dark .child .icon {
  fill: currentColor;
}
.pagination-wrap__green-dark .current {
  background-color: #0b8376;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__green-dark .current:hover {
  transform: unset;
  background-color: #0b8376;
  border: none;
  color: #ffffff;
}

.pagination-wrap__black_green-dark .child:hover {
  color: #020202;
  border: 0.1rem solid #676767;
  background-color: #f7f8f7;
}
.pagination-wrap__black_green-dark .current {
  background-color: #0b8376;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__black_green-dark .current:hover {
  transform: unset;
  background-color: #0b8376;
  border: none;
  color: #ffffff;
}

.pagination-wrap__blue-dark {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
}
.pagination-wrap__blue-dark .child {
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid #e5e6e6;
  border-radius: 0.6rem;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #020202;
}
.pagination-wrap__blue-dark .child .icon {
  fill: currentColor;
  width: 2rem;
  height: 1.3rem;
  display: inline-block;
  margin-bottom: 0rem;
}
.pagination-wrap__blue-dark .child {
  cursor: pointer;
  transition: all 0.3s;
}
.pagination-wrap__blue-dark .child:hover {
  background-color: #f8fffc;
  border: 0.1rem solid #9be5c9;
  color: #0b8376;
}
.pagination-wrap__blue-dark .child .icon {
  fill: currentColor;
}
.pagination-wrap__blue-dark .current {
  background-color: #a0d2fe;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__blue-dark .current:hover {
  transform: unset;
  background-color: #a0d2fe;
  border: none;
  color: #ffffff;
}

.pagination-wrap__black_blue-dark .child:hover {
  color: #020202;
  border: 0.1rem solid #676767;
  background-color: #f7f8f7;
}
.pagination-wrap__black_blue-dark .current {
  background-color: #a0d2fe;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__black_blue-dark .current:hover {
  transform: unset;
  background-color: #a0d2fe;
  border: none;
  color: #ffffff;
}

.pagination-wrap__purple-dark {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
}
.pagination-wrap__purple-dark .child {
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid #e5e6e6;
  border-radius: 0.6rem;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #020202;
}
.pagination-wrap__purple-dark .child .icon {
  fill: currentColor;
  width: 2rem;
  height: 1.3rem;
  display: inline-block;
  margin-bottom: 0rem;
}
.pagination-wrap__purple-dark .child {
  cursor: pointer;
  transition: all 0.3s;
}
.pagination-wrap__purple-dark .child:hover {
  background-color: #f8fffc;
  border: 0.1rem solid #9be5c9;
  color: #0b8376;
}
.pagination-wrap__purple-dark .child .icon {
  fill: currentColor;
}
.pagination-wrap__purple-dark .current {
  background-color: #755ae2;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__purple-dark .current:hover {
  transform: unset;
  background-color: #755ae2;
  border: none;
  color: #ffffff;
}

.pagination-wrap__black_purple-dark .child:hover {
  color: #020202;
  border: 0.1rem solid #676767;
  background-color: #f7f8f7;
}
.pagination-wrap__black_purple-dark .current {
  background-color: #755ae2;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__black_purple-dark .current:hover {
  transform: unset;
  background-color: #755ae2;
  border: none;
  color: #ffffff;
}

.pagination-wrap__orange-dark {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
}
.pagination-wrap__orange-dark .child {
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid #e5e6e6;
  border-radius: 0.6rem;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #020202;
}
.pagination-wrap__orange-dark .child .icon {
  fill: currentColor;
  width: 2rem;
  height: 1.3rem;
  display: inline-block;
  margin-bottom: 0rem;
}
.pagination-wrap__orange-dark .child {
  cursor: pointer;
  transition: all 0.3s;
}
.pagination-wrap__orange-dark .child:hover {
  background-color: #f8fffc;
  border: 0.1rem solid #9be5c9;
  color: #0b8376;
}
.pagination-wrap__orange-dark .child .icon {
  fill: currentColor;
}
.pagination-wrap__orange-dark .current {
  background-color: #ea872d;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__orange-dark .current:hover {
  transform: unset;
  background-color: #ea872d;
  border: none;
  color: #ffffff;
}

.pagination-wrap__black_orange-dark .child:hover {
  color: #020202;
  border: 0.1rem solid #676767;
  background-color: #f7f8f7;
}
.pagination-wrap__black_orange-dark .current {
  background-color: #ea872d;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__black_orange-dark .current:hover {
  transform: unset;
  background-color: #ea872d;
  border: none;
  color: #ffffff;
}

.pagination-wrap__deep-green-dark {
  width: -moz-max-content;
  width: max-content;
  font-size: 1.3rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  flex-wrap: wrap;
  flex-direction: row;
}
.pagination-wrap__deep-green-dark .child {
  padding: 0.8rem 1.6rem;
  border: 0.1rem solid #e5e6e6;
  border-radius: 0.6rem;
  text-transform: capitalize;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #020202;
}
.pagination-wrap__deep-green-dark .child .icon {
  fill: currentColor;
  width: 2rem;
  height: 1.3rem;
  display: inline-block;
  margin-bottom: 0rem;
}
.pagination-wrap__deep-green-dark .child {
  cursor: pointer;
  transition: all 0.3s;
}
.pagination-wrap__deep-green-dark .child:hover {
  background-color: #f8fffc;
  border: 0.1rem solid #9be5c9;
  color: #0b8376;
}
.pagination-wrap__deep-green-dark .child .icon {
  fill: currentColor;
}
.pagination-wrap__deep-green-dark .current {
  background-color: #0b8376;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__deep-green-dark .current:hover {
  transform: unset;
  background-color: #0b8376;
  border: none;
  color: #ffffff;
}

.pagination-wrap__black_deep-green-dark .child:hover {
  color: #020202;
  border: 0.1rem solid #676767;
  background-color: #f7f8f7;
}
.pagination-wrap__black_deep-green-dark .current {
  background-color: #0b8376;
  border: none;
  color: #ffffff;
  cursor: default;
}
.pagination-wrap__black_deep-green-dark .current:hover {
  transform: unset;
  background-color: #0b8376;
  border: none;
  color: #ffffff;
}

.modal-parent-wrap {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  background: rgba(2, 2, 2, 0.5);
}
.modal-parent-wrap::after {
  content: "";
  position: absolute;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  -webkit-backdrop-filter: blur(3px);
          backdrop-filter: blur(3px);
}
.modal-parent-wrap > * {
  position: relative;
  z-index: 3;
}
.modal-parent-wrap .raven-modal-content-wrap {
  width: 45rem;
  max-height: 90vh;
  background-color: #ffffff;
  border-radius: 1.6rem;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  animation: modalAnimationUp 0.25s ease-in-out;
  align-items: stretch;
  padding: 0;
  overflow: hidden;
}
.modal-parent-wrap .raven-modal-content-wrap .close-box {
  padding: 2rem;
  padding-top: 2.5rem;
  display: flex;
  justify-content: flex-start;
}
.modal-parent-wrap .raven-modal-content-wrap .close-box .img-box {
  width: 1.5rem;
  height: 1.5rem;
  cursor: pointer;
  transition: all 0.3s;
}
.modal-parent-wrap .raven-modal-content-wrap .close-box .img-box:hover {
  transform: scale(1.1);
}
.modal-parent-wrap .raven-modal-content-wrap .close-box .img-box .img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.modal-parent-wrap .raven-modal-content-wrap .content {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 1rem 2rem;
}
.modal-parent-wrap .raven-modal-content-wrap .button-wrap {
  margin-top: auto;
  padding: 1.5rem 2rem;
  background-color: #f7f8f7;
}
.modal-parent-wrap .raven-modal-content-wrap .button-wrap > * {
  width: 100%;
}
.modal-parent-wrap .raven-modal-content-wrap-fadeInUp {
  animation: modalAnimationUp 0.25s ease-in-out;
}
.modal-parent-wrap .raven-modal-content-wrap-fadeInDown {
  animation: modalAnimationDown 0.25s ease-in-out;
}
.modal-parent-wrap .raven-modal-content-wrap-fadeInLeft {
  animation: modalAnimationLeft 0.25s ease-in-out;
}
.modal-parent-wrap .raven-modal-content-wrap-fadeInRight {
  animation: modalAnimationRight 0.25s ease-in-out;
}

.raven_pin_modal_wrapper .title {
  font-weight: 700;
  font-size: 2rem;
  line-height: 140%;
  display: flex;
  align-items: center;
  color: #000000;
}
.raven_pin_modal_wrapper .sub {
  font-weight: 400;
  margin-top: 1.6rem;
  margin-bottom: 4.8rem;
  font-size: 1.4rem;
  line-height: 140%;
  display: flex;
  align-items: center;
  color: #676767;
}
.raven_pin_modal_wrapper .input {
  margin-bottom: 4.8rem;
}

@keyframes modalAnimationUp {
  0% {
    transform: translate(-50%, -40%);
    opacity: 0.6;
  }
  100% {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}
@keyframes modalAnimationDown {
  0% {
    transform: translate(-50%, -60%);
    opacity: 0.6;
  }
  100% {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}
@keyframes modalAnimationRight {
  0% {
    transform: translate(-40%, -50%);
    opacity: 0.6;
  }
  100% {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}
@keyframes modalAnimationLeft {
  0% {
    transform: translate(-60%, -50%);
    opacity: 0.6;
  }
  100% {
    transform: translate(-50%, -50%);
    opacity: 1;
  }
}
/*Range Reset*/
input[type=range] {
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background: transparent;
  cursor: pointer;
  width: 15rem;
}

/* Removes default focus */
input[type=range]:focus {
  outline: none;
}

/***** Chrome, Safari, Opera and Edge Chromium styles *****/
/* slider track */
input[type=range]::-webkit-slider-runnable-track {
  border-radius: 0.5rem;
  height: 0.5rem;
}

/* slider thumb */
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none; /* Override default look */
  appearance: none;
  margin-top: -6px; /* Centers thumb on the track */
  background: url("../icons/range.svg");
  /*custom styles*/
  width: 28.55px;
  height: 16.65px;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  background-color: rgb(255, 255, 255);
  border: 1.18947px solid #f7f8f7;
  border-radius: 66.6105px;
}

input[type=range]:focus::-webkit-slider-thumb {
  outline-offset: 0.125rem;
}

/******** Firefox styles ********/
/* slider track */
input[type=range]::-moz-range-track {
  background-color: black;
  border-radius: 0.5rem;
  height: 0.5rem;
}

/* slider thumb */
input[type=range]::-moz-range-thumb {
  border: none; /*Removes extra border that FF applies*/
  border-radius: 0; /*Removes default border-radius that FF applies*/
  /*custom styles*/
  background-color: #5cd5eb;
  height: 2rem;
  width: 1rem;
}

input[type=range]:focus::-moz-range-thumb {
  outline: 1px solid #053a5f;
  outline-offset: 0.125rem;
}

input[type=range] {
  width: 100%;
  margin-top: 1rem;
}

.styled_range {
  position: relative;
}

input[type=range] {
  position: absolute;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}

input[type=range]:focus {
  outline: none;
}

input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
}

.track_range {
  pointer-events: none;
}

.track_range::-webkit-slider-runnable-track {
  background: #F7F8F7;
  border-radius: 6px;
  overflow: hidden;
}

.track_range::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: transparent;
  box-shadow: -600px 0 0 600px #000000;
}

.thumb_range::-webkit-slider-runnable-track {
  background: transparent;
  cursor: pointer;
}

.thumb_range::-webkit-slider-thumb {
  box-shadow: 0px 1.18947px 4.75789px rgba(0, 0, 0, 0.14);
}

.range-label {
  display: flex;
  width: 100%;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
}

.slider-contain {
  height: 4.5rem;
}

.notification-container {
  box-sizing: border-box;
  position: fixed;
  z-index: 999999;
  transition: opacity 0.5s, transform 0.5s;
  animation: slide-out 1s ease-in-out forwards;
}

.top-right {
  top: 3.2rem;
  right: 1.2rem;
  transition: transform 0.2s cubic-bezier(1, 0, 0, 1);
  animation: toast-in-right 0.2s cubic-bezier(1, 0, 0, 1);
}

.bottom-right {
  bottom: 1.2rem;
  right: 1.2rem;
  transition: transform 0.3s ease-in-out;
  animation: toast-in-right 0.4s;
}

.top-left {
  top: 1.2rem;
  left: 1.2rem;
  transition: transform 0.3s ease-in;
  animation: toast-in-left 0.4s;
}

.bottom-left {
  bottom: 1.2rem;
  left: 1.2rem;
  transition: transform 0.3s ease-in;
  animation: toast-in-left 0.4s;
}

.progress-bar {
  padding: 1rem;
  color: aqua;
  background-color: aquamarine;
}

.notification:hover {
  opacity: 0.9;
  cursor: pointer;
}

@keyframes toast-in-right {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(0);
  }
}
@keyframes toast-in-left {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(0);
  }
}
.toast-wrap {
  padding: 1.6rem;
  border-radius: 0.8rem;
  display: flex;
  align-items: center;
  width: 40rem;
  gap: 1rem;
  transition: 0.3s ease;
  position: relative;
  pointer-events: auto;
  overflow: hidden;
  margin: 0 0 6px;
  align-items: center;
  opacity: 1;
}
.toast-wrap .img-box {
  width: 2.5rem;
  height: 2.5rem;
}
.toast-wrap .img-box .img {
  -o-object-fit: contain;
     object-fit: contain;
  width: 100%;
  height: 100%;
}
.toast-wrap .text {
  font-size: 1.3rem;
  margin-right: auto;
  color: #020202;
}
.toast-wrap .cancel {
  border-radius: 50%;
  width: 2.5rem;
  height: 2.5rem;
  display: grid;
  place-items: center;
}
.toast-wrap .cancel svg {
  width: 1rem;
  height: 1rem;
}

.toast-wrap__error {
  background-color: #fff5f5;
  border: 0.15rem solid #ffdfdd;
}
.toast-wrap__error .cancel {
  background-color: #ffdfdd;
}
.toast-wrap__error .cancel svg {
  fill: #ff0f00;
}

.toast-wrap__success {
  background: #D1F5D7 !important;
  border: 0.15rem solid #B3EFBC !important;
}
.toast-wrap__success .cancel {
  background-color: #B3EFBC;
}
.toast-wrap__success .cancel svg {
  fill: #1ACE37;
}

.toast-wrap__info {
  background: #E9F5FF !important;
  border: 0.15rem solid #B9DEFE !important;
}
.toast-wrap__info .cancel {
  background-color: #B9DEFE;
}
.toast-wrap__info .cancel svg {
  fill: #476885;
}

.toast-wrap__warning {
  background: #FFF6ED !important;
  border: 0.15rem solid #FFE6CD !important;
}
.toast-wrap__warning .cancel {
  background-color: #FFE6CD;
}
.toast-wrap__warning .cancel svg {
  fill: #EA872D;
}

.raven-toast-progress {
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
}

@keyframes raven-toast-progress-animation {
  0% {
    width: 100%;
  }
  100% {
    width: 0%;
  }
}
.slide-out {
  animation: slideOut 30s forwards;
}/*# sourceMappingURL=index.css.map */