.bg-blue-100{background-color: rgba(30, 78, 163, 10) !important;}
.bg-blue-85{background-color: rgba(30, 78, 163, 0.85) !important;}
.bg-blue-80{background-color: rgba(30, 78, 163, 0.80) !important;}
.bg-blue-75{background-color: rgba(30, 78, 163, 0.75) !important;}
.bg-blue-60{background-color: rgba(30, 78, 163, 0.60) !important;}
.bg-blue-50{background-color: rgba(30, 78, 163, 0.50) !important;}
.bg-blue-40{background-color: rgba(30, 78, 163, 0.40) !important;}
.bg-blue-25{background-color: rgba(30, 78, 163, 0.25) !important;}
.bg-blue-20{background-color: rgba(30, 78, 163, 0.20) !important;}
.bg-blue-15{background-color: rgba(30, 78, 163, 0.15) !important;}
.bg-light-50 {background-color: rgba(233, 233, 233, 0.5) !important;}
.bg-security-and-governance{background:rgba(0,0,0,0.70) url(../images/bg-security-and-governance.png) no-repeat;background-size:cover;background-attachment: fixed; background-position:center;}
.bg-delivered-globally {background:rgba(0,0,0,0.80) url(../images/bg-delivered-globally.png) no-repeat;background-size:cover;background-attachment: fixed; background-position:center;}
.bg-sap-mobile-apps {background:rgba(0,0,0,0.70) url(../images/bg-sap-mobile-apps.jpg) no-repeat;background-size:100%;background-attachment: fixed}
.bg-advantage{background:url(../images/bg-advantage.jpg) no-repeat;background-size:cover;background-attachment: fixed;}
.what-you-gain{background:url(../images/bg-what-you-gain.jpg) no-repeat;background-size:cover;background-attachment: fixed; background-position:right;}
.lead-management {background:rgba(0,0,0,0.70) url(../images/bg-lead-management.jpg) no-repeat;background-size:100%;background-attachment: fixed}
.engineered-structured {background:rgba(0,0,0,0.70) url(../images/bg-highlight.jpg) no-repeat;background-size:100%;background-attachment: fixed}
.bg-customer-portal {background:rgba(0,0,0,0.70) url(../images/bg-customer-web-portal.jpg) no-repeat;background-size:cover;background-attachment: fixed}
.bg-vendor-portal {background:rgba(0,0,0,0.70) url(../images/bg-vendor-web-portal.jpg) no-repeat;background-size:cover;background-attachment: fixed}
.overlay {background:rgba(0, 0, 0, 0.8)}
.overlay-grad {background: #0E355C;background: linear-gradient(90deg,rgba(14, 53, 92, 0.50) 0%, rgba(6, 76, 101,  0.50) 50%, rgba(0, 22, 45,  0.50) 100%);}
.hr-white {border: 0;height: 1px;background-color: #cccccc;}
.bg-cta{background: #fff; background: linear-gradient(90deg, rgba(0, 124, 195, 1) 50%, rgba(0, 124, 195, 0.7) 50%);}
.btn-learn-anim { color:inherit;text-decoration: none; display: inline-flex;  align-items: center;}
.btn-learn-anim span {margin-left: 6px; transition: transform 0.3s ease;}
.btn-learn-anim:hover span {transform: translateX(5px);}
.icon-link {width: 100px;height: 100px;position: absolute;left: -2px;bottom: -2px;z-index: 9; transition:all linear 0.3s;}
.number-circle {font-size: 70px;    font-weight: 700;  color: #fff;  line-height: 1;}
.bg-yellow{background-color:#ffb80c;}
.lead-links{margin:0 0 0 -20px;}
.lead-links h5 { margin: 0;  padding: 0 20px 0px 20px;  position: relative;}
.lead-links h5:not(:last-child)::after {  content: "|";  position: absolute;  right: -2px;  color: #999;}
.circle-75 {width: 75px;height: 75px;border-radius: 50%; display: flex; align-items: center;    justify-content: center;    overflow: hidden; /* important */}
.circle-75 img {width: 50px;   /* control icon size */ height: 50px; object-fit: contain; /* keeps aspect ratio */}
.card-link:before {content: "\f105"; font-weight: 300; font-size: 25px;  z-index:9;   position:absolute;    font-family: 'FontAwesome';    bottom:0px;    right:25px;        color: inherit;}
.card-hover {transition: 0.3s; cursor:pointer;}
.card-link { text-decoration: none; color: inherit;  display: block;}
.card-link h4{ font-size:1.4rem;}
.card-hover:hover {transform: translateY(-5px); box-shadow: 0 10px 25px rgba(0,0,0,0.15);}
/* Circle icon */
.icon-circle {width: 55px; height: 55px;  border-radius: 50%;  background: #eef5ff;  display: flex;  align-items: center;  justify-content: center;  flex-shrink: 0;}
.faculty_popup { padding:10px 40px 10px 40px; text-align: left;  display: none;  background: #fff;}
.faculty_popup_data {background: #fff;padding: 15px; position: relative; _box-shadow: 0px 2px 5px #ccc; display: table; border-radius:1rem; min-height:180px !important;}
.faculty_popup_data h4{font-size:1.5rem;}
.fancybox-content p { animation: none !important; -webkit-animation: none !important;  visibility: visible !important;}
.fancybox-wrap *, .fancybox-inner * {  animation: none !important;  -webkit-animation: none !important;  visibility: visible !important;  opacity: 1 !important;}
.flipper  svg.my-3{width:50px; height:50px;}
.why-product-icons .flip-container .front,.why-product-icons .flip-container .flipper img{display:none;}
.why-product-icons .flip-container .back{position:relative!important; -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);}
.dtl{margin-top:0px!important;}
.flip-container{-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;-ms-transform:perspective(1000px);-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;}
.flip-container:hover .back, .flip-container.hover .back{-webkit-transform:rotateY(0deg);-moz-transform:rotateY(0deg);-o-transform:rotateY(0deg);-ms-transform:rotateY(0deg);transform:rotateY(0deg);}
.flip-container:hover .front, .flip-container.hover .front{-webkit-transform:rotateY(-180deg);-moz-transform:rotateY(-180deg);-o-transform:rotateY(-180deg);transform:rotateY(-180deg);}
.flip-container{display:inline-block;position:relative;}
.front, .back{width:100%;height:100%; position:absolute!important; display:flex; align-items:center; justify-content:center;}
.flipper{-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-ms-transition:0.6s;-moz-transition:0.6s;-moz-transform:perspective(1000px);-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;transition:0.6s;transform-style:preserve-3d;position:relative;display:table;height:100%;width:100%;}
.flipper .fnt-dtl .hdr { opacity:1; left:0; right:0; bottom:0;margin:0px!important; -webkit-transition:all .3s ease 0s;-o-transition:all .3s ease 0s;transition:all .3s ease 0s;}
.flipper .bg-blue-100 {background:rgba(215,222,233,1) !important}
.front {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -webkit-transform: rotateY(0deg);
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -moz-transform: rotateY(0deg);
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -o-transform: rotateY(0deg);
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    -ms-transform: rotateY(0deg);
    transition: 0.6s;
    transform-style: preserve-3d;
    transform: rotateY(0deg);
    position: relative;
    top: 0;
    left: 0;
}
.back{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:0.6s;-webkit-transform-style:preserve-3d;-webkit-transform:rotateY(0deg);-moz-transition:0.6s;-moz-transform-style:preserve-3d;-moz-transform:rotateY(0deg);-o-transition:0.6s;-o-transform-style:preserve-3d;-o-transform:rotateY(0deg);-ms-transition:0.6s;-ms-transform-style:preserve-3d;-ms-transform:rotateY(0deg);transition:0.6s;transform-style:preserve-3d;transform:rotateY(0deg);position:absolute;top:0;left:0;}
.front{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);z-index:2;}
.back{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);-ms-transform:rotateY(180deg);transform:rotateY(180deg);color:#fff;padding:0px;}
.dtl{margin-top:10px;}
.fnt-dtl, .bck-dtl{left:0;right:0;text-align:center;}
.bck-dtl{height:100%;}
.fnt-dtl p{text-align:center}
.fnt-dtl .hdr,
.bck-dtl .hdr{color:#fff;line-height:normal;}
.fnt-dtl img,
.bck-dtl img{margin:0 auto;}
.services-panel-wrapp {background:#323232; color:#afafaf}
.services-panel {background:#323232;background-size:cover; background-position:center center}
.no-webp .services-panel {background:#323232;background-size:cover; background:url(../images/services-bg.png) no-repeat; background-position:center center}
.webp .services-panel {background:#323232;background-size:cover; background:url(../images/services-bg.webp) no-repeat; background-position:center center}
ul.stats{width:100%;text-align:center;margin:0;padding:0;}
ul.stats li{list-style:none;width:auto;color:#164194;padding:0px 20px 25px;vertical-align:top;line-height:normal;text-align:left; width:47%; position:relative; display:inline-block; justify-content: center;}
ul.stats li:after {content:''; width:0px; background:#ADADAD; height:0px; position:absolute; display:block; left:0px; vertical-align:center}
ul.stats li:first-child:after {content:''; width:0px;}
ul.stats li:first-child{padding-left:0px;}
ul.stats li:last-child{padding-right:0px;}
ul.stats li span{font-size:2rem;text-align:left; font-weight:800}
ul.stats li p{font-size:.95rem; font-weight:500}
@media (min-width:768px) {
ul.stats{width:100%;text-align:center;margin:0;padding:0;}
ul.stats li{list-style:none;width:auto;color:#164194;padding:0px 2%;vertical-align:top;line-height:normal;text-align:center; width:auto; position:relative; display:inline-flex; align-items:center}
ul.stats li:after {content:''; width:1px; background:#ADADAD; height:50px; position:absolute; display:block; margin: 0 auto; vertical-align:center;} 
ul.stats li:first-child:after {content:''; width:0px;}
ul.stats li:first-child{padding-left:25px;}
ul.stats li:last-child{padding-right:0px;}
ul.stats li span{font-size:2rem;text-align:left; font-weight:900}
ul.stats li p{font-size:1rem; font-weight:500; color: #646464;}       
}
@media (min-width: 1280px) {
ul.stats{width:100%;text-align:left !important;margin:0;padding:0;}
ul.stats li{list-style:none;color:#164194;padding:0px 2%;vertical-align:top;line-height:normal;text-align:center; width:auto; position:relative; display:inline-flex; align-items:center}
ul.stats li:after {content:''; width:1px; background:#ADADAD; height:100px; position:absolute; display:block; margin: 0 auto; vertical-align:center;}
ul.stats li:first-child:after {content:''; width:0px;}
ul.stats li:first-child{padding-left:0px;}
ul.stats li:last-child{padding-right:0px;}
ul.stats li span{font-size:2rem;text-align:left; font-weight:900}
ul.stats li p{font-size:1rem; font-weight:500; color: #000; line-height:1.5}
ul.stats li span {font-size: 1.5rem; text-align: center; font-weight: 600} 
}
@media (min-width: 1500px) {
ul.stats li {list-style: none;color: #164194;padding: 0px 5%;vertical-align: top;line-height: normal;text-align: left;width: auto;position: relative;display: inline-flex;align-items: center}
ul.stats li span {font-size: 3.5rem; text-align: center; font-weight: 700}
}
@media (max-width:768px) { 
ul.stats li span {font-size: 2rem; text-align: center; font-weight: 600}
ul.stats li{list-style:none;color:#164194;padding:0px 2%;vertical-align:top;line-height:normal;text-align:center;  position:relative; display:inline-flex; align-items:center}
.h4, h4{font-size:1.1rem !important;}
.icon-container-120 {min-width:100px !important;}
.circle-100 {width:80px !important;; height:80px !important;; border-radius:100%;}
.bg-sap-mobile-apps {background:rgba(0,0,0,1) !important;background-size:100%;background-attachment: fixed} 
.bg-cta{background: #fff; background: linear-gradient(90deg, rgba(0, 124, 195, 1) 50%, rgba(0, 124, 195, 1) 50%);}
.lead-links h4 { margin: 0;  padding: 0 20px;  position: relative; float:left; width:50%;}
.lead-links h4:not(:last-child)::after {  content: "";  position: absolute;  right: -2px;  color: #999;}
.lead-management {background:rgba(0,0,0,1);background-size:100%;background-attachment: fixed}
.engineered-structured {background:rgba(0,0,0,1);background-size:100%;background-attachment: fixed}
.bg-advantage{background:rgba(0,0,0,1);background-size:cover;background-attachment: fixed;}
.image-overlay-left::before{background: rgba(233,233,233,1);}
.image-overlay-right::before{background: rgba(233,233,233,1);}
.what-you-gain{background:none;background-size:cover;background-attachment: fixed; background-position:right;}
.bg-delivered-globally {background:rgba(233,233,233,1);background-size:cover;background-attachment: fixed; background-position:center;}
}
.gain-icon{width:50px;  height:50px; border-radius:50%; background:#007cc3;  display:flex;    align-items:center;    justify-content:center;    color:#ffffff;    font-size:18px;    box-shadow:0 5px 15px rgba(0,0,0,0.08);}
.badge-custom {background: rgba(0,255,255,0.12); color: #00e5ff; padding: 10px 18px; border-radius: 30px; font-size: 14px;  letter-spacing: 1px; border: 1px solid rgba(0,229,255,0.3);}
.main-heading{color:#fff;font-size:46px;font-weight:700;line-height:1.2;}
.sub-text{color:rgba(255,255,255,0.75);font-size:18px;line-height:1.8;}
.timeline-item{position:relative; margin-bottom:25px;}
.timeline-number{min-width:55px;height:55px;border-radius:50%;background:linear-gradient(135deg,#00e5ff,#007bff);color:#fff;font-size:22px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-right:20px;box-shadow:0 0 20px rgba(0,229,255,0.35);}
.timeline-content{background:rgba(255,255,255,0.04);padding:18px 22px;border-radius:15px;width:100%;border:1px solid rgba(255,255,255,0.05);transition:0.3s ease;}
.timeline-content:hover{transform:translateY(-3px);background:rgba(255,255,255,0.07);}
.timeline-content h5{color:#ffffff;margin-bottom:5px;font-weight:600;}
.timeline-content p{ margin-bottom:0; /*color:rgba(255,255,255,0.75);*/ line-height:1.7;}
.circle{ position:absolute;border-radius:50%;border:2px solid rgba(0,229,255,0.15);}
.circle-1{width:320px;height:320px;}
.circle-2{width:220px;height:220px;}
.center-content{z-index:2;}
.center-content h3{color:#00e5ff;font-size:70px;font-weight:800;margin-bottom:10px;letter-spacing:2px;}
.center-content p{color:#fff;font-size:20px;letter-spacing:2px;text-transform:uppercase;}
.image-overlay-left{position: relative; overflow: hidden;}
.image-overlay-left::before { content: "";  position: absolute;  inset: 0;   
background: linear-gradient(
        90deg,
        rgba(233, 233, 233, 0.92) 0%,
        rgba(233, 233, 233, 0.82) 0%,
        rgba(233, 233, 233, 0.55) 0%,
        rgba(233, 233, 233, 0.25) 100%
    );
    z-index:0;
}
.image-overlay-left .content { position: relative; z-index: 2; }
.image-overlay-right{position: relative; overflow: hidden;}
.image-overlay-right::before { content: "";  position: absolute;  inset: 0;   
 background: linear-gradient(
        90deg,
        rgba(233,233,233,0.95) 0%,
        rgba(233,233,233,0.88) 35%,
        rgba(233,233,233,0.55) 60%,
        rgba(233,233,233,0.10) 100%
    );
    z-index: 1;
}
.image-overlay-right .content { position: relative; z-index: 2;}
@media (max-width:767.98px) {   
}
@media (min-width: 768px) and (max-width: 1280px) { 
.image-overlay-right::before { content: "";  position: absolute;  inset: 0;   
 background: linear-gradient(
        90deg,
        rgba(233,233,233,0.95) 0%,
        rgba(233,233,233,0.88) 35%,
        rgba(233,233,233,0.55) 60%,
        rgba(233,233,233,0.10) 100%
    );
    z-index: 1;
}
.image-overlay-left::before { content: "";  position: absolute;  inset: 0;   
 background: linear-gradient(
        90deg,
        rgba(233,233,233,0.1) 0%,
        rgba(233,233,233,0.97) 70%,
        rgba(233,233,233,0.94) 90%,
        rgba(233,233,233,0.85) 100%
    );    z-index: 1;
}
}
@media (min-width: 992px) {
      .col-lg-5ths {
        flex: 0 0 20%;
        max-width: 20%;
    }

}
/*.bg-sap-mobile-apps-2{background:rgba(0,0,0,0.70) url(../images/bg-security-and-governance.png) no-repeat;background-size:cover;background-attachment: fixed; background-position:center;}*/
.bg-sap-mobile-apps-2 {background: rgba(233, 233, 233, 1);}
.bg-lead-management-2 {background: rgba(221, 229, 241, 1);}
.bg-customer-web-portal-2 {background: rgba(221, 229, 241, 1);}
.bg-vendor-web-portal-2 {background: rgba(221, 229, 241, 1);}
.bg-distributor-web-portal-2 {background: rgba(221, 229, 241, 1);}
.bg-sap-business-one-erp-2 {background: rgba(221, 229, 241, 1);}
.bg-sap-offshore-support-and-development {background: rgba(221, 229, 241, 1);}
.bg-business-process-consulting-2 {background: rgba(233, 233, 233, 1);}
.bg-integration-services{background: rgba(221, 229, 241, 1);}
.bg-what-changes {background: rgba(50, 50, 50, 1);}
@media (min-width:768px) {
.bg-what-changes {background:rgba(0,0,0,1) url(../images/bg-what-changes.png) no-repeat;background-size:cover;background-attachment: fixed; background-position:center;}
.bg-sap-mobile-apps-2 {background: rgba(233, 233, 233,1) url(../images/bg-sap-mobile-apps-2.jpg) no-repeat;background-size: cover;background-attachment: fixed;background-position: center;}
.bg-lead-management-2 {background: rgba(221, 229, 241, 1) url(../images/bg-lead-management-2.jpg) no-repeat;background-size: cover;background-attachment: fixed;background-position: center;}
.bg-customer-web-portal-2 {background: rgba(233, 233, 233,1) url(../images/bg-customer-web-portal-2.jpg) no-repeat;background-size: cover;background-attachment: fixed;background-position: center;}
.bg-vendor-web-portal-2 {background: rgba(221, 229, 241, 1) url(../images/bg-vendor-web-portal-2.jpg) no-repeat;background-size: cover;background-attachment: fixed;background-position: center;}
.bg-distributor-web-portal-2 {background: rgba(221, 229, 241, 1) url(../images/bg-distributor-web-portal-2.jpg) no-repeat;background-size: cover;background-attachment: fixed;background-position: center;}
.bg-sap-business-one-erp-2 {background: rgba(221, 229, 241, 1) url(../images/sap-business-one-erp-2.jpg) no-repeat;background-size: cover;background-attachment: fixed;background-position: center;}
.bg-sap-offshore-support-and-development{background: rgba(221, 229, 241, 1) url(../images/bg-sap-offshore-support-and-development.jpg) no-repeat;background-size: cover;background-attachment: fixed;background-position: center;}
.bg-business-process-consulting-2{background: rgba(233, 233, 233,1) url(../images/bg-business-process-consulting-2.jpg) no-repeat;background-size: cover;background-attachment: fixed;background-position: center;}
.bg-integration-services{background: rgba(233, 233, 233,1) url(../images/bg-integration-services.jpg) no-repeat;background-size: cover;background-attachment: fixed;background-position: center;}
}