@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap"); 
:root { 
  
    --primary-color: #F07D00;
    --secondary-color: #41464b;
    --tertiary-color: #41464b;    
  }
  
body{
    background-image: url(../images/pulse_check_landing5.png);
    background-repeat: no-repeat; 
    font-family: "Poppins", sans-serif;
    overflow-y: hidden;
    overflow-x: hidden;
 }
.btn-primary { 
    background-color: #153456;
    border-color: #153456;
}
.btn-primary:hover { 
    background-color: #153456a0;
    border-color: #153456a0;
}
.btn-outline-primary{
    border-color: #153456;
    color: #000000;
}
.btn-outline-primary:hover{
    background-color: #153456a0;
    border-color: #153456a0;
}
.text-success{
    color:var(--primary-color)!important;
}
.text-xxs{
    font-size:13.5px;
}
.text-green{
    color:green;
}
a{
    text-decoration: none;
    color: #000000;
}
a:hover{
    color: #153456;
}
.bg-success
{ 
    background-color: var(--primary-color)!important;
}
.btn-success
{
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    padding: 9px;
}
.btn-success:hover
{
    color: #fff;
    background-color: var(--primary-color);
    border-color: var(--primary-color); 
}
.container
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.border-radius-lg{
    border-radius:0.5rem;
}

    .carousel-indicators [data-bs-target]
    {
        background-color: #000000;
    }


footer {
    position: fixed; 
    width: 99%;
    color: rgb(0, 0, 0); 
 }
 
canvas{ 
    display: block;
    vertical-align: bottom; 
}
 
#particles-js{ 
    position:absolute; 
    width: 100%; height: 100%; 
    background-repeat: no-repeat; 
    background-size: cover; 
    background-position: 50% 50%; 
} 
 
.count-particles{ 
    background: #000022;
    position: absolute; 
    top: 48px; 
    left: 0;
    width: 80px; 
    color: #13E8E9;
    font-size: .8em; 
    text-align: left; 
    text-indent: 4px; 
    line-height: 14px; 
    padding-bottom: 2px;
    font-family: Helvetica, Arial, sans-serif; font-weight: bold; 
}

.carousel-control-next-icon {
background-image: none;
}
.carousel-control-prev-icon {
background-image: none;
}

.logo{
    width:250px;
}
.navbar-toggler { 
    font-size: xx-small;
}


.btn-outline-success
{ 
  border-color: var(--primary-color) !important;
   
}
.bottom-right img {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 18%;
}

.btn-outline-success:focus
{ 
  border-color: var(--primary-color) !important;
  background-color: #f07c000e;
}
 .btn-outline-success:hover
{
    color: #fff!important;;
    background-color: var(--primary-color);
    border-color: #ffffff; 
}

.container .btn
{
    width: 18%;
}

@media (max-width: 400px) {  
    .container .btn
    {
        width:initial;
    }
   
  }

  @media (max-width: 991px) {  
    .container .landing_logo
    {
        width: 60%!important;
    } 
  }

  @media (max-width: 777px) {  
    
    .bottom-right img { 
        height: 14%;
    } 
  }