body {
  font-family: "Poppins", sans-serif !important;
  font-weight: 400;
  color: #45424e;
}
* {
  padding: 0;
  margin: 0;
}

img {
  max-width: 100%;
}

h1 {
  font-size: 36px;
  font-weight: 600;
  line-height: 50px;
}

h2 {
  font-size: 60px; line-height: 128%; color: #000; font-weight: 400; font-family: "Raleway", sans-serif; padding-bottom: 30px;
  margin: 0;
}
h2 strong{font-weight:800;}

h3 {
  font-size: 30px;
  line-height: 123%;
  color: #000;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
}

h4 {
  font-size: 20px;
  font-weight: 300;
}

h5 {
  font-size: 16px;
  font-weight: 300;
  line-height: 32px;
  color: #45424e;
}

p {
  font-size: 14px;
  font-weight: 300;
  line-height: 24px;
  margin-bottom: 0;
}

ul,
li {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

a,
input {
  text-decoration: none;
  outline: none;
}

section {
  padding: 20px 0;
}
.container {max-width: 1336px !important; }
/* ======== Header start ======= */
/* ================ Header slider ======= */
.headerslidecard img{width: 100%;}
.header-slider {
  /* position: relative; */
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
}

.headerslidecard {
  position: absolute;
  top: 150px;
  left: 0;
  width: 100%;
  opacity: 0;
  transition: opacity 0.6s ease;
  z-index: 1;
  background: #000;
}

.headerslidecard.active {
  opacity: 1;
  z-index: 2;
}

.headertab ul li {
  cursor: pointer;
}

.headertab ul li.active a {
  color: #0066ff;
}
.btn-close{z-index: 9;}
.toppos{position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
  border-bottom: 1px solid #373737;
  padding: 30px 0;
}
.topphonenum{display: flex; gap: 20px; justify-content: right;}
.topphno{
  width: 192px;
  height: 48px;
  background: #FF5900;
  border-radius: 50px;
  text-align: center;
  line-height: 48px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}

.topbookdemo{
  width: 192px;
  height: 48px;
  background:none;
  border: 1px solid #FF5900;
  border-radius: 50px;
  text-align: center;
  line-height: 48px;
  color: #FF5900;
  font-size: 18px;
  font-weight: 500;
}
/* ================ Header slider end======= */
.showmob{display: none;}
.fullheader{
  /* background: url(../images/header-bg.png) 0 0 no-repeat; background-size: 100%; padding: 70px 0; */
  min-height: 630px;
}
.fullheader h1{margin: 0;}
.fullheader h2{font-size: 60px;
  line-height: 128%;
  font-weight: 400;
  color: #EBEAF3;
  padding: 0 0 20px 0;
  font-family: "Raleway", sans-serif;
  max-width: 780px;
}
.fullheader h2 span{color: #FF5900;}  
.fullheader h3{font-size: 18px;
  line-height: 150%;
  font-weight: 600;
  color: #ADADAD;
  padding: 0 0;
  max-width: 780px;
}
.fullheader h3 span{font-weight: 500; color: #fff;}
.headerslidecard .container {
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 0;
}
.container.innerbancon {
  top: 180px;
}
.posbs{
  position: absolute;
  top: 0px;
  margin: 0 auto;
  left: 0;
  right: 0;
  z-index: 11;
}
.posbtm{margin-top: 470px;
  z-index: 11;
  position: relative;}
nav ul{display: flex; padding-top: 10px;}
nav ul li{font-size: 17px; font-weight: 400; color: #EBEAF3;  padding: 0 2px;}
nav ul li a{color: #EBEAF3; padding: 10px 12px;}
nav ul li:hover a{background:#F15A29; border-radius: 10px;}
nav ul li.active a{background:#F15A29;}
.headertab{}
.headertab ul{display: flex;}
.headertab ul li{border: 1px solid #9DA2AA;
  font-size: 16px;
  font-weight: 500;
  color: #EBEAF3;
  margin: 0 5px;
  padding: 0px 18px;
  border-radius: 50px;
  line-height: 40px;
  background-color: rgba(40, 40, 40, 0.5);}
.headertab ul li a{color: #fff;}
.headertab ul li:hover, .headertab ul li.active{background: #F15A29; color: #fff; border: 1px solid #F15A29;}
.headertab ul li:hover a, .headertab ul li.active a{color: #EBEAF3;}
.bannerplaycall a{margin: 0 15px; position: relative;}
.bannerplaycall span {
 font-size: 16px;
  color: #000000;
  font-weight: 500;
  line-height: 40px;
  position: absolute;
  background: url(../images/tooltipbg.png) 0 0 no-repeat;
  display: block;
  width: 114px;
  height: 62px;
  text-align: center;
  top: -66px;
  left: -36px;
display: none;}
.bannerplaycall a:hover span {display: block;}
.mainmenu ul li:first-child{padding-left: 0;}
.mainmenu{}
.mainmenu ul{
  /* position: relative; */
}
.mainmenu ul li{position: relative;}
.mainmenu ul li ul{display: none;}
.mainmenu ul li:hover ul{display: block;
  background: #F15A29;
  position: absolute;
  left: 2px;
  right: 0;
  top: 34px;
  width: 283px;
  padding: 10px;
border-radius: 0 10px 10px 10px;}
.mainmenu ul li ul li{padding:0 !important;}
.mainmenu ul li ul li:hover{background: #DA491A; border-radius: 10px;}
.mainmenu ul li ul li a{font-size: 16px;
  font-weight: 400;
  color: #fff;
  background-color: inherit;
  padding: 6px 10px !important;
  display: block;
  line-height: 24px;
  font-family: "Poppins", sans-serif !important;}
.mainmenu ul li ul li:hover a{padding: 0;}
.mainmenu ul li:hover .activesub{border-radius: 10px 10px 0px 0px;}
/* .mainmenu ul li ul li .submenudv{display: none;  background: #F8FAFC; position: absolute; left: 350px; top: 0; padding: 20px; min-height: 512px; width: 850px;}
.mainmenu ul li ul li:hover .submenudv{display: block;}
.mainmenu ul li ul li .submenudv ul, .mainmenu ul li ul li .submenudv .inullist ul li .sundis ul{
  border: 0;
  position: relative;
  left: auto;
  top: auto;
  background-color: inherit;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  gap: 10px;
  height: auto;
}
.mainmenu ul li ul li .submenudv ul li, .mainmenu ul li ul li .submenudv .inullist ul li .sundis ul li{background: #E7F3FF; border: 1px solid #AAD4FF; font-size: 13px; color:#0F172A; border-radius: 8px; padding: 10px 5px !important;}
.mainmenu ul li ul li .submenudv .inullist ul li .sundis ul li a{background-image: none; width: auto; padding: 0 10px;}
.mainmenu ul li ul li .submenudv ul li a{color:#0F172A; background: inherit;}
.mainmenu ul li ul li .submenudv h3{font-size: 26px; font-weight: 500; color: #0F172A; line-height: 110%; padding-top: 10px;}
.mainmenu ul li ul li .submenudv p{font-size: 14px; line-height: 22px; color: #0F172A; font-weight: 400; padding-bottom: 20px;}
.btmimgmenu{float: right; margin-top: 15px;}
.mainmenu ul li ul li .submenudv .inullist{}
.mainmenu ul li ul li .submenudv .inullist ul{display: block; width: 100%;}
.mainmenu ul li ul li .submenudv .inullist ul li{
  display: block;
  background-color: rgba(0, 0, 0, 0);
  background-color: inherit;
  border: 0;
  border-radius: 0;
}
.mainmenu ul li ul li .submenudv .inullist ul li a{background: url(../images/sub-arrow.png) 96% center no-repeat; width: 270px; display: block;}
.mainmenu ul li ul li .submenudv .inullist ul li a:hover{background-color: #E7F3FF;}
.mainmenu ul li ul li .submenudv .inullist ul li .sundis{
  display: none;
  position: absolute; left: 300px; top: 0;
  background-color: #F8FAFC;

}
.mainmenu ul li ul li .submenudv .inullist ul li:hover .sundis{display: block;} */
/* ======== Header end ======= */

/* ======== mid body start ======= */
.casestudy {
  /* background: #FAFAFF;
  padding: 35px 0; */
}
.casestudy .container {
  overflow: hidden;
  position: relative;
  max-width: 1420px !important;
  padding: 0 50px;
}
.casestudycard{border: 0.5px solid #C0C0C0; padding:20px 30px 30px 30px; background-color: rgba(0, 11, 29, 0.6); border-radius: 20px;}
.casestudypicdis {
  display: flex;
  gap: 15px;
}
.case-descrip{position: relative;}
.case-descrip img{position: absolute; top:0; right:0;}
.case-descrip a.casebtnlink{background: #9F917A; border-radius: 30px; font-size: 12px; font-weight: 500; color: #000000; width: 90px; height: 26px; line-height: 26px; text-align: center; display: block; margin-top: 10px;} 
.case-descrip h3{color: #fff; font-size: 30px; line-height: 123%; font-weight: 500; font-family: "Raleway", sans-serif; padding-top: 30px;}
.case-descrip h4{color: #fff; font-size: 20px; line-height: 135%; font-weight: 500; min-height: 52px; max-height: 52px; overflow: hidden; margin: 15px 0;}
.case-descrip p{color: #D5D0D0; font-size: 18px; line-height: 146%; font-weight: 400; padding-top: 0; max-height: 76px; overflow: hidden;}
.casestudycard:hover{background-color: rgba(145, 117, 99, 0.7);}
.casestudycard:hover a.casebtnlink{background: #343434; color: #fff;}
.casestudycard:hover img{filter: invert(46%) sepia(77%) saturate(2936%) hue-rotate(350deg) brightness(98%) contrast(101%);}

.atificalint{background: url(../images/artifical-int.png) center bottom no-repeat; padding-top: 50px;}
.lftartificant h2{font-size:40px; line-height: 115%; color: #0C0C30; padding-bottom: 15px;}
.lftartificant p{color: #0B0A2E; font-size: calc(18px + 0.4vw); line-height: 151%; font-weight: 400; padding-top: 15px;}
.rgtcard {
  display: flex;
  padding: 15px;
  border: 0.5px solid #9193A6;
  margin-bottom: 15px;
  gap: 15px;
  position: relative;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.5);
}
.rgtcard h3{font-size: 26px; font-weight: 500; color: #1694E2; line-height: 110%;}
.rgtcard p{color: #090729; font-size: 17px; line-height: 151%; font-weight: 400; padding-top: 15px;}
.rgtcard p a{float: right; opacity: 0;
   /* width: 70px; overflow: hidden; position: absolute; right: 20px; bottom: 0; */
  }
/* .rgtcard p a img {
  position: absolute;
  left: -20px;          
  animation: tinyMove 1.2s linear infinite;
}

@keyframes tinyMove {
  0%   { left: -20px; }
  100% { left: 100px; }
} */
.rgtcard:hover p a, .rgtcard.active p a{opacity: 1;}
.rgtcard:hover, .rgtcard.active{
  background: #F0F0FF;
  box-shadow: 0 0 5px #9193A6;
  border-color: transparent;
}
.whatwedo {
  background:#fff;
  padding: 50px 0;
  /* height: 870px; */
}
.whatwedo .col-lg-6{padding: 0;}
.whatwedo .wrappp{background: url(../images/aibg.png) left top no-repeat #000000; min-height: 500px; padding: 10px; padding-bottom: 30px; padding-top: 0;}
.whatwedo h2{color: #0C0C30;}
.whatdolft h3{font-size: 38px; font-weight: 500; color: #fff; line-height: 110%;}
.whatdolft p{color: #B5B5DF; font-size: 21px; line-height: 151%; font-weight: 400; padding-bottom: 20px;}
.whatdolft {
  padding-top: 300px; 
  padding-left: 30px;
  padding-right: 30px;
}
.whatdorgt{display: flex; flex-wrap: wrap;}
.whatwecard p{color: #B5B5DF; font-size: 17px; line-height: 151%; font-weight: 400; padding-bottom: 20px; position: relative; padding-bottom: 15px;}
.whatwecard h4{font-size: calc(18px + 0.4vw); font-weight: 500; color: #EBEAF3; line-height: 110%; position: relative;}
.whatwecard {
  flex-shrink: 0;
  width: 50%;
  padding: 0;
  position: relative;
  min-height: 271px;
  padding: 30px;
  padding-top: 114px;
}
.whatwecard img {
  position: absolute;
  max-width: 100%;
  top: 0;
  left: 0;
  height: 100%;
}
.whatdobtn {
  padding: 0px 30px;
  margin-top: 60px;
  padding-bottom: 20px;
}
.whatdobtn a{color: #EBEAF3; font-size: 21px; line-height: 110%; font-weight: 400;}
.whatdobtn a.showbtn {
  font-weight: 500;
  font-size: 20px;
  padding: 5px 30px;
  border: 0.5px solid #08A1FF;
  color: #1AA8FF;
  margin-left: 10px;
}
.industryexcell{padding: 50px 0; background:#fff;}
.industryexcell h2{color: #2B2B2B;}
.induscard{position: relative;}
.industrypan{}
.induscard{display: flex;
  border-bottom: 1px solid #8F8F8F;
  padding-bottom: 30px;
  margin-bottom: 30px;}
.induscard .induscontent {
  padding: 0 30px;
  position: relative;
}
.induscontent a.morearrowbtn{position: absolute; top:0; right: 0;}
.induscontent a.morearrowbtn:hover{background: #FF5900; display: block; border-radius: 50%; width: 39px; height: 39px;}
.induscontent a.morearrowbtn:hover img{filter: brightness(0) invert(1) !important;}
.induscontent h3{font-size: 36px;
  font-weight: 500;
  color: #090909;
  line-height: 123%;
  font-family: "Raleway", sans-serif;}
.induscontent p{
  color: #090909;
  font-size: 19px;
  line-height: 155%;
  font-weight: 500;
  font-family: "Raleway", sans-serif;
}
.induscontent p span{
  color: #090909;
  font-weight: 700;
  background: #FFEFEA;
  padding:3px 5px;
  border-radius: 7px;
}
.industrypan .induscard:nth-child(odd) img{
  order: 2;
}
.industrypan .induscard:nth-child(odd) .induscontent{
  order: 1;
  text-align: right;
}
.industrypan .induscard:nth-child(odd) .induscontent a.morearrowbtn{right: auto; left: 0;}
.industrypan .induscard:nth-child(even) .induscontent a.morearrowbtn img{ transform: rotate(-180deg);}
.industrypan .induscard:nth-child(even){
  /* background-color:red; */
}
.industrypan .induscard:last-child{border: 0;}
.impact-story {
  background:url(../images/story-bg.png) center bottom no-repeat #DBDDFF;
  padding: 50px 0;
}
.impact-story h2{font-size:40px; line-height: 115%; font-weight: 500; color: #0C0C30; padding-bottom: 15px;}
.story-rgtcontent{}
.story-rgtcontent h3{font-size: 32px; line-height: 115%; font-weight: 500; color: #0C0C30; padding-bottom: 20px;}
.story-card{padding: 20px 0;}
.story-card h4{font-size: calc(18px + 0.4vw); line-height: 115%; font-weight: 500; color: #0C0C30; padding-bottom: 10px; position: relative; display: inline-block; padding-right: 10%;}
.story-card h4::after{position: absolute;
  content: '';
  height: 2px;
  width: 100%;
  background: #DD0080;
  left: 0;
  bottom: 0;}
  .story-card h4.blue::after{background: #1AA8FF;}
.story-card p{color: #292944; font-size: 18px; line-height: 151%; font-weight: 400;}
.storycard h3{font-size: 18px; line-height: 150%; font-weight: 500; color: #0C0C30; padding-top: 15px;}
.storyright {
  border-left: 1px solid #000;
  padding-left: 30px;
}
.storycard{margin-bottom: 15px; padding: 10px; transition: background-color 0.4s ease, transform 0.35s ease, box-shadow 0.35s ease;}
.storycard:hover, .storycard.active{background: #00045D; border: 1px solid #010138; box-shadow:0 0 5px #b1b1b1;}
.storycard:hover{transform: translateY(-8px) scale(1.03);}
.storycard:hover h3, .storycard:hover p, .storycard.active h3, .storycard.active p{color: #fff;}
.blog-articlies{background: #fff; padding: 50px 0; padding-bottom: 0;}
.experttalk{background: #fff; padding: 80px 50px;}
.experttalk h2{font-size:40px; line-height: 115%; font-weight: 500; color: #040026; padding-bottom: 15px;}
.expertwrap {
  /* display: flex;
  flex-wrap: wrap;
  gap: 20px; */
}
.expertcard{
  /* flex-shrink: 0; width: 49%;  
  padding: 15px;
  overflow: hidden;*/
  transition: transform 0.35s cubic-bezier(0.22, 1, 0.36, 1), background-color 0.25s ease, box-shadow 0.35s ease;
}
.expertcard:hover {
  transform: translateY(-15px);
}
.expertcard img {

}
/* .expertcard:hover, .expertcard.active{background: #fff;  box-shadow: 0 0 5px #b7b7b7;} */
.expcontent h3{font-size: 26px;
  line-height: 126%;
  font-weight: 500;
  color: #000000;
  padding-bottom: 20px;
  padding-top: 20px;}
.expcontent p{color: #1A1A1A;
  font-size: 18px;
  line-height: 156%;
  font-weight: 400;}
.expnmdesi{padding: 10px 20px;
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  background: #CDCDCD;
  border-radius: 0 0 18px 18px;}
.expnmdesi h4{color: #000; font-size: 20px; line-height: 150%; font-weight: 500;}
.expnmdesi h5{color: #000; font-size: 16px; line-height: 150%; font-weight: 400;}
.expcontent {
  position: relative;
  overflow: hidden;
}
.expcontent img{width: 100%;}
.exphover {
    position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    border-radius: 18px;
    background: #FFDAD1;

    /* Start hidden */
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;

    /* Premium smooth motion */
    transition:
        transform 0.9s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.6s ease,
        visibility 0s linear 0.9s;
    padding: 30px;
}

/* Hover state */
.expcontent:hover .exphover {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}

.exphover img{width:auto; margin: 10px 0;}

.storyright {
  height: 670px;
  overflow-y: auto;

  /* Move scrollbar to left */
  direction: rtl;

  /* Reset any margin affecting scrollbar */
  margin-left: 0;
}

.storyright > * {
  direction: ltr;   /* keep text normal */
}

/* Scrollbar width */
.storyright::-webkit-scrollbar {
  width: 3px;       /* exact 3px width */
}

/* Track */
.storyright::-webkit-scrollbar-track {
  background: #8a8a8a;
  border-radius: 5px;
}

/* Thumb */
.storyright::-webkit-scrollbar-thumb {
  background: #000;
  border-radius: 5px;
}

/* Optional: hover effect */
.storyright::-webkit-scrollbar-thumb:hover {
  background: #555;
}


/* .help-rgt {
  display: none;
}

.help-rgt.active {
  display: block;
} */
.blogartislide{overflow: hidden;}
.showacccard .whatwecard{width: 33.3%;}
.showacccard {
  margin-bottom: -10px;
}
/* ======== mid body end ======= */

/* ======== footer start ======= */
footer {
  background: #000;
  padding: 50px 0 20px 0;
}
.f_leftcontent h4{color: #EBEAF3; font-size: 14px; line-height: 150%; font-weight: 400; margin: 20px 0 40px 0;}
.f_leftcontent h4 span{display: block; color: #858585;}
.f_leftcontent h3{color: #EBEAF3; font-size: 20px; line-height: 150%; font-weight: 400; display: flex; position: relative;}
.f_leftcontent h3 span{display: inline-block; padding-left: 10px;}
.f_leftcontent h3 img{margin: 0 5px;
  flex-shrink: 0;
  width: 53px;
  height: 45px;}
.frgtcom {
  margin-top: 45px !important;
  margin-left: 14px !important;
}
.f_link{display: flex; flex-wrap: wrap;}
.f_link nav{flex-shrink: 0; width: 50%;}
.f_link nav ul{display: block; margin-left: 10px; margin-bottom: 20px; padding-top: 0;}
.f_link nav h3{color: #EBEAF3; font-size: 16px; line-height: 150%; font-weight: 500; padding: 0;}
.f_link nav ul li{color: #A0A5B2;
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
  padding: 0;
  list-style-type: disc; padding-bottom: 5px;}
.f_link nav ul li a{color: #A0A5B2; padding: 0;}
.f_link nav ul li:hover a{background: none; color: #fff;}
.f_rght h3{color: #EBEAF3; font-size: 16px; line-height: 150%; font-weight: 500; padding: 0;}
.f_rght p{color: #A0A5B2; font-size: 14px; line-height: 170%; font-weight: 400; padding-bottom: 5px;}
.f_phnbx {
  font-size: 20px;
  color: #EBEAF3;
  border: 1px solid #455B6E;
  max-width: 200px;
  text-align: center;
  padding: 8px 0;
  margin: 20px 0;
}
.socialicon a{margin: 0 5px;}
.socialicon img {
  opacity: 0.8;
}
.socialicon img:hover {
  opacity: 1;
}
.f_rght{position: relative;}
.f_rght .ailogof{position: absolute;
  top: 80px;
  right: 20px;}
.f_copyright p{color: #636A7B; font-size: 14px; line-height: 170%; font-weight: 500; padding-top: 5px;}
.f_copyright p span{margin-left: 50px;}
.f_copyright p a{color: #636A7B;}
/* ======== footer end ======= */

/* ======== slider css ====== */
.owl-item{float: left;}
.casestudyslide{overflow: hidden; padding-bottom: 80px;}
.casestudy{position: absolute;  z-index: 99; left: 0; right: 0; padding: 15px 0; margin-top: -490px;}
.owl-nav .owl-prev span, .owl-nav .owl-next span{font-size: 0; border: 0; box-shadow: none;}
.casestudyslide .owl-nav {
  position: absolute;
  bottom: 0px;
  right: 50px;
}
.casestudyslide .owl-nav .owl-prev{background: url(../images/left-arrow-white.png) 0 0 no-repeat;
  width: 40px;
  height: 40px;
  border: 0;
  margin-right: 40px;
}
.casestudyslide .owl-nav .owl-next{
  width: 40px;
  height: 40px;
  border: 0;
  background: url(../images/right-arrow-white.png) 0 0 no-repeat;}
.casestudyslide .owl-nav .owl-prev:hover, .casestudyslide .owl-nav .owl-next:hover{opacity: 1;}
  

.owl-nav .owl-dots{display: none;}
.expertslide{overflow: hidden; padding-top: 20px;}
.experttalk .container-fluid {
  position: relative;
}
.experttalk .owl-nav{width: 90px;
  position: absolute;
  bottom: -20px;
  right: 1%;}
.experttalk .owl-nav .owl-prev{
 background: url(../images/left-arrow1.png) 0 0 no-repeat;
  position: absolute;
  width: 40px;
  height: 40px;
  left: 0;
  border: 0;
  top: 0;
}
.experttalk .owl-nav .owl-next{
  background: url(../images/right-arrow1.png) 0 0 no-repeat;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  border: 0;
  top: 0;
}
.experttalk .owl-nav .owl-next:hover{background: url(../images/right-arrow1.png) 0 0 no-repeat #fff;}
.experttalk .owl-nav .owl-prev:hover{background: url(../images/left-arrow1.png) 0 0 no-repeat #fff;}
.owl-dots {
  display: none;
}
.blogartislide .owl-nav{display: none;}
/* ======== slider css end====== */

/* ======== inner page css ====== */

/* ======== inner page css end====== */

/* ========= Menu ========== */

/* Hide checkbox */
#menu-toggle {
  display: none;
}

/* Hamburger icon hidden by default */
.menu-icon {
  font-size: 26px;
  cursor: pointer;
  display: none;
}
/* ========= Menu end========== */

/* ============= Inner pages start======= */
.innerbancon{}
/* .innerbancon h2 span{display: block; font-weight: 300;} */
.innerbancon p{
  font-size: 22px;
  font-weight: 400;
  color: #EBEAF3;
  max-width: 840px;
  line-height: 139%;
  padding-top: 20px;
}
.whyplantstrugle{background: url(../images/whymanufstru-bg.png) center bottom no-repeat #fff; padding: 50px 0;}
.whyplantstrugle h2{text-align: center; font-size: 40px; font-weight: 500; line-height: 145%; color: #0C0C30;}
.whyplantstrugle p{text-align: center; font-size: 20px; font-weight: 400; line-height: 154%; color: #343434; padding-top: 20px;}
.whyplantstrugle p strong{font-weight: 600;}
.whyplantstrugle .row{padding-top: 50px;}
.whystruglrgt h3{font-size: 24px;
  font-weight: 500;
  line-height: 115%;
  color: #343434;
  padding-bottom: 10px;}
.whystruglrgt h3 span{font-size: 20px; font-weight: 400; color: #000000;}
.whystruglrgt ul{padding: 0; margin: 0;}
.whystruglrgt ul li{background: #F8E9FF;
  border: 1px solid #AB36B9;
  font-size: 18px;
  font-weight: 500;
  color: #440037;
  line-height: 115%;
  border-radius: 10px;
  padding: 10px;
  margin-bottom: 20px;
  display: inline-block;
  transition: background-color 0.4s ease, color 0.4s ease;
  cursor: pointer;}
.whystruglrgt ul li.active,
.whystruglrgt ul li:hover {
  background: linear-gradient(to bottom, #1486CE, #0F5FA8);
  color: #fff;
   border: 1px solid #0F5FA8;
}


.reqdemobtn{border: 1px solid #849AC2;
  font-size: 18px;
  line-height: 44px;
  font-weight: 500;
  color: #fff;
  margin: 0 5px;
    margin-top: 0px;
  padding: 0px 15px;
  background: #1486CE;
  margin-top: 15px;
  display: inline-block;}
.reqdemobtn:hover{ background: #fff; color: #1486CE;}
.howmanufactureex{background: #E9EBFF; padding: 50px 0;}
.howmanufactureex h2{text-align: center; font-size: 40px; font-weight: 500; line-height: 145%; color: #0C0C30; padding-bottom: 25px;}
.howmancard{display: flex; flex-wrap: wrap; gap: 15px;}
.howmanbox{flex-shrink: 0; width: 32%; border: 1px solid #949BDE; background: #FAFAFF; padding: 20px; border-radius: 10px;
 box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
}
.howboxtitle{display: flex;}
.howmanbox h3{font-size: 22px; font-weight: 500; line-height: 115%; color: #444452; padding-top: 6px;}
.howboxtitle img{margin-right: 15px; max-height: 62px;}
.howmanbox p{background: #FFFFFF; border: 1px solid #C4C4DF; border-radius: 10px; padding: 10px; font-size: 16px; color: #424259; 
  line-height: 145%; font-weight: 400; text-align: center; margin-top: 15px;}
.whatmanufacture{background:url(../images/whatmanufac-bg.png) center bottom no-repeat #11003F; padding: 50px 0;}
.whatmanufacture h2{text-align: center; font-size: 40px; font-weight: 500; line-height: 145%; color: #FFFFFF; padding-bottom: 25px; padding-bottom: 0;}
.whatmanufacture h3{font-size: 20px; font-weight: 400; line-height: 145%; color: #FFFFFF; text-align: center; padding-bottom: 30px;}
.whatmanufacture img{margin: 0 auto; display: block;}
.manufacoperation{background: #fff;}
.manufacoperation h2{text-align: center; font-size: 40px; font-weight: 500; line-height: 145%; color: #0C0C30; padding-bottom: 25px;}
.manufacoperation .helpcard:hover, .manufacoperation .helpcard.active {
  background: url(../images/pattern-img.png) center bottom no-repeat #0D0F37;
  border-color: transparent;
  box-shadow: 0 0 5px #9090A6;
}
.manufacoperation .helpcard p a{float: none;}
.manufacoperation .linkp img{transform: rotate(180deg); margin-top: 1px;}
.manufacoperation .helpcard:hover h3, .manufacoperation .helpcard.active h3{color: #fff;}
.manufacoperation .helpcard:hover p, .manufacoperation .helpcard.active p{color: #fff;}
.manufacoperation .helpcard p.linkp{margin-bottom: 0; padding-bottom: 0;}
.realworldmanufac{background: url(../images/realworld-bg.png) center 0 no-repeat; padding: 50px 0 70px 0; background-size: 100%;}
.realworldmanufac h2{text-align: center; font-size: 40px; font-weight: 500; line-height: 145%; color: #fff; padding-bottom: 25px;}
.realwordwrap{display: flex;
  gap: 15px;
  flex-wrap: wrap;}
.realworldcard {
  background: #162AA4;
  border: 1px solid #B7C1FF;
  font-size: 24px;
  font-weight: 500;
  color: #fff;
  line-height: 135%;
  text-align: center;
  padding: 38px 25px;
  flex-shrink: 0;
  width: 19%;
  transition: 
    background-color 0.4s ease,
    transform 0.35s ease,
    box-shadow 0.35s ease;
}
.realworldcard:hover {
background: linear-gradient(135deg, #0a3777, #0288ff) !important;
transform: translateY(-8px) scale(1.03);
box-shadow: 0 18px 35px rgba(13,110,253,0.35);
}
.realworldcard:nth-child(even) {background: #5C47CF; border: 1px solid #D9B7FF;}
/* .realwordwrap .realworldcard:nth-child(2){background: #1196CA; border: 1px solid #6EE2FF;}
.realwordwrap .realworldcard:nth-child(3){background: #043E8A; border: 1px solid #A4C7FF;}
.realwordwrap .realworldcard:nth-child(4){background: #3C167A; border: 1px solid #A188F1;}
.realwordwrap .realworldcard:nth-child(5){background: #590E77; border: 1px solid #BF51CE;} */
.realworldcard strong{font-weight: 500;}
.manufacstackholder{background: url(../images/whymanufstru-bg.png) center bottom no-repeat #fff;
  padding: 50px 0;}
.manufacstackholder h2 {
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  line-height: 145%;
  color: #0C0C30;
  padding-bottom: 25px;
}
.stakhoderwrap {
  /* display: flex;
  flex-wrap: wrap;
  gap: 15px; */
}
.stakholdercard {
  background: #F0F0FF;
  padding: 25px 15px 0 15px;
  /* flex-shrink: 0; */
  position: relative;
}
.stakholdercard h3{
  text-align: center;
  font-size: 26px;
  font-weight: 500;
  line-height: 115%;
  color: #00306F;
}
.stakholdercard ul{padding: 0 25px; margin-bottom: 20px;}
.stakholdercard ul li{
  font-size: 18px;
  font-weight: 400;
  line-height: 115%;
  color: #22314A;
  list-style-type: disc;
}
.stakholdercard ul li{
  font-size: 18px;
  font-weight: 400;
  line-height: 115%;
  color: #22314A;
  list-style-type: disc;
  margin-top: 20px;
}
.whatmanufactab {
  background: url(../images/whymanufstru-bg.png) center bottom no-repeat #fff;
  padding: 50px 0;
}
.whatmanufactab h2 {
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  line-height: 145%;
  color: #0C0C30;
  padding-bottom: 25px;
}
.whatmanufactab h3 {
  font-size: 22px;
  font-weight: 400;
  line-height: 145%;
  color: #343434;
  text-align: center;
  padding-bottom: 30px;
}
.whatmanufactabcard {
  padding: 14px 18px;
  margin-bottom: 10px;
  border: 1px solid #AFB4E9;
  cursor: pointer;
  background: #FAFAFF;
  transition: all 0.3s ease;
  min-height: 115px;
  margin-top: 0px;
  margin-bottom: 17px;
}
.whatmanufactabcard h3{
  font-size: 18px;
  line-height: 115%;
  color: #444452;
  font-weight: 500;
  padding-bottom: 10px;
  text-align: left;
}
.whatmanufactabcard p{
  font-size: 16px;
  line-height: 145%;
  color: #393961;
  font-weight: 400;
  padding-bottom: 5px;
  text-align: left;
}
.whatmanufactabcard.active {
  background: #092975;
  color: #fff;
  font-weight: 600;
}
.whatmanufactabcard.active h3, .whatmanufactabcard.active p{color:#CAC1F2 !important;}
.whatmanufactabdescription {
  display: none;
  padding:30px 30px 0 30px;
  border: 0;
  background:url(../images/star-img.png) 98% 20px no-repeat #092975;
  height: 100%;
  /* border-radius: 30px; */
}
.whatmanufactabdescription h4{font-size: 20px; line-height: 145%; color: #FFFFFF; font-weight: 400; padding-bottom: 20px; padding-right: 70px;}
.manlargetabpic {
  /* border-radius: 20px 20px 0 0; */
  width: 100%;
}
.whatmanufactabdescription.active {
  display: block;
}
.whatmanufactabdescription {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.whatmanufactabdescription.active {
  display: block;
  opacity: 1;
}
.realtimeusecase {
  background: url(../images/story-bg.png) center bottom no-repeat #DBDDFF;
  padding: 50px 0;
}
.realtimeusecase h2{font-size:40px;
  line-height: 115%;
  font-weight: 500;
  color: #0C0C30;
  padding-bottom: 25px;
  text-align: center;
}
.usecasebox {
  padding: 14px 18px;
  margin-bottom: 10px;
  cursor: pointer;
  transition: all 0.3s ease;
  background: #BDBFE2;
  border: 1px solid #B0B1C6;
}
.usecasebox h3{font-size: 18px;
  line-height: 150%;
  font-weight: 500;
  color: #0C0C30;
  padding-top: 15px;
}
.usecasebox.active {
  background:#000048;
  color: #fff;
  font-weight: 600;
  position: relative;
}
.usecasebox.active::after{
  background: url(../images/usecase-activearrow.png) 0 0 no-repeat;
  content: '';
  position: absolute;
  right: -19px;
  top: 17%;
  width: 19px;
  height: 134px;
}
.usecasebox.active h3{color: #fff;}
.usecasedescription {
  display: none;
}
.usecasergt h4{font-size: 32px; line-height: 126%; font-weight: 500; padding-bottom: 15px; color: #0C0C30;}
.casecard{background: #ECEDFF; border: 1px solid #ADB0E0; padding: 15px 10px; margin-bottom: 15px;}
.casecard h5{font-size: 18px; line-height: 150%; color: #292944; letter-spacing: 2%; font-weight: 500; padding: 0;}
.casecard p{font-size: 18px; line-height: 150%; color: #292944; letter-spacing: 2%; font-weight: 400;}
.usecasedescription.active {
  display: block;
}

.usecaselist {
  height: 600px;
  border-right: 2px solid #B6B9DD;
  overflow-y: auto; 
  padding-right: 30px;

 /* Reset any margin affecting scrollbar */
  margin-left: 0;
}

/* Scrollbar width */
.usecaselist::-webkit-scrollbar {
  width: 3px;       /* exact 3px width */
}

/* Track */
.usecaselist::-webkit-scrollbar-track {
  background: #8a8a8a;
  border-radius: 5px;
}

/* Thumb */
.usecaselist::-webkit-scrollbar-thumb {
  background: #000;
  border-radius: 5px;
}

/* Optional: hover effect */
.usecaselist::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.innerheader{opacity: 1;}
.innerheader .posbtm {
  margin-top: 100px;
}
.innerheader .bannerplaycall img{width: auto;}
.innerheadfull{min-height: 890px;}
.manufacstackholder h4{
  font-size: 30px;
  color: #000;
  font-weight: 500;
  text-align: center;
  padding-top: 40px;
  clear: both;
}
.manufacstackholder h4 strong{color: #092975;}
.manufacstackholder .owl-nav{display: none;}
.manufacstackholder .container {
  overflow: hidden;
}
.atificalintnew {
  padding: 80px 0;
  background:#fff;
  /* margin-top: 470px; */
}
.atificalintnew .lftartificant{}
.atificalintnew .lftartificant h2 {font-size: 46px; font-weight: 600; text-align: right;  color: #007AFF;}
.atificalintnew .lftartificant p{font-size: 22px; font-weight: 600; color: #0B0A2E; padding: 0; margin: 0; text-align: right;}
.atificalintnew .rgtcard {
  display: block;
}
.atificalintnew .rgtcard{background: #F0F0FF; border: 1px solid #fff; box-shadow: 0 0 5px #C3C3CB; margin-bottom: 24px; transition: background-color 0.4s ease, transform 0.35s ease, box-shadow 0.35s ease;}
.atificalintnew .rgtcard:hover{transform: translateY(-8px) scale(1.03);}
.atificalintnew .rgtcard h3 {
  color: #070809;
  font-size: 26px;
  font-weight: 500;
  text-align: center;
  padding-top: 20px;
  padding-bottom: 0;
  margin-bottom: 0;
}
.atificalintnew .rgtcard p {
  color: #090729;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 0;
  margin-bottom: 0;
}
.atificalintnew .rgtcard:hover{background: #00045D;}
.atificalintnew .rgtcard:hover h3, .atificalintnew .rgtcard:hover p{color: #fff;}
.whatwedowrap{display: flex; flex-wrap: wrap; gap:15px;}
.whatwedocard{flex-shrink: 0; width: 24%; position: relative; transition: background-color 0.4s ease, transform 0.35s ease, box-shadow 0.35s ease; overflow: hidden;}
/* .whatwedocard:hover {
transform: translateY(-8px) scale(1.03);
} */
.whatwedocard img{width: 100%;}
.whatwedocard h4{
  bottom: -10px;
  background-color: rgba(48, 48, 48, 0.8);
  position: absolute;
  padding: 20px;
  font-family: "Raleway", sans-serif;
  font-size: 28px;
  line-height: 123%;
  font-weight: 600;
  color: #fff;
  border-radius: 0 0 20px 20px;
  width: 100%;
  min-height: 109px;
  display: flex;
  align-items: center;
}
.whatwedocard .whatwedocontent{
  position: absolute;
  padding: 25px;
    /* Start hidden */
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;

    /* Premium smooth motion */
    transition:transform 0.9s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.6s ease,
    visibility 0s linear 0.9s;
    bottom: -1px;
    border-radius:20px;
    width: 100%;
    height: 100%;   
}
.whatwedocard:hover .whatwedocontent{
  background: #F15A29;
  transform: translateY(0);
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;


}
.whatwedocard .whatwedocontent h3 {
  font-size: 24px;
  line-height: 135%;
  color: #fff;
  font-weight: 600;
  font-family: "Raleway", sans-serif;
}
.whatwedocard .whatwedocontent p{
  font-size: 17px;
  line-height: 132%;
  color: #FFFFFF;
  font-weight: 400;
  padding-top: 10px;
}
.whatwedocard .whatwedocontent p strong{font-weight: 600; color: #f2ff97;}
.realbusinessimpact {
  background: #1D006B;
  padding: 50px 0;
}
.realbusinessimpact h2{font-size: 40px; line-height: 145%; font-weight: 500; color: #fff; text-align: center; padding-bottom: 25px;}
.busimpactcard {
  background: #FAFAFF;
  border: 1px solid #949BDE;
  padding: 25px;
}
.busimpactcard h3{font-size: 24px;
  line-height: 135%;
  color: #444452;
  font-weight: 500;
  text-align: center;
  padding-bottom: 0;
  min-height: 80px;
  margin-bottom: 0;}
.businesscardwrap {
  display: flex;
  gap: 25px;
}
.impactbox {
  background: #FFF;
  border: 1px solid #C0C0C0;
  margin-top: 20px;
  padding: 15px;
  border-radius: 10px;
}
.impactbox h4{font-size: 18px; line-height: 115%; color: #1D006B; font-weight: 500; margin-bottom: 0;  padding-bottom: 0;}
.impactbox h4 img{margin-right: 2px;}
.impactbox p{
  font-size: 16px;
  line-height: 145%;
  color: #09091E;
  font-weight: 400;
  padding-left: 25px;
  padding-top: 8px;
}
.impactbox.red {
  background: #FFF8FD;
  border: 1px solid #CD0041;
}
.impactbox.red h4{color: #CD0041;}
.impactbox.green {
  background: #F8FFFA;
  border: 1px solid #54A86E;
}
.impactbox.green h4{color: #54A86E;}
.buttonswrap {text-align: center; padding-top: 25px;}
.discusbtn{border:1px solid #229BE8; background: #1D006B;}
.reqdemobtn.lg{margin: 0 auto;
    margin-top: 0px;
  display: block;
  max-width: 400px;
  text-align: center;
  margin-top: 40px;}
.whatmanufacture h2 span{color: #0194F0;}
.reqdemobtn.livebtn{width: 100%; text-align: center;}
.realtimewrap{display: flex; flex-wrap: wrap; gap: 15px;}
.realbox{flex-shrink: 0;
  width: 24%;
  background: #F4F5FF;
  box-shadow: 1px 1px 1px #ccc;
  text-align: center;
  padding: 25px;
  position: relative;
}
.realbox a img {
  transition: transform 0.4s ease;
}

.realbox:hover a img {
  transform: translateX(15px); /* adjust slide distance */
}
.realboxhover{display: none;}
.realbox:hover .realboxhover{display: block; position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%;
  padding: 57px 15px 15px 15px; background: #FFFFFF;
background: linear-gradient(180deg, #FFF 10%, #DCDFFF 90%);
}
.realbox:hover .realboxhover h4{font-size: 18px; line-height: 145%; color: #22314A; font-weight: 500; padding-bottom: 0px;}
.realbox:hover .realboxhover p{font-size: 16px; line-height: 145%; color: #343434; font-weight: 400;}
.realbox a{display: block;
  width: 30px;
  float: right;
position: relative;
  z-index: 9;}
  .realbox .mipic{display: block; margin: 0 auto; margin-top: 10px; margin-bottom: 10px;}
.realbox h3{color: #22314A; font-size: 18px; line-height: 145%; font-weight: 500; min-height: 50px;}
.contactcontent{padding-bottom: 15px;}
.innerbancon h2{font-size: 44px; color: #EBEAF3; font-weight: 500;}
.innerpagecontent {max-width: 900px;}
.innerpagecontent h2{font-size: 44px; font-weight: 500; color: #EBEAF3; line-height: 135%;}
.innerpagecontent h2 span{color: #FF63CB;}
.innerpagecontent h3{font-size: 34px; font-weight: 500; color: #EBEAF3; line-height: 145%; max-width: inherit;}
.innerpagecontent p{font-size: 20px; font-weight: 400; color: #EBEAF3; line-height: 160%;}
.innerpagecontent p span{color: #2CA1E9; font-weight: 500;}
.headerslidecard img.showdesk{display: block;
  margin: 0 auto;
  max-width: 100%;
  width: auto;}
.impactbox.green p{position: relative;}
.impactbox.green p::before{
  width: 6px;
  height: 6px;
  background: #a4a4a4;
  border-radius: 50px;
  content: '';
  position: absolute;
  top: 16px;
  left: 9px;
}
.realretail .businesscardwrap .busimpactcard {
  flex-shrink: 0;
  width: 33%;
}
.retexnotatool{background: url(../images/retexnotatool-bg.png) center 0 no-repeat;}
.retexnotatool p{font-size: 20px; line-height: 160%; color: #FFFFFF; font-weight: 400; text-align: center;}
.retailexdeliv h3{font-size: 28px;
  line-height: 115%;
  color: #FFFFFF;
  font-weight: 500;
  text-align: center;
  word-break: break-word;
  min-height: 97px;}
.retailexdeliv h4{font-size: 30px; line-height: 115%; color: #FFFFFF; font-weight: 500; text-align: center;}
.retailexccapability h2{padding-bottom: 5px;}
.retailexccapability p{font-size: 24px; line-height: 135%; color: #343434; font-weight: 400; text-align: center; padding-bottom: 40px;}
.retailexccapability p strong{font-weight: 500;}
.decessionwrap{display: flex; flex-wrap: wrap; gap: 20px;}
.decisscard{flex-shrink: 0; width: 48%; position: relative;}
.decisscard h3{font-size: 24px; line-height: 135%; color: #EBEAF3; font-weight: 500; text-align: center; position: absolute; bottom: 0; left: 0; right: 0; padding: 40px;}
.decisscard img{width: 100%;}
.retexcxontent{}
.retexcxontent h3{font-size: 40px; line-height: 135%; color: #14207A; font-weight: 600;}
.retexcxontent h3 span{color: #D83DBC;}
.retexcxontent h3.bluespan span{color: #197BB8;}
.retexcxontent h3 img{display: block; margin: 0 auto; margin-bottom: 0px; margin-bottom: 10px;}
.btnbreak{text-align: left;}
.whitebtn{background: #fff; color: #00003B;}
.whitebtn:hover{background: #1D006B; color: #fff;}
.buttonswrap.btnbreak {padding-top: 53px;}
.erprunsretail h2 span {
  display: block;
  font-size: 24px;
  line-height: 115%;
  font-weight: 500;
  color: #0C0C30;
}
.erpretaretnbox {
  border-right: 1px solid #000;
}
.erpreturnlist {
  max-width: 550px;
  text-align: right;
  margin-top: 40px;
}
.erpreturnlist ul li {
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
}
.erpreturnlist ul li img{margin-right: 5px;}
.erpreturnlist ul li.active img,
.erpreturnlist ul li:hover img {
 filter: brightness(0) invert(1);
}
.autonectretaretnbox{}
.autonectretaretnbox ul li{
  background: #D8DEFF; border: 1px solid #0D20EF;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
}
.autonectretaretnbox ul li img{margin-right: 10px;}
.autonectretaretnbox ul li.active img,
.autonectretaretnbox ul li:hover img {
 filter: brightness(0) invert(1);
}
.erdoednorep{display: flex; gap: 25px; padding-top: 20px;}
.erdoednorep h3{font-size: 40px;
  line-height: 135%;
  color: #D83DBC;
  font-weight: 600;
}
.erdoednorep h3 span{color: #197BB8;}
.erdoednorep h3.unlocktxt{color: #14207A;}
.erdoednorep h3.unlocktxt span{color: #197BB8;}
.erdoednorep h3.autonecktxt{
      width: 35%;
      flex-shrink: 0;
      text-align: right;
      }
.videotextwatch{position: relative;}
.videotextwatch .watchpatch{position: absolute; top: -220px; right: 0;}
.retvideopic{width: 100%;}
.retwhylist ul{max-width: 1040px; margin-top: 30px; margin-bottom: 30px;}
.retwhylist ul li.active img,
.retwhylist ul li:hover img {
 filter: brightness(0) invert(1);
}
.retwhylist ul li{margin-right: 10px;}
/* ============= Inner pages end======= */

/* ============= new home css ======= */
.autonecvidsec {
  background: #fff;
  padding:0;
}
.operationalexcellence{background: #000; padding: 80px 0;}
.operationalexcellence h2{font-size: 60px; line-height: 128%; color: #fff; font-weight: 400; font-family: "Raleway", sans-serif; padding-bottom: 30px;}
.operationalexcellence h2 strong{font-weight:800;}
.operationalwrap{display: flex; gap: 25px; flex-wrap: wrap;}
.operationalcontent{}
.operationalcontent h3{font-size: 30px; line-height: 123%; color: #fff; font-weight: 600; font-family: "Raleway", sans-serif;}
.operationalcontent p{font-size: 18px; line-height: 150%; color: #fff; font-weight: 400;}
.operationalcard {
    background: #2F2F2F;
    border-radius: 20px;
    flex-shrink: 0;
    width: 48%;
    padding: 25px;
    display: flex;
    gap: 20px;

    /* Premium smooth jerk */
    transition:
        transform 0.35s cubic-bezier(0.22, 1, 0.36, 1),
        background-color 0.25s ease,
        box-shadow 0.35s ease;
}

.operationalcard:hover {
    background: #F15A29;
    transform: translateY(-10px);
    box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25);
}
.explorestory{padding: 50px 0;}
.explorestory h2{}
.explorestory .morearrow img {
  filter: invert(46%) sepia(77%) saturate(2936%) hue-rotate(350deg) brightness(98%) contrast(101%);
  padding: 0;
}
.explorestory .container {
  overflow: hidden;
  position: relative;
  padding-bottom: 5px;
}
.explorecard {
  border: 1px solid #F2F2F2;
  padding: 20px;
  border-radius: 20px;
  box-shadow: 0px 0px 3px #c7c7c7;
}
.explorecard img{padding-bottom: 20px;}
.explorecard h3{color: #262626; padding-bottom:5px;}
.explorecard p{font-size: 18px; color: #090909; line-height: 150%; padding-bottom: 20px; min-height: 102px;}
.explorecard:hover, .explorecard.active{background: #F2F2F2; box-shadow: 0px 0px 5px #DADADA;}
.exploslider .owl-nav{width: 90px;
  position: absolute;
  top: 35px;
  right: 1%;}
.exploslider .owl-nav .owl-prev{
 background: url(../images/left-arrow1.png) 0 0 no-repeat;
  position: absolute;
  width: 40px;
  height: 40px;
  left: 0;
  border: 0;
  top: 0;
}
.exploslider .owl-nav .owl-next{
  background: url(../images/right-arrow1.png) 0 0 no-repeat;
  position: absolute;
  width: 40px;
  height: 40px;
  right: 0;
  border: 0;
  top: 0;
}
.exploslider.owl-nav .owl-next:hover{background: url(../images/right-arrow1.png) 0 0 no-repeat #fff;}
.exploslider .owl-nav .owl-prev:hover{background: url(../images/left-arrow1.png) 0 0 no-repeat #fff;}
.mobscrolldata {
  overflow: hidden;
  position: relative;
  flex-shrink: 0;
  width: 856px;
  padding-right: 31%;
  /* padding-right: 33%; */
}

.help-rgt-track {
  display: flex;
  width: 100%;
  transition: transform 0.6s ease;
}
.wraphelp {
  display: flex;
  gap: 20px;
}
.help-lft {
  flex-shrink: 0;
  width: 33%;
  position: relative;
}
.howwecanhelp {
  background: #fff;
  padding: 50px 0;
  padding-bottom: 0;
}
.howwecanhelp .container{
  background: #F15A29;
  border-radius: 20px;
  padding: 30px 0 30px 30px;
  overflow: hidden;
  position: relative;
}
.howwecanhelp h2{color: #fff;}
.help-lft{}
.helpcard{
  width: 100%;
  background: #FF7C52;
  padding:10px 15px;
  border: 0.5px solid #FFA588;
  transition: background-color 0.4s ease, transform 0.35s ease, box-shadow 0.35s ease;
  border-radius: 12px;
  margin-bottom: 14px;
}
/* .helpcard:hover{transform: translateY(-8px) scale(1.03);} */
.helpcard h3{font-size: 28px; font-weight: 600; color: #fff; line-height: 100%; padding:0 15px 0 0; font-family: "Raleway", sans-serif;}
.helpcard h3 span{font-size: 60px;
  font-weight: 400;
  line-height: 78%;
  font-family: "Raleway", sans-serif;
  padding-right: 10px;
  display: inline-block;
  vertical-align: bottom;}
.helpcard p{color: #493D6E; font-size: 17px; line-height: 151%; font-weight: 400; padding-top: 5px; padding-bottom: 12px; min-height: 68px;}
.helpcard p.linkp{min-height: auto;}
.helpcard p a{float: right; opacity: 0;}
.helpcard:hover, .helpcard.active{
  background:#fff;
  border-color: transparent;
  /* box-shadow: 0 0 5px #9090A6; */
}
.helpcard:hover h3, .helpcard.active h3{color: #F15A29;}
.help-rgt {
  max-width: 441px;
  max-height: 536px;
  flex-shrink: 0;
  position: relative;
  overflow: hidden;
  margin-right: 20px;
}
.help-rgt .helprgttxt{bottom: 0;
  background-color: rgba(48, 48, 48, 0.8);
  position: absolute;
  padding: 20px;
  border-radius: 0 0 20px 20px;
  width: 100%;
  min-height: 109px;
}
.help-rgt .helprgttxt h3{
  font-family: "Raleway", sans-serif;
  font-size: 28px;
  line-height: 123%;
  font-weight: 600;
  color: #fff;
}
.help-rgt .helprgttxt p{font-size: 18px; line-height: 150%; color: #FFFFFF; font-weight: 400;}
.help-rgt.active .helprgttxt{background: #fff;}
.help-rgt.active .helprgttxt h3, .help-rgt.active .helprgttxt p{color: #262626;}
.help-rgt {
  pointer-events: auto;
}
.helprgttxt.hover{
  position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    border-radius: 20px;
    background: #fff;

    /* Start hidden */
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;

    /* Premium smooth motion */
    transition:
        transform 0.9s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.6s ease,
        visibility 0s linear 0.9s;
    padding: 30px;

}
.help-rgt:hover .helprgttxt.hover{
      transform: translateY(0);
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
.helprgttxt.hover h3, .helprgttxt.hover p{color: #262626;}
.helprgttxt.hover p{font-weight: 400;}
.helprgttxt.hover p strong{font-weight: 500;}
.helprgttxt.hover p{padding-bottom: 10px;}
.artificialwrap {
  display: flex;
}
.artificleft{flex-shrink: 0; width: 50%; position: relative;}
.artificright{flex-shrink: 0; width: 50%;}
.artificialtab {
  cursor: pointer;
}

.artificialtab.active {
  background: #ff6a2b; /* example */
  color: #fff;
}

.artificialtab {
  cursor: pointer;
  flex-shrink: 0;
  width: 48%;
  background: #F2F2F2;
  border-radius: 20px;
  padding: 20px;
  position: relative;
  overflow: hidden;
}
.artificialtab .morearrowbtn {
  position: absolute;
  right: 20px;
  top: 20px;
  z-index: 99;
   transition:
    transform 0.45s cubic-bezier(0.22, 1, 0.36, 1),
    filter 0.35s ease;
  transform-origin: center;
}
.artificialtab h3{font-size: 28px; color: #2B2B2B; position: relative; z-index: 99;}
.artificialtab p{font-size: 18px; line-height: 150%; color: #2B2B2B; font-weight: 400;}
.artificialtab.active {
  background: #FFEFEA;   /* example */
  color: #fff;
}

.artificialleftcard {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.6s ease, visibility 0.6s ease;
}

.artificialleftcard.active {
  opacity: 1;
  visibility: visible;
}
.artificialleftcard img{position: absolute; left: 65%; bottom: 5%; z-index: 0;}
.artificleft h2 {
  position: relative;
  z-index: 99;
}
.artificialleftcard img.artpia{left: 50%; bottom: 0;}
.artilftcardcontex {
position: absolute;
left: 0;
bottom: 50px;
}
.artilftcardcontex h3{
  font-size: 40px;
  line-height: 123%;
  color: #F15A29;
  font-weight: 600;
  padding-bottom: 20px;
}
.artilftcardcontex p{
  font-size: 20px;
  font-weight: 400;
  color: #262626;
  max-width: 500px;
  line-height: 145%;
  padding-bottom: 30px;
}
.artilftcardcontex .connectbtn{
  background: #FF5900;
  width: 258px;
  height: 48px;
  display: block;
  text-align: center;
  line-height: 48px;
  border-radius: 50px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
}
.artificialrightwrap{display: flex; gap: 20px; flex-wrap: wrap;}
.artifitabhover{ position: absolute;
    width: 100%;
    height: 100%;
    inset: 0;
    border-radius: 18px;
    background: #FFEFEA;

    /* Start hidden */
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;

    /* Premium smooth motion */
    transition:
        transform 0.9s cubic-bezier(0.22, 1, 0.36, 1),
        opacity 0.6s ease,
        visibility 0s linear 0.9s;
    padding: 20px;
    padding-top: 70px;
}
.artificialtab:hover .artifitabhover, .artificialtab.active .artifitabhover{
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    transition-delay: 0s;
}
.artifitabhover ul{padding:0; margin:0;}
.artifitabhover ul li{background: #FFCBBA; color: #471100; font-size: 14px; line-height: 18px; border-radius: 5px; margin-bottom: 5px; padding: 7px 15px;}
.artifitabhover ul li:hover{background: #FF5900; color: #fff;}
.artificialvid {
  flex-shrink: 0;
  width: 48%;
}
.aifirstyourbus {
  background: #262626;
  padding: 50px 0;
}
.aifirstyourbus .container{position: relative; overflow: hidden;}
.ai-slider {
   width: 100%;
  /*height: 420px; */
  perspective: 20000px;
}

.slideraifirst {
  position: relative;
  height: 530px;
  transform-style: preserve-3d;
}

/* ALL slides share SAME CENTER */
.aislideitem {
  position: absolute;
  inset: 0;
  margin: auto;

  width: 83%;
  height: 413px;

  background:#4D4D4D;
  color: #fff;
  font-size: 20px;
  font-weight: 500;

  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 18px;

  transform-style: preserve-3d;
  transform-origin: center;

  transition:
    transform 1.1s cubic-bezier(.22,.61,.36,1),
    opacity .6s ease,
    filter .6s ease,
    box-shadow .6s ease;
}
.aifirstyourbus h2{color: #fff; padding-bottom: 40px;}
.aiwrap {
  display: flex;
  gap: 20px;
  margin-top: 0px;
}
.aiwrap img{width: 50%; height: 413px; flex-shrink: 0; border-radius:0 18px 18px 0;}
.aileftcontent {padding: 35px;}
.aileftcontent h3{font-size: 30px; line-height: 123%; font-weight: 500; color: #FFFFFF; font-family: "Raleway", sans-serif; padding-top: 20px; padding-bottom: 10px;}
.aileftcontent p{font-size: 16px; line-height: 135%; font-weight: 500; color: #FFFFFF; font-family: "Raleway", sans-serif; padding-bottom: 15px;}
.aileftcontent ul{padding: 0; margin: 0;}
.aileftcontent ul li{background: #373737; border-radius: 10px; padding: 15px; margin-bottom: 10px; font-size: 16px; line-height: 135%; font-weight: 500; color: #FFFFFF; font-family: "Raleway", sans-serif;}
.ai-controls {
  position: absolute;
  top: -115px;
  right: 0;
}
.ai-controls button{border: 0; background: inherit;}
.ai-controls button img{filter: brightness(0) invert(1); height: 32px;}
.ai-controls .prev img{transform: rotate(90deg);}
.ai-controls .next img{transform: rotate(90deg);}
.ai-controls .counter{
  display: block;
  font-size: 30px;
  line-height: 34px;
  color: #686868;
  margin-left: -65px;
}
.ai-controls .counter strong{color: #fff;}

.blog-slider-wrapper {
  max-width: 1040px;
 margin: 0 0 0 auto;
}

.blogarticlslide {
  position: relative;
  height: 710px;
  overflow: hidden;
}

.blogarticlecard {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transform: translateX(80px) scale(0.96);
  transform-origin: right center;
  transition:
    transform 0.8s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.6s ease;
}

.blogarticlecard.active {
  opacity: 1;
  transform: translateX(0) scale(1);
  z-index: 2;
}

.blogarticlecard.exit {
  opacity: 0;
  transform: translateX(80px) scale(0.94);
  z-index: 1;
}

.slider-controls {
  position: absolute;
  left: 30px;
  bottom: 80px;
  
}

.slider-controls button {
  border: 0;
  background-color: inherit;
  margin: 0 5px;
  cursor: pointer;
}

.counter {
  font-size: 16px;
}
.baslidebox{display: flex; gap:10px}
.baslideleftcontent{position: relative;}
.baslideleftcontent{flex-shrink: 0; width: 380px; background: #F15A29; border-radius: 20px; padding: 25px;}
.baslideleftcontent h3{font-size: 40px; font-weight: 500; line-height: 125%; font-family: "Raleway", sans-serif; color: #fff; padding-bottom: 20px;}
.baslideleftcontent p{font-size: 18px; font-weight: 400; line-height: 148%; color: #fff;}
.baslideleftcontent .morearrowbtn{position: absolute; bottom: 30px; right: 30px;}
.baslideleftcontent .morearrowbtn img{filter: brightness(0) invert(1);}
.baslideleftcontent .morearrowbtn img:hover{filter:inherit; background: #fff; border-radius: 50%;}
.basliderightcontent{flex-shrink: 0; width: 643px; position: relative;}
.basliderightcontent h2{position: absolute; bottom: 0; color: #090909; width: 100%; left: 0; border-radius: 0; padding: 20px; background: linear-gradient( rgba(255, 255, 255, 0.087), rgb(255, 255, 255) );}
.basliderightcontent h2 strong{display: block;}
.blog-articlies .getmoreblogbtn{
background: #FF5900;
  width: 188px;
  height: 48px;
  display: block;
  text-align: center;
  line-height: 48px;
  border-radius: 50px;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  position: absolute;
  bottom: 0;
  left: -10px;
}
.blog-articlies .container{position: relative;}
.blog-articlies .container .titabs{position: absolute;
  left: 0;
  top: 0;
  color: #000;
  line-height: 128%;}
  .slider-controls .counter {
  display: block;
  text-align: center;
  padding-bottom: 20px;
  font-size: 40px;
  line-height: 40px;
  color: #686868;
}
.slider-controls .counter strong{color: #0C0C30;}
.manufacexcell{position: relative; padding: 0;}
.manufacexcell .container{position: absolute; top: 0; left: 0; right: 0; margin: 0 auto;}
.manufacexcell .bgmanpic{width: 100%; max-height: 889px;}
.manufactwrap{display: flex; gap: 20px;}
.manufaleftcontent{flex-shrink: 0; width: 48%; position: relative;}
.manufactratio {
  width: 726px;
  height: 90px;
  position: absolute;
  bottom: 93px;
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.3);
  background: rgba(0, 0, 0, 0.4);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(24px);
  display: flex;
  justify-content: space-around;
}
.manufactratiocard {
  display: flex;
  align-items: center;
}
.manufactratiocard h3{font-size: 30px; font-weight: 500; color: #fff; line-height: 122%; font-family: "Poppins", sans-serif !important; padding-left: 15px; margin: 0;}
.manufactratiocard h3 span{display: block; font-size: 14px; line-height: 16px;}
.manufalrightcontent{flex-shrink: 0; width: 48%; justify-content: right; text-align: right; padding: 80px 0;}
.manufalrightcontent h2{color: #fff; line-height: 100%;}
.manufalrightcontent h2 strong{display: block;}
.manufalrightcontent p{font-size: 16px; line-height: 130%; color: #fff; font-weight: 400;}
.temppic{float: right; margin-top: 50px;}
/* Base */
.reveal {
  opacity: 0;
  transition:
    transform 0.9s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.7s ease;
}

/* Directions */
.fade-up    { transform: translateY(180px); }
.fade-down  { transform: translateY(-40px); }
.fade-left  { transform: translateX(40px); }
.fade-right { transform: translateX(-40px); }

/* Active state */
.reveal.active {
  opacity: 1;
  transform: translate(0, 0);
}

/* Accessibility: reduce motion */
@media (prefers-reduced-motion: reduce) {
  .reveal {
    transition: opacity 0.01ms linear !important;
    transform: none !important;
  }
}
/* ==== Hover effects ==== */
.topphno:hover, .artilftcardcontex .connectbtn:hover, .blog-articlies .getmoreblogbtn:hover{
  background:none;
  border: 1px solid #FF5900;
  color: #FF5900;
}
.topbookdemo:hover{background: #FF5900;  color: #fff;}
.casestudyslide .owl-nav .owl-prev:hover, .exploslider .owl-nav .owl-prev:hover, .experttalk .owl-nav .owl-prev:hover{background: url(../images/left-arrow-white-hover.png) 0 0 no-repeat;}
.casestudyslide .owl-nav .owl-next:hover, .exploslider .owl-nav .owl-next:hover, .experttalk .owl-nav .owl-next:hover{background: url(../images/right-arrow-white-hover.png) 0 0 no-repeat;}
.explorestory .morearrow:hover img{filter: brightness(0) invert(1);}
.explorestory .morearrow:hover{background: #FF5900;}
.explorestory .morearrow{display: block; border-radius: 50%; width: 39px; height: 39px;}


.artificialtab:hover .morearrowbtn,
.artificialtab.active .morearrowbtn {
  filter: invert(46%) sepia(77%) saturate(2936%) hue-rotate(350deg) brightness(98%) contrast(101%);
  transform: rotate(145deg);
}
.ai-controls .prev img:hover, .ai-controls .next img:hover, .industrypan .induscard .induscontent a.morearrowbtn:hover img
{filter: invert(46%) sepia(77%) saturate(2936%) hue-rotate(350deg) brightness(98%) contrast(101%);}
.ai-controls .prev:hover, .ai-controls .next:hover{background-color: #fff; border-radius: 50px;}
.slider-controls button:hover{background: #FF5900; border-radius: 50px;}
.slider-controls button:hover img{filter: brightness(0) invert(1);}
/* ==== Hover effects end==== */
.autonecvidsec video {
  width: 100%;
  border-radius: 20px;
}
.manufacexcell video{width: 100%;}
.fullheader video{ 
width: 100%;
height: 1100px;
object-fit: cover;
filter: contrast(0.9) brightness(0.50);
}
.dot-pagination{display: none;}
/* ============= new home css end======= */