/********************
BOOTSTRAP MODS
********************/
:root {
  --bs-font-family: "Roboto", sans-serif;
}
.bg-light {
  --bs-light-rgb: 255, 255, 255;
  --bs-bg-opacity: 0.9;
}
.navbar {
  position: fixed;
  width: 100%;
  height: 80px;
  z-index: 99;
  backdrop-filter: blur(16px);
  --bs-navbar-nav-link-padding-x: 20px;
  --bs-navbar-padding-y: 0px;
}

.navbar-nav {
  height: 80px;
  align-items: center;
}

.navbar-nav li {
  line-height: 80px;
  height: -webkit-fill-available;
  text-align: center;
}

.navbar-nav li.current-menu-item {
  border-bottom: 2px solid #0091d4;
  border-radius: 2px 2px 0 0;
}

.navbar-nav li:last-child {
    padding-right: 20px;
}

.navbar-brand {
  --bs-navbar-brand-padding-x: 80px;
  --bs-navbar-brand-padding-y: 21px;
}
.nav-link {
  --bs-nav-link-font-size: 16px;
  --bs-nav-link-font-weight: 500;
  --bs-nav-line-height: 24px;
  --bs-nav-link-color: #1d1d1d;
  font-size: var(--bs-nav-link-font-size);
  font-weight: var(--bs-nav-link-font-weight);
  font-family: var(--bs-font-family);
  line-height: var(--bs-nav-line-height);
  display: -webkit-inline-box;
}

.nav-link:hover,
.nav-link:active {
  color: #0091d4;
}

.btn {
  --bs-btn-padding-x: 32px;
  --bs-btn-padding-y: 10px;
  --bs-btn-link-font-size: 16px;
  --bs-btn-link-font-weight: 500;
  --bs-btn-line-height: 24px;
  background: linear-gradient(358.89deg, #ffcc00 7.69%, #ffdb4d 98.93%);
  font-size: var(--bs-btn-link-font-size);
  font-weight: var(--bs-btn-link-font-weight);
  font-family: var(--bs-font-family);
  line-height: var(--bs-btn-line-height);
  border: 0;
  color: #2d2d2d;
}

.btn:active ,.btn:hover,.btn-check:checked+.btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check)+.btn:active{
    color: #2d2d2d;
    background-color: #2d2d2d;
    background: #FFDB4D;
} 

@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1206px;}
}

@media (min-width: 1200px){
.container, .container-lg, .container-md, .container-sm, .container-xl {
    max-width: 1206px;
}}