body{
background: radial-gradient(circle at top, #12091f, #000);
}
   .dark-theme .navbar
 {
background: #000 !important;

}
.dark-theme .top-bec-a
{
color: #aaa8a8;
}
.dark-theme .top-bec-actve
{
color: #fff;
}
.dark-theme .bec
{
color: #aaa8a8;
}
.dark-theme #mainNavbar.scrolled {
   background: #000 !important;
  box-shadow: 0 4px 40px 8px rgba(0, 0, 0, 0.40), 0 0 0 0.5px rgba(0, 0, 0, 0.80), 0 0.5px 0 1px rgba(255, 255, 255, 0.30) inset;
}
   .dark-theme .footer {
background: #000 !important;
}
  .dark-theme header {
     margin-bottom: 0px; 
}
.dark-theme .den-section-title
{
background: radial-gradient(
  100% 45% at 50% 50%,
  #FFFFFF 30%,
  rgba(255, 255, 255, 0.40) 100%
);;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
 .dark-theme .accordion .accordion-item
{
background-color: transparent !important;
background: transparent !important;
    border-bottom: 3px solid #989899;
}
  .dark-theme .faq-main-bg .accordion-button {
color: #C5C5C5;
 
}
 .dark-theme .faq-main-bg .accordion-body {
color: #C5C5C5;
 
}
.hero-wrapper 
{

        position: relative;
    background: url(../img/artificial-intelligence/OverlayBlur.webp) no-repeat center;
    background-size:auto;
    background-size: auto;
    background-position: center center;
padding-top: 60px;
padding-bottom: 60px;
}
.hero-wrapper .hero-title {
background: radial-gradient(100% 45% at 50% 50%, #FFF 30%, rgba(255, 255, 255, 0.40) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 48px;
text-align: left;
font-style: normal;
font-weight: 700;
line-height: 150%;
}
.hero-wrapper .badge-pill
{
border-radius: 32px;
background: linear-gradient(90deg, rgba(229, 156, 255, 0.24) 0.01%, rgba(186, 156, 255, 0.24) 50.01%, rgba(156, 178, 255, 0.24) 100%);
padding: 6px 16px;
display: inline-block;
}

.hero-wrapper .badge-pill span
{
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
background: linear-gradient(90deg, #E59CFF 0.01%, #BA9CFF 50.01%, #9CB2FF 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;

}
.hero-wrapper  .hero-wrapper-bg
{

border-radius: 12px;
border: 1px solid rgba(143, 141, 145, 0.20);
background: rgba(0, 0, 0, 0.10);
box-shadow: 0 4px 40px 8px rgba(0, 0, 0, 0.40), 0 0 0 0.5px rgba(0, 0, 0, 0.80), 0 0.5px 0 1px rgba(255, 255, 255, 0.30) inset;
backdrop-filter: blur(18px);
padding: 40px;
}
.hero-wrapper .hero-text
{
color: #EDEDED;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 200%; /* 32px */
}

.hero-wrapper .hero-btn
{
border-radius: 8px;
border-radius: 8px;
background: linear-gradient(90deg, rgba(229, 156, 255, 0.24) 0.01%, rgba(186, 156, 255, 0.24) 50.01%, rgba(156, 178, 255, 0.24) 100%);
box-shadow: 0 0 12px 0 rgba(191, 151, 255, 0.44) inset;
padding: 12px 24px;
color: #F4F0FF;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
}
.hero-wrapper .hero-btn:hover
{
border-radius: 8px;
border-radius: 8px;
background: linear-gradient(90deg, rgba(229, 156, 255, 0.24) 0.01%, rgba(186, 156, 255, 0.24) 50.01%, rgba(156, 178, 255, 0.24) 100%);
box-shadow: 0 0 12px 0 rgba(191, 151, 255, 0.44) inset;
padding: 12px 24px;
color: #F4F0FF;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
}

.hero-wrapper .hero-title-span
{
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 30px */
background: radial-gradient(100% 45% at 50% 50%, #FFF 30%, rgba(255, 255, 255, 0.40) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

.ai-help-section .ai-card
{
border-radius: 24px;
border: 1px solid rgba(255, 255, 255, 0.08);
background: #1D1C20;
flex-direction: column;
justify-content: flex-end;
align-items: center;
gap: 18.5px;
}
.ai-help-section .ai-card h6
{ 
color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px;
}
.ai-help-section .ai-card img
{ 
width: 100%;
}
.ai-help-section .ai-card p
{
color: #A9A9A9;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 200%;
margin-bottom: 0;
}
.ai-help-section  .head
{
text-align: center;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 60px */
background: radial-gradient(100% 45% at 50% 50%, #FFF 30%, rgba(255, 255, 255, 0.40) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.ai-help-section  .text
{
color: #EDEDED;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 32px */
}



.dentulu-works-section {

color: #fff;
}


.dentulu-works-section .work-card {
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.10);
background: rgba(255, 255, 255, 0.05);
padding: 24px;
height: 100%;
}


.dentulu-works-section .work-card .step {
width: 34px;
height: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border-radius: 148px;
border: 1px solid #656565;
background: #101010;
box-shadow: 0 0 1px 2px rgba(48, 46, 47, 0.20), 0 0 2px 0 rgba(48, 46, 47, 0.25) inset, 0 -2px 2px 0 rgba(48, 46, 47, 0.25) inset;
color: #FDFDFD;
font-size: 24px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 36px */
text-transform: capitalize;
margin-bottom: 12px;
position: absolute;
left: -3px;
top: -3px;
}


.dentulu-works-section .work-card h6 {
color: #FFF;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 133.333% */
}


.dentulu-works-section .work-card p {
color: #A9A9A9;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 28px */
margin-bottom: 0;
}
    

.dentulu-works-section .privacy-list {
display: grid;
gap: 12px;
margin-left: 50px;
}


.dentulu-works-section .privacy-item {
padding: 14px 18px;
border-radius: 16px;
border: 1px solid rgba(255, 255, 255, 0.10);
background: rgba(255, 255, 255, 0.05);
color: #C5C5C5;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 215%; /* 43px */
}

.dentulu-works-section .privacy-item img
{
margin-left: -64px;
margin-right: 10px;
}
.dentulu-works-section.text-accent {
color: #a78bfa;
}

.dentulu-works-section .head
{
background: radial-gradient(100% 45% at 50% 50%, #FFF 30%, rgba(255, 255, 255, 0.40) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 60px */
}

.dentulu-works-section .text
{
color: #EDEDED;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 32px */
}
.dentulu-works-section h2
{
    background: radial-gradient(100% 45% at 50% 50%, #FFF 30%, rgba(255, 255, 255, 0.40) 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 60px */
}

.dentulu-works-section .main-text-secondary
{
color: #EDEDED;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 32px */
}

.dentulu-works-section .btn
{
border-radius: 8px;
background: linear-gradient(180deg, rgba(243, 238, 255, 0.00) 0%, rgba(243, 238, 255, 0.05) 100%), rgba(147, 130, 255, 0.04);
box-shadow: 0 0 12px 0 rgba(255, 255, 255, 0.08) inset;
color: #F4F0FF;
padding: 12px 24px;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
}

.dentulu-use-section {
    background: url(../img/artificial-intelligence/bg.png) no-repeat center;
    background-size:auto;
    background-position: center;
color: #fff;
    padding: 60px 0;
}


.dentulu-use-section .use-card {
padding:10%;
height: 100%;
}

.dentulu-use-section .use-card-color
{
background: radial-gradient(100% 100% at 0% 0%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.00) 100%);
}
.dentulu-use-section .use-card-color-b
{
background: radial-gradient(100% 100% at 100% 100%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.00) 100%);
}
.dentulu-use-section .use-card h6 {
color: #F4F0FF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 150% */
margin-bottom: 20px;
}


.dentulu-use-section .use-card p {
color: rgba(239, 237, 253, 0.70);
font-size: 16px;
font-style: normal;
text-align: center;
font-weight: 400;
line-height: 200%; /* 32px */
margin-bottom: 0;
}

.dentulu-use-section h2
{
  background: radial-gradient(
    100% 45% at 50% 50%,
    #ffffff 30%,
    rgba(255, 255, 255, 0.4) 100%
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 60px */
}

.dentulu-use-section .main-text-secondary
{
color: #EDEDED;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 200%; /* 32px */
}


.dentulu-use-section .btn
{
border-radius: 8px;
background: linear-gradient(180deg, rgba(243, 238, 255, 0.00) 0%, rgba(243, 238, 255, 0.05) 100%), rgba(147, 130, 255, 0.04);
box-shadow: 0 0 12px 0 rgba(255, 255, 255, 0.08) inset;
color: #F4F0FF;
padding: 12px 24px;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 20px; /* 142.857% */
}

@media (max-width: 767px) {
.dentulu-use-section h2 {

    font-size: 28px;

}
.dentulu-use-section .use-card {
background: radial-gradient(100% 100% at 100% 100%, rgba(255, 255, 255, 0.08) 0%, rgba(255, 255, 255, 0.00) 100%);
}
.dentulu-works-section h2 {
  font-size: 28px;
}
.ai-help-section .head {
 font-size: 28px;
}
.hero-wrapper .hero-title {
 font-size: 32px;
}
.hero-wrapper {
    padding-top: 30px;
}
.hero-wrapper .hero-wrapper-bg {
    border: 0px solid rgba(143, 141, 145, 0.20);
    padding: 20px;
}
}