body {
font-family: 'Rubik', sans-serif;
width: 100%;
height: 100%;
overflow-x: hidden;
background-color: #fff;
}
main{
margin-top: 80px;
}
.new-ecosystem-title
{
    background: linear-gradient(90deg, #141B5D 0%, #9810FA 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-size: 40px;
        color: #141B5D;
    font-size: 48px;
    font-style: normal;
    font-weight: 700;
    line-height: 60px;
}
/*hero*/
.sleep-hero 
{
    padding: 40px 0 !important;
    padding-bottom: 80px !important;
}
/* Headings */
.sleep-hero .hero-title {
color: var(--Colors-Neutral-1000, #333);
font-size: 32px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 48px */
letter-spacing: -1px;
}
.sleep-hero .hero-title span {
background: linear-gradient(90deg, #141B5D 0%, #9810FA 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 40px;
font-style: normal;
font-weight: 600;
line-height: 150%;
letter-spacing: -1.92px;
}
.sleep-hero .hero-pill {
color: #1447E6;
text-align: center;
font-size: 14px;
padding: 8px 11px;
font-style: normal;
font-weight: 500;
line-height: 1.5; /* 142.857% */
border-radius: 26843500px;
background: #DBEAFE;
}
/* Text */
.sleep-hero .hero-text {
color: var(--Colors-Neutral-900, #4A4A4A);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 200%; /* 40px */
}
/* Buttons */
.sleep-hero     .hero-actions-primary {
background: #312e81;
border-color: #312e81;
color: #FFF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
padding: 12px 16px;
}
.sleep-hero .hero-actions-primary:hover {
background: #312e81;
border-color: #312e81;
color: #FFF;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
padding: 12px 16px;
}
.sleep-hero  .hero-actions-outline-primary {
color: var(--Colors-Primary-500, #141B5D);
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
border-radius: 8px;
border: 1px solid #141B5D;
background: #FFF;
padding: 12px 16px;
}
.sleep-hero  .hero-actions-outline-primary:hover {
color: var(--Colors-Primary-500, #141B5D);
text-align: center;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: normal;
border-radius: 8px;
border: 1px solid #141B5D;
background: #FFF;
padding: 12px 16px;
}
/*hero*/
/* Responsive */
@media (max-width: 991px) {
.sleep-hero  .hero-title {
font-size: 34px;
}
}
/* SECTION */
.faq-section {
border-radius: 30px;
padding: 60px 0px;
}
/* TITLE */
.faq-section .faq-title {
color: #141B5D;
font-size: 48px;
font-style: normal;
font-weight: 700;
line-height: 60px; /* 125% */
}
.faq-section .faq-title span {
background: linear-gradient(90deg, #141B5D 0%, #9810FA 100%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 40px;
}
.faq-section .faq-text {
color: var(--Colors-Neutral-900, #4A4A4A);
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: 200%; /* 40px */
margin-top: 15px;
}
/* SUPPORT CARD */
.faq-section .support-card {
border-radius: 32px;
background: linear-gradient(180deg, #141B5D 0%, #9810FA 100%);
padding: 25px;
border-radius: 20px;
color: #fff;
}
.faq-section .support-card h6 {
color: #FFF;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 28px; /* 140% */
}
.faq-section .support-card p {
color: #FFF;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 150% */
margin: 15px 0;
}
.faq-section .support-card .btn-support {
border-radius: 14px;
background: #FFF;
color: #141B5D;
text-align: center;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 24px; /* 150% */
transition: 0.3s ease;
}
.faq-section .support-card .btn-support:hover {
background: #f1f1f1;
color: #141B5D;
text-align: center;
}
.faq-section .custom-accordion
{
border-radius: 24px;
border: 0.8px solid #F3F4F6;
background: #FFF;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10), 0 1px 2px -1px rgba(0, 0, 0, 0.10);
padding: 28px 24px;
}
/* ACCORDION */
.faq-section .custom-accordion .accordion-item {
border: none;
border-bottom: 0.8px solid rgba(0, 0, 0, 0.21);
}
.faq-section .custom-accordion .accordion-button {
color: var(--Colors-Neutral-1000, #333);
font-size: 20px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 30px */
}
.faq-section .custom-accordion .accordion-button:focus,.faq-section .custom-accordion .accordion-button:hover {
border: 0;
outline: 0;
}
.faq-section .custom-accordion .accordion-button:not(.collapsed) {
background: #ffffff;
color: #7b3cff;
box-shadow: none;
}
.faq-section .custom-accordion .accordion-body {
padding: 15px 18px;
border-radius: 10px;
padding-top: 0;
color: var(--Colors-Neutral-1000, #333);
font-size: 16px;
font-weight: 400;
}
.faq-section .custom-accordion .accordion-body a {
border-radius: 10px;
padding-top: 0;
color: var(--Colors-Neutral-1000, #333);
font-size: 16px;
font-weight: 400;
text-decoration: underline;
}
/* Remove default arrow background */
.faq-section .custom-accordion .accordion-button::after {
content: "+";
width: 30px;
height: 30px;
border-radius: 50%;
background-color: #F9FAFB;
color: #2c2d2e;
font-size: 16px;
font-weight: 600;
display: inline-flex;
align-items: center;
justify-content: center;
background-image: none !important;
transform: none !important;
}
.faq-section .custom-accordion .accordion-button:not(.collapsed)::after {
content: "–";
}
/* Responsive */
@media (max-width: 991px) {
.faq-section .faq-title {
font-size: 28px;
}
.sleep-hero .hero-title span {

    font-size: 33px;

}
.faq-section .custom-accordion {

    padding: 0;
}
.faq-section .faq-title span {
   font-size: 33px;
}
}

.integration-section{
    position:relative;
    padding:100px 0;
    overflow:hidden;
}



/* LEFT BIG CIRCLE */
.integration-section .main-circle{
    position:relative;
    animation:float 5s ease-in-out infinite;
}

/* LIGHT BLUE BUTTONS */
.integration-section .node-btn{
    position:absolute;
padding: 7px 16px 7px 16px;
   border-radius: 24820810px;
background: #DBEAFE;
 color: #1447E6;
text-align: center;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: 18.493px;
    cursor:pointer;
    transition:all .3s ease;
    animation:fadeUp 1s ease forwards;
    opacity:0;
    z-index: 99;
    text-decoration: none;
}

.integration-section .node-btn:hover{
background: linear-gradient(90deg, #141B5D 0%, #9810FA 100%);
    color:#fff;
}

/* POSITIONING LEFT SIDE */
.integration-section .btn1{ top:0%; left:2%; animation-delay:.3s;}
.integration-section .btn2{ right: 20%; top: 10%; animation-delay:.5s;}
.integration-section .btn3{ top: 45%; left: 20%; animation-delay:.7s;}
.integration-section .btn4{ bottom:0%; left:2%; animation-delay:.9s;}
.integration-section .btn5{ bottom:10%; right:20%; animation-delay:.12s;}

/* POSITIONING LEFT SIDE */
.integration-section .rbtn1{ top:0%; right:2%; animation-delay:.3s;}
.integration-section .rbtn2{ left: 20%; top: 10%; animation-delay:.5s;}
.integration-section .rbtn3{ top: 45%; right: 20%; animation-delay:.7s;}
.integration-section .rbtn4{ bottom:0%; right:2%; animation-delay:.9s;}
.integration-section .rbtn5{ bottom:10%; left:20%; animation-delay:.12s;}


.integration-section .line{
    position:absolute;
    width:fit-content;
    opacity:0;
    animation:fadeLine 1.2s ease forwards;
}

.integration-section .l1{ 
    top: -1%;
    left: 15%;
    animation-delay:.4s;}
.integration-section .l2{    
    top: 50%;
    left: 15%;
    
    animation-delay:.6s;}
.integration-section .l3{ 
    bottom: -1%;
    left: 15%;
    animation-delay:1s;
}

.integration-section .rl1{ 
    top: -1%;
    right: 15%;
     transform: rotateY(180deg);
    animation-delay:.4s;}
.integration-section .rl2{    
    top: 50%;
    right: 15%;
     transform: rotateY(180deg);
    animation-delay:.6s;
}
    
.integration-section .rl3{ 
    bottom: -1%;
    right: 15%;
    animation-delay:1s;
     transform: rotateY(180deg);
}

/* ANIMATIONS */
@keyframes float{
    0%{ transform:translateY(0px);}
    50%{ transform:translateY(-12px);}
    100%{ transform:translateY(0px);}
}

@keyframes fadeUp{
    from{ opacity:0; transform:translateY(20px);}
    to{ opacity:1; transform:translateY(0);}
}

@keyframes zoomIn{
    from{ transform:scale(.6); opacity:0;}
    to{ transform:scale(1); opacity:1;}
}

@keyframes fadeLine{
    to{ opacity:1;}
}

@media(max-width:992px){
    .integration-section .integration-section{
        padding:60px 0;
    }

    .integration-section .main-btn
    {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 1rem;
    }
    .integration-section .node-btn
    {
position: static;
margin: 1rem 0.5rem;
    }
    .integration-section .main-line
    {
        display: none;
    }

    .integration-section .main-circle
    {
        display: flex;
        justify-content: center;
        align-items: center;
    }
}


    /* Smooth Scroll */
html {
    scroll-behavior: smooth;
}

/* Sticky Wrapper */
.main-home-sticky .sticky-wrapper {
    position: relative;
}

/* Sticky Sections */
.main-home-sticky .sticky-section {
    height: 80vh;
    position: sticky;
    top: 10vh;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: opacity 0.4s ease;
      background-color: #fff;
}
.sticky-section-bg
{
    background-color: #fff;
}
@media(max-width:992px){
.main-home-sticky .sticky-section {
    height: auto;
    position: static;
}
.sleep-hero {
    padding: 60px 0 !important;
}
}


.main-home-sticky-a .sticky-wrapper-a{
    position: relative;
}

/* parent creates scroll space */
.main-home-sticky-a .sticky-section-a{
    position: relative;
    padding-bottom: 120px;
}

/* sticky element */
.main-home-sticky-a .sticky-inner{
    position: sticky;
    top: 20vh;
    background:#fff;
}

/* mobile */
@media(max-width:992px){
    .main-home-sticky-a .sticky-inner{
        position: relative;
    }
}



.rpm-breadcrumb
{
    padding-bottom: 16px;
}

.rpm-breadcrumb-list{
align-items:center;
font-size:14px;
}

.rpm-breadcrumb-item{
color: #727272;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
}

.rpm-breadcrumb-link{
text-decoration:none;
color: #727272;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 150%; /* 24px */
}

.rpm-breadcrumb-link:hover{
color:#6b2cff;
}

.rpm-breadcrumb-item.active{
background: var(--frre, linear-gradient(90deg, #141B5D 0%, #9810FA 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 150%; /* 24px */
text-transform: capitalize;
}

/* arrow icon */

.rpm-breadcrumb-list .breadcrumb-item + .breadcrumb-item::before{
content:"▶";
background: var(--frre, linear-gradient(90deg, #141B5D 0%, #9810FA 100%));
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
font-size:12px;
margin:0 8px;
}

	/* Sticky Wrapper */
.main-home-sticky-c .sticky-wrapper-c {
position: relative;
}
/* Sticky Sections */
.main-home-sticky-c .sticky-section-c {
height: auto;
position: sticky;
top: 15vh;
transition: opacity 0.4s ease;
background-color: #fff;
}
@media(max-width:992px){
.main-home-sticky-c .sticky-section-c {
height: auto;
position: static;
}
.den-section-subtext {

    max-width: 90vw;
  
}

}

.den-btn-primary {
    background: #312e81;
    border-color: #312e81;
    color: #FFF;
    text-align: center;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    padding: 12px 16px;
    border-radius: 4px;
    text-decoration: none;
    display: inline-block;
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

.den-btn-primary:hover {
    background-color: #1e1a66;
    border-color: #1e1a66;
    color: #FFF;
}