.view,
body,
html {
  height: 100%;
}
.carousel {
  height: 50%;
}
.carousel .carousel-inner,
.carousel .carousel-inner .active,
.carousel .carousel-inner .carousel-item {
  height: 100%;
}
@media (max-width: 776px) {
  .carousel {
    height: 100%;
  }
}
.navbar {
  background-color: rgba(0, 0, 0, 0.2);
}
.page-footer,
.top-nav-collapse {
  background-color: #929fba;
}
@media only screen and (max-width: 768px) {
  .navbar {
    background-color: #929fba;
  }
}


/*Custom Styles*/
.logo-image{
  width: 100%;
}
.navbar {
    background-color: #fff !important;
}

.nav-item .nav-link {
    color: #000;
    -webkit-transition: .35s;
    -o-transition: .35s;
    transition: .35s;
}
.nav-item .nav-link:hover {
  color: #4F6391;
}

.nav-item .active {
  color: #4F6391 !important;
}

.card .btn{
    background-color: #4F6391 !important;
}

.scroll-icon{
    margin-left: auto;
    margin-right: auto;
    height: 69px;
    display: block;
    margin-bottom: 5%;
}

.navbar-expand-lg .navbar-nav .nav-link {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.indigo-text {
  color: #4F6391!important;
}

.page-footer {
  background-color: #4F6391!important;
}

.rgba-black-light, .rgba-black-light:after {
  background-color: rgba(63, 79, 116, 0.7) !important;
}

.learn-button{
  background-color: #4F6391!important;
}
.covid-19-img{
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.alert-primary {
  background-color: #fff !important;
  border-color:  #4F6391!important;
}
.header-image{
  height: 70vh !important;
}

.header-btn{
  border-radius: 29px !important;
}

.arrow-right{
  color:#4F6391;
}

.saipa-logo{
  width: 100%;
}

.about-us-caption{
  color:#4F6391;
}

.about-us-text{
  line-height: 1.7;
  color: #999999;
}

.about-us-contact-btn, .contact-us-button{
  background-color: #3f4f74 !important;
  color: #fff;
}

.about-us-contact-btn:hover{
  color: #fff;
}

.contact-us-cards{
  background-color: rgba(63, 79, 116, 0.9) !important;
  border-radius: 13px;
}

.contact-us-form, .contact-us-card-image{
  border-radius: 13px;
}

.contact-us-location-icon{
  font-size: 40px;
}

.card-inner{
  width: 100%;
}

.navbar.navbar-light .navbar-nav .nav-item.active>.nav-link {
  background-color: inherit;
}


/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 360px) {
  .navbar-brand img {
    height: 4vh ;
    width: inherit ;
  } 
}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) { 
  .navbar-brand img{
    height: 10vh;
  }
}