:root {
  --innerWidth: 1484px;
  --pad-inner: 52px;
}

.alert-primary {
  --bs-alert-color: var(--bs-primary-text);
  --bs-alert-bg: var(--bs-primary-bg-subtle);
  --bs-alert-border-color: var(--bs-primary-border-subtle);
  --bs-alert-link-color: var(--bs-primary-text);
}

.alert-white {
  --bs-alert-color: var(--bs-white-text);
  --bs-alert-bg: var(--bs-white-bg-subtle);
  --bs-alert-border-color: var(--bs-white-border-subtle);
  --bs-alert-link-color: var(--bs-white-text);
}

.alert-black {
  --bs-alert-color: var(--bs-black-text);
  --bs-alert-bg: var(--bs-black-bg-subtle);
  --bs-alert-border-color: var(--bs-black-border-subtle);
  --bs-alert-link-color: var(--bs-black-text);
}

.alert-dark1 {
  --bs-alert-color: var(--bs-dark1-text);
  --bs-alert-bg: var(--bs-dark1-bg-subtle);
  --bs-alert-border-color: var(--bs-dark1-border-subtle);
  --bs-alert-link-color: var(--bs-dark1-text);
}

.alert-dark2 {
  --bs-alert-color: var(--bs-dark2-text);
  --bs-alert-bg: var(--bs-dark2-bg-subtle);
  --bs-alert-border-color: var(--bs-dark2-border-subtle);
  --bs-alert-link-color: var(--bs-dark2-text);
}

.alert-secondary {
  --bs-alert-color: var(--bs-secondary-text);
  --bs-alert-bg: var(--bs-secondary-bg-subtle);
  --bs-alert-border-color: var(--bs-secondary-border-subtle);
  --bs-alert-link-color: var(--bs-secondary-text);
}

.alert-mani {
  --bs-alert-color: var(--bs-mani-text);
  --bs-alert-bg: var(--bs-mani-bg-subtle);
  --bs-alert-border-color: var(--bs-mani-border-subtle);
  --bs-alert-link-color: var(--bs-mani-text);
}

.alert-grey1 {
  --bs-alert-color: var(--bs-grey1-text);
  --bs-alert-bg: var(--bs-grey1-bg-subtle);
  --bs-alert-border-color: var(--bs-grey1-border-subtle);
  --bs-alert-link-color: var(--bs-grey1-text);
}

.bg-primary {
  background: #3F68B3 !important;
}

.btn-primary {
  background: #3F68B3;
  border-color: #3F68B3;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background: rgba(63, 104, 179, 0.8);
  border-color: #3F68B3;
}

.btn-outline-primary {
  background: transparent;
  border-color: #3F68B3;
  color: #3F68B3;
}
.btn-outline-primary:hover, .btn-outline-primary:focus, .btn-outline-primary:active {
  background: rgba(63, 104, 179, 0.8);
  border-color: #3F68B3;
  box-shadow: none;
  outline: none;
}

.text-primary {
  color: #3F68B3 !important;
}

.bg-white {
  background: #fff !important;
}

.btn-white {
  background: #fff;
  border-color: #fff;
}
.btn-white:hover, .btn-white:focus, .btn-white:active {
  background: rgba(255, 255, 255, 0.8);
  border-color: #fff;
}

.btn-outline-white {
  background: transparent;
  border-color: #fff;
  color: #fff;
}
.btn-outline-white:hover, .btn-outline-white:focus, .btn-outline-white:active {
  background: rgba(255, 255, 255, 0.8);
  border-color: #fff;
  box-shadow: none;
  outline: none;
}

.text-white {
  color: #fff !important;
}

.bg-black {
  background: #000 !important;
}

.btn-black {
  background: #000;
  border-color: #000;
}
.btn-black:hover, .btn-black:focus, .btn-black:active {
  background: rgba(0, 0, 0, 0.8);
  border-color: #000;
}

.btn-outline-black {
  background: transparent;
  border-color: #000;
  color: #000;
}
.btn-outline-black:hover, .btn-outline-black:focus, .btn-outline-black:active {
  background: rgba(0, 0, 0, 0.8);
  border-color: #000;
  box-shadow: none;
  outline: none;
}

.text-black {
  color: #000 !important;
}

.bg-dark1 {
  background: #070707 !important;
}

.btn-dark1 {
  background: #070707;
  border-color: #070707;
}
.btn-dark1:hover, .btn-dark1:focus, .btn-dark1:active {
  background: rgba(7, 7, 7, 0.8);
  border-color: #070707;
}

.btn-outline-dark1 {
  background: transparent;
  border-color: #070707;
  color: #070707;
}
.btn-outline-dark1:hover, .btn-outline-dark1:focus, .btn-outline-dark1:active {
  background: rgba(7, 7, 7, 0.8);
  border-color: #070707;
  box-shadow: none;
  outline: none;
}

.text-dark1 {
  color: #070707 !important;
}

.bg-dark2 {
  background: #441F2E !important;
}

.btn-dark2 {
  background: #441F2E;
  border-color: #441F2E;
}
.btn-dark2:hover, .btn-dark2:focus, .btn-dark2:active {
  background: rgba(68, 31, 46, 0.8);
  border-color: #441F2E;
}

.btn-outline-dark2 {
  background: transparent;
  border-color: #441F2E;
  color: #441F2E;
}
.btn-outline-dark2:hover, .btn-outline-dark2:focus, .btn-outline-dark2:active {
  background: rgba(68, 31, 46, 0.8);
  border-color: #441F2E;
  box-shadow: none;
  outline: none;
}

.text-dark2 {
  color: #441F2E !important;
}

.bg-secondary {
  background: #FAD164 !important;
}

.btn-secondary {
  background: #FAD164;
  border-color: #FAD164;
}
.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  background: rgba(250, 209, 100, 0.8);
  border-color: #FAD164;
}

.btn-outline-secondary {
  background: transparent;
  border-color: #FAD164;
  color: #FAD164;
}
.btn-outline-secondary:hover, .btn-outline-secondary:focus, .btn-outline-secondary:active {
  background: rgba(250, 209, 100, 0.8);
  border-color: #FAD164;
  box-shadow: none;
  outline: none;
}

.text-secondary {
  color: #FAD164 !important;
}

.bg-mani {
  background: grey !important;
}

.btn-mani {
  background: grey;
  border-color: grey;
}
.btn-mani:hover, .btn-mani:focus, .btn-mani:active {
  background: rgba(128, 128, 128, 0.8);
  border-color: grey;
}

.btn-outline-mani {
  background: transparent;
  border-color: grey;
  color: grey;
}
.btn-outline-mani:hover, .btn-outline-mani:focus, .btn-outline-mani:active {
  background: rgba(128, 128, 128, 0.8);
  border-color: grey;
  box-shadow: none;
  outline: none;
}

.text-mani {
  color: grey !important;
}

.bg-grey1 {
  background: rgba(35, 31, 32, 0.1) !important;
}

.btn-grey1 {
  background: rgba(35, 31, 32, 0.1);
  border-color: rgba(35, 31, 32, 0.1);
}
.btn-grey1:hover, .btn-grey1:focus, .btn-grey1:active {
  background: rgba(35, 31, 32, 0.8);
  border-color: rgba(35, 31, 32, 0.1);
}

.btn-outline-grey1 {
  background: transparent;
  border-color: rgba(35, 31, 32, 0.1);
  color: rgba(35, 31, 32, 0.1);
}
.btn-outline-grey1:hover, .btn-outline-grey1:focus, .btn-outline-grey1:active {
  background: rgba(35, 31, 32, 0.8);
  border-color: rgba(35, 31, 32, 0.1);
  box-shadow: none;
  outline: none;
}

.text-grey1 {
  color: rgba(35, 31, 32, 0.1) !important;
}

:root {
  --row-h: 11dvh;
  --row-gap: 20px;
  --col-gap: 12px;
}

html.os-windows {
  /* --row-h: 11dvh; */
}

.country-wrapper {
  overflow-y: auto;
}

.countries-list {
  margin-inline: -24px;
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-auto-rows: var(--row-h);
  gap: var(--row-gap) var(--col-gap);
  justify-items: center;
  align-content: start;
  max-block-size: calc(var(--row-h) * 5 + var(--row-gap) * 4);
  overflow: auto;
  min-height: 0;
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
}
.countries-list::-webkit-scrollbar {
  width: 0;
  height: 0;
}
.countries-list li {
  padding-bottom: 24px;
}
.countries-list li a {
  gap: 10px;
}
.countries-list li img {
  width: 6.5vh;
  height: 6.5vh;
  border-radius: 15px;
}
.os-windows .countries-list li img {
  max-block-size: 5dvh;
}

.section-input {
  padding-bottom: clamp(100px, 68px + 10vw, 260px);
}

.input-group {
  background-color: #fff;
  box-shadow: 0 4px 62.6px 3px rgba(63, 104, 179, 0.1);
  border-radius: 95px !important;
  padding: 0px 40px;
  padding-inline-end: 0px;
  overflow: hidden;
}
.input-group .form-control {
  border: none;
  padding-inline: 0;
  font-size: 34px;
}
.input-group .form-control:focus, .input-group .form-control:active {
  border: none;
  box-shadow: none;
}
.input-group .form-control::-webkit-input-placeholder {
  color: #E1E1E1;
}
.input-group .form-control::-moz-placeholder {
  color: #E1E1E1;
}
.input-group .form-control:-ms-input-placeholder {
  color: #E1E1E1;
}
.input-group .form-control:-moz-placeholder {
  color: #E1E1E1;
}

.countries-list p {
  line-height: 22px !important;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  word-break: break-word;
  /* margin-bottom: 12px; */
}