@import url("variables.css");

/* ===================================
   CSS Reset & Base Styles
   =================================== */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-light);
  line-height: 1.6;
  color: var(--color-text);
  background-color: var(--color-white);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
  /* display: block; */
}

a {
  color: inherit;
  text-decoration: none;
}

a:hover {
  opacity:1;
}

a:focus-visible {
  outline: 0px solid var(--color-focus);
  outline-offset: 0px;
}
b, strong { font-weight: 700; }
.nav-link:focus-visible{box-shadow:none;}
.white-bg{background:var(--color-white)!important;}
.gray-bg{background:var(--color-bg-light);}
.bg-pink-light{background:var(--color-pink-light);}
.bg-yellow-light{background:var(--color-yellow-light);}
.bg-blue-light{background:var(--color-blue-light);}
.bg-purple-light{background:var(--color-purple-light);}
.bg-green-light{background:var(--color-green-light);}
.bg-green-light2{background:var(--color-green-light2);}
.bg-pink-dark{background:var(--color-pink-dark);}
.bg-yellow-light2{background:var(--color-yellow-light2);}
.bg-purple-light2{background:var(--color-purple-light2);}
.text-right{text-align:right!important;}
.black-pattern-bg{background:url(../images/black-bg.webp) no-repeat center #000;background-size:cover;background-attachment: fixed;}
.black-pattern-bg2{background:url(../images/black-bg2.webp) no-repeat center #000;background-size:cover;background-attachment: fixed;}
.black-pattern-bg3{background:url(../images/black-bg3.webp) no-repeat center #000;background-size:cover;background-attachment: fixed;}
.black-pattern-bg4{background:url(../images/black-bg4.webp) no-repeat center #000;background-size:cover;background-attachment: fixed;}
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{max-width: 1380px;}
.content-container{max-width:1000px;margin:0 auto;}
.white-text{color:var(--color-white) !important;}
.black-text{color:var(--color-black) !important;}
.white-box{background:var(--color-white);border: 1px solid var(--color-border);border-radius: var(--radius-xl);overflow: hidden;}
.pd-right{padding-right:var(--spacing-xl);}
.pd-left{padding-left:var(--spacing-xl);}
.mb-4-1{margin-bottom: 2rem !important;}
.mb-4-2{margin-bottom: 1.5rem !important;}
p:last-child{margin-bottom:0;}
.center-container {max-width: 1000px;}
.center-container-1000 {max-width: 1000px;margin:0 auto;}
.center-container-1150 {max-width: 1150px;margin:0 auto;}

.pd-right2{padding-right:var(--spacing-md2);}
.pd-left2{padding-left:var(--spacing-md2);}
.feature-image img{border-radius:var(--radius-lg);}
.btn-outline-dark.btn-outline-dark2 { padding: 2px 15px; font-size: 16px; }
.home-slider-video{  position: absolute; top: 0; left: 0; width: 100%;height:100%;}
.home-slider-video video {width: 100%; height: 100%; border: 0; object-fit: cover;}
/* ===================================
   Header & Navigation
   =================================== */

.site-header {
  background-color: var(--color-white);
  box-shadow: var(--shadow-md);
  z-index: 1030;
}

.header-container {
  max-width: var(--container-max-width1);
  margin: 0 auto;
  padding: 10px var(--spacing-lg);height: 95px;
}

.logo-img {
  width: 153px;
  height: auto;
}

.navbar-toggler {
  border: none;
  padding: var(--spacing-xs);
}

.navbar-toggler:focus {
  box-shadow: none;
  outline: 2px solid var(--color-focus);
}

.main-nav-list {
  gap: var(--spacing-sm);
}
.navbar-expand-xl .navbar-collapse{max-width: 76%;}
.nav-link {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.42px;
  line-height: 14px;
  color: var(--color-black) !important;
  padding: 48px 4px !important;
  white-space: nowrap;text-transform: uppercase;
}
.nav-link:hover {
  opacity: 0.8;
}
.dropdown-open:before{content: ''; position: fixed; width: 100%; height: 100%; background: rgba(0,0,0,.70); z-index: 99; top: 0;left: 0;}
/* Mega Menu Styles - Full Width */
.mega-dropdown .dropdown-menu {
  position: fixed !important;
  top: 111px !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
  border: none;
  border-radius: 0;
  box-shadow:none;
  padding: var(--spacing-lg) 0;
  transform: none !important;border-top: 1px solid var(--color-border);border-bottom: 1px solid var(--color-border);min-height: 365px;
}
.submenu-hd { font-size: var(--font-size-lg); font-weight: var(--font-weight-medium); color: var(--color-black); margin: 0 0 10px; line-height: 1; border-bottom: 0px solid var(--color-border); padding-bottom: 0; }
.mega-menu .container {
  max-width:1380px;
  padding: 0;
}

.mega-menu-title {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  color: var(--color-black);
  margin-bottom: var(--spacing-md);
  letter-spacing: 0;
  line-height: 15px;
}

.mega-menu .dropdown-item {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-light);
  color: var(--color-black);
  padding:9px 0;
  letter-spacing: 0;
  line-height: 14px;
}

.mega-menu .dropdown-item:hover {
  background-color:transparent;color:#595959;
}
.submenu-col p{font-size: var(--font-size-sm);min-height: 70px;}
.submneu-thirt-level {padding: 0; margin: 0; list-style: none;}
.submneu-thirt-level li{color: var(--color-black);letter-spacing: 0; line-height: 18px;}
.submneu-thirt-level li a{color: var(--color-black); padding:3px 0 3px 10px;font-size: 14px; font-weight: var(--font-weight-light);display: block;position:relative;opacity: 0.7;}
.submneu-thirt-level li a:before{content:'';background: var(--color-black); width: 2px; height: 12px; position: absolute; top: 6px; left: 2px;opacity: 0.7;}


/* Regular Dropdown */
.dropdown-menu {
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-sm);
  border-radius: var(--radius-sm);
  padding: 10px 0;
}

.dropdown-item {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-light);
  padding: 10px 20px;
}

.dropdown-item:hover {
  background-color: var(--color-bg-light);
}
.dropdown-toggle::after{display:none;}
/* Header Actions */
.header-actions {
  gap:var(--spacing-sm);
}

.btn-quote {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  line-height: 15px;
  padding: 10px 20px;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-black);
  white-space: nowrap;
}

.btn-quote:hover {
  background-color: var(--color-black);
  color: var(--color-white);
}

.btn-primary-custom {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  line-height: 15px;
  padding: 10px 20px;
  background-color: var(--color-primary);
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-xl);
  color: var(--color-black);
  white-space: nowrap;
}

.btn-primary-custom:hover {
  background-color: var(--color-primary-hover);
  border-color: var(--color-primary-hover);
  color: var(--color-black);
}
.mega-menu .list-unstyled{flex-wrap:wrap;display:flex;}
.mega-menu .list-unstyled li {width: 100%;font-size: var(--font-size-lg);}

.btn-contact.btn-primary-custom:hover {
  background-color: var(--color-black);
  border-color: var(--color-black);
  color: var(--color-white);
}
.submenu-col {width: 20%;padding: 0 25px;position:relative;}
.submenu-col:after{content:'';border-right:1px solid var(--color-border);position:absolute;height:100%;top:0;right:0;width:1px;}
.submenu-col:last-child:after{border:0;}

.menu-icon { display: block; margin: 0 0 20px; }
.menu-icon-left { display: inline-flex; vertical-align: middle; margin-right: 15px; }
.menu-icon-left .menu-icon{margin-bottom:0;}
.dropdown-item:focus, .dropdown-item:hover{background-color:transparent;}
.submenu-col .btn-outline-dark{padding: 6px 15px;font-size: 13px;padding: 3px 11px;}
.technology-submenu { display: flex; flex-wrap: wrap;margin:20px 0 35px;}
.technology-submenu-list { padding: 0 80px; margin: 0; list-style: none; width:auto; border-right: 1px solid var(--color-border);min-width: 14%; }
.technology-menu .submenu-col p{min-height:unset;}
.technology-submenu-list:first-child{padding-left:0;}
.technology-submenu-list:last-child{border-right:0;}
.technology-submenu-list li{font-size:var(--font-size-md);font-weight:var(--font-weight-light);display:block;}
.technology-submenu-list li a{display:block;padding:0 0 10px 10px;position: relative;}
.technology-submenu-list li a:before{content:'';width:2px;height:17px;background:var(--color-black);position:absolute;top:4px;left:0;}
.technology-submenu-list li:last-child a{padding-bottom:0;}



.btn-outline-dark {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 16px;
  border-radius: 30px;
  border: 1px solid var(--color-black);
  background: transparent;
  font-family: var(--font-family-primary);
  font-weight: var(--font-weight-medium);
  color: var(--color-black);
  font-size: var(--font-size-md);
  transition: all 0.3s ease;cursor:pointer;
}
.btn-outline-dark:hover {
  background-color: var(--color-black);
  color: var(--color-white);
}
.btn-outline-dark:hover img{filter: brightness(0) invert(1);}
.b-600{font-weight:var(--font-weight-semibold);}
.b-500{font-weight:var(--font-weight-medium);}

@media (min-width: 1000px) {
.about-menu .submenu-col{width:25%;}
.four-col-menu .submenu-col{width:25%;}
.mega-menu .single-level-submenu-li{column-gap: 30px;}
.mega-menu .single-level-submenu-li li{width: 18%;font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  color: var(--color-black);
  line-height: 1;
  border-bottom: 1px solid var(--color-border);}
.mega-menu .single-level-submenu-li li a{font-weight: var(--font-weight-light);line-height: 1;font-size: var(--font-size-sm);padding: 15px 0;}
.hide-desk{display:none;}
}
/* Mobile Navigation */
@media (max-width: 1399px) {
  .header-container {
    padding: 10px var(--spacing-xl);
  }
  
  .main-nav-list {
    gap: var(--spacing-xs);
  }
  
  .nav-link {
    font-size: 0.75em;
    padding: 6px var(--spacing-xs) !important;
  }
}

@media (max-width: 1199px) {
  .header-container {
    padding: 10px var(--spacing-lg);
  }
  
  .navbar-collapse {
    margin-top: 20px;background: var(--color-white);
  }
  
  .main-nav-list {
    flex-direction: column;
    gap: 0;
  }
  
  .nav-item {
    border-bottom: 1px solid var(--color-border);
  }
  
  .nav-link {
    padding: var(--spacing-sm) 0 !important;
    font-size: var(--font-size-sm);
  }
  
  .mega-dropdown .dropdown-menu {
    position: static !important;
    transform: none !important;
    width: 100% !important;
    box-shadow: none;
    padding: 20px;
    background-color: var(--color-bg-light);
    top: auto !important;
  }
  
  .mega-menu .container {
    padding: 0;
  }
  
  .header-actions {
    margin-top: 20px;
    flex-direction: column;
    width: 100%;
  }
  
  .header-actions .btn {
    width: 100%;
  }
    .impact-section .nav-item {border-bottom:0;}
	
	nav .hide-desk{display:block;}
	nav .hide-mbl{display:none;}
}
.header-btns-mobile{display:none;}
@media (max-width: 1199px) {
  .header-container {
    padding: 0;
  }
  
  
  .logo-img {
    width: 125px;
    height: auto;padding-left:var(--spacing-md);
  }
  .navbar-brand{padding: 0;}
  .navbar{padding: 5px 0;}
  .navbar-toggler{margin-right:var(--spacing-md);}
  .navbar-collapse{padding: 0 var(--spacing-md) var(--spacing-md);margin-top: 6px;border-top: 1px solid var(--color-border);}
  .header-container{height: 66px;padding: 0 !important;}
  .nav-link.dropdown-toggle{background:url(../images/plus.svg) no-repeat right center;background-size: 15px;}
  .nav-link.dropdown-toggle.show{background:url(../images/minus.svg) no-repeat right center;background-size: 15px;}
  .mega-dropdown .dropdown-menu{background:transparent;padding:12px 0 0;min-height: unset;border: 0;}
  .mega-menu-title{margin-bottom: var(--spacing-xs);}
  .mega-menu .dropdown-item{padding: 6px 0;font-size: var(--font-size-xxs);}
  .mega-menu .list-unstyled{margin-bottom:0;width: 100%;}
  .mega-menu .list-unstyled li {width: 100%;}
  .navbar-expand-xl .navbar-collapse{ width: 100%;height: 92vh!important;overflow-y: scroll;padding-top: 8px;top: 70px;position: absolute;left: 0; max-width: 100%;}	
  .submenu-col {width: 100%;padding: 0 12px 15px;margin-bottom:15px;border-bottom: 1px solid var(--color-border);display: flex;flex-wrap: wrap; align-items: center;}
  .submenu-col:last-child{border-bottom:0;margin-bottom: 0;}
  .nav-link{font-size: var(--font-size-md);}
  .submenu-hd {font-size: var(--font-size-md);padding-bottom: 0;padding-left:10px;}
  .header-btns-mobile { display: flex; position: fixed; bottom: 0; background: var(--color-black); z-index: 9; flex-wrap: nowrap; flex-direction: row;gap: 0;border-top:1px solid rgba(255,255,255,0.3);}
  .header-btns-mobile .btn{width: 50%;margin: 0 !important;border-radius: 0 !important;border:0 !important;padding: 15px 20px;font-size: var(--font-size-lg);}
  .header-btns-mobile .btn-quote{background: var(--color-black);color: var(--color-white);}
  .header-btns-mobile .btn-contact.btn-primary-custom:hover{background-color: var(--color-primary);opacity:1;color: var(--color-black);}
  .footer-bottom{padding-bottom: 50px;}
  .footer-bottom .gap-2{gap: .25rem !important;}
  .hide-mbl{display:none !important;}
  .submenu-col p{font-size:12px;min-height: unset;width: 100%;}
  .navbar-expand-xl .navbar-nav .nav-item:hover .nav-link{text-decoration: none !important;text-underline-offset: 0;}
  .industries-dropdown .submenu-col:nth-child(1),.industries-dropdown .submenu-col:nth-child(2),.industries-dropdown .submenu-col:nth-child(3){border: 0;padding-bottom: 0;margin-bottom: 0;}
  .submenu-col::after{display:none;}
  .footer-btns-mbl {width: 25%;background:var(--color-black);text-align: center;border-right: 1px solid rgba(255,255,255,0.3);display: flex;flex-wrap: wrap;justify-content: center;padding: 8px 0 3px;}
  .footer-btns-mbl span{font-size: var(--font-size-xs);width:100%;font-weight: 400;color:var(--color-white);display: block;margin-top: 2px;}
  .menu-icon{margin: 0 0 10px;}
  .technology-submenu-list{padding:0;width:33.33%;border: 0;}
  .technology-submenu-list li a{padding:0 0 8px 8px !important;}
  .technology-submenu-list li {font-size: var(--font-size-sm);}
  .technology-submenu{margin: 0 0 15px;}
  .technology-submenu-list li a::before{height: 14px;}
}
.small-txt {font-size: var(--font-size-xxs);}


/* ===================================
   Hero Section
   =================================== */

.hero-section {
  background: linear-gradient(180deg, var(--color-bg-light) 4%, var(--color-white) 100%);
  box-shadow: inset 0 0 184px var(--color-shadow);
  padding:0;height: 400px;
}

.hero-container {
  max-width: var(--container-max-width1);
  margin: 0 auto;
  padding: 0 var(--spacing-lg);height: 400px;
}

.breadcrumb-nav {
  font-size: var(--font-size-md);
  font-weight: var(--font-weight-light);
  line-height: 26px;
  color: var(--color-black);
  margin-bottom: 22px;
}

.breadcrumb-nav .separator {
  margin: 0 var(--spacing-xs);
}
.breadcrumb-content {
  text-align: center;
  padding-top: 50px;
}
.hero-title {
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-light);
  line-height: 1.1;
  margin-bottom: var(--spacing-xs);
  color: var(--color-black);
}

.hero-subtitle {
  font-size: var(--font-size-2xl);
  font-weight: var(--font-weight-light);
  line-height: 24px;
  letter-spacing: 1px;
  color: var(--color-black);
}
.inside-header{background:url(../images/services-header.webp) no-repeat 0 0;background-size:cover;}
.inside-header .hero-title,.inside-header .hero-subtitle,.inside-header .breadcrumb-nav,.inside-header .breadcrumb-nav a{color: var(--color-white);}
.services-header{background:url(../images/services-header.webp) no-repeat center 0;background-size:cover;}
.web-design-header{background:url(../images/website-design-header.webp) no-repeat center 0;background-size:cover;}
.airlines-header{background:url(../images/airlines-header.webp) no-repeat center 0;background-size:cover;}
.technology-header{background:url(../images/technology-header.webp) no-repeat center 0;background-size:cover;}
.advertising-agency-header{background:url(../images/advertising-agency-header.webp) no-repeat center 0;background-size:cover;}
.team-hiring-header{background:url(../images/team-hiring-header.webp) no-repeat center 0;background-size:cover;}
.about-us-header{background:url(../images/about-us-header.webp) no-repeat center 0;background-size:cover;}
.vision-header{background:url(../images/vision-header.webp) no-repeat center 0;background-size:cover;}
.team-header{background:url(../images/team-header.webp) no-repeat center 0;background-size:cover;}
.domain-hosting-header{background:url(../images/domain-hosting-header.webp) no-repeat center 0;background-size:cover;}
.digital-marketing-header{background:url(../images/digital-marketing-header.webp) no-repeat center 0;background-size:cover;}
.association-ngo-header{background:url(../images/association-ngo-header.webp) no-repeat center 0;background-size:cover;}
.automobile-header{background:url(../images/automobile-header.webp) no-repeat center 0;background-size:cover;}
.chemicals-header{background:url(../images/chemicals-header.webp) no-repeat center 0;background-size:cover;}
.ecommerce-retail-header{background:url(../images/ecommerce-retail-header.webp) no-repeat center 0;background-size:cover;}
.education-learning-header{background:url(../images/education-learning-header.webp) no-repeat center 0;background-size:cover;}
.financial-services-fintech-header{background:url(../images/financial-services-fintech-header.webp) no-repeat center 0;background-size:cover;}
.healthcare-header{background:url(../images/healthcare-header.webp) no-repeat center 0;background-size:cover;}
.it-industry-header{background:url(../images/it-industry-header.webp) no-repeat center 0;background-size:cover;}
.transport-logistics-supply-chain-header{background:url(../images/transport-logistics-supply-chain-header.webp) no-repeat center 0;background-size:cover;}
.manufacturing-header{background:url(../images/manufacturing-header.webp) no-repeat center 0;background-size:cover;}
.media-monitoring-research-header{background:url(../images/media-monitoring-research-header.webp) no-repeat center 0;background-size:cover;}
.medical-pharma-header{background:url(../images/medical-pharma-header.webp) no-repeat center 0;background-size:cover;}
.oil-and-gas-header{background:url(../images/oil-and-gas-header.webp) no-repeat center 0;background-size:cover;}
.printing-and-publishing-header{background:url(../images/printing-and-publishing-header.webp) no-repeat center 0;background-size:cover;}
.real-estate-header{background:url(../images/real-estate-header.webp) no-repeat center 0;background-size:cover;}
.transport-logistics-header{background:url(../images/transport-logistics-header.webp) no-repeat center 0;background-size:cover;}
.travel-hospitality-header{background:url(../images/travel-hospitality-header.webp) no-repeat center 0;background-size:cover;}
.contact-us-header{background:url(../images/contact-us-header.webp) no-repeat center 0;background-size:cover;}
.industries-header{background:url(../images/industries-header.webp) no-repeat center 0;background-size:cover;}
.outsourcing-header{background:url(../images/outsourcing-header.webp) no-repeat center 0;background-size:cover;}
.privacy-policy-header{background:url(../images/privacy-policy-header.webp) no-repeat center 0;background-size:cover;}
.search-engine-optimisation-header{background:url(../images/search-engine-optimisation-header.webp) no-repeat center 0;background-size:cover;}
.social-media-marketing-header{background:url(../images/social-media-marketing-header.webp) no-repeat center 0;background-size:cover;}
.lead-generation-performance-marketing-header{background:url(../images/lead-generation-performance-marketing-header.webp) no-repeat center 0;background-size:cover;}
.marketing-automation-email-whatsapp-sms-header{background:url(../images/marketing-automation-email-whatsapp-sms-header.webp) no-repeat center 0;background-size:cover;}
.analytics-attribution-cro-header{background:url(../images/analytics-attribution-cro-header.webp) no-repeat center 0;background-size:cover;}
.domain-hosting-email-ssl-header{background:url(../images/domain-hosting-email-ssl-header.webp) no-repeat center 0;background-size:cover;}
.outsourcing-solutions-technical-consultants-header{background:url(../images/outsourcing-solutions-technical-consultants-header.webp) no-repeat center 0;background-size:cover;}
.outsourcing-solutions-web-development-companies-header{background:url(../images/outsourcing-solutions-web-development-companies-header.webp) no-repeat center 0;background-size:cover;}
.global-outsourcing-header{background:url(../images/global-outsourcing-header.webp) no-repeat center 0;background-size:cover;}
.sitemap-header{background:url(../images/sitemap-header.webp) no-repeat center 0;background-size:cover;}
.experience-design-header{background:url(../images/experience-design-header.webp) no-repeat center 0;background-size:cover;}
.platform-engineering-header{background:url(../images/platform-engineering-header.webp) no-repeat center 0;background-size:cover;}
.strategy-transformation-header{background:url(../images/strategy-transformation-header.webp) no-repeat center 0;background-size:cover;}
.infrastructure-header{background:url(../images/infrastructure-header.webp) no-repeat center 0;background-size:cover;}
.business-growth-header{background:url(../images/business-growth-header.webp) no-repeat center 0;background-size:cover;}
.enterprise-platforms-header{background:url(../images/enterprise-platforms-header.webp) no-repeat center 0;background-size:cover;}
.workforce-engagement-header{background:url(../images/workforce-engagement-header.webp) no-repeat center 0;background-size:cover;}
.industry-solutions-header{background:url(../images/industry-solutions-header.webp) no-repeat center 0;background-size:cover;}
.institutional-systems-header{background:url(../images/institutional-systems-header.webp) no-repeat center 0;background-size:cover;}
.logistics-mobility-header{background:url(../images/logistics-mobility-header.webp) no-repeat center 0;background-size:cover;}
.logo-design-services-header{background:url(../images/logo-design-services-header.webp) no-repeat center 0;background-size:cover;}
.social-media-design-header{background:url(../images/social-media-design-header.webp) no-repeat center 0;background-size:cover;}
.web-development-header{background:url(../images/web-development-header.webp) no-repeat center 0;background-size:cover;}
.web-application-ui-ux-design-header{background:url(../images/web-application-ui-ux-design-header.webp) no-repeat center 0;background-size:cover;}
.mobile-application-development-header{background:url(../images/mobile-application-development-header.webp) no-repeat center 0;background-size:cover;}
.content-management-system-header{background:url(../images/content-management-system-header.webp) no-repeat center 0;background-size:cover;}
.solutions-header{background:url(../images/solutions-header.webp) no-repeat center 0;background-size:cover;}
.erp-manufacturing-header{background:url(../images/erp-manufacturing-header.webp) no-repeat center 0;background-size:cover;}
.school-management-digital-campus-system-header{background:url(../images/school-management-digital-campus-system-header.webp) no-repeat center 0;background-size:cover;}
.erp-trader-header{background:url(../images/erp-trader-header.webp) no-repeat center 0;background-size:cover;}
.hr-management-header{background:url(../images/hr-management-header.webp) no-repeat center 0;background-size:cover;}
.intranet-workforce-header{background:url(../images/intranet-workforce-header.webp) no-repeat center 0;background-size:cover;}
.retail-order-processing-system-header{background:url(../images/retail-order-processing-system-header.webp) no-repeat center 0;background-size:cover;}
.support-ticketing-header{background:url(../images/support-ticketing-header.webp) no-repeat center 0;background-size:cover;}
.job-recruitment-header{background:url(../images/job-recruitment-header.webp) no-repeat center 0;background-size:cover;}
.lead-mangement-header{background:url(../images/lead-mangement-header.webp) no-repeat center 0;background-size:cover;}
.social-networking-applications-header{background:url(../images/social-networking-applications-header.webp) no-repeat center 0;background-size:cover;}
.community-management-header{background:url(../images/community-management-header.webp) no-repeat center 0;background-size:cover;}
.community-matrimonial-portal-header{background:url(../images/community-matrimonial-portal-header.webp) no-repeat center 0;background-size:cover;}
.learning-management-header{background:url(../images/learning-management-header.webp) no-repeat center 0;background-size:cover;}
.transport-management-system-header{background:url(../images/transport-management-system-header.webp) no-repeat center 0;background-size:cover;}
.brand-collaterals-designing-header { background: url(../images/brand-collaterals-designing-header.webp) no-repeat center 0; background-size: cover; }
.e-commerce-header { background: url(../images/e-commerce-header.webp) no-repeat center 0; background-size: cover; }
.mobile-application-ui-ux-design-header { background: url(../images/mobile-application-ui-ux-design-header.webp) no-repeat center 0; background-size: cover; }
.digital-transformation-phygital-header { background: url(../images/digital-transformation-phygital-header.webp) no-repeat center 0; background-size: cover; }
.corporate-print-procurement-system-header { background: url(../images/corporate-print-procurement-system-header.webp) no-repeat center 0; background-size: cover; }
.web-to-print-platform-header { background: url(../images/web-to-print-platform-header.webp) no-repeat center 0; background-size: cover; }
.agri-fintech-header { background: url(../images/agri-fintech-header.webp) no-repeat center 0; background-size: cover; }
.community-matrimonial-portal-header { background: url(../images/community-matrimonial-portal-header.webp) no-repeat center 0; background-size: cover; }
.ai-based-services-header { background: url(../images/ai-based-services-header.webp) no-repeat center 0; background-size: cover; }
.website-amc-header { background: url(../images/website-amc-header.webp) no-repeat center 0; background-size: cover; }
.profile-header { background: url(../images/profile-header.webp) no-repeat center 0; background-size: cover; }









@media (max-width: 1399px) {
  .hero-container {
    padding: 0 120px;
  }
}

@media (max-width: 1199px) {
  .hero-section {
    padding: var(--spacing-xl) 0;
  }
  
  .hero-container {
    padding: 0 var(--spacing-xl);
  }
  
  .hero-title {
    font-size: 2.625em;
    line-height: 44px;
  }
  
  .hero-subtitle {
    font-size: var(--font-size-lg);
  }
}

@media (max-width: 767px) {
.hero-container { padding: 0 var(--spacing-md);height: auto; }
.hero-title { font-size: 1.3em; line-height: 24px;margin-bottom: 5px; }
.hero-title br{display:none;}
.hero-subtitle {font-size: var(--font-size-xs);line-height: 1.3;}
.breadcrumb-nav {font-size:13px;margin-bottom: 6px;line-height: 1.3;}
.hero-section{height: auto;padding-bottom: 0;}
.breadcrumb-content{padding-top: 25px;}
.breadcrumb-nav .separator {margin: 0 1px;}
.hero-content {padding: 120px 0 19px;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{padding-left:25px;padding-right:25px;}
.owl-prev span,.owl-next span{font-size: 45px;line-height:1;}
.owl-theme .owl-nav [class*="owl-"]:hover {color: #000;background-color: transparent;}
.menu-icon-left img,.menu-icon{max-width: 30px;}
.industries-dropdown .list-unstyled li{border-bottom: 1px solid var(--color-border);}
.industries-dropdown .submenu-col1:last-child .list-unstyled li:last-child{border-bottom:0;}
  
  
  
  
  
  
}

/* ===================================
   Introduction Section
   =================================== */
main{margin-top:111px;}
.common-pd{padding-top: 6rem !important;padding-bottom: 6rem !important;}

.intro-section {
  padding: var(--spacing-2xl) 0;
}

.intro-lead {
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-light);
  line-height: 50px;
  color: var(--color-black);
}

.intro-details p {
  font-size: var(--font-size-md);
  line-height: 26px;
  color: var(--color-black);
}

@media (max-width: 1199px) {
  .intro-section {
    padding: var(--spacing-xl) 0;
  }
  
  .intro-lead {
    font-size: 2em;
    line-height: 40px;
  }
}

@media (max-width: 767px) {
  .intro-lead {
    font-size: var(--font-size-xl);
    line-height: 32px;
  }
  .common-pd {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
main {margin-top: 76px;}


.inside-header{background-size: 770px;background-color:var(--color-black);background-position: -350px 0;}
.solutions-section.technical-section.common-pd {padding-top: 0 !important;}
.airlines-header{background-position: -300px 0;}
.vision-header{background-position:-275px 0;}
.outsourcing-solutions-web-development-companies-header{background-position:-310px 0;}
}

/* ===================================
   Section Headers
   =================================== */

.section-header {
  margin-bottom: var(--spacing-lg);
}

.section-title {
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-medium);
  line-height: 45px;
  color: var(--color-black);
  margin-bottom: 10px;
}

.section-subtitle {
  font-size: var(--font-size-xl)!important;
  font-weight: var(--font-weight-light)!important;
  line-height: 26px!important;
  color: var(--color-black);
}

@media (max-width: 767px) {
  .section-title {
    font-size: 1.75em;
    line-height: 34px;margin-bottom: 1rem !important;
  }
  .section-title br{display:none;}
  .section-subtitle {
    font-size: var(--font-size-md);
  }
  .section-header{margin-bottom: 0 !important;}
}

/* ===================================
   Business Challenges Section
   =================================== */

.challenges-section {
  padding: var(--spacing-2xl) 0;
}

.challenges-grid {
  background-color: var(--color-white);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  overflow: hidden;
}
.bor-0{border-bottom: 0 !important;border-top: 0 !important;}
.bor-top-0{border-top: 0 !important;}
.bor-top-1{border-top: 1px solid var(--color-border) !important;}
.bor-bottom-0{border-bottom: 0 !important;}
.mr-btm-1{margin-bottom: -1px!important;}



.challenge-card {
  padding: 48px;margin: -1px;border: 1px solid var(--color-border);
}
.challenges-grid .col-md-6{margin: 0;padding: 0;}
.challenge-icon {
  width: auto;
  max-height: 48px;height: 48px;
}
.challenges-grid .col-md-6:nth-child(3),.challenges-grid .col-md-6:nth-child(4){margin-bottom: -1px;}
.challenge-title {
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-semibold);
  line-height: 32px;
  letter-spacing: -0.6px;
  color: var(--color-text-dark);
  margin-bottom: var(--spacing-sm);
}

.challenge-description {
  font-size: var(--font-size-md);
  line-height: 22.8px;
  color: var(--color-black);
}

@media (max-width: 1199px) {
  .challenges-section {
    padding: var(--spacing-xl) 0;
  }
}

@media (max-width: 767px) {
  .challenge-card {
    padding: 32px var(--spacing-md);
  }
  
  .challenge-title {
    font-size: var(--font-size-xl);
    line-height: 28px;
  }
  .challenges-grid .col-md-6{padding-right:0;padding-left: 0;margin: -1px 0;}
  .hide-mbl{display:none !important;}
  .challenges-grid{margin:25px 0 0;}
  .bor-0{border-top: 1px solid var(--color-border) !important;}
  .bor-top-mbl-1{border-top: 1px solid var(--color-border) !important;}
  
  
  }


/* ===================================
   Operational Section
   =================================== */

.operational-section {
  padding: var(--spacing-2xl) 0;
}

.feature-block {
  padding: 100px 0 100px!important;
}

.feature-block:first-of-type {
  padding-top: 0;
}

.feature-block:last-of-type {
  border-bottom: none !important;
  padding-bottom: 0 !important;
}

.feature-title {
  font-size: var(--font-size-4xl);
  font-weight: var(--font-weight-medium);
  line-height: 48px;
  color: var(--color-text-secondary);
  margin-bottom: var(--spacing-md);
}

.feature-description {
  font-size: var(--font-size-md);
  line-height: 26px;
  color: var(--color-black);
}

.capabilities-title,.heading-level2 {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-medium);
  line-height: 26px;
  letter-spacing: 2px;
  color: var(--color-black);width: 100%;
}

.capabilities-list li {
  font-size: var(--font-size-md);
  line-height: 20px;
  color: var(--color-text-secondary);
  font-weight:var(--font-weight-light);
  display: flex;
  align-items: center;
}
.capabilities-list.two-col li {width: 49%;display: inline-flex;padding-right: 10px;}
.capabilities-list.three-col li {width:32%;display: inline-flex;}
.capabilities-list .bullet {
  width: 2.5px;
  height: 12.5px;
  background-color: var(--color-black);
  display: inline-block;
  margin-right: 12px;
  flex-shrink: 0;
}

@media (max-width: 1199px) {
  .operational-section {
    padding: var(--spacing-xl) 0;
  }
  
  .feature-block {
    padding: var(--spacing-xl) 0;
  }
  
  .feature-title {
    font-size: 2em;
    line-height: 38px;
  }
}

@media (max-width: 767px) {
  .feature-title {
    font-size: 1.75em;
    line-height: 34px;
  }
  .feature-block{margin-bottom: 0 !important;padding: 50px 0 50px !important;}
  .capabilities-list li,.capabilities-list.two-col li{width:100%;}
  /* .capabilities-list.list-unstyled.mt-3 {margin-bottom: 0;} */
  .feature-block:last-of-type{padding-bottom: 0 !important;}
  .capabilities-list .bullet{margin-top: 3px;}
  .capabilities-list li{align-items: flex-start;}
  .capabilities-list.list-unstyled.mt-3 {margin-bottom: 0 !important;}
  .enable-title br {display:none;}
}

/* ===================================
   What Solution Enables Section
   =================================== */

.enables-section {
  padding: var(--spacing-2xl) 0;
  background-color: var(--color-bg-light);
}

.enable-card {
  background-color: rgba(228, 233, 241, 0.15);
  border: 1px solid var(--color-border-dark);
  border-radius: var(--radius-xl);
  padding: 30px;
}

.enable-icon {
  width: 48px;
  height: auto;
}

.enable-title {
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-semibold);
  line-height: 32px;
  color: var(--color-white);
  margin-bottom: var(--spacing-md);
}

.enable-description {
  font-size: var(--font-size-md);
  line-height: 26px;
  color: var(--color-white);
}

@media (max-width: 1199px) {
  .enables-section {
    padding: var(--spacing-xl) 0;
  }
}

@media (max-width: 767px) {
  .enable-title {
    font-size: var(--font-size-xl);
    line-height: 28px;
  }
}

/* ===================================
   Capabilities Section
   =================================== */

.capabilities-section {
  padding: var(--spacing-2xl) 0;
}

.capabilities-description {
  font-size: var(--font-size-md);
  line-height: 26px;
  color: var(--color-black);
}

@media (max-width: 1199px) {
  .capabilities-section {
    padding: var(--spacing-xl) 0;
  }
}

/* ===================================
   Customization Section
   =================================== */

.customization-section {
  padding: var(--spacing-2xl) 0;
  background-color: var(--color-bg-light);
}

.customization-description {
  font-size: var(--font-size-md);
  line-height: 26px;
  color: var(--color-black);
}

.customization-list li span {
  font-size: var(--font-size-lg);
  font-weight: var(--font-weight-semibold);
  line-height: 25px;
  color: var(--color-text-secondary);
}
.customization-list li img{max-width: 56px;}
/* .customization-list li img{max-width: 56px; border: 1px solid var(--color-border); padding: 15px; border-radius: 15px;} */
@media (max-width: 1199px) {
  .customization-section {
    padding: var(--spacing-xl) 0;
  }
}

@media (max-width: 767px) {
  .customization-list li span {
    font-size: var(--font-size-md);
    line-height: 22px;
  }
  .mbl-pd-30{padding: 30px 30px 10px !important;}
  .customization-image img{border-radius: var(--radius-md);}
}

/* ===================================
   Use Cases Section
   =================================== */

.use-cases-section {
  padding: var(--spacing-2xl) 0;
}

.use-cases-grid {
  border: 1px solid var(--color-border-dark);
  border-radius: var(--radius-xl);
  overflow: hidden;
}

.use-case-card {
  background-color: var(--color-white);
  border-right: 1px solid var(--color-border-dark);
  border-bottom: 0px solid var(--color-border-dark);
  padding: 72px 40px;
}
.use-cases-grid .col-md-6:last-child .use-case-card{  border: 0 !important;}
.use-case-card:nth-child(4n) {
  border-right: none;
}

img.use-case-icon {
  width: auto;
  height: 46px;
}

.use-case-title {
  font-size: var(--font-size-3xl);
  font-weight: var(--font-weight-semibold);
  line-height: 32px;
  color: var(--color-text-dark);margin: 0;
}

.use-cases-footer {
  font-size: var(--font-size-md);
  line-height: 26px;
  color: var(--color-black);
}

@media (max-width: 1199px) {
  .use-cases-section {
    padding: var(--spacing-xl) 0;
  }
}

@media (max-width: 991px) {
  .use-case-card:nth-child(2n) {
    border-right: none;
  }
}

@media (max-width: 767px) {
  .use-case-card {
    padding: var(--spacing-lg) var(--spacing-md);
    border-right: none !important;display: flex;
    gap: 25px;border-bottom: 1px solid var(--color-border) !important;
    padding: 15px 0;
  }
  .use-case-icon{margin: 0 !important;}
  .use-case-title{margin: 0;}
  .use-case-title {
    font-size: var(--font-size-xl);
    line-height: 28px;
  }
  .use-cases-section .row{padding-top: 25px;
  padding-bottom: 15px;}
  .use-cases-section .row.use-cases-grid{padding-top: 25px;}
  .use-cases-footer{margin-top:0 !important;}
  .use-cases-grid .col-md-6:last-child .use-case-card{padding-bottom: 0;}
  .use-cases-section .use-cases-grid.use-cases-grid-solutions {border-radius: 15px;overflow: hidden;border: 1px solid var(--color-border);padding:0 0 15px;margin: 25px 0;}
  .use-cases-grid-solutions .use-case-card{padding: 15px 25px;}
  .use-cases-grid-solutions .use-case-title{margin-bottom:0;}
  .process-team-hiring.use-cases-section .w-20:last-child,.process-team-hiring.use-cases-section .row{padding-bottom:0;}
}
.navbar-expand-xl .navbar-nav .nav-link{outline: 0;}
.navbar-expand-xl .navbar-nav .nav-item:hover .nav-link{text-decoration:underline;text-underline-offset: 4px;}
.related-projects-section{background: var(--color-bg-light);}




/* ===================================
   CTA Section
   =================================== */

.cta-section {
  padding: var(--spacing-2xl) 0;
  background-color: var(--color-black);padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}

.cta-title {
  /*font-size: var(--font-size-4xl);*/
  font-size: var(--font-size-3xl-2);
  font-weight: var(--font-weight-semibold);
  line-height: 1.3;
  color: var(--color-white);
}

.cta-subtitle {
  font-size: var(--font-size-xl);
  font-weight: var(--font-weight-light);
  line-height: 20px;
  letter-spacing: 1.6px;
  color: var(--color-white);
}

.btn-cta {
  padding: 14px 20px;
  background-color: transparent;
  border: 1px solid var(--color-primary);
  border-radius: var(--radius-full);
  color: var(--color-primary);
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-semibold);
  line-height: 15px;
  display: inline-flex;
  align-items: center;
}

.btn-cta:hover {
  background-color: var(--color-primary);
  color: var(--color-black);opacity:1;
}
.btn-cta:hover img{filter: brightness(0%);}
@media (max-width: 1199px) {
  .cta-section {
    padding: var(--spacing-xl) 0;
  }
}

@media (max-width: 767px) {
  .cta-title {
    font-size: 1.35em;
  }
  
  .cta-subtitle {
    font-size: var(--font-size-md);
  }
}

/* ===================================
   Footer
   =================================== */

.site-footer {
  background-color: var(--color-bg-light);
  padding: var(--spacing-lg) 0 31px;
}

.footer-nav {position: relative;justify-content: space-between;}

.footer-divider {
  width: 1px;
  background-color: var(--color-border-dark);
  align-self: stretch;
}

.footer-heading {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-medium);
  line-height: 15px;
  color: var(--color-black);
}

/*.footer-links a {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-light);
  line-height: 14px;
  color: var(--color-black);
}*/
.footer-links a {
  font-size: var(--font-size-base);
  font-weight: var(--font-weight-light);
  line-height: 15px;
  color: var(--color-black);
}

.footer-column{width:100%;}
.footer-links-wrap { display: flex; justify-content: space-between; align-items: center; }
.footer-links-wrap .footer-links{display: flex; gap: 30px; margin: 0;}
.footer-links a:hover {
  opacity: 0.7;
}

.footer-contact {
  font-style: normal;
  max-width: 100%;border-top: 1px solid var(--color-border);
  margin: 15px 0 0 0;
  padding: 20px 0 0 0;
}

.footer-industries-column{width: 35%;}
.company-name {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-medium);
  line-height: 14px;
  color: var(--color-black);
}

.company-address {
  font-size: var(--font-size-sm);
  font-weight: var(--font-weight-light);
  line-height: 19px;
  color: var(--color-black);
}

.company-email {
  font-size: var(--font-size-sm);
  line-height: 14px;
  color: var(--color-black);
}

.company-email strong {
  font-weight: var(--font-weight-medium);
}

.company-email a {
  font-weight: var(--font-weight-light);
  text-decoration: underline;
}

.copyright {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  line-height: 14px;
  color: var(--color-black);
}

.footer-legal a {
  font-size: var(--font-size-xs);
  font-weight: var(--font-weight-regular);
  line-height: 14px;
  color: var(--color-black);
}

.footer-legal .separator {
  font-size: var(--font-size-xs);
  color: var(--color-black);
}
.footer-nav.d-flex.gap-5 {
  gap: 2rem !important;
}
@media (max-width: 1199px) {
  .footer-nav {
    flex-wrap: wrap;
    gap: var(--spacing-lg) !important;
  }
  
  .footer-divider {
    display: none;
  }
}

@media (max-width: 767px) {
  .site-footer {
    padding: var(--spacing-lg) 0 20px;
  }
  
  .footer-nav {
    flex-direction: column;
    gap: 20px !important;padding-bottom: 20px;
  }
  .footer-contact{margin:0;}
  .site-footer .mb-5 {margin-bottom: 1rem !important;
}
.footer-links-wrap{flex-wrap: wrap;}
.footer-links-wrap .social-icons{margin-top:10px;}
.footer-links-wrap .footer-links{gap: 20px;}
}

/* ===================================
   Accessibility & Utilities
   =================================== */

.keyboard-nav *:focus {
  outline: 2px solid var(--color-focus) !important;
  outline-offset: 2px;
}
.social-icons {
  list-style: none;
  display: flex;
  justify-content: flex-start;
  padding: 0;
  gap: 15px;margin: 0;
}

@media (max-width: 767px) {
.text-left-mbl{text-align:left !important;}
}

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 25px;
}


/* ===================================
   Industries
   =================================== */
.list-top-align li{align-items: flex-start;}
.list-top-align li .bullet{margin-top: 3px;}
.black-pattern-box2 .enable-title{margin:0;}
.black-pattern-box2 .enable-card{padding:40px;}
.f-20-1 {font-size:var(--font-size-xl);}
.f-20 {font-size:var(--font-size-xl); font-weight:var(--font-weight-semibold); line-height: 26px; letter-spacing: 2px; color: var(--color-black); font-style: italic;}
.img-box-wrap {position: relative;display: flex;padding: 0 25px;border-radius: var(--radius-lg);overflow: hidden;}
.img-box-wrap-hd { position: absolute; bottom: 30px; left: 0; right: 0; text-align: center; font-size: var(--font-size-lg); background: rgba(255,255,255,0.8); width:330px; margin: 0 auto; padding: 9px 15px; border-radius: 5px; }
.img-box-wrap-hd a{display:block;}
.img-box-wrap-l { width: 50%; }
.img-box-wrap-r { width: 50%; display: flex; flex-wrap: wrap; }

.img-box-content{position:relative;}
.img-box-content img{width:100%;height: 100%;}
.img-box-wrap-r .img-box-content{width:50%;}
.img-box-wrap-r .img-box-wrap-hd{width: 245px;}
.img-box-wrap-l img{border-radius:var(--radius-lg) 0 0 var(--radius-lg)}
.img-box-wrap-r .img-box-content:nth-child(2) img{border-radius:0 var(--radius-lg) 0 0}
.img-box-wrap-r .img-box-content:nth-child(4) img{border-radius:0 0 var(--radius-lg) 0}
.industries-overlay-content {display: none;transition:0.5s ease-in-out;opacity:0;visibility:hidden;}

.img-box-wrap-hd2{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);}

.industries-overlay-content p{line-height: 20px;font-size: 15px;margin: 0 0 10px;}
.icon-height-1 img {min-height: 60px;max-height: 60px;}
.white-bg-box{background:var(--color-white);}

@media (min-width: 992px) {
.img-box-content:hover .industries-overlay-content {transition:0.5s ease-in-out;position: absolute; z-index: 99; top: 5%; left: 0; right: 0; width: 94%; margin: 0 auto; height: 90%; background: rgba(255,255,255,0.9); border-radius:5px; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; padding: 15px; text-align: center;opacity:1;visibility:visible;}
.img-box-content:hover .img-box-wrap-hd{display: none;}
.customization-list li img{max-width: 56px;min-width: 56px;}

}
@media (max-width: 991px) {
.img-box-wrap{flex-wrap:wrap;}
.img-box-wrap-l,.img-box-wrap-r{width:100%;}
.img-box-wrap-r .img-box-content {width: 100%;}
.img-box-wrap-r .img-box-wrap-hd,.img-box-wrap-hd {width: 100%;font-size: var(--font-size-md); bottom: 10px;padding:20px 0 15px 0;position: static;}
.img-box-wrap-l img{border-radius:var(--radius-lg) var(--radius-lg) 0 0}
.img-box-content img{height:auto;border-radius: var(--radius-lg) !important;}
.img-box-wrap-r .img-box-content:nth-child(2) img{border-radius:0}
.img-box-wrap-r .img-box-content:nth-child(4) img{border-radius:0 0 var(--radius-lg) var(--radius-lg)}
.airlines-sec6 .section-title br{display:none;}
.capabilities-title, .heading-level2{line-height: 1.3;}
.img-box-content .industries-overlay-content{width: 100%;display:block;position:static; height:auto; background: rgba(255,255,255,0.9); border-radius: 0; display: flex; flex-wrap: wrap; align-content: center; justify-content: center; padding: 0 0 15px 0; text-align: center; opacity: 1; visibility: visible;} 
.img-box-wrap-hd2{display:none;}
.f-20 {font-size: var(--font-size-md);}
.f-20.mt-5 {margin-top: 2rem !important;}
.mb-5.text-left-mbl { margin-bottom: 2rem !important; }
}


/* ===================================
   Technology
   =================================== */

.technology-bg-img-wrap {position: relative;display: flex;height: 100%;align-items: center;}
.img-hd-over { position: absolute; left: 45px;font-size: var(--font-size-4xl);font-weight: var(--font-weight-medium);line-height:1.12;}
.border-box-wrap{display: flex;flex-wrap: wrap;}
.border-box-content-wrap{padding:var(--spacing-llg);border-bottom:1px solid var(--color-border);border-right:1px solid var(--color-border);}
.border-box-content-wrap:nth-child(2n),.border-box-content-wrap:last-child{border-right:0;}
.top-bor-0{border-top:0!important;}
.btm-bor-0{border-bottom:0!important;}
.rht-bor-0{border-right:0!important;}
.lft-bor-0{border-left:0!important;}
.box-logo{margin-bottom:1.5rem;}
.title-24{font-size:var(--spacing-md);letter-spacing:-0.6px;font-weight:var(--font-weight-semibold);line-height: 32px;}
.advertising-agency-sec4.use-cases-section .row{padding-bottom: 0;}


/* ===================================
    Outsourcing
   =================================== */
.mt-75{margin-top:75px;}
.pt-6rem{padding-top: 6rem !important;}

/* ===================================
    Blog
   =================================== */

.blog-content-html a {text-decoration:underline;}
.blog-content-html h2{font-size: 1.5rem;line-height: 1.3;margin: 0 0 10px;}
.blog-content-html p{font-family: var(--font-family-primary)!important; font-weight: 300!important; color: var(--color-black)!important; font-size: var(--font-size-md)!important; line-height: 26px!important; margin-bottom: 20px!important;text-align: left !important;}
.blog-content-html p:last-child{margin-bottom:0px!important;}
.blog-content-html ul,.portfolio-content-html ul{margin:0 0 20px;padding:0;list-style:none;}
.blog-content-html ul li,.portfolio-content-html ul li { font-size: var(--font-size-md); line-height: 20px; color: var(--color-text-secondary); font-weight: var(--font-weight-light); display: flex;position:relative;padding: 7px 0 7px 10px;}
.blog-content-html ul li:before,.portfolio-content-html ul li:before{content:'';background-color: var(--color-black);position:absolute;width: 2px;height: 12px;top: 10px;left: 0;}
#noResults button.btn{font-size: var(--font-size-base) !important; font-weight: var(--font-weight-medium) !important; line-height: 15px !important; padding: 13px 20px !important; background-color: var(--color-primary) !important; border: 1px solid var(--color-primary) !important; border-radius: var(--radius-xl) !important; color: var(--color-black) !important; white-space: nowrap;}
#noResults button.btn:hover{border: 1px solid var(--color-black) !important;background-color: var(--color-black) !important;color: var(--color-white) !important;}
.business-requirement-section,.business-requirement-section p,.business-requirement-section .section-title {text-align: center;}
#technology .filter-tab-col.no-border .filter-link{border-bottom: 1px solid #D8D8D8;}

@media (max-width:991px) {
.btm-bor-mbl-1{border-bottom:1px solid var(--color-border)!important;}
.pt-2rem-mbl{padding-top: 2rem !important;}

}
@media (max-width: 767px) {
.border-box-content-wrap {padding: var(--spacing-md);width: 100%;border-right: 0;}
.technology-bg-img-wrap img{height:205px;width:100%;object-fit:cover;object-position: -300px 0;}
.img-hd-over{left: 15px;font-size: var(--font-size-2xl);}
.img-hd-over{margin: 0; width: 100%; background: rgba(0,0,0,0.6); text-align: center; bottom: 0; color: var(--color-white);left: 0; font-size: var(--font-size-l);padding: 8px 0;}
.img-hd-over br{display:none;}
.box-logo { margin-bottom: 0.5rem; }
.img-p-1.technology-bg-img-wrap img{object-position: -410px 0;}
.img-p-2.technology-bg-img-wrap img{object-position: -350px 0;}
.mbl-g-1{--bs-gutter-y: 0.5rem!important;}
.mt-75{margin-top:35px;}
#ca-launcher{bottom: 60px!important;right: 5px!important;}



}
@media (min-width: 1000px) {
.w-48{max-width:48%;}
.btm-bor-right-1{border-right:1px solid var(--color-border)!important;}
.max-w-1{max-width:70%; margin-left:auto;margin-right:auto;}
.max-w-2{max-width:80%; margin-left:auto;margin-right:auto;}
.two-col-li {display: flex;flex-wrap: wrap;}
.two-col-li li{width: 50%;}

}
@media only screen and (min-width:768px) and (max-width:1100px) {
.text-right {text-align: left !important;}
.use-case-item{padding: var(--spacing-sm)!important;}
.use-case-title {font-size: var(--font-size-lg)!important;}
.header-container {    max-width: 100%;padding: 0;}
.navbar-expand-xl .navbar-collapse {max-width: 100%; margin: 0;padding: 0 30px;}
.customization-text {margin-top: 45px;}
.customization-section .col-lg-5,.customization-section .col-lg-7{width: 100%;}
.customization-section .col-lg-5 .customization-image{width: 100%;}
.customization-section .col-lg-5 .customization-image img{border-radius: var(--radius-lg);width: 100%;}
.use-cases-section .col-md-6:first-child .use-case-card{border-bottom: 1px solid var(--color-border);}
.use-cases-section .col-md-6:nth-child(2) .use-case-card{border-bottom: 1px solid var(--color-border);border-right:0;}
.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl{padding: 0 25px;}
.airlines-sec4 .col-md-4{width:50%;}
.img-box-wrap-r .img-box-content { width: 50%; }
.img-box-wrap-r .img-box-content:nth-child(4) img {border-radius: 0 0 var(--radius-lg) 0;}
.img-box-wrap-r .img-box-content:nth-child(3) img {border-radius: 0 0 0 var(--radius-lg);}
.about-us-sec7 .deliver-card{padding: var(--spacing-sm);}
.about-us-sec7 .deliver-title{font-size:var(--font-size-2xl);}
}
.pt-0 {padding-top: 0 !important;}
.pb-0 {padding-bottom: 0 !important;}

/* ===================================
    FAQ
   =================================== */
   

.gray-bg .technical-accordion .accordion-button,
.gray-bg .technical-accordion .accordion-item,
.gray-bg .technical-accordion .accordion-button:not(.collapsed){background: var(--color-bg-light);}


/* ===================================
    About Us
   =================================== */

.use-cases-grid-about .use-case-card{border-bottom: 1px solid var(--color-border-dark);padding:45px 40px;}
.use-cases-grid-about .use-case-title{margin-bottom:0;}

.team-overlay-wrap{display:none;background:rgba(0,0,0,0.85);color:#fff;position: absolute; top: 0; height: 100%; padding: var(--spacing-md2);max-height: 420px;border-radius:25px;transition:0.5s all ease-in-out;font-weight: var(--font-weight-light);max-width: 412px;}
.team-card{position:relative;padding: 0 12px;}
.team-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-medium);line-height:1.5;letter-spacing:3%;margin:1rem 0 1rem}
.team-name span{display:block;letter-spacing:0;font-size:var(--font-size-sm);font-weight:var(--font-weight-light);line-height: 1.2;}
.team-card:hover .team-overlay-wrap {display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center;transition:0.5s all ease-in-out;}
.team-overlay-wrap .btn-outline-dark{border-color:var(--color-white);color:var(--color-white);padding: 3px 15px;}
.team-overlay-wrap .btn-outline-dark:hover{background-color: var(--color-primary);border: 1px solid var(--color-primary);color: var(--color-black);}
.team-overlay-wrap .btn-outline-dark:hover:hover img {filter: brightness(0%);}
.team-popup .modal-dialog{max-width: 1105px;}
.team-popup-content { display: flex; flex-wrap: wrap; justify-content: space-between;padding: 20px;align-items: center;}
.team-popup-left { width: 414px; }
.team-popup-right{width:calc(100% - 414px);padding-left:50px;margin-bottom: 0;}
.btn-close {z-index: 9;position: absolute; right: 5px; top: 20px; background:url(../images/close.svg) no-repeat 0 0; opacity: 1; border-radius: 10px; width: 38px; height: 36px; }
.team-outer-wrap { text-align: center; }
.team-popup-right .team-name{margin-bottom:0.5rem;}
.team-popup-right-height{height: 400px;overflow-y: scroll;}
.team-popup-content .team-outer-wrap img{border-radius:20px;}
/* ===================================
    Digital Marketing
   =================================== */

.border-box{border:1px solid var(--color-border);}


.digital-marketing-list-fw li .para2{width:100%;font-weight:var(--font-weight-light);display: block;font-size:var(--font-size-md);}
.use-cases-section .w-25 {padding: 0;}




@media (min-width: 768px) {
.digital-marketing-sec6 .enable-card{border-bottom: 0; border-radius: 0; height: 100%; border-top: 0; border-right: 0;}
.bor-l-0{border-left:0 !important;}
.digital-marketing-sec6 .use-case-description{font-size: var(--font-size-xl);line-height: 26px;}
.three-col-box-wrap .w-25{width:33.33%!important;}
.three-col-box-wrap .bor-rht-0{border-right:0;}
}

@media only screen and (min-width:768px) and (max-width:1100px) {
.team-popup-left { width: 310px; }
.team-popup-right{width: calc(100% - 310px);margin: 0;}
.team-popup-content{padding: 50px 10px;}
.team-popup-content{align-items: flex-start;}
.team-card{padding: 0;}
.team-name span{font-size: 16px;}
.team-overlay-wrap{padding: var(--spacing-sm);}
.team-overlay-wrap{max-height: 73%;font-size: 14px;}
}
@media (max-width: 767px) {
.use-cases-grid-about .use-case-card{padding:20px!important;align-items: center;}
.use-cases-grid-about .use-case-title br{display:none;}
.use-cases-grid-about.use-cases-grid{margin-bottom:25px;}
.team-popup-content{padding:0;}
.team-popup-right { width: 100%; padding-left: 0;margin: 0;}
.team-popup-content .team-popup-left {width: 100%;margin-bottom:20px;}
.team-popup-content .team-name{margin-bottom:0.5rem;}
.team-popup .modal-body{height: 700px;overflow-y: scroll;}
.team-popup .btn-close{right: -10px;top: 0;}
.team-card{max-width: 298px;margin: 10px auto;}
.feature-title br{display:none;}
.use-cases-section .w-25 {width: 100% !important;}
.digital-marketing-sec9 .row{gap:25px;}
p br {display:none;}
.team-overlay-wrap{max-height: 279px;}
.team-overlay-wrap{padding: var(--spacing-sm);}
.three-col-box-wrap,.gap-25-mbl{gap:25px;}
.team-name span{font-size: 15px;}
}





/* ===================================
    Get a Quote
   =================================== */

.get-a-quote-popup.modal{height: 100%;}
.get-a-quote-popup .modal-dialog{border-radius: 0;margin: 0;height: 100%;max-width: 100%;}
.get-a-quote-popup .modal-content{border-radius: 0;margin: 0;height: 100%;max-width: 100%;border: 0;}
.get-a-quote-popup .modal-body{padding:0;}
.get-a-quote-popup .btn-close{background: url(../images/close2.svg) no-repeat 0 0;width: 90px;height: 16px;padding: 0;border-radius: 0;}





/* Step Progress */
.steps{ display:flex; justify-content:space-between; margin-bottom:20px;margin-top: 25px; margin-left:-55px; }  
.step{ text-align:center; flex:1; position:relative; }  
.step:after{ content:''; position:absolute; top:24px; right:-50%; width:100%; height:1px; background:#CFD6DC; z-index:0; }  
.step:last-child:after{ display:none; }  
.step-circle{ width:48px; height:48px; border-radius:50%; border:1px solid #ABB7C2; display:flex; align-items:center; justify-content:center; margin:auto; background:#fff;position: relative; z-index: 1; } 
.step.active::after{background:#000;} 
.step.active .step-circle{ background:#000; color:#fff; border-color:#000; } 
.active .step-circle img{filter: brightness(0) invert(1);} 
.step-title{ font-size:var(--font-size-lg); margin-top:8px; color:var(--color-black);font-weight:var(--font-weight-light); } 
.active .step-title{font-weight:var(--font-weight-regular);}

 /* Form steps */  
 .form-step{ display:none; }  
 .form-step.active{ display:block; }

/* Services Grid */
.get-a-quote-popup .service-grid{ display:grid; grid-template-columns:repeat(6,1fr); gap:10px; margin-top:20px;margin-bottom: 30px;}  
.get-a-quote-popup .service-card{ border:1px solid var(--color-border); padding:8px 10px; border-radius:var(--radius-sm); text-align:center; cursor:pointer; transition:.3s; position:relative;font-size:var(--font-size-base);line-height: 18px;}  
.get-a-quote-popup .service-card:hover{ border-color:#000; }  
.get-a-quote-popup .service-card input{ position:absolute; top:10px; left:10px; }  
.get-a-quote-popup .service-card.selected{ border:1px solid #000; }
.form-outer-wrap{min-height: unset;}
/* Buttons */
.get-a-quote-popup .btn{ background:var(--color-black); color:var(--color-white); padding:12px 28px; border:none; border-radius:var(--radius-full); cursor:pointer; margin-top:30px; font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);min-width: 150px;}  
.get-a-quote-popup .btn.prev img{margin: 0 10px 0 0;transform: rotate(180deg);}
.get-a-quote-popup .btn-secondary{ background:var(--color-white);border:1px solid var(--color-border); color:var(--color-black); margin-right:10px; }  
.get-a-quote-popup .btn img{margin-left:10px;}
.get-a-quote-popup .button-group{ display:flex; justify-content:space-between; }
.get-a-quote-form-wrap { display: flex; justify-content: space-between;height:950px;background: var(--color-white);}
.form-left {width:540px;}
.form-right { padding: 70px;width:calc(100% - 540px);}
/* Room for fixed chat launcher (#ca-launcher) so it does not cover form controls */
.get-a-quote-popup .form-right {padding-bottom: max(70px, calc(env(safe-area-inset-bottom, 0px) + 88px));}
.form-left img{height:100%;object-fit:cover;}


.form-hd { font-size: var(--font-size-4xl-2); font-weight: var(--font-size-4xl); line-height: 1; margin: 0 0 15px; }
.form-sub-hd { font-size: var(--font-size-3xl-2); font-weight: var(--font-weight-light); line-height: 1; margin: 0 0 20px; }
/* Get Quote only: Heebo 300 is too faint on large headings; match readable UI copy (400) */
.get-a-quote-popup .form-sub-hd {
  font-weight: var(--font-weight-regular);width: 100%;
}
.form-container { max-width: 918px; }
.form-container .service-card span img{margin-bottom: 7px;}
.form-container .form-textarea { font-size: var(--font-size-lg); line-height: 21px; border-radius: var(--radius-sm-l); width: 100%; background: #fafafa; border: 1px solid var(--color-border); height: 260px;padding: 20px; font-weight: var(--font-weight-light); color: var(--color-black); }

/* Your Vision (step 2) — dynamically rendered questions (rem = stable vs parent em) */
.get-a-quote-popup .vision-step {
  font-size: 1rem;
}
/*.get-a-quote-popup .vision-step .form-sub-hd {
  font-size: 1.375rem;
  font-weight: var(--font-weight-regular);
  letter-spacing: -0.02em;
  line-height: 1.2;
  margin-bottom: 12px;
}*/
.get-a-quote-popup .vision-step-lead {
  color: var(--color-text-secondary);
  font-size: 0.9375rem;
  font-weight: var(--font-weight-regular);
  line-height: 1.55;
  max-width: 42em;
  margin: -6px 0 18px;
}
.get-a-quote-popup .vision-step-fields {
  min-height: 0;
  margin-top: 2px;
  padding:0;
  /* background:var(--color-bg-light); */
  border:0px solid var(--color-border);
  border-radius: var(--radius-sm);
  box-sizing: border-box;
}
.get-a-quote-popup .vision-questions-container {
  display: flex;
  flex-direction: column;
  gap: 0;
  width: 100%;
  max-width: 100%;
}
.get-a-quote-popup .vision-questions-placeholder {
  color: #9ca3af;
  font-size: 0.875rem;
  text-align: center;
  padding: 28px 12px;
  margin: 0;
  line-height: 1.5;
}
.get-a-quote-popup .vision-questions-loading {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 32px 12px;
}
.get-a-quote-popup .vision-loading-spinner {
  width: 28px;
  height: 28px;
  border: 3px solid #e5e7eb;
  border-top-color: #111827;
  border-radius: 50%;
  animation: vision-spin 0.7s linear infinite;
}
@keyframes vision-spin {
  to { transform: rotate(360deg); }
}
.get-a-quote-popup .vision-loading-text {
  color: #6b7280;
  font-size: 0.875rem;
  margin: 0;
  text-align: center;
}
.get-a-quote-popup .vision-questions-error {
  color: #dc2626;
  font-size: 0.875rem;
  text-align: center;
  padding: 24px 12px;
  margin: 0;
  line-height: 1.5;
}
.get-a-quote-popup .vision-questions-error a {
  color: #dc2626;
  text-decoration: underline;
}
.get-a-quote-popup .vision-question-row {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  padding: 10px 0;
  border-bottom: 0px solid #ebebeb;
}
.get-a-quote-popup .vision-question-row:first-of-type {
  padding-top: 4px;
}
.get-a-quote-popup .vision-question-row:last-of-type {
  border-bottom: 0;
  padding-bottom: 4px;
}
.get-a-quote-popup label.vision-question-label {
  display: flex;
  align-items: flex-start;
  gap: 0.45em;
  font-size:15px;
  /* font-weight: var(--font-weight-regular); */
  color: #000;
  line-height: 1.5;
  margin: 0;
  max-width: 100%;
}
.get-a-quote-popup .vision-question-label::before {
  content: "";
  flex-shrink: 0;
  font-weight: var(--font-weight-medium);
  color: var(--color-black);
  line-height: 1.5;display:none;
}
.get-a-quote-popup .vision-question-input {
  display: block;
  width: 100%;
  max-width: 100%;
  min-width: 0;
  min-height: 38px;
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm);
  padding: 7px 12px;
  color: #000;
  font-weight: var(--font-weight-regular);
  font-size:15px;
  font-family: inherit;
  line-height: 1.35;
  background: var(--color-white);
  box-shadow: 0 1px 2px var(--color-shadow);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}
.get-a-quote-popup .vision-question-input::placeholder {
  color: #6b7280;
  opacity: 1;
  font-size:15px;
  font-weight: var(--font-weight-regular);
}
.get-a-quote-popup .vision-question-input:hover {
  border-color: var(--color-border-dark);
}
.get-a-quote-popup .vision-question-input:focus {
  border-color: var(--color-black);
  background: var(--color-white);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06);
}
.get-a-quote-popup .vision-question-input:focus-visible {
  outline: 0px solid var(--color-focus);
  outline-offset: 0px;
}
.get-a-quote-popup .vision-question-input:focus:not(:focus-visible) {
  outline: none;
}

/* Vision questions — per-field error state */
.get-a-quote-popup .vision-question-input.input-error {
  border-color: #dc2626;
  background-color: #fff5f5;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.08);
}
.get-a-quote-popup .vision-question-input.input-error:focus {
  border-color: #dc2626;
  box-shadow: 0 0 0 3px rgba(220, 38, 38, 0.12);
}


/* Step 1 — Industry input */
.industry-input-row {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin-top: 24px;
  padding:0;
  background: var(--color-white);
  border:0px solid var(--color-border);
  border-radius:var(--radius-sm);
}
.industry-input-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 0;
  flex-wrap: wrap;
}
.industry-emoji {
  font-style: normal;
  font-size: 1.1em;
  margin-right: 6px;
  vertical-align: -0.1em;display: none;
}
.industry-question-label {
  display: flex;
  align-items: center;
  font-size: 1.0625rem;
  font-weight: var(--font-weight-semibold);
  color: #111827;
  line-height: 1.3;
  margin: 0;
  flex-shrink: 0;
  letter-spacing: -0.01em;
}
.industry-question-hint {
  font-size: 0.8125rem;
  font-weight: var(--font-weight-regular);
  color: #9ca3af;
  line-height: 1.4;
  margin: 0;
  text-align: right;
  white-space: nowrap;
  font-style: normal;
}
.industry-required {
  color: #dc2626;
  margin-left: 3px;
  font-weight: var(--font-weight-medium);
}
.industry-input {
  width: 100%;
  min-width: 0;
  height: 50px;
  padding: 0 18px;
  border: 1.5px solid #d1d5db;
  border-radius: var(--radius-sm);
  font-size: 1rem;
  font-family: inherit;
  font-weight: var(--font-weight-regular);
  color: #111827;
  background: var(--color-bg-light);
  box-shadow: inset 0 1px 3px rgba(0,0,0,0.04);
  transition: border-color 0.15s ease, box-shadow 0.15s ease, background-color 0.15s ease;
}
.industry-input::placeholder {
  color: #b0b7c3;
  font-size: 0.9375rem;
}
.industry-input:hover {
  border-color: #9ca3af;
  background: var(--color-white);
}
.industry-input:focus {
  outline: none;
  border-color: #111827;
  background: var(--color-white);
  box-shadow: 0 0 0 3px rgba(17,24,39,0.08);
}
.industry-input:focus-visible { outline: 0px solid var(--color-focus); outline-offset: 0px; }
.industry-input:focus:not(:focus-visible) { outline: none; }

/* Step 1 — inline validation error */
.step1-error-msg {
  color: #dc2626;
  font-size: 0.8125rem;
  font-weight: var(--font-weight-regular);
  margin: 8px 0 0;
  line-height: 1.4;
}

.get-a-quote-popup .service-grid2{grid-template-columns: repeat(4,1fr);gap:30px;margin-bottom: 40px;}
.get-a-quote-popup .service-grid2 .service-card input{position: static;margin-right:12px;}
.get-a-quote-popup .service-grid2 .service-card{text-align: left;font-weight:var(--font-weight-regular);}

.get-quote-contact-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 32px;
  row-gap: 24px;
  align-items: start;
}
.get-quote-contact-form > .form-row {
  width: auto;
  min-width: 0;
}
.get-quote-contact-form > .form-row.w-100,
.get-quote-contact-form > #form-error-msg {
  grid-column: 1 / -1;
}
.get-a-quote-popup .form-step-contact .form-sub-hd {
  margin-bottom: 16px;
  letter-spacing: -0.02em;
  line-height: 1.2;
}
.get-a-quote-popup .form-outer-wrap-contact {
  min-height:unset;
  /*padding: 22px 24px;
  background: var(--color-bg-light);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-sm-l);*/
  box-sizing: border-box;
}
.get-a-quote-popup .form-step-contact .form-row .form-input {
  background: var(--color-white);
  transition: border-color 0.15s ease, box-shadow 0.15s ease;
}
.get-a-quote-popup .form-step-contact .form-row .form-input:hover {
  border-color: var(--color-border-dark);
}
.get-a-quote-popup .form-step-contact .form-row .form-input:focus {
  border-color: var(--color-black);
  box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.06);
}
.get-a-quote-popup .form-step-contact .form-row .form-input:focus-visible {
  outline: 0px solid var(--color-focus);
  outline-offset: 0px;
}
.get-a-quote-popup .form-step-contact .form-row .form-input:focus:not(:focus-visible) {
  outline: none;
}
.get-a-quote-popup .form-step-contact .contact-form-checkbox {
  margin-top: 2px;
  line-height: 1.45;
}
.form-row .form-label{width:100%;color:#343434;font-weight:var(--font-weight-light);line-height: 1;margin: 0 0 12px;}
.form-row .form-input{border:1px solid var(--color-border);border-radius:var(--radius-sm);width: 100%;padding: 11px 15px;color:#343434;font-weight:var(--font-weight-light);font-size: var(--font-size-lg);}
.contact-form-checkbox {color: #343434;font-weight: var(--font-weight-light);}
.contact-form-checkbox input{margin-right:6px;}
.phone-input-wrap{display:flex;flex-direction:row;flex-wrap:nowrap;gap:8px;width:100%;}
.form-row .phone-input-wrap .phone-code-select{flex:0 0 110px;width:110px !important;padding-left:10px;padding-right:6px;cursor:pointer;}
.form-row .phone-input-wrap .phone-number-input{flex:1 1 0;width:auto !important;min-width:0;}
button:focus:not(:focus-visible){box-shadow: none;}
.lg-txt2{font-size: var(--font-size-3xl);}
.list-top-align-2 li{align-items: flex-start;}
.list-top-align-2 .bullet{margin-top: 4px;}


/* ===================================
    Contact Us
   =================================== */

.location-box { background: var(--color-white); border: 1px solid var(--color-border); border-radius: var(--radius-xl); height: 100%; padding: var(--spacing-llg); }
.contact-hd { display: block; letter-spacing: -0.6px; font-size: var(--font-size-3xl); font-weight: var(--font-weight-semibold); line-height: 1; margin: 30px 0 15px; }
.location-box a{text-decoration:underline;font-size:var(--font-size-md);font-weight: var(--font-weight-regular);}
.location-box p{line-height:26px;}
.contact-details-box { display: flex; align-items: center; gap: 20px;border-right: 1px solid var(--color-border);justify-content: center;}
.contact-hd2 { font-size: var(--font-size-lg); font-weight: var(--font-weight-regular);line-height: 1;margin: 0 0 15px;}
.no-bor{border:0 !important;}
.contact-details-text a{font-weight: var(--font-weight-regular);}
.underline{text-decoration:underline;}


/* ===================================
    sitemap
   =================================== */

.sitemap-nav-link { display: block; font-size: var(--font-size-xl); margin: 0 0 15px; font-weight: var(--font-weight-medium); text-transform: uppercase; border-bottom: 1px solid var(--color-border); padding: 0 0 15px; }
.sitemap-submenu { margin-top: 25px;margin-bottom: 25px; }
.sitemap-submenu .submenu-col:first-child{padding-left:0;}
.sitemap-submenu .dropdown-item{padding-left:0;padding-right:0;}
.sitemap-submenu .submenu-col{padding: 0 20px;}
.sitemap-wrap .site-map-nav-item.last-link .sitemap-nav-link {padding: 0; border: 0; margin: 0;}
.submenu-item .submenu-hd{margin:0;display:inline-flex;width: calc(100% - 55px);} 
.sitemap-wrap .submenu-item { display: flex; align-items: center;width: 100%; }
.sitemap-wrap .industries-submenu .dropdown-item{font-size: var(--font-size-lg); font-weight: var(--font-weight-medium); color: var(--color-black);line-height: 1;}
.sitemap-submenu-span{display: inline-flex;width: calc(100% - 60px);}
.sitemap-wrap .industries-submenu .dropdown-item{white-space: normal;display: flex;align-items: center;}
.sitemap-wrap .industries-submenu .submenu-col{width:25%;}

.solutions-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
.solutions-col { width: 18.5%; border: 1px solid var(--color-border); border-radius: var(--radius-sm);overflow: hidden;}
.solutions-col .capabilities-list{padding: 0 20px 10px;}
.solutions-main-hd{font-size: var(--font-size-xl);font-weight: var(--font-weight-medium);padding: 0 20px;display: block;margin: 15px 0 0 0;}
.solutions-col .capabilities-list li{margin-bottom: 0.5rem;}
.solutions-col .capabilities-list li:last-child{margin-bottom:0;}
.solutions-col .capabilities-list li a{width:calc(100% - 2px);}
.solutions-col .capabilities-list .bullet{width: 2px;height: 12px;}
.about-wrap .solutions-col{padding-bottom: 15px;}

.lg-italic-text{font-size: var(--font-size-xl); font-weight: var(--font-weight-semibold); line-height: 26px; letter-spacing: 2px; color: var(--color-black);font-style:italic;padding:0 10%;}
.lg-italic-text2{font-size: var(--font-size-xl); font-weight: var(--font-weight-semibold); line-height: 26px; letter-spacing: 2px; color: var(--color-black);font-style:italic;padding:0;}
.lg-non-italic-text{font-size: var(--font-size-lg); font-weight: var(--font-weight-medium); line-height: 26px; letter-spacing: 2px; color: var(--color-black);padding:0;}


[id] {
  scroll-margin-top: 110px;
}
.related-blogs-carousel-wrap .owl-stage{margin: 0 auto;}
.blog-detail-image img{width:100%;border-radius:20px;}
.related-projects-carousel-wrap .portfolio-tags{min-height:45px;}
.related-projects-carousel-wrap .portfolio-card:hover{box-shadow: none;transform: none;}
.tool-tip { position: relative; display: inline-block; cursor: pointer; width: 21px; height: 28px; font-size: 0; }
/* Tooltip text */
.tooltiptext { visibility: hidden; /* Hidden by default */ width: auto;min-width: 135px; background-color:var(--color-white); color: var(--color-black); text-align: center; padding:4px 15px; border-radius: 6px;font-size:18px;font-weight:500; position: absolute;box-shadow: 0px 0px 10px 0px #00000026; z-index: 1; /* Ensure tooltip is displayed above content */ }
/* Show the tooltip text on hover */
.tool-tip:hover .tooltiptext { visibility: visible; }
.tooltip-bottom { top:115%; left: 50%; margin-left: -60px; }
.map-tooltip { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.canada-tooltip{left: 98px;top: 78px;}
.usa-tooltip{left: 84px;top: 167px;}
.uk-tooltip{left: 290px;top: 102px;}
.france-tooltip{left: 268px;top: 137px;}
.belgium-tooltip{left: 253px;top: 118px;}
.netherlands-tooltip{left: 237px;top: 99px;}
.saudi-tooltip{left: 300px;top: 203px;}
.nigeria-tooltip{left: 155px;top: 238px;}
.uae-tooltip{left: 275px;top: 202px;}
.india-tooltip{left: 297px;top: 192px;}
.south-africa-tooltip{left: 149px;top: 328px;}
.australia-tooltip{left: 383px;top: 328px;}

.image-radius-all,.who-for-image img{border-radius: var(--radius-lg);}

.portfolio-filter-list,.filter-tab-col { display: flex; flex-wrap: wrap; column-gap: 35px; }
.portfolio-filter-list a { width: 31%; }
.owl-carousel .owl-item .arrow-box-listing img{width: auto;display: inline-block;}
.cta-section .container,.final-cta-section .container{max-width: 1260px;}


.customization-image.text-left .img-borders,  .img-borders, .customization-image.text-left img,.approach-image img,.challenge-image img,.team-outer-wrap img,.img-radius-all{ border-radius: var(--radius-lg); }
.left-border{ border-radius:var(--radius-lg) 0px 0px var(--radius-lg) !important;}
.right-border{ border-radius:0px var(--radius-lg) 20px 0px !important;}
.border-right-0{border-right:0 !important;}
.search-sticky{position: sticky !important; top: 110px; z-index: 999; background: #fff; padding-top: 20px !important; padding-bottom: 20px !important;}
.home-tabs-r img { border-radius: var(--radius-md); }


@media(min-width:991px){
.get-a-quote-popup.modal.fade .modal-dialog{transform: translate(-100%,0);transition: transform 0.6s ease-out;}
.get-a-quote-popup.modal.show .modal-dialog {transform: none;transition: transform 0.6s ease-out;}
.pr-0{padding-right: 0;}
.pl-0{padding-left: 0;}
.contact-details-box1 { justify-content: flex-start; }
.contact-details-box3 { justify-content: flex-end; }
.address-p{min-height:130px;}
.contact-details-box .social-icons img{width:29px;}
.contact-details-box .social-icons {gap:16px;}
.call-icon{margin-left: -21px;}
.privacy-policy-section .section-title{font-size: var(--font-size-3xl-3);line-height: 1.1;margin: 0 0 18px;}
.five-coln .wd-20{width: 20%;}
.height-form1 {height: unset;}
.min-h3{min-height:65px;}
.min-height2{min-height: 95px;}
.min-height3{min-height:128px;}
.menu-with-sublevel{margin-bottom:15px;}
}
@media(max-width:1600px){
.get-a-quote-popup .service-grid2{gap: 20px;}
.form-right{padding: 45px 45px 15px;}
.get-a-quote-popup .form-right {
  padding-bottom: max(24px, calc(env(safe-area-inset-bottom, 0px) + 88px));
}

}
@media(max-width:768px){
.form-left{display:none;}
.form-right{width:100%;}
.get-a-quote-popup .service-grid{grid-template-columns:repeat(2,1fr);}
.form-right {padding:40px 20px 20px;}
.get-a-quote-popup .form-right {
  padding-bottom: max(24px, calc(env(safe-area-inset-bottom, 0px) + 88px));
}
.get-a-quote-popup .vision-step-lead {
  margin: -4px 0 16px;
  font-size: 0.875rem;
}
.get-a-quote-popup .vision-step-fields {
  padding: 14px 16px;
  border-radius: var(--radius-sm);
}
.get-a-quote-popup .vision-question-row {
  padding: 12px 0;
  gap: 5px;
}
.get-a-quote-popup label.vision-question-label {
  font-size: 0.8125rem;
}
.get-a-quote-popup .vision-question-input {
  font-size: 0.8125rem;
  min-height: 36px;
  padding: 6px 11px;
}
.get-a-quote-popup .vision-question-input::placeholder {
  font-size: 0.75rem;
}
.get-a-quote-popup .vision-questions-placeholder {
  font-size: 0.8125rem;
}
.get-a-quote-popup .vision-step .form-sub-hd {
  font-size: 1.25rem;
  margin-bottom: 10px;
}
.industry-input-row { padding: 16px 18px; gap: 12px; }
.form-step .industry-input-row {padding:0;}
.industry-input-header { flex-direction: column; align-items: flex-start; gap: 6px; }
.industry-question-hint { text-align: left; white-space: normal; font-style: normal; }
.industry-question-label { font-size: 0.9375rem; }
.industry-input { height: 46px; font-size: 0.9375rem; }
.form-hd{line-height: 1.2;font-size: var(--font-size-2xl);}
.steps{margin-bottom: 20px;margin-top: 20px;margin-left: 0;}
.step-title {font-size: var(--font-size-sm);line-height: 1.2;}
.step-circle { width: 40px; height: 40px;}
.form-sub-hd {margin: 0 0 20px;font-size: var(--font-size-2xl);}
.get-a-quote-popup .service-card{font-size: var(--font-size-sm);line-height: 16px;}
.get-a-quote-popup .service-card{padding:15px;}
.get-a-quote-popup .service-grid2 { gap: 10px; }
.get-a-quote-popup .service-grid2 .service-card{padding:15px 10px;}
.get-a-quote-popup .service-grid2 .service-card input{margin-right: 5px;}
.form-row { width: 100%; }
.get-quote-contact-form {
  grid-template-columns: 1fr;
  column-gap: 0;
  row-gap: 18px;
}
.get-a-quote-popup .form-outer-wrap-contact {
  padding: 16px 0;
  border-radius: var(--radius-sm);
}
.get-a-quote-popup .btn{padding: 12px 20px;}
.get-a-quote-popup .btn-close{right: 0;top: 15px;}
.locations-wrap{gap:25px;}
.location-box{padding: var(--spacing-md);}
.contact-details-box{border-right: 0;border-bottom: 1px solid var(--color-border);justify-content: flex-start;padding: 20px 0;}
.contact-details-icon img{width:50px;}
.contact-details-wrap .col-lg-4{padding-right: calc(var(--bs-gutter-x) * .5)!important;padding-left: calc(var(--bs-gutter-x) * .5)!important;}
.contact-hd2{margin: 0 0 10px;}
.contact-details-wrap .col-lg-4:last-child .contact-details-box{padding-bottom:0;}
.contact-details-wrap .col-lg-4:first-child .contact-details-box{padding-top:0;}
.solutions-col { width:31%;}
.solutions-wrap{justify-content: flex-start;gap: 20px;}
.lg-italic-text{padding:0;}
}
@media(max-width:767px){
.sitemap-submenu .list-unstyled{width: 100%;}
.sitemap-wrap .container{padding:0 15px;}
.sitemap-submenu .submenu-col { padding: 0 0 15px; }
.submenu-item .submenu-hd{padding-left: 0;}
.sitemap-submenu {margin-top: 20px; margin-bottom: 10px; }
.sitemap-submenu .dropdown-item{padding:5px 0;}
.industries-submenu .submenu-col{padding-bottom: 0; margin-bottom: 0; border: 0;}
.solutions-col { width:100%;}
.solutions-col .capabilities-list{padding-bottom:25px;}
.sitemap-wrap .industries-submenu .submenu-col { width: 100%; }
.sitemap-wrap .industries-submenu .dropdown-item {font-size: var(--font-size-md);margin-bottom: 15px;border-bottom: 1px solid var(--color-border);padding-bottom:15px;}
.cases-eight { gap: 25px; }
.use-case-bottom .mt-5{margin-top: 0 !important;}
.deliver-section .text-center{text-align: left !important;}
[id] {
  scroll-margin-top:80px;
}
.map-tooltip{display:none;}
.portfolio-filter-list a { width: 100%; }
.get-a-quote-form-wrap{height: 100%;}
.left-border{ border-radius:0 0 var(--radius-lg) var(--radius-lg) !important;}
.right-border{ border-radius:0 0 var(--radius-lg) var(--radius-lg) !important;}
.deliver-title br, .use-case-title br{display:none;}
.icons-width-mbl img.use-case-icon{width: 45px;height: auto;}
.use-cases-section .icons-width-mbl .w-20{padding: 15px 15px 0;}
.icons-width-mbl .use-case-card{padding: 0 0 15px;}
.related-projects-carousel-wrap .portfolio-tags { min-height: unset; }
.search-sticky{top: 76px;}
.contact-details-text a{display:block;}
.mbl-bor-pd-0{border-bottom:0 !important;padding-bottom:0 !important;}
}
@media (min-width: 768px) {
.col-md-20 { flex: 0 0 auto; width: 20%; }
.g-6, .gy-6 {--bs-gutter-y: 4rem;--bs-gutter-x: 4rem;}
.g-7, .gy-7 {--bs-gutter-y: 5rem;--bs-gutter-x: 5rem;}
.about-wrap .solutions-col{width: 31%;}

}
@media only screen and (min-width:768px) and (max-width:1300px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { max-width: 1140px;padding-left: var(--spacing-md);padding-right: var(--spacing-md);}

}
@media only screen and (min-width:768px) and (max-width:1199px) {
main { margin-top: 78px; }
.sec1-round-img-w-100 .col-lg-5{margin-top: 15px;margin-bottom: 35px;padding: 0 35px;}
.sec1-round-img-w-100 .col-lg-7{margin-top: 25px; padding: 0 35px;}





}
@media (max-width:1199px) {
.sec1-round-img-w-100 .col-lg-5{width:100%;}
.sec1-round-img-w-100 .col-lg-5 img{border-radius: var(--radius-md);}






}

@media only screen and (min-width:1100px) and (max-width:1199px) {
.team-overlay-wrap{height: 74%;}


}
.circle-outer-container{display: none !important;}
.white {
  height: 130px;position:absolute;bottom:0;left:0;width:100%;z-index: 1;display: none;
}
.white:before {
  z-index: 1000;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 130px;
  background-image: linear-gradient(-180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
}
.white:after {
  z-index: 1000;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 20vh;
  /* background-image: linear-gradient(0deg, #EBEBEB 0%, rgba(235, 235, 235, 0) 100%); */
}

.squares {
  height: 100%;
  display: flex;
  justify-content: space-around;
  overflow: hidden;
}

.square {
  -webkit-animation: squares 5.5s linear infinite;
          animation: squares 5.5s linear infinite;
  align-self: flex-end;
  width: 1em;
  height: 1em;
  transform: translateY(100%);
  background: #ebebeb;
}
.square:nth-child(2),.square:nth-child(11) {
  height: 1.5em;
  width: 3em;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 17s;
          animation-duration: 17s;
  -webkit-filter: blur(5px);background:var(--color-primary);
}
.square:nth-child(3),.square:nth-child(12) {
  height: 2em;
  width: 1em;
  -webkit-animation-delay: 1.5s;
          animation-delay: 1.5s;
  -webkit-animation-duration: 8s;
          animation-duration: 8s;
  -webkit-filter: blur();
}
.square:nth-child(4),.square:nth-child(13) {
  height: 1em;
  width: 1.5em;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-filter: blur(3px);
  -webkit-animation-duration: 13s;
          animation-duration: 13s;background:var(--color-primary);
}
.square:nth-child(5),.square:nth-child(14) {
  height: 1.25em;
  width: 2em;
  -webkit-animation-delay: 4s;
          animation-delay: 4s;
  -webkit-filter: blur(2px);
  -webkit-animation-duration: 11s;
          animation-duration: 11s;
}
.square:nth-child(6),.square:nth-child(15) {
  height: 2.5em;
  width: 2em;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-filter: blur(1px);
  -webkit-animation-duration: 9s;
          animation-duration: 9s;background:var(--color-primary);
}
.square:nth-child(7),.square:nth-child(16) {
  height: 5em;
  width: 2em;
  -webkit-filter: blur(2.5px);
  -webkit-animation-duration: 12s;
          animation-duration: 12s;
}
.square:nth-child(8),.square:nth-child(17) {
  height: 1em;
  width: 3em;
  -webkit-animation-delay: 5s;
          animation-delay: 5s;
  -webkit-filter: blur(6px);
  -webkit-animation-duration: 18s;
          animation-duration: 18s;background:var(--color-primary);
}
.square:nth-child(9),.square:nth-child(18) {
  height: 1.5em;
  width: 2em;
  -webkit-filter: blur(0.5px);
  -webkit-animation-duration: 9s;
          animation-duration: 9s;
}
.square:nth-child(10),.square:nth-child(19) {
  height: 3em;
  width: 2.4em;
  -webkit-animation-delay: 6s;
          animation-delay: 6s;
  -webkit-filter: blur(0.5px);
  -webkit-animation-duration: 12s;
          animation-duration: 12s;background:var(--color-primary);
}

@-webkit-keyframes squares {
  from {
    transform: translateY(100%) rotate(-50deg);
  }
  to {
    transform: translateY(calc(-100vh + -100%)) rotate(20deg);
  }
}

@keyframes squares {
  from {
    transform: translateY(100%) rotate(-50deg);
  }
  to {
    transform: translateY(calc(-100vh + -100%)) rotate(20deg);
  }
}
#ca-launcher{background:var(--color-primary)!important;color: var(--color-black) !important;}
.ca-header{background:var(--color-black) !important;}
.ca-send-btn{background:var(--color-black) !important;}
.ca-msg-avatar{background:var(--color-primary) !important;}
.ca-input:focus {border-color:var(--color-primary)!important;}
.ca-avatar{background:var(--color-primary)!important;}
.ca-msg.ca-user .ca-bubble{background: #2b2b2b!important;}
.ca-captcha-question{color:var(--color-black) !important;}
.ca-captcha-btn{background:var(--color-black) !important;}
.ca-captcha-input:focus {border-color:var(--color-primary)!important;}



.bg-box1 {background: var(--color-box1);}
.bg-box2 {background: var(--color-box2);}
.bg-box3 {background: var(--color-box3);}
.bg-box4 {background: var(--color-box4);}
.bg-box5 {background: var(--color-box5);}
.bg-box6 {background: var(--color-box6);}
.bg-box7 {background: var(--color-box7);}
.bg-box8 {background: var(--color-box8);}
.bg-box9 {background: var(--color-box9);}
.bg-box10 {background: var(--color-box10);}

.home-hero-section .hero-content { opacity: 0; transform: translateY(40px); transition: all 0.8s ease; }
/* Trigger animation */
.home-hero-section .carousel-item.animate .hero-content { opacity: 1; transform: translateY(0); }
.portfolio-text-color-1 {color:#DA4983;}
.portfolio-text-color-2 {color:#B56B03;}
.portfolio-text-color-3 {color:#3AB071;}
.portfolio-text-color-4 {color:#5A49B1;}