/*Get the button..................*/


html {
    scroll-behavior: smooth
  }

#myBtn {
         display: none;
    position: fixed;
    bottom: -3px;
    right: 4px;
    z-index: 106;
    font-size: 29px;
    border: none;
 background: linear-gradient(45deg, #ff7b0f, #ff1cf6);
    /* box-shadow: -2px 3px 3px #333; */
    outline: none;
    color: white;
    cursor: pointer;
    height: 46px;
    padding: 8px;
    padding-bottom: 31px;
    border-radius: 4px;
  }
  
  #myBtn:hover {
       background: linear-gradient(45deg, #06daff, #0320a0);

  }


/*------------------------*/



.blinkingrk{
    color:white;
    animation:blinkingText 1.2s infinite;
}
@keyframes blinkingText{
    0%{     color: white;    }
    49%{    color:white; }
    60%{    color: transparent; }
    99%{    color:transparent;  }
    100%{   color: white;    }
}




/*.blinking{  background: linear-gradient(269deg, #00e3ff, #03169f, #00e3ff, #03169f);
    background-size: 400% 100%;


    -webkit-animation: Animationrkk 9s ease infinite;
    -moz-animation: Animationrkk 9s ease infinite;
    animation: Animationrkk 9s ease infinite;
}

@-webkit-keyframes Animationrkk {
    0%{background-position:0% 50%}
    50%{background-position:100% 51%}
    100%{background-position:0% 50%}
}
@-moz-keyframes Animationrkk {
    0%{background-position:0% 50%}
    50%{background-position:100% 51%}
    100%{background-position:0% 50%}
}
@keyframes Animationrkk {
    0%{background-position:0% 50%}
    50%{background-position:100% 51%}
    100%{background-position:0% 50%}
}*/
    
    
    
  .animattion-1 {
    background: linear-gradient(269deg, #2cff8d, #00f3ff, #ff870c, #fff700, #01f0e9);
    background-size: 1000% 1000%;

    -webkit-animation: Animationrk-1 6s ease infinite;
    animation: Animationrk-1  6s ease infinite;
}

@-webkit-keyframes Animationrk-1  {
    0%{background-position:0% 50%}
    50%{background-position:100% 51%}
    100%{background-position:0% 50%}
}
@keyframes Animationrk-1 {
    0%{background-position:0% 50%}
    50%{background-position:100% 51%}
    100%{background-position:0% 50%}
}
    
    
    
    
/*----animation:blinkingrk 5.2s infinite;}

@keyframes blinkingrk {
        0% { background-color: #06c3d1; }
        10% {background-color: green;}
        20% {background-color: red;}
        30% {background-color: red;}
        40% {background-color: #270da6;}
        
          50% { background-color: #06c3d1; }
        60% {background-color: green;}
70% {background-color: red;}
        80% {background-color: red;}
        100% {background-color: #270da6;}
      }
      */
    .sticky {
  position: fixed;
  top: 0;
  animation:slide-down 0.7s;
 
}


 /*.sticky + .extracontent {
  padding-top: 100px;
}   */
  
  
   
.stickya {
    position: fixed;
    top: 70px;
    animation:slide-down 0.7s;
}