* {



  margin: 0;



  padding: 0;



  box-sizing: border-box;



}







.logo-size {



  width: 80px;



}







.fixed_header_style {



  position: fixed;



  z-index: 99;



  width: 100%;



  /* background-color: lightgray; */



}







.white-color {



  color: #fff !important;



}







.navbar-collapse {



  padding: 1rem 0;



}







.bg-trans-parent {



  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.75) 30%, rgba(0, 0, 0, 0.35) 60%, rgba(0, 0, 0, 0.0) 100%);



  transition: background-color 300ms ease, background 300ms ease, box-shadow 300ms ease;



  position: fixed;



  top: 0;



  left: 0;



  right: 0;



  z-index: 999;



  -webkit-backdrop-filter: blur(6px);



  backdrop-filter: blur(6px);



}







.bg-white-parent {



  background: white;



  transition: background-color 300ms ease, background 300ms ease, box-shadow 300ms ease;



  position: fixed;



  color: black;



  top: 0;



  left: 0;



  right: 0;



  z-index: 999;



  -webkit-backdrop-filter: blur(6px);



  backdrop-filter: blur(6px);



  box-shadow: 0px 0px 5px grey;



}







.bg-trans-parent.scrolled {



  background:#fff !important;



  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);



}







.bg-white-parent.scrolled {



  background: rgba(255, 255, 255, 0.98) !important;



  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.25);



}







.strip-right-nav {



  background-color: #fff;



  padding: 7px 15px;



  border-radius: 5px;



}







.fs-18 {



  font-size: 18px !important;



}







/* navbar */


.nav-item a {
    font-size: 17px !important;
    color: #000;
}







/* navbar */







@media (max-width: 991.8px) {



  .navbar-toggler-icon {



    background-color: #fff !important;



    border-radius: 3px;



  }



}







@media (max-width: 768px) {



  .bg-trans-parent {



    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.98) 0%, rgba(0, 0, 0, 0.0) 70%);



  }



}