*{
    padding: 0;
    margin: 0;
    font-family: "Poppins";

}
.headings{
    font-family: "Sora", sans-serif;
}
.logo{
    width: 160px;
}
.navbar {
    transition: background-color 0.3s, color 0.3s;
  }
  
  /* This class will be added when scrolled */
  .navbar.scrolled {
    background-color: white !important;
  }
  
  /* Change nav-link color when scrolled */
  .navbar.scrolled .nav-link {
    color: black !important;
  }
  .prpBg1 {
    background: linear-gradient(rgb(0 0 0 / 0%), rgb(0 0 0 / 0%)), url(images/hero-bg.jpg);
    width: 100%;
    height: 50vh;
    background-position: center;
    background-size: contain;
    background-attachment: scroll;
    background-repeat: no-repeat;
    display: flex;              /* Enable flexbox */
    align-items: center;        /* Vertically center */
    justify-content: center;  
    border-radius: 10px;/* Horizontally center */
}
.smrBg{
    
     background: linear-gradient(rgba(0, 0, 0, 0.352), rgba(0, 0, 0, 0.352)), url('https://www.smrholdings.in/images/HeroBanner02csmr.webp');
    width: 100%;
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-attachment: scroll;
    background-repeat: no-repeat;
    display: flex;              /* Enable flexbox */
    align-items: center;        /* Vertically center */
    justify-content: center;    /* Horizontally center */
}
  .bgHome {
    background: linear-gradient(rgba(0, 0, 0, 0.352), rgba(0, 0, 0, 0.352)), url('images/hero-bg.jpg');
    width: 100%;
    height: 100vh;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
    display: flex;              /* Enable flexbox */
    align-items: center;        /* Vertically center */
    justify-content: center;    /* Horizontally center */
}

@media (max-width: 768px) {
    .bgHome {
      background-attachment: scroll; /* Remove fixed background for mobile devices */
      background-size: cover;  
      height: auto;
    }
    .mobileDev{
        position: relative;
        top: 69px !important;
    }
    .mobileDevBtn{
        display: flex;
        justify-content:center;
    }
    .mobileDevForm{
        position: relative;
        top: 44px !important;
    }
    
}
.text-primary{
    color: #0b4a99 !important;
}
