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


.hero {
    position: relative;
    min-height: 100svh;
    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;
}

        
.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);
   max-width: 1200px;
   padding-bottom: clamp(40px, 6vh, 70px);
}

h1 {
   line-height:63px;
   letter-spacing:0.4%;
   text-shadow: 0 4px 24px rgba(0, 0, 0, 0.25);
   margin: 0;
   max-width: 950px;
   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;
    font-size:18px;
    line-height:26px;
    color: rgba(245, 246, 255, 1);
    max-width:694px;
    font-weight: 500;
    font-style: Medium;
}
.cta-row {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-top: 34px;
    flex-wrap: wrap;
}

.btn-custom {
    display: inline-flex;
    background: linear-gradient(90deg, #7B61FF 12%, #CCBBF5 95.67%);
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.12);;
    align-items: center;
    gap: 10px;
    padding: 14px 24px;
    border-radius:8px;
    border: none;
    font-size:16px;
    font-weight: 500;
    font-weight: Medium;
    text-decoration: none;
    font-family: Inter;
    max-width: 347px;
    max-height: 47px;
    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;
}

.stat-num {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-family: Inter;
    font-style: Bold;
    font-size:18px;
    letter-spacing:2px;
    color: rgba(255, 255, 255, 1);
    line-height: 26px;
}

.stat-label {
    margin-top: 4px;
    color:rgba(221, 225, 247, 1);
    font-weight: 500;
    font-family: Inter;
    font-size: 16px;
    font-style: Medium;
    letter-spacing: 1.2%;
}

@media (max-width:940px) {
    .hero-content {
        padding-left: clamp(20px, 6vw, 40px);
    }
}
@media (max-width:600px) {
    .phone-badge span.txt {
                        display: none;
}

.phone-badge {
    padding: 11px;
    }

    h1 {
    max-width: 100%;
    }

    .cta-row {
     gap: 12px;
    }

    .btn-custom {
     padding: 13px 18px;
     font-size: 13.5px;
     }

     .stats {
     gap: 26px;
     }

     .hero-content {
     padding-bottom: 32px;
      }
                }
 @media (max-width:400px) {
                    .cta-row {
                        flex-direction: column;
                        align-items: flex-start;
                        width: 100%;
                    }

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


/* 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;
    max-width: 760px;
}

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

.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{
    margin:0;
    line-height:32px;
    color:#474650;
    max-width: 382px;
}

.companyname{
  color: #0B0B2E;
}

.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;
}

.Abottoms-Aboxs{
    text-align: center;
    margin-top:40px;

    text-align:center;

    font-size:20px;

    line-height:34px;

    color:#4A4560;

    font-weight:500;
}



@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:58px;
    color:#0B0B2E;
    margin-bottom:18px;
}

.app-section-title p{
    line-height:28px;
    color:#1A1A4D;
    max-width:585px;
    margin: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:36px;
    color:#0B0B2E;
    margin-bottom:15px;
}


.app-service-card p{
    line-height:28px;
    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;
}

/* No changes */
@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:620px;
    margin:auto;
    font-weight:500;
    line-height:28px;
    color:#474650;
}

.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:28px;

    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){

.pkg-card{

    min-height:610px;

}

}
@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 */


/*  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:62px;
    color:#0B0B2E;
    margin-bottom:18px;
}

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

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

.team-list-wrapper{

    max-width:560px;

    margin-left:auto;

}

.team-small-title{
    display:block;
    font-weight:500;
    font-size: 18px;
    letter-spacing:.8px;
    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-family:'Inter',sans-serif;

    font-size:18px;

    font-weight:500;

    line-height:30px;

    color:#2E2E50;

}

.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;

}

.sector-card{

    min-height:420px;

}

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

.sector-card{

    min-height:430px;

}

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

.sector-heading h2{

    font-size:42px;

    line-height:52px;

}

.sector-card{

    min-height:400px;

}

.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;

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

.process-heading h2{

    font-size:26px;

    line-height:36px;

}

.process-heading p{

    font-size:14px;

    line-height:23px;

}

.process-row{

    padding-left:38px;

}

.process-line{

    left:15px;

}

.process-pin{

    left:-32px;

}

.process-pin img{

    width:20px;

    height:20px;

}

.process-card{

    padding:18px;

}

.process-number{

    font-size:26px;

}

.process-card h4{

    font-size:18px;

    line-height:26px;

}

.process-card p{

    font-size:13px;

    line-height:22px;

}

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

.process-heading h2{

    font-size:22px;

    line-height:30px;

}

.process-heading p{

    font-size:13px;

}

.process-row{

    padding-left:32px;

}

.process-line{

    left:12px;

}

.process-pin{

    left:-28px;

}

.process-card{

    padding:16px;

}

.process-number{

    font-size:22px;

}

.process-card h4{

    font-size:16px;

    line-height:24px;

}

.process-card p{

    font-size:12px;

    line-height:20px;

}

}

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

    transition:.35s ease;

}
/* Ends here */