* {
   box-sizing: border-box;
    margin:0;
   padding: 0;
}


.hero {
    position: relative;
    min-height: 100vh;
    width: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    }

.hero-bg-img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
     object-position: center;
     z-index: 0;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(180deg, rgba(6, 10, 28, 0.35) 0%, rgba(6, 10, 28, 0.10) 30%, rgba(4, 6, 20, 0.55) 100%);
  pointer-events: none;
 }

    
 .phone-badge {
    display: flex;
    align-items: center;
    gap: 9px;
    background:rgba(5, 5, 62, 1);
    border: 1px solid rgba(255, 255, 255, 0.08);
    padding: 11px 20px;
    border-radius:8px;
    font-weight: 500;
    font-size: 16px;
    font-family: Inter;
    white-space: nowrap;
    box-shadow: 0 6px 20px rgba(5, 5, 40, 0.35);
    text-decoration: none;
    color: rgba(255, 255, 255, 1);
    max-width: 186px;
 }

.phone-badge img {
    width:24px;
    height: 24px;
    flex-shrink: 0;
}

.menu-toggle {
 display: none;
 background: var(--navy);
 border: 1px solid rgba(255, 255, 255, 0.1);
 border-radius: 10px;
 width: 42px;
 height: 42px;
 align-items: center;
 justify-content: center;
}

.menu-toggle img {
  width: 18px;
  height: 18px;
}

        
.APP-hero-content {
   position: relative;
   z-index: 4;
   flex: 1;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding: 0 clamp(20px, 4vw, 56px);
   padding-left: clamp(56px, 7vw, 96px);
   padding-bottom: clamp(40px, 6vh, 70px);
   width: 100%;
}

.APP-hero-content h1 {
   line-height:63px;
   letter-spacing:0.4%;
   text-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
   margin-bottom:20px;
   max-width:760px;
   color: rgba(245, 246, 255, 1);
}

.maintitle {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    width: 100%;
    font-weight: 500;
    color:#B8A7FF;
}

.subtitle {
    margin-top: 20px;
    line-height:26px;
    max-width:760px;
    font-weight: 500;
    font-style: Medium;
    color: #DDE1F7;
}
.cta-row {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 34px;
    flex-wrap: wrap;
}

.btn-custom {
    display: inline-flex;
    background: linear-gradient(90deg, #6B5BFF 0%, #B8A7FF 100%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12);;
    align-items: center;
    gap: 10px;
    padding: 14px 24px;
    border-radius:6px;
    border: none;
    font-size:16px;
    font-weight: 500;
    font-weight: Medium;
    text-decoration: none;
    font-family: Inter;
    max-width: 327px;
    max-height: 44px;
    color: rgba(255, 255, 255, 1);
    transition: transform .18s ease, box-shadow .18s ease, background .18s ease;
    white-space: nowrap;
  }

.btn-custom img {
    width:24px;
    height:24px;
    flex-shrink: 0;
}

           
.btn-custom:hover,
.btn-outline-custom:hover{
    transform: translateY(-2px);
    box-shadow: 0 14px 30px rgba(108, 76, 245, 0.5);
    color: #fff;
}

.btn-outline-custom {
    background: rgba(230, 226, 255, 0.12);
    border: 1px solid var(--Brand-color-Lavender, rgba(216, 216, 255, 1)); 
    backdrop-filter: blur(20px)
}


.stats {
    display: flex;
    gap: clamp(32px, 5vw, 64px);
    margin-top: clamp(36px, 5.5vh, 56px);
    flex-wrap: wrap;
}

.stats .stat-num{
    letter-spacing:0%;
    line-height:32px;
    color:#FFFFFF;
}

.stat-label {
    margin-top: 4px;
    color:#DDE1F7;
    font-weight: 500;
    font-family: Inter;
    font-size: 16px;
    font-style: Medium;
    letter-spacing: 1.2%;
}


@media (min-width:1600px){

   

   

    .subtitle{
        font-size:20px;
        line-height:34px;
    }

}
@media (max-width:1200px){

    .APP-hero-content{
        padding-left:60px;
        padding-right:40px;
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .APP-hero-content h1{
        font-size:56px;
        line-height:64px;
    }

    .stats{
        gap:40px;
    }

}
@media (max-width:992px){

    .hero{
        min-height:auto;
        padding:90px 0 70px;
    }

    .APP-hero-content{
        padding:0 40px;
        justify-content:center;
    }

    .APP-hero-content h1{
        font-size:48px;
        line-height:58px;
        max-width:100%;
    }

    .subtitle{
        font-size:17px;
        line-height:30px;
        max-width:100%;
    }

    .cta-row{
        gap:15px;
    }

    .btn-custom{
        width:fit-content;
    }

    .stats{
        gap:32px;
    }

}
@media (max-width:768px){

    .hero{
        text-align:center;
        align-items:center;
    }

    .APP-hero-content{
        padding:0 25px;
        align-items:center;
    }

    .maintitle{
        justify-content:center;
        text-align:center;
    }

    .APP-hero-content h1{
        font-size:40px;
        line-height:50px;
        text-align:center;
    }

    .subtitle{
        text-align:center;
        font-size:16px;
        line-height:28px;
    }

    .cta-row{
        justify-content:center;
        width:100%;
    }

    .btn-custom{
        width:100%;
        max-width:340px;
        justify-content:center;
    }

    .stats{
        justify-content:center;
        text-align:center;
        gap:28px;
    }

    .phone-badge{
        display:none;
    }

    .menu-toggle{
        display:flex;
    }

}
@media (max-width:576px){

    .hero{
        min-height:100vh;
        padding:80px 0 50px;
    }

    .APP-hero-content{
        padding:0 20px;
    }

    .APP-hero-content h1{
        font-size:32px;
        line-height:42px;
        margin-bottom:16px;
    }

    .maintitle{
        font-size:14px;
    }

    .subtitle{
        margin-top:16px;
        font-size:15px;
        line-height:26px;
    }

    .cta-row{
        margin-top:28px;
        flex-direction:column;
        width:100%;
    }

    .btn-custom,
    .btn-outline-custom{
        width:100%;
        max-width:100%;
        height:52px;
        justify-content:center;
    }

    .stats{
        width:100%;
        flex-direction:column;
        gap:22px;
        margin-top:34px;
    }

    .stats>div{
        width:100%;
    }

    .stat-num{
        font-size:30px;
    }

    .stat-label{
        font-size:15px;
    }

}
@media (max-width:375px){

    .APP-hero-content{
        padding:0 16px;
    }

    .APP-hero-content h1{
        font-size:28px;
        line-height:38px;
    }

    .subtitle{
        font-size:14px;
        line-height:24px;
    }

    .btn-custom,
    .btn-outline-custom{
        font-size:14px;
        padding:12px 16px;
        max-width:290px;
    }

    .stat-num{
        font-size:26px;
    }

}



/* A hard truth most of this industry won't admit */
.truth-section{
    padding:50px 0;
    background:#ffffff;
}

.section-heading{
    text-align:center;
    margin: 0 auto 55px;
}

.section-heading h2{
    line-height:52px;
    color:#0B0B2E;
    max-width: 760px;
    margin: 0 auto 15px;
}

.section-heading p{
    max-width:750px;
    margin:auto;
    font-weight:500;
    line-height:26px;
    color:#474650;
}


.truth-card{
    height:100%;
    background:#fff;
    border:1px solid #DDD7FF;
    border-radius:16px;
    padding:30px;
    transition:.35s;

}

.truth-card:hover{
    transform:translateY(-8px);
    box-shadow:0 20px 45px rgba(119,85,255,.10);
}

.number{
    display:block;
    line-height:1;
    margin-bottom:24px;
    color:#ffffff;
    -webkit-text-stroke:2px #9E87FF;
}

.truth-card h4{
   font-weight: 400;
    line-height:32px;
    color:#474650;
    max-width: 382px;
    font-size: 20px;
}

.companyname{
  color:#000000;
}

.normal{
  color: #7B61FF;
}

.bottom-box{
    margin-top:40px;
    background:#D9CCFF;
    border-radius:18px;
    padding:28px 40px;
    text-align:center;
    font-size:20px;
    line-height:34px;
    color:#4A4560;
    font-weight:500;
    text-align: left;
    font-family: 'Space Grotesk', sans-serif;
}

.Abottoms-Aboxs{
    color: #474650;
    font-size: 20px;
    font-weight: 500;
    font-family: 'Space Grotesk', sans-serif;
    line-height: 32px;
    letter-spacing: 0%;
    text-align: center;
    max-width: 1144px;
    margin: 0 auto;
    margin-top: 50px;  
}

@media(max-width:1199px){

.section-heading h2{

    font-size:38px;
    line-height:48px;

}

.truth-card{

    padding:25px;

}

}
@media(max-width:991px){

.truth-section{

    padding:70px 0;

}

.section-heading{

    margin-bottom:40px;

}

.section-heading h2{

    font-size:34px;
    line-height:44px;

}

.truth-card p{

    font-size:17px;
    line-height:30px;

}

.bottom-box{

    font-size:18px;
    line-height:30px;

    padding:24px;

}

}
@media(max-width:767px){

.truth-section{

    padding:60px 0;

}

.section-heading h2{

    font-size:30px;
    line-height:40px;

}

.section-heading p{

    font-size:15px;
    line-height:25px;

}

.truth-card{

    padding:22px;

}

.number{

    font-size:40px;

}

.truth-card p{

    font-size:16px;
    line-height:28px;

}

.bottom-box{

    padding:20px;

    font-size:16px;

    line-height:28px;

}

.Abottoms-Aboxs{
    font-size:16px;

}
}
@media(max-width:575px){

.section-heading h2{

    font-size:26px;
    line-height:36px;

}

.section-heading p{

    font-size:14px;

}

.truth-card{

    border-radius:14px;

    padding:20px;

}

.number{

    font-size:36px;

}

.truth-card p{

    font-size:15px;

    line-height:26px;

}

.bottom-box{

    border-radius:14px;

    font-size:15px;

    line-height:26px;

    padding:18px;

}

.Abottoms-Aboxs{
    font-size:15px;

}

}
/* Ends here */


/* Everything you need to build, launch & scale */
.app-services-section{
    padding:50px 0;
    background:#ffffff;
    overflow:hidden;
}


.app-section-title{
    text-align:center;
    max-width:666px;
    margin:0 auto 60px;
}

.app-section-title h2{
    line-height:52px;
    color:#0B0B2E;
    margin-bottom:18px;
}

.app-section-title p{
    line-height:26px;
    color:#1A1A4D;
    max-width:585px;
    margin:0 auto;
}


.app-service-card{
    height:100%;
    background:#F6F7FF;
    border:1px solid #E5E3FF;
    border-radius:20px;
    padding:30px;
    transition:.35s ease;
    position:relative;
    overflow:hidden;
}

.app-service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 45px rgba(107,78,255,.12);
    border-color:#B9A7FF;
    background:#ffffff;
}

.app-icon{
    width:42px;
    height:42px;
    border:1px solid #8B73FF;
    border-radius:10px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#fff;
    margin-bottom:24px;
}

.app-icon img{
    width:24px;
    height:24px;
    object-fit:contain;
}

.app-service-card h3{
    line-height:32px;
    color:#0B0B2E;
    margin-bottom:15px;
    font-weight: 500;
}


.app-service-card p{
    line-height:26px;
    color:#474650;
    margin:0;
    max-width: 376px;
}


.app-service-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:4px;
    background:#7A5CFF;
    transition:.35s;
}

.app-service-card:hover::before{

    width:100%;
}

.app-services-section .row{

    --bs-gutter-x:24px;
    --bs-gutter-y:24px;
}

@media (max-width:1199px){

.app-section-title h2{

    font-size:42px;
    line-height:52px;

}

.app-service-card{

    padding:28px;

}

.app-service-card h3{

    font-size:24px;

}

}
@media (max-width:991px){

.app-services-section{

    padding:80px 0;

}

.app-section-title{

    margin-bottom:45px;

}

.app-section-title h2{

    font-size:36px;
    line-height:46px;

}

.app-service-card{

    padding:25px;

}

.app-service-card h3{

    font-size:22px;
    line-height:32px;

}

}
@media (max-width:767px){

.app-services-section{

    padding:70px 0;

}

.app-section-title h2{

    font-size:30px;
    line-height:40px;

}

.app-section-title p{

    font-size:15px;
    line-height:26px;

}

.app-service-card{

    border-radius:16px;

    padding:22px;
}

.app-service-card h3{

    font-size:20px;

    line-height:30px;

}

.app-service-card p{

    font-size:14px;

    line-height:24px;

}

}
@media (max-width:575px){

.app-services-section{

    padding:60px 0;

}

.app-section-title{

    margin-bottom:35px;

}

.app-section-title h2{

    font-size:26px;
    line-height:36px;

}

.app-section-title p{

    font-size:14px;
    line-height:24px;

}

.app-icon{

    width:40px;
    height:40px;
}

.app-icon img{

    width:20px;
    height:20px;
}

.app-service-card{

    padding:20px;

}

.app-service-card h3{

    font-size:18px;

    line-height:28px;

}

.app-service-card p{

    font-size:14px;

    line-height:24px;

}

}
/* Ends here */

/* Service packages built around your stage */

.pkg-section{
    padding:50px 0;
    background:#ffffff;
    overflow:hidden;
}


.pkg-heading{
    max-width:606px;
    margin:0 auto 60px;
    text-align:center;
}

.pkg-heading h2{
    line-height:58px;
    color:#0B0B2E;
    margin-bottom:18px;
}

.pkg-heading p{
    max-width:606px;
    margin:auto;
    font-weight:500;
    line-height:26px;
    color:#474650;
    font-size: 18px;
}

.pkg-card{
    background:#F6F4FF;
    border:1px solid #D9D0FF;
    border-radius:30px;
    height:100%;
    overflow:hidden;
    display:flex;
    flex-direction:column;
    transition:.35s ease;
}

.pkg-card:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(115,93,255,.12);
}


.pkg-active{
    background:#ECE8FF;
}

 .pkg-card-header{
  background: linear-gradient(180deg, #D8D8FF 50.2%, #FFFFFF 100%);
 }

.pkg-active .pkg-card-header{
background: linear-gradient(180deg, #05063E 29.82%, rgba(123, 97, 255, 0.5) 141.39%, #D8D8FF 212.09%);
    color:#fff;
}

.pkg-active .pkg-card-header h3{
    color:#fff;
}

.pkg-card-header{
    display:flex;
    align-items:center;
    gap:14px;
    padding:22px 22px;
    border-bottom:1px solid rgba(0,0,0,.05);
}

.pkg-icon{
    width:42px;
    height:42px;
    border-radius:10px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#8B6FFF;
}

.pkg-icon img{
    width:22px;
    height:22px;
    object-fit:contain;
}

.pkg-card-header h4{
    color:#1E1E1E;
    margin:0;
}

.pkg-list{
    list-style:none;
    margin:0;
    padding:28px 22px;
    flex:1;
}

.pkg-list li{
    display:flex;
    align-items:flex-start;
    gap:12px;
    margin-bottom:20px;
    font-weight:500;
    line-height:26px;
    color:#0B0B2E;
}

.pkg-list li:last-child{
    margin-bottom:0;
}

.pkg-list img{
    width:18px;
    height:18px;
    margin-top:4px;
    flex-shrink:0;
}

.pkg-footer{
    border-top:1px solid rgba(0,0,0,.08);
    padding:18px 22px;
    font-weight:500;
    line-height:26px;
    color:#0B0B2E;
    text-align: center;
}

.pkg-card{
    position:relative;
}

.pkg-card::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:0;
    height:5px;
    background:#775BFF;
    transition:.35s ease;
}

.pkg-card:hover::before{
    width:100%;
}

.pkg-card:hover .pkg-icon{
    transform:rotate(-8deg) scale(1.08);
    transition:.35s ease;
}

.pkg-card:hover .pkg-icon img{
    transform:scale(1.08);
}

.pkg-card:hover .pkg-card-header h4{
    color:#775BFF;
}

.pkg-active:hover .pkg-card-header h4{
    color:#fff;
}

.pkg-active .pkg-card-header h4{
    color:#fff;
}

.pkg-list li{
    transition:.3s;
}

.pkg-card:hover .pkg-list li{
    transform:translateX(5px);
}

@media(min-width:1400px){

.pkg-section .container{
    max-width:1320px;
}

}
@media(min-width:1200px){

}
@media(max-width:1199px){

.pkg-section{
    padding:90px 0;
}

.pkg-heading h2{
    font-size:42px;
    line-height:52px;
}

.pkg-card{
    min-height:580px;
}

.pkg-card-header h4{
    font-size:24px;
}

}
@media(max-width:991px){

.pkg-section{
    padding:75px 0;
}

.pkg-heading{
    margin-bottom:45px;
}

.pkg-heading h2{
    font-size:36px;
    line-height:46px;
}

.pkg-heading p{

    font-size:15px;

    line-height:26px;

}

.pkg-card{

    min-height:unset;

}

.pkg-card-header{

    padding:20px;

}

.pkg-list{

    padding:22px 20px;

}

.pkg-list li{

    font-size:15px;

    line-height:26px;

}

.pkg-footer{

    padding:18px 20px;

}

}
@media(max-width:767px){

.pkg-section{

    padding:60px 0;

}

.pkg-heading{

    margin-bottom:35px;

}

.pkg-heading h2{

    font-size:30px;

    line-height:40px;

}

.pkg-heading p{

    font-size:15px;

    line-height:25px;

}

.pkg-card{

    border-radius:24px;

}

.pkg-card-header{

    padding:18px;

}

.pkg-card-header h4{

    font-size:22px;

}

.pkg-icon{

    width:40px;

    height:40px;

}

.pkg-icon img{

    width:20px;

    height:20px;

}

.pkg-list{

    padding:20px 18px;

}

.pkg-list li{

    font-size:15px;

    line-height:25px;

    margin-bottom:18px;

}

.pkg-footer{

    padding:16px 18px;

    font-size:14px;

    line-height:24px;

}

}
@media(max-width:575px){

.pkg-section{

    padding:50px 0;

}

.pkg-heading h2{

    font-size:26px;

    line-height:36px;

}

.pkg-heading p{

    font-size:14px;

    line-height:24px;

}

.pkg-card{

    border-radius:20px;

}

.pkg-card-header{

    gap:12px;

}

.pkg-card-header h4{

    font-size:20px;

}

.pkg-icon{

    width:38px;

    height:38px;

}

.pkg-list{

    padding:18px;

}

.pkg-list li{

    font-size:14px;

    line-height:24px;

}

.pkg-footer{

    padding:16px 18px;

    font-size:13px;

}

}
@media(max-width:360px){

.pkg-heading h2{

    font-size:22px;

    line-height:30px;

}

.pkg-heading p{

    font-size:13px;

}

.pkg-card-header{

    padding:16px;

}

.pkg-card-header h4{

    font-size:18px;

}

.pkg-icon{

    width:34px;

    height:34px;

}

.pkg-icon img{

    width:18px;

    height:18px;

}

.pkg-list{

    padding:16px;

}

.pkg-list li{

    font-size:13px;

    line-height:22px;

}

.pkg-footer{

    padding:14px 16px;

    font-size:12px;

    line-height:20px;

}

}
.pkg-card{

    animation:pkgFade .7s ease;

}
@keyframes pkgFade{

    from{

        opacity:0;

        transform:translateY(35px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}
/* Ends here */

/* Market Loos Like */

.market-section{
    padding:50px 0;
    background-color: #F3EFFC;
}

.section-title{
    color:#0B0B2E;
    line-height:52px;
    margin-bottom:45px;
}

.feature-card{
    background: #FFFFFF;
    border: 1px solid  #D8D8FF;
    border-radius:28px;
    padding:28px;
    height:100%;
    transition:.3s;
}

.feature-card:hover{
    transform:translateY(-4px);
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.feature-card h3{
    margin:0;
    line-height:32px;
    color:#5F5D68;
}

.highlight{
    color:#7B61FF;
    font-weight:700;
}

.purple-card{
    background:#D1C7FF;
    border:none;
}

.purple-card p{
    color:#474650;
}


@media(max-width:1400px){

    .section-title{
        font-size:42px;
    }

    .feature-card h3{
        font-size:20px;
    }

}
@media(max-width:1200px){

    .section-title{
        font-size:38px;
    }

    .feature-card{
        padding:24px;
    }

    .feature-card h3{
        font-size:19px;
    }

}
@media(max-width:992px){

    .market-section{
        padding:70px 0;
    }

    .section-title{
        font-size:34px;
        margin-bottom:35px;
    }

    .feature-card{
        padding:22px;
    }

    .feature-card h3{
        font-size:18px;
        line-height:1.6;
    }

}
@media(max-width:768px){

    .market-section{
        padding:60px 0;
    }

    .section-title{
        font-size:30px;
    }

    .feature-card{
        border-radius:18px;
        padding:20px;
    }

    .feature-card h3{
        font-size:17px;
    }

}
@media(max-width:576px){

    .market-section{
        padding:50px 0;
    }

    .section-title{
        font-size:24px;
        line-height:1.3;
    }

    .feature-card{
        padding:18px;
        border-radius:16px;
    }

    .feature-card h3{
        font-size:16px;
        line-height:1.6;
    }

}
@media(max-width:375px){

    .section-title{
        font-size:22px;
    }

    .feature-card{
        padding:16px;
    }

    .feature-card h3{
        font-size:15px;
    }

}
/* Ends here */


/*  Dedicated development teams */
.team-section{
    padding:50px 0;
    background:#fff;
    overflow:hidden;
}

.containers-widths{
  width:75%;
  margin: 0 auto;
}

.team-content{
    max-width:636px;
}

.team-content h2{
    line-height:52px;
    color:#0B0B2E;
    margin-bottom:18px;
}

.team-text{
    line-height:26px;
    color:#1A1A4D;
    margin-bottom:18px;
}

.team-bold{
    font-weight:700;
    font-size: 18px;
    color:#1A1A4D;
    margin-bottom:0;
}

.team-list-wrapper{
    margin-left:auto;
}

.team-small-title{
    display:block;
    font-weight:500;
    color:#7B61FF;
    margin-bottom:12px;
    text-transform:uppercase;
}


.team-list-item{
    display:flex;
    align-items:flex-start;
    gap:16px;
    padding:18px 0;
    border-top:1px solid #DDD8FF;
    transition:.35s ease;
}

.team-list-item:last-child{

    border-bottom:1px solid #DDD8FF;

}

.team-list-item img{
    width:24px;
    height:24px;
    margin-top:2px;
    flex-shrink:0;
}

.team-list-item p{
    margin:0;
    font-size:18px;
    font-weight:500;
    line-height:26px;
    color:#1A1A4D;
}

.team-list-item:hover{
    padding-left:10px;
    background:#FAF9FF;
}

.team-list-item:hover p{
    color:#705DFF;
}

.team-list-item:hover img{
    transform:scale(1.08);
    transition:.3s;
}


@media(max-width:1199px){
.team-content h2{
    font-size:46px;
    line-height:56px;
}

}
@media(max-width:991px){
.team-section{
    padding:80px 0;
}

.team-content{
    max-width:100%;
}

.team-content h2{

    font-size:40px;

    line-height:50px;

}

.team-list-wrapper{

    margin:0;

    max-width:100%;

}

}
@media(max-width:767px){

.team-section{

    padding:60px 0;

}

.team-content h2{

    font-size:32px;

    line-height:42px;

    margin-bottom:18px;

}

.team-text{

    font-size:16px;

    line-height:28px;

}

.team-small-title{

    font-size:14px;

}

.team-list-item{

    gap:14px;

    padding:16px 0;

}

.team-list-item img{

    width:22px;

    height:22px;

}

.team-list-item p{

    font-size:16px;

    line-height:26px;

}

}
@media(max-width:575px){

.team-section{

    padding:50px 0;

}

.team-content h2{

    font-size:28px;

    line-height:36px;

}

.team-text{

    font-size:15px;

    line-height:26px;

}

.team-list-item{

    gap:12px;

}

.team-list-item img{

    width:20px;

    height:20px;

}

.team-list-item p{

    font-size:15px;

    line-height:24px;

}

}
@media(max-width:360px){

.team-content h2{

    font-size:24px;

    line-height:32px;

}

.team-text{

    font-size:14px;

    line-height:24px;

}

.team-small-title{

    font-size:13px;

}

.team-list-item p{

    font-size:14px;

    line-height:22px;

}

}
.team-content,
.team-list-wrapper{

    animation:teamFade .8s ease;

}
@keyframes teamFade{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}
/* Ends here */


/* Engineered to win across sectors */
.sector-section{
    padding:50px 0;
    background:#F8F7FF;
    overflow:hidden;
}


.sector-heading{
    max-width:680px;
    margin:0 auto 45px;
    text-align:center;
}

.sector-heading h2{
    line-height:52px;
    color:#0B0B2E;
    margin-bottom:16px;
}

.sector-heading p{
    max-width:560px;
    margin:auto;
    font-size:16px;
    font-weight:500;
    line-height:28px;
    color:#1A1A4D;
}


.sector-card{
    height:100%;
    background:#F5F3FF;
    border:1px solid #DED9FF;
    border-radius:22px;
    overflow:hidden;
    transition:.35s ease;
    display:flex;
    flex-direction:column;
}

.sector-card:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 45px rgba(115,92,255,.12);

    border-color:#BBAEFF;

}

.sector-img{

    padding:14px 14px 0;

}

.sector-img img{

    width:100%;

    height:180px;

    object-fit:cover;

    border-radius:16px;

    display:block;

}

.sector-content{

    padding:20px;

    flex:1;

}

.sector-content h3{
    line-height:36px;
    color:#0B0B2E;
    margin-bottom:12px;
}

.sector-content p{
    margin:0;
    line-height:26px;
    color:#474650;
    max-width: 376x;
        margin-bottom: 0px;

}

.sector-bottom-text{
    margin-top:30px;
    text-align:center;
}

.sector-bottom-text p{
    max-width:650px;
    margin:auto;
    line-height:28px;
    color:#1A1A4D;

}


.sector-card{
    position:relative;
    background: #D8D8FF4D;
    border: 1px solid var(--text-color-accent-text, #D8D8FF)

}

.sector-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:4px;
    background:#7B61FF;
    transition:.35s ease;
    border-radius:22px 22px 0 0;
}

.sector-card:hover::before{
    width:100%;
}

.sector-card:hover .sector-content h3{
    color:#775BFF;
}

.sector-card:hover .sector-img img{
    transform:scale(1.06);
}

.sector-img{
    overflow:hidden;
    border-radius:18px
}

.sector-img img{

    transition:.45s ease;

}



@media(min-width:1400px){

.sector-section .container{

    max-width:1320px;

}


}
@media(max-width:1399px){


}
@media(max-width:1199px){

.sector-heading h2{

    font-size:42px;

    line-height:52px;

}



.sector-content h3{

    font-size:24px;

    line-height:32px;

}

}
@media(max-width:991px){

.sector-section{

    padding:50px 0;

}

.sector-heading{

    margin-bottom:35px;

}

.sector-heading h2{

    font-size:36px;

    line-height:46px;

}

.sector-heading p{

    font-size:15px;

    line-height:26px;

}

.sector-card{

    min-height:auto;

}

.sector-content{

    padding:18px;

}

.sector-content h3{

    font-size:22px;

    line-height:30px;

}

.sector-content p{

    font-size:15px;

    line-height:25px;

}

}
@media(max-width:767px){

.sector-section{

    padding:50px 0;

}

.sector-heading{

    margin-bottom:30px;

}

.sector-heading h2{

    font-size:30px;

    line-height:40px;

}

.sector-heading p{

    font-size:15px;

    line-height:25px;

}

.sector-card{

    border-radius:18px;

}

.sector-img{

    padding:12px 12px 0;

}

.sector-img img{

    height:210px;

}

.sector-content{

    padding:18px;

}

.sector-content h3{

    font-size:20px;

    line-height:28px;

}

.sector-content p{

    font-size:14px;

    line-height:24px;

}

.sector-bottom-text{

    margin-top:25px;

}

.sector-bottom-text p{

    font-size:14px;

    line-height:24px;

}

}
@media(max-width:575px){

.sector-heading h2{

    font-size:26px;

    line-height:36px;

}

.sector-heading p{

    font-size:14px;

    line-height:24px;

}

.sector-card{

    border-radius:16px;

}

.sector-img{

    padding:10px 10px 0;

}

.sector-img img{

    height:190px;

    border-radius:12px;

}

.sector-content{

    padding:16px;

}

.sector-content h3{

    font-size:19px;

    line-height:27px;

}

.sector-content p{

    font-size:14px;

    line-height:23px;

}

.sector-bottom-text p{

    font-size:13px;

    line-height:22px;

}

}
@media(max-width:360px){

.sector-heading h2{

    font-size:22px;

    line-height:30px;

}

.sector-heading p{

    font-size:13px;

    line-height:22px;

}

.sector-img img{

    height:170px;

}

.sector-content{

    padding:14px;

}

.sector-content h3{

    font-size:18px;

    line-height:26px;

}

.sector-content p{

    font-size:13px;

    line-height:22px;

}

}


.sector-card{

    animation:sectorFade .8s ease;

}

@keyframes sectorFade{

    from{

        opacity:0;

        transform:translateY(35px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}
/*Ends here*/


/* From vision to velocity in 6 steps */
.process-section{
    padding:50px 0;
    background:#ffffff;
    overflow:hidden;
}

.process-heading{
    max-width:540px;
    margin:0 auto 70px;
    text-align:center;
}

.process-heading h2{
    line-height:52px;
    color:#0B0B2E;
    margin-bottom:12px;
}

.process-heading h2 span{
    display:block;
    color:#7B61FF;
}

.process-heading p{
    line-height:28px;
    color:#66667A;
    max-width:470px;
    margin:auto;
}

.process-timeline{
    position:relative;
    max-width:1150px;
    margin:auto;
    column-gap:5px;
}

.process-row{
    position:relative;
    width:100%;
    display:flex;
    margin-bottom:65px;
    z-index:2;
}

.process-left{

    justify-content:flex-start;

}

.process-right{

    justify-content:flex-end;

}

.process-card{
    position:relative;
    width:426px !important;
    height:284px;
    background: var(--Brand-color-Lavender, #D8D8FF);
    border-radius:18px;
    border:1px solid #E2DDFF;
    padding:24px;
    box-shadow:0 18px 45px rgba(0,0,0,.12);
    transition:.35s;
}

.process-left .process-card{

    transform:rotate(4deg);

}

.process-right .process-card{

    transform:rotate(-4deg);

}

.process-card:hover{

    transform:rotate(0deg) translateY(-8px);

    box-shadow:0 22px 55px rgba(114,91,255,.18);

}

.process-pin{
    position:absolute;
    left:50%;
    top:-42px;
    transform:translateX(-50%);
}

.process-pin img{
 width: 200px;
}

.process-number{
    display:block;
    color:#C4B7FF;
    margin-bottom:8px;
    font-size: 44px;
    font-weight: 700;
    font-style: Bold;
    -webkit-text-stroke:2px #9E87FF;
}

.process-card h4{
    line-height:30px;
    color:#25254A;
    margin-bottom:12px;
}

.process-card p{
    margin:0;
    line-height:25px;
    color:#474650;
}

.process-card::before{
    content:"";
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:58px;
    border-radius:18px 18px 0 0;
    z-index:-1;
}


.process-card:hover .process-number{

    color:#836BFF;

}

.process-card{

    animation:processFade .8s ease;

}

@keyframes processFade{

    from{

        opacity:0;

        transform:translateY(40px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

.process-card:hover .process-pin img{

    transform:scale(1.1) rotate(10deg);

    transition:.35s;

}
@media(min-width:1400px){

.process-section .container{

    max-width:1280px;

}

.process-card{

    width:360px;

}

}
@media(max-width:1199px){

.process-heading h2{

    font-size:42px;

    line-height:52px;

}

.process-card{

    width:300px;

}

}
@media(max-width:991px){

.process-section{

    padding:60px 0;

}

.process-heading{

    margin-bottom:50px;

}

.process-heading h2{

    font-size:36px;

    line-height:46px;

}

.process-heading p{

    font-size:15px;

    line-height:26px;

}

.process-card{

    width:280px;

    padding:22px;

}

.process-card h4{

    font-size:20px;

}

.process-card p{

    font-size:14px;

    line-height:24px;

}

}
@media(max-width:767px){

.process-section{

    padding:50px 0;

}

.process-heading{

    margin-bottom:40px;

}

.process-heading h2{

    font-size:30px;

    line-height:40px;

}

.process-heading p{

    font-size:15px;

    line-height:24px;

}


.process-line{

    left:18px;

    transform:none;

}


.process-row{

    justify-content:flex-start;

    padding-left:45px;

    margin-bottom:45px;

}


.process-left .process-card,
.process-right .process-card{

    transform:none;

}

.process-card{

    width:100%;

    max-width:100%;

    border-radius:16px;

    padding:20px;

}

.process-card::before{
    border-radius:16px 16px 0 0;
}


.process-pin{
    left:-38px;
    top:22px;
    transform:none;
}

.process-pin img{
    width:22px;
    height:22px;
}

.process-number{
    -webkit-text-stroke:2px #9E87FF;
    font-size:44px;
    font-weight: 700;
    font-style: Bold;
    font-family: 'Space Grotesk', sans-serif;
}

.process-card h4{
    font-size:19px;
    line-height:28px;
}

.process-card p{

    font-size:14px;

    line-height:24px;

}
}
/* Premium Mobile Design */
@media (min-width:300px) and (max-width:600px){

    .process-row{
        padding-left:0;
        justify-content:center;
        margin-bottom:70px;
    }

    .process-left .process-card,
    .process-right .process-card{
        transform:none;
    }

    .process-card{
        width:100% !important;
        max-width:360px;
        min-height:260px;
        height:auto;
        margin-top:45px;
        padding:50px 22px 24px;
        border-radius:22px;
        background:#ECE9FF;
        border:1px solid rgba(123,97,255,.15);
        box-shadow:
            0 15px 45px rgba(63,46,160,.12),
            0 6px 18px rgba(0,0,0,.06);
        overflow:visible;
    }

    /* Top Highlight */
    .process-card::before{
        content:"";
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:70px;
        border-radius:22px 22px 0 0;
        background:linear-gradient(90deg,#7B61FF,#B8A7FF);
        opacity:.12;
    }

    /* Floating Pin */
    .process-pin{
        position:absolute;
        left:50%;
        top:-36px;
        transform:translateX(-50%);
        z-index:20;
    }

    .process-pin img{
        width:72px;
        height:auto;
        filter:
            drop-shadow(0 12px 20px rgba(123,97,255,.35));
        animation:pinFloat 3s ease-in-out infinite;
    }

    /* Premium Glow */
    .process-pin::before{
        content:"";
        position:absolute;
        width:78px;
        height:78px;
        left:50%;
        top:50%;
        transform:translate(-50%,-50%);
        background:radial-gradient(circle,
            rgba(123,97,255,.28) 0%,
            rgba(123,97,255,0) 75%);
        border-radius:50%;
        z-index:-1;
    }

    .process-number{
        font-size:42px;
        margin-bottom:10px;
    }

    .process-card h4{
        font-size:22px;
        line-height:30px;
    }

    .process-card p{
        font-size:15px;
        line-height:26px;
    }
}

/* Floating Animation */
@keyframes pinFloat{
    0%,100%{
        transform:translateY(0);
    }
    50%{
        transform:translateY(-8px);
    }
}

.process-card,
.process-card::before,
.process-pin img,
.process-card h4{

    transition:.35s ease;

}
/* Ends here */


/* Faq  */
.faq-section{
    width:100%;
    position:relative;
    overflow:hidden;
    background:#E6E2FF;
    padding:50px 0;
    margin: 0 auo;
}


.faq-bg-text{
    position:absolute;
    top:-70px;
    left:50px;
    font-size:700px;
    line-height:1;
    color:#7B61FF;
    opacity:.05;
    pointer-events:none;
    user-select:none;
    z-index:0;
}



.App-faq-heading{
    width:100%;
    margin-bottom:30px;
    position:relative;
    z-index:2;
}

.App-faq-heading h2{
    width:100%;
    max-width:675px;
    line-height:52px;
    color:#0B0B2E;
}

.App-faq-heading h2 span{
    color:#7B61FF;
}

.faq-wrapper{
    width:100%;
}


.accordion{
    display:flex;
    flex-direction:column;
    gap:18px;
    background:transparent;
}

.accordion-item{
    border:none !important;
    border-radius:14px !important;
    overflow:hidden;
    background:#fff;
    box-shadow:0 10px 30px rgba(24,38,65,.08);
}

.faq-section .accordion-button{
    font-weight:500;
    line-height:32px;
    color: #05053E;
    font-size: 24px;
}


.accordion-button{
    padding:22px 26px;
    background:#fff !important;
    box-shadow:none !important;
    border:none;
}

.accordion-button:not(.collapsed){
    background:#be1919;
    color:#111336;
}


.accordion-button::after{
    width:26px;
    height:26px;
    background-image:none !important;
    border:1px solid #D8D8F6;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    content:"+";
    font-size:18px;
    color:#e50909;
    transition:.35s;
}

.accordion-button:not(.collapsed)::after{
    transform:rotate(45deg);
}


.accordion-body{
    padding:0 26px 22px;
    line-height:26px;
    color:#5F5D68;
    font-size:18px;
    font-weight:500;
   
}



.accordion-header{
    width:100%;
}

.accordion-button{
    width:100%;
    min-height:70px;
}

.accordion-item:hover{
    transform:translateY(-3px);
    transition:.35s;
    box-shadow:0 20px 45px rgba(24,38,65,.12);
}

.accordion-button:hover{
    color:#7B61FF;
}


.accordion-button:not(.collapsed){
    border-bottom:1px solid #F0EEFF;
}


.accordion-button:focus{
    box-shadow:none;
    border:none;
}

.accordion-item:first-of-type{
    border-radius:14px;
}

.accordion-item:last-of-type{
    border-radius:14px;
}

.accordion-button::before{
    display:none;
}


@media (min-width:1600px){

    .faq-bg-text{
        font-size:560px;
        left:70px;
    }

    .App-faq-heading h2{
        max-width:900px;
    }

}
@media (max-width:1400px){

    .faq-bg-text{
        font-size:420px;
        left:30px;
    }

}
@media (max-width:1200px){

    .App-faq-heading h2{
        font-size:42px;
        line-height:52px;
    }

    .App-faq-heading p{
        max-width:100%;
    }

    .faq-section .accordion-button{
        font-size:22px;
        line-height:30px;
    }

}
@media (max-width:991px){

    .faq-section{
        padding:70px 0;
    }

    .App-faq-heading{
        text-align:center;
    }

    .App-faq-heading h2{
        max-width:100%;
        font-size:38px;
        line-height:48px;
    }

    .faq-bg-text{
        font-size:280px;
        left:50%;
        transform:translateX(-50%);
        top:40px;
    }

    .accordion-button{
        padding:20px 22px;
    }

}
@media (max-width:768px){

    .faq-section{
        padding:60px 0;
    }

    .App-faq-heading h2{
        font-size:32px;
        line-height:42px;
    }

    .faq-section .accordion-button{
        font-size:20px;
        line-height:28px;
    }

    .accordion-body{
        font-size:16px;
        line-height:28px;
    }

    .accordion-button{
        padding:18px 20px;
    }

    .accordion-button::after{
        width:30px;
        height:30px;
        font-size:20px;
    }

}
@media (max-width:576px){

    .faq-section{
        padding:50px 0;
    }

    .App-faq-heading{
        margin-bottom:25px;
    }

    .App-faq-heading h2{
        font-size:28px;
        line-height:36px;
    }

    .faq-bg-text{
        font-size:180px;
        top:60px;
    }

    .accordion-button{
        min-height:65px;
        padding:16px 18px;
    }

    .faq-section .accordion-button{
        font-size:18px;
        line-height:26px;
    }

    .accordion-body{
        padding:0 18px 18px;
        font-size:15px;
        line-height:26px;
    }

    .accordion-button::after{
        width:28px;
        height:28px;
        font-size:18px;
    }

}
@media (max-width:425px){

    .App-faq-heading h2{
        font-size:24px;
        line-height:32px;
    }

    .faq-bg-text{
        font-size:140px;
    }

    .accordion-button{
        padding:15px;
        min-height:60px;
    }

    .faq-section .accordion-button{
        font-size:17px;
        line-height:24px;
    }

    .accordion-body{
        font-size:14px;
        line-height:24px;
    }

    .accordion-button::after{
        width:26px;
        height:26px;
        font-size:16px;
    }

}
@media (max-width:375px){

    .App-faq-heading h2{
        font-size:22px;
        line-height:30px;
    }

    .faq-bg-text{
        font-size:120px;
    }

    .faq-section .accordion-button{
        font-size:16px;
    }

    .accordion-body{
        font-size:13px;
        line-height:22px;
    }

}
@media (max-width:320px){

    .App-faq-heading h2{
        font-size:22px;
        line-height:28px;
    }

    .faq-bg-text{
        display:none;
    }

    .accordion-button{
        padding:14px;
    }

    .faq-section .accordion-button{
        font-size:15px;
        line-height:22px;
    }

    .accordion-body{
        padding:0 14px 16px;
        font-size:13px;
        line-height:20px;
    }

    .accordion-button::after{
        width:24px;
        height:24px;
        font-size:14px;
    }

}


button.accordion-button{
    color: #05053E !important;
}
/* Ends here */


.navbar-toggler-icon::before, .navbar-toggler-icon::after{
    display: none;
}