/********************Navbar DIV******************************/
      #logoimg1{
        display: block;
      }
.nav-bg-white{
  background-color: #141213;
}

.nav-bg-black{
  background-color: #f2f2f2;
}

.fixed-burger{
    background-image: linear-gradient(to bottom,#151616, #dadada);
    -webkit-background-clip: text;
    -webkit-text-fill-color:rgba(0, 0, 0, 0) ;
    transition-duration: .7s;
    transition-timing-function: ease-in-out;
    font-weight: 500;
  
  }
  
 .navbar-pos{
   top: 0%;
   transform: translate(0%,0%);
   transition: top .5s linear ;
 }

 .navbar-move{
  top: -20%;
  transform: translate(0%,-20%);
  transition: top .5s linear ;

 }


  .navbar-div{
      position: fixed;
      z-index: 2;
      background-color: lightcoral;
      
  
  }
    .logo-div-w{
                width: 70px;
                height: 61px;
  
    }
  
    .normal-burger{
      color: white
      }
.nav-title{
  color: white;
  font-weight: 200;
  font-size: 16px;
}


/*****burger button****/


#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
    width: 35px;
    height: 20px;
    position: relative;
    /* margin-top: 50px; */
    /* margin: 50px 0px; */
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
    transition: .5s ease-in-out;
    cursor: pointer;
  }
  .burger-color{
    background: white;
  }
  #nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
    display: block;
    position: absolute;
    height: 1px;
    width: 100%;
    border-radius: 4px;
    opacity: 1;
    left: 0;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .25s ease-in-out;
    -moz-transition: .25s ease-in-out;
    -o-transition: .25s ease-in-out;
    transition: .25s ease-in-out;
  }
  
  
  
  
  
  
  
  
  
  
  #nav-icon3 span:nth-child(1) {
    top: 0px;
  }
  
  #nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
    top: 7px;
  }
  
  #nav-icon3 span:nth-child(4) {
    top: 14px;
  }
  
  #nav-icon3.open span:nth-child(1) {
    top: 7px;
    width: 0%;
    left: 50%;
  }
  
  #nav-icon3.open span:nth-child(2) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  
  #nav-icon3.open span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  
  #nav-icon3.open span:nth-child(4) {
    top: 7px;
    width: 0%;
    left: 50%;
  }
  
  


      /********************Footer DIV******************************/
@media(max-width:768px){
  .footer-links{ display: none;}
  .footer-logo{ display: none;}
}
.footer input[type=email]{
    background-color:#2b254600;
    color: white;
    border: 1px solid rgb(65, 65, 65);;
    height: 55px;
    
  }
  .footer input[type=submit]{
   background-color: rgb(65, 65, 65);
   border:none;
   color: white;
   font-size:13px ;
  }
  
  .footer input[type=email]::placeholder{
    font-size: 13px;
    color: rgb(107, 107, 107);
  }
  .mybg-default{background-color:#E5E5E5;}
  .mybg-gray{background-color:#D9D9D9;}
  .mybg-black{background-color: black;}
  .footer-nav-link{
    font-size: 14px;
  }



  .my-container{
    scroll-snap-type: y mandatory;
    overflow-y: scroll;
    height: 100vh;
    
}
.snap-div{
  scroll-snap-align: start;
  height: 100vh;
  width: 100%;
}
.snap-footer{
  scroll-snap-align: start;
  width: 100%;
  height: 50vh;


}
.my-container::-webkit-scrollbar {
  display: none;
}


/************************Custome ScrollBar*****************************/
/* html::-webkit-scrollbar {
  width: 12px;
}

html::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px #f2f2f2; 
  border-radius: 1px;
  background-color: rgb(78, 78, 78);
}
 
html::-webkit-scrollbar-thumb {
  background: #7a7a7a ;
  border-radius: 5px;
}

html::-webkit-scrollbar-thumb:hover {
  background: #c4c4c4; 
} */



#scroll{
  overflow:hidden;
  height: 200px;
  width: 300px;
}

#scroll:hover{
  overflow: auto;
}


.scrollbar-measure {
width: 100px;
height: 100px;
overflow: scroll;
position: absolute;
top: -9999px;
}