/*!
 * Start Bootstrap - Busines Frontpage (https://startbootstrap.com/template-overviews/business-frontpage)
 * Copyright 2013-2019 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-business-frontpage/blob/master/LICENSE)
 */



body {
  font-family: 'Rajdhani', sans-serif;
  background-color: #f2f2f2;
  position: relative;
  padding-top: 56px;
}

.container-fluid {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

.navbar {
  padding: 0rem 1rem;
}

.navbar-brand{
  padding-left: 50px;
}

.bg-light {
  background-color: #f2f2f2 !important;
}
nav ul li {
	float: left;
  font-size: 17px;
  font-weight: 900 ;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
	letter-spacing: 1px;
}

.navbar-light .navbar-nav .nav-link {
  padding-top: 21px;
	color: #3D6B96;
	transition: all 0.3s linear;
}

.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color:#77BBC8;
}

.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .nav-link.active {
    color: #77BBC8;
}

.nav-item-access{
    padding-bottom: 10px;
    padding-left: 10px;		
    padding-right: 8px;
    text-align: center;
    vertical-align: middle;
    border-radius: 0px;
    font-weight: bold;
    border-left: 1px solid #3D6B96;
    border-right: 1px solid #3D6B96;
    color: #3D6B96;
    transition: all 0.3s linear;
  }
  .nav-item-access:hover {
    color: #77BBC8;
    border-left: 1px solid #77BBC8;
    border-right: 1px solid #77BBC8;
    cursor: pointer;
  }
  .nav-item-access:active {
    color: #77BBC8;
    border-left: 1px solid #77BBC8;
    border-right: 1px solid #77BBC8;
    cursor: pointer;
    transition: all 0s linear;
  }

.navbar-toggler{
border: 0px;
}

  header{
    height: 350px;
  }


  #particles-js {
    position: absolute;
     width: 100%;
      height: 60vh;
      background-image: url(
        ../images/pattern.png);
      background-color: #3D6B96;
      background-repeat: no-repeat;
      background-size: cover;
  }
  .text-primary {
    color: #3D6B96 !important;
  }
  .text-secondary {
    color: #77BBC8 !important;
  }
  .parraph{
    letter-spacing: 1px;
  }

  .screen {
    float: center;
    clear: both;
    background-color: #3D6B96;
    background-image: url(../images/pattern.png);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
  }


  .banner {
    background-image: url(../images/public.jpeg);
    height: 400px;
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  
  textarea.form-control {
    height: 150px;
  }
  .btn-primary {
    color: #fff;
    background-color: #3D6B96!important;
    border-color: #3D6B96 !important;
  }
  
  .btn-primary:hover {
    color: #fff;
    background-color: #77BBC8!important;
    border-color: #77BBC8 !important;
  }

.rr-ss{
  color: #3D6B96 !important;
  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;
}
.rr-ss:hover{
  color:#77BBC8 !important;
}