html, body { margin: 0; padding: 0; width: 100%; height: 100%; }


body {   
	background: linear-gradient(0deg, #9d005c 0%, #9d005c 37%, #55217c 100%); 
	background-attachment: fixed; 
}

#gradient-bg { 
	background: radial-gradient(circle, 
	#ea5328 0%, 
	rgba(234, 83, 40, 0) 42%, 
	rgba(234, 83, 40, 0) 100%); 
	content: ''; 
	z-index: -1;
	width: 200%; 
	height:  200%; 
	top: -50%; 
	left: -50%;
	position: fixed; 
	background-attachment: fixed; 
	animation: 15s gradientmoving infinite ease-in-out; 
}

@keyframes gradientmoving { 
	0% { transform: translateX(0px) translateY(0px); }
  33% { transform: translateX(-300px) translateY(-300px); }
  66% { transform: translateX(300px) translateY(0px); }
  100% { transform: translateX(0px) translateY(0px); } 
}

.img-fluid { width: 100%; height: auto; }




.title-headings {
	margin-top: 30px;
    margin-bottom: 15px;
    display: inline-block;
    width: 100%;
}
.title-headings::after{
    content: '';
    display: block;
    width: 80px;
    height: 1px;
    position: relative;
    top: 0px;
    left: 0;
	right: 0;
	margin: auto;
    z-index: 11;
    background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    margin-top: 10px;
    margin-bottom: 10px;	
}
.title-headings h2{
	background-image: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;	
	    font-weight: 700;
		display:inline-block;
}