.navbar-toggler{
  border: none;
}

.navbar-toggler > .bi-list{
  display: none;
}

.navbar-toggler > .bi-x-lg{
  display: block;
}

.navbar-toggler.collapsed > .bi-list{
  display: block;
}

.navbar-toggler.collapsed > .bi-x-lg{
  display: none;
}

.bg-blur-dark{
  background-color: rgba(22, 22, 23, .8);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}

.bg-black{
  background-color: #000000;
}

.bg-dark a, .bg-black a, .bg-pro a {
  color: #2997ff;
  text-decoration: none;
}

.bg-dark a:hover, .bg-black a:hover, .bg-pro a:hover{
  text-decoration: underline;
}

.navbar-brand{
  font-family: 'PT Sans';
	font-weight: bold;
  color: #fff !important;
  text-decoration: none !important;
}

nav.bg-blur-dark .nav-link{
  color: rgba(255,255,255, 0.8);
  font-size: 0.9rem;
  padding-left: 1rem !important;
  padding-right: 1rem !important;
  font-weight: bold;
}

nav.bg-blur-dark .nav-link.active{
  background-color: rgba(255,255,255, 0.1);
}

nav.bg-blur-dark .nav-link:hover{
  text-decoration: none;
}

.card.product{
  border: none;
  border-radius: 0;  
}

nav.bg-blur-dark .nav-link:hover{
  color: rgba(255,255,255, 1);
}

nav.bg-blur-dark{
  border-bottom: 1px solid rgba(255,255,255,0.1);
}

.modal-content{
  border-radius: 1rem;
}

.modal-backdrop{
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: rgba(0,0,0,0.7);
}

.modal-backdrop.show{
  opacity: 1;
}

:root{
  --bs-font-sans-serif: 'SF Pro Display',system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}

.pixea-plus{
  font-size: 2.75rem;
  background: -webkit-linear-gradient(45deg, #D0011A, #9D51F1, #309DFF);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.product-icon{
  width: 128px;
  height: 128px;
}

.bg-pro{
  background-color: #171717;
  color: rgba(255,255,255,0.5) !important;
}

.bg-pro h1, .bg-pro h2, .bg-pro h3, .bg-pro h4, .bg-pro h5{
  color: rgba(255,255,255,1) !important;
}

.p-abs-right{
  position: absolute;
  right: 0;
  margin: auto 0;
  top: 0;
  bottom: 0;
}

.p-abs-left{
  position: absolute;
  left: 0;
  margin: auto 0;
  top: 0;
  bottom: 0;
}

.bg-grey{
  background-color: #F2F2F2;
}

@media screen and (max-width: 767.99px) {
  .product-icon{
    width: 64px;
    height: 64px;
  }

  .fs-2{
    font-size: 1.5rem !important;
  }

}

@media screen and (min-width: 1200px){
  .fs-2 {
    font-size: 2.5rem !important;
  }
}