/* falling stars animation   */


  .night{
	position: absolute;/* position: relative; */
	width: 100%;
	height: 100%;
	transform: rotateZ(40deg);
  }

  .star{
	position: absolute;
	left: 50%;
	top: 50%;
	height: 4px;
	background: linear-gradient(-45deg, #acacad, rgba(78, 78, 80, 0));
	border-radius: 999px;
	filter: drop-shadow(0 0 6px #f9f9fa);
	animation: tail 3s ease-in-out infinite,
			   falling 3s ease-in-out infinite;
         z-index: 1;
  }

  @keyframes tail{
	0%{
	  width: 0;
	}
	30%{
	  width: 100px;
	}
	100%{
	  width: 0;
	}
  }

  @keyframes falling{
	0%{
	  transform: translateX(0);
	}
	100%{
	  transform: translateX(300px);
	}
  }

  .star::before, .star::after{
	content: '';
	position: absolute;
	top: calc(50% - 2px);
	right: 0;
	height: 4px;
	background: linear-gradient(-45deg, rgba(118, 118, 119, 0), #f3f3f5, rgba(0, 0, 255, 0));
	border-radius: 100%;
	transform: translateX(50%) rotateZ(45deg);
	animation: shining 3s ease-in-out infinite;
  }

  @keyframes shining{
	0%{
	  width: 0;
	}
	50%{
	  width: 30px;
	}
	100%{
	  width: 0;
	}
  }

  .star::after{
	transform: translateX(50%) rotateZ(-45deg);
  }

  .star:nth-child(1){
	top: calc(50% - 100px);
	left: calc(50% - 250px);
	animation-delay: 1s;
  }

  .star:nth-child(1)::before, .star:nth-child(1)::after{
	animation-delay: 1s;
  }

  .star:nth-child(2){
	top: calc(50% - 50px);
	left: calc(50% - 200px);
	animation-delay: 1.2s;
  }

  .star:nth-child(2)::before, .star:nth-child(2)::after{
	animation-delay: 1.2s;
  }

  .star:nth-child(3){
	top: calc(50% - 0px);
	left: calc(50% - 150px);
	animation-delay: 1.4s;
  }

  .star:nth-child(3)::before, .star:nth-child(3)::after{
	animation-delay: 1.4s;
  }

  .star:nth-child(4){
	top: calc(50% - -50px);
	left: calc(50% - 200px);
	animation-delay: 1.6s;
  }

  .star:nth-child(4)::before, .star:nth-child(4)::after{
	animation-delay: 1.6s;
  }

  .star:nth-child(5){
	top: calc(50% - -100px);
	left: calc(50% - 250px);
	animation-delay: 1.8s;
  }

  .star:nth-child(5)::before, .star:nth-child(5)::after{
	animation-delay: 1.8s;
  }

  .star:nth-child(6){
	top: calc(50% - -150px);
	left: calc(50% - 300px);
	animation-delay: 2s;
  }

  .star:nth-child(6)::before, .star:nth-child(5)::after{
	animation-delay: 2s;
  }
  .star:nth-child(7){
	top: calc(50% - -200px);
	left: calc(50% - 350px);
	animation-delay: 2.2s;
  }

  .star:nth-child(7)::before, .star:nth-child(5)::after{
	animation-delay: 2.2s;
  }

/* falling stars animation end  */


  .quick-bio-wrapper {
    position: relative;
    overflow: hidden;

}



.sunny-bg-animation {
    background-image: linear-gradient(-45deg, #404c8dd6, #537be9d6, #3956f7d6, #4077f0d6);
    /* background: #BD0F15; */


}

.quick-bio-wrapper{
    background: #2039c4d6;
   box-shadow: 0 0 6px #fff;
   z-index:1;
   position: relative;
}
/* .bio-title{
    color: #fff !important;
}
.bio-name{
    color: #fff !important;
} */
.quick-bio-item a{
    /* background-color: #BD0F15; */
    color: #fff !important;
    /* border-radius: 60px !important; */

}
a.item-wrapper{
  background: #fff !important;
  border-radius: 40px !important;
  color: #000 !important;

}
.quick-bio-bg-item{
    /* background-color: #BD0F15; */
    /* border-radius: 20px !important; */


}
.quick-bio-bg-item a{

  background: linear-gradient(0deg, rgb(0, 0, 0) -11%, rgba(252,69,69,0) 60%) !important;
  border-radius: 0 !important;
}


.quick-bio-item a:hover{
    /* box-shadow: 0 0 5px #BD0F15; */
    /* opacity: 0.9; */
    opacity: 1;
}
/* .quick-bio-link-heading{
    color: #fff !important;

} */
.quick-bio-item{
  z-index: 9 !important;
}
.quick-social-icon{
  z-index:9 !important;
}
.quick-social-icon a{
    color: #fff !important;
    border-color: #fff !important;
    border-radius: 50% !important;
    background: #fff !important;
    box-shadow: 0 0 5px #fff;
    color: #2c45c6 !important;
}
.quick-social-icon a:hover{
  color: #fff !important;
  background: #000 !important;
    transform: translateY(-3px);

}
.share-profile:hover{
    opacity: 0.8;
}

.share-profile path{

    fill: #000 !important;
}


.quick-bio-bg-item a div{
    /* background: #BD0F15 !important; */
    border-radius: 8px !important;
    padding: 4px 10px !important;
    /* color: #fff !important; */
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}