html {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
}

.hide-scrollbar {
  overflow-y: scroll;
  -ms-overflow-style: none; /* IE、Edge */
  scrollbar-width: none; /* Firefox */
}

.hide-scrollbar::-webkit-scrollbar {
  display: none;
}

.banner-section {
  background: url(../img/banner.jpg) no-repeat center center;
  background-size: cover;
}

/* .list-how-to-works {
  counter-reset: num;
} */

.item-how-to-works {
  height: 334px;
  background: rgba(77,57,212,0.14);
  border-radius: 28px;
  position: relative;
  background-clip: padding-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.item-how-to-works::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 28px;
  padding: 3px;
  background: linear-gradient(180deg, rgba(62, 29, 91, 1), rgba(20, 40, 105, 1));
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  mask-composite: exclude;
  z-index: -1;
}


.define-number {
  font-weight: 700;
  font-size: 47px;
  line-height: 1;
  /* margin: 30px 0 0  0; */
}

.cont-title {
  font-weight: 700;
  font-size: 28px;
  line-height: 1.2;
  text-align: center;
  margin: 32px 0 0  0;
}

.text-gradient {
  font-style: italic;
  background: linear-gradient(50deg, #C88BFF 0%, #8300FF 45%, #3B61FF 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  padding: 2px;
}

.cont-text {
  font-size: 17px;
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  margin: 34px 0 0  0;
}

/* modal */
.modal-container.is-hidden {
  display: none;
}

.form-item-bg {
  background-color: #282F43;
}


input:focus,
select:focus,
textarea:focus {
  border-color: #4778FF !important;
  box-shadow: 0 0 0 2px rgba(80, 126, 253, 0.5) !important;
  outline: none !important;
}


input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #282F43 inset !important;
  -webkit-text-fill-color: #E9F2FF !important;
  transition: background-color 5000s ease-in-out 0s;
}


input::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

select option {
  background-color: #282F43;
  color: #E9F2FF;
}

select option:hover {
  background-color: #4778FF;
  color: #FFFFFF;
}

input, textarea, select {
  caret-color: #FFFFFF;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #282F43 inset !important;
  -webkit-text-fill-color: #E9F2FF !important;
  transition: background-color 5000s ease-in-out 0s;
}

input::-webkit-calendar-picker-indicator {
  filter: invert(1);
}

select option {
  background-color: #282F43;
  color: #E9F2FF;
}

select option:hover {
  background-color: #4778FF;
  color: #FFFFFF;
}