/*bg glow test */
:root{
    --purple: #20bf55;
    --dk-purp: #20bf55;
    --pink: #20bf55;
    --pink2: #20bf55;
    --skyblue: #0095d5;
    --blue: #0095d5;
    --neon-blue: #0095d5;
    --white: #fff;
    --gray: #bbb;
    --black: #111;
}



.wrapper{
background-image: linear-gradient(to top right,#000000,#20bf55,#0095d5);
height: 100vh;
width: 100vw;
outline: 30px solid var(--black);
opacity: .99;
filter: blur(20px);
-webkit-filter: blur(18px);
position: absolute;
}

.circle{
margin: 10px;
border-radius: 50%;
position: absolute;
z-index: -1;
}

.c1{
width: 12rem;
height: 12rem;
top: -15%;
left: 30%;
background-image: radial-gradient(circle at 70%,var(--neon-blue),var(--purple),#20bf55,var(--black));
box-shadow: 15px 0px 50px var(--pink2);
animation: float1 12s infinite;
}
.c2{
width: 30rem;
height: 30rem;
right: -30%;
bottom: 20%;
background-image: radial-gradient(var(--dk-purp),var(--purple),var(--neon-blue),var(--skyblue));
opacity: .7;
animation: float2 15s infinite;
}
.c3{
width: 14rem;
height: 12rem;
bottom: -10%;
left: -5%;
background: #20bf55;
animation: float3 10s infinite;
}


@keyframes float1{
    0% {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   -o-transform: translateY(0px);
   transform: translateY(0px); 
 }
 50% {
   -webkit-transform: translateY(25px);
   -moz-transform: translateY(25px);
   -ms-transform: translateY(25px);
   -o-transform: translateY(25px);
   transform: translateY(25px);
       width: 24%;
       opacity: .7;
 }
}

@keyframes float2{
    0% {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   -o-transform: translateY(0px);
   transform: translateY(0px); 
 }
 50% {
   -webkit-transform: translateY(70px);
   -moz-transform: translateY(70px);
   -ms-transform: translateY(70px);
   -o-transform: translateY(70px);
   transform: translateY(70px); 
       height: 75%;
       width: 35%;
       opacity: .5;
 }
}

@keyframes float3{
    0% {
   -webkit-transform: translateY(0px);
   -moz-transform: translateY(0px);
   -ms-transform: translateY(0px);
   -o-transform: translateY(0px);
   transform: translateY(0px); 
 }
 50% {
   -webkit-transform: translateY(70px);
   -moz-transform: translateY(70px);
   -ms-transform: translateY(70px);
   -o-transform: translateY(70px);
   transform: translateY(70px); 
 }
}
/*Poppins Fonts*/

.poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: normal;
  }
  
  .poppins-extralight {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: normal;
  }
  
  .poppins-light {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: normal;
  }
  
  .poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;
  }
  
  .poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
  }
  
  .poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
  }
  
  .poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
  }
  
  .poppins-extrabold {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: normal;
  }
  
  .poppins-black {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: normal;
  }
  
  .poppins-thin-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 100;
    font-style: italic;
  }
  
  .poppins-extralight-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 200;
    font-style: italic;
  }
  
  .poppins-light-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    font-style: italic;
  }
  
  .poppins-regular-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: italic;
  }
  
  .poppins-medium-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: italic;
  }
  
  .poppins-semibold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: italic;
  }
  
  .poppins-bold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: italic;
  }
  
  .poppins-extrabold-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 800;
    font-style: italic;
  }
  
  .poppins-black-italic {
    font-family: "Poppins", sans-serif;
    font-weight: 900;
    font-style: italic;
  }

  /*Superior Title Fonts*/
  .superiortitle-black {
    font-family: "superior-title", serif;
    font-weight: 800;
    font-style: normal;
  }
  .superiortitle-light {
    font-family: "superior-title", serif;
    font-weight: 300;
    font-style: normal;
  }

  /*Colors*/
  .bg-corporategreen {
    background-color: #20bf55 !important;
  }
  .text-darkblue {
    color: #0b132b !important;
  }
  .text-corporateblue {
    color: #0095d5 !important;
  }
  .text-corporategreen {
    color: #20bf55 !important;
  }

  .text-gradient.text-neonblue {
    background-image: linear-gradient(195deg,  rgb(0, 149, 213), rgb(32, 191, 85));
  }

  .bg-gradientcustom.bg-neonblue {
    background-image: linear-gradient(195deg,  rgb(0, 149, 213), rgb(32, 191, 85));
  }
  .shadow-neonblue {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(77, 77, 255, 0.4) !important;
}

/*BBB Logo*/
a#bbblink.ruhzbas, a#bbblink.ruhzbus {
  width: 200px !important; 
  height: 90px !important;
}
  
a#bbblink.sehzbas:hover img, a#bbblink.rbhzbas:hover img, a#bbblink.ruhzbas:hover img, a#bbblink.sehzbus:hover img, a#bbblink.rbhzbus:hover img, a#bbblink.ruhzbus:hover img {
  margin-left: -200px !important;
}


  /*Nav*/
    .nav-logo {
        width:60px;
    }
    .navbar .nav-link {
        color: #0b132b;
    }

    @media (max-width: 991.98px) {

        .nav-logo {
            width:90px;
        }
    }