.mobmenu{display: none;}
/* responsive */
@media all and (max-width: 768px),
only screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min--moz-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (max-width: 1024px),
only screen and (min-device-pixel-ratio: 2) and (max-width: 1024px),
only screen and (min-resolution: 192dpi) and (max-width: 1024px),
only screen and (min-resolution: 2dppx) and (max-width: 1024px) {
img{max-width: 100%;}
.help-lft, .f_leftcontent h3, .f_link, .f_rght .ailogof{display: none;}
.experttalk{padding:0 0 30px 0px;}
.expertcard img {
  float: none;
  margin-right: 0;
  max-width: 100%;
  margin-bottom: 15px;
}
.whatwedo .wrappp{background-size: contain;}
.whatwecard img{width: 100%; height: 100%;}
.help-rgt {
  display: block !important;
  margin-bottom: 5px;
}
.fullheader{
    background-color: #040126;
    min-height: auto;
    padding-bottom: 30px;
    padding-top:0px;
    text-align: left;
}
.atificalint{padding-top: 0;}
.lftartificant {
  padding-bottom: 20px;
}
.casestudyslide .owl-nav{display: none;}
.fullheader h2{font-size: 26px !important;  padding: 20px 0 20px 0; text-align: left; font-weight: 700;}
.fullheader h3{color: #fff;}
.innerpagecontent h3 {font-size: 20px;}
.innerpagecontent p {font-size: 16px; display: none;}
.topphonenum a{display: none;}
.experttalk h2, .industryexcell h2, .howwecanhelp h2, .lftartificant h2, .impact-story h2, .whyplantstrugle h2,.howmanufactureex h2, .whatmanufacture h2, .whatmanufactab h2, .realworldmanufac h2, .manufacstackholder h2, .realtimeusecase h2, .realbusinessimpact h2{font-size: 28px;}  
.impact-story{padding-top: 15px;}
.blog-articlies h2 a{margin-top: 20px; float: none;}
.blog-articlies h2{text-align: left; font-size: 30px;}
.blog-artcard{width: 100%; text-align: left;}
.whatdolft{padding-top: 30px;}
.whatwecard{width: 100%;
    padding: 20px;
    min-height: auto;
    border-top: 1px solid #353535;}
.whatdobtn {padding-top: 20px; margin: 0;}
.induscard, .helpcard{width: 100%;}
.rgtcard{display: block;}
.rgtcard img{width: 100%; margin-bottom: 20px;}
.rgtcard p{padding-top: 0;}
.rgtcard p a{margin-top: -20px;}
.headertab ul{flex-wrap: wrap; justify-content: left; gap: 15px;}
.headertab ul li{flex-shrink: 0; text-align: left;}
.bannerplaycall {text-align: left; margin-top: 20px;}
/* ====== Menu ==== */
.fullheader nav {
  position: relative;
  padding: 15px 20px;
}

/* Default horizontal menu */
.fullheader nav ul {
  list-style: none;
  display: flex;
  gap: 25px;
}

.fullheader nav ul li a {
  text-decoration: none;
  color: #333;
}
.fullheader nav ul li ul li a {padding: 10px;}
/* Show hamburger */
  .menu-icon {
    display: block;
    position: absolute;
    top: -40px;
    right: 0;
    color: #fff;

  }
.menu-icon {
  font-size: 26px;
  cursor: pointer;
  user-select: none;
}

/* Default hamburger */
.menu-icon::before {
  content: "\2630"; /* ☰ */
}

/* When menu open → close icon */
#menu-toggle:checked + .menu-icon::before {
  content: "\2715"; /* ✖ */
}

  /* Hide menu initially */
  .fullheader nav ul {
    display: none;
    flex-direction: column;
    background: #fff;
    /* position: absolute;
    top: 55px;
    left: 0;
    right: 0; */
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
    z-index: 999;
  }

  /* Show menu when checkbox checked */
  #menu-toggle:checked ~ ul {
    display: block;
  }

  .fullheader nav ul li {
    padding: 10px 0;
  }
  /* ====== Menu end==== */
  .mobmenu {
  position: absolute;
}
}
@media (min-width: 1024px) and (max-width: 1300px) {
  .fullheader{min-height: 750px;}
  .posbtm {margin-top: 500px;}
  .case-descrip h3{font-size: 16px;}
  .casestudycard p{font-size: 13px; min-height: 85px;}
  .helpcard p{ font-size: 15px; min-height: 64px;}
  .whatdobtn a.showbtn, .whatdobtn a{font-size: 16px;}
  .rgtcard p{font-size: 14px;}
  .rgtcard h3 {font-size: 24px;}
  .whatwecard{padding-top: 106px;}
  .expcontent p{font-size: 15px;}
  .blog-artcard p{font-size: 16px;}
  .blog-artcard h3{font-size: 20px; font-weight: 400;}
  nav ul li {font-size: 16px;}
  .whatdolft p{font-size: 18px; padding-top: 28px;}
  .mobscrolldata {padding-right: 32%;}
  }
@media (min-width: 1300px) and (max-width: 1500px) {
  .fullheader{min-height: 570px;}
  /* .atificalintnew{margin-top: 420px;} */
}
@media only screen and (max-width: 1024px) {}

@media only screen and (max-width: 992px) {
h2{font-size: 38px !important;}
.manufactwrap{display: block;}
.manufactratio{
    width: 94%;
    flex-wrap: wrap;
    justify-content: left;
    height: auto;
    padding: 20px;
    gap: 20px;
    bottom: 0;
  }
.manufacexcell video {
    width: 140%;
    height: 850px;
    object-fit: cover;
    filter: blur(1px);
}
.manufacexcell{overflow: hidden;}
.manufaleftcontent, .manufalrightcontent{width: auto;}
.baslideleftcontent{border-radius: 20px 20px 0 0;
  padding: 40px;
  margin-bottom: -20px;
  z-index: 9;
}
  .titabs br { display: none;}
.operationalexcellence{padding: 20px 0;}
.manufalrightcontent{padding: 50px 0 0 0;}
.temppic {float: none; margin-top: 20px;}
.manufaleftcontent{position: inherit;}
.manufacexcell .container{bottom: 60px;}
.manufactratiocard{
  width: 46%;
  justify-content: left;
}
.usecasedescription.active {
  background: #000048;
  margin-top: -10px;
  padding: 10px;
  padding-bottom: 10px;
  padding-bottom: 1px;
}
.usecasedescription.active h4{display: none;}
.usecasebox.active {
  border: 0;
  padding-bottom: 0;
}
.usecasebox.active::after{display: none;}
.whatmanufactabdescription{height: auto;}
.whatmanufactabdescription{border-radius: 0;}
.whatmanufactabdescription {
  display: none;
}

.whatmanufactabdescription.active {
  display: block;
}
 .usecasedescription.active {
    display: block;
  }
  .usecasedescription {
    margin-bottom: 10px;
  }
.whyplantstrugle{padding-top: 840px;}
.innerheader .posbtm {margin-top: 30px;}
.innerheader .headertab ul li{font-size: 14px;}
.realworldmanufac{background-size: cover; height: 100%;}
.howmanbox, .realworldcard{width: 100%;}
.realworldcard {
    width: 47.5%;
    font-size: 16px;
  }
.realwordwrap{justify-content: center;}
.mobmenu{display: block;}
.mainmenu{display: none;}
.mobmenu ul.moblist{position: absolute;
    width: 100%;
    left: auto;
    right: 0;
    top: 5px;
  padding:0 20px !important; height: 100vh;}
  /* ===== Mobile menu css === */
 .mobmenu ul {
    list-style: none;
    padding: 0;
    margin: 0;
  }

  .mobmenu ul ul {
    /* display: none; */
    background: #f7f7f7;
  }

  .mobmenu li {
    position: relative;
    border-bottom: 1px solid #ddd;
  }

  .mobmenu a {
    display: block;
    padding: 12px 40px 12px 15px;
    text-decoration: none;
    color: #222;
  }

  .arrow {
    position: absolute;
    right: 12px;
    top: 22px;
    cursor: pointer;
    transition: transform 0.3s;
    background: url(../images/menu-downarrow.png) 0 0 no-repeat;
    font-size: 0;
    width: 20px;
    height: 11px;
  }

  .open > .arrow {
    /* transform: rotate(180deg); */
    background: url(../images/menu-uparrow.png) 0 0 no-repeat;
        width: 20px;
    height: 11px;
  }

  .mobmenu ul ul a { padding-left: 30px; }
  .mobmenu ul ul ul a { padding-left: 45px; }
  /* ===== Mobile menu css end=== */
.moblist{padding:0 !important;}
.moblist li.active a, .moblist li:hover a{background-color: inherit;}
.moblist li.active, .moblist li:hover{border-color: #1694E2;}
.moblist li{padding: 0 !important; margin: 0 !important;}
.moblist ul{padding: 0 !important;}
.mobmenu ul li ul li .arrow{background: url(../images/sub-downarrow.png) 0 0 no-repeat; width: 11px; height: 7px;}
.mobmenu ul li ul li.open > .arrow{background: url(../images/sub-uparrow.png) 0 0 no-repeat; width: 11px; height: 7px;}
.mobmenu ul li a{font-size: 18px; color: #000; font-weight: 500;}
.mobmenu ul li ul li a{font-size: 16px; color: #383838;}
.mobmenu ul li.open ul{border-top: 4px solid #63B1FF;}
.mobmenu ul li ul li ul{background: #E7F3FF;}
.mobmenu ul li ul li ul li{padding-left: 10px !important;}
}


@media only screen and (max-width: 768px) {
  .fullheader video{filter: contrast(0.5) brightness(0.60);}
  .howwecanhelp .container{padding-left: 10px;}
  .casestudy{position: relative; left: auto; right: auto;}
  .showdesk{display: none;}
  .showmob{display: block;}
  .posbs{top: 50px;}
  .posbtm {margin-top: 350px;}
  .headertab ul li{padding: 6px 15px; margin-bottom: 0px;}
   .bannerplaycall {margin-top: 50px;}
   .casestudy{margin-top:-440px;}
   .showacccard .whatwecard { width: 100%;}
   .help-rgt img {width: 100%;}
   /* .mobscrolldata{max-height: 480px; overflow-y: auto;} */
   .howwecanhelp, .industryexcell, .casestudy{padding: 20px 0;}
   .story-rgtcontent h3{padding-top: 15px; padding-bottom: 0; font-size: 22px;}
   .storycard img{width: 100%;}
   .storyright{border: 0;}
   .blog-artcard img{width: 100%;}
   .storyright{height: 260px;}
   .casestudycard p{min-height: auto;}
   .storyright{padding-left: 0;}
   .casestudy .container{padding: 0 20px;}
   .atificalintnew .lftartificant h2 {font-size: 34px; text-align: center;}
   .atificalintnew .lftartificant p {font-size: 20px; font-weight: 500; text-align: center;}
   .induscard img {width: 100%; margin-bottom: 20px;}
   .whatwedocard{width: 326px; margin: 0 auto;}
   .whatwedocard .whatwedocontent{top: auto; bottom: 0;}
   .atificalintnew{padding-top: 0; padding-bottom: 0; margin-top: 0;}
   .casestudyslide{padding-bottom: 0;}
   .artificialvid {margin-bottom: 0; width: 100%; display: none;}
   .artificialvid img{width: 100%;}
   .artificialwrap{display: block;}
   .artificright{width: auto;}
   .artifitabhover{padding-top: 20px; position: relative; height: auto;}
   .artificialtab{width: 100%;}
   .whatwedo{padding: 20px 0;}
   .realbox{width: 100%;}
.whatwedowrap {position: relative;  overflow: hidden;}

  .whatwedocard {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    pointer-events: none;
  }

  .whatwedocard.active {
    opacity: 1;
    pointer-events: auto;
    position: relative;
  }

  /* Dots */
  .slider-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 12px;
  }

  .slider-dots span {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #cfcfcf;
    transition: background 0.3s;
  }

  .slider-dots span.active {
    background: #333;
  }
  .headerslidecard img.showdesk{display: none;}
  .storyright {
    position: relative;
    overflow: hidden;
  }

  .storycard {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    pointer-events: none;
  }

  .storycard.active {
    opacity: 1;
    pointer-events: auto;
    position: relative;
  }

  /* Dots */
  .slider-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 12px;
  }

  .slider-dots span {
    width: 20px !important;
    height: 5px !important;
    background: #525252;
    border-radius: 20px !important;
    cursor: pointer;
    transition: background 0.3s ease;
  }

  .slider-dots span.active {
    background: #F15A29 !important;
  }
footer {
  text-align: center;
}
.businesscardwrap {
    position: relative;
    overflow: hidden;
  }

  .busimpactcard {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    pointer-events: none;
  }

  .busimpactcard.active {
    opacity: 1;
    pointer-events: auto;
    position: relative;
  }
  .howmancard {
    position: relative;
    overflow: hidden;
  }

  .howmanbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    pointer-events: none;
  }

  .howmanbox.active {
    opacity: 1;
    pointer-events: auto;
    position: relative;
  }
  .realtimewrap {
    position: relative;
    overflow: hidden;
  }

  .realbox {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
    pointer-events: none;
  }

  .realbox.active {
    opacity: 1;
    pointer-events: auto;
    position: relative;
  }
  .manufacstackholder{padding: 20px 0;}
  .whatmanufactabdescription h4{padding-right: 0;}
  .whatmanufactabcard.active{margin-bottom: 0;}
  .erdoednorep img{max-width: 100%;}
.erdoednorep, .businesscardwrap{
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
.erdoednorep h3.autonecktxt{
  width: 100%;
    text-align: center;
    flex-shrink: inherit;
    display: block;
}
.realretail .businesscardwrap .busimpactcard{width: auto;}
.decisscard{width: 100%;}
.businesscardwrap{display: block;}
.videotextwatch .watchpatch {
  position: relative;
  top: auto;
  right: 0;
}
.retwhylist img, .autonectretaretnbox ul li img {
  display: block;
  float: left;
  margin-right: 10px;
}
.retwhylist ul{margin-bottom: 0;}
.whystruglrgt h3{text-align: center; padding-top: 15px;}
.erpretaretnbox{border-right: 0;}
.erdoednorep{text-align: center;}
.buttonswrap.btnbreak {padding-top: 0; text-align: center;}
.buttonswrap.btnbreak a {font-size: 15px;}
.retexcxontent h3, .erdoednorep h3{text-align: center; font-size: 28px;  padding-top: 10px;}
.retexcxontent img {display: block;  margin: 0 auto;}
.retailexdeliv h2{font-size: 18px;}
.retailexdeliv h3, .retailexdeliv h4{font-size: 16px; min-height: auto;}
.buttonswrap .reqdemobtn {font-size: 16px;}
.decisscard h3{padding: 20px;}
.induscard{display: block;}
.induscard .induscontent {padding: 0 10px;}
.operationalcard{display: block; width: 100%;}
.operationalcontent {padding-top: 10px;}
.explorestory{padding-bottom: 0; padding-top: 30px;}
.operationalcard img{width: 100%;}
.baslidebox{display: block;}
.baslideleftcontent{width: auto;}
.blog-articlies .container .titabs{position: relative; left: auto;}
.blog-articlies{padding-top: 30px;}
.basliderightcontent{width: auto;}
.blogarticlecard{display: block;}
.blog-articlies .getmoreblogbtn{position: relative; margin-bottom: 15px; left: auto;}
.blogarticlslide{height: 840px;}
.mobscrolldata{width: 100%;
    padding: 0;
    flex-shrink: inherit;}
.slider-controls{bottom: 0; left: 0; right: 0; margin: 0 auto; text-align: center;}
.experttalk .owl-nav{right: 0; left: 0; margin: 0 auto;}
.exploslider .owl-nav{top: 10px;}
.explorestory h2 {padding-bottom: 20px;}
.industrypan .induscard:last-child {padding-bottom: 0;}
.induscontent h3 {font-size: 26px; font-weight: 600;}
.industrypan .induscard:nth-child(odd) .induscontent{text-align: left;}
.industrypan .induscard:nth-child(odd) .induscontent a.morearrowbtn{left: auto; right: 0;}
.industrypan .induscard:nth-child(odd) .induscontent a.morearrowbtn img{ transform: rotate(180deg);}
.help-rgt-track {
    display: flex;
    width: 100%;
  }

  .help-rgt {
    flex:0 0 95.5%;
    width: 100%;
  }
  .artificialwrap {
    /* display: flex;
    flex-direction: column; */
  }

  .artificleft {
    width: 100%;
    padding-top: 50px;
  }

  .artificright {
    order: 2;
  }
.artificialcontent {
  padding-top:440px;
}
.artificialleftcard img{
    right: 0;
    bottom: auto;
    left: auto;
    max-width: 40%;
    top: 145px;
  }
  .artificialleftcard img.artpia {
  left: auto;
  bottom: 0;
  max-width: 70%;
}
  /* Hide all slides */
  .artificialleftcard,
  .artificialtab {
    display: none;
    opacity: 0;
  }

  /* Show active slide */
  .artificialleftcard.active,
  .artificialtab.active {
    display: block;
    opacity: 1;
  }

  .artificialleftcard {
    margin-bottom: 0;
  }

  .artificialtab {
    margin-bottom: 10px;
  }

  /* Smooth transition */
  .artificialleftcard,
  .artificialtab {
    transition: opacity 0.4s ease;
  }

  /* ==========================
     PAGINATION DOTS
  ========================== */
  .artificial-dots {
 display: flex;
    justify-content: center;
    gap: 8px;
    text-align: center;
    width: 100%;
    margin-bottom: 20px;
  }

  .artificial-dots .dot {
    width: 10px;
    height: 10px;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
    transition: background 0.3s ease;
  }

  .artificial-dots .dot.active {
    background: #000;
  }
.dot {
    width: 30px !important;
    height: 5px !important;
    background: #525252;
    border-radius: 20px !important;
    cursor: pointer;
    transition: background 0.3s ease;
  }

.dot.active {
    background: #F15A29 !important;
  }
  .aiwrap{flex-wrap: wrap;}
  .aileftcontent{order:2; width: 100%; padding: 0 15px 15px 15px;}
  .aiwrap img{order: 1; width: 100%; border-radius: 0; max-height: 150px;}
  .aifirstyourbus h2{padding-bottom: 30px; padding-top: 0;}
  .aislideitem{height: 560px;}
  .ai-slider{height: 600px;}
   .ai-slider {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
  }

  .aislideitem {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: transform 0.45s ease;
  }
.aifirstyourbus{padding-bottom: 0; margin-top: 15px;}
  /* ==========================
     PAGINATION DOTS
  ========================== */
  .ai-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 40px;
  }

  .ai-dots .dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #ccc;
    cursor: pointer;
    transition: background 0.3s ease;
  }

  .ai-dots .dot.active {
    background: #000;
  }
   .operationalwrap {
    position: relative;
    width: 100%;
    overflow: hidden;
  }

  .operationalcard {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    flex-shrink: 0;
    will-change: transform;
    transition: transform 0.4s ease;
  }

  /* Pagination dots */
  .operational-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 16px;
  }

  .operational-dots .dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #ccc;
    cursor: pointer;
    transition: background 0.3s ease;
  }

  .operational-dots .dot.active {
    background: #000;
  }
  .baslideleftcontent h3{font-size: 27px;}
  .toppos{padding-bottom: 0;}
  .headerslidecard{top: 100px;}
  .exploslider .owl-nav, .experttalk .owl-nav{display: none;}
  .owl-dots{display: block;
    text-align: center;
    padding-top: 20px;
    clear: both;}
  .owl-dot{width: 30px !important;
    height: 5px !important;
    background: #525252;
    border-radius: 20px !important;
    cursor: pointer;
    transition: background 0.3s ease; border: 0; margin:0 3px;}
  .owl-dot.active {
    background: #F15A29 !important;
  }
  .dot-pagination {
  display: flex;
  gap: 8px;
  align-items: center;
}

.dot-pagination button {
 width: 30px !important;
    height: 5px !important;
    background: #525252;
    border-radius: 20px !important;
    cursor: pointer;
    transition: background 0.3s ease; border: 0; margin:0 3px;
}

.dot-pagination button.active {
 background: #F15A29 !important;
}
.slider-controls .counter, .slider-controls button.prev-btn, .slider-controls button.next-btn{display: none;}
.dot-pagination{display: block;}
.artifitabhover{padding: 15px 0 0 0;}
.artificialtab p{min-height: 110px;}
.operationalcontent h3 {min-height: 78px;}
.explorecard h3 {min-height: 120px;}
.artilftcardcontex{bottom: 30px;}
.casestudy{padding-bottom: 0;}
.artificialrightwrap{padding-bottom: 20px;}
}


@media only screen and (max-width: 560px) {}


@media only screen and (max-width: 480px) {}


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


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