@charset "UTF-8";
@-ms-viewport {
  width: device-width;
}
/* @font-face {
  src: url("/fonts/Noah-ExtraBold.ttf");
  font-family: "Noah";
  font-style: normal;
  font-display: swap;
  font-weight: 900;
}
@font-face {
  src: url("/fonts/Noah-Bold.ttf");
  font-family: "Noah";
  font-style: normal;
  font-display: swap;
  font-weight: bold;
}
@font-face {
  src: url("/fonts/Noah-BoldItalic.ttf");
  font-family: "Noah";
  font-style: italic;
  font-display: swap;
  font-weight: bold;
}
@font-face {
  src: url("/fonts/Noah-Medium.ttf");
  font-family: "Noah";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
}
@font-face {
  src: url("/fonts/Noah-Regular.ttf");
  font-family: "Noah";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
}
@font-face {
  src: url("/fonts/Noah-RegularItalic.ttf");
  font-family: "Noah";
  font-style: italic;
  font-display: swap;
  font-weight: 400;
} */

@font-face {
  src: url("/fonts/NunitoSans_10pt-Black.ttf");
  font-family: "NunitoSans";
  font-style: normal;
  font-display: swap;
  font-weight: 900;
}
@font-face {
  src: url("/fonts/NunitoSans_10pt-BlackItalic.ttf");
  font-family: "NunitoSans";
  font-style: italic;
  font-display: swap;
  font-weight: 900;
}

@font-face {
  src: url("/fonts/NunitoSans_10pt-ExtraBold.ttf");
  font-family: "NunitoSans";
  font-style: normal;
  font-display: swap;
  font-weight: 800;
}
@font-face {
  src: url("/fonts/NunitoSans_10pt-ExtraBoldItalic.ttf");
  font-family: "NunitoSans";
  font-style: italic;
  font-display: swap;
  font-weight: 800;
}

@font-face {
  src: url("/fonts/NunitoSans_10pt-Bold.ttf");
  font-family: "NunitoSans";
  font-style: normal;
  font-display: swap;
  font-weight: 700;
}
@font-face {
  src: url("/fonts/NunitoSans_10pt-BoldItalic.ttf");
  font-family: "NunitoSans";
  font-style: italic;
  font-display: swap;
  font-weight: 700;
}

@font-face {
  src: url("/fonts/NunitoSans_10pt-SemiBold.ttf");
  font-family: "NunitoSans";
  font-style: normal;
  font-display: swap;
  font-weight: 600;
}
@font-face {
  src: url("/fonts/NunitoSans_10pt-SemiBoldItalic.ttf");
  font-family: "NunitoSans";
  font-style: italic;
  font-display: swap;
  font-weight: 600;
}

@font-face {
  src: url("/fonts/NunitoSans_10pt-Medium.ttf");
  font-family: "NunitoSans";
  font-style: normal;
  font-display: swap;
  font-weight: 500;
}
@font-face {
  src: url("/fonts/NunitoSans_10pt-MediumItalic.ttf");
  font-family: "NunitoSans";
  font-style: italic;
  font-display: swap;
  font-weight: 500;
}

@font-face {
  src: url("/fonts/NunitoSans_10pt-Regular.ttf");
  font-family: "NunitoSans";
  font-style: normal;
  font-display: swap;
  font-weight: 400;
}
@font-face {
  src: url("/fonts/Noah-RegularItalic.ttf");
  font-family: "NunitoSans";
  font-style: italic;
  font-display: swap;
  font-weight: 400;
}

@font-face {
  src: url("/fonts/NunitoSans_10pt-Light.ttf");
  font-family: "NunitoSans";
  font-style: normal;
  font-display: swap;
  font-weight: 300;
}
@font-face {
  src: url("/fonts/NunitoSans_10pt-LightItalic.ttf");
  font-family: "NunitoSans";
  font-style: italic;
  font-display: swap;
  font-weight: 300;
}

@font-face {
  src: url("/fonts/NunitoSans_10pt-ExtraLight.ttf");
  font-family: "NunitoSans";
  font-style: normal;
  font-display: swap;
  font-weight: 200;
}
@font-face {
  src: url("/fonts/NunitoSans_10pt-ExtraLightItalic.ttf");
  font-family: "NunitoSans";
  font-style: italic;
  font-display: swap;
  font-weight: 200;
}

:root {
  --bold: #232b2e !important;
  --black: #1c1f26 !important;
  --brown: #6e7892 !important;
  --blue: #5254f1 !important;
  --yellow: #ffe984 !important;
  --light-brown: #f9f6f3 !important;
  --brown-light: rgba(110, 120, 146, 0.5) !important;
  --white: #ffffff !important;
  --red: #ff5749 !important;
  --green: #46cb5c !important;
  --toastify-color-info: #5254f1;
  --toastify-color-success: #46cb5c;
  --toastify-color-warning: #f1c40f;
  --toastify-color-error: #ff5749;
}
* {
  box-sizing: border-box;
  user-select: text;
}
html {
  scroll-behavior: smooth;
}
body {
  background: #eff2fb !important;
  /* background-image: url("/images/fon.svg") !important; */
  background-repeat: repeat;
  background-position: center center;
  background-size: cover !important;
  overflow-y: scroll;
  font-weight: 400 !important;
  margin: 0;
  color: var(--bold);

  transition: all 0.8s ease-in-out 0s !important ;
}
body,
button,
select,
input,
textarea {
  font-family: "NunitoSans", sans-serif !important;
}
/* ::selection {
  background: var(--yellow);
  color: var(--black);
} */
/* ::-webkit-scrollbar {
  width: 7px;
}
::-webkit-scrollbar-track {
  background: var(--white);
} */
/* ::-webkit-scrollbar-thumb {
  background: var(--blue);
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
} */
a {
  text-decoration: none !important;
  cursor: pointer;
}
ul {
  list-style-type: none !important;
  padding: 0;
}
input {
  outline: none !important;
  box-shadow: none !important;
  font-family: "NunitoSans", sans-serif;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}
input[type="date"] {
  cursor: text !important;
}
textarea {
  resize: none !important;
}
button {
  outline: none !important;
  box-shadow: none !important;
  cursor: pointer;
}
.container_body {
  width: 100% !important;
  box-sizing: border-box !important;
  padding: 0 calc(50% - 620px) !important;
}
.dark_theme {
  filter: grayscale(100%);
}

.dark_theme_body {
  background-color: #aaa !important;
}
.dark_theme_header {
  filter: grayscale(100%);
  background-color: #aaa !important;
}
.main {
  transition: all 0.8s ease-in-out 0s;
}

.title,
.name {
  transition: color 0.3s ease;
}
.audio_dictor_btn {
  position: absolute;
  background: #02c463;
  padding: 4px;
  border-radius: 8px;
  cursor: pointer;
  z-index: 99999999999;
  border: 1px solid #02c463;
  transition: box-shadow 0.3s ease, background 0.3s ease;
}
.audio_dictor_btn > svg {
  color: #fff;
  font-size: 24px;
}
.audio_dictor_btn:hover {
  box-shadow: 0 0 10px #02c463;
  background: #fff;
}
.audio_dictor_btn:hover > svg {
  color: #02c463;
  font-size: 24px;
}
.offer_link:hover {
  color: #02c463 !important;
}
.chakra-modal__overlay,
.chakra-modal__content-container {
  width: 100% !important;
  height: 100% !important;
}

body.undercover {
  overflow: hidden;
}

.swiper-pagination {
  position: static !important;
  bottom: 0 !important;
  margin-top: 10px;
}

.swiper-pagination-bullet-active {
  background: rgb(2, 196, 99) !important;
}

/* REFACTOR */

.error-message {
  color: red;
}

.card {
  padding: 2em;
}

/* .read-the-docs {
  color: #888;
} */

.cls-1 {
  fill: #eff2fb;
}

.cls-1,
.cls-2 {
  stroke-width: 0px;
}

.cls-2 {
  fill: #02c463;
}

/* warning svg */
.st0 {
  fill: #eff2fb;
}
.st1 {
  fill: #00237e;
}
.st2 {
  fill: #02c463;
}
.st3 {
  fill: #ffffff;
}
.st4 {
  fill: #606060;
}
.st5 {
  fill: none;
  stroke: #c8cbce;
  stroke-width: 0.5669;
  stroke-miterlimit: 10;
}
.st6 {
  fill: #b1b5bc;
}
.st7 {
  fill: #ef0606;
}

/* click logo */
.cla-1,
.cla-2 {
  fill: none;
}

.cla-1,
.cla-2,
.cla-3 {
  stroke-width: 0px;
}

.cla-1 {
  fill: #33cccc;
}

.cla-2 {
  fill: white;
}

.cla-4 {
  clip-path: url(#clippath-1);
}

.cla-2 {
  clip-rule: evenodd;
}

.cla-3 {
  fill: #181926;
}

.cla-5 {
  clip-path: url(#clippath);
}

.clt-1 {
  fill: #fff;
  stroke-width: 0px;
}

.cbs-1 {
  fill: #fda029;
}

.cbs-1,
.cbs-2,
.cbs-3,
.cbs-4,
.cbs-5,
.cbs-6,
.cbs-7,
.cbs-8,
.cbs-9,
.cbs-10,
.cbs-11,
.cbs-12,
.cbs-13,
.cbs-14,
.cbs-15,
.cbs-16,
.cbs-17,
.cbs-18,
.cbs-19,
.cbs-20,
.cbs-21,
.cbs-22,
.cbs-23,
.cbs-24,
.cbs-25,
.cbs-26,
.cbs-27,
.cbs-28,
.cbs-29,
.cbs-30,
.cbs-31,
.cbs-32,
.cbs-33,
.cbs-34,
.cbs-35,
.cbs-36,
.cbs-37,
.cbs-38,
.cbs-39,
.cbs-40,
.cbs-41,
.cbs-42,
.cbs-43,
.cbs-44,
.cbs-45,
.cbs-46,
.cbs-47,
.cbs-48,
.cbs-49,
.cbs-50,
.cbs-51,
.cbs-52,
.cbs-53,
.cbs-54,
.cbs-55,
.cbs-56,
.cbs-57,
.cbs-58,
.cbs-59,
.cbs-60 {
  stroke-width: 0px;
}

.cbs-2 {
  fill: url(#linear-gradient);
}

.cbs-3 {
  fill: #ffb290;
}

.cbs-4 {
  fill: #f88868;
}

.cbs-5 {
  fill: #512409;
}

.cbs-6 {
  fill: #da2727;
}

.cbs-7 {
  fill: #101419;
}

.cbs-8 {
  fill: #2d1a13;
}

.cbs-9 {
  fill: #eed6b0;
}

.cbs-10 {
  fill: #ffe6e6;
}

.cbs-11 {
  fill: #261c1f;
}

.cbs-12 {
  fill: #94766b;
}

.cbs-61 {
  isolation: isolate;
}

.cbs-13 {
  fill: #a42615;
}

.cbs-14 {
  fill: #f96d61;
}

.cbs-15 {
  fill: #e7d4bb;
}

.cbs-17 {
  fill: #00237e;
}

.cbs-18 {
  fill: #e0e0e0;
}

.cbs-19 {
  fill: #d51a42;
}

.cbs-20 {
  fill: #ff4040;
}

.cbs-21 {
  fill: #05a04e;
}

.cbs-22 {
  fill: #532d2d;
}

.cbs-23 {
  fill: #655f69;
}

.cbs-24 {
  fill: #4a3836;
}

.cbs-25 {
  fill: none;
}

.cbs-26 {
  fill: #ffd05e;
  opacity: 0.62;
}

.cbs-26,
.cbs-39,
.cbs-62,
.cbs-45,
.cbs-63 {
  mix-blend-mode: overlay;
}

.cbs-27 {
  fill: #962626;
  mix-blend-mode: multiply;
  opacity: 0.51;
}

.cbs-64 {
  clip-path: url(#clippath-1);
}

.cbs-28 {
  fill: #8e2b2b;
}

.cbs-29 {
  fill: #ff3030;
}

.cbs-30 {
  fill: #0a6d39;
}

.cbs-31 {
  fill: #bfbfbf;
}

.cbs-32 {
  fill: #69330f;
}

.cbs-33 {
  fill: #ffc046;
}

.cbs-34 {
  fill: #e7d5b4;
}

.cbs-35 {
  fill: #7d453f;
}

.cbs-36 {
  fill: #f7e4e2;
}

.cbs-37 {
  fill: #fff7e2;
}

.cbs-38 {
  fill: #d9ba98;
}

.cbs-39 {
  fill: #ffecc5;
}

.cbs-40 {
  fill: #011749;
}

.cbs-41 {
  fill: #ffd7af;
}

.cbs-62 {
  opacity: 0.9;
}

.cbs-65 {
  clip-path: url(#clippath);
}

.cbs-42 {
  fill: #062260;
}

.cbs-43 {
  fill: #922924;
}

.cbs-44 {
  fill: #ffb03c;
}

.cbs-45 {
  fill: #fffdf1;
  opacity: 0.7;
}

.cbs-46 {
  fill: #46404b;
}

.cbs-47 {
  fill: #832222;
}

.cbs-48 {
  fill: #f3e3cf;
}

.cbs-49 {
  fill: #604b44;
}

.cbs-50 {
  fill: #6d1717;
}

.cbs-51 {
  fill: #c93c22;
}

.cbs-52 {
  fill: #b09285;
}

.cbs-53 {
  fill: #a93931;
}

.cbs-54 {
  fill: #f7e9d6;
}

.cbs-55 {
  fill: #422;
}

.cbs-56 {
  fill: #02c463;
}

.cbs-57 {
  fill: #1c222b;
}

.cbs-58 {
  fill: #a07b71;
}

.cbs-59 {
  fill: #ff7822;
}

.cbs-60 {
  fill: #6e6873;
}

.react-datepicker-wrapper {
  width: 100% !important;
  background: transparent;
}

.react-datepicker__input-container {
  z-index: 2;
  background: transparent;
  cursor: pointer;

  input {
    width: 100% !important;
    background: transparent !important;
    cursor: pointer;
    height: 100%;
  }
}

.card {
  /* box-shadow:  3px -3px 15px rgba(0, 0, 0, 0.10); */
}