@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap");
body, h1, h2, h3, h4, h5, h6, textarea, input, pre, td, th, ul, ol, p, strong {
  font-family: "Open Sans", sans-serif !important;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
}

p strong {
  font-weight: bold !important;
}

.page-body ul {
  list-style: none;
  padding: 10px 0px 40px;
  margin: 0px;
}
.page-body ul li::before {
  content: "•";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}
.page-body ul li {
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 0px 0px;
}

header {
  position: absolute;
  display: block;
  z-index: 9999 !important;
  width: 100%;
}

.navbar {
  background-color: #000000;
}

#navbar_top {
  transition: all 0.3s ease-in-out;
}

.navbar-dark .navbar-toggler {
  color: #fff !important;
  background: rgba(0, 0, 0, 0.5) !important;
}

.navbar-dark .white-bg {
  color: #fff !important;
  background: rgba(0, 0, 0, 0.5) !important;
}

.logo-holder {
  flex: 1;
  display: flex;
  justify-content: left;
  margin-right: 40px;
}

.navbar-toggler .dark_menu {
  color: rgb(0, 0, 0) !important;
  background: rgb(0, 0, 0) !important;
}

.white-bg .dark_menu {
  color: rgb(0, 0, 0) !important;
  background: rgb(0, 0, 0) !important;
}

.logo-holder img {
  width: 300px;
}

.navbar .container-fluid {
  /*margin: 0px 120px;*/
  padding: 0px 40px;
}

.custom-toggler.navbar-toggler {
  border-color: white;
}

.custom-toggler.white-bg {
  border-color: white;
}

/* Setting the stroke to green using rgb values (0, 128, 0) */
.offcanvas {
  background-color: #000 !important;
}

.navbar-toggler:focus {
  box-shadow: none !important;
}

.white-bg:focus {
  box-shadow: none !important;
}

.navbar-dark .navbar-toggler {
  border: none !important;
  background: rgba(0, 0, 0, 0) !important;
}

.navbar-dark .white-bg {
  border: none !important;
  background: rgba(0, 0, 0, 0) !important;
}

.navbar-dark .navbar-toggler-icon {
  background-image: url("../images/header/menu-icon-hover.png") !important;
}

.navbar-dark .navbar-toggler-icon.example {
  border-color: rgb(255, 102, 203) !important;
  background-image: url("../images/header/menu-icon.png") !important;
}

.dark-bg {
  background-color: rgb(0, 0, 0);
}

.header-menu {
  background-color: #000 !important;
}

.header-menu li a {
  color: #fff;
}

.lets_talk {
  flex: 0.2;
}

.lets_talk a {
  display: flex;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 20px;
  line-height: 26px;
  font-weight: normal;
  font-family: "Open Sans", sans-serif !important;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 8px 10px;
  width: 140px;
  text-align: center;
  justify-content: center;
  letter-spacing: 0.1px;
}

.ceo-say {
  text-align: left;
  font-size: 26px;
  line-height: 39px;
  letter-spacing: 0px;
  color: #fff;
}

.lets_talk a:hover {
  text-decoration: none;
  color: #f05b41;
  border: 1px solid #f05b41;
}

nav {
  flex: 1;
}

nav ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

nav ul li {
  display: inline-block;
  font-size: 14px;
}

nav ul li a {
  display: inline-block;
  color: #868686;
  font-weight: 500;
  text-decoration: none;
  text-transform: uppercase;
}

nav ul li a.active {
  color: #ffffff;
}

nav ul li a:hover {
  color: #ffffff;
}

.my-navbar:hover nav ul li a {
  color: #000;
}

.navbar-dark .navbar-toggler {
  color: #000;
  background-color: #000;
}

.navbar-dark .white-bg {
  color: #000;
  background-color: #000;
}

.navbar-dark .show .nav-link {
  color: #fff !important;
}

.modal-content {
  background-color: #262626 !important;
}

.modal-header {
  border-bottom: 0px solid #262626 !important;
}

.modal-header .btn-close {
  color: #fff !important;
}

.modal-xl {
  max-width: 100% !important;
  margin-top: 0px !important;
}

.navbar-dark .navbar-nav .nav-link .fixed-top {
  top: -40px !important;
  position: fixed !important;
  padding: 10px 0px !important;
  background-color: rgb(255, 255, 255) !important;
}

.flexslider-bottom .mouse-button {
  color: #fff;
  bottom: 30px;
  display: flex;
  height: 60px;
  text-align: center;
  position: absolute;
  width: 220px;
  z-index: 4;
  margin: 0px auto !important;
  justify-content: center;
  text-decoration: none;
  vertical-align: middle;
  align-items: center;
  left: 46%;
}

.flexslider-bottom .mouse-button i {
  border: 1px solid #fff;
  padding: 15px 10px;
  border-radius: 15px;
}

.black {
  color: #000 !important;
}

.main-banner-img-mobile {
  display: none;
}

.header-banner {
  z-index: 999;
  border: 0px !important;
  position: relative;
  width: 100%;
  top: 3vw;
}

.my-navbar {
  background-color: rgba(0, 0, 0, 0.3);
  z-index: 9999;
  position: absolute;
  width: 100%;
  padding: 30px 0px !important;
}

.my-navbar:hover {
  background-color: rgb(255, 255, 255);
}

.logo {
  position: relative;
  display: inline-block;
}

.logo .front-img {
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 999;
}

.logo:hover .front-img {
  display: inline-block;
}

.dropdown .dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 0.55em;
  vertical-align: 1px;
  content: "";
  border-top: 0.3em solid transparent;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}

.lets-talk {
  color: #FFF !important;
  border: 1px solid #E22D00 !important;
  background-color: #E22D00 !important;
  padding: 10px 10px !important;
  text-align: center;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
}

.lets-talk:hover, .lets-talk:active {
  background-color: #FFF !important;
  color: #E22D00 !important;
  border: 1px solid #E22D00 !important;
}

.carousel-caption {
  text-align: left !important;
  left: 100px !important;
  right: 0px !important;
  top: 32px !important;
}

h1.heading {
  line-height: 45px;
  font-size: 35px;
  padding: 0px 0px !important;
  color: #FFFFFF;
  font-weight: 600;
  opacity: 1;
  letter-spacing: -0.48px;
  font-family: "Open Sans", sans-serif !important;
}

h2.heading {
  line-height: 40px;
  font-size: 30px;
  padding: 0px;
  font-weight: 600;
  color: #FFFFFF;
  opacity: 1;
  letter-spacing: 1.56px;
  font-family: "Open Sans", sans-serif !important;
}

.glow {
  text-shadow: 0px 0px 24px rgb(255, 255, 255);
}

h4.sub-heading {
  font-size: 24px;
  line-height: 36px;
  color: #ffffff;
  opacity: 0.95;
  letter-spacing: 0px;
  font-family: "Open Sans", sans-serif !important;
}

h5.sub-heading {
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  opacity: 0.95;
  letter-spacing: 0px;
  font-family: "Open Sans", sans-serif !important;
}
h5.sub-heading .date {
  color: #FFFFFF;
  font-size: 18px;
  line-height: 27px;
  padding: 0px 20px 0px 0px;
}
h5.sub-heading .date i {
  color: #00B5E2;
  padding: 0px 10px 0px 0px;
}
h5.sub-heading .location {
  color: #FFFFFF;
  font-size: 18px;
  line-height: 27px;
}
h5.sub-heading .location i {
  color: #00B5E2;
  padding: 0px 10px 0px 0px;
}

h1.banner-heading {
  line-height: 72px;
  font-size: 60px;
  padding: 0px 0px !important;
  color: #FFFFFF;
  font-weight: bold;
  opacity: 1;
  letter-spacing: -0.48px;
  text-transform: uppercase;
  font-family: "Open Sans", sans-serif !important;
}

h2.banner-heading {
  letter-spacing: 1.26px;
  line-height: 56px;
  font-size: 42px;
  font-weight: 600;
  padding: 0px;
  color: #fff;
  text-transform: capitalize;
  opacity: 1;
  font-family: "Open Sans", sans-serif !important;
}

h4.banner-heading {
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  font-weight: 500 !important;
  font-family: "Open Sans", sans-serif !important;
}

.bd-highlight:nth-child(2) {
  padding: 0px 0px 20px 0px;
}

.bd-highlight:nth-child(3) {
  padding: 30px 0px 40px 0px;
}

.banner-link-btn a {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
  padding-right: 1rem;
}
.banner-link-btn a:after {
  content: "\f0da";
  font-family: "font awesome 6 free";
  font-weight: 600;
  padding: 10px 10px 0px 5px;
  color: #e63900;
}
.banner-link-btn ul {
  list-style: none;
  padding: 0px;
  -moz-column-count: 3;
       column-count: 3;
}
.banner-link-btn ul li {
  display: inline;
}
.banner-link-btn ul li a {
  font-size: 18px;
  font-weight: 500;
  color: #fff;
}
.banner-link-btn ul li a:after {
  content: "\f0da";
  font-family: "font awesome 6 free";
  font-weight: 600;
  padding: 10px 10px 0px 5px;
  color: #e63900;
}

.links a {
  background-color: #E22D00;
  font-size: 16px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.5px;
  padding: 15px 20px;
  border: 1px solid #E22D00;
  border-radius: 4px;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 20px;
  text-align: center;
  color: #FFFFFF;
  opacity: 1;
  transition-duration: 0.5s;
}
.links a:hover {
  color: rgb(255, 255, 255);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4784313725);
}

#main_nav {
  display: none;
}

.client-testimonial {
  color: #000;
  /*background-image: url('../images/client-testimonials/curve.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 10% 80%;*/
  background-color: #fff;
  position: relative;
  top: 3vw;
}
.client-testimonial iframe, .client-testimonial video {
  border: 2px solid #fff !important;
  background-color: #fff !important;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4) !important;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: auto;
  border: 0;
}
.client-testimonial a {
  color: #FFF !important;
  border: 1px solid #00B5E2 !important;
  background-color: #00B5E2;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
}
.client-testimonial a:hover {
  background-color: #FFF;
  color: #00B5E2 !important;
  border: 1px solid #00B5E2 !important;
}

.quote {
  width: 25px;
}

div#client-testimonial {
  padding: 0px !important;
}

h2.ct-heading {
  font-size: 42px;
  line-height: 56px;
  letter-spacing: -0.03px;
  opacity: 1;
  text-align: left;
  font-weight: bold;
  padding: 0px;
  font-weight: 600;
}

img.client-quote {
  display: block;
  width: 100px;
  opacity: 0.15;
  position: absolute;
}

h3.client-title {
  font-size: 34px;
  line-height: 45px;
  font-weight: 400;
  text-align: left;
  padding: 40px 0px 20px;
  letter-spacing: 0.01px;
  color: #ffffff;
  opacity: 1;
}

p.client-content {
  text-align: left;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.7;
  padding-bottom: 80px;
  letter-spacing: 0.48px;
  color: #FFFFFF;
  opacity: 1;
}

span.client-name {
  font-weight: 500;
  display: block;
  text-align: left;
  font-size: 34px;
  line-height: 45px;
  color: #fff;
  opacity: 1;
  letter-spacing: 0.01px;
}

span.client-details {
  display: block;
  text-align: left;
  font-style: italic;
  font-size: 24px;
  line-height: 32px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
}

.client-img {
  width: 100%;
}

.link a {
  background-color: #E22D00;
  font-size: 16px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.5px;
  padding: 15px 20px;
  border: 1px solid #E22D00;
  border-radius: 4px;
  text-decoration: none;
  text-transform: capitalize;
  line-height: 20px;
  text-align: center;
  color: #FFFFFF;
  opacity: 1;
  transition-duration: 0.5s;
}
.link a:hover {
  box-shadow: 0px 0px 10px 0px rgb(0, 0, 0);
  color: #FFFFFF;
}

p {
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0px;
}

/* Slider */
h2 {
  text-align: left;
  padding: 20px;
}

.w-50 {
  width: 45% !important;
}

/* Slider */
.slick-slide {
  margin: 0px 20px 0px 0px;
  position: relative;
  display: inline-block;
}

.slick-slide .img-top {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}

.slick-slide:hover .img-top {
  display: inline;
}

.slick-slide img {
  width: 100%;
}

.slick-slide img:hover {
  border-radius: 4px;
}

.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.slick-list:focus {
  outline: none;
}

.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin: 0px auto;
}

.slick-track:before,
.slick-track:after {
  display: table;
  content: "";
}

.slick-track:after {
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}

.slick-slide.slick-loading img {
  display: none;
}

.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.carousel-control-next, .carousel-control-prev {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: contents !important;
  align-items: center;
  justify-content: center;
  width: 10%;
  padding: 0px;
  color: #fff;
  /* text-align: center; */
  background: 0 0;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}

.controls {
  margin-top: 4%;
}

/***Industries***/
.ind-row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}

.column img {
  vertical-align: middle;
}

.ind-container {
  position: relative;
}

.image {
  position: relative;
  width: 100%;
}

.ind-container:hover {
  border: 1px solid #1277ce;
}

/***Who we are section ***/
.who-we-are-section .counter-effect i:before {
  font-size: 24px;
  font-weight: bold;
  vertical-align: super;
  color: #003865;
}
.who-we-are-section .counter-text {
  padding: 10px 0px 20px;
}
.who-we-are-section p {
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
}
.who-we-are-section a {
  color: #FFF !important;
  border: 1px solid #E22D00 !important;
  background-color: #E22D00;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
}
.who-we-are-section .counter {
  font-size: 48px;
  font-weight: bold;
  line-height: 72px;
  letter-spacing: -0.38px;
  color: #003865;
  text-transform: capitalize;
}
.who-we-are-section .count-text {
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: rgba(0, 0, 0, 0.8705882353);
}

/***Who we are section ***/
.who-we-are .row {
  margin: 0px 10px;
}

.who {
  background: #000 url("../images/who-we-are/who-we-are.png") no-repeat right top;
  background-size: cover;
  background-position: center;
  height: 700px;
  border-radius: 10px;
  border: 1px solid #121212;
}

.what {
  background: #000 url("../images/who-we-are/what-we-do.png") no-repeat right top;
  background-size: cover;
  background-position: center;
  margin: 0px 0px 0px 10px;
  height: 350px;
  border-radius: 10px;
  border: 1px solid #121212;
}

.how {
  background: #000 url("../images/who-we-are/how-we-do-it.png") no-repeat right top;
  background-size: cover;
  background-position: center;
  height: 328px;
  margin: 20px 10px 0px 10px;
  border-radius: 10px;
  border: 1px solid #121212;
}

.offer {
  background: #000 url("../images/who-we-are/what-we-offer.png") no-repeat right top;
  background-size: cover;
  background-position: center;
  height: 328px;
  margin: 20px 0px 0px 10px;
  border-radius: 10px;
  border: 1px solid #00B5E2;
}

.who:hover, .what:hover, .how:hover, .offer:hover {
  border: 1px solid #1277CE;
  border-radius: 8px;
  opacity: 0.85;
}

.box-grid h2 {
  letter-spacing: 1px;
  color: #ffffff;
  font-weight: 900;
  font-size: 48px;
  line-height: 63px;
  display: inline-block;
  text-align: left;
  text-transform: uppercase;
  width: 100%;
  text-align: center;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}

.who .content, .what .content, .how .content, .offer .content {
  bottom: 0px;
  right: 0px;
  top: 0px;
  left: 0px;
  background-color: #121212;
  opacity: 0.85;
  color: white;
  width: 100%;
  height: 100%;
  text-align: center;
  display: grid;
  align-content: center;
  letter-spacing: 0px;
  border-radius: 8px;
  border: 1px solid #121212;
}

.offer .content h5 {
  text-decoration: none;
}

.overlay {
  position: absolute;
  bottom: 0px;
  right: 0px;
  top: 0px;
  left: 0px;
  background-color: #121212;
  opacity: 0.85;
  color: white;
  width: 100%;
  height: 100%;
  text-align: center;
  display: grid;
  align-content: center;
  letter-spacing: 0px;
}

/*.overlay {
    position: absolute;
    top: 45%;
    left: 0;
    width: 100%;
}*/
.overlay h3 {
  text-transform: uppercase;
  font-size: 2.8148px;
  line-height: 59px;
  font-weight: 900;
}

.image .overlay:hover {
  border: 1px solid #ffcccc;
}

.ind-content {
  position: absolute;
  text-align: center;
  height: 100%;
  width: 100%;
  padding: 0px 32px;
}

.ind-content h3 {
  font-size: 24px;
  color: white;
  text-align: left;
}

.ind-content p {
  font-size: 16px;
  text-align: left;
  color: white;
}

.industries {
  background: #F5F5F5;
}
.industries .tab-content img {
  width: 100%;
  height: auto;
}

.industries h2 {
  color: #000000;
}

.tab-content h4 {
  color: #000000;
}

.tab-content p {
  color: #000000;
}

.bottom-center {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.our-journey {
  background: linear-gradient(to bottom, #003865 0%, #003865 50%, #000000 50%, #E8E8E8 50%, #E8E8E8 100%); /* W3C */
  /* .swiper-pagination-bullet {
      outline: 1px solid #fff;
      outline-offset: 1px;
  }



  .swiper-pagination-bullet-active {
      background: #fff;
  } */
}
.our-journey .swiper {
  position: relative;
  width: 100%;
  padding-top: 8px;
}
@media only screen and (max-width: 768px) {
  .our-journey #btnGroup {
    display: none !important;
  }
}
.our-journey .swiper-slide {
  height: 220px;
  text-align: center;
  font-size: 18px;
  background: #fff;
  border-radius: 4px;
  /* color: #fff; */
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset;
}
.our-journey .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.our-journey .swiper-horizontal > .swiper-pagination-progressbar,
.our-journey .swiper-pagination-progressbar.swiper-pagination-horizontal {
  top: auto;
  /* margin-top: 50px; */
  left: 0;
  bottom: 0px !important;
}
.our-journey .append-buttons {
  width: 100%;
  text-align: center;
  margin-top: 3rem;
}
.our-journey .append-buttons .active {
  background-color: #F05B41 !important;
  color: #fff !important;
  border: 1px solid #F05B41 !important;
}
.our-journey .append-buttons a {
  display: inline-block;
  border: 1px solid #F05B41 !important;
  background-color: #F05B41 !important;
  color: #fff !important;
  text-decoration: none;
  padding: 4px 10px;
  border-radius: 4px;
  margin: 0 10px;
  font-size: 13px;
}

.our-journey h2 {
  color: #fff !important;
}

.card-title {
  font-size: 30px;
  line-height: 70px;
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-weight: bold;
}

.card-text span {
  text-align: left;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: rgba(0, 0, 0, 0.4);
  text-transform: capitalize;
}
.card-text span:after {
  content: "\a";
  white-space: pre;
}

.card-text {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 30px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.8705882353);
}

.our-journeywrapper {
  height: 200px;
}

.our-journeywrapper {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.our-journeywrapper .card {
  flex: 0 0 auto;
}

.our-journeywrapper {
  -webkit-overflow-scrolling: touch;
}

.our-journeywrapper::-webkit-scrollbar {
  display: none;
}

.who-we-are {
  padding: 50px 140px;
}

.who-we-are .row > * {
  padding: 0px !important;
}

.want-to-explore {
  height: 30px;
  background-color: #E6E7E8;
}

.want-to-explore p {
  color: #FFFFFF;
  font-size: 26px;
  text-align: center;
  align-items: center;
  align-content: center;
  text-align: center;
  line-height: 36px;
  text-align: left;
  letter-spacing: 1px;
  color: #FFFFFF;
  font-family: "Open Sans", sans-serif !important;
}

.sec-h-space {
  background-image: url("../images/footer/want-to-explore.png");
  border-radius: 4px;
}

.container.text-center.text-md-start.mt-5 {
  margin-top: 6rem !important;
}

@media screen and (max-width: 768px) {
  .container.sec-h-space.px-5 {
    padding-right: 1rem !important;
    padding-left: 1rem !important;
  }
}
@media screen and (max-width: 600px) {
  .want-to-explore p {
    color: #FFFFFF;
    font-size: 18px !important;
    text-align: center;
    align-items: center;
    font-weight: 500;
    align-content: center;
    text-align: center;
    line-height: 27px !important;
    text-align: center;
    letter-spacing: 1px;
    color: #FFFFFF;
    font-family: "Open Sans", sans-serif !important;
  }
  .container.text-center.text-md-start.mt-5 {
    margin-top: 8rem !important;
  }
  .container.sec-h-space.px-5 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
  }
}
/* General style */
.uxhover {
  width: 100%;
  float: left;
  overflow: hidden;
  position: relative;
  text-align: center;
  cursor: default;
}

.uxhover .mask,
.uxhover .content {
  width: 100%;
  position: absolute;
  overflow: hidden;
  top: 0;
  left: 0;
}

.uxhover img {
  display: block;
  position: relative;
}

.uxhover h2 {
  text-transform: uppercase;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 26px;
  padding: 10px;
  margin: 20px 0 0 0;
}

.uxhover p {
  font-size: 18px;
  position: relative;
  color: #fff;
  padding: 0px 20px 0px;
  text-align: center;
}

.uxhover a.info {
  display: inline-block;
  text-decoration: none;
  padding: 7px 14px;
  background: #000;
  color: #fff;
  text-transform: uppercase;
  font-size: 18px;
  border-radius: 5px;
}

/* Effect 1*/
.hoverEffect-first img {
  transition: all 0.2s linear;
  width: 100%;
  height: auto;
}

.hoverEffect-first .mask {
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all 0.4s ease-in-out;
  width: 100%;
  height: 100%;
}

.hoverEffect-first h2 {
  margin: 60px 40px 20px 40px;
  transform: translateY(7);
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

.hoverEffect-first p {
  transform: translateY(100px);
  opacity: 0;
  transition: all 0.2s linear;
  text-align: left;
}

.hoverEffect-first a.info {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}

/* Effect 1:hover*/
.hoverEffect-first:hover .mask {
  opacity: 1;
}

.hoverEffect-first:hover h2,
.hoverEffect-first:hover p,
.hoverEffect-first:hover a.info {
  opacity: 1;
  transform: translateY(0px);
}

.hoverEffect-first:hover p {
  transition-delay: 0.1s;
}

.hoverEffect-first:hover a.info {
  transition-delay: 0.2s;
}

.grid {
  max-width: 1200px;
}

/* clearfix */
.grid:after {
  content: "";
  display: block;
  clear: both;
}

/* ---- grid-item ---- */
.grid-item {
  width: 372px;
  height: 337px;
  float: left;
}

.grid-item--height2 {
  height: 337px;
}

.grid-item--height3 {
  height: 350px;
}

.grid-item--height4 {
  height: 337px;
}

.gridywrap div[class*=gridy] {
  background: #eee;
  box-shadow: inset 0 0 0 1px #ddd;
  padding: 15px;
  float: left;
  position: relative;
}

.gridywrap .gridy-1,
.gridywrap .gridy-2,
.gridywrap .gridy-3 {
  width: 320px;
  overflow: hidden;
}

.gridywrap .gridy-1 {
  width: 100%;
}

.gridywrap .gridy-2 {
  width: 100%;
}

.gridywrap .gridy-3 {
  width: 100%;
}

.gridywrap .gridyhe-1 {
  height: 500px;
}

.gridywrap .gridyhe-2 {
  height: 320px;
}

@media screen and (min-width: 320px) {
  .gridywrap .gridyhe-2 {
    height: 320px;
  }
  .gridywrap {
    width: 100%;
  }
  .gridywrap .gridy-1 {
    width: 50%;
  }
  .gridywrap .gridy-2 {
    width: 50%;
  }
  .gridywrap .gridy-3 {
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .gridywrap .gridy-1 {
    width: 33.3%;
  }
  .gridywrap .gridy-2 {
    width: 33.3%;
  }
  .gridywrap .gridy-3 {
    width: 33.3%;
  }
  .gridywrap .gridyhe-2 {
    height: 320px;
  }
}
@media screen and (min-width: 1400px) {
  .gridywrap .gridyhe-1 {
    height: 25vw;
  }
}
/*styling*/
.gridywrap .gridimg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  background-position: center center;
  background-size: cover;
}

.gridywrap .gridimg img {
  width: 100%;
}

.gridywrap .gridinfo {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: left;
  transition: all 0.8s;
}

.gridywrap .gridinfo h3 {
  font-size: 34px;
  line-height: 45px;
  color: #fff;
  font-weight: normal;
  margin: 75% 0 0;
  padding: 0px 10% 5%;
  position: relative;
  letter-spacing: 0px;
  opacity: 1;
}

.gridywrap .gridinfo .gridmeta {
  transition-delay: 0.25s;
}

.gridywrap .gridinfo .gridmeta p {
  display: inline-block;
  font-size: 24px;
  line-height: 32px;
  color: #fff;
  margin-bottom: 15px;
  letter-spacing: 0.048px;
}

.gridywrap .gridinfo .gridmeta p i {
  margin-right: 5px;
}

.gridywrap .gridinfo .gridmeta p.gridwho {
  margin-left: 25px;
}

.gridywrap .gridinfo p.gridexerpt {
  width: 80%;
  margin: 0 auto;
  font-size: 24px;
  line-height: 32px;
  margin-bottom: 25px;
  color: #FFFFFF;
  transition-delay: 0.5s;
  letter-spacing: 0px;
  text-transform: capitalize;
  opacity: 1;
}

.gridywrap .gridinfo * {
  opacity: 0;
  transition: all 0.8s;
}

.gridywrap .gridinfo h3 {
  opacity: 1;
}

.gridywrap .gridinfo .grid-btn {
  color: #fff;
  text-decoration: none;
  margin: 0 auto;
  width: 35px;
  height: 35px;
  line-height: 35px;
  border-radius: 25px;
  border: 1px solid #fff;
  display: block;
  overflow: hidden;
}

.gridywrap .gridinfo .grid-btn:hover {
  width: 75px;
  background: rgba(0, 0, 0, 0.3);
}

.gridywrap .gridinfo .grid-btn span {
  opacity: 0;
  display: none;
  transition: opacity 0.8s;
}

.gridywrap .gridinfo .grid-btn:hover span {
  opacity: 1;
  display: inline;
}

.gridywrap .gridinfo .grid-btn:hover i {
  opacity: 0;
  display: none;
}

.gridywrap .gridinfo:hover * {
  opacity: 0.9;
}

.gridywrap .gridinfo:hover p {
  opacity: 1;
}

.gridywrap .gridinfo:hover {
  background: rgba(0, 0, 0, 0.9);
}

.gridywrap .gridinfo:hover h3 {
  margin-top: 70px;
  opacity: 1;
}

.gridyhe-1 {
  border: 1px solid #48616e;
}

/*
.gridyhe-1:nth-child(2),.gridyhe-1:nth-child(5),.gridyhe-1:nth-child(8) {
border: 1px solid #48616e;
}
*/
button.btn.btn-light {
  color: #000;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  text-transform: uppercase;
  opacity: 1;
  padding: 20px 25px;
  letter-spacing: 0.1px;
  border-radius: 4px;
  transition-duration: 0.5s;
}
button.btn.btn-light:hover {
  box-shadow: 0px 0px 10px 0px black;
}

.footer-top {
  background-color: #121212;
}

.nav-tabs .nav-link {
  color: #FFFFFF !important;
  padding: 10px 5px !important;
  text-align: center;
  letter-spacing: 0.36px;
  opacity: 0.5;
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
}

.nav-tabs .nav-link.active, .nav-tabs .nav-link:focus {
  background-color: transparent !important;
  border-top: 1px solid #121212 !important;
  border-bottom: 2px solid #f05b41 !important;
  border-left: 1px solid #121212 !important;
  border-right: 1px solid #121212 !important;
  color: #ffffff !important;
  text-align: center;
  font-size: 18px;
  line-height: 24px;
  font-weight: normal;
  letter-spacing: 0px;
  opacity: 1;
}

.follow-us {
  text-align: center;
  font-size: 20px;
  line-height: 26px;
  font-weight: normal;
  letter-spacing: 0.4px;
  color: #FFFFFF;
  opacity: 1;
  float: left;
}

.copyright {
  text-align: center;
  font-size: 16px;
  line-height: 21px;
  font-weight: normal;
  letter-spacing: 0.5px;
  color: #FFFFFF;
  opacity: 0.5;
  float: right;
}
.copyright a {
  color: white;
}

#linkedin:hover {
  content: url("../images/footer/linkedin-hover.png");
}

#twitter:hover {
  content: url("../images/footer/twitter-hover.png");
}

#facebook:hover {
  content: url("../images/footer/facebook-hover.png");
}

#youtube:hover {
  content: url("../images/footer/youtube-hover.png");
}

@media only screen and (max-width: 768px) {
  button.btn.btn-light {
    color: #000;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    text-transform: uppercase;
    opacity: 1;
    padding: 20px 25px;
    letter-spacing: 0.1px;
    border-radius: 8px;
  }
  section.fast-facts {
    padding: 0px;
  }
  footer.text-center.text-lg-start.text-muted {
    padding: 50px 30px 0px;
  }
  .align-items-center {
    align-items: center !important;
    top: 0px;
  }
  h2.heading {
    letter-spacing: 0px;
    line-height: 53px;
    font-size: 40px;
    padding: 0px;
    color: #fff;
  }
  h4.sub-heading {
    font-size: 20px;
    line-height: 26px;
    font-weight: 300;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 0.95;
  }
}
@media only screen and (max-width: 320px) {
  .lets_talk a {
    display: flex;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 10px;
    font-weight: 100;
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 8px 10px;
    width: 80px;
    text-align: center;
    justify-content: center;
    letter-spacing: 0.1;
  }
  .logo-holder img {
    width: 66px;
  }
  .header-banner {
    z-index: 999;
    border: 0px !important;
    position: relative;
    width: 100%;
    top: -53px;
  }
  .bd-highlight {
    padding: 0px;
  }
  div#client-testimonial {
    padding: 0px !important;
  }
  .col {
    flex: none !important;
  }
  .counter {
    padding: 0px;
    border-left: 0px solid #ccc;
  }
  .col-8 {
    flex: 0 0 auto;
    width: 100% !important;
  }
  .col-4 {
    flex: 0 0 auto;
    width: 100% !important;
  }
  .gridywrap .gridyhe-1 {
    height: 270px;
  }
  .col-6 {
    flex: 0 0 auto;
    width: 100% !important;
  }
}
.carousel-indicators {
  justify-content: right !important;
  left: auto;
  margin-bottom: 4rem;
  margin-right: 10%;
}
.carousel-indicators [data-bs-target] {
  width: 24px !important;
  height: 6px !important;
  background-color: #fff !important;
  padding: 0 !important;
  border-radius: 12px !important;
  font-size: 0 !important;
  border: none !important;
}

.logo-carousel {
  animation: slidein 30s linear infinite;
  padding: 25px 0px;
}

.footer-logo {
  margin: 0px 0px 25px !important;
}

footer {
  background-color: #003865 !important;
  padding: 10px 0px;
}

footer h6 {
  color: #fff !important;
  font-size: 18px;
  line-height: 1.3;
  font-weight: normal;
  letter-spacing: 0.15px;
  text-transform: uppercase;
  opacity: 1;
  text-align: left;
  font-family: "Open Sans", sans-serif !important;
}

footer ul li a {
  color: #FFFFFF !important;
  text-decoration: none;
  line-height: 2.4;
  font-size: 14px;
  letter-spacing: 0.14px;
  font-weight: normal;
  opacity: 0.38;
}

footer ul li a:hover {
  opacity: 1;
}

.footer-bottom {
  background-color: #003865 !important;
}

.social-icons li {
  float: right;
  list-style: none;
  text-decoration: none;
  padding: 0px;
}
.social-icons li i {
  font-size: 26px;
  margin-left: 0.8em;
}

.nav-tabs {
  border: none !important;
  width: 100%;
}

.nav-tabs .nav-link {
  border-bottom: 1px solid #ffffff !important;
  border-top: 0px solid #ffffff !important;
  border-left: 0px solid #ffffff !important;
  border-right: 0px solid #ffffff !important;
  margin-left: 0px;
}

/* Menu Css starts here */
.top-menu-nav .navbar .row {
  width: 100%;
}

.TopNavMenu-popup {
  display: none;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.2745098039) 0% 0% no-repeat padding-box;
  opacity: 1;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.top-menu-nav .navbar {
  padding: 0px;
  background: rgba(255, 255, 255, 0.2745098039) 0% 0% no-repeat padding-box;
  opacity: 1;
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
}

.TopNavMenu-hamburger {
  float: right;
}

.nav-primary-top {
  padding: 15px 0px;
}

.TopNavMenu-hamburger .btn span {
  margin-left: 10px;
}

#topMenuModal {
  padding: 0px !important;
}

#topMenuModal .modal-dialog {
  max-width: 100vw;
  max-height: 100vh;
  margin: 0px;
}

.modal-backdrop {
  background: transparent;
}

.menu-top-overlay-black {
  width: 70%;
  background-color: #000000;
  height: 100vh;
  /* margin-left: 30%; */
  position: absolute;
  right: 0;
  transition: all 0.3s;
}

.menu-top-logo-btn {
  padding: 50px 0px;
  position: absolute;
  left: -40%;
}

.btn-close-menu {
  color: #fff;
  float: right;
}

.top-menu-content {
  width: 100%;
  padding-top: 10px;
  padding-left: 0px;
  padding-right: 0px;
  height: 100%;
}

.top-menu-content ul {
  padding: 0px;
  list-style: none;
}

.top-menu-footer {
  border-top: 1px solid #fff;
  padding-top: 60px;
}

.nav-menu li a {
  font-size: 24px;
  line-height: 60px;
  padding: 0px;
  color: #868686;
  text-transform: uppercase;
  text-decoration: none;
}

.top-menu-footer a {
  padding: 0px;
  color: #ffffff;
}

.top-menu-footer li label {
  font-size: 14px;
  line-height: 18px;
  font-weight: 600;
  color: #ffffff;
}

.btn-close-menu {
  position: absolute;
  right: 0px;
  color: #ffffff;
  margin: 20px;
}

.nav-menu ul {
  width: 33%;
  position: relative;
  padding-left: 5%;
}

.nav-menu ul ul {
  width: 100%;
  position: absolute !important;
  left: 75%;
  top: 0px;
}

.dropdown-menu {
  border: none !important;
}

.nav-menu ul ul li a {
  text-transform: capitalize;
}

.nav-menu ul ul li a:hover {
  text-decoration: none;
  background-color: transparent !important;
}

.nav-menu ul li:nth-child(2) ul {
  top: -60px;
}

.nav-menu ul li:nth-child(3) ul {
  top: -120px;
}

.dropdown-item:focus,
.dropdown-item:hover {
  background-color: transparent !important;
  color: #fff !important;
  text-decoration: none !important;
}

.top-menu-content .nav-menu {
  padding-bottom: 0px;
}

/* Dropdown Button */
.dropbtn {
  background-color: transparent;
  color: white;
  padding: 16px;
  font-size: 16px;
  border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
  width: 100%;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: transparent;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
  z-index: 1;
  width: 33%;
}

/* Links inside the dropdown */
.dropdown-content a {
  color: #ffffff;
  /* padding: 12px 16px; */
  text-decoration: none;
  display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
  background-color: transparent;
}

/* Show the dropdown menu on hover */
.dropdown:hover > .dropdown-content {
  display: block;
  left: 300px;
  top: 0px;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
  background-color: transparent;
}

/* Menu Css Ends Here */
/* Menu Css Starts here */
.navbar {
  color: #fff;
}

.navbar-custom {
  background: rgb(255, 255, 255) !important;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}

.dark-bg {
  background-color: #000;
}

.navbar-toggler {
  display: block;
  width: 50px;
  margin-left: 18px;
  color: #fff;
  border: 0px solid transparent !important;
}

.white-bg {
  display: block;
  width: 50px;
  margin-left: 18px;
  color: #fff;
  border: 0px solid transparent !important;
}

.mobile-menu-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  background: rgb(0, 0, 0);
  z-index: 999;
  top: 0px;
  display: none;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
}

.nav-mobile {
  display: block !important;
  width: 100%;
  height: calc(100vh - 95px);
  position: fixed;
  z-index: 999;
  top: 95px;
  padding: 20px 50px;
  right: -100vw;
  background: #000000;
  transition: 0.5s;
}

.dropdown-toggle::after {
  display: none;
}

.navbar-nav .dropdown > .nav-link.dropdown-toggle {
  margin-left: 0px;
}

.nav-mobile li.dropdown.show::before {
  content: "\f068";
}

.nav-mobile li.nav-item .nav-link {
  text-align: left;
  color: rgba(255, 255, 255, 0.34);
}

.nav-mobile li.nav-item .nav-link:hover {
  color: #fff;
}

.dropdown-menu {
  position: relative !important;
  transform: none !important;
  top: 0px;
  left: 0px;
  border: none;
  padding: 0px;
  margin: 0px;
  will-change: initial !important;
  margin-bottom: 5px;
}

.dropdown-item {
  color: rgba(255, 255, 255, 0.34);
}

.navbar {
  height: 100px;
}

.navbar-brand img {
  max-width: 150px;
}

.nav-mobile {
  height: calc(100vh - 130px);
  top: 130px;
}

.dropdown-menu {
  background-color: transparent !important;
  color: #ffffff;
}

.navbar-expand-md .navbar-toggler {
  display: block !important;
  font-size: 14px;
}

.navbar-expand-md .white-bg {
  display: block !important;
  font-size: 14px;
  background-color: transparent;
}

.menu-top-menu-container {
  padding-top: 50px;
}

/* Menu Css Ends here */
/* .fa-bars {
    position: relative;
} */
.fa-bars:before {
  content: "" !important;
  background-image: url("../images/header/menu-icon-hover.png");
  width: 20px;
  height: 15px;
  position: absolute;
  top: 5px;
  left: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.fa-bars.example:before {
  background-image: url("../images/header/menu-icon.png");
}

.fa-bars:hover {
  background-color: #000000;
}

.navbar-expand-md .navbar-toggler {
  position: relative;
}

.navbar-expand-md .white-bg {
  position: relative;
}

.fa-times:before {
  content: "" !important;
  background-image: url("../images/header/Icon_Menu_Close.svg");
  width: 20px;
  height: 15px;
  position: absolute;
  top: 5px;
  left: 0px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.fa.example.fa-times {
  background-image: url("../images/header/close-black.svg");
  width: 20px;
  height: 20px;
  /* position: absolute; */
  top: 5px;
  left: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.nav-menu li a:hover {
  color: rgb(255, 255, 255);
}

.dropdown_hover a,
.dropdown_hover a.nav-link.dropdown-toggle {
  color: rgb(255, 255, 255);
}

button:focus {
  outline: 0;
}

@media only screen and (min-width: 1200px) {
  .top-menu-content {
    /*    padding-top: 50px; */
    padding-top: 100px;
  }
  .top-menu-content .nav-menu {
    padding-bottom: 60px;
  }
}
.bg-drakBlue {
  background-color: #001328;
}

.dropdown_hover .dropdown_hover li:hover a {
  text-decoration: underline;
}

.menu-item-116.dropdown_hover li:hover a {
  text-decoration: underline;
}

.list-unstyled {
  text-align: left;
}

ul.social-icons.float-start {
  float: left;
}

.our-partners {
  background-color: #E6E7E8;
}

@media (max-width: 1440px) and (min-width: 769px) {
  .banner-link-btn a {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
  }
  .banner-link-btn a:after {
    content: "\f0da";
    font-family: "font awesome 6 free";
    font-weight: 600;
    padding: 10px 10px 0px 5px;
    color: #e63900;
  }
  .banner-link-btn ul {
    list-style: none;
    padding: 0px;
    -moz-column-count: 1;
         column-count: 1;
  }
  .banner-link-btn ul li {
    display: inline;
  }
  .banner-link-btn ul li a {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
  }
  .banner-link-btn ul li a:after {
    content: "\f0da";
    font-family: "font awesome 6 free";
    font-weight: 600;
    padding: 10px 10px 0px 5px;
    color: #e63900;
  }
  .logo-holder {
    flex: 1;
    display: flex;
    justify-content: left;
    margin-right: 0px;
  }
  .logo-holder img {
    width: 200px;
  }
  .navbar .container-fluid {
    margin: 2% 0px;
    padding: 0% 0%;
  }
  .bd-highlight {
    padding: 0px;
  }
  .lets_talk a {
    display: flex;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 19px;
    width: 140px;
    text-align: center;
    justify-content: center;
    letter-spacing: 0.1px;
  }
  h1.heading {
    line-height: 45px;
    font-size: 35px;
    padding: 10px 0px !important;
    color: #FFFFFF;
    font-weight: bold;
    opacity: 1;
    letter-spacing: 0px;
    font-family: "Open Sans", sans-serif !important;
  }
  h2.heading {
    line-height: 30px;
    font-size: 20px;
    padding: 0px !important;
    color: #FFFFFF;
    opacity: 1;
    letter-spacing: 1.44px;
    font-family: "Open Sans", sans-serif !important;
    text-transform: capitalize;
  }
  h4.sub-heading {
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
    color: #ffffff;
    opacity: 0.95;
    letter-spacing: 0px;
  }
  .bd-highlight:nth-child(2) {
    padding: 0px;
  }
  .bd-highlight:nth-child(3) {
    padding: 30px 0px 20px 0px;
  }
  h2.ct-heading {
    font-size: 42px;
    line-height: 55px;
    letter-spacing: 1.28px;
    opacity: 1;
    text-align: left;
    font-weight: bold;
    padding-left: 0px;
  }
  .carousel-caption {
    text-align: left !important;
    left: 3% !important;
    right: 0px !important;
    top: 32px !important;
  }
  .client-testimonial {
    color: #000;
    /* background-image: url('../images/client-testimonials/curve.png');
     background-repeat: no-repeat;
     background-size: cover;
     background-position: 10% 80%; */
    background-color: #fff;
    position: relative;
    top: 0px;
  }
  h3.client-title {
    font-size: 34px;
    font-weight: 400;
    text-align: left;
    padding: 15px 0px;
    line-height: 36px;
  }
  p.client-content {
    text-align: left;
    font-weight: 300;
    font-size: 16px;
    line-height: 24px;
    letter-spacing: 0.53px;
    font-family: "Open Sans", sans-serif !important;
  }
  span.client-name {
    font-weight: 500;
    display: block;
    text-align: left;
    font-size: 24px;
    line-height: 32px;
  }
  span.client-details {
    display: block;
    text-align: left;
    font-style: italic;
    font-size: 18px;
    line-height: 24px;
  }
  .slick-slider {
    padding: 48px 0px;
  }
  .gridywrap .gridinfo h3 {
    font-size: 22px;
    line-height: 29px;
    color: #fff;
    font-weight: normal;
    margin: 70% 0 0;
    padding: 0px 10% 5%;
    position: relative;
  }
  .gridywrap .gridinfo p.gridexerpt {
    width: 80%;
    margin: 0 auto;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 25px;
    color: #fff;
    transition-delay: 0.5s;
    letter-spacing: 0.048px;
  }
  .gridywrap .gridy-1 {
    width: 30.5%;
    height: 22vw;
  }
  .gridywrap div[class*=gridy] {
    background: #eee;
    box-shadow: inset 0 0 0 1px #ddd;
    padding: 15px;
    float: left;
    position: relative;
    margin: 10px 10px;
  }
  .industries {
    background: #F5F5F5;
  }
  section.fast-facts {
    background-color: #e8e8e8;
  }
  .count-title {
    font-size: 52px;
    line-height: 72px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    display: inline-block;
    color: #1277ce;
    padding: 0px;
  }
  .fa-5x {
    font-size: 38px !important;
  }
  .count-text {
    font-size: 24px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    color: #121212;
    line-height: 30px;
    letter-spacing: 0px;
  }
  .counter {
    padding: 0px 0px;
  }
  .fast-facts .text-center {
    padding: 0px;
  }
  .box-grid h2 {
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 900;
    font-size: 24px;
    line-height: 32px;
    display: inline-block;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
  }
  .our-journey {
    background-color: #1277CE;
  }
  .who-we-are {
    background-color: #fff;
    padding: 50px 70px;
  }
  .want-to-explore p {
    color: #FFFFFF;
    font-size: 26px;
    text-align: center;
    align-items: center;
    align-content: center;
    text-align: center;
    line-height: 36px;
    text-align: left;
    letter-spacing: 1px;
    color: #FFFFFF;
    font-family: "Open Sans", sans-serif !important;
  }
  button.btn.btn-light {
    color: #000;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    text-transform: uppercase;
    opacity: 1;
    padding: 20px 25px;
    letter-spacing: 0.1px;
    border-radius: 8px;
  }
  .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus {
    background-color: transparent !important;
    border-top: 0px solid #121212 !important;
    border-bottom: 0px solid #121212 !important;
    border-left: 2px solid #121212 !important;
    border-right: 0px solid #121212 !important;
    color: #000000 !important;
    text-align: center;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
    opacity: 1;
    letter-spacing: 0px;
  }
  .nav-tabs .nav-link {
    color: #000000 !important;
    padding: 10px 3px !important;
    text-align: center;
    letter-spacing: 0px;
    opacity: 0.5;
    font-size: 18px;
    line-height: 24px;
    font-weight: normal;
  }
  footer.text-center.text-lg-start.text-muted {
    padding: 5px;
  }
  footer h6 {
    color: #fff !important;
    font-size: 18px;
    line-height: 1.3;
    font-weight: normal;
    letter-spacing: 0.15px;
    text-transform: uppercase;
    opacity: 1;
    text-align: left;
    font-family: "Open Sans", sans-serif !important;
  }
  footer ul li a {
    color: #FFFFFF !important;
    text-decoration: none;
    line-height: 2.4;
    font-size: 14px;
    letter-spacing: 0.14px;
    font-weight: normal;
    opacity: 0.38;
  }
  .footer-bottom {
    background-color: #000000;
    padding: 20px 40px;
  }
  .follow-us {
    text-align: center;
    font-size: 20px;
    line-height: 26px;
    font-weight: normal;
    letter-spacing: 0.4px;
    color: #FFFFFF;
    opacity: 1;
    float: left;
    padding-top: 10px;
  }
  .copyright {
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    opacity: 0.5;
    float: right;
    margin-top: 15px;
  }
  .social-icons img {
    width: auto;
    height: auto;
  }
  .sec-h-space {
    background-image: url("../images/footer/want-to-explore.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
  }
}
@media (max-width: 1024px) and (min-width: 769px) {
  .sec-h-space {
    background-image: url("../images/footer/want-to-explore.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
  }
}
@media (max-width: 425px) {
  .header-banner {
    top: 30px;
  }
}
@media (max-width: 768px) {
  .sec-h-space {
    background-image: url("../images/footer/want-to-explore.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
  }
  .navbar {
    padding: 4px 10px;
    height: 100px;
  }
  .logo-holder img {
    width: 190px;
  }
  .header-banner {
    z-index: 999;
    border: 0px !important;
    position: relative;
    width: 100%;
    top: 50px;
  }
  .navbar .container-fluid {
    margin: 0px;
    padding: 2.5% 0px;
  }
  .carousel-caption {
    text-align: left !important;
    left: 30px !important;
    right: 112px !important;
    top: 20px !important;
  }
  h1.heading {
    line-height: 48px;
    font-size: 32px;
    padding: 0px 0px !important;
    color: #FFFFFF;
    font-weight: bold;
    opacity: 1;
    letter-spacing: 0px;
    font-family: "Open Sans", sans-serif !important;
    text-transform: capitalize !important;
  }
  h2.heading {
    letter-spacing: 0px;
    line-height: 36px;
    font-size: 23px;
    padding: 0px;
    color: #fff;
  }
  h4.sub-heading {
    font-size: 18px;
    line-height: 23px;
    font-weight: 300;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 0.95;
  }
  .bd-highlight {
    padding: 10px 0px;
  }
  .bd-highlight:nth-child(2) {
    padding: 10px 0px;
  }
  .w-50 {
    width: 100% !important;
  }
  .lets_talk a {
    display: flex;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 18px;
    font-weight: 500;
    border: 1px solid #fff;
    border-radius: 5px;
    padding: 8px 10px;
    width: 140px;
    text-align: center;
    justify-content: center;
    letter-spacing: 0.1px;
  }
  .navbar-toggler {
    display: block;
    width: 45px;
    margin-left: 18px;
    color: #fff;
  }
  .white-bg {
    display: block;
    width: 45px;
    margin-left: 18px;
    color: #fff;
  }
  .fa-bars:before {
    content: "\f0c9" !important;
    background-image: url("../images/header/menu-icon-hover.png");
    width: 18px;
    height: 18px;
    position: static;
    top: 8px;
    left: 18px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .navbar-expand-md .navbar-toggler {
    display: block !important;
    font-size: 30px;
  }
  .navbar-expand-md .white-bg {
    display: block !important;
    font-size: 30px;
  }
  .white-bg {
    padding: 2.4px 12px;
    font-size: 20px;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 5px;
  }
  .menu-top-menu-container {
    padding-top: 0px;
  }
  .offcanvas-body {
    overflow: scroll !important;
  }
  h2.ct-heading {
    font-size: 30px !important;
    line-height: 39px !important;
    letter-spacing: 0.6px;
    opacity: 1;
    text-align: left;
    font-weight: bold;
    padding-left: 0px;
  }
  .client-testimonial {
    color: #000;
    /*background-image: url('../images/client-testimonials/curve.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 10% 80%; */
    background-color: #fff;
    position: relative;
    padding-top: 0px;
  }
  h3.client-title {
    font-size: 21px;
    line-height: 29px;
    font-weight: 400;
    text-align: left;
    padding: 15px 0px;
    line-height: 29px;
    letter-spacing: 0.44px;
    color: #fff;
    opacity: 1;
  }
  div#client-testimonial {
    padding: 0px !important;
  }
  p.client-content {
    text-align: left;
    font-weight: 300;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0.32px;
    color: #fff;
    opacity: 1;
    padding-bottom: 10px;
  }
  .client-img {
    width: 100%;
  }
  span.client-name {
    font-weight: 500;
    display: block;
    text-align: left;
    font-size: 22px;
    line-height: 29px;
    letter-spacing: 0.44px;
  }
  span.client-details {
    display: block;
    text-align: left;
    font-style: italic;
    font-size: 16px;
    line-height: 21px;
    letter-spacing: 0.32px;
  }
  .industries {
    background: #f5f5f5;
  }
  .industries-card .title img {
    width: 90px;
    height: 90px;
  }
  .industries-card .title p {
    display: inline;
    font-size: 26px;
    line-height: 39px;
    padding-left: 5%;
    letter-spacing: 0.32px;
  }
  .industries-card .content {
    padding: 20px 0px;
  }
  .gridywrap .gridy-1 {
    width: 30%;
    height: 22vw;
  }
  .fa-4x {
    font-size: 2em !important;
  }
  .gridywrap .gridinfo h3 {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    font-weight: normal;
    margin: 70% 0 0;
    padding: 0px 10% 5%;
    position: relative;
    letter-spacing: 0.36px;
  }
  .gridywrap div[class*=gridy] {
    background: #eee;
    box-shadow: inset 0 0 0 1px #ddd;
    padding: 15px;
    float: left;
    position: relative;
    margin: 10px;
  }
  .gridywrap .gridinfo p.gridexerpt {
    width: 80%;
    margin: 0 auto;
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 25px;
    color: #fff;
    transition-delay: 0.5s;
    letter-spacing: 0.048px;
  }
  .gridywrap .gridinfo:hover h3 {
    margin-top: 25px;
    opacity: 1;
  }
  section.fast-facts {
    background-color: #e8e8e8;
    padding: 50px 48px 50px;
  }
  .count-title {
    font-size: 42px;
    line-height: 55px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    display: inline-block;
    color: #1277ce;
    letter-spacing: 0px;
    padding: 0px;
  }
  .count-text {
    font-size: 18px;
    font-weight: normal;
    margin-top: 10px;
    margin-bottom: 0;
    text-align: center;
    color: #121212;
    line-height: 22px;
    letter-spacing: 0px;
  }
  .fa-5x {
    font-size: 25px !important;
  }
  .counter {
    padding: 0px;
  }
  .fast-facts .text-center {
    padding: 32px 0px;
  }
  .our-journey {
    background-color: #177ed6;
  }
  .who-we-are {
    background-color: #fff;
    padding: 50px 48px;
  }
  .what {
    background: #000 url("../images/who-we-are/what-we-do.png") no-repeat right top;
    background-size: cover;
    background-position: center;
    margin: 0px 0px 0px 10px;
    height: 180px;
    border-radius: 10px;
    border: 1px solid #121212;
  }
  .who {
    background: #000 url("../images/who-we-are/who-we-are.png") no-repeat right top;
    background-size: cover;
    background-position: center;
    height: 400px;
    border-radius: 10px;
    border: 1px solid #121212;
  }
  .how {
    background: #000 url("../images/who-we-are/how-we-do-it.png") no-repeat right top;
    background-size: cover;
    background-position: center;
    height: 200px;
    margin: 20px 10px 0px 10px;
    border-radius: 10px;
    border: 1px solid #121212;
  }
  .offer {
    background: #000 url("../images/who-we-are/what-we-offer.png") no-repeat right top;
    background-size: cover;
    background-position: center;
    height: 200px;
    margin: 20px 0px 0px 10px;
    border-radius: 10px;
    border: 1px solid #121212;
  }
  .box-grid h2 {
    letter-spacing: 1px;
    color: #ffffff;
    font-weight: 900;
    font-size: 20px;
    line-height: 26px;
    display: inline-block;
    text-align: left;
    text-transform: uppercase;
    width: 100%;
    text-align: center;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
  }
  .want-to-explore p {
    color: #FFFFFF;
    font-size: 18px !important;
    text-align: center;
    align-items: center;
    align-content: center;
    text-align: center;
    line-height: 27px !important;
    text-align: center;
    letter-spacing: 1px;
    color: #FFFFFF;
    font-family: "Open Sans", sans-serif !important;
  }
  button.btn.btn-light {
    color: #000;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    text-transform: uppercase;
    opacity: 1;
    padding: 20px 25px;
    letter-spacing: 0.1px;
    border-radius: 8px;
  }
  footer.text-center.text-lg-start.text-muted {
    padding: 10px 0px;
  }
  .footer-logo {
    width: 75px;
    margin: 0px 0px 10px !important;
  }
  .nav-tabs .nav-link {
    color: #FFFFFF !important;
    padding: 10px 4px !important;
    text-align: center;
    letter-spacing: 0.1px;
    opacity: 0.5;
    font-size: 5px;
    line-height: 10px;
    font-weight: normal;
  }
  .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus, .nav-tabs {
    background-color: transparent !important;
    border-top: 0px solid #121212 !important;
    border-bottom: 0px solid #121212 !important;
    border-left: 2px solid #121212 !important;
    border-right: 0px solid #121212 !important;
    color: #ffffff !important;
    text-align: center;
    font-size: 6px;
    line-height: 8px;
    font-weight: normal;
    opacity: 1;
    letter-spacing: 0.12px;
  }
  .nav-tabs .nav-link:hover {
    background-color: transparent !important;
    border-top: 0px solid #121212 !important;
    border-bottom: 0px solid #121212 !important;
    border-left: 2px solid transparent !important;
    border-right: 0px solid #121212 !important;
    color: #000 !important;
    text-align: center;
    font-size: 6px;
    line-height: 8px;
    font-weight: normal;
    opacity: 1;
    letter-spacing: 0.12px;
  }
  footer h6 {
    color: #FFF !important;
    font-size: 18px;
    line-height: 1.3;
    font-weight: normal;
    letter-spacing: 0.15px;
    text-transform: uppercase;
    opacity: 1;
    text-align: left;
    font-family: "Open Sans", sans-serif !important;
  }
  footer ul li a {
    color: #FFFFFF !important;
    text-decoration: none;
    line-height: 2.4;
    font-size: 14px;
    letter-spacing: 0.14px;
    font-weight: normal;
    opacity: 0.38;
  }
  .follow-us {
    text-align: center;
    font-size: 9px;
    line-height: 11px;
    margin-top: 14px;
    font-weight: normal;
    letter-spacing: 0.18px;
    color: #FFFFFF;
    opacity: 1;
    float: left;
  }
  ul.social-icons.float-start {
    float: left;
    margin-top: 3px;
  }
  .social-icons li {
    float: left;
    list-style: none;
    text-decoration: none;
    padding: 0px 4px;
  }
  .social-icons img {
    width: 11px;
  }
  .copyright {
    /* text-align: center; */
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    opacity: 0.5;
    float: right;
    margin-top: 15px;
  }
  .social-container {
    background-color: #000;
  }
  .footer-bottom {
    background-color: #000000;
    padding: 10px 40px;
  }
}
@media screen and (max-width: 600px) {
  .ai-first-container .container .row:nth-child(2) {
    display: none !important;
  }
  .swiper-slide h5 {
    text-align: left;
    font-size: 22px;
    line-height: 33px;
    letter-spacing: 0.18px;
    color: rgba(0, 0, 0, 0.8705882353);
    opacity: 1;
    padding: 5px 0px 20px !important;
    font-weight: bold;
  }
  .who-we-are .row > * {
    padding: 0px !important;
    width: 100%;
  }
  .logo-holder img {
    width: 100px !important;
  }
  .lets_talk {
    display: none;
  }
  .navbar .container-fluid {
    margin: 0px 0px;
  }
  .navbar {
    padding: 4px 14px;
    height: 75px !important;
  }
  .navbar-custom {
    background: rgb(0, 0, 0);
  }
  .navbar-toggler {
    padding: 4px 12px;
    font-size: 20px;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    display: block;
    width: 30px;
    margin-left: 13px;
    color: #fff;
  }
  .white-bg {
    padding: 4px 12px;
    font-size: 20px;
    line-height: 1;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
    display: block;
    width: 30px;
    margin-left: 13px;
    color: #fff;
  }
  .navbar-expand-md .navbar-toggler {
    display: block !important;
    font-size: 20px;
  }
  .navbar-expand-md .white-bg {
    display: block !important;
    font-size: 20px;
  }
  .header-banner {
    z-index: 999;
    border: 0px !important;
    position: relative;
    width: 100%;
    top: 60px;
  }
  .fa-bars.example:before {
    background-image: url("../images/header/menu-icon.png");
    width: 18px;
    top: 5px;
    height: 14px;
  }
  .fa-bars:before {
    content: "\f0c9" !important;
    background-image: url("../images/header/menu-icon-hover.png");
    width: 18px;
    height: 14px;
    position: static;
    top: 5px;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
  }
  .fa-times:before {
    content: "" !important;
    background-image: url("../images/header/Icon_Menu_Close.svg");
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  h2.heading {
    letter-spacing: 1.6px;
    line-height: 32px;
    font-size: 24px;
    padding: 0px;
  }
  .my-navbar {
    padding: 8px 0px !important;
  }
  .bd-highlight {
    padding: 5px 0px;
  }
  h2.heading {
    letter-spacing: 0px;
    line-height: 33px;
    font-size: 22px;
    padding: 0px;
    color: #fff;
    opacity: 1;
  }
  h4.sub-heading {
    font-size: 16px;
    font-weight: 200;
    line-height: 24px;
    letter-spacing: 0px;
    opacity: 0.95;
    color: #fff;
  }
  .bd-highlight:nth-child(2), .bd-highlight:nth-child(3), .bd-highlight:nth-child(4) {
    padding: 10px 0px;
  }
  header {
    position: absolute;
    display: block;
    z-index: 9999 !important;
    background: #000;
    width: 100%;
  }
  .carousel-caption {
    height: auto;
    top: 0px !important;
    text-align: left !important;
    left: 24px !important;
    right: 0px !important;
  }
  h3.client-title {
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    padding: 15px 0px;
    line-height: 24px;
    letter-spacing: 0.44px;
  }
  .client-testimonial {
    color: #000;
    background-color: #fff;
    position: relative;
    padding-top: 30px;
  }
  p.client-content {
    text-align: left;
    font-weight: 300;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0.28px;
  }
  h2.ct-heading {
    font-size: 28px !important;
    line-height: 42px !important;
    letter-spacing: 0.6px;
    opacity: 1;
    text-align: left;
    font-weight: bold;
    padding-left: 0px;
  }
  .controls {
    margin: 4%;
  }
  div#client-testimonial {
    padding: 0px !important;
  }
  .overlay h3 {
    text-transform: uppercase;
    font-size: 16px;
  }
  .overlay p {
    font-size: 12px;
  }
  .social-icons li {
    float: left;
    list-style: none;
    text-decoration: none;
    width: 30px;
    margin-right: 5px;
  }
  .lets_talk a {
    display: flex;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    font-weight: 100;
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 8px 10px;
    width: 100px;
    text-align: center;
    justify-content: center;
    letter-spacing: 0.1;
  }
  .gridywrap .gridy-1 {
    width: 46%;
  }
  .gridywrap .gridyhe-1 {
    height: 150px;
  }
  .fast-facts .col-6:nth-child(2n) {
    border-left: 1px solid #707070;
  }
  .fast-facts .col-6:nth-child(2n+1) {
    border-left: 0px solid #707070;
  }
  .col-6 {
    flex: 0 0 auto;
    width: 100% !important;
  }
  .col-4 {
    flex: 0 0 auto;
    width: 100% !important;
  }
  .industries {
    background: #f5f5f5;
  }
  .gridywrap div[class*=gridy] {
    background: #eee;
    box-shadow: inset 0 0 0 1px #ddd;
    padding: 15px;
    float: left;
    position: relative;
    margin: 5px;
  }
  .fast-facts .col-md-3 {
    border-left: 0px solid #707070;
  }
  section.fast-facts {
    background-color: #e8e8e8;
    padding: 50px 0px 50px;
  }
  .our-journey {
    background-color: #177ed6;
  }
  .who-we-are {
    background-color: #fff;
    padding: 50px 0px;
  }
  .who {
    background: #000 url("../images/who-we-are/who-we-are.png") no-repeat right top;
    background-size: cover;
    background-position: center;
    height: 180px;
    border-radius: 10px;
    margin: 0px 15px 20px;
    border: 1px solid #121212;
  }
  .mt-5, .my-5 {
    margin-top: 0px;
  }
  .mx-5 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .footer-logo {
    margin: 0px 0px 5px !important;
  }
  .nav-tabs .nav-link.active, .nav-tabs .nav-link:focus {
    background-color: transparent !important;
    border-top: 0px solid #121212 !important;
    border-bottom: 0px solid #121212 !important;
    border-left: 2px solid #121212 !important;
    border-right: 0px solid #121212 !important;
    color: #ffffff !important;
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    opacity: 1;
    letter-spacing: 0.12px;
  }
  .nav-tabs .nav-link {
    color: #FFFFFF !important;
    padding: 10px 5px !important;
    text-align: center;
    letter-spacing: 0.1px;
    opacity: 0.5;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
  }
  footer ul li a {
    color: #FFFFFF !important;
    text-decoration: none;
    line-height: 2.4;
    font-size: 14px;
    letter-spacing: 0.14px;
    font-weight: normal;
    opacity: 0.38;
  }
  .gridywrap .gridinfo p.gridexerpt {
    width: 80%;
    margin: 0 auto;
    font-size: 9px;
    line-height: 12px;
    margin-bottom: 25px;
    color: #fff;
    transition-delay: 0.5s;
    letter-spacing: 0.048px;
  }
  .gridywrap .gridinfo h3 {
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    font-weight: normal;
    margin: 70% 0 0;
    padding: 0px 10% 5%;
    position: relative;
    letter-spacing: 0.36px;
  }
  .copyright {
    text-align: center;
    font-size: 12px;
    line-height: 16px;
    font-weight: normal;
    letter-spacing: 0.5px;
    color: #FFFFFF;
    opacity: 0.5;
    float: right;
    margin-top: 15px;
  }
  .custom-toggler.navbar-toggler {
    border: none;
  }
  .custom-toggler.white-bg {
    border: none;
  }
  .float-end.px-5.get-in-touch {
    text-align: center !important;
    margin: 0 auto !important;
    float: none !important;
    padding-bottom: 0px;
  }
  .sec-h-space {
    background-image: url("../images/footer/want-to-explore.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
  }
}
.btn-close {
  content: "" !important;
  background-image: url("../images/header/Icon_Menu_Close.png") !important;
  width: 20px !important;
  height: 15px !important;
  top: 5px !important;
  left: 0 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  color: #fff !important;
}

.header-offcanvasmenu {
  width: 100vw !important;
  transition: transform 0.75s ease-in-out !important;
}

.offcanvas-header {
  padding: 0px !important;
}

.offcanvas-header .btn-close {
  flex: 0.1;
}

.offcanvas-header .lets_talk {
  flex: 0.1;
}

.offcanvas-header .logo-holder {
  flex: 0.8;
}

.btn-close:focus-visible {
  /* Draw a very noticeable focus style for
     keyboard-focus on browsers that do support
     :focus-visible */
  outline: 0px;
}

.offcanvas-body {
  overflow: hidden;
}

.btn-close:focus {
  outline: 0 !important;
  box-shadow: 0 0 0 0 rgb(0, 0, 0) !important;
  opacity: 1 !important;
}

@media screen and (max-width: 320px) {
  .gridywrap .gridinfo:hover h3 {
    margin-top: 3px;
    opacity: 1;
  }
  .gridywrap .gridyhe-1 {
    height: 120px;
  }
}
/*
*
* ==========================================
* PRACTICES 
* ==========================================
*/
@media (min-width: 836px) {
  .only-desktop {
    visibility: visible;
    display: block;
  }
  .only-mobile {
    visibility: none;
    display: none;
  }
}
@media (max-width: 835px) {
  .only-desktop {
    visibility: none;
    display: none;
  }
  .only-mobile {
    visibility: visible;
    display: block;
  }
}
.practices {
  background-color: #f7f7f7;
  /* Add indicator arrow for the active tab */
}
.practices .list {
  list-style: none;
  padding: 10px 0px 40px;
  margin: 0px;
}
.practices .list li {
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 0px 0px;
}
.practices .list li::before {
  content: "•";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}
.practices .nav-item {
  border-bottom: 1px solid #ccc !important;
}
.practices .practices-bg {
  background: #f7f7f7;
  box-shadow: 0 2px 37px 0 rgba(0, 0, 0, 0.1);
}
.practices .practices.only-mobile {
  background-color: #f7f7f7;
}
.practices .practices.only-mobile .nav-item {
  border-bottom: 1px solid #ccc !important;
}
.practices .practices.only-mobile .practices-bg {
  background: #f7f7f7;
  box-shadow: 0 2px 37px 0 rgba(0, 0, 0, 0.1);
}
.practices .nav-pills-custom .nav-link {
  color: #aaa;
  background: #fff;
  position: relative;
}
.practices .nav-pills-custom .nav-link.active {
  color: #45b649;
  background: #fff;
}
.practices .practices-accordion .accordion-item {
  padding: 0rem 2rem;
}
.practices .practices-accordion .accordion-header {
  padding: 5px 0px !important;
  border-bottom: 0px solid #000 !important;
  font-size: 26px !important;
  line-height: 36px !important;
  letter-spacing: 0.2px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  font-weight: 500 !important;
}
.practices .practices-accordion .accordion-header .title {
  padding: 0px 15px;
  font-size: 20px;
}
.practices .practices-accordion .accordion-collapse.collapse {
  padding-bottom: 3rem;
  border-bottom: 0px solid rgb(0, 0, 0) !important;
  border-radius: 0px !important;
}
@media (min-width: 992px) {
  .practices .nav-pills-custom .nav-link::before {
    content: "";
    display: block;
    border-top: 8px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    opacity: 0;
  }
}
.practices .nav-pills-custom .nav-link.active::before {
  opacity: 1;
}
.practices #v-pills-tab .nav-link {
  margin: 5px;
  border: 1px solid #fff;
  /* This is just to center text in pills */
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding: 30px 20px;
  border-radius: 5px;
  text-align: left;
  font-size: 20px;
  line-height: 46px;
  letter-spacing: 0.01px;
  opacity: 1;
  color: #000;
  background-color: #fff;
}
.practices #v-pills-tab .nav-link.col-6 {
  /* 10px is just double the size of 5px margin set on .nav-link */
  max-width: calc(50% - 10px);
}
.practices #v-pills-tab .nav-link.col-12 {
  max-width: calc(100% - 10px);
}
.practices .nav-pills .nav-link.active, .practices .nav-pills .show > .nav-link {
  background-color: #f7f7f7 !important;
  color: #00B5E2 !important;
  border-bottom: 3px solid #00B5E2 !important;
  border-radius: 0px !important;
  text-align: center;
  font-weight: bold;
}
.practices .nav-link img {
  width: 45px;
  height: 45px;
  position: relative;
}
.practices .nav-pills .nav-link {
  border-radius: 0px !important;
  letter-spacing: 0.15px;
  opacity: 1;
  color: rgba(0, 0, 0, 0.8705882353);
  font-size: 20px;
  line-height: 30px;
  padding: 0px 5px 10px;
  margin: 0px 25px;
  font-weight: bold;
  text-align: center;
}
.practices .nav-pills .nav-link p {
  line-height: 24px;
  padding-top: 8px;
}
.practices .work-link span {
  margin-left: 25%;
}
.practices .digitalcloudengineering, .practices .dataai, .practices .connectivityindustryx0, .practices .productlifecylemanagedservices {
  position: relative;
  display: inline-block;
}
.practices .digitalcloudengineering .img-front, .practices .dataai .img-front, .practices .connectivityindustryx0 .img-front, .practices .productlifecylemanagedservices .img-front {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.practices .digitalcloudengineering:hover .img-front, .practices .dataai:hover .img-front, .practices .connectivityindustryx0:hover .img-front, .practices .productlifecylemanagedservices:hover .img-front {
  display: inline;
  position: relative;
}
.practices .digitalcloudengineering:hover .img-back, .practices .dataai:hover .img-back, .practices .connectivityindustryx0:hover .img-back, .practices .productlifecylemanagedservices:hover .img-back {
  display: none;
  position: relative;
}
.practices .digitalcloudengineering.active .img-back, .practices .dataai.active .img-back, .practices .connectivityindustryx0.active .img-back, .practices .productlifecylemanagedservices.active .img-back {
  display: none;
  position: relative;
}
.practices .digitalcloudengineering.active .img-front, .practices .dataai.active .img-front, .practices .connectivityindustryx0.active .img-front, .practices .productlifecylemanagedservices.active .img-front {
  display: inline;
  position: relative;
}
.practices .digitalcloudengineering.active:after, .practices .dataai.active:after, .practices .connectivityindustryx0.active:after, .practices .productlifecylemanagedservices.active:after {
  border-bottom: 22px solid transparent;
  border-left: 22px solid #00B5E2;
  border-right-color: transparent;
  border-top-color: transparent;
  bottom: -14px;
  content: "";
  display: block;
  position: absolute;
  left: 44%;
  transform: rotate(-135deg);
}
@media screen and (min-width: 1440px) {
  .practices .nav-pills .nav-link {
    padding: 0px 5px 10px;
    margin: 0px 5px;
    width: 310px;
    height: 120px;
  }
}
@media screen and (max-width: 1439px) {
  .practices .nav-pills .nav-link {
    padding: 0px 0px 10px;
    margin: 0px 4px;
    width: 232px;
    height: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .practices .nav-pills .nav-link {
    padding: 0px 5px 10px;
    margin: 0px 0px;
    width: 232px;
    height: 140px;
  }
}
@media screen and (max-width: 768px) {
  .practices .nav-pills .nav-link {
    padding: 10px 5px 10px;
    margin: 0px 15px;
  }
  .practices #v-pills-tab .work-link {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 600px) {
  .practices .sec-h-space {
    background-image: url("../images/footer/want-to-explore.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    position: relative;
    z-index: 1;
    top: -30px;
  }
  .practices .acc-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    overflow: hidden;
    width: 100%;
    height: 20% !important;
    transition: 0.5s ease;
    padding: 0% 8%;
  }
  .practices .nav-item {
    width: 100%;
  }
  .practices .w-50 {
    width: 100% !important;
  }
  .practices .header-banner {
    z-index: 999;
    border: 0px !important;
    position: relative;
    width: 100%;
    top: 100px;
    bottom: 0px;
  }
}
.practices .nav-pills .nav-link.active img, .practices .nav-pills .show > .nav-link img {
  color: #fff !important;
}
.practices .nav-link:hover {
  background-color: #f7f7f7 !important;
  color: #00B5E2 !important;
  border-bottom: 3px solid #00B5E2 !important;
  border-radius: 0px !important;
  text-align: center;
  font-weight: bold;
}
.practices .tab-content > .active {
  color: #fff !important;
  padding: 0px 10px !important;
}
.practices .tab-content {
  line-height: 60px;
}
.practices .tab-content strong {
  color: #00B5E2;
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  line-height: 21px;
  letter-spacing: 1.78px;
  text-transform: none;
  opacity: 1;
}
.practices .tab-content h4 {
  color: rgba(0, 0, 0, 0.8705882353);
  text-align: left;
  font-weight: 600;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px;
}
.practices .tab-content img {
  width: 100%;
  height: auto;
}
.practices .tab-content ul {
  list-style: none;
  padding: 20px 0px 40px;
  margin: 0px;
  -moz-column-count: 2;
       column-count: 2;
}
.practices .tab-content ul li::before {
  content: "•";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}
.practices .tab-content ul li {
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 10px 10px;
}
.practices .tab-content .img-fluid {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  border-radius: 8px;
}
.practices .explore-more {
  color: #fff !important;
  border: 1px solid #E22D00 !important;
  background-color: #E22D00;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
}
.practices .explore-more:hover {
  background-color: #fff;
  color: #E22D00 !important;
  border: 1px solid #E22D00 !important;
}

.practices.only-mobile .carousel-item {
  padding: 20px;
  box-shadow: 0 2px 37px 0 rgba(0, 0, 0, 0.1);
  height: auto;
}
.practices.only-mobile .carousel-item .title {
  display: flex;
  align-items: center;
  margin: 10px 0px;
}
.practices.only-mobile .carousel-item .title img {
  max-width: 100%;
  height: auto;
}
.practices.only-mobile .carousel-item .content strong {
  display: block;
  color: #1277CE;
  padding: 20px 0px;
}
.practices.only-mobile .carousel-item .content h4 {
  margin: 10px 0px;
}
.practices.only-mobile .carousel-item .content ul {
  list-style: none;
  padding: 20px 0px 40px;
  margin: 0px;
}
.practices.only-mobile .carousel-item .content ul li {
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 10px 10px;
}
.practices.only-mobile .carousel-item .content ul li::before {
  content: "-";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}

.practices-indicators {
  list-style-type: none;
  width: 50%;
  margin: auto;
  display: block;
  text-align: center;
}
.practices-indicators li {
  float: left;
  padding: 10px;
}
.practices-indicators li [data-bs-target] {
  width: 8px !important;
  height: 14px !important;
  border-radius: 10px !important;
  border: 1px solid #d4d4d4 !important;
  margin: 5px;
}

@media screen and (max-width: 600px) {
  .practices-indicators {
    width: 100%;
  }
  .industries-indicators {
    width: 100% !important;
  }
}
/*******Practices***********/
/****** Accelerators**********/
.acc-img {
  background: transparent;
  color: #000000;
  border: 0px solid #AAAAAA;
  border-radius: 8px;
  width: 100%;
  height: auto;
  position: relative;
}

.img-acc {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
}

.acc-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  overflow: hidden;
  width: 100%;
  height: 20%;
  transition: 0.5s ease;
  padding: 0% 8%;
  background-image: linear-gradient(180deg, rgba(255, 0, 0, 0), rgb(0, 0, 0));
  border-radius: 4px;
}
.acc-overlay h3 {
  text-align: left;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0px;
  color: #FFFFFF;
  padding-bottom: 5%;
}
.acc-overlay p {
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  color: #FFFFFF;
}

@media screen and (min-width: 1400px) {
  .insight .mt-5 {
    margin-top: 0rem !important;
  }
  .skyshot .mt-5 {
    margin-top: 0rem !important;
  }
  .falcon .mt-5 {
    margin-top: 0rem !important;
  }
}
.connectivity .row .col-xl-4.col-md-6 {
  padding: 0rem 1rem 2rem !important;
}

.data-management .row .col-xl-4.col-md-6 {
  padding: 0rem 1rem 2rem !important;
}

.process-innovation .row .col-xl-4.col-md-6 {
  padding: 0rem 1rem 2rem !important;
}

@media screen and (max-width: 835px) {
  .insight .mt-5 {
    margin-top: 0rem !important;
  }
  .acc-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    overflow: hidden;
    width: 100%;
    height: 30%;
    transition: 0.5s ease;
    padding: 0% 8%;
    background-image: linear-gradient(180deg, rgba(255, 0, 0, 0), rgb(0, 0, 0));
    border-radius: 4px;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .acc-overlay h3 {
    text-align: left;
    font-size: 26px;
    line-height: 36px;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding-bottom: 8%;
  }
}
@media screen and (max-width: 600px) {
  .acc-overlay {
    padding: 0% 3% !important;
  }
  .acc-overlay h3 {
    padding-bottom: 5% !important;
    font-size: 20px !important;
    line-height: 30px !important;
  }
  .acc-overlay p {
    font-size: 14px !important;
    line-height: 21px !important;
    letter-spacing: 0px !important;
    margin-bottom: 0px !important;
  }
}
.skyshot .mt-5 {
  margin-top: 11rem !important;
}

.acc-img:hover .acc-overlay {
  color: #fff;
  background-color: rgba(0, 181, 255, 0.9);
  border-radius: 4px;
  height: 100%;
  padding: 5% 8%;
}

.acc-img:hover .acc-overlay {
  opacity: 1;
}

.accelerators .explore-more {
  color: #fff !important;
  border: 1px solid #E22D00 !important;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  background-color: #E22D00;
}

.accelerators .explore-more:hover {
  background-color: transparent !important;
  border: 1px solid #fff !important;
  color: #fff !important;
}

@media (max-width: 600px) {
  .accelerators .col-md-6:nth-child(even) {
    margin-top: 40px;
  }
}
/****Accelerator************/
/******Who work with us ******/
.nav-pills-custom .work-link {
  color: #aaa;
  background: #fff;
  position: relative;
}

.nav-pills-custom .work-link.active {
  color: #45b649;
  background: #fff;
}

/* Add indicator arrow for the active tab */
@media (min-width: 992px) {
  .nav-pills-custom .work-link::before {
    content: "";
    display: block;
    border-top: 8px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    opacity: 0;
  }
}
.nav-pills-custom .work-link.active::before {
  opacity: 1;
}

#v-pills-tab .work-link {
  margin: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding: 30px 14px;
  border-radius: 5px;
  border: 1px solid #fff;
  text-align: left;
  font-size: 20px;
  line-height: 46px;
  letter-spacing: 0.01px;
  opacity: 1;
  color: #000;
  background-color: #fff;
  font-weight: bold;
}
@media (min-width: 992px) {
  #v-pills-tab .work-link span {
    margin-left: 18% !important;
  }
}

@media (max-width: 768px) {
  #v-pills-tab .work-link {
    font-size: 16px !important;
  }
}
#v-pills-tab .work-link.col-6 {
  /* 10px is just double the size of 5px margin set on .work-link */
  max-width: calc(50% - 10px);
}

#v-pills-tab .work-link.col-12 {
  max-width: calc(100% - 10px);
}

.work-pills {
  padding-left: 20px !important;
}

.work-pills .work-link.active, .work-pills .show > .work-link {
  background-color: #003865 !important;
  color: #fff !important;
  border-bottom: 1px solid #003865 !important;
  border-radius: 5px !important;
  text-align: left;
  font-weight: bold;
}

.work-link img {
  width: 45px;
  height: 45px;
}

.work-pills .work-link {
  border-radius: 5px !important;
  letter-spacing: 0.15px;
  opacity: 1;
  color: rgba(0, 0, 0, 0.8705882353);
  font-size: 20px;
  line-height: 30px;
  padding: 0px 25px 10px;
  font-weight: bold;
}

@media screen and (max-width: 1400px) {
  .work-pills .work-link {
    padding: 0px 25px 10px;
  }
  .work-link span {
    margin-left: 25%;
  }
}
@media screen and (max-width: 768px) {
  .work-link span {
    margin-left: 25%;
  }
}
@media screen and (max-width: 600px) {
  .nav-item {
    width: 100%;
  }
}
.nav-pills .work-link.active img, .nav-pills .show > .work-link img {
  color: #fff !important;
}

.work-link:hover {
  color: #fff !important;
  border-bottom: 0px solid #00B5E2 !important;
  border-radius: 5px !important;
  text-align: left;
  font-weight: bold;
}

.tab-content > .active {
  color: #fff !important;
  padding: 0px 10px !important;
}

.tab-content {
  line-height: 60px;
}
.tab-content strong {
  color: #1277CE;
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  line-height: 21px;
  letter-spacing: 1.78px;
  text-transform: uppercase;
  opacity: 1;
}
.tab-content h4 {
  color: rgba(0, 0, 0, 0.8705882353);
  text-align: left;
  font-weight: 600;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px;
}
.tab-content ul {
  list-style: none;
  padding: 20px 0px 40px;
  margin: 0px;
  -moz-column-count: 2;
       column-count: 2;
}
.tab-content ul li::before {
  content: "-";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}
.tab-content ul li {
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 10px 10px;
}
.tab-content .img-fluid {
  box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.1843137255);
  border-radius: 4px;
}

/******Who work with us *****/
.industries-indicators {
  list-style-type: none;
  width: 50%;
  margin: auto;
  display: block;
  text-align: center;
}
.industries-indicators li {
  float: left;
  padding: 1px;
}
.industries-indicators li [data-bs-target] {
  width: 8px !important;
  height: 14px !important;
  border-radius: 10px !important;
  border: 1px solid #d4d4d4 !important;
  margin: 5px;
}

.fintech {
  background-image: url("../images/industries/industries-icons/B-BFSI.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 5% 50% !important;
  background-size: 45px !important;
}

.fintech.active, .fintech:hover {
  background-image: url("../images/industries/industries-icons/W-BFSI.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 5% 50% !important;
  background-color: #003865 !important;
}

.mediatech {
  background-image: url("../images/industries/industries-icons/B-Media-and-Entertainment.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 5% 50% !important;
  background-size: 45px !important;
}

.mediatech.active, .mediatech:hover {
  background-image: url("../images/industries/industries-icons/W-Media-and-Entertainment.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 5% 50% !important;
  background-color: #003865 !important;
}

.retails {
  background-image: url("../images/industries/industries-icons/B-Retail.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 5% 50% !important;
  background-size: 45px !important;
}

.retails.active, .retails:hover {
  background-image: url("../images/industries/industries-icons/W-Retail.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 5% 50% !important;
  background-color: #003865 !important;
}

.hitech {
  background-image: url("../images/industries/industries-icons/B-Hi-Tech.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 5% 50% !important;
  background-size: 45px !important;
}

.hitech.active, .hitech:hover {
  background-image: url("../images/industries/industries-icons/W-Hi-Tech.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 5% 50% !important;
  background-color: #003865 !important;
}

.healthtech {
  background-image: url("../images/industries/industries-icons/B-Healthcare.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 5% 50% !important;
  background-size: 45px !important;
}

.healthtech.active, .healthtech:hover {
  background-image: url("../images/industries/industries-icons/W-Healthcare.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 5% 50% !important;
  background-color: #003865 !important;
}

.construction {
  background-image: url("../images/industries/industries-icons/B-Life-Sciences.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 5% 50% !important;
  background-size: 45px !important;
}

.construction.active, .construction:hover {
  background-image: url("../images/industries/industries-icons/W-Life-Sciences.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 5% 50% !important;
  background-color: #003865 !important;
}

.travel {
  background-image: url("../images/industries/industries-icons/B-Travel-and-Hospitality.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 5% 50% !important;
  background-size: 45px !important;
}

.travel.active, .travel:hover {
  background-image: url("../images/industries/industries-icons/W-Travel-and-Hospitality.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 5% 50% !important;
  background-color: #003865 !important;
}

.agritech {
  background-image: url("../images/industries/industries-icons/B-Communications.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 5% 50% !important;
  background-size: 45px !important;
}

.agritech.active, .agritech:hover {
  background-image: url("../images/industries/industries-icons/W-Communications.svg") !important;
  background-repeat: no-repeat !important;
  background-position: 5% 50% !important;
  background-color: #003865 !important;
}

.nav-link span {
  margin-left: 25%;
}

.tab-content img {
  width: 300px;
  height: 156px;
}

@media screen and (max-width: 600px) {
  #v-pills-tab .nav-link.col-6 {
    max-width: 100%;
  }
  button.btn.btn-light {
    color: #000;
    text-align: center;
    font-size: 16px;
    line-height: 1.7;
    font-weight: normal;
    text-transform: uppercase;
    opacity: 1;
    padding: 20px 25px;
    letter-spacing: 0.1px;
    border-radius: 8px;
  }
  .industries.only-mobile .carousel-item {
    padding: 20px;
    box-shadow: 0 2px 37px 0 rgba(0, 0, 0, 0.1);
    height: auto;
  }
  .industries.only-mobile .carousel-item .title {
    display: flex;
    align-items: center;
    margin: 10px 0px;
    vertical-align: middle;
  }
  .industries.only-mobile .carousel-item .title img {
    height: auto;
    width: 70px;
    padding-right: 20px;
  }
  .industries.only-mobile .carousel-item .content strong {
    display: block;
    color: #1277CE;
    padding: 20px 0px;
  }
  .industries.only-mobile .carousel-item .content h4 {
    margin: 10px 0px;
  }
  .industries.only-mobile .carousel-item .content ul {
    list-style: none;
    padding: 20px 0px 40px;
    margin: 0px;
  }
  .industries.only-mobile .carousel-item .content ul li {
    color: rgba(0, 0, 0, 0.8666666667);
    text-align: left;
    font-size: 18px;
    line-height: 1.7;
    letter-spacing: 0.56px;
    text-transform: capitalize;
    opacity: 1;
    padding: 10px 0px 10px 10px;
  }
  .industries.only-mobile .carousel-item .content ul li::before {
    content: "-";
    display: inline-block;
    margin-right: 0.2rem;
    color: #00B5E2;
    font-weight: 600;
  }
  .industries.only-mobile .carousel-item .content img {
    width: 100%;
  }
  /*****Industries*********/
}
@media screen and (max-width: 600px) and (max-width: 600px) {
  .float-end.px-5.get-in-touch {
    margin: 0px auto !important;
    text-align: center;
    float: none !important;
  }
}
@media screen and (max-width: 600px) {
  ul.social-icons.float-end {
    float: none !important;
    text-align: center !important;
    display: inline-block;
    padding-top: 20px;
  }
  footer.text-center.text-lg-start.text-muted {
    padding: 10px 0px;
    margin-top: 0rem;
  }
}
i.fa-brands {
  color: #fff;
}

section.fast-facts {
  background: #161616;
}

.fast-facts-box .row > * {
  padding: 0px !important;
}

.ff-text h2 {
  color: #FFFFFF;
  text-align: left;
  font-size: 42px;
  line-height: 56px;
  letter-spacing: 0.48px;
  font-weight: 800;
  opacity: 1;
  text-transform: uppercase;
  padding-top: 60px;
}

.counter-first, .counter-last {
  width: 100%;
  max-height: 300px;
  background-color: #2a2a2a;
  color: #FFFFFF;
  height: 300px;
  padding-top: 30px;
  padding-left: 40px;
  padding-bottom: 40px;
  padding-right: 30px;
  position: relative;
  border: 2px solid #2a2a2a;
}

.counter-first .count-text, .counter-last .count-text {
  padding-top: 65px;
  text-transform: capitalize;
  opacity: 1;
  font-size: 24px;
  text-align: left;
  line-height: 24px;
  letter-spacing: 0.18px;
  font-weight: 600;
  color: #FFFFFF;
  opacity: 1;
}

.counter-second .count-text, .counter-third .count-text {
  padding-top: 65px;
  text-transform: capitalize;
  opacity: 1;
  font-size: 24px;
  text-align: left;
  line-height: 24px;
  letter-spacing: 0.18px;
  font-weight: 600;
  color: #000000;
  opacity: 1;
}

.counter-second, .counter-third {
  width: 100%;
  max-height: 300px;
  background-color: #f4f4f4;
  color: #000000;
  height: 300px;
  padding-top: 30px;
  padding-left: 40px;
  padding-bottom: 40px;
  padding-right: 30px;
  position: relative;
  border: 2px solid #f4f4f4;
}

.counter-first .counter, .counter-last .counter {
  font-size: 60px;
  text-align: left;
  line-height: 112px;
  letter-spacing: -1.44px;
  font-weight: 800;
  opacity: 1;
  text-transform: uppercase;
  color: #ffffff;
}

.counter-second .counter, .counter-third .counter {
  font-size: 60px;
  text-align: left;
  line-height: 112px;
  letter-spacing: -1.44px;
  font-weight: 800;
  opacity: 1;
  text-transform: uppercase;
  color: #000000;
}

.counter-first:hover, .counter-second:hover, .counter-third:hover, .counter-last:hover {
  border: 2px solid #e75f47;
}

.counter .fa-add:before, .counter .fa-plus:before {
  font-size: 45px;
}

/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-horizontal-timeline {
  opacity: 0;
  /* margin: 2em auto; */
  transition: opacity 0.2s;
}

.cd-horizontal-timeline::before {
  /* never visible - this is used in jQuery to check the current MQ */
  content: "mobile";
  display: none;
}

.cd-horizontal-timeline.loaded {
  /* show the timeline after events position has been set (using JavaScript) */
  opacity: 1;
}

.cd-horizontal-timeline .timeline {
  position: relative;
  height: 100px;
  width: 90%;
  max-width: 800px;
  margin: 0 auto;
}

.cd-horizontal-timeline .events-wrapper {
  position: relative;
  height: 100%;
  margin: 0 40px;
  overflow: hidden;
}

.cd-horizontal-timeline .events-wrapper::after, .cd-horizontal-timeline .events-wrapper::before {
  /* these are used to create a shadow effect at the sides of the timeline */
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  height: 100%;
  width: 20px;
}

.cd-horizontal-timeline .events-wrapper::before {
  left: 0;
  /*background-image: -webkit-linear-gradient( left , #f8f8f8, rgba(248, 248, 248, 0));
    background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0)); */
}

.cd-horizontal-timeline .events-wrapper::after {
  right: 0;
  /* background-image: -webkit-linear-gradient( right , #f8f8f8, rgba(248, 248, 248, 0));
  background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0)); */
}

.cd-horizontal-timeline .events {
  /* this is the grey line/timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 49px;
  height: 2px;
  /* width will be set using JavaScript */
  background: #dfdfdf;
  transition: transform 0.4s;
}

.cd-horizontal-timeline .filling-line {
  /* this is used to create the green line filling the timeline */
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  background-color: #7b9d6f;
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 0.3s;
}

.cd-horizontal-timeline .events a {
  position: absolute;
  bottom: 0;
  z-index: 2;
  text-align: center;
  font-size: 1.3rem;
  padding-bottom: 15px;
  color: #fff;
  /* fix bug on Safari - text flickering while timeline translates */
  transform: translateZ(0);
}

.cd-horizontal-timeline .events a::after {
  /* this is used to create the event spot */
  content: "";
  position: absolute;
  left: 50%;
  right: auto;
  transform: translateX(-50%);
  bottom: -5px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  background-color: #f8f8f8;
  transition: background-color 0.3s, border-color 0.3s;
}

.no-touch .cd-horizontal-timeline .events a:hover::after {
  background-color: #7b9d6f;
  border-color: #7b9d6f;
}

.cd-horizontal-timeline .events a.selected {
  pointer-events: none;
}

.cd-horizontal-timeline .events a.selected::after {
  background-color: #7b9d6f;
  border-color: #7b9d6f;
}

.cd-horizontal-timeline .events a.older-event::after {
  border-color: #7b9d6f;
}

@media only screen and (min-width: 1100px) {
  .cd-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: "desktop";
  }
}
.cd-timeline-navigation a {
  /* these are the left/right arrows to navigate the timeline */
  position: absolute;
  z-index: 1;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  height: 34px;
  width: 34px;
  border-radius: 50%;
  border: 2px solid #dfdfdf;
  /* replace text with an icon */
  overflow: hidden;
  color: transparent;
  text-indent: 100%;
  white-space: nowrap;
  transition: border-color 0.3s;
}

.cd-timeline-navigation a::after {
  /* arrow icon */
  content: "";
  position: absolute;
  height: 16px;
  width: 16px;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  transform: translateX(-50%) translateY(-50%);
  background: url(../img/cd-arrow.svg) no-repeat 0 0;
}

.cd-timeline-navigation a.prev {
  left: 0;
  transform: translateY(-50%) rotate(180deg);
}

.cd-timeline-navigation a.next {
  right: 0;
}

.no-touch .cd-timeline-navigation a:hover {
  border-color: #7b9d6f;
}

.cd-timeline-navigation a.inactive {
  cursor: not-allowed;
}

.cd-timeline-navigation a.inactive::after {
  background-position: 0 -16px;
}

.no-touch .cd-timeline-navigation a.inactive:hover {
  border-color: #dfdfdf;
}

.cd-horizontal-timeline .events-content {
  position: relative;
  width: 100%;
  margin: 2em 0;
  overflow: hidden;
  transition: height 0.4s;
}

.cd-horizontal-timeline .events-content li {
  position: absolute;
  z-index: 1;
  width: 100%;
  left: 0;
  top: 0;
  transform: translateX(-100%);
  padding: 0 5%;
  opacity: 0;
  animation-duration: 0.4s;
  animation-timing-function: ease-in-out;
}

.cd-horizontal-timeline .events-content li.selected {
  /* visible event content */
  position: relative;
  z-index: 2;
  opacity: 1;
  transform: translateX(0);
}

.cd-horizontal-timeline .events-content li.enter-right, .cd-horizontal-timeline .events-content li.leave-right {
  animation-name: cd-enter-right;
}

.cd-horizontal-timeline .events-content li.enter-left, .cd-horizontal-timeline .events-content li.leave-left {
  animation-name: cd-enter-left;
}

.cd-horizontal-timeline .events-content li.leave-right, .cd-horizontal-timeline .events-content li.leave-left {
  animation-direction: reverse;
}

.cd-horizontal-timeline .events-content li > * {
  max-width: 800px;
  margin: 0 auto;
}

.cd-horizontal-timeline .events-content h2 {
  font-weight: bold;
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 1.2;
}

.cd-horizontal-timeline .events-content em {
  display: block;
  font-style: italic;
  margin: 10px auto;
}

.cd-horizontal-timeline .events-content em::before {
  content: "- ";
}

.cd-horizontal-timeline .events-content p {
  font-size: 1.4rem;
  color: #959595;
}

.cd-horizontal-timeline .events-content em, .cd-horizontal-timeline .events-content p {
  line-height: 1.6;
}

@media only screen and (min-width: 768px) {
  .cd-horizontal-timeline .events-content h2 {
    font-size: 7rem;
  }
  .cd-horizontal-timeline .events-content em {
    font-size: 2rem;
  }
  .cd-horizontal-timeline .events-content p {
    font-size: 1.8rem;
  }
  #v-pills-tab .nav-link {
    margin: 5px;
    border: 1px solid #fff;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: center;
    padding: 30px 20px;
    border-radius: 5px;
    text-align: left;
    font-size: 16px;
    line-height: 25px;
    letter-spacing: 0.01px;
    opacity: 1;
    color: #000;
    background-color: #fff;
  }
  .nav-link span {
    margin-left: 25%;
  }
  .construction, .fintech, .healthtech, .mediatech, .construction, .retails, .travel, .hitech, .agritech, .construction.active, .fintech.active, .healthtech.active, .mediatech.active, .construction.active, .retails.active, .travel.active, .hitech.active, .agritech.active {
    background-size: 50px !important;
  }
  .counter-first .counter, .counter-last .counter {
    font-size: 50px;
    text-align: left;
    line-height: 112px;
    letter-spacing: -1.44px;
    font-weight: 800;
    opacity: 1;
    text-transform: uppercase;
    color: #ffffff;
  }
  .counter-second .counter, .counter-third .counter {
    font-size: 50px;
    text-align: left;
    line-height: 112px;
    letter-spacing: -1.44px;
    font-weight: 800;
    opacity: 1;
    text-transform: uppercase;
    color: #000000;
  }
  .our-journey .card {
    padding: 0px;
  }
  .card-text {
    text-transform: uppercase;
    font-size: 16px;
    line-height: 25px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.8705882353);
  }
  .card-text span {
    text-align: left;
    font-size: 15px;
    line-height: 20px;
    letter-spacing: 0.15px;
    color: rgba(0, 0, 0, 0.4);
    text-transform: capitalize;
  }
}
.events ol {
  list-style: none;
}

.cd-timeline-navigation li {
  list-style: none;
  display: inline;
}

.cd-timeline-navigation li a {
  display: inline-block;
}

.events-content li {
  list-style: none;
}

a.btn.btn-primary.mb-3 {
  border-radius: 25px;
}

.sec-h-space {
  background-image: url("../images/footer/want-to-explore.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  top: -40px;
}

.box-links {
  text-decoration: none;
}

@media (min-width: 1400px) {
  .sec-h-space {
    width: 1295px !important;
  }
}
@media (max-width: 1024px) {
  .sec-h-space {
    width: 940px !important;
    max-width: 96% !important;
  }
}
@media (max-width: 768px) {
  .sec-h-space {
    width: 690px !important;
  }
}
@media (max-width: 600px) {
  .sec-h-space {
    width: 100% !important;
  }
}
/*******Infographics***********/
.sub-title {
  opacity: 0.95;
  color: #000000;
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  letter-spacing: 0.14px;
}
.sub-title .sub-tit {
  opacity: 0.5;
  padding-right: 10px;
}

.breadcrumbs {
  color: #00B5E2;
  font-size: 12px;
  line-height: 16px;
  text-align: left;
  letter-spacing: 0.4px;
}
.breadcrumbs i {
  font-size: 12px;
}
.breadcrumbs i:after {
  padding-left: 15px;
}
.breadcrumbs a {
  color: #00B5E2;
  text-decoration: none;
  font-size: 14px;
  font-family: "Open Sans", sans-serif !important;
  line-height: 16px;
  text-align: left;
  letter-spacing: 0.4px;
  opacity: 1;
  margin-left: 5px;
}
.breadcrumbs a:hover {
  color: #00B5E2;
  text-decoration: underline;
}

.casestudies-banner {
  background-repeat: no-repeat;
  background-size: cover;
}

.download a {
  background-color: #F05B41;
  font-size: 16px;
  padding: 20px 25px;
  border: 1px solid #F05B41;
  border-radius: 8px;
  text-decoration: none;
  text-transform: uppercase;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  opacity: 1;
  transition-duration: 0.5s;
}
.download a:hover {
  box-shadow: 0px 0px 10px 0px rgb(0, 0, 0);
  color: #FFFFFF;
}

.dashed-circle {
  border-radius: 50%;
  border: 1.5px dashed #003865;
  padding: 10px;
  letter-spacing: 10px;
  margin-right: 0px;
  width: 50px;
}

.infographics-cover img {
  display: block;
}

.position-relative {
  position: relative !important;
}

.infographics .infographics-overlay {
  position: absolute;
  left: -100%;
  bottom: -6%;
  top: 45%;
  right: 47%;
  background-color: #E6E6E6;
}

.infographics {
  position: relative;
}
.infographics .infographics-overlay {
  background-color: #E6E6E6;
}
.infographics .infographics-featured {
  padding: 0% 5% 0% 0%;
}
.infographics h2 {
  text-align: left;
  letter-spacing: 0.18px;
  color: #000000;
  text-transform: capitalize;
  opacity: 1;
  font-size: 24px;
  line-height: 36px;
}
.infographics .chatbot-list {
  font-size: 18px;
  line-height: 1.7;
  text-align: left;
  color: #000000;
  opacity: 1;
  list-style-position: inside;
}
.infographics .chatbot-list li {
  padding: 10px;
  float: left;
  list-style: none;
  width: 250px;
}
.infographics .chatbot-list li:before {
  content: "•";
  color: #F05B41;
  font-weight: bold;
  display: inline-block;
  width: 1em;
}

/*****Whitepaper**********/
.whitepaper-banner {
  background-repeat: no-repeat;
  background-size: cover;
}

.whitepaper-banner h2 {
  font-size: 60px;
  font-weight: bold;
  line-height: 79px;
  color: #FFFFFF;
  text-align: left;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}

.whitepaper-intro p {
  color: #404040;
  font-family: "Open Sans", sans-serif !important;
  font-size: 18px;
  line-height: 34px;
  font-weight: 400;
  letter-spacing: 0px;
  text-align: left;
}

.whitepaper-cover img {
  position: relative;
}

.keypoints-overlay {
  position: absolute;
  left: 0;
  right: 60%;
  top: 0;
  bottom: 0;
}

.position-relative {
  position: relative !important;
  padding: 0px;
}

.keypoints .keypoints-overlay {
  position: absolute;
  left: 0;
  bottom: 0%;
  top: 0%;
  right: 48%;
  background-color: #E6E6E6;
}

.keypoints {
  position: relative;
}
.keypoints .keypoints-overlay {
  background-color: #E6E6E6;
}
.keypoints .keypoints-featured {
  background-color: #E6E6E6;
  width: 550px;
}
.keypoints h2 {
  text-align: left;
  letter-spacing: 0.18px;
  color: #000000;
  text-transform: capitalize;
  opacity: 1;
  font-size: 23px;
  line-height: 1.3;
  padding: 20px 0px;
  font-weight: 700;
}
.keypoints .keypoints-list {
  font-size: 18px;
  line-height: 34px;
  text-align: left;
  letter-spacing: 0px;
  color: #404040;
  list-style: none;
  margin-bottom: 60px;
}
.keypoints .keypoints-list li {
  padding: 10px;
}
.keypoints .keypoints-list li:before {
  content: "•";
  color: #003865;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

@media screen and (max-width: 1366px) {
  .keypoints .keypoints-overlay {
    position: absolute;
    left: 0;
    bottom: -6%;
    top: 0%;
    right: 47%;
    background-color: #E6E6E6;
  }
}
@media screen and (max-width: 1024px) {
  .keypoints .keypoints-overlay {
    position: absolute;
    left: 0;
    bottom: -5%;
    top: 0%;
    right: 47%;
    background-color: #E6E6E6;
  }
}
@media screen and (max-width: 768px) {
  .keypoints .keypoints-overlay {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 0%;
    background-color: #E6E6E6;
  }
}
@media screen and (max-width: 600px) {
  .keypoints .keypoints-list li {
    padding: 10px;
    margin-left: 0px;
  }
}
/*****Casestudies*********/
.casestudies-banner {
  background-repeat: no-repeat;
  background-size: cover;
}

.casestudies-intro {
  background-color: #fff;
}
.casestudies-intro p {
  font-size: 18px;
  line-height: 1.7;
  text-align: left;
  color: #000000;
  opacity: 1;
}
.casestudies-intro strong {
  font-size: 20px;
  line-height: 30px;
  text-align: left;
  letter-spacing: 0.15px;
  color: #000000;
  opacity: 1;
  font-family: "Open Sans", sans-serif !important;
  font-weight: 500;
}
.casestudies-intro h2 {
  font-family: "Open Sans", sans-serif !important;
  text-align: left;
  padding: 20px 0px;
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  text-transform: capitalize !important;
}

@media (min-width: 1440px) {
  .outsome-left {
    padding-left: 8rem !important;
  }
}
.recomm-heading {
  font-family: "Open Sans", sans-serif !important;
  font-size: 48px;
  line-height: 56px;
  font-weight: bold;
  text-transform: capitalize;
  text-align: center;
  letter-spacing: 2px;
  color: #000000;
  opacity: 0.8;
}

.casestudies-container {
  border-radius: 8px;
  margin: -280px auto 0px;
  position: relative;
  background-color: #121212;
  color: #fff;
}
.casestudies-container h4 {
  font-size: 34px;
  line-height: 36px;
  text-transform: capitalize;
  text-align: left;
  color: #FFFFFF;
  border-bottom: 1px solid #707070;
}

.category-tags {
  list-style-image: url("../images/icons/price-tag.svg");
}
.category-tags li {
  color: #FFFFFF;
  float: left;
  margin-left: 10%;
}
.category-tags li:first-child {
  margin-left: 0%;
}

.casestudies-recomm {
  padding: 0%;
}

.bg-half-170 {
  padding: 144px 0px;
  background-size: cover;
  align-self: center;
  position: relative;
  background-position: center center;
}

.casestudies-featured h3, .casestudies-intro h3 {
  font-size: 24px;
  line-height: 36px;
  text-transform: capitalize;
  text-align: left;
  color: #000000;
  letter-spacing: 0.18px;
}
.casestudies-featured h3 span, .casestudies-intro h3 span {
  padding-left: 10px;
}
.casestudies-featured p, .casestudies-intro p {
  font-size: 18px;
  line-height: 1.7;
  text-align: left;
  color: #000000;
  opacity: 1;
}
.casestudies-featured ul, .casestudies-intro ul {
  font-size: 18px;
  line-height: 34px;
  text-align: left;
  letter-spacing: 0px;
  color: #000;
  list-style: none;
  margin-bottom: 60px;
}
.casestudies-featured ul li, .casestudies-intro ul li {
  font-size: 18px;
  line-height: 1.7;
  text-align: left;
  color: #000000;
  opacity: 1;
  padding: 5px 0;
}
.casestudies-featured ul li:before, .casestudies-intro ul li:before {
  content: "•";
  color: #003865;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
}
.casestudies-featured ul li strong, .casestudies-intro ul li strong {
  font-weight: 500;
}
.casestudies-featured .keypoints-list, .casestudies-intro .keypoints-list {
  font-size: 18px;
  line-height: 34px;
  text-align: left;
  letter-spacing: 0px;
  color: #000;
  list-style: none;
  margin-bottom: 60px;
}
.casestudies-featured .keypoints-list li:before, .casestudies-intro .keypoints-list li:before {
  content: "•";
  color: #003865;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
}
.casestudies-featured .keypoints-list li strong, .casestudies-intro .keypoints-list li strong {
  font-weight: 500;
}

.outcome {
  color: #FFFFFF;
}

/*****Blog Post*****/
.blog-header {
  padding-top: 7rem !important;
}
.blog-header .container {
  max-width: 720px !important;
}
.blog-header h1 {
  font-size: 48px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif !important;
  line-height: 56px;
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  opacity: 0.8;
}
.blog-header .blog-date {
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  letter-spacing: 0.25px;
  color: rgba(0, 0, 0, 0.4);
  opacity: 1;
}
.blog-header .blog-share {
  padding: 0px;
  list-style: none;
}
.blog-header .blog-share li {
  color: #C7C7C7 !important;
  float: left;
  margin: 0px 15px;
}
.blog-header .blog-share li:hover {
  color: #000000 !important;
  cursor: pointer;
}
.blog-header .blog-share li a img {
  width: 20px;
  height: 20px;
}
.blog-header i.fa-brands {
  color: #C7C7C7 !important;
}
.blog-header i.fa-brands:hover {
  color: #000000 !important;
}
.blog-header .blog-tags {
  padding: 0px;
  margin: 0px;
  list-style: none;
  font-size: 10px;
  line-height: 16px;
  text-align: left;
  letter-spacing: 0.8px;
  color: #F05B41;
  text-transform: capitalize;
  opacity: 1;
}
.blog-header .blog-tags li {
  float: left;
  margin-right: 10px;
  padding: 0px;
  color: #00B5E2;
}
.blog-header .blog-tags li i.fa-solid {
  margin-right: 5px;
}
.blog-header .blog-tags li a {
  color: #00B5E2;
  text-decoration: none;
  font-size: 10px;
  line-height: 16px;
  letter-spacing: 0.8px;
  font-family: "Open Sans", sans-serif;
  text-transform: capitalize;
  padding: 0px;
}

.blog-banner img {
  width: 100% !important;
  max-width: 100% !important;
  height: auto;
}

.blog-body .container {
  max-width: 720px !important;
  border-bottom: 0px solid #C5C5C5;
}
.blog-body .blog-intro {
  background-color: #E8E8E8;
  border-radius: 4px;
  margin-bottom: 50px;
}
.blog-body h1 {
  font-size: 36px;
  line-height: 54px;
  text-align: left;
  font-weight: 600;
  letter-spacing: 0.4px;
  color: rgba(0, 0, 0, 0.8705882353);
  opacity: 0.8;
  margin: 20px 0px 10px 0px;
  font-family: "Open Sans", sans-serif !important;
}
.blog-body h2 {
  font-size: 32px;
  line-height: 48px;
  text-align: left;
  font-weight: 600;
  letter-spacing: 0px;
  color: rgba(0, 0, 0, 0.8705882353);
  opacity: 0.8;
  margin: 20px 0px 10px 0px;
  padding: 20px 0px;
  font-family: "Open Sans", sans-serif !important;
}
.blog-body h3 {
  font-size: 24px;
  line-height: 40px;
  text-align: left;
  letter-spacing: 0px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.8705882353);
  opacity: 0.8;
  font-family: "Open Sans", sans-serif !important;
  margin: 20px 0px 20px 0px !important;
}
.blog-body h3.blog-intro {
  font-size: 24px;
  line-height: 36px;
  text-align: left;
  letter-spacing: 0px;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 600;
  opacity: 0.8;
}
.blog-body h3.blog-intro span {
  opacity: 1;
  color: #404040;
}
.blog-body h4 {
  font-size: 20px;
  line-height: 30px;
  font-weight: 600;
  text-align: left;
  letter-spacing: 0px;
  color: rgba(0, 0, 0, 0.8705882353);
  opacity: 0.8;
  margin: 40px 0px 20px 0px;
}
.blog-body p {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  text-align: left;
  color: #000;
  opacity: 0.8;
  letter-spacing: 0px;
  font-family: "Open Sans", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: inherit;
  margin-bottom: 20px;
}
.blog-body a {
  color: #E22D00;
}
.blog-body strong {
  opacity: 1;
  color: #000;
}
.blog-body li {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  text-align: left;
  color: #000;
  opacity: 0.8;
  letter-spacing: 0px;
  font-family: "Open Sans", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: inherit;
  margin-bottom: 20px;
  margin-left: 0px;
}
.blog-body li ul li {
  opacity: 1;
}
.blog-body .highlight-text {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 1.7;
  text-align: left;
  color: #404040;
  opacity: 1;
  letter-spacing: 0px;
  font-family: "Open Sans", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: inherit;
  display: contentsp;
}
.blog-body .blog-highlight {
  color: #F05B41;
  padding: 10px 0px 0px;
  font-size: 18px;
  font-weight: normal;
  line-height: 1.7;
  text-align: left;
  opacity: 1;
  letter-spacing: 0px;
  font-family: "Open Sans", sans-serif !important;
}
.blog-body .blog-highlight a {
  text-decoration: none;
  color: #F05B41;
}
.blog-body .blog-highlight a:hover {
  text-decoration: underline;
}
.blog-body .blog-list {
  margin: 0px;
  padding: 10px 0px;
  list-style: none;
}
.blog-body .blog-list strong {
  padding: 10px 0px 30px;
  font-size: 24px;
  font-weight: normal;
  line-height: 36px;
  text-align: left;
  opacity: 0.9;
  letter-spacing: 0px;
  font-family: "Open Sans", sans-serif !important;
  color: #000;
}
.blog-body img {
  padding: 25px 0px;
}

.wp-block-list li strong {
  font-weight: 600;
}

.blog-footer .container {
  max-width: 720px !important;
}
.blog-footer .container .blog-share {
  font-size: 14px;
  line-height: 20px;
  text-align: left;
  letter-spacing: 0.25px;
  color: rgba(0, 0, 0, 0.8705882353);
  text-transform: uppercase;
  opacity: 1;
  font-family: "Open Sans", sans-serif !important;
}
.blog-footer .blog-share {
  padding: 0px;
  list-style: none;
}
.blog-footer .blog-share li {
  color: #C7C7C7 !important;
  float: left;
  margin: 0px 15px;
}
.blog-footer .blog-share li:hover {
  color: #000000 !important;
  cursor: pointer;
}
.blog-footer .blog-share li a img {
  width: 20px;
  height: 20px;
}
.blog-footer i.fa-brands {
  color: #C7C7C7 !important;
}
.blog-footer i.fa-brands:hover {
  color: #000000 !important;
}

.relatedArticles .container-fluid {
  background: #121212;
}
.relatedArticles .container-fluid .container {
  max-width: 900px !important;
}
.relatedArticles .container-fluid .container h5 {
  font-size: 34px;
  line-height: 42px;
  text-align: left;
  letter-spacing: 0px;
  color: #FFFFFF;
  border-bottom: 1px solid #707070;
  padding: 50px 0px 20px;
}
.relatedArticles .container-fluid .container .category-tags {
  list-style-image: url("../images/icons/price-tag.svg");
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.25px;
}
.relatedArticles .container-fluid .container .category-tags li {
  color: #FFFFFF;
  float: left;
  margin-left: 10%;
}
.relatedArticles .container-fluid .container .category-tags li:first-child {
  margin-left: 0%;
}
.relatedArticles .container-fluid .container .arrows {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
.relatedArticles .container-fluid .container .arrows li {
  float: right;
  margin-left: 10px;
}
.relatedArticles .container-fluid .container .outcomes {
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  letter-spacing: 0.14px;
  color: #FFFFFF;
}

.relatedArticles .container {
  max-width: 740px;
}

/********Events******/
.events-banner h1 {
  line-height: 72px;
  font-size: 60px;
  padding: 32px 0px !important;
  color: #000;
  font-weight: bold;
  opacity: 1;
  letter-spacing: -0.48px;
  font-family: "Open Sans", sans-serif !important;
  text-transform: capitalize;
}
.events-banner h2 {
  line-height: 56px;
  font-size: 42px;
  padding: 0px;
  font-weight: 600;
  color: #000;
  opacity: 1;
  letter-spacing: 1.56px;
  text-transform: capitalize;
  font-family: "Open Sans", sans-serif !important;
}
.events-banner h3 {
  text-align: left;
  font-size: 26px;
  line-height: 39px;
  letter-spacing: 0px;
  color: #fff;
}
.events-banner p {
  color: #000000;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  text-align: left;
  letter-spacing: 0.18px;
}

/****Events***/
/****News Updates***/
.newsupdates-banner {
  background: url("https://www.veltris.com/wp-content/uploads/2022/11/Resources-banner-3070x1400-1.png") no-repeat center;
  background-size: cover;
}
.newsupdates-banner h1 {
  line-height: 72px;
  font-size: 60px;
  padding: 32px 0px !important;
  color: #fff;
  font-weight: bold;
  opacity: 1;
  letter-spacing: -0.48px;
  font-family: "Open Sans", sans-serif !important;
  text-transform: capitalize;
}
.newsupdates-banner h2 {
  line-height: 56px;
  font-size: 42px;
  padding: 0px;
  font-weight: 600;
  color: #fff;
  opacity: 1;
  letter-spacing: 1.56px;
  text-transform: capitalize;
  font-family: "Open Sans", sans-serif !important;
}
.newsupdates-banner h3 {
  text-align: left;
  font-size: 26px;
  line-height: 39px;
  letter-spacing: 0px;
  color: #fff;
}
.newsupdates-banner p {
  color: #000000;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  text-align: left;
  letter-spacing: 0.18px;
}

.newsupdates {
  background-color: #F5F5F5;
}
.newsupdates .card {
  transition: all ease 0.5s;
  margin-bottom: 25px;
  border: 1px rgba(0, 0, 0, 0.0784313725);
  border-radius: 4px;
  min-height: 100%;
}
.newsupdates .card .card-body {
  padding: 1rem 2rem 2rem;
}
.newsupdates .card .card-body h3 a {
  font-size: 24px;
  line-height: 36px;
  text-align: left;
  letter-spacing: 0.18px;
  text-decoration: none;
  color: rgba(0, 0, 0, 0.8705882353);
}
.newsupdates .card:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
}
.newsupdates img {
  width: 100%;
  height: auto;
}

.updates {
  background-color: #F5F5F5;
}
.updates .features-absolute {
  margin: -10px auto 0px;
  box-shadow: 0px 16px 40px rgba(0, 0, 0, 0.1607843137);
  position: relative;
  z-index: 999;
  transition: all 0.5s ease;
  background-color: #FFFFFF;
  border-radius: 4px;
  padding: 70px 50px 50px;
}

.features-absolute {
  margin: -166px auto 0px;
  box-shadow: 0px 16px 40px rgba(0, 0, 0, 0.1607843137);
  position: relative;
  z-index: 2;
  transition: all 0.5s ease;
  background-color: #FFFFFF;
  border-radius: 4px;
  padding: 70px 50px;
}
.features-absolute .title-update {
  font-size: 18px;
  line-height: 1.7;
  text-align: left;
  letter-spacing: 1.25px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.4);
  text-shadow: 0px 0px 24px #FFFFFF;
  float: left;
}
.features-absolute .btn {
  color: rgba(0, 0, 0, 0.8705882353) !important;
  border: 1px solid rgba(0, 0, 0, 0.4) !important;
  background-color: #fff;
  padding: 10px 10px !important;
  text-align: center;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
}
.features-absolute .btn:active {
  box-shadow: none;
  outline: none;
}
.features-absolute .btn:active:focus {
  box-shadow: none;
  outline: none;
}
.features-absolute .btn:focus {
  box-shadow: none;
  outline: none;
}
.features-absolute .active {
  color: #FFF !important;
  border: 1px solid #003865 !important;
  background-color: #003865;
  padding: 10px 10px !important;
  text-align: center;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
}
.features-absolute .active:active {
  box-shadow: none;
  outline: none;
}
.features-absolute .active:active:focus {
  box-shadow: none;
  outline: none;
}
.features-absolute .active:focus {
  box-shadow: none;
  outline: none;
}
.features-absolute .update-list {
  padding: 0px;
  list-style: none;
}
.features-absolute .update-list .active a {
  background: #003868 !important;
  color: #FFFFFF;
  border: 1px solid #003868;
}
.features-absolute .update-list li {
  margin-left: 20px;
  float: left;
  background: #ffffff;
}
.features-absolute .update-list li::after {
  content: "\a";
  white-space: pre;
}
.features-absolute .update-list li a {
  border-radius: 4px;
  padding: 15px 10px;
  color: rgba(0, 0, 0, 0.8705882353);
  text-decoration: none;
  border: 1px solid rgba(0, 0, 0, 0.4);
}

/******Events************/
#events {
  background-color: #F5F5F5;
}

.events .card {
  transition: all ease 0.5s;
  margin-bottom: 25px;
  border: 0px;
  border-radius: 4px;
  height: 440px;
}
.events .card a {
  text-decoration: none;
}
.events .card:hover {
  box-shadow: -1px -1px 14px -2px rgba(0, 0, 0, 0.75);
  -webkit-box-shadow: -1px -1px 14px -2px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: -1px -1px 14px -2px rgba(0, 0, 0, 0.75);
}
.events .card img {
  width: 100%;
  height: auto;
}
.events .card-body .card-title {
  font-size: 24px;
  line-height: 36px;
  text-align: left;
  letter-spacing: 0.18px;
  opacity: 1;
  padding-bottom: 15px;
  text-decoration: none;
}
.events .card-body .card-title a {
  color: rgba(0, 0, 0, 0.8705882353);
}

.events-date {
  font-size: 10px;
  line-height: 16px;
  text-align: left;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: #000000;
  opacity: 1;
  float: left;
  clear: left;
  display: inline;
}
.events-date a {
  text-decoration: none;
}

.events-time {
  font-size: 10px;
  line-height: 16px;
  text-align: left;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.4);
  opacity: 0.6;
  float: left;
  clear: left;
  display: inline;
}
.events-time a {
  text-decoration: none;
}

/*****Resources************/
.category-list {
  width: 100% !important;
  float: left;
  margin-left: 20px;
}

.blog-search {
  position: relative;
  width: 100%;
}

input[type=search], .form-control {
  border: 1px solid #ced4da;
  border-radius: 4px;
  background-color: transparent;
  color: #000;
  padding: 7px 20px;
  width: 100%;
}

.blog-search .search-button {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  padding: 0;
  background-color: transparent;
  font-weight: 500;
  color: #000;
}

.category-list option {
  padding: 10px;
  margin: 10px;
}

/****resources*****/
.resources h1 {
  font-size: 28px;
  line-height: 37px;
  color: rgba(0, 0, 0, 0.9019607843);
  width: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3019607843);
  padding: 10px 0px;
  letter-spacing: 0.56px;
}
.resources .resource-list {
  padding: 0px !important;
}
.resources .nav-tabs .nav-link {
  background-color: transparent !important;
  border-top: 0px solid #121212 !important;
  border-bottom: 0px solid #121212 !important;
  border-left: 2px solid transparent !important;
  border-right: 0px solid #121212 !important;
  color: #000000 !important;
  text-align: left;
  font-size: 24px;
  line-height: 32px;
  font-weight: normal;
  opacity: 0.4;
  letter-spacing: 0.48px;
  border-radius: 0px;
  padding: 10px 15px !important;
  text-transform: capitalize;
}
.resources .nav-tabs .nav-link.active, .resources .nav-tabs .nav-link:focus {
  background-color: rgba(0, 0, 0, 0.031372549) !important;
  border-top: 0px solid #121212 !important;
  border-bottom: 0px solid #121212 !important;
  border-left: 2px solid #00B5E2 !important;
  border-right: 0px solid #121212 !important;
  color: #000000 !important;
  text-align: left;
  font-size: 24px;
  line-height: 32px;
  font-weight: normal;
  opacity: 1;
  letter-spacing: 0.48px;
  border-radius: 0px;
  padding: 10px 15px !important;
}
.resources .tab-content > .active {
  color: #000 !important;
  padding: 0px 10px !important;
}
.resources .tab-content {
  margin: 0px !important;
}
.resources .card {
  transition: all ease 0.5s;
  margin-bottom: 20px;
  border: 0px;
  border-radius: 4px;
  min-height: 100%;
}
.resources .card a {
  text-decoration: none;
}
.resources .card:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
}
.resources .tab-content img {
  width: 100%;
  height: auto;
  border-radius: 4px 4px 0px 0px;
}
.resources .tab-content .col-md-4 {
  padding-bottom: 15px;
}
.resources .tab-content h3 {
  letter-spacing: 0.15px;
  color: rgba(0, 0, 0, 0.8705882353);
  opacity: 1;
  text-align: left;
  font-size: 20px !important;
  line-height: 30px;
  font-weight: normal;
  float: left;
  width: 100%;
  padding: 10px 0px 0px;
}
.resources .tab-content h3 a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.8705882353);
}
.resources .tab-content h4 {
  letter-spacing: 0.15px;
  color: rgba(0, 0, 0, 0.8705882353);
  opacity: 1;
  text-align: left;
  font-size: 17px !important;
  line-height: 26px;
  font-weight: normal;
  float: left;
  width: 100%;
  padding: 10px 0px 0px;
}
.resources .tab-content h4 a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.8705882353);
}
.resources .tab-content .tags {
  color: #00B5E2;
  opacity: 1;
  text-align: left;
  font-size: 10px !important;
  line-height: 16px;
  font-weight: normal;
  letter-spacing: 0.8px;
  text-decoration: none;
  float: left;
  margin-right: 8px;
  text-transform: capitalize;
}
.resources .tab-content .tags .fa-solid, .resources .tab-content .tags .fas {
  padding-right: 2px;
}
.resources .tab-content span.tags.blogs {
  display: none;
}

.videos h1 {
  font-size: 28px;
  line-height: 37px;
  color: rgba(0, 0, 0, 0.9019607843);
  width: auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3019607843);
  padding: 10px 0px;
  letter-spacing: 0.56px;
}
.videos .resource-list {
  padding: 0px !important;
}
.videos .nav-tabs .nav-link {
  background-color: transparent !important;
  border-top: 0px solid #121212 !important;
  border-bottom: 0px solid #121212 !important;
  border-left: 2px solid transparent !important;
  border-right: 0px solid #121212 !important;
  color: #000000 !important;
  text-align: left;
  font-size: 24px;
  line-height: 32px;
  font-weight: normal;
  opacity: 0.4;
  letter-spacing: 0.48px;
  border-radius: 0px;
  padding: 10px 15px !important;
  text-transform: capitalize;
}
.videos .nav-tabs .nav-link.active, .videos .nav-tabs .nav-link:focus {
  background-color: rgba(0, 0, 0, 0.031372549) !important;
  border-top: 0px solid #121212 !important;
  border-bottom: 0px solid #121212 !important;
  border-left: 2px solid #F05B41 !important;
  border-right: 0px solid #121212 !important;
  color: #000000 !important;
  text-align: left;
  font-size: 24px;
  line-height: 32px;
  font-weight: normal;
  opacity: 1;
  letter-spacing: 0.48px;
  border-radius: 0px;
  padding: 10px 15px !important;
}
.videos .tab-content > .active {
  color: #000 !important;
  padding: 0px 10px !important;
}
.videos .tab-content {
  margin: 0px !important;
}
.videos .card {
  transition: all ease 0.5s;
  margin-bottom: 10px;
  border: 0px;
  border-radius: 4px;
  height: 370px;
}
.videos .card a {
  text-decoration: none;
}
.videos .card:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
}
.videos .tab-content img {
  width: 100%;
  height: auto;
  border-radius: 4px 4px 0px 0px;
}
.videos .tab-content .col-md-4 {
  padding-bottom: 15px;
}
.videos .tab-content h3 {
  letter-spacing: 0.15px;
  color: rgba(0, 0, 0, 0.8705882353);
  opacity: 1;
  text-align: left;
  font-size: 20px !important;
  line-height: 30px;
  font-weight: normal;
  float: left;
  padding: 10px 0px 0px;
}
.videos .tab-content h3 a {
  text-decoration: none;
  color: rgba(0, 0, 0, 0.8705882353);
}
.videos .tab-content .tags {
  color: #F05B41;
  opacity: 1;
  text-align: left;
  font-size: 10px !important;
  line-height: 16px;
  font-weight: normal;
  letter-spacing: 0.8px;
  text-decoration: none;
  float: left;
  margin-right: 8px;
  text-transform: capitalize;
}
.videos .tab-content .tags .fa-solid, .videos .tab-content .tags .fas {
  padding-right: 2px;
}

/****** Current Vacancies ******/
.vacancies-banner h2 {
  color: #FFFFFF;
  font-size: 60px;
  font-weight: bold;
  line-height: 72px;
  text-align: left;
  letter-spacing: -0.48px;
}
.vacancies-banner p {
  color: #FFFFFF;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  text-align: left;
  letter-spacing: 0.18px;
}

.job-list, .location-list {
  width: auto !important;
  float: left;
  margin: 0px 20px;
  height: 50px;
}
.job-list option, .location-list option {
  padding: 10px;
  margin: 10px;
}

.filter-vacancies {
  background-color: #F05B41 !important;
  font-size: 16px !important;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.5px !important;
  padding: 15px 20px !important;
  border: 1px solid #F05B41 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  text-transform: capitalize !important;
  line-height: 20px !important;
  text-align: center !important;
  color: #FFFFFF !important;
  opacity: 1 !important;
  transition-duration: 0.5s !important;
}

.job-desc {
  background-color: #FFFFFF;
  box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.1607843137);
  border-radius: 4px;
  margin: 30px 0px;
}
.job-desc .job-desc1 {
  border-right: 1px solid rgba(0, 0, 0, 0.1607843137);
}
.job-desc .job-location {
  color: rgba(0, 0, 0, 0.3607843137);
  font-size: 10px;
  line-height: 16px;
  font-family: "Open Sans", sans-serif !important;
  font-style: normal;
  letter-spacing: 1.5px;
  text-align: left;
  text-shadow: 0px 0px 24px #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
}
.job-desc .job-location i {
  color: #F05B41;
}
.job-desc .job-title {
  color: rgba(0, 0, 0, 0.8705882353);
  font-size: 24px;
  line-height: 36px;
  font-family: "Open Sans", sans-serif !important;
  font-style: normal;
  letter-spacing: 0.18px;
  text-align: left;
  text-shadow: 0px 0px 24px #FFFFFF;
  text-transform: capitalize;
  opacity: 1;
  padding: 20px 0px;
}
.job-desc .job-sub {
  color: rgba(0, 0, 0, 0.4);
  font-size: 14px;
  line-height: 20px;
  font-family: "Open Sans", sans-serif !important;
  font-style: normal;
  letter-spacing: 0.25px;
  text-align: left;
  text-shadow: 0px 0px 24px #FFFFFF;
  opacity: 1;
  padding-right: 20px;
}
.job-desc .job-details {
  color: rgba(0, 0, 0, 0.8705882353);
  font-size: 14px;
  line-height: 20px;
  font-family: "Open Sans", sans-serif !important;
  font-style: normal;
  letter-spacing: 0.25px;
  text-align: left;
  text-shadow: 0px 0px 24px #FFFFFF;
  opacity: 1;
}
.job-desc .apply-now {
  background-color: #F05B41 !important;
  font-size: 16px !important;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.5px !important;
  padding: 15px 20px !important;
  border: 1px solid #F05B41 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  text-transform: capitalize !important;
  line-height: 20px !important;
  text-align: center !important;
  color: #FFFFFF !important;
  opacity: 1 !important;
  transition-duration: 0.5s !important;
  margin-top: 20px;
}
.job-desc .job-desc2 p {
  color: rgba(0, 0, 0, 0.8705882353);
  font-size: 14px;
  line-height: 20px;
  font-family: "Open Sans", sans-serif !important;
  font-style: normal;
  letter-spacing: 0.25px;
  text-align: left;
  text-shadow: 0px 0px 24px #FFFFFF;
  opacity: 1;
}
.job-desc .job-desc2 p a {
  color: #F05B41;
  text-decoration: none;
}

.page-link {
  border: 0px !important;
  color: rgba(0, 0, 0, 0.6) !important;
  margin-left: 10px !important;
  border-radius: 4px !important;
}

.page-item.active .page-link {
  color: #fff !important;
}

.page-item:first-child .page-link, .page-item:last-child .page-link {
  background-color: transparent !important;
  color: #000 !important;
  opacity: 0.12 !important;
}

/*****Job details*********/
.jobdetails-banner {
  background-color: #fff;
}
.jobdetails-banner h2.heading {
  line-height: 79px;
  font-size: 60px;
  padding: 32px 0px !important;
  color: rgba(0, 0, 0, 0.8705882353);
  opacity: 1;
  letter-spacing: 0.48px;
  font-family: "Open Sans", sans-serif !important;
}
.jobdetails-banner .bd-highlight {
  padding: 0px !important;
}
.jobdetails-banner .bd-highlight:nth-child(2) {
  padding: 0px !important;
}
.jobdetails-banner .bd-highlight:nth-child(4) {
  padding-bottom: 20px !important;
}
.jobdetails-banner .bd-highlight:nth-child(5) {
  padding: 20px 0px !important;
}
.jobdetails-banner .job-description {
  line-height: 24px;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.8705882353);
  opacity: 1;
  letter-spacing: 0.5px;
}
.jobdetails-banner .job-posted {
  line-height: 20px;
  font-size: 14px;
  color: rgba(0, 0, 0, 0.6);
  opacity: 1;
  letter-spacing: 0.25px;
  text-align: left;
}

.job-info p {
  color: rgba(0, 0, 0, 0.8705882353);
  font-size: 18px;
  line-height: 34px;
  letter-spacing: 0.5px;
}
.job-info .job-sub {
  line-height: 42px;
  font-size: 34px;
  color: rgba(0, 0, 0, 0.8705882353);
  opacity: 1;
  letter-spacing: 0px;
  text-align: left;
  font-family: "Open Sans", sans-serif !important;
}

.border-left {
  border-left: 1px solid rgba(0, 0, 0, 0.12);
  padding-left: 30px !important;
}

.job-detail {
  font-size: 18px;
  line-height: 34px;
  letter-spacing: 0.5px;
}
.job-detail tr {
  border: 0px;
}
.job-detail th {
  color: rgba(0, 0, 0, 0.4);
  border: 0px;
  width: 180px;
}
.job-detail td {
  border: 0px;
  font-size: 18px;
  line-height: 34px;
  letter-spacing: 0.5px;
}

.requirements {
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.18px;
  color: rgba(0, 0, 0, 0.8705882353);
}

.job-requirements {
  font-size: 18px;
  line-height: 34px;
  letter-spacing: 0.5px;
  list-style: none;
}

.job-requirements li {
  padding: 10px 0px;
}

.job-requirements li::before {
  content: "•"; /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #F05B41; /* Change the color */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
}

.job-summary {
  height: 500px;
  overflow: hidden;
}

.job-summarychild {
  height: 100%;
  overflow-y: scroll;
}

/* Hide scrollbar for Chrome, Safari and Opera */
.job-summarychild::-webkit-scrollbar {
  display: none;
}

/* Hide scrollbar for IE, Edge and Firefox */
.job-summarychild {
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}

/********* Apply Now Job *********/
.job-apply .container {
  max-width: 720px !important;
}
.job-apply h2 {
  text-align: left;
  letter-spacing: 0.18px;
  color: #000000;
  text-transform: capitalize;
  opacity: 1;
  font-size: 34px;
  line-height: 1.3;
  padding: 20px 0px;
  font-weight: 700;
}
.job-apply h3 {
  text-align: left;
  letter-spacing: 0.15px;
  color: #000000;
  text-transform: capitalize;
  opacity: 1;
  font-size: 20px;
  line-height: 30px;
  padding: 20px 0px;
  font-weight: bold;
}
.job-apply .border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
  padding: 10px 0px 30px;
  margin-bottom: 30px;
}
.job-apply .btn-submit {
  background-color: #F05B41;
  font-size: 16px;
  padding: 20px 25px;
  border: 1px solid #F05B41;
  border-radius: 8px;
  text-decoration: none;
  line-height: 24px;
  text-align: center;
  color: #FFFFFF;
  opacity: 1;
}
.job-apply .btn-submit:hover {
  color: #FFFFFF;
}
.job-apply .form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #ced4da !important;
  border-top: 0px solid #ced4da !important;
  border-left: 0px solid #ced4da !important;
  border-right: 0px solid #ced4da !important;
  border-radius: 0px !important;
}
.job-apply .form-select {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  background: rgba(0, 0, 0, 0);
  border-bottom: 1px solid #ced4da !important;
  border-top: 0px solid #ced4da !important;
  border-left: 0px solid #ced4da !important;
  border-right: 0px solid #ced4da !important;
  border-radius: 0px !important;
}
.job-apply .form-check-input {
  width: 15px !important;
  height: 15px !important;
}
.job-apply .mark {
  background: rgba(0, 0, 0, 0);
  color: #F05B41;
}

.apply-indeed {
  border: 1px solid #F05B41 !important;
  color: #F05B41;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: normal;
  text-transform: uppercase;
  opacity: 1;
  padding: 20px 25px;
  letter-spacing: 0.1px;
  border-radius: 8px;
  text-decoration: none;
}
.apply-indeed:hover {
  color: #F05B41;
}

/**********Careers Page**********/
.careers-banner .bd-highlight h2 {
  color: #FFFFFF;
}
.careers-banner .bd-highlight p {
  color: #FFFFFF;
}

.our-cultureheading h2 {
  color: rgba(0, 0, 0, 0.8705882353);
  text-align: left;
  font-size: 48px;
  line-height: 56px;
  text-transform: uppercase;
  opacity: 1;
  letter-spacing: 1.58px;
  padding: 50px 0px;
  margin: 0px;
  font-family: "Open Sans", sans-serif !important;
}

.our-culture {
  position: relative;
}
.our-culture .culture-text {
  background-color: #1276CD;
  color: #FFFFFF;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  opacity: 1;
  letter-spacing: 0.5px;
  border-radius: 4px;
  position: relative;
  display: block;
  z-index: 99;
}
.our-culture .culture-img {
  position: relative;
  display: block;
  right: 10%;
}

.employee-say {
  background-color: #e8e8e8;
}
.employee-say .right-arw, .employee-say .left-arw {
  color: #00B5E2;
}
.employee-say .right-arw i::before, .employee-say .left-arw i::before {
  color: #00B5E2;
  padding: 8px 10px;
  margin-right: 10px;
  border: 2px solid #00B5E2;
  border-radius: 20px;
}

.get-to-know {
  background-color: #fff;
}
.get-to-know h2 {
  color: rgba(0, 0, 0, 0.8705882353);
  text-align: left;
  font-size: 48px;
  line-height: 56px;
  opacity: 1;
  padding: 0px;
  margin: 0px;
  font-family: "Open Sans", sans-serif !important;
}
.get-to-know .service_list {
  background: #E8E8E8;
  color: #000000;
  border-radius: 4px;
  width: 100%;
  height: 280px;
  position: relative;
  margin-bottom: 20px;
}
.get-to-know .service_list .service-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  overflow: hidden;
  width: 100%;
  height: 30%;
  transition: 0.5s ease;
  padding: 15px;
}
.get-to-know .service_list .service-overlay p {
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  letter-spacing: 0.14px;
}
.get-to-know .service_logo {
  position: absolute;
  right: 20px;
  top: 20px;
  width: 128px;
}
.get-to-know .service_logo img {
  width: 69px;
  height: 69px;
}
.get-to-know .service_list .service-overlay h2 {
  font-size: 20px;
  font-weight: bold;
}
.get-to-know .service_list .service-overlay div {
  position: absolute;
  color: #fff;
  left: 0px;
  padding: 15px;
  bottom: 0px;
  transition: 0.5s ease;
  opacity: 0;
  /* background: #2C92D0; */
}
.get-to-know .service_list:hover .service-overlay {
  height: 100%;
  color: #fff;
  background-color: #1276CD;
  border-radius: 4px;
  opacity: 1;
}
.get-to-know .service_list:hover .service-overlay div {
  opacity: 1;
}
.get-to-know .service_list:hover .service-overlay h2 {
  color: #fff;
}

.partnership-advantages {
  background-color: #fff;
}
.partnership-advantages h2 {
  color: rgba(0, 0, 0, 0.8705882353);
  text-align: left;
  line-height: 56px;
  font-size: 42px;
  opacity: 1;
  padding: 0px;
  margin: 0px;
  font-weight: 600;
  font-family: "Open Sans", sans-serif !important;
}
.partnership-advantages .service_list {
  background: #FFFFFF;
  color: #000000;
  border-radius: 4px;
  width: 100%;
  height: 280px;
  position: relative;
  border: 1px solid #00B5E2;
  margin-bottom: 20px;
}
.partnership-advantages .service_list .service-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  overflow: hidden;
  width: 100%;
  height: 30%;
  transition: 0.5s ease;
  padding: 15px;
}
.partnership-advantages .service_list .service-overlay p {
  font-size: 16px;
  line-height: 24px;
  color: #FFFFFF;
  letter-spacing: 0.14px;
}
.partnership-advantages .service_logo {
  position: absolute;
  right: 20px;
  top: 20px;
}
.partnership-advantages .service_logo img {
  width: 80px;
  height: 80px;
}
.partnership-advantages .service_list .service-overlay h2 {
  font-size: 20px;
  font-weight: bold;
}
.partnership-advantages .service_list .service-overlay div {
  position: absolute;
  color: #fff;
  left: 0px;
  padding: 15px;
  bottom: 0px;
  transition: 0.5s ease;
  opacity: 0;
  /* background: #2C92D0; */
}
.partnership-advantages .service_list:hover .service-overlay {
  height: 100%;
  color: #fff;
  background-color: #00B5E2;
  border-radius: 4px;
  opacity: 1;
}
.partnership-advantages .service_list:hover .service-overlay h2 {
  line-height: 30px !important;
}
.partnership-advantages .service_list:hover .service-overlay div {
  opacity: 1;
}
.partnership-advantages .service_list:hover .service-overlay h2 {
  color: #fff;
}

/******employee-say*****/
.careers-banner {
  background-size: cover;
  align-self: center;
  position: relative;
  background-position: center center;
}
.careers-banner .bd-highlight .heading {
  color: #000000;
}
.careers-banner .bd-highlight p {
  color: #000000;
}

.lh-base {
  color: #000 !important;
}

.employee-say h2 {
  color: rgba(0, 0, 0, 0.8705882353);
  text-align: left;
  font-size: 48px;
  line-height: 56px;
  opacity: 1;
  padding: 0px;
  margin: 0px;
  font-family: "Open Sans", sans-serif !important;
}
.employee-say h3 {
  color: rgba(0, 0, 0, 0.8705882353);
  text-align: left;
  font-size: 22px;
  line-height: 33px;
  opacity: 1;
  padding: 0px;
  margin: 0px;
  font-family: "Open Sans", sans-serif !important;
  font-weight: 600;
}

.testimonial-section {
  background-color: #ffffff;
  padding: 80px 0;
  min-height: 100vh;
}

.testi-img .img-box {
  margin: auto;
  text-align: center;
  position: relative;
}

.testi-img .circle {
  height: 100px;
  width: 100px;
  background-color: #fb9c9a;
  position: absolute;
  border-radius: 50%;
  left: 0;
  bottom: 0;
  transition: all 0.5s ease;
}

.testi-img .img-box-inner {
  position: relative;
  border-radius: 100px;
  overflow: hidden;
}

.testi-img .img-box-inner img {
  max-width: 220px;
  border-radius: 100px;
}

.testimonial-section .carousel-inner {
  margin-bottom: 20px;
}

.testimonial-section .carousel-control-prev {
  margin-right: 10px;
}

.testimonial-section .carousel-control-next,
.testimonial-section .carousel-control-prev {
  position: relative;
  height: 35px;
  width: 35px;
  background-color: #fb9c9a;
  display: inline-flex;
  border-radius: 50%;
}

.testimonial-section .carousel-control-prev img,
.testimonial-section .carousel-control-next img {
  width: 15px;
}

.testi-item h3,
.testi-item p {
  font-size: 18px;
}

.testi-item h3 {
  text-transform: capitalize;
}

/* Responsive */
@media (max-width: 991px) {
  .testi-img .img-box {
    max-width: 300px;
  }
  .testi-img .circle {
    height: 300px;
    width: 300px;
  }
  .testi-img .img-box-inner {
    border-radius: 0 0 150px 150px;
  }
  .testi-img .img-box-inner img {
    max-width: 230px;
  }
}
@media (max-width: 767px) {
  .testi-img {
    margin-bottom: 25px;
  }
}
.about-us {
  background: #fff;
}

.aboutus-content {
  background: #1276cd;
  color: #fff;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.aboutus-content.p-5 {
  position: relative;
  width: 20vw;
  margin: 80px 0px 0px 0px;
}

.our-philosophy {
  background: #f5f5f5;
}

@media (max-width: 2560px) {
  .aboutus-content.p-5 {
    position: relative;
    width: 40vw;
    margin: 80px 0px 0px 0px;
  }
  .aboutus-new-content.p-5 {
    position: relative;
    width: 40vw;
    margin: 30px 0px 0px 0px;
  }
}
.aboutus-new-content {
  background: #1276cd;
  color: #fff;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

@media (max-width: 1440px) {
  .aboutus-content.p-5 {
    position: relative;
    width: 45vw;
    margin: 70px 0px;
  }
}
@media (max-width: 1366px) {
  .aboutus-content.p-5 {
    position: relative;
    width: 45vw;
    margin: 30px 0px;
  }
}
@media (max-width: 1024px) {
  .aboutus-content.p-5 {
    position: relative;
    width: 40vw;
    margin: 40px 0px 0px 0px;
  }
}
@media (max-width: 768px) {
  .aboutus-content.p-5 {
    position: relative;
    width: 50vw;
    margin: 40px 0px 0px 0px;
  }
}
@media (max-width: 600px) {
  .about-us {
    background: #fff;
    margin: 0px;
  }
  .aboutus-content.p-5 {
    position: relative;
    width: 95vw;
    margin: 40px 0px 0px 0px;
  }
  .p-5 {
    padding: 2rem !important;
  }
}
.leadership-team {
  background-color: #262626;
  scroll-margin-top: 10em;
}
.leadership-team h2 {
  color: #fff !important;
}
.leadership-team h3.ct-heading {
  font-size: 42px;
  line-height: 56px;
  letter-spacing: -0.03px;
  opacity: 1;
  text-align: left;
  font-weight: bold;
}
.leadership-team .col-sm-4 {
  margin: 10px 0px 40px;
}
.leadership-team .col-sm-4 a {
  text-decoration: none;
}
.leadership-team .card {
  border: 0px !important;
  background-color: #262626;
  padding: 5px;
}
.leadership-team .card-body {
  padding: 20px 0px !important;
  background-color: #262626;
}
.leadership-team .card-img-top {
  border-radius: 4px;
}
.leadership-team .card-title {
  font-size: 24px;
  line-height: 32px;
  letter-spacing: 0.18px;
  opacity: 1;
  text-align: left;
  font-weight: bold;
  text-transform: capitalize;
  color: #fff;
}
.leadership-team .card-text {
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.46px;
  opacity: 1;
  text-align: left;
  font-weight: bold;
  text-transform: capitalize;
  color: #fff;
}
.leadership-team .card img { /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.leadership-team .card img:hover { /* Safari 6.0 - 9.0 */
  filter: grayscale(0%);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
}

.our-presence {
  background-color: #E8E8E8;
}

/* Relative positioning*/
#image-map {
  position: relative;
  margin: 150px auto 20px auto;
}

/* Hide the original tooltips contents */
.pin {
  display: none;
}

/* Begin styling the tooltips and pins */
.tooltip-up, .tooltip-down {
  position: absolute;
  background: url(https://i.imgur.com/13rZbuk.png);
  width: 25px;
  height: 37px;
}

.tooltip-down {
  background-position: 0 -37px;
}

.tooltip {
  display: none;
  width: 200px;
  cursor: help;
  text-shadow: 0 1px 0 #fff;
  position: absolute;
  top: 10px;
  left: 50%;
  z-index: 999;
  margin-left: -115px;
  padding: 15px;
  color: #222;
  border-radius: 5px;
  box-shadow: 0 3px 0 rgba(0, 0, 0, 0.7);
  background: #fff1d3;
  background: linear-gradient(top, #fff1d3, #ffdb90);
}

.tooltip::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 50%;
  margin-left: -10px;
  border-bottom: 10px solid #fff1d3;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.tooltip-down .tooltip {
  bottom: 12px;
  top: auto;
}

.tooltip-down .tooltip::after {
  bottom: -10px;
  top: auto;
  border-bottom: 0;
  border-top: 10px solid #ffdb90;
}

.tooltip h2 {
  font: bold 1.3em "Trebuchet MS", Tahoma, Arial;
  margin: 0 0 10px;
}

.tooltip ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/****Footer Wave ****/
/* waves */
.footer-wave {
  position: relative;
  display: flex;
  margin-top: 5rem !important;
}

.ocean {
  height: 80px; /* change the height of the waves here */
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-x: hidden;
}

.wave {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M 800 56.9 C 644.5 56.9 595.1 6.9 394.5 7 C 194.5 7 144.5 56.9 0 56.9 v 31.8 h 800 v -0.2 v -31.6 Z' fill='%23b2d234'/%3E%3C/svg%3E");
  position: absolute;
  width: 200%;
  height: 100%;
  animation: wave 10s -4s linear infinite;
  transform: translate3d(0, 0, 0);
  opacity: 0.8;
  background-size: 25% 100px !important;
}

.wave:nth-of-type(2) {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M 800 56.9 C 644.5 56.9 595.1 6.9 394.5 7 C 194.5 7 144.5 56.9 0 56.9 v 31.8 h 800 v -0.2 v -31.6 Z' fill='%23f05a3f'/%3E%3C/svg%3E");
  opacity: 0.8;
  bottom: 0;
  animation: wave 20s -3s linear infinite;
}

.wave:nth-of-type(3) {
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 88.7'%3E%3Cpath d='M 800 56.9 C 644.5 56.9 595.1 6.9 394.5 7 C 194.5 7 144.5 56.9 0 56.9 v 31.8 h 800 v -0.2 v -31.6 Z' fill='%232b92d0'/%3E%3C/svg%3E");
  opacity: 0.8;
  bottom: 0;
  animation: wave 25s -2s linear reverse infinite;
}

@keyframes wave {
  0% {
    transform: translateX(0);
  }
  50% {
    transform: translateX(-25%);
  }
  100% {
    transform: translateX(-50%);
  }
}
/****Footer Wave ***/
/***Overview Block*******/
.overview {
  background: #fff;
  scroll-margin-top: 10em;
  top: 2vw;
  position: relative;
}

.overview-content {
  background: #003865;
  color: #fff;
  border-radius: 3px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.overview-content ul li {
  font-size: 18px;
  line-height: 1.7;
}

.overview-content.p-5 {
  position: relative;
  width: 117%;
  right: 0px;
}

.ov-outer {
  display: flex;
  align-items: center;
}

@media (max-width: 600px) {
  .blog-body li {
    font-size: 18px !important;
    line-height: 32px !important;
    letter-spacing: 0px !important;
  }
  p {
    font-size: 18px !important;
    line-height: 32px !important;
    letter-spacing: 0px !important;
  }
  .overview {
    background: #f5f5f5;
    margin-top: 10%;
  }
  .overview-content {
    background: #fff;
    color: #000;
    border-radius: 3px;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 0px;
  }
  .overview.p-5 {
    position: relative;
    width: 95vw;
    margin: 40px 0px 0px 0px;
  }
  .p-5 {
    padding: 2rem !important;
  }
}
/***Overview Block*******/
/*****data-pipeline***/
.data-pipeline {
  background-color: #343434;
}
.data-pipeline .ct-heading {
  color: #fff;
}
.data-pipeline .data-pipeline-img {
  border: 24px solid #212121;
  border-radius: 20px;
}
.data-pipeline iframe {
  border: 2px solid #fff;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.4);
}

/*****data-pipeline***/
/****** WHAT WE OFFER**********/
.what-we-offer {
  background-color: #E6E7E8;
  scroll-margin-top: 2em;
  top: 3vw;
  position: relative;
}
.what-we-offer .ct-heading {
  color: #000;
}
.what-we-offer .row .col-xl-4.col-md-6 {
  padding: 0rem 1rem 2rem !important;
}

.offer-img {
  background: transparent;
  color: #000000;
  border: 0px solid #AAAAAA;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  position: relative;
}

.img-offer {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
}

.offer-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  overflow: hidden;
  width: 100%;
  height: 28%;
  transition: 0.5s ease;
  padding: 0% 8%;
  background-image: linear-gradient(180deg, rgba(255, 0, 0, 0), rgb(0, 0, 0));
  border-radius: 4px;
}
.offer-overlay h3 {
  text-align: left;
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: 0px;
  color: #FFFFFF;
  padding-bottom: 0%;
  height: 200px;
}
.offer-overlay p {
  text-align: left;
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: 0.14px;
  color: #FFFFFF;
}
.offer-overlay p a {
  color: #FFFFFF;
  font-weight: bold;
}
.offer-overlay ul li {
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.14px;
  color: #FFFFFF;
}
.offer-overlay a {
  color: #FFFFFF;
  border-bottom: 3px solid #fff;
  text-transform: capitalize;
  padding-bottom: 5px;
}
.offer-overlay a:after {
  content: "\f061";
  font-family: "font awesome 6 free";
  display: inline-block;
  margin: 0.4rem;
  color: #fff;
  font-weight: 600;
}
.offer-overlay a .active:after {
  content: "\f061";
  font-family: "font awesome 6 free";
  display: inline-block;
  margin: 0.4rem;
  color: #E22D00;
  font-weight: 600;
}

.offer-img:hover .offer-overlay {
  color: #fff;
  background-color: rgba(0, 181, 255, 0.9);
  border-radius: 4px;
  height: 100%;
  padding: 10% 8%;
}
.offer-img:hover .offer-overlay h3 {
  height: auto;
}

.offer-img:hover .offer-overlay {
  opacity: 1;
}

/****WHAT WE OFFER************/
/******How we do it*******/
.how-we-do-it {
  background-color: #FFF;
}
.how-we-do-it .ct-heading {
  color: rgba(0, 0, 0, 0.8705882353);
}

.how-we-integrating {
  background-color: #F5F5F5;
}
.how-we-integrating .ct-heading {
  color: rgba(0, 0, 0, 0.8705882353);
}
.how-we-integrating .accordion-button:not(.collapsed) {
  color: rgba(0, 0, 0, 0.8705882353) !important;
  background-color: #F5F5F5 !important;
  box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0.125) !important;
  font-size: 20px;
  letter-spacing: 0.15px;
  line-height: 30px;
  text-align: left;
}
.how-we-integrating .accordion-item {
  background-color: #F5F5F5 !important;
  border: 1px solid !important;
  border-bottom-color: #00B5E2 !important;
  border-top-color: rgba(0, 0, 0, 0) !important;
  border-left-color: rgba(0, 0, 0, 0) !important;
  border-right-color: rgba(0, 0, 0, 0) !important;
  border-radius: 0px !important;
}
.how-we-integrating .accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 0rem !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
  line-height: 36px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  text-align: left;
  background-color: #F5F5F5 !important;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
}

.accordion-item {
  background-color: #FFF !important;
  border: 1px solid !important;
  border-bottom-color: #00B5E2 !important;
  border-top-color: rgba(0, 0, 0, 0) !important;
  border-left-color: rgba(0, 0, 0, 0) !important;
  border-right-color: rgba(0, 0, 0, 0) !important;
  border-radius: 0px !important;
}

.accordion-button:not(.collapsed) {
  color: rgba(0, 0, 0, 0.8705882353) !important;
  background-color: #FFF !important;
  box-shadow: inset 0 0px 0 rgba(0, 0, 0, 0.125) !important;
  font-size: 20px;
  letter-spacing: 0.15px;
  line-height: 30px;
  text-align: left;
}

.accordion-button {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
  padding: 1rem 0rem !important;
  font-size: 26px !important;
  font-weight: 600 !important;
  letter-spacing: 0.2px !important;
  line-height: 36px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  text-align: left;
  background-color: #FFF !important;
  border: 0;
  border-radius: 0;
  overflow-anchor: none;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, border-radius 0.15s ease;
  /* Remove outline for non-keyboard :focus */
}
.accordion-button:focus-visible {
  border-radius: 0;
  overflow-anchor: none;
  border-color: transparent;
  outline: 0px !important;
  border: 0px !important;
  box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25) !important;
}
.accordion-button:focus {
  border-radius: 0;
  overflow-anchor: none;
  border-color: transparent;
  outline: 0px !important;
  border: 0px !important;
  box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25) !important;
}
.accordion-button:active {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25) !important;
}
.accordion-button.collapsed:active {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25) !important;
}
.accordion-button.collapsed:focus {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25) !important;
}
.accordion-button:focus:not(:focus-visible) {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: 0 0 0 0rem rgba(13, 110, 253, 0.25) !important;
}

.accordion-body {
  padding: 1rem 1.25rem;
  text-align: left;
}
.accordion-body p {
  font-size: 18px !important;
  line-height: 27px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  text-align: left;
  padding: 10px 0 0;
}
.accordion-body p strong {
  font-size: 18px !important;
  letter-spacing: 0.15px !important;
  line-height: 27px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  text-align: left;
  font-weight: 600 !important;
}
.accordion-body strong {
  font-size: 20px !important;
  letter-spacing: 0.15px !important;
  line-height: 30px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  text-align: left;
  font-weight: 600;
}
.accordion-body ul li {
  font-size: 18px !important;
  letter-spacing: 0.14px !important;
  line-height: 27px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  text-align: left;
}

.accordion-header {
  padding: 30px 0px !important;
  border-bottom: 0px solid #000 !important;
  font-size: 26px !important;
  line-height: 36px !important;
  letter-spacing: 0.2px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  font-weight: 500 !important;
}

.accordion-body {
  padding: 1rem 0rem !important;
}

.accordion-item.accordion-collapse.collapse.show {
  border: 2px solid !important;
  border-bottom-color: rgb(239, 91, 70) !important;
  border-top-color: rgba(0, 0, 0, 0) !important;
  border-left-color: rgba(0, 0, 0, 0) !important;
  border-right-color: rgba(0, 0, 0, 0) !important;
  border-radius: 0px !important;
}

.accordion-collapse.collapse {
  border-bottom: 0px solid rgb(0, 0, 0) !important;
  border-radius: 0px !important;
}

/******How we do it*******/
/*******why-choose-us*********/
.why-choose-us {
  background-color: #fff;
}
.why-choose-us .swiper-slide {
  background-color: #fff;
}
.why-choose-us .swiper-slide .card {
  background-color: #fff;
}

.whychoose {
  position: relative;
  height: auto;
  background-color: #F5F5F5;
}

.whychoose {
  font-size: 18px;
  color: #000;
  margin: 0;
  padding: 0;
}

.swiper {
  width: 100%;
}

.swiper-pagination-bullet {
  outline: 1px solid #003865 !important;
  outline-offset: 1px;
}

.swiper-pagination-bullet {
  background: transparent !important;
  opacity: 1 !important;
}

.swiper-pagination-bullet-active {
  background: #003865 !important;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.8705882353);
  background-color: #F5F5F5;
  /* Center slide text vertically */
  display: flex;
  justify-content: center;
  align-items: center;
}
.swiper-slide .number {
  font-size: 58px;
  line-height: 70px;
  letter-spacing: -0.48px;
  color: rgba(0, 0, 0, 0.8705882353);
  opacity: 0.24;
}
.swiper-slide h5 {
  text-align: left;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.18px;
  color: rgba(0, 0, 0, 0.8705882353);
  opacity: 1;
  padding: 5px 0px 20px !important;
  font-weight: bold;
}
.swiper-slide p {
  font-size: 18px;
  line-height: 1.7;
  text-align: left;
}
.swiper-slide ul li {
  font-size: 18px;
  line-height: 1.7;
  text-align: left;
}
.swiper-slide .card {
  background-color: transparent;
}

.swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical > .swiper-pagination-bullets {
  left: 10px;
}

.why-choose-us-grey {
  background-color: #F5F5F5;
}
.why-choose-us-grey .vertical-list-scroll .card {
  background-color: #F5F5F5;
}

.vertical-list-scroll {
  position: relative;
  height: 500px;
  overflow-y: scroll;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
}
.vertical-list-scroll .card {
  border: 0px !important;
  height: 500px;
}
.vertical-list-scroll .number {
  font-size: 58px;
  line-height: 70px;
  letter-spacing: -0.48px;
  color: rgba(0, 0, 0, 0.8705882353);
  opacity: 0.24;
}
.vertical-list-scroll .card-title {
  text-align: left;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.18px;
  color: rgba(0, 0, 0, 0.8705882353);
  opacity: 1;
  padding: 20px 0px !important;
}
.vertical-list-scroll .card-text {
  text-align: left;
  font-size: 18px !important;
  line-height: 1.7 !important;
  letter-spacing: 0.14px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  opacity: 1 !important;
  text-transform: none !important;
  font-weight: 400 !important;
}

.vertical-list-scroll::-webkit-scrollbar {
  display: none;
}

/*********Header*******/
a {
  text-decoration: none !important;
}

.nav-minimize-button {
  display: none;
}

.nav-maximize-button a {
  text-align: left;
  font-style: normal;
  font-size: 18px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.14px;
  color: rgba(0, 0, 0, 0.8705882353);
  opacity: 0.95;
  margin-left: 10px !important;
  margin-right: 10px !important;
}

.nav-maximize-button img {
  height: 80px;
  width: 90px;
}

.nav-maximize-button a:hover {
  color: #f05b41 !important;
}

.lets_talk_nav_max button {
  border: 1px solid #f05b41 !important;
  color: #f05b41 !important;
}

.lets_talk_nav_max button {
  color: #F05B41 !important;
  border: 1px solid #F05B41 !important;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
}

.lets_talk_nav_max button:hover {
  background-color: #F05B41;
  color: #fff !important;
}

@media only screen and (max-width: 1210px) {
  .nav-minimize-button {
    display: block;
  }
  .nav-maximize-button {
    display: none;
  }
  .lets_talk_nav_max {
    display: none;
  }
}
.nav-menu ul li:hover ul {
  display: block;
}

.show-navbar-items-icons {
  position: absolute;
  left: 0;
  right: 0;
  top: 75px;
  display: none;
  padding: 2rem;
}

#show-navbar-practice-items-icons:hover {
  display: block;
}

.section-scroller a {
  text-align: left;
  font-family: "Open Sans", sans-serif !important;
  font-size: 14px;
  line-height: 21px;
  font-weight: bold;
  letter-spacing: 0px;
  color: rgba(0, 0, 0, 0.4);
  opacity: 1;
}

.section-scroller li {
  display: inline-block;
  position: relative;
  padding-bottom: 3px;
}

.section-scroller a:last-child {
  margin-right: 0;
}

.section-scroller a:after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  height: 3px;
  width: 0px;
  background: transparent;
  border-bottom: solid 3px #E22D00;
  transition: width 0.5s ease, background-color 0.5s ease;
  bottom: -16px;
}

.section-scroller a:hover {
  color: rgba(0, 0, 0, 0.8705882353);
}

.section-scroller a:hover:after {
  width: 100%;
  background: #E22D00;
}

.card {
  border: none;
}

.card1 {
  position: relative;
  width: 352px;
  height: 456px;
  opacity: 1;
}

.card1 h4 {
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 34px;
  line-height: 50px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0px;
  opacity: 1;
}

.card1 p {
  text-align: left;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif !important;
  color: #FFFFFF;
  opacity: 1;
}

.card1:hover {
  filter: grayscale(100%);
}

.card1-1-content .hide-title, .card1-2-content .hide-title, .card1-3-content .hide-title {
  position: absolute;
  display: block;
  padding: 0px 3rem;
  text-align: left;
  letter-spacing: 0px;
  opacity: 1;
  color: #FFFFFF;
  top: 70%;
}

.card1-1-content:hover .hide-title {
  display: none;
}

.card1-2-content:hover .hide-title {
  display: none;
}

.card1-3-content:hover .hide-title {
  display: none;
}

.card1-1-hover-content,
.card1-2-hover-content,
.card1-3-hover-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6);
  color: #ffffff;
  display: flex;
  flex-direction: column;
  opacity: 0;
  transition: opacity 0.25s;
  padding: 3rem;
}

.card1-1-hover-content > *,
.card1-2-hover-content > *,
.card1-3-hover-content > * {
  transform: translateY(20px);
  transition: 0.25s;
}

.card1-1-hover-content:hover,
.card1-2-hover-content:hover,
.card1-3-hover-content:hover {
  opacity: 1;
  border-radius: 5px;
}

.card1-1-hover-content:hover > *,
.card1-2-hover-content:hover > *,
.card1-3-hover-content:hover > * {
  transform: translateX(0);
  transition: 0.25s;
}

#playground {
  text-align: center;
}

.hide {
  display: none;
}

.card-body {
  transition: 0.3s;
}

.playground {
  background: linear-gradient(to bottom, #F5F5F5 0%, #F5F5F5 33.33%, #003865 33.33%, #003865 66.66%, #F5F5F5 66.66%, #F5F5F5 100%);
}

header img {
  width: 3rem;
}

.sec-2 {
  width: 100%;
  max-height: 700px;
}

.width-18 {
  width: 18rem;
}

.height-18 {
  height: 18rem;
}

.width-22 {
  width: 22rem;
}

.width-30 {
  width: 30rem;
}

.bg-tech-sol {
  background: #343434 0% 0% no-repeat padding-box;
  border-radius: 4px;
  opacity: 1;
}

.outcome-left-right-arrow .svg1:hover, .svg2:hover {
  background-color: black;
  border: 1px solid black;
  filter: invert(100%);
  border-radius: 50%;
}

.footer-titles {
  text-align: left;
  font-family: "Open Sans", sans-serif !important;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: #f05b41;
  text-transform: uppercase;
  opacity: 1;
}

.section-title {
  text-align: left;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 56px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 1.58px;
  color: #000000;
  text-transform: uppercase;
  opacity: 1;
}

.section-body {
  text-align: left;
  font-style: normal;
  font-size: 18px;
  line-height: 32px;
  letter-spacing: 0.5px;
  color: rgba(0, 0, 0, 0.8705882353);
  opacity: 1;
}

#tech-services .img-border, #tech-solutions .img-border {
  height: 5.625rem;
  width: 5.625rem;
  border: 1px dashed #00B5E2;
  border-radius: 50%;
  padding: 20px;
  margin: 5px;
}

.tech-serv-head {
  text-align: left;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 2rem;
  line-height: 45px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0px;
  color: #000000;
  opacity: 0.95;
}

.tech-sol-head {
  text-align: left;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 34px;
  line-height: 45px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 0.95;
}

.tech-serv-body,
.li-content {
  text-align: left;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 32px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.5px;
  color: #000000;
  opacity: 0.95;
  margin-top: 15px;
}

.li-title {
  color: rgba(0, 0, 0, 0.4);
  font-size: 10px;
}

.tech-sol-section-body,
.case-study-outcome {
  text-align: left;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 32px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.14px;
  color: #ffffff;
  opacity: 1;
}

.tech-sol-body {
  text-align: left;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 18px;
  line-height: 1.7;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.5px;
  color: #ffffff;
  opacity: 0.95;
  margin-top: 15px !important;
}

#advantages .card {
  border-radius: 8px;
  border: none;
}

.partnership-Advantages-title {
  text-align: left;
  font-style: normal;
  font-variant: normal;
  font-weight: medium;
  font-size: 20px;
  line-height: 30px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.15px;
  opacity: 1;
}

.grid-item1 {
  width: 90%;
  display: inline-block;
  margin: 0 auto;
  margin-bottom: 50px;
  padding: 1rem;
}

.grid-item2 {
  width: 90%;
  display: inline-block;
  margin: 0 auto;
  margin-bottom: 50px;
  padding: 1rem;
}

@media screen and (min-width: 1200px) {
  .grid-item1 {
    width: 45%;
    margin-bottom: 20px;
    height: auto;
    box-sizing: border-box;
  }
  .tech-serv-section-body {
    padding: 3rem;
  }
  .grid-item2 {
    width: 45%;
    margin-bottom: 20px;
    height: auto;
  }
  .bg-tech-sol {
    padding: 3rem;
  }
}
.grid1 .bg-color {
  background-color: #F5F5F5;
}

.bg-color ul {
  list-style: none;
}

.bg-color ul li::before {
  content: "•";
  color: red;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.partnership-Advantages-img {
  top: 10px;
  right: 10px;
  width: 63px;
  height: 63px;
}

.partnership-Advantages-hover-show {
  position: absolute;
  bottom: 5px;
  color: #000000;
  transform: translateY(20px);
  transition: 0.5s ease;
}

.partnership-Advantages-hover-show .hide {
  text-align: left;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.8px;
  color: #ffffff;
  opacity: 1;
}

.card-body4:hover {
  background-color: #0d47a1;
  color: #ffffff;
  border-radius: 8px;
}

.card-body4:hover img {
  display: none;
}

.card-body4:hover h1 {
  font-size: larger;
}

.card-body4:hover .hide {
  display: block;
}

.card-body4:hover .partnership-Advantages-hover-show {
  border-radius: 8px;
  color: #ffffff;
  bottom: 30%;
}

.case-study-img {
  z-index: -10;
}

.case-study-content {
  background: #121212 0% 0% no-repeat padding-box;
  box-shadow: 0px 8px 45px rgba(0, 0, 0, 0.1607843137);
  border-radius: 8px;
  opacity: 1;
  position: relative;
  top: -180px;
}

.case-study-content h2 {
  text-align: left;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 34px;
  line-height: 36px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
}

.case-study-content a {
  text-decoration: none;
  color: inherit;
}

.case-study-content a:hover {
  text-decoration: none;
  color: inherit;
}

.case-study-tags {
  text-align: left;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.25px;
  color: #ffffff;
  opacity: 1;
}

.case-study-tags svg {
  margin-right: 12px;
}

.section-footer h4 {
  text-align: left;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 36px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.18px;
  color: #ffffff;
  opacity: 1;
}

.section-footer button {
  height: 56px;
  width: 172px;
  background: #ffffff 0% 0% no-repeat padding-box;
  border-radius: 8px;
  opacity: 1;
}

.section-footer li a {
  text-align: left;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.14px;
  color: #ffffff;
  opacity: 0.38;
}

.section-footer li a:hover {
  opacity: 1;
}

.copyright {
  text-align: center;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.4px;
  color: #ffffff;
  opacity: 0.5;
}

.practice-hover:hover #show-navbar-practice-items-icons {
  display: block;
}

.show-navbar-items-icons .nav-maximize-button-a:hover {
  color: #f05b41;
}

.accelerators-hover:hover #show-navbar-accelerators-items-icons {
  display: block;
}

.company-hover:hover #show-navbar-company-items-icons {
  display: block;
}

/* ================================= ABOUT US ========================================================= */
.accordion {
  text-align: center;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

.our-philosophy .big-screen {
  display: block;
}

.our-philosophy .small-screen {
  display: none;
}

.our-philosophy .big-screen .card-body, .our-philosophy .small-screen .small-screen-img {
  position: relative;
}

.our-philosophy .big-screen .card-body .screen-content, .our-philosophy .small-screen .screen-content {
  position: absolute;
  text-align: left;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.4px;
  color: #ffffff;
  opacity: 1;
  left: 50px;
  top: 50px;
}

.accordion.width {
  display: flex;
  width: 100%;
  box-sizing: border-box;
}

.accordion.width .card {
  flex-direction: row;
  min-width: -moz-min-content;
  min-width: min-content;
}

.accordion.width .card .card-header {
  cursor: pointer;
  background-color: #118DF5;
  border: 1px solid white;
  max-width: 92px;
}

.accordion.width .card .card-header p {
  writing-mode: vertical-rl;
  transform: rotate(180deg);
  height: 53%;
  float: right;
  text-align: right;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 24px;
  line-height: 24px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.79px;
  color: #FFFFFF;
  opacity: 0.95;
}

.accordion.width .card .card-header span {
  text-align: left;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 48px;
  line-height: 56px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 1.58px;
  color: #FFFFFF;
  text-transform: uppercase;
  opacity: 1;
}

.accordion .card-body, .accordion .card-body img {
  width: 100%;
  height: 100%;
  padding: 0%;
  margin: 0%;
}

.accordion .collapsing.width {
  transition: width 0.5s ease;
  height: auto;
  width: 10px;
}

@media screen and (max-width: 1199px) {
  .our-philosophy .big-screen {
    display: block;
  }
  .our-philosophy .small-screen {
    display: block;
  }
  .accordion-card-1, .accordion-card-2, .accordion-card-3 {
    display: none;
  }
  .accordion .card-body {
    display: flex;
    flex-direction: column;
  }
  .accordion-card-1-img, .accordion-card-2-img, .accordion-card-3-img {
    display: flex;
  }
}
.our-journey-btn1, .our-journey-btn2, .our-journey-btn3, .our-journey-btn4 {
  text-align: left;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 24px;
  line-height: 36px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.18px;
  color: rgba(0, 0, 0, 0.8705882353);
  z-index: 99999;
}

.our-journey-btns button {
  background-color: #ffffff;
  border-radius: 8px;
  opacity: 1;
  z-index: 99999;
}

.our-journey-btns hr {
  position: absolute;
  width: 100%;
  top: 15%;
  z-index: 0;
  background: #D5D5D5 0% 0% no-repeat padding-box;
  opacity: 1;
}

.our-journey-btns button:hover {
  box-shadow: 0px 20px 36px rgba(0, 0, 0, 0.0509803922);
  border-radius: 8px;
  opacity: 1;
}

.journey-left-right-arrow .svg1:hover {
  border: 1px solid black;
  filter: invert(100%);
  border-radius: 50%;
}

.vertical-scrolling p {
  text-align: left;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 5px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.5px;
  color: rgba(0, 0, 0, 0.8705882353);
  opacity: 1;
}

img.right-arw, img.left-arw {
  width: 20px;
  height: 20px;
}

.our-presence {
  background-color: #FFF;
}

@media screen and (min-width: 1200px) {
  .our-presence-img {
    position: relative;
  }
  .our-presence .card {
    width: 350px;
    height: 412px;
  }
  .location-map {
    list-style: none;
  }
  .location-map li {
    position: absolute;
  }
  .location-map .li-1 {
    top: 110px;
    left: 63px;
  }
  .location-map .li-2 {
    top: 188px;
    left: 462px;
  }
  .location-map .li-3 {
    top: 198px;
    left: 129px;
  }
  .location-map .li-4 {
    top: 142px;
    left: 107px;
  }
  .location-map .li-5 {
    top: 183px;
    left: 532px;
  }
  .location-map .li-6 {
    top: 120px;
    left: 610px;
  }
  .location-map .li-7 {
    top: 98px;
    left: 148px;
  }
  .location-map .li-8 {
    top: 150px;
    left: 487px;
  }
  .location-map .li-9 {
    top: 111px;
    left: 130px;
  }
  .location-map .li-10 {
    top: 150px;
    left: 113px;
  }
  .location-map li {
    text-decoration: none;
    color: #000;
    cursor: pointer;
    text-transform: uppercase;
  }
  .location-map li .location {
    display: block;
  }
  .location-map li .location-icon {
    display: none;
  }
  .location-map li.active .location-icon {
    position: relative;
    display: block;
    color: #f05b41;
    bottom: 9px;
  }
  .location-map li.active .places {
    color: #f05b41;
  }
  .location-map li.active .location {
    display: none;
    color: #000;
  }
  .location-map li:hover:not(.active) .location-icon {
    display: none;
    color: #000;
  }
  .location-map .location::after {
    content: "•";
    color: #00B5E2;
    font-size: 2rem;
    box-sizing: border-box;
    line-height: 0%;
  }
  .our-presence .vertical-scrolling {
    position: relative;
    height: 412px;
    margin-bottom: 120px;
    overflow-y: scroll;
    scroll-behavior: smooth;
    -ms-overflow-style: none;
    /* scrollbar-width: none; */
  }
  .our-presence .vertical-scrolling .card {
    border: 1px solid #ccc;
  }
  .our-presence .vertical-scrolling .card h4 {
    font-weight: 600 !important;
  }
  .our-presence .vertical-scrolling::-webkit-scrollbar {
    display: none;
  }
}
@media only screen and (max-width: 1199px) {
  .our-presence .our-presence-img {
    display: none;
  }
  .our-presence .vertical-scrolling {
    max-height: 412px;
    display: flex;
    overflow-x: auto;
    margin-bottom: 120px;
  }
  .our-presence .vertical-scrolling::-webkit-scrollbar {
    width: 0;
  }
  .our-presence .vertical-scrolling .card {
    min-width: 350px;
    height: 412px;
    margin-right: 4px;
  }
  .our-presence .vertical-scrolling .card img {
    width: 100%;
  }
}
/*********Header*******/
/******Digital Marketing******/
.digital-marketing {
  background-color: #121212 !important;
  color: #fff !important;
}
.digital-marketing strong {
  color: #1277CE !important;
}
.digital-marketing h3 {
  font-size: 26px;
  line-height: 39px;
  letter-spacing: 0px;
  color: #fff;
}
.digital-marketing .digital-marketing-carousel h5 {
  font-family: "Open Sans", sans-serif !important;
  font-size: 34px;
  line-height: 45px;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
  text-align: left;
  font-weight: bold;
  text-transform: capitalize;
  padding: 20px 0px;
}
.digital-marketing .digital-marketing-carousel p {
  font-family: "Open Sans", sans-serif !important;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.5px;
  color: #FFFFFF;
  opacity: 1;
  text-align: left;
}

/******Digital Marketing******/
/******Data Management******/
h3 {
  text-align: left;
  font-size: 26px;
  line-height: 39px;
  letter-spacing: 0px;
  color: rgba(0, 0, 0, 0.8705882353);
}

.data-management {
  background-color: #fff;
}
.data-management strong {
  color: #1277CE;
}
.data-management .row .col-md-4 {
  padding: 1rem !important;
}

.process-innovation {
  background-color: #f5f5f5;
}

.process-img {
  background: #e8e8e8;
  color: #000000;
  border: 0px solid #AAAAAA;
  border-radius: 4px;
  width: 100%;
  height: 600px;
  position: relative;
}
.process-img h3 {
  text-align: left;
  font-size: 26px;
  line-height: 39px;
  letter-spacing: 0px;
  color: rgba(0, 0, 0, 0.8705882353);
  padding: 10% 8%;
  height: 170px;
}

.img-process {
  display: block;
  width: 100%;
  height: auto;
}

.process-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  overflow: hidden;
  width: 100%;
  height: 17%;
  transition: visibility 0s, opacity 0.5s, height 0.5s ease;
  padding: 0% 8%;
  opacity: 0;
  visibility: hidden;
}
.process-overlay p {
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.14px;
  color: #000;
  padding: 0% 8%;
}
.process-overlay p img {
  position: absolute;
  bottom: 0px;
  padding: 0% !important;
}
.process-overlay img {
  position: absolute;
  bottom: 0px;
  padding: 0% !important;
}

.process-img:hover h3 {
  color: #00B5E2;
}

.process-img:hover .process-overlay {
  color: #000;
  background-color: #e8e8e8;
  border-radius: 0px;
  height: 80%;
  padding: 0% 0%;
  opacity: 1;
  visibility: visible;
}
.process-img:hover .process-overlay img {
  width: 100%;
  padding: 0px;
}

/******Data Management******/
/*****Innovation********/
.innovation {
  background-color: #f5f5f5;
}
.innovation .vertical-list-scroll {
  position: relative;
  height: 700px;
  overflow-y: scroll;
  scroll-behavior: smooth;
  -ms-overflow-style: none;
  background-color: #f5f5f5;
}
.innovation .vertical-list-scroll .card {
  border: 0px !important;
  height: 700px;
  background-color: #f5f5f5;
}
.innovation .vertical-list-scroll .card .card-title {
  font-family: "Open Sans", sans-serif !important;
  font-weight: bold;
  font-size: 48px;
  line-height: 56px;
  letter-spacing: 1.44px;
  color: rgba(0, 0, 0, 0.8705882353);
  opacity: 1;
  text-align: left;
  text-transform: uppercase;
}
.innovation .vertical-list-scroll .card p {
  font-family: "Open Sans", sans-serif !important;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0px;
  color: rgba(0, 0, 0, 0.8666666667);
  opacity: 1;
  text-align: left;
  text-transform: capitalize;
}

/*****Innovation********/
/*
*
* ==========================================
* AI-Applications 
* ==========================================
*/
.ai-applications {
  background-color: #E6E7E8;
  /* Add indicator arrow for the active tab */
}
.ai-applications .nav-item {
  border-bottom: 1px solid #ccc !important;
}
.ai-applications .ai-applications-bg {
  background: #f7f7f7;
  box-shadow: 0 2px 37px 0 rgba(0, 0, 0, 0.1);
}
.ai-applications .ai-applications.only-mobile {
  background-color: #E6E7E8;
}
.ai-applications .ai-applications.only-mobile .nav-item {
  border-bottom: 1px solid #ccc !important;
}
.ai-applications .ai-applications.only-mobile .ai-applications-bg {
  background: #f7f7f7;
  box-shadow: 0 2px 37px 0 rgba(0, 0, 0, 0.1);
}
.ai-applications .nav-pills-custom .nav-link {
  color: #aaa;
  background: #fff;
  position: relative;
}
.ai-applications .nav-pills-custom .nav-link.active {
  color: #45b649;
  background: #fff;
}
@media (min-width: 992px) {
  .ai-applications .nav-pills-custom .nav-link::before {
    content: "";
    display: block;
    border-top: 8px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    opacity: 0;
  }
}
.ai-applications .nav-pills-custom .nav-link.active::before {
  opacity: 1;
}
.ai-applications #v-pills-tab .nav-link {
  margin: 5px;
  border: 1px solid #fff;
  /* This is just to center text in pills */
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding: 30px 20px;
  border-radius: 5px;
  text-align: left;
  font-size: 20px;
  line-height: 46px;
  letter-spacing: 0.01px;
  opacity: 1;
  color: #000;
  background-color: #fff;
}
.ai-applications #v-pills-tab .nav-link.col-6 {
  /* 10px is just double the size of 5px margin set on .nav-link */
  max-width: calc(50% - 10px);
}
.ai-applications #v-pills-tab .nav-link.col-12 {
  max-width: calc(100% - 10px);
}
.ai-applications .nav-pills .nav-link.active, .ai-applications .nav-pills .show > .nav-link {
  background-color: #f7f7f7 !important;
  color: #00B5E2 !important;
  border-bottom: 3px solid #00B5E2 !important;
  border-radius: 0px !important;
  text-align: left;
  font-weight: bold;
  text-align: center;
}
.ai-applications .nav-link img {
  width: 45px;
  height: 45px;
  position: relative;
}
.ai-applications .nav-pills .nav-link {
  border-radius: 0px !important;
  letter-spacing: 0.15px;
  opacity: 1;
  color: rgba(0, 0, 0, 0.8705882353);
  font-size: 20px;
  line-height: 30px;
  padding: 0px 5px 10px;
  margin: 0px 25px;
  font-weight: bold;
  text-align: center;
}
.ai-applications .work-link span {
  margin-left: 25%;
}
.ai-applications .insurance, .ai-applications .banking, .ai-applications .healthcare, .ai-applications .manufacturing, .ai-applications .retail, .ai-applications .ecommerce {
  position: relative;
  display: inline-block;
}
.ai-applications .insurance .img-front, .ai-applications .banking .img-front, .ai-applications .healthcare .img-front, .ai-applications .manufacturing .img-front, .ai-applications .retail .img-front, .ai-applications .ecommerce .img-front {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.ai-applications .insurance:hover .img-front, .ai-applications .banking:hover .img-front, .ai-applications .healthcare:hover .img-front, .ai-applications .manufacturing:hover .img-front, .ai-applications .retail:hover .img-front, .ai-applications .ecommerce:hover .img-front {
  display: inline;
  position: relative;
}
.ai-applications .insurance:hover .img-back, .ai-applications .banking:hover .img-back, .ai-applications .healthcare:hover .img-back, .ai-applications .manufacturing:hover .img-back, .ai-applications .retail:hover .img-back, .ai-applications .ecommerce:hover .img-back {
  display: none;
  position: relative;
}
.ai-applications .insurance.active .img-back, .ai-applications .banking.active .img-back, .ai-applications .healthcare.active .img-back, .ai-applications .manufacturing.active .img-back, .ai-applications .retail.active .img-back, .ai-applications .ecommerce.active .img-back {
  display: none;
  position: relative;
}
.ai-applications .insurance.active .img-front, .ai-applications .banking.active .img-front, .ai-applications .healthcare.active .img-front, .ai-applications .manufacturing.active .img-front, .ai-applications .retail.active .img-front, .ai-applications .ecommerce.active .img-front {
  display: inline;
  position: relative;
}
.ai-applications .insurance.active:after, .ai-applications .banking.active:after, .ai-applications .healthcare.active:after, .ai-applications .manufacturing.active:after, .ai-applications .retail.active:after, .ai-applications .ecommerce.active:after {
  border-left: 22px solid #00B5E2;
  border-bottom: 22px solid transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  bottom: -13px;
  content: "";
  display: block;
  position: absolute;
  right: 41%;
  transform: rotate(-135deg);
}
@media screen and (min-width: 1440px) {
  .ai-applications .nav-pills .nav-link {
    padding: 0px 15px 10px;
    margin: 0px 5px;
    width: 200px;
    height: 110px;
    text-align: center;
  }
}
@media screen and (max-width: 1439px) {
  .ai-applications .nav-pills .nav-link {
    padding: 0px 10px 10px;
    margin: 0px 4px;
    width: 178px;
    height: 100px;
    text-align: left !important;
  }
}
@media screen and (max-width: 1024px) {
  .ai-applications .nav-pills .nav-link {
    padding: 0px 15px 10px;
    margin: 0px 0px;
    width: 150px;
    height: 100px;
  }
}
@media screen and (max-width: 768px) {
  .ai-applications .nav-pills .nav-link {
    padding: 10px 5px 10px;
    margin: 0px 15px;
  }
  .ai-applications #v-pills-tab .work-link {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 600px) {
  .ai-applications .acc-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    overflow: hidden;
    width: 100%;
    height: 20% !important;
    transition: 0.5s ease;
    padding: 0% 8%;
  }
  .ai-applications .nav-item {
    width: 100%;
  }
  .ai-applications .carousel-item {
    margin-right: 0px !important;
  }
  .ai-applications .w-50 {
    width: 100% !important;
  }
  .ai-applications .header-banner {
    z-index: 999;
    border: 0px !important;
    position: relative;
    width: 100%;
    top: 100px;
    bottom: 0px;
  }
}
.ai-applications .nav-pills .nav-link.active img, .ai-applications .nav-pills .show > .nav-link img {
  color: #fff !important;
}
.ai-applications .nav-link:hover {
  background-color: #f7f7f7 !important;
  color: #00B5E2 !important;
  border-bottom: 3px solid #00B5E2 !important;
  border-radius: 0px !important;
  text-align: center;
  font-weight: bold;
}
.ai-applications .tab-content > .active {
  color: #fff !important;
  padding: 0px 10px !important;
}
.ai-applications .tab-content {
  line-height: 60px;
}
.ai-applications .tab-content strong {
  color: #1277CE;
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  line-height: 21px;
  letter-spacing: 1.78px;
  text-transform: uppercase;
  opacity: 1;
}
.ai-applications .tab-content h4 {
  color: rgba(0, 0, 0, 0.8705882353);
  text-align: left;
  font-weight: 600;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px;
}
.ai-applications .tab-content ul {
  list-style: none;
  padding: 20px 0px 40px;
  margin: 0px;
  -moz-column-count: 1;
       column-count: 1;
}
.ai-applications .tab-content ul li::before {
  color: #00B5E2;
  font-weight: 600;
  content: "•";
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: 0em;
}
.ai-applications .tab-content ul li {
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 10px 10px;
}
.ai-applications .tab-content .img-fluid {
  box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.1843137255);
  border-radius: 4px;
  width: 100%;
  height: auto;
}

.ai-applications.only-mobile .carousel-item {
  padding: 20px;
  box-shadow: 0 2px 37px 0 rgba(0, 0, 0, 0.1);
  height: auto;
}
.ai-applications.only-mobile .carousel-item .title {
  display: flex;
  align-items: center;
  margin: 10px 0px;
}
.ai-applications.only-mobile .carousel-item .title img {
  max-width: 100%;
  height: auto;
}
.ai-applications.only-mobile .carousel-item .content strong {
  display: block;
  color: #1277CE;
  padding: 20px 0px;
}
.ai-applications.only-mobile .carousel-item .content h4 {
  margin: 10px 0px;
}
.ai-applications.only-mobile .carousel-item .content ul {
  list-style: none;
  padding: 20px 0px 40px;
  margin: 0px;
}
.ai-applications.only-mobile .carousel-item .content ul li {
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 10px 10px;
}
.ai-applications.only-mobile .carousel-item .content ul li::before {
  content: "-";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}
.ai-applications.only-mobile .ai-applications-indicators {
  list-style-type: none;
  width: 75%;
  margin: auto;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
}
.ai-applications.only-mobile .ai-applications-indicators li {
  float: left;
  padding: 10px;
}
.ai-applications.only-mobile .ai-applications-indicators li [data-bs-target] {
  width: 8px !important;
  height: 14px !important;
  border-radius: 10px !important;
  border: 1px solid #d4d4d4 !important;
  margin: 5px;
}

.ai-applications h4 {
  text-align: left;
  font-size: 26px !important;
  line-height: 36px !important;
  letter-spacing: 0.2px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  opacity: 1 !important;
}
.ai-applications p {
  font-size: 18px !important;
  line-height: 27px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  text-transform: capitalize;
  opacity: 1 !important;
}

/*
*
* ==========================================
* AI-Applications 
* ==========================================
*/
/*
*
* ==========================================
* Recommended for you
* ==========================================
*/
.recommended-4u {
  background-color: #000;
}
.recommended-4u .ct-heading {
  color: #fff;
}
.recommended-4u h4 {
  font-size: 26px !important;
  line-height: 36px !important;
  letter-spacing: 0px !important;
  color: #fff !important;
  opacity: 1 !important;
}

.cards-wrapper {
  display: flex;
  justify-content: center;
}
.cards-wrapper .card {
  border-radius: 4px !important;
  background-color: #000 !important;
  border: 1px solid rgba(255, 255, 255, 0.3960784314);
  height: 400px;
}
.cards-wrapper .card .card-title {
  font-size: 18px !important;
  line-height: 24px !important;
  letter-spacing: 0.56px !important;
  color: #fff !important;
  opacity: 1 !important;
  font-family: "Open Sans", sans-serif !important;
  font-weight: 500 !important;
}
.cards-wrapper .card img {
  max-width: 100%;
  max-height: 100%;
}

/*
*
* ==========================================
* Recommended for you
* ==========================================
*/
/***** Digital Marketing *****/
.digital-marketing {
  background-color: #121212;
  /* Add indicator arrow for the active tab */
}
.digital-marketing .tab-content img {
  width: 100%;
  height: auto;
}
.digital-marketing .nav-item {
  border-bottom: 0px solid #ccc !important;
  padding: 10px 0px 0px;
}
.digital-marketing .dm-bg {
  background: #121212;
}
.digital-marketing .digital-marketing.only-mobile {
  background-color: #121212;
}
.digital-marketing .digital-marketing.only-mobile .nav-item {
  border-bottom: 1px solid #ccc !important;
}
.digital-marketing .digital-marketing.only-mobile .dm-bg {
  background: #121212;
}
.digital-marketing .nav-pills-custom .nav-link {
  color: #aaa;
  background: #fff;
  position: relative;
}
.digital-marketing .nav-pills-custom .nav-link.active {
  color: #45b649;
  background: #fff;
}
@media (min-width: 992px) {
  .digital-marketing .nav-pills-custom .nav-link::before {
    content: "";
    display: block;
    border-top: 8px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    opacity: 0;
  }
}
.digital-marketing .nav-pills-custom .nav-link.active::before {
  opacity: 1;
}
.digital-marketing #v-pills-tab .nav-link {
  margin: 5px;
  border: 1px solid #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding: 30px 20px;
  border-radius: 5px;
  text-align: left;
  font-size: 20px;
  line-height: 46px;
  letter-spacing: 0.01px;
  opacity: 1;
  color: #000;
  background-color: #fff;
}
.digital-marketing #v-pills-tab .nav-link.col-6 {
  /* 10px is just double the size of 5px margin set on .nav-link */
  max-width: calc(50% - 10px);
}
.digital-marketing #v-pills-tab .nav-link.col-12 {
  max-width: calc(100% - 10px);
}
.digital-marketing .nav-pills .nav-link.active, .digital-marketing .nav-pills .show > .nav-link {
  background-color: #1C1C1C !important;
  color: #FFFFFF !important;
  border-radius: 0px !important;
  text-align: center;
  font-weight: bold;
  opacity: 1;
}
.digital-marketing .nav-link img {
  width: 45px;
  height: 45px;
  position: relative;
}
.digital-marketing .nav-pills .nav-link {
  border-radius: 0px !important;
  letter-spacing: 0.15px;
  opacity: 0.6;
  color: #fff;
  font-size: 20px;
  line-height: 30px;
  padding: 0px 5px 10px;
  margin: 0px 25px;
  font-weight: bold;
  text-align: center;
}
.digital-marketing .work-link span {
  margin-left: 25%;
}
.digital-marketing .design, .digital-marketing .digital, .digital-marketing .data-engineering, .digital-marketing .ai, .digital-marketing .it-services, .digital-marketing .connectivity, .digital-marketing .industry-4-0, .digital-marketing .artificial-intelligence, .digital-marketing .technology-enabled-services {
  position: relative;
  display: inline-block;
}
.digital-marketing .design .img-front, .digital-marketing .digital .img-front, .digital-marketing .data-engineering .img-front, .digital-marketing .ai .img-front, .digital-marketing .it-services .img-front, .digital-marketing .connectivity .img-front, .digital-marketing .industry-4-0 .img-front, .digital-marketing .artificial-intelligence .img-front, .digital-marketing .technology-enabled-services .img-front {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.digital-marketing .design:hover .img-front, .digital-marketing .digital:hover .img-front, .digital-marketing .data-engineering:hover .img-front, .digital-marketing .ai:hover .img-front, .digital-marketing .it-services:hover .img-front, .digital-marketing .connectivity:hover .img-front, .digital-marketing .industry-4-0:hover .img-front, .digital-marketing .artificial-intelligence:hover .img-front, .digital-marketing .technology-enabled-services:hover .img-front {
  display: inline;
  position: relative;
}
.digital-marketing .design:hover .img-back, .digital-marketing .digital:hover .img-back, .digital-marketing .data-engineering:hover .img-back, .digital-marketing .ai:hover .img-back, .digital-marketing .it-services:hover .img-back, .digital-marketing .connectivity:hover .img-back, .digital-marketing .industry-4-0:hover .img-back, .digital-marketing .artificial-intelligence:hover .img-back, .digital-marketing .technology-enabled-services:hover .img-back {
  display: none;
  position: relative;
}
.digital-marketing .design.active .img-back, .digital-marketing .digital.active .img-back, .digital-marketing .data-engineering.active .img-back, .digital-marketing .ai.active .img-back, .digital-marketing .it-services.active .img-back, .digital-marketing .connectivity.active .img-back, .digital-marketing .industry-4-0.active .img-back, .digital-marketing .artificial-intelligence.active .img-back, .digital-marketing .technology-enabled-services.active .img-back {
  display: none;
  position: relative;
}
.digital-marketing .design.active .img-front, .digital-marketing .digital.active .img-front, .digital-marketing .data-engineering.active .img-front, .digital-marketing .ai.active .img-front, .digital-marketing .it-services.active .img-front, .digital-marketing .connectivity.active .img-front, .digital-marketing .industry-4-0.active .img-front, .digital-marketing .artificial-intelligence.active .img-front, .digital-marketing .technology-enabled-services.active .img-front {
  display: inline;
  position: relative;
}
.digital-marketing .design.active:after, .digital-marketing .digital.active:after, .digital-marketing .data-engineering.active:after, .digital-marketing .ai.active:after, .digital-marketing .it-services.active:after, .digital-marketing .connectivity.active:after, .digital-marketing .industry-4-0.active:after, .digital-marketing .artificial-intelligence.active:after, .digital-marketing .technology-enabled-services.active:after {
  border-left: 22px solid #00B5E2;
  border-right-color: transparent;
  border-top-color: transparent;
  bottom: -11px;
  content: "";
  display: block;
  position: absolute;
  right: 41%;
  transform: rotate(-135deg);
}
.digital-marketing .search-engine-optimization, .digital-marketing .search-engine-marketing, .digital-marketing .social-media-marketing, .digital-marketing .content-marketing, .digital-marketing .email-marketing, .digital-marketing .ecommerce-marketing, .digital-marketing .industry-4-0, .digital-marketing .artificial-intelligence, .digital-marketing .technology-enabled-services {
  position: relative;
  display: inline-block;
}
.digital-marketing .search-engine-optimization .img-front, .digital-marketing .search-engine-marketing .img-front, .digital-marketing .social-media-marketing .img-front, .digital-marketing .content-marketing .img-front, .digital-marketing .email-marketing .img-front, .digital-marketing .ecommerce-marketing .img-front, .digital-marketing .industry-4-0 .img-front, .digital-marketing .artificial-intelligence .img-front, .digital-marketing .technology-enabled-services .img-front {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.digital-marketing .search-engine-optimization:hover .img-front, .digital-marketing .search-engine-marketing:hover .img-front, .digital-marketing .social-media-marketing:hover .img-front, .digital-marketing .content-marketing:hover .img-front, .digital-marketing .email-marketing:hover .img-front, .digital-marketing .ecommerce-marketing:hover .img-front, .digital-marketing .industry-4-0:hover .img-front, .digital-marketing .artificial-intelligence:hover .img-front, .digital-marketing .technology-enabled-services:hover .img-front {
  display: inline;
  position: relative;
}
.digital-marketing .search-engine-optimization:hover .img-back, .digital-marketing .search-engine-marketing:hover .img-back, .digital-marketing .social-media-marketing:hover .img-back, .digital-marketing .content-marketing:hover .img-back, .digital-marketing .email-marketing:hover .img-back, .digital-marketing .ecommerce-marketing:hover .img-back, .digital-marketing .industry-4-0:hover .img-back, .digital-marketing .artificial-intelligence:hover .img-back, .digital-marketing .technology-enabled-services:hover .img-back {
  display: none;
  position: relative;
}
.digital-marketing .search-engine-optimization.active .img-back, .digital-marketing .search-engine-marketing.active .img-back, .digital-marketing .social-media-marketing.active .img-back, .digital-marketing .content-marketing.active .img-back, .digital-marketing .email-marketing.active .img-back, .digital-marketing .ecommerce-marketing.active .img-back, .digital-marketing .industry-4-0.active .img-back, .digital-marketing .artificial-intelligence.active .img-back, .digital-marketing .technology-enabled-services.active .img-back {
  display: none;
  position: relative;
}
.digital-marketing .search-engine-optimization.active .img-front, .digital-marketing .search-engine-marketing.active .img-front, .digital-marketing .social-media-marketing.active .img-front, .digital-marketing .content-marketing.active .img-front, .digital-marketing .email-marketing.active .img-front, .digital-marketing .ecommerce-marketing.active .img-front, .digital-marketing .industry-4-0.active .img-front, .digital-marketing .artificial-intelligence.active .img-front, .digital-marketing .technology-enabled-services.active .img-front {
  display: inline;
  position: relative;
}
.digital-marketing .search-engine-optimization.active:after, .digital-marketing .search-engine-marketing.active:after, .digital-marketing .social-media-marketing.active:after, .digital-marketing .content-marketing.active:after, .digital-marketing .email-marketing.active:after, .digital-marketing .ecommerce-marketing.active:after, .digital-marketing .industry-4-0.active:after, .digital-marketing .artificial-intelligence.active:after, .digital-marketing .technology-enabled-services.active:after {
  border-left: 22px solid #00B5E2;
  border-right-color: transparent;
  border-top-color: transparent;
  bottom: -11px;
  content: "";
  display: block;
  position: absolute;
  right: 41%;
  transform: rotate(-135deg);
}
@media screen and (min-width: 1440px) {
  .digital-marketing .nav-pills .nav-link {
    padding: 10px 5px 10px;
    margin: 0px 0px;
    width: 200px;
    height: 130px;
  }
}
@media screen and (max-width: 1439px) {
  .digital-marketing .nav-pills .nav-link {
    padding: 10px 0px 10px;
    margin: 0px;
    width: 180px;
    height: 130px;
  }
}
@media screen and (max-width: 1024px) {
  .digital-marketing .nav-pills .nav-link {
    padding: 0px 5px 10px;
    margin: 0px 0px;
    width: 130px;
    height: 140px;
  }
}
@media screen and (max-width: 768px) {
  .digital-marketing .nav-pills .nav-link {
    padding: 10px 5px 10px;
    margin: 0px 15px;
  }
  .digital-marketing #v-pills-tab .work-link {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 600px) {
  .digital-marketing .acc-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    overflow: hidden;
    width: 100%;
    height: 20% !important;
    transition: 0.5s ease;
    padding: 0% 8%;
  }
  .digital-marketing .nav-item {
    width: 100%;
  }
  .digital-marketing .carousel-item {
    margin-right: 0px !important;
  }
  .digital-marketing .w-50 {
    width: 100% !important;
  }
  .digital-marketing .header-banner {
    z-index: 999;
    border: 0px !important;
    position: relative;
    width: 100%;
    top: 100px;
    bottom: 0px;
  }
}
.digital-marketing .nav-pills .nav-link.active img, .digital-marketing .nav-pills .show > .nav-link img {
  color: #fff !important;
}
.digital-marketing .nav-link:hover {
  background-color: #1C1C1C !important;
  color: #fff !important;
  border-radius: 0px !important;
  text-align: center;
  font-weight: bold;
}
.digital-marketing .tab-content > .active {
  color: #fff !important;
  padding: 0px 10px !important;
}
.digital-marketing .tab-content > .active p {
  color: #fff !important;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
}
.digital-marketing .tab-content {
  line-height: 60px;
  background-color: #1C1C1C !important;
  margin: 0px !important;
}
.digital-marketing .tab-content strong {
  color: #1277CE;
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  line-height: 21px;
  letter-spacing: 1.78px;
  text-transform: uppercase;
  opacity: 1;
}
.digital-marketing .tab-content h4 {
  color: rgba(0, 0, 0, 0.8705882353);
  text-align: left;
  font-weight: 600;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px;
}
.digital-marketing .tab-content ul {
  list-style: none;
  padding: 20px 0px 40px;
  margin: 0px;
  -moz-column-count: 2;
       column-count: 2;
}
.digital-marketing .tab-content ul li::before {
  content: "•";
  display: inline-block;
  margin-right: 0.2rem;
  color: #FFF;
  font-weight: 600;
}
.digital-marketing .tab-content ul li {
  color: #fff;
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 10px 10px;
}
.digital-marketing .tab-content .img-fluid {
  box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.1843137255);
  border-radius: 4px;
}
.digital-marketing .explore-more {
  color: #F05B41 !important;
  border: 1px solid #F05B41 !important;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
}
.digital-marketing .explore-more:hover {
  background-color: #F05B41;
  color: #fff !important;
}

.digital-marketing .only-mobile .carousel-item {
  padding: 20px;
  box-shadow: 0 2px 37px 0 rgba(0, 0, 0, 0.1);
  height: auto;
}
.digital-marketing .only-mobile .carousel-item .title {
  display: flex;
  align-items: center;
  margin: 10px 0px;
}
.digital-marketing .only-mobile .carousel-item .title img {
  max-width: 100%;
  height: auto;
}
.digital-marketing .only-mobile .carousel-item .content strong {
  display: block;
  color: #1277CE;
  padding: 20px 0px;
}
.digital-marketing .only-mobile .carousel-item .content h4 {
  margin: 10px 0px;
}
.digital-marketing .only-mobile .carousel-item .content ul {
  list-style: none;
  padding: 20px 0px 40px;
  margin: 0px;
}
.digital-marketing .only-mobile .carousel-item .content ul li {
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 10px 10px;
}
.digital-marketing .only-mobile .carousel-item .content ul li::before {
  content: "-";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}

.dm-indicators {
  display: none;
}

@media screen and (max-width: 768px) {
  .dm-indicators {
    list-style-type: none;
    width: 50%;
    margin: auto;
    display: block;
    text-align: center;
  }
  .dm-indicators li {
    float: left;
    padding: 10px;
  }
  .dm-indicators li [data-bs-target] {
    width: 8px !important;
    height: 14px !important;
    border-radius: 10px !important;
    border: 1px solid #d4d4d4 !important;
    margin: 5px;
  }
}
/******Digital Marketing *******/
/*******Insight Home page *******/
.transformation .tab button.active h3 {
  color: #00B5E2 !important;
}

.img-conn {
  width: 60px;
  height: 60px;
  margin: 0px 20px 20px 0px;
  display: inline;
}

.transformation h3 {
  text-align: left;
  font-size: 26px;
  line-height: 39px;
  display: inline;
  letter-spacing: 0px;
  color: rgba(0, 0, 0, 0.8705882353);
}
.transformation .tab button.active {
  color: #00B5E2;
}
.transformation .tab span {
  font-size: 20px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.15px;
  line-height: 30px;
  text-align: left;
  padding-top: 20px;
  color: #000;
  font-weight: 500;
}
.transformation .tab span .active {
  color: #F05B41;
}

.tech-solutions .tab button.active h3 {
  color: #00B5E2 !important;
}

.fixed-submenu {
  position: fixed;
  top: 100px;
  right: 0;
  left: 0;
  z-index: 1030;
  background-color: #fff;
}

@media only screen and (min-width: 2060px) {
  .section-scroller {
    border-bottom: 1px solid #c8c9ca;
    top: 3rem !important;
    z-index: 99999;
    position: relative;
    background: #f5f5f5;
  }
}
.section-scroller {
  border-bottom: 1px solid #c8c9ca;
  top: 2rem;
  z-index: 999;
  position: relative;
  background: #f5f5f5;
}

.tech-solutions .tab button.active {
  color: #F05B41;
}
.tech-solutions h3 {
  text-align: left;
  font-size: 26px;
  line-height: 39px;
  display: inline;
  letter-spacing: 0px;
  color: #fff;
}
.tech-solutions .tab span {
  font-size: 20px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.15px;
  line-height: 30px;
  text-align: left;
  padding-top: 20px;
  color: #fff;
  font-weight: 500;
}
.tech-solutions .tab span .active {
  color: #F05B41;
}

.transformation-content {
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 8px;
}

.deploying-ai {
  background-color: #1277CE;
  color: #ffffff;
}
.deploying-ai .dm-list {
  display: flex;
  text-align: center;
  justify-content: center;
  margin-bottom: 2px;
}
.deploying-ai .dm-list li {
  width: 325px;
}
.deploying-ai .dm-list li a {
  color: #fff;
  opacity: 0.7;
}
.deploying-ai .dm-list li .active {
  background-color: #1277CE !important;
  color: #fff;
  opacity: 1;
  border-bottom: 5px solid #FFFFFF;
  border-radius: 0px !important;
}

.deploy-ai {
  background-color: #F5F5F5;
}

.reimagining {
  background-color: #E6E7E8;
  margin-top: 3rem;
  /***    a{
          background-color: #F05B41;
          font-size: 16px;
          font-family: "Open Sans", sans-serif !important;
          letter-spacing: 0.5px;
          padding: 10px 15px;
          border: 1px solid #F05B41;
          border-radius: 4px;
          text-decoration: none;
          text-transform: capitalize;
          line-height: 20px;
          text-align: center;
          color: #FFFFFF;
          opacity: 1;
          transition-duration: 0.5s;
      }
      a:hover {
          color: rgb(255, 255, 255);
          box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4784313725);
      }
      ****/
}
.reimagining h2 {
  color: rgba(0, 0, 0, 0.8705882353);
  text-align: left;
  line-height: 56px;
  font-size: 42px;
  opacity: 1;
  padding: 0px;
  margin: 0px;
  font-family: "Open Sans", sans-serif !important;
}
.reimagining h3 {
  color: rgba(0, 0, 0, 0.8705882353);
  text-align: left;
  line-height: 56px;
  font-size: 42px;
  opacity: 1;
  padding: 0px;
  margin: 0px;
  font-family: "Open Sans", sans-serif !important;
}
.reimagining h4 {
  color: rgba(0, 0, 0, 0.8705882353);
  text-align: left;
  font-size: 48px;
  line-height: 56px;
  letter-spacing: 1.58px;
  text-transform: uppercase;
  font-weight: bold;
}
.reimagining h3 {
  text-align: left;
  font-size: 26px;
  line-height: 39px;
  letter-spacing: 0px;
  color: rgba(0, 0, 0, 0.8705882353);
  padding: 15px 0px;
}
.reimagining .card-body {
  margin: 1rem 0rem;
}
.reimagining h5 {
  color: rgba(0, 0, 0, 0.8705882353);
  text-align: left;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0.15px;
}
.reimagining p {
  color: rgba(0, 0, 0, 0.8705882353);
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  letter-spacing: 0.14px;
  padding: 10px 0px 20px;
}

.scrolling-wrapper {
  overflow-x: hidden;
  overflow-y: hidden;
}
.scrolling-wrapper .card {
  display: inline-block;
  height: 300px;
  border-radius: 4px;
}
.scrolling-wrapper .card img {
  width: 300px;
  height: 156px;
}
.scrolling-wrapper .card h5 {
  font-size: 18px;
  line-height: 24px;
}

.insight-finance {
  background-color: #1277CE;
  color: #fff;
}
.insight-finance h5 {
  font-size: 34px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0px;
  text-transform: capitalize;
  line-height: 45px;
  text-align: left;
}
.insight-finance p {
  font-size: 16px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.5px;
  line-height: 24px;
  text-align: left;
  padding-top: 20px;
}

.why-work-with-us {
  background-color: #F5F5F5;
}

.tab {
  float: left;
  width: 100%;
  border-left: 1px solid rgba(0, 0, 0, 0.1843137255);
}

.tab button {
  display: flex;
  align-items: center;
  background-color: inherit;
  color: black;
  padding: 15px 15px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  border-left: 5px solid #fff;
  border-radius: 0px;
}

.tab button.active {
  border-left: 5px solid #00B5E2;
  border-radius: 0px;
}

.tab button.active p {
  display: block;
}

.tab button p {
  display: none;
}

.tab span {
  font-size: 20px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.15px;
  line-height: 30px;
  text-align: left;
  padding-top: 20px;
  color: #F05B41;
  font-weight: 500;
}

.tab p {
  font-size: 16px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.14px;
  line-height: 24px;
  text-align: left;
  padding-top: 20px;
  color: rgba(0, 0, 0, 0.8705882353);
}

.tabcontent {
  float: left;
  width: 100%;
}

/*******Insight Home page *******/
.homebanner-item {
  height: 100vh;
}

@media only screen and (min-width: 2560px) {
  .homebanner-item {
    height: 100vh;
  }
}
@media only screen and (max-width: 1440px) and (min-width: 1024px) {
  .homebanner-item {
    height: 100vh;
  }
}
@media only screen and (max-width: 768px) and (min-width: 600px) {
  .homebanner-item {
    height: 87vh;
  }
}
@media only screen and (max-width: 600px) {
  .homebanner-item {
    height: 86vh;
  }
}
/****Insight Finance *******/
article > aside {
  position: sticky;
  top: 10px;
  width: 100%;
  height: 100vh;
  z-index: 1;
}

.imgsSliding div {
  margin-left: 40%;
  height: 100vh;
}

.imgsSliding div:first-of-type {
  margin-top: -100vh;
}

article > aside {
  display: flex;
  justify-content: left;
  align-items: left;
  flex-direction: column;
  flex: 1;
  color: #fff;
}

.imgsSliding div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.imgsSliding div#eCommerce {
  margin-top: 0;
  transition: margin-top 2s fade-up;
}

.imgsSliding div#fintech {
  transition: margin-top 2s fade-up;
}

.slide-content {
  position: absolute;
  z-index: 2;
  transition: visibility 0.5s ease 0s, opacity 1s linear 0s;
  top: 20%;
}
.slide-content h2 {
  font-size: 42px;
  line-height: 56px;
  font-weight: 700;
  margin-bottom: 20px;
  padding: 0px;
  width: 47% !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6352941176);
  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.6352941176);
}
.slide-content h3 {
  font-size: 22px;
  line-height: 33px;
  font-weight: 500;
  margin-bottom: 15px;
  padding: 0px;
  width: 47% !important;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6352941176);
  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.6352941176);
}

.slide-content p {
  width: 100%;
}

@media (max-width: 767px) {
  .inds__title {
    font-size: 40px !important;
    line-height: 60px !important;
  }
  .slide-content p {
    width: 100% !important;
  }
  .slide-content {
    left: 0;
    margin: 12px;
    background: rgba(0, 19, 40, 0.5);
    padding: 20px;
    border-radius: 4px;
  }
  .imgsSliding div {
    width: 100%;
    margin: 0px;
  }
}
.contentcenter {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px;
}

.slide-content .headingTitle {
  margin-bottom: 60px;
}

.slide-content .inds__title h3 {
  font-size: 32px;
  font-weight: 700;
  line-height: 45px;
  margin-bottom: 25px;
  width: 47% !important;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6352941176);
  -webkit-text-stroke: 1px rgba(0, 0, 0, 0.6352941176);
  color: #fff;
}

.slide-content h4 {
  font-size: 22px;
  font-weight: 500;
  line-height: 33px;
  margin-bottom: 10px;
}

.slide-content p {
  width: 40%;
}

.slide-content p {
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.8px;
}

p {
  overflow-wrap: break-word;
}

/*****Insight Finance *****/
/*********Innovation Research **********/
/*********Innovation Research **********/
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Generator: Adobe Illustrator 27.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) --%3E%3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24;' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bdisplay:none;fill-rule:evenodd;clip-rule:evenodd;fill:%2300B5E2;%7D .st1%7Bfill-rule:evenodd;clip-rule:evenodd;fill:%2300B5E2;%7D%0A%3C/style%3E%3Cpath class='st0' d='M11,2v9H2v2h9v9h2v-9h9v-2h-9V2H11z'/%3E%3Crect x='2' y='11' class='st1' width='20' height='2'/%3E%3C/svg%3E%0A");
}

.accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M 11 2 L 11 11 L 2 11 L 2 13 L 11 13 L 11 22 L 13 22 L 13 13 L 22 13 L 22 11 L 13 11 L 13 2 Z' fill='%2300B5E2' fill-rule='evenodd'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}

@media screen and (min-width: 1921px) {
  .bg-half-170 {
    padding: 120px 0px;
    background-size: cover;
    align-self: center;
    position: relative;
    background-position: center center;
  }
  .updates {
    background-color: #F5F5F5;
  }
  .updates .features-absolute {
    margin: -10px auto 0px;
    box-shadow: 0px 16px 40px rgba(0, 0, 0, 0.1607843137);
    position: relative;
    z-index: 999;
    transition: all 0.5s ease;
    background-color: #FFFFFF;
    border-radius: 4px;
    padding: 70px 50px;
  }
}
.casestudies-carousel .slick-track {
  margin: 0px 5px;
}
.casestudies-carousel .slick-slide {
  margin: 10px 20px 10px 0px;
}
.casestudies-carousel .slick-slide .card {
  height: 400px;
  border: 1px solid #ccc;
  transition: all ease 0.5s;
}
.casestudies-carousel .slick-slide:hover {
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
}
.casestudies-carousel .slick-slide img {
  width: 100% !important;
  height: auto !important;
  border-radius: 4px 4px 0px 0px;
  margin-top: -1px;
}
.casestudies-carousel .slick-slide img:hover {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.casestudies-carousel .slick-dots {
  bottom: -45px !important;
}

.tech-solutions h2.ct-heading {
  line-height: 56px;
  font-size: 42px;
  letter-spacing: -0.03px;
  opacity: 1;
  text-align: left;
  font-weight: 600;
  padding: 0px;
  text-transform: capitalize;
  margin-left: -4px;
  color: #fff;
}

.homeIndsSec {
  background-color: #001328;
}

.contact-us {
  background-color: #f5f5f5;
}
.contact-us .wpcf7-not-valid-tip {
  font-size: 14px;
  color: red;
}
.contact-us h2.ct-heading {
  font-size: 42px;
  line-height: 56px;
  letter-spacing: -0.03px;
  opacity: 1;
  text-align: left;
  font-weight: bold;
  padding: 0px;
  margin-left: -4px;
  font-weight: 600;
  color: #000;
}
.contact-us span {
  color: #000;
  font-size: 24px;
  line-height: 36px;
}
.contact-us .wpcf7-form-control-wrap {
  color: #000;
  font-size: 24px;
  line-height: 36px;
  padding: 0px;
}
.contact-us table tr {
  color: #000;
  font-size: 24px;
  line-height: 36px;
  border: 0px;
}
.contact-us table th, .contact-us table td {
  border: 0px;
  color: #000;
}
.contact-us .join {
  color: #000;
  font-size: 34px;
  line-height: 36px;
}

.view-openings {
  color: #fff !important;
  border: 1px solid #00B5E2 !important;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
  margin: 20px 0px;
  background-color: #00B5E2 !important;
}
.view-openings:hover {
  border: 1px solid #00B5E2 !important;
  background-color: #FFF !important;
  color: #00B5E2 !important;
}

.wpcf7-form label {
  padding: 0px 0px 10px;
}
.wpcf7-form textarea {
  width: 100%;
  height: 60px;
}
.wpcf7-form .wpcf7-submit {
  color: #FFF !important;
  border: 1px solid #F05B41 !important;
  background-color: #F05B41;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
  width: 150px;
  float: right;
}
.wpcf7-form .wpcf7-submit:hover {
  background-color: #FFF;
  color: #F05B41 !important;
  border: 1px solid #F05B41 !important;
}
.wpcf7-form input[type=text], .wpcf7-form input[type=email], .wpcf7-form textarea {
  border-bottom: 2px solid #ccc;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  border-radius: 0px;
  color: #838383;
  font-size: 18px;
  padding: 0px;
  background-color: transparent;
}
.wpcf7-form input[type=text]:hover, .wpcf7-form input[type=email]:hover, .wpcf7-form textarea:hover {
  background-color: transparent !important;
  border-bottom: 2px solid #1277CE !important;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  color: #1277CE !important;
  border: none;
  border-radius: 0px !important;
}
.wpcf7-form input[type=text]:focus, .wpcf7-form input[type=email]:focus, .wpcf7-form textarea:focus {
  background-color: transparent !important;
  border-bottom: 2px solid #1277CE !important;
  color: #1277CE !important;
  border: none;
  border-radius: 0px !important;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
}
.wpcf7-form input[type=text]:focus-visible, .wpcf7-form input[type=email]:focus-visible, .wpcf7-form textarea:focus-visible {
  outline: none;
}

.wpcf7-form {
  background-color: #fff;
  padding: 50px;
  border-radius: 4px;
}

.zohoCls-section {
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4);
}

.zoho-iframe {
  background-color: #E8E8E8;
}

.want-to-explore.careers {
  background-color: #fff;
}

.want-to-explore.contact.us {
  background-color: #fff;
}

.success-story {
  background: #E6E7E8;
}

.slick-dots li {
  width: 12px !important;
  height: 12px !important;
}

.slick-dots li.slick-active button:before {
  opacity: 1 !important;
  background: #00B5E2 !important;
}

.slick-dots li button:before {
  font-size: 10px !important;
  line-height: 13px !important;
  color: transparent !important;
  opacity: 1 !important;
  width: 8px !important;
  height: 8px !important;
  outline: 1px solid #00B5E2 !important;
  outline-offset: 1px !important;
  border-radius: 40px !important;
}

.single_post {
  background-color: #fff;
}

.whychoose-development {
  background-color: #E6E7E8 !important;
}

.page-template-guide, .page-template-case-subpages, .page-template-infographics-subpages, .page-template-resources-subpages, .page-template-contact-us, .page-template-careers, .page-template-home, .page-template-lean-product-engineering, .category, .page-template-one-pagers, .page-template-one-pagers-subpage, .page-template-sales-resources, .page-template-brochures, .page-template-brochures-subpage, .page-template-sales-resources-subpage, .page-template-pressroom, .page-template-sitemap, .page-template-leadership-insights, .page-template-past-events, .page-template-events, .page-template-product-development-lifecycle, .page-template-news-updates, .page-template-infographics, .page-template-blogs, .page-template-resources, .page-template-case-studies, .page-template-whitepapers {
  background-color: #F5F5F5 !important;
}
.page-template-guide .want-to-explore, .page-template-case-subpages .want-to-explore, .page-template-infographics-subpages .want-to-explore, .page-template-resources-subpages .want-to-explore, .page-template-contact-us .want-to-explore, .page-template-careers .want-to-explore, .page-template-home .want-to-explore, .page-template-lean-product-engineering .want-to-explore, .category .want-to-explore, .page-template-one-pagers .want-to-explore, .page-template-one-pagers-subpage .want-to-explore, .page-template-sales-resources .want-to-explore, .page-template-brochures .want-to-explore, .page-template-brochures-subpage .want-to-explore, .page-template-sales-resources-subpage .want-to-explore, .page-template-pressroom .want-to-explore, .page-template-sitemap .want-to-explore, .page-template-leadership-insights .want-to-explore, .page-template-past-events .want-to-explore, .page-template-events .want-to-explore, .page-template-product-development-lifecycle .want-to-explore, .page-template-news-updates .want-to-explore, .page-template-infographics .want-to-explore, .page-template-blogs .want-to-explore, .page-template-resources .want-to-explore, .page-template-case-studies .want-to-explore, .page-template-whitepapers .want-to-explore {
  height: 30px;
  background-color: #F5F5F5 !important;
}

.page-template-industry-solutions, .page-template-design-experience, .page-template-skyshot, .page-template-about-us, .single-guides, .page-template-data-engineering, .page-template-faq, .single-pressroom, .single-glossary, .news_and_updates-template-default {
  background-color: #ffffff !important;
}
.page-template-industry-solutions .want-to-explore, .page-template-design-experience .want-to-explore, .page-template-skyshot .want-to-explore, .page-template-about-us .want-to-explore, .single-guides .want-to-explore, .page-template-data-engineering .want-to-explore, .page-template-faq .want-to-explore, .single-pressroom .want-to-explore, .single-glossary .want-to-explore, .news_and_updates-template-default .want-to-explore {
  height: 30px;
  background-color: #ffffff !important;
}

.page-template-innovation-research, .page-template-professional-services {
  padding-top: 3rem;
  background-color: #001328 !important;
}
.page-template-innovation-research .want-to-explore, .page-template-professional-services .want-to-explore {
  height: 30px;
  background-color: #001328 !important;
}

.page-template-profile {
  background-color: #333 !important;
}
.page-template-profile .want-to-explore {
  height: 30px;
  background-color: #333 !important;
}

/*****Our Philisophy****/
.owl-theme {
  position: relative;
}

.owl-theme .owl-nav {
  display: flex;
  text-align: left;
  -webkit-tap-highlight-color: transparent;
  position: absolute !important;
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev {
  display: inline-block;
  width: 36px;
  height: 36px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  text-align: center;
  cursor: pointer;
  margin-right: 16px;
  background-color: #2d8ce4;
  font-size: 21px;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
}

.owl-carousel button.owl-dot {
  display: none !important;
}

.mobileSlider {
  margin: 60px auto;
  width: 100%;
  background-color: antiquewhite;
}

.item h2 {
  padding-left: 10px;
}

.item p {
  padding-left: 10px;
}

@media only screen and (max-width: 992px) {
  .mobileSlider {
    display: block;
  }
  .deskSlider {
    display: none;
  }
}
@media only screen and (min-width: 992px) {
  .mobileSlider {
    display: none;
  }
  .deskSlider {
    display: block;
  }
}
.our-philosophy-slider {
  width: 103%;
  height: 550px;
  overflow: hidden;
}

.our-philosophy-slider ul {
  height: 100%;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
}

.our-philosophy-slider ul li {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  transition: all 1s ease;
}

.our-philosophy-slider ul li .panel-inner {
  background-repeat: no-repeat;
  background-position: center center;
  overflow: hidden;
  display: inline-block;
  height: 100%;
  width: 100%;
  position: relative;
  z-index: 3;
}

.our-philosophy-slider ul li .panel-inner .button {
  position: absolute;
  bottom: 10px;
  left: 130px;
  width: auto;
  opacity: 0;
  text-overflow: ellipsis;
  z-index: 5;
  background-color: white;
  padding: 20px;
  white-space: nowrap;
  overflow: hidden;
  transform: translateX(-20px);
  transition: all 0.5s ease;
}

.our-philosophy-slider ul li .panel-inner .title {
  background-color: #003865;
  color: #fff;
  width: 100px;
  height: 100%;
  position: relative;
  cursor: pointer;
}

.our-philosophy-slider ul li .panel-inner .title__inner {
  position: absolute;
  transform: rotate(-90deg);
}

.our-philosophy-slider ul li .panel-inner .title__text {
  font-size: 16px;
  display: inline-block;
  width: 190px;
  text-align: center;
  transform: rotate(-90deg) translate3d(-78%, -100%, 0) !important;
  text-align: end;
}

.our-philosophy-slider ul li .panel-inner .title__number {
  font-size: 24px;
  display: inline-block;
  width: 500px;
  text-align: center;
  /* transform: rotate(-90deg) translate3d(0%, -600%, 0) !important; */
  transform: translate3d(-40%, 1350%, 0) !important;
}

.our-philosophy-slider ul li.is-open {
  flex-grow: 1;
  transition: all 1s ease;
}

.our-philosophy-slider ul li.is-open .button {
  opacity: 1 !important;
}

.our-philosophy-slider ul li.is-open .title {
  background-color: transparent;
  transition: all 1s ease;
}

.our-philosophy-slider ul li.is-open a * {
  opacity: 1;
}

li.at-accordion__panel {
  border-left: 1px solid #fff;
  border-right: 1px solid #fff;
}

.our-philosophy-slider ul li.is-open .title__text {
  font-size: 30px !important;
  display: inline-block;
  width: 100%;
  height: 18%;
  text-align: center;
  transform: rotate(0deg) translate3d(-73%, 77%, 0) !important;
  text-align: end;
  color: #fff;
}

.our-philosophy-slider ul li:nth-child(odd).is-open .title__text {
  font-size: 30px !important;
  display: inline-block;
  width: 100%;
  height: 18%;
  text-align: center;
  transform: rotate(0deg) translate3d(-70%, 77%, 0) !important;
  text-align: end;
  color: #000;
}

.our-philosophy-slider ul li.is-open .title__number {
  display: none;
}

.our-philosophy-slider ul li.is-open .title {
  width: 100%;
}

.our-philosophy-slider ul li:nth-child(1).is-open .title-subtext {
  width: 100%;
  font-size: 18px !important;
  display: inline-block;
  text-align: center;
  transform: rotate(0deg) translate3d(-65%, 24%, 0) !important;
  text-align: end;
  color: black;
  padding: 10px 0px;
}

.our-philosophy-slider ul li:nth-child(3).is-open .title-subtext {
  width: 100%;
  font-size: 18px !important;
  display: inline-block;
  text-align: center;
  transform: rotate(0deg) translate3d(-69%, 24%, 0) !important;
  text-align: end;
  color: black;
  padding: 10px 0px;
}

.our-philosophy-slider ul li.is-open .title-subtext {
  width: 100%;
  font-size: 18px !important;
  display: inline-block;
  text-align: center;
  transform: rotate(0deg) translate3d(-65%, 24%, 0) !important;
  text-align: end;
  color: white;
  padding: 10px 0px;
}

.our-philosophy-slider ul li:not(.is-open) .title-subtext {
  display: none;
}

.our-philosophy-slider ul li:not(.is-open) .title__text {
  font-size: 24px !important;
  color: #fff;
}

.our-philosophy-slider ul li:not(.is-open) {
  width: 100px;
}

/*****our-philosophy****/
.mySwiper2 .swiper-slide span {
  font-weight: 600;
  font-size: 18px;
  line-height: 1.7;
  display: block;
}
.mySwiper2 .swiper-slide p {
  font-size: 18px;
  line-height: 1.7;
  display: block;
  text-align: center;
}
.mySwiper2 .swiper-slide h3 {
  text-align: left;
  font-size: 26px;
  line-height: 39px;
  letter-spacing: 0px;
  color: rgba(0, 0, 0, 0.8705882353);
  display: block;
  text-align: center;
}

.profile {
  background-color: #333;
}
.profile .fa-circle-arrow-left {
  color: #fff !important;
  font-size: 26px !important;
}
.profile h2 {
  color: #fff;
  animation-name: fade-in;
  animation-duration: 5s;
}
.profile h3 {
  color: #fff;
  animation-name: fade-in;
  animation-duration: 5s;
}
.profile p {
  color: #fff;
  animation-name: fade-in;
  animation-duration: 3s;
}

@keyframes fade-in {
  from {
    opacity: 0;
    transform: translate3d(0, -20%, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}
.imgView {
  transition: width 2s, height 4s;
}

.anim {
  width: 100% !important;
}

.demo {
  width: 100px;
  height: 100px;
  background: red;
  transition: width 2s, height 4s;
}

.demo:hover {
  width: 300px;
  height: 300px;
}

/***********404*************/
.errorpage-banner {
  background: url("../images/404.png") no-repeat center;
  background-size: cover;
}
.errorpage-banner h1 {
  line-height: 72px;
  font-size: 60px;
  padding: 32px 0px !important;
  color: #fff;
  font-weight: bold;
  opacity: 1;
  letter-spacing: -0.48px;
  font-family: "Open Sans", sans-serif !important;
  text-transform: capitalize;
}
.errorpage-banner h2 {
  line-height: 56px;
  font-size: 42px;
  padding: 0px;
  font-weight: 600;
  color: #fff;
  opacity: 1;
  letter-spacing: 1.56px;
  text-transform: capitalize;
  font-family: "Open Sans", sans-serif !important;
}
.errorpage-banner h3 {
  text-align: left;
  font-size: 26px;
  line-height: 39px;
  letter-spacing: 0px;
  color: #fff;
}
.errorpage-banner p {
  color: #000000;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  text-align: left;
  letter-spacing: 0.18px;
}

/***********404*************/
/****Menu****/
@media (min-width: 1024px) {
  .desktop-header {
    display: block;
  }
  .mobile-header {
    display: none;
  }
}
@media (max-width: 1023px) {
  .desktop-header {
    display: none;
  }
  .mobile-header {
    display: block;
  }
}
@media (max-width: 991px) and (min-width: 769px) {
  .container, .container-md, .container-sm {
    max-width: 96%;
  }
  footer .container {
    max-width: 100%;
  }
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4) !important;
}

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.mySwiper-ai .swiper-slide {
  text-align: center;
  font-size: 18px;
  color: rgba(0, 0, 0, 0.8705882353);
  background-color: #F5F5F5;
  display: flex;
  justify-content: center;
  align-items: start;
  height: 630px;
}

@media (max-width: 1440px) and (min-width: 769px) {
  .header-banner {
    padding-top: 0vw;
    top: 4vw;
  }
  .video-container {
    padding-top: 0vw;
    top: 3vw !important;
  }
  .overview {
    top: 6vw;
    bottom: 6vw;
  }
  .new-who-we-are-stats {
    margin-top: 6.4rem;
  }
}
.howe-doit .accordion-body ul li {
  font-size: 18px !important;
  line-height: 27px !important;
  margin-bottom: 20px;
}
.howe-doit .accordion-button {
  font-size: 20px;
  line-height: 30px;
}

.who-we-work-with .accordion-body ul li, .myai-applications .accordion-body ul li {
  font-size: 16px !important;
  line-height: 24px !important;
}
.who-we-work-with .accordion-item, .myai-applications .accordion-item {
  padding: 0rem 2rem;
}
.who-we-work-with .accordion-header, .myai-applications .accordion-header {
  padding: 5px 0px !important;
  border-bottom: 0px solid #000 !important;
  font-size: 26px !important;
  line-height: 36px !important;
  letter-spacing: 0.2px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  font-weight: 500 !important;
  vertical-align: middle;
  display: inline;
}
.who-we-work-with .accordion-header img, .myai-applications .accordion-header img {
  width: 50px;
  height: 50px;
}
.who-we-work-with .accordion-header .title, .myai-applications .accordion-header .title {
  font-size: 20px;
  padding: 0px 15px;
}
.who-we-work-with .accordion-body img, .myai-applications .accordion-body img {
  display: none;
}

.modal-dialog {
  max-width: 100%;
  margin-top: 7%;
  margin-left: 0;
  margin-right: 0;
  margin-bottom: 0;
  height: auto;
}

.modal-title.text-white {
  font-size: 32px;
  line-height: 48px;
  padding: 0px 0px 10px;
}

.modal-designation {
  font-size: 24px;
  line-height: 36px;
  padding: 0px 0px 10px;
}

@media screen and (max-width: 835px) {
  .modal-body .row {
    display: flex;
    flex-direction: column-reverse;
  }
  .modal-dialog {
    max-width: 100%;
    margin: 15% 0%;
    height: auto;
  }
}
.slideBtn {
  display: inline-block;
  border: 1px solid #00B5E2 !important;
  background-color: #00B5E2 !important;
  color: #fff !important;
  text-decoration: none;
  padding: 4px 10px;
  border-radius: 4px;
  margin: 0 10px;
  font-size: 13px;
}

@media screen and (max-width: 376px) and (min-width: 320px) {
  .logo-holder {
    margin-right: 0vw !important;
  }
}
@media screen and (max-width: 835px) {
  .practices-dark .accordion-item {
    background-color: #212529 !important;
    border: 1px solid !important;
    border-bottom-color: #F05B41 !important;
    border-top-color: rgba(0, 0, 0, 0) !important;
    border-left-color: rgba(0, 0, 0, 0) !important;
    border-right-color: rgba(0, 0, 0, 0) !important;
    border-radius: 0px !important;
  }
  .practices-dark .accordion-item .accordion-header {
    background: #212529;
  }
  .practices-dark .accordion-item .accordion-header .accordion-button {
    color: #fff !important;
    background: #212529 !important;
  }
  .practices-dark .accordion-collapse.collapse {
    background: #212529 !important;
    color: #fff !important;
  }
  .practices-dark .accordion-body p {
    color: #fff !important;
  }
  .practices-dark .accordion-body ul li {
    color: #fff !important;
  }
}
@media screen and (max-width: 601px) {
  .logo-holder {
    margin-right: 10vw;
  }
  .big-screen {
    display: none !important;
  }
  .owl-carousel {
    display: block !important;
  }
  .owl-carousel .item {
    position: relative;
    margin-top: 0.5rem;
  }
  .owl-carousel .item .card-overlay {
    position: absolute;
    background: #060606;
    width: 100%;
    height: 100%;
    opacity: 0.3;
  }
  .owl-carousel .item .title__text {
    position: absolute;
    top: 2.5rem;
    left: 1rem;
    color: white;
  }
  .owl-carousel .item .title-subtext {
    position: absolute;
    top: 5rem;
    left: 0.3rem;
    color: white;
  }
  .resources .row:nth-child(1), .resources .row:nth-child(2) {
    padding: 1rem !important;
  }
  .resources .tab-content {
    margin-top: 2rem !important;
  }
  .resources .tab-content .row {
    padding: 0rem !important;
  }
  .our-presence .vertical-scrolling {
    margin-bottom: 0px;
  }
  .page-template-contact-us .container.text-center.text-md-start.mt-5 {
    margin-top: 1rem !important;
  }
  .get-to-know h2 {
    font-size: 28px;
    line-height: 42px;
    letter-spacing: 0.6px;
    opacity: 1;
    text-align: left;
    font-weight: bold;
    padding-left: 0px;
  }
  .employee-say h2 {
    font-size: 28px;
    line-height: 42px;
    letter-spacing: 0.6px;
    opacity: 1;
    text-align: left;
    font-weight: bold;
    padding-left: 0px;
  }
  .features-absolute {
    padding: 70px 20px !important;
  }
  .features-absolute .col-md-6:nth-child(2) {
    padding: 1rem 0rem 0rem;
  }
  .success-story .row .col-md-4 {
    padding: 1rem 0rem;
  }
  .success-story .row .col-md-6:nth-child(2) {
    padding: 2rem 0rem;
  }
  .practices-accordion .accordion-header {
    padding: 5px 0px !important;
  }
  .practices-accordion .img-mobile {
    margin: 0px 10px;
  }
  #tech-services .img-border, #tech-solutions .img-border {
    height: 60px;
    width: 60px;
    border: 1px dashed #f16348;
    border-radius: 50%;
    padding: 15px;
    margin: 5px 15px !important;
  }
  [data-sal][data-sal-duration="500"] {
    transition-duration: 0s;
  }
  .partnership-advantages .service_list .service-overlay h2 {
    font-size: 16px;
  }
  .partnership-advantages h2 {
    line-height: 48px;
    font-size: 32px;
  }
  .tech-solutions h2.ct-heading {
    line-height: 48px;
    font-size: 32px;
  }
  .tech-solutions h3 {
    font-size: 18px;
    line-height: 1.7;
  }
  .transformation h3 {
    font-size: 18px;
    line-height: 1.7;
  }
  .overview.connectivity {
    margin-top: 55px;
  }
  .tech-serv-body, .li-content {
    font-size: 16px;
    line-height: 24px;
  }
  .practices-accordion .accordion-item {
    padding: 0rem 0rem;
  }
  .practices-accordion .accordion-body {
    padding: 1rem !important;
  }
  .practices-accordion .img-conn {
    width: 60px;
    height: 60px;
    margin: 0px 20px 0px 10px !important;
    display: inline;
  }
  .practices-accordion ul li {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .tech-sol-body {
    font-size: 16px;
    line-height: 24px;
  }
  .slide-content {
    position: absolute;
    z-index: 2;
    transition: visibility 0.5s ease 0s, opacity 1s linear 0s;
    top: 4%;
  }
  .slide-content h2 {
    font-size: 32px;
    line-height: 48px;
    font-weight: 700;
    margin-bottom: 20px;
    padding: 0px;
    width: 100% !important;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6352941176);
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.6352941176);
  }
  .slide-content h3 {
    font-size: 22px;
    line-height: 33px;
    font-weight: 500;
    margin-bottom: 15px;
    padding: 0px;
    width: 100% !important;
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6352941176);
    -webkit-text-stroke: 1px rgba(0, 0, 0, 0.6352941176);
  }
  .section-scroller {
    border-bottom: 1px solid #c8c9ca;
    z-index: 99999;
    margin-top: 55px;
    display: none;
  }
  .fixed-submenu {
    position: fixed;
    top: 4px;
    right: 0;
    left: 0;
    z-index: 1030;
    background-color: #fff;
    display: none;
  }
  .tes-accordion .accordion-body .col-lg-5 {
    display: none;
  }
  .tes-accordion .accordion-body ul li {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  #overview .row .col-md-4 {
    padding: 0rem 1rem 2rem !important;
  }
  .process-innovation .row .col-md-4 {
    padding: 0rem 1rem 2rem !important;
  }
  .contact-us {
    background-color: #f5f5f5;
    padding-top: 3rem;
  }
  .contact-us .col-md-8.d-flex.justify-content-center.px-5 {
    padding-left: 0.5rem !important;
    padding-right: 0.5rem !important;
  }
  .contact-us .col-md-8.d-flex.justify-content-center.px-5 .crmWebToEntityForm {
    padding: 20px !important;
  }
  .contact-us h2.ct-heading {
    font-size: 28px;
    line-height: 42px;
    letter-spacing: 0.6px;
    opacity: 1;
    text-align: left;
    font-weight: bold;
    padding-left: 0px;
  }
  .contact-us span {
    color: #000;
    font-size: 20px;
    line-height: 30px;
  }
  .contact-us table tr {
    color: #000;
    font-size: 18px !important;
    line-height: 27px !important;
    border: 0px;
  }
  .contact-us table th, .contact-us table td {
    border: 0px;
    color: #000;
    padding: 0px !important;
  }
  .contact-us .join {
    color: #000;
    font-size: 20px !important;
    line-height: 30pxx !important;
  }
  .modal-dialog {
    max-width: 100%;
    margin: 15% 0%;
    height: auto;
  }
  .sec-h-space {
    top: -60px !important;
  }
  .page-template-lean-product-engineering {
    background-color: #F5F5F5 !important;
  }
  .page-template-home, .page-template-digital-engineering,
  .page-template-practices-ai, .page-template-practices-ai,
  .page-template-industry, .page-template-tes, .page-template-skyshot, .page-template-channel-partners {
    background-color: #E6E7E8 !important;
  }
  .py-5 {
    padding-top: 2rem !important;
    padding-bottom: 2rem !important;
  }
  .updates .features-absolute {
    padding: 70px 0px;
    margin: 0px auto 0px;
  }
  .resources .tab-content img {
    width: 100%;
    height: auto;
  }
  .overview-content ul li {
    font-size: 16px;
    line-height: 24px;
  }
  .footer-bottom {
    padding: 10px 0px;
  }
  .footer-bottom .social-icons {
    padding-left: 0rem !important;
  }
  .social-container .row {
    display: flex;
    flex-direction: column-reverse;
  }
  .reimagining h2 {
    line-height: 42px;
    font-size: 28px;
  }
  .reimagining h5 {
    font-size: 18px;
    line-height: 1.7;
  }
  .accordion-header {
    padding: 10px 0px !important;
  }
  .accordion-button {
    font-size: 20px !important;
    line-height: 30px !important;
  }
  .accordion-body p {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .offer-overlay h3 {
    text-align: left;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding-bottom: 0%;
    height: 200px;
  }
  .swiper-slide p {
    font-size: 16px;
    line-height: 24px;
    text-align: left;
  }
  .offer-overlay p {
    text-align: left;
    font-size: 16px !important;
    line-height: 24px !important;
    letter-spacing: 0.14px;
    color: #FFFFFF;
  }
  .overview-content.p-5 {
    position: relative;
    width: 100%;
    right: 0px;
    padding: 0rem !important;
    background-color: #f5f5f5;
  }
  .innerpage-banner .carousel-inner:nth-child(1) {
    height: auto !important;
  }
  .innerpage-banner .carousel-item.active:nth-child(1) {
    height: auto !important;
    display: flex !important;
    flex-direction: column-reverse;
  }
  .innerpage-banner .carousel-inner {
    height: 130vh;
  }
  .innerpage-banner .carousel-item.active {
    height: auto !important; /**height: 575px!important*/
    display: flex !important;
    flex-direction: column-reverse;
  }
  .innerpage-banner .bd-highlight {
    margin-left: 0.5rem;
    margin-top: 0.5rem;
    width: 90vw !important;
    height: auto;
  }
  .innerpage-banner .bd-highlight:nth-child(2), .innerpage-banner .bd-highlight:nth-child(3) {
    margin-top: 0rem;
    color: white !important;
  }
  .innerpage-banner .banner-link-btn ul {
    list-style: none;
    padding: 0px;
    -moz-column-count: 3;
         column-count: 3;
  }
  .innerpage-banner .banner-link-btn ul li {
    display: block;
  }
  .innerpage-banner .banner-link-btn ul li a {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
  }
  .innerpage-banner .banner-link-btn ul li a:after {
    content: "\f0da";
    font-family: "font awesome 6 free";
    font-weight: 600;
    padding: 10px 10px 0px 5px;
    color: #e63900;
  }
  .innerpage-banner .bd-highlight:nth-child(3) {
    margin-top: 0rem;
    color: white !important;
    display: block;
  }
  .innerpage-banner .bd-highlight:nth-child(4) {
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
  .innerpage-banner .bd-highlight:nth-child(4).link {
    background: none;
  }
  .innerpage-banner .main-banner-img {
    display: none !important;
  }
  .innerpage-banner .main-banner-img-mobile {
    display: block;
  }
  .innerpage-banner #container-mobile {
    position: absolute;
    top: 0;
  }
  .innerpage-banner .carousel-indicators [data-bs-target] {
    width: 15px !important;
  }
  .innerpage-banner .carousel-caption.carousel-caption-mobile {
    height: auto !important;
    top: 18vw !important;
    text-align: left !important;
    left: 2% !important;
    right: 0px !important;
    /* background: linear-gradient(359deg, rgba(0, 181, 226, 0.3019607843) 26%, #003865 54%) !important; */
    margin: 0rem 0;
    padding: 3rem 0;
    width: 100vw !important;
  }
  .innerpage-banner .orange-btn a {
    color: #fff !important;
    border: 1px solid #E22D00 !important;
    padding: 10px 15px !important;
    text-align: center;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    letter-spacing: 0.1px !important;
    text-transform: uppercase !important;
    opacity: 1;
    border-radius: 4px;
    text-decoration: none;
    margin: 10px 5px !important;
    background-color: #E22D00 !important;
  }
  .innerpage-banner .orange-btn a::after {
    content: "" !important;
    padding-left: 0px !important;
  }
  .innerpage-banner .links a {
    color: #fff !important;
    border: 1px solid #E22D00 !important;
    padding: 10px 15px !important;
    text-align: center;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    letter-spacing: 0.1px !important;
    text-transform: uppercase !important;
    opacity: 1;
    border-radius: 4px;
    text-decoration: none;
    margin: 10px 5px !important;
    background-color: #E22D00 !important;
  }
  .innerpage-banner .veltris-bpk .links a {
    color: #fff !important;
    border: 1px solid #E22D00 !important;
    padding: 10px 15px !important;
    text-align: center;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    letter-spacing: 0.1px !important;
    text-transform: uppercase !important;
    opacity: 1;
    border-radius: 4px;
    text-decoration: none;
    margin: 10px 5px !important;
    background-color: #E22D00 !important;
  }
}
.tes-accordion {
  background-color: #000;
}
.tes-accordion .accordion-item {
  padding: 0rem 2rem;
  background-color: #000;
}
.tes-accordion .accordion-header {
  padding: 5px 0px !important;
  border-bottom: 0px solid #000 !important;
  font-size: 26px !important;
  line-height: 36px !important;
  letter-spacing: 0.2px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  font-weight: 500 !important;
}
.tes-accordion .accordion-header .title {
  padding: 0px 15px;
  font-size: 20px;
}
.tes-accordion .accordion-collapse.collapse {
  padding-bottom: 3rem;
  border-bottom: 0px solid rgb(0, 0, 0) !important;
  border-radius: 0px !important;
}

.mySwiper .swiper-slide {
  height: auto;
  align-items: start !important;
}

.form-holder {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.form-holder .form-content {
  position: relative;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 60px;
}

.form-content .form-items {
  border: 3px solid #fff;
  padding: 40px;
  display: inline-block;
  width: 100%;
  border-radius: 10px;
  text-align: left;
  transition: all 0.4s ease;
}

.form-content h3 {
  color: #fff;
  text-align: left;
  font-size: 28px;
  font-weight: 600;
  margin-bottom: 5px;
}

.form-content h3.form-title {
  margin-bottom: 30px;
}

.form-content p {
  color: #fff;
  text-align: left;
  font-size: 17px;
  font-weight: 300;
  line-height: 20px;
  margin-bottom: 30px;
}

.form-content label, .was-validated .form-check-input:invalid ~ .form-check-label, .was-validated .form-check-input:valid ~ .form-check-label {
  color: #fff;
}

.form-content input[type=text], .form-content input[type=password], .form-content input[type=email], .form-content select {
  width: 100%;
  padding: 9px 20px;
  text-align: left;
  border: 0;
  outline: 0;
  border-radius: 6px;
  background-color: #fff;
  font-size: 15px;
  font-weight: 300;
  color: #8D8D8D;
  transition: all 0.3s ease;
  margin-top: 16px;
}

.btn-primary {
  background-color: #6C757D;
  outline: none;
  border: 0px;
  box-shadow: none;
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  background-color: #495056;
  outline: none !important;
  border: none !important;
  box-shadow: none;
}

.form-content textarea {
  position: static !important;
  width: 100%;
  padding: 8px 20px;
  border-radius: 6px;
  text-align: left;
  background-color: #fff;
  border: 0;
  font-size: 15px;
  font-weight: 300;
  color: #8D8D8D;
  outline: none;
  resize: none;
  height: 120px;
  transition: none;
  margin-bottom: 14px;
}

.form-content textarea:hover, .form-content textarea:focus {
  border: 0;
  background-color: #ebeff8;
  color: #8D8D8D;
}

.mv-up {
  margin-top: -9px !important;
  margin-bottom: 8px !important;
}

.invalid-feedback {
  color: #ff606e;
}

.valid-feedback {
  color: #2acc80;
}

.thank-you-banner .bd-highlight {
  text-align: center;
}

.masthead {
  height: 100vh;
  min-height: 500px;
  background-color: #fff;
}

.thankyou-banner .heading {
  color: #003865 !important;
}
.thankyou-banner h2.heading {
  text-align: center;
}

.thank-you {
  background-color: #1b83db;
}
.thank-you h3.heading {
  font-size: 56px;
  line-height: 72px;
  letter-spacing: -0.45px;
  text-align: center;
  color: #fff;
}
.thank-you .social-media {
  list-style: none;
}
.thank-you .social-media li {
  float: left;
  list-style: none;
  text-decoration: none;
  padding: 10px;
}
.thank-you .tablethank-you {
  margin: 0 auto;
}
.thank-you .tablethank-you td {
  width: 100px;
}

.thr {
  border: 1px solid #fff;
  width: 500px;
  margin: 0px !important;
  border: 0;
  height: 1px;
  background: #1b83db;
  background-image: -o-linear-gradient(left, #ccc, #333, #ccc);
}

/****ZOHO CONTACT US FORM ***/
.page-template-thank-you {
  background-color: #fff;
}
.page-template-thank-you .sec-h-space {
  top: -40px !important;
}
.page-template-thank-you .want-to-explore {
  height: 30px;
  background-color: #fff;
}

@media (max-width: 600px) {
  .thank-you h3.heading {
    font-size: 30px;
    line-height: 45px;
    letter-spacing: -0.45px;
    text-align: center;
    color: #fff;
  }
  .masthead {
    height: 45vh;
    min-height: 500px;
    background-image: url("../images/Thankyou.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
  }
}
.errorpage-banner {
  background: url("../images/banner-img/404.png") no-repeat center;
  background-size: cover;
}
.errorpage-banner h1 {
  line-height: 72px;
  font-size: 60px;
  padding: 32px 0px !important;
  color: #fff;
  font-weight: bold;
  opacity: 1;
  letter-spacing: -0.48px;
  font-family: "Open Sans", sans-serif !important;
  text-transform: capitalize;
}
.errorpage-banner h2 {
  line-height: 56px;
  font-size: 42px;
  padding: 0px;
  font-weight: 600;
  color: #fff;
  opacity: 1;
  letter-spacing: 1.56px;
  text-transform: capitalize;
  font-family: "Open Sans", sans-serif !important;
}
.errorpage-banner h3 {
  text-align: left;
  font-size: 26px;
  line-height: 39px;
  letter-spacing: 0px;
  color: #fff;
}
.errorpage-banner p {
  color: white;
  font-size: 24px;
  font-weight: bold;
  line-height: 36px;
  text-align: left;
  letter-spacing: 0.18px;
}

.not-found-page p {
  color: white;
  font-size: 56px;
  font-weight: 500;
  line-height: 84px;
  text-align: center;
  letter-spacing: 0.18px;
}

/*** Search form ****/
.search-form input[type=search], .blog-search input[type=search] {
  width: 100%;
  height: 38px;
  padding-right: 50px;
  background-color: white;
  color: grey;
}
.search-form input[type=search]:focus, .blog-search input[type=search]:focus {
  outline: none;
  box-shadow: none;
}
.search-form input[type=submit], .blog-search input[type=submit] {
  height: 48px;
  width: 100px;
  border: 0;
  color: #FFF !important;
  border: 1px solid #F05B41 !important;
  background-color: #F05B41;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
}
.search-form input[type=submit]:hover, .blog-search input[type=submit]:hover {
  background-color: #fff;
  color: #00B5E2 !important;
}

.meantime p {
  color: white;
  font-size: 38px;
  font-weight: 500;
  line-height: 57px;
  text-align: left;
  letter-spacing: 0.18px;
}
.meantime .service_list {
  background: #fff;
  color: #000000;
  border-radius: 4px;
  width: 100%;
  height: 230px;
  position: relative;
  margin-bottom: 20px;
}
.meantime .service_list .service-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  overflow: hidden;
  width: 100%;
  height: 40%;
  transition: 0.5s ease;
  padding: 15px;
}
.meantime .service_list .service-overlay h2 {
  font-size: 22px;
  line-height: 33px;
}
.meantime .service_list .service-overlay h2 a {
  color: #000;
}
.meantime .service_logo {
  position: absolute;
  right: 20px;
  top: 20px;
}
.meantime .service_logo i {
  font-size: 60px;
  color: #157bd3;
}
.meantime .service_logo img {
  width: 60px;
  height: 60px;
}

.error404 .want-to-explore {
  height: 30px;
  background-color: #157bd3;
  display: none;
}

/*** Search form ****/
/*** Search form ****/
.search-result {
  list-style: none;
  padding: 10px 0px;
}
.search-result p {
  color: rgba(0, 0, 0, 0.8705882353);
  font-size: 16px;
  line-height: 24px;
}
.search-result a li {
  background: #f5f5f5;
  margin: 30px 0px;
  border-radius: 4px;
  transition: all ease 0.5s;
  color: #000;
  font-size: 20px;
  line-height: 30px;
  font-weight: normal;
  letter-spacing: 0.15px;
}
.search-result a li:hover {
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.5);
}
.search-result a li a {
  color: #000;
  font-size: 20px;
  line-height: 30px;
  font-weight: normal;
  letter-spacing: 0.15px;
}
.search-result a li p {
  color: rgba(0, 0, 0, 0.8705882353);
  font-size: 16px;
  line-height: 24px;
}

.search-no-results {
  background-color: #fff !important;
}
.search-no-results .want-to-explore {
  height: 30px;
  background-color: #fff !important;
}
.search-no-results .footer {
  background-color: #fff !important;
}

.search-section {
  margin-top: 2%;
}
.search-section .search-container {
  background-color: #f5f5f5;
  padding: 3% 1% 2%;
  border-radius: 4px;
}
.search-section .search-container .search-form {
  display: block;
}
.search-section .search-container .search-form .search-button {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  padding: 0;
  background-color: transparent;
  font-weight: 500;
  color: #000;
}

.search-results .want-to-explore {
  height: 30px;
  background-color: #fff;
}

.search-breadcrumbs {
  margin-top: 10%;
}

@media (max-width: 800px) {
  .updates .features-absolute {
    margin: -20px auto 0px !important;
  }
  .features-absolute .update-list li {
    margin-left: 5px !important;
  }
}
@media (max-width: 768px) {
  .search-breadcrumbs {
    margin-top: 25%;
  }
  .search-section .search-container {
    background-color: #f5f5f5;
    padding: 10% 1% 8%;
    border-radius: 4px;
  }
}
/***********404*************/
.managed-services {
  background-color: #E6E7E8;
}
.managed-services .row .col-xl-4.col-md-6 {
  padding: 0rem 1rem 2rem !important;
}

/****Challenges****/
.challenges .row .col-xl-4 {
  padding: 0px !important;
}
.challenges .challenge-img {
  background: transparent;
  color: #000000;
  border: 0px solid #AAAAAA;
  border-radius: 0px;
  width: 100%;
  height: 100%;
  position: relative;
}
.challenges .challenge-img .img-challenge {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0px;
}
.challenges .challenge-img .challenge-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  overflow: hidden;
  width: 100%;
  height: 36%;
  transition: 0.5s ease;
  padding: 0% 8%;
  background-image: linear-gradient(180deg, rgba(255, 0, 0, 0), rgb(0, 0, 0));
  border-radius: 0px;
}
.challenges .challenge-img .challenge-overlay h3 {
  color: white;
}

/****Challenges****/
/*****who-we-serve****/
.who-we-serve {
  background-color: #f5f5f5;
}
.who-we-serve .card-body {
  padding: 0px;
}
.who-we-serve .controls i {
  color: #00B5E2;
  font-size: 30px;
}

/****who-we-serve*****/
/****Market Trends****/
.market-trends {
  background-color: #f5f5f5;
}
.market-trends .container .row .col-md-6 {
  padding-bottom: 2rem;
}
.market-trends .container .row .col-md-6 .card {
  min-height: 100%;
  border: 2px solid #e4e4e4;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
.market-trends .container .row .col-md-6 .card:before {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: calc(1px / -1);
  left: calc(1px / -1);
  background: linear-gradient(to right, #00B5E2 0%, #00B5E2 100%), linear-gradient(to top, #00B5E2 50%, transparent 50%), linear-gradient(to top, #00B5E2 50%, transparent 50%), linear-gradient(to right, #00B5E2 0%, #00B5E2 100%), linear-gradient(to left, #00B5E2 0%, #00B5E2 100%);
  background-size: 100% 1px, 1px 200%, 1px 200%, 0% 1px, 0% 1px;
  background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
  background-repeat: no-repeat, no-repeat;
  transition: transform 0.2s ease-in-out, background-position 0.2s ease-in-out, background-size 0.2s ease-in-out;
  transform: scaleX(0) rotate(180deg);
  transition-delay: 0.4s, 0.2s, 0s;
  border-radius: 4px;
}
.market-trends .container .row .col-md-6 .card:hover:before {
  background-size: 200% 1px, 1px 400%, 1px 400%, 55% 1px, 55% 1px;
  background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
  transform: scaleX(1) rotate(180deg);
  transition-delay: 0s, 0.2s, 0.4s;
  border-radius: 4px;
}
.market-trends .container .row .col-md-6 .card .card-img-top {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.market-trends .container .row .col-md-6 .card .card-body {
  transition: transform 250ms !important;
}
.market-trends .container .row .col-md-6 .card .card-body h3 {
  color: #1276cd;
}
.market-trends .container .row .col-md-6 .card .card-body p {
  text-transform: none;
  font-size: 18px !important;
  line-height: 27px !important;
  font-weight: normal !important;
}

/****Market Trends****/
/****Challenges****/
.challenges {
  background-color: #f5f5f5;
}
.challenges .row .col-xl-4 {
  padding: 0px !important;
}
.challenges .challenge-img:hover .challenge-overlay {
  color: #fff;
  background-color: rgba(0, 181, 255, 0.9);
  height: 100%;
  padding: 5% 4%;
  opacity: 1;
}
.challenges .challenge-img:hover .challenge-overlay h3 {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.14px;
  width: 70%;
  display: none;
}
.challenges .challenge-img:hover .challenge-overlay p {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.14px;
  width: 85%;
  display: block;
}
.challenges .challenge-img {
  background: transparent;
  color: #000000;
  border: 0px solid #AAAAAA;
  border-radius: 0px;
  width: 100%;
  height: 100%;
  position: relative;
}
.challenges .challenge-img .img-challenge {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 0px;
}
.challenges .challenge-img .img-svg {
  position: absolute;
  z-index: 99;
  width: 75px;
  height: auto;
  top: 10px;
  right: 10px;
}
.challenges .challenge-img .challenge-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  overflow: hidden;
  width: 100%;
  height: 36%;
  transition: 0.5s ease;
  padding: 0% 4%;
  background-image: linear-gradient(180deg, rgba(255, 0, 0, 0), rgb(0, 0, 0));
  border-radius: 0px;
}
.challenges .challenge-img .challenge-overlay h3 {
  color: white;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0px;
  width: 100%;
}
.challenges .challenge-img .challenge-overlay p {
  display: none;
}

/****Challenges****/
/*****who-we-serve****/
.who-we-serve {
  background-color: #fff;
}
.who-we-serve .carousel-item {
  min-height: 320px;
}
.who-we-serve .carousel-item img {
  width: 100%;
  border-radius: 4px;
}
.who-we-serve .card-body {
  padding: 0px;
}
.who-we-serve .card-body .card-title {
  font-size: 28px;
  line-height: 42px;
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
  font-weight: bold;
  position: relative;
  margin-bottom: 2rem;
}
.who-we-serve .card-body .card-title:after {
  left: 0px;
  position: absolute;
  content: "";
  height: 2px;
  width: 20%;
  bottom: -5px;
  background-color: #E22D00;
}
.who-we-serve .card-body strong, .who-we-serve .card-body b {
  font-size: 18px;
  line-height: 27px;
  font-weight: bold;
  text-transform: uppercase;
  color: rgba(0, 0, 0, 0.8705882353);
}
.who-we-serve .card-body p:first-child {
  padding-top: 0px;
}
.who-we-serve .card-body p {
  font-size: 18px;
  line-height: 27px;
  color: rgba(0, 0, 0, 0.8705882353);
  padding-top: 0px;
}
.who-we-serve .card-body ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.who-we-serve .card-body ul li {
  font-size: 18px;
  line-height: 27px;
  padding: 0px 0px 5px 0px;
}
.who-we-serve .card-body ul li:before {
  content: "•";
  display: inline-block;
  margin-right: 0.5rem;
  color: #E22D00;
  font-weight: 600;
}
.who-we-serve .card-body ul li a {
  color: #000;
  font-weight: 500;
}
.who-we-serve .card-body ul li a:after {
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin: 0rem 0.4rem;
  color: #E22D00;
  font-weight: 600;
}
.who-we-serve .card-body ul li a:hover {
  color: #E22D00;
  font-weight: 600;
  transition: font-weight 2s;
}
.who-we-serve .controls i {
  color: #E22D00;
  font-size: 30px;
}

/****who-we-serve*****/
/****What we serve***/
.what-we-serve {
  background-color: #fff;
}
.what-we-serve .serve-pills .serve-link {
  background-color: #011327;
  border: 0px;
  font-size: 26px;
  line-height: 34px;
  text-align: left;
  padding: 30px 30px;
  letter-spacing: 0.2px;
  color: #808993;
}
.what-we-serve .serve-pills .serve-link img {
  width: 60px;
  height: auto;
}
.what-we-serve .serve-pills .active {
  color: #fff;
  opacity: 1;
}
.what-we-serve .serve-content img {
  width: 100% !important;
  height: auto !important;
}
.what-we-serve .serve-content ul {
  -moz-column-count: 1;
       column-count: 1;
  padding: 0px;
}
.what-we-serve .serve-content ul li {
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0px;
}
.what-we-serve .serve-content ul li:before {
  content: "•";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}
.what-we-serve .whatweserve-indicators {
  width: 100%;
}
.what-we-serve .whatweserve-indicators li {
  float: left;
  padding: 5px;
  list-style: none;
}
.what-we-serve .whatweserve-indicators li [data-bs-target] {
  width: 8px !important;
  height: 14px !important;
  border-radius: 10px !important;
  border: 1px solid #d4d4d4 !important;
  margin: 5px;
}

.desing-bg {
  background-image: url("../images/what-we-serve/Design-Digital.png");
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 600px;
}
.desing-bg #design .row .col-xl-4 {
  padding-bottom: 2rem;
}
.desing-bg #design .row .col-xl-4 .card {
  min-height: 245px;
  padding: 15px;
}
.desing-bg #digital .row .col-xl-4 {
  padding-bottom: 2rem;
}
.desing-bg #digital .row .col-xl-4 .card {
  min-height: 306px;
  padding: 15px;
}
.desing-bg #data .row .col-xl-4 {
  padding-bottom: 2rem;
}
.desing-bg #data .row .col-xl-4 .card {
  min-height: 766px;
  padding: 15px;
}
.desing-bg #ai .row .col-xl-4 {
  padding-bottom: 2rem;
}
.desing-bg #ai .row .col-xl-4 .card {
  min-height: 704px;
  padding: 15px;
}
.desing-bg #connectivity .row .col-xl-4 {
  padding-bottom: 2rem;
}
.desing-bg #connectivity .row .col-xl-4 .card {
  min-height: 240px;
  padding: 15px;
}
.desing-bg #industry-4-0 .row .col-xl-4 {
  padding-bottom: 2rem;
}
.desing-bg #industry-4-0 .row .col-xl-4 .card {
  min-height: 275px;
  padding: 15px;
}
.desing-bg .tab-content .tab-pane p {
  color: #fff !important;
}
.desing-bg .tab-content .tab-pane .card {
  padding: 15px;
  margin-top: 1rem;
}
.desing-bg .tab-content .tab-pane .card p {
  color: #000 !important;
}
.desing-bg .tab-content .tab-pane .card h3 {
  text-align: left;
  font-size: 20px;
  line-height: 35px;
  letter-spacing: 0px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.8705882353);
}
.desing-bg .tab-content .tab-pane .card ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
  -moz-column-count: 1;
       column-count: 1;
}
.desing-bg .tab-content .tab-pane .card ul li {
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0px;
  text-transform: none;
  opacity: 1;
  padding: 10px 0px 0px 0px;
}
.desing-bg .tab-content .tab-pane .card ul li:before {
  content: "•";
  display: inline-block;
  margin-right: 0.5rem;
  color: #00B5E2;
  font-weight: 600;
}
.desing-bg .tab-content .tab-pane .card .card-header {
  border: 0px;
  background-color: #fff;
  height: 75px;
  text-align: center;
}
.desing-bg .tab-content .tab-pane .card-img {
  z-index: 9999;
  width: 50px;
  height: auto;
}

.serve {
  background-color: #fff;
}
.serve .design, .serve .digital, .serve .data, .serve .ai, .serve .it-services, .serve .connectivity, .serve .industry-4-0, .serve .artificial-intelligence, .serve .technology-enabled-services {
  position: relative;
  display: inline-block;
}
.serve .design .img-front, .serve .digital .img-front, .serve .data .img-front, .serve .ai .img-front, .serve .it-services .img-front, .serve .connectivity .img-front, .serve .industry-4-0 .img-front, .serve .artificial-intelligence .img-front, .serve .technology-enabled-services .img-front {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.serve .design:hover .img-front, .serve .digital:hover .img-front, .serve .data:hover .img-front, .serve .ai:hover .img-front, .serve .it-services:hover .img-front, .serve .connectivity:hover .img-front, .serve .industry-4-0:hover .img-front, .serve .artificial-intelligence:hover .img-front, .serve .technology-enabled-services:hover .img-front {
  display: inline;
  position: relative;
}
.serve .design:hover .img-back, .serve .digital:hover .img-back, .serve .data:hover .img-back, .serve .ai:hover .img-back, .serve .it-services:hover .img-back, .serve .connectivity:hover .img-back, .serve .industry-4-0:hover .img-back, .serve .artificial-intelligence:hover .img-back, .serve .technology-enabled-services:hover .img-back {
  display: none;
  position: relative;
}
.serve .design.active .img-back, .serve .digital.active .img-back, .serve .data.active .img-back, .serve .ai.active .img-back, .serve .it-services.active .img-back, .serve .connectivity.active .img-back, .serve .industry-4-0.active .img-back, .serve .artificial-intelligence.active .img-back, .serve .technology-enabled-services.active .img-back {
  display: none;
  position: relative;
}
.serve .design.active .img-front, .serve .digital.active .img-front, .serve .data.active .img-front, .serve .ai.active .img-front, .serve .it-services.active .img-front, .serve .connectivity.active .img-front, .serve .industry-4-0.active .img-front, .serve .artificial-intelligence.active .img-front, .serve .technology-enabled-services.active .img-front {
  display: inline;
  position: relative;
}
@media (min-width: 992px) {
  .serve .nav-pills-custom .nav-link::before {
    content: "";
    display: block;
    border-top: 8px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    opacity: 0;
  }
}
.serve .nav-pills-custom .nav-link.active::before {
  opacity: 1;
}
.serve #v-pills-tab .nav-link {
  margin: 5px;
  border: 1px solid #fff;
  /* This is just to center text in pills */
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding: 30px 20px;
  border-radius: 5px;
  text-align: left;
  font-size: 20px;
  line-height: 46px;
  letter-spacing: 0.01px;
  opacity: 1;
  color: #000;
  background-color: #fff;
}
.serve #v-pills-tab .nav-link.col-6 {
  /* 10px is just double the size of 5px margin set on .nav-link */
  max-width: calc(50% - 10px);
}
.serve #v-pills-tab .nav-link.col-12 {
  max-width: calc(100% - 10px);
}
.serve .nav-pills .nav-link.active, .serve .nav-pills .show > .nav-link {
  background-color: #fff !important;
  color: #00B5E2 !important;
  border-bottom: 3px solid #00B5E2 !important;
  border-radius: 0px !important;
  text-align: center;
  font-weight: bold;
}
.serve .nav-link img {
  width: 45px;
  height: 45px;
  position: relative;
}
.serve .nav-pills .nav-link {
  border-radius: 0px !important;
  letter-spacing: 0.15px;
  opacity: 1;
  color: rgba(0, 0, 0, 0.8705882353);
  font-size: 20px;
  line-height: 30px;
  padding: 0px 5px 10px;
  margin: 0px 25px;
  font-weight: bold;
  text-align: center;
}
.serve .nav-pills .nav-link p {
  line-height: 24px;
  padding-top: 8px;
}
.serve .work-link span {
  margin-left: 25%;
}
.serve .list {
  list-style: none;
  padding: 10px 0px 40px;
  margin: 0px;
}
.serve .list li {
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 0px 0px;
}
.serve .list li::before {
  content: "•";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}
.serve .nav-item {
  border-bottom: 1px solid #ccc !important;
}
.serve .serve-bg {
  background: #fff;
}
.serve .serve.only-mobile {
  background-color: #f7f7f7;
}
.serve .serve.only-mobile .nav-item {
  border-bottom: 1px solid #ccc !important;
}
.serve .serve.only-mobile .serve-bg {
  background: #f7f7f7;
  box-shadow: 0 2px 37px 0 rgba(0, 0, 0, 0.1);
}
.serve .nav-pills-custom .nav-link {
  color: #aaa;
  background: #fff;
  position: relative;
}
.serve .nav-pills-custom .nav-link.active {
  color: #45b649;
  background: #fff;
}
.serve .serve-accordion .accordion-item {
  padding: 0rem 2rem;
}
.serve .serve-accordion .accordion-header {
  padding: 5px 0px !important;
  border-bottom: 0px solid #000 !important;
  font-size: 26px !important;
  line-height: 36px !important;
  letter-spacing: 0.2px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  font-weight: 500 !important;
}
.serve .serve-accordion .accordion-header .title {
  padding: 0px 15px;
  font-size: 20px;
}
.serve .serve-accordion .accordion-collapse.collapse {
  padding-bottom: 3rem;
  border-bottom: 0px solid rgb(0, 0, 0) !important;
  border-radius: 0px !important;
}
@media screen and (min-width: 1440px) {
  .serve .nav-pills .nav-link {
    padding: 0px 5px 10px;
    margin: 0px 5px;
    width: 20vw;
    height: 120px;
  }
}
@media screen and (min-width: 1900px) {
  .serve .nav-pills .nav-link {
    padding: 0px 5px 10px;
    margin: 0px 5px;
    width: 12vw;
    height: 120px;
  }
}
@media screen and (max-width: 1439px) {
  .serve .nav-pills .nav-link {
    padding: 0px 0px 10px;
    margin: 0px 4px;
    width: 20vw;
    height: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .serve .nav-pills .nav-link {
    padding: 0px 5px 10px;
    margin: 0px 0px;
    width: 230px;
    height: 140px;
  }
}
@media screen and (max-width: 768px) {
  .serve .nav-pills .nav-link {
    padding: 10px 5px 10px;
    margin: 0px 15px;
  }
  .serve #v-pills-tab .work-link {
    font-size: 16px !important;
  }
}

.what-we-serve-card .card {
  border: 1px solid #ccc;
  padding: 1rem;
  margin-bottom: 1rem;
}
.what-we-serve-card .card .card-header {
  background-color: #fff !important;
  border: 0px !important;
  text-align: center;
}
.what-we-serve-card .card .card-img {
  width: 50px;
  height: auto;
  margin: 0px auto;
  text-align: center;
}
.what-we-serve-card .card .card-body h3 {
  text-align: left;
  font-size: 20px;
  line-height: 35px;
  letter-spacing: 0px;
  font-weight: bold;
  color: rgba(0, 0, 0, 0.8705882353);
}

.retail #data .row .col-xl-4 .card {
  min-height: 365px !important;
  padding: 15px;
}
.retail #ai .row .col-xl-4 .card {
  min-height: 500px !important;
  padding: 15px;
}

.bfsi #design .row .col-xl-4 .card {
  min-height: 470px !important;
  padding: 15px;
}
.bfsi #digital .row .col-xl-4 .card {
  min-height: 560px !important;
  padding: 15px;
}
.bfsi #data .row .col-xl-4 .card {
  min-height: 502px !important;
  padding: 15px;
}
.bfsi #ai .row .col-xl-4 .card {
  min-height: 510px !important;
  padding: 15px;
}
.bfsi #industry-4-0 .row .col-xl-4 .card {
  min-height: 540px;
  padding: 15px;
}
.bfsi #connectivity .row .col-xl-4 .card {
  min-height: 276px;
  padding: 15px;
}

.life-sciences #design .row .col-xl-4 .card {
  min-height: 529px !important;
  padding: 15px;
}
.life-sciences #digital .row .col-xl-4 .card {
  min-height: 670px !important;
  padding: 15px;
}
.life-sciences #data .row .col-xl-4 .card {
  min-height: 680px !important;
  padding: 15px;
}
.life-sciences #ai .row .col-xl-4 .card {
  min-height: 788px !important;
  padding: 15px;
}
.life-sciences #industry-4-0 .row .col-xl-4 .card {
  min-height: 662px;
  padding: 15px;
}
.life-sciences #connectivity .row .col-xl-4 .card {
  min-height: 276px;
  padding: 15px;
}

/****What we serve***/
.page-template-industry-template .want-to-explore {
  background-color: #E6E7E8 !important;
}
.page-template-industry-template .challenges {
  background-color: #E6E7E8;
}
.page-template-industry-template .market-trends {
  background-color: #E6E7E8;
  scroll-margin-top: 2em;
  top: 3vw;
  position: relative;
}
.page-template-industry-template .whatweoffer {
  background-color: #fff;
  scroll-margin-top: 2em;
  margin-top: 0rem;
  position: relative;
}
.page-template-industry-template .whatweoffer .nav-item {
  border-bottom: 1px solid #E6E7E8 !important;
  text-align: center;
}
.page-template-industry-template .whatweoffer .nav-pills .nav-link.active, .page-template-industry-template .whatweoffer .nav-pills .show > .nav-link {
  background-color: #fff !important;
  color: #000 !important;
  border-bottom: 3px solid #00B5E2 !important;
  border-radius: 0px !important;
  text-align: center;
  font-weight: bold;
  opacity: 1;
  width: 100%;
}
.page-template-industry-template .whatweoffer .nav-link:hover {
  background-color: #fff !important;
  color: #000 !important;
  border-bottom: 3px solid #00B5E2 !important;
  border-radius: 0px !important;
  text-align: center;
  font-weight: bold;
}
.page-template-industry-template .key-industries {
  scroll-margin-top: 2em;
  margin-top: 3rem;
}

.white-content .modal-body .row .col-lg-7 p {
  color: #FFFFFF !important;
}

.gallery-lightbox img {
  width: 100% !important;
  border-radius: 4px;
}
.gallery-lightbox .col-md-6 {
  padding-top: 30px;
}

.gallery-img {
  background: transparent;
  color: #000000;
  border: 0px solid #AAAAAA;
  border-radius: 8px;
  width: 100%;
  height: 100%;
  position: relative;
}

.gallery-heading {
  font-size: 42px;
  line-height: 56px;
  letter-spacing: -0.03px;
  opacity: 1;
  text-align: left;
  font-weight: bold;
  padding: 0px;
  font-weight: 600;
}

.gallery-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: transparent;
  overflow: hidden;
  width: 100%;
  height: 10%;
  transition: 0.5s ease;
  padding: 0% 8% 15%;
  background-image: linear-gradient(180deg, rgba(255, 0, 0, 0), rgb(0, 0, 0));
  border-radius: 4px;
}
.gallery-overlay h3 {
  text-align: left;
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0px;
  color: #FFFFFF;
  padding-bottom: 10%;
}

.whitepapers-template-default {
  background-color: #f5f5f5;
}
.whitepapers-template-default .want-to-explore {
  background-color: #f5f5f5 !important;
}

.whitepapers-success {
  color: #fff;
  border: 1px solid #F05B41 !important;
  background-color: #F05B41 !important;
}
.whitepapers-success:hover {
  color: #F05B41;
  border: 1px solid #F05B41 !important;
  background-color: #FFF !important;
  cursor: default !important;
}

.page-template-whitepapers-thank-you .want-to-explore {
  height: 30px;
  background-color: #fff !important;
}

.gallery-carousel .slick-center img {
  -moz-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  -o-transform: scale(1) !important;
  -webkit-transform: scale(1) !important;
  opacity: 1 !important;
  transform: scale(1) !important;
  border-radius: 4px !important;
}

.gallery-carousel .slick-slide img {
  transform: scale(0.8);
  opacity: 0.6;
  transition: transform 0.3s ease;
  border-radius: 4px !important;
}

.gallery-carousel .slick-current img {
  border-radius: 4px !important;
}

.gallery-carousel .slick-dots {
  position: absolute;
  bottom: -55px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}

.page-template-life-wavelabs .want-to-explore {
  background-color: #fff !important;
}
.page-template-life-wavelabs .gallery-recent {
  background: #E6E7E8;
}
.page-template-life-wavelabs .gallery-lightbox {
  background: #fff;
}
.page-template-life-wavelabs .core-values-new {
  background-color: #E6E7E8;
  scroll-margin-top: 2em;
  top: 0vw;
  position: relative;
}
.page-template-life-wavelabs .upload_resume {
  background-color: #E6E7E8;
}

/**** What we offer ****/
.whatweoffer .infographics-overlay {
  position: absolute;
  left: -100%;
  bottom: -6%;
  top: 45%;
  right: 47%;
  background-color: #E6E6E6;
}

.position-relative {
  position: relative !important;
}

.under-line {
  color: #00B5E2 !important;
  background: #00B5E2 !important;
  height: 2px !important;
  width: 7% !important;
  opacity: 1 !important;
}

.whatweoffer {
  background-color: #E6E7E8;
  margin-top: 2rem;
  /* Add indicator arrow for the active tab */
}
.whatweoffer h5 {
  color: #003865 !important;
  text-align: left !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 30px !important;
  letter-spacing: 0px !important;
  text-transform: none !important;
  opacity: 1 !important;
  padding: 0px 0px 10px 0px;
}
.whatweoffer .ct-heading {
  color: #000 !important;
}
.whatweoffer .list {
  list-style: none;
  padding: 10px 0px 40px;
  margin: 0px;
}
.whatweoffer .list li {
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 0px 0px;
}
.whatweoffer .list li::before {
  content: "•";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}
.whatweoffer .nav-item {
  border-bottom: 1px solid #fff !important;
  text-align: center;
}
.whatweoffer .view-openings {
  color: #fff !important;
  border: 1px solid #E22D00 !important;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
  margin: 20px 0px;
  background-color: #E22D00 !important;
}
.whatweoffer .view-openings:hover {
  border: 1px solid #E22D00 !important;
  background-color: #FFF !important;
  color: #E22D00 !important;
}
.whatweoffer .whatweoffer.only-mobile {
  background-color: #f7f7f7;
}
.whatweoffer .whatweoffer.only-mobile .nav-item {
  border-bottom: 1px solid #ccc !important;
}
.whatweoffer .whatweoffer.only-mobile .whatweoffer-bg {
  background: #f7f7f7;
  box-shadow: 0 2px 37px 0 rgba(0, 0, 0, 0.1);
}
.whatweoffer .nav-pills-custom .nav-link {
  color: #aaa;
  background: #fff;
  position: relative;
}
.whatweoffer .nav-pills-custom .nav-link.active {
  color: #45b649;
  background: #fff;
}
.whatweoffer .whatweoffer-accordion .accordion-item {
  padding: 0rem 2rem;
}
.whatweoffer .whatweoffer-accordion .accordion-item h4 {
  color: #000;
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  line-height: 35px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  opacity: 1;
  padding: 20px 0px 0px;
}
.whatweoffer .whatweoffer-accordion .accordion-item .accordion-body ul {
  padding: 0px;
}
.whatweoffer .whatweoffer-accordion .accordion-item .accordion-body ul li {
  font-size: 16px !important;
  letter-spacing: 0.14px !important;
  line-height: 24px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  text-align: left;
  list-style: none;
}
.whatweoffer .whatweoffer-accordion .accordion-item .accordion-body ul li::before {
  content: "•" !important;
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}
.whatweoffer .whatweoffer-accordion .accordion-item .accordion-body ul li a {
  color: #000 !important;
}
.whatweoffer .whatweoffer-accordion .accordion-item .accordion-body ul li a:after {
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin: 0rem 0.4rem;
  color: #00B5E2;
  font-weight: 600;
}
.whatweoffer .whatweoffer-accordion .accordion-header {
  padding: 5px 0px !important;
  border-bottom: 0px solid #000 !important;
  font-size: 26px !important;
  line-height: 36px !important;
  letter-spacing: 0.2px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  font-weight: 500 !important;
}
.whatweoffer .whatweoffer-accordion .accordion-header .title {
  padding: 0px 15px;
  font-size: 20px;
}
.whatweoffer .whatweoffer-accordion .accordion-collapse.collapse {
  padding-bottom: 3rem;
  border-bottom: 0px solid rgb(0, 0, 0) !important;
  border-radius: 0px !important;
}
@media (min-width: 992px) {
  .whatweoffer .nav-pills-custom .nav-link::before {
    content: "";
    display: block;
    border-top: 8px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    opacity: 0;
  }
}
.whatweoffer .nav-pills-custom .nav-link.active::before {
  opacity: 1;
}
.whatweoffer #v-pills-tab .nav-link {
  margin: 5px;
  border: 1px solid #fff;
  /* This is just to center text in pills */
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding: 30px 20px;
  border-radius: 5px;
  text-align: left;
  font-size: 20px;
  line-height: 46px;
  letter-spacing: 0.01px;
  opacity: 1;
  color: #000;
  background-color: #fff;
}
.whatweoffer #v-pills-tab .nav-link.col-6 {
  /* 10px is just double the size of 5px margin set on .nav-link */
  max-width: calc(50% - 10px);
}
.whatweoffer #v-pills-tab .nav-link.col-12 {
  max-width: calc(100% - 10px);
}
.whatweoffer .nav-pills .nav-link.active, .whatweoffer .nav-pills .show > .nav-link {
  background-color: #E6E7E8 !important;
  color: #000 !important;
  border-bottom: 3px solid #00B5E2 !important;
  border-radius: 0px !important;
  text-align: center;
  font-weight: bold;
  opacity: 1;
  width: 100%;
}
.whatweoffer .nav-link img {
  width: 70px;
  height: 70px;
  position: relative;
}
.whatweoffer .nav-pills .nav-link {
  border-radius: 0px !important;
  letter-spacing: 0.15px;
  color: #000;
  font-size: 20px;
  line-height: 30px;
  padding: 0px 5px 10px;
  margin: 0px 25px;
  font-weight: bold;
  text-align: center;
}
.whatweoffer .nav-pills .nav-link p {
  line-height: 24px;
  padding-top: 8px;
}
.whatweoffer .work-link span {
  margin-left: 25%;
}
.whatweoffer .tab-content p {
  color: #000 !important;
}
.whatweoffer .point_list ul {
  list-style: none !important;
  padding: 0px 20px 20px 0px !important;
  margin: 0px !important;
}
.whatweoffer .point_list ul li {
  color: #000 !important;
  text-align: left !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
  letter-spacing: 0.56px !important;
  text-transform: none !important;
  opacity: 1 !important;
  padding: 0px 0px 10px 0px !important;
}
.whatweoffer .point_list ul li::before {
  content: "•" !important;
  display: inline-block !important;
  margin-right: 0.2rem !important;
  color: #000 !important;
  font-weight: 600 !important;
}
.whatweoffer .offerlist {
  list-style: none !important;
  padding: 0px 20px 20px 0px !important;
  margin: 0px !important;
}
.whatweoffer .offerlist li {
  color: rgba(0, 0, 0, 0.8666666667) !important;
  text-align: left !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
  letter-spacing: 0.56px !important;
  text-transform: none !important;
  opacity: 1 !important;
  padding: 0px 0px 10px 0px !important;
}
.whatweoffer .offerlist li::before {
  content: "•" !important;
  display: inline-block !important;
  margin-right: 0.2rem !important;
  color: #00B5E2 !important;
  font-weight: 600 !important;
}
.whatweoffer .software-development, .whatweoffer .tech-stack-modernization, .whatweoffer .cloud, .whatweoffer .devops, .whatweoffer .testing---automation, .whatweoffer .salesforce, .whatweoffer .enterprise-solutions, .whatweoffer .artificial-intelligence, .whatweoffer .technology-enabled-services, .whatweoffer .industry {
  position: relative;
  display: inline-block;
}
.whatweoffer .software-development .img-front, .whatweoffer .tech-stack-modernization .img-front, .whatweoffer .cloud .img-front, .whatweoffer .devops .img-front, .whatweoffer .testing---automation .img-front, .whatweoffer .salesforce .img-front, .whatweoffer .enterprise-solutions .img-front, .whatweoffer .artificial-intelligence .img-front, .whatweoffer .technology-enabled-services .img-front, .whatweoffer .industry .img-front {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.whatweoffer .software-development:hover .img-front, .whatweoffer .tech-stack-modernization:hover .img-front, .whatweoffer .cloud:hover .img-front, .whatweoffer .devops:hover .img-front, .whatweoffer .testing---automation:hover .img-front, .whatweoffer .salesforce:hover .img-front, .whatweoffer .enterprise-solutions:hover .img-front, .whatweoffer .artificial-intelligence:hover .img-front, .whatweoffer .technology-enabled-services:hover .img-front, .whatweoffer .industry:hover .img-front {
  display: inline;
  position: relative;
}
.whatweoffer .software-development:hover .img-back, .whatweoffer .tech-stack-modernization:hover .img-back, .whatweoffer .cloud:hover .img-back, .whatweoffer .devops:hover .img-back, .whatweoffer .testing---automation:hover .img-back, .whatweoffer .salesforce:hover .img-back, .whatweoffer .enterprise-solutions:hover .img-back, .whatweoffer .artificial-intelligence:hover .img-back, .whatweoffer .technology-enabled-services:hover .img-back, .whatweoffer .industry:hover .img-back {
  display: none;
  position: relative;
}
.whatweoffer .software-development.active .img-back, .whatweoffer .tech-stack-modernization.active .img-back, .whatweoffer .cloud.active .img-back, .whatweoffer .devops.active .img-back, .whatweoffer .testing---automation.active .img-back, .whatweoffer .salesforce.active .img-back, .whatweoffer .enterprise-solutions.active .img-back, .whatweoffer .artificial-intelligence.active .img-back, .whatweoffer .technology-enabled-services.active .img-back, .whatweoffer .industry.active .img-back {
  display: none;
  position: relative;
}
.whatweoffer .software-development.active .img-front, .whatweoffer .tech-stack-modernization.active .img-front, .whatweoffer .cloud.active .img-front, .whatweoffer .devops.active .img-front, .whatweoffer .testing---automation.active .img-front, .whatweoffer .salesforce.active .img-front, .whatweoffer .enterprise-solutions.active .img-front, .whatweoffer .artificial-intelligence.active .img-front, .whatweoffer .technology-enabled-services.active .img-front, .whatweoffer .industry.active .img-front {
  display: inline;
  position: relative;
}
.whatweoffer .software-development.active:after, .whatweoffer .tech-stack-modernization.active:after, .whatweoffer .cloud.active:after, .whatweoffer .devops.active:after, .whatweoffer .testing---automation.active:after, .whatweoffer .salesforce.active:after, .whatweoffer .enterprise-solutions.active:after, .whatweoffer .artificial-intelligence.active:after, .whatweoffer .technology-enabled-services.active:after, .whatweoffer .industry.active:after {
  border-bottom: 22px solid transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  bottom: -14px;
  content: "";
  display: block;
  position: absolute;
  left: 44%;
  transform: rotate(-135deg);
}
.whatweoffer .whatweoffer-list {
  display: flex !important;
  justify-content: center !important;
}
.whatweoffer .whatweoffer-list .nav-item .nav-link {
  position: relative;
  display: inline-block;
}
.whatweoffer .whatweoffer-list .nav-item .nav-link .img-front {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.whatweoffer .whatweoffer-list .nav-item .nav-link:hover .img-front {
  display: inline;
  position: relative;
}
.whatweoffer .whatweoffer-list .nav-item .nav-link:hover .img-back {
  display: none;
  position: relative;
}
.whatweoffer .whatweoffer-list .nav-item .nav-link .active .img-back {
  display: none;
  position: relative;
}
.whatweoffer .whatweoffer-list .nav-item .nav-link .active .img-front {
  display: inline;
  position: relative;
}
.whatweoffer .whatweoffer-list .nav-item .nav-link .active:after {
  border-bottom: 22px solid transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  bottom: -14px;
  content: "";
  display: block;
  position: absolute;
  left: 44%;
  transform: rotate(-135deg);
}
.whatweoffer .whatweoffer-list .nav-item .nav-link.active .img-back {
  display: none;
  position: relative;
}
.whatweoffer .whatweoffer-list .nav-item .nav-link.active .img-front {
  display: inline;
  position: relative;
}
@media screen and (min-width: 1440px) {
  .whatweoffer .nav-pills .nav-link {
    padding: 0px 5px 10px;
    margin: 0px 5px;
    width: 100%;
    height: 140px;
  }
}
@media screen and (max-width: 1439px) {
  .whatweoffer .nav-pills .nav-link {
    padding: 0px 0px 10px;
    margin: 0px 4px;
    width: 100%;
    height: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .whatweoffer .nav-pills .nav-link {
    padding: 0px 5px 10px;
    margin: 0px 0px;
    width: 100%;
    height: 140px;
  }
}
@media screen and (max-width: 768px) {
  .whatweoffer .nav-pills .nav-link {
    padding: 10px 5px 10px;
    margin: 0px 15px;
  }
  .whatweoffer #v-pills-tab .work-link {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 600px) {
  .whatweoffer .sec-h-space {
    background-image: url("../images/footer/want-to-explore.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    position: relative;
    z-index: 1;
    top: -30px;
  }
  .whatweoffer .acc-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    overflow: hidden;
    width: 100%;
    height: 20% !important;
    transition: 0.5s ease;
    padding: 0% 8%;
  }
  .whatweoffer .nav-item {
    width: 100%;
  }
  .whatweoffer .w-50 {
    width: 100% !important;
  }
  .whatweoffer .header-banner {
    z-index: 999;
    border: 0px !important;
    position: relative;
    width: 100%;
    top: 100px;
    bottom: 0px;
  }
}
.whatweoffer .nav-pills .nav-link.active img, .whatweoffer .nav-pills .show > .nav-link img {
  color: #fff !important;
}
.whatweoffer .nav-link:hover {
  background-color: #E6E7E8 !important;
  color: #000 !important;
  border-bottom: 3px solid #00B5E2 !important;
  border-radius: 0px !important;
  text-align: center;
  font-weight: bold;
}
.whatweoffer .tab-content > .active {
  color: #fff !important;
  padding: 0px 10px !important;
}
.whatweoffer .tab-content {
  line-height: 60px;
}
.whatweoffer .tab-content .our-offering {
  background-color: #003865 !important;
  padding: 0px 20px;
  border-radius: 4px;
}
.whatweoffer .tab-content .our-offering ul {
  list-style: none;
  padding: 5px 0px 20px;
  margin: 0px;
  -moz-column-count: 1;
       column-count: 1;
}
.whatweoffer .tab-content .our-offering ul li::before {
  content: "";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}
.whatweoffer .tab-content .our-offering ul li {
  color: #fff !important;
}
.whatweoffer .tab-content .our-offering ul li a {
  color: #fff !important;
}
.whatweoffer .tab-content .our-offering ul li a:after {
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin: 0rem 0.4rem;
  color: #00B5E2;
  font-weight: 600;
}
.whatweoffer .tab-content .our-offering ul li {
  color: #fff !important;
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 10px 0px;
  margin-left: 0px;
}
.whatweoffer .tab-content .our-offering ul li a {
  color: #000;
}
.whatweoffer .tab-content strong {
  color: #000;
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0px;
  text-transform: none;
  opacity: 1;
}
.whatweoffer .tab-content h4 {
  color: #fff;
  text-align: left;
  font-weight: 600;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  opacity: 1;
  padding: 20px 0px 0px;
}
.whatweoffer .tab-content img {
  width: 100%;
  height: auto;
}
.whatweoffer .tab-content ul {
  list-style: disc;
  padding: 5px 0px 20px;
  margin: 0px;
  -moz-column-count: 1;
       column-count: 1;
}
.whatweoffer .tab-content ul li::before {
  content: "";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}
.whatweoffer .tab-content ul li {
  color: #000;
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: none;
  opacity: 1;
  padding: 10px 0px 10px 0px;
  margin-left: 1rem;
}
.whatweoffer .tab-content ul li a {
  color: #000;
}
.whatweoffer .tab-content ul li a {
  color: #fff !important;
}
.whatweoffer .tab-content ul li a:after {
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin: 0rem 0.4rem;
  color: #00B5E2;
  font-weight: 600;
}
.whatweoffer .tab-content .img-fluid {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  border-radius: 0px;
}
.whatweoffer .explore-more {
  color: #fff !important;
  border: 1px solid #F05B41 !important;
  background-color: #F05B41;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
}
.whatweoffer .explore-more:hover {
  background-color: #fff;
  color: #F05B41 !important;
  border: 1px solid #F05B41 !important;
}

.industry-whatweoffer {
  background-color: #E6E7E8;
  margin-top: 2rem;
  /* Add indicator arrow for the active tab */
}
.industry-whatweoffer h5 {
  color: #003865 !important;
  text-align: left !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 30px !important;
  letter-spacing: 0px !important;
  text-transform: none !important;
  opacity: 1 !important;
  padding: 0px 0px 10px 0px;
}
.industry-whatweoffer .ct-heading {
  color: #000 !important;
}
.industry-whatweoffer .list {
  list-style: none;
  padding: 10px 0px 40px;
  margin: 0px;
}
.industry-whatweoffer .list li {
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 0px 0px;
}
.industry-whatweoffer .list li::before {
  content: "•";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}
.industry-whatweoffer .nav-item {
  border-bottom: 1px solid #fff !important;
}
.industry-whatweoffer .view-openings {
  color: #fff !important;
  border: 1px solid #E22D00 !important;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
  margin: 20px 0px;
  background-color: #E22D00 !important;
}
.industry-whatweoffer .view-openings:hover {
  border: 1px solid #E22D00 !important;
  background-color: #FFF !important;
  color: #E22D00 !important;
}
.industry-whatweoffer .whatweoffer.only-mobile {
  background-color: #f7f7f7;
}
.industry-whatweoffer .whatweoffer.only-mobile .nav-item {
  border-bottom: 1px solid #ccc !important;
}
.industry-whatweoffer .whatweoffer.only-mobile .whatweoffer-bg {
  background: #f7f7f7;
  box-shadow: 0 2px 37px 0 rgba(0, 0, 0, 0.1);
}
.industry-whatweoffer .nav-pills-custom .nav-link {
  color: #aaa;
  background: #fff;
  position: relative;
}
.industry-whatweoffer .nav-pills-custom .nav-link.active {
  color: #45b649;
  background: #fff;
}
.industry-whatweoffer .whatweoffer-accordion .accordion-item {
  padding: 0rem 2rem;
}
.industry-whatweoffer .whatweoffer-accordion .accordion-item h4 {
  color: #000;
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  line-height: 35px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  opacity: 1;
  padding: 20px 0px 0px;
}
.industry-whatweoffer .whatweoffer-accordion .accordion-item .accordion-body ul {
  padding: 0px;
}
.industry-whatweoffer .whatweoffer-accordion .accordion-item .accordion-body ul li {
  font-size: 16px !important;
  letter-spacing: 0.14px !important;
  line-height: 24px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  text-align: left;
  list-style: none;
}
.industry-whatweoffer .whatweoffer-accordion .accordion-item .accordion-body ul li::before {
  content: "";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}
.industry-whatweoffer .whatweoffer-accordion .accordion-item .accordion-body ul li a {
  color: #000 !important;
}
.industry-whatweoffer .whatweoffer-accordion .accordion-item .accordion-body ul li a:after {
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin: 0rem 0.4rem;
  color: #00B5E2;
  font-weight: 600;
}
.industry-whatweoffer .whatweoffer-accordion .accordion-header {
  padding: 5px 0px !important;
  border-bottom: 0px solid #000 !important;
  font-size: 26px !important;
  line-height: 36px !important;
  letter-spacing: 0.2px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  font-weight: 500 !important;
}
.industry-whatweoffer .whatweoffer-accordion .accordion-header .title {
  padding: 0px 15px;
  font-size: 20px;
}
.industry-whatweoffer .whatweoffer-accordion .accordion-collapse.collapse {
  padding-bottom: 3rem;
  border-bottom: 0px solid rgb(0, 0, 0) !important;
  border-radius: 0px !important;
}
@media (min-width: 992px) {
  .industry-whatweoffer .nav-pills-custom .nav-link::before {
    content: "";
    display: block;
    border-top: 8px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    opacity: 0;
  }
}
.industry-whatweoffer .nav-pills-custom .nav-link.active::before {
  opacity: 1;
}
.industry-whatweoffer #v-pills-tab .nav-link {
  margin: 5px;
  border: 1px solid #fff;
  /* This is just to center text in pills */
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding: 30px 20px;
  border-radius: 5px;
  text-align: left;
  font-size: 20px;
  line-height: 46px;
  letter-spacing: 0.01px;
  opacity: 1;
  color: #000;
  background-color: #fff;
}
.industry-whatweoffer #v-pills-tab .nav-link.col-6 {
  /* 10px is just double the size of 5px margin set on .nav-link */
  max-width: calc(50% - 10px);
}
.industry-whatweoffer #v-pills-tab .nav-link.col-12 {
  max-width: calc(100% - 10px);
}
.industry-whatweoffer .nav-pills .nav-link.active, .industry-whatweoffer .nav-pills .show > .nav-link {
  background-color: #E6E7E8 !important;
  color: #000 !important;
  border-bottom: 3px solid #00B5E2 !important;
  border-radius: 0px !important;
  text-align: center;
  font-weight: bold;
  opacity: 1;
}
.industry-whatweoffer .nav-link img {
  width: 45px;
  height: 45px;
  position: relative;
}
.industry-whatweoffer .nav-pills .nav-link {
  border-radius: 0px !important;
  letter-spacing: 0.15px;
  color: #000;
  font-size: 20px;
  line-height: 30px;
  padding: 0px 5px 10px;
  margin: 0px 25px;
  font-weight: bold;
  text-align: center;
}
.industry-whatweoffer .nav-pills .nav-link p {
  line-height: 24px;
  padding-top: 8px;
}
.industry-whatweoffer .work-link span {
  margin-left: 25%;
}
.industry-whatweoffer .tab-content p {
  color: #000 !important;
}
.industry-whatweoffer .offerlist {
  list-style: none !important;
  padding: 0px 20px 20px 0px !important;
  margin: 0px !important;
}
.industry-whatweoffer .offerlist li {
  color: rgba(0, 0, 0, 0.8666666667) !important;
  text-align: left !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
  letter-spacing: 0.56px !important;
  text-transform: none !important;
  opacity: 1 !important;
  padding: 0px 0px 10px 0px !important;
}
.industry-whatweoffer .offerlist li::before {
  content: "•" !important;
  display: inline-block !important;
  margin-right: 0.2rem !important;
  color: #00B5E2 !important;
  font-weight: 600 !important;
}
.industry-whatweoffer .software-development, .industry-whatweoffer .tech-stack-modernization, .industry-whatweoffer .cloud, .industry-whatweoffer .devops, .industry-whatweoffer .testing---automation, .industry-whatweoffer .salesforce, .industry-whatweoffer .enterprise-solutions, .industry-whatweoffer .artificial-intelligence, .industry-whatweoffer .technology-enabled-services, .industry-whatweoffer .industry {
  position: relative;
  display: inline-block;
}
.industry-whatweoffer .software-development .img-front, .industry-whatweoffer .tech-stack-modernization .img-front, .industry-whatweoffer .cloud .img-front, .industry-whatweoffer .devops .img-front, .industry-whatweoffer .testing---automation .img-front, .industry-whatweoffer .salesforce .img-front, .industry-whatweoffer .enterprise-solutions .img-front, .industry-whatweoffer .artificial-intelligence .img-front, .industry-whatweoffer .technology-enabled-services .img-front, .industry-whatweoffer .industry .img-front {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.industry-whatweoffer .software-development:hover .img-front, .industry-whatweoffer .tech-stack-modernization:hover .img-front, .industry-whatweoffer .cloud:hover .img-front, .industry-whatweoffer .devops:hover .img-front, .industry-whatweoffer .testing---automation:hover .img-front, .industry-whatweoffer .salesforce:hover .img-front, .industry-whatweoffer .enterprise-solutions:hover .img-front, .industry-whatweoffer .artificial-intelligence:hover .img-front, .industry-whatweoffer .technology-enabled-services:hover .img-front, .industry-whatweoffer .industry:hover .img-front {
  display: inline;
  position: relative;
}
.industry-whatweoffer .software-development:hover .img-back, .industry-whatweoffer .tech-stack-modernization:hover .img-back, .industry-whatweoffer .cloud:hover .img-back, .industry-whatweoffer .devops:hover .img-back, .industry-whatweoffer .testing---automation:hover .img-back, .industry-whatweoffer .salesforce:hover .img-back, .industry-whatweoffer .enterprise-solutions:hover .img-back, .industry-whatweoffer .artificial-intelligence:hover .img-back, .industry-whatweoffer .technology-enabled-services:hover .img-back, .industry-whatweoffer .industry:hover .img-back {
  display: none;
  position: relative;
}
.industry-whatweoffer .software-development.active .img-back, .industry-whatweoffer .tech-stack-modernization.active .img-back, .industry-whatweoffer .cloud.active .img-back, .industry-whatweoffer .devops.active .img-back, .industry-whatweoffer .testing---automation.active .img-back, .industry-whatweoffer .salesforce.active .img-back, .industry-whatweoffer .enterprise-solutions.active .img-back, .industry-whatweoffer .artificial-intelligence.active .img-back, .industry-whatweoffer .technology-enabled-services.active .img-back, .industry-whatweoffer .industry.active .img-back {
  display: none;
  position: relative;
}
.industry-whatweoffer .software-development.active .img-front, .industry-whatweoffer .tech-stack-modernization.active .img-front, .industry-whatweoffer .cloud.active .img-front, .industry-whatweoffer .devops.active .img-front, .industry-whatweoffer .testing---automation.active .img-front, .industry-whatweoffer .salesforce.active .img-front, .industry-whatweoffer .enterprise-solutions.active .img-front, .industry-whatweoffer .artificial-intelligence.active .img-front, .industry-whatweoffer .technology-enabled-services.active .img-front, .industry-whatweoffer .industry.active .img-front {
  display: inline;
  position: relative;
}
.industry-whatweoffer .software-development.active:after, .industry-whatweoffer .tech-stack-modernization.active:after, .industry-whatweoffer .cloud.active:after, .industry-whatweoffer .devops.active:after, .industry-whatweoffer .testing---automation.active:after, .industry-whatweoffer .salesforce.active:after, .industry-whatweoffer .enterprise-solutions.active:after, .industry-whatweoffer .artificial-intelligence.active:after, .industry-whatweoffer .technology-enabled-services.active:after, .industry-whatweoffer .industry.active:after {
  border-bottom: 22px solid transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  bottom: -14px;
  content: "";
  display: block;
  position: absolute;
  left: 44%;
  transform: rotate(-135deg);
}
.industry-whatweoffer .whatweoffer-list .nav-item .nav-link {
  position: relative;
  display: inline-block;
}
.industry-whatweoffer .whatweoffer-list .nav-item .nav-link .img-front {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.industry-whatweoffer .whatweoffer-list .nav-item .nav-link:hover .img-front {
  display: inline;
  position: relative;
}
.industry-whatweoffer .whatweoffer-list .nav-item .nav-link:hover .img-back {
  display: none;
  position: relative;
}
.industry-whatweoffer .whatweoffer-list .nav-item .nav-link .active .img-back {
  display: none;
  position: relative;
}
.industry-whatweoffer .whatweoffer-list .nav-item .nav-link .active .img-front {
  display: inline;
  position: relative;
}
.industry-whatweoffer .whatweoffer-list .nav-item .nav-link .active:after {
  border-bottom: 22px solid transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  bottom: -14px;
  content: "";
  display: block;
  position: absolute;
  left: 44%;
  transform: rotate(-135deg);
}
.industry-whatweoffer .whatweoffer-list .nav-item .nav-link.active .img-back {
  display: none;
  position: relative;
}
.industry-whatweoffer .whatweoffer-list .nav-item .nav-link.active .img-front {
  display: inline;
  position: relative;
}
@media screen and (min-width: 1440px) {
  .industry-whatweoffer .nav-pills .nav-link {
    padding: 0px 5px 10px;
    margin: 0px 5px;
    width: 245px;
    height: 120px;
  }
}
@media screen and (max-width: 1439px) {
  .industry-whatweoffer .nav-pills .nav-link {
    padding: 0px 0px 10px;
    margin: 0px 4px;
    width: 185px;
    height: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .industry-whatweoffer .nav-pills .nav-link {
    padding: 0px 5px 10px;
    margin: 0px 0px;
    width: 185px;
    height: 140px;
  }
}
@media screen and (max-width: 768px) {
  .industry-whatweoffer .nav-pills .nav-link {
    padding: 10px 5px 10px;
    margin: 0px 15px;
  }
  .industry-whatweoffer #v-pills-tab .work-link {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 600px) {
  .industry-whatweoffer .sec-h-space {
    background-image: url("../images/footer/want-to-explore.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    position: relative;
    z-index: 1;
    top: -30px;
  }
  .industry-whatweoffer .acc-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    overflow: hidden;
    width: 100%;
    height: 20% !important;
    transition: 0.5s ease;
    padding: 0% 8%;
  }
  .industry-whatweoffer .nav-item {
    width: 100%;
  }
  .industry-whatweoffer .w-50 {
    width: 100% !important;
  }
  .industry-whatweoffer .header-banner {
    z-index: 999;
    border: 0px !important;
    position: relative;
    width: 100%;
    top: 100px;
    bottom: 0px;
  }
}
.industry-whatweoffer .nav-pills .nav-link.active img, .industry-whatweoffer .nav-pills .show > .nav-link img {
  color: #fff !important;
}
.industry-whatweoffer .nav-link:hover {
  background-color: #E6E7E8 !important;
  color: #000 !important;
  border-bottom: 3px solid #00B5E2 !important;
  border-radius: 0px !important;
  text-align: center;
  font-weight: bold;
}
.industry-whatweoffer .tab-content > .active {
  color: #fff !important;
  padding: 0px 10px !important;
}
.industry-whatweoffer .tab-content {
  line-height: 60px;
}
.industry-whatweoffer .tab-content .our-offering {
  background-color: #003865 !important;
  padding: 0px 20px;
  border-radius: 4px;
}
.industry-whatweoffer .tab-content .our-offering ul {
  list-style: none;
  padding: 5px 0px 20px;
  margin: 0px;
  -moz-column-count: 1;
       column-count: 1;
}
.industry-whatweoffer .tab-content .our-offering ul li::before {
  content: "";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}
.industry-whatweoffer .tab-content .our-offering ul li {
  color: #fff !important;
}
.industry-whatweoffer .tab-content .our-offering ul li a {
  color: #fff !important;
}
.industry-whatweoffer .tab-content .our-offering ul li a:after {
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin: 0rem 0.4rem;
  color: #00B5E2;
  font-weight: 600;
}
.industry-whatweoffer .tab-content .our-offering ul li {
  color: #000;
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 10px 0px;
}
.industry-whatweoffer .tab-content .our-offering ul li a {
  color: #000;
}
.industry-whatweoffer .tab-content strong {
  color: #000;
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0px;
  text-transform: none;
  opacity: 1;
}
.industry-whatweoffer .tab-content h4 {
  color: #fff;
  text-align: left;
  font-weight: 600;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  opacity: 1;
  padding: 20px 0px 0px;
}
.industry-whatweoffer .tab-content img {
  width: 100%;
  height: auto;
}
.industry-whatweoffer .tab-content ul {
  list-style: none;
  padding: 5px 0px 20px;
  margin: 0px;
  -moz-column-count: 1;
       column-count: 1;
}
.industry-whatweoffer .tab-content ul li::before {
  content: "";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}
.industry-whatweoffer .tab-content ul li {
  color: #000 !important;
}
.industry-whatweoffer .tab-content ul li a {
  color: #000 !important;
}
.industry-whatweoffer .tab-content ul li a:after {
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin: 0rem 0.4rem;
  color: #00B5E2;
  font-weight: 600;
}
.industry-whatweoffer .tab-content ul li {
  color: #000;
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 10px 0px;
}
.industry-whatweoffer .tab-content ul li a {
  color: #000;
}
.industry-whatweoffer .tab-content .img-fluid {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  border-radius: 0px;
}
.industry-whatweoffer .explore-more {
  color: #fff !important;
  border: 1px solid #F05B41 !important;
  background-color: #F05B41;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
}
.industry-whatweoffer .explore-more:hover {
  background-color: #fff;
  color: #F05B41 !important;
  border: 1px solid #F05B41 !important;
}

.whatweoffer.only-mobile .carousel-item {
  padding: 20px;
  box-shadow: 0 2px 37px 0 rgba(0, 0, 0, 0.1);
  height: auto;
}
.whatweoffer.only-mobile .carousel-item .title {
  display: flex;
  align-items: center;
  margin: 10px 0px;
}
.whatweoffer.only-mobile .carousel-item .title img {
  max-width: 100%;
  height: auto;
}
.whatweoffer.only-mobile .carousel-item .content strong {
  display: block;
  color: #1277CE;
  padding: 20px 0px;
}
.whatweoffer.only-mobile .carousel-item .content h4 {
  margin: 10px 0px;
}
.whatweoffer.only-mobile .carousel-item .content ul {
  list-style: none;
  padding: 20px 0px 40px;
  margin: 0px;
}
.whatweoffer.only-mobile .carousel-item .content ul li {
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 10px 10px;
}
.whatweoffer.only-mobile .carousel-item .content ul li::before {
  content: "-";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}

.whatweoffer .col-lg-7 {
  padding: 0px 10px 0px 10px;
}

.whatweoffer-indicators {
  list-style-type: none;
  width: 50%;
  margin: auto;
  display: block;
  text-align: center;
}
.whatweoffer-indicators li {
  float: left;
  padding: 10px;
}
.whatweoffer-indicators li [data-bs-target] {
  width: 8px !important;
  height: 14px !important;
  border-radius: 10px !important;
  border: 1px solid #d4d4d4 !important;
  margin: 5px;
}

@media screen and (max-width: 600px) {
  .whatweoffer-indicators {
    width: 100%;
  }
  .industries-indicators {
    width: 100% !important;
  }
}
@media screen and (max-width: 600px) {
  .datawhatweoffer-indicators {
    width: 100%;
  }
  .dataindustries-indicators {
    width: 100% !important;
  }
}
.datawhatweoffer {
  background-color: #E6E7E8;
  /* Add indicator arrow for the active tab */
}
.datawhatweoffer h5 {
  color: #003865 !important;
  text-align: left !important;
  font-weight: 600 !important;
  font-size: 20px !important;
  line-height: 30px !important;
  letter-spacing: 0px !important;
  text-transform: none !important;
  opacity: 1 !important;
  padding: 0px 0px 10px 0px;
}
.datawhatweoffer .ct-heading {
  color: #000 !important;
}
.datawhatweoffer .list {
  list-style: none;
  padding: 10px 0px 40px;
  margin: 0px;
}
.datawhatweoffer .list li {
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 0px 0px;
}
.datawhatweoffer .list li::before {
  content: "•";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}
.datawhatweoffer .nav-item {
  border-bottom: 1px solid #fff !important;
}
.datawhatweoffer .datawhatweoffer.only-mobile {
  background-color: #f7f7f7;
}
.datawhatweoffer .datawhatweoffer.only-mobile .nav-item {
  border-bottom: 1px solid #ccc !important;
}
.datawhatweoffer .datawhatweoffer.only-mobile .datawhatweoffer-bg {
  background: #f7f7f7;
  box-shadow: 0 2px 37px 0 rgba(0, 0, 0, 0.1);
}
.datawhatweoffer .nav-pills-custom .nav-link {
  color: #aaa;
  background: #fff;
  position: relative;
}
.datawhatweoffer .nav-pills-custom .nav-link.active {
  color: #45b649;
  background: #fff;
}
.datawhatweoffer .datawhatweoffer-accordion .accordion-item {
  padding: 0rem 2rem;
}
.datawhatweoffer .datawhatweoffer-accordion .accordion-item h4 {
  color: #000;
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  line-height: 35px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  opacity: 1;
  padding: 20px 0px 0px;
}
.datawhatweoffer .datawhatweoffer-accordion .accordion-item .accordion-body ul {
  padding: 0px;
}
.datawhatweoffer .datawhatweoffer-accordion .accordion-item .accordion-body ul li {
  font-size: 16px !important;
  letter-spacing: 0.14px !important;
  line-height: 24px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  text-align: left;
  list-style: none;
}
.datawhatweoffer .datawhatweoffer-accordion .accordion-item .accordion-body ul li::before {
  content: "";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}
.datawhatweoffer .datawhatweoffer-accordion .accordion-item .accordion-body ul li a {
  color: #000 !important;
}
.datawhatweoffer .datawhatweoffer-accordion .accordion-item .accordion-body ul li a:after {
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin: 0rem 0.4rem;
  color: #00B5E2;
  font-weight: 600;
}
.datawhatweoffer .datawhatweoffer-accordion .accordion-header {
  padding: 5px 0px !important;
  border-bottom: 0px solid #000 !important;
  font-size: 26px !important;
  line-height: 36px !important;
  letter-spacing: 0.2px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  font-weight: 500 !important;
}
.datawhatweoffer .datawhatweoffer-accordion .accordion-header .title {
  padding: 0px 15px;
  font-size: 20px;
}
.datawhatweoffer .datawhatweoffer-accordion .accordion-collapse.collapse {
  padding-bottom: 3rem;
  border-bottom: 0px solid rgb(0, 0, 0) !important;
  border-radius: 0px !important;
}
@media (min-width: 992px) {
  .datawhatweoffer .nav-pills-custom .nav-link::before {
    content: "";
    display: block;
    border-top: 8px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    opacity: 0;
  }
}
.datawhatweoffer .nav-pills-custom .nav-link.active::before {
  opacity: 1;
}
.datawhatweoffer #v-pills-tab .nav-link {
  margin: 5px;
  border: 1px solid #fff;
  /* This is just to center text in pills */
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding: 30px 20px;
  border-radius: 5px;
  text-align: left;
  font-size: 20px;
  line-height: 46px;
  letter-spacing: 0.01px;
  opacity: 1;
  color: #000;
  background-color: #fff;
}
.datawhatweoffer #v-pills-tab .nav-link.col-6 {
  /* 10px is just double the size of 5px margin set on .nav-link */
  max-width: calc(50% - 10px);
}
.datawhatweoffer #v-pills-tab .nav-link.col-12 {
  max-width: calc(100% - 10px);
}
.datawhatweoffer .nav-pills .nav-link.active, .datawhatweoffer .nav-pills .show > .nav-link {
  background-color: #E6E7E8 !important;
  color: #000 !important;
  border-bottom: 3px solid #00B5E2 !important;
  border-radius: 0px !important;
  text-align: center;
  font-weight: bold;
  opacity: 1;
}
.datawhatweoffer .nav-link img {
  width: 45px;
  height: 45px;
  position: relative;
}
.datawhatweoffer .nav-pills .nav-link {
  border-radius: 0px !important;
  letter-spacing: 0.15px;
  color: #000;
  font-size: 20px;
  line-height: 30px;
  padding: 0px 5px 10px;
  margin: 0px 25px;
  font-weight: bold;
  text-align: center;
}
.datawhatweoffer .nav-pills .nav-link p {
  line-height: 24px;
  padding-top: 8px;
}
.datawhatweoffer .nav-pills .nav-link {
  position: relative;
  display: inline-block;
}
.datawhatweoffer .nav-pills .nav-link:hover .img-back {
  display: inline;
  position: relative;
}
.datawhatweoffer .nav-pills .nav-link:hover .img-front {
  display: none;
  position: relative;
}
.datawhatweoffer .nav-pills .nav-link .img-back {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.datawhatweoffer .nav-pills .nav-link .active img .img-front {
  display: none;
  position: relative;
}
.datawhatweoffer .nav-pills .nav-link .active img .img-back {
  display: inline;
  position: relative;
}
.datawhatweoffer .nav-pills .nav-link .active:hover .img-back {
  display: inline;
  position: relative;
}
.datawhatweoffer .nav-pills .nav-link .active:hover .img-front {
  display: none;
  position: relative;
}
.datawhatweoffer .nav-pills .nav-link .active:after {
  border-bottom: 22px solid transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  bottom: -14px;
  content: "";
  display: block;
  position: absolute;
  left: 44%;
  transform: rotate(-135deg);
}
.datawhatweoffer .work-link span {
  margin-left: 25%;
}
.datawhatweoffer .tab-content p {
  color: #000 !important;
}
.datawhatweoffer .offerlist {
  list-style: none !important;
  padding: 0px 20px 20px 0px !important;
  margin: 0px !important;
}
.datawhatweoffer .offerlist li {
  color: rgba(0, 0, 0, 0.8666666667) !important;
  text-align: left !important;
  font-size: 18px !important;
  line-height: 1.7 !important;
  letter-spacing: 0.56px !important;
  text-transform: none !important;
  opacity: 1 !important;
  padding: 0px 0px 10px 0px !important;
}
.datawhatweoffer .offerlist li::before {
  content: "•" !important;
  display: inline-block !important;
  margin-right: 0.2rem !important;
  color: #00B5E2 !important;
  font-weight: 600 !important;
}
.datawhatweoffer .design, .datawhatweoffer .digital, .datawhatweoffer .data, .datawhatweoffer .ai, .datawhatweoffer .it-services, .datawhatweoffer .connectivity, .datawhatweoffer .industry-4-0, .datawhatweoffer .artificial-intelligence, .datawhatweoffer .technology-enabled-services, .datawhatweoffer .industry {
  position: relative;
  display: inline-block;
}
.datawhatweoffer .design .img-front, .datawhatweoffer .digital .img-front, .datawhatweoffer .data .img-front, .datawhatweoffer .ai .img-front, .datawhatweoffer .it-services .img-front, .datawhatweoffer .connectivity .img-front, .datawhatweoffer .industry-4-0 .img-front, .datawhatweoffer .artificial-intelligence .img-front, .datawhatweoffer .technology-enabled-services .img-front, .datawhatweoffer .industry .img-front {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.datawhatweoffer .design:hover .img-front, .datawhatweoffer .digital:hover .img-front, .datawhatweoffer .data:hover .img-front, .datawhatweoffer .ai:hover .img-front, .datawhatweoffer .it-services:hover .img-front, .datawhatweoffer .connectivity:hover .img-front, .datawhatweoffer .industry-4-0:hover .img-front, .datawhatweoffer .artificial-intelligence:hover .img-front, .datawhatweoffer .technology-enabled-services:hover .img-front, .datawhatweoffer .industry:hover .img-front {
  display: inline;
  position: relative;
}
.datawhatweoffer .design:hover .img-back, .datawhatweoffer .digital:hover .img-back, .datawhatweoffer .data:hover .img-back, .datawhatweoffer .ai:hover .img-back, .datawhatweoffer .it-services:hover .img-back, .datawhatweoffer .connectivity:hover .img-back, .datawhatweoffer .industry-4-0:hover .img-back, .datawhatweoffer .artificial-intelligence:hover .img-back, .datawhatweoffer .technology-enabled-services:hover .img-back, .datawhatweoffer .industry:hover .img-back {
  display: none;
  position: relative;
}
.datawhatweoffer .design.active .img-back, .datawhatweoffer .digital.active .img-back, .datawhatweoffer .data.active .img-back, .datawhatweoffer .ai.active .img-back, .datawhatweoffer .it-services.active .img-back, .datawhatweoffer .connectivity.active .img-back, .datawhatweoffer .industry-4-0.active .img-back, .datawhatweoffer .artificial-intelligence.active .img-back, .datawhatweoffer .technology-enabled-services.active .img-back, .datawhatweoffer .industry.active .img-back {
  display: none;
  position: relative;
}
.datawhatweoffer .design.active .img-front, .datawhatweoffer .digital.active .img-front, .datawhatweoffer .data.active .img-front, .datawhatweoffer .ai.active .img-front, .datawhatweoffer .it-services.active .img-front, .datawhatweoffer .connectivity.active .img-front, .datawhatweoffer .industry-4-0.active .img-front, .datawhatweoffer .artificial-intelligence.active .img-front, .datawhatweoffer .technology-enabled-services.active .img-front, .datawhatweoffer .industry.active .img-front {
  display: inline;
  position: relative;
}
.datawhatweoffer .design.active:after, .datawhatweoffer .digital.active:after, .datawhatweoffer .data.active:after, .datawhatweoffer .ai.active:after, .datawhatweoffer .it-services.active:after, .datawhatweoffer .connectivity.active:after, .datawhatweoffer .industry-4-0.active:after, .datawhatweoffer .artificial-intelligence.active:after, .datawhatweoffer .technology-enabled-services.active:after, .datawhatweoffer .industry.active:after {
  border-bottom: 22px solid transparent;
  border-right-color: transparent;
  border-top-color: transparent;
  bottom: -14px;
  content: "";
  display: block;
  position: absolute;
  left: 44%;
  transform: rotate(-135deg);
}
@media screen and (min-width: 1440px) {
  .datawhatweoffer .nav-pills .nav-link {
    padding: 0px 5px 10px;
    margin: 0px 5px;
    width: 205px;
    height: 120px;
  }
}
@media screen and (max-width: 1439px) {
  .datawhatweoffer .nav-pills .nav-link {
    padding: 0px 0px 10px;
    margin: 0px 4px;
    width: 150px;
    height: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .datawhatweoffer .nav-pills .nav-link {
    padding: 0px 5px 10px;
    margin: 0px 0px;
    width: 130px;
    height: 140px;
  }
}
@media screen and (max-width: 768px) {
  .datawhatweoffer .nav-pills .nav-link {
    padding: 10px 5px 10px;
    margin: 0px 15px;
  }
  .datawhatweoffer #v-pills-tab .work-link {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 600px) {
  .datawhatweoffer .sec-h-space {
    background-image: url("../images/footer/want-to-explore.png");
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 4px;
    position: relative;
    z-index: 1;
    top: -30px;
  }
  .datawhatweoffer .acc-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    overflow: hidden;
    width: 100%;
    height: 20% !important;
    transition: 0.5s ease;
    padding: 0% 8%;
  }
  .datawhatweoffer .nav-item {
    width: 100%;
  }
  .datawhatweoffer .w-50 {
    width: 100% !important;
  }
  .datawhatweoffer .header-banner {
    z-index: 999;
    border: 0px !important;
    position: relative;
    width: 100%;
    top: 100px;
    bottom: 0px;
  }
}
.datawhatweoffer .nav-pills .nav-link.active img, .datawhatweoffer .nav-pills .show > .nav-link img {
  color: #fff !important;
}
.datawhatweoffer .nav-link:hover {
  background-color: #E6E7E8 !important;
  color: #000 !important;
  border-bottom: 3px solid #00B5E2 !important;
  border-radius: 0px !important;
  text-align: center;
  font-weight: bold;
}
.datawhatweoffer .tab-content > .active {
  color: #fff !important;
  padding: 0px 10px !important;
}
.datawhatweoffer .tab-content {
  line-height: 60px;
}
.datawhatweoffer .tab-content .our-offering {
  background-color: #fff !important;
  padding: 0px 20px;
  border-radius: 4px;
}
.datawhatweoffer .tab-content strong {
  color: #000;
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  letter-spacing: 0px;
  text-transform: none;
  opacity: 1;
}
.datawhatweoffer .tab-content h4 {
  color: #000;
  text-align: left;
  font-weight: 600;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  opacity: 1;
  padding: 20px 0px 0px;
}
.datawhatweoffer .tab-content img {
  width: 100%;
  height: auto;
}
.datawhatweoffer .tab-content ul {
  list-style: none;
  padding: 5px 0px 20px;
  margin: 0px;
  -moz-column-count: 1;
       column-count: 1;
}
.datawhatweoffer .tab-content ul li::before {
  content: "";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}
.datawhatweoffer .tab-content ul li {
  color: #000 !important;
}
.datawhatweoffer .tab-content ul li a {
  color: #000 !important;
}
.datawhatweoffer .tab-content ul li a:after {
  content: "\f061";
  font-family: "Font Awesome 6 Free";
  display: inline-block;
  margin: 0rem 0.4rem;
  color: #00B5E2;
  font-weight: 600;
}
.datawhatweoffer .tab-content ul li {
  color: #000;
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 10px 0px;
}
.datawhatweoffer .tab-content ul li a {
  color: #000;
}
.datawhatweoffer .tab-content .img-fluid {
  box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  border-radius: 0px;
}
.datawhatweoffer .explore-more {
  color: #fff !important;
  border: 1px solid #F05B41 !important;
  background-color: #F05B41;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
}
.datawhatweoffer .explore-more:hover {
  background-color: #fff;
  color: #F05B41 !important;
  border: 1px solid #F05B41 !important;
}

.datawhatweoffer.only-mobile .carousel-item {
  padding: 20px;
  box-shadow: 0 2px 37px 0 rgba(0, 0, 0, 0.1);
  height: auto;
}
.datawhatweoffer.only-mobile .carousel-item .title {
  display: flex;
  align-items: center;
  margin: 10px 0px;
}
.datawhatweoffer.only-mobile .carousel-item .title img {
  max-width: 100%;
  height: auto;
}
.datawhatweoffer.only-mobile .carousel-item .content strong {
  display: block;
  color: #1277CE;
  padding: 20px 0px;
}
.datawhatweoffer.only-mobile .carousel-item .content h4 {
  margin: 10px 0px;
}
.datawhatweoffer.only-mobile .carousel-item .content ul {
  list-style: none;
  padding: 20px 0px 40px;
  margin: 0px;
}
.datawhatweoffer.only-mobile .carousel-item .content ul li {
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 10px 10px;
}
.datawhatweoffer.only-mobile .carousel-item .content ul li::before {
  content: "-";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}

.datawhatweoffer .col-lg-7 {
  padding: 0px 10px 0px 10px;
}

.datawhatweoffer-indicators {
  list-style-type: none;
  width: 50%;
  margin: auto;
  display: block;
  text-align: center;
}
.datawhatweoffer-indicators li {
  float: left;
  padding: 10px;
}
.datawhatweoffer-indicators li [data-bs-target] {
  width: 8px !important;
  height: 14px !important;
  border-radius: 10px !important;
  border: 1px solid #d4d4d4 !important;
  margin: 5px;
}

/**** What we offer ****/
@media screen and (max-width: 768px) and (min-width: 600px) {
  .gallery-recent {
    margin-top: 58px;
  }
  .gallery-heading {
    font-size: 30px !important;
    line-height: 39px !important;
    letter-spacing: 0.6px;
    opacity: 1;
    text-align: left;
    font-weight: bold;
    padding-left: 0px;
  }
}
@media screen and (max-width: 601px) {
  .mobile_video {
    display: none;
  }
  .video-container {
    top: 20px !important;
  }
  .video-container .innerpage-banner .carousel-inner {
    height: 130vh;
  }
  .video-container .innerpage-banner .carousel-item.active {
    height: 100% !important;
    display: flex !important;
    flex-direction: column-reverse;
  }
  .video-container .innerpage-banner .bd-highlight {
    margin-left: 0.5rem;
    margin-top: 0.5rem;
    width: 90vw !important;
    height: 24vh;
  }
  .video-container .innerpage-banner .bd-highlight:nth-child(2), .video-container .innerpage-banner .bd-highlight:nth-child(3) {
    margin-top: 0rem;
    color: white !important;
  }
  .video-container .innerpage-banner .bd-highlight:nth-child(3) {
    margin-top: 0rem;
    color: white !important;
    display: none;
  }
  .video-container .innerpage-banner .bd-highlight:nth-child(4) {
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
  .video-container .innerpage-banner .bd-highlight:nth-child(4).link {
    background: none;
  }
  .video-container .innerpage-banner .main-banner-img {
    display: none !important;
  }
  .video-container .innerpage-banner .main-banner-img-mobile {
    display: block;
  }
  .video-container .innerpage-banner #container-mobile {
    position: absolute;
    top: 0;
  }
  .video-container .innerpage-banner .carousel-caption.carousel-caption-mobile {
    height: 100% !important;
    top: 0% !important;
    text-align: left !important;
    left: 0 !important;
    right: 0px !important;
    background: none !important;
    margin-bottom: 2rem;
    padding: 3rem 0;
    width: 100vw !important;
  }
  .video-container .innerpage-banner .links a {
    color: #fff !important;
    border: 1px solid #E22D00 !important;
    padding: 10px 15px !important;
    text-align: center;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 24px !important;
    letter-spacing: 0.1px !important;
    text-transform: uppercase !important;
    opacity: 1;
    border-radius: 4px;
    text-decoration: none;
    margin: 10px 5px !important;
    background-color: #E22D00 !important;
  }
  .video-container .innerpage-banner .links a::after {
    content: "";
    padding-left: 0px;
  }
  .video-container .innerpage-banner .links a:hover {
    color: rgb(255, 255, 255);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4784313725);
  }
}
/****Generative AI****/
.generative-ai {
  background-color: #fff;
}
.generative-ai .bsfi, .generative-ai .health-care, .generative-ai .life-sciences, .generative-ai .retail-ecommerce, .generative-ai .travel-hospitality, .generative-ai .media-entertainment, .generative-ai .communications {
  position: relative;
  display: inline-block;
}
.generative-ai .bsfi .img-front, .generative-ai .health-care .img-front, .generative-ai .life-sciences .img-front, .generative-ai .retail-ecommerce .img-front, .generative-ai .travel-hospitality .img-front, .generative-ai .media-entertainment .img-front, .generative-ai .communications .img-front {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.generative-ai .bsfi:hover .img-front, .generative-ai .health-care:hover .img-front, .generative-ai .life-sciences:hover .img-front, .generative-ai .retail-ecommerce:hover .img-front, .generative-ai .travel-hospitality:hover .img-front, .generative-ai .media-entertainment:hover .img-front, .generative-ai .communications:hover .img-front {
  display: inline;
  position: relative;
}
.generative-ai .bsfi:hover .img-back, .generative-ai .health-care:hover .img-back, .generative-ai .life-sciences:hover .img-back, .generative-ai .retail-ecommerce:hover .img-back, .generative-ai .travel-hospitality:hover .img-back, .generative-ai .media-entertainment:hover .img-back, .generative-ai .communications:hover .img-back {
  display: none;
  position: relative;
}
.generative-ai .bsfi.active .img-back, .generative-ai .health-care.active .img-back, .generative-ai .life-sciences.active .img-back, .generative-ai .retail-ecommerce.active .img-back, .generative-ai .travel-hospitality.active .img-back, .generative-ai .media-entertainment.active .img-back, .generative-ai .communications.active .img-back {
  display: none;
  position: relative;
}
.generative-ai .bsfi.active .img-front, .generative-ai .health-care.active .img-front, .generative-ai .life-sciences.active .img-front, .generative-ai .retail-ecommerce.active .img-front, .generative-ai .travel-hospitality.active .img-front, .generative-ai .media-entertainment.active .img-front, .generative-ai .communications.active .img-front {
  display: inline;
  position: relative;
}
@media (min-width: 992px) {
  .generative-ai .nav-pills-custom .nav-link::before {
    content: "";
    display: block;
    border-top: 8px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    opacity: 0;
  }
}
.generative-ai .nav-pills-custom .nav-link.active::before {
  opacity: 1;
}
.generative-ai #v-pills-tab .nav-link {
  margin: 5px;
  border: 1px solid #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding: 30px 20px;
  border-radius: 5px;
  text-align: left;
  font-size: 20px;
  line-height: 46px;
  letter-spacing: 0.01px;
  opacity: 1;
  color: #000;
  background-color: #fff;
}
.generative-ai #v-pills-tab .nav-link.col-6 {
  /* 10px is just double the size of 5px margin set on .nav-link */
  max-width: calc(50% - 10px);
}
.generative-ai #v-pills-tab .nav-link.col-12 {
  max-width: calc(100% - 10px);
}
.generative-ai .nav-pills .nav-link.active, .generative-ai .nav-pills .show > .nav-link {
  background-color: #fff !important;
  color: #00B5E2 !important;
  border-bottom: 3px solid #00B5E2 !important;
  border-radius: 0px !important;
  text-align: center;
  font-weight: bold;
}
.generative-ai .nav-link img {
  width: 45px;
  height: 45px;
  position: relative;
}
.generative-ai .nav-pills .nav-link {
  border-radius: 0px !important;
  letter-spacing: 0.15px;
  opacity: 1;
  color: rgba(0, 0, 0, 0.8705882353);
  font-size: 20px;
  line-height: 30px;
  padding: 0px 5px 10px;
  margin: 0px 25px;
  font-weight: bold;
  text-align: center;
}
.generative-ai .nav-pills .nav-link p {
  line-height: 24px;
  padding-top: 8px;
}
.generative-ai .work-link span {
  margin-left: 25%;
}
.generative-ai .list {
  list-style: none;
  padding: 10px 0px 40px;
  margin: 0px;
}
.generative-ai .list li {
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 0px 0px;
}
.generative-ai .list li::before {
  content: "•";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}
.generative-ai .nav-item {
  border-bottom: 1px solid #ccc !important;
}
.generative-ai .serve-bg {
  background: #fff;
}
.generative-ai .serve.only-mobile {
  background-color: #f7f7f7;
}
.generative-ai .serve.only-mobile .nav-item {
  border-bottom: 1px solid #ccc !important;
}
.generative-ai .serve.only-mobile .serve-bg {
  background: #f7f7f7;
  box-shadow: 0 2px 37px 0 rgba(0, 0, 0, 0.1);
}
.generative-ai .nav-pills-custom .nav-link {
  color: #aaa;
  background: #fff;
  position: relative;
}
.generative-ai .nav-pills-custom .nav-link.active {
  color: #45b649;
  background: #fff;
}
.generative-ai .serve-accordion .accordion-item {
  padding: 0rem 2rem;
}
.generative-ai .serve-accordion .accordion-header {
  padding: 5px 0px !important;
  border-bottom: 0px solid #000 !important;
  font-size: 26px !important;
  line-height: 36px !important;
  letter-spacing: 0.2px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  font-weight: 500 !important;
}
.generative-ai .serve-accordion .accordion-header .title {
  padding: 0px 15px;
  font-size: 20px;
}
.generative-ai .serve-accordion .accordion-collapse.collapse {
  padding-bottom: 3rem;
  border-bottom: 0px solid rgb(0, 0, 0) !important;
  border-radius: 0px !important;
}
@media screen and (min-width: 1440px) {
  .generative-ai .nav-pills .nav-link {
    padding: 0px 5px 10px;
    margin: 0px 5px;
    width: 175px;
    height: 120px;
  }
}
@media screen and (max-width: 1439px) {
  .generative-ai .nav-pills .nav-link {
    padding: 0px 0px 10px;
    margin: 0px 4px;
    width: 150px;
    height: 120px;
  }
}
@media screen and (max-width: 1024px) {
  .generative-ai .nav-pills .nav-link {
    padding: 0px 5px 10px;
    margin: 0px 0px;
    width: 130px;
    height: 140px;
  }
}
@media screen and (max-width: 768px) {
  .generative-ai .nav-pills .nav-link {
    padding: 10px 5px 10px;
    margin: 0px 15px;
  }
  .generative-ai #v-pills-tab .work-link {
    font-size: 16px !important;
  }
}

/*****Generative AI***/
/*****ai-pipeline***/
.ai-pipeline {
  background-color: #f5f5f5;
}
.ai-pipeline .ct-heading {
  color: #000;
}
.ai-pipeline .data-pipeline-img {
  border: 24px solid #212121;
  border-radius: 20px;
}
.ai-pipeline iframe {
  border: 2px solid #fff;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.4);
}

/*****ai-pipeline***/
/*****ai-pipeline***/
.ai-pipeline {
  background-color: #f5f5f5;
}
.ai-pipeline .ct-heading {
  color: #000;
}
.ai-pipeline .data-pipeline-img {
  border: 24px solid #212121;
  border-radius: 20px;
}
.ai-pipeline iframe {
  border: 2px solid #fff;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.4);
}
.ai-pipeline ul li {
  font-size: 18px;
  line-height: 27px;
}

/*****ai-pipeline***/
/***ai_approach****/
.ai-approach {
  background-color: #f5f5f5;
}
.ai-approach .ct-heading {
  color: #000;
}
.ai-approach .data-pipeline-img {
  border: 24px solid #212121;
  border-radius: 20px;
}
.ai-approach iframe {
  border: 2px solid #fff;
  background-color: #fff;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(255, 255, 255, 0.4);
}

/****ai_approach****/
.tech-stack {
  background-color: #f5f5f5;
}

.ai-logos .col-md-6 {
  border: 1px solid #ccc;
  padding: 40px;
  margin-bottom: 40px;
  width: 46%;
  margin-right: 40px;
  border-radius: 5px;
}
.ai-logos .col-md-6 p {
  text-align: center;
  font-weight: bold;
}
.ai-logos .col-md-6 .col-md-4 {
  margin: 5% auto 5%;
  text-align: center;
}
.ai-logos .col-md-6 .col-md-4 img {
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .ai-logos .col-md-6 {
    border: 1px solid #ccc;
    padding: 40px;
    margin-bottom: 40px;
    width: 100%;
    margin-right: 40px;
    border-radius: 5px;
  }
  .ai-logos .col-md-6 .col-md-4 {
    margin: 5% auto 5%;
    text-align: center;
    width: 30%;
  }
}
.tech-stack h3 {
  font-weight: bold;
  font-size: 20px;
  line-height: 1.7;
  letter-spacing: 0px;
}
.tech-stack h4 {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.7;
  letter-spacing: 0px;
}
.tech-stack .col-md-2 {
  margin-bottom: 20px;
  width: 160px;
}
.tech-stack .col-md-2 img {
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  padding: 10px;
  max-width: 120px;
  height: auto;
}

.desing-bg #bsfi .row .col-xl-4 .card {
  min-height: 630px;
  padding: 15px;
}

.desing-bg #health-care .row .col-xl-4 .card {
  min-height: 770px;
  padding: 15px;
}

.desing-bg #retail-ecommerce .row .col-xl-4 .card {
  min-height: 590px;
  padding: 15px;
}

.desing-bg #travel-hospitality .row .col-xl-4 .card {
  min-height: 540px;
  padding: 15px;
}

.desing-bg #media-entertainment .row .col-xl-4 {
  margin-bottom: 30px;
}

.desing-bg #media-entertainment .row .col-xl-4 .card {
  min-height: 610px;
  padding: 15px;
}

.desing-bg #life-sciences .row .col-xl-4 .card {
  min-height: 670px;
  padding: 15px;
}

.ubermenu-item-level-2 .ubermenu-sub-indicator {
  display: none !important;
}

.enterprise-download {
  background-color: #003865;
}
.enterprise-download h4 {
  text-align: center;
  color: #fff !important;
}
.enterprise-download h3 {
  text-align: center;
  color: #fff !important;
}
.enterprise-download .explore-more {
  color: #fff !important;
  border: 1px solid #00B5E2 !important;
  background-color: #00B5E2;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  margin: 20px 0px 0px;
}
.enterprise-download .explore-more:hover {
  background-color: #fff;
  color: #00B5E2 !important;
  border: 1px solid #00B5E2 !important;
}

.main-cf7-captcha {
  margin-bottom: 40px;
}

.page-template-generative-ai .want-to-explore {
  height: 30px;
  background-color: #fff;
}

.casestudies-template-default .want-to-explore {
  height: 30px;
  background-color: #fff;
}

.investors {
  background-color: #f5f5f5;
}
.investors .container .row .col-md-3 {
  padding: 0px;
}

/****Our Purpose****/
.our-purpose {
  background: #fff;
  /* Add indicator arrow for the active tab */
}
.our-purpose .our-purpose-bg {
  box-shadow: 0 2px 37px 0 rgba(0, 0, 0, 0.1);
}
.our-purpose .our-purpose-bg .overview-content p {
  color: #fff !important;
}
.our-purpose .tab-content img {
  width: 100%;
  height: auto;
}
.our-purpose .nav-item {
  border-bottom: 1px solid #ccc !important;
  padding: 0px 0px 0px;
}
.our-purpose .dm-bg {
  background: #fff;
}
.our-purpose .our-purpose.only-mobile {
  background-color: #fff;
}
.our-purpose .our-purpose.only-mobile .nav-item {
  border-bottom: 1px solid #ccc !important;
}
.our-purpose .our-purpose.only-mobile .dm-bg {
  background: #fff;
}
.our-purpose .nav-pills-custom .nav-link {
  color: #aaa;
  background: #fff;
  position: relative;
}
.our-purpose .nav-pills-custom .nav-link.active {
  color: #45b649;
  background: #fff;
}
@media (min-width: 992px) {
  .our-purpose .nav-pills-custom .nav-link::before {
    content: "";
    display: block;
    border-top: 8px solid transparent;
    border-left: 10px solid #fff;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    opacity: 0;
  }
}
.our-purpose .nav-pills-custom .nav-link.active::before {
  opacity: 1;
}
.our-purpose #v-pills-tab .nav-link {
  margin: 5px;
  border: 1px solid #fff;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  text-align: center;
  padding: 30px 20px;
  border-radius: 5px;
  text-align: left;
  font-size: 20px;
  line-height: 46px;
  letter-spacing: 0.01px;
  opacity: 1;
  color: #000;
  background-color: #fff;
}
.our-purpose #v-pills-tab .nav-link.col-6 {
  /* 10px is just double the size of 5px margin set on .nav-link */
  max-width: calc(50% - 10px);
}
.our-purpose #v-pills-tab .nav-link.col-12 {
  max-width: calc(100% - 10px);
}
.our-purpose .nav-pills .nav-link.active, .our-purpose .nav-pills .show > .nav-link {
  background-color: #fff !important;
  color: #000 !important;
  border-radius: 0px !important;
  text-align: center;
  font-weight: bold;
  opacity: 1;
  border-bottom: 3px solid #00B5E2 !important;
}
.our-purpose .nav-link img {
  width: 45px;
  height: 45px;
  position: relative;
}
.our-purpose .nav-pills .nav-link {
  border-radius: 0px !important;
  letter-spacing: 0.15px;
  opacity: 0.6;
  color: #000;
  font-size: 20px;
  line-height: 30px;
  padding: 0px 5px 10px;
  margin: 0px 25px;
  font-weight: bold;
  text-align: center;
}
.our-purpose .work-link span {
  margin-left: 25%;
}
.our-purpose .search-engine-optimization, .our-purpose .search-engine-marketing {
  position: relative;
  display: inline-block;
}
.our-purpose .search-engine-optimization .img-front, .our-purpose .search-engine-marketing .img-front {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 99;
}
.our-purpose .search-engine-optimization:hover .img-front, .our-purpose .search-engine-marketing:hover .img-front {
  display: inline;
  position: relative;
}
.our-purpose .search-engine-optimization:hover .img-back, .our-purpose .search-engine-marketing:hover .img-back {
  display: none;
  position: relative;
}
.our-purpose .search-engine-optimization.active .img-back, .our-purpose .search-engine-marketing.active .img-back {
  display: none;
  position: relative;
}
.our-purpose .search-engine-optimization.active .img-front, .our-purpose .search-engine-marketing.active .img-front {
  display: inline;
  position: relative;
}
.our-purpose .search-engine-optimization.active:after, .our-purpose .search-engine-marketing.active:after {
  border-left: 22px solid #00B5E2;
  border-right-color: transparent;
  border-top-color: transparent;
  bottom: -11px;
  content: "";
  display: block;
  position: absolute;
  right: 41%;
  transform: rotate(-135deg);
}
@media screen and (min-width: 1440px) {
  .our-purpose .nav-pills .nav-link {
    padding: 10px 5px 10px;
    margin: 0px 0px;
    width: 200px;
    height: 55px;
  }
}
@media screen and (max-width: 1439px) {
  .our-purpose .nav-pills .nav-link {
    padding: 10px 0px 10px;
    margin: 0px;
    width: 180px;
    height: 130px;
  }
}
@media screen and (max-width: 1024px) {
  .our-purpose .nav-pills .nav-link {
    padding: 0px 5px 10px;
    margin: 0px 0px;
    width: 130px;
    height: 140px;
  }
}
@media screen and (max-width: 768px) {
  .our-purpose .nav-pills .nav-link {
    padding: 10px 5px 10px;
    margin: 0px 15px;
  }
  .our-purpose #v-pills-tab .work-link {
    font-size: 16px !important;
  }
}
@media screen and (max-width: 600px) {
  .our-purpose .acc-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: transparent;
    overflow: hidden;
    width: 100%;
    height: 20% !important;
    transition: 0.5s ease;
    padding: 0% 8%;
  }
  .our-purpose .nav-item {
    width: 100%;
  }
  .our-purpose .carousel-item {
    margin-right: 0px !important;
  }
  .our-purpose .w-50 {
    width: 100% !important;
  }
  .our-purpose .header-banner {
    z-index: 999;
    border: 0px !important;
    position: relative;
    width: 100%;
    top: 100px;
    bottom: 0px;
  }
}
.our-purpose .nav-pills .nav-link.active img, .our-purpose .nav-pills .show > .nav-link img {
  color: #fff !important;
}
.our-purpose .nav-link:hover {
  background-color: #fff !important;
  color: #000 !important;
  border-radius: 0px !important;
  text-align: center;
  font-weight: bold;
  border-bottom: 3px solid #00B5E2 !important;
}
.our-purpose .tab-content > .active {
  color: #000 !important;
  padding: 0px 10px !important;
}
.our-purpose .tab-content > .active p {
  color: #fff;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
}
.our-purpose .tab-content {
  line-height: 60px;
  background-color: #fff !important;
  margin: 0px !important;
}
.our-purpose .tab-content strong {
  color: #000;
  text-align: left;
  font-weight: 600;
  font-size: 20px;
  line-height: 21px;
  letter-spacing: 1.78px;
  text-transform: uppercase;
  opacity: 1;
}
.our-purpose .tab-content h4 {
  color: rgba(0, 0, 0, 0.8705882353);
  text-align: left;
  font-weight: 600;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px;
}
.our-purpose .tab-content ul {
  list-style: none;
  padding: 20px 0px 40px;
  margin: 0px;
  -moz-column-count: 2;
       column-count: 2;
}
.our-purpose .tab-content ul li::before {
  content: "•";
  display: inline-block;
  margin-right: 0.2rem;
  color: #FFF;
  font-weight: 600;
}
.our-purpose .tab-content ul li {
  color: #fff;
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 10px 10px;
}
.our-purpose .tab-content .img-fluid {
  box-shadow: 0px 6px 24px rgba(0, 0, 0, 0.1843137255);
  border-radius: 4px;
}
.our-purpose .explore-more {
  color: #F05B41 !important;
  border: 1px solid #F05B41 !important;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
}
.our-purpose .explore-more:hover {
  background-color: #F05B41;
  color: #fff !important;
}

.our-purpose .only-mobile .carousel-item {
  padding: 20px;
  box-shadow: 0 2px 37px 0 rgba(0, 0, 0, 0.1);
  height: auto;
}
.our-purpose .only-mobile .carousel-item .title {
  display: flex;
  align-items: center;
  margin: 10px 0px;
}
.our-purpose .only-mobile .carousel-item .title img {
  max-width: 100%;
  height: auto;
}
.our-purpose .only-mobile .carousel-item .content strong {
  display: block;
  color: #1277CE;
  padding: 20px 0px;
}
.our-purpose .only-mobile .carousel-item .content h4 {
  margin: 10px 0px;
}
.our-purpose .only-mobile .carousel-item .content ul {
  list-style: none;
  padding: 20px 0px 40px;
  margin: 0px;
}
.our-purpose .only-mobile .carousel-item .content ul li {
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 10px 10px;
}
.our-purpose .only-mobile .carousel-item .content ul li::before {
  content: "-";
  display: inline-block;
  margin-right: 0.2rem;
  color: #00B5E2;
  font-weight: 600;
}

.dm-indicators {
  display: none;
}

@media screen and (max-width: 768px) {
  .dm-indicators {
    list-style-type: none;
    width: 50%;
    margin: auto;
    display: block;
    text-align: center;
  }
  .dm-indicators li {
    float: left;
    padding: 10px;
  }
  .dm-indicators li [data-bs-target] {
    width: 8px !important;
    height: 14px !important;
    border-radius: 10px !important;
    border: 1px solid #d4d4d4 !important;
    margin: 5px;
  }
}
/******Our Purpose *******/
.our-purpose-tab .tab button.active h3 {
  color: #00B5E2 !important;
}
.our-purpose-tab .img-conn {
  width: 60px;
  height: 60px;
  margin: 0px 20px 20px 0px;
  display: inline;
}
.our-purpose-tab p {
  font-size: 18px !important;
  line-height: 27px !important;
  color: #000 !important;
  letter-spacing: 0px !important;
}
.our-purpose-tab h3 {
  text-align: left;
  font-size: 18px;
  line-height: 27px;
  display: inline;
  letter-spacing: 0px;
  color: rgba(0, 0, 0, 0.8705882353) !important;
}
.our-purpose-tab .tab button.active {
  color: #00B5E2;
}
.our-purpose-tab .tab span {
  font-size: 20px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.15px;
  line-height: 30px;
  text-align: left;
  padding-top: 20px;
  color: #000;
  font-weight: 500;
}
.our-purpose-tab .tab span .active {
  color: #F05B41;
}
.our-purpose-tab .tech-solutions .tab button.active h3 {
  color: #00B5E2 !important;
}

.our-challenges {
  background-color: #fff !important;
}

.img-mobile {
  width: 50px;
  height: 50px;
}

/***Our Purpose ****/
.who-we-are-section {
  background: #f5f5f5;
  position: relative;
  top: 3vw;
}

.home-mobile-banner {
  display: none !important;
}

@media screen and (max-width: 600px) {
  .home-video {
    display: none;
  }
  .home-mobile-banner {
    display: block !important;
  }
  .home-mobile-banner .bd-highlight:nth-child(2) {
    margin-top: 2rem !important;
    color: white !important;
  }
  .home-mobile-banner .bd-highlight:nth-child(4) {
    margin-top: 7rem !important;
    margin-bottom: 2rem !important;
  }
  .home-mobile-banner h1.heading {
    line-height: 48px;
    font-size: 32px;
    padding: 0px 0px !important;
    color: #FFFFFF;
    font-weight: bold;
    opacity: 1;
    letter-spacing: 0px;
    font-family: "Open Sans", sans-serif !important;
    text-transform: none !important;
  }
  .home-mobile-banner h2.heading {
    letter-spacing: 0px;
    line-height: 33px;
    font-size: 20px;
    padding: 0px;
    color: #fff;
    opacity: 1;
  }
  .mobile_banner_link a {
    color: #fff !important;
    background-color: #00B5E2 !important;
    border: 1px solid #00B5E2 !important;
    padding: 10px 20px !important;
    text-align: center;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 21px !important;
    letter-spacing: 0.1px !important;
    text-transform: uppercase !important;
    opacity: 1;
    border-radius: 4px;
    text-decoration: none;
    margin: 20px 0px !important;
  }
  .mobile_banner_link a:hover {
    background-color: #FFF !important;
    color: #00B5E2 !important;
    border: 1px solid #00B5E2 !important;
  }
}
.page-template-share-post .want-to-explore {
  background-color: #fff !important;
}

@keyframes firework {
  0% {
    transform: translate(var(--x), var(--initialY));
    width: var(--initialSize);
    opacity: 1;
  }
  50% {
    width: 0.5vmin;
    opacity: 1;
  }
  100% {
    width: var(--finalSize);
    opacity: 0;
  }
}
/* @keyframes fireworkPseudo {
  0% { transform: translate(-50%, -50%); width: var(--initialSize); opacity: 1; }
  50% { width: 0.5vmin; opacity: 1; }
  100% { width: var(--finalSize); opacity: 0; }
}
 */
.firework,
.firework::before,
.firework::after {
  --initialSize: 0.5vmin;
  --finalSize: 45vmin;
  --particleSize: 0.2vmin;
  --color1: yellow;
  --color2: khaki;
  --color3: white;
  --color4: lime;
  --color5: gold;
  --color6: mediumseagreen;
  --y: -30vmin;
  --x: -50%;
  --initialY: 60vmin;
  content: "";
  animation: firework 2s infinite;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, var(--y));
  width: var(--initialSize);
  aspect-ratio: 1;
  background: radial-gradient(circle, var(--color1) var(--particleSize), rgba(0, 0, 0, 0) 0) 50% 0%, radial-gradient(circle, var(--color2) var(--particleSize), rgba(0, 0, 0, 0) 0) 100% 50%, radial-gradient(circle, var(--color3) var(--particleSize), rgba(0, 0, 0, 0) 0) 50% 100%, radial-gradient(circle, var(--color4) var(--particleSize), rgba(0, 0, 0, 0) 0) 0% 50%, radial-gradient(circle, var(--color5) var(--particleSize), rgba(0, 0, 0, 0) 0) 80% 90%, radial-gradient(circle, var(--color6) var(--particleSize), rgba(0, 0, 0, 0) 0) 95% 90%, radial-gradient(circle, var(--color1) var(--particleSize), rgba(0, 0, 0, 0) 0) 90% 70%, radial-gradient(circle, var(--color2) var(--particleSize), rgba(0, 0, 0, 0) 0) 100% 60%, radial-gradient(circle, var(--color3) var(--particleSize), rgba(0, 0, 0, 0) 0) 55% 80%, radial-gradient(circle, var(--color4) var(--particleSize), rgba(0, 0, 0, 0) 0) 70% 77%, radial-gradient(circle, var(--color5) var(--particleSize), rgba(0, 0, 0, 0) 0) 22% 90%, radial-gradient(circle, var(--color6) var(--particleSize), rgba(0, 0, 0, 0) 0) 45% 90%, radial-gradient(circle, var(--color1) var(--particleSize), rgba(0, 0, 0, 0) 0) 33% 70%, radial-gradient(circle, var(--color2) var(--particleSize), rgba(0, 0, 0, 0) 0) 10% 60%, radial-gradient(circle, var(--color3) var(--particleSize), rgba(0, 0, 0, 0) 0) 31% 80%, radial-gradient(circle, var(--color4) var(--particleSize), rgba(0, 0, 0, 0) 0) 28% 77%, radial-gradient(circle, var(--color5) var(--particleSize), rgba(0, 0, 0, 0) 0) 13% 72%, radial-gradient(circle, var(--color6) var(--particleSize), rgba(0, 0, 0, 0) 0) 80% 10%, radial-gradient(circle, var(--color1) var(--particleSize), rgba(0, 0, 0, 0) 0) 95% 14%, radial-gradient(circle, var(--color2) var(--particleSize), rgba(0, 0, 0, 0) 0) 90% 23%, radial-gradient(circle, var(--color3) var(--particleSize), rgba(0, 0, 0, 0) 0) 100% 43%, radial-gradient(circle, var(--color4) var(--particleSize), rgba(0, 0, 0, 0) 0) 85% 27%, radial-gradient(circle, var(--color5) var(--particleSize), rgba(0, 0, 0, 0) 0) 77% 37%, radial-gradient(circle, var(--color6) var(--particleSize), rgba(0, 0, 0, 0) 0) 60% 7%, radial-gradient(circle, var(--color1) var(--particleSize), rgba(0, 0, 0, 0) 0) 22% 14%, radial-gradient(circle, var(--color1) var(--particleSize), rgba(0, 0, 0, 0) 0) 45% 20%, radial-gradient(circle, var(--color1) var(--particleSize), rgba(0, 0, 0, 0) 0) 33% 34%, radial-gradient(circle, var(--color1) var(--particleSize), rgba(0, 0, 0, 0) 0) 10% 29%, radial-gradient(circle, var(--color1) var(--particleSize), rgba(0, 0, 0, 0) 0) 31% 37%, radial-gradient(circle, var(--color1) var(--particleSize), rgba(0, 0, 0, 0) 0) 28% 7%, radial-gradient(circle, var(--color1) var(--particleSize), rgba(0, 0, 0, 0) 0) 13% 42%;
  background-size: var(--initialSize) var(--initialSize);
  background-repeat: no-repeat;
}

.firework::before {
  --x: -50%;
  --y: -50%;
  --initialY: -50%;
  /*   transform: translate(-20vmin, -2vmin) rotate(40deg) scale(1.3) rotateY(40deg); */
  transform: translate(-50%, -50%) rotate(40deg) scale(1.3) rotateY(40deg);
  /*   animation: fireworkPseudo 2s infinite; */
}

.firework::after {
  --x: -50%;
  --y: -50%;
  --initialY: -50%;
  /*   transform: translate(44vmin, -50%) rotate(170deg) scale(1.15) rotateY(-30deg); */
  transform: translate(-50%, -50%) rotate(170deg) scale(1.15) rotateY(-30deg);
  /*   animation: fireworkPseudo 2s infinite; */
}

.firework:nth-child(2) {
  --x: 30vmin;
}

.firework:nth-child(2),
.firework:nth-child(2)::before,
.firework:nth-child(2)::after {
  --color1: pink;
  --color2: violet;
  --color3: fuchsia;
  --color4: orchid;
  --color5: plum;
  --color6: lavender;
  --finalSize: 40vmin;
  left: 30%;
  top: 60%;
  animation-delay: -0.25s;
}

.firework:nth-child(3) {
  --x: -30vmin;
  --y: -50vmin;
}

.firework:nth-child(3),
.firework:nth-child(3)::before,
.firework:nth-child(3)::after {
  --color1: cyan;
  --color2: lightcyan;
  --color3: lightblue;
  --color4: PaleTurquoise;
  --color5: SkyBlue;
  --color6: lavender;
  --finalSize: 35vmin;
  left: 70%;
  top: 60%;
  animation-delay: -0.4s;
}

.firework:nth-child(5) {
  --x: 30vmin;
}

.firework:nth-child(5),
.firework:nth-child(5)::before,
.firework:nth-child(5)::after {
  --color1: pink;
  --color2: violet;
  --color3: fuchsia;
  --color4: orchid;
  --color5: plum;
  --color6: lavender;
  --finalSize: 40vmin;
  left: 30%;
  top: 60%;
  animation-delay: -0.25s;
}

.firework:nth-child(7) {
  --x: -20vmin;
  --y: -40vmin;
}

.firework:nth-child(7),
.firework:nth-child(7)::before,
.firework:nth-child(7)::after {
  --color1: cyan;
  --color2: lightcyan;
  --color3: lightblue;
  --color4: PaleTurquoise;
  --color5: SkyBlue;
  --color6: lavender;
  --finalSize: 35vmin;
  left: 70%;
  top: 60%;
  animation-delay: -0.4s;
}

.page-template-form-template .want-to-explore {
  background-color: #fff !important;
}

.what-we-offer-accordion .accordion-item {
  background-color: #E6E7E8 !important;
}
.what-we-offer-accordion .accordion-item .accordion-button {
  background-color: #E6E7E8 !important;
  /* Remove outline for non-keyboard :focus */
  /* Optional: Customize :focus-visible */
}
.what-we-offer-accordion .accordion-item .accordion-button:active {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
.what-we-offer-accordion .accordion-item .accordion-button.collapsed:active {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
.what-we-offer-accordion .accordion-item .accordion-button:focus {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
.what-we-offer-accordion .accordion-item .accordion-button.collapsed:focus {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
.what-we-offer-accordion .accordion-item .accordion-button:focus:not(:focus-visible) {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
.what-we-offer-accordion .accordion-item .accordion-button:focus-visible {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}

.what-we-offer-accordion .accordion-item {
  background-color: #FFF !important;
  border: 0px solid #FFF !important;
  border-radius: 4px !important;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2);
  padding: 1rem !important;
  margin: 1rem 0rem !important;
}
.what-we-offer-accordion .accordion-item .accordion-button {
  background-color: #FFF !important;
}
.what-we-offer-accordion .accordion-item .accordion-header {
  padding: 0rem !important;
}

.page-template-services-wal .want-to-explore {
  height: 30px;
  background-color: #FFF !important;
}

.page-template-policy .want-to-explore {
  height: 30px;
  background-color: #FFF !important;
}

.container ol li strong {
  font-weight: bold;
}

.page-template-submit-review .want-to-explore {
  height: 30px;
  background-color: #F5F5F5 !important;
}

.submit-review .card {
  transition: all ease 0.5s;
  margin-bottom: 20px;
  border: 0px;
  border-radius: 4px;
  height: 510px;
  margin-bottom: 1.5rem;
}
.submit-review .tab-content img {
  width: 100% !important;
  height: auto !important;
}

.design-rush {
  width: auto;
  height: 30px;
  margin-top: 10%;
}

@media screen and (max-width: 600px) {
  .home-swiper h2.ct-heading {
    padding: 0vw !important;
    color: #fff !important;
    position: absolute !important;
    z-index: 99 !important;
  }
  .home-swiper .container-fluid {
    padding: 20px 0px 0px !important;
  }
}
@media (min-width: 768px) {
  .home-swiper h2.ct-heading {
    padding: 0vw !important;
    color: #fff !important;
    position: absolute !important;
    z-index: 99 !important;
  }
}
@media (min-width: 992px) {
  .home-swiper h2.ct-heading {
    padding: 0vw !important;
    color: #fff !important;
    position: absolute !important;
    z-index: 99 !important;
  }
}
@media (min-width: 1200px) {
  .home-swiper h2.ct-heading {
    padding: 0vw !important;
    color: #fff !important;
    position: absolute !important;
    z-index: 99 !important;
    top: 2rem;
    left: 0;
    right: 0;
    text-align: center;
  }
}
@media (min-width: 1400px) {
  .home-swiper .container-header {
    position: absolute !important;
    padding: 8vw 0vw 0vw 24.5vw !important;
    z-index: 99 !important;
  }
}
.home-swiper {
  position: relative;
}
.home-swiper .container-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99;
  padding: 55px 0;
}
.home-swiper .container-header h2 {
  color: #fff !important;
}
.home-swiper .swiper-pagination {
  bottom: 35px;
}
.home-swiper .swiper-pagination .swiper-pagination-bullet {
  background: #ccc !important;
  opacity: 1 !important;
  width: 24px !important;
  height: 6px !important;
  border-radius: 10px !important;
  outline: 0px solid #fff !important;
  outline-offset: 1px;
}
.home-swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: white !important;
}
.home-swiper .swiper-wrapper .container {
  position: absolute;
  width: 100%;
}
.home-swiper .swiper-wrapper .container h1 {
  line-height: 72px;
  font-size: 54px;
  padding: 0px !important;
  color: #003865;
  font-weight: bold;
  opacity: 1;
  letter-spacing: -0.48px;
  font-family: "Open Sans", sans-serif !important;
  text-align: left;
}
.home-swiper .swiper-wrapper .container h2 {
  line-height: 48px;
  font-size: 32px;
  padding: 0px;
  font-weight: 600;
  color: #fff;
  opacity: 1;
  letter-spacing: 1.56px;
  font-family: "Open Sans", sans-serif !important;
}
.home-swiper .swiper-wrapper .container p {
  font-size: 20px;
  line-height: 30px;
  color: #fff;
  opacity: 0.95;
  letter-spacing: 0px;
}
.home-swiper .swiper-wrapper .container .btn-link {
  padding: 10px 0px;
  display: block;
  text-align: left;
  text-decoration: none !important;
}
.home-swiper .swiper-wrapper .container .btn-link a {
  background-color: #E22D00;
  font-size: 16px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.5px;
  padding: 15px 20px;
  border: 1px solid #E22D00;
  border-radius: 4px;
  text-decoration: none !important;
  text-transform: uppercase;
  line-height: 20px;
  text-align: center;
  color: #FFFFFF;
  opacity: 1;
  transition-duration: 0.5s;
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
  .home-swiper .swiper-wrapper .container h1 {
    line-height: 48px;
    font-size: 32px;
  }
  .home-swiper .swiper-wrapper .container h2 {
    line-height: 33px;
    font-size: 22px;
  }
  .home-swiper .swiper-wrapper .container p {
    font-size: 16px;
    line-height: 24px;
  }
  .home-swiper .swiper-wrapper .container .btn-link a {
    padding: 8px 10px;
  }
}
@media screen and (max-width: 768px) and (min-width: 601px) {
  .home-swiper .swiper-wrapper .container h1 {
    line-height: 35px;
    font-size: 30px;
  }
  .home-swiper .swiper-wrapper .container h2 {
    line-height: 24px;
    font-size: 18px;
  }
  .home-swiper .swiper-wrapper .container p {
    font-size: 14px;
    line-height: 20px;
  }
  .home-swiper .swiper-wrapper .container .btn-link a {
    padding: 8px 10px;
  }
}
@media screen and (max-width: 600px) {
  .home-swiper .swiper-slide .desktop {
    display: none;
  }
  .home-swiper .swiper-slide .mobile {
    display: block;
  }
  .home-swiper .swiper-wrapper .container h1 {
    line-height: 48px;
    font-size: 32px;
  }
  .home-swiper .swiper-wrapper .container h2 {
    line-height: 33px;
    font-size: 22px;
    padding: 3rem 0 0;
  }
  .home-swiper .swiper-wrapper .container p {
    font-size: 16px;
    line-height: 24px;
  }
  .home-swiper .swiper-slide {
    align-items: start;
  }
  .home-swiper .swiper-wrapper .container .btn-link a {
    padding: 8px 10px;
  }
}
@media screen and (min-width: 601px) {
  .home-swiper .swiper-slide .desktop {
    display: block;
  }
  .home-swiper .swiper-slide .mobile {
    display: none;
  }
}
/***footer accordion****/
.footer-accordion .accordion-button:not(.collapsed)::after {
  background-image: url("../images/arrow_down_lightblue.svg");
  background-repeat: no-repeat;
  transform: rotate(-180deg);
}
.footer-accordion .accordion-button::after {
  background-image: url("../images/arrow_down_lightblue.svg");
  background-repeat: no-repeat;
}
.footer-accordion .accordion-item {
  background-color: #003865 !important;
}
.footer-accordion .accordion-item .accordion-button {
  background-color: #003865 !important;
  color: white !important;
  /* Remove outline for non-keyboard :focus */
  /* Optional: Customize :focus-visible */
}
.footer-accordion .accordion-item .accordion-button:active {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
.footer-accordion .accordion-item .accordion-button.collapsed:active {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
.footer-accordion .accordion-item .accordion-button:focus {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
.footer-accordion .accordion-item .accordion-button.collapsed:focus {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
.footer-accordion .accordion-item .accordion-button:focus:not(:focus-visible) {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
.footer-accordion .accordion-item .accordion-button:focus-visible {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}

@media screen and (max-width: 601px) {
  .copyright {
    text-align: left !important;
    float: left !important;
  }
  .social-icons li {
    float: left;
    list-style: none;
    text-decoration: none;
    width: 45px !important;
    margin-right: 5px;
  }
  .footer-accordion .accordion-header {
    padding: 10px 0px !important;
  }
  .footer-accordion .accordion-header .accordion-button {
    font-size: 18px !important;
    line-height: 24px !important;
  }
  .footer-accordion .accordion-body {
    padding: 0rem 0rem 1rem !important;
  }
  .footer-accordion .accordion-body ul li a {
    color: #FFFFFF !important;
    opacity: 1 !important;
  }
}
/****footer accordion****/
.author_details {
  color: #00B5E2;
  opacity: 1;
  text-align: left;
  font-size: 10px !important;
  line-height: 16px;
  font-weight: normal;
  letter-spacing: 0.8px;
  text-decoration: none;
  float: left;
  margin-right: 8px;
  text-transform: capitalize;
}

.sitemap-banner {
  background-color: #003865;
}
.sitemap-banner h1 {
  line-height: 0px;
  font-size: 60px;
  padding: 40px 0px 0px !important;
  color: #FFFFFF;
  font-weight: bold;
  opacity: 1;
  letter-spacing: -0.48px;
  font-family: "Open Sans", sans-serif !important;
  text-transform: capitalize !important;
}

.sitemap h2 {
  font-size: 26px;
  line-height: 36px;
  color: #003865;
  opacity: 0.95;
  letter-spacing: 0px;
  padding: 20px 0px;
}
.sitemap ul {
  list-style: disc;
  padding: 0px 20px 20px;
  margin: 0px;
  -moz-column-count: 1;
  column-count: 1;
  width: 100%;
}
.sitemap ul li {
  color: #000;
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 5px 0px;
  width: 100%;
}
.sitemap ul li a {
  color: #000;
  text-decoration: none;
}

@media only screen and (max-width: 768px) {
  .sitemap-banner {
    background-color: #003865;
  }
  .sitemap-banner h1 {
    line-height: 20px;
    font-size: 35px;
    padding: 40px 0px 0px !important;
    color: #FFFFFF;
    font-weight: bold;
    opacity: 1;
    letter-spacing: -0.48px;
    font-family: "Open Sans", sans-serif !important;
    text-transform: capitalize !important;
  }
}
.guide-content h2 {
  scroll-margin-top: 10rem !important;
  scroll-snap-align: start !important;
}
.guide-content h3 {
  scroll-snap-align: start !important;
  scroll-margin-top: 10rem !important;
}
.guide-content img {
  padding: 20px 0px;
}

/*
.stickytopics{
        height: 500px;
        overflow-y: scroll;
}

.stickytopics::-webkit-scrollbar {
    width: 0.5em;
    }

    .stickytopics::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    }

    .stickytopics::-webkit-scrollbar-thumb {
    background-color: #003865;
    outline: 1px solid #333333;
    }
*/
@media all and (max-width: 768px) {
  .stickytopics {
    margin-top: 15%;
  }
}
.short_desc p {
  color: #003865;
  font-weight: 500;
}

.topics-content {
  position: relative;
  top: 1rem;
  /* default: 1em; margin: 1.33em 0px; */
  /* default: .83em; margin: 1.67em 0px; */
  /* default: .67em; margin: 2.33em 0px; */
}
.topics-content h4, .topics-content h5, .topics-content h6 {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  font-weight: 500;
  line-height: 1.2;
}
.topics-content h4 {
  font-size: 1.375rem;
}
.topics-content h5 {
  font-size: 1.25rem;
}
.topics-content h6 {
  font-size: 1rem;
}
.topics-content h2 {
  line-height: 48px;
  font-size: 32px;
  text-align: left;
  font-weight: bold;
  color: #003865;
  opacity: 1;
  padding: 0px 0px 20px 0px;
  font-family: "Open Sans", sans-serif !important;
  scroll-margin-top: 10rem !important;
  scroll-snap-align: start !important;
}
.topics-content h3 {
  text-align: left;
  font-size: 24px;
  line-height: 39px;
  letter-spacing: 0px;
  color: #003865;
  padding: 0px 0px 20px 0px;
  margin: 0px;
  opacity: 1;
  scroll-margin-top: 10rem !important;
  scroll-snap-align: start !important;
}
.topics-content p {
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0px;
  margin: 0px;
  padding: 0px 0px 20px;
}
.topics-content ol, .topics-content ul {
  padding: 10px 0px 20px 0px;
}
.topics-content ol li, .topics-content ul li {
  font-size: 18px;
  font-style: normal;
  line-height: 27px;
  text-align: left;
  color: #212529;
  font-family: "Open Sans", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: inherit;
  margin-bottom: 18px;
  list-style: none;
}
.topics-content ol li:before, .topics-content ul li:before {
  background-image: url("../images/bullet-point.svg");
  background-size: 20px 25px;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  margin: 0px 5px;
}
.topics-content ol li a, .topics-content ul li a {
  color: black;
  font-weight: 500;
}
.topics-content ol li ul, .topics-content ul li ul {
  padding: 20px 0 0px 20px;
}
.topics-content ol li ul li, .topics-content ul li ul li {
  font-size: 18px;
  font-style: normal;
  line-height: 27px;
  text-align: left;
  color: #212529;
  font-family: "Open Sans", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: inherit;
  margin-bottom: 15px;
  list-style: none;
}
.topics-content ol li ul li:before, .topics-content ul li ul li:before {
  content: "•";
  background-image: none;
  width: 10px;
  display: inline-block;
  margin-right: 0.2rem;
  color: #00b5e2;
  font-weight: 600;
}
.topics-content .wp-block-image .aligncenter {
  margin-left: 0;
  margin-right: 0;
}
.topics-content .wp-block-image img {
  padding-bottom: 20px;
}

.stickytopics {
  /* ul{
       margin: 1rem 0px;
       padding: 0px 0px 40px 0px;
       li{

           font-size: 14px;
           font-style: normal;
           line-height: 21px;
           text-align: left;
           color: #000;
           font-family: "Open Sans", sans-serif !important;
           -webkit-font-smoothing: antialiased;
           -moz-osx-font-smoothing: grayscale;
           text-rendering: inherit;

           background-color: #fff;
           margin: 0px 10px 15px 0px;
           border: 1px solid #ccc;
           padding: 15px 10px 15px 10px;
           border-radius: 4px;
           box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1607843137);


           a{
               color: black;
               font-weight: 500;
               opacity: 1;
           &:after {
                  background: url("../images/button-grey-.png") no-repeat;
                   display: block;
                   width: 20px;
                   height: 20px;
                   content: "";
                   margin: 0px 0px;
                   float: right;
                   background-size: contain;
                   position: relative;
                   background-position: right 35% bottom 45%;
               }
           }
           &:hover{
               background-color: #E3E3E3;
               box-shadow: 2px 2px 6px #00000029;
           }
       }
   } */
}
.stickytopics h2 {
  font-size: 20px;
  line-height: 30px;
  color: rgba(0, 0, 0, 0.8705882353);
  letter-spacing: 0.36px;
  padding: 0px;
  margin: 0px;
}
.stickytopics .topics {
  font-size: 24px;
  line-height: 36px;
  font-weight: 600;
  text-transform: uppercase;
  color: #003865;
  letter-spacing: 0.36px;
}
.stickytopics h3 {
  font-size: 18px;
  font-style: normal;
  line-height: 27px;
  text-align: left;
  color: #000;
  font-family: "Open Sans", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: inherit;
  margin: 0px 0px 30px 0px !important;
}
.stickytopics h3:after {
  content: "";
  position: absolute;
  background-color: #00B5E2;
  width: 25%;
  height: 3px;
  top: 30px;
  left: 0%;
}
.stickytopics ul {
  margin: 0px;
  padding: 0px;
}
.stickytopics ul li {
  list-style: none;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
  border-left: 4px solid rgb(224, 224, 224);
  text-align: left;
  color: #000;
  font-family: "Open Sans", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: inherit;
  /* margin-bottom: 12px; */
  margin: 0px;
  padding: 10px 0 10px 15px;
}
.stickytopics ul li:after {
  width: 20px;
  height: 20px;
  text-align: center;
  padding: 0px;
  margin-right: 0px;
  vertical-align: middle;
  min-width: 0px;
  margin-left: auto;
  order: 2;
}
.stickytopics ul li::before {
  width: 0px;
  height: 20px;
  text-align: center;
  padding: 0px;
  margin-right: 0px;
  vertical-align: middle;
  min-width: 0px;
  margin-left: auto;
  order: 2;
  background-image: none;
}
.stickytopics ul li a {
  color: black;
  font-weight: normal;
}
.stickytopics ul li:hover {
  font-weight: 500;
  text-shadow: 0px 0px 0.5px rgba(0, 18, 226, 0.4);
  border-left: 0.25rem solid #00B5E2;
}
.stickytopics ul .active {
  font-weight: 500;
  text-shadow: 0px 0px 0.5px rgba(0, 18, 226, 0.4);
  border-left: 0.25rem solid #00B5E2;
}

/**
    ul {
        list-style: none;
        margin: 1rem 0px;
        padding: 0px 0px 40px 0px;
        li {
            margin-bottom: 1em;
            position: relative;
            display:flex;
            align-items:center;
            font-size: 14px;
            font-style: normal;
            line-height: 21px;
            text-align: left;
            color: #000;
            font-family: "Open Sans", sans-serif !important;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: inherit;
            background-color: #fff;
            margin: 0px 10px 15px 0px;
            border: 1px solid #ccc;
            padding: 15px 10px 15px 10px;
            border-radius: 4px;
            box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1607843137);
            &:after {
                  content: url('../images/button-grey-g.svg');
                  width: 20px;
                  height: 20px;
                  text-align: center;
                  padding: 0px;
                  margin-right: 0px;
                  vertical-align: middle;
                  min-width: 20px;
                  margin-left: auto;
                  order:2;
                }
                a{
                    color: black;
                    font-weight: 500;
                    opacity: 1;

                }
            &:hover{
                background: #e3e3e3;
                &:after {
                    content: url('../images/button-grey-w.svg');
                    width: 20px;
                    height: 20px;
                    text-align: center;
                    padding: 0px;
                    margin-right: 0px;
                    vertical-align: middle;
                    min-width: 20px;
                    margin-left: auto;
                    order:2;
                  }
            }

          }
      }
      .active{
        background: #e3e3e3;
        &:after {
            content: url('../images/button-grey-w.svg');
            width: 20px;
            height: 20px;
            text-align: center;
            padding: 0px;
            margin-right: 0px;
            vertical-align: middle;
            min-width: 20px;
            margin-left: auto;
            order:2;
          }
      }

} ***/
.glossary-banner h1 {
  line-height: 0px;
  font-size: 60px;
  padding: 40px 0px 40px !important;
  color: #FFFFFF;
  font-weight: bold;
  opacity: 1;
  letter-spacing: -0.48px;
  font-family: "Open Sans", sans-serif !important;
  text-transform: capitalize !important;
  text-align: center;
}
.glossary-banner h2 {
  font-size: 24px;
  line-height: 36px;
  color: #ffffff;
  opacity: 0.95;
  letter-spacing: 0px;
  text-align: center;
  padding: 20px 0px 40px !important;
}
.glossary-banner input[type=search] {
  width: 100%;
  height: 60px !important;
  padding-right: 50px;
  background-color: white;
  color: grey;
}

.glossary-elements {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.glossary-elements li {
  background-color: #e6e6e6;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 8px;
  padding-bottom: 8px;
  cursor: pointer;
  height: 35px;
  width: 35px;
  margin-left: 1%;
  display: inline-block;
}
.glossary-elements li a {
  font-size: 17px;
  font-weight: 500;
  line-height: 20px;
  text-align: center;
  color: black;
  display: block;
  cursor: pointer;
}

.glossary-cat {
  font-size: 26px;
  line-height: 39px;
  letter-spacing: -0.03px;
  opacity: 1;
  text-align: left;
  font-weight: bold;
  padding: 0px;
  font-weight: 600;
  color: black;
}

.glossary-list {
  list-style: disc;
  padding: 20px 40px 40px;
  margin: 0px;
  -moz-column-count: 3;
       column-count: 3;
}
.glossary-list li h3 a {
  color: black;
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 10px 10px;
}

.glossary-cat-link a {
  color: #FFF !important;
  border: 1px solid #00B5E2 !important;
  background-color: #00B5E2;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  display: inline-block;
  margin-bottom: 40px;
  transition: 0.3s;
}
.glossary-cat-link a :hover {
  background-color: #FFF;
  color: #00B5E2 !important;
  border: 1px solid #00B5E2 !important;
}

.glossary-main h2 {
  font-size: 26px;
  line-height: 39px;
  letter-spacing: -0.03px;
  opacity: 1;
  text-align: left;
  font-weight: bold;
  padding: 0px;
  font-weight: 600;
  color: black;
}
.glossary-main ul {
  list-style: disc;
  padding: 20px 0px 0px;
  margin: 0px 0px 20px;
}
.glossary-main ul li {
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  margin: 0px 0px 20px;
}
.glossary-main ul li h3 a {
  color: black;
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 10px 10px;
}

.glossary-pills {
  border-bottom: 2px solid #8e9ead;
  justify-content: center;
  text-align: center;
}
.glossary-pills .nav-item .nav-link {
  border-radius: 15px;
  width: 20rem;
  padding: 4% 0%;
  font-size: 24px;
  color: #8e9ead;
  font-weight: 500;
}
.glossary-pills .nav-item .nav-link.active {
  background-color: #f5f5f5 !important;
  color: #00B5E2 !important;
  border-bottom: 4px solid #00B5E2 !important;
  border-radius: 0px;
}
.glossary-pills .nav-item .nav-link.active:after {
  border-bottom: 4px solid #00B5E2 !important;
}

.page-template-main-glossary {
  background: #f5f5f5 !important;
}

.readmore img {
  width: 12px;
  height: 12px;
}

.glossary {
  background-color: #f5f5f5;
}
.glossary .breadcrumbs {
  color: #00B5E2 !important;
}
.glossary .breadcrumbs a {
  color: #00B5E2 !important;
}
.glossary .display-category {
  background-color: #f5f5f5;
  border-radius: 4px;
}
.glossary .display-category a {
  color: #00B5E2;
  text-transform: capitalize;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
.glossary .display-category h2 {
  color: black;
  font-size: 36px;
  line-height: 54px;
  font-weight: 500;
  padding: 20px 0px;
}
.glossary .display-category h2 a {
  color: black;
  font-size: 36px;
  line-height: 54px;
  font-weight: 500;
  padding: 0px;
  text-transform: capitalize;
}
.glossary .display-category .explore-more {
  color: #fff !important;
  border: 1px solid #00B5E2 !important;
  background-color: #00B5E2;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  width: 160px;
  display: block;
  margin: 0px auto;
}
.glossary .display-category .explore-more:hover {
  background-color: #fff;
  color: #00B5E2 !important;
  border: 1px solid #00B5E2 !important;
}
.glossary .display-category .megaSubCat {
  padding: 0px 20px;
  -moz-columns: 3 !important;
       columns: 3 !important;
}
.glossary .display-category .megaSubCat li {
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 30px;
  display: inline-block;
  width: 95%;
  background-color: #fff;
  margin: 0px 0px 40px;
  border-left: 4px solid #00B5E2;
  border-radius: 4px;
}
.glossary .display-category .megaSubCat li:before {
  content: "" !important;
  display: none;
}
.glossary .display-category .megaSubCat li:hover {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  transition: box-shadow 0.3s ease-in-out;
}
.glossary .display-category .megaSubCat li p {
  font-size: 16px;
  line-height: 24px;
  color: #7b8a9f;
}
.glossary .display-category .megaSubCat li h4 a {
  color: rgba(0, 0, 0, 0.8705882353) !important;
  text-align: left !important;
  font-weight: 600 !important;
  font-size: 26px !important;
  line-height: 36px !important;
  letter-spacing: 0.2px !important;
  text-transform: capitalize !important;
  opacity: 1 !important;
  padding: 10px 0px !important;
}
.glossary .tab-content {
  color: black !important;
}

.SubCatlist {
  padding: 0px 20px;
  -moz-column-count: 3;
       column-count: 3;
}
.SubCatlist li {
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 40px;
  display: inline-block;
  width: 100%;
  background-color: #fff !important;
  margin: 0px 0px 20px;
  padding: 40px;
  border-radius: 4px !important;
  border-left: 4px solid #003865;
}
.SubCatlist li:before {
  content: "" !important;
  display: none;
}
.SubCatlist li:hover {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  transition: box-shadow 0.3s ease-in-out;
}
.SubCatlist li h4 a {
  color: rgba(0, 0, 0, 0.8705882353) !important;
  text-align: left !important;
  font-weight: 600 !important;
  font-size: 26px !important;
  line-height: 36px !important;
  letter-spacing: 0.2px !important;
  text-transform: capitalize !important;
  opacity: 1 !important;
  padding: 10px 0px !important;
}
.SubCatlist li p {
  font-size: 16px;
  line-height: 24px;
  color: #7b8a9f;
}

.readmore {
  color: #00B5E2 !important;
  text-transform: capitalize !important;
  font-size: 16px !important;
  line-height: 24px !important;
  font-weight: 500 !important;
}
.readmore img {
  width: 12px !important;
  height: 12px !important;
}

.tax-glossary-category .want-to-explore {
  background-color: #f5f5f5 !important;
}

.page-template-main-glossary main {
  background-color: #F5F5F5 !important;
}
.page-template-main-glossary .want-to-explore {
  background-color: #F5F5F5 !important;
}

.category-def {
  padding: 0px 20px;
}

.archive-description {
  padding: 0px 20px 40px;
}
.archive-description li {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  text-align: left;
  color: #000;
  opacity: 1;
  letter-spacing: 0.7px;
  font-family: "Open Sans", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: inherit;
  margin-bottom: 18px;
  margin-left: 18px;
}
.archive-description li strong {
  font-weight: bold !important;
}

.megaSubCat {
  padding: 0px 20px;
}

.related-terms h2 {
  color: black;
  font-size: 36px;
  line-height: 54px;
  font-weight: 500;
  padding: 20px;
}
.related-terms ul {
  padding: 0px 20px;
}
.related-terms ul li {
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 40px;
  display: inline-block;
  width: 100%;
  background-color: #f5f5f5;
  margin: 0px 0px 20px;
}
.related-terms ul li:before {
  content: "" !important;
  display: none;
}
.related-terms ul li p {
  font-size: 16px;
  line-height: 24px;
  color: #7b8a9f;
}
.related-terms ul li a {
  color: #6e767b;
  text-transform: capitalize;
  font-size: 16px;
  line-height: 24px;
}

@media only screen and (max-width: 768px) {
  .glossary-list {
    -moz-column-count: 2 !important;
         column-count: 2 !important;
  }
}
@media only screen and (max-width: 600px) {
  .glossary-list {
    -moz-column-count: 1 !important;
         column-count: 1 !important;
  }
}
.read-more {
  display: block;
  text-align: center;
  border: 1px solid #ccc;
  width: 150px;
  border-radius: 4px;
  align-content: center;
  margin: 0px auto;
  align-items: center;
  background-color: #00B5E2;
  border: 1px solid #00B5E2;
  line-height: 0px;
  height: 50px;
}
.read-more a {
  color: #fff !important;
  text-transform: uppercase !important;
}
.read-more:hover {
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  transition: box-shadow 0.3s ease-in-out;
}

.related-ul {
  -moz-column-count: 2;
       column-count: 2;
}
.related-ul li {
  color: rgba(0, 0, 0, 0.8666666667);
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 40px;
  display: inline-block;
  width: 100%;
  background-color: #fff;
  margin: 0px 0px 20px;
  padding: 40px;
}
.related-ul li:before {
  content: "" !important;
  display: none;
}
.related-ul li h4 {
  color: rgba(0, 0, 0, 0.8705882353);
  text-align: left;
  font-weight: 600;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px;
}
.related-ul li p {
  font-size: 16px;
  line-height: 24px;
  color: #7b8a9f;
}

.fmFooter {
  padding: 0px !important;
}

.tempFrmWrapper {
  padding: 0px !important;
}

@media only screen and (max-width: 768px) {
  .glossary .display-category .megaSubCat {
    -moz-columns: 2 !important;
         columns: 2 !important;
  }
  .glossary-banner h1 {
    padding: 0px !important;
    line-height: 50px !important;
  }
  .align-self-center.glossary-banner.w-75 {
    width: 100% !important;
  }
}
@media only screen and (max-width: 600px) {
  .glossary .display-category .megaSubCat {
    -moz-columns: 1 !important;
         columns: 1 !important;
  }
}
/***New Contact Us ***/
.contact-bg {
  background: #003865;
  background-image: url("../images/contact-us-bg.svg");
  background-repeat: no-repeat;
  background-size: cover;
}
.contact-bg .ct-heading, .contact-bg span, .contact-bg a, .contact-bg .join {
  color: #fff !important;
}

h1.contact-heading {
  line-height: 66px;
  font-size: 44px;
  padding: 20px 0px !important;
  color: #FFFFFF;
  font-weight: bold;
  opacity: 1;
  letter-spacing: -0.48px;
  font-family: "Open Sans", sans-serif !important;
}

h2.contact-heading {
  line-height: 36px;
  font-size: 25px;
  padding: 0px 0px 4rem;
  font-weight: 600;
  color: #FFFFFF;
  opacity: 1;
  letter-spacing: 0px;
  font-family: "Open Sans", sans-serif !important;
}

.whychoose-veltris {
  background: #f5f5f5;
}
.whychoose-veltris h2 {
  font-size: 42px;
  line-height: 56px;
  letter-spacing: -0.03px;
  opacity: 1;
  text-align: center;
  font-weight: bold;
  padding: 0px;
  font-weight: 600;
  color: black;
}
.whychoose-veltris .card {
  min-height: 360px;
  margin-bottom: 25px;
  padding: 10px;
}
.whychoose-veltris .card img {
  height: auto;
  width: 120px;
  margin: 0px auto;
}
.whychoose-veltris .card h3 {
  color: black;
  font-size: 26px;
  line-height: 34px;
  letter-spacing: 0.2px;
  padding: 10px 0px;
}
.whychoose-veltris .card p {
  font-size: 18px;
  line-height: 26px;
  letter-spacing: 0.14px;
  color: black;
  text-transform: none;
  font-weight: 500;
  text-transform: none;
}
.whychoose-veltris .card:hover {
  color: rgb(255, 255, 255);
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4784313725);
}

/***New Contact Us ***/
/***New Contact us ***/
.wp-block-group {
  width: 100% !important;
  background: #fff;
  padding: 10px 30px;
  border-radius: 4px;
}

.wpforms-container .wpforms-field {
  clear: none !important;
}

div#wpforms-22845-field_2-container {
  width: 48%;
  float: left;
  margin-right: 20px;
}

div#wpforms-22845-field_3-container {
  width: 48%;
  float: left;
}

div#wpforms-22845-field_4-container {
  width: 48%;
  float: left;
  margin-right: 20px;
}

div#wpforms-22845-field_5-container {
  width: 48%;
  float: left;
}

/***New Contact us ***/
/*****Client Testimonails *****/
.client_video {
  padding: 60% 0 0 0;
  position: relative;
}

@media screen and (max-width: 600px) {
  .client_video {
    padding: 100% 0 0 0;
    position: relative;
  }
}
.client-videotestimonial {
  color: #000;
  /*background-image: url('../images/client-testimonials/Testimonial.png');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 10% 80%;*/
  background-color: #fff;
  position: relative;
  top: 0px;
}
.client-videotestimonial iframe, .client-videotestimonial video {
  border: 2px solid #fff !important;
  background-color: #fff !important;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4) !important;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  border: 0;
  border-radius: 10px;
}
.client-videotestimonial a {
  color: #003865 !important;
  border: 1px solid #00B5E2 !important;
  background-color: #00B5E2;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
}
.client-videotestimonial a:hover {
  background-color: #000;
  color: #00B5E2 !important;
  border: 1px solid #00B5E2 !important;
}
.client-videotestimonial .quote {
  width: 25px;
}
.client-videotestimonial div#client-testimonial {
  padding: 0px !important;
}
.client-videotestimonial h2.ct-heading {
  font-size: 42px;
  line-height: 56px;
  letter-spacing: -0.03px;
  opacity: 1;
  text-align: center;
  font-weight: bold;
  padding: 0px;
  font-weight: 600;
  color: #000;
}
.client-videotestimonial .client-quote {
  display: block;
  width: 50px;
  height: 50px;
  opacity: 1;
  position: absolute;
  /* float: left; */
  text-align: left;
  color: #003865;
  padding: 0px 0px;
  /* font-size: 60px; */
  /* margin-right: 10px; */
}
.client-videotestimonial h3.client-title {
  /* font-size: 34px; */
  /* line-height: 45px; */
  /* font-weight: 400; */
  text-align: left;
  padding: 40px 0px 40px;
  letter-spacing: 0.01px;
  color: #003865;
  opacity: 1;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.client-videotestimonial h3.client-title span {
  position: absolute;
  top: 27px;
  left: 70px;
  font-size: 30px;
  line-height: 45px;
  /* font-weight: 400; */
  color: #00B5E2;
}
.client-videotestimonial p.client-content {
  text-align: left;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.7;
  padding-bottom: 20px;
  letter-spacing: 0px;
  color: #000;
  opacity: 1;
}
.client-videotestimonial span.client-name {
  font-weight: 500;
  display: block;
  text-align: left;
  font-size: 20px;
  line-height: 35px;
  color: #000;
  opacity: 1;
  letter-spacing: 0.01px;
}
.client-videotestimonial span.client-details {
  display: block;
  text-align: left;
  font-style: italic;
  font-size: 20px;
  line-height: 35px;
  font-weight: normal;
  letter-spacing: 0px;
  color: #000;
  opacity: 1;
}
.client-videotestimonial .client-img {
  width: 100%;
}
.client-videotestimonial .link a {
  background-color: #00B5E2;
  font-size: 16px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.5px;
  padding: 15px 20px;
  border: 1px solid #00B5E2;
  border-radius: 4px;
  text-decoration: none;
  text-transform: capitalize;
  line-height: 20px;
  text-align: center;
  color: #003865;
  opacity: 1;
  transition-duration: 0.5s;
}
.client-videotestimonial .link a:hover {
  box-shadow: 0px 0px 10px 0px rgb(0, 0, 0);
  color: #fff;
}

@media screen and (max-width: 600px) {
  .client-videotestimonial h3.client-title span {
    top: 15px;
    line-height: 30px;
    font-size: 1.5rem;
  }
}
/*****Client Testimonails *****/
/***Gravity Form****/
.contactus_form {
  background-color: #fff9f9;
  border: 1px solid #fff9f9;
  border-radius: 4px;
}
.contactus_form .gform_title {
  color: #000 !important;
  font-size: 26px;
  line-height: 39px;
  font-weight: bold;
  padding: 20px 0px;
  text-align: center;
}
.contactus_form .gf_browser_chrome {
  width: 100%;
}
.contactus_form input, .contactus_form textarea, .contactus_form select {
  border: 1px solid #ccc !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
  border-radius: 4px;
}
.contactus_form .gform-theme--framework.gfield_validation_message {
  color: #c02b0a !important;
}
.contactus_form .gform_submission_error.hide_summary {
  color: #c02b0a !important;
}
.contactus_form .gform_validation_errors {
  border-color: #c02b0a !important;
  color: #c02b0a !important;
  display: none;
}
.contactus_form .gform-theme--framework .gform-field-label--type-inline {
  color: #000 !important;
}
.contactus_form #gform_submit_button_2 {
  color: #FFF !important;
  border: 1px solid #E22D00 !important;
  background-color: #E22D00;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  width: 100%;
}
.contactus_form .gform_validation_errors h2 {
  color: #fff !important;
}
.contactus_form .gform_confirmation_message {
  color: #fff !important;
}
.contactus_form label {
  display: none;
}
.contactus_form input[type=text], .contactus_form input[type=email], .contactus_form input[type=tel] {
  width: 100%;
  height: 40px;
  font-size: 14px;
  padding: 0px 10px;
}
.contactus_form input[type=checkbox] {
  height: 20px;
  width: 20px !important;
  background-color: #eee;
  margin: 0px 10px 0px 0px;
}
.contactus_form input[type=checkbox]:checked {
  accent-color: #fff;
}
.contactus_form .hs-error-msgs {
  list-style: none;
  padding: 10px 0px 0px;
}
.contactus_form .hs-error-msgs li label {
  color: red;
  font-size: 12px;
}
.contactus_form textarea {
  width: 100% !important;
  height: 120px;
  padding: 10px 10px;
}
.contactus_form .hs-error-msg {
  color: red !important;
  display: block;
  list-style: none;
  font-size: 12px;
}
.contactus_form fieldset {
  padding: 15px 0px 15px !important;
  max-width: 100% !important;
}
.contactus_form input::-moz-placeholder, .contactus_form textarea::-moz-placeholder {
  color: black;
  padding: 5px;
  font-size: 14px;
}
.contactus_form input::placeholder, .contactus_form textarea::placeholder {
  color: black;
  padding: 5px;
  font-size: 14px;
}
.contactus_form .inputs-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.contactus_form .inputs-list li {
  padding: 5px 0px;
}
.contactus_form .inputs-list label {
  display: block !important;
  color: black;
}
.contactus_form .inputs-list label span {
  color: black !important;
}
.contactus_form input[type=submit] {
  color: #FFF !important;
  border: 1px solid #E22D00 !important;
  background-color: #E22D00;
  padding: 10px 30px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  width: auto;
  margin: 2rem auto 0px;
  display: block;
}
.contactus_form select {
  height: 40px;
  width: 100% !important;
}

.resume_form {
  background-color: #fff9f9;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.resume_form h2 {
  color: #000 !important;
  font-size: 26px;
  line-height: 39px;
  font-weight: bold;
  padding: 20px 0px;
  text-align: center;
}
.resume_form .hs-form-field {
  padding: 1rem 0rem;
}
.resume_form input[type=file] {
  width: 100%;
  font-size: 14px;
  padding: 6px 10px;
  height: 40px;
  background-color: #fff;
}
.resume_form .gform_title {
  color: #000 !important;
  font-size: 26px;
  line-height: 39px;
  font-weight: bold;
  padding: 20px 0px;
  text-align: center;
}
.resume_form .gf_browser_chrome {
  width: 100%;
}
.resume_form input, .resume_form textarea, .resume_form select {
  border: 1px solid #ccc !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
  border-radius: 4px;
}
.resume_form .gform-theme--framework.gfield_validation_message {
  color: #c02b0a !important;
}
.resume_form .gform_submission_error.hide_summary {
  color: #c02b0a !important;
}
.resume_form .gform_validation_errors {
  border-color: #c02b0a !important;
  color: #c02b0a !important;
  display: none;
}
.resume_form .gform-theme--framework .gform-field-label--type-inline {
  color: #000 !important;
}
.resume_form .gform_footer .gform_button .button, .resume_form .gform_footer #gform_submit_button_54 {
  color: #FFF !important;
  border: 1px solid #E22D00 !important;
  background-color: #E22D00;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  width: auto;
  margin: 0px auto;
}
.resume_form .gform_validation_errors h2 {
  color: #fff !important;
}
.resume_form .gform_confirmation_message {
  color: #fff !important;
}
.resume_form label {
  display: none;
}
.resume_form input[type=text], .resume_form input[type=email], .resume_form input[type=tel] {
  width: 100%;
  height: 40px;
  font-size: 14px;
  padding: 0px 10px;
}
.resume_form input[type=checkbox] {
  height: 20px;
  width: 20px !important;
  background-color: #eee;
  margin: 0px 10px 0px 0px;
}
.resume_form input[type=checkbox]:checked {
  accent-color: #fff;
}
.resume_form .hs-error-msgs {
  list-style: none;
  padding: 10px 0px 0px;
}
.resume_form .hs-error-msgs li label {
  color: red;
  font-size: 12px;
}
.resume_form textarea {
  width: 100% !important;
  height: 120px;
  padding: 10px 10px;
}
.resume_form .hs-error-msg {
  color: red !important;
  display: block;
  list-style: none;
  font-size: 12px;
}
.resume_form fieldset {
  padding: 15px 0px 15px !important;
  max-width: 100% !important;
}
.resume_form input::-moz-placeholder, .resume_form textarea::-moz-placeholder {
  color: black;
  padding: 5px;
  font-size: 14px;
}
.resume_form input::placeholder, .resume_form textarea::placeholder {
  color: black;
  padding: 5px;
  font-size: 14px;
}
.resume_form .inputs-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.resume_form .inputs-list li {
  padding: 5px 0px;
}
.resume_form .inputs-list label {
  display: block !important;
  color: black;
}
.resume_form .inputs-list label span {
  color: black !important;
}
.resume_form input[type=submit] {
  color: #FFF !important;
  border: 1px solid #E22D00 !important;
  background-color: #E22D00;
  padding: 10px 30px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  width: auto;
  margin: 0px auto 0px;
  display: block;
}
.resume_form select {
  height: 40px;
  width: 100%;
}

.casestudies_container .gform_validation_errors {
  display: none;
}
.casestudies_container .hbspt-form {
  border: 0px solid #ccc;
  padding: 2.5rem 2rem;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
  min-height: 100%;
}
.casestudies_container .hbspt-form .submitted-message {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
.casestudies_container label {
  display: none;
}
.casestudies_container input[type=text], .casestudies_container input[type=email], .casestudies_container input[type=tel] {
  width: 100%;
  height: 40px;
  font-size: 14px;
  border: 1px solid #ccc !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
  border-radius: 4px;
  padding: 0px 10px;
}
.casestudies_container select {
  height: 40px;
  border: 1px solid #ccc !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
  border-radius: 4px;
}
.casestudies_container input[type=checkbox] {
  height: 20px;
  width: 20px;
  background-color: #eee;
  margin: 0px 10px 0px 0px;
}
.casestudies_container input[type=checkbox]:checked {
  accent-color: #fff;
}
.casestudies_container .hs-error-msgs {
  list-style: none;
  padding: 0px;
}
.casestudies_container .hs-error-msgs li {
  padding: 0px !important;
}
.casestudies_container .hs-error-msgs li label {
  color: red;
  font-size: 12px;
}
.casestudies_container .hs-error-msgs li:before {
  content: "";
  color: #003865;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1.5em;
}
.casestudies_container textarea {
  width: 100% !important;
  height: 120px;
  border: 1px solid #ccc !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
  border-radius: 4px;
  padding: 10px 10px;
}
.casestudies_container .hs-error-msg {
  color: red !important;
  display: block;
  list-style: none;
  font-size: 12px;
}
.casestudies_container fieldset {
  padding: 15px 0px 15px !important;
  max-width: 100% !important;
}
.casestudies_container input::-moz-placeholder, .casestudies_container textarea::-moz-placeholder {
  color: black;
  padding: 5px;
  font-size: 14px;
}
.casestudies_container input::placeholder, .casestudies_container textarea::placeholder {
  color: black;
  padding: 5px;
  font-size: 14px;
}
.casestudies_container .inputs-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.casestudies_container .inputs-list li {
  padding: 5px 0px;
}
.casestudies_container .inputs-list label {
  display: block !important;
  color: black;
}
.casestudies_container .inputs-list label span {
  color: black !important;
}
.casestudies_container input[type=submit] {
  color: #FFF !important;
  border: 1px solid #E22D00 !important;
  background-color: #E22D00;
  padding: 10px 30px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  width: auto;
  margin: 0px auto 0px;
  display: block;
}

@media only screen and (max-width: 600px) {
  .casestudies_container {
    margin: 0px !important;
  }
  .casestudies_container fieldset {
    padding: 0px 0px 0px !important;
    max-width: 100% !important;
  }
  .casestudies_container .hs-submit {
    padding: 15px;
  }
  .casestudies_container .hs-form-field {
    padding: 15px 0 0;
  }
  .casestudies-intro .ms-5 {
    margin: 0px !important;
  }
  .casestudies-featured p, .casestudies-intro p {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .casestudies-featured ul, .casestudies-intro ul {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .casestudies-featured ul li, .casestudies-intro ul li {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
.casestudies_form {
  border-radius: 4px;
  padding: 40px 40px;
  margin: 0px 0px;
  background: #f5f5f5;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 0px 8px;
}
.casestudies_form .gf_browser_chrome {
  width: 90% !important;
}
.casestudies_form .gform_wrapper.gravity-theme .gform_validation_errors {
  background: #fff9f9 !important;
  border-radius: 5px !important;
  border: 1.5px solid #c02b0a !important;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.11), 0 0 4px rgba(18, 25, 97, 0.0405344) !important;
  margin-block-end: 8px !important;
  margin-block-start: 8px !important;
  padding-block: 16px !important;
  padding-inline-end: 16px !important;
  padding-inline-start: 48px !important;
  position: relative !important;
  width: 100% !important;
}
.casestudies_form .gform_wrapper.gravity-theme .gform_validation_errors > h2 {
  color: #c02b0a !important;
  font-size: 13.2px !important;
  font-weight: 500 !important;
  line-height: 17.6px !important;
  margin-block-end: 12px !important;
  margin-block-start: 0 !important;
  margin-inline: 0 !important;
}
.casestudies_form .gform_wrapper.gravity-theme .gfield_validation_message, .casestudies_form .gform_wrapper.gravity-theme .validation_message {
  background: #fff9f9 !important;
  border: 1px solid #c02b0a !important;
  font-size: 14.992px !important;
  margin-block-start: 8px !important;
  padding: 12.992px 24px !important;
}
.casestudies_form .gform_button {
  color: #FFF !important;
  border: 1px solid #E22D00 !important;
  background-color: #E22D00 !important;
  padding: 10px 20px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
}
.casestudies_form .gform_button:hover {
  color: #FFF !important;
}
.casestudies_form .gform_validation_errors {
  border-color: #c02b0a !important;
  color: #c02b0a !important;
  display: none;
}
.casestudies_form input, .casestudies_form textarea {
  border: none !important;
}
.casestudies_form input:hover, .casestudies_form input:focus, .casestudies_form textarea:hover, .casestudies_form textarea:focus {
  outline: none;
  border: 0px;
}

.get-in-touch {
  width: 100% !important;
}

body .newsletter_subscription_wrapper {
  width: 100% !important;
}
body .newsletter_subscription_wrapper form {
  width: 100% !important;
}
body .newsletter_subscription_wrapper form label {
  display: none;
}
body .newsletter_subscription_wrapper .hide_summary {
  display: none;
}
body .newsletter_subscription_wrapper .validation_message {
  color: #c02b0a !important;
  font-size: 10px;
}
body .newsletter_subscription_wrapper .gform_body .email_address {
  width: 72%;
  float: left;
  margin-right: 10px !important;
}
body .newsletter_subscription_wrapper .gform_body .email_address input[type=email] {
  border: 1px solid #fff !important;
  border-radius: 4px !important;
  background-color: transparent !important;
  color: #fff !important;
  padding: 0px 20px;
  height: 48px !important;
  width: 100% !important;
}
body .newsletter_subscription_wrapper .gform_body .email_address input[type=email]:hover {
  border: 1px solid #ced4da !important;
}
body .newsletter_subscription_wrapper .gform_body .email_address input[type=email]:focus {
  border: 1px solid #ced4da !important;
}
body .newsletter_subscription_wrapper .gform_body .email_address input[type=email]:placeholder {
  color: #fff !important;
}
body .newsletter_subscription_wrapper .gform_body .gfield--type-submit {
  width: 25%;
  float: left;
}
body .newsletter_subscription_wrapper .gform_body .gform-button {
  color: #FFF !important;
  border: 1px solid #00B5E2 !important;
  background-color: #00B5E2;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  width: 100%;
}

/*
.csgetin_touch{
    width: 100% !important;
    form{
        width: 100% !important;
        label{
            display: none;
        }
    }
    .gform_validation_errors{
        display: none;
    }
    .hide_summary{
        display: none;
    }
    .validation_message{
        color:#c02b0a !important;
        font-size: 10px;
    }
    .gform_confirmation_message{
        color: #fff !important;
        font-size: 14px;
    }
    .email_address{
        width: 340px!important;
        border: 2px solid #fff!important;
        border-radius: 4px !important;
        background-color: transparent !important;
    }
    .gform_body{
        input[type=email]{
            border: none !important;
            border-radius: 4px !important;
            background-color: transparent !important;
            color: #fff !important;
            padding: 0px 20px !important;
            height: 43px !important;
            width: 100% !important;
        }
        input[type=email]:hover,input[type=email]:focus{
            border: none !important;
            color: #fff !important;
            background-color: transparent !important;
            outline: none !important;
        }
        input[type=email]::placeholder{
            color: #fff !important;
        }

        input[type=submit]{
                color: #FFF !important;
                border: 1px solid #00B5E2 !important;
                background-color: #00B5E2 !important;
                padding: 10px 20px !important;
                text-align: center !important;
                font-size: 14px !important;
                font-weight: 700 !important;
                line-height: 24px !important;
                letter-spacing: 0.1px !important;
                text-transform: uppercase !important;
                opacity: 1 !important;
                border-radius: 4px !important;
                text-decoration: none !important;
                transition: 0.3s !important;
                width: 100% !important;
            }       
    }    
}
*/
.getin_touch {
  width: 100% !important;
}
.getin_touch form {
  width: 100% !important;
}
.getin_touch form label {
  display: none;
}
.getin_touch .gform_validation_errors {
  display: none;
}
.getin_touch .hide_summary {
  display: none;
}
.getin_touch .validation_message {
  color: #c02b0a !important;
  font-size: 10px;
}
.getin_touch .gform_confirmation_message {
  color: #fff !important;
  font-size: 14px;
}
.getin_touch .gform_body input[type=email] {
  border: 2px solid #fff !important;
  border-radius: 4px !important;
  background-color: transparent !important;
  color: #fff !important;
  padding: 0px 20px;
  height: 48px !important;
  width: 390px !important;
}
.getin_touch .gform_body input[type=email]:hover {
  border: 2px solid #fff !important;
}
.getin_touch .gform_body input[type=email]:focus {
  border: 2px solid #fff !important;
  color: #fff !important;
  background-color: transparent !important;
  outline: none !important;
}
.getin_touch .gform_body input[type=email]::-moz-placeholder {
  color: #fff !important;
}
.getin_touch .gform_body input[type=email]::placeholder {
  color: #fff !important;
}
.getin_touch .gform_body .email_address {
  width: 390px;
  float: left;
  margin-right: 10px !important;
}
.getin_touch .gform_body .gfield--type-submit {
  width: 100px;
  float: left;
}
.getin_touch .gform_body .gfield--type-submit .gform-button {
  color: #FFF !important;
  border: 1px solid #00B5E2 !important;
  background-color: #00B5E2;
  padding: 10px 10px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  width: 100px;
}

@media only screen and (max-width: 768px) {
  .getin_touch .gform_body .email_address {
    width: 100%;
    float: left;
    margin-bottom: 10px !important;
    margin-right: 10px !important;
  }
  .getin_touch .gform_body .gfield--type-submit {
    width: 100% !important;
    float: left;
  }
}
@media only screen and (max-width: 768px) {
  .getin_touch .gform_body input[type=email] {
    width: 230px !important;
  }
}
.newsletter_form .gform_validation_errors {
  display: none;
}
.newsletter_form .hide_summary {
  display: none;
}
.newsletter_form .validation_message {
  color: #c02b0a !important;
  font-size: 10px;
}
.newsletter_form .gform_confirmation_message {
  color: #fff !important;
  font-size: 14px;
}
.newsletter_form label {
  display: none;
}
.newsletter_form input[type=email] {
  border: 2px solid #fff !important;
  border-radius: 4px !important;
  background-color: transparent !important;
  color: #fff !important;
  padding: 0px 20px;
  height: 48px !important;
  width: 390px !important;
}
.newsletter_form input[type=email]::-moz-placeholder {
  color: #fff !important;
}
.newsletter_form input[type=email]::placeholder {
  color: #fff !important;
}
.newsletter_form input[type=email]:hover {
  border: 2px solid #fff !important;
}
.newsletter_form input[type=submit] {
  color: #FFF !important;
  border: 1px solid #00B5E2 !important;
  background-color: #00B5E2 !important;
  padding: 10px 0px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  height: 48px !important;
}

#gform_submit_button_26 {
  color: #FFF !important;
  border: 1px solid #00B5E2 !important;
  background-color: #00B5E2 !important;
  padding: 10px 0px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  height: 48px !important;
}

#gform_submit_button_6 {
  color: #FFF !important;
  border: 1px solid #00B5E2 !important;
  background-color: #00B5E2 !important;
  padding: 10px 0px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  height: 48px !important;
}

.generative_aiguide_wrapper input[type=submit] {
  color: #FFF !important;
  border: 1px solid #00B5E2 !important;
  background-color: #00B5E2 !important;
  padding: 10px 0px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  height: 48px !important;
}

.download_guideclass, .generative_aiguide {
  border: 0px;
}
.download_guideclass h2.gform_title, .generative_aiguide h2.gform_title {
  font-size: 26px;
  padding: 20px 0px;
  font-weight: 500;
}
.download_guideclass .gform_validation_errors, .generative_aiguide .gform_validation_errors {
  display: none !important;
}
.download_guideclass .hide_summary, .generative_aiguide .hide_summary {
  display: none !important;
}
.download_guideclass .validation_message, .generative_aiguide .validation_message {
  color: #c02b0a !important;
  font-size: 10px;
}
.download_guideclass .gform_confirmation_message, .generative_aiguide .gform_confirmation_message {
  color: #fff !important;
  font-size: 14px;
}
.download_guideclass label, .generative_aiguide label {
  display: none;
}
.download_guideclass legend, .generative_aiguide legend {
  display: none;
}
.download_guideclass fieldset, .generative_aiguide fieldset {
  width: 100%;
  max-width: 100% !important;
}
.download_guideclass .hs-error-msgs, .generative_aiguide .hs-error-msgs {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.download_guideclass .hs-error-msgs li, .generative_aiguide .hs-error-msgs li {
  margin-bottom: 10px;
}
.download_guideclass .hs-error-msgs label, .generative_aiguide .hs-error-msgs label {
  display: block !important;
  font-size: 14px;
  color: red;
}
.download_guideclass input[type=text], .generative_aiguide input[type=text] {
  border: 2px solid #f5f5f5 !important;
  border-radius: 4px !important;
  background-color: transparent !important;
  color: #000 !important;
  padding: 0px 20px;
  height: 48px !important;
  width: 100% !important;
  margin: 20px 0px;
}
.download_guideclass input[type=email], .generative_aiguide input[type=email] {
  border: 2px solid #f5f5f5 !important;
  border-radius: 4px !important;
  background-color: transparent !important;
  color: #000 !important;
  padding: 0px 20px;
  height: 48px !important;
  width: 98% !important;
}
.download_guideclass input[type=email]::-moz-placeholder, .generative_aiguide input[type=email]::-moz-placeholder {
  color: #000 !important;
}
.download_guideclass input[type=email]::placeholder, .generative_aiguide input[type=email]::placeholder {
  color: #000 !important;
}
.download_guideclass input[type=email]:hover, .generative_aiguide input[type=email]:hover {
  border: 2px solid #f5f5f5 !important;
}
.download_guideclass input[type=submit], .generative_aiguide input[type=submit] {
  color: #FFF !important;
  border: 1px solid #E22D00 !important;
  background-color: #E22D00 !important;
  padding: 10px 0px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  height: 48px !important;
  width: 200px !important;
  margin: 20px 0px;
}

.generative_aiguide_wrapper {
  width: 100%;
}

/***Gravity Form****/
.menu {
  list-style: none;
  margin: 0px;
  padding: 0px;
}
.menu .current-menu-item {
  background-color: rgba(0, 0, 0, 0.031372549) !important;
  border-top: 0px solid #121212 !important;
  border-bottom: 0px solid #121212 !important;
  border-left: 2px solid #00B5E2 !important;
  border-right: 0px solid #121212 !important;
  color: #000000 !important;
  text-align: left;
  font-size: 24px;
  line-height: 32px;
  font-weight: normal;
  opacity: 1;
  letter-spacing: 0.48px;
  border-radius: 0px;
}
.menu .current-menu-item a {
  color: #000000 !important;
  opacity: 1;
}
.menu li {
  text-align: left;
  padding: 10px 0px;
  margin: 0px;
  list-style: none;
}
.menu li a {
  background-color: transparent !important;
  border-top: 0px solid #121212 !important;
  border-bottom: 0px solid #121212 !important;
  border-left: 2px solid transparent !important;
  border-right: 0px solid #121212 !important;
  color: #000000 !important;
  text-align: left;
  font-size: 24px;
  line-height: 32px;
  font-weight: normal;
  opacity: 0.4;
  letter-spacing: 0.48px;
  border-radius: 0px;
  padding: 10px 15px !important;
  text-transform: capitalize;
}

.page-template-download-brochure {
  background: #f5f5f5;
}
.page-template-download-brochure .header-banner .breadcrumbs i, .page-template-download-brochure .header-banner .breadcrumbs a {
  color: #00B5E2 !important;
}
.page-template-download-brochure .header-banner h1.contact-heading {
  line-height: 66px !important;
  font-size: 44px !important;
  padding: 0px !important;
  color: #000 !important;
  font-weight: bold !important;
  opacity: 1 !important;
  letter-spacing: -0.48px !important;
  font-family: "Open Sans", sans-serif !important;
}
.page-template-download-brochure .header-banner h2 {
  line-height: 36px;
  font-size: 24px;
  padding: 20px 0px;
  color: #000;
  font-weight: bold;
  opacity: 1;
  letter-spacing: -0.48px;
  font-family: "Open Sans", sans-serif !important;
}
.page-template-download-brochure .header-banner p {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  text-align: left;
  color: #000;
  opacity: 0.8;
  letter-spacing: 0.7px;
  font-family: "Open Sans", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: inherit;
  margin-bottom: 18px;
}
.page-template-download-brochure .header-banner .gform_button {
  color: #FFF !important;
  border: 1px solid #00B5E2 !important;
  background-color: #00B5E2 !important;
  padding: 10px 20px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  width: 100%;
}
.page-template-download-brochure .want-to-explore {
  display: none;
  height: 30px;
  background-color: #f5f5f5 !important;
}
.page-template-download-brochure .want-to-explore .sec-h-space {
  background-image: url("../images/footer/want-to-explore.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  top: -35px;
}

.single-one_pager, .single-brochures {
  background: #f5f5f5;
}
.single-one_pager .header-banner .breadcrumbs i, .single-one_pager .header-banner .breadcrumbs a, .single-brochures .header-banner .breadcrumbs i, .single-brochures .header-banner .breadcrumbs a {
  color: #00B5E2 !important;
}
.single-one_pager .header-banner h1.contact-heading, .single-brochures .header-banner h1.contact-heading {
  line-height: 66px !important;
  font-size: 44px !important;
  padding: 0px !important;
  color: #000 !important;
  font-weight: bold !important;
  opacity: 1 !important;
  letter-spacing: -0.48px !important;
  font-family: "Open Sans", sans-serif !important;
}
.single-one_pager .header-banner h2, .single-brochures .header-banner h2 {
  line-height: 36px;
  font-size: 24px;
  padding: 20px 0px;
  color: #000;
  font-weight: bold;
  opacity: 1;
  letter-spacing: -0.48px;
  font-family: "Open Sans", sans-serif !important;
}
.single-one_pager .header-banner p, .single-brochures .header-banner p {
  font-size: 18px;
  font-weight: 400;
  font-style: normal;
  line-height: 32px;
  text-align: left;
  color: #000;
  opacity: 0.8;
  letter-spacing: 0.7px;
  font-family: "Open Sans", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: inherit;
  margin-bottom: 18px;
}
.single-one_pager .header-banner .gform_button, .single-brochures .header-banner .gform_button {
  color: #FFF !important;
  border: 1px solid #00B5E2 !important;
  background-color: #00B5E2 !important;
  padding: 10px 20px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  width: 100%;
}
.single-one_pager .want-to-explore, .single-brochures .want-to-explore {
  height: 30px;
  background-color: #f5f5f5 !important;
}
.single-one_pager .want-to-explore .sec-h-space, .single-brochures .want-to-explore .sec-h-space {
  background-image: url("../images/footer/want-to-explore.png");
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  top: -35px;
}

.page-template-sales-resources .want-to-explore, .page-template-brochures .want-to-explore, .page-template-one-pagers .want-to-explore, .single-brochures .want-to-explore, .single-one_pager .want-to-explore {
  display: none !important;
}

.salesresource_form {
  background-color: #fff9f9;
  border: 2px solid #ccc;
  border-radius: 4px;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.4) !important;
}
.salesresource_form .gform_title {
  color: #000 !important;
  font-size: 29px;
  line-height: 52px;
  font-weight: bold;
  padding: 0px 0px 20px !important;
}
.salesresource_form .gform_confirmation_message {
  padding: 40px 0px;
  font-size: 18px;
  line-height: 27px;
  color: #000;
  padding: 20px 0px;
}
.salesresource_form .gform_confirmation_message a {
  color: #000 !important;
  font-weight: bold !important;
}
.salesresource_form .gform_validation_errors {
  padding: 0px;
}

.cat-none .title-update, .cat-none .category-list {
  display: none;
}

/****NFDA Event start****/
.nfda-event .bd-highlight:nth-child(2) {
  padding: 0px 0px 0px 0px !important;
}
.nfda-event .bd-highlight:nth-child(3) {
  padding: 0px 0px 0px 0px !important;
}
.nfda-event .bd-highlight:nth-child(4) {
  padding: 20px 0px 40px 0px !important;
}
.nfda-event .pre-text {
  color: #FFFFFF;
  font-size: 36px;
  line-height: 54px;
  text-transform: capitalize;
  font-family: "Open Sans", sans-serif !important;
}
.nfda-event h1 {
  color: #FFFFFF;
  line-height: 72px;
  font-size: 60px;
  padding: 10px 0px !important;
  font-weight: bold;
  opacity: 1;
  letter-spacing: -0.48px;
  font-family: "Open Sans", sans-serif !important;
  text-transform: uppercase !important;
}
.nfda-event h2 {
  color: #FFFFFF;
  padding: 0px;
  font-size: 24px;
  line-height: 36px;
}
.nfda-event .date {
  color: #FFFFFF;
  font-size: 18px;
  line-height: 27px;
  padding: 0px 20px 0px 0px;
}
.nfda-event .date i {
  color: #00B5E2;
  padding: 0px 10px 0px 0px;
}
.nfda-event .location {
  color: #FFFFFF;
  font-size: 18px;
  line-height: 27px;
}
.nfda-event .location i {
  color: #00B5E2;
  padding: 0px 10px 0px 0px;
}
.nfda-event .btn {
  color: #FFF !important;
  border: 1px solid #E22D00 !important;
  background-color: #E22D00;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
}

.about-nfda {
  background-color: #fff;
  margin-top: 3rem;
}
.about-nfda h2 {
  color: #003865;
  line-height: 48px;
  font-size: 32px;
  padding: 0px 0px 20px !important;
  font-weight: bold;
  opacity: 1;
  font-family: "Open Sans", sans-serif !important;
  text-transform: uppercase;
}
.about-nfda p {
  text-align: left;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0px;
  color: #003865;
  opacity: 1;
}
.about-nfda .btn {
  color: #FFF !important;
  border: 1px solid #E22D00 !important;
  background-color: #E22D00;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
}

.dinner-section {
  background-image: url("../images/nfda/Background_web-01.png");
  background-repeat: no-repeat;
  background-size: cover;
}
.dinner-section h2 {
  color: #FFFFFF;
  line-height: 48px;
  font-size: 32px;
  padding: 0px 0px 20px !important;
  font-weight: bold;
  opacity: 1;
  font-family: "Open Sans", sans-serif !important;
  text-transform: uppercase;
}
.dinner-section p {
  text-align: left;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}
.dinner-section ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.dinner-section ul li {
  color: #fff;
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 10px 0px;
}
.dinner-section ul li:before {
  content: "•";
  display: inline-block;
  margin-right: 0.2rem;
  color: #fff;
  font-weight: 600;
}
.dinner-section .reserve_ur_spot .gform_confirmation_message {
  font-size: 28px !important;
  line-height: 42px !important;
  color: #fff !important;
}
.dinner-section .reserve_ur_spot .gform-theme--api, .dinner-section .reserve_ur_spot .gform-theme--foundation {
  --gf-form-gap-y: 16px !important;
}
.dinner-section .reserve_ur_spot .datepicker {
  width: 100%;
}
.dinner-section .reserve_ur_spot .gform_validation_errors {
  border: 1px solid #fff;
}
.dinner-section .reserve_ur_spot .gform_submission_error {
  color: #fff !important;
  font-size: 12px;
  line-height: 18px;
  margin: 0px;
  padding: 0px !important;
}
.dinner-section .reserve_ur_spot .gform_submission_error .gform-icon {
  color: #fff;
  border: 1px solid #fff;
}
.dinner-section .reserve_ur_spot .gfield_validation_message {
  color: #fff !important;
  font-size: 10px;
}
.dinner-section .reserve_ur_spot .gform_footer {
  border: 0px solid #ff0000 !important;
}
.dinner-section .reserve_ur_spot .gform_footer input[type=submit] {
  color: #FFF !important;
  width: 100% !important;
  border: 1px solid #E22D00 !important;
  background-color: #E22D00 !important;
  padding: 10px 20px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
}
.dinner-section .reserve_ur_spot .gform_footer input[type=submit]:hover {
  background-color: #FFF !important;
  color: #E22D00 !important;
  border: 1px solid #E22D00 !important;
}

.amazon-coupon {
  background-color: #f5f5f5;
}
.amazon-coupon h2 {
  color: #164971;
  line-height: 48px;
  font-size: 32px;
  padding: 0px 0px 20px !important;
  font-weight: bold;
  opacity: 1;
  font-family: "Open Sans", sans-serif !important;
  text-transform: uppercase;
}
.amazon-coupon .card {
  background-color: transparent !important;
}
.amazon-coupon .card .coupon-text {
  text-align: center;
}
.amazon-coupon .card .coupon-text img {
  width: 100%;
}
.amazon-coupon .card .coupon-text h5 {
  color: #FFFFFF;
  font-size: 20px;
  line-height: 30px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 400;
  text-align: center;
}
.amazon-coupon .card .coupon-text p {
  color: #FFFFFF;
  font-size: 26px;
  line-height: 39px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: bold;
}
.amazon-coupon .card .coupon-text span {
  color: #FFFFFF;
  font-size: 16px;
  line-height: 24px;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 400;
}

.page-template-iccfa-event .want-to-explore {
  background: #fff !important;
}

.why-veltris {
  background-color: #fff;
}
.why-veltris h2 {
  color: #164971;
  line-height: 48px;
  font-size: 32px;
  padding: 0px 0px 20px !important;
  font-weight: bold;
  opacity: 1;
  font-family: "Open Sans", sans-serif !important;
  text-transform: uppercase;
}
.why-veltris .btn {
  color: #FFF !important;
  border: 1px solid #003865 !important;
  background-color: #003865;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
}
.why-veltris ul {
  list-style: none;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  padding: 0px;
  margin: 0px;
}
.why-veltris ul li {
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 20px;
  margin: 0px 0px 20px;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.why-veltris ul li img {
  width: 50px;
  margin: 0px 20px 0px 0px;
  float: left;
}
.why-veltris ul li p {
  vertical-align: middle;
  margin: 0px;
}

.brochure-download {
  background-color: #fff;
}
.brochure-download h2 {
  color: #164971;
  line-height: 48px;
  font-size: 32px;
  padding: 0px 0px 20px !important;
  font-weight: bold;
  opacity: 1;
  font-family: "Open Sans", sans-serif !important;
  text-transform: uppercase;
}
.brochure-download .btn {
  color: #FFF !important;
  border: 1px solid #E22D00 !important;
  background-color: #E22D00;
  padding: 10px 20px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
}
.brochure-download ul {
  list-style: none;
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  padding: 0px;
  margin: 0px;
}
.brochure-download ul li {
  background-color: #f5f5f5;
  border-radius: 4px;
  padding: 20px;
  margin: 0px 0px 20px;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
}
.brochure-download ul li img {
  width: 50px;
  margin: 0px 20px 0px 0px;
  float: left;
}
.brochure-download ul li p {
  vertical-align: middle;
  margin: 0px;
}

.meet-our-team {
  background-color: #e6e7e8;
}
.meet-our-team h2 {
  color: #164971;
  line-height: 48px;
  font-size: 32px;
  font-weight: bold;
  padding: 0px;
  opacity: 1;
  font-family: "Open Sans", sans-serif !important;
  text-transform: uppercase;
}
.meet-our-team h3 {
  color: #727272;
  line-height: 30px;
  font-size: 20px;
  font-weight: 500;
  opacity: 1;
  font-family: "Open Sans", sans-serif !important;
  text-transform: capitalize;
}
.meet-our-team .card {
  border-radius: 4px;
  border: 0px;
  background-color: transparent;
}
.meet-our-team .card img {
  border-radius: 4px;
}
.meet-our-team .card .card-body {
  background-color: transparent;
}
.meet-our-team .card .card-body h5 {
  text-transform: uppercase;
  font-size: 20px;
  line-height: 30px;
  text-align: center;
}
.meet-our-team .card .card-body p {
  text-transform: capitalize;
  text-align: center;
  font-size: 16px;
  line-height: 24px;
}
.meet-our-team .card .card-body a {
  text-align: center;
  margin: 0px auto 0px;
  display: block;
}
.meet-our-team .card .card-body a i {
  color: #003865;
  font-size: 18px;
}

@media screen and (max-width: 601px) {
  .why-veltris ul, .brochure-download ul {
    columns: 1;
    -webkit-columns: 1;
    -moz-columns: 1;
  }
  .about-nfda {
    padding: 60px 0px 0px;
  }
  .nfda-event .carousel-inner {
    height: 130vh;
  }
  .nfda-event .carousel-item.active {
    height: 575px !important;
    display: flex !important;
    flex-direction: column-reverse;
  }
  .nfda-event .bd-highlight {
    margin-left: 0.5rem;
    margin-top: 0.5rem;
    width: 100vw !important;
    height: 24vh;
  }
  .nfda-event .bd-highlight:nth-child(2), .nfda-event .bd-highlight:nth-child(3) {
    margin-top: 0rem;
    color: white !important;
  }
  .nfda-event .bd-highlight:nth-child(3) {
    margin-top: 0rem;
    color: white !important;
  }
  .nfda-event .bd-highlight:nth-child(4) {
    margin-top: 1rem;
    margin-bottom: 2rem;
  }
  .nfda-event .bd-highlight:nth-child(4).link {
    background: none;
  }
  .nfda-event .main-banner-img {
    display: none !important;
  }
  .nfda-event .main-banner-img-mobile {
    display: block;
  }
  .nfda-event #container-mobile {
    position: absolute;
    top: 0;
  }
  .nfda-event .carousel-caption.carousel-caption-mobile {
    height: 100% !important;
    top: 0% !important;
    text-align: left !important;
    left: 0 !important;
    right: 0px !important;
    /* background: linear-gradient(359deg, rgba(0, 181, 226, 0.3019607843) 26%, #003865 54%) !important; */
    margin-bottom: 2rem;
    padding: 3rem 0;
    width: 100vw !important;
  }
  .nfda-event .links a {
    background: none !important;
    border: none;
    padding-left: 0;
  }
  .nfda-event .links a::after {
    content: "›";
    padding-left: 0.5rem;
  }
  .nfda-event .links a:hover {
    color: rgb(255, 255, 255);
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.4784313725);
  }
}
.coupon-text {
  text-align: left;
  font-weight: 400;
  font-size: 22px;
  line-height: 33px;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}

.amazon-coupon h2 {
  color: #FFFFFF;
  line-height: 48px;
  font-size: 32px;
  padding: 0px 0px 20px !important;
  font-weight: bold;
  opacity: 1;
  font-family: "Open Sans", sans-serif !important;
  text-transform: uppercase;
}

@media (max-width: 1440px) and (min-width: 769px) {
  .nfda-event .pre-text {
    font-size: 28px;
    line-height: 42px;
  }
  .nfda-event h1 {
    line-height: 54px;
    font-size: 36px;
    padding: 10px 0px !important;
  }
  .nfda-event h2 {
    line-height: 38px;
    font-size: 26px;
    padding: 0px !important;
  }
  .nfda-event .bd-highlight:nth-child(4) {
    padding: 10px 0px 20px 0px !important;
  }
}
@media (max-width: 768px) {
  .nfda-event .pre-text {
    font-size: 18px;
    line-height: 27px;
  }
  .nfda-event h1 {
    line-height: 34px;
    font-size: 26px;
    padding: 10px 0px !important;
  }
  .nfda-event h2 {
    line-height: 24px;
    font-size: 16px;
    padding: 0px !important;
  }
  .nfda-event .bd-highlight:nth-child(4) {
    padding: 0px !important;
  }
  .nfda-event .date, .nfda-event .location {
    color: #FFFFFF;
    font-size: 16px;
    line-height: 24px;
    padding: 0px 20px 0px 0px;
  }
  .nfda-event .date i, .nfda-event .location i {
    padding: 0px 10px 0px 0px;
  }
  .about-nfda h2, .dinner-section h2, .amazon-coupon h2, .brochure-download h2, .meet-our-team h2 {
    font-size: 24px;
    line-height: 36px;
    padding: 0px !important;
  }
  .amazon-banner .col-md-6 {
    width: 65% !important;
  }
  .amazon-coupon p {
    font-size: 18px;
    line-height: 27px;
  }
  .amazon-coupon .card {
    background-color: transparent;
  }
  .amazon-coupon .coupon-text {
    padding: 0px;
    margin: 0px 0px 4rem 0px;
  }
  .amazon-coupon .coupon-text h5 {
    font-size: 14px !important;
    line-height: 21px !important;
  }
  .amazon-coupon .coupon-text p {
    font-size: 16px !important;
    line-height: 24px !important;
  }
  .amazon-coupon .coupon-text span {
    font-size: 12px !important;
    line-height: 18px !important;
  }
}
.page-template-nfda-event .want-to-explore {
  display: none;
}

@media (max-width: 600px) {
  .amazon-banner .col-md-6 {
    width: 100% !important;
  }
}
/****NFDA Event end****/
/***Blog Post Form ****/
.blog_post_wrapper {
  padding: 40px 15px 20px;
}
.blog_post_wrapper .gform_validation_errors {
  border: 0px !important;
  padding: 10px 10px 20px !important;
  margin: 10px 0px 20px !important;
}
.blog_post_wrapper .button {
  color: #FFF !important;
  border: 1px solid #00B5E2 !important;
  background-color: #00B5E2 !important;
  padding: 10px 20px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  width: 100% !important;
}
.blog_post_wrapper .gform_confirmation_message {
  font-size: 24px;
  line-height: 40px;
  font-weight: 600;
  color: #003865;
  text-align: left;
  opacity: 1;
}

/***Blog Post Form ****/
/***Schedule a Free Consultation***/
.schedule-consultation .button {
  color: #FFF !important;
  border: 1px solid #E22D00 !important;
  background-color: #E22D00 !important;
  padding: 10px 20px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  width: 100% !important;
}

.page-template-schedule-a-free-consultation {
  background-color: #003865 !important;
}
.page-template-schedule-a-free-consultation .want-to-explore {
  display: none;
  height: 30px;
  background-color: #003865 !important;
}

.amazon-banner .carousel-caption {
  text-align: left !important;
  left: 0px !important;
  right: 0px !important;
  top: 32px !important;
}

@media (max-width: 1440px) and (min-width: 769px) {
  .amazon-banner .nfda-event h2 {
    line-height: 48px !important;
    font-size: 32px !important;
    padding: 0px !important;
  }
}
/***Schedule a Free Consultation***/
img.cert-logo {
  border-radius: 4px;
  width: 75px;
  height: auto;
  margin: 0px 10px 0px 0px;
  padding: 5px;
  background: #fff;
}

.table-content h3, .sticky-top h3 {
  font-size: 18px;
  font-style: normal;
  line-height: 27px;
  text-align: left;
  color: #000;
  font-family: "Open Sans", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: inherit;
  margin: 0px 0px 30px 0px !important;
}
.table-content h3:after, .sticky-top h3:after {
  content: "";
  position: absolute;
  background-color: #00B5E2;
  width: 25%;
  height: 3px;
  top: 30px;
  left: 0%;
}
.table-content ul, .sticky-top ul {
  margin: 0px;
  padding: 0px 0px 40px 0px;
}
.table-content ul li, .sticky-top ul li {
  list-style: none;
  font-size: 16px;
  font-style: normal;
  line-height: 24px;
  text-align: left;
  color: #000;
  font-family: "Open Sans", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: inherit;
  margin-bottom: 12px;
  margin-left: 0px;
}
.table-content ul li a, .sticky-top ul li a {
  color: black;
  font-weight: 500;
  opacity: 1;
}
.table-content ul li a:hover, .sticky-top ul li a:hover {
  text-shadow: 0px 0px 2px rgba(0, 0, 0, 0.4);
}

/****
.table-content{
    position: sticky;
    h2 {
        font-size: 32px;
        line-height: 48px;
        text-align: left;
        font-weight: bold;
        color: rgba(0, 0, 0);
        margin: 0px 0px 10px 0px;
        font-family: "Open Sans", sans-serif !important;
        padding: 20px 0px;
    }
    h3 {
        font-size: 24px;
        line-height: 36px;
        text-align: left;
        font-weight: 500;
        letter-spacing: 0.18px;
        color: rgba(0, 0, 0, 0.8705882353);
        opacity: 1;
        margin: 40px 0px 20px 0px;
    }
    a{
        color: black;
        font-weight: 500;
    }
    ol{
        padding: 0px 15px;
        li {
            font-size: 18px;
            font-style: normal;
            line-height: 27px;
            text-align: left;
            color: #000;
            font-family: "Open Sans", sans-serif !important;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            text-rendering: inherit;
            margin-bottom: 18px;
            a{
                color: black;
                font-weight: 500;
            }
        }
    }
    .accordion-button{
        padding: 0px!important;
    }
    .accordion-button:not(.collapsed)::after {
        background-image: url('../images/arrow_down_lightblue.svg');
        background-repeat: no-repeat;
        transform: rotate(-180deg)
    }
    .accordion-button::after {
        background-image: url('../images/arrow_down_lightblue.svg');
        background-repeat: no-repeat;
    }
    .accordion-item{     
        background-color: rgba(0, 0, 0, 0) !important;   
        .accordion-button{
            background-color: rgba(0, 0, 0, 0) !important;
            &:active {
                outline: 0px !important;
                border: 0px !important;
                box-shadow: none !important;
              } 
            &.collapsed{
                &:active {
                    outline: 0px !important;
                    border: 0px !important;
                    box-shadow: none !important;
                  }                 
              }
            &:focus {
                outline: 0px !important;
                border: 0px !important;
                box-shadow: none !important;
              } 
            &.collapsed{
                &:focus {
                    outline: 0px !important;
                    border: 0px !important;
                    box-shadow: none !important;
                  }                 
              }

            &:focus:not(:focus-visible) {
                outline: 0px !important;
                border: 0px !important;
                box-shadow: none !important;
            }


            &:focus-visible {
                outline: 0px !important;
                border: 0px !important;
                box-shadow: none !important;
            }
        }
        .accordion-body{
            padding: 0.5rem 0rem!important;
            ul{
                list-style: disc;
                padding: 0px 25px;
                li{
                    a{
                        font-size: 14px;
                        line-height: 21px;
                        color: black;
                    }
                }
            }
        }
    }
    .accordion-item{
        background-color: rgba(0, 0, 0, 0) !important;
    }
    .accordion-header{
        padding: 0px 12px !important;
        .accordion-button{
            font-size: 16px !important;
            line-height: 24px !important;
        }
    }
}



@media (max-width: 600px){
.table-content{
        ol{
            padding: 0px 15px;
            li {
                font-size: 16px!important;
                line-height: 24px!important;
            }
        }
    }
}

****/
.schedule_meeting {
  border: 0px solid #c3ced6;
  background-color: #003865;
  border-radius: 4px 4px 4px 4px;
  position: sticky;
  padding: 0% 0% 5%;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}
.schedule_meeting form {
  padding: 0px 0px 0px 10px;
}
.schedule_meeting .hide_summary {
  color: #fff !important;
  font-size: 12px !important;
}
.schedule_meeting .hide_summary .gform-icon--circle-error {
  color: #fff !important;
}
.schedule_meeting .hide_summary .gform-icon--circle-error:before {
  border: 1px solid #fff !important;
  border-radius: 10px !important;
}
.schedule_meeting .gform_validation_errors {
  border: 1px solid #fff !important;
  padding: 5% 5% 0% !important;
  display: none !important;
}
.schedule_meeting h3 {
  font-size: 16px;
  line-height: 24px;
  text-align: left;
  font-weight: bold;
  letter-spacing: 0.4px;
  color: #fff;
  opacity: 1;
  margin: 0px;
  border-radius: 4px;
  padding: 130px 0px 15px 15px;
  font-family: "Open Sans", sans-serif !important;
  background-size: contain !important;
  background: url("https://www.staging.veltris.com/wp-content/uploads/2025/01/Form-design_image-01.png") no-repeat;
}
.schedule_meeting .gform_required_legend {
  display: none;
}
.schedule_meeting .hide_summary {
  display: none;
}
.schedule_meeting .submitted-message {
  color: #fff;
  padding: 10px 15px;
  font-size: 18px;
  font-weight: 500;
}
.schedule_meeting legend, .schedule_meeting label {
  display: none;
}
.schedule_meeting .gform-theme--framework .gform-field-label--type-inline {
  color: #fff !important;
  display: block !important;
}
.schedule_meeting input[type=text], .schedule_meeting input[type=email], .schedule_meeting input[type=tel], .schedule_meeting textarea {
  border-bottom: 2px solid #c3ced6 !important;
  border-top: 0px solid #c3ced6 !important;
  border-right: 0px solid #c3ced6 !important;
  border-left: 0px solid #c3ced6 !important;
  border-radius: 0px !important;
  background-color: #003865 !important;
  color: #fff !important;
  opacity: 0.8;
  padding: 0px;
  height: 40px !important;
  font-size: 14px;
  width: 90% !important;
  margin: 10px 15px;
}
.schedule_meeting textarea {
  height: 60px !important;
}
.schedule_meeting input[type=text]::-moz-placeholder, .schedule_meeting input[type=email]::-moz-placeholder, .schedule_meeting input[type=tel]::-moz-placeholder, .schedule_meeting textarea::-moz-placeholder {
  color: #fff !important;
  opacity: 1;
}
.schedule_meeting input[type=text]::placeholder, .schedule_meeting input[type=email]::placeholder, .schedule_meeting input[type=tel]::placeholder, .schedule_meeting textarea::placeholder {
  color: #fff !important;
  opacity: 1;
}
.schedule_meeting input[type=text]:focus, .schedule_meeting input[type=email]:focus, .schedule_meeting input[type=tel]:focus, .schedule_meeting input[type=text]:hover, .schedule_meeting input[type=email]:hover, .schedule_meeting input[type=tel]:hover, .schedule_meeting textarea:hover, .schedule_meeting textarea:focus {
  border-bottom: 2px solid #c3ced6 !important;
  border-top: 0px solid #c3ced6 !important;
  border-right: 0px solid #c3ced6 !important;
  border-left: 0px solid #c3ced6 !important;
  outline: 0px;
}
.schedule_meeting input[type=submit] {
  color: #fff !important;
  border: 1px solid #E22D00 !important;
  background-color: #E22D00 !important;
  padding: 10px 0px !important;
  text-align: center !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 21px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  opacity: 0.8 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  height: 42px !important;
  width: 90% !important;
  margin: 20px 15px;
}
.schedule_meeting .validation_message {
  color: #fff !important;
  font-size: 10px;
  padding: 5px 15px;
}
.schedule_meeting .gform_confirmation_message {
  padding: 10px 20px;
}
.schedule_meeting .hs-error-msgs {
  list-style: none;
  padding: 0px !important;
}
.schedule_meeting .hs-error-msgs li {
  padding: 0px;
  margin: 0px !important;
}
.schedule_meeting .hs-error-msgs li label {
  color: white !important;
  font-size: 12px;
  display: block;
  padding: 0px 15px;
}

@media only screen and (min-width: 768px) {
  .desktop-banner {
    display: block;
  }
  .mobile-banner {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .desktop-banner {
    display: none;
  }
  .mobile-banner {
    display: block;
  }
}
.faq ul li {
  font-size: 18px !important;
  letter-spacing: 0.14px !important;
  line-height: 27px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  text-align: left;
  padding: 10px 0px 0px;
}
.faq ul li ul li {
  padding: 10px 0px 0px;
}

/****FAQ Banner****/
.faq-banner .bd-highlight {
  margin-left: 0.5rem;
  margin-top: 0.5rem;
  width: 90vw !important;
}

@media screen and (max-width: 601px) {
  .faq-banner .main-banner-img {
    display: none;
  }
  .faq-banner .main-banner-img-mobile {
    display: block;
  }
  .faq-content {
    padding-top: 3rem;
  }
}
.highlight-container {
  background: white;
  border: 3px solid #003865;
  border-radius: 12px;
  padding: 20px;
  width: 100%;
  margin: 40px 0px;
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);
  position: relative;
}
.highlight-container .highlight-icon {
  position: absolute;
  top: -45px;
  left: 20px;
  background-color: #003865;
  padding: 5px;
  border-radius: 50%;
}
.highlight-container .highlight-icon img {
  width: 70px;
  height: 70px;
}
.highlight-container .highlight-content {
  margin-top: 40px;
  color: #002F5D;
  font-size: 18px;
  line-height: 1.7;
  font-weight: 500;
}
.highlight-container .highlight-source {
  margin-top: 15px;
  font-size: 14px;
  color: #4a6480;
  text-align: right;
}

.highlight-ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0;
}
.highlight-ul li {
  display: flex;
  align-items: center;
  width: 50%;
  margin: 20px 0px 0px 0px;
  padding: 0px 20px 0px 0px;
}
.highlight-ul li .highul-container {
  display: flex;
  align-items: center;
  border: 2px solid #00A9E0;
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
}
.highlight-ul li .highul-container .highul-icon {
  background-color: #00A9E0;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.highlight-ul li .highul-container .highul-icon img {
  width: 60px;
  height: 60px;
}
.highlight-ul li .highul-container .highul-text {
  padding: 8px 15px;
  font-family: Arial, sans-serif;
  font-size: 18px;
  color: #003B5C;
}

.new-highlight {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  padding: 0;
}
.new-highlight li {
  display: flex;
  align-items: center;
  border: 2px solid #00a9e0;
  border-radius: 5px;
  overflow: hidden;
  width: 100%;
}
.new-highlight li .icon {
  background-color: #00a9e0;
  padding: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.new-highlight li .icon img {
  width: 60px;
  height: 60px;
}
.new-highlight li .text {
  padding: 8px 15px;
  font-family: Arial, sans-serif;
  font-size: 18px;
  color: #003b5c;
}

.guide-highlight {
  list-style: none;
  padding: 0px !important;
}
.guide-highlight li:before {
  content: "•";
  color: #000;
  font-weight: bold;
  position: absolute;
  left: 0;
  background-image: none !important;
}
.guide-highlight li .guide-container {
  display: flex;
  align-items: normal;
  background: white;
  padding: 10px 0px 0px;
  border-radius: 10px;
}
.guide-highlight li .icon {
  flex-shrink: 0;
  width: 70px;
  height: 70px;
  border: 0px solid #003865;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 20px;
}
.guide-highlight li .icon img {
  width: 70px;
  height: 70px;
}
.guide-highlight li .content {
  flex: 1;
}
.guide-highlight li .title {
  font-size: 20px;
  font-weight: bold;
  color: #003865;
  margin-bottom: 10px;
}
.guide-highlight li ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.guide-highlight li li {
  font-size: 16px;
  color: #000;
  margin-bottom: 5px;
  position: relative;
  padding-left: 20px;
}
.guide-highlight li li::before {
  content: "•";
  color: #000;
  font-weight: bold;
  position: absolute;
  left: 0;
  background-image: none !important;
}

/* Responsive Styles */
@media (max-width: 600px) {
  .guide-highlight .guide-container {
    flex-direction: row;
    text-align: left;
    padding: 15px;
  }
  .guide-highlight .icon {
    margin-bottom: 10px;
  }
}
.table strong {
  font-weight: bold;
}

@media (max-width: 600px) {
  .topics-content .guide-content ol {
    padding: 0px 15px;
  }
  .topics-content .guide-content ol li {
    font-size: 16px !important;
    line-height: 24px !important;
  }
}
/**** Topics ****/
.download-guide {
  border: 2px solid #fff !important;
  background-color: #fff !important;
  box-shadow: 1px 0px 10px 0px rgba(0, 0, 0, 0.4) !important;
}

@media (max-width: 600px) {
  .stickytopics {
    margin-top: 10%;
    padding: 20px 0px;
  }
  .topics-content ol li, .topics-content ul li {
    font-size: 16px !important;
    line-height: 24px !important;
    padding-bottom: 10px;
  }
  .topics-content {
    padding: 0px 1rem;
  }
}
.topics-content {
  scroll-snap-type: y mandatory;
  /* scroll-padding: top right bottom left */
  scroll-padding-top: 10rem;
  /* default: 2em; margin: .67em 0px; */
  /* default: 2em; margin: .83em 0px; */
  /* default: 1.17em; margin: 1em 0px; */
  /* default: 1em; margin: 1.33em 0px; */
  /* default: .83em; margin: 1.67em 0px; */
  /* default: .67em; margin: 2.33em 0px; */
}
.topics-content h1, .topics-content h2, .topics-content h3, .topics-content h4, .topics-content h5, .topics-content h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
  font-weight: 500;
  line-height: 1.2;
}
.topics-content h1 {
  font-size: calc(1.375rem + 1.5vw);
}
.topics-content h2 {
  font-size: calc(1.325rem + 0.9vw);
}
.topics-content h3 {
  font-size: calc(1.3rem + 0.6vw);
}
.topics-content h4 {
  font-size: calc(1.275rem + 0.3vw);
}
.topics-content h5 {
  font-size: 1.25rem;
}
.topics-content h6 {
  font-size: 1rem;
}
.topics-content .guide-content {
  /* h2::before {


          background-image: url('../images/shape.svg');
  background-size: 10px 20px;
  display: inline-block;
  width: 10px; 
  height: 20px;
  content:"";
        content: url("../images/shape.svg");
          color: #003865;
          text-shadow: #003865 0 0 5px;
          margin:0 10px;
      }
      */
}
.topics-content .guide-content table strong {
  font-weight: bold;
}
.topics-content .guide-content h2 {
  line-height: 48px;
  text-align: left;
  font-weight: 500;
  color: #003865;
  margin: 40px 0px 20px 0px;
  font-family: "Open Sans", sans-serif !important;
  padding: 20px 0px;
  opacity: 0.8;
  text-transform: uppercase;
}
.topics-content .guide-content h2::after {
  /* content: url("../images/bullet-point.svg");
  color: #003865;
  text-shadow: #003865 0 0 5px;
  margin:0 10px; */
  background-image: url("../images/bullet-point.svg");
  background-size: 20px 20px;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  margin: 2px 10px;
}
.topics-content .guide-content h3 {
  line-height: 36px;
  text-align: left;
  font-weight: 600;
  letter-spacing: 0.18px;
  color: rgba(0, 0, 0, 0.8705882353);
  opacity: 1;
  margin: 40px 0px 20px 0px;
}
.topics-content .guide-content h4 {
  line-height: 30px;
  text-align: left;
  font-weight: 500;
  letter-spacing: 0.18px;
  color: rgba(0, 0, 0, 0.8705882353);
  opacity: 1;
  margin: 40px 0px 20px 0px;
}
.topics-content .guide-content a {
  color: black;
  font-weight: 500;
}
.topics-content .guide-content ol {
  padding: 10px 15px;
}
.topics-content .guide-content ol li {
  font-size: 18px;
  font-style: normal;
  line-height: 27px;
  text-align: left;
  color: #000;
  font-family: "Open Sans", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: inherit;
  margin-bottom: 18px;
}
.topics-content .guide-content ol li a {
  color: black;
  font-weight: 500;
}
.topics-content .guide-content ul {
  padding: 0px 15px;
}
.topics-content .guide-content ul li {
  font-size: 18px;
  font-style: normal;
  line-height: 27px;
  text-align: left;
  color: #000;
  font-family: "Open Sans", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: inherit;
  margin-bottom: 18px;
  list-style: none;
}
.topics-content .guide-content ul li:before {
  background-image: url("../images/bullet-point.svg");
  background-size: 20px 25px;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  margin: 0px 5px;
}
.topics-content .guide-content ul li a {
  color: black;
  font-weight: 500;
}
.topics-content .guide-content ul li ul {
  padding: 10px 25px 0px;
}
.topics-content .accordion-button:not(.collapsed)::after {
  background-image: url("../images/arrow_down_lightblue.svg");
  background-repeat: no-repeat;
  transform: rotate(-180deg);
}
.topics-content .accordion-button::after {
  background-image: url("../images/arrow_down_lightblue.svg");
  background-repeat: no-repeat;
}
.topics-content .accordion-item {
  background-color: rgba(0, 0, 0, 0) !important;
}
.topics-content .accordion-item .accordion-button {
  background-color: rgba(0, 0, 0, 0) !important;
  /* Remove outline for non-keyboard :focus */
  /* Optional: Customize :focus-visible */
}
.topics-content .accordion-item .accordion-button:active {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
.topics-content .accordion-item .accordion-button.collapsed:active {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
.topics-content .accordion-item .accordion-button:focus {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
.topics-content .accordion-item .accordion-button.collapsed:focus {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
.topics-content .accordion-item .accordion-button:focus:not(:focus-visible) {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
.topics-content .accordion-item .accordion-button:focus-visible {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
.topics-content .accordion-item .accordion-body {
  padding: 0.5rem 0rem !important;
}
.topics-content .accordion-item .accordion-body ul {
  list-style: disc;
  padding: 0px 25px;
}
.topics-content .accordion-item .accordion-body ul li a {
  font-size: 14px;
  line-height: 21px;
  color: black;
}
.topics-content .accordion-item {
  background-color: rgba(0, 0, 0, 0) !important;
}
.topics-content .accordion-header {
  padding: 0px 12px !important;
}
.topics-content .accordion-header .accordion-button {
  font-size: 16px !important;
  line-height: 24px !important;
}

/***********our-differentiators start********/
.our-differentiators {
  background-color: #f5f5f5;
}

.innovate-card {
  background: white;
  border-radius: 0px 0px 15px 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  text-align: center;
  margin-top: 10px;
}
.innovate-card .card-header {
  background: #003366;
  color: white;
  padding: 20px;
  position: relative;
  z-index: 99 !important;
}
.innovate-card .card-header img {
  width: 120px;
  position: absolute;
  top: -65px;
  left: 50%;
  transform: translateX(-50%);
  border: 20px solid #003366;
  background: #003366;
  border-radius: 60px;
  z-index: 9999 !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.innovate-card .card-header h3 {
  margin: 10% 0% 0%;
  font-size: 20px;
  color: white;
  line-height: 30px;
  font-weight: 500;
  padding: 0% 20%;
  text-align: center;
}
.innovate-card .card-header:after {
  border-bottom: 22px solid transparent;
  border-left: 22px solid #003366;
  border-right-color: transparent;
  border-top-color: transparent;
  bottom: -11px;
  content: "";
  display: block;
  position: absolute;
  left: 44%;
  transform: rotate(-135deg);
}
.innovate-card .card-content {
  padding: 4%;
  text-align: left;
}
.innovate-card .card-content ul {
  padding: 0px 5%;
}
.innovate-card .card-content ul li {
  font-size: 16px;
  line-height: 24px;
  padding-top: 15px;
}

.self-fund-card {
  background: white;
  border-radius: 0px 0px 15px 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  text-align: center;
  margin-top: 10px;
}
.self-fund-card .card-header {
  background: #595959;
  color: white;
  padding: 20px;
  position: relative;
  z-index: 99 !important;
}
.self-fund-card .card-header img {
  width: 120px;
  position: absolute;
  top: -65px;
  left: 50%;
  transform: translateX(-50%);
  border: 20px solid #595959;
  background: #595959;
  border-radius: 60px;
  z-index: 9999 !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.self-fund-card .card-header h3 {
  margin: 10% 0% 0%;
  font-size: 20px;
  color: white;
  line-height: 30px;
  font-weight: 500;
  padding: 0% 20%;
  text-align: center;
}
.self-fund-card .card-header:after {
  border-bottom: 22px solid transparent;
  border-left: 22px solid #595959;
  border-right-color: transparent;
  border-top-color: transparent;
  bottom: -11px;
  content: "";
  display: block;
  position: absolute;
  left: 44%;
  transform: rotate(-135deg);
}
.self-fund-card .card-content {
  padding: 4%;
  text-align: left;
}
.self-fund-card .card-content ul {
  padding: 0px 5%;
}
.self-fund-card .card-content ul li {
  font-size: 16px;
  line-height: 24px;
  padding-top: 15px;
}

.monetize-card {
  background: white;
  border-radius: 0px 0px 15px 15px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
  text-align: center;
  margin-top: 10px;
}
.monetize-card .card-header {
  background: #02bce2;
  color: white;
  padding: 20px;
  position: relative;
  z-index: 99 !important;
}
.monetize-card .card-header img {
  width: 120px;
  position: absolute;
  top: -65px;
  left: 50%;
  transform: translateX(-50%);
  border: 20px solid #02bce2;
  background: #02bce2;
  border-radius: 60px;
  z-index: 9999 !important;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}
.monetize-card .card-header h3 {
  margin: 10% 0% 0%;
  font-size: 20px;
  color: white;
  line-height: 30px;
  font-weight: 500;
  padding: 0% 20%;
  text-align: center;
}
.monetize-card .card-header:after {
  border-bottom: 22px solid transparent;
  border-left: 22px solid #02bce2;
  border-right-color: transparent;
  border-top-color: transparent;
  bottom: -11px;
  content: "";
  display: block;
  position: absolute;
  left: 44%;
  transform: rotate(-135deg);
}
.monetize-card .card-content {
  padding: 4%;
  text-align: left;
}
.monetize-card .card-content ul {
  padding: 0px 5%;
}
.monetize-card .card-content ul li {
  font-size: 16px;
  line-height: 24px;
  padding-top: 15px;
}

.our-diff-card .card {
  background: white;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  text-align: center;
  padding: 10% 5% 5%;
  min-height: 100%;
}

@media (min-width: 836px) {
  .our-differentiators .desktop-version {
    visibility: visible;
  }
  .our-differentiators .mobile-version {
    visibility: none;
    display: none;
  }
}
@media (max-width: 835px) {
  .our-differentiators .desktop-version {
    visibility: none;
    display: none;
  }
  .our-differentiators .mobile-version {
    visibility: visible;
  }
}
/***********our-differentiators end**********/
/***New menu css***/
.menu_custom_wrapper {
  padding: 5px;
}
.menu_custom_wrapper strong {
  font-size: 18px;
  line-height: 27px;
  font-weight: bold;
}
.menu_custom_wrapper h5 {
  font-size: 18px;
  line-height: 27px;
  font-weight: bold;
}
.menu_custom_wrapper b {
  font-size: 18px;
  line-height: 27px;
  font-weight: bold;
}
.menu_custom_wrapper p {
  font-size: 15px;
  line-height: 22px;
  padding: 20px 0px 0px;
  font-weight: 500;
}
.menu_custom_wrapper .highlight_block a {
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
  border-bottom: 3px solid #003868;
  text-transform: capitalize;
  padding-bottom: 5px;
  color: #000;
}
.menu_custom_wrapper .highlight_block a:after {
  content: "\f061";
  font-family: "font awesome 6 free";
  display: inline-block;
  margin: 0.4rem;
  color: #003868;
  font-weight: 600;
}
.menu_custom_wrapper .highlight_block a:after:hover {
  padding-left: 5px !important;
  transition: 0.88s !important;
}
.menu_custom_wrapper .highlight_block a:hover {
  color: #003868;
  padding-left: 5px !important;
  transition: 0.88s !important;
}
.menu_custom_wrapper .row_blocks {
  border: 1px solid #ccc;
}
.menu_custom_wrapper .row_blocks .featured-insights {
  background-color: #003868;
  padding: 40px;
  height: 100%;
  font-weight: bold;
  align-items: center;
  font-size: 16px;
  color: #fff;
  justify-content: center;
  margin: 0px auto 0px;
  display: flex;
  text-transform: uppercase;
}
.menu_custom_wrapper .row_blocks .col-md-3 h5 {
  font-size: 16px;
  line-height: 24px;
  padding-top: 5px;
  font-weight: bold;
}
.menu_custom_wrapper .row_blocks .col-md-3 a {
  font-size: 13px;
  line-height: 21px;
  font-weight: 500;
  border-bottom: 0px solid #00b5e2;
  text-transform: capitalize;
  padding-bottom: 5px;
  color: #000;
}
.menu_custom_wrapper .row_blocks .col-md-3 a:hover {
  color: #003868;
}

/****New menu css***/
/****Our new presence css ***/
.our-newpresence.schedule-a-meeting {
  background-color: #f5f5f5 !important;
}

.our-newpresence.careers {
  background-color: #f5f5f5 !important;
}

.our-newpresence {
  background-color: #fff;
}
.our-newpresence .card {
  padding: 5%;
  border: 1px solid #ccc;
  border-radius: 4px;
  height: 400px;
}
.our-newpresence .card img {
  border-radius: 4px;
}
.our-newpresence .card h4 {
  font-weight: bold;
  font-size: 20px;
  line-height: 30px;
}
.our-newpresence .card h4 i {
  float: right;
}
.our-newpresence .card p {
  font-size: 16px;
  line-height: 24px;
}
.our-newpresence .slick-dots {
  bottom: -45px;
}

/****Our new presence css ***/
.page-template-contact-us .our-differentiators {
  margin-top: 3rem;
}

.our-differentiators {
  background-color: #fff;
}
.our-differentiators .tab-contentclass h3 {
  font-size: 22px;
  line-height: 33px;
  letter-spacing: 0px;
  color: #707070;
  font-weight: 600;
}
.our-differentiators .tab-contentclass p {
  text-align: left;
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  letter-spacing: 0;
  color: #707070;
}
.our-differentiators .tab-contentclass ul {
  list-style: disc;
  padding: 5px 20px 20px;
  margin: 0px;
  -moz-column-count: 1;
       column-count: 1;
}
.our-differentiators .tab-contentclass ul li {
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 10px 0px 10px 0px;
  color: #707070;
}
.our-differentiators .tab-contentclass ul li strong {
  font-weight: 600;
}
.our-differentiators .tab-class .active {
  background: #E3E3E3 !important;
}
.our-differentiators .tab-class .active h3:after {
  font-family: "Font Awesome 6 Free";
  content: "\f054" !important;
  font-weight: 900;
  border: 0px solid #ccc;
  padding: 0px 11px;
  background: #fff;
  border-radius: 4px;
}
.our-differentiators .tab-class button {
  display: flex;
  align-items: center;
  background-color: inherit;
  color: #000;
  padding: 0px 20px 0px 0px;
  width: 100%;
  border: none;
  outline: none;
  text-align: left;
  cursor: pointer;
  transition: 0.3s;
  font-size: 17px;
  background: #FFFFFF;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 4px;
  margin: 0px 0px 25px 0px;
  border: 1px solid #ccc;
}
.our-differentiators .tab-class button .img-border {
  height: 4.625rem;
  width: 4.625rem;
  border-radius: 50%;
  padding: 5px;
  margin: 5px;
}
.our-differentiators .tab-class button h3 {
  text-align: left;
  font-size: 22px;
  line-height: 33px;
  font-weight: 600;
  letter-spacing: 0;
  color: #707070;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.our-differentiators .tab-class button h3:after {
  font-family: "Font Awesome 6 Free";
  content: "\f078" !important;
  font-weight: 900;
  border: 0px solid #ccc;
  padding: 0px 7px;
  background: #ccc;
  border-radius: 4px;
}

.our-diff-card .col-sm-3 .card {
  min-height: 100%;
}
.our-diff-card .col-sm-3:nth-child(1) .card {
  background: linear-gradient(0deg, rgba(0, 56, 101, 0.75), rgba(0, 56, 101, 0.75)), url("../images/our-diff/saas-concept-collage.jpg");
  background-size: cover;
}
.our-diff-card .col-sm-3:nth-child(2) .card {
  background: linear-gradient(0deg, rgba(0, 56, 101, 0.75), rgba(0, 56, 101, 0.75)), url("../images/our-diff/medical-banner.jpg");
  background-size: cover;
}
.our-diff-card .col-sm-3:nth-child(3) .card {
  background: linear-gradient(0deg, rgba(0, 56, 101, 0.75), rgba(0, 56, 101, 0.75)), url("../images/our-diff/technician-control.jpg");
  background-size: cover;
}
.our-diff-card .col-sm-3:nth-child(4) .card {
  background: linear-gradient(0deg, rgba(0, 56, 101, 0.75), rgba(0, 56, 101, 0.75)), url("../images/our-diff/5g-network.jpg");
  background-size: cover;
}
.our-diff-card .card-content {
  text-align: center;
  padding: 10% 5% 5%;
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.our-diff-card .card-content p {
  color: white;
  font-size: 18px;
  line-height: 30px;
  font-weight: 500;
}

.single-pressroom .blog-body h2 {
  margin: 20px 0px 10px 10px !important;
}
.single-pressroom .blog-body .container {
  border-bottom: 0px solid #C5C5C5 !important;
}

/******who-we-are-stats****/
.new-who-we-are-stats {
  background-color: #003865;
  z-index: 999;
  position: relative;
  margin-top: 0rem;
  border-top: 1px solid #6688a3;
}
.new-who-we-are-stats .col {
  border-right: 1px solid #ededed;
}
.new-who-we-are-stats .col:last-child {
  border-right: 0px solid #ededed;
}
.new-who-we-are-stats h2 {
  font-size: 32px;
  line-height: 48px;
  letter-spacing: 0px;
  opacity: 1;
  text-align: left;
  font-weight: bold;
  padding: 0px;
  font-weight: 600;
}
.new-who-we-are-stats .stats-num {
  background-color: transparent;
  border-top: 0px solid #fff;
}
.new-who-we-are-stats .stats-num .counter-effect {
  display: flex;
  align-items: center;
}
.new-who-we-are-stats .stats-num .counter-effect i:before {
  font-size: 2vw;
  font-weight: bold;
  vertical-align: super;
  color: #fff;
}
.new-who-we-are-stats .stats-num .counter-text {
  text-align: center !important;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: #fff;
  margin: 0px auto 0px;
  display: inline-block;
}
.new-who-we-are-stats .stats-num p {
  font-size: 1.5vw;
  line-height: 3vw;
  letter-spacing: 0.56px;
  color: #fff;
  text-align: center;
}
.new-who-we-are-stats .stats-num .counter {
  font-size: 4vw;
  font-weight: bold;
  line-height: 5vw;
  letter-spacing: -0.38px;
  color: #fff;
  text-transform: capitalize;
  text-align: center;
}

@media screen and (max-width: 600px) {
  .new-who-we-are-stats .mx-5 {
    margin-right: 0rem !important;
    margin-left: 0rem !important;
  }
  .new-who-we-are-stats .stats-num {
    border-top: 0px solid #fff;
    margin: 10px;
  }
  .new-who-we-are-stats .stats-num .col:nth-child(2), .new-who-we-are-stats .stats-num .col:nth-child(3), .new-who-we-are-stats .stats-num .col:nth-child(4) {
    border-top: 1px solid #fff;
  }
  .new-who-we-are-stats .stats-num .counter-effect i:before {
    font-size: 6vw;
  }
  .new-who-we-are-stats .stats-num .counter {
    font-size: 10vw;
    line-height: 12vw;
  }
  .new-who-we-are-stats .stats-num .col {
    border-right: 0px solid #fff;
    margin: 10px;
    padding: 10px;
  }
}
.who-we-are-stats {
  background-color: #003865;
  z-index: 999;
  position: relative;
}
.who-we-are-stats .counter-effect {
  display: flex;
  align-items: center;
}
.who-we-are-stats .counter-effect i:before {
  font-size: 48px;
  font-weight: bold;
  vertical-align: super;
  color: #fff;
}
.who-we-are-stats .counter-text {
  padding: 10px 0px 20px;
  text-align: left;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: #fff;
}
.who-we-are-stats p {
  font-size: 24px;
  line-height: 36px;
  letter-spacing: 0.56px;
  color: #fff;
  text-align: left;
}
.who-we-are-stats .counter {
  font-size: 90px;
  font-weight: bold;
  line-height: 90px;
  letter-spacing: -0.38px;
  color: #fff;
  text-transform: capitalize;
}

@media screen and (max-width: 600px) {
  .who-we-are-stats .counter-effect {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .who-we-are-stats p {
    text-align: center;
    font-size: 18px !important;
    line-height: 27px !important;
  }
}
@media (max-width: 1440px) and (min-width: 601px) {
  .who-we-are-stats .counter {
    font-size: 64px;
    font-weight: bold;
    line-height: 64px;
    letter-spacing: -0.38px;
    color: #fff;
    text-transform: capitalize;
  }
  .who-we-are-stats .counter-effect {
    display: flex;
    align-items: center;
  }
  .who-we-are-stats p {
    font-size: 20px !important;
    line-height: 30px !important;
  }
}
/******who-we-are-stats****/
/****** key-industries **********/
.key-industries {
  background: #fff;
}
.key-industries h2 {
  color: #000 !important;
  text-align: left;
}
.key-industries p {
  text-align: left;
}
.key-industries .container-fluid .row, .key-industries .container-xl .row, .key-industries .container-xxl .row {
  display: flex;
  border: 1px solid #d2d7db;
}
.key-industries .container-fluid .row .col, .key-industries .container-xl .row .col, .key-industries .container-xxl .row .col {
  flex: 1;
  border-right: 1px solid #d2d7db;
  height: 600px;
  transition: all 0.5s ease-out;
  position: relative;
  margin: 0px;
}
.key-industries .container-fluid .row .col:hover, .key-industries .container-xl .row .col:hover, .key-industries .container-xxl .row .col:hover {
  flex: 1.2;
  /*            .industry-icon{
                  .icon-box{
                      background-color: #003865!important;
                  }
              }
                  */
}
.key-industries .container-fluid .row .col:hover .industry-img img, .key-industries .container-xl .row .col:hover .industry-img img, .key-industries .container-xxl .row .col:hover .industry-img img {
  transform: scale(1.2);
  filter: grayscale(0) !important;
}
.key-industries .container-fluid .row .col:hover .industry-overlay, .key-industries .container-xl .row .col:hover .industry-overlay, .key-industries .container-xxl .row .col:hover .industry-overlay {
  opacity: 1 !important;
  pointer-events: auto;
}
.key-industries .container-fluid .row .col .industry, .key-industries .container-xl .row .col .industry, .key-industries .container-xxl .row .col .industry {
  text-align: center;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.key-industries .container-fluid .row .col .industry .industry-icon, .key-industries .container-xl .row .col .industry .industry-icon, .key-industries .container-xxl .row .col .industry .industry-icon {
  margin: 3rem 0rem 4rem;
}
.key-industries .container-fluid .row .col .industry .industry-icon .icon-box, .key-industries .container-xl .row .col .industry .industry-icon .icon-box, .key-industries .container-xxl .row .col .industry .industry-icon .icon-box {
  width: 80px;
  height: 80px;
  border-radius: 4px;
  margin: 2rem auto 1rem;
}
.key-industries .container-fluid .row .col .industry .industry-icon .industry-title, .key-industries .container-xl .row .col .industry .industry-icon .industry-title, .key-industries .container-xxl .row .col .industry .industry-icon .industry-title {
  font-weight: 600;
  color: #000;
  font-size: 20px;
  height: 20px;
}
.key-industries .container-fluid .row .col .industry .industry-img, .key-industries .container-xl .row .col .industry .industry-img, .key-industries .container-xxl .row .col .industry .industry-img {
  height: 100%;
  max-height: 400px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  overflow: hidden;
}
.key-industries .container-fluid .row .col .industry .industry-img img, .key-industries .container-xl .row .col .industry .industry-img img, .key-industries .container-xxl .row .col .industry .industry-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  filter: grayscale(1);
}
.key-industries .container-fluid .row .col .industry .industry-img .industry-overlay, .key-industries .container-xl .row .col .industry .industry-img .industry-overlay, .key-industries .container-xxl .row .col .industry .industry-img .industry-overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  padding: 5% 5%;
  display: flex;
  align-items: end;
  justify-content: center;
  text-align: center;
  opacity: 0;
}
.key-industries .container-fluid .row .col .industry .industry-img .industry-overlay p, .key-industries .container-xl .row .col .industry .industry-img .industry-overlay p, .key-industries .container-xxl .row .col .industry .industry-img .industry-overlay p {
  margin-bottom: 1rem;
  color: #fff;
  font-size: 16px;
  line-height: 24px;
}
.key-industries .container-fluid .row .col .industry .industry-img .industry-overlay ul li, .key-industries .container-xl .row .col .industry .industry-img .industry-overlay ul li, .key-industries .container-xxl .row .col .industry .industry-img .industry-overlay ul li {
  color: #fff;
  text-align: left;
  font-size: 16px;
  line-height: 24px;
  text-transform: none;
  opacity: 1;
  margin-left: 1rem;
}
.key-industries .container-fluid .row .col .industry .industry-img .industry-overlay a, .key-industries .container-xl .row .col .industry .industry-img .industry-overlay a, .key-industries .container-xxl .row .col .industry .industry-img .industry-overlay a {
  color: #fff;
  text-decoration: underline;
  font-size: 18px;
  font-weight: 600;
}
.key-industries .container-fluid .row .col .industry .industry-img .industry-overlay a:after, .key-industries .container-xl .row .col .industry .industry-img .industry-overlay a:after, .key-industries .container-xxl .row .col .industry .industry-img .industry-overlay a:after {
  content: "\f061";
  font-family: "font awesome 6 free";
  font-weight: 600;
  padding: 10px;
}
.key-industries .col:nth-child(1) .industry:hover .industry-img .industry-overlay {
  background-color: rgba(0, 0, 0, 0.6);
}
.key-industries .col:nth-child(2) .industry:hover .industry-img .industry-overlay {
  background-color: rgba(69, 10, 4, 0.6);
}
.key-industries .col:nth-child(3) .industry:hover .industry-img .industry-overlay {
  background-color: rgba(0, 0, 0, 0.6);
}
.key-industries .col:nth-child(4) .industry:hover .industry-img .industry-overlay {
  background-color: rgba(69, 10, 4, 0.6);
}
.key-industries .col:nth-child(5) .industry:hover .industry-img .industry-overlay {
  background-color: rgba(0, 0, 0, 0.6);
}

@media (max-width: 768px) {
  .horizontal-scroll {
    overflow-x: auto;
    white-space: nowrap;
  }
  .horizontal-scroll .row {
    flex-wrap: nowrap;
  }
  .horizontal-scroll .col {
    flex: 0 0 auto !important;
    width: 400px !important; /* Adjust width as needed */
  }
  .horizontal-scroll .row {
    border: 0px !important;
  }
  .horizontal-scroll .col:nth-child(1) {
    border-top: 1px solid #d2d7db !important;
    border-left: 1px solid #d2d7db !important;
    border-bottom: 1px solid #d2d7db !important;
    border-right: 1px solid #d2d7db !important;
  }
  .horizontal-scroll .col:nth-child(2), .horizontal-scroll .col:nth-child(3), .horizontal-scroll .col:nth-child(4), .horizontal-scroll .col:nth-child(5) {
    border-top: 1px solid #d2d7db !important;
    border-bottom: 1px solid #d2d7db !important;
  }
  .horizontal-scroll::-webkit-scrollbar {
    height: 8px; /* Height of horizontal scrollbar */
  }
  .horizontal-scroll::-webkit-scrollbar-track {
    background: #ddd !important; /* Track background */
  }
  .horizontal-scroll::-webkit-scrollbar-thumb {
    background: #E22D00 !important; /* Thumb color */
    border-radius: 4px; /* Rounded edges */
  }
  .horizontal-scroll::-webkit-scrollbar-thumb:hover {
    background: #E22D00 !important; /* Darker on hover */
  }
  .horizontal-scroll {
    scrollbar-width: 8px;
    scrollbar-color: #ddd !important;
  }
}
/****WHAT WE OFFER************/
/***Why Choose Veltris ***/
.why-choose-veltris {
  background-color: #fff;
  scroll-margin-top: 2em;
  top: 3vw;
  position: relative;
}
.why-choose-veltris .inner-col {
  position: relative;
  width: 100%;
}
.why-choose-veltris .inner-col .inner-img {
  width: 90px;
  height: 90px;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  border: 1px solid #003865;
  margin: 0px auto 20px;
  border-radius: 100px;
}
.why-choose-veltris .inner-col .inner-img img {
  width: 50px;
  height: auto;
  text-align: center;
}
.why-choose-veltris .inner-col p {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

/***Why Choose Veltris ***/
/****Technology Towers***/
/***
.technology-towers{
    background-color: #f5f5f5;
    scroll-margin-top: 2em;
    top: 3vw;
    position: relative;
    .technology-towers-row{
        .col{
            overflow: hidden;
            transition: all 0.3s ease-in-out;
            padding: 4px;
            float: left;
            position: relative;
            width: 30%;
            max-width: 30%;
            flex: 30%;
            margin: 5px 6px 8px 6px;
            border: 1px solid #d4d4d4;
            background: #fff;
            &:hover .card-logo-front {
                transform: translateY(105%);
            }
            &:hover .card-logo-back {
                transform: translateY(7%);
            }
            img{
                display: block;
                width: 100%;
            }
            .card-logo-front{
                    transition: all 0.3s linear;
                    width: 100%;
                    height: 100%;
            }
            .card-logo-back{
                width: 100%;
                height: 100%;
                transform: translateY(-105%);
                position: absolute;
                left: 0;
                top: 0;
                transition: all .4s ease;
                z-index: 1;
            }
        }
    }
}
    ****/
.technology-tower {
  background-color: #003865;
  color: white;
  text-align: center;
}
.technology-tower h2 {
  text-align: center;
  color: white;
}
.technology-tower .box {
  background-color: white;
  height: auto;
  border-radius: 4px;
  margin: 10px;
  display: flex;
  justify-content: center;
}
.technology-tower .box img {
  max-width: 100%;
  width: 150px;
  height: auto;
  padding: 10px;
}
.technology-tower .partner-logo {
  background-color: white;
  padding: 10px;
  border-radius: 4px;
  margin: 10px;
  width: 200px;
  height: 100px;
  display: flex;
  justify-content: center;
}
.technology-tower .partner-logo img {
  max-width: 100%;
  height: auto;
  padding: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}

/****Technology Towers***/
/****our-success-stories****/
.our-success-stories {
  background-color: #000;
  scroll-margin-top: 2em;
  top: 3vw;
  position: relative;
}
.our-success-stories h2 {
  color: #fff !important;
}
.our-success-stories h3 {
  color: #fff !important;
  margin-bottom: 30px;
}
.our-success-stories p {
  color: #fff !important;
  margin: 30px 0px;
}
.our-success-stories a {
  background-color: #00B5E2;
  font-size: 16px;
  font-family: "Open Sans", sans-serif !important;
  letter-spacing: 0.5px;
  padding: 15px 20px;
  border: 1px solid #00B5E2;
  border-radius: 4px;
  text-decoration: none !important;
  text-transform: uppercase;
  line-height: 20px;
  text-align: center;
  color: #FFFFFF;
  opacity: 1;
  transition-duration: 0.5s;
}
.our-success-stories .overview-content {
  background: transparent;
  color: #fff;
  box-shadow: none;
}
.our-success-stories .overview-content.p-5 {
  position: relative;
  width: 130%;
  right: 0px;
}
.our-success-stories .carousel-indicators {
  justify-content: left !important;
  right: auto !important;
  margin-bottom: 4rem !important;
  margin-left: 3% !important;
}
.our-success-stories .carousel-indicators [data-bs-target] {
  width: 24px !important;
  height: 6px !important;
  background-color: #fff !important;
  padding: 0 !important;
  border-radius: 12px !important;
  font-size: 0 !important;
  border: none !important;
}

/****our-success-stories****/
/***insights-section***/
.insights-section {
  background-color: #fff;
  scroll-margin-top: 2em;
  top: 3vw;
  position: relative;
}
.insights-section .card {
  background-color: #f5f5f5;
  text-align: center;
  padding-bottom: 15px;
  transition: transform 0.5s ease;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.insights-section .card .card-img {
  overflow: hidden;
}
.insights-section .card .card-img img {
  transform: scale(1);
  transition: all 0.5s ease;
  overflow: hidden;
  display: block;
}
.insights-section .card:hover .card-img img {
  transition: all 0.5s ease;
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.insights-section .card h5 {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
  color: #4c4747;
}
.insights-section .card p {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  text-transform: none;
  font-weight: bold;
  color: #4c4747;
}
.insights-section .card a {
  color: #4c4747;
  border-bottom: 3px solid #000;
  text-transform: capitalize;
  padding-bottom: 5px;
  font-weight: 600;
}
.insights-section .card a:after {
  content: "\f061";
  font-family: "font awesome 6 free";
  display: inline-block;
  margin: 0.4rem;
  color: #4c4747;
  font-weight: 600;
}

/***insights-section***/
/****other-services***/
.other-services {
  background: #000;
  scroll-margin-top: 2em;
  top: 3vw;
  position: relative;
}
.other-services h2 {
  color: #fff;
}
.other-services .card {
  background-color: #000;
  text-align: center;
  padding: 15px;
  transition: transform 0.5s ease;
  border: 1px solid #fff;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.other-services .card .card-img {
  overflow: hidden;
}
.other-services .card .card-img img {
  transform: scale(1);
  transition: all 0.5s ease;
  overflow: hidden;
  display: block;
}
.other-services .card:hover .card-img img {
  transition: all 0.5s ease;
  transform: scale(1.1); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}
.other-services .card h5 {
  text-align: center;
  font-size: 20px;
  line-height: 30px;
  font-weight: 500;
  color: #fff;
}
.other-services .card p {
  text-align: center;
  font-size: 16px;
  line-height: 24px;
  text-transform: none;
  font-weight: 400;
  color: #fff;
}
.other-services .card a {
  color: #fff;
  border-bottom: 3px solid #fff;
  text-transform: capitalize;
  padding-bottom: 5px;
  font-weight: 600;
}
.other-services .card a:after {
  content: "\f061";
  font-family: "font awesome 6 free";
  display: inline-block;
  margin: 0.4rem;
  color: #fff;
  font-weight: 600;
}

/****other-services***/
/***services-form***/
.services-form h3 {
  padding-bottom: 20px;
}

/***services-form**/
/****core-values-new******/
.page-template-careers .zoho-iframe {
  background-color: #E8E8E8;
}
.page-template-careers .core-values-new {
  background-color: #fff;
}
.page-template-careers .video_container {
  background-color: #fff;
}
.page-template-careers .employee-say {
  background-color: #E6E7E8;
}
.page-template-careers .upload_resume {
  background-color: #fff;
}

.core-values-new {
  background-color: #E6E7E8;
  scroll-margin-top: 2em;
  top: 0vw;
  position: relative;
}
.core-values-new .inner-col {
  position: relative;
  width: 100%;
}
.core-values-new .inner-col .inner-img {
  width: 70px;
  height: 70px;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  border: 2px solid #003865;
  margin: 0px auto 20px;
  border-radius: 100px;
}
.core-values-new .inner-col .inner-img img {
  width: 50px;
  height: auto;
  text-align: center;
}
.core-values-new .inner-col h3 {
  color: #000;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  font-weight: 500;
}
.core-values-new .inner-col p {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}

/****core-values-new******/
/****What we do***/
.page-template-healthcare-lifescience .who-we-serve, .page-template-healthcare-lifescience .reimagining {
  scroll-margin-top: 2em;
  top: 3vw;
  position: relative;
}

.healthcare #design .col-xl-6 .card, .healthcare-lifesciences #design .col-xl-6 .card {
  min-height: 100%;
}
.healthcare #digital .col-xl-6 .card, .healthcare-lifesciences #digital .col-xl-6 .card {
  min-height: 100%;
}
.healthcare #data .col-xl-6 .card, .healthcare-lifesciences #data .col-xl-6 .card {
  min-height: 100%;
}
.healthcare #ai .col-xl-6 .card, .healthcare-lifesciences #ai .col-xl-6 .card {
  min-height: 100%;
}

.financial-services #design .col-xl-6 .card, .financial-pubsec-services #design .col-xl-6 .card {
  min-height: 100%;
}
.financial-services #digital .col-xl-6 .card, .financial-pubsec-services #digital .col-xl-6 .card {
  min-height: 100%;
}
.financial-services #data .col-xl-6 .card, .financial-pubsec-services #data .col-xl-6 .card {
  min-height: 100%;
}
.financial-services #ai .col-xl-6 .card, .financial-pubsec-services #ai .col-xl-6 .card {
  min-height: 100%;
}

.tech-platforms #design .col-xl-6 .card {
  min-height: 100%;
}
.tech-platforms #digital .col-xl-6 .card {
  min-height: 100%;
}
.tech-platforms #data .col-xl-6 .card {
  min-height: 100%;
}
.tech-platforms #ai .col-xl-6 .card {
  min-height: 100%;
}

.communications-media #design .col-xl-6 .card, .technology-communications-media #design .col-xl-6 .card {
  min-height: 100%;
}
.communications-media #digital .col-xl-6 .card, .technology-communications-media #digital .col-xl-6 .card {
  min-height: 100%;
}
.communications-media #data .col-xl-6 .card, .technology-communications-media #data .col-xl-6 .card {
  min-height: 100%;
}
.communications-media #ai .col-xl-6 .card, .technology-communications-media #ai .col-xl-6 .card {
  min-height: 100%;
}

.diversified-industrials #design .col-xl-6 .card {
  min-height: 100%;
}
.diversified-industrials #digital .col-xl-6 .card {
  min-height: 100%;
}
.diversified-industrials #data .col-xl-6 .card {
  min-height: 100%;
}
.diversified-industrials #ai .col-xl-6 .card {
  min-height: 100%;
}

/****What we do***/
.upload_resume {
  background-color: #fff;
}

/***csr***/
.gallery-lightbox {
  background: #f5f5f5;
}

/***csr***/
/****page-template-schedule-a-free-consultation***/
.page-template-schedule-a-free-consultation {
  background-color: #003865 !important;
}
.page-template-schedule-a-free-consultation .contact-bg {
  background: transparent !important;
  background-image: none !important;
}
.page-template-schedule-a-free-consultation nav {
  display: none !important;
  visibility: hidden !important;
}
.page-template-schedule-a-free-consultation .lets-talk, .page-template-schedule-a-free-consultation .mobile-menu, .page-template-schedule-a-free-consultation .menu-btn {
  display: none !important;
  visibility: hidden !important;
}
.page-template-schedule-a-free-consultation footer, .page-template-schedule-a-free-consultation .footer-bottom {
  display: none !important;
  visibility: hidden !important;
}

@media (max-width: 600px) {
  .page-template-schedule-a-free-consultation .pt-5 {
    padding-top: 0px !important;
  }
  .page-template-schedule-a-free-consultation h1.contact-heading {
    font-size: 32px !important;
    line-height: 48px !important;
    padding: 1rem 2rem 1rem !important;
    margin-bottom: 2rem !important;
  }
  .page-template-schedule-a-free-consultation h2.contact-heading {
    font-size: 25px !important;
    line-height: 37px !important;
    padding: 1rem 2rem !important;
    margin-bottom: 2rem !important;
  }
}
/***page-template-schedule-a-free-consultation***/
/***page-template-thank-you-iccfa***/
.page-template-thank-you-iccfa nav {
  display: none !important;
  visibility: hidden !important;
}
.page-template-thank-you-iccfa .lets-talk, .page-template-thank-you-iccfa .mobile-menu, .page-template-thank-you-iccfa .menu-btn {
  display: none !important;
  visibility: hidden !important;
}
.page-template-thank-you-iccfa footer, .page-template-thank-you-iccfa .footer-bottom {
  display: none !important;
  visibility: hidden !important;
}
.page-template-thank-you-iccfa .want-to-explore {
  display: none !important;
  visibility: hidden !important;
}

@media (max-width: 600px) {
  .page-template-thank-you-iccfa .masthead {
    height: 45vh;
    min-height: 500px;
    background-image: none !important;
  }
}
/***page-template-thank-you-iccfa**/
/***our-services Home page***/
.our-services {
  background-color: #fff;
}
.our-services h2 {
  text-align: center;
}
.our-services .our-services-list .card {
  background-color: #E6E7E8;
  padding: 20px;
  border-radius: 4px;
  min-height: 100%;
  transition: all 0.3s ease;
  width: 100%;
  display: flex;
  align-items: start;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: column;
  position: relative;
}
.our-services .our-services-list .card h3 {
  font-size: 22px;
  line-height: 33px;
  font-weight: 700;
  color: #000;
  padding: 1rem 0rem 0rem;
}
.our-services .our-services-list .card p {
  color: #000;
  padding: 1rem 0rem;
  font-size: 18px;
  line-height: 27px;
}
.our-services .our-services-list .card a {
  color: #000;
  text-decoration: none;
  font-size: 20px;
  font-weight: 600;
}
.our-services .our-services-list .card a:after {
  content: "\f061";
  font-family: "font awesome 6 free";
  font-weight: 600;
  padding: 10px;
  color: #e63900;
}
.our-services .our-services-list .card:hover {
  background-color: #e63900;
}
.our-services .our-services-list .card:hover h3, .our-services .our-services-list .card:hover p {
  color: #fff;
}
.our-services .our-services-list .card:hover a {
  color: #fff;
}
.our-services .our-services-list .card:hover a:after {
  color: #fff;
}

/***our-services Home page***/
/****contact-veltris***/
.contact-veltris {
  background: url("../images/connect-with-us.png") no-repeat 20% top/cover !important;
}
.contact-veltris .contact-veltris-form {
  background-color: #fff;
  padding: 2rem;
  border-radius: 4px;
}
.contact-veltris .contact-veltris-form h2 {
  color: #003865;
  padding-bottom: 10px;
}
.contact-veltris .contact-veltris-form h3 {
  color: #000 !important;
  font-size: 26px;
  line-height: 39px;
  font-weight: bold;
  padding: 0px 0px 20px;
  text-align: center;
}
.contact-veltris .contact-veltris-form .unlock-transformative-results input[type=submit] {
  margin: 0px auto 0px !important;
  background-color: #E22D00 !important;
}
.contact-veltris .contact-veltris-form label {
  display: none;
}
.contact-veltris .contact-veltris-form input[type=text], .contact-veltris .contact-veltris-form input[type=email], .contact-veltris .contact-veltris-form input[type=tel] {
  width: 100%;
  height: 40px;
  font-size: 14px;
  padding: 0px 10px;
  border: 1px solid #ccc !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
  border-radius: 4px;
}
.contact-veltris .contact-veltris-form select {
  width: 100%;
  height: 40px;
  font-size: 14px;
  padding: 0px 10px;
  border: 1px solid #ccc !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
  border-radius: 4px;
}
.contact-veltris .contact-veltris-form input[type=checkbox] {
  height: 20px;
  width: 20px !important;
  background-color: #eee;
  margin: 0px 10px 0px 0px;
  border: 1px solid #ccc !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
  border-radius: 4px;
}
.contact-veltris .contact-veltris-form input[type=checkbox]:checked {
  accent-color: #fff;
}
.contact-veltris .contact-veltris-form .hs-error-msgs {
  list-style: none;
  padding: 10px 0px 0px;
}
.contact-veltris .contact-veltris-form .hs-error-msgs li label {
  color: red;
  font-size: 12px;
}
.contact-veltris .contact-veltris-form textarea {
  width: 100% !important;
  height: 120px;
  padding: 10px 10px;
  border: 1px solid #ccc !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
  border-radius: 4px;
}
.contact-veltris .contact-veltris-form .hs-error-msg {
  color: red !important;
  display: block;
  list-style: none;
  font-size: 12px;
}
.contact-veltris .contact-veltris-form fieldset {
  padding: 15px 0px 15px;
  max-width: 100%;
}
.contact-veltris .contact-veltris-form input::-moz-placeholder, .contact-veltris .contact-veltris-form textarea::-moz-placeholder {
  color: black;
  padding: 5px;
  font-size: 14px;
}
.contact-veltris .contact-veltris-form input::placeholder, .contact-veltris .contact-veltris-form textarea::placeholder {
  color: black;
  padding: 5px;
  font-size: 14px;
}
.contact-veltris .contact-veltris-form .inputs-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.contact-veltris .contact-veltris-form .inputs-list li {
  padding: 5px 0px;
}
.contact-veltris .contact-veltris-form .inputs-list label {
  display: block !important;
  color: black;
}
.contact-veltris .contact-veltris-form .inputs-list label span {
  color: black !important;
}
.contact-veltris .contact-veltris-form input[type=submit] {
  color: #FFF !important;
  border: 1px solid #E22D00 !important;
  background-color: #E22D00;
  padding: 10px 30px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  width: auto;
  margin: 0px auto 0px;
  display: block;
}

/****contact-veltris***/
/***Insight Page Left menu***/
.menu-resources-menu {
  list-style: none;
  width: 100%;
  padding: 0px;
  margin: 0px;
}
.menu-resources-menu li {
  background-color: transparent !important;
  border-top: 0px solid #121212 !important;
  border-bottom: 0px solid #121212 !important;
  border-left: 2px solid transparent !important;
  border-right: 0px solid #121212 !important;
  color: #000000 !important;
  text-align: left;
  font-size: 24px;
  line-height: 32px;
  font-weight: normal;
  opacity: 0.4;
  letter-spacing: 0.48px;
  border-radius: 0px;
  padding: 10px 15px !important;
  text-transform: capitalize;
}
.menu-resources-menu li a {
  color: #000;
  opacity: 1;
}
.menu-resources-menu .current-menu-item {
  background-color: rgba(0, 0, 0, 0.031372549) !important;
  border-top: 0px solid #121212 !important;
  border-bottom: 0px solid #121212 !important;
  border-left: 2px solid #00B5E2 !important;
  border-right: 0px solid #121212 !important;
  color: #000000 !important;
  text-align: left;
  font-size: 24px;
  line-height: 32px;
  font-weight: normal;
  opacity: 1;
  letter-spacing: 0.48px;
  border-radius: 0px;
  padding: 10px 15px !important;
}

/***Insight Page Left menu***/
.page-template-digital-engineering .reimagining {
  background-color: #fff !important;
  margin-top: 0rem !important;
}
.page-template-digital-engineering .reimagining .casestudies-carousel .slick-slide .card {
  background: #E6E7E8 !important;
}

.customformcss label {
  display: none !important;
}
.customformcss input[type=text] {
  width: 100% !important;
  height: 40px !important;
}
.customformcss .hs-error-msg {
  color: red !important;
}

/***CXO guide***/
.cxo_guide_form .gform_validation_errors {
  display: none;
}
.cxo_guide_form .hbspt-form {
  border: 1px solid #ccc;
  padding: 1rem 2rem 2rem;
  border-radius: 4px;
  background-color: #fff;
}
.cxo_guide_form .hbspt-form .submitted-message {
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
.cxo_guide_form label {
  display: none;
}
.cxo_guide_form input[type=text], .cxo_guide_form input[type=email], .cxo_guide_form input[type=tel] {
  width: 100%;
  height: 40px;
  font-size: 14px;
  border: 1px solid #ccc !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
  border-radius: 4px;
  padding: 0px 10px;
}
.cxo_guide_form select {
  height: 40px;
  border: 1px solid #ccc !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
  border-radius: 4px;
}
.cxo_guide_form input[type=checkbox] {
  height: 20px;
  width: 20px;
  background-color: #eee;
  margin: 0px 10px 0px 0px;
}
.cxo_guide_form input[type=checkbox]:checked {
  accent-color: #fff;
}
.cxo_guide_form .hs-error-msgs {
  list-style: none;
  padding: 10px 0px 0px;
}
.cxo_guide_form .hs-error-msgs li label {
  color: red;
  font-size: 12px;
}
.cxo_guide_form textarea {
  width: 100% !important;
  height: 120px;
  border: 1px solid #ccc !important;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px !important;
  border-radius: 4px;
  padding: 10px 10px;
}
.cxo_guide_form .hs-error-msg {
  color: red !important;
  display: block;
  list-style: none;
  font-size: 12px;
}
.cxo_guide_form fieldset {
  padding: 15px 0px 15px !important;
  max-width: 100% !important;
}
.cxo_guide_form fieldset h2 {
  text-align: center !important;
}
.cxo_guide_form input::-moz-placeholder, .cxo_guide_form textarea::-moz-placeholder {
  color: black;
  padding: 5px;
  font-size: 14px;
}
.cxo_guide_form input::placeholder, .cxo_guide_form textarea::placeholder {
  color: black;
  padding: 5px;
  font-size: 14px;
}
.cxo_guide_form .inputs-list {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.cxo_guide_form .inputs-list li {
  padding: 5px 0px;
}
.cxo_guide_form .inputs-list label {
  display: block !important;
  color: black;
}
.cxo_guide_form .inputs-list label span {
  color: black !important;
}
.cxo_guide_form input[type=submit] {
  color: #FFF !important;
  border: 1px solid #E22D00 !important;
  background-color: #E22D00;
  padding: 10px 30px !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase !important;
  opacity: 1 !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  transition: 0.3s !important;
  width: auto;
  margin: 0px auto 0px;
  display: block;
}

.cxo-innerpage-banner h1.heading {
  font-size: 40px !important;
  line-height: 60px !important;
}

/***CXO Guide**/
/****Services***/
.services_list .serv_gird {
  background-color: #F5F5F5;
  padding: 10% 10% 5%;
  margin: 5% 2%;
  border-radius: 4px;
  transition: background-color 0.1s ease-out;
}
.services_list .serv_gird:hover {
  background-color: #262626;
}
.services_list .serv_gird:hover .serv_title {
  color: #fff;
}
.services_list .serv_gird a {
  text-align: center;
}
.services_list .serv_gird a .serv_img {
  padding: 15% 0;
}
.services_list .serv_gird a .serv_img img {
  border-radius: 50%;
  width: 200px;
  height: 200px;
}
.services_list .serv_gird a .serv_title {
  font-size: 21px;
  line-height: 32px;
  letter-spacing: 0px;
  color: #707070;
  font-weight: 600;
  text-align: left;
  margin-top: 0px !important;
  padding: 30px 0px 10px;
}
.services_list .serv_gird a .serv_title:after {
  font-family: "Font Awesome 6 Free";
  content: "\f061" !important;
  font-weight: 900;
  border: 0px solid #ccc;
  padding: 0px;
  background: transparent;
  border-radius: 4px;
  float: right;
  margin-top: 0px !important;
}
.services_list .serv_gird a:hover {
  background-color: #ccc;
}

/****Services***/
.faqs-content {
  background-color: #f5f5f5;
}
.faqs-content h2 {
  font-weight: 700;
  font-size: 1.875rem;
  line-height: 2.25rem;
  border-bottom: 2px solid rgb(0, 181, 226);
  padding-bottom: 0.5rem;
}
.faqs-content .accordion {
  height: auto;
}
.faqs-content .accordion ul li {
  font-size: 16px !important;
  line-height: 24px !important;
}
.faqs-content .accordion ul li strong {
  font-size: 16px !important;
  line-height: 24px !important;
}
.faqs-content a.more-faqs {
  color: #FFF !important;
  border: 1px solid #E22D00 !important;
  background-color: #E22D00;
  padding: 10px 10px !important;
  text-align: center;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
  margin: 2rem 0px 4rem !important;
  display: block;
  width: 140px !important;
  float: right;
}
.faqs-content a.more-faqs:after {
  content: "\f061";
  font-family: "font awesome 6 free";
  font-weight: 600;
  padding: 10px;
}
.faqs-content a.more-faqs:hover {
  background-color: #FFF;
  color: #E22D00 !important;
  border: 1px solid #E22D00 !important;
}
.faqs-content .accordion-item {
  background-color: #fff !important;
  border: 0px solid !important;
  border-radius: 4px !important;
  padding: 0rem 1.25rem;
  margin: 1.25rem 0rem;
}
.faqs-content .accordion-header {
  padding: 0px 0px !important;
  border: 0px solid #000 !important;
  font-size: 26px !important;
  line-height: 36px !important;
  letter-spacing: 0.2px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  font-weight: 500 !important;
  background-color: #fff !important;
}
.faqs-content .accordion-button::after {
  background-image: url("../images/arrow_down_lightblue.svg");
  background-repeat: no-repeat;
}
.faqs-content .accordion-button:not(.collapsed)::after {
  background-image: url("../images/arrow_down_lightblue.svg");
  background-repeat: no-repeat;
  transform: rotate(-180deg);
}
.faqs-content .accordion-button::after {
  background-image: url("../images/arrow_down_lightblue.svg");
  background-repeat: no-repeat;
}
.faqs-content .accordion-item .accordion-body p {
  font-size: 16px !important;
  line-height: 27px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  text-align: left;
  padding: 10px 0 0;
}
.faqs-content .accordion-item .accordion-body a {
  color: #FFF !important;
  border: 1px solid #E22D00 !important;
  background-color: #E22D00;
  padding: 10px 10px !important;
  text-align: center;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
  margin: 2rem 0px 1rem !important;
  display: block;
  width: 100px !important;
}
.faqs-content .accordion-item .accordion-body a:hover {
  background-color: #FFF;
  color: #E22D00 !important;
  border: 1px solid #E22D00 !important;
}
.faqs-content .accordion-item .accordion-button {
  color: black !important;
  font-size: 18px !important;
  line-height: 27px !important;
  background-color: #fff !important;
  /* Remove outline for non-keyboard :focus */
  /* Optional: Customize :focus-visible */
}
.faqs-content .accordion-item .accordion-button:active {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
.faqs-content .accordion-item .accordion-button.collapsed:active {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
.faqs-content .accordion-item .accordion-button:focus {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
.faqs-content .accordion-item .accordion-button.collapsed:focus {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
.faqs-content .accordion-item .accordion-button:focus:not(:focus-visible) {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}
.faqs-content .accordion-item .accordion-button:focus-visible {
  outline: 0px !important;
  border: 0px !important;
  box-shadow: none !important;
}

.faqs-stickytopics {
  margin: 0px;
  padding: 0px;
}
.faqs-stickytopics ul {
  list-style: none;
}
.faqs-stickytopics ul li {
  padding: 0.75rem 1rem;
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #374151;
  text-align: left;
  margin-bottom: 1rem;
  border-radius: 4px;
  vertical-align: middle;
}
.faqs-stickytopics ul li a {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #374151;
}
.faqs-stickytopics ul li:after, .faqs-stickytopics ul li:before {
  box-sizing: border-box;
  border-width: 0;
  border-style: solid;
  border-color: #e5e7eb;
}
.faqs-stickytopics ul li:hover {
  background-color: #f3f4f6;
}
.faqs-stickytopics ul .active {
  background-color: #dbeafe;
}

/*****Dental Care*****/
.page-template-dental-care .ecosystem .container h2 {
  text-align: left;
}
.page-template-dental-care .ecosystem .container p {
  text-align: left;
}
.page-template-dental-care .challenges {
  background-color: #fff;
}
.page-template-dental-care .challenges h2 {
  text-align: left;
}
.page-template-dental-care .challenges .col-md-12 p {
  text-align: left;
}
.page-template-dental-care .reimagining {
  margin-top: 0px !important;
}
.page-template-dental-care .reimagining h2 {
  text-align: left;
}
.page-template-dental-care .reimagining .col-md-12 h3 {
  text-align: left;
}
.page-template-dental-care .our-customers h2 {
  text-align: left;
}
.page-template-dental-care .market-trends {
  background-color: #f5f5f5;
}
.page-template-dental-care .market-trends h2 {
  text-align: left;
}
.page-template-dental-care .market-trends .col-md-12 p {
  text-align: left;
}
.page-template-dental-care .market-trends .container .row .col-md-6 {
  padding-bottom: 2rem;
}
.page-template-dental-care .market-trends .container .row .col-md-6 .card {
  min-height: 28vw !important;
  border: 2px solid #e4e4e4;
  border-radius: 4px;
  position: relative;
  cursor: pointer;
}
.page-template-dental-care .market-trends .container .row .col-md-6 .card:before {
  content: "";
  position: absolute;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  top: calc(1px / -1);
  left: calc(1px / -1);
  background: linear-gradient(to right, #00B5E2 0%, #00B5E2 100%), linear-gradient(to top, #00B5E2 50%, transparent 50%), linear-gradient(to top, #00B5E2 50%, transparent 50%), linear-gradient(to right, #00B5E2 0%, #00B5E2 100%), linear-gradient(to left, #00B5E2 0%, #00B5E2 100%);
  background-size: 100% 1px, 1px 200%, 1px 200%, 0% 1px, 0% 1px;
  background-position: 50% 100%, 0% 0%, 100% 0%, 100% 0%, 0% 0%;
  background-repeat: no-repeat, no-repeat;
  transition: transform 0.2s ease-in-out, background-position 0.2s ease-in-out, background-size 0.2s ease-in-out;
  transform: scaleX(0) rotate(180deg);
  transition-delay: 0.4s, 0.2s, 0s;
  border-radius: 4px;
}
.page-template-dental-care .market-trends .container .row .col-md-6 .card:hover:before {
  background-size: 200% 1px, 1px 400%, 1px 400%, 55% 1px, 55% 1px;
  background-position: 50% 100%, 0% 100%, 100% 100%, 100% 0%, 0% 0%;
  transform: scaleX(1) rotate(180deg);
  transition-delay: 0s, 0.2s, 0.4s;
  border-radius: 4px;
}
.page-template-dental-care .market-trends .container .row .col-md-6 .card .card-img-top {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.page-template-dental-care .market-trends .container .row .col-md-6 .card .card-body {
  transition: transform 250ms !important;
}
.page-template-dental-care .market-trends .container .row .col-md-6 .card .card-body h3 {
  color: #1276cd;
}
.page-template-dental-care .market-trends .container .row .col-md-6 .card .card-body p {
  text-transform: none;
  font-size: 18px !important;
  line-height: 27px !important;
  font-weight: normal !important;
}

.foundation {
  background-color: #fff !important;
  margin-top: 3rem;
}
.foundation h2 {
  color: black !important;
  text-align: left;
}
.foundation h3 {
  color: black !important;
  text-align: center;
  font-weight: 600;
}
.foundation p {
  color: black !important;
  text-align: left;
}
.foundation .container .stats-num .box, .foundation .container-fluid .stats-num .box, .foundation .container-xl .stats-num .box, .foundation .container-xxl .stats-num .box {
  background-color: #f5f5f5;
  border-radius: 4px;
  margin: 1rem;
  padding: 1rem;
  border: 1px solid #ccc;
}
.foundation .container .stats-num .box:hover, .foundation .container-fluid .stats-num .box:hover, .foundation .container-xl .stats-num .box:hover, .foundation .container-xxl .stats-num .box:hover {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.foundation .container .stats-num .counter-effect, .foundation .container-fluid .stats-num .counter-effect, .foundation .container-xl .stats-num .counter-effect, .foundation .container-xxl .stats-num .counter-effect {
  display: flex;
  align-items: center;
}
.foundation .container .stats-num .counter-effect .fa-k:before, .foundation .container .stats-num .counter-effect .fa-m:before, .foundation .container-fluid .stats-num .counter-effect .fa-k:before, .foundation .container-fluid .stats-num .counter-effect .fa-m:before, .foundation .container-xl .stats-num .counter-effect .fa-k:before, .foundation .container-xl .stats-num .counter-effect .fa-m:before, .foundation .container-xxl .stats-num .counter-effect .fa-k:before, .foundation .container-xxl .stats-num .counter-effect .fa-m:before {
  font-size: 35px;
  font-weight: bold;
  color: #003865;
}
.foundation .container .stats-num .counter-effect .fa-plus:before, .foundation .container-fluid .stats-num .counter-effect .fa-plus:before, .foundation .container-xl .stats-num .counter-effect .fa-plus:before, .foundation .container-xxl .stats-num .counter-effect .fa-plus:before {
  font-size: 26px;
  font-weight: bold;
  vertical-align: super;
  color: #003865;
}
.foundation .container .stats-num .foundation-icon, .foundation .container-fluid .stats-num .foundation-icon, .foundation .container-xl .stats-num .foundation-icon, .foundation .container-xxl .stats-num .foundation-icon {
  text-align: center;
  font-size: 2rem;
  color: #003865;
}
.foundation .container .stats-num .counter-text, .foundation .container-fluid .stats-num .counter-text, .foundation .container-xl .stats-num .counter-text, .foundation .container-xxl .stats-num .counter-text {
  text-align: center !important;
  font-size: 20px;
  font-weight: 600;
  line-height: 30px;
  letter-spacing: 0.15px;
  color: #003865;
  margin: 0px auto 0px;
  display: block;
}
.foundation .container .stats-num p, .foundation .container-fluid .stats-num p, .foundation .container-xl .stats-num p, .foundation .container-xxl .stats-num p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 600;
  letter-spacing: 0.56px;
  color: #003865 !important;
  text-align: center;
}
.foundation .container .stats-num .counter, .foundation .container-fluid .stats-num .counter, .foundation .container-xl .stats-num .counter, .foundation .container-xxl .stats-num .counter {
  font-size: 46px;
  font-weight: bold;
  line-height: 69px;
  letter-spacing: -0.38px;
  color: #003865;
  text-transform: capitalize;
  text-align: center;
}
.foundation .container .stats-num .counter-new, .foundation .container-fluid .stats-num .counter-new, .foundation .container-xl .stats-num .counter-new, .foundation .container-xxl .stats-num .counter-new {
  font-size: 46px;
  font-weight: bold;
  line-height: 69px;
  letter-spacing: -0.38px;
  color: #003865;
  text-transform: capitalize;
  text-align: center;
}
.foundation .partner-logo {
  background-color: #f5f5f5;
  padding: 10px;
  border-radius: 4px;
  margin: 10px;
  width: 200px;
  height: 100px;
  border: 1px solid #ccc;
  display: flex;
  justify-content: center;
}
.foundation .partner-logo img {
  max-width: 100%;
  height: auto;
  padding: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media (max-width: 1440px) and (min-width: 769px) {
  .foundation .container-fluid .stats-num .counter {
    padding: 0px !important;
  }
}
.our-customers h2 {
  color: #000;
}
.our-customers .card {
  border: 1px solid #000;
  padding: 1rem;
  min-height: 232px;
}
.our-customers .card h5 {
  font-weight: 600;
}

.dental-practice {
  background-color: #f5f5f5;
  scroll-margin-top: 2em;
  top: 0vw;
  position: relative;
}
.dental-practice h2 {
  text-align: center;
}
.dental-practice h3 {
  text-align: center;
  font-weight: 600;
}
.dental-practice p {
  text-align: center;
}
.dental-practice .inner-col {
  position: relative;
  width: 100%;
  border: 2px solid #003865;
  border-radius: 4px;
  padding: 2rem 1rem;
  min-height: 334px;
}
.dental-practice .inner-col .inner-img {
  width: 70px;
  height: 70px;
  text-align: center;
  position: relative;
  display: flex;
  justify-content: center;
  border: 2px solid #003865;
  margin: 1rem auto 2rem;
  border-radius: 100px;
}
.dental-practice .inner-col .inner-img img {
  width: 50px;
  height: auto;
  text-align: center;
}
.dental-practice .inner-col h3 {
  color: #000;
  font-size: 18px;
  line-height: 27px;
  text-align: center;
  font-weight: 500;
}
.dental-practice .inner-col p {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.dental-practice .box {
  background-color: white;
  height: auto;
  border-radius: 4px;
  margin: 10px;
  display: flex;
  justify-content: center;
}
.dental-practice .box img {
  max-width: 100%;
  width: 150px;
  height: auto;
  padding: 10px;
}
.dental-practice .card {
  padding: 2rem !important;
  margin: 0rem;
  border: 1px solid #ccc;
}
.dental-practice .card ul {
  list-style: none;
  padding: 5px 0px 20px;
  margin: 0px;
  -moz-column-count: 1;
  column-count: 1;
}
.dental-practice .card ul li {
  color: #000 !important;
  text-align: left;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0.56px;
  text-transform: capitalize;
  opacity: 1;
  padding: 0px 0px 10px 0px;
}
.dental-practice .card ul li:before {
  background-image: url("../images/bullet-point.svg");
  background-size: 20px 25px;
  display: inline-block;
  width: 20px;
  height: 20px;
  content: "";
  margin: 0px 5px;
}
.dental-practice .partner-logo {
  background-color: white;
  padding: 10px;
  border-radius: 4px;
  margin: 10px;
  width: 200px;
  height: 100px;
  display: flex;
  justify-content: center;
}
.dental-practice .partner-logo img {
  max-width: 100%;
  height: auto;
  padding: 10px;
  -o-object-fit: contain;
     object-fit: contain;
}

.ecosystem {
  background-color: #f5f5f5;
}
.ecosystem h2 {
  text-align: left;
}
.ecosystem .col-md-12 p {
  text-align: left;
}
.ecosystem .card {
  border: 1px solid #ccc;
  padding: 1rem 1rem;
  margin: 0rem 1rem 2rem;
  border-radius: 4px;
  background: #fff;
  transition: all 0.3s ease-in-out;
}
.ecosystem .card strong {
  font-weight: 600;
  font-size: 22px;
  line-height: 33px;
  padding: 1rem 0rem;
}
.ecosystem .card:hover {
  background: #003865;
}
.ecosystem .card:hover p, .ecosystem .card:hover strong, .ecosystem .card:hover li {
  color: #fff;
}

/*****Dental Care*****/
.page-template-finance-micro-industries .solution_suite {
  background-color: #E6E7E8;
}
.page-template-finance-micro-industries .whatweoffer {
  background-color: #fff;
  margin-top: 2rem;
}
.page-template-finance-micro-industries .whatweoffer .nav-link:hover {
  background-color: #fff !important;
}
.page-template-finance-micro-industries .whatweoffer .nav-item {
  border-bottom: 1px solid #E6E7E8 !important;
  text-align: center;
}
.page-template-finance-micro-industries .whatweoffer .nav-pills .nav-link.active {
  background-color: #fff !important;
}
.page-template-finance-micro-industries .whatweoffer .nav-pills .show > .nav-link {
  background-color: #fff !important;
}
.page-template-finance-micro-industries .key-industries {
  background-color: #E6E7E8;
}
.page-template-finance-micro-industries .key-industries .container h2 {
  text-align: left;
}
.page-template-finance-micro-industries .key-industries .container p {
  text-align: left;
}
.page-template-finance-micro-industries .reimagining {
  background-color: #fff;
  margin-top: 2rem;
}
.page-template-finance-micro-industries .how-we-do-it {
  background-color: #fff;
}
.page-template-finance-micro-industries .how-we-do-it .accordion-item {
  background-color: #fff !important;
}
.page-template-finance-micro-industries .how-we-do-it .accordion-button {
  background-color: #fff !important;
}

.page-template-govtech-edtech .key-industries {
  background-color: #E6E7E8;
}
.page-template-govtech-edtech .reimagining {
  margin-top: 0rem;
}
.page-template-govtech-edtech .challenges {
  background-color: #E6E7E8;
}
.page-template-govtech-edtech .challenges h2 {
  text-align: left;
}
.page-template-govtech-edtech .challenges .col-md-12 p {
  text-align: left;
}
.page-template-govtech-edtech .reimagining {
  background-color: #f5f5f5;
  margin-top: 0px !important;
}
.page-template-govtech-edtech .reimagining h2 {
  text-align: left;
}
.page-template-govtech-edtech .reimagining .col-md-12 h3 {
  text-align: left;
}
.page-template-govtech-edtech .our-customers h2 {
  text-align: center;
}
.page-template-govtech-edtech .ecosystem {
  background-color: #fff;
}
.page-template-govtech-edtech .ecosystem .card {
  border: 1px solid #ccc;
  padding: 1rem 1rem;
  margin: 0rem 1rem 2rem;
  border-radius: 4px;
  background: #f5f5f5;
}
.page-template-govtech-edtech .ecosystem .card:hover {
  background: #003865;
}
.page-template-govtech-edtech .ecosystem .card:hover P, .page-template-govtech-edtech .ecosystem .card:hover strong {
  color: #fff;
}
.page-template-govtech-edtech .solution_suite {
  background-color: #fff;
}
.page-template-govtech-edtech .how-we-do-it {
  background-color: #fff;
  margin-top: 0rem;
}
.page-template-govtech-edtech .how-we-do-it .accordion-item {
  background-color: #fff !important;
}
.page-template-govtech-edtech .how-we-do-it .accordion-button {
  background-color: #fff !important;
}

.veltris-advantage {
  background-color: #f5f5f5;
}
.veltris-advantage h2 {
  text-align: center;
}
.veltris-advantage .card {
  border: 1px solid #ccc;
  padding: 1rem 1rem;
  margin: 0rem 1rem 2rem;
  border-radius: 4px;
  background: #fff;
}
.veltris-advantage .card strong {
  font-weight: 600;
  font-size: 20px;
  line-height: 30px;
  padding-bottom: 0.5rem;
}
.veltris-advantage .card:hover {
  background: #003865;
}
.veltris-advantage .card:hover P, .veltris-advantage .card:hover strong {
  color: #fff;
}

@media only screen and (max-width: 768px) {
  .solution_suite .who-we-work-with {
    -moz-column-count: 1;
         column-count: 1;
  }
}
.solution_suite .who-we-work-with .accordion-body ul li {
  font-size: 16px !important;
  line-height: 24px !important;
}
.solution_suite .who-we-work-with .accordion-item {
  padding: 0rem 2rem;
  background-color: #FFF !important;
  border: 1px solid #00B5E2 !important;
  border-radius: 4px !important;
  margin: 1rem 0rem;
  display: grid;
}
.solution_suite .who-we-work-with .accordion-item:first-child {
  margin: 0rem 0rem 1rem;
}
.solution_suite .who-we-work-with .accordion-header {
  padding: 5px 0px !important;
  border-bottom: 0px solid #000 !important;
  font-size: 26px !important;
  line-height: 36px !important;
  letter-spacing: 0.2px !important;
  color: rgba(0, 0, 0, 0.8705882353) !important;
  font-weight: 500 !important;
  vertical-align: middle;
  display: inline;
}
.solution_suite .who-we-work-with .accordion-header img {
  width: 50px;
  height: 50px;
}
.solution_suite .who-we-work-with .accordion-header .title {
  font-size: 20px;
  padding: 0px 15px;
}
.solution_suite .who-we-work-with .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300B5E2' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  transform: rotate(180deg);
}
.solution_suite .who-we-work-with .accordion-button::after {
  flex-shrink: 0;
  width: 1.25rem;
  height: 1.25rem;
  margin-left: auto;
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2300B5E2' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1.25rem;
  transition: transform 0.2s ease-in-out;
}
.solution_suite .who-we-work-with .accordion-body img {
  display: none;
}

.page-template-micro-industries .what-we-offer {
  background: #fff;
}
.page-template-micro-industries .reimagining {
  background: #fff;
  margin-top: 0rem;
}

.page-template-cmd-micro-industries .challenges {
  background-color: #E6E7E8;
}
.page-template-cmd-micro-industries .reimagining {
  margin-top: 0rem;
  background: #fff;
}
.page-template-cmd-micro-industries .key-industries {
  background: #E6E7E8;
}
.page-template-cmd-micro-industries .key-industries .container h2 {
  text-align: left;
}
.page-template-cmd-micro-industries .key-industries .container p {
  text-align: left;
}
.page-template-cmd-micro-industries .how-we-do-it {
  background-color: #E6E7E8;
  margin-top: 2rem;
}
.page-template-cmd-micro-industries .how-we-do-it .accordion-item {
  background-color: #E6E7E8 !important;
  border-bottom-color: #00B5E2 !important;
}
.page-template-cmd-micro-industries .how-we-do-it .accordion-button {
  background-color: #E6E7E8 !important;
}

.page-template-technology-micro-industries .reimagining {
  margin-top: 0rem;
  background: #fff;
}
.page-template-technology-micro-industries .key-industries {
  background: #E6E7E8;
}
.page-template-technology-micro-industries .key-industries .container h2 {
  text-align: left;
}
.page-template-technology-micro-industries .key-industries .container p {
  text-align: left;
}
.page-template-technology-micro-industries .challenges {
  background-color: #E6E7E8;
}
.page-template-technology-micro-industries .how-we-do-it {
  background-color: #E6E7E8;
  margin-top: 2rem;
}
.page-template-technology-micro-industries .how-we-do-it .accordion-item {
  background-color: #E6E7E8 !important;
  border-bottom-color: #00B5E2 !important;
}
.page-template-technology-micro-industries .how-we-do-it .accordion-button {
  background-color: #E6E7E8 !important;
}

.ai-ecosystem .box {
  background-color: white;
  height: auto;
  border-radius: 4px;
  margin: 10px 10px 10px;
  display: block;
  padding: 20px 10px 10px;
  border: 1px solid #ccc;
  justify-content: center;
  text-align: center;
}
.ai-ecosystem .box img {
  height: 50px;
}
.ai-ecosystem .box p {
  text-align: center;
  line-height: 21px;
  font-weight: 600;
  font-size: 14px;
  padding: 10px 0 0;
}

.dental_ecosystem .box {
  background-color: white;
  height: auto;
  border-radius: 4px;
  margin: 10px 10px 10px;
  display: block;
  padding: 20px 10px 20px;
  border: 1px solid #ccc;
  justify-content: center;
  text-align: center;
}
.dental_ecosystem .box img {
  height: auto;
  width: 130px;
}
.dental_ecosystem .box p {
  text-align: center;
  line-height: 21px;
  font-weight: 600;
  font-size: 14px;
  padding: 10px 0 0;
}

.page-template-managed-services .what-we-offer {
  background-color: #fff;
}
.page-template-managed-services .solution_suite {
  margin-top: 3rem;
  background-color: #E6E7E8;
}
.page-template-managed-services .challenges {
  background-color: #fff;
}
.page-template-managed-services .reimagining {
  background-color: #E6E7E8;
  margin-top: 0rem;
}
.page-template-managed-services .market-trends {
  background-color: #E6E7E8;
}
.page-template-managed-services .ai-ecosystem {
  background-color: #fff;
}
.page-template-managed-services .ecosystem {
  background-color: #E6E7E8;
}
.page-template-managed-services .whychoose {
  background-color: #E6E7E8;
}
.page-template-managed-services .whychoose .swiper-slide {
  background-color: #E6E7E8;
}
.page-template-managed-services .whychoose .swiper-slide .card {
  background-color: #E6E7E8;
}

.page-template-data-modernization .what-we-offer {
  background-color: #fff;
}
.page-template-data-modernization .solution_suite {
  margin-top: 3rem;
}
.page-template-data-modernization .challenges {
  background-color: #fff;
}
.page-template-data-modernization .market-trends {
  background-color: #E6E7E8;
}
.page-template-data-modernization .ai-ecosystem {
  background-color: #fff;
}
.page-template-data-modernization .reimagining {
  background-color: #fff;
  margin-top: 0rem;
}
.page-template-data-modernization .our-customers {
  background-color: #E6E7E8;
}
.page-template-data-modernization .whychoose {
  background-color: #fff;
}
.page-template-data-modernization .whychoose .swiper-slide {
  background-color: #fff;
}
.page-template-data-modernization .whychoose .swiper-slide .card {
  background-color: #fff;
}

.page-template-healthcare-micro-industries .key-industries {
  background: #E6E7E8;
}
.page-template-healthcare-micro-industries .foundation {
  background-color: #fff !important;
}
.page-template-healthcare-micro-industries .foundation .box {
  background-color: #f5f5f5 !important;
}
.page-template-healthcare-micro-industries .reimagining {
  background-color: #fff;
  margin-top: 0rem;
  top: 0rem !important;
}
.page-template-healthcare-micro-industries .what-we-offer {
  background-color: #E6E7E8;
  margin-top: 0rem;
  top: 0rem !important;
}
.page-template-healthcare-micro-industries .whatweoffer {
  background-color: #fff;
  margin-top: 0rem;
}
.page-template-healthcare-micro-industries .whatweoffer .nav-link:hover {
  background-color: #fff !important;
}
.page-template-healthcare-micro-industries .whatweoffer .nav-item {
  border-bottom: 1px solid #E6E7E8 !important;
  text-align: center;
}
.page-template-healthcare-micro-industries .whatweoffer .nav-pills .nav-link.active, .page-template-healthcare-micro-industries .whatweoffer .nav-pills .show > .nav-link {
  background-color: #fff !important;
}
.page-template-healthcare-micro-industries .how-we-do-it {
  background-color: #E6E7E8;
}
.page-template-healthcare-micro-industries .how-we-do-it .accordion-item {
  background-color: #E6E7E8 !important;
}
.page-template-healthcare-micro-industries .how-we-do-it .accordion-button {
  background-color: #E6E7E8 !important;
}

.page-template-healthcare-lifescience .market-trends {
  background-color: #fff;
}
.page-template-healthcare-lifescience .reimagining {
  background-color: #E6E7E8;
  margin-top: 0rem;
}
.page-template-healthcare-lifescience .whatweoffer {
  background-color: #fff;
  margin-top: 2rem;
}
.page-template-healthcare-lifescience .whatweoffer .nav-link:hover {
  background-color: #fff !important;
}
.page-template-healthcare-lifescience .whatweoffer .nav-item {
  border-bottom: 1px solid #E6E7E8 !important;
  text-align: center;
}
.page-template-healthcare-lifescience .whatweoffer .nav-pills .nav-link.active, .page-template-healthcare-lifescience .whatweoffer .nav-pills .show > .nav-link {
  background-color: #fff !important;
}
.page-template-healthcare-lifescience .key-industries {
  background-color: #E6E7E8;
}
.page-template-healthcare-lifescience .challenges {
  background-color: #fff;
}

.page-template-engineering-construction .ecosystem {
  background-color: #fff;
}
.page-template-engineering-construction .challenges {
  background-color: #E6E7E8;
}
.page-template-engineering-construction .market-trends {
  background-color: #E6E7E8;
}
.page-template-engineering-construction .key-industries {
  background-color: #E6E7E8;
}
.page-template-engineering-construction .reimagining {
  margin-top: 0rem;
}

.page-template-financial-pubsec-services .key-industries {
  background-color: #E6E7E8;
  margin-top: 2rem;
}
.page-template-financial-pubsec-services .reimagining {
  background-color: #E6E7E8 !important;
  scroll-margin-top: 2em;
  top: 3vw;
  position: relative;
}
.page-template-financial-pubsec-services .who-we-serve {
  background-color: #fff;
  scroll-margin-top: 2em;
  top: 3vw;
  position: relative;
}
.page-template-financial-pubsec-services .whatweoffer {
  background-color: #fff;
  scroll-margin-top: 2em;
  top: 3vw;
  position: relative;
}
.page-template-financial-pubsec-services .whatweoffer .nav-item {
  border-bottom: 1px solid #E6E7E8 !important;
  text-align: center;
}
.page-template-financial-pubsec-services .whatweoffer .nav-pills .nav-link.active, .page-template-financial-pubsec-services .whatweoffer .nav-pills .show > .nav-link {
  background-color: #fff !important;
  color: #000 !important;
  border-bottom: 3px solid #00B5E2 !important;
  border-radius: 0px !important;
  text-align: center;
  font-weight: bold;
  opacity: 1;
  width: 100%;
}
.page-template-financial-pubsec-services .whatweoffer .nav-link:hover {
  background-color: #fff !important;
  color: #000 !important;
  border-bottom: 3px solid #00B5E2 !important;
  border-radius: 0px !important;
  text-align: center;
  font-weight: bold;
}
.page-template-financial-pubsec-services .how-we-do-it {
  background-color: #fff;
  margin-top: 0rem;
}
.page-template-financial-pubsec-services .how-we-do-it .accordion-item {
  background-color: #fff !important;
}
.page-template-financial-pubsec-services .how-we-do-it .accordion-button {
  background-color: #fff !important;
}

.page-template-microsoft-cloud .what-we-offer {
  background-color: #fff;
}
.page-template-microsoft-cloud .whatweoffer {
  background-color: #E6E7E8 !important;
}
.page-template-microsoft-cloud .ecosystem {
  background-color: #fff;
}
.page-template-microsoft-cloud .whychoose {
  background-color: #fff;
}
.page-template-microsoft-cloud .whychoose .swiper-slide {
  background-color: #fff;
}
.page-template-microsoft-cloud .whychoose .swiper-slide .card {
  background-color: #fff;
}

.page-template-data-warehouse .what-we-offer {
  background-color: #E6E7E8;
}
.page-template-data-warehouse .solution_suite {
  background-color: #fff !important;
}
.page-template-data-warehouse .whatweoffer {
  background-color: #E6E7E8;
  margin-top: 2rem;
}
.page-template-data-warehouse .market-trends {
  background-color: #fff;
}
.page-template-data-warehouse .whychoose {
  background-color: #E6E7E8;
}
.page-template-data-warehouse .whychoose .swiper-slide {
  background-color: #E6E7E8;
}
.page-template-data-warehouse .whychoose .swiper-slide .card {
  background-color: #E6E7E8;
}

.page-template-enterprise-platform .what-we-offer {
  background-color: #fff;
}
.page-template-enterprise-platform .market-trends {
  background-color: #fff;
}

/****Velonav-event***/
.glimpse_agenda h2 {
  font-size: 42px;
  line-height: 56px;
  letter-spacing: -0.03px;
  opacity: 1;
  text-align: left;
  font-weight: bold;
  padding: 0px;
  font-weight: 600;
}
.glimpse_agenda .card {
  background: #ccc;
  border-radius: 4px;
  text-align: center;
  padding: 2rem 1rem;
  min-height: 100%;
}
.glimpse_agenda .card strong {
  font-weight: 600;
  font-size: 22px;
  line-height: 33px;
  padding: 1rem 0rem;
  color: #000;
}
.glimpse_agenda .card p {
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0px;
  color: #000;
}
.glimpse_agenda .card:hover {
  background: #003865;
  box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.4784313725);
}
.glimpse_agenda .card:hover strong {
  color: #fff;
}
.glimpse_agenda .card:hover p {
  color: #fff;
}

.format_attendance .card {
  background: transparent;
  padding: 2rem 3rem;
  margin: 1rem;
  box-shadow: rgba(0, 0, 0, 0.75) -1px -1px 14px -2px;
}
.format_attendance .format {
  background-image: url("../images/format_bg.png") !important;
  border-radius: 4px;
  min-height: 100%;
}
.format_attendance .format h2 {
  font-size: 42px;
  line-height: 56px;
  letter-spacing: -0.03px;
  opacity: 1;
  text-align: left;
  font-weight: bold;
  padding: 0px;
  font-weight: 600;
  color: #fff;
}
.format_attendance ul {
  list-style: none;
  -moz-columns: 1;
       columns: 1;
  padding: 0px;
  margin: 0px;
}
.format_attendance ul li {
  background-color: transparent;
  border-radius: 4px;
  padding: 20px;
  margin: 0px 0px 20px;
  font-size: 18px;
  line-height: 27px;
  letter-spacing: 0px;
  font-weight: 500;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  border: 2px solid #fff;
}
.format_attendance ul li img {
  width: 50px;
  margin: 0px 20px 0px 0px;
  float: left;
}
.format_attendance ul li p {
  vertical-align: middle;
  margin: 0px;
  color: #fff;
}
.format_attendance .attendance {
  background: #fff;
  border-radius: 4px;
  min-height: 100%;
}
.format_attendance .attendance h2 {
  font-size: 42px;
  line-height: 56px;
  letter-spacing: -0.03px;
  opacity: 1;
  text-align: left;
  font-weight: bold;
  padding: 0px;
  font-weight: 600;
}
.format_attendance .attendance p {
  color: #000;
  font-size: 27px;
  line-height: 45px;
}
.format_attendance .attendance a {
  color: #003865;
  font-weight: 500;
}

.velonova-event h2 {
  color: #FFFFFF;
  padding: 0px;
  font-size: 38px;
  line-height: 57px;
  font-family: "Open Sans", sans-serif !important;
}
.velonova-event h4.sub-heading {
  font-size: 24px;
  line-height: 36px;
  color: #ffffff;
  opacity: 0.95;
  letter-spacing: 0px;
  font-family: "Open Sans", sans-serif !important;
}
.velonova-event h5.sub-heading {
  font-size: 20px;
  line-height: 30px;
  color: #ffffff;
  opacity: 0.95;
  letter-spacing: 0px;
  font-family: "Open Sans", sans-serif !important;
}
.velonova-event .location {
  color: #FFFFFF;
  font-size: 18px;
  line-height: 27px;
}
.velonova-event .location i {
  color: #00B5E2;
  padding: 0px 10px 0px 0px;
}
.velonova-event .date {
  color: #FFFFFF;
  font-size: 18px;
  line-height: 27px;
  padding: 0px 20px 0px 0px;
}
.velonova-event .date i {
  color: #00B5E2;
  padding: 0px 10px 0px 0px;
}

.about-veloNova {
  background-color: #fff;
  margin-top: 3rem;
}
.about-veloNova h2 {
  font-size: 42px;
  line-height: 56px;
  letter-spacing: -0.03px;
  opacity: 1;
  text-align: left;
  font-weight: bold;
  padding: 0px;
  font-weight: 600;
}
.about-veloNova p {
  text-align: left;
  font-weight: 400;
  font-size: 18px;
  line-height: 1.7;
  letter-spacing: 0px;
  color: #000;
  opacity: 1;
}

.velonav_forms {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url("../images/golf_bg.png");
  background-repeat: no-repeat;
  background-size: cover;
  scroll-margin-top: 2rem;
}
.velonav_forms h2 {
  font-size: 42px;
  line-height: 56px;
  letter-spacing: -0.03px;
  opacity: 1;
  text-align: left;
  font-weight: bold;
  padding: 0px;
  font-weight: 600;
  color: #fff;
}
.velonav_forms p {
  color: #fff;
}

/****Velonav-event***/
.page-template-dental-retail-health .solution_suite {
  background-color: #E6E7E8;
}
.page-template-dental-retail-health .dental-practice {
  background-color: #E6E7E8;
  scroll-margin-top: 2em;
  top: 0vw;
  position: relative;
}
.page-template-dental-retail-health .reimagining {
  background-color: #E6E7E8;
  margin-top: 0px;
}
.page-template-dental-retail-health .our-customers {
  background-color: #fff;
}
.page-template-dental-retail-health .dental-practice {
  background-color: #E6E7E8;
}
.page-template-dental-retail-health .dental-practice h2 {
  text-align: left;
}
.page-template-dental-retail-health .dental-practice .box {
  background-color: #fff;
  height: auto;
  border-radius: 4px;
  margin: 10px;
  display: flex;
  justify-content: center;
  border: 1px solid #ccc;
}
.page-template-dental-retail-health .how-we-do-it {
  background-color: #fff;
}
.page-template-dental-retail-health .how-we-do-it .accordion-item {
  background-color: #fff !important;
}
.page-template-dental-retail-health .how-we-do-it .accordion-button {
  background-color: #fff !important;
}

.page-template-healthcare-2-micro-industries .whatweoffer {
  background-color: #fff;
  margin-top: 2rem;
}
.page-template-healthcare-2-micro-industries .whatweoffer .nav-link:hover {
  background-color: #fff !important;
}
.page-template-healthcare-2-micro-industries .whatweoffer .nav-item {
  border-bottom: 1px solid #E6E7E8 !important;
  text-align: center;
}
.page-template-healthcare-2-micro-industries .whatweoffer .nav-pills .nav-link.active {
  background-color: #fff !important;
}
.page-template-healthcare-2-micro-industries .whatweoffer .nav-pills .show > .nav-link {
  background-color: #fff !important;
}
.page-template-healthcare-2-micro-industries .whychoose {
  background-color: #fff;
}
.page-template-healthcare-2-micro-industries .whychoose .swiper-slide {
  background-color: #fff;
}
.page-template-healthcare-2-micro-industries .how-we-do-it {
  background-color: #E6E7E8;
}
.page-template-healthcare-2-micro-industries .how-we-do-it .accordion-item {
  background-color: #E6E7E8 !important;
}
.page-template-healthcare-2-micro-industries .how-we-do-it .accordion-item .accordion-button {
  background-color: #E6E7E8 !important;
}
.page-template-healthcare-2-micro-industries .challenges {
  background-color: #E6E7E8;
}

.page-template-vo-micro-industries .challenges {
  background-color: #E6E7E8;
}
.page-template-vo-micro-industries .whatweoffer {
  background-color: #fff;
  margin-top: 2rem;
}
.page-template-vo-micro-industries .whatweoffer .nav-link:hover {
  background-color: #fff !important;
}
.page-template-vo-micro-industries .whatweoffer .nav-item {
  border-bottom: 1px solid #E6E7E8 !important;
  text-align: center;
}
.page-template-vo-micro-industries .whatweoffer .nav-pills .nav-link.active {
  background-color: #fff !important;
}
.page-template-vo-micro-industries .whatweoffer .nav-pills .show > .nav-link {
  background-color: #fff !important;
}
.page-template-vo-micro-industries .key-industries {
  background: #E6E7E8;
}
.page-template-vo-micro-industries .key-industries h2 {
  text-align: left;
}
.page-template-vo-micro-industries .key-industries p {
  text-align: left;
}

.carousel .slick-prev,
.carousel .slick-next {
  padding: 10px;
  position: absolute;
  top: 50%;
  z-index: 1;
  cursor: pointer;
  zoom: 2;
}
.carousel .slick-prev {
  left: -8px;
}
.carousel .slick-next {
  right: 12px;
}

.callout {
  position: fixed;
  bottom: 35px;
  right: 15px;
  margin-left: 20px;
  max-width: 300px;
  /* padding: 20px; */
  z-index: 99999;
}

/***Callout***/
.callout-header {
  padding: 25px 15px;
  background: #555;
  font-size: 30px;
  color: white;
}

.callout-container {
  padding: 15px;
  color: black;
}

.closebtn {
  position: absolute;
  top: 5px;
  right: 15px;
  color: #000;
  font-size: 30px;
  cursor: pointer;
}

.closebtn:hover {
  color: #000;
}

/***Callout***/
/***Vertical AI Accelerators Block*******/
.vertical_ai_accelerators {
  background: #fff;
  scroll-margin-top: 10em;
  top: 2vw;
  position: relative;
}

.accelerator-box {
  color: #000;
}
.accelerator-box h4 {
  color: #000;
  text-align: left;
  font-weight: 600;
  font-size: 26px;
  line-height: 36px;
  letter-spacing: 0.2px;
  text-transform: capitalize;
  opacity: 1;
  padding: 20px 0px 0px;
}
.accelerator-box ul li {
  font-size: 18px;
  line-height: 1.7;
}
.accelerator-box .view-openings {
  color: #FFF !important;
  border: 1px solid #E22D00 !important;
  background-color: #E22D00 !important;
  padding: 10px 10px !important;
  text-align: center;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  letter-spacing: 0.1px !important;
  text-transform: uppercase;
  opacity: 1;
  border-radius: 4px;
  text-decoration: none;
  transition: 0.3s;
}

/***Overview Block*******/
.page-template-home .key-industries h2 {
  text-align: center;
  margin: 0px auto 0px;
}
.page-template-home .key-industries p {
  text-align: center;
  margin: 0px auto 0px;
}

@media (max-width: 400px), (min-device-width: 320px) and (max-device-width: 480px) {
  .hs-form-private .hs-form-field {
    padding: 0px 0px 20px !important;
  }
  .contactus_form .hs-form-private fieldset {
    padding: 0px 0px 0px !important;
    max-width: 100% !important;
  }
}/*# sourceMappingURL=style.css.map */