body{ padding: 0px; margin: 0px; color:#000;}
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6, p{padding: 0px 0 15px 0; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;}
button, input[type="submit"]{ -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor: pointer; -webkit-appearance: none; outline: none;}
input, button{ -webkit-appearance: none;}
input:focus, textarea:focus{ outline: none; box-shadow: none;}
button:focus, input[type="submit"]:focus{ outline: none; box-shadow: none;}
figure{ margin: 0px !important; padding: 0px;}
img{ max-width: 100%; object-fit:cover;}
a, span, strong, em{ display: inline-block;}
body{ font-family: var(--font-1);font-size: var(--font-16);line-height: var(--line-16);}

:root
{
    /* font-family */
	--font-1: 'Poppins';
    --font-2: 'Inter';
    /* font-sizes */
    --font-80:80px;
    --line-80:89px;

    --font-60:60px;
    --line-60:69px;

    --font-48:48px;
    --line-48:52px;

    --font-40:40px;
    --line-40:49px;

    --font-32:32px;
    --line-32:43px;

    --font-30:30px;
    --line-30:39px;
    
    --font-28:28px;
    --line-28:39px;

    --font-24:24px;
    --line-24:30px;

	--font-20:20px;
    --line-20:30px;

    --font-18:18px;
    --line-18:26px;

    --font-16:16px;
    --line-16:25px;

    --font-14:14px;
    --line-14:18px;

	--font-13:13px;
    --line-13:18px;

    --font-10:10px;
    --line-10:15px;
    
}


.tophead{ width: 100%; padding: 80px 0; position: relative;}
.tophead h6{ font-size: var(--font-18); line-height: var(--line-18);font-family: var(--font-1);font-weight: 600; text-transform: inherit;
  letter-spacing: 0px;}
.tophead h5{ font-size: var(--font-24); line-height: var(--line-24);font-family: var(--font-1);font-weight: 700;}
.tophead h4{ font-size: var(--font-26); line-height: var(--line-26);font-family: var(--font-1);font-weight: 700;}
.tophead h3, h3{ font-size: var(--font-32); line-height: var(--line-32);font-family: var(--font-1);font-weight: 600;}
.tophead h2{ font-size: var(--font-40); line-height: var(--line-40);font-family: var(--font-1);font-weight: 600;}
.tophead h1{ font-size: var(--font-48); line-height: var(--line-48);font-family: var(--font-1);font-weight: 600;}
p em, p strong, li em, li strong, h1 em, h1 strong, h2 em, h2 strong, h3 em, h3 strong, h4 em, h4 strong, h5 em, h5 strong, h6 em, h6 strong{ display: initial;}
.cmspage h2, .cmspage h1{ font-size: var(--font-32); line-height: var(--line-32);font-family: var(--font-1);font-weight: 600;}

.cmspage h3, .cmspage h4{ font-size: var(--font-26); line-height: var(--line-26);font-family: var(--font-1);font-weight: 600;}

.cmspage h5, .cmspage h6{ font-size: var(--font-24); line-height: var(--line-24);font-family: var(--font-1);font-weight: 600;}

.r-relative{ position: relative;}

.overlink{ width: 100%; position: absolute; top: 0px; left: 0px; display: inline-block; height: 100%; z-index:2;}

.butns, .butns-list a, .btn{ font-size: var(--font-18); line-height: var(--line-18); color: #fff !important; font-weight: 500 !important; background: #7049FA; min-width: 139px; line-height: 50px; text-align: center;border-radius: 12px; padding: 0px 30px !important; border: 1px solid #7049FA !important;}
.butns:hover, .butns-list a:hover, .btn:hover{background: #F28029 !important; color: #fff !important; border-color: #F28029 !important;}
.butns i{ margin-left: 10px;}
.btnbrd{ background: #fff; color: #E57C25;}
.btnbrd:hover{ background: #E57C25; color: #fff; border-color: #E57C25;}

.header_sec{ width: 100%; position: relative; z-index: 22; box-shadow: 2px 1px 5.9px 0px rgba(0, 0, 0, 0.25);}
.navbar-nav{ align-items: center;}
.butns-list a{ margin-left: 30px;}


.navbar{ margin: 0px; padding: 0px;}
.navbar-brand {
  margin: 0px 17px 0 0;
  padding: 0px;
  width: 170px;
}
.menu_sec li{ font-weight: 400; color: #000;font-size: var(--font-16);line-height: var(--line-16); position: relative;}
.menu_sec li a{ color: #000; padding: 28px 21px;}

.menu_sec li a:hover, .menu_sec li.actv > a{ color: #E57C25;}


.menu_sec li.current-menu-parent > a{ color: #E57C25;}
.menu_sec li.current-menu-ancestor > a{ color: #E57C25;}




.drop-arw:after{ display: none;}
.drop-arw {
  position: absolute;
  top: 0;
  right: 0px;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 20px; color: #000;
}

.nav_top .dropdown .dropdown-menu{ padding: 0px !important; background:  #e57c25 !important; border: none !important; border-radius: 0 0 10px 10px;}
.nav_top .dropdown .dropdown-menu li a{ padding: 10px 25px 10px 8px; width: 100% !important; color: #fff !important; border-radius: 0px;}
.nav_top .dropdown .dropdown-menu li a:hover, .nav_top .dropdown .dropdown-menu li.actv a{ background: #000;}




.container{max-width: 1440px;}


.ban-info{position: relative;margin-top: 100px;width: 634px;}
.ban-image{position: absolute;top: 0;right: 0;}
.ban-image img{height: 680px;}
.ban-info h1 {color: #F28029;}
.ban-info p{font-weight: 600;font-size: var(--font-24);line-height: var(--line-24);}
.ban-info .butns{margin-top: 50px}


.sec-trend{background: linear-gradient(90deg, #7049FA 0%, #F28029 100%);}



.sec-solution{background:#181818;}
.sec-solution h3 {color: #fff;margin-bottom: 40px;}
.box-img {width: 100%;height: 285px;overflow: hidden;float: left;}
.box-img img {width: 100%;height: 100%;}
.info-box {color: #fff;padding: 30px;background: #2F3130;position:relative;width: 100%;display: inline-block;min-height: 210px;}
.info-box a {color: #fff;}
.arrow{width:32px;height:32px;border-radius:100%;background:#2F3130;color:#fff;display:flex;align-items:center;justify-content:center;position: absolute;top:0;right: 0;border: 1px solid #fff;border-radius: 100%;}

.arrow:hover{background: #7049FA;border-color: #7049FA;}

.info-box p{ font-size: var(--font-13); line-height: var(--line-13);}
.info-box .media{ padding-right: 46px;}

.solution-popup{ display: none; background: linear-gradient(180deg, #5E44AC 0%, #181818 100%); color: #fff;}



.health{ width: 100%; position: relative;}
/*.health{border: 0.5px solid #4D5461;}*/
.health-img {padding: 95px 75px 0;}
.health-info{padding: 15px 0 0 !important;}
.health-img img{ width: 41px;}

.healthTop {
  padding: 40px;
  min-height: 260px; border: 0.5px solid #4D5461; border-bottom: none; display: flex;
  flex-direction: column;
}
.sec-industries p br{ display: none;}
.picHelth{ height: 317px; overflow: hidden;}
.picHelth img{ height: 100% !important; filter: grayscale(100%); transition: all 0.3s;}



.healthTop h6{ padding-bottom: 9px !important;}
.healthTop p{ font-size: var(--font-14);
    line-height: var(--line-14);}
.sec-second .col-md-3 + .col-md-3 .healthTop{ border-left: none;}
.health:hover .healthTop{ background: #E5E7EA;}
.health:hover .picHelth img{ filter: inherit; transform: scale(1.1);}

















.sec-industri{background: #181818;color: #fff;}
.indus-box {background: #212936;padding: 60px 50px;border-radius: 20px;}
.box-info p{font-size: var(--font-16);line-height: var(--line-16);font-weight: 600;}
.sec-user img{border-radius: 100%;height: 62px !important; width: 62px !important;}
.sec-user-info h6{color:#F28029;padding: 0;  min-height: 35px;}
.sec-user-info{margin-left: 20px;}
.sec-user-info p{padding: 0; min-height: 35px;}

.sec-user{ align-items: center;}
.box-info{ width: 100%; min-height: 165px;}

.sec-user {
    align-items: center;
    min-height: 105px;
}


.feturedJobCont .owl-nav button, .arwsnxt .owl-nav button{ background: #7049FA !important; color: #fff; width: 56px;
height: 56px; font-size: 20px !important; border-radius: 100%; position: absolute; top: 50%;  transform: translateY(-50%);
}
.feturedJobCont .owl-nav button.owl-next{ right: 20%;}
.feturedJobCont .owl-nav button.owl-prev{ left: 0px; opacity: 0.5;}
.arwsnxt .owl-nav button.owl-next{ right:6%;}
.arwsnxt .owl-nav button.owl-prev{ left:0px; opacity: 0.5; display: none;}

.indus-box{ transform: scale(0.96); padding-top:30px; padding-bottom:30px;}

/*.first-center .indus-box{ transform: inherit; padding-top:70px; padding-bottom:70px;}
.first-center{ padding: 0 15px 0 0;}*/

.customersCarousel .owl-stage{ display: flex;
    align-items: center;}
.sec-user img {
    border-radius: 100%;
    height: 62px !important;
    width: 62px !important;
}

.customersCarousel .owl-item{ padding:6px;}



.study-info img{ width: 100%;height: 100%; border-radius: 8px;transition: all 0.3s;}
.study-info:hover img{ transform: scale(1.1);}
.study-info{position: relative; overflow:hidden;height: 464px; border-radius: 8px;}
.sec-study {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 30px; width: 100%; z-index: 2;
}
.study-info::before{content: "";top: 0;left: 0;position: absolute;height: 100%;width: 100%;background: linear-gradient(360deg, #2F3130 0%, rgba(0, 0, 0, 0) 100%);border-radius: 8px;z-index: 1;}
.sec-study h6{color: #fff;}
.sec-study img {width: 28px;height: 22px;margin-left: 10px;}
.sec-study a, .readmor{ font-family: var(--font-2);font-size: var(--font-14);line-height: var(--line-14);font-weight: 600; display: flex; align-items: center;}
.sec-study a img, .readmor img {
  width: 28px !important;
  height: 22px;
  margin-left: 10px;
  position: relative;
}
.readmor img::after { width: 22px;
  height: 22px;
  border: 1px solid #f28029;
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  border-radius: 100px;}


.readmor:hover{ color: #7049fa;}
.readmor:hover img::after{ border-color:#7049fa;}

.steps-nav button {
  width: 35px;
  height: 35px;
  border: 1px solid #181818 !important;
  border-radius: 100%;
  margin-left: 10px;
  font-size: 17px !important;
  display: flex;
  align-items: center;
  justify-content: center; color: #181818; background: none !important;}
.steps-nav{
  display: flex; justify-content: flex-end;
}
.stapArrow{
  position: absolute;
  top: 82px;
  right: 0px;
  width: 100%;
  text-align: right;
}





.line-wrap{display: flex;width: 100%;height: 9px;overflow: hidden;}
.line-orange{flex: 50;background: #F28029;}
.line-white{width: 3px;background: #fff;}
.line-purple{flex: 50;background: #7049FA;}





.foot-part {background: #181818;}
.upper-sec {display: flex;justify-content: space-between;}
.upper-sec h3{color: #fff; padding-bottom: 0px !important;}
.upper-sec .butns {font-family: var(--font-2); display: flex;
  align-items: center;}
.upper-sec em{margin: 0 8px;font-style: normal;}
.upper-sec {padding-bottom: 70px;border-bottom: 1px solid #FFFFFF99;}

.part-one p{font-size: var(--font-14);line-height: var(--line-14);color: #fff;margin-top: 25px;}
.part-two {margin-left: 100px;}
.part-two h6 ,.part-three h6 ,.part-four h6 {color: #fff;font-family: var(--font-2);}
.part-two a {color: #fff;padding: 10px 0;}


.part-three a{color: #fff;padding: 8px 0px;}
.part-three i {color: #E57C25;}
.part-three li em{padding:10px 0; font-style: normal;}

.part-four{margin-left: 100px;}
.social-icon li{ margin-right: 10px; display: inline-block;}
.social-icon li a{font-size: 14px; width:32px;height:32px;border-radius:100%;display:flex;align-items:center;justify-content:center;border: 1px solid #fff;border-radius: 100%;}
.social-icon a{color: #fff;}
.social-icon{display: flex;}
.part-four h6 {color: #fff;font-family: var(--font-2);margin-bottom: 14px;}
.social-icon li a:hover{ background: #F28029; border-color: #F28029;}
.part-two a:hover{ color: #F28029;}
.part-three p a:hover{ color: #F28029;}
.footer-bottom a:hover{ color: #F28029;}


.footer-bottom{background: #3f42476c;padding: 35px 0;margin-top: 35px;color: #fff;}
.footer-bottom .container{display: flex;justify-content: space-between;}
.separation li {display: inline-block;margin-left: 50px;}
.footer-bottom p{color: rgba(255, 255, 255, 0.8); padding: 0;font-size: var(--font-16);line-height: var(--line-16);font-weight: 400;font-style: var(--font-2);}
.footer-bottom a{color: rgba(255, 255, 255, 0.8);font-size: var(--font-16);line-height: var(--line-16);font-weight: 400;font-style: var(--font-2);}




.bannerBox {
  height: 680px;
  display: flex;
  justify-items: center;
  align-items: center;
  flex-direction: row-reverse;
  overflow: hidden;
}
.ban-info {
  position: relative;
  margin-top: 0;
  width: 50%; padding-left: 10px;
}
.ban-image {
  position: relative;
  top: 0;
  right: 0;
  width: 50%;
}


.sec-banner .container{ max-width: 1440px; padding: 0px;}

.sec-trend{ padding: 0px !important; color: #fff;}
.for-border{ font-size: var(--font-18); line-height: var(--line-18); font-weight: 600; color: #fff; padding: 21px 0;}
.sec-trend p{ padding: 0px; font-size: var(--font-16); line-height: var(--line-16); font-weight: 600; color: #fff;}
.sec-trend .col-lg-2{ border-right: 1px solid #fff;}
.sec-trend .col-lg-10{ padding-left: 30px;}



.trend-info .row { align-items: center;}
.sec-trend .owl-nav {
  position: absolute;
  top: 50%;
  right: 0px;
  display: flex;
  transform: translateY(-50%);
}
.sec-trend .owl-nav button {
  width: 22px;
  height: 22px;
  border: 1px solid rgba(255, 255, 255, 1) !important;
  border-radius: 100%;
  margin-left: 10px;
  font-size: 11px !important;
  display: flex;
  align-items: center;
  justify-content: center;
}
.sec-trend .owl-stage-outer{ padding-right: 65px;}


.footLogo{ max-width: 200px;}


.part-three p{ padding: 0px !important;}
.part-three p a{ padding: 0px !important;}
.part-three li{ margin-bottom: 20px;}
.part-three i {
  color: #E57C25;
  width: 35px;
}
.part-two a {
  color: #fff;
  padding: 6px 0;
  width: 100%;
}


.solution-popup{ position: absolute; top: 0px; left: 0px; height: 100%; padding:100px 80px; width: 100%;}


.sec-sol-info{ max-width: 330px !important; margin: 0px auto;}
.sol-info{
  width: 100%;
  position: relative;
}
.popup-close{
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 39px;
  width: 70px;
  height: 70px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;}

.casestudyBan{ position: relative;}
.casestudyBan:before{ width: 100%; position: absolute; top: 0px; left: 0px; height: 100%; content: ""; background: linear-gradient(90deg, rgba(27, 27, 27, 0.9) 0%, rgba(0, 0, 0, 0.3) 100%);}
.casestudyBan .w-100{ height: 100%;}


.cases-banTxt{ width: 100%; position: absolute; top: 0px; left: 0px; padding: 80px 0;  color: #fff;}
.caseSt{ width: 100%; padding-bottom: 20px; border-bottom: 2px solid #FFFFFF; font-size: var(--font-32); line-height: var(--line-32); margin-bottom: 32px;}
.cases-banTxt h1{ width: 100%; font-size: var(--font-48); line-height: var(--line-48); font-weight: 600;}
.cases-banTxt h5{ width: 100%; font-size: var(--font-32); line-height: var(--line-32); font-weight: 600;}


.case-section h3{ font-size: var(--font-20); line-height: var(--line-20); color: #181818; text-transform: uppercase; letter-spacing: 15%; font-weight: 600;}
.case-section p, .case-section li{ font-size: var(--font-18); line-height: var(--line-18); color: #181818;}
.case-section li{ list-style: disc; margin: 10px 0; padding-left: 4px;}
.case-section ul{ margin: 0px; padding: 0 0 10px 16px;}

.case-section{ padding: 30px 0;}

.acc-cus .accordion-button {
  color: #7049FA;
  font-size: var(--font-32); line-height: var(--line-32);
}
.accordion-header {
  margin-bottom: 0;
  padding: 0px;
}
.acc-cus .accordion-item{ border: none; border-bottom: 1px solid #DEDEDE; border-radius: 0px !important;}
.acc-cus .accordion-button {
  color: #7049FA;
  font-size: var(--font-32);
  line-height: var(--line-32);
  padding: 17px 0 !important;
  background: none !important;
}
.acc-cus .accordion-button::after{background-image: url("../images/Right-arrow.jpg") !important; background-repeat: no-repeat; background-position: center center; transform: inherit;}


button:focus{ box-shadow: none !important;}

.fullcasestudyDtl .case-section:first-child{ background: #F5F5F5;}



.solbanner{ height: 800px; background: #181818; position: relative;}
.solbanner .w-100{ height: 100%;}
.solbanner .bannerText {
  color: white;
  width: 100%;top: 50%; position: absolute; transform: translateY(-50%);
}
.solbanner h1{ font-size: var(--font-48); line-height: var(--line-48); font-weight: 600;}
.solbanner h5{ font-size: var(--font-32); line-height: var(--line-32); font-weight: 600;}
.solbanner h5 em{ color: #F28029; font-style: normal; display: inline;}



.solbanner p{ font-size: var(--font-18); line-height: var(--line-18); font-weight: 400;}
.style1 p{ position: relative; padding-top: 15px;}
.style1 p::before {
  content: "";
  background: #7049FA;
  width: 50px;
  height: 5px;
  position: absolute;
  top: 0;
  left: 0;
}


.blckThem{ background: linear-gradient(180deg, #9B7FFF 0%, #000000 100%); color: #181818;}


.whbg{ background: #fff; color: #181818;}
.whbg .info-box{ background: #D9D9D9; color: #181818;}
.whbg .info-box .arrow{ border-color: #181818; color: #181818; background: none;}
.whbg .info-box .arrow:hover {
  background: #7049FA;
  border-color: #7049FA;
}


.expHeading{
	background: #7049FA;
background: linear-gradient(90deg, rgba(112, 73, 250, 1) 0%, rgba(242, 128, 41, 1) 100%);
}
.exploreSec h2, .exploreSec h1{
	padding:30px 0;
	color:white; font-size: var(--font-48); line-height: var(--line-48); font-weight: 600;
}

.expImage img{
	width:100% !important;
}
.expText h5{
	font-size: var(--font-24);
	line-height: var(--line-24);
	/*color:white;*/
}

.expText p{
	font-size: var(--font-16);
	line-height: var(--line-16)
}

.expText{
	padding:50px;
position: relative;

color:white;min-height: 340px;
}
.expText a{
	padding: 12px 20px;
	border:1px solid white;
	border-radius:10px;
	position:absolute;
	right:50px;
	top: -50px;
	color:white;
	}
.expText::before{
content:"";
	background: url("../images/beforeOrg.png")no-repeat top center;
	width:100% !important;
	height: 134px;
	position: absolute;
	top:  -133px;
	left: 0; background-size: 101% 100% !important;
}
.autoSol{ height:100%; background:#f28029;}   	
.expContent .col-md-6:last-child .autoSol{
		background:#7049fa !important;
	}
.expContent .col-md-6{ margin:10px 0;}
   
    
    
	
.expContent .col-md-6:last-child .expText::before{
	content:"";
	background: url("../images/epi13.png")no-repeat top center;
	width:100% !important;
	height: 123px;
	position: absolute;
	top:  -120px;
	left: 0;
}
.expContent .col-md-6:last-child .expImage{
position:relative;
}
.expContent .col-lg-6:last-child .expImage::before{
		content:"" ;
	background: black;
	width:100%;
	height: 100%;
	position: absolute;
	opacity: 0.5;
}


.expImage{ height: 350px; position: relative;}
.expImage img{ height: 100% !important;}


.playIcon {
  width: 76.29588317871094px;
  height: 76.29588317871094px;
  border-radius: 100%;
  font-size: 32px;
  color: #4A3AFF;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  background: #fff;
  align-items: center;
  justify-content: center;transform: translate(-50%, -50%);
}





/*industries banking css start*/



.bankingBanner{
	width:100%;
	height:100%;
	padding:60px 0;
	background-size:cover;
}
.heroText h1{
			font-size: var(--font-48); line-height: var(--line-48);
			color:#f28028; font-weight: 600;
}
.heroText h3{
			font-size: var(--font-32); line-height: var(--line-32);
			margin-bottom:100px;
}

.heroText h5{
	font-size: var(--font-24); line-height: var(--line-24);
	position: relative;
}
.heroText h5::before{
		content:"" ;
	background: #7049fa;
	width:60px;
	height: 10px;
	position: absolute;
	top:-25px;
	left:0;
	
}
.bankImg img{
		width:100%;
		min-height:424px;
			
}

.expSec{
	background:black;
}
.expSec h3{
		font-size: var(--font-32); line-height: var(--line-32);
		color:#fff;
		margin-bottom:55px;
		
}
.cusExp{
	background:#fff;
	padding:8px;
	border-radius:20px;
	min-height: 467px;
	height: 100%;
	justify-content:space-between;
}
.cusText{
	padding:22px 12px ;
}
.cusText h6{font-size: var(--font-28); line-height: var(--line-28);}
	
.cusText h5{font-size: var(--font-32); line-height: var(--line-32);}
.cusText p{font-size: var(--font-16); line-height: var(--line-16); color: #7f838f;}

.cusImg img{
	width:100%;
	border-radius:11px;
}

.autoTab h3{font-size: var(--font-32); line-height: var(--line-32);}
.autoTab ul li a{font-size: var(--font-24); line-height: var(--line-24); color:#747474; padding:20px 0; border-bottom: 1px solid #18181899; width: 100%;} 
.autoTab ul {
	max-width:332px;
	width:100%;
}
.tabText{
	display:inline-block;
	    margin-bottom: 55px;
	    width:100%;
}
.tabRight{
		max-width:555px;
	    width:100%;
		float:right;
}
.autoTab ul li { width: 100%;}
.tabRight h5{font-size: var(--font-14); line-height: var(--line-14); font-weight:400;}
.tabRight strong{font-size: var(--font-18); line-height: var(--line-18);}
.videoImg{position:relative; border-radius:10px; overflow: hidden;}
.videoImg::before{
	content:" ";
	width:100%;
	height:100%;
	background:black;
	border-radius:10px;
	top:0;
	left:0;
	position:absolute;
	opacity:0.5;
	}
.videoImg img{width:100%;height:100%;}
.videoImg a{
	width:90px;
	height:90px;
	display:flex;
	justify-content:center;
	align-items:center;
	border-radius:100%;
	background:white;
	position: absolute;
	top:50%;
	left:50%;
	font-size:24px !important;
	transform:translate(-50%, -50%)
}


/*carrer css start*/

.careerBan img{
	width:100%;
}

.careerBan{position: relative;}
.textPart h1{font-size: var(--font-48); line-height: var(--line-48); color:white;}
.textPart{
	position:absolute;
	bottom: 20%;
	left:50%;
	transform: translateX(-50%);
}
.overleyImg img{border-radius:15px;}

.overleyImg {
	position:relative;
	margin-top:-60px;
}
.joinText{text-align:center;}
.joinText p{
	font-size: var(--font-16); line-height: var(--line-16);
}
.joinText h5{
	font-size: var(--font-24); line-height: var(--line-24); color:white;
	color:#f28028;
	font-weight:500;
}
.joinU{
	background: linear-gradient(90deg, rgba(112, 73, 250, 1) 0%, rgba(242, 128, 41, 1) 100%);
	padding:30px 0;
}
.joinTxt{
	justify-content:space-between;
	align-items: center;
}
.joinTxt h5{
	font-size: var(--font-40); line-height: var(--line-40); color:white;
	padding-bottom:0;font-weight: 600;
}
.joinTxt a{
	border-radius:12px;
	border:1px solid white;
	font-size: var(--font-18); line-height: var(--line-18); color:white;
	padding:15px 30px;
	
}


.workHead h3{
	font-size: var(--font-32); line-height: var(--line-32); 
	margin-bottom:75px;
}
.whyReason{
	width:100%;
}
.whyReason .col-md-3{
	width:20%;
	border:0.5px solid #4D5461;
	min-height: 438px;
	height:100%;
    border-right: none;
}
.reason h5{font-size: var(--font-18); line-height: var(--line-18);  margin:35px 0; padding:0;}
.reason p{font-size: var(--font-14); line-height: var(--line-14);}
.reason{
 padding: 90px 30px 20px 30px;
}

.joinTheteam{
	background:black;
}
.joinTheteam h3{
	font-size: var(--font-32); line-height: var(--line-32);
	color:#fff;
	margin-bottom:55px;
}

.engine h6{
	font-size: var(--font-24); line-height: var(--line-24);
	padding:15px 25px; color:white;
}
.engine ul li{
	font-size: var(--font-14); line-height: var(--line-14);
	padding:7px 25px;
}
.engine{
		border-radius:20px;
	overflow: hidden;
	min-height:200px;
	height:100%;
}
#engine1{
	background: #ffa55f;
}
#engine1 ul li{
		border-bottom: 0.5px solid #f28028;
}
#engine1 h6{
   background: #f28028;
}
#engine2{
	background: #a58dff;
}
#engine2 ul li{
		border-bottom: 0.5px solid #7049fa;
}
#engine2 h6{
		background: #7049fa;
}
#engine3{
	background: #81cf93;
}
#engine3 ul li{
		border-bottom: 0.5px solid #42b75e;
}
#engine3 h6{
   background: #42b75e;
}
.engine ul li:last-child{
	border-bottom:none !important;
}

.gradientSec  h2{
	font-size: var(--font-40); line-height: var(--line-40);
	color:white;
}
.gradientSec {
	padding:30px 0;
		background: linear-gradient(90deg, rgba(112, 73, 250, 1) 0%, rgba(242, 128, 41, 1) 100%);
}
.openOption{
	background: #d9d9d9;
}
.openOption h3{
	font-size: var(--font-32); line-height: var(--line-32);
	font-weight:600;
}
.dataEngineer{
	background:#e9e9e9;
	padding:45px 50px;
	position:relative;
    border-bottom: 5px solid #7049FA;
}
.dataEngineer ul{
	position:absolute;
	right:50px;
	top: 45px;
}
.dataEngineer a{
	background: #4f60f6;
	padding: 8px 18px;
	border-radius:8px;
	color:white;
	font-size: var(--font-14); line-height: var(--line-14);
}
.dataEngineer h4{
		font-size: var(--font-24); line-height: var(--line-24);
		font-weight:600;
		font-family:var(--font1);
}
.dataEngineer p{
	font-size: var(--font-16); line-height: var(--line-16);
}


.tabPane { display: none; }
.autoTab a.active { font-weight: 600; color: #000; }



.ban-info {
  position: relative;
  margin-top: 0;
  width: 50%;
  padding-left: 10px;
  max-width: 720px;
  float: right;
}


.sec-banner .container {
  max-width: 100%;}
.navbar-brand1{ width: auto !important}



/*news events*/

.spring-tour{
	background:#212936;
		color:white; margin: 12px 0;
}
.tour-text{
	padding:38px;
}
.tour-text h6{ min-height: 78px;
  font-size: var(--font-20); line-height: var(--line-20);	
  font-weight:600;
 
}
.tour-text h6 a{ color: #fff;}
.tour-text p a{ color: #FFFFFFCC;}



.tour-text p{
  font-size: var(--font-16); line-height: var(--line-16);
  }
.tour-text p em{
	color:#F28029;
	font-style:normal;
}
.tour-details{
	display:flex;
	justify-content:space-between;
}
.tour-details .tour-date{
	background: url("../images/tour-date.svg") left center;
	padding-left: 30px;
	background-repeat:no-repeat;
}
.tour-date{
	font-weight:400;
}




/*videos page css*/


.form-div{
	display:flex;
	gap:10px;
	
}
.labl{
	position:relative;
}

.search-sec label{
	position: absolute;
  color: #8b8b8b;
  padding: 0px 10px;
  top: -9px;
  left: 12px;
  background: black;
}
.search-sec{
}
.filter-sec{
	width:60%
}
.search-bttn{
	width:10%
}
.search-sec input[type="search"]{
	width:100%;
 background-color: transparent; 
  border: 0.5px solid #8b8b8b;
}
.filter-sec input[type="text"]{
	width: 100%;
	background-color: transparent; 
  border: 0.5px solid #8b8b8b;
}
.search-bttn input[type="search"]{
	width:100%;
}



.automation{
	background:#181818; color: #fff;
}
.automation h3{
	font-size: var(--font-32); line-height: var(--line-32);
	margin-bottom:15px;
	color:white;
}


.automation-div{
	background:black;
}
.autobox-img::before{
	content:"";
	width:100%;
	height:100%;
	background: rgba(0, 0, 0, 0.37);
	position:absolute;
	top:0;
	left:0;
}
.box-img img{
	width:100%;
	width:100%;
}
.auto-text{
	    padding: 25px;
	background:#212936;
}
.auto-text h6{
	  font-size: var(--font-16); line-height: var(--line-16);
	  color:white;
	  padding:0
}

.auto-text h5{ font-size: var(--font-20); line-height: var(--line-20);}





.autobox-img{
	position: relative;
}
.auto-vid{
	position:absolute;
	display:flex;
	justify-content:center;
	align-items:center;
	width:55px;
	height:55px;
	border-radius:100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	background:white;
	font-size: 22px !important;
}


.tour-img a{ width: 100%;}
.tour-img img {
    width: 100%;
    height: 355px !important;
    object-position: top;
}

.tour-text {
  padding: 27px;
  min-height: 323px;
}



.pagination-wrap ul {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pagination-wrap li {
    display: inline-flex;
}

.pagination-wrap a,
.pagination-wrap span {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-16); line-height: var(--line-16);
    color: #A3A3A3;
    text-decoration: none;
    transition: 0.3s ease;
}

.pagination-wrap a.prev, .pagination-wrap a.next{border: 1px solid #FFFFFF; } 


/* Number buttons */
.pagination-wrap a {
    background: transparent;
    color: #A3A3A3;font-weight: 500;
}

/* Active page */
.pagination-wrap .current, .pagination-wrap .active a {
    color: #F8F8F8;
    font-weight: 500;
}

/* Prev / Next buttons */
.pagination-wrap .prev,
.pagination-wrap .next {
    background: #f7931e; /* orange */
    color: #fff;
}

/* Hover */
.pagination-wrap a:hover {
    background: #f7931e;
    color: #fff;
}

.blogListing{ background: #181818;}


.blogban img {
  height: 325px;
  border-radius: 15px;
  min-height: auto !important;
}
.automation-div {
  background: #212936;
  width: 100%; color: #fff; height: 100%; min-height: 330px;
}
.automation-div h6{ padding-bottom: 10px; }

.autobox-img img{ height: auto !important;}


.darkThem{ background: #181818; color: #fff;}


.casestudyBox .tour-text h6 { min-height: 45px;}
.casestudyBox .tour-text{ min-height: 200px;}



.award-box{ background: #212936; position: relative;}
.award-box p{ color: rgba(255,255, 255, 0.8); font-size: var(--font-14); line-height: var(--line-14); font-weight: 400;}
.award-box h3{ color: rgba(255,255, 255, 1); font-size: var(--font-24); line-height: var(--line-24); font-weight: 600;}
.winListRow{ background: #131927; position: relative;}

.award-content {
  padding:40px 25px;
  width: 100%;
  display: inline-block;
}
.award-date-badge {
  display: inline-block;
  background: #7049FA;
  font-family: var(--font-1);
  color: #FFFFFF;
  font-weight: 600;
  padding: 10px;
  border-radius: 0 0 10px 10px;
  min-width: 95px;
  text-align: center;
  float: right;
  position: relative;
  right: 40px;
}
.winListRow {
  background: #131927;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between; padding: 15px 40px;
}

.award-winner-list li{ display: inline-block; font-size: var(--font-14); line-height: var(--line-14); font-weight: 400; color: rgba(255,255, 255, 0.8);}
.award-winner-list li{ border-right: 1px solid #7049FA; padding:0 6px 0 4px;}
.award-winner-list li:first-child{ padding-left: 0px;}
.award-winner-list li:last-child{ border: none;}
.winListRow {
  background: #131927;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0 25px;
  height: 60px; position: relative;
}


.award-brand-logos{ position: absolute; display: flex; bottom: 18px; right: 25px;}
.award-brand-logos .brand-logo-item{ margin-left: 10px;}
.award-winner-list{ width: 70%;}


.bankingBanner{ background-size: cover !important;}
.h-auto{ min-height: auto !important;}
/*.solutionlistBan .heroText h3{ font-weight: 600;}*/
.solutionlistBan .heroText h5, .heroText h5{ font-weight: 400; font-size: var(--font-20);
  line-height: var(--line-20);}
.solutionlistBan .row { min-height: 620px;}

.cusText h6{ color: #111928;}
.cusImg img {
  width: 100%;
  border-radius: 11px !important;
  height: 281px;
}

.autoTab ul {
  max-width: 420px;
  width: 100%;
}

.autoTab ul li a{ font-weight: 600;}
.autoTab a.active{ color: #181818; border-color: #000; border-width: 2px;}
.tabRight h5 {
  font-size: var(--font-14);
  line-height: var(--line-14);
  font-weight: 400;
  color: #181818;
  letter-spacing: 0px;
}

.tabText p{ color: #181818;  font-size: var(--font-18); line-height: var(--line-18); font-weight: 600;}

.expSec .col-md-4{ margin: 10px 0;}



.darkThem .modal-content{ background: #212936;}
.request-case-study p{ padding: 0px !important;}
.form-control{ height: 45px; padding: 0 15px !important; font-size: 14px;}
.request-case-study p br{ display: none;}
.form-label {
  margin-bottom: .5rem;
  width: 100%;
}
.request-case-study span{ width: 100%;}

.darkThem .modal-header .btn-close {
  padding: 14px;
  margin: 0;
  color: #fff !important;
  opacity: 1 !important;
  position: absolute;
  right: 0px;
  top: 0px;
  filter: brightness(0) invert(1);
}

.text-danger{ width: auto !important;}
.wpcf7-spinner{ display: none !important; margin: 0px !important;}


.fullBanner{
    width: 100%;
    position: relative;
}
.fullBanner img{ height:400px;}
.fullContTxt{
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0px;
    transform: translateY(-50%);
}
.fullBanner .heroText h1, .fullBanner .heroText p{ color:#fff;}

.navbar-brand1 {
    width: 75px !important;
}

.blogListing {
    background: #181818;
    color: #fff;
}

.blogDetails li, .cmspage li{ font-size: var(--font-16); line-height: var(--line-16);font-family: var(--font-1);font-weight: 400; margin:10px 0; list-style:disc; }
.blogDetails ul, .cmspage ul{ padding:0 0 10px 20px;}
.blogDetails p img{ padding:0 12px 12px 0;}
.posttags a, .sglepostmetasec a, .cmspage a{ color: #F28029;}





textarea.form-control {
    min-height: calc(1.5em + .75rem + 2px);
    padding-top: 10px !important; padding-bottom: 10px !important;
    height: 120px;
    resize: none;
}

.font-18{ font-size: var(--font-18);
    line-height: var(--line-18);
}
.contactLeft h3{ font-size: var(--font-20); line-height: var(--line-20); color:#F28029; padding: 12px 0;}

.contactLeft h4{ font-size: var(--font-20); line-height: var(--line-20); color:#000; padding: 12px 0;}
.contactLeft a{ color: #000;}

.contact-map iframe{ width:100%; height:700px; border: 5px solid #ced4da;}

.media-list li{ list-style:none;}
.media-list{ display:flex; flex-wrap:wrap;}
.media-list li {
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center; margin:20px 0;
}
.media-list i {
    width: 100px;
    display: inline-block;
    margin: 19px auto;
}



.standFor h3{font-size: var(--font-32); line-height: var(--line-24); }
.standFor p{font-size: var(--font-16); line-height: var(--line-16); }


.standCont{
	/*padding:50px 0;*/
}

.standCont i{
	background:#7049FA;
	width:70px;
	height:70px;
	border-radius:10px;
	margin-bottom:30px;
	
}
.flexi{
	box-shadow: 0px 5px 12px 0px rgba(0, 0, 0, 0.1);
	min-height: 435px;
	border-radius: 20px;
	padding:25px ;
	margin-top: 35px;
}


.weDo{
	padding:50px 0;
	background:black;
}
.weDo .text h3{
	font-size: var(--font-32)
}

.weDo .text h3{
	font-size: var(--font-32);
	line-height: var(--line-32);
	color:white;
}
.weDo .text h5{
	font-size: var(--font-24);
	line-height: var(--line-24);
	color:#F28029;
}
.weDo .text p{
	font-size: var(--font-16);
	line-height: var(--line-24);
	color:white;
}

.tooltip-inner {
    background-color: #000;
    color: #fff;
    padding: 8px 12px;
    font-size: 13px;
    border-radius: 6px;
}

.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #000;
}

.tooltip-inner {
    background: linear-gradient(45deg,#6a11cb,#2575fc);
    color:#fff;
    font-weight:500;
    padding:10px 14px;
    border-radius:8px;
}

.bs-tooltip-top .tooltip-arrow::before {
    border-top-color:#2575fc;
}
.navbar-brandNw{ position: relative;}
.navbar-brandNw span {
    background: #7049fa;
    padding: 5px 10px;
    font-size: 10px;
    line-height: 12px;
    position: absolute;
    bottom: -20px;
    left: 50%;
    width: 146px;
    color: #fff;
    text-align: center;
    transform: translateX(-50%);
    border-radius: 5px;
    opacity: 0;
}
.navbar-brandNw span:before {
    content: "";
    border: 10px solid transparent;
    border-bottom: 10px solid #7049fa;
    position: absolute;
    top: -17px;
    left: 50%;
    transform: translateX(-50%);
}
.navbar-brandNw:hover span {
    opacity: 1;
}
.contactLeft h3{ text-transform: uppercase;}
.contactLeft h4{ font-weight: 600; color:#088945;}

.contactLeft h6 strong{ font-weight: 600; color:#7049FA; }


.fullBanner:before{
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0px;
    content: "";
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
}

.header_sec.fixed{
    width: 100%;
    position: fixed;
    z-index: 22;
    box-shadow: 2px 1px 5.9px 0px rgba(0, 0, 0, 0.25);
    background: #fff;
    top: 0px;
    left: 0px;
}


.expText{ min-height: auto;}
.autoTab ul li a sup{ font-size: 13px;}




/*About us page*/

.aboutBan{
	width:100%;
	height:100%;
	padding:60px 0;
	background-size:cover;
}

.abtImg img{
	height:396px;
	width:100%;
}
.abtText h1{
	font-size: var(--font-48);
	line-height: var (--line-48);
	color:#F28029;
}

.weDo{
	padding:50px 0;
	background:black;
}
.weDo .text h3{
	font-size: var(--font-32)
}

.weDo .text h3{
	font-size: var(--font-32);
	line-height: var(--line-32);
	color:white;
}
.weDo .text h5{
	font-size: var(--font-24);
	line-height: var(--line-24);
	color:#F28029;
}
.weDo .text p{
	font-size: var(--font-16);
	line-height: var(--line-24);
	color:white;
}

.standFor{
	padding:50px 0;
}

.standHead {
    max-width: 52%;
    margin: 0 auto;
}
.standFor h3{font-size: var(--font-32); line-height: var(--line-24); }
.standFor p{font-size: var(--font-16); line-height: var(--line-16); }


.standCont{
	/*padding:50px 0;*/
}

.standCont i{
	background:#7049FA;
	width:70px;
	height:70px;
	border-radius:10px;
	margin-bottom:30px;
	
}
.flexi{
	box-shadow: 0px 6px 20px -7px #888888;
	min-height: 435px;
	border-radius: 12px;
	padding:25px ;
	margin-top: 35px;
}

.highHead{
	background:black;
		padding:55px 0 120px 0;
}
.highHead h3{
	font-size: var(--font-32); line-height: var(--line-32);
	color:white;
}
.highHead p{
	font-size: var(--font-16); line-height: var(--line-16);
	color:white;
}

.highCont .est{
	background:#7049fa;
	height: 288px;
	padding:0 35px;
	color:white;
	display:flex;
	flex-direction: column;
	justify-content: center;
}
.whoHead{
	padding-bottom: 110px;
}
.whoHead h3{
	font-size: var(--font-32); line-height: var(--line-32);
	color:white;
}
.whoHead p{
	font-size: var(--font-16); line-height: var(--line-16);
	color:white;
}

.whoWe{
	padding: 75px 0 98px 0;
	background:black;
}
.weAbout strong{
	font-size: var(--font-18); line-height: var(--line-18);
	color:white;
}
.weAbout p{
		font-size: var(--font-18); line-height: var(--line-18);
	color:white;
}
.details{
	margin-bottom:40px;
}
.details a{
	color:#fff;
}
/*.weAbout ul li a{
	color:#7049fa!important;
}*/
.awrdHead h3{
		font-size: var(--font-32); line-height: var(--line-32);
}
.awrdHead p{
			font-size: var(--font-16); line-height: var(--line-16);
}
.awrdSec{
	padding:100px 0 !important;
}

.awrdCar{
	margin-top:65px;
}
.bankingBanner.awrdCar img{
	width:auto !important;
	max-width:100%;
}
.arwdIt{
		justify-content:center;
	height:170px;
	align-items:center;
}

.joinTeam{
	background: #7049FA;
background: linear-gradient(90deg, rgba(112, 73, 250, 1) 0%, rgba(242, 128, 41, 1) 100%);
}
.jTex{
	padding:35px 0;
	justify-content:space-between;
	align-items:center
}
.jTex h2{
	font-size: var(--font-40); line-height: var(--line-40);
	color:white;
	padding:0;
}
.jTex a p{
	font-size: var(--font-18); line-height: var(--line-18);
	color:white;
	padding:0;
}
.jTex a{
     border:1px solid white;
     padding:20px 30px ;
     border-radius:10px
}
.jTex a > span{ 
    position: relative;
    z-index: 2;
    pointer-events: none;
    display: flex;
    gap: 7px;}
.jTex a > span img{ object-fit: inherit;}    
    
    
/*.partnerSec{
	padding:100px;
}*/
.partnerSec h3{
		font-size: var(--font-40); line-height: var(--line-40);
		margin-bottom:70px;
}
.partnerCar img{
	width:auto !important;
	max-width:100% !important;
}
.partnerCar .partnerIt{
	justify-content:center;
	height:75px;
	align-items:center;
}


.partnerCar{
	position:relative;
}
.partnerCaro .fa-circle-left{
	position:absolute;
	left:-40px;
	font-size:20px ;
	top:30px;
}

.partnerCaro .fa-circle-right{
	position:absolute;
	right:-40px;
	font-size:20px ;
	top:30px;
}





.blocard img {height:auto;}


.solbanner, .bankingBanner, .aboutBan, .careerBan img, .casestudyBan{height: 700px;}

.bannerBox{height: 700px !important;}

.abtImg img{ border-radius: 15px;}

.bannerCont, .bannerCont .container, .bannerCont .row, .bankingHero, .bankingHero .container, .bankingHero .row, .solutionlistBan .row{ height:100%; min-height:auto !important;}





.blogban img, .abtImg img {
    height: 100%;
    border-radius: 15px;
    min-height: auto !important;
}
.h-auto{ width:auto !important;}

.blogDtlTxt{ padding:40px;}

.blogDtlTxt h1{ font-size:var(--font-28); line-height: var(--line-28); font-weight: 600; width: 69%;}

.blogDtlTxt .media{ justify-content: space-between;}

.blogDtlTxt .tour-date{
	background: url("../images/tour-date.svg") no-repeat left center;
	padding-left: 30px;
	background-repeat:no-repeat; color: rgba(255,255,255,0.8);  font-weight: 600;
}
.blogDtlTxt p em{ font-style: normal; color:#F28029; }
.post-categories li{ display: inline-block; margin:6px 6px 0 0;}
.post-categories li a{ border: 1px solid #fff; border-radius: 20px; padding: 6px 20px; color:#fff; font-size: var(--font-18);
    line-height: var(--line-18); font-weight: 400;}
.post-categories{ margin:0px; padding:0px !important; }


.blogDtlTxt p{ color: rgba(255,255,255,0.8);}
.blogDtlTxt p a{ color: rgba(255,255,255,0.8);}
.blogDtlTxt p a:hover{  color: rgba(255,255,255,1); }

.weAbout .col-md-4{ margin:10px 0 !important;}
.arwdIt img{ width:auto !important; transition: all 0.5s ease-in-out; transform: scale(0.9);}

.arwdIt:hover img{ transform: scale(1.05);}


.est p{ min-height:80px;}

.reason {
    padding: 90px 30px 20px 30px;
    height: 100%;
}



.videoboxs .autobox-img img {
    height: 265px !important;
}




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

.bankImg{ text-align: center;}


.expHeading{
	background: #7049FA;
background: linear-gradient(90deg, rgba(112, 73, 250, 1) 0%, rgba(242, 128, 41, 1) 100%);
}
.exploreSec h2, .exploreSec h1{
	padding:30px 0;
	color:white; font-size: var(--font-48); line-height: var(--line-48); font-weight: 600;
}




#business-impact ul{ position: relative;}
#stapId-1 #business-impact ul {
    border-left: 3px solid #7049FA;
    content: "";
    position: relative;
    top: 0px;
    left: 0px;
    padding-left: 38px !important;
    padding-bottom: 0px;
}

#stapId-1 #business-impact li {
    margin: 20px 0;
}






.case-meta-bar {
    background: #fff;
    padding: 20px 0;
}
.case-meta-group {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-right: 60px;
}
.case-meta-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #333;
}
.case-meta-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.case-meta-tag {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 8px 18px;
    border: 1px solid #000;
    border-radius: 50px;
    font-size: var(--font-18);
    color: #000;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.2s, color 0.2s;
}
.case-meta-tag:hover {
    background: #222;
    color: #fff;
}
.tag-arrow {
    font-size: 14px;
}



.tabPane{
opacity:0;
max-height:0;
overflow:hidden;
transition:opacity .4s ease,max-height .4s ease; display:block;    position: absolute;
    top: 0px;
    left: 0px;
}

.tabPane.active{
opacity:1;
max-height:2000px;
}

.tabRight{ position: relative; min-height: 210px;}


.autoSol{border-radius: 10px; overflow: hidden;}



.award-box{ height: 100%;}
.winListRow{ position: absolute;
    width: 100%;
    bottom: 0px;}
.award-content {padding-bottom: 109px;}


.arwdIt{ padding: 20px !important;}


.arwdIt img{ max-width:66%;}



.partnerCaro .owl-nav button{
    width: 35px;
    height: 35px;
    border: 1px solid #181818 !important;
    border-radius: 100%;
    margin-left: 10px;
    font-size: 17px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #181818;
    background: none !important;position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.partnerCaro .owl-nav button.owl-prev{ left:-10px;}
.partnerCaro .owl-nav button.owl-next{ right:-10px;}
.partnerCaro{ padding:0 40px;}


.info-box h6{ font-size: var(--font-20); line-height: var(--line-20); padding-bottom:15px;}
.info-box strong{ font-size: var(--font-16); line-height: var(--line-16); font-weight: 600;}


.readmor{ color:#f28029;}
.readmor:hover{ color:#fff; }

.readmor:hover img{ filter:brightness(0) invert(1);}


.blog-filter-bar {
    background: #1a1d2e;
    padding: 28px 20px 24px;
    margin-bottom: 32px;
    border-radius: 8px;
}
.filter-row { display: flex; gap: 14px; align-items: flex-end; }
.filter-label {
    display: block; font-size: 11px; color: #888;
    background: #1a1d2e; position: absolute;
    top: -10px; left: 12px; padding: 0 4px; z-index: 1;
}
.filter-search-wrap { position: relative; width: 220px; flex-shrink: 0; }
.filter-search-box {
    display: flex; align-items: center;
    border: 1px solid #444; border-radius: 6px;
    background: #1a1d2e; padding: 0 12px; height: 48px;
}
.filter-search-box input {
    flex: 1; background: none; border: none;
    outline: none; color: #fff; font-size: 14px;
}

.filter-search-box input::placeholder{ color: #fff;}
.search-icon { display: flex; align-items: center; }
.filter-tags-wrap { flex: 1; position: relative; }
.filter-tags-box {
    display: flex; align-items: center; flex-wrap: wrap; gap: 6px;
    border: 1px solid #444; border-radius: 6px; padding: 6px 12px;
    background: #1a1d2e; min-height: 48px; cursor: text; position: relative;
}
.active-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.filter-tags-wrap input {
    flex: 1; min-width: 160px; background: none;
    border: none; outline: none; color: #aaa; font-size: 13px;
}
.filter-tags-wrap input::placeholder { color: #fff; }
.filter-chip {
    display: inline-flex; align-items: center; gap: 6px;
    background: #7c3aed; color: #fff; padding: 3px 10px;
    border-radius: 4px; font-size: 13px; font-weight: 500;
    white-space: nowrap; animation: chipIn 0.15s ease;
}
@keyframes chipIn {
    from { transform: scale(0.85); opacity: 0; }
    to   { transform: scale(1);    opacity: 1; }
}
.chip-remove {
    background: none; border: none; color: #fff;
    cursor: pointer; font-size: 15px; line-height: 1; padding: 0; opacity: 0.85;
}
.chip-remove:hover { opacity: 1; }
.filter-clear-all {
    background: none; border: none; color: #888;
    font-size: 20px; cursor: pointer; padding: 0 2px; line-height: 1; flex-shrink: 0;
}
.filter-clear-all:hover { color: #fff; }
.filter-dropdown {
    display: none; position: absolute; top: calc(100% + 4px); left: 0; right: 0;
    background: #2a2d40; border: 1px solid #444; border-radius: 6px;
    z-index: 2; max-height: 220px; overflow-y: auto;
    list-style: none; margin: 0; padding: 0;
    box-shadow: 0 8px 24px rgba(0,0,0,0.4);
}
.filter-dropdown.open { display: block; }
.filter-dropdown-item {
    padding: 10px 16px; cursor: pointer; font-size: 13px;
    color: #ddd; border-bottom: 1px solid #333; transition: background 0.15s;
}
.filter-dropdown-item:last-child { border-bottom: none; }
.filter-dropdown-item:hover { background: #363a55; }
.filter-dropdown-item.hidden { display: none; }
.filter-search-btn {
    padding: 0 32px; height: 48px; background: #4f7fff;
    border: none; border-radius: 6px; color: #fff;
    font-size: 15px; font-weight: 600; cursor: pointer;
    flex-shrink: 0; transition: background 0.2s, opacity 0.2s;
}
.filter-search-btn:hover    { background: #3a6aee; }
.filter-search-btn:disabled { opacity: 0.6; cursor: not-allowed; }

/* ── AJAX Pagination ── */
.pagination-wrap { margin-top: 30px; }
.pagination-wrap ul {
    display: inline-flex;
    gap: 6px;
    list-style: none;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
    justify-content: center;
}
.pagination-wrap ul li a,
.pagination-wrap ul li span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 10px;
    border: 1px solid #444;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 500;
    color: #ccc;
    background: #1a1d2e;
    text-decoration: none;
    transition: background 0.2s, border-color 0.2s, color 0.2s;
    cursor: pointer;
}
.pagination-wrap ul li a:hover {
    background: #f27902;
    border-color: #f27902;
    color: #fff;
}
.pagination-wrap ul li span.current {
    background: #f27902;
    border-color: #f27902;
    color: #fff;
    cursor: default;
}
.pagination-wrap ul li span.dots {
    border: none;
    background: none;
    color: #666;
    cursor: default;
}
#blogResultsWrap { position: relative; min-height: 200px; }
.blog-loading {
    position: absolute; inset: 0; background: rgba(255,255,255,0.55);
    display: flex; align-items: center; justify-content: center;
    z-index: 10; border-radius: 8px;
}
.blog-spinner {
    width: 44px; height: 44px;
    border: 4px solid #e0e0e0; border-top-color: #f27902;
    border-radius: 50%; animation: spin 0.75s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }
#blogPostsRow .col-md-6 { animation: postFadeUp 0.35s ease both; }
@keyframes postFadeUp {
    from { opacity: 0; transform: translateY(14px); }
    to   { opacity: 1; transform: translateY(0); }
}
@media (max-width: 767px) {
    .filter-row         { flex-direction: column; }
    .filter-search-wrap { width: 100%; }
    .filter-search-btn  { width: 100%; }
}




.blog-filter-bar {
  background: none !important;
  padding: 0 !important;
  margin-bottom: 32px !important;
  border-radius: 0px !important;
}
.filter-label{ background: #181818 !important;}
.filter-search-wrap{ width: 25% !important;}
.filter-tags-box, .filter-search-box{ background: #181818 !important; border: 1px solid #fff !important; border-radius: 2px !important;}
.filter-label{ color: #fff !important;}
.filter-search-box{ position: relative !important;}
.filter-tags-wrap input{  color: #fff !important;}
.filter-tags-wrap input::placeholder {  color: #fff !important;}
.filter-chip{ border-radius: 0px !important; background: #5538BB !important;}
.filter-search-btn{ background: #4E61F6 !important; width: 142px;}

.pagination-wrap ul li a, .pagination-wrap ul li span {
  width: 28px !important;
  height: 28px !important;
  border: none !important;
  border-radius: 100%;
  color: #A3A3A3 !important;
  padding: 0px !important;
  min-width: auto !important;
  border-radius: 100% !important; background: none !important;
  
}

.pagination-wrap a.prev, .pagination-wrap a.next{ background: #F28029 !important; border: 1px solid #fff !important; color: #fff !important;}
.pagination-wrap ul li span.current{ background: none !important; border: none !important; color: #F8F8F8 !important;}

.swp_social_panel{ justify-content: inherit; display: inline-block !important;}
.swp_social_panel .nc_tweetContainer {
  border: 1px solid #fff !important;
  border-radius: 50px !important;
  min-width: 160px !important;
  background: #fff !important; height: 42px !important;
}
.swp_social_panel .nc_tweetContainer a.nc_tweet, .swp_social_panel .nc_tweetContainer.total_shares .swp_count{  height: 40px !important;}
.swp_social_panel a .swp_count.swp_hide i{
  margin: 0;
  width: auto;
  background: #181818 !important;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
}
.swp_social_panel .swp_share{ height: 40px !important;}
.swp_social_panel{ height: auto !important;}

.swp_social_panel a .swp_count.swp_hide, .swp_social_panel .iconFiller, .swp_social_panel .nc_tweetContainer .spaceManWilly{ width: 100% !important; height: auto !important;}

.swp_social_panel a .swp_count.swp_hide {
  margin: 0 !important;}
.swp_social_panel .swp_share {
  height: 40px !important;
  width: auto !important;
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
}
.swp_social_panel .nc_tweetContainer .spaceManWilly {
  display: flex;
  width: 100% !important;
  align-items: center;
}
.swp_social_panel .swp_share {
  height: 40px !important;
  width: auto !important;
  color: #000 !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  display: flex;
  align-items: center;
}


.swp_facebook .swp_share, .swp_twitter .swp_share, .swp_linkedin .swp_share{
    font-size:0 !important; font-family: var(--font-1);
}

.swp_facebook .swp_share:after{
    content:"Facebook";
    font-size:14px;
}

.swp_twitter .swp_share:after{
    content:"Twitter";
    font-size:14px;
}
.swp_linkedin .swp_share:after{
    content:"LinkedIn";
    font-size:14px;
}






.readmor{ position: relative; display: flex !important; line-height:30px; align-items: center;}
.readmor .fa-solid{ position: relative; width:40px;}
.readmor .fa-solid::after {
  width: 22px;
  height: 22px;
  border: 1px solid #f28029;
  content: "";
  position: absolute;
  top: 0px;
  right: 0px;
  border-radius: 100px;
}
.readmor:hover{ color: #7049fa;}
.readmor:hover .fa-solid::after{ border-color:#7049fa;}


.swp_share_link:hover .iconFiller{ background: #F28029; color:#fff;}
.swp_share_link:hover .swp_share{ color:#fff !important; }



.heroText h1 strong{ font-weight: 700;}


.sec-sol-info h6{ min-height:60px;}
.sec-sol-info p {
  min-height: 120px;
}

.fullBanner img{ object-position: top;}


/*.filterIn{ width:100%; position: relative; display: flex; height:55px; overflow:hidden;}*/


h2 strong {font-weight:600;color:#f28029;display:inline;}

.btn-primary {
    color: #fff;
    background-color: #4f61f6;
    border-color: #4f61f6;
}

.readmor1 {color:#f280029;}
.readmor1:hover {color:#7049fa;}



.search-icon {
  display: flex;
  align-items: center;
  width: 44px;
  position: absolute;
  right: 0px;
  text-align: center;
  align-items: center;
  justify-content: center;
  height: 100%;
}

#solution-briefs-wrap .tour-img img, #cs-posts-wrap .tour-img img, #blogPostsRow .tour-img img  {
  width: 100%;
  height: auto !important;
  object-position: top;
}

#cs-posts-wrap .casestudyBox:hover .tour-img img {
  transform: inherit;
}

.highHead{ padding: 50px 0;}


.modal-header .btn-close{ position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;}

.form-control:focus{ box-shadow: none !important; border-color: #7049fa !important;}



.wpcf7 form .wpcf7-response-output{ border: none !important; padding: 5px 10px; text-align: center; font: 400 13px/16px 'Roboto', sans-serif; color:#fff;
 margin: 15px 0 0 !important; }
.invalid .wpcf7-response-output{ background:#dc3232; }
.sent .wpcf7-response-output{ background:#84c426; }
span.wpcf7-not-valid-tip { background: #dc3232; position: absolute; top: 24px; left: 0px; font: 400 11px/14px 'Roboto', sans-serif;
 border-radius: 5px; padding: 6px 14px; color: #fff; z-index: 1;}
span.wpcf7-not-valid-tip::before { position: absolute; top: -15px; left: 10px; border: 9px solid transparent; border-bottom: 10px solid #dc3232;
 content: ""; }

.wpcf7-form-control.g-recaptcha.wpcf7-recaptcha.wpcf7-not-valid {  position: relative !important; width: 100%;display: inline-block;}

.wpcf7-form-control-wrap {  position: relative;}

span.wpcf7-not-valid-tip {  top: 100%;}
.rechfrmmain iframe {
  transform: scale(0.77);
  -webkit-transform: scale(0.77);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}



.formmodal .sent .wpcf7-response-output{ display: none;}


.case-section {
  padding: 20px 0;
}
.fullcasestudyDtl .case-section:first-child{ padding: 42px 0;}

.case-section p br{ display: none;}

 

.fullcasestudyDtl{ width: 100%; padding-bottom: 30px;}

table{ width: 100%; border: 1px solid #d2d2d2;}
table tr td, table tr th{border: 1px solid #d2d2d2;
  padding: 15px;}



#webinars-wrap .tour-img img {
    width: 100%;
    height: 235px !important;
    object-position: top;
}
figure{ width: auto !important;}
.case-section figure.alignright {
  width: 46% !important;
  float: right;
  padding: 10px 0 20px 28px;
}
.case-section figure.alignleft{ width: 46% !important; float: left; padding: 10px 28px 0px 0px;}
.case-section figure figcaption{ display: none;}
.case-section figure img{ width: 100%;}

.case-section figure.alignright, .case-section figure.alignleft{ width: 46% !important;}

.job-toggle-btn {
  border-radius: 12px !important;
  border: 1px solid #7049FA !important;
  background: #7049FA !important;
}
.job-toggle-btn:hover{ border-color:#f2802a !important;}


.job-toggle-btn{ border:none !important;}
/*.filter-search-btn{ border: 2px solid #4E61F6;}
.filter-search-btn:hover{ border: 2px solid transparent; }*/
.filter-search-btn{ height: 49px;}

video{ object-fit: cover !important;}
/*.video-ban-image:before{ width: 190px; height: 100%; position: absolute; top: 0px; left: 0px; background: url(../images/b1.png) no-repeat left center; content: ""; background-size: 100%;}*/

#backToTop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 999;
  
  background: #7049fa;
  color: #fff;
  border: none;
  outline: none;
  
  width: 45px;
  height: 45px;
  border-radius: 50%;
  
  font-size: 20px;
  cursor: pointer;
  
  display: none; /* hidden by default */
  transition: all 0.3s ease;
}

#backToTop:hover {
  background:#F28029;
  transform: translateY(-3px);
}

.ban-image img{ height: 100%;}


.steps-nav button:hover, .partnerCaro .owl-nav button:hover {
  background: #7049FA !important;
  border-color: #7049FA !important;
  color: #fff !important;
}


.partnerCar .partnerIt{ height: 100px;}

.sec-trend .owl-nav button:hover {
  background: #7049FA !important;
  border-color: #7049FA !important;
  color: #fff !important;
}



.image-details h3{ padding-bottom: 0px;}
.image-details .explore-btnHov{ margin: 6px auto;}


.textPart {
  position: absolute;
  bottom: inherit;
  left: 0;
  transform: translateY(-50%);
  top: 50%;
  width: 100%; text-align: center;
}


.bankImg img {
  width: 100%;
  min-height: auto;
}
/*.bankImg{ max-width: 400px; margin: 0 0 0 auto;}*/


.bankImg {
  max-width: 100%;
  margin: 0 0 0 auto; text-align: right;
}

.heroText h3{ margin-bottom: 59px;}

.banner-btn-list li{ display: inline-block;}

.btn-close{ position: absolute; top: 20px; right: 20px; z-index: 111;}

.tmPic{
  width: 90px;
  height: 90px;
  border-radius: 50%;
  overflow: hidden;
}
.tmPic img{ width: 100%; height: 100%; object-fit: cover; }

.whowePop .media{
  align-items: center;
  gap: 22px; margin-bottom: 30px;
}
.linksos{ font-size: 20px;}



.text-muted {
  --bs-text-opacity: 1;
  
}
.small p {
  font-size: 12px;color: #6c757d !important;
}



.partnerCaro .owl-nav{ display: block !important;} 
/*.col-lg-2:first-child .est h3[data-count]{ display: none;}
.col-lg-2:first-child .est h3[data-suffix]{ display: none;}*/





.open-positions-title { font-size:26px; font-weight:700; margin-bottom:30px; color:#111; }
.open-positions-title span { display:block; width:40px; height:3px; background:#6a1fc2; margin-top:8px; }
.job-card { background:#E9E9E9; border:1px solid #E9E9E9; border-bottom:3px solid #7049FA; border-radius:0px; margin-bottom:16px; overflow:hidden; }
.job-card-header { padding:22px 24px 18px; position: relative;}
.job-card-header h4 { font-size:18px; font-weight:700; color:#111; margin:0 0 6px; }
.job-card-header p { font-size:14px; color:#555; margin:0 0 10px; }
.job-location { font-size:14px; color:#000; display:flex; align-items:center; gap:5px; margin-bottom:14px; position: absolute; top: 21px; right: 33px;}
.job-location svg { color:#6a1fc2; flex-shrink:0; }
.job-toggle-btn { background:#6a1fc2; color:#fff; border:none; border-radius:50px; padding:9px 22px; font-size:13px; font-weight:500; cursor:pointer; transition:background 0.3s; display:inline-block; }
.job-toggle-btn:hover { background:#5518a0; }
.job-card-body { display:none; padding:0 24px 24px; border-top:2px solid #6a1fc2; }
.job-card-body.open { display:block; }
.job-card-body > p { color:#333; font-size:14px; margin:16px 0; line-height:1.7; }
.job-card-body h5 { font-size:16px; font-weight:700; color:#111; margin:20px 0 10px; }
.job-card-body ul { padding-left:18px; margin-bottom:12px; }
.job-card-body ul li { color:#333; font-size:14px; margin-bottom:6px; line-height:1.6; list-style:disc; }
.job-meta-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:20px 0; padding:16px 0; border-top:1px solid #eee; border-bottom:1px solid #eee; }
.job-meta-item { display:flex; align-items:flex-start; gap:10px; }
.job-meta-item svg { color:#6a1fc2; flex-shrink:0; margin-top:2px; }
.job-meta-item .meta-label { font-size:12px; color:#888; }
.job-meta-item .meta-value { font-size:14px; font-weight:600; color:#222; }
.job-apply-btn { display:inline-block; background:#6a1fc2; color:#fff; border-radius:50px; padding:10px 26px; font-size:14px; font-weight:500; text-decoration:none; transition:background 0.3s; margin-top:10px; }
.job-apply-btn:hover { background:#5518a0; color:#fff; }
@media (max-width:576px) { .job-meta-grid { grid-template-columns:1fr; } }


    .team-carousel-wrapper { position:relative; width:100%; max-width:100%; margin:0 auto; height:450px; display:flex; align-items:center; justify-content:center; overflow:hidden; touch-action:none; cursor:grab; }
    .team-carousel-wrapper.dragging { cursor:grabbing; }
	.team-carousel-track { position:relative; width:100%; height:100%; display:flex; align-items:center; justify-content:center; }
	.team-carousel-item { position:absolute; width:320px; height:400px; border-radius:16px; overflow:hidden; transition:all 0.5s cubic-bezier(0.25,0.46,0.45,0.94); cursor:pointer; }
	.team-carousel-item img { width:100%; height:100%; object-fit:cover; display:block; }
	.team-carousel-item.pos-0  { transform:translateX(0)     scale(1);    z-index:5; opacity:1;    }
	.team-carousel-item.pos-1  { transform:translateX(280px)  scale(0.82); z-index:4; opacity:0.9;  }
	.team-carousel-item.pos-2  { transform:translateX(490px)  scale(0.66); z-index:3; opacity:0.75; }
	.team-carousel-item.pos-3  { transform:translateX(640px)  scale(0.52); z-index:2; opacity:0.5;  }
	.team-carousel-item.pos-n1 { transform:translateX(-280px) scale(0.82); z-index:4; opacity:0.9;  }
	.team-carousel-item.pos-n2 { transform:translateX(-490px) scale(0.66); z-index:3; opacity:0.75; }
	.team-carousel-item.pos-n3 { transform:translateX(-640px) scale(0.52); z-index:2; opacity:0.5;  }
	.team-carousel-item.pos-hidden { transform:translateX(0) scale(0.4); z-index:1; opacity:0; pointer-events:none; }
	.team-carousel-nav { display:flex; align-items:center; justify-content:center; gap:12px; margin-top:28px; padding-bottom:40px; }
	.team-carousel-btn { width:36px; height:36px; border-radius:50%; border:2px solid #ccc; background:transparent; cursor:pointer; display:flex; align-items:center; justify-content:center; transition:all 0.3s; color:#999; font-size:16px; line-height:1; padding:0; }
	.team-carousel-btn:hover { border-color:#f28029; color:#fff; background:#f28029; }
	@media (max-width:768px) {
	    .team-carousel-wrapper { height:320px; }
	    .team-carousel-item { width:220px; height:280px; border-radius:12px; }
	    .team-carousel-item.pos-1  { transform:translateX(190px)  scale(0.82); } .team-carousel-item.pos-2  { transform:translateX(335px)  scale(0.66); } .team-carousel-item.pos-3  { transform:translateX(440px)  scale(0.52); }
	    .team-carousel-item.pos-n1 { transform:translateX(-190px) scale(0.82); } .team-carousel-item.pos-n2 { transform:translateX(-335px) scale(0.66); } .team-carousel-item.pos-n3 { transform:translateX(-440px) scale(0.52); }
	}
	@media (max-width:480px) {
	    .team-carousel-wrapper { height:240px; }
	    .team-carousel-item { width:160px; height:210px; border-radius:10px; }
	    .team-carousel-item.pos-1  { transform:translateX(135px)  scale(0.82); } .team-carousel-item.pos-2  { transform:translateX(238px)  scale(0.66); } .team-carousel-item.pos-3  { transform:translateX(312px)  scale(0.52); }
	    .team-carousel-item.pos-n1 { transform:translateX(-135px) scale(0.82); } .team-carousel-item.pos-n2 { transform:translateX(-238px) scale(0.66); } .team-carousel-item.pos-n3 { transform:translateX(-312px) scale(0.52); }
	}

















@media (min-width: 2300px) and (max-width: 9000px) {


.sec-banner .container {
  max-width: 2000px;}

.fullBanner img {
  height: 480px;
  object-position: top;
}

.ban-image{ width: 40%;}
.ban-info{ width: 60%; max-width: 919px;}







  
}  
@media (min-width: 2000px) and (max-width: 2300px) {
.fullBanner img {
  height: 480px;}


}
@media (min-width: 992px) and (max-width: 9000px) {
.nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0px; border: none;
    background:#f38029 !important;
    width: 275px; padding: 0px;
   border-radius: 0; left: 0; right: inherit; padding: 0px; box-shadow: inherit;}

.nav_top .dropdown:hover .dropdown-menu { max-height: 370px;opacity: 1; visibility: visible; /*transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;*/}

.nav_top .dropdown .dropdown-menu1{
  right: inherit;
  left: 273px !important;-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden; 
  top: 0px;
} 

.nav_top ul li.dropdown:hover .dropdown-menu1{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden; 
  top: 0px;}

.nav_top ul li ul li.dropdown-submenu:hover .dropdown-menu1{ max-height: 370px;opacity: 1; visibility: visible; /*transition: opacity 200ms ease-in, transform 200ms ease-in, visibility 200ms ease-in;*/}

.drop-arw1{color: #fff; right:10px;}

.drop-arw1 i{ transform: rotate(-90deg);}






}

@media (min-width: 1300px) and (max-width: 9000px) {

.arwsnxt .owl-nav button.owl-prev{ left: -20px;}


.bankingHero .col-md-7, .bankingHero .col-md-5{ height: 100%;}
.bankingHero .heroText, .bankingHero .bankImg{ height: 100%;}
.bankingHero .col-md-6, .bankingHero .col-md-6{ height: 100%;}
.bankingHero .heroText{ display: flex;
    flex-direction: column;
    justify-content: center;}
.bankingHero .bankImg{ display: flex;
  align-items: center;
  justify-content: flex-end;}







}


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


:root
{
    --font-80:70px;
    --line-80:79px;

    --font-60:50px;
    --line-60:59px;

    --font-48:40px;
    --line-48:50px;

    --font-40:35px;
    --line-40:45px;

    --font-32:30px;
    --line-32:40px;

    --font-30:28px;
    --line-30:35px;
    
    --font-28:25px;
    --line-28:35px;

    --font-24:22px;
    --line-24:27px;
    
    --font-20:18px;
    --line-20:27px;

    --font-18:17px;
    --line-18:24px;

    --font-16:15px;
    --line-16:24px;

    --font-14:14px;
    --line-14:18px;

	--font-13:13px;
    --line-13:18px;

    --font-10:10px;
    --line-10:15px;
}



}


@media (min-width: 1599px) and (max-width: 2000px) {

.ban-image{ width: 40%;}
.ban-info{ width: 60%; max-width: 896px;}


}




@media only screen and (max-width: 1599px) {
.container{max-width: 1370px;}
:root
{
    --font-80:70px;
    --line-80:79px;

    --font-60:50px;
    --line-60:59px;

    --font-48:40px;
    --line-48:50px;

    --font-40:35px;
    --line-40:45px;

    --font-32:30px;
    --line-32:40px;

    --font-30:28px;
    --line-30:35px;

	--font-28:25px;
    --line-28:35px;

    --font-24:22px;
    --line-24:24px;
    
    --font-20:18px;
    --line-20:27px;
    
    --font-18:17px;
    --line-18:24px;

    --font-16:15px;
    --line-16:21px;

    --font-14:14px;
    --line-14:18px;

	--font-13:13px;
    --line-13:18px;

    --font-10:10px;
    --line-10:15px;
}


.ban-info{ max-width: 684px;}
.solbanner, .bankingBanner, .aboutBan, .careerBan img, .casestudyBan{height: 600px;}
.bannerBox{height: 600px !important;}

.reason {
    padding: 60px 10px;
    height: 100%;
}

.info-box{ min-height: 220px;}




}   





@media only screen and (max-width: 1399px) {
.container{max-width: 1170px;}
:root
{
    --font-80:60px;
    --line-80:69px;

    --font-60:45px;
    --line-60:55px;

    --font-48:37px;
    --line-48:50px;

    --font-40:32px;
    --line-40:45px;

    --font-32:27px;
    --line-32:37px;

    --font-30:28px;
    --line-30:35px;
    
    --font-28:25px;
    --line-28:35px;

    --font-24:22px;
    --line-24:26px;
    
    --font-20:18px;
    --line-20:27px;
    
    --font-18:17px;
    --line-18:24px;

    --font-16:14px;
    --line-16:21px;

    --font-14:14px;
    --line-14:18px;

	--font-13:13px;
    --line-13:18px;

    --font-10:10px;
    --line-10:15px;
}



.menu_sec li a{ padding: 28px 20px;}
.butns-list a {
  margin-left: 15px;
}
.navbar-brand {
  margin: 0px 14px 0 0;
  padding: 0px;
  width: 145px;
}

.ban-info {
    max-width: 584px;
  }


.indus-box{ padding: 28px;}
.sec-user img {
  border-radius: 100%;
  height: 50px !important;
  width: 50px !important;
}
.part-two {
  margin-left: 20px;
}
.middle-sec .col-md-3{ width: 20%;}
.middle-sec .col-md-2{ width: 20%;}

.nav_top .dropdown .dropdown-menu li a{   font-size: 12px;}
.nav_top .dropdown .dropdown-menu{ width: 270px;}
.nav_top .dropdown .dropdown-menu1{ left: 270px !important;}


.solbanner, .bankingBanner, .aboutBan, .careerBan img, .casestudyBan{height: 560px;}

.bannerBox{height: 560px !important;}


.awrdSec{ padding:60px 0 !important}
.casestudyBox .tour-text {
  min-height: 216px;
}

.healthTop {
  padding: 20px;}


.heroText h3 {
  margin-bottom: 37px;
}



} 
@media only screen and (max-width: 1300px) {
.ban-image img {
  height: auto;
}
.bannerBox {
  height: 552px;}

.tophead{ padding: 60px 0;}

.part-four {
  margin-left: 20px;
}



}
@media only screen and (max-width: 1199px) {
.container{max-width: 960px;}
:root
{
    --font-80:50px;
    --line-80:59px;

    --font-60:40px;
    --line-60:50px;

    --font-48:32px;
    --line-48:40px;

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

    --font-32:27px;
    --line-32:36px;

    --font-30:27px;
    --line-30:32px;
	
    --font-28:22px;
    --line-28:32px;

    --font-24:20px;
    --line-24:26px;

    --font-20:18px;
    --line-20:27px;

    --font-18:17px;
    --line-18:24px;

    --font-16:14px;
    --line-16:21px;

    --font-14:14px;
    --line-14:18px;

	--font-13:13px;
    --line-13:18px;

    --font-10:10px;
    --line-10:15px;
}






.nav_top .dropdown .dropdown-menu{ width: 225px;}
.nav_top .dropdown .dropdown-menu1{ left: 225px !important;}

.menu_sec li a {
    padding: 14px 17px;
    font-size: 14px;
  }
.butns, .butns-list a, .btn{ min-width: 123px; line-height: 41px;  padding: 0px 14px !important;}
.drop-arw{ font-size: 10px;}
.ban-info {
    max-width: 479px;
  }

.sol-info .col-md-4{ width: 50%;}
.box{ margin: 10px 0;}
.part-four {
  margin-left: 0;
}
.part-three p {
  padding: 0px !important;
  font-size: 11px;
}
.part-three i{ width: 30px;}

.part-two a, .part-one p{ font-size: 11px; }

.footer-bottom{ padding: 20px 0;}
.footer-bottom p, .footer-bottom a{ font-size: 11px; }

.upper-sec {
  padding-bottom: 30px;}
.foot-part {
  padding: 40px 0 0 !important;
}
.study-info{ height: 300px;}




.expSec .col-md-4{ width: 50%;}
.expText{ padding: 30px;}

.media-list li {
    width: 50%;}




.weAbout .col-md-4{ width: 50%;}


.whyReason .col-md-3 {
    width: 33.33%;
    border: 0.5px solid #4D5461 !important;
    min-height: 438px;
    height: 100%;
    border-right: none;
}

.whyReason .row{justify-content: center;}

.joinTheteam h3{ margin-bottom: 20px;}
.engine{ margin:10px 0;}


.tour-text {
  padding: 28px;}
.casestudyBox .tour-text h6 {
  min-height: 79px;
}


#webinars-wrap .tour-img img{ height: 232px !important;}


#webinars-wrap .col-md-4{width: 50%;}
#cs-posts-wrap .col-md-4{width: 50%;}
#solution-briefs-wrap .col-md-4{width: 50%;}


}


@media only screen and (max-width: 991px) {
:root
{
    --font-80:45px;
    --line-80:54px;

    --font-60:35px;
    --line-60:45px;

    --font-48:30px;
    --line-48:40px;

    --font-40:26px;
    --line-40:35px;

    --font-32:24px;
    --line-32:35px;

    --font-30:23px;
    --line-30:33px;

	--font-28:22px;
    --line-28:32px;

    --font-24:18px;
    --line-24:25px;
    
    --font-20:17px;
    --line-20:27px;
    
    --font-18:15px;
    --line-18:24px;

    --font-16:14px;
    --line-16:21px;

    --font-14:13px;
    --line-14:18px;

	--font-13:12px;
    --line-13:18px;

    --font-10:10px;
    --line-10:15px;
}	
	
	
	
	
	
	
.nav_top .navbar-toggler{ border: none; background: none;padding: 20px 0; margin-right: 15px;box-shadow: none;}
.nav_top .navbar-toggler .icon-bar {display: block;width: 34px;height: 3px;  border-radius: 16px; background-color: #f28029;}
.nav_top .navbar-toggler .icon-bar + .icon-bar {  margin-top: 6px;}
.navbar-toggler .icon-bar{-moz-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
.navbar-toggler.showtoggle .icon-bar:nth-child(1) {transform: translateY(8px) rotate(45deg);}
.navbar-toggler.showtoggle .icon-bar:nth-child(2) { opacity: 0;}  
.navbar-toggler.showtoggle .icon-bar:nth-child(3) { transform: translateY(-10px) rotate(-45deg);} 
.header_sec .container{ padding: 0px;}
.navbar-collapse{ position: absolute; top: 100%; left: 0px; background: #fff; width: 100%; z-index: 11;}
.navbar-brand{ padding-left: 15px;}
.menu_sec li a{ width: 100%; padding: 10px 15px;}
.menu_sec li{ width: 100%;}  
  
.drop-arw {
    font-size: 15px;
    width: 43px;
    cursor: pointer;
    display: inline-block;
    height: 40px;
  }  
 .nav_top .dropdown .dropdown-menu {
    width: 100%;
    border-radius: 0px;
  }        
.butns-list a{width: 100% !important;
    margin: 0 !important;
    border-radius: 0px;}
.nav_top .dropdown .dropdown-menu1{ display: block !important;
    background: rgba(255,255,255,0.1) !important;}




.container{max-width: 720px;}



.tophead {
    padding: 50px 0;
  }
.sec-solution h3{ margin-bottom: 10px;}
.sol-info .row{
  justify-content: center;
}

.navbar{ justify-content: inherit;}

.nav_top .navbar-toggler{ position: absolute;
    right: 0px;
    top: 0px;}

.ban-image{ display: none;}
.ban-info {
    max-width: 100%;
    width: 100%;
    text-align: center;
  }
.bannerBox {
    height: auto; padding: 40px 0;
  }
.sec-trend p{padding-right: 60px;}
.picHelth {
  height: 220px;
}
.healthTop {
  padding: 30px;
  min-height: 204px;}

.middle-sec .col-md-4{ width: 100%;}
.middle-sec .col-md-3, .middle-sec .col-md-2 {
    width: 33.333%;
  }
.part-two {
    margin-left: 0;
  }
.ban-info{ padding: 0 15px;}

.expContent .col-md-6{ width: 100%; margin: 10px 0;}
.videoImg a {
  width: 60px;
  height: 60px;}



.standCont .col-md-4{ margin:10px 0; width:50%;}
.highCont .col-lg-2{ width:33.333%;}
.highHead{ padding:30px 0;}

.awrdSec, .partnerSec, .whoWe {
    padding: 50px 0 !important;
}

.solbanner, .bankingBanner, .aboutBan, .careerBan img, .casestudyBan {
        height: 500px;
    }
.bannerBox{height: 500px !important;}

.whoHead{ padding-top:20px;}
.partnerCaro .fa-circle-left{ left:0px;}
.partnerCaro .fa-circle-right{ right:0px;}

.whoHead {
    padding-bottom: 30px;
}
.heroText h3{ margin-bottom: 31px;}

.drop-arw1{ display:none;}


.stapArrow{ top: 50px;}



#webinars-wrap .tour-img img{ height: auto !important;}

.casestudyBox .tour-text h6 {
    min-height: auto;
  }



#blogPostsRow .col-md-6{ width: 100%;}




#webinars-wrap .col-md-4{width: 100%;}
#cs-posts-wrap .col-md-4{width: 100%;}
#solution-briefs-wrap .col-md-4{width: 100%;}


.healthTop {
    padding: 15px;
    min-height: 268px;
  }



.workHead h3{ margin-bottom: 30px;}

.teamDetails .col-lg-4 { margin: 10px 0;}





}

 
@media only screen and (max-width: 767px){
.container{max-width:100%;}


.sol-info .col-md-4 {
    width: 100%;
  }
.info-box{ min-height: auto;}


.sec-trend {
  padding: 10px 0 29px !important;}
.for-border{ padding: 15px 0;}
.sec-trend .col-lg-10 {
  padding-left: 10px;
}
.sec-trend .col-lg-2 {
  border-right: none;
}

.feturedJobCont{ padding: 0px !important;}
.feturedJobCont .owl-nav button.owl-next {
  right: 0px;
}
.feturedJobCont .owl-nav button{ width: 40px;
  height: 40px;}


.health {
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;   height: 100%;
}
.healthTop {
    padding: 30px;
    height: 100%;
    width: 50%;
  }
.picHelth {
    height: 100%;
    width: 50%;
  }
.healthTop, .picHelth{ min-height: 300px;}

.sec-second .col-md-3:nth-child(odd) .health{ flex-direction: row-reverse !important;}


.autoTab ul {
  max-width: 100%;
  width: 100%;
  margin-bottom: 30px;
}
.tabRight {
  max-width: 100%;
  width: 100%;
  float: right;
}

.tabText {
  margin-bottom: 20px;
}
.expText{ min-height: auto;}
.expSec h3{ margin-bottom: 20px;}




.solbanner, .bankingBanner, .aboutBan, .careerBan img, .casestudyBan {
        height: auto;
    }
.bannerBox{height: auto !important;}    
    
    
.standHead {
    max-width: 100%;
    margin: 0 auto;
}

.standCont .col-md-4 {
        margin: 0;
        width: 100%;
    }

.flexi{min-height: auto;}


.img-fluid {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.engine{ height: auto;}

.joinTxt {
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.workHead h3{margin-bottom: 20px;}




.serviceban{ height:500px !important;}

.serviceban .my-4 {
    margin-top: 5px !important;
    margin-bottom: 5px !important;
}




.filter-search-wrap {
  width: 100% !important;
}
.filter-tags-wrap {
  flex: 1;
  position: relative;
  width: 100%;
}
.filter-search-btn{width: 100%;}

.bankingBanner{ overflow: hidden;}

.sec-trend .owl-stage-outer {
  padding-right: 0;
}
.trendingCarousel {
  padding-right: 120px;
}

.healthTop, .picHelth {
    min-height: 300px;
    justify-content: center;
  }



.bankImg {
  max-width: 300px;
  margin: 0px auto !important; text-align: center;
}


.job-location{ top: 0;
  right: 0;position: relative;}





}




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

.footer-bottom .container {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  flex-wrap: wrap;
  width: 100%;
  text-align: center;
}  

.separation li{ margin: 0px;
  padding: 10px;}
 .middle-sec .col-md-3, .middle-sec .col-md-2 {
    width: 50%;
    margin: 10px 0;
  }
.expSec .col-md-4 {
    width: 100%;
  }
.cusImg img {
  width: 100%;
  border-radius: 11px !important;
  height: auto;
}

.weAbout .col-md-4 {
        width: 100%;
    }
.whyReason .col-md-3{ width: 50%;}

.overleyImg {
    position: relative;
    margin-top: 27px;
}

.serviceban {
        height: 660px !important;
    }


.casestudyContn{ padding: 0 10px !important;}




} 

@media only screen and (max-width: 480px){ 
.upper-sec {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.upper-sec .butns{ margin-top: 20px;}



.my-4{ margin: 10px 0 !important;}

.img-fluid {
    max-width: 100%;
    height: auto;
    width: 100%;
}

.highCont .col-lg-2 {
        width: 50%;
    }

.jTex {
    padding: 35px 0;
    justify-content: center;
    align-items: center;
    gap: 22px;
    flex-wrap: wrap;
}

.overleyImg img {
    border-radius: 10px;
}


.study-info {
        height: 400px;
    }

.study-info img{ object-position: top;}





}
@media only screen and (max-width: 400px){ 
  .healthTop, .picHelth {
    min-height: 275px;
    width: 100%;
  }
.middle-sec .col-md-3, .middle-sec .col-md-2 {
    width: 100%;}

.media-list li {
    width: 100%;}
    
.whyReason .col-md-3 {
        width: 100%; min-height:auto;
    }    
    
.solbanner h1 {
    font-size: 22px;
    line-height: 32px;
}    
.solbanner h5 {
    font-size: 18px;
    line-height: 24px;
}    
.style1 p {
    font-size: 13px;
    line-height: 20px;
}    
    
 .study-info {
        height: 400px;
    }   
 
 
.case-section figure.alignright, .case-section figure.alignleft{ width: 10% !important; padding: 10px 0 !important;} 
 
 
 
    
}
.customersCarousel .owl-stage-outer {
    overflow: visible;
}
/* ── Tablet fixes (768px – 991px) ── */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .filter-row { flex-wrap: wrap; }
    .filter-search-wrap { width: 100% !important; }
    .filter-tags-wrap { width: 100%; }
    .filter-search-btn { width: 100%; }
    .tour-img img { height: 260px !important; }
    .casestudyBox .tour-text { min-height: auto; }
    .tour-text { min-height: auto; }
    .sec-studies .col-md-6,
    #webinars-wrap .col-md-6,
    #vid-results-wrap .col-md-4 { width: 100%; }
}
.filter-chip {
    font-size: 11px !important;
    padding: 3px 7px !important;
    white-space: nowrap;
}

.partnerIt img {
    transition: transform 0.3s ease;
}
.partnerIt:hover img {
    transform: scale(1.1);
}
.trendingCarousel {padding-right:120px;}
.page-template-template-career .foot-part .upper-sec {
    display: none !important;
}