html {
  scroll-behavior: smooth; }

  

  #goravImg{
    width: 170px;

  }
 

  .featureText{
    margin-left: 20px;
  }

  #navbar{
    background-color: #3949ab !important;
  }

  #motive{
    margin-top: 50px;
    width: 50%;  
    height: 20%;
    -moz-appearance: none;
    border: none;
    border-color: white;
    padding: 0 1em 0 0;
    font-family: inherit;
    cursor: pointer;
    font-size: medium;
  }

  /* #companyInfo{
    margin-top: 50%;
  } */
/*   
  #customPlan{

    

  } */
  #submitBtn{
    margin-left: 200px;
    background-color: green !important;
    width: 100%;
  }

  #resetBtn{
    margin-left: 200px;
    background-color: red !important;
    width: 100%;
  }

  #message{
    width: 100%;
  }
  
  

  .alert-danger,.alert-success{
    visibility: hidden;
  }
  
  
#intro {
  background: url("../images/panorama-3094696_1920.jpg") no-repeat center center;
  background-size: cover; }

.top-nav-collapse {
  background-color: #3949ab !important; }

.navbar:not(.top-nav-collapse) {
  background: transparent !important; }

@media (max-width: 768px) {
  .navbar:not(.top-nav-collapse) {
    background: #3949ab !important; } }

#intro .h6 {
  font-weight: 300;
  line-height: 1.7; }

.site-bg-img {
  height: 100vh;
  min-height: 480px;
  max-height: 1080px; }

.hm-gradient .site-bg-img {
  background: rgba(42, 27, 161, 0.7);
  background: linear-gradient(45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%); 
}

@media (max-width: 450px) {
  .margins {
    margin-right: 1rem;
    margin-left: 1rem; } }

#pricing .lead {
  opacity: 0.7; }

#pricing .card-image {
  background: url("../images/architecture.jpg") no-repeat center center; }

#pricing ul li {
  font-size: 1.1em; }