@font-face { font-family: Effra-Regular; src: url("../fonts/Effra-Regular/Effra-Regular.woff") format("woff"), url("../fonts/Effra-Regular/Effra-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: EffraMedium-Regular; src: url("../fonts/EffraMedium-Regular/EffraMedium-Regular.woff") format("woff"), url("../fonts/EffraMedium-Regular/EffraMedium-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; }
@font-face { font-family: Effra-Bold; src: url("../fonts/Effra-Bold/Effra-Bold.woff") format("woff"), url("../fonts/Effra-Bold/Effra-Bold.ttf") format("truetype"); font-weight: normal; font-style: normal; }
#faq-accordion .card-header .btn::after {font-family: FontAwesome;content: "\f068";float: right;position: absolute;right: 20px;top: 18px;}
#faq-accordion .card-header .btn.collapsed::after { content: "\f067"; }
button.btn { }
#other-service {
    overflow: auto;
}
/* width */
::-webkit-scrollbar {
  width: 10px;
}
/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888;
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555;
}
.error {
    color: red;
}

#shadow-host-companion{display:none;}
#faq-accordion .card-header button.btn {width: 100%;text-align: left;background-color: black;color: white;border-radius: 20px 20px 0 0;white-space: initial;padding: 16px 36px 16px 16px;}
#faq-accordion .card-header button.btn.collapsed { border-radius: 20px; }
div#faq-accordion .card { border-radius: 20px; margin-bottom: 20px; }
#faq-accordion .card-header button.btn h3 {color: white;margin: auto;float: right;width: 100%;font-size: 22px;line-height: 22px;}
html, body { height: 100%; font-size: 18px; line-height: 30px; color: rgb(102, 102, 102); }
body { font-family: Effra-Regular, sans-serif; margin: 0px; padding: 0px; }
a {color: rgb(70 70 70);text-decoration: none;font-weight: 600;transition: all 0.3s ease-in-out 0s;}
a:hover { color: rgb(0, 0, 0); text-decoration: none; }
header { position: fixed; left: 0px; right: 0px; top: 0px; z-index: 10; padding: 20px 0px; transition: all 0.3s ease 0s; }
header.active { background-color: rgba(0, 0, 0, 0.7); padding: 10px 0px; }
h1, h2, h3, h4, h5, h6 { font-family: Effra-Bold, sans-serif; color: rgb(34, 34, 34); margin: 0px 0px 20px; }
h1 { font-size: 65px; line-height: 65px; }
h2 { font-size: 50px; line-height: 50px; }
h3 { font-size: 30px; line-height: 40px; }
h4 { font-size: 20px; line-height: 25px; }
.bold { font-weight: 700; }
p { margin-bottom: 20px; font-family: Effra-Regular, sans-serif; font-size: 18px; line-height: 30px; color: rgb(102, 102, 102); }
section { padding: 100px 0px; background-color: rgb(255, 255, 255); overflow: hidden; }
.bggray { background-color: rgb(242, 242, 242); }
.navbar { padding: 0px 1rem; }
.navbar-brand { width: 150px; margin-right: 0px; padding: 0px; }
.navbar-nav li a { font-size: 1rem; color: rgb(0, 0, 0); position: relative; padding: 26px 15px; display: block; }
nav ul li a, nav ul li a::after, nav ul li a::before { transition: all 0.5s ease 0s; }
.navbar ul li a::after { position: absolute; bottom: 0px; left: 0px; right: 0px; margin: auto; width: 0%; content: "."; color: transparent; background: rgb(73, 193, 186); height: 4px; visibility: hidden; }
.navbar ul li a:hover::after { width: 100%; visibility: visible; }
.navbar ul li ul li a:hover::after { visibility: hidden; }
.navbar ul li ul { padding: 10px; }
.navbar ul li ul li a { padding: 5px 10px; margin: 0px; border-bottom: 1px solid rgb(234, 234, 234); }
.navbar ul li ul li a:hover { background-color: rgb(73, 193, 186); color: rgb(255, 255, 255); }
.dropdown-menu { margin-top: -1px; min-width: 12rem; padding: 0px; border-radius: 0px; background-color: rgb(255, 255, 255); }
.dropdown:hover > .dropdown-menu { display: block; }
.location button { background-color: transparent; margin-top: 9px; border: none; }
.location button span { display: inline-block; font-size: 13px; padding-left: 5px; vertical-align: 0.2rem; }
.location button::after { vertical-align: 0.355em; }
.location button:hover { background-color: transparent; border: none; }
.location button:focus { box-shadow: none; }
.fa-globe::before { font-size: 1.4rem !important; }
.location-menu { border-radius: 0.25rem; padding: 5px 10px; min-width: max-content; }
.location-menu a { font-size: 0.9rem; }
.location-menu a img { width: 24px; padding-right: 5px; vertical-align: initial; }
.cookiealert { position: fixed; bottom: 0px; left: 0px; width: 100%; z-index: 999; opacity: 0; visibility: hidden; border-radius: 0px; transform: translateY(100%); transition: all 500ms ease-out 0s; color: rgb(236, 240, 241); background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAAEECAIAAAAd4J55AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTMyIDc5LjE1OTI4NCwgMjAxNi8wNC8xOS0xMzoxMzo0MCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTUuNSAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OUIyQzg0Q0RDQ0ExMTFFNjkyMDJGQkMzNjQ3OUEyMTQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OUIyQzg0Q0VDQ0ExMTFFNjkyMDJGQkMzNjQ3OUEyMTQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5QjJDODRDQkNDQTExMUU2OTIwMkZCQzM2NDc5QTIxNCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5QjJDODRDQ0NDQTExMUU2OTIwMkZCQzM2NDc5QTIxNCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnMLhJsAAB3qSURBVHja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") rgb(33, 35, 39); margin: 0px !important; }
.cookiealert.show { opacity: 1; visibility: visible; transform: translateY(0%); transition-delay: 1000ms; }
.cookiealert a { text-decoration: underline; }
.cookiealert .acceptcookies { margin-left: 10px; vertical-align: baseline; }
.main-menu { width: 100%; height: 0px; background-color: rgb(17, 17, 17); transition: height 0.5s ease 0s; overflow: hidden; }
.nav-open .main-menu { height: 100%; }
.fixed-top { z-index: 9; }
.main-menu nav#ddfullscreenmenu { transform: translateY(-100px); transition: all 0.5s ease 0s; opacity: 0; }
.nav-open .main-menu nav#ddfullscreenmenu { transform: translateY(0px); opacity: 1; }
.nav-open .main-menu nav#ddfullscreenmenu { visibility: visible; }
.nav-button { position: relative; z-index: 1031; padding: 10px; margin-top: 5px; cursor: pointer; display: inline-block; }
.nav-button .txt { text-transform: uppercase; font-size: 12px; line-height: 12px; margin: 0px 0px 0px 5px; display: inline-block; color: rgb(255, 255, 255) !important; }
.nav-button #nav-icon3 { width: 30px; height: 22px; top: 3px; display: inline-block; position: relative; transform: rotate(0deg); transition: all 0.5s ease-in-out 0s; cursor: pointer; }
.nav-button #nav-icon3 span { display: block; position: absolute; height: 3px; width: 100%; background: rgb(255, 255, 255); border-radius: 9px; opacity: 1; right: 0px; transform: rotate(0deg); transition: all 0.25s ease-in-out 0s; }
.nav-button #nav-icon3 span:nth-child(1) { top: 0px; }
.nav-button #nav-icon3 span:nth-child(4) { width: 40%; }
.nav-button #nav-icon3 span:nth-child(2), #nav-icon3 span:nth-child(3) { top: 7px; width: 70%; }
.nav-button #nav-icon3 span:nth-child(4) { top: 14px; }
.nav-open #nav-icon3 span:nth-child(1) { top: 0px; width: 0px; right: 0px; opacity: 0; }
.nav-open #nav-icon3 span:nth-child(2) { transform: rotate(45deg); width: 100%; }
.nav-open #nav-icon3 span:nth-child(3) { transform: rotate(-45deg); width: 100%; }
.nav-open #nav-icon3 span:nth-child(4) { top: 14px; width: 0px; right: 0px; opacity: 0; }
.main-menu h3 { color: rgb(102, 102, 102); }
.menuintro p { font-size: 15px; color: rgb(102, 102, 102); }
.menuintro p a { color: rgb(102, 102, 102); }
.menuintro p a:hover { color: rgb(255, 255, 255); }
.menuintro p a::after { content: ""; background-color: rgb(102, 102, 102); width: 0px; height: 1px; transition: all 0.5s ease 0s; position: relative; display: block; }
.menuintro p a:hover::after { width: 120px; }
.social { margin-top: 50px;text-align: right }
.social li { display: inline-block !important; }
.social li .fa::before { font-size: 20px; }
.social li a::before, .social li::after { display: none !important; }
.social li a { margin: 0px 10px; opacity: 0.5; padding: 5px !important; background-image: none !important; }
.social li a:hover { opacity: 1; }
.footersocial a { width: 30px; height: 30px; border-radius: 50%; border: 1px solid rgb(204, 204, 204); color: rgb(204, 204, 204); text-align: center; padding: 7px; margin: 0px 2px; display: inline-block; }
.footersocial a:hover { color: rgb(73, 193, 186); border: 1px solid rgb(73, 193, 186); }
#header.scrolled .navbar-nav li a { color: rgb(0, 0, 0); }
#header.scrolled { transition: background-color 200ms linear 0s; background-color: rgba(255, 255, 255, 0.5) !important; }
.hero { background-color: rgb(2, 1, 22); position: relative; padding: 0px; }
.herocaption { position: absolute; top: 30%; }
.w-65 { width: 65%; }
.caption { position: relative; display: inline-block; }
.caption h1, .caption h2 { color: rgb(255, 255, 255); margin-bottom: 30px; }
.caption h2 { font-size: 65px; line-height: 65px; }
.caption p { font-size: 18px; color: rgb(255, 255, 255); margin-bottom: 40px; text-align: left; }
.caption .head { color: rgb(255, 255, 255); opacity: 0.5; margin-bottom: 10px; display: inline-block; }
.caption .head::after { content: ""; width: 50px; height: 1px; background-color: rgb(255, 255, 255); position: relative; top: -4px; right: -10px; display: inline-block; }
.caption .head1 { color: rgb(102, 102, 102); margin-bottom: 10px; display: inline-block; }
.caption .head1::after { content: ""; width: 50px; height: 1px; background-color: rgb(102, 102, 102); position: relative; top: -4px; right: -10px; display: inline-block; }
.carousel-caption { width: 100%; position: absolute; z-index: 0; left: 0px; top: 30%; padding-bottom: 30px; }
.carousel-caption h1 { font-size: 30px; line-height: 35px; color: rgb(255, 255, 255); font-weight: bold; margin-bottom: 20px; }
.carousel-caption p { font-size: 1rem; color: rgb(255, 255, 255); text-align: center; }
.carousel-indicators { z-index: 8; bottom: 20px; }
.carousel-indicators li { width: 7px; height: 7px; border-radius: 50%; cursor: pointer; }
.carousel-indicators .active { width: 15px; background-color: rgb(255, 255, 255); border-radius: 5px; }
.carousel-control-next, .carousel-control-prev { top: 45%; width: auto; height: 30px; background-color: rgba(255, 255, 255, 0.1); padding: 20px 10px; }
.knowmore, .knowmore1 { position: relative; z-index: 1; }
.knowmore a { color: rgb(255, 255, 255); position: relative; background: url("../images/arrow.png") right 20px center no-repeat; border-radius: 50px; padding: 5px 60px 5px 0px; overflow: hidden; display: inline-block; }
.knowmore a:hover { padding: 5px 60px 5px 20px; }
.knowmore a::after { content: ""; width: 50%; height: 100%; background-color: rgb(255, 102, 0); position: absolute; top: 0px; left: -50%; transition: all 0.5s ease 0s; z-index: -1; display: inline-block; }
.knowmore a:hover::after { width: 100%; left: 0px; }
.knowmore1 a { color: rgb(102, 102, 102); position: relative; background: url("../images/arrow1.png") right 20px center no-repeat; border-radius: 50px; padding: 5px 60px 5px 0px; overflow: hidden; display: inline-block; }
.knowmore1 a:hover { padding: 5px 60px 5px 20px; color: rgb(255, 255, 255); background: url("../images/arrow.png") right 20px center no-repeat; }
.knowmore1 a::after { content: ""; width: 50%; height: 100%; background-color: rgb(255, 102, 0); position: absolute; top: 0px; left: -50%; transition: all 0.5s ease 0s; z-index: -1; display: inline-block; }
.knowmore1 a:hover::after { width: 100%; left: 0px; }
.knowmore2 a { background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); border-radius: 5px; padding: 10px 60px; position: relative; top: 170px; display: inline-block; }
.knowmore2 a:hover { background-color: rgb(255, 102, 0); }
.fixed-side-navbar { position: fixed; top: 50%; right: 0px; z-index: -1; margin-top: -100px; text-align: right; padding: 30px 0px; transition: all 0.3s ease 0s; }
.fixed-side-navbar:hover { background: transparent; }
.fixed-side-navbar:hover .nav > li > a > span { color: rgba(0, 0, 0, 0.5); display: block; background-color: rgb(255, 255, 255); text-align: center; text-transform: uppercase; font-size: 12px; padding: 2px 12px; border-radius: 15px; }
.fixed-side-navbar .nav > li a.active { background-color: transparent; color: black; }
.fixed-side-navbar .nav > li a.active::after { background: rgb(255, 255, 255); transform: scale(1); }
.fixed-side-navbar .nav > li a.active::before { content: ""; position: absolute; top: 50%; right: 46px; margin-top: -4px; width: 18px; height: 18px; background: transparent; border: 2px solid rgb(255, 255, 255); border-radius: 10px; }
.nav > li { position: relative; display: block; }
.fixed-side-navbar .nav > li a { color: rgb(255, 255, 255); min-height: 32px; background: transparent; padding: 5px 45px 5px 25px; border-right: none; }
.fixed-side-navbar .nav > li a span { display: none; transition: all 0.2s ease 0s; }
.fixed-side-navbar .nav > li a::after { content: ""; position: absolute; top: 50%; right: 50px; width: 10px; height: 10px; border-radius: 10px; background: rgba(255, 255, 255, 0.75); transition: all 0.3s ease 0s; transform: scale(0.5); }
.fixed-side-navbar .nav > li a:hover { background-color: transparent; border-top-left-radius: 5px; border-bottom-left-radius: 5px; border-color: black; }
.fixed-side-navbar .nav > li a:hover > span { color: rgb(102, 102, 102); display: block; }
.ainav.fixed-side-navbar { position: relative; right: auto; margin-top: 60px; z-index: 0; }
.ainav.fixed-side-navbar .nav > li a { color: rgb(102, 102, 102); text-align: left; padding: 5px 0px 5px 25px; }
.ainav.fixed-side-navbar .nav > li a span { display: block; font-size: 12px; text-align: left; text-transform: none; padding: 0px; position: relative; top: 5px; }
.ainav.fixed-side-navbar .nav > li a:hover > span { display: block; }
.ainav.fixed-side-navbar .nav > li a::after { left: 4px; }
.ainav.fixed-side-navbar .nav > li a.active::before { border: 2px solid rgb(0, 3, 100); left: 0px; }
.ainav.fixed-side-navbar .nav > li a.active::after { background: rgb(0, 3, 100); }
.ainav.fixed-side-navbar .nav > li a::after { background: rgba(0, 0, 0, 0.5); }
.ainavdiv { border-top: 100px solid rgb(255, 255, 255); margin-bottom: 100px; }
.aiworkwrap { position: sticky; top: 100px; z-index: 1; }
.ainavdivborder { width: 1px; height: 95%; border-right: 1px solid rgb(204, 204, 204); position: absolute; top: 100px; right: 20px; display: inline-block; }
.z-2 { z-index: -2; }
.parallax-content { width: 100%; min-height: 100vh; position: relative; }




.no-webp  .ai { background: url("../images/bg-ai.jpeg") right center / cover fixed; }
.webp  .ai { background: url("../images/bg-ai.webp") right center / cover fixed; }


.no-webp .omni { background: url("../images/bg-omnichannel.jpeg") right center / cover fixed; }
.webp  .omni { background: url("../images/bg-omnichannel.webp") right center / cover fixed; }


.no-webp  .data { background: url("../images/bg-data.jpeg") right center / cover fixed; }
.webp  .data { background: url("../images/bg-data.webp") right center / cover fixed; }


.no-webp  .b2b { background: url("../images/bg-b2b.jpeg") right center / cover fixed; }
.webp  .b2b { background: url("../images/bg-b2b.webp") right center / cover fixed; }


.no-webp  .digital { background: url("../images/bg-digital-solution.jpeg") right center / cover fixed; }
.webp  .digital { background: url("../images/bg-digital-solution.webp") right center / cover fixed; }


.no-webp  .work { background: url("../images/bg-work.jpeg") right center / cover fixed; }
.webp  .work { background: url("../images/bg-work.webp") right center / cover fixed; }


.no-webp  
.webp  

.no-webp  
.webp  

.no-webp  
.webp  

.no-webp  
.webp  

.no-webp  
.webp  

.no-webp  
.webp  











.workdesc img { width: 100px; background-color: rgb(255, 255, 255); padding: 10px; text-align: center; border-radius: 5px; margin-bottom: 10px; display: inline-block; }
.workdesc h3 { color: rgb(252, 182, 22); margin-bottom: 5px; font-size: 3rem; }
.workdesc p { color: rgb(255, 255, 255); font-size: 17px; line-height: 20px; text-align: left; }
.workwrap { position: sticky; }
.border-radius { border-radius: 5px; }
.parallax-content.fcblack h1, .parallax-content.fcblack h2, .parallax-content.fcblack h3 { color: rgb(34, 34, 34); }
.parallax-content.fcblack.fcblack p { color: rgb(102, 102, 102); }
.fcblack { color: rgb(34, 34, 34); }
.clients { background-color: rgb(255, 255, 255); }
.clientdiv img { margin-bottom: 50px; transition: all 0.5s ease 0s; }
.insights { background-color: rgb(242, 242, 242); }
.insightdiv a img { border-radius: 5px; margin-bottom: 10px; border: 10px solid rgb(246, 246, 246); transition: all 0.5s ease 0s; }
.titlesmall { font-size: 15px; color: rgb(153, 153, 153); }
.titlesmall span { margin: 0px 10px; }
.insightdiv a p { color: rgb(34, 34, 34); }
.insightdiv a:hover img { border: 10px solid rgb(204, 204, 204); }
.letstalk { background-color: rgb(2, 19, 169); }
.letstalk h1, .letstalk p, .letstalk h2 { color: rgb(255, 255, 255); }
.letstalk h2 { font-size: 65px; line-height: 65px; }
.fcdarkblue { color: rgb(0, 3, 100); }
.aibgtop { border-top: 20px solid rgb(0, 3, 100); }
.fcmaroon { color: rgb(151, 0, 37); }
.omnibgtop { border-top: 20px solid rgb(151, 0, 37); }
.fcgreen { color: rgb(26, 72, 0); }
.databgtop { border-top: 20px solid rgb(26, 72, 0); }
.fcdarkorange {color: rgb(192, 28, 0);font-size: 55px;line-height: 55px;text-transform: capitalize}
.b2bbgtop { border-top: 20px solid rgb(192, 28, 0); }
.fcpurple { color: rgb(108, 0, 150); }
.digitalbgtop { border-top: 20px solid rgb(108, 0, 150); }
.bgdarkgray { background-color: rgb(17, 17, 17); }
.fcgray { color: rgb(170, 170, 170); }
.fcblue { color: rgb(2, 19, 169); }
.innertop { margin-top: 96px; }
.clientimg { margin: 30px 0px; }
.clientimg img { border: 1px solid rgb(238, 238, 238); border-radius: 5px; padding: 10px 0px; margin-bottom: 30px; transition: all 0.5s ease 0s; }
.clientimg img:hover { box-shadow: rgb(221, 221, 221) 0px 0px 30px; }
.client-infographic { width: 100%; background-color: rgb(17, 17, 17); padding: 15px; border-radius: 5px; position: relative; display: inline-block; }
.client-infographic ul { padding: 0px 0px 0px 30px; margin-bottom: 0px; }
.client-infographic li { color: rgb(255, 255, 255); line-height: 20px; margin-bottom: 20px; list-style: none; position: relative; }
.client-infographic li::before { content: "\f054"; font-family: FontAwesome; font-size: 12px; position: absolute; left: -20px; color: rgb(255, 255, 255); }
.client-infographic li:last-child { margin-bottom: 0px; }
.client-infographic::before { content: "\f0d9"; font-family: FontAwesome; font-size: 40px; color: rgb(17, 17, 17); position: absolute; left: -10px; top: 50%; transform: translateY(-50%); display: inline-block; }
.client-infographic-img { width: 100%; height: 100%; background: url("../images/client-infographic-center.png") center center no-repeat; margin-bottom: 20px; overflow: hidden; display: inline-block; }
.client-infographic-img img { animation: 10s linear 0s infinite normal none running rotation; }
@-webkit-keyframes rotation { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(359deg); }
}
.client-testidiv { background: url("../images/client-testi-bg.jpeg") center bottom 48px / 100% no-repeat rgb(255, 255, 255); overflow: hidden; }
.client-testi { width: 100%; background-color: rgb(255, 255, 255); padding: 40px 40px 20px; border-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: rgba(0, 0, 0, 0.6) 5px 5px 5px; display: inline-block; }
.client-testi img { border-radius: 50%; }
.client-testi .quote { font-family: Effra-Bold; font-size: 20px; color: rgb(0, 0, 0); font-style: italic; }
.client-testi .quote span { font-family: Effra-Regular; font-size: 70px; position: absolute; left: -15px; }
.testiname p { margin-bottom: 0px; }
.client-testidiv .owl-carousel .owl-stage, .career-gal .owl-carousel .owl-stage { padding: 50px 0px; }
.client-testidiv .owl-carousel .owl-stage-outer, .career-gal .owl-carousel .owl-stage-outer { overflow: visible; }
.client-testidiv .owl-nav button, .career-gal .owl-nav button { bottom: -150px; top: auto; }
.client-testidiv .owl-carousel .owl-nav button.owl-next, .client-testidiv .owl-carousel .owl-nav button.owl-prev, .career-gal .owl-carousel .owl-nav button.owl-next, .career-gal .owl-carousel .owl-nav button.owl-prev { width: 80px; height: 80px; border-radius: 50%; background: rgb(255, 255, 255); opacity: 1; }
.client-testidiv .owl-nav button.owl-next, .career-gal .owl-nav button.owl-next { right: 0px; }
.client-testidiv .owl-nav button.owl-prev, .career-gal .owl-nav button.owl-prev { right: 100px; left: auto; }
.client-testidiv .owl-nav button .fa::before, .career-gal .owl-nav button .fa::before { font-size: 20px; }
.client-testidiv .owl-carousel .owl-nav button.owl-prev:hover, .client-testidiv .owl-carousel .owl-nav button.owl-next:hover, .client-testidiv .owl-carousel button.owl-dot, .career-gal .owl-carousel .owl-nav button.owl-prev:hover, .career-gal .owl-carousel .owl-nav button.owl-next:hover { background-color: rgb(17, 17, 17); }
.clientsinner .col-lg-3 { display: none; }
.gen-enq { width: 100%; padding: 30px 0px; border: 1px solid rgb(204, 204, 204); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 10px 10px 0px; margin-top: 50px; display: inline-block; }
.gen-enq h2, .gen-enq h4 { margin-bottom: 0px; }
.gen-enq i, .gen-enq h4 { float: left; }
.gen-enq i::before { font-size: 20px; color: rgb(2, 19, 169); }
.gen-enq i { margin-right: 10px; }
.gen-enq h4 a { color: rgb(34, 34, 34); }
.gen-enq a::after { content: ""; background-color: rgb(34, 34, 34); width: 0px; height: 1px; transition: all 0.5s ease 0s; position: relative; display: block; }
.gen-enq a:hover::after { width: 165px; }
.contactab { border: 1px solid rgb(204, 204, 204); border-radius: 5px; }
.contactab .nav-tabs { display: none; border: none; }
#testimonal-slider { margin: auto; }
.testimonial-caption { position: initial; z-index: 10; padding: 2rem 3rem; text-align: center; font-size: 1.2rem; line-height: 2rem; }
.testimonial-caption p { color: rgb(102, 102, 102) !important; }
.testimonial-caption img { border-radius: 5rem; margin-top: 2rem; }
#image-caption { font-style: normal; font-size: 0.8rem; margin-top: 0.5rem; color: rgb(102, 102, 102) !important; }
#image-caption img { margin-top: 0px; }
#image-caption h3, #image-caption p { margin-bottom: 0px; }
.test-arrow { background-color: rgb(223, 56, 89); padding: 0.5rem; }
.carousel-control-prev { justify-content: flex-start; }
.carousel-control-next { justify-content: flex-end; }
.carousel-control-prev, .carousel-control-next { transition: none 0s ease 0s; opacity: unset; }
.career-box { padding: 25px 25px 5px; background: rgb(252, 182, 22); color: rgb(255, 255, 255); border-radius: 7px; box-shadow: rgb(153, 153, 153) 0px 0px 30px; margin-bottom: 50px; }
.career-box h3 { color: rgb(255, 255, 255); text-transform: uppercase; font-size: 22px; line-height: 30px; }
.career-box p { color: rgb(255, 255, 255); }
@media (min-width: 768px) {
  .contactab .nav-tabs { display: flex; }
  .contactab .card { border: none; }
  .contactab .card .card-header { display: none; }
  .contactab .card .collapse { display: block; }
}
@media (max-width: 767px) {
  .contactab .tab-content > .tab-pane { opacity: 1; display: block !important; }
  .contactab .card .card-header { border: none; padding: 0px !important; }
  .contactab .card .card-header a { display: block; padding: 20px; }
  .contactab .card .card-header a[aria-expanded="true"] { background-color: rgb(255, 255, 255) !important; }
}
.contactab .nav-tabs li { width: 50%; text-align: center; margin: 0px auto; font-family: Effra-Bold; font-size: 30px; color: rgb(35, 35, 35); }
.contactab .nav-tabs .nav-link { border: none; padding: 40px 0px; margin: 0px; border-radius: 0px; background-color: rgb(242, 242, 242) !important; }
.contactab .nav-tabs li span { font-size: 0.9rem; line-height: 0.9rem; }
.contactab .nav-tabs .nav-link:hover { background-color: rgb(221, 221, 221) !important; }
.contactab .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active { background-color: rgb(255, 255, 255) !important; }
.contactab .card-body { padding: 30px 50px; }
.office img { border-radius: 5px; margin-bottom: 20px; }
.office h3 { margin-bottom: 10px; }
.office p { font-size: 15px; line-height: 25px; }
.office .phone, .office .email { position: relative; font-size: 15px; padding: 5px 5px 5px 25px; }
.office .phone::before { content: "\f095"; font-family: FontAwesome; font-size: 15px; position: absolute; left: 0px; top: 6px; display: inline-block; }
.office .email::before { content: "\f0e0"; font-family: FontAwesome; font-size: 13px; position: absolute; left: 0px; top: 4px; display: inline-block; }
.office .map { width: 40px; height: 100%; padding: 15px 0px 0px; display: inline-block; }
.office .map img { margin-bottom: 0px; transform: scale(0.6); transition: all 0.5s ease 0s; }
.office .map:hover img { transform: scale(1); }
.office .phone a::after, .office .email a::after { content: ""; background-color: rgb(34, 34, 34); width: 0px; height: 1px; transition: all 0.5s ease 0s; position: relative; margin-top: -5px; display: block; }
.office .phone a:hover::after { width: 115px; }
.office .email a:hover::after { width: 120px; }
.bordertb { border-top: 1px solid rgb(238, 238, 238); border-bottom: 1px solid rgb(238, 238, 238); }
.office .phone { border-bottom: 1px solid rgb(238, 238, 238); }
.borderl { border-left: 1px solid rgb(238, 238, 238); }
.address { height: 160px; }
.career-gal { background: url("../images/career-gal-bg.jpeg") center bottom 48px / 100% no-repeat rgb(255, 255, 255); overflow: hidden; }
.career-gal img { border-radius: 5px; }
.career-gal .owl-carousel button.owl-dot, .career-gal .owl-carousel button.owl-dot span, .career-gal .owl-carousel button.owl-dot.active span, .career-gal .owl-carousel button.owl-dot:hover span { background-color: transparent; width: 0px; height: 0px; margin: 0px; }
.career-gal .owl-carousel button.owl-dot { padding: 0px !important; }
.career-gal .owl-carousel .owl-dot.active { color: rgb(255, 255, 255) !important; }
.career-gal .owl-carousel .owl-dots { left: 0px; }
.career-gal .owl-carousel .owl-dots::before { content: ""; width: 80px; height: 1px; display: inline-block; position: relative; background: rgb(153, 153, 153); left: 25px; top: -3px; }
.owl-dots { counter-reset: slides-num 0; position: absolute; top: 100%; left: 50%; margin-top: 15px; }
.owl-dots::after { content: counter(slides-num); display: inline-block; font-size: 20px; font-weight: 700; vertical-align: middle; color: rgb(153, 153, 153); margin-left: 30px; }
.owl-dot { display: inline-block; counter-increment: slides-num 1; margin-right: 5px; }
.owl-dot span { display: none; }
.owl-dot.active::before { content: counter(slides-num) ""; display: inline-block; vertical-align: middle; font-size: 20px; position: absolute; left: 0px; top: 0px; }
.card { border-top: none; border-right: none; border-left: none; border-image: initial; border-bottom: 1px solid rgb(204, 204, 204); }
.card-header { background-color: rgb(255, 255, 255); border: none; padding: 0px; }
.card-header > a, .card-header > a:active { display: block; font-size: 25px; color: rgb(34, 34, 34); padding: 40px 20px; }
.card-header a::before { font-family: FontAwesome; content: "\f105"; font-size: 25px; float: right; transition: all 0.5s ease 0s; }
.card-header.active a::before { transform: rotate(90deg) !important; }
.blogdiv { display: none; }
.blog { width: 100%; background-color: rgb(0, 0, 0); border-radius: 5px; display: inline-block; position: relative; margin-bottom: 20px; overflow: hidden; }
.blog img { opacity: 0.6; transition: all 0.5s ease 0s; }
.blog:hover img { opacity: 0.8; transform: scale(1.1); }
.blogdesc { width: 100%; padding: 20px; position: absolute; z-index: 1; left: 0px; bottom: 0px; display: inline-block; }
.blogdesc h3 { color: rgb(255, 255, 255); }
.a1 { background: url("../images/bg-a1.jpeg") right center / cover fixed; }
.a2 { background: url("../images/bg-a2.jpeg") right center / cover fixed; }
.a3 { background: url("../images/bg-a3.jpeg") right center / cover fixed; }
.a4 { background: url("../images/bg-a4.jpeg") right center / cover fixed; }
.workdiv { width: 100%; height: 400px; border-radius: 5px; margin-bottom: 30px; display: none; overflow: hidden !important; }
.workdivimg { width: 100%; height: 100%; background-size: cover; position: relative; transition: all 0.5s ease 0s; display: inline-block; background-position: center center !important; }
.workdivimg::before { content: ""; position: absolute; inset: 0px; background: inherit; transition: inherit; }
.workdivimg:hover::before { transform: scale(1.2); }
.apollo { background: url("../images/work/apollo.jpeg") no-repeat; }
.digit { background: url("../images/work/digit.jpeg") no-repeat; }
.kotak { background: url("../images/work/kotak.jpeg") no-repeat; }
.capgemini { background: url("../images/work/capgemini.jpeg") no-repeat; }
.tatac { background: url("../images/work/tata-capital.jpeg") no-repeat; }
.ramrajya { background: url("../images/work/ramrajya.jpeg") no-repeat; }
.westside { background: url("../images/work/westside.jpeg") no-repeat; }
.nippon { background: url("../images/work/nippon.jpeg") no-repeat; }
.bharti-axa { background: url("../images/work/bharti-axa.jpeg") no-repeat; }
.decathlon { background-image: url("../images/work/decathlon-showcase.jpeg"); background-size: initial; background-repeat: no-repeat; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: 85% center !important; }
.flydubai { background: url("../images/work/fly-dubai-showcase.jpeg") no-repeat; }
.hp { background: url("../images/work/hp-showcase.jpeg") no-repeat; }
.workpos { width: 40%; position: absolute; z-index: 1; right: 20px; top: 50%; padding: 20px; transform: translateY(-50%); }
.workdetail { background-size: cover; }
.detail-num h3 { font-size: 50px; }
.fcyellow { color: rgb(252, 183, 22); }
.bgyellow { background-color: rgb(252, 183, 22); }
.fckotak { color: rgb(236, 30, 48); }
.bgkotak { background-color: rgb(236, 30, 48); }
.fccapgemini { color: rgb(0, 112, 173); }
.bgcapgemini { background-color: rgb(0, 112, 173); }
.fctata { color: rgb(42, 110, 182); }
.bgtata { background-color: rgb(42, 110, 182); }
.fcmagenta { color: rgb(191, 11, 74); }
.bgmagenta { background-color: rgb(191, 11, 74); }
.logobg img { background-color: rgb(255, 255, 255); border-radius: 5px; }
.objective h3, .objective p, .objective li { color: rgb(255, 255, 255); }
.obj-img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.li2 ol { margin: 0px; padding: 0px 0px 0px 20px; }
.li2 ol li { color: rgb(102, 102, 102); margin-bottom: 20px; padding: 0px 0px 0px 20px; }
.li2 ol li::before { display: none; }
.li ul { margin: 0px 0px 0px 40px; padding: 0px; }
.li li { list-style: none; color: rgb(102, 102, 102); margin-bottom: 20px; }
.li li::before { content: "\f054"; font-family: FontAwesome; font-size: 12px; position: absolute; left: 20px; display: inline-block; }
.li1 ul { margin: 0px 0px 0px 40px; padding: 0px; }
.li1 li { list-style: none; color: rgb(255, 255, 255); margin-bottom: 20px; }
.li1 li::before { content: "\f054"; font-family: FontAwesome; font-size: 12px; position: absolute; left: 20px; display: inline-block; }
.approach img { border: 1px solid rgb(204, 204, 204); border-radius: 5px; padding: 5px; margin-bottom: 10px; }
.bloginner img { border-radius: 5px; }
.report .card-group .card { border: 1px solid rgb(238, 238, 238); margin: 0px 20px 40px; transition: all 0.5s ease 0s; border-radius: 5px !important; }
.report .card-group .card:hover { box-shadow: rgb(221, 221, 221) 0px 0px 30px; }
.report .card-group .card-footer { background-color: transparent; border: none; }
.report { display: none; }
.report .titlesmall, .report img { margin-bottom: 10px; }
.services { width: 100%; border-radius: 5px; display: inline-block; position: relative; margin-bottom: 20px; overflow: hidden; }
.services img { transition: all 0.5s ease 0s; }
.services:hover img { transform: scale(1.1); }
.servicesdesc { width: 100%; padding: 50px; position: absolute; left: 0px; top: 0px; display: inline-block; }
.servicesdesc h3 { color: rgb(255, 255, 255); }
.msticky a { position: fixed; bottom: 0px; width: 100%; background-color: rgb(17, 17, 17); font-size: 20px; color: rgb(255, 255, 255); text-align: center; padding: 10px; border-top-left-radius: 10px; border-top-right-radius: 10px; display: none; }
.msticky a:hover { background-color: rgb(2, 19, 169); }
.overflow { overflow: visible; }
.googlepartner { width: 100%; padding: 30px; border: 1px solid rgb(204, 204, 204); border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 10px 10px 0px; display: inline-block; }
.team { width: 100%; position: relative; overflow: hidden; margin: 10px 0px; border-radius: 5px; background-color: rgb(246, 246, 246); text-align: center; display: inline-block; }
.team img { margin: 0px auto; }
.team .title { width: 100%; padding: 0px 30px; position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); transition: all 0.8s ease 0s; }
.teams .team .title h2 { font-size: 40px; line-height: 40px; color: rgb(255, 255, 255); border-bottom: 1px solid rgb(102, 102, 102); margin-bottom: 10px; padding-bottom: 15px; }
.teams .team .title p { color: rgb(255, 255, 255); }
.overlay { position: absolute; bottom: 0px; left: 0px; right: 0px; background-color: rgba(0, 0, 0, 0.6); overflow: hidden; height: 0px; transition: all 0.5s ease 0s; }
.teams .team:hover .overlay { height: 100%; }
.teams .team:hover .title { bottom: -200px; }
.teamdetails { width: 100%; color: rgb(255, 255, 255); font-size: 13px; padding: 20px 10px; position: absolute; top: 55%; left: 50%; transform: translate(-50%, -50%); }
.teamdetails h4 { font-size: 23px; color: rgb(255, 255, 255); }
.teamdetails h4 span { font-size: 15px; color: rgb(255, 255, 255); }
.teamdetails p { color: rgb(255, 255, 255); line-height: 25px; text-align: center; }
.teams h3::before { content: ""; width: 100px; height: 1px; background-color: rgb(34, 34, 34); position: relative; margin-right: 15px; top: -8px; display: inline-block; }
.teams h3::after { content: ""; width: 100px; height: 1px; background-color: rgb(34, 34, 34); position: relative; margin-left: 15px; top: -8px; display: inline-block; }
.tmember:hover .overlay { height: 40px; }
.tmember .title { width: 100%; padding: 20px 10px; position: relative; bottom: -20px; left: 0px; font-size: 13px; line-height: 15px; color: rgb(255, 255, 255); transition: all 0.5s ease 0s; }
.tmember:hover .title { bottom: 10px; }
.flip-box { background-color: transparent; width: 100%; height: 100%; perspective: 1000px; }
.flip-box-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.8s ease 0s; transform-style: preserve-3d; overflow: hidden; }
.flip-box img { transition: all 0.5s ease 0s; }
.flip-box:hover img { transform: scale(1.2); }
.flip-box-front, .flip-box-back { position: relative; width: 100%; height: 100%; backface-visibility: hidden; }
.flip-box-back { transform: rotateY(180deg); position: absolute; top: 0px; }
.tmember { width: 100%; margin-bottom: 20px; display: inline-block; }
.tmember img { border-radius: 5px; }
.teamcaption { width: 100%; position: relative; margin-top: 10px; text-align: center; display: inline-block; }
.teamcaption h4 { font-size: 16px; line-height: 20px; margin-bottom: 0px; }
.teamcaption p { font-size: 13px; }
footer {width: 100%;min-height: 100vh;background-color: rgb(34, 34, 34);padding: 100px 0px 0px;/* position: sticky; */bottom: 0px;z-index: -3;}
.footerlogo { width: 150px; display: inline-block; margin-bottom: 30px; }
.flocation { width: 100%; border-bottom: 1px solid rgb(51, 51, 51); padding: 10px 0px; display: inline-block; }
.flocation p { margin-bottom: 5px; line-height: 18px; color: rgb(153, 153, 153); }
.flocation p small { color: rgb(102, 102, 102); }
footer ul { margin: 0px; padding: 0px; }
footer ul li { margin: 0px 0px 10px; padding: 0px; list-style: none; }
footer ul li a { color: rgb(153, 153, 153); }
footer ul li a:hover, footer h4 a:hover { color: rgb(204, 204, 204); }
.copy { font-size: 15px; margin-top: 20px; }
.top a { background-color: rgb(34, 34, 34); width: 30px; height: 30px; border: 1px solid rgb(102, 102, 102); border-radius: 50%; padding: 0px; font-size: 15px; color: rgb(102, 102, 102); text-align: center; margin: 0px auto; display: inline-block; }
.top a i::before { font-size: 20px; }
.top a:hover { background-color: rgb(0, 0, 0); color: rgb(153, 153, 153); }
.top::after { content: ""; width: 100%; height: 1px; background-color: rgb(102, 102, 102); position: relative; top: -35px; z-index: -1; display: inline-block; }
.breadcrumb { width: 100%; background-color: rgb(234, 234, 234); border-radius: 0px; text-align: center; display: inline-block; margin: 0px; padding: 5px 0px; }
.breadcrumb li { display: inline-block; font-size: 0.8rem; }
.breadcrumb-item.active { color: rgb(0, 0, 0); }
.card-header { cursor: pointer; }
.accordion-wrapper .accordion .card-header::after { font-family: FontAwesome; content: "\f077"; float: right; }
.accordion-wrapper .accordion .card-header.collapsed::after { content: "\f078"; }
.card-header { font-weight: bold; }
.awarenesstab { padding: 5% 10%; }
.awarenesstab .list li { text-align: left; }
.accordion { margin-bottom: 30px; }
.sticky { background-color: rgb(255, 255, 255); box-shadow: rgb(204, 204, 204) 0px 0px 10px; }
.fixed { position: fixed; top: 0px; width: 100%; }
.hidden { display: none; }
.left { text-align: left; }
.right { text-align: right; }
input, textarea, select { width: 100%; background-color: rgb(255, 255, 255); padding: 10px; border: 1px solid rgb(204, 204, 204); border-radius: 5px; color: rgb(102, 102, 102); appearance: none; }
.select { position: relative; }
.select::after { content: "\f105"; font-family: FontAwesome; font-size: 20px; position: absolute; right: 15px; top: 10px; display: inline-block; }
input[type="submit"] { background: linear-gradient(0deg, rgb(242, 242, 242) 0%, rgb(255, 255, 255) 100%); padding: 10px 30px; color: rgb(34, 34, 34); border: none; cursor: pointer; text-transform: uppercase; box-shadow: rgb(204, 204, 204) 0px 5px 10px; transition: all 0.3s ease-in-out 0s; }
input[type="submit"]:hover { background: linear-gradient(0deg, rgb(255, 255, 255) 0%, rgb(242, 242, 242) 100%); box-shadow: rgb(204, 204, 204) 0px 10px 10px; }
label { font-size: 15px; color: rgb(153, 153, 153); margin-bottom: 0px; }
::-webkit-input-placeholder { opacity: 1; }
.fa::before { font-size: 13px; }
.fcwhite { color: rgb(255, 255, 255); }
.logos.owl-carousel .owl-nav.disabled, .logos.owl-carousel .owl-dots.disabled { display: block !important; }
.owl-nav button.owl-prev { left: -50px; padding: 20px !important; }
.owl-nav button.owl-next { right: -50px; padding: 20px !important; }
.owl-nav button { position: absolute; top: 40%; transform: translateY(-50%); }
.modal .close { position: absolute; top: -20px; right: -10px; background-color: rgb(0, 0, 0); color: rgb(255, 255, 255); border-radius: 50%; padding: 3px 10px 8px; opacity: 1; z-index: 1; }
#myModal .modal-body { padding: 0px; }
.view-btn { text-decoration: none; border: 2px solid black; border-radius: 13px; color: white; padding: 5px 20px; background-color: rgb(0, 0, 0); }
.lp-form { background-color: white; border-radius: 15px; border: 1px solid rgb(209, 209, 209); }
.lp-form input, .lp-form textarea, .lp-form select { border-width: 0px 0px 1px; border-top-style: initial; border-right-style: initial; border-left-style: initial; border-color: initial; border-image: initial; border-radius: 0px; border-bottom-style: solid; padding: 0px 0px 10px; margin: 0px; }
.lp-join-form.lp-form { border: 0px; }
ul.other-links li {
    display: inline-block;
    padding: 0;
    margin: 20px 10px;
}

ul.other-links {
    text-align: right;
}

ul.other-links li a {
    font-size: 16px;
}