.d-p-sub-pop-box-b {
    background: #030B4F;
    box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 1.5rem;
    color: #fff;
    text-align: center;
}
.accordion-item {
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 1rem;
  border: 1px solid #dee2e6;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}
.den-carousel-a .carousel-item {
background-color: transparent;
}
.den-btn-blue {
background: #141B5D!important;
color: #fff;


}
.index-icon-left {
  width: 50px;
  height: 50px;
  margin-right: 1rem;
}
.den-btn-blue:hover {
background: #141B5D !important;
color: #fff;


}
.den-p-sub-pop-ul {
	padding: 0;
	margin: 0;
}

.d-p-sub-pop-box-img {
	margin-right: 1rem;
}

.den-p-sub-pop-ul li {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	list-style: none;
	margin-bottom: 0.5rem;
}
.d-p-sub-pop-box {
  background: #030B4F;
  /* box-shadow: 0px 15px 30px rgba(0, 0, 0, 0.15); */
  border-radius: 10px;
  padding: 1.5rem;
  height: 100%;
}
.hero-section {
    position: relative;
    background: url('../img/ai-chat-bot/main-banner-bg.jpg') no-repeat center center / cover;
    color: white;
    z-index: 1;
  }

  .hero-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0); /* Optional overlay */
    z-index: 1;
  }

  .hero-content {
    position: relative;
    z-index: 2;
  }

  .text-gradient {
     background: linear-gradient(90deg, #FF3BFF 0%, #ECBFBF 38.02%, #5C24FF 75.83%, #D94FD5 100%);
     background-clip: text;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
  }
.hero-ai-head
{
color: #F2F2F2;
font-size: 64px;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.hero-ai-head-para
{
color: #EDEDED;
text-align: center;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 200%;
}
.hero-ai-head-btn
{
border-radius: 8px;
background: #1C3FC6;
box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.12) inset, 0px 1px 1.5px 0px rgba(255, 255, 255, 0.25) inset, 0px 2px 6px 0px rgba(74, 58, 255, 0.10);
color: var(--Colors-Neutrals-White, #FFF);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 135%;
}
.hero-ai-head-btn-a
{
border-radius: 8px;
border: 1px solid #FFF;
box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.12) inset, 0px 1px 1.5px 0px rgba(255, 255, 255, 0.25) inset, 0px 2px 6px 0px rgba(74, 58, 255, 0.10);
color: var(--Colors-Neutrals-White, #FFF);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 135%;
}
.hero-ai-head-btn:hover
{
border-radius: 8px;
background: #1C3FC6;
box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.12) inset, 0px 1px 1.5px 0px rgba(255, 255, 255, 0.25) inset, 0px 2px 6px 0px rgba(74, 58, 255, 0.10);
color: var(--Colors-Neutrals-White, #FFF);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 135%;
}
.hero-ai-head-btn-a:hover
{
border-radius: 8px;
border: 1px solid #FFF;
box-shadow: 0px -1px 1px 0px rgba(0, 0, 0, 0.12) inset, 0px 1px 1.5px 0px rgba(255, 255, 255, 0.25) inset, 0px 2px 6px 0px rgba(74, 58, 255, 0.10);
color: var(--Colors-Neutrals-White, #FFF);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 135%;
}