*{box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{margin:0;background:#EDF1F8;font-family:'Plus Jakarta Sans',system-ui,sans-serif;}
  h1,h2,h3,h4{font-family:'Space Grotesk','Plus Jakarta Sans',sans-serif;}
  ::selection{background:#2D5BFF;color:#fff;}
  input,textarea,button{font-family:inherit;}
  @keyframes riseUp{from{transform:translateY(20px);}to{transform:none;}}
  @keyframes shimmer{0%{background-position:200% 0;}100%{background-position:-200% 0;}}
  @keyframes glowPulse{0%,100%{opacity:.45;}50%{opacity:.8;}}
  @keyframes spinGlow{from{transform:translate(-50%,-50%) rotate(0deg);}to{transform:translate(-50%,-50%) rotate(360deg);}}
  [data-reveal][data-shown]{animation:riseUp .7s cubic-bezier(.16,1,.3,1) both;}
  [data-cases-vp]{scrollbar-width:none;-ms-overflow-style:none;}
  [data-cases-vp]::-webkit-scrollbar{display:none;}
  [data-tst-vp]{scrollbar-width:none;-ms-overflow-style:none;}
  [data-tst-vp]::-webkit-scrollbar{display:none;}
  [data-m="cases"] > div{flex:0 0 calc((100% - 44px)/3);scroll-snap-align:start;}
.statsbx {
    min-height: 135px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.data_reveal:hover ,.whygrid_lst:hover{
    background: #2D5BFF !important;
}
.proofrsltslst {
    height: inherit;
    margin: 0 10px;
}
.proofrsltslst_slider .slick-track{
    display: flex;
}

.data_reveal:hover h3,.data_reveal:hover p,.data_reveal:hover a,.whygrid_lst:hover h3,.whygrid_lst:hover p,.whygrid_lst:hover a{color: #fff !important;}
.bnrpointrs_flx {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;padding-bottom: 15px;
}
.cmn_ppup_wrp .checked li,.cmn_ppup_tsti li p{font-size: 12px;}
#project_idea_preview {
    padding: 10px !important;
    font-size: 12px !important;font-weight: 600 !important;
    word-wrap: break-word;
    height: 60px;
    overflow: auto;
}
.roicta_flx {
    max-width: 1240px;padding: 0 24px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.roigrid_mn{width: 32%;}
.roi_hdng {width: 65%;}
.roi-card .slider_movng {
    position: relative;
    background: #ffffff50;
    width: 100%;
    height: 1px;
    display: inline-flex;
}

.roi-card.slick-current.slick-active .slider_movng:before {
    position: absolute;
    content: "";
    inset: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    animation: moveLeftToRight 4.5s linear infinite;
}
.hero_text textarea::-webkit-scrollbar{
width: 0;
}
@keyframes moveLeftToRight{
0%{width:0%}
100%{width:100%}
}
.roigrid .slick-dots {
    margin-top: 8px;
    gap: 5px;
    justify-content: flex-start;
}
.roigrid .slick-dots button {
    background: #ffffff60;
    width: 5px;
    height: 5px;
}
.roigrid .slick-dots li.slick-active button {
    width: 30px;
    height: 5px;
    border-radius: 10px;
    background: var(--c_white);
}
.indstrs_accrdn_bx:not(:last-child) {
    border-bottom: 1px solid #9f9f9f;
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.indstrs_accrdn_inrlst li:not(:last-child) {
    margin-bottom: 10px;
}

.indstrs_accrdn_inrlst li {
    font-size: 13px;
    line-height: normal;display: flex;align-items:flex-start;gap: 5px;    color: #2A3142;font-weight: 500;
}
.indstrs_accrdn_inrlst li:before {
    position: relative;
    content: "";
    background-image: url('https://media.apptunix.com/wp-content/uploads/2025/05/23074454/southafrica-right.png');
    filter: brightness(0) saturate(100%) invert(38%) sepia(80%) saturate(5698%) hue-rotate(223deg) brightness(100%) contrast(101%);
    width: 14px;min-width: 14px;
    height: 8px;
    background-size: contain;
    background-repeat: no-repeat;top: 5px;
}
.ukindstrs_scmbl{display: none;}
.indstrs_accrdn_inrlst {
    margin-bottom: 25px;
}
.ltside_conta_iner {
    max-width: calc(100% - (100% - 1240px) / 2);
}
.portfolio10_sc .conta_iner ,.home_awards_sc .conta_iner{
    width: 92%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 0 24px;
}
.cm_white_mode .faq_grid .accordn_bx .panel-title::after{top: 25px;}
@media (min-width:1400px) and (max-width:1600px) {
    .hero_text {
    padding-bottom: 30px !important;
}
.brands_mnotr{padding-top: 25px !important;}
.nv_spc {
    padding-top: 105px;
}
.aspctrto_mbl{width: 215px !important;}
.bnrpointrs_flx{padding-bottom: 25px;}
}
@media (min-width:1200px) and (max-width:1400px) {
.industry-screen-content > div {
    top: -25px !important;
    aspect-ratio: 80 / 150 !important;
}
.clutch_mn,.brands_logo{zoom: 0.88;}
.nv_spc {
    padding-top: 85px;
}
}
@media (min-width:1200px) {
.home_awards_sc {
    padding-bottom: 120px;
}
.indscreen {
    margin-top: -20px;
}
}
  @media (max-width:1600px) {
      /* .bnr_screens{zoom: 0.9;} */
          .brands_mnotr{zoom: 0.85;}
          .hero_text h1{font-size: 50px !important;}
  }
  @media (max-width:1400px) {
    .brands_mnotr{zoom: 0.8;}
    .hero_text p{font-size: 18px !important;margin: 0 0 20px !important;max-width: 100% !important;}
     .hero_text h1{text-wrap: unset !important;}
     /* .hero_text h1 span.br{display: initial;} */
    /* .bnr_screens{zoom: 0.8;} */
    .hero_text{zoom: 0.9;}
    #industry-items-list li{font-size: 14px !important;}
    .portfolio10_grid .portfolio10_slide.mbl_img.vrbo figure.nav_portfolio_img{max-width: 300px;
    bottom: -20px;}
    .proofrsltslst p{font-size: 18px !important;}
    .herocard {
    right: 50px;
}
.proofrsltslst{margin: 0 5px;}
.hero_text h1{font-size: 65px !important;}
.hero_text p{font-size: 20px !important;}
  }
  @media (max-width:1300px) {
    .hero_text {
        zoom: 0.85;
    }
  }
  @media (max-width:1200px) {
    .portfolio10_sc .conta_iner, .home_awards_sc .conta_iner{width: 100%;}
  }
  @media (max-width:880px){
    .industry-screen-content > div{
            aspect-ratio: 120 / 200 !important; 
    }
    /* .roi_hdng h2{width: 100%;} */
    .bnrpointrs{flex-wrap: wrap;gap: 5px !important;justify-content: center;}
    .bnrpointrs > div {
    font-size: 12px !important;
}
.roi_hdng{text-align: center;align-items: center;}
.bnrpointrs_flx{gap: 15px;}
    .statsbx {min-height: auto;}
    .hero_text {
        zoom: 1;
        text-align: center;
    }
    .ukbtn_mn{justify-content: center;}
    .portfolio10_sc .s_h h2{font-size: 26px;}
    [data-m="hero"]{grid-template-columns:1fr !important;gap:30px !important;padding:0px 5px 30px !important;min-height:auto !important;}
    [data-m="herotext"]{margin-top:0 !important;}
    [data-m="herocard"]{align-items:center !important;}
    [data-m="why"]{grid-template-columns:1fr !important;gap:40px !important;}
    [data-m="whygrid"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
    [data-m="feature"]{grid-column:span 2 !important;grid-template-columns:1fr !important;gap:26px !important;}
    [data-m="why"] > div:first-child{position:static !important;}
    [data-m="grid2"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}

    [data-m="cases"] > div{flex:0 0 calc((100% - 22px)/2) !important;}
    [data-m="grid2"]{grid-template-columns:1fr !important;}
    [data-m="contact"]{grid-template-columns:1fr !important;gap:40px !important;}
    [data-m="steps"]{grid-template-columns:repeat(2,1fr) !important;gap:40px 18px !important;}
    [data-m="stepline"]{display:none !important;}
    [data-m="statsband"]{grid-template-columns:1fr !important;}
    [data-m="heroawards"]{grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
    [data-m="techrow"]{flex-direction:column !important;align-items:flex-start !important;gap:16px !important;padding: 10px !important;}
    [data-m="techlabel"]{width:auto !important;}
    [data-m="industries"]{grid-template-columns:1fr !important;gap:32px !important;}
    [data-m="engtabs"]{grid-template-columns:1fr !important;}
    [data-m="indscreen"]{display:flex !important;}
    [data-m="indlist"]{grid-template-columns:1fr !important;}
    [data-m="statsimg"]{min-height:240px !important;}
    .hero_text h1{font-size: 26px !important;}
    .hero_text p{font-size: 14px !important;margin-bottom: 15px !important;}
    .herospn_txt{font-size: 11px !important;}
    .ukstats_grid > div{
      padding: 15px 10px !important; 
    }
    .hdng_nmbr {
      font-size: 24px !important;
    }
    .cntnt_stats {
    font-size: 12px !important;
}
.whtwebuild_sc {
    padding: 40px 24px 0 !important;
}
.whtwebuild_sc > div{
      margin: 0 auto 30px !important;gap: 10px !important;
}
.data_reveal {
    padding: 20px 15px !important;
}
.data_reveal > div ,.whygrid_lst > div{
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 10px !important;gap: 10px !important;
}
.data_reveal h3,.whygrid_lst h3{font-size: 18px !important;}
.data_reveal p{font-size: 13px !important;line-height: 1.45 !important;margin: 0 0 15px !important;}
.whygrid_lst p{
  font-size: 14px !important;line-height: 1.45 !important;
}
#industry-items-list li{margin-bottom: 0; font-size: 12px !important;gap: 5px !important;}
#industry-items-list li > :has(svg){width: 15px !important;height: 15px !important;}
#industry-items-list{gap: 5px 15px !important;}
.ukindstrs_inr {
    padding: 40px 20px 10px ! IMPORTANT;
}
.ukindstrs_inr > div {
    margin-bottom: 30px !important;display: flex !important;flex-direction: column;gap: 25px !important;
}
.whygrid_lst {
    padding: 20px 15px !important;
}
.whygrid{gap: 10px !important;}
.whychs_scinr {
    padding: 40px 24px !important;
}
.proofrsltslst {
    padding: 20px !important;
}
.proofrsltslst p {
    font-size: 14px !important;
    margin: 0 0 10px !important;
}
.proofrsltslst > div {
    margin: 0 0 15px !important;
}
.proofrslts_sc {
    padding: 40px 24px !important;
}
.ftrctainr {
    padding: 30px 24px !important;
}
.ftrctainr p {
    font-size: 14px !important;
    margin-bottom: 20px !important;
}
.ftrctainr h2 {
    margin-bottom: 10px !important;
}
.ukbtn{padding: 12px 20px !important;font-size: 14px !important;}
.stacks_inr ,.Engagement_modelsinr{padding: 40px 24px !important;}
.Engagement_modellst:nth-child(1){padding: 35px 15px 20px !important;}
.Engagement_modellst {
    padding: 20px 15px !important;
}
.Engagement_modellst p{font-size: 13px !important;}
/* .roigrid{
    gap: 10px !important;
    grid-template-columns: repeat(2, 1fr) !important;
} */
.roi-logo-wrap{width: 70px;height: auto !important;margin-bottom: 15px !important;}
/* .roigrid_mn{padding-bottom: 40px !important;} */
.roi-logo-wrap img{object-fit: contain;}
.industry-items-listmn{
    order: -1;
}
.indscreen{order: -2;}
.scrren_cntr{margin: 0 auto;}
.indstrs_hdng{
    gap: 0 !important;
}
.roi_hdng{width: 100%;}
.roigrid_mn{width: 100%;}
.roicta_flx{gap: 20px;}
  }
  @media (max-width:600px){
    [data-m="trust"]{grid-template-columns:1fr !important;}
    [data-m="trust"] > div{border-right:none !important;border-bottom:1px solid #ECEEF3;}
    [data-m="trust"] > div:last-child{border-bottom:none;}
    [data-m="steps"]{grid-template-columns:1fr !important;gap:30px !important;}
    [data-m="cases"] > div{flex:0 0 100% !important;}
    [data-m="whygrid"]{grid-template-columns:1fr !important;}
    [data-m="feature"]{grid-column:auto !important;}
    [data-m="statsgrid"]{grid-template-columns:1fr !important;gap:10px !important;padding: 15px 10px !important;}
    [data-screen-label] h2{font-size:24px !important;}

    .ftrctainr h2{font-size: 22px !important;}
    [data-m="statsimg"] {
    min-height: 145px !important;
  }
  span.awrdedby {
    font-size: 10px !important;
}
.brands_logo {
    gap: 20px 30px !important;
}
.brands_logo img {
        max-width: 75px !important;
        height: 50px !important;margin: 0 10px !important;
    }
.clutch_mn{gap: 10px !important;justify-content: center; flex-wrap: nowrap !important;}
.brands_logo img:nth-child(4){height: 45px !important;}
.clutch_mn img {
    max-width: 80px;
    height: 20px !important;
}
.hero_text textarea{
  padding:5px 0px 0 10px !important;    max-height: unset !important;
}
.hero_text form button{width: 35px !important;height: 35px !important;}
.ppclead-modalinr{padding: 20px !important;}
.ppclead-modal h3{font-size: 18px !important;}
.testi_btn{
    position: absolute;right: 0;left: 0;margin: auto;justify-content: center !important;bottom: 20px;margin-bottom: 0 !important;
}
.portfolio10_sc .s_h h2{font-size: 24px;}
.ukindstrs_sc{display: none;}
.ukindstrs_scmbl{display: block;}
  } 

/* Nav PPC */
.mega_menu>li:not(:nth-child(2)),nav.nav_bar .btn.enterprs{display:none}
nav.nav_bar .btn{--shiny-cta-bg:#000000;--shiny-cta-bg-subtle:#006eef;--shiny-cta-fg:#ffffff;--shiny-cta-highlight:#006eef;--shiny-cta-highlight-subtle:#006eef;--duration:3s;--shadow-size:2px;isolation:isolate;position:relative;overflow:hidden;outline:0;border:1px solid transparent;color:var(--shiny-cta-fg);box-shadow:inset 0 0 0 1px var(--shiny-cta-bg-subtle);animation:gradient-angle linear infinite var(--duration);background:linear-gradient(45deg,#006eef,var(--shiny-cta-bg)) padding-box,conic-gradient(from var(--gradient-angle),transparent,var(--shiny-cta-highlight) var(--gradient-percent),var(--gradient-shine) calc(var(--gradient-percent) * 2),var(--shiny-cta-highlight) calc(var(--gradient-percent) * 3),transparent calc(var(--gradient-percent) * 4)) border-box;color:#fff}
nav.nav_bar .btn.btn-white:not(.br)::after{filter:brightness(0) invert(1)}
@media (max-width: 1200px) {
    .site_hamburgur {
        display: none;
    }
}
@media (max-width: 600px) {
.mrktplc_prtfolio {
    display: block;
    color: #000;
    font-size: 14px;
}
.aspctrto_mbl{
    width: 260px !important;
    max-width: 60vw !important;
}
.tchstck_logo > div {
    width: 48% !important;
    height: 55px !important;
    padding: 5px !important;
}
.tchstck_logo {
    width: 100%;gap: 10px !important;
}
.tchstck_logo > div img {
    object-fit: contain !important;
    width: 100% !important;
    height: auto !important;
    max-height: 40px !important;
}
.tchstck_logo > div img.aws{max-height: 25px !important;}
.tchstck_logo > div img.lwwidth{
        width: 65px !important;
}
.tchstck_logo > div img.mysql{
        max-height: 55px !important;
}
.indstrs_accrdn_cntnt a {
    margin: 20px auto 0;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}
.indstrs_accrdn_bx h3 {
    font-size: 15px;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.indstrs_accrdn_inrlst li{font-size: 12px;}
.indstrs_accrdn_cntnt{margin-top: 20px;}
li.indstrs_accrdn_bx h3:after {
    position: relative;
    content: "";
    background-image: url('https://media.apptunix.com/wp-content/uploads/2024/11/04062313/arrow_gitex.svg');
    width: 6px;min-width: 6px;
    height: 10px;
    transform: rotate(90deg);
    background-size: contain;
}
li.indstrs_accrdn_bx h3.active:after {
    transform: rotate(-90deg);
}
.ukindstrs_inr .indstrs_hdng{gap: 0 !important;}
.scrren_cntr {
        margin: 0 auto;
        width: 200px !important;
        aspect-ratio: 77.8 / 160.9 !important;
    }
.awdrd_otr {
    flex-direction: column !important;
    justify-content: center;
    width: 100%;
}
.awrdedby_mn {
    width: 100% !important;
}
.iso_mn {
    justify-content: center;
    width: 100%;
}
.clutch_mn div:has(svg) svg {
    width: 12px !important;
}
.clutch_mn div:has(svg) div {
    gap: 0 !important;
}
.clutch_mn > div {
    gap: 5px !important;
}
.clutch_mn{justify-content: space-between !important;gap: 40px !important;}
.awrdedby_mn > div{width: 50% !important;justify-content: center;}
.herocard {
        right: 0;
    }
    .roi-card{text-align: center;}
    .roi-logo-wrap{justify-content: center;margin: 0 auto;}
    .roigrid .slick-dots{justify-content: center;}
}
/* Nav PPC */