html{
overflow-x: hidden;
}
html,
body {
  background-color: #ffffff;
  min-height: 100vh;
  padding: 0;
  margin: 0;
  font-family: "Lexend", sans-serif;
  scroll-behavior: smooth;
  
}
html {
  scroll-behavior: smooth;
}
:root {
  --error_red: #cf2739;
  --primary: #02ffea;
  --primary_hover: #00d9d9;
  --secondary: #ff2157;
  --dark_bg: #23252A;
  --light_bg: #fbfbfb;
  --border_dark_bg: #3b3e42;
  --border_light_bg: #d7dade;
  --radius: 35vmin;
  --frame-size: calc(var(--radius) / 3);
  --d-outer: calc(var(--radius) * 2);
  --d-inner: calc(var(--d-outer) - var(--frame-size));
}
* {
  box-sizing: border-box;
}
p,
a,
h1,
h2,
h3,
h4 {
  display: block;
  margin: 0;
  padding: 0;
  color: inherit;
  text-decoration: none;
}
ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
button {
  outline: none;
  font-family: inherit;
  box-sizing: border-box;
}
input,
select,
textarea {
  box-sizing: border-box;
  font-family: inherit;
}
.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none; /* Safari */
  -khtml-user-select: none; /* Konqueror HTML */
  -moz-user-select: none; /* Old versions of Firefox */
  -ms-user-select: none; /* Internet Explorer/Edge */
  user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome, Edge, Opera and Firefox */
}
.flex_start {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: flex-start;
  -webkit-box-pack: flex-start;
  justify-content: flex-start;
}
.flex_end {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: flex-end;
  -webkit-box-pack: flex-end;
  justify-content: flex-end;
}
.flex_center {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
}
.flex_around {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-around;
}
.flex_justify {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
}
.fvcenter {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.fwrap {
  flex-wrap: wrap;
}
.nowrap {
  flex-wrap: nowrap;
}
.text_center {
  text-align: center;
}
.text_justify {
  text-align: justify;
}

.pt-_5 {
  padding-top: 0.5em;
}
.pt-1 {
  padding-top: 1em;
}
.pt-1_5 {
  padding-top: 1.5em;
}
.pt-2 {
  padding-top: 2em;
}

.pb-_5 {
  padding-bottom: 0.5em;
}
.pb-1 {
  padding-bottom: 1em;
}
.pb-1_5 {
  padding-bottom: 1.5em;
}
.pb-2 {
  padding-bottom: 2em;
}

.pad_v-_5 {
  padding: 0.5em 0;
}
.pad_v-1 {
  padding: 1em 0;
}
.pad_v-1_5 {
  padding: 1.5em 0;
}
.pad_v-2 {
  padding: 2em 0;
}

.pad_h-_5 {
  padding: 0 0.5em;
}
.pad_h-1 {
  padding: 0 1em;
}
.pad_h-1_5 {
  padding: 0 1.5em;
}
.pad_h-2 {
  padding: 0 2em;
}

.pad-_5 {
  padding: 0.5em;
}
.pad-1 {
  padding: 1em;
}
.pad-1_5 {
  padding: 1.5em;
}
.pad-2 {
  padding: 2em;
}

.content_width {
  width: 85%;
  max-width: 1200px;
  margin: 0 auto;
}
.no_content_width {
  width: 100%;
  margin: 0 auto;
}
.cyber_font{
  font-family: "Audiowide", sans-serif;
}

/* Scroll bar style */
.cu_scroll::-webkit-scrollbar-track {
  background-color: #f9f9f9;
}

.cu_scroll::-webkit-scrollbar {
  width: 5px;
  background-color: #f9f9f9;
}

.cu_scroll::-webkit-scrollbar-thumb {
  background-color: #87878a;
  border-radius: 5px;
}

.body_dark_bg {
  color: #f0f0f0;
  transition: 0.2s all ease;
  background-color: var(--dark_bg);
}
.body_light_bg {
  color: #161616;
  transition: 0.2s all ease;
  background-color: var(--light_bg);
}
.light_bg_translucent {
  color: #161616;
  transition: 0.2s all ease;
  background-color: rgba(255, 255, 255, 0);
}

/* Custom radio */
.opacity {
  position: absolute;
  opacity: 0;
  width: 0; /* for internet explorer */
}
.cu_radio {
  padding-bottom: 10px;
}
.cu_radio .radio_inp {
  width: 0;
}
.cu_radio .radio_label {
  display: inline-block;
  border: 1px solid #999999;
  color: #999999;
  background-color: #ffffff;
  cursor: pointer;
  font-weight: 600;
  font-size: 14px;
  padding: 8px 25px;
  border-radius: 2px;
  margin: 7px 14px 7px 0;
}
.cu_radio input[type="radio"]:checked + label,
.cu_radio input[type="checkbox"]:checked + label {
  color: #096ee0;
  border: 1px solid #096ee0;
  background-color: #faf7ff;
}
.cu_radio input[type="radio"]:focus + label,
.cu_radio input[type="checkbox"]:checked + label {
  color: #096ee0;
  border: 1px solid #096ee0;
  background-color: #faf7ff;
  color: #096ee0;
}
.cu_pointer {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
.cu_pointer:hover {
  transform: scale(0.97);
}
@media only screen and (max-width: 580px) {
  .cu_pointer {
    cursor: default;
  }
}
._cup {
  cursor: pointer;
  -webkit-transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
  transition: all 0.2s cubic-bezier(0.23, 1, 0.32, 1);
}
._cup:hover {
  -webkit-transform: scale(0.97);
  transform: scale(0.97);
}
@media only screen and (max-width: 580px) {
  ._cup {
    cursor: default;
  }
}
._nos {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}