body {
  margin: 0;
  padding: 0;
}
*:focus {
  outline: none !important;
  box-shadow: none !important;
}
ul {
  margin: 0px;
  padding: 0px;
}
ul li {
  list-style: none;
}
a {
  decoration: none;
}

.vh100 {
  height: 100vh;
}
.form-check-input[type="text"] {
  background-blend-mode: soft-light, normal;
  backdrop-filter: blur(17.25px);
}
.no-padding {
  padding: 0px !important;
}
.no-margin {
  margin: 0px !important;
}
/*TEXT COLORS START*/
.text-shadow-gray {
  text-shadow: 0px 3px 2px rgba(0, 0, 0, 0.35);
}

/*TEXT COLOR START*/
.primary-10 {
  color: var(--primary-10);
}

.primary-20 {
  color: var(--primary-20) !important;
}

.primary-30 {
  color: var(--primary-30);
}

.primary-40 {
  color: var(--primary-40);
}

.primary-50 {
  color: var(--primary-50);
}

.primary-60 {
  color: var(--primary-60);
}

.primary-70 {
  color: var(--primary-70);
}

.primary-80 {
  color: var(--primary-80);
}

.primary-90 {
  color: var(--primary-90);
}

.primary-100 {
  color: var(--primary-100);
}

.secondary-10 {
  color: var(--secondary-10);
}

.secondary-20 {
  color: var(--secondary-20);
}

.secondary-30 {
  color: var(--secondary-30);
}

.secondary-40 {
  color: var(--secondary-40);
}

.secondary-50 {
  color: var(--secondary-50);
}

.secondary-60 {
  color: var(--secondary-60);
}

.secondary-70 {
  color: var(--secondary-70);
}

.secondary-80 {
  color: var(--secondary-80);
}

.secondary-90 {
  color: var(--secondary-90);
}

.secondary-100 {
  color: var(--secondary-100);
}

.tertiary-10 {
  color: var(--tertiary-10);
}

.tertiary-20 {
  color: var(--tertiary-20);
}

.tertiary-30 {
  color: var(--tertiary-30);
}

.tertiary-40 {
  color: var(--tertiary-40);
}

.tertiary-50 {
  color: var(--tertiary-50);
}

.tertiary-60 {
  color: var(--tertiary-60);
}

.tertiary-70 {
  color: var(--tertiary-70);
}

.tertiary-80 {
  color: var(--tertiary-80);
}

.tertiary-90 {
  color: var(--tertiary-90);
}

.tertiary-100 {
  color: var(--tertiary-100);
}

.gray-10 {
  color: var(--gray-10);
}

.gray-20 {
  color: var(--gray-20);
}

.gray-30 {
  color: var(--gray-30);
}

.gray-40 {
  color: var(--gray-40);
}

.gray-50 {
  color: var(--gray-50);
}

.gray-60 {
  color: var(--gray-60);
}

.gray-70 {
  color: var(--gray-70);
}

.gray-80 {
  color: var(--gray-80);
}

.gray-90 {
  color: var(--gray-90);
}

.black {
  color: var(--black);
}

.cold-gray-10 {
  color: var(--cold-gray-10);
}

.cold-gray-20 {
  color: var(--cold-gray-20) !important;
}

.cold-gray-30 {
  color: var(--cold-gray-30);
}

.cold-gray-40 {
  color: var(--cold-gray-40);
}

.cold-gray-50 {
  color: var(--cold-gray-50);
}

.cold-gray-60 {
  color: var(--cold-gray-60);
}

.cold-gray-70 {
  color: var(--cold-gray-70);
}

.cold-gray-80 {
  color: var(--cold-gray-80);
}

.cold-gray-90 {
  color: var(--cold-gray-90);
}

.cold-gray-100 {
  color: var(--cold-gray-100);
}

.white-10 {
  color: var(--white-10);
}

.white-20 {
  color: var(--white-20);
}

.white-30 {
  color: var(--white-30);
}

.white-40 {
  color: var(--white-40);
}

.white-50 {
  color: var(--white-50);
}

.white-60 {
  color: var(--white-60);
}

.white-90 {
  color: var(--white-90);
}

.white-100 {
  color: var(--white-100);
}

.green {
  color: var(--green);
}

.danger {
  color: var(--danger);
}
.axualitiy-1 {
  color: var(--axualitiy-1);
}
.axualitiy-2 {
  color: var(--axualitiy-2);
}
.axualitiy-3 {
  color: var(--axualitiy-3);
}
.axualitiy-4 {
  color: var(--axualitiy-4);
}
.axualitiy-5 {
  color: var(--axualitiy-5);
}
.axualitiy-6 {
  color: var(--axualitiy-6);
}
/*TEXT COLOR END*/

/*INPUT START*/
.form-control,
.form-select {
  background: transparent !important;
  color: var(--white) !important;
}
.form-control:focus,
.form-select {
  border-color: none !important;
  box-shadow: none !important;
  background: transparent;
}

.form-check-input:checked {
  border-color: var(--primary-40);
  background-color: var(--primary-40);
  border-width: 3px;
}
.form-select option {
  color: #333 !important;
}
.input-field:hover {
  border-color: var(--input-border-hover);
  background-color: var(--input-bg-hover);
}
.input-field::placeholder {
  color: var(--input-placeholder) !important;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 22px;
  font-family: var(--font-secondary);
}

.filter-white {
  filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(5%)
    hue-rotate(101deg) brightness(103%) contrast(100%);
}

.form-select {
  color: var(--gray-40);
}
.form-select option.selected {
  color: var(--white) !important;
}
.form-select option.selected {
  color: var(--white) !important;
}
/*INPUT END*/

/*DROPDOWN TOGGLE START*/

.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  width: 1.2em;
  height: 1.2em;
  content: "";
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none"%3E%3Cpath d="M19.92 8.95L13.4 15.47C12.63 16.24 11.37 16.24 10.6 15.47L4.08 8.95" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/%3E%3C/svg%3E');
  background-size: contain;
  background-repeat: no-repeat;
  border: none;
  margin-bottom: -8px !important;
}

/*DROPDOWN TOGGLE END*/