.top-video-cover{position: relative; overflow: hidden;  height:auto; min-height:100vh;
    /* background: url(../images/stock-photo-bulb-future-technology-innovation-background-creative-idea-concept-artificial-intelligence-1199940631.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover; */
}


#landingVideo{position:absolute;
    
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  object-fit: cover;}


  .cover-img{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;}
   


  #landingVideoComingSoon{
    top: 0;
    left: 0;

    height: 100vh;
    width: auto;
    
  }

.masthead{
    position:absolute;
    z-index:100;
    
   

}

.objectives{
    /* background: rgb(0,33,51);
background: linear-gradient(0deg, rgba(0,33,51,1) 0%, rgba(0,65,101,1) 100%); */
background:#FBFCFD;

}
.lightbg h1, .lightbg p, .light-blue-bg h1, .light-blue-bg p{color:#15011D;}
.light-blue-bg h2{color:#15011D;}
.objectives h1, .objectives p{color:#15011D;}
.objectives p, .lightbg p{font-size:1.25rem;}
p.lead{color:#FFF;}

.cover{
    z-index:1000;
}

.page-section {
    padding: 8rem 0;
}

.bg-dark{
    background-color:#FFFFFF !important;
}

h1.cover-heading{color:#FFF;}

.top-video-cover .container{z-index:1000;}
.hack-stages{position:relative; min-height:300px; justify-content: center;}
.grey-line{height:100%;content:"";
    position: absolute;
    z-index: 1;
    min-height:200px;
    top: 0;
    bottom: 0;
    left: 75%;
    border-left: 1px solid #707070;
    transform: translate(-50%);}

 .stage-one, .stage-two, .stage-three{
     position:absolute;
     z-index:500;
 } 

 .stage-one h1{color:#15011D;}
 .stage-two h1{color:#15011D;}
 .stage-three h1{color:#15011D;}
 .stage-four h1{color:#15011D;}
 .stage-row{justify-content: center;}
 .stage-details{width:41%;}
 .stage-details p{ font-size:0.95rem; line-height: normal;}
 p.stage-date {
    font-size: 18px;
    color: #272936;
    font-weight: 500;
    margin-bottom: 10px;
 }
 .all-stages{padding-top:35px;}
 p.stage-desc {
    font-size: 14px;
    line-height: 22px;
}

.tech-tags img {margin-bottom:10px;}
 .main-theme, .subthemes { width:50%; min-height:100px;}

 .dark-gradient-bg{background: rgb(0,65,101);
    /* background: linear-gradient(0deg, rgba(0,65,101,1) 0%, rgba(0,33,51,1) 100%); */
}

.dark-gradient-bg  h1 {color:#FFF;}
.light-blue-bg {background:#ECF0F2;}
.tech-tags img {width:90%;}
.theme-name-box {width:90%; justify-content: center;}
.subthemes {position:relative;}
.arrow-st-left {position:absolute; top:5px; right:0;}


.navbar-dark .nav-item.active {
    border-right-color: #004165;
    border-left-color: #004165;
    border-top-color: #004165;
    border-bottom-color: #007DBA;
    border-width: 1px;
    /* border-style: solid; */
  }
  
  /* .navbar{
    box-shadow: 0px 8px 8px -6px rgba(0,0,0,.5);
    } */

    p.cover-heading{font-size:1.25rem;}    
    @media (max-width: 290px){
        .theme-name-box h1{font-size:1.5rem;}
    }

    .img-holder{position:absolute; width:100%;     height: 100%;}

    .img-holder img{object-fit: cover;
        width: auto;
        height: 100%;}
 
        @media (max-width: 575.98px){
            h1.cover-heading{font-size:1.45rem;}
            h3.cover-heading{font-size:1.25rem;}
            p.cover-heading{font-size:1rem;}
        }


        .navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
            color: #15011D !important;
            font-weight: 400;
        }

        .navbar-dark .navbar-nav .nav-link {
            color: #15011D !important;
            font-weight: 400;

        }

        .navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover{
            color: #15011D !important;
            font-weight: 400;

        }

        .dropdown-item:focus, .dropdown-item:hover {
            color: #15011D !important;
        }
        .navbar-dark .navbar-nav .active>.nav-link.color-white{
            color:white !important;
        }
        .navbar-dark .navbar-nav .active>.nav-link.color-black{
            color:black !important;
        }
        .navbar-dark .navbar-nav .nav-link.color-white{
             color:white !important;
        }
        .navbar-dark .navbar-nav .nav-link.color-black{
             color:black !important;
        }
        .navbarLogo{
            padding-top:45px; 
            padding-left:80px ; 
            width:21%
        }
        .home-navbar{
            height: 70px
        }
        .home-link{
            padding-top: 20px;
        }
        @media (min-width: 2000px){
            .navbarLogo{
            padding-top:55px; 
        }
        }