body {
	background: #fff;
	font-size: 16px;
	font-family: "Poppins", sans-serif;
	font-weight: normal;
	font-style: normal;
	margin: 0;
	padding: 0;
	color: #484848;
	letter-spacing: 0.01rem;
	line-height: 1.2;
}
html, body{
	min-height: 100%;
	height: 100%;
}

a {
	text-decoration: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Raleway", sans-serif;
	font-weight: 600;
}
b, strong {
	font-weight: 700;
}
ul, li {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
p {
	line-height: 1.6rem;
	font-family: "Poppins", sans-serif;
	font-weight: normal;
	color: #565656;
}
.ff-inter{
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.ff-poppins{
  font-family: "Poppins", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
}
.section {
	position: relative;
	display: block;
}


.featured-box{
	background-color:rgba(255,255,255,0.1);
	border-radius: 0.875rem;
	border: none !important;
}
.featured-box-icon {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 64px;
  height: 64px;
  background-color: transparent;
  color: #000;
}
.featured-box-icon svg{
	width: 64px;
	height: 64px;
}
.featured-box-wrapper {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  display: flex;
  position: relative;
}
.featured-box-title {
  font-size: 1rem;
  color: #fff;
  font-weight: 700;
  font-family: "Raleway", sans-serif;
  min-height: 40px;
  letter-spacing: 0.02rem;
}
.featured-box-wrapper p{
	font-size: 0.875rem;
	color: #636363;
	letter-spacing: 0rem;
	line-height: 1.4rem;
}
.images-box-warrper-cover {
  overflow: hidden;
  width: 100%;
}
.heading {
	position: relative;
	display: block;
}
.heading h2 {
	font-size: 2.188rem;
	color: #fff;
	line-height: 100%;
	letter-spacing: 0.02rem;
	font-weight: 700;
	position: relative;
	line-height: 120%;
}



body {
  
  min-height: 100vh;

  /*background: #0F10A0;
	background: -webkit-linear-gradient(90deg, rgba(15, 16, 160, 1) 0%, rgba(172, 0, 222, 1) 50%, rgba(241, 0, 141, 1) 100%);
	background: -moz-linear-gradient(90deg, rgba(15, 16, 160, 1) 0%, rgba(172, 0, 222, 1) 50%, rgba(241, 0, 141, 1) 100%);
	background: linear-gradient(90deg, rgba(15, 16, 160, 1) 0%, rgba(172, 0, 222, 1) 50%, rgba(241, 0, 141, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#0F10A0", endColorstr="#F1008D", GradientType=1);*/



background: #20055E;
background: -webkit-linear-gradient(90deg, rgba(32, 5, 94, 1) 0%, rgba(89, 6, 105, 1) 50%, rgba(139, 4, 111, 1) 100%);
background: -moz-linear-gradient(90deg, rgba(32, 5, 94, 1) 0%, rgba(89, 6, 105, 1) 50%, rgba(139, 4, 111, 1) 100%);
background: linear-gradient(90deg, rgba(32, 5, 94, 1) 0%, rgba(89, 6, 105, 1) 50%, rgba(139, 4, 111, 1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#20055E", endColorstr="#8B046F", GradientType=1);
}


.animated-pill {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 18px;

  font-size: 15px;
  font-weight: 500;
  color: #ffffffd9;

  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 999px;

  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);

  /* subtle glow animation */
  animation: pillGlow 3s ease-in-out infinite;
}

/* main glowing dot */
.animated-pill .dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #4cff90;
  box-shadow: 0 0 6px #4cff90;
  
  animation: dotPulse 1.8s ease-in-out infinite;
}

/* pill glow animation */
@keyframes pillGlow {
  0% {
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.08) inset;
  }
  50% {
    box-shadow: 0 0 22px rgba(255, 255, 255, 0.16) inset;
  }
  100% {
    box-shadow: 0 0 12px rgba(255, 255, 255, 0.08) inset;
  }
}

/* pulsing dot animation */
@keyframes dotPulse {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 6px #4cff90;
  }
  50% {
    transform: scale(1.3);
    box-shadow: 0 0 14px #4cff90;
  }
}