.border1 {
  border-radius: 10px!important;
}

.flag {
  height: 38px;
  border-radius: 10px;
  margin-right: 12px;
}

.icons {
  font-size: 32px;
  color: black;
}

.btn, .ref-button {
  border-radius: 10px;
  background: linear-gradient(66deg, #539cff 1%, var(--bs-info) 81%);
  transition: background 1s ease, transform 0.3s ease;
  font-size: 16px;
  color: white;
  border-style: none;
}

.btn:hover, .ref-button:hover {
  transform: scale(1.05);
  background: linear-gradient(66deg, rgb(13,114,253) 0%, var(--bs-info) 81%);
  /*animation: btnHover 3s !important;*/
  background-size: 200% 200%;
  color: var(--bs-light-bg-subtle);
}

.btn:active, .ref-button:active {
  transform: scale(0.95);
  color: var(--bs-light)!important;
}

.zIndexTop {
  z-index: 11;
}

.width800 {
  max-width: 800px;
}

body {
  background-color: var(--bs-dark);
  overflow-x: hidden!important;
}

h2, h4 {
  font-family: 'Montserrat';
}

.marginTopSmall {
  margin-top: 16px;
}

.marginTopMedium {
  margin-top: 42px;
}

.accordion-item {
  color: var(--bs-accordion-color);
  background-color: rgba(255,255,255,0.95);
  border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
  box-shadow: inset 0px 0px 10px var(--bs-light-text-emphasis);
}

.accordion {
  --bs-accordion-color: var(--bs-body-color);
  --bs-accordion-bg: var(--bs-body-bg);
  --bs-accordion-transition: color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out,border-radius 0.15s ease;
  --bs-accordion-border-color: var(--bs-border-color);
  --bs-accordion-border-width: var(--bs-border-width);
  --bs-accordion-border-radius: var(--bs-border-radius);
  --bs-accordion-inner-border-radius: calc(var(--bs-border-radius) - (var(--bs-border-width)));
  --bs-accordion-btn-padding-x: 1.25rem;
  --bs-accordion-btn-padding-y: 1rem;
  --bs-accordion-btn-color: var(--bs-body-color);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23212529' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-icon-width: 1.25rem;
  --bs-accordion-btn-icon-transform: rotate(-180deg);
  --bs-accordion-btn-icon-transition: transform 0.2s ease-in-out;
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e");
  --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
  --bs-accordion-body-padding-x: 1.25rem;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: var(--bs-primary-text-emphasis);
  --bs-accordion-active-bg: #ffffff;
  width: 800px;
  min-height: 562px;
}

.btn-same-bg {
  background: linear-gradient(-62deg, rgb(13,114,253) 0%, var(--bs-info) 81%)!important;
}

.width300 {
  max-width: 300px;
}

.linkStyle {
  color: var(--bs-light);
}

.w400 {
  max-width: 400px;
}

.section-auto-height {
  min-height: 70vh;
}

.display-none {
  display: none;
}

.attributionLink {
  font-size: 5px;
}

.width400 {
  max-width: 400px;
}

#userActions {
  display: none;
}

main {
  background-color: var(--bs-light);
  min-height: 75vh;
}

.letter-space-lg {
  letter-spacing: 2px;
}

.solar-nav-link {
  background: linear-gradient(66deg, #00c853 0%, #00e676 100%);
  color: var(--bs-light);
  font-weight: bold;
  text-decoration: none;
  padding: 12px;
  margin-right: 0;
  border-radius: 15px;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  display: inline-block;
}

.solar-nav-link:hover {
  background: linear-gradient(66deg, #00c853 0%, #00e676 100%);
  transform: scale(1.05);
}

.solar-nav-link:active {
  background: linear-gradient(66deg, #00c853 0%, #00e676 100%);
  transform: scale(0.95);
}

.solar-nav-link:focus {
  background: linear-gradient(66deg, #00c853 0%, #00e676 100%);
  outline: none;
}

.opacity-low {
  opacity: 70%!important;
}

.hshfh {
  /*z-index: -10;*/
  max-width: 100vw!important;
}

.fghrtjtuyk {
  z-index: -3;
}

.jutdjdhk {
  width: 503px;
}

.dkudutjk {
  bottom: 10%;
  right: 10%;
  left: 10%;
  top: 10%;
  position: absolute;
  z-index: 10;
}