/* :root{

  $py = nav-link-padding-y: 0.5rem;

} */


body{
  margin: 0;
  padding: 0;
}


.bg-dark {
    --bs-bg-opacity: .4;
    /* background-color: #3f3c3c !important; */
    background: rgb(102,101,101);
background: linear-gradient(0deg, rgba(102,101,101,1) 0%, rgba(0,0,0,0.10539215686274506) 11%, rgba(77,76,76,0.5927871148459384) 100%);
}

.navbar-nav {
    --bs-nav-link-padding-x: 0;
    --bs-nav-link-padding-y: 0.3rem;
    --bs-nav-link-font-weight: ;
    --bs-nav-link-color: var(--bs-navbar-color);
    --bs-nav-link-hover-color: var(--bs-navbar-hover-color);
    --bs-nav-link-disabled-color: var(--bs-navbar-disabled-color);
    display: flex;
    flex-direction: column;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}
.nav-link {
    color: #ffffff !important;
}
.nav-link:hover {
    color: #ff0000 !important;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    color: #ff0000;
}


.navbar-text {
    padding-top: 0.8rem;
    /* padding-bottom: 0.5rem; */
    color: blue !important;
}
#navbarCollapse{
  justify-content: center !important;
}



#video_wraper{
  width:100%;
  height: 100vh;
  position: relative;
}
.overlay {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  background-image: linear-gradient(0deg, rgba(77,76,76,0.3350840336134454) 0%, rgba(0,0,0,0.4835434173669467) 100%);
  /* background-size: 3px 3px; */
  z-index: 2;
}

video{
  width: 100%;
  height: 100vh;
  object-fit: cover;
}




.hover_wrapper{
  top:0px;
  left: 0px;
  width:100%;
  height: 100%;
  overflow: hidden;
  z-index: 1000;
  position: absolute;
overflow-x: hidden;
}
/* .hoverable_img img{
  display: flex;
} */


/* ####################### footer_bg css Start ################# */
.footer_bg{
  background: rgb(77,76,76);
background: radial-gradient(circle, rgba(77,76,76,1) 0%, rgba(0,0,0,1) 73%);
}
.nav1_bg{
  background: rgb(102,101,101);
background: linear-gradient(180deg, rgba(102,101,101,1) 0%, rgba(0,0,0,0.10539215686274506) 11%, rgba(77,76,76,0.5927871148459384) 100%);
}
.fixed-bottom2 {
    position: fixed;
    right: 0;
    bottom: 56px;
    left: 0;
    z-index: 1054;
}

#footer{
  /* z-index: 4000; */
  position: relative;
  justify-content: center;
}

#bottom_nav{
  padding: 10px 10px;
}


.navbar-text {
    padding-top: 0.8rem !important;
    padding-bottom: 0.8rem !important;
    color: #ffb300 !important;
}
/* ####################### footer_bg css End ################# */