.hero {
  background: #17a2b8 url("images/background.jpg");
  background-size: cover;
  /* background-attachment: fixed; */
  background-blend-mode: multiply;
  background-position: center;
  background-attachment: fixed;
  min-height: 20vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.hero1{
  animation-duration: 1.5s;
  animation-delay: 0.2s;
}
.hero1 {
  opacity: 0;
}
.hero1.animate__animated {
  opacity: 1;
}
*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
scroll-behavior: smooth;
}

body {
background-color: black;
font-family: sans-serif;
color: white;
}




.display-6 {
font-size: 1.3rem;
}


hr {
background-color: #17a2b8;

}

#sticky {
position: sticky;
top: 0;
left: 0;
z-index: 5;
}




nav::before {
content: "";
background-color: rgb(0, 0, 0);
height: 100%;
width: 100%;
left: 0px;
position: absolute;
opacity: 0.9;
z-index: -1;
}


/* benifits of coledra cloud */
.c1{
display: none;
}


/* social media hover */
.socialhov1:hover{
color: #0165E1;
transform: scale(1.4);
}
.socialhov2:hover{
color: rgb(255, 143, 103);
transform: scale(1.4);
}
.socialhov3:hover{
color: #128C7E;
transform: scale(1.4);
}
.socialhov4:hover{
color:  #0A66C2;
transform: scale(1.4);
}
.socialhov5:hover{
color: #FF0000;
transform: scale(1.4);
}




/* nav :hover */


.e4{
color: #17a2b8 !important;
scale: 1.1;
}
.e2:hover{
color: #17a2b8 !important;
transform: scale(1.1);
}
.e3:hover{
color: #17a2b8 !important;
transform: scale(1.1);
}
.e1:hover{
color: #17a2b8 !important;
transform: scale(1.1);
}



/* javascript */


.new.animate__animated {
  opacity: 1;
  animation-play-state: running;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  /* animation-delay: 2s; */
}

a.nav-link:hover {
    color: #17a2b8;
}