/* v3 css */
@charset "UTF-8";

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

html.full-height {
  height: 100%;
}

body,
html {
  width: 100%;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  color: var(--black);
}

body {
  height: 100%;
}


a:hover {
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Rajdhani", sans-serif;
  font-weight: 500;
}

h1,
h2 {
  font-size: 4.8rem;
  line-height: 1.2;
  margin: 0 0 1.4rem;
}

h3 {
  font-size: 3.6rem;
  margin: 0 0 1rem;
  line-height: 1.3;
}

h4 {
  font-size: 2.8rem;
  margin: 0 0 1rem;
}

p {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.7;
  margin: 0 0 1.4rem;
}

p.small {
  font-size: 1.6rem;
  line-height: 1.8;
}

.overflow {
  overflow-x: hidden;
  overflow-y: hidden;
}

strong {
  font-weight: 600;
}

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

.h-100 {
  height: 100%;
}

button {
  outline: none !important;
}

.btn {
  color: var(--white);
  background: var(--light-gray);
  border-radius: 4rem;
  padding: 1.1rem 2.75rem;
  font-size: 1.8rem;
  line-height: 1.25;
  font-weight: 400;
  border: none;
  outline: 0;
  display: inline-block;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}

.btn-primary {
  color: var(--white);
  background: var(--primary);
}

.btn-primary:hover {
  color: var(--white);
  background: #F24E4E;
}

.btn-green {
  color: var(--white);
  background: #4aca70;
  -webkit-box-shadow: 3px 3px 1px 0 rgba(0, 0, 0, 0.16);
  box-shadow: 3px 3px 1px 0 rgba(0, 0, 0, 0.16);
  -webkit-mask-image: none;
  font-weight: 600;
}

.btn-green:hover {
  color: var(--white);
  background: #0ECA70;
}

.btn-dark {
  background-color: var(--dark-gray);
  color: var(--white);
}

.btn-dark:hover {
  color: var(--white);
  background: var(--dark-gray);
}

.btn-portfolio {
  background-color: rgba(255, 255, 255, 0.1);
  color: var(--white);
}

.btn-portfolio:hover {
  background: rgba(255, 255, 255, 0.1);
}

.btn-sm {
  font-size: 1.5rem;
  padding: 1rem 1.2rem;
  border-radius: 0.5rem;
}

.btn-outline {
  border: 2px solid;
  background-color: transparent;
  padding: 0.9rem 2.75rem;
}

.btn-outline.btn-primary {
  border-color: var(--primary);
}

.btn-outline.btn-primary.btn-animate>span {
  color: var(--primary);
  transition: color 0.5s;
}

.btn-outline.btn-primary:hover>span {
  color: var(--white);
}

.btn-animate {
  position: relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  z-index: 2;
}

.btn-animate>span {
  position: relative;
  z-index: 2;
  color: var(--white);
}

.btn-animate::before {
  content: "";
  z-index: 1;
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -15px 0 0 1px;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: #F24E4E;
  -webkit-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
  -webkit-transform: scale3d(1, 2, 1);
  transform: scale3d(1, 2, 1);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
  transition-timing-function: cubic-bezier(0.7, 0, 0.9, 1);
}

.btn-animate:hover::before {
  -webkit-transform: scale3d(9, 9, 1);
  transform: scale3d(9, 9, 1);
}

.btn-animate.btn-dark::before {
  background: var(--black);
}

.btn-animate.btn-portfolio::before {
  background: rgba(255, 255, 255, 0.2);
}

.btn-animate.btn-green::before {
  background: #08b964;
}

.btn-animate-1 {
  color: var(--white);
  text-transform: uppercase;
  font-size: 1.4rem;
  position: relative;
  padding: 1rem 1rem 1rem 2rem;
  display: inline-block;
  transition: all 0.3s ease-out;
  font-weight: 600;
  margin-top: 1rem;
}

.btn-animate-1::before {
  content: "";
  width: 4rem;
  height: 4rem;
  background: #fff;
  display: block;
  position: absolute;
  opacity: 0.3;
  border-radius: 50%;
  top: -44%;
  transition: all 0.3s ease-out;
  transform: translateY(44%);
  left: 0;
}

.btn-animate-1::after {
  content: "";
  background: url(assets/images/plus.svg) no-repeat;
  background-size: contain;
  width: 0.9rem;
  height: 0.9rem;
  display: inline-block;
  margin-left: 0.8rem;
}

.btn-animate-1:hover {
  color: var(--white);
  padding-left: 3rem;
  letter-spacing: 0.6px;
}

.btn-animate-1:hover::before {
  opacity: 0.4;
}

.btn-animate-1.btn-gray {
  color: var(--gray) !important;
}

.btn-animate-1.btn-gray::before {
  background: #ebebeb;
  z-index: -1;
  opacity: 1;
}

.btn-animate-1.btn-gray::after {
  background: url(assets/images/plus-gray.svg) no-repeat;
  background-size: contain;
}

.btn-animate-1.btn-gray:hover::before {
  background: #dedede;
  opacity: 1;
}

.btn-large {
  padding: 1.5rem 4.5rem;
  font-size: 2rem;
}

.text-red {
  color: var(--primary) !important;
}

.bg-dark-red {
  background-color: #e12d53 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.mb-16 {
  margin-bottom: 16rem !important;
}

.mt-16 {
  margin-top: 16rem !important;
}

.mt-10 {
  margin-top: 10rem !important;
}

.ml-2 {
  margin-left: 2rem;
}

.mt-4 {
  margin-top: 4rem;
}

.link {
  color: var(--light-gray);
  font-size: 1.5rem;
  line-height: 2;
  position: relative;
  overflow: hidden;
}

.link::after {
  content: ">";
  font-family: "Marck Script", cursive;
  font-size: 2.8rem;
  line-height: 1;
  margin-left: 0.8rem;
  vertical-align: middle;
}

.link:hover {
  color: var(--primary);
}

.relative {
  position: relative;
}

.container-max {
  max-width: 144rem;
}

.wrapper {
  width: 100%;
  background-color: #fff;
}

.section-head {
  margin: 0 0 8rem;
}

.top-page-banner {
  padding: 12rem 0 6rem;
}

.top-page-banner .title-section {
  padding: 6rem 0;
}

.top-page-banner .page-title-wrap {
  padding: 0;
  position: relative;
  text-align: center;
}

.top-page-banner .page-title-wrap h1 {
  font-size: 5.4rem;
  margin: 0 0 1rem;
  font-weight: 600;
}

.top-page-banner .page-title-wrap p {
  color: var(--gray);
  margin: 0 auto 3rem;
  max-width: 72rem;
  font-weight: 400;
}

.top-page-banner .page-title-wrap::after {
  content: "";
  width: 9.5rem;
  height: 0.45rem;
  display: block;
  margin: 1rem auto;
  background-color: var(--primary);
  border-radius: 0.45rem;
}

.video-wrap {
  margin: 0 0 16rem;
}

.video-wrap .video {
  margin: 0 auto;
  max-width: 96rem;
  width: 100%;
  position: relative;
  overflow: hidden;
}

.video-wrap .video video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}

.video-wrap .video:after {
  content: "";
  display: block;
  padding-bottom: 56.25%;
}

.table {
  width: 100%;
  color: #212529;
}

.table th,
.table td {
  padding: 0.95rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6;
}

.table tbody td {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 24px;
  letter-spacing: -0.004em;
  color: rgba(0, 0, 0, 0.84);
}

.table tbody td p {
  font-size: 1.4rem !important;
  line-height: 24px !important;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, 0.05);
}

.table-bordered {
  border: 1px solid #dee2e6;
}

.table-bordered th,
.table-bordered td {
  border-bottom-width: 2px;
  border: 1px solid #dee2e6;
}

.table-responsive {
  margin: 0 0 4rem;
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.table-responsive .table-bordered {
  border: 0;
}

.faq-title-content h2 {
  font-family: var(--font-family-primary);
  font-size: 2.5rem;
  margin-top: 6.5rem;
  font-weight: bold;
  line-height: 1.35;
  margin-bottom: 1.5rem;
  letter-spacing: -1px;
  color: rgba(0, 0, 0, 0.84);
}

.faq h2 {
  font-family: var(--font-family-primary);
  font-size: 2.5rem;
  margin-top: 6rem;
  font-weight: bold;
  line-height: 1.35;
  margin-bottom: 2.5rem;
  letter-spacing: -1px;
  color: rgba(0, 0, 0, 0.84);
}

.faq .accordion {
  width: 100%;
  height: auto;
  padding-bottom: 2rem;
}

.faq .accordion .accordion-item {
  width: 100%;
  -webkit-border-bottom: 1px solid #e9e9e9;
  -moz-border-bottom: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9;
}

.faq .accordion .accordion-item:last-child {
  -webkit-border-bottom: 0;
  -moz-border-bottom: 0;
  border-bottom: 0;
}

.faq .accordion .accordion-item .accordion-button {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 6.5rem;
  padding: 1.5rem 6rem 1.5rem 0;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
}

.faq .accordion .accordion-item .accordion-button .accordion-heading {
  flex: 1;
}

.faq .accordion .accordion-item .accordion-button .accordion-heading h3 {
  font-family: var(--font-family-primary);
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.35;
  margin-bottom: 0;
  letter-spacing: -0.1px;
  color: #222222;
}

.faq .accordion .accordion-item .accordion-button .accordion-marker {
  width: 6rem;
  height: 100%;
  float: left;
  font-size: 2rem;
  position: absolute;
  right: 0;
}

.faq .accordion .accordion-item .accordion-button .accordion-marker::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.2rem;
  background-color: var(--gray);
  height: 0.2rem;
  transform: translate(-50%, -50%);
  transition: all 0.2s linear;
}

.faq .accordion .accordion-item .accordion-button .accordion-marker::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: 1.2rem;
  background-color: var(--gray);
  width: 0.2rem;
  transform: translate(-50%, -50%);
  transition: all 0.2s linear;
}

.faq .accordion .accordion-item .accordion-inner {
  display: none;
  padding: 0 0 1rem;
}

.faq .accordion .accordion-item .accordion-inner p {
  font-family: var(--font-family-primary);
  font-weight: 400;
  font-size: 1.6rem;
  line-height: 29px;
  margin: 0 6rem 1rem 0 !important;
  letter-spacing: -0.1px;
  color: #222222;
  text-align: left !important;
}

.faq .accordion .accordion-item .accordion-inner p a {
  text-decoration: underline;
  color: var(--light-gray);
}

.faq .accordion .accordion-item .accordion-inner p a:hover {
  color: var(--primary);
}

.faq .accordion .accordion-item .accordion-inner p span {
  font-family: var(--font-family-primary) !important;
  font-weight: 300;
  font-size: 1.8rem !important;
  line-height: 29px;
  letter-spacing: -0.1px;
  color: var(--gray) !important;
}

.faq .accordion .accordion-item .accordion-inner ul li,
.faq .accordion .accordion-item .accordion-inner ol li {
  color: var(--gray);
  font-size: 1.6rem;
  line-height: 29px;
  font-weight: 400;
  color: #222222;
}

.faq .accordion .accordion-item.active .accordion-marker::after {
  transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0;
}

.faq .accordion .accordion-item.active .accordion-marker::before {
  transform: translate(-50%, -50%) rotate(90deg);
}

.no-scroll {
  overflow: hidden;
}

.border-0 {
  border: 0 !important;
}

.tag-btn {
  font-family: "Open Sans", sans-serif;
  color: #717171 !important;
  font-size: 1.5rem;
  background-color: #f1f1f1 !important;
  border-radius: 0.3rem;
  padding: 0.5rem 1rem;
  margin-bottom: 0.75rem;
  display: inline-block;
  margin-right: 0.5rem;
  text-decoration: none !important;
  line-height: 1.6;
  font-weight: 400;
}

.tag-btn:hover {
  background-color: #f1f1f1 !important;
  color: #717171 !important;
}

.menu-item-hide-f {
  display: none !important;
}

.project-in-mind a {
  color: #FFFFFF;
  font-family: "Rajdhani", sans-serif;
  font-size: 2.24rem;
  line-height: 2.4rem;
  letter-spacing: 0.01rem;
  display: inline-block;
  padding: 1.44rem 1.92rem 0.96rem 2.4rem;
  border: 0;
  border-radius: 5.12rem;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #ff1816;
  font-weight: 600;
}

.project-in-mind a.hover-flip,
.project-in-mind a.btn-flip {
  overflow: hidden;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.project-in-mind a.hover-flip span,
.project-in-mind a.btn-flip span {
  display: inline-block;
  transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
  -o-transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
  -webkit-transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
}

.project-in-mind a.hover-flip::before,
.project-in-mind a.btn-flip::before {
  content: attr(data-hover);
  position: absolute;
  transform: translate3d(0, 1.4rem, 0);
  color: #fff;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
  -o-transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
  -webkit-transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
}

.project-in-mind a.hover-flip:hover,
.project-in-mind a.btn-flip:hover {
  color: #fff;
}

.project-in-mind a.hover-flip:hover::before,
.project-in-mind a.btn-flip:hover::before {
  transform: translateZ(0);
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  opacity: 1;
}

.project-in-mind a.hover-flip:hover span,
.project-in-mind a.btn-flip:hover span {
  opacity: 0;
  transform: translate3d(0, -1.4rem, 0);
  -moz-transform: translate3d(0, -1.4rem, 0);
  -webkit-transform: translate3d(0, -1.4rem, 0);
}

.hover-flip {
  position: relative;
}

.hover-flip::before {
  content: attr(data-hover);
  position: absolute;
  transform: translate3d(0, 2.8rem, 0);
  color: #222222;
  opacity: 0;
  transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
  -o-transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
  -webkit-transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
}

.hover-flip span {
  display: inline-block;
  transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
  -o-transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
  -webkit-transition: opacity 0.3s ease, transform 0.3s ease, color 0.3s ease;
}

.hover-flip:hover::before {
  transform: translateZ(0);
  -moz-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  opacity: 1;
}

.hover-flip:hover span {
  opacity: 0;
  transform: translate3d(0, -2.8rem, 0);
  -moz-transform: translate3d(0, -2.8rem, 0);
  -webkit-transform: translate3d(0, -2.8rem, 0);
}

.back-to-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  background-color: #c7c7c7;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  z-index: 1000;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
}

.back-to-top.show {
  opacity: 1;
  visibility: visible;
}

.back-to-top img {
  max-width: 18px;
  width: 100%;
}

#cookie-law-info-bar {
  max-width: calc(100% - 300px);
  width: 100%;
  left: 150px;
  border-radius: 0.5rem;
}

#cookie_action_close_header {
  border-radius: 3rem;
  padding: 0.8rem 1.6rem;
  background: #ff1816 !important;
}

#cookie_action_close_header_reject {
  border-radius: 3rem;
  padding: 0.8rem 1.6rem;
  background: #222222 !important;
}

.form-popup {
  position: fixed;
  width: 6rem;
  height: 6rem;
  bottom: 2.4rem;
  right: 2.4rem;
  border-radius: 50%;
  background-color: #ec1313;
  z-index: 1000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.form-popup:hover {
  background-color: #d80a0a;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.25);
}

.form-popup img {
  max-width: 3.52rem;
  width: 100%;
  opacity: 0.8;
}

.form-popup .title {
  position: absolute;
  right: calc(100% + 15px);
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 200px;
  background: #fff;
  padding: 12px;
  border-radius: 0.3rem;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.16);
  line-height: 1;
}

.form-popup .title::before {
  content: "";
  border: 8px solid transparent;
  border-left: 8px solid #fff;
  position: absolute;
  right: -16px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
}

.form-popup .title::after {
  content: "";
  border: 8px solid transparent;
  border-left: 8px solid rgba(0, 0, 0, 0.15);
  position: absolute;
  right: -19px;
  top: 50%;
  transform: translateY(-50%);
  filter: blur(2px);
}

.form-popup .title .small {
  font-size: 14px;
  margin-top: 7px;
  display: block;
  font-weight: 100;
}

.form-popup .title:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
}

.form-popup .title::after {
  border-left: 8px solid rgba(0, 0, 0, 0.17);
}

.mouse-cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  visibility: hidden;
  display: none;
}

.mouse-cursor.cursor-inner {
  margin-left: -8px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  z-index: 10000001;
  background-color: #fff;
  mix-blend-mode: difference;
  -webkit-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
  -o-transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transition: width 0.3s ease-in-out, height 0.3s ease-in-out, margin 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.mouse-cursor.cursor-inner.cursor-hover {
  margin-left: -40px;
  margin-top: -40px;
  width: 80px;
  height: 80px;
}

.mouse-cursor.cursor-inner.view {
  margin-left: -40px;
  margin-top: -40px;
  width: 80px;
  height: 80px;
}

.chat-popup {
  position: fixed;
  width: 3.75rem;
  height: 3.75rem;
  bottom: 1.875rem;
  right: 1.875rem;
  border-radius: 50%;
  display: flex;
  z-index: 100;
  background-color: #222;
  overflow: hidden;
  cursor: auto !important;
}

.chat-popup .chat-toggle {
  display: block;
  flex-grow: 1;
  text-align: center;
  position: relative;
  z-index: 1;
  background-color: #222;
  display: flex;
  justify-content: center;
  align-items: center;
}

.chat-popup .chat-toggle img {
  max-width: 2.2rem;
}

.chat-popup .chat-screen {
  width: 36.496rem;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #fff;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
  transition: all 0.3s ease-in-out;
  transform: translate(50%, 100%) scale(0);
  opacity: 0;
  border-radius: 1.6rem;
  overflow: hidden;
  z-index: -2;
}

.chat-popup .chat-screen .chat-header {
  background-color: #002eff;
  background-image: -o-linear-gradient(45deg, #0061ff, #002eff);
  background-image: linear-gradient(45deg, #0061ff, #002eff);
  padding: 2.4rem 2.4rem 6.4rem;
}

.chat-popup .chat-screen .chat-header img {
  max-width: 4.8rem;
}

.chat-popup .chat-screen .chat-header .title {
  margin-top: 1.6rem;
  color: #fff;
  font-weight: 500;
  font-size: 2.24rem;
  letter-spacing: -0.07rem;
}

.chat-popup .chat-screen .chat-header .subtitle {
  color: #fff;
  font-weight: 100;
  font-size: 1.28rem;
  margin-top: 0.8rem;
}

.chat-popup .chat-screen .chat-content {
  padding: 2.4rem 1.6rem 3.2rem;
}

.chat-popup .chat-screen .chat-content .contact-form {
  margin-top: -4.8rem;
  background: transparent;
  padding: 0;
  box-shadow: none;
}

.chat-popup .chat-screen .chat-content .contact-form .form-group {
  margin: 0 0 3.2rem;
  background: #fff;
  border-radius: 1.28rem;
  padding: 0 1.6rem;
  box-shadow: 0 0 1.8rem 0 rgba(0, 0, 0, 0.08);
  margin: 0 0 1.6rem;
}

.chat-popup .chat-screen .chat-content .contact-form .form-group .form-control {
  padding: 0 1.6rem;
  font-size: 14px;
  border-bottom: 0;
}

.chat-popup .chat-screen .chat-content .contact-form .form-group .form-control:focus~.label-wrap::after {
  content: none;
}

.chat-popup .chat-screen .chat-content .contact-form .form-group .form-control:focus~.label-wrap .label {
  opacity: 0;
}

.chat-popup .chat-screen .chat-content .contact-form .form-group .label-wrap {
  padding: 0 1.6rem;
  font-size: 14px;
}

.chat-popup .chat-screen .chat-content .contact-form .form-group .label-wrap.up .label {
  opacity: 0 !important;
}

.chat-popup .chat-screen .chat-content .contact-form .form-group .label-wrap .label {
  left: 1.6rem;
  font-size: 14px;
}

.chat-popup .chat-screen .chat-content .contact-form .form-btn {
  position: static;
  transform: none;
  text-align: right;
}

.chat-popup .chat-screen .chat-content .contact-form .form-btn .btn {
  padding: 0.8rem 1.92rem 0.64rem 2.4rem;
  font-size: 1.76rem;
}

.chat-popup .chat-screen .close {
  position: absolute;
  top: 1.6rem;
  right: 1.6rem;
  width: 2.4rem;
  height: 2.4rem;
  background: rgba(0, 0, 0, 0.26) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.48rem;
}

.chat-popup .chat-screen .close a {
  color: #fff;
  text-decoration: none;
  font-size: 2.4rem;
}

.chat-popup.open {
  overflow: visible;
}

.chat-popup.open .chat-toggle {
  background-color: transparent;
}

.chat-popup.open .chat-screen {
  transform: translate(0, 0) scale(1);
  opacity: 1;
  z-index: 1000;
}

/* common responsive */
.header {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  padding: 3.2rem 5.52rem;
  z-index: 2;
  background: #fff;
}

.header.header-fixed {
  background: transparent;
}

.header.header-fixed .logo .light {
  display: block;
}

.header.header-fixed .logo .dark {
  display: none;
}

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

.header.header-fixed.scrolled .logo .light {
  display: none;
}

.header.header-fixed.scrolled .logo .dark {
  display: block;
}

.header.header-fixed.scrolled .nav .menu a {
  color: #222;
}

.header.hovered .logo .light {
  display: none;
}

.header.hovered .logo .dark {
  display: block;
}

.header.hovered .nav .menu a {
  color: #222;
}

.header.menu-open {
  position: fixed;
  z-index: 9999;
}

.header.menu-open .logo {
  display: none;
}

.header.menu-open .logo-menu {
  opacity: 1;
  transition: opacity 700ms cubic-bezier(0.8, 0, 0.55, 0.94) 700ms;
  max-width: 19.2rem;
}

.header .logo {
  display: flex;
  align-items: center;
  max-width: 27.2rem;
}

.header .logo .light {
  display: none;
}

.header .logo-menu {
  display: none;
}

.header #menu-toggle {
  width: 36px;
  height: 36px;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
  z-index: 9999;
  display: none;
}

.header #menu-toggle * {
  transition: 0.25s ease-in;
}

.header #menu-toggle span {
  display: block;
  background: #000000;
  border-radius: 2px;
}

.header #menu-toggle #hamburger {
  position: absolute;
  height: 100%;
  width: 100%;
}

.header #menu-toggle #hamburger span {
  width: 36px;
  height: 4px;
  position: relative;
  margin: 6px 0;
}

.header #menu-toggle #hamburger span:nth-child(1) {
  transition-delay: 0.25s;
}

.header #menu-toggle #hamburger span:nth-child(2) {
  transition-delay: 0.375s;
}

.header #menu-toggle #hamburger span:nth-child(3) {
  transition-delay: 0.5s;
}

.header #menu-toggle #cross {
  position: absolute;
  height: 100%;
  width: 100%;
  transform: rotate(45deg);
}

.header #menu-toggle #cross span {
  background-color: #222;
}

.header #menu-toggle #cross span:nth-child(1) {
  height: 0%;
  width: 4px;
  position: absolute;
  top: 0%;
  left: 16px;
  transition-delay: 0s;
}

.header #menu-toggle #cross span:nth-child(2) {
  width: 0%;
  height: 4px;
  position: absolute;
  left: 0%;
  top: 16px;
  transition-delay: 0.25s;
}

.header #menu-toggle.open #hamburger span {
  width: 0%;
}

.header #menu-toggle.open #hamburger span:nth-child(1) {
  transition-delay: 0s;
}

.header #menu-toggle.open #hamburger span:nth-child(2) {
  transition-delay: 0.125s;
}

.header #menu-toggle.open #hamburger span:nth-child(3) {
  transition-delay: 0.25s;
}

.header #menu-toggle.open #cross span:nth-child(1) {
  height: 100%;
  transition-delay: 0.5s;
}

.header #menu-toggle.open #cross span:nth-child(2) {
  width: 100%;
  transition-delay: 0.25s;
}

.header .nav {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  margin-left: 2.16rem;
}

.header .nav .menu {
  margin: 0;
  padding: 0;
  display: flex;
  flex-grow: 1;
}

.header .nav .menu>li {
  font-size: 1.8rem;
  line-height: 7rem;
  display: inline-block;
}

.header .nav .menu>li.right-menu {
  margin-left: auto;
}

.header .nav .menu>li a {
  padding: 0 1.6rem;
  display: inline-block;
  font-size: 1.6rem;
  text-decoration: none;
  color: #000;
  text-decoration: none;
  font-weight: 600;
  font-family: "Open Sans";
  font-stretch: normal;
  font-style: normal;
  line-height: 2.78;
  letter-spacing: normal;
  text-align: center;
}

.header .nav .menu>li a.hover-flip::before {
  transform: translate3d(0, 2.08rem, 0);
}

.header .nav .menu>li a.hover-flip:hover span {
  transform: translate3d(0, -2.08rem, 0);
}

.header .nav .menu>li a.hover-flip:hover::before {
  transform: translateZ(0);
}

.header .nav .menu>li.menu-btn a {
  color: #fff;
  line-height: 1.75;
  border-radius: 4rem;
  padding: 0.16rem 1.88rem 0;
}

.header .nav .menu>li:last-child a {
  padding-right: 0;
}

.header .nav .menu>li .sub-menu-wrap {
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  background-color: #fff;
  padding: 4.8rem 5.52rem 3.2rem;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.12);
  transition: all 0.2s ease-in-out;
  opacity: 0;
  visibility: hidden;
  z-index: -1;
}

.header .nav .menu>li .sub-menu-wrap .sub-menu {
  max-width: 1520px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}

.header .nav .menu>li .sub-menu-wrap .menu-title {
  flex: 0 0 260px;
  margin-left: 6.4rem;
  margin-right: 5.6rem;
}

.header .nav .menu>li .sub-menu-wrap .menu-title p {
  font-size: 3.22rem;
  line-height: 1.36;
  letter-spacing: -0.144rem;
  font-weight: 300;
  margin-top: 3.22rem;
}

.header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown {
  display: flex;
  width: calc(100% - 280px);
  margin-left: auto;
  justify-content: space-around;
}

.header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li {
  flex: 0 0 auto;
  padding: 3.2rem 1.92rem;
  display: flex;
  flex-direction: column;
}

.header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li:first-child {
  margin-left: 0;
}

.header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li:first-child::before {
  content: none;
}

.header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li:last-child {
  margin-left: 0;
}

.header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li:last-child::before {
  content: none;
}

.header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li .heading {
  font-size: 1.6rem;
  color: #222;
  font-weight: 700;
  position: relative;
  line-height: 1.95;
  margin: 0 0 1.76rem;
  letter-spacing: 0.032rem;
  text-transform: uppercase;
  padding-left: 0;
}

.header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-left: 1px solid #ebebeb;
  padding-left: 1.6rem;
}

.header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li {
  font-family: "Open Sans", sans-serif;
  line-height: 1;
}

.header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li:first-child {
  margin-left: 0;
}

.header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li:first-child::before {
  content: none;
}

.header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li:last-child {
  margin-left: 0;
}

.header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li:last-child::before {
  content: none;
}

.header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li a {
  font-weight: normal;
  font-size: 1.6rem;
  margin: 0 0 0.8rem;
  font-family: "Open Sans", sans-serif;
  padding: 0;
  line-height: 1.89;
  color: #666;
  transition: all 0s linear;
  text-transform: none;
  letter-spacing: 0;
}

.header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li a:hover {
  color: #000;
}

.header .nav .menu>li:hover .sub-menu-wrap {
  opacity: 1;
  visibility: visible;
  top: 0;
  padding-top: 11.2rem;
  padding-bottom: 1.6rem;
  transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
}

.header .nav .menu:first-child li:first-child {
  margin-left: 11.2rem;
  position: relative;
  padding-left: 0.56rem;
}

.header .nav .menu:first-child li:first-child::before {
  content: "";
  width: 11.2rem;
  display: block;
  height: 2px;
  background: #ccc;
  position: absolute;
  top: 50%;
  right: 100%;
  border-radius: 2px;
}

.header .nav .menu:last-child li:last-child {
  margin-left: 4rem;
  position: relative;
}

.header .nav .menu:last-child li:last-child::before {
  content: "";
  width: 4rem;
  display: block;
  height: 2px;
  background: #ccc;
  position: absolute;
  top: 50%;
  right: 100%;
  border-radius: 2px;
}

.header .nav .menu.new {
  justify-content: end;
}

.header .nav .menu.new>li.menu-contact .hover-flip {
  color: #fff;
  background: #222222;
  padding: 0.6rem 4rem 0.6rem 2rem;
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  letter-spacing: -0.32px;
  line-height: 28px;
  text-align: left;
  position: relative;
  border-radius: 0;
}

.header .nav .menu.new>li.menu-contact .hover-flip::before {
  color: #fff;
}

.header .nav .menu.new>li.menu-contact .hover-flip::after {
  content: "";
  background-image: url(https://tamediacdn.techaheadcorp.com/wp-content/uploads/2023/10/17054621/Layer.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 14px;
  position: absolute;
  height: 14px;
  right: 13px;
  top: 13px;
}

.header .nav .menu.new:first-child li:first-child {
  margin-left: auto;
  padding-left: 0rem;
}

.header .nav .menu.new:first-child li:first-child::before {
  content: none;
}

.header .nav .menu.new:last-child li:last-child {
  margin-left: auto;
}

.header .nav .menu.new:last-child li:last-child::before {
  content: none;
}

.header.scrolled {
  position: fixed;
  z-index: 100;
  background: #fff;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
  -webkit-animation: header 0.5s ease;
  padding: 0rem 5.52rem;
}

.header.scrolled .logo {
  max-width: 18rem;
}

.header.scrolled .logo-menu {
  display: none;
}

.header.scrolled.menu-open {
  z-index: 9999;
  background: transparent;
  box-shadow: none;
  padding: 4.8rem 5.52rem;
}

.header.scrolled.menu-open .logo-menu img {
  width: 100%;
  margin: 0 auto;
}

.header.scrolled #menu-toggle {
  display: none;
}

.header.scrolled .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li:first-child::before {
  content: none;
}

.header.scrolled .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li:first-child::before {
  content: none;
}

.header.scrolled .nav .menu.new>li.menu-contact .hover-flip {
  color: #fff;
  background-color: #222;
}

.header.scrolled .nav .menu.new>li.menu-contact .hover-flip::before {
  color: #fff;
}

.header.logo-toggle .logo .logo-dark {
  display: none;
}

.header.logo-toggle .logo .logo-light {
  display: block;
}

.header.logo-toggle #menu-toggle span {
  background: #fff;
}

.header.logo-toggle .nav .menu>li a {
  color: #fff;
}

.header.logo-toggle .nav .menu:first-child li:first-child::before {
  background: #fff;
}

.header.logo-toggle .nav .menu:last-child li:last-child::before {
  background: #fff;
}

.header.logo-toggle .nav .menu.new>li.menu-contact .hover-flip {
  color: #222;
  background-color: #fff;
}

.header.logo-toggle .nav .menu.new>li.menu-contact .hover-flip::before {
  color: #222;
}

.header.logo-toggle.scrolled .logo .logo-dark {
  display: block;
}

.header.logo-toggle.scrolled .logo .logo-light {
  display: none;
}

.header.logo-toggle.scrolled #menu-toggle span {
  background: #222;
}

.header.logo-toggle.scrolled .nav .menu>li a {
  color: #222;
}

.header.logo-toggle.scrolled .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li:first-child::before {
  content: none;
}

.header.logo-toggle.scrolled .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li:first-child::before {
  content: none;
}

.header.logo-toggle.scrolled .nav .menu:first-child li:first-child::before {
  background: #ccc;
}

.header.logo-toggle.scrolled .nav .menu:last-child li:last-child::before {
  background: #ccc;
}

.header.logo-toggle.hovered .logo .logo-light {
  display: none;
}

.header.logo-toggle.hovered .logo .logo-dark {
  display: block;
}

.header.logo-toggle.hovered .nav .menu>li a {
  color: #222;
}

.header.logo-toggle.hovered .nav .menu:first-child>li:first-child::before {
  background: #ccc;
}

.header.logo-toggle.hovered .nav .menu:first-child>li .sub-menu-dropdown>li :first-child {
  margin-left: 0;
}

.header.logo-toggle.hovered .nav .menu:first-child>li .sub-menu-dropdown>li :first-child::before {
  content: none;
}

.header.logo-toggle.hovered .nav .menu:last-child>li:last-child::before {
  background: #ccc;
}

.full-menu {
  display: none;
  top: 0;
  left: 0;
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  background-color: #222222;
  opacity: 0;
  height: 0;
  visibility: hidden;
  transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -webkit-transform: translate3d(0, -100%, 0);
  transition: opacity 700ms step-end, transform 700ms cubic-bezier(0.8, 0, 0.55, 0.94), visibility 700ms step-end, height 700ms step-end, background-color 700ms cubic-bezier(0.8, 0, 0.55, 0.94);
  -o-transition: opacity 700ms step-end, transform 700ms cubic-bezier(0.8, 0, 0.55, 0.94), visibility 700ms step-end, height 700ms step-end, background-color 700ms cubic-bezier(0.8, 0, 0.55, 0.94);
  -webkit-transition: opacity 700ms step-end, transform 700ms cubic-bezier(0.8, 0, 0.55, 0.94), visibility 700ms step-end, height 700ms step-end, background-color 700ms cubic-bezier(0.8, 0, 0.55, 0.94);
}

.full-menu .full-menu-inner {
  width: 100%;
  height: 100%;
  padding-top: 14.6rem;
  padding-bottom: 4.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
  transition: opacity 400ms cubic-bezier(0.8, 0, 0.55, 0.94);
  -o-transition: opacity 400ms cubic-bezier(0.8, 0, 0.55, 0.94);
  -webkit-transition: opacity 400ms cubic-bezier(0.8, 0, 0.55, 0.94);
  opacity: 0;
}

.full-menu .full-menu-inner .top {
  position: relative;
  height: calc(100% - 3.2rem);
  margin-bottom: 3.2rem;
}

.full-menu .full-menu-inner .top .menu {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 41.6rem;
}

.full-menu .full-menu-inner .top .menu li {
  font-size: 6.75rem;
  line-height: 1.2;
  font-weight: 600;
  font-family: "Rajdhani", sans-serif;
  text-transform: capitalize;
}

.full-menu .full-menu-inner .top .menu li a {
  display: inline-block;
  color: #666;
  text-decoration: none;
  transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
}

.full-menu .full-menu-inner .top .menu li a.opacity {
  opacity: 0.2;
}

.full-menu .full-menu-inner .top .menu li+li {
  margin-left: 0 !important;
}

.full-menu .full-menu-inner .top .menu li:hover .fullmenu-dropdown {
  display: block;
}

.full-menu .full-menu-inner .top .fullmenu-dropdown {
  position: absolute;
  top: 0;
  left: 41.6rem;
  width: calc(100% - 41.6rem);
  height: 100%;
  overflow-y: auto;
  display: none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.full-menu .full-menu-inner .top .fullmenu-dropdown::-webkit-scrollbar {
  display: none;
}

.full-menu .full-menu-inner .top .fullmenu-dropdown>ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
}

.full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li {
  max-width: 33.3333333333%;
  width: 100%;
  margin: 0 0 5.2rem;
  padding: 3.2rem 1.92rem 0;
}

.full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li h4 {
  font-size: 2.88rem;
  color: #666;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  position: relative;
  line-height: 1.22;
  margin: 0 0 3.2rem;
}

.full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li h4::before {
  content: "";
  width: 6.72rem;
  height: 6.72rem;
  display: block;
  background-color: #333333;
  border-radius: 50%;
  top: -2.88rem;
  left: -2rem;
  position: absolute;
  z-index: -1;
}

.full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li h4 span {
  color: #fff;
  font-weight: 700;
  display: block;
}

.full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li h4 span::before {
  content: none;
}

.full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li ul {
  display: flex;
  flex-direction: column;
  height: 100%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li ul li {
  font-family: "Open Sans", sans-serif;
  font-size: 1.3rem;
  line-height: 1.89;
  padding-left: 1.6rem;
  position: relative;
}

.full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li ul li::before {
  content: "";
  width: 0.96rem;
  height: 0.96rem;
  background: #999;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0.96rem;
}

.full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li ul li a {
  font-weight: 700;
  color: #999;
}

.full-menu .full-menu-inner .bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.full-menu .full-menu-inner .bottom .social {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
  margin-left: auto;
}

.full-menu .full-menu-inner .bottom .social li a {
  display: inline-block;
  text-align: center;
  transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  -webkit-transition: opacity 0.3s ease;
}

.full-menu .full-menu-inner .bottom .social li a img {
  width: 3.6rem;
}

.full-menu .full-menu-inner .bottom .social li+li {
  margin-left: 2.88rem;
}

.full-menu.active {
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: opacity 700ms step-start, transform 700ms cubic-bezier(0.8, 0, 0.55, 0.94), visibility 700ms step-start, height 700ms step-start, background-color 700ms cubic-bezier(0.8, 0, 0.55, 0.94);
  -o-transition: opacity 700ms step-start, transform 700ms cubic-bezier(0.8, 0, 0.55, 0.94), visibility 700ms step-start, height 700ms step-start, background-color 700ms cubic-bezier(0.8, 0, 0.55, 0.94);
  -webkit-transition: opacity 700ms step-start, transform 700ms cubic-bezier(0.8, 0, 0.55, 0.94), visibility 700ms step-start, height 700ms step-start, background-color 700ms cubic-bezier(0.8, 0, 0.55, 0.94);
  visibility: visible;
  opacity: 1;
  height: 100%;
}

.full-menu.active .full-menu-inner {
  opacity: 1;
  transition: opacity 700ms cubic-bezier(0.8, 0, 0.55, 0.94) 700ms;
  -o-transition: opacity 700ms cubic-bezier(0.8, 0, 0.55, 0.94) 700ms;
  -webkit-transition: opacity 700ms cubic-bezier(0.8, 0, 0.55, 0.94) 700ms;
}

.header-top.scrolled {
  display: none;
}

/*Header Animation Start*/
@-webkit-keyframes header {
  from {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes header {
  from {
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px);
  }

  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

/*Header Animation End*/
/* header responsive */
.header .sub-menu-link .hover-flip::before {
  color: #222222;
}

.header .nav .menu>li.menu-contact .hover-flip {
  color: #ff0000;
}

.header .nav .menu>li.menu-contact .hover-flip::before {
  color: #ff0000;
}

.site-footer.footer {
  background-color: #222222;
  position: relative;
}

.site-footer.footer .container {
  max-width: 1440px;
}

.site-footer.footer .footer-content {
  display: flex;
  padding: 10.7rem 0 5.2rem;
  margin: 0 0 3rem;
}

.site-footer.footer .footer-content .left {
  flex: 0 0 74.48%;
  display: flex;
  justify-content: space-between;
  padding-right: 1.2rem;
}

.site-footer.footer .footer-content .left .content-details {
  width: calc(33.3333333333% - 1.6rem);
}

.site-footer.footer .footer-content .left .content-details .title {
  font-size: 1.6rem;
  letter-spacing: 0.16rem;
  font-weight: bold;
  margin: 0 0 2.64rem;
  text-transform: uppercase;
  color: #999999;
}

.site-footer.footer .footer-content .left .content-details .content {
  margin: 0 0 1.4rem;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 2.4;
  letter-spacing: normal;
  color: #999;
}

.site-footer.footer .footer-content .left .content-details .content ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-footer.footer .footer-content .left .content-details .content a {
  color: #999999;
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 2.4;
  letter-spacing: normal;
}

.site-footer.footer .footer-content .right {
  flex: 0 0 25.52%;
  padding-left: 0.75rem;
}

.site-footer.footer .footer-content .right .img-top,
.site-footer.footer .footer-content .right .img-middle,
.site-footer.footer .footer-content .right .img-bottom,
.site-footer.footer .footer-content .right-gptw-logo {
  max-width: 272px;
  width: 100%;
}

.site-footer.footer .footer-content .right .img-middle,
.site-footer.footer .footer-content .right .img-bottom {
  margin-top: 46px;
}

.site-footer.footer .footer-content .right-gptw-logo img {
  margin-left: auto;
  margin-top: -10.7rem;
  display: block;
  width: 120px;
}

.site-footer.footer .links-copyright {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  flex-wrap: wrap;
  gap: 20px;
}

.site-footer.footer .links-copyright .links ul {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer.footer .links-copyright .links ul li {
  margin-right: 1.6rem;
}

.site-footer.footer .links-copyright .links ul li img {
  max-width: 2.88rem;
}

.site-footer.footer .links-copyright .copyright {
  font-size: 14px;
  font-weight: normal;
  letter-spacing: 0.09rem;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px 0;
  color: #999999;
}

.site-footer.footer .links-copyright .copyright ul {
  list-style: none;
  margin: 0;
  margin-right: 1.6rem;
  padding: 0;
}

.site-footer.footer .links-copyright .copyright ul li {
  display: inline-block;
  border-left: 1px solid #999;
  padding-left: 10px;
  margin-left: 10px;
  line-height: 14px;
}

.site-footer.footer .links-copyright .copyright ul li a {
  font-size: 14px;
  text-transform: capitalize;
  letter-spacing: -0.032rem;
  color: #999999;
  text-decoration: none;
  font-weight: 400;
  text-transform: uppercase;
}

.site-footer .footer-menu {
  padding: 2.88rem 0;
  background-color: #2b2b2b;
  display: none;
}

.site-footer .footer-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
}

.site-footer .footer-menu ul li {
  padding: 0 1.44rem;
  font-family: "Bebas Neue", cursive;
  font-size: 3.7rem;
  line-height: 1;
}

.site-footer .footer-menu ul li a {
  color: #fff;
  padding: 0.4rem 1rem;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in;
}

.site-footer .footer-bottom {
  background-color: #222;
  padding: 0 0 3.68rem;
}

.site-footer .footer-bottom .social {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  padding: 4.8rem 0;
  background-color: #333;
}

.site-footer .footer-bottom .social ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
}

.site-footer .footer-bottom .social ul li {
  margin: 0 1.44rem;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
}

.site-footer .footer-bottom .social ul li:hover {
  opacity: 0.5;
}

.site-footer .footer-bottom .container {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1600px;
}

.site-footer .footer-bottom .container .location {
  width: 26.36%;
  margin-top: 6rem;
}

.site-footer .footer-bottom .container .location .image {
  margin: 0 0 2.4rem;
  width: 22.4rem;
}

.site-footer .footer-bottom .container .location .image a {
  display: inline-block;
}

.site-footer .footer-bottom .container .location p {
  font-size: 1.44rem;
  color: #999;
  line-height: 1.67;
  margin: 0 0 2.4rem;
  font-weight: 400;
}

.site-footer .footer-bottom .container .location p:last-child {
  margin: 0;
}

.site-footer .footer-bottom .container .links {
  width: 65.3%;
  display: flex;
  justify-content: space-between;
  margin-top: 7.6rem;
}

.site-footer .footer-bottom .container .links ul {
  width: 25%;
  padding: 0;
  list-style: none;
  margin: 0;
}

.site-footer .footer-bottom .container .links ul li {
  font-size: 1.44rem;
  line-height: 1.67;
  color: #999;
}

.site-footer .footer-bottom .container .links ul li:first-child a {
  font-weight: 700;
  margin-bottom: 0.64rem;
}

.site-footer .footer-bottom .container .links ul li:first-child a:hover {
  color: #999;
}

.site-footer .footer-bottom .container .links ul li a {
  text-decoration: none;
  color: #999;
  display: inline-block;
}

.site-footer .footer-bottom .container .links ul li a:hover {
  color: var(--white);
}

.site-footer .footer-bottom .container .bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 2.4rem;
  border-top: 1px solid #444;
  padding-top: 2.4rem;
}

.site-footer .footer-bottom .container .bottom .social-small {
  display: flex;
}

.site-footer .footer-bottom .container .bottom .social-small ul {
  padding: 0;
  list-style: none;
  margin: 0;
  display: flex;
}

.site-footer .footer-bottom .container .bottom .social-small ul li {
  margin: 0 0.64rem;
  transition: all 0.3s ease-in;
  opacity: 0.5;
  width: 2.88rem;
}

.site-footer .footer-bottom .container .bottom .social-small ul li:first-child {
  margin-left: 0;
}

.site-footer .footer-bottom .container .bottom .social-small ul li:last-child {
  margin-right: 0;
}

.site-footer .footer-bottom .container .bottom .social-small ul li:hover {
  opacity: 1;
}

.site-footer .footer-bottom .container .bottom .copyright {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.site-footer .footer-bottom .container .bottom .copyright .image {
  max-width: 3.2rem;
  width: 100%;
}

.site-footer .footer-bottom .container .bottom .copyright p {
  font-size: 1.44rem;
  color: #999;
  line-height: 1.67;
  margin: 0 0 2.4rem;
  font-weight: 400;
  margin: 0;
}

.site-footer .footer-bottom .container .bottom-links {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}

.site-footer .footer-bottom .container .bottom-links .left {
  width: 50%;
  margin-top: 3.9rem;
}

.site-footer .footer-bottom .container .bottom-links .left ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.site-footer .footer-bottom .container .bottom-links .left ul li {
  padding: 0 0.81rem;
  font-size: 1.35rem;
  display: inline-block;
  color: rgba(255, 255, 255, 0.5);
}

.site-footer .footer-bottom .container .bottom-links .left ul li:first-child {
  font-weight: 700;
}

.site-footer .footer-bottom .container .bottom-links .left ul li:first-child a:hover {
  color: rgba(255, 255, 255, 0.5);
}

.site-footer .footer-bottom .container .bottom-links .left ul li+li {
  margin-left: 0.32rem;
}

.site-footer .footer-bottom .container .bottom-links .left ul li a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
  line-height: 2rem;
  font-size: 1.35rem;
  margin: 0 0 1.6rem;
  display: inline-block;
  font-weight: 400;
}

.site-footer .footer-bottom .container .bottom-links .left ul li a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.site-footer .footer-bottom .container .bottom-links .left ul li:first-child a {
  font-weight: 700;
}

.site-footer .footer-bottom .container .bottom-links .right {
  margin-top: 3.9rem;
  width: 50%;
}

.site-footer .footer-bottom .container .bottom-links .right p {
  color: rgba(255, 255, 255, 0.5);
  font-size: 1.35rem;
  font-weight: 400;
  line-height: 2rem;
  margin: 0 0 1.6rem;
  text-align: right;
  padding: 0.1rem 0;
}

.site-footer .footer-bottom .container .bottom-links .right p strong:first-child {
  margin-right: 1.94rem;
}

.site-footer .footer-bottom .container .bottom-links .right p br {
  display: none;
}

.site-footer .footer-bottom .container .bottom-links .right ul {
  margin: 0;
  padding: 0;
  list-style: none;
  text-align: right;
}

.site-footer .footer-bottom .container .bottom-links .right ul li {
  padding: 0 0.81rem;
  font-size: 1.35rem;
  display: inline-block;
  color: rgba(255, 255, 255, 0.5);
}

.site-footer .footer-bottom .container .bottom-links .right ul li:first-child {
  font-weight: 700;
}

.site-footer .footer-bottom .container .bottom-links .right ul li:first-child a:hover {
  color: rgba(255, 255, 255, 0.5);
}

.site-footer .footer-bottom .container .bottom-links .right ul li+li {
  margin-left: 0.32rem;
}

.site-footer .footer-bottom .container .bottom-links .right ul li a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.5);
  line-height: 2rem;
  font-size: 1.35rem;
  margin: 0 0 1.6rem;
  display: inline-block;
  font-weight: 400;
}

.site-footer .footer-bottom .container .bottom-links .right ul li a:hover {
  color: rgba(255, 255, 255, 0.8);
}

.site-footer .footer-bottom .container .bottom-links .right ul li:first-child a {
  font-weight: 700;
}

.site-footer .home-form {
  max-width: 71.25rem;
  width: 100%;
  margin: 0 auto;
  -webkit-box-shadow: none;
  box-shadow: none;
  position: relative;
}

.site-footer .home-form .contact-form {
  padding: 0;
  background: 0 0;
  display: flex;
  margin: 0 0 2rem;
  flex-direction: column;
}

.site-footer .home-form .contact-form .form-group {
  position: relative;
  display: block;
  min-height: 46px;
  border: 1px solid #222;
  padding-top: 10px;
  margin: 0 !important;
  border-top-left-radius: 0.2rem;
  border-bottom-left-radius: 0.2rem;
  width: 100%;
}

.site-footer .home-form .contact-form .form-group .wpcf7-form-control-wrap {
  width: 100%;
}

.site-footer .home-form .contact-form .form-group .form-control {
  color: #222;
  height: 36px;
  padding: 0 10px;
  font-size: 14px;
}

.site-footer .home-form .contact-form .form-group .label-wrap {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  pointer-events: none;
  cursor: text;
  position: absolute;
  bottom: 0;
  left: 0;
}

.site-footer .home-form .contact-form .form-group .label-wrap .label {
  color: #222;
  font-size: 14px;
  padding-left: 20px;
  position: absolute;
  left: 0;
  bottom: calc(50% - 0.45rem);
  line-height: 1;
  pointer-events: none;
  transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -webkit-transition: all 0.2s ease-out;
  will-change: all, opacity, font-size;
  font-weight: 500;
}

.site-footer .home-form .contact-form .form-group .label-wrap::after {
  content: "";
  box-sizing: border-box;
  width: 0;
  height: 2px;
  background-color: #999;
  position: absolute;
  bottom: 0;
  left: 0;
  will-change: width;
  transition: width 285ms ease-out;
  -o-transition: width 285ms ease-out;
  -webkit-transition: width 285ms ease-out;
}

.site-footer .home-form .contact-form .form-group .label-wrap.up .label {
  padding-left: 10px;
  font-size: 11px;
  bottom: calc(100% - 16px);
}

.site-footer .home-form .contact-form .btn {
  border-radius: 4px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  flex: 1 0 auto;
  background-color: #222;
}

.site-footer .footer-middle {
  background-color: #111111;
  padding: 40px 0 46px;
}

.site-footer .footer-middle .dmca-link-footer {
  margin-bottom: -50px;
  display: flex;
}

.site-footer .footer-middle .dmca-link-footer img {
  width: auto;
}

.site-footer .footer-middle .center-link {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 30px;
  padding: 0;
  list-style: none;
}

.site-footer .footer-middle .center-link a {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  text-decoration: none;
}

.site-footer .footer-middle .social-links-row {
  margin-top: 54px;
}

.site-footer .footer-middle .social-links-row .social-link {
  display: flex;
  justify-content: center;
  gap: 20px;
  list-style: none;
}

@media (max-width: 1199px) {
  .site-footer .footer-middle {
    padding: 30px 0 36px;
  }

  .site-footer .footer-middle .dmca-link-footer {
    margin-bottom: 20px;
    justify-content: center;
  }
}

@media (max-width: 767px) {

  .site-footer.footer .footer-content .right .img-top,
  .site-footer.footer .footer-content .right .img-middle,
  .site-footer.footer .footer-content .right .img-bottom,
  .site-footer.footer .footer-content .right .right-gptw-logo {
    margin-left: auto;
    margin-right: auto;
  }
}

.slider {
  height: calc(100vh - 9rem);
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.slider .content {
  max-width: 70rem;
  width: 100%;
  margin-left: 12rem;
  height: 100%;
}

.slider .content .text {
  margin-top: 7rem;
}

.slider .content .text h3 {
  font-weight: 500;
  margin: 0 0 1rem;
  color: var(--light-gray);
}

.slider .content .text h1,
.slider .content .text h2 {
  font-family: var(--font-family-primary);
  line-height: 1.2;
  margin-bottom: 3.5rem;
  font-size: 5.8rem;
  font-weight: 700;
}

.slider .content .text p {
  font-size: 3.2rem;
  font-weight: 500;
  margin: 0 0 2.5rem;
  font-family: "Rajdhani", sans-serif;
  line-height: 1.3;
  color: var(--gray);
}

.slider .image {
  width: 55rem;
  bottom: 22vh;
  right: 13rem;
  max-height: 70vh;
  max-width: 100%;
  position: relative;
  position: absolute;
  border-radius: 1rem;
  overflow: hidden;
}

.slider .image::before {
  content: "";
  display: block;
  padding-bottom: 85%;
}

.slider .image img,
.slider .image .lottie-wrapper {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  object-fit: cover;
}

.slider .image .lottie-wrapper {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  object-fit: cover;
}

.slider .image.lottie-image::before {
  padding-bottom: 100%;
}

.slider .image-1 {
  width: 80rem;
  max-height: 70vh;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}

.slider .image-1::before {
  content: "";
  display: block;
  padding-bottom: 82%;
}

.slider .image-1 img,
.slider .image-1 .lottie-wrapper {
  top: 50%;
  left: 50%;
  position: absolute;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  object-fit: cover;
}

/* slider responsive */
.scroll-downs {
  margin: 1rem 0 2rem;
}

.mousey {
  width: 2px;
  padding: 7px 12px;
  height: 28px;
  border: 2px solid #000;
  border-radius: 25px;
  opacity: 0.75;
  box-sizing: content-box;
  margin: 0 auto;
}

.scroller {
  width: 2px;
  height: 6px;
  border-radius: 25%;
  background-color: #000;
  animation-name: scroll;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
  animation-iteration-count: infinite;
}

@keyframes scroll {
  0% {
    opacity: 0;
  }

  10% {
    transform: translateY(0);
    opacity: 1;
  }

  100% {
    transform: translateY(15px);
    opacity: 0.5;
  }
}

.about-slider.slider {
  height: 100%;
  padding: 19rem 0;
}

.about-slider.slider .content .text h2,
.about-slider.slider .content .text h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 5.8rem;
  font-weight: 700;
  margin-bottom: 3.5rem;
  line-height: 1.2;
}

.about-slider.slider .content .text h2::after,
.about-slider.slider .content .text h1::after {
  content: none;
}

.about-slider.slider .content .text p {
  color: var(--gray);
}

.about-slider.slider .image {
  bottom: 11rem;
}

.about-slider.slider .image .lottie-wrapper {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 90%;
  height: 90%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.full-width-img {
  position: relative;
  padding-bottom: 43.95%;
  margin: 9rem 0 16rem;
}

.full-width-img img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  object-fit: cover;
}

.section-links {
  margin-top: 3.5rem;
}

.section-links ul {
  list-style: none;
  padding: 0;
}

.section-links ul li {
  display: inline-block;
}

.section-links ul li a {
  font-family: "Rajdhani", sans-serif;
  text-transform: uppercase;
  color: var(--gray);
  font-size: 1.85rem;
  width: 12rem;
  display: block;
  padding: 0.7rem 0 0.5rem;
  text-align: center;
  border: 1px solid #ccc;
  border-left: 0;
  font-weight: 500;
}

.section-links ul li a:hover {
  background: #eaeaea;
  color: var(--gray);
}

.section-links ul li:first-child a {
  border-left: 1px solid #ccc;
  border-bottom-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
}

.section-links ul li:last-child a {
  border-bottom-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.building-apps,
.thinkahead {
  margin: 0 0 8rem;
}

.building-apps .header-content,
.thinkahead .header-content {
  max-width: 107.5rem;
  margin: 0 auto;
  text-align: center;
}

.building-apps .header-content p,
.thinkahead .header-content p {
  margin: 0 0 2.4rem;
}

.about-global.global {
  background-color: var(--white);
}

.about-global.global ul {
  padding: 0;
}

.about-global.global ul>li {
  text-align: center;
}

.about-global.global ul>li>span::after {
  content: "";
  width: 6rem;
  height: 0.3rem;
  background: #ccc;
  position: absolute;
  bottom: 0;
  top: auto !important;
  right: auto !important;
  left: 0;
  transform: translateX(0);
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
}

.about-global.global ul>li span {
  font-size: 7.4rem;
  font-weight: 500;
}

.about-global.global ul>li span::after {
  color: var(--black);
  top: -2rem;
  right: -0.5rem;
}

.about-global.global ul>li span p {
  margin: 0 0 1.8rem;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 400;
  font-family: "Open Sans", sans-serif;
}

.about-global.global ul>li::after {
  content: none;
}

.thinkahead {
  padding: 20rem 0 0;
  margin: 0;
}

.thinkahead .header-content {
  max-width: 85rem;
}

.thinkahead .image {
  margin: 7rem 0 0;
}

.focus {
  padding: 22rem 0 0;
  overflow: hidden;
}

.focus .header-content {
  max-width: 98.5rem;
  margin: 0 auto;
  text-align: center;
}

.focus .focus-logos {
  padding: 3rem 0 0;
  background-color: var(--white);
  display: flex;
  justify-content: center;
}

.focus .focus-logos ul {
  list-style: none;
  width: 80%;
  float: left;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 0;
  background-color: var(--white);
  margin: 0 0 5rem;
  display: flex;
  justify-content: center;
}

.focus .focus-logos ul li {
  width: 15.5%;
  float: left;
  position: relative;
  margin: 2rem 0;
}

.focus .focus-logos ul li::after {
  content: "";
  display: block;
  padding-bottom: 48.25%;
}

.focus .focus-logos ul li img {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  object-fit: scale-down;
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(0.7);
  -moz-transform: translate(-50%, -50%) scale(0.7);
  -webkit-transform: translate(-50%, -50%) scale(0.7);
}

.awards,
.our-work {
  padding: 16rem 0 0;
}

.awards .header-content,
.our-work .header-content {
  max-width: 99rem;
  margin: 0 auto 5.4rem;
  text-align: center;
}

.awards .awards-box,
.our-work .awards-box {
  border: 1px solid #dbdbdb;
  border-radius: 1rem;
  padding: 2rem;
  text-align: center;
  height: 170px;
  position: relative;
}

.awards .awards-box img,
.our-work .awards-box img {
  max-width: 80%;
  top: 50%;
  left: 50%;
  position: absolute;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%) scale(0.85);
  -moz-transform: translate(-50%, -50%) scale(0.85);
  -webkit-transform: translate(-50%, -50%) scale(0.85);
  z-index: 1;
}

.awards ul,
.our-work ul {
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  padding: 0;
  margin: 0;
}

.awards ul li,
.our-work ul li {
  width: calc(20% - 2.7rem);
  display: inline-block;
  margin: 0 1.5rem 1rem;
}

.awards ul li:first-child,
.our-work ul li:first-child {
  margin-left: 0;
}

.awards ul li:last-child,
.our-work ul li:last-child {
  margin-right: 0;
}

.awards .col-lg-3:nth-child(-n+4):nth-child(odd) .awards-box::before,
.our-work .col-lg-3:nth-child(-n+4):nth-child(odd) .awards-box::before {
  content: "";
  width: 85%;
  height: 70%;
  background-color: #fff;
  position: absolute;
  right: -2px;
  bottom: -2px;
  z-index: 0;
}

.awards .col-lg-3:nth-child(-n+4):nth-child(odd) .awards-box::after,
.our-work .col-lg-3:nth-child(-n+4):nth-child(odd) .awards-box::after {
  content: "";
  width: 85%;
  height: 70%;
  background-color: #fff;
  position: absolute;
  left: -2px;
  top: -2px;
  z-index: 0;
}

.awards .col-lg-3:nth-child(n+5):nth-child(even) .awards-box::before,
.our-work .col-lg-3:nth-child(n+5):nth-child(even) .awards-box::before {
  content: "";
  width: 85%;
  height: 70%;
  background-color: #fff;
  position: absolute;
  right: -2px;
  bottom: -2px;
  z-index: 0;
}

.awards .col-lg-3:nth-child(n+5):nth-child(even) .awards-box::after,
.our-work .col-lg-3:nth-child(n+5):nth-child(even) .awards-box::after {
  content: "";
  width: 85%;
  height: 70%;
  background-color: #fff;
  position: absolute;
  left: -2px;
  top: -2px;
  z-index: 0;
}

.awards .awards-text,
.our-work .awards-text {
  padding: 1.5rem 0 1rem;
}

.awards .awards-text p,
.our-work .awards-text p {
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.3;
}

.about-awards {
  padding: 20rem 0 0;
}

.about-awards .header-content {
  flex: 0 0 40.5rem;
  margin: 10rem 0 5rem;
  padding-right: 8rem;
}

.about-awards .header-content p {
  margin: 0 0 2.2rem;
}

.about-awards .awards-name {
  position: relative;
}

.about-awards .awards-name::after {
  content: "";
  width: 100%;
  height: calc(100% - 4rem);
  background: #fafafa;
  position: absolute;
  z-index: -1;
  top: 4rem;
  left: -4rem;
}

.about-awards .awards-box {
  border: 1px solid #dbdbdb;
  border-radius: 1rem;
  padding: 2rem;
  text-align: center;
  height: 170px;
  position: relative;
  background: var(--white);
}

.about-awards .awards-box img {
  max-width: 80%;
  top: 50%;
  left: 50%;
  position: absolute;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%) scale(0.75);
  -moz-transform: translate(-50%, -50%) scale(0.75);
  -webkit-transform: translate(-50%, -50%) scale(0.75);
  z-index: 1;
}

.about-awards ul {
  list-style: none;
  display: flex;
  flex-flow: row wrap;
  padding: 0;
  margin: 0;
}

.about-awards ul li {
  width: calc(20% - 2.7rem);
  display: inline-block;
  margin: 0 1.5rem 1rem;
}

.about-awards ul li:first-child {
  margin-left: 0;
}

.about-awards ul li:last-child {
  margin-right: 0;
}

.about-awards .col-lg-3:nth-child(-n+4):nth-child(odd) .awards-box::before {
  content: "";
  width: 85%;
  height: 70%;
  background-color: #fff;
  position: absolute;
  right: -2px;
  bottom: -2px;
  z-index: 0;
}

.about-awards .col-lg-3:nth-child(-n+4):nth-child(odd) .awards-box::after {
  content: "";
  width: 85%;
  height: 70%;
  background-color: #fff;
  position: absolute;
  left: -2px;
  top: -2px;
  z-index: 0;
}

.about-awards .col-lg-3:nth-child(n+5):nth-child(even) .awards-box::before {
  content: "";
  width: 85%;
  height: 70%;
  background-color: #fff;
  position: absolute;
  right: -2px;
  bottom: -2px;
  z-index: 0;
}

.about-awards .col-lg-3:nth-child(n+5):nth-child(even) .awards-box::after {
  content: "";
  width: 85%;
  height: 70%;
  background-color: #fff;
  position: absolute;
  left: -2px;
  top: -2px;
  z-index: 0;
}

.about-awards .awards-text {
  padding: 1.5rem 0 1rem;
}

.about-awards .awards-text p {
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  line-height: 1.6;
  color: var(--dark-gray);
  margin-bottom: 2.2rem;
}

.our-work {
  padding: 0 0 16rem;
}

.our-work .awards-box {
  height: 145px;
  margin-bottom: 2.5rem;
}

.partners-home {
  padding: 25rem 0 0;
}

.partners-home .text {
  max-width: 42rem;
  text-align: center;
  margin: 0 auto 3rem;
}

.partners-home .image {
  position: relative;
  margin-left: 5.5rem;
  border: 1px solid #dbdbdb;
  border-radius: 1rem;
  margin: 0 auto 1.5rem;
  overflow: hidden;
  max-width: 42rem;
  position: relative;
}

.partners-home .image::before {
  content: "";
  display: block;
  padding-bottom: 33%;
}

.partners-home .image img {
  object-fit: cover;
  top: 50%;
  left: 50%;
  position: absolute;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%) scale(0.75);
  -moz-transform: translate(-50%, -50%) scale(0.75);
  -webkit-transform: translate(-50%, -50%) scale(0.75);
}

.partners-home .partners-logo {
  margin: 0;
  padding: 0;
  list-style: none;
  justify-content: center;
  max-width: 97.2rem;
  margin: 0 auto;
}

.partners-home .partners-logo>li {
  margin: 1rem;
  width: calc(20% - 2rem);
  border-radius: 1rem;
  border: 1px solid #dbdbdb;
  max-width: 100%;
  position: relative;
}

.partners-home .partners-logo>li::before {
  content: "";
  display: block;
  padding-bottom: 55%;
}

.partners-home .partners-logo>li:nth-child(4) {
  margin-right: 10%;
}

.partners-home .partners-logo>li:nth-child(5) {
  margin-left: 10%;
}

.partners-home .partners-logo>li img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.partners-home .bottom-text {
  text-align: center;
  max-width: 90rem;
  margin: 3rem auto 0;
}

.partners-home .bottom-text p {
  margin-bottom: 3rem;
}

.global-presence {
  padding: 22rem 0 26rem;
}

.global-presence .text h2 {
  margin: 0 0 0.5rem;
}

.global-presence .text h4 {
  font-size: 3.6rem;
  font-weight: 300;
  margin: 0 0 2rem;
}

.global-presence .text p {
  font-size: 2.4rem;
}

.global-presence .connect-box {
  padding-left: 4.5rem;
  padding-right: 8rem;
  position: relative;
}

.global-presence .connect-box p {
  font-size: 1.97rem;
  margin-top: 3rem;
}

.global-presence .connect-box::after {
  content: "";
  position: absolute;
  width: 100%;
  height: calc(100% - 2.5rem);
  top: 4.8rem;
  background-color: #fafafa;
  z-index: -1;
  left: 0;
}

.global-presence .connect-right-box {
  position: relative;
}

.global-presence .connect-right-box::before {
  content: "";
  position: absolute;
  width: 2px;
  height: 32rem;
  background-color: #cccccc;
  margin-top: 3rem;
}

.global-presence .connect-right-box::after {
  content: "";
  position: absolute;
  background-color: #fafafa;
  width: 86%;
  height: 72%;
  top: 0;
  top: 3rem;
  z-index: -1;
  left: 12rem;
}

.global-presence .connect-right-box .box-content {
  margin: -8rem 0 0 3.5rem;
}

.global-presence .connect-right-box img {
  margin: 0 0 3rem;
}

.global-presence .connect-right-box p {
  font-size: 2.1rem;
  margin: 0 0 2.5rem;
}

.global-presence .connect-right-box .btn {
  margin-top: 1.2rem;
}

.client-testimonials {
  margin: 0 0 16rem;
}

.client-testimonials .header-content {
  max-width: 86.15rem;
  margin: 0 auto 7.4rem;
  text-align: center;
}

.client-testimonials .testimonials {
  text-align: center;
}

.client-testimonials .testimonials .testimonial-pic {
  width: 12.6rem;
  margin: 0 auto 1.8rem;
}

.client-testimonials .testimonials .testimonial-pic .rounded-img {
  position: relative;
  padding-bottom: 100%;
}

.client-testimonials .testimonials .testimonial-pic .rounded-img::before {
  content: "";
  background: url(assets/images/left-quote.svg) no-repeat;
  background-size: 100%;
  position: absolute;
  width: 3.2rem;
  height: 3.2rem;
  left: -5rem;
  bottom: 1.2rem;
}

.client-testimonials .testimonials .testimonial-pic .rounded-img::after {
  content: "";
  background: url(assets/images/right-quote.svg) no-repeat;
  background-size: 100%;
  position: absolute;
  width: 3.2rem;
  height: 3.2rem;
  right: -5rem;
  bottom: 1.2rem;
}

.client-testimonials .testimonials .testimonial-pic .rounded-img img {
  object-fit: cover;
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  border-radius: 50%;
  overflow: hidden;
}

.client-testimonials .testimonials .client-detail p {
  color: var(--dark-gray);
}

.client-testimonials .testimonials .client-detail p.client-text {
  line-height: 1.9;
  font-size: 2.4rem;
  position: relative;
}

.client-testimonials .testimonials .client-detail p.client-text::after {
  content: "";
  width: 11rem;
  position: absolute;
  display: block;
  height: 4px;
  left: 50%;
  transform: translateX(-50%);
  background: var(--primary);
  margin-top: 3rem;
}

.client-testimonials .lSSlideOuter .lSPager.lSpg>li {
  padding: 0 2px;
}

.client-testimonials .lSSlideOuter .lSPager.lSpg>li a {
  background-color: #ebebeb;
  border-radius: 0;
  height: 0.4rem;
  width: 9rem;
}

.client-testimonials .lSSlideOuter .lSPager.lSpg>li.active a {
  background-color: var(--primary);
}

.about-fortune.fortune {
  margin: 10rem 0 0;
}

.about-fortune.fortune .clients-logo {
  background: var(--white);
}

.about-team .leaders-wrap {
  margin: 0;
}

.about-team .leaders-wrap .leaders .content h4 {
  font-weight: 600;
}

.about-team .leaders-wrap .leaders .content h4 span {
  font-weight: 400;
}

.about-team .team-main-wrap {
  margin: 0;
  padding: 0;
}

.about-team .team-main-wrap .section-head.text-center {
  margin: 0 auto 3rem;
}

.about-team .about-leaders ul {
  list-style: none;
  margin: 0 auto;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  width: 82%;
  justify-content: center;
}

.about-team .about-leaders ul li {
  width: calc(20% - 3rem);
  margin: 1.5rem 1.5rem 3rem;
  display: inline-block;
}

.about-team .about-leaders ul li .overlay {
  position: relative;
  border: 1px solid #ebebeb;
  border-radius: 1rem;
  overflow: hidden;
  transition: all 0.3s ease;
}

.about-team .about-leaders ul li .overlay .profile-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: all 0.3s ease;
  background-color: rgba(0, 0, 0, 0.2);
}

.about-team .about-leaders ul li .overlay .profile-link img {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scale(0);
  width: 6rem;
  transition: all 0.5s ease;
}

.about-team .about-leaders ul li .overlay:hover .profile-link {
  opacity: 1;
}

.about-team .about-leaders ul li .overlay:hover .profile-link img {
  transform: scale(1);
}

.about-team .about-leaders ul li h4 {
  font-family: var(--font-family-primary);
  font-size: 1.8rem;
  font-weight: 600;
  margin: 1.5rem 0 0;
}

.about-team .about-leaders ul li p {
  font-size: 1.2rem;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--gray);
}

.team-slider.slider {
  height: 100%;
  margin: 7rem 0 5rem;
  padding: 10rem 0 6rem;
}

.team-slider.slider .image {
  bottom: 0;
  right: 0;
  max-height: none;
  width: 90%;
  position: relative;
  overflow: hidden;
  margin-left: auto;
  max-width: 100%;
  position: relative;
}

.team-slider.slider .image::before {
  content: "";
  display: block;
  padding-bottom: 75%;
}

.team-slider.slider .image .lottie-wrapper {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1.75);
  -moz-transform: translate(-50%, -50%) scale(1.75);
  -webkit-transform: translate(-50%, -50%) scale(1.75);
  top: 60% !important;
}

.team-slider.slider .content {
  margin-left: 0;
  max-width: 100%;
}

.team-slider.slider .content .text {
  margin-top: 15rem;
}

.team-slider.slider .content .text h2,
.team-slider.slider .content .text h1 {
  font-family: var(--font-family-primary);
  font-size: 5.6rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.3px;
  margin-bottom: 3rem;
}

.team-slider.slider .content .text h2::after,
.team-slider.slider .content .text h1::after {
  content: none;
}

.team-slider.slider .content .text p {
  color: var(--light-gray);
}

.team-main-wrap .section-head.text-center {
  max-width: 120rem;
  margin: 0 auto;
}

.about-wrap {
  margin: 10rem 0 0;
}

.team-main-wrap {
  position: relative;
  margin: 0 0 6rem;
  padding: 0 0 6rem;
}

.leaders-wrap {
  margin: 0 0 10rem;
  padding: 8rem 0 0;
}

.leaders-wrap .leaders {
  margin: 2rem 4rem;
}

.leaders-wrap .leaders .thumbnail {
  float: left;
  width: 12.5rem;
  overflow: hidden;
  border: 1px solid #ebebeb;
}

.leaders-wrap .leaders .thumbnail img {
  width: auto;
}

.leaders-wrap .leaders .content {
  margin: 0 0 0 14.5rem;
}

.leaders-wrap .leaders .content h4 {
  font-family: var(--font-family-primary);
  font-size: 1.6rem;
  font-weight: 600;
  position: relative;
  padding: 0 0 0 3rem;
  margin: 0 0 0.6rem;
}

.leaders-wrap .leaders .content h4::before {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  display: block;
  top: 0.4rem;
  left: 0;
  position: absolute;
  background: #fe6666;
}

.leaders-wrap .leaders .content h4::after {
  content: "";
  width: 1.4rem;
  height: 1.4rem;
  display: block;
  top: 1rem;
  left: 0.7rem;
  position: absolute;
  outline: 2px solid var(--white);
  outline-offset: -2px;
  background: var(--primary);
}

.leaders-wrap .leaders .content p {
  font-size: 1.6rem;
}

.teams {
  width: calc(16.6666666667% - 3rem);
  text-align: center;
  margin: 1.5rem;
  border: 1px solid #ebebeb;
  background: #f5f5f5;
}

.teams .thumbnail {
  width: 100%;
  overflow: hidden;
  display: inline-block;
}

.teams .thumbnail img {
  filter: gray;
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
}

.teams p {
  font-size: 1.4rem;
  font-weight: 400;
  text-align: center;
  margin: 0.4rem 0 0.8rem;
}

.all-team {
  width: 85%;
  margin: 0 auto;
}

.all-team .section-head {
  margin: 7rem auto 2rem !important;
}

.all-team .section-head h2 {
  font-size: 3.6rem;
  margin: 0;
}

.middle-banner {
  overflow: hidden;
  position: relative;
  border-radius: 1rem;
  margin: 0 0 16rem;
}

.middle-banner .text {
  top: 50%;
  right: 15rem;
  position: absolute;
  transform: translateY(-50%);
  max-width: 33rem;
}

.middle-banner .text h4 {
  font-family: var(--font-family-primary);
  color: var(--white);
  font-size: 3.4rem;
  line-height: 1.1;
  font-weight: 400;
  letter-spacing: -0.1rem;
  margin: 0 0 1rem;
}

.middle-banner .text .link {
  color: var(--white);
}

.different {
  margin: 14rem 0 28rem;
}

.different ol {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: counter;
}

.different ol>li {
  float: left;
  counter-increment: counter;
  position: relative;
}

.different ol>li::before {
  content: "0" counter(counter);
  font-family: var(--font-family-secondary);
  font-size: 4.8rem;
  line-height: 1;
  top: -2rem;
  left: -1rem;
  position: absolute;
}

.different ol>li .text {
  font-size: 2.4rem;
  font-weight: 300;
  padding: 2.6rem 3.2rem;
  background: #efefef;
  margin: 0 2rem 0 3rem;
  border-radius: 1rem;
}

.why {
  margin: 0 0 14rem;
  position: relative;
}

.why .lottie-wrapper {
  width: 100%;
  margin-top: -6rem;
  max-width: 100%;
  position: relative;
}

.why .lottie-wrapper::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.why .lottie-wrapper>* {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1.25);
  -moz-transform: translate(-50%, -50%) scale(1.25);
  -webkit-transform: translate(-50%, -50%) scale(1.25);
}

.why .from {
  margin: 0 0 4rem;
  background: var(--primary);
  padding: 3rem 10rem 3rem 5rem;
  max-width: 62rem;
  border-radius: 1rem;
}

.why .from h3 {
  color: var(--white);
  margin-bottom: 0;
  line-height: 1.45;
}

.why .text {
  margin: -20rem 10rem 0 6rem;
}

.what {
  margin: 0 0 10rem;
}

.service-box .thumb {
  overflow: hidden;
  max-width: 100%;
  position: relative;
}

.service-box .thumb::before {
  content: "";
  display: block;
  padding-bottom: 44.44%;
}

.service-box .thumb img {
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}

.service-box:hover .thumb img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1.05);
  -moz-transform: translate(-50%, -50%) scale(1.05);
  -webkit-transform: translate(-50%, -50%) scale(1.05);
}

.service-box .title {
  padding: 2rem 3rem;
  border: solid 1px #e5e5e5;
  background-color: var(--white);
}

.service-box .title h4 {
  margin: 0;
  color: var(--black);
  font-size: 2rem;
  line-height: 1.4;
  font-weight: 300;
  font-family: var(--font-family-primary);
}

.service-box .title h4 a {
  color: var(--black);
  transition: 0.3s ease all;
}

.service-box .title h4 a:hover {
  box-shadow: inset 0 -1px var(--black);
}

.journey {
  margin: 0 0 10rem;
}

.business {
  margin: 0 0 10rem;
}

.business .text {
  margin: 0 10rem 0 10rem;
}

.business .image {
  margin: 0 9rem;
}

.chatboats {
  margin: 0 0 10rem;
}

.chatboats .text {
  margin: 0 4rem 0 6rem;
}

.chatboats .image {
  margin: 0 9rem;
}

.global {
  background-color: #fafafa;
}

.global .section-head {
  padding: 6.15rem 0 0;
  margin: 0 0 4.95rem;
}

.global ul {
  margin: 0;
  padding: 0;
  list-style: none;
  padding: 0 0 4.8rem;
}

.global ul>li {
  width: 100%;
  max-width: 36rem;
  text-align: center;
  position: relative;
}

.global ul>li::after {
  content: "";
  width: 6rem;
  height: 0.3rem;
  background: #ccc;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
}

.global ul>li span {
  margin: 0 0 1rem;
  color: var(--black);
  font-size: 7.4rem;
  font-weight: 500;
  line-height: 1;
  position: relative;
  display: inline-block;
  font-family: var(--font-family-secondary);
}

.global ul>li span::after {
  content: "+";
  color: #cccccc;
  font-size: 3.8rem;
  font-weight: 800;
  line-height: 1;
  font-family: var(--font-family-primary);
  top: -1.5rem;
  right: 0;
  position: absolute;
  transform: translateX(60%);
  -moz-transform: translateX(60%);
  -webkit-transform: translateX(60%);
}

.global ul>li p {
  margin: 0 0 1.8rem;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 400;
}

.fortune {
  margin: 14rem 0 20rem;
}

.fortune h3 {
  margin: 0 0 0 2.5rem;
}

.fortune p {
  font-size: 2rem;
  margin: 0 50% 2.6rem 2.5rem;
}

.fortune .btn-gray {
  margin-right: 2rem;
}

.fortune .clients-logo {
  position: relative;
  padding: 4rem 2rem;
  background: #efefef;
  margin: 0 2.5rem 2rem;
  border-radius: 1rem;
}

.fortune .clients-logo .patch {
  width: 1.6rem;
  height: 1.6rem;
  background-color: #efefef;
  display: block;
  position: absolute;
  border-radius: 0.3rem;
}

.fortune .clients-logo .patch::before,
.fortune .clients-logo .patch::after {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  display: block;
  background-color: #efefef;
  position: absolute;
  border-radius: 0.4rem;
}

.fortune .clients-logo .patch.left {
  left: -2.6rem;
}

.fortune .clients-logo .patch.left::before {
  right: 0rem;
}

.fortune .clients-logo .patch.top {
  top: -2.6rem;
}

.fortune .clients-logo .patch.bottom {
  bottom: -2.6rem;
}

.fortune .clients-logo .patch.right {
  right: -2.6rem;
}

.fortune .clients-logo .patch.right.top::before {
  right: 2.6rem;
  bottom: 0;
}

.fortune .clients-logo .patch.right.top::after {
  bottom: -3.6rem;
  left: 0rem;
}

.fortune .clients-logo .patch.left.bottom::before {
  bottom: 2.6rem;
}

.fortune .clients-logo .patch.left.bottom::after {
  left: 2.6rem;
}

.fortune .clients-logo .patch.left.top::before {
  left: 2.6rem;
  bottom: 0;
}

.fortune .clients-logo .patch.left.top::after {
  bottom: -3.6rem;
  right: 0rem;
}

.fortune .clients-logo ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.fortune .clients-logo ul>li {
  width: 16.6666666667%;
  margin: 2rem 0;
  text-align: center;
}

.fortune .clients-logo ul>li img {
  width: auto;
  transform: scale(0.8);
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
}

.portfolio-home {
  height: 100vh;
  overflow: hidden;
  background: #fafafa;
  border-bottom: 1px solid #ebebeb;
  border-top: 1px solid #ebebeb;
  position: relative;
}

.portfolio-home .portfolio-lists {
  margin: 0;
  padding: 0;
  list-style: none;
  position: relative;
}

.portfolio-home .portfolio-lists>li {
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.portfolio-home .portfolio-lists .portfolio-left {
  padding: 0 6rem 0 5rem;
  height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.portfolio-home .portfolio-lists .portfolio-left .portfolio-left-inner {
  margin-top: 7rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.portfolio-home .portfolio-lists .portfolio-left .top-text {
  margin: 5rem 0 9rem;
  position: relative;
  transform: translateX(-100px);
}

.portfolio-home .portfolio-lists .portfolio-left .top-text::before {
  content: "";
  width: 22rem;
  height: 22rem;
  display: block;
  border: 2px solid #707070;
  border-radius: 100%;
  top: 50%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: -1;
}

.portfolio-home .portfolio-lists .portfolio-left .top-text h3 {
  font-weight: 500;
  line-height: 1.25;
  background: #fafafa;
  margin: 0;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo {
  margin: 0 0 2.4rem;
  max-width: 7.6rem;
  position: relative;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch {
  width: 1.6rem;
  height: 1.6rem;
  background-color: #f2739f;
  display: block;
  position: absolute;
  border-radius: 0.3rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch::before,
.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch::after {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  display: block;
  background-color: #f2739f;
  position: absolute;
  border-radius: 0.4rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.left {
  left: -2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.left::before {
  right: 0rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.top {
  top: -2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.bottom {
  bottom: -2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.right {
  right: -2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.right.top::before {
  right: 2.6rem;
  bottom: 0;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.right.top::after {
  bottom: -3.6rem;
  left: 0rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.left.bottom::before {
  bottom: 2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.left.bottom::after {
  left: 2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.left.top::before {
  left: 2.6rem;
  bottom: 0;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.left.top::after {
  bottom: -3.6rem;
  right: 0rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.axa {
  width: 1.6rem;
  height: 1.6rem;
  background-color: #06008f;
  display: block;
  position: absolute;
  border-radius: 0.3rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.axa::before,
.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.axa::after {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  display: block;
  background-color: #06008f;
  position: absolute;
  border-radius: 0.4rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.axa.left {
  left: -2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.axa.left::before {
  right: 0rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.axa.top {
  top: -2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.axa.bottom {
  bottom: -2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.axa.right {
  right: -2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.axa.right.top::before {
  right: 2.6rem;
  bottom: 0;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.axa.right.top::after {
  bottom: -3.6rem;
  left: 0rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.axa.left.bottom::before {
  bottom: 2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.axa.left.bottom::after {
  left: 2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.axa.left.top::before {
  left: 2.6rem;
  bottom: 0;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.axa.left.top::after {
  bottom: -3.6rem;
  right: 0rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.rental-host {
  width: 1.6rem;
  height: 1.6rem;
  background-color: #0f8dd5;
  display: block;
  position: absolute;
  border-radius: 0.3rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.rental-host::before,
.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.rental-host::after {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  display: block;
  background-color: #0f8dd5;
  position: absolute;
  border-radius: 0.4rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.rental-host.left {
  left: -2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.rental-host.left::before {
  right: 0rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.rental-host.top {
  top: -2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.rental-host.bottom {
  bottom: -2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.rental-host.right {
  right: -2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.rental-host.right.top::before {
  right: 2.6rem;
  bottom: 0;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.rental-host.right.top::after {
  bottom: -3.6rem;
  left: 0rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.rental-host.left.bottom::before {
  bottom: 2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.rental-host.left.bottom::after {
  left: 2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.rental-host.left.top::before {
  left: 2.6rem;
  bottom: 0;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.rental-host.left.top::after {
  bottom: -3.6rem;
  right: 0rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.pickle-play {
  width: 1.6rem;
  height: 1.6rem;
  background-color: #ef5a24;
  display: block;
  position: absolute;
  border-radius: 0.3rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.pickle-play::before,
.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.pickle-play::after {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  display: block;
  background-color: #ef5a24;
  position: absolute;
  border-radius: 0.4rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.pickle-play.left {
  left: -2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.pickle-play.left::before {
  right: 0rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.pickle-play.top {
  top: -2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.pickle-play.bottom {
  bottom: -2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.pickle-play.right {
  right: -2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.pickle-play.right.top::before {
  right: 2.6rem;
  bottom: 0;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.pickle-play.right.top::after {
  bottom: -3.6rem;
  left: 0rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.pickle-play.left.bottom::before {
  bottom: 2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.pickle-play.left.bottom::after {
  left: 2.6rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.pickle-play.left.top::before {
  left: 2.6rem;
  bottom: 0;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch.pickle-play.left.top::after {
  bottom: -3.6rem;
  right: 0rem;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.portfolio-home .portfolio-lists .portfolio-left .client-info h3 {
  margin: 0 0 1rem;
  text-transform: capitalize;
  letter-spacing: 1px;
}

.portfolio-home .portfolio-lists .portfolio-left .client-info p {
  font-size: 2rem;
  margin-bottom: 2.4rem;
}

.portfolio-home .portfolio-lists .portfolio-left .technology {
  margin: 0;
  padding: 0;
  list-style: none;
  top: 80px;
  position: relative;
}

.portfolio-home .portfolio-lists .portfolio-left .technology li+li {
  margin-left: 2.5rem;
}

.portfolio-home .portfolio-lists .portfolio-left .technology li p {
  display: block;
}

.portfolio-home .portfolio-lists .portfolio-left .technology li .icon {
  width: 10rem;
  border-radius: 0.4rem;
  max-width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.05);
  margin: 0 auto 1rem;
}

.portfolio-home .portfolio-lists .portfolio-left .technology li .icon::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.portfolio-home .portfolio-lists .portfolio-left .technology li .icon img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%) scale(0.75);
  -moz-transform: translate(-50%, -50%) scale(0.75);
  -webkit-transform: translate(-50%, -50%) scale(0.75);
}

.portfolio-home .portfolio-lists .portfolio-left .technology li p {
  color: #332f30;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -0.36px;
  text-align: center;
  margin-bottom: 0;
}

.portfolio-home .portfolio-lists .portfolio-left .store-link {
  margin: 2rem 0 5rem;
  padding: 0;
  list-style: none;
  top: 80px;
  position: relative;
}

.portfolio-home .portfolio-lists .portfolio-left .store-link li {
  max-width: 14rem;
}

.portfolio-home .portfolio-lists .portfolio-left .store-link li+li {
  margin: 0 0 0 1.6rem;
}

.portfolio-home .portfolio-lists .portfolio-right {
  left: 0%;
  opacity: 1;
  position: relative;
  overflow: hidden;
}

.portfolio-home .portfolio-lists .portfolio-right .portfolio-right-bg {
  position: relative;
  padding-bottom: 100vh;
  overflow: hidden;
  background-color: #ebebeb;
}

.portfolio-home .portfolio-lists .portfolio-right .portfolio-right-bg img {
  top: 50%;
  left: 100%;
  position: absolute;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  object-fit: cover;
  opacity: 0;
}

.portfolio-home .skip {
  position: absolute;
  top: 9rem;
  left: 47%;
  overflow: hidden;
  height: 24px;
}

.portfolio-home .skip a {
  color: #332f30;
  text-transform: uppercase;
}

.portfolio-home .skip a.down {
  display: none;
}

.portfolio-home .slide-count {
  top: calc(100% - 7rem);
  left: calc(50% - 8rem);
  position: absolute;
  margin: 0;
  padding: 0;
  list-style: none;
}

.portfolio-home .slide-count .slide-dot {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 22px;
  background-color: var(--light-gray);
  display: inline-block;
  margin: 0 0.2rem;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
}

.portfolio-home .slide-count .slide-dot.active {
  background-color: var(--primary);
  width: 2rem;
}

.blog-home {
  margin: 20rem 0;
}

.blog-home h3 {
  margin: 0;
}

.blog-home p {
  margin: 0 65% 3.6rem 0;
}

.blog-home .carousel-wrapper {
  margin: 0 0 3rem;
  padding: 4rem 0 6rem 12rem;
  position: relative;
}

.blog-home .carousel-wrapper::after {
  content: "";
  position: absolute;
  left: 25rem;
  top: 0;
  width: 200%;
  height: 100%;
  display: block;
  z-index: -1;
  border-radius: 10px;
  background: #f4f4f4;
}

.blog-home .carousel-wrapper .blog-carousel .blog-item .thumbnail {
  overflow: hidden;
  max-width: 100%;
  position: relative;
  border-radius: 1rem 1rem 0 0;
}

.blog-home .carousel-wrapper .blog-carousel .blog-item .thumbnail::before {
  content: "";
  display: block;
  padding-bottom: 58%;
}

.blog-home .carousel-wrapper .blog-carousel .blog-item .thumbnail img {
  object-fit: cover;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}

.blog-home .carousel-wrapper .blog-carousel .blog-item .blog-title {
  margin: 0;
  color: #333333;
  background-color: var(--white);
  font-size: 2rem;
  line-height: 1.5;
  border: 1px solid #cccccc;
  border-top: none;
  padding: 2rem 3rem;
  border-radius: 0 0 1rem 1rem;
}

.blog-home .carousel-wrapper .blog-carousel .blog-item .blog-title a {
  color: #333333;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  font-family: "Open Sans", sans-serif;
  font-size: 1.8rem;
}

.blog-home .carousel-wrapper .blog-carousel .blog-item .blog-title a:hover {
  box-shadow: inset 0 -1px #333333;
}

.blog-home .carousel-wrapper .blog-carousel .blog-item:hover .thumbnail img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1.05);
  -moz-transform: translate(-50%, -50%) scale(1.05);
  -webkit-transform: translate(-50%, -50%) scale(1.05);
}

.blog-home .carousel-wrapper .prev {
  top: 50%;
  left: 0;
  position: absolute;
  margin-top: -2.4rem;
  width: 4.8rem;
  height: 4.8rem;
  display: inline-block;
  background-image: url(assets/images/prev.svg);
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  z-index: 9;
}

/* home responsive */
.contact-top-banner .page-title-wrap a {
  color: var(--black);
  font-weight: 600;
}

.contact-top-banner .page-title-wrap a:hover {
  box-shadow: inset 0 -1px var(--black);
}

.contact-form {
  margin: -8rem 0 10rem;
  padding: 3rem 6rem;
  /* For Firefox */
  /* Webkit browsers like Safari and Chrome */
}

.contact-form .form-group {
  margin: 0 0 4rem;
}

.contact-form .form-control-wrap .form-control+.not-valid {
  display: none;
}

.contact-form .form-control-wrap .form-control.not-valid {
  border-bottom-color: var(--primary);
}

.contact-form .label-wrap.up .label {
  opacity: 1;
  bottom: 100%;
  font-size: 1.4rem;
}

.contact-form .response-output {
  display: none !important;
}

.contact-form input[type=number] {
  -moz-appearance: textfield;
}

.contact-form input[type=number]::-webkit-inner-spin-button,
.contact-form input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.form-group {
  display: block;
  position: relative;
  box-sizing: border-box;
  margin: 0 0 3.5rem;
}

.form-group select.form-control {
  background-image: url(assets/images/down-caret.svg);
  background-repeat: no-repeat;
  background-position: right 10px top 16px;
  background-size: 17px;
}

.form-group .form-control {
  color: #333;
  width: 100%;
  height: 44px;
  background-color: transparent;
  border-radius: 0;
  border: none;
  padding: 0;
  display: block;
  -webkit-appearance: none;
  -moz-appearance: none;
  font-family: "Rajdhani", sans-serif;
  font-size: 2rem;
  border-bottom: 1px solid #cccccc;
  font-weight: 500;
}

.form-group .form-control:focus {
  outline: none;
}


.form-group .label-wrap {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  font-family: "Rajdhani", sans-serif;
  pointer-events: none;
  cursor: text;
  position: absolute;
  bottom: 0;
  left: 0;
}

.form-group .label-wrap:after {
  content: "";
  box-sizing: border-box;
  width: 0;
  height: 2px;
  background-color: #999;
  position: absolute;
  bottom: 0;
  left: 0;
  will-change: width;
  transition: width 0.285s ease-out;
}

.form-group .label-wrap .label {
  color: #333;
  position: absolute;
  left: 0;
  bottom: calc(50% - 0.9rem);
  line-height: 1;
  font-size: 2rem;
  pointer-events: none;
  transition: bottom 0.2s cubic-bezier(0.9, -0.15, 0.1, 1.15), opacity 0.2s ease-out, font-size 0.2s ease-out;
  will-change: bottom, opacity, font-size;
  font-weight: 500;
}

.form-group.custom-file {
  position: relative;
}

.form-group.custom-file input[type=file] {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  z-index: 2;
  cursor: pointer;
}

.form-group.custom-file:after {
  content: "SELECT";
  color: var(--light-gray);
  font-size: 1.4rem;
  line-height: 1;
  font-weight: 600;
  display: inline-block;
  background: #e6e6e6;
  border-radius: 6px;
  text-transform: uppercase;
  padding: 8px 11px;
  position: absolute;
  top: 8px;
  right: 16px;
}

span.not-valid {
  color: #f00;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1.8;
  display: block !important;
  top: 100%;
  left: 0;
  position: absolute;
  opacity: 1 !important;
  z-index: 1 !important;
}

span.wpcf7-not-valid-tip {
  color: #f00;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1.8;
  display: block !important;
  top: 100%;
  left: 0;
  position: absolute;
  opacity: 1 !important;
  z-index: 1 !important;
}

.contact.case-stydy a {
  color: var(--white);
}

.contact.case-stydy h2.title {
  text-align: center;
  position: relative;
}

.contact.case-stydy ul,
.contact.case-stydy ol {
  list-style: none;
  padding: 0;
}

.contact.case-stydy ul li,
.contact.case-stydy ol li {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.7;
}

.contact.case-stydy .service-box {
  min-height: 35rem;
}

.contact.case-stydy .service-box .title {
  padding: 2rem;
}

.contact.case-stydy .service-box .title h2 {
  font-size: 3.4rem;
  margin-bottom: 5.5rem;
}

.contact.case-stydy .service-box .title .case-detail h3 {
  font-size: 2.8rem;
  margin-bottom: 0.5rem;
}

.contact.case-stydy .service-box .title .case-detail .link {
  font-size: 1.4rem;
  font-weight: 400;
}

.contact.case-stydy p {
  margin: 0;
}

.contact-form .wpcf7-form-control-wrap .wpcf7-form-control+.wpcf7-not-valid-tip {
  display: none;
}

div.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  border: 0;
}

.contact-form .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-not-valid {
  border-bottom-color: var(--primary);
}

.wpcf7-response-output.wpcf7-validation-errors {
  display: none;
}

.contact-form .wpcf7-response-output {
  display: none;
}

div.wpcf7-acceptance-missing,
div.wpcf7-validation-errors {
  color: var(--primary);
  border: 0;
  display: block !important;
  background: #f3f3f3;
  border-radius: 0.3rem;
  padding: 1rem;
}

div.wpcf7 .ajax-loader {
  background-image: url("https://tamediacdn.techaheadcorp.com/wp-content/uploads/2021/01/27114102/loader.gif");
  background-position: center center;
  background-size: 300%;
  background-repeat: no-repeat;
  display: block;
  width: 50px;
  height: 50px;
  opacity: 0;
  transition: all 0.3s ease;
}

div.wpcf7 .ajax-loader.is-active {
  opacity: 1;
}

.portfolio-slider.slider {
  height: 100%;
  margin: 7rem 0 5rem;
  padding: 11rem 0 4rem;
}

.portfolio-slider.slider .content {
  margin-left: 0;
}

.portfolio-slider.slider .content .text h2,
.portfolio-slider.slider .content .text h1 {
  font-family: var(--font-family-primary);
  font-size: 5.6rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.3px;
  margin-bottom: 3rem;
}

.portfolio-slider.slider .content .text h2::after,
.portfolio-slider.slider .content .text h1::after {
  content: none;
}

.portfolio-slider.slider .content .text p {
  color: var(--light-gray);
}

.portfolio-slider.slider .image {
  right: 0;
  position: relative;
  width: 90%;
  display: block;
  margin: 0 auto;
  bottom: 0;
  max-height: none;
}

.portfolio-slider.slider .image.landscape-img.lottie-image::before {
  padding-bottom: 72%;
}

.case-stydy {
  margin: 0 0 16rem;
}

.case-stydy .row [class*=" col-"],
.case-stydy .row [class^=col-] {
  margin-bottom: 3rem;
}

.case-stydy .service-box {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  min-height: 47rem;
  height: 100%;
}

.case-stydy .service-box.bg-blue {
  background-color: #8888eb;
}

.case-stydy .service-box.bg-teal {
  background-color: #61ccd0;
}

.case-stydy .service-box.bg-red {
  background-color: #f26e78;
}

.case-stydy .service-box img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  object-fit: cover;
  z-index: -2;
  transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
}

.case-stydy .service-box .title {
  position: relative;
  color: var(--white);
  padding: 5rem;
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.case-stydy .service-box .title::before {
  content: "";
  position: absolute;
  background-color: var(--black);
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: -1;
  transition: all 0.5s ease-in;
  -o-transition: all 0.5s ease-in;
  -webkit-transition: all 0.5s ease-in;
}

.case-stydy .service-box .title h2 {
  font-weight: 500;
  margin-bottom: 6rem;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 4rem;
}

.case-stydy .service-box .title .case-detail {
  margin-top: auto;
}

.case-stydy .service-box .title .case-detail p {
  font-size: 1.8rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.case-stydy .service-box .title .case-detail h3 {
  font-weight: 500;
  margin: 0;
}

.case-stydy .service-box .title .case-detail .link {
  color: var(--white);
  font-size: 1.6rem;
}

.case-stydy .service-box:hover img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}

.case-stydy .service-box:hover .title::before {
  opacity: 0.3;
}

.career.team-slider {
  padding: 12rem 0 10rem;
}

.career.team-slider .image {
  width: 100%;
  max-width: 100%;
  position: relative;
}

.career.team-slider .image::before {
  content: "";
  display: block;
  padding-bottom: 60%;
}

.career.team-slider .image .lottie-wrapper {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1.3);
  -moz-transform: translate(-50%, -50%) scale(1.3);
  -webkit-transform: translate(-50%, -50%) scale(1.3);
}

.career.team-slider .content .text {
  margin-top: 4rem;
}

.career.team-slider .content .text h2,
.career.team-slider .content .text h1 {
  margin-bottom: 4.5rem;
}

.home-services .section-head.text-center {
  max-width: 120rem;
  margin: 0 auto 6rem;
}

.home-services .services-box {
  margin: 1.5rem 0;
  overflow: hidden;
  position: relative;
  max-width: 100%;
  position: relative;
}

.home-services .services-box::before {
  content: "";
  display: block;
  padding-bottom: 58%;
}

.home-services .services-box img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  object-fit: cover;
  transition: all 0.3s ease;
}

.home-services .services-box .service-description {
  left: 0;
  bottom: 0;
  width: 100%;
  position: absolute;
  z-index: 2;
  height: 25%;
  padding: 4rem 6rem 2rem 3rem;
  background-color: rgba(0, 0, 0, 0.3);
  transition: all 0.3s ease;
}

.home-services .services-box .service-description h3 {
  font-family: var(--font-family-primary);
  font-size: 2.3rem;
  margin: 0;
  font-weight: 700;
  color: var(--white);
  position: absolute;
  bottom: 2rem;
  transition: all 0.3s ease;
}

.home-services .services-box .service-description p {
  font-size: 1.6rem;
  color: var(--white);
  font-weight: 400;
  margin: 0;
  line-height: 1.6;
}

.home-services .services-box:hover .service-description {
  background-color: rgba(0, 0, 0, 0.5);
}

.home-services .services-box:hover h3 {
  font-size: 2.4rem;
}

.home-services .services-box:hover img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}

.portfolio-masonry {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-gap: 2.5rem;
}

.portfolio-masonry .masonry-item {
  color: #fff;
  position: relative;
  overflow: hidden;
  background-color: #deeefa;
  max-width: 100%;
  position: relative;
}

.portfolio-masonry .masonry-item::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.portfolio-masonry .masonry-item:nth-child(odd) {
  background-color: #fff7cd;
}

.portfolio-masonry .masonry-item img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  object-fit: cover;
  transition: transform 0.3s ease;
}

.portfolio-masonry .masonry-item:hover img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1.04);
  -moz-transform: translate(-50%, -50%) scale(1.04);
  -webkit-transform: translate(-50%, -50%) scale(1.04);
}

#submit-resume {
  padding: 16rem 0 8rem;
}

.home-clients {
  margin: 0 0 16rem;
}

.home-clients .section-head {
  margin: 0 auto 6rem;
}

.home-clients img {
  margin: 0 0 2rem;
}

.job-section {
  margin: 7rem 0 16rem;
  padding: 11rem 0 0;
  -webkit-box-shadow: inset 0px 19px 13px -21px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 19px 13px -21px rgba(0, 0, 0, 0.15);
}

.job-section p {
  font-size: 1.9rem;
  margin: 0 0 1rem;
  line-height: 1.6;
}

.job-section .breadcrumbs-container img {
  max-width: 1.5rem;
}

.job-section .breadcrumbs {
  list-style: none;
  display: flex;
  padding: 8px 0;
  margin: 0;
  margin-left: 1rem;
}

.job-section .breadcrumbs li {
  color: var(--primary);
  margin: 0;
  font-size: 1.6rem;
  font-weight: 400;
}

.job-section .breadcrumbs li a {
  color: var(--black);
  text-decoration: none;
  font-size: 1.6rem;
  font-weight: 400;
}

.job-section .breadcrumbs li a:hover {
  transition-delay: 50ms;
  transition: 50ms;
  color: var(--primary);
  text-decoration: underline;
}

.job-section .breadcrumbs li+li::before {
  padding: 0 0.2rem 0 0.6rem;
  color: #000;
  content: "/ ";
}

.job-section .header-content {
  margin: 0 0 4rem;
}

.job-section .header-content h2 {
  font-family: var(--font-family-primary);
  font-size: 3.6rem;
  font-weight: 600;
}

.job-section .header-content P {
  margin: 0 0 2rem;
}

.job-section .description-title {
  font-family: var(--font-family-primary);
  font-size: 2.7rem;
  margin: 3.5rem 0 1rem;
  font-weight: 600;
}

.job-section ul li {
  font-size: 1.9rem;
  margin: 0 0 1rem;
  line-height: 1.6;
  font-weight: 300;
}

.job-section .bottom-link {
  margin: 6rem 0 0;
}

.job-form.modal .modal-wrapper .modal-header .modal-heading {
  font-family: var(--font-family-primary);
  font-size: 2.7rem;
  font-weight: 600;
}

.job-form .contact-form {
  padding: 2rem;
  margin: 0;
}

.case-study-banner {
  padding-bottom: 37.5%;
  position: relative;
  overflow: hidden;
  margin: 0 0 10rem;
}

.case-study-banner img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  object-fit: cover;
}

.case-study-banner .caption {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 117rem;
  left: 0;
  right: 0;
  bottom: 15%;
  position: absolute;
  z-index: 1;
  text-align: center;
}

.case-study-banner .caption .banner-logo {
  max-width: 36rem;
  width: 100%;
  margin: 0 auto 1rem;
  position: relative;
}

.case-study-banner .caption .banner-logo::after {
  content: "";
  display: block;
  padding-bottom: 37.5%;
}

.case-study-banner .caption .banner-logo img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  object-fit: contain;
}

.case-study-banner .caption h2,
.case-study-banner .caption h1 {
  color: #fff;
  font-weight: 600;
  max-width: 105rem;
  font-size: 5.4rem;
  font-family: var(--font-family-secondary);
  margin: 0 auto;
}

.case-study-mobile {
  margin: 0 0 16rem;
}

.case-study-mobile .image {
  max-width: 90%;
  margin: 0 auto;
}

.case-study-mobile .image.image-border img {
  border-radius: 2.2rem;
  border: 3px solid #000;
}

.case-study-awards {
  margin: 0 0 16rem;
}

.case-study-awards .awards-inner {
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
}

.case-study-awards .small-title {
  text-align: center;
  transform: translateY(-50%);
}

.case-study-awards .small-title h4 {
  font-size: 2.4rem;
  font-family: "Open Sans", sans-serif;
  padding: 0 2rem;
  margin: 0;
  display: inline-block;
  color: var(--gray);
  background: var(--white);
}

.case-study-awards .awards-logo {
  padding: 0;
  margin: 4rem 0;
  list-style: none;
}

.case-study-awards .awards-logo li {
  margin: 0 6rem 2rem;
}

.case-study-awards .awards-logo li img {
  width: auto;
}

.column-5 {
  margin: 0 0 16rem;
}

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

.column-5 ul li {
  max-width: 19.7rem;
  margin: 0 2.4rem;
}

.column-5 ul li:first-child {
  margin-left: 0;
}

.column-5 ul li:last-child {
  margin-right: 0;
}

.case-heading {
  margin: 0 0 16rem;
}

.case-heading .header-content {
  text-align: center;
  margin: 0 auto 10rem;
  max-width: 78rem;
}

.case-heading .content {
  margin: 20rem 15rem 0 -9rem;
  padding: 6rem 5rem;
  background-color: #ebebeb;
}

.case-heading .content h2 {
  font-size: 3.6rem;
  font-family: "Rajdhani", sans-serif;
}

.technology-stack {
  margin: 0 0 16rem;
}

.technology-stack h2 {
  margin: 0 0 5rem;
}

.technology-stack .icons-with-text ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.technology-stack .icons-with-text ul li {
  width: 25rem;
  margin: 2rem 0;
  text-align: center;
  position: relative;
}

.technology-stack .icons-with-text ul li p {
  font-size: 1.5rem;
  color: var(--gray);
  font-weight: 400;
  margin: 0;
}

.technology-stack .icons-with-text ul li .icon {
  width: 8.6rem;
  position: relative;
  display: inline-block;
  border-radius: 1rem;
  border: 1px solid var(--gray);
  color: var(--white);
}

.technology-stack .icons-with-text ul li .icon::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.technology-stack .icons-with-text ul li .icon img {
  max-width: 65%;
  top: 50%;
  left: 50%;
  position: absolute;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  object-fit: contain;
}

.technology-stack .icons-with-text ul li::before {
  content: "";
  width: 9rem;
  top: 4.3rem;
  left: -4.5rem;
  height: 1px;
  overflow: hidden;
  position: absolute;
  background: url(assets/images/line.svg) no-repeat;
  background-size: 100%;
}

.technology-stack .icons-with-text ul li:nth-child(4n+1):before {
  display: none;
}

.the-result {
  margin: 0 0 16rem;
  position: relative;
}

.the-result .image img {
  max-width: none;
}

.the-result .content {
  margin: 4rem 0 0 -3rem;
  padding: 4rem 6rem;
  background-color: #fff8cd;
  position: relative;
  z-index: 1;
}

.case-summary-details {
  margin: 0 0 16rem;
}

.case-summary-details .summary-content {
  margin: 11rem 0 0 7.8rem;
  max-width: 54rem;
}

.case-summary-details .summary-content h4 {
  font-size: 3.6rem;
  color: #cccccc;
  font-family: "Open Sans", sans-serif;
}

.case-summary-details .image {
  margin-left: 22.6rem;
  position: relative;
}

.case-summary-details .image::before {
  content: "";
  position: absolute;
  background: #f7f6ff;
  display: block;
  width: 110rem;
  height: 110rem;
  top: -20rem;
  left: 13rem;
  z-index: -1;
  border-radius: 50%;
}

.case-summary-details .flex-md-row-reverse {
  margin-top: 0rem;
}

.case-summary-details .flex-md-row-reverse .image {
  margin: -19rem 22.6rem 0 0 !important;
}

.case-summary-details .flex-md-row-reverse .image::before {
  content: "";
  position: absolute;
  background: #f7f6ff;
  display: block;
  width: 110rem;
  height: 110rem;
  top: -20rem;
  left: auto;
  right: 13rem;
  z-index: -1;
  border-radius: 50%;
}

.case-summary-details .flex-md-row-reverse .summary-content {
  margin: 8rem 0 0;
}

.case-summary-details .flex-md-row-reverse+.row {
  margin-top: -5rem;
}

.case-summary-details .flex-md-row-reverse+.row .summary-content {
  margin: 23rem 0 0 7.8rem;
}

.case-summary-details.case-summary-landscape {
  margin: 22rem 0;
}

.case-summary-details.case-summary-landscape .image {
  margin-right: 11.6rem;
  margin-left: 0;
}

.case-summary-details.case-summary-landscape .image::before {
  content: none;
}

.case-summary-details.case-summary-landscape .summary-content {
  margin: 2rem 0 0;
}

.case-summary-details.case-summary-landscape .row+.row {
  margin-top: 20rem;
}

.case-summary-details.case-summary-landscape .flex-md-row-reverse .image {
  margin: 0 11.6rem 0 0 !important;
}

.case-summary-details.case-summary-landscape .flex-md-row-reverse+.row .summary-content {
  margin: 0;
}

.case-summary-details.case-summary-teblet .image {
  margin-left: 19rem;
}

.case-summary-details.case-summary-teblet .row+.row {
  margin-top: 15rem;
}

.case-summary-details.case-summary-teblet .row .summary-content {
  margin-top: 10rem;
}

.case-summary-details.case-summary-teblet .flex-md-row-reverse .image {
  margin: 0 19rem 0 0 !important;
}

.case-testimonial {
  margin: 0 0 16rem;
}

.case-testimonial .header-content {
  max-width: 94rem;
  width: 100%;
}

.case-testimonial h3 {
  margin: 7rem 0 2rem 6rem;
  font-weight: 600;
  font-size: 4.5rem;
  position: relative;
  line-height: 1.2;
}

.case-testimonial p {
  color: var(--gray);
  margin-left: 6rem;
  font-size: 1.8rem;
}

.case-full-img {
  margin: 0 0 16rem;
}

.case-global ul>li span::after {
  content: none;
}

.app-links {
  margin: 0 0 16rem;
  position: relative;
}

.app-links::after {
  content: "";
  position: absolute;
  max-width: 72rem;
  width: 100%;
  height: 2px;
  background-color: #ebebeb;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.app-links a {
  background-color: var(--white);
}

.app-links a:first-child img {
  margin-left: 2rem;
}

.app-links a:last-child img {
  margin-right: 2rem;
}

.app-links a img {
  max-width: 14rem;
  margin: 0 1rem;
}

.we-did {
  margin: 0 0 16rem;
}

.we-did .header-content {
  margin: 0 0 11rem;
}

.we-did .header-content p {
  max-width: 91rem;
}

.we-did .image {
  max-width: 27rem;
  margin: 0 3rem;
}

.we-did .image-tablet {
  max-width: 45rem;
  width: 100%;
  margin: 0 6rem;
}

.we-did .image-tablet:first-child {
  margin-left: 0;
}

.we-did .image-tablet:last-child {
  margin-right: 0;
}

.case-global {
  margin: 0 0 10rem;
}

.case-global.cdr .section-head {
  margin: 0;
}

.case-bottom-heading {
  margin: 0 0 16rem;
}

.case-bottom-heading .header-content {
  text-align: center;
  margin: 0 auto 8rem;
  max-width: 112rem;
}

.case-bottom-heading .case-bottom-img {
  position: relative;
  max-width: 83.3rem;
  width: 100%;
  margin: 0 auto;
}

.case-bottom-heading .case-bottom-img::after {
  content: "";
  display: block;
  padding-bottom: 79%;
}

.case-bottom-heading .case-bottom-img img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: auto;
  height: auto;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  object-fit: cover;
}

.case-study-wireframe {
  margin: 0 0 16rem;
}

.case-study-wireframe ul {
  list-style: none;
  padding: 0;
}

.case-study-wireframe ul li {
  flex-basis: 62.5rem;
  flex-shrink: 0;
  margin: 0 1.15rem;
}

.full-width-text {
  margin: 0 0 9rem;
}

.full-width-text h4 {
  font-size: 3.8rem;
  text-align: center;
  font-weight: 100;
}

.landing-page-new.slider .content {
  max-width: 60rem;
  margin-left: 14rem;
}

.landing-page-new.slider .content .text {
  margin-top: 12rem;
}

.landing-page-new.slider .content .text h1 {
  font-size: 4.5rem;
  line-height: 1.3;
  font-weight: 400;
}

.landing-page-new.slider .content .text h1::after {
  content: none;
}

.landing-page-new.slider .image {
  max-height: 75vh;
  bottom: 4rem;
}

.landing-page-new.slider .image::before {
  padding-bottom: 130%;
}

.landing-page-new.our-work {
  padding: 0 0 16rem;
}

.landing-page-new.our-work ul {
  margin: 0 5rem;
}

.landing-page-new.our-work .awards-box {
  border: 0;
}

.landing-page-new.our-work .header-content {
  max-width: 85rem;
}

.landing-page-new.global {
  background-color: var(--white);
  margin-top: -13rem;
}

.landing-page-new.global ul {
  padding: 0 0 5rem;
}

.landing-page-new.global ul li>span {
  font-family: var(--font-family-primary);
}

.landing-page-new.global ul li>span>span {
  font-family: var(--font-family-secondary);
  font-weight: 500;
}

.landing-page-new.global ul li>span>span::after {
  content: "+";
  color: var(--black);
  top: -2rem;
  right: -0.5rem;
}

.landing-page-new.global ul li>span::after {
  content: "";
  width: 6rem;
  height: 0.4rem;
  background: #ccc;
  position: absolute;
  top: 100%;
  left: 0;
  transform: none;
  -moz-transform: none;
  -webkit-transform: none;
}

.landing-page-new.global ul li::after {
  content: none;
}

.landing-page-new.fortune {
  margin: 2rem 0 10rem;
}

.landing-page-new.fortune .clients-logo {
  background: var(--white);
}

.success-stories {
  margin: 0 0 5rem;
}

.success-stories .text {
  margin: 0 0 6.8rem;
}

.success-stories .row>.col:first-child .box,
.success-stories .row>[class*=col-]:first-child .box {
  margin-right: 0;
}

.success-stories .row>.col:last-child .box,
.success-stories .row>[class*=col-]:last-child .box {
  margin-left: 0;
}

.success-stories .box {
  box-shadow: 0 0 27px 0 rgba(0, 0, 0, 0.1);
  padding: 3.6rem 4.5rem;
  max-width: 38rem;
  min-height: 44rem;
  margin: 0 auto;
  border-radius: 1.8rem;
  display: flex;
  flex-direction: column;
}

.success-stories .box h2 {
  font-family: var(--font-family-primary);
  font-size: 2.8rem;
  color: var(--dark-gray);
  text-align: center;
  margin: 0 0 2.4rem;
  font-weight: 300;
}

.success-stories .box p {
  font-size: 2rem;
  text-align: center;
  color: var(--dark-gray);
}

.success-stories .box img {
  width: 8.5rem;
  height: 8.5rem;
  border-radius: 50%;
  display: block;
  margin: 4rem auto 1rem;
}

.success-stories .box .name {
  font-family: var(--font-family-primary);
  font-size: 2rem;
  text-align: center;
  text-transform: uppercase;
  color: var(--dark-gray);
  margin-top: 2rem;
  margin-bottom: 0;
}

.success-stories .box .title {
  color: var(--dark-gray);
  font-size: 1.9rem;
}

.success-stories .box.large-box {
  max-width: 42rem;
  min-height: 54rem;
}

.success-stories .box .flex-fill {
  max-width: 28rem;
  margin: 0 auto;
}

.director {
  margin: 0 0 14rem;
}

.director .text {
  max-width: 52rem;
  margin-left: 2rem;
}

.director .text p {
  font-size: 2.4rem;
  color: var(--dark-gray);
}

.director .text .name {
  line-height: 1.4;
  font-size: 2.2rem;
}

.director .text .name strong {
  display: block;
}

.app-development-slider.slider {
  height: 100%;
}

.app-development-slider.slider .content .text {
  margin-top: 14rem;
}

.app-development-logo ul {
  list-style: none;
  padding-left: 7rem;
  margin-bottom: 4rem;
}

.app-development-logo ul li {
  width: 20%;
  margin: 0;
  text-align: center;
}

.app-development-logo ul li img {
  width: auto;
  transform: scale(0.8);
  -moz-transform: scale(0.8);
  -webkit-transform: scale(0.8);
}

.app-development-form {
  margin-right: 17rem;
  margin-top: 20rem;
}

.app-development-form .contact-form {
  margin: 0;
  max-width: 45.3rem;
  padding: 6.1rem 4.1rem 4.1rem;
  border: 1px solid #ccc;
  border-radius: 1rem;
  position: relative;
}

.app-development-form .contact-form .patch {
  width: 1.6rem;
  height: 1.6rem;
  background-color: var(--primary);
  display: block;
  position: absolute;
  border-radius: 0.3rem;
}

.app-development-form .contact-form .patch::before,
.app-development-form .contact-form .patch::after {
  content: "";
  width: 2.4rem;
  height: 2.4rem;
  display: block;
  background-color: var(--primary);
  position: absolute;
  border-radius: 0.4rem;
}

.app-development-form .contact-form .patch.left {
  left: -2.6rem;
}

.app-development-form .contact-form .patch.left::before {
  right: 0rem;
}

.app-development-form .contact-form .patch.top {
  top: -2.6rem;
}

.app-development-form .contact-form .patch.bottom {
  bottom: -2.6rem;
}

.app-development-form .contact-form .patch.right {
  right: -2.6rem;
}

.app-development-form .contact-form .patch.right.top::before {
  right: 2.6rem;
  bottom: 0;
}

.app-development-form .contact-form .patch.right.top::after {
  bottom: -3.6rem;
  left: 0rem;
}

.app-development-form .contact-form .patch.left.bottom::before {
  bottom: 2.6rem;
}

.app-development-form .contact-form .patch.left.bottom::after {
  left: 2.6rem;
}

.app-development-form .contact-form .patch.left.top::before {
  left: 2.6rem;
  bottom: 0;
}

.app-development-form .contact-form .patch.left.top::after {
  bottom: -3.6rem;
  right: 0rem;
}

.app-development-chartboats.chatboats {
  margin: 0 0 16rem;
}

.app-development-chartboats.chatboats .image {
  margin: 0 5rem;
}

.app-development-chartboats.chatboats .text {
  margin: 8rem 8rem 0 10rem;
}

.landing-page-portfolio ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
}

.landing-page-portfolio ul li {
  max-width: 96rem;
  margin: 0 0 5rem;
}

.landing-page-portfolio ul li:nth-child(2n) {
  margin-left: auto;
}

.landing-page-banner {
  position: relative;
  margin: 0 0 10rem;
  padding: 5rem 0;
  background-color: var(--black);
}

.landing-page-banner>img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  object-fit: cover;
  opacity: 0.4;
}

.landing-page-banner .banner-logo {
  max-width: 18rem;
  width: 100%;
  margin: 3rem 0 2rem;
  position: relative;
}

.landing-page-banner .banner-logo img {
  width: 100%;
}

.landing-page-banner h2,
.landing-page-banner h1 {
  color: #fff;
  font-weight: 600;
  max-width: 105rem;
  font-size: 5.2rem;
  font-family: "Rajdhani", sans-serif;
  margin: 0 auto 1.8rem;
}

.landing-page-banner p {
  color: #fff;
}

.landing-page-banner .contact-form {
  margin: 7rem 0 0;
}

.landing-page-banner .contact-form .form-group {
  margin: 0 0 3rem;
}

.landing-page-banner .form-group {
  color: var(--white);
}

.landing-page-banner .form-group .form-control {
  color: var(--white);
  height: 38px;
  font-size: 1.8rem;
}

.landing-page-banner .form-group .form-control::-webkit-input-placeholder {
  color: var(--white);
}

.landing-page-banner .form-group .form-control::-moz-placeholder {
  color: var(--white);
}

.landing-page-banner .form-group .form-control:focus~.label-wrap .label {
  bottom: 90%;
  font-size: 1.2rem;
}

.landing-page-banner .form-group .label-wrap .label {
  color: var(--white);
  font-size: 1.8rem;
}

.landing-page-banner .form-group .label-wrap::after {
  background-color: var(--white);
}

.landing-page-container {
  margin: 0 0 10rem;
}

.landing-page-container.bg-gray {
  background-color: #F8F8F8;
  padding: 6rem 0;
  position: relative;
  z-index: 0;
}

.landing-page-container.bg-gray .btn-animate-1 {
  z-index: 1;
}

.landing-page-container.bg-gray .btn-animate-1::before {
  background: #d4d4d4;
}

.landing-page-container.bg-gray .btn-animate-1:hover::before {
  background: #c7c7c7;
}

.landing-page-container.fortune {
  margin: 10rem 0 16rem;
}

.landing-page-container .lottie-wrapper {
  width: 100%;
  max-width: 100%;
  position: relative;
  margin-left: -1.5rem;
}

.landing-page-container .lottie-wrapper::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.landing-page-container .lottie-wrapper>* {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 105%;
  height: 105%;
  transform: translate(-50%, -50%) scale(1.25);
  -moz-transform: translate(-50%, -50%) scale(1.25);
  -webkit-transform: translate(-50%, -50%) scale(1.25);
}

/* app-development responsive */
.thank-you {
  padding: 16rem 0 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.thank-you .lottie-wrapper {
  max-width: 24rem;
  margin: 0 auto;
}

.thank-you h1 {
  font-weight: 600;
  font-size: 9rem;
}

.thank-you h1::after {
  content: "";
  width: 9.5rem;
  height: 0.45rem;
  display: block;
  margin: 1rem auto;
  background-color: var(--primary);
  border-radius: 0.45rem;
}

.thank-you p {
  color: var(--gray);
  margin: 0 auto 3rem;
  font-weight: 400;
}

.blog-headline {
  margin: 7rem 0;
  -webkit-box-shadow: inset 0px 19px 13px -21px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 19px 13px -21px rgba(0, 0, 0, 0.15);
}

.blog-headline .content .text {
  margin-top: 16rem;
}

.blog-headline .content .text h2,
.blog-headline .content .text h1 {
  font-family: var(--font-family-primary);
  font-size: 7.4rem;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: -0.3px;
  margin-bottom: 3rem;
  line-height: 1.1;
}

.blog-headline .content .text p {
  font-size: 3.2rem;
  font-weight: 500;
  margin: 0 0 2.5rem;
  font-family: "Rajdhani", sans-serif;
  line-height: 1.3;
  color: var(--light-gray);
}

.blog {
  margin: 7rem 0;
}

.blog .blog-carousel-wrap {
  background: var(--white);
  padding: 0;
}

.blog .blog-carousel-wrap .blog-carousel-main {
  overflow: hidden;
  position: relative;
  height: auto !important;
}

.blog .blog-carousel-wrap .blog-carousel-main .item {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
}

.blog .blog-carousel-wrap .blog-carousel-main .item::after {
  content: "";
  display: block;
  padding-bottom: 45%;
}

.blog .blog-carousel-wrap .blog-carousel-main .item img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  object-fit: cover;
}

.blog .blog-carousel-wrap .blog-carousel-main .item .caption {
  left: 0;
  bottom: 0;
  position: absolute;
  width: 100%;
  z-index: 1;
  padding: 2.2rem 0;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.5);
}

.blog .blog-carousel-wrap .blog-carousel-main .item .caption .caption-text {
  max-width: 82rem;
  margin: 0 auto;
}

.blog .blog-carousel-wrap .blog-carousel-main .item .caption .caption-text h2 {
  font-size: 2.8rem;
  letter-spacing: 0;
  line-height: 1.4;
  font-family: "Open Sans", sans-serif;
}

.blog .blog-carousel-wrap .blog-carousel-main .item .caption .caption-text a {
  color: var(--white);
}

.blog .blog-carousel-wrap .blog-carousel-main .item .caption .caption-text p {
  font-size: 1.6rem;
  color: var(--white);
}

.blog .blog-carousel-wrap .blog-carousel-main .item .caption .caption-text p a {
  font-weight: 500;
}

.blog .blog-carousel-wrap .lSSlideOuter .lSPager.lSpg {
  margin-top: -3.2rem !important;
  margin-bottom: 2rem;
}

.blog .blog-carousel-wrap .lSSlideOuter .lSPager.lSpg>li {
  padding: 0 2px;
}

.blog .blog-carousel-wrap .lSSlideOuter .lSPager.lSpg>li a {
  background-color: rgba(235, 235, 235, 0.42);
  border-radius: 0;
  height: 0.3rem;
  width: 4rem;
}

.blog .blog-carousel-wrap .lSSlideOuter .lSPager.lSpg>li.active a {
  background-color: var(--white);
}

.blog-title {
  margin: 0 0 4rem;
  position: relative;
}

.blog-title h2 {
  margin: 0;
  font-size: 3rem;
  padding: 0 2.6rem;
  letter-spacing: -0.14rem;
  display: inline-block;
  background: var(--white);
  color: var(--dark-gray);
  font-family: "Open Sans", sans-serif;
}

.blog-title::after {
  content: "";
  top: 50%;
  left: 0;
  position: absolute;
  width: 100%;
  z-index: -1;
  border-top: 1px solid #ccc;
}

.blog-post {
  margin: 7rem 0 2rem;
}

.blog-post .row .col-sm-6 {
  margin-bottom: 3rem;
}

.blog-post .blog-listing {
  transition: all 0.3s;
  height: 100%;
  background-color: var(--white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.blog-post .blog-listing .image {
  position: relative;
  padding-bottom: 56.56%;
  overflow: hidden;
}

.blog-post .blog-listing .image img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  object-fit: cover;
}

.blog-post .blog-listing .listing-content {
  padding: 2rem;
  padding-left: 0;
  border-top: 0;
  flex-grow: 1;
}

.blog-post .blog-listing .listing-content .title {
  font-family: var(--font-family-primary);
  font-size: 2.2rem;
  color: var(--black);
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 0.5rem;
}

.blog-post .blog-listing .listing-content .text {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 400;
  color: var(--gray);
}

.blog-post .blog-listing .blog-author {
  display: flex;
  align-items: center;
}

.blog-post .blog-listing .blog-author .user-image {
  width: 5.2rem;
  height: 5.2rem;
  border-radius: 50%;
  overflow: hidden;
}

.blog-post .blog-listing .blog-author .user-image img {
  width: 100%;
}

.blog-post .blog-listing .blog-author .name {
  margin-left: 1rem;
}

.blog-post .blog-listing .blog-author .name h4 {
  font-family: var(--font-family-primary);
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0 0 0.2rem;
}

.blog-post .blog-listing .blog-author .name p {
  font-size: 1.2rem;
  color: var(--gray);
  font-weight: 600;
  margin: 0;
}

.blog-post .blog-listing .blog-social-icon {
  margin-left: auto;
}

.blog-post .blog-listing .blog-social-icon ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.blog-post .blog-listing .blog-social-icon ul li {
  display: inline-block;
}

.blog-post .blog-listing .blog-social-icon ul li a {
  display: block;
}

.blog-post .blog-listing .blog-social-icon ul li a img {
  width: 2.4rem;
  height: 2.4rem;
}

.blog-post .blog-listing:hover {
  transform: translateY(-1rem);
  -moz-transform: translateY(-1rem);
  -webkit-transform: translateY(-1rem);
}

.two-column-blogs-top {
  padding: 11rem 0 0;
  -webkit-box-shadow: inset 0px 19px 13px -21px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 19px 13px -21px rgba(0, 0, 0, 0.15);
}

.trending-blogs {
  margin: 0 0 10rem;
}

.blog-listing-large {
  margin: 0 0 4rem;
}

.blog-listing-large .blog-thumbnail {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin: 0 0 1.6rem;
}

.blog-listing-large img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition: all 0.6s;
}

.blog-listing-large .blog-excerpt h4 {
  line-height: 1.4;
  font-size: 1.8rem;
  margin: 0 0 0.5rem;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
}

.blog-listing-large .blog-excerpt h4 a {
  color: var(--black);
}

.blog-listing-large .blog-excerpt p {
  font-size: 1.4rem;
  font-weight: 400;
  color: var(--gray);
}

.blog-listing-large:hover .blog-thumbnail img {
  transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}

.most-viewed {
  margin: 0 0 10rem;
}

.most-viewed .blog-listing-small {
  margin: 0 0 5rem;
  overflow: hidden;
}

.most-viewed .blog-listing-small .blog-thumbnail {
  width: 9rem;
  float: left;
  position: relative;
  overflow: hidden;
  margin: 0 2rem 0 0;
}

.most-viewed .blog-listing-small .blog-thumbnail::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.most-viewed .blog-listing-small .blog-thumbnail img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  object-fit: cover;
  transition: all 0.4s ease;
}

.most-viewed .blog-listing-small .blog-excerpt h4 {
  font-size: 1.8rem;
  font-weight: 400;
  margin-bottom: 0;
  line-height: 1.3;
  font-family: "Open Sans", sans-serif;
}

.most-viewed .blog-listing-small .blog-excerpt h4 a {
  color: var(--dark-gray);
}

.most-viewed .blog-listing-small .blog-excerpt p {
  font-size: 1.4rem;
}

.most-viewed .blog-listing-small:hover .blog-thumbnail img {
  transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1);
}

.pagination {
  margin-top: 20px;
  margin-bottom: 50px;
  width: 100%;
}

.pagination .page-numbers {
  background-color: #f1f1f1;
  padding: 5px 13px;
  color: #717171;
  font-size: 15px;
  font-family: "Open Sans", sans-serif;
  border-radius: 0.3rem;
}

.pagination .page-numbers.current {
  background-color: var(--primary) !important;
  color: var(--white);
}

.pagination .page-numbers:hover {
  background-color: var(--primary);
  color: var(--white);
}

.blog-subscribe {
  background-color: #4a5ee5;
  padding: 3rem;
  color: #fff;
  position: relative;
}

.blog-subscribe .title {
  text-transform: uppercase;
  font-size: 2.2rem;
  letter-spacing: -0.02rem;
  margin: 0 0 1rem;
}

.blog-subscribe .text {
  font-size: 4.2rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -0.15rem;
  margin: 0 0 2.5rem;
}

.blog-subscribe .blog-search {
  display: flex;
  justify-content: center;
  padding: 0;
  max-width: 480px;
}

.blog-subscribe .blog-search .search-form {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  border: 0;
}

.blog-subscribe .blog-search .search-form input[type=email] {
  height: 50px;
  padding-left: 15px;
  padding-right: 118px;
  line-height: 50px;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.03rem;
  width: 100%;
  border: 0;
  font-family: "Open Sans", sans-serif;
  border-radius: 0.5rem;
}

.blog-subscribe .blog-search .search-form input[type=email]:focus-visible {
  outline: 0;
}

.blog-subscribe .blog-search .search-form .search-btn {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%);
}

.blog-subscribe .blog-search .search-form .search-btn label {
  color: #fff;
  padding-left: 0;
  cursor: pointer;
  line-height: 1;
  font-size: 1.6rem;
  padding: 1rem 1rem 1.2rem;
  margin: 0;
  font-weight: 600;
}

.blog-subscribe .blog-search .search-form .search-btn #searchsubmit {
  display: none;
}

.blog-subscribe .blog-search .search-form .bottom-line {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background-color: #a5a5a5;
  transition: all 0.4s ease;
}

.blog-subscribe .blog-search .search-form .search-text:focus+.bottom-line {
  width: 100%;
}

.blog-subscribe .close-subs {
  position: absolute;
  top: -14px;
  right: -14px;
  background: #222;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}

.blog-modal {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1100;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.35);
  display: none;
}

.blog-modal .blog-subscribe {
  min-width: 600px;
}

.emaillist {
  position: relative;
  max-width: 480px;
}

.emaillist .es-field-wrap label {
  display: flex;
  justify-content: center;
  padding: 0;
}

.emaillist .es-field-wrap label input[type=email] {
  height: 50px;
  padding-left: 15px;
  padding-right: 118px;
  line-height: 50px;
  font-size: 1.6rem;
  font-weight: 400;
  letter-spacing: -0.03rem;
  width: 100%;
  border: 0;
  font-family: "Open Sans", sans-serif;
  border-radius: 0.5rem;
  outline: 0;
}

.emaillist .es-field-wrap label input[type=email]:focus-visible {
  outline: 0;
}

.emaillist input[type=submit] {
  color: #fff;
  cursor: pointer;
  line-height: 1;
  font-size: 1.6rem;
  padding: 1rem 1rem 1.2rem;
  margin: 0;
  font-weight: 600;
  background-color: #f7403a;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  border: 0;
  border-radius: 0.5rem;
  position: absolute;
  right: 6px;
  top: 6px;
}

.es_subscription_message {
  max-width: 540px;
  display: block;
}

.es_subscription_message.success {
  color: lime;
}

.es_subscription_message.error {
  color: #ff7a7a;
}

.blog-single {
  margin: 7rem 0 0;
  padding: 11rem 0 0;
  -webkit-box-shadow: inset 0px 19px 13px -21px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0px 19px 13px -21px rgba(0, 0, 0, 0.15);
}

.blog-single .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem;
}

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

.blog-single .header-content {
  margin: 0 0 2rem;
}

.blog-single .header-content h2,
.blog-single .header-content h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 4rem;
  line-height: 1.33;
  font-weight: 600;
  letter-spacing: -0.6px;
}

.blog-single .header-content h3,
.blog-single .header-content h4 {
  font-family: "Open Sans", sans-serif;
  font-size: 2rem;
  color: var(--gray);
}

.blog-single .blog-author {
  display: flex;
  align-items: center;
}

.blog-single .blog-author .image {
  width: 5.2rem;
  height: 5.2rem;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #cccccc;
}

.blog-single .blog-author .image img {
  width: 100%;
}

.blog-single .blog-author .name {
  margin-left: 1rem;
}

.blog-single .blog-author .name h4 {
  font-family: var(--font-family-primary);
  font-size: 1.6rem;
  font-weight: 600;
  margin: 0 0 0.2rem;
}

.blog-single .blog-author .name p {
  font-size: 1.2rem;
  color: var(--gray);
  font-weight: 600;
  margin: 0;
}

.blog-single .blog-social-icon {
  margin-left: auto;
}

.blog-single .blog-social-icon ul {
  list-style: none;
  margin: 0;
  padding: 0;
  position: static;
  line-height: 0 !important;
}

.blog-single .blog-social-icon ul li {
  display: inline-block;
}

.blog-single .blog-social-icon ul li a {
  display: block;
  padding: 0;
}

.blog-single .blog-social-icon ul li a img {
  width: 2.4rem;
  height: 2.4rem;
}

.blog-single .blog-content {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 32px;
  letter-spacing: -0.004em;
  color: rgba(0, 0, 0, 0.9);
  margin: 2.5rem 0 2rem;
}

.blog-single .blog-content img {
  width: auto;
  display: block;
  margin: 30px auto;
}

.blog-single .blog-content img.aligncenter {
  width: auto;
  display: block;
  margin: 0 auto 4rem;
}

.blog-single .blog-content img.size-thumbnail {
  max-width: 17rem;
  display: block;
  margin: 12rem auto !important;
}

.blog-single .blog-content h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 2.8rem;
  margin-top: 3.5rem;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 1.5rem;
  letter-spacing: -0.6px;
  color: #000;
}

.blog-single .blog-content h2 strong,
.blog-single .blog-content h2 b {
  font-weight: bold;
}

.blog-single .blog-content h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.35;
  margin-top: 3.2rem;
  margin-bottom: 1.5rem;
  letter-spacing: -0.6px;
  color: #000;
}

.blog-single .blog-content h4 {
  font-family: "Open Sans", sans-serif;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.35;
  margin-bottom: 0.5rem;
  letter-spacing: -0.6px;
  color: rgba(0, 0, 0, 0.84);
}

.blog-single .blog-content h5 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.35;
  margin-bottom: 0.5rem;
  color: rgba(0, 0, 0, 0.84);
}

.blog-single .blog-content p {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 32px;
  margin: 0 0 2.4rem;
  letter-spacing: -0.004em;
  color: rgba(0, 0, 0, 0.9);
}

.blog-single .blog-content a {
  text-decoration: underline;
  color: #007bff !important;
}

.blog-single .blog-content ul,
.blog-single .blog-content ol {
  margin: 2rem 0;
}

.blog-single .blog-content ul li,
.blog-single .blog-content ol li {
  font-family: "Merriweather", serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 32px;
  margin: 0 0 1rem;
  letter-spacing: -0.004em;
  color: rgba(0, 0, 0, 0.9);
}

.blog-single .blog-content blockquote {
  font-family: "Merriweather", serif;
  margin: 0 0 4rem;
  color: #666;
  background: #f5f5f5;
  border-radius: 1rem;
  padding: 3rem 4rem;
}

.blog-single .blog-content blockquote p {
  font-family: "Merriweather", serif;
  font-weight: 300;
  font-size: 1.8rem;
  line-height: 32px;
  margin: 0;
  letter-spacing: -0.004em;
  color: rgba(0, 0, 0, 0.84);
  word-break: break-word;
}

.blog-single .blog-content blockquote p a {
  color: var(--primary);
  text-decoration: none;
  display: block;
}

.blog-single .blog-content blockquote p a+br {
  display: none;
}

.blog-single .blog-content .blog-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 4rem;
}

.blog-single .blog-content .blog-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blog-single .blog-content .blog-video.scaled-video {
  margin: 16% auto;
  transform: scale(1.4);
}

.blog-single .blog-content .blog-getInTouch {
  border: 1px solid #cccccc;
  border-radius: 0.4rem;
  padding: 2rem;
  margin: 0 0 5rem;
}

.blog-single .blog-content .blog-getInTouch .content {
  width: calc(100% - 22rem);
}

.blog-single .blog-content .blog-getInTouch .content .title {
  margin: 0 0 1rem;
  font-size: 2rem;
  font-weight: 600;
}

.blog-single .blog-content .blog-getInTouch .content .text {
  font-size: 1.6rem;
  margin: 0;
  line-height: 1.8;
}

.blog-single .blog-content .blog-getInTouch .link-btn {
  margin-left: auto;
}

.blog-single .blog-content .blog-getInTouch .link-btn .btn {
  color: var(--white);
  text-decoration: none;
  font-size: 1.5rem;
}

.blog-single .blog-content .blog-quick-links {
  background-color: #ebebeb;
}

.blog-single .blog-content .blog-quick-links h4 {
  background-color: #ff1816;
  color: #fff;
  padding: 0.5rem;
  padding-left: 1rem;
  font-size: 2rem;
  font-weight: 600;
}

.blog-single .blog-content .blog-quick-links a {
  text-decoration: none;
}

.blog-single .blog-content .blog-quick-links a:hover {
  color: rgba(0, 0, 0, 0.84);
  text-decoration: underline;
}

.blog-single .blog-content .blog-quick-links ol,
.blog-single .blog-content .blog-quick-links ul {
  padding: 0.5rem;
  padding-left: 4rem;
}

.blog-single .blog-follow {
  margin: 5rem 0;
}

.blog-single .blog-follow .tags ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.blog-single .blog-follow .tags ul li {
  display: inline-block;
}

.blog-single .blog-follow .tags ul li .tag-btn {
  color: #717171;
  font-size: 1.5rem;
  background-color: #f1f1f1;
  border-radius: 0.3rem;
  padding: 0.5rem 1rem;
  margin-bottom: 0.75rem;
  display: block;
  margin-right: 0.5rem;
}

.blog-single .blog-post {
  padding: 10rem 0;
  background: var(--white);
  margin: 0;
}

.blog-single .blog-post .blog-listing .listing-content {
  padding: 1.5rem 0;
  border: 0;
}

.blog-single .blog-post .blog-listing .listing-content .title {
  font-family: "Merriweather", serif;
  font-size: 1.8rem;
  color: var(--dark-gray);
  font-weight: 500;
  line-height: 1.75;
}

.blog-single .blog-post .blog-listing .blog-author .name h4 {
  color: var(--dark-gray);
}

.blog-single .author-detail {
  border-top: 1px solid #cccccc;
  margin-top: 2.5rem;
  padding-top: 2.5rem;
}

.blog-single .author-detail .image {
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #cccccc;
}

.blog-single .author-detail .image img {
  width: 100%;
}

.blog-single .author-detail .link {
  margin-top: 1rem;
  display: inline-block;
  color: var(--light-gray);
  font-size: 14px;
}

.blog-single .author-detail .link:hover {
  color: var(--primary);
}

.blog-single .author-detail .link .btn {
  padding: 1rem 2rem;
  font-size: 1.4rem;
  line-height: 1.2;
}

.blog-single .author-detail .details {
  width: calc(100% - 8rem);
  padding: 0 1.5rem;
}

.blog-single .author-detail .details .written-by {
  font-family: var(--font-family-primary);
  color: var(--gray);
  font-size: 1.4rem;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

.blog-single .author-detail .details .name {
  font-family: var(--font-family-primary);
  font-size: 2.2rem;
  margin-bottom: 0.5rem;
}

.blog-single .author-detail .details .content {
  font-size: 14px;
  color: var(--gray);
  font-weight: 400;
  margin: 0;
}

.blog-single .sidebar {
  position: fixed;
  display: none;
  top: 12rem;
  height: calc(100vh - 12rem);
  overflow-y: auto;
  padding-right: 6px;
}

.blog-single .sidebar::-webkit-scrollbar {
  width: 3px;
}

.blog-single .sidebar::-webkit-scrollbar-track {
  box-shadow: inset 0 0 2px #8c92ab;
  border-radius: 10px;
}

.blog-single .sidebar::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 10px;
}

.blog-single .sidebar h3 {
  font-family: var(--font-family-primary);
  font-size: 2rem;
}

.blog-single .sidebar ul {
  list-style: none;
  padding: 0;
}

.blog-single .sidebar ul li a {
  color: var(--light-gray);
  font-size: 1.3rem;
  line-height: 2;
  display: block;
}

.blog-single .sidebar ul li a:hover {
  color: var(--primary);
}

.blog-single .sidebar .social-links {
  border-top: 1px solid #d6d6d6;
  margin-top: 1.5rem;
  padding-top: 1rem;
}

.blog-single .blog-post-wrap {
  position: relative;
  background: var(--white);
}

.press.blog-content {
  margin-bottom: 12rem;
}

.blog-banner .image {
  position: fixed;
  max-width: 258px;
  width: 100%;
  margin: 0 auto;
  display: none;
  top: 12rem;
  transform: translateX(3rem);
  -moz-transform: translateX(3rem);
  -webkit-transform: translateX(3rem);
}

.blog-banner .image a {
  display: block;
}

.insight .blog-content {
  margin: 0 -1.5rem 16rem;
}

.insight .blog-content .banner-image {
  margin: 5rem 0 3rem;
  width: 100%;
}

.insight .blog-content .iot-slider {
  padding: 5rem 0 0;
  background: var(--white);
}

.insight .author-detail .details .written-by {
  font-weight: 500;
}

.insight .author-detail .details .name {
  margin-top: 0;
}

.insight .author-detail .details .content {
  line-height: 1.7;
  font-family: var(--font-family-primary);
}

.service-detail-slider.slider {
  background: var(--white);
}

.service-detail-slider.slider .content {
  margin-left: 10rem;
}

.service-detail-slider.slider .content .text h2,
.service-detail-slider.slider .content .text h1 {
  font-family: "Open Sans", sans-serif;
  font-size: 5.4rem;
  font-weight: 700;
  margin-bottom: 4.5rem;
  line-height: 1.2;
  letter-spacing: -0.3px;
}

.service-detail-slider.slider .content .text h2::after,
.service-detail-slider.slider .content .text h1::after {
  content: none;
}

.service-detail-slider.slider .content .text p {
  color: var(--light-gray);
}

.service-detail-slider.slider .image {
  width: 57rem;
  bottom: 0;
  right: 10rem;
  max-width: 100%;
  position: relative;
}

.service-detail-slider.slider .image::before {
  content: "";
  display: block;
  padding-bottom: 88%;
}

.service-detail-slider.slider .image img {
  object-fit: contain;
}

.service-detail-center-wrap {
  margin: 0 0 6rem;
}

.service-detail-center-wrap .header-content {
  max-width: 125rem;
  margin: 0 auto;
  text-align: center;
}

.service-detail-center-wrap .header-content p {
  margin: 0 0 2.4rem;
}

.service-detail-center-wrap .header-content ul {
  list-style: none;
  padding: 0;
}

.service-detail-center-wrap .header-content ul li {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.7;
}

.service-detail-left-wrap {
  margin: 10rem 0 8rem;
}

.service-detail-left-wrap .header-content {
  max-width: 105rem;
}

.service-detail-left-wrap .header-content .header-content p {
  margin: 0 0 2.4rem;
}

.image-small-center {
  max-width: 75rem;
  display: block;
  margin: 0 auto;
}

.image-medium-center {
  max-width: 88rem;
  display: block;
  margin: 0 auto;
}

.service-detail-list-wrap {
  margin: 10rem 0;
}

.service-detail-list-wrap .header-content {
  max-width: 92rem;
  margin: 0 auto;
  text-align: center;
}

.service-detail-list-wrap .header-content h2 .small-font {
  font-size: 2.8rem;
  display: block;
  margin-top: 0.5rem;
}

.service-detail-list-wrap .header-content h2 .small-font a {
  color: var(--black);
}

.service-detail-list-wrap .header-content img {
  max-width: 9rem;
  margin-bottom: 5rem;
}

.service.contact.case-stydy {
  margin: 16rem 0;
}

.single-services .service.contact.case-stydy {
  margin: 0;
}

.service.contact.case-stydy .service-box img {
  z-index: 0;
}

.service.contact.case-stydy .service-box .title {
  z-index: 1;
}

.service.contact.case-stydy.top {
  margin: 0 0 10rem;
}

.service.contact.case-stydy .trending-blogs {
  margin: 0;
}

.service.contact.case-stydy .blog-listing-large {
  margin: 0;
}

.service.contact.case-stydy .blog-listing-large .blog-excerpt h4 {
  font-size: 2.1rem;
}

.service-wrap {
  position: relative;
  padding: 0 1.5rem;
  display: block;
}

.service-wrap .sidebar {
  position: fixed;
  display: none;
  top: 50%;
  transform: translateY(-50%);
}

.service-wrap .sidebar h3 {
  font-family: var(--font-family-primary);
  font-size: 2rem;
}

.service-wrap .sidebar ul {
  list-style: none;
  padding: 0;
}

.service-wrap .sidebar ul li a {
  color: var(--light-gray);
  font-size: 1.3rem;
  line-height: 2;
  display: block;
}

.service-wrap .sidebar ul li a:hover {
  color: var(--primary);
}

.service-wrap .sidebar ul li a.active {
  color: var(--primary);
}

.service-wrap .sidebar ul li a.active::before {
  content: "";
  display: inline-block;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  margin-right: 0.5rem;
  background-color: var(--primary);
}

.service-wrap .sidebar .social-links {
  border-top: 1px solid #d6d6d6;
  margin-top: 1.5rem;
  padding-top: 1rem;
}

.blog-service {
  padding: 20rem 0;
}

.blog-service .carousel-wrapper::after {
  z-index: 1;
}

.blog-service h3 {
  margin: 0;
}

.blog-service p {
  margin: 0 65% 3.6rem 0;
}

.blog-service .carousel-wrapper {
  margin: 0 0 3rem;
  padding: 4rem 0 6rem 12rem;
  position: relative;
}

.blog-service .carousel-wrapper::after {
  content: "";
  position: absolute;
  left: 25rem;
  top: 0;
  width: 200%;
  height: 100%;
  display: block;
  z-index: -1;
  border-radius: 10px;
  background: #f4f4f4;
}

.blog-service .carousel-wrapper .blog-carousel .blog-item .thumbnail {
  overflow: hidden;
  max-width: 100%;
  position: relative;
  border-radius: 1rem 1rem 0 0;
}

.blog-service .carousel-wrapper .blog-carousel .blog-item .thumbnail::before {
  content: "";
  display: block;
  padding-bottom: 58%;
}

.blog-service .carousel-wrapper .blog-carousel .blog-item .thumbnail img {
  object-fit: cover;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}

.blog-service .carousel-wrapper .blog-carousel .blog-item .blog-title {
  margin: 0;
  color: #333333;
  background-color: var(--white);
  font-size: 2rem;
  line-height: 1.5;
  border: 1px solid #cccccc;
  border-top: none;
  padding: 2rem 3rem;
  border-radius: 0 0 1rem 1rem;
}

.blog-service .carousel-wrapper .blog-carousel .blog-item .blog-title a {
  color: #333333;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  font-family: "Open Sans", sans-serif;
  font-size: 1.8rem;
}

.blog-service .carousel-wrapper .blog-carousel .blog-item .blog-title a:hover {
  box-shadow: inset 0 -1px #333333;
}

.blog-service .carousel-wrapper .blog-carousel .blog-item:hover .thumbnail img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1.05);
  -moz-transform: translate(-50%, -50%) scale(1.05);
  -webkit-transform: translate(-50%, -50%) scale(1.05);
}

.blog-service .carousel-wrapper .prev {
  top: 50%;
  left: 0;
  position: absolute;
  margin-top: -2.4rem;
  width: 4.8rem;
  height: 4.8rem;
  display: inline-block;
  background-image: url(assets/images/prev.svg);
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  z-index: 9;
}

.grid-item {
  height: 100%;
  padding: 3.5rem 0 2rem;
  position: relative;
}

.grid-item .icon {
  width: 8.8rem;
  display: inline-block;
  vertical-align: top;
  margin-top: 1rem;
}

.grid-item .icon-small {
  width: 3rem;
  display: inline-block;
  vertical-align: top;
  margin-top: 1rem;
}

.grid-item .grid-contnet {
  display: inline-block;
  width: calc(100% - 12rem);
  margin: 0 0 0 2rem;
  vertical-align: top;
}

.grid-item .grid-contnet p {
  font-size: 1.9rem;
  line-height: 1.6;
}

.service-faq {
  margin: 0 0 16rem;
}

.flutter.future-retail ul li {
  width: calc(33.3333333333% - 2rem);
  margin: 0 1.5rem;
}

.flutter.building-apps,
.flutter.thinkahead {
  margin: 0 0 12rem;
}

.flutter .grid-item .grid-contnet {
  width: 100%;
  margin: 0;
}

.industries-slider.slider .image img {
  object-fit: contain;
}

.chain-processes {
  margin: 0 auto 11rem;
  max-width: 70%;
}

.chain-processes h2 {
  text-align: center;
}

.chain-processes ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  margin-left: -1rem;
  margin-right: -1rem;
  margin-top: 5rem;
}

.chain-processes ul li {
  width: calc(33.3333333333% - 2rem);
  margin: 0 1rem;
}

.chain-processes ul li .box {
  margin: 0 0 5rem;
}

.chain-processes ul li .box .content {
  background: url(assets/images/supply-chain.svg) no-repeat;
  background-position: left center;
  background-size: contain;
}

.chain-processes ul li .box .content h4 {
  font-family: var(--font-family-primary);
  font-size: 1.8rem;
  padding: 2rem 0;
  margin-left: 3.5rem;
}

.industries.iot-service {
  padding: 0;
  margin: 0 0 16rem;
}

.industries.building-apps,
.industries.thinkahead {
  margin: 0 0 16rem;
}

.industries.building-apps .grid-item .grid-contnet,
.industries.thinkahead .grid-item .grid-contnet {
  width: 100%;
  margin: 0;
}

.slider-wrapper {
  display: flex;
  position: relative;
  width: 78%;
  background: #ddd;
  overflow: hidden;
  padding-bottom: 40%;
  margin: 0 auto;
  border-radius: 1rem;
}

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

.slider-wrapper ul.slider-img {
  display: flex;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  transition: 0.5s;
  z-index: 1;
}

.slider-wrapper ul.slider-img li {
  flex: 1 0 100%;
  position: relative;
}

.slider-wrapper ul.slider-img li .caption {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4705882353);
  transition: all 0.3s ease;
}

.slider-wrapper ul.slider-img li .caption .content {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 117rem;
  left: 0;
  right: 0;
  bottom: 10%;
  position: absolute;
  z-index: 1;
  text-align: center;
}

.slider-wrapper ul.slider-img li .caption .content .logo {
  max-width: 36rem;
  width: 100%;
  margin: 0 auto 1rem;
  position: relative;
}

.slider-wrapper ul.slider-img li .caption .content .logo::after {
  content: "";
  display: block;
  padding-bottom: 30%;
}

.slider-wrapper ul.slider-img li .caption .content .logo img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  object-fit: contain;
}

.slider-wrapper ul.slider-img li .caption .content h2 {
  color: #fff;
  font-weight: 600;
  max-width: 105rem;
  font-size: 4.8rem;
  font-family: var(--font-family-secondary);
  margin: 0 auto;
}

.slider-wrapper ul.slider-img li .caption p {
  font-size: 18px;
  max-width: 38rem;
}

.slider-wrapper ul.slider-img li:hover .caption {
  opacity: 1;
}

.slider-wrapper ul.slider-img li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.slider-wrapper ul.slider-arrow {
  position: absolute;
  left: 0;
  width: 100%;
  color: #fff;
  font-size: 2rem;
  display: flex;
  justify-content: space-between;
  height: 100%;
  width: 100%;
  text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
}

.slider-wrapper ul.slider-arrow li {
  cursor: pointer;
  height: 100%;
  padding: 0 3rem;
  opacity: 0.4;
  transition: 0.5s;
}

.slider-wrapper ul.slider-arrow li.arrow-left {
  position: absolute;
  z-index: 2;
  left: 0;
  opacity: 0.4;
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(255, 255, 255, 0) 100%);
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.35) 0%, rgba(255, 255, 255, 0) 100%);
  background: linear-gradient(to right, rgba(0, 0, 0, 0.35) 0%, rgba(255, 255, 255, 0) 100%);
}

.slider-wrapper ul.slider-arrow li.arrow-right {
  position: absolute;
  right: 0;
  z-index: 2;
  opacity: 0.4;
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(0, 0, 0, 0.35) 100%);
}

.slider-wrapper ul.slider-arrow li img {
  position: absolute;
  top: 50%;
  transform: translateX(-50%);
  width: 2rem;
}

.slider-wrapper ul.slider-arrow li:hover {
  opacity: 1;
}

.slider-dot {
  position: absolute;
  z-index: 1;
  left: 50%;
  bottom: 15px;
  display: flex;
  transform: translateX(-50%);
}

.slider-dot li {
  width: 1rem;
  height: 1rem;
  display: block;
  background-color: var(--white);
  opacity: 0.5;
  margin: 0 0.6rem;
  border-radius: 50%;
  cursor: pointer;
}

.slider-dot li.active {
  opacity: 1;
}

.iot.smart-retail {
  margin: 0;
}

.iot.future-retail {
  margin: 0;
  padding: 16rem 0 0;
}

.iot.customer-experience {
  margin: 0;
  padding: 12rem 0 0;
}

.iot.about-awards {
  padding: 8rem 0 16rem;
}

.iot.about-slider.slider {
  padding: 19rem 0 3rem;
}

.iot.about-slider.slider .content .text h2 {
  font-size: 5.5rem;
}

.iot.about-slider.slider .image {
  bottom: 0;
}

.iot.case-stydy {
  margin: 0 0 12rem;
}

.iot .btn-animate-1 {
  padding: 0;
  margin-top: 0;
}

.iot .btn-animate-1::before {
  content: none;
}

.iot:hover {
  padding-left: 0;
}

.iot-blog {
  margin: 0 0 16rem;
}

.iot-blog .blog-inner {
  position: relative;
  padding: 4rem 0;
  margin: 5rem 0 6rem;
}

.iot-blog .blog-inner .btn-animate-1 {
  top: 5.5rem;
}

.iot-blog .blog-inner::after {
  content: "";
  position: absolute;
  width: 80%;
  height: 90%;
  top: 0;
  right: 0;
  background: #f4f4f4;
  z-index: -1;
  border-radius: 1rem;
}

.iot-blog ul {
  list-style: none;
  padding: 0;
  margin: 0;
  flex-wrap: wrap;
  position: relative;
}

.iot-blog ul li {
  width: calc(33.3333333333% - 2.7rem);
  margin: 0 2rem;
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

.iot-blog ul li:first-child {
  margin-left: 0;
}

.iot-blog ul li:last-child {
  margin-right: 0;
}

.iot-blog ul li .thumbnail {
  overflow: hidden;
  max-width: 100%;
  position: relative;
  border-radius: 1rem 1rem 0 0;
}

.iot-blog ul li .thumbnail::before {
  content: "";
  display: block;
  padding-bottom: 58%;
}

.iot-blog ul li .thumbnail img {
  object-fit: cover;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}

.iot-blog ul li .blog-item {
  height: 100%;
  display: flex;
  flex-direction: column;
}

.iot-blog ul li .blog-title {
  margin: 0;
  color: #333333;
  background-color: var(--white);
  font-size: 2rem;
  line-height: 1.5;
  border: 1px solid #cccccc;
  border-top: none;
  padding: 2rem 3rem;
  border-radius: 0 0 1rem 1rem;
  flex-grow: 1;
}

.iot-blog ul li .blog-title a {
  color: #333333;
  transition: all 0.3s ease-in;
  -o-transition: all 0.3s ease-in;
  -webkit-transition: all 0.3s ease-in;
  font-family: "Open Sans", sans-serif;
  font-size: 1.8rem;
}

.iot-grid {
  padding: 16rem 0 0;
}

.iot-grid .grid-item .grid-contnet {
  margin: 0;
  width: 100%;
}

.discover-roi {
  margin: 8rem 0;
  padding: 4rem 0;
  background-color: #fafafa;
}

.discover-roi .box {
  display: flex;
  border: 1px solid #ebebeb;
  border-radius: 0.3rem;
  color: var(--black);
  align-items: stretch;
  background: var(--white);
}

.discover-roi .box .image {
  flex: 0 0 32rem;
  position: relative;
}

.discover-roi .box .image img {
  height: 100%;
  object-fit: cover;
}

.discover-roi .box .content {
  padding: 2rem 3rem;
}

.discover-roi .box .content h5 {
  font-family: var(--font-family-primary);
  text-transform: uppercase;
  color: var(--light-gray);
  font-weight: 600;
  font-size: 1.5rem;
  margin: 0 0 1rem;
}

.discover-roi .box .content h3 {
  font-family: var(--font-family-primary);
  font-size: 2.3rem;
  font-weight: 600;
}

.discover-roi .box .content p {
  font-size: 1.6rem;
  margin: 0;
}

.discover-roi a:hover h3 {
  text-decoration: underline;
}

.iot-slider .header-content {
  text-align: center;
  padding: 0 0 5rem;
  max-width: 93rem;
  margin: 0 auto;
}

.iot-service {
  padding: 16rem 0 0;
}

.iot-service .header-content {
  text-align: center;
  padding: 0 0 5rem;
  max-width: 100rem;
  margin: 0 auto;
}

.iot-service .grid-item {
  padding: 0 0 4rem;
}

.iot-service .grid-item .grid-contnet {
  margin: 0;
  width: 100%;
}

.iot-service .grid-item .grid-contnet p {
  margin: 0;
}

.iot-service .grid-item .grid-contnet h4 {
  margin: 0;
}

.iot-service img {
  max-width: 38rem;
  padding: 0 0 4rem;
}

.iot-team {
  margin: 16rem 0 0;
  padding: 6rem;
  background-color: #ebebeb;
}

.iot-team h2 {
  margin: 0 0 18rem;
  max-width: 75rem;
}

.iot-team ul {
  list-style: none;
  padding: 0;
  display: flex;
}

.iot-team ul li {
  width: 33.3333333333%;
  font-size: 1.8rem;
  display: inline-block;
  padding-left: 4rem;
  position: relative;
}

.iot-team ul li::before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background-color: var(--light-gray);
  display: inline-block;
  position: absolute;
  left: 1rem;
  top: 0.5rem;
  border-radius: 0.3rem;
}

.iot-banner .image {
  width: 80rem;
  margin: 9rem auto 1rem;
  position: relative;
  max-width: 100%;
  position: relative;
}

.iot-banner .image::before {
  content: "";
  display: block;
  padding-bottom: 62%;
}

.iot-banner .image img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  object-fit: contain;
}

.smart-retail {
  margin: 0 0 16rem;
}

.smart-retail .header-content {
  text-align: center;
}

.smart-retail .header-content h1 {
  font-family: var(--font-family-primary);
  font-size: 5.7rem;
  font-weight: 700;
  letter-spacing: -1.44px;
  margin: 0.6rem 0 1.4rem;
}

.smart-retail .header-content p {
  font-family: var(--font-family-secondary);
  font-size: 3rem;
  font-weight: 500;
  color: var(--gray);
  line-height: 1.35;
  margin: 0 0 5rem;
}

.smart-retail .container-fluid>img {
  width: 90%;
  display: block;
  margin: 0 auto;
}

.smart-retail .image {
  width: 90%;
  display: block;
  margin: 0 auto;
}

.smart-retail .image img {
  border-radius: 1rem;
}

.smart-retail .breadcrumbs-container img {
  max-width: 1.8rem;
}

.smart-retail .breadcrumbs {
  list-style: none;
  display: flex;
  padding: 8px 0;
  margin: 0;
  margin-left: 1rem;
}

.smart-retail .breadcrumbs li {
  color: var(--light-gray);
  margin: 0;
  font-size: 2rem;
  font-weight: 400;
}

.smart-retail .breadcrumbs li a {
  color: var(--light-gray);
  text-decoration: none;
  font-size: 2rem;
  font-weight: 400;
}

.smart-retail .breadcrumbs li+li::before {
  padding: 0 0.2rem 0 0.6rem;
  color: var(--light-gray);
  content: "/ ";
}

.future-retail {
  margin: 0 0 12rem;
}

.future-retail .header-content {
  text-align: center;
}

.future-retail .retail-list {
  background-color: #fafafa;
}

.future-retail ul {
  list-style: none;
  padding: 0;
  margin: 4rem auto 0;
  display: flex;
}

.future-retail ul li {
  width: calc(25% - 2.15rem);
  margin: 0 1.4rem;
  display: inline-block;
}

.future-retail ul li h3 {
  color: #cccccc;
  font-size: 3.6rem;
  margin: 0;
}

.future-retail ul li h4 {
  font-size: 2.8rem;
  margin: 0 0 0.5rem;
}

.future-retail ul li p {
  font-size: 1.7rem;
  margin: 0;
  position: relative;
}

.future-retail ul li p::after {
  content: "";
  width: 5rem;
  height: 3px;
  background: #ccc;
  display: block;
  margin-top: 1rem;
}

.future-retail ul li .source {
  font-size: 1.2rem;
  color: var(--light-gray);
  margin-top: 1rem;
  display: block;
}

.future-retail ul li:first-child {
  margin-left: 0;
}

.future-retail ul li:last-child {
  margin-right: 0;
}

.future-retail ul li .retail-card {
  padding: 4rem 0 4.5rem;
  border-radius: 1rem;
}

.customer-experience {
  margin: 0 0 9rem;
}

.customer-experience .header-content {
  text-align: center;
  margin: 0 0 11rem;
}

.customer-experience .grid {
  display: flex;
  margin: 0 0 7rem;
}

.customer-experience .grid .grid-image {
  flex: 0 0 14rem;
  margin: 1rem 0 0;
}

.customer-experience .grid .grid-content {
  margin-left: 2.5rem;
}

.customer-experience .grid .grid-content h3 {
  font-size: 3rem;
  margin: 0 0 0.5rem;
}

.customer-experience .grid .grid-content p {
  font-size: 2rem;
  line-height: 1.5;
}

.customer-experience .grid .grid-content ul {
  color: #222;
}

.customer-experience .grid .grid-content ul li {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 300;
}

.smart-retail-iot {
  margin: 0 0 16rem;
}

.smart-retail-iot .header-content {
  text-align: center;
  margin: 0 0 7.5rem;
}

.smart-retail-iot ul {
  list-style: none;
  display: flex;
  margin: 0;
  padding: 0;
}

.smart-retail-iot ul li {
  width: 20%;
}

.smart-retail-iot ul li .icon {
  width: 8.5rem;
  display: block;
  margin: 0 auto;
  position: relative;
}

.smart-retail-iot ul li .icon .icon-square {
  max-width: 100%;
  position: relative;
}

.smart-retail-iot ul li .icon .icon-square::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.smart-retail-iot ul li .icon .icon-square img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
}

.smart-retail-iot ul li .icon::after {
  content: "";
  width: 7rem;
  display: block;
  height: 1px;
  position: absolute;
  border-top: 5px dashed #999;
  overflow: hidden;
  left: calc(100% + 3.5rem);
  top: 50%;
  transform: translateY(-50%);
}

.smart-retail-iot ul li .icon::before {
  content: "";
  width: 7rem;
  display: block;
  height: 1rem;
  position: absolute;
  background: var(--white);
  overflow: hidden;
  left: calc(100% + 3.5rem);
  top: 50%;
  transform: translateY(-15%);
  z-index: 1;
}

.smart-retail-iot ul li .text {
  margin: 3.5rem 0 0;
  font-size: 1.6rem;
  text-align: center;
}

.smart-retail-iot ul li:last-child .icon::after {
  content: none;
}

.iot-bottom-section {
  margin: 0 auto 12rem;
  width: 90%;
  position: relative;
  overflow: hidden;
  padding: 6rem 6rem 3rem;
  border-radius: 1rem;
  border-bottom-left-radius: 2.3rem;
  border-bottom-right-radius: 2.3rem;
  -webkit-box-shadow: 0 10px 0px -1px rgb(208, 208, 208);
  -moz-box-shadow: 0 10px 0px -1px rgb(208, 208, 208);
  box-shadow: 0 10px 0px -1px rgb(208, 208, 208);
}

.iot-bottom-section img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.iot-bottom-section h2 {
  margin: 0 0 20rem;
  max-width: 75rem;
  color: var(--white);
}

.iot-bottom-section ul {
  list-style: none;
  padding: 0;
  display: flex;
}

.iot-bottom-section ul li {
  width: 33.3333333333%;
  font-size: 1.8rem;
  color: var(--white);
  display: inline-block;
  padding-left: 4rem;
  position: relative;
}

.iot-bottom-section ul li::before {
  content: "";
  width: 1.8rem;
  height: 1.8rem;
  background-color: var(--white);
  display: inline-block;
  position: absolute;
  left: 1rem;
  top: 0.5rem;
  border-radius: 0.3rem;
}

.schedule-meeting {
  margin: 0 0 12rem;
}

.schedule-meeting .schedule-form {
  background-color: #2d3bbf;
  width: 90%;
  margin: 0 auto;
  border-radius: 1rem;
  padding: 5.2rem 6.8rem 4rem;
}

.schedule-meeting .schedule-form .header-content {
  margin: 0 0 8rem;
}

.schedule-meeting .schedule-form .header-content h2 {
  font-size: 3.6rem;
  color: var(--white);
  margin: 0;
}

.schedule-meeting .schedule-form .header-content p {
  font-size: 1.9rem;
  color: var(--white);
}

.schedule-meeting .schedule-form .profile {
  display: flex;
  align-items: center;
  margin-left: 5.2rem;
}

.schedule-meeting .schedule-form .profile .image {
  flex: 0 0 10.8rem;
  background: var(--white);
  border-radius: 50%;
}

.schedule-meeting .schedule-form .profile .content {
  margin-left: 2.3rem;
}

.schedule-meeting .schedule-form .profile .content h3 {
  font-family: var(--font-family-primary);
  font-size: 2.3rem;
  color: var(--white);
  margin: 0;
}

.schedule-meeting .schedule-form .profile .content p {
  font-size: 1.6rem;
  color: var(--white);
}

.schedule-meeting .schedule-form .contact-form {
  margin: 0;
  padding: 3rem 6rem 0;
}

.schedule-meeting .schedule-form .contact-form input[type=submit] {
  background-color: var(--white);
  color: #2d3bbf;
  font-size: 1.4rem;
  font-weight: 600;
}

.schedule-meeting .schedule-form .form-group .form-control {
  color: var(--white);
  font-family: var(--font-family-primary);
  font-weight: 300;
  font-size: 1.8rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.schedule-meeting .schedule-form .form-group .form-control::-webkit-input-placeholder {
  color: var(--white);
}

.schedule-meeting .schedule-form .form-group .form-control:-ms-input-placeholder {
  color: var(--white);
}

.schedule-meeting .schedule-form .form-group .form-control::placeholder {
  color: var(--white);
}

.schedule-meeting .schedule-form .form-group .label-wrap {
  font-family: var(--font-family-primary);
}

.schedule-meeting .schedule-form .form-group .label-wrap .label {
  font-size: 1.8rem;
  color: var(--white);
  font-weight: 300;
}

.schedule-meeting .schedule-form .form-group .label-wrap::after {
  background-color: rgba(255, 255, 255, 0.51);
}

.schedule-meeting .schedule-form .wpcf7-response-output {
  color: #fff;
  font-size: 1.4rem;
}

.iot-faq {
  margin: 0 0 12rem;
}

.iot-faq .faq h2,
.iot-faq .faq-title-content h2 {
  margin-top: 0;
}

.not-found {
  padding: 16rem 0 10rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.not-found .lottie-wrapper {
  max-width: 52rem;
  width: 100%;
  margin: 0 auto;
}

.not-found h1 {
  font-weight: 600;
  font-size: 6rem;
}

.not-found h1::after {
  content: "";
  width: 9.5rem;
  height: 0.45rem;
  display: block;
  margin: 1rem auto;
  background-color: var(--primary);
  border-radius: 0.45rem;
}

.not-found p {
  color: var(--gray);
  margin: 0 auto 3rem;
  font-weight: 400;
}

.fadeInLeftSmall {
  -webkit-animation-name: fadeInLeftSmall;
  animation-name: fadeInLeftSmall;
}

@-webkit-keyframes fadeInLeftSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInLeftSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-10%, 0, 0);
    transform: translate3d(-10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@-webkit-keyframes fadeInRightSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInRightSmall {
  from {
    opacity: 0;
    -webkit-transform: translate3d(10%, 0, 0);
    transform: translate3d(10%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInRightSmall {
  -webkit-animation-name: fadeInRightSmall;
  animation-name: fadeInRightSmall;
}

.bounceSmall {
  -webkit-animation-name: bounceSmall;
  animation-name: bounceSmall;
  -webkit-transform-origin: center bottom;
  transform-origin: center bottom;
}

@keyframes bounceSmall {

  from,
  20%,
  53%,
  80%,
  to {
    -webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  40%,
  43% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  70% {
    -webkit-animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -1px, 0);
    transform: translate3d(0, -1px, 0);
  }
}

/* animation responsive */
.hamburger {
  width: 26px;
  height: 26px;
  z-index: 999;
  line-height: 4px;
  cursor: pointer;
  position: relative;
  display: none;
}

.hamburger span {
  display: inline-block;
  width: 26px;
  height: 3px;
  background: var(--primary);
  transition: all 0.5s;
}

.hamburger span:nth-child(2) {
  width: 18px;
}

.hamburger span:last-child {
  width: 10px;
}

.hamburger.active span {
  margin-top: 12px;
  position: absolute;
  width: 26px;
}

.hamburger.active span:first-child {
  transform: rotate(-135deg);
}

.hamburger.active span:nth-child(2) {
  transform: rotate(135deg);
}

.hamburger.active span:last-child {
  margin-top: 30px;
  width: 0;
  display: none;
}

.modal {
  position: fixed;
  z-index: 10000;
  /* 1 */
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
}

.modal.is-visible {
  visibility: visible;
}

.modal.is-visible .modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s;
}

.modal .modal-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, 0.5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear 0.3s, opacity 0.3s;
}

.modal .modal-wrapper {
  position: relative;
  z-index: 9999;
  top: 50%;
  left: 50%;
  max-width: 55rem;
  max-height: 85%;
  width: 95%;
  overflow-y: auto;
  transform: translate(-50%, -50%) scale(0.8);
  background-color: #fff;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.13);
  border-radius: 0.5rem;
}

.modal .modal-wrapper.modal-transition {
  transition: all 0.3s 0.12s;
  opacity: 0;
}

.modal .modal-wrapper .modal-header,
.modal .modal-wrapper .modal-content {
  padding: 1.5rem;
}

.modal .modal-wrapper .modal-header {
  position: sticky;
  top: 0;
  background-color: #fff;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.06);
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background: var(--white);
  z-index: 1;
}

.modal .modal-wrapper .modal-header .modal-heading {
  font-size: 3rem;
  margin: 0;
  width: 100%;
  text-align: center;
}

.modal .modal-wrapper .modal-header .modal-close {
  position: absolute;
  top: 1rem;
  right: 1.5rem;
  color: var(--light-gray);
  font-size: 2.41rem;
}

.modal .modal-wrapper.modal-large {
  max-width: 75rem;
}

.modal .modal-wrapper.right-bottom {
  max-width: 370px;
  left: calc(99% - 370px);
  top: calc(98% - 605px);
  transform: none;
  -moz-transform: none;
  -webkit-transform: none;
}

.modal .modal-wrapper.right-bottom .modal-header {
  background-color: #222;
  padding: 1.2rem;
}

.modal .modal-wrapper.right-bottom .modal-header .title {
  margin-right: 20px;
}

.modal .modal-wrapper.right-bottom .modal-header .title .logo {
  width: 45px;
  margin-bottom: 12px;
}

.modal .modal-wrapper.right-bottom .modal-header .title .modal-heading {
  color: #fff;
  font-size: 18px;
  text-align: left;
  line-height: 1.4;
  font-weight: 400;
  margin: 0 0 0.8rem;
}

.modal .modal-wrapper.right-bottom .modal-header .title p {
  color: #fff;
  font-size: 14px;
  text-align: left;
  margin: 0;
}

.modal .modal-wrapper .contact-form {
  padding: 1.28rem 0.8rem 0.8rem;
  box-shadow: none;
  margin: 0;
}

.modal .modal-wrapper .contact-form .form-group {
  margin: 0 0 2.8rem;
}

.modal .modal-wrapper .contact-form .form-group .form-control {
  height: 38px;
  font-size: 14px;
}

.modal .modal-wrapper .contact-form .form-group .form-control .label-wrap .label {
  font-size: 14px;
}

.modal .modal-wrapper .contact-form .form-group .form-control:focus~.label-wrap .label {
  bottom: 94%;
  font-size: 0.75rem;
}

.modal .modal-wrapper .contact-form .form-btn {
  position: static;
  text-align: right;
  transform: none;
  -moz-transform: none;
  -webkit-transform: none;
}

.modal .modal-wrapper .contact-form .form-btn .btn {
  text-transform: capitalize;
  font-size: 1.6rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  padding: 1.12rem 3.2rem 1.2rem;
  line-height: 1;
  background: #ff1816;
}

.modal .modal-wrapper .contact-form p {
  margin: 0;
}

.modal.is-visible .modal-transition {
  transform: translate(-50%, -50%) scale(1);
  opacity: 1;
}

.modal.is-visible .right-bottom {
  transform: translate(0, 0) scale(1);
  -moz-transform: translate(0, 0) scale(1);
  -webkit-transform: translate(0, 0) scale(1);
}

.modal-content>*:first-child {
  margin-top: 0;
}

.modal-content>*:last-child {
  margin-bottom: 0;
}

.white-papper-banner {
  padding-bottom: 40%;
  position: relative;
  overflow: hidden;
  margin: 0 0 10rem;
}

.white-papper-banner img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  object-fit: cover;
}

.white-papper-banner .caption {
  position: absolute;
  max-width: 144rem;
  padding: 0 15px;
  width: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-wrap: wrap;
}

.white-papper-banner .caption .content {
  width: 50%;
}

.white-papper-banner .caption .content h5 {
  font-family: var(--font-family-primary);
  color: var(--white);
  font-size: 1.4rem;
  letter-spacing: 0.0875rem;
}

.white-papper-banner .caption .content h1 {
  font-family: var(--font-family-primary);
  color: var(--white);
  font-size: 6rem;
  font-weight: 700;
  margin: 3rem 0;
}

.white-papper-banner .caption .content p {
  font-family: var(--font-family-primary);
  color: var(--white);
  font-weight: 500;
}

.white-papper-content {
  margin: 0 0 16rem;
}

.white-papper-content ul li {
  font-size: 22px;
  font-weight: 300;
  line-height: 1.7;
  margin: 0;
}

.white-papper-content .contact-form {
  margin: 6rem 0 0;
  padding: 3rem;
  border-radius: 1rem;
  border: 1px solid #ebebeb;
}

.white-papper-content .form-group .form-control {
  border-bottom: 1px solid #ebebeb;
}

.white-papper-content .form-group .label-wrap::after {
  background-color: #ccc;
}

.xamarin-slider.slider .image img {
  object-fit: contain;
}

.microsoft-xamarin {
  margin: 0 0 6rem;
}

.microsoft-xamarin .header-content {
  max-width: 100rem;
  margin: 0 auto;
  text-align: center;
}

.microsoft-xamarin .header-content h5 {
  font-size: 1.9rem;
  letter-spacing: 0.8rem;
  font-weight: 600;
  color: var(--light-gray);
  margin: 0 0 1.2rem;
  text-transform: uppercase;
}

.microsoft-xamarin .image {
  max-width: 44.15rem;
  width: 100%;
  margin: 8rem auto 0;
}

.xamarin-portfolio {
  margin: 0 0 12rem;
}

.xamarin-portfolio h4 {
  font-size: 1.9rem;
  letter-spacing: 0.8rem;
  font-weight: 600;
  color: var(--light-gray);
  margin: 0 0 3.5rem 6rem;
  text-transform: uppercase;
}

.xamarin-portfolio .carousel-wrapper {
  width: 90%;
  margin-left: auto;
}

.xamarin-portfolio .lSSlideOuter .lSPager.lSpg {
  display: none;
}

.xamarin-portfolio .lSAction>a {
  background-image: url(assets/images/controls.png);
  opacity: 1;
}

.xamarin-consulting-partner {
  margin: 0 0 12rem;
}

.xamarin-consulting-partner .header-content {
  max-width: 120rem;
  margin: 0 auto;
  text-align: center;
}

.xamarin-consulting-partner .header-content h5 {
  font-size: 1.9rem;
  letter-spacing: 0.8rem;
  font-weight: 600;
  color: var(--light-gray);
  margin: 0 0 1.2rem;
  text-transform: uppercase;
}

.xamarin-consulting-partner .image {
  max-width: 45rem;
  width: 100%;
  margin: 8rem auto 0;
}

.xamarin-consulting-partner h4 {
  font-size: 2.5rem;
}

.xamarin-process {
  margin: 0 0 8rem;
}

.xamarin-process .grid {
  display: flex;
  margin: 0 0 6.6rem;
}

.xamarin-process .grid .grid-image {
  flex: 0 0 14rem;
  margin: 1rem 0 0;
}

.xamarin-process .grid .grid-content {
  margin-left: 2.5rem;
}

.xamarin-process .grid .grid-content h3 {
  font-size: 3rem;
  margin: 0 0 0.5rem;
}

.xamarin-process .grid .grid-content p {
  font-size: 2rem;
  line-height: 1.5;
}

.xamarin-process .grid .grid-content ul {
  color: #222;
}

.xamarin-process .grid .grid-content ul li {
  font-size: 2rem;
  line-height: 1.5;
  font-weight: 300;
}

.amazing-results {
  margin: 0 0 16rem;
}

.amazing-results .header-content {
  max-width: 125rem;
  margin: 0 auto;
  text-align: center;
}

@media (max-width: 1680px) {
  .site-footer .footer-bottom .container {
    max-width: 1440px;
  }
}

@media (max-width: 1440px) {
  html {
    font-size: 56%;
  }

  .top-page-banner .page-title-wrap p {
    max-width: 78rem;
  }

  .slider .content {
    margin-left: 7rem;
  }

  .slider .image {
    right: 8rem;
  }

  .different {
    margin: 12rem 0 20rem;
  }

  .different ol>li::before {
    left: -0.5rem;
  }

  .fortune .clients-logo {
    margin: 0 3rem;
  }

  .chatboats .text {
    margin: 0 4rem;
  }

  .chatboats .text p {
    font-size: 21px;
  }

  .business .text {
    margin: 0 5rem 0 9rem;
  }

  .business .text p {
    font-size: 21px;
  }

  .about-slider.slider .content {
    margin-left: 10rem;
  }

  .about-slider.slider .image {
    bottom: 12rem;
  }

  .case-study-banner .caption h2,
  .case-study-banner .caption h1 {
    font-size: 5.6rem;
    line-height: 1.3;
  }

  .case-bottom-heading .header-content {
    margin: 0 auto 10rem;
    max-width: 125rem;
  }

  .case-bottom-heading .case-bottom-img {
    max-width: 94.3rem;
  }

  .app-development-logo ul {
    padding-left: 4rem;
  }

  .landing-page-portfolio ul li {
    max-width: 110.2rem;
  }

  .portfolio1-slider .slider .content {
    margin-left: 7rem;
  }

  .service-detail-slider.slider .content {
    max-width: 65rem;
    margin-left: 7rem;
  }

  .service-detail-slider.slider .image {
    right: 7rem;
  }

  .smart-retail img {
    width: 95%;
  }

  .future-retail ul {
    width: 95%;
  }

  .iot-bottom-section {
    width: 95%;
  }

  .industries-slider.slider .content {
    margin-left: 5rem;
    max-width: 68rem;
  }

  .industries-slider.slider .image {
    right: 5rem;
  }

  .site-footer .footer-bottom .container {
    max-width: 1170px;
  }

  .site-footer .footer-menu ul li {
    font-size: 2.9rem;
  }
}

@media (max-width: 1199px) {
  html {
    font-size: 50%;
  }

  p {
    font-size: 18px;
    line-height: 1.65;
    margin: 0 0 2rem;
  }

  #cookie-law-info-bar {
    max-width: calc(100% - 200px);
    left: 100px;
  }

  .slider {
    height: 100%;
    margin: 15rem 0;
    padding: 7.18rem 0;
  }

  .slider .content {
    width: 57rem;
    margin-left: 5rem;
  }

  .slider .content .text {
    margin-top: 0;
  }

  .slider .content .text h1,
  .slider .content .text h2 {
    font-size: 5rem;
  }

  .slider .content .text p {
    font-size: 2.9rem;
  }

  .slider .image {
    width: 44rem;
    bottom: 0;
    top: 0;
    max-height: 100%;
  }

  .header .nav {
    margin-left: 1.32rem;
  }

  .header .nav .menu:first-child li a {
    padding: 0 1rem;
  }

  .header .nav .menu:first-child li:first-child {
    padding-left: 0.32rem;
    margin-left: 4.8rem;
  }

  .header .nav .menu:first-child li:first-child::before {
    width: 4.8rem;
  }

  .header .nav .menu:first-child li+li {
    margin-left: 2rem !important;
  }

  .header .nav .menu:first-child li .sub-menu-wrap .menu-title {
    flex: 0 0 180px;
    margin-left: 0;
    margin-right: 0;
  }

  .header .nav .menu:first-child li .sub-menu-wrap .sub-menu-dropdown {
    width: calc(100% - 190px);
  }

  .header .nav .menu:first-child li .sub-menu-wrap .sub-menu-dropdown>li ul li a {
    margin: 0 0 5px;
  }

  .header .logo {
    max-width: 24rem;
  }

  .different {
    margin: 12rem 0 20rem;
  }

  .different ol>li .text {
    font-size: 2.21rem;
    padding: 2.3rem 3rem;
  }

  .business .text {
    margin: 0 1rem 0 9rem;
  }

  .business .text p {
    font-size: 18px;
  }

  .chatboats .text {
    margin: 0 2rem;
  }

  .chatboats .text p {
    font-size: 18px;
  }

  .portfolio-home .portfolio-lists .portfolio-left {
    padding: 0 3rem;
  }

  .portfolio-home .portfolio-lists .portfolio-left .top-text h3 {
    max-width: 43rem;
    margin: 0 auto;
  }

  .have-a-question .text {
    max-width: 42rem;
  }

  #counter {
    flex-wrap: wrap;
  }

  .global .section-head h2 {
    margin: 0 auto;
    max-width: 72rem;
  }

  .global ul>li {
    width: 50%;
    text-align: center;
    position: relative;
    margin: 4rem 0;
    max-width: 100%;
  }

  .global ul>li p {
    font-size: 2.1rem;
  }

  .about-slider.slider {
    height: 100%;
    margin: 15rem 0;
    padding: 7.18rem 0;
  }

  .about-slider.slider .content {
    margin-left: 5rem;
  }

  .about-slider.slider .content .text h2,
  .about-slider.slider .content .text h1 {
    font-size: 5rem;
  }

  .about-slider.slider .content .text p {
    font-size: 3rem;
  }

  .about-slider.slider .image {
    bottom: 0;
  }

  .about-global.global ul>li span p {
    padding-right: 1rem;
  }

  .why .from {
    padding: 3rem 8rem 3rem 5rem;
  }

  .why .text {
    margin: -10rem 6rem 0 2rem;
  }

  .global-presence .connect-box p {
    font-size: 1.8rem;
    margin-top: 3rem;
  }

  .our-work .awards-box {
    height: 105px;
  }

  .our-work .awards-box img {
    top: 50%;
    left: 50%;
    position: absolute;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%) scale(0.75);
    -moz-transform: translate(-50%, -50%) scale(0.75);
    -webkit-transform: translate(-50%, -50%) scale(0.75);
  }

  .awards .awards-box,
  .our-work .awards-box,
  .about-awards .awards-box {
    height: 100px;
  }

  .awards .awards-box img,
  .our-work .awards-box img,
  .about-awards .awards-box img {
    top: 50%;
    left: 50%;
    position: absolute;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%) scale(0.7);
    -moz-transform: translate(-50%, -50%) scale(0.7);
    -webkit-transform: translate(-50%, -50%) scale(0.7);
  }

  .awards .awards-text p,
  .our-work .awards-text p,
  .about-awards .awards-text p {
    font-size: 1.4rem;
  }

  .team-slider.slider {
    margin: 15rem 0 0rem;
    padding: 7.18rem 0;
  }

  .team-slider.slider .content {
    margin-left: 3rem;
    max-width: 100%;
  }

  .team-slider.slider .content .text p {
    font-size: 3rem;
  }

  .portfolio-slider.slider {
    margin: 15rem 0 0;
    padding: 7.18rem 0;
  }

  .portfolio-slider.slider .content {
    margin-left: 3rem;
  }

  .case-stydy .service-box .title {
    padding: 4rem;
  }

  .case-stydy .service-box .title h2 {
    max-width: 58rem;
  }

  .case-summary-details .summary-content {
    margin: 3rem 0 0 7.8rem;
  }

  .case-summary-details .flex-md-row-reverse .image {
    margin: -10rem 22.6rem 0 0 !important;
  }

  .case-study-wireframe ul li {
    flex-basis: 47.5rem;
  }

  .app-development-form {
    margin-right: 10rem;
    margin-top: 10rem;
  }

  .app-development-slider.slider {
    margin: 0;
    padding: 7.18rem 0 0;
  }

  .landing-page-new.slider {
    margin: 15rem 0 10rem;
    padding: 18.18rem 0;
  }

  .landing-page-new.slider .content .text {
    margin-top: 0;
  }

  .contact.case-stydy .service-box .title {
    padding: 2rem;
  }

  .contact.case-stydy .service-box .title h2 {
    font-size: 3.1rem;
  }

  .site-footer .footer-bottom .container {
    max-width: 960px;
  }

  .service-detail-slider.slider .content {
    width: 57rem;
    margin-left: 5rem;
  }

  .service-detail-slider.slider .image {
    right: 5rem;
  }

  .blog-banner .image {
    max-width: 225px;
    transform: translateX(1rem);
    -moz-transform: translateX(1rem);
    -webkit-transform: translateX(1rem);
  }
}

@media (max-width: 991px) {
  h2 {
    font-size: 4rem;
  }

  h3 {
    font-size: 3.3rem;
  }

  .patch {
    display: none !important;
  }

  br {
    display: none;
  }

  .hamburger {
    display: block;
  }

  .tab-break {
    display: block;
  }

  .faq .accordion .accordion-item .accordion-button .accordion-heading h3 {
    font-size: 2rem;
  }

  .faq .accordion .accordion-item .accordion-inner p {
    font-size: 1.8rem;
  }

  .table tbody td {
    font-size: 1.6rem;
  }

  .table tbody td p {
    font-size: 1.6rem !important;
  }

  .slider {
    padding: 6rem 0;
    margin: 7rem 0 10rem;
    display: flex;
    flex-wrap: wrap;
  }

  .slider .content {
    width: 61rem;
    order: 2;
    margin: 6rem auto 0;
  }

  .slider .content .text {
    text-align: center;
    width: 100%;
  }

  .slider .content .text h2::after,
  .slider .content .text h1::after {
    margin: 1rem auto 0;
  }

  .slider .content .text h3 {
    font-size: 3.4rem;
  }

  .slider .image {
    position: relative;
    width: 60rem;
    right: auto;
    margin: 0 auto;
  }

  .different {
    margin: 8rem 0 15rem;
  }

  .different ol {
    margin: 0 -15px;
  }

  .different ol>li {
    padding: 0 1rem;
  }

  .different ol>li:first-child {
    padding-left: 15px;
  }

  .different ol>li:last-child {
    padding-right: 15px;
  }

  .different ol>li::before {
    left: auto;
    font-size: 3.8rem;
    right: 4rem;
    top: -1.6rem;
  }

  .different ol>li .text {
    font-size: 1.95rem;
    padding: 2.2rem 1.2rem;
    margin: 0;
    line-height: 1.6;
  }

  .why .lottie-wrapper {
    margin-top: -1rem;
  }

  .why .text {
    margin: 0;
    margin-top: 6rem;
  }

  .why .from {
    padding: 3rem 2rem 3rem 2rem;
    max-width: 46rem;
  }

  .business .text {
    margin: 0;
  }

  .business .image {
    margin: 0 4rem;
  }

  .chatboats .text {
    margin: 0;
  }

  .chatboats .image {
    margin: 0 4rem;
  }

  .portfolio-home {
    height: 100%;
    overflow: visible;
    background: var(--white);
    border: 0;
  }

  .portfolio-home .portfolio-lists>li {
    height: 100%;
    overflow: visible;
  }

  .portfolio-home .portfolio-lists .portfolio-left {
    padding: 0 3rem;
    height: 100%;
  }

  .portfolio-home .portfolio-lists .portfolio-left .portfolio-left-inner {
    margin-top: 0;
  }

  .portfolio-home .portfolio-lists .portfolio-left .top-text {
    margin: 5rem auto 9rem;
    transform: translateX(0px);
  }

  .portfolio-home .portfolio-lists .portfolio-left .top-text h3 {
    max-width: 44rem;
    background-color: var(--white);
  }

  .portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch {
    display: block !important;
  }

  .portfolio-home .portfolio-lists .portfolio-left .client-info p {
    max-width: 68rem;
    font-size: 20px;
  }

  .portfolio-home .portfolio-lists .portfolio-left .technology {
    top: 0;
  }

  .portfolio-home .portfolio-lists .portfolio-left .technology li .icon {
    width: 10rem;
  }

  .portfolio-home .portfolio-lists .portfolio-left .technology li .icon img {
    top: 50%;
    left: 50%;
    position: absolute;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%) scale(0.6) !important;
    -moz-transform: translate(-50%, -50%) scale(0.6) !important;
    -webkit-transform: translate(-50%, -50%) scale(0.6) !important;
  }

  .portfolio-home .portfolio-lists .portfolio-left .store-link {
    margin: 2rem 0 3rem;
    top: 0;
  }

  .portfolio-home .portfolio-lists .portfolio-right {
    margin: 0 0 8rem;
    left: -1.5rem;
    width: calc(100% + 3rem);
  }

  .portfolio-home .portfolio-lists .portfolio-right .portfolio-right-bg {
    padding-bottom: 56.25%;
  }

  .portfolio-home .portfolio-lists .portfolio-right .portfolio-right-bg img {
    left: 50%;
    opacity: 1;
    height: 100%;
    width: 100%;
  }

  .portfolio-home .skip {
    display: none;
  }

  .portfolio-home .slide-count {
    display: none;
  }

  .fortune {
    margin: 14rem 0 15rem;
  }

  .fortune h3 {
    margin: 0;
  }

  .fortune p {
    margin: 0 28% 2.6rem 0;
  }

  .fortune .btn-gray {
    margin-right: 0;
  }

  .fortune .clients-logo {
    margin: 0 0 2rem;
  }

  .fortune .clients-logo ul li img {
    transform: scale(0.7);
    -moz-transform: scale(0.7);
    -webkit-transform: scale(0.7);
  }

  .blog-home {
    margin: 15rem 0;
  }

  .blog-home p {
    margin: 0 47% 3.6rem 0;
  }

  .global ul>li {
    margin: 3rem 0;
  }

  .global ul>li p {
    margin: 0 auto 1.8rem;
    max-width: 21rem;
    font-size: 1.8rem;
  }

  .service-box {
    height: 100%;
    display: flex;
    flex-direction: column;
  }

  .service-box .title {
    padding: 1.5rem;
    flex: 1;
  }

  .service-box .title h4 {
    font-size: 1.8rem;
  }

  .what .col-md-4,
  .journey .col-md-4 {
    padding: 0 1rem;
  }

  .what .col-md-4:first-child,
  .journey .col-md-4:first-child {
    padding-left: 15px;
  }

  .what .col-md-4:last-child,
  .journey .col-md-4:last-child {
    padding-right: 15px;
  }

  .header {
    padding: 3.2rem 5.52rem;
    left: 0;
  }

  .header .logo {
    max-width: 24rem;
  }

  .header>div {
    min-height: 7rem;
    background-color: var(--white);
  }

  .header .nav {
    display: none;
  }

  .header .nav.open {
    transform: translateY(0);
  }

  .header .nav ul.menu {
    border-top: 1px solid #ebebeb;
    border-bottom: 1px solid #ebebeb;
  }

  .header .nav ul.menu>li {
    padding: 0 4rem;
    line-height: 6rem !important;
    position: relative;
    display: block;
  }

  .header .nav ul.menu>li:nth-child(2) {
    padding: 0 10rem 0 4rem;
  }

  .header .nav ul.menu>li>.caret {
    display: inline-block;
    right: 6rem;
  }

  .header .nav ul.menu>li a {
    display: block;
    padding: 0 1rem;
  }

  .header .nav ul.menu>li+li {
    margin-left: 0 !important;
    border-top: 1px solid #ebebeb;
  }

  .header .nav ul.menu>li.hover .mega-menu {
    display: block;
  }

  .header .nav ul.menu>li.hover>.caret {
    transform: rotate(180deg);
    top: 2rem;
  }

  .header .nav .mega-menu {
    position: static;
    width: calc(100% + 6rem);
    display: none;
    height: auto;
    border: none;
    padding: 0;
    box-shadow: none;
    max-height: 20rem;
    overflow: auto;
  }

  .header .nav .mega-menu>li.mega-menu-row {
    margin: 0;
  }

  .header .nav .mega-menu>li.mega-menu-row.mega-heading {
    display: none;
  }

  .header .nav .mega-menu>li>.mega-sub-menu>li.mega-menu-column>.mega-sub-menu>li.mega-menu-item {
    border-top: 1px solid #ebebeb;
    line-height: 5rem;
  }

  .header .nav .mega-menu>li>.mega-sub-menu>li.mega-menu-column.mega-menu-columns-3-of-12 {
    width: 100%;
  }

  .header .nav .mega-menu>li>.mega-sub-menu>li.mega-menu-column.mega-menu-columns-3-of-12 li.mega-menu-item:nth-child(4n+1) {
    margin: 0;
  }

  .header .nav .mega-menu>li>.mega-sub-menu>li.mega-menu-column.mega-menu-columns-2-of-12 {
    display: none;
  }

  .header.scrolled {
    background: transparent;
    transition: none;
  }

  .header.header-fixed .nav .menu a {
    color: var(--black);
  }

  .header.header-fixed .nav .menu>li .tel .primary {
    display: inline-block !important;
  }

  .header.header-fixed .nav .menu>li .tel .white {
    display: none !important;
  }

  .header.header-fixed:not(.scrolled)>div {
    background-color: transparent;
  }

  .header #menu-toggle {
    display: block;
  }

  .header.menu-open .logo-menu {
    display: block;
    max-width: 24rem;
  }

  .header .header-inner #menu-toggle #cross span {
    background-color: #222;
  }

  .full-menu {
    display: block;
    background-color: #fff;
  }

  .full-menu .full-menu-inner .top {
    overflow-y: auto;
  }

  .full-menu .full-menu-inner .top .menu {
    max-width: 100%;
    margin-left: 3rem;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-height: calc(100% - 2rem);
  }

  .full-menu .full-menu-inner .top .menu li {
    position: relative;
    margin-right: 8rem;
    font-size: 5.5rem;
    line-height: 1.9;
    font-weight: 600;
  }

  .full-menu .full-menu-inner .top .menu li a {
    font-family: "Open Sans", sans-serif;
    color: #222;
    line-height: 1;
    font-weight: 100;
  }

  .full-menu .full-menu-inner .top .menu li .toggle {
    position: absolute;
    width: 8rem;
    height: 10.1344rem;
    float: left;
    font-size: 2rem;
    right: -8rem;
    top: 0;
    z-index: 1;
  }

  .full-menu .full-menu-inner .top .menu li .toggle::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: 1.2rem;
    background-color: #222;
    width: 0.2rem;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
  }

  .full-menu .full-menu-inner .top .menu li .toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 1.2rem;
    background-color: #222;
    height: 0.2rem;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -webkit-transition: all 0.2s linear;
  }

  .full-menu .full-menu-inner .top .menu li:hover .fullmenu-dropdown {
    display: none;
  }

  .full-menu .full-menu-inner .top .fullmenu-dropdown {
    display: none;
    position: static;
    width: 100%;
    transition: unset;
    -o-transition: unset;
    -webkit-transition: unset;
    overflow: visible;
  }

  .full-menu .full-menu-inner .top .fullmenu-dropdown>ul {
    padding-left: 8rem;
  }

  .full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li {
    max-width: 50% !important;
    margin: 0;
  }

  .full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li .heading {
    font-size: 1.92rem;
    color: #000;
    text-transform: uppercase;
    margin: 0 0 1.6rem;
  }

  .full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li ul {
    padding-left: 0;
  }

  .full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li ul li {
    font-size: 1.92rem;
  }

  .full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li ul li a {
    font-weight: 600;
    color: #666;
  }

  .full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li ul li:before {
    content: none;
  }

  .site-footer .project-in-mind {
    padding: 3.1rem 1.5rem;
    margin: 0 -1.5rem;
  }

  .site-footer .project-in-mind .container p {
    font-size: 4.23rem;
  }

  .site-footer .footer-menu {
    padding: 2.88rem 1.5rem;
    margin: 0 -1.5rem;
  }

  .site-footer .footer-menu ul li {
    font-size: 2.88rem;
  }

  .site-footer .footer-bottom {
    padding: 0 0 3.68rem;
    margin: 0 -1.5rem;
  }

  .site-footer .footer-bottom .container .bottom-links {
    order: 4;
    margin-top: 2.4rem;
  }

  .site-footer .footer-bottom .container .bottom-links .left {
    width: 100%;
    order: 3;
    text-align: center;
    margin-top: 1.6rem;
    display: none;
  }

  .site-footer .footer-bottom .container .bottom-links .left ul li {
    font-size: 1.8rem;
  }

  .site-footer .footer-bottom .container .bottom-links .left ul li:first-child {
    display: block;
  }

  .site-footer .footer-bottom .container .bottom-links .left ul li a {
    font-size: 1.8rem;
    margin: 0 0 0.8rem;
  }

  .site-footer .footer-bottom .container .bottom-links .left ul li:first-child {
    margin: 1.6rem 0 0.64rem;
  }

  .site-footer .footer-bottom .container .bottom-links .right {
    width: 100%;
    display: block;
    margin-top: 0;
  }

  .site-footer .footer-bottom .container .bottom-links .right p {
    text-align: center;
    font-size: 1.8rem;
    line-height: 1.8;
  }

  .site-footer .footer-bottom .container .bottom-links .right ul {
    text-align: center;
  }

  .site-footer .footer-bottom .container .bottom-links .right ul li {
    font-size: 1.8rem;
  }

  .site-footer .footer-bottom .container .bottom-links .right ul li a {
    font-size: 1.8rem;
  }

  .site-footer .footer-bottom .container .all-rights {
    width: 100%;
    order: 2;
  }

  .site-footer .footer-bottom .container .all-rights p {
    font-size: 1.8rem;
    text-align: center;
  }

  .site-footer .footer-bottom .container .quick-links {
    width: 100%;
    text-align: center;
    order: 2;
    margin-top: 2.4rem;
  }

  .site-footer .footer-bottom .container .quick-links a {
    font-size: 1.8rem;
    color: #fff;
  }

  .site-footer .footer-bottom .container #quick-links-large {
    display: none;
  }

  .site-footer .footer-bottom .container #quick-links-small {
    display: block;
  }

  .site-footer .footer-bottom .container .social {
    width: 100%;
    margin-bottom: 2.4rem;
  }

  .site-footer .footer-bottom .container .social ul li {
    margin: 0 0.8rem;
  }

  .header.scrolled {
    background: #fff !important;
  }

  .header.scrolled #menu-toggle {
    display: block;
  }

  .portfolio-slider.slider {
    padding: 6rem 0;
    margin: 7rem 0 0;
  }

  .portfolio-slider.slider .content {
    max-width: 60rem;
    margin: 2rem auto 0;
  }

  .portfolio-slider.slider .content .text p {
    font-size: 3.2rem;
  }

  .portfolio-slider.slider .image {
    width: 50rem;
  }

  .case-stydy .service-box {
    min-height: 35rem;
  }

  .case-stydy .service-box .title {
    padding: 2rem;
  }

  .case-stydy .service-box .title h2 {
    max-width: 50rem;
    margin-bottom: 5.5rem;
    font-size: 3.4rem;
  }

  .case-stydy .service-box .title h3 {
    font-size: 3rem;
  }

  .about-slider.slider {
    padding: 6rem 0;
    margin: 7rem 0;
  }

  .about-slider.slider .content {
    margin: 6rem auto 0;
    width: 71rem;
    max-width: 71rem;
  }

  .about-slider.slider .content .text p {
    font-size: 3.2rem;
  }

  .about-slider.slider .content .section-links ul {
    justify-content: center;
  }

  .about-slider.slider .content .section-links ul li a {
    font-size: 2.1rem;
  }

  .about-slider.slider .image {
    width: 50rem;
  }

  .awards,
  .our-work {
    padding: 10rem 0 0;
  }

  .awards .header-content,
  .our-work .header-content {
    max-width: 75rem;
  }

  .awards ul,
  .our-work ul {
    justify-content: center;
  }

  .awards ul li,
  .our-work ul li {
    width: calc(33.3333333333% - 2rem);
    margin: 0 1rem 1rem;
  }

  .awards .awards-box,
  .our-work .awards-box {
    height: 150px;
  }

  .awards .awards-text p,
  .our-work .awards-text p {
    font-size: 1.7rem;
    line-height: 1.6;
  }

  .about-awards {
    padding: 15rem 0 0;
  }

  .about-awards .awards-box {
    height: 125px;
  }

  .about-awards .award-details {
    flex-wrap: wrap;
  }

  .about-awards .header-content {
    flex: 0 0 100%;
    margin: 0 0 5rem;
    padding-right: 0;
  }

  .about-awards .header-content p {
    max-width: 50rem;
  }

  .about-awards .awards-name::after {
    content: none;
  }

  .our-work {
    padding: 0 0 10rem;
  }

  .our-work ul li {
    width: calc(33.3333333333% - 2rem);
    margin: 0 1rem 0rem;
  }

  .our-work .awards-box {
    height: 120px;
  }

  .thinkahead {
    padding: 15rem 0 0;
  }

  .partners-home {
    padding: 15rem 0 0;
  }

  .global-presence {
    padding: 15rem 0;
  }

  .global-presence .connect-box {
    padding-left: 2rem;
    padding-right: 4rem;
  }

  .global-presence .connect-box p {
    font-size: 2rem;
  }

  .building-apps .header-content,
  .thinkahead .header-content {
    max-width: 73rem;
  }

  .about-team .about-leaders ul {
    width: 100%;
  }

  .about-team .about-leaders ul li {
    width: calc(33.3333333333% - 3rem);
    margin: 1.5rem 1.5rem 2rem;
    display: inline-block;
  }

  .about-team .about-leaders ul li h4 {
    font-size: 1.7rem;
  }

  .animated {
    transition-property: none !important;
    transform: none !important;
    animation: none !important;
  }

  .case-study-banner {
    padding-bottom: 45.5%;
    width: calc(100% + 3rem);
    margin-left: -1.5rem;
  }

  .case-study-banner .caption {
    max-width: 63rem;
    bottom: 5%;
  }

  .case-study-banner .caption .banner-logo {
    width: 30rem;
  }

  .case-study-banner .caption h2,
  .case-study-banner .caption h1 {
    font-size: 4rem;
  }

  .case-heading .content {
    margin: 11rem 9rem 0 -17rem;
    padding: 3rem 4rem;
  }

  .case-summary-details .summary-content {
    margin: 3rem 0 0 3rem;
  }

  .case-summary-details .image {
    margin-left: 4.6rem;
  }

  .case-summary-details .flex-md-row-reverse .image {
    margin: -10rem 4.6rem 0 0 !important;
  }

  .case-summary-details .flex-md-row-reverse+.row .summary-content {
    margin: 23rem 0 0 3rem;
  }

  .case-summary-details.case-summary-teblet .row .summary-content {
    margin-top: 6rem;
  }

  .case-summary-details.case-summary-teblet .image {
    margin-left: 2rem;
  }

  .case-summary-details.case-summary-teblet .flex-md-row-reverse .image {
    margin: 0 2rem 0 0 !important;
  }

  .case-summary-details.case-summary-landscape .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .case-summary-details.case-summary-landscape .image {
    margin-right: 0;
  }

  .case-summary-details.case-summary-landscape .summary-content {
    margin: 0;
  }

  .case-summary-details.case-summary-landscape .flex-md-row-reverse .image {
    margin: 0 !important;
  }

  .technology-stack .icons-with-text ul li {
    width: 19rem;
  }

  .technology-stack .icons-with-text ul li::before {
    width: 6rem;
    left: -3rem;
  }

  .we-did .image {
    max-width: 23rem;
  }

  .we-did .image-tablet {
    max-width: 34rem;
    margin: 0 4rem;
  }

  .column-5 ul li {
    max-width: 15rem;
    margin: 0 1.4rem;
  }

  .case-study-awards .awards-logo li {
    margin: 0 3rem 2rem;
  }

  .case-bottom-heading .case-bottom-img {
    max-width: 67.3rem;
  }

  .case-study-wireframe ul li {
    flex-basis: 36.5rem;
  }

  .app-development-slider.slider {
    padding: 6rem 0;
    margin: 7rem 0 2rem;
  }

  .app-development-logo ul {
    padding-left: 3rem;
  }

  .app-development-slider.slider .content .text {
    margin-top: 0;
  }

  .app-development-chartboats.chatboats .image {
    margin: 0 4rem;
  }

  .app-development-chartboats.chatboats .text {
    margin: 0 5rem 0 3rem;
  }

  .app-development-form {
    margin-right: auto;
    margin-left: auto;
    margin-top: 6rem;
    order: 3;
  }

  .app-development-form .contact-form {
    padding: 3rem;
  }

  .app-development-form .contact-form .form-group .form-control {
    height: 30px;
  }

  .app-development-logo .row {
    justify-content: center;
    margin: 0 0 6rem;
  }

  .landing-page-new.slider {
    padding: 6rem 0;
    margin: 7rem 0 2rem;
  }

  .landing-page-new.slider .content {
    max-width: 61rem;
    margin: 5rem auto 0;
  }

  .landing-page-new.slider .content .text {
    margin-top: 0;
    width: 100%;
  }

  .landing-page-new.slider .content .text h1 {
    font-size: 3.8rem;
  }

  .landing-page-new.slider .image {
    max-height: 100%;
    bottom: 0;
    width: 50rem;
    right: auto;
  }

  .landing-page-new.slider .image img {
    width: auto;
  }

  .landing-page-new.our-work .awards-box {
    height: 92px;
    margin-bottom: 1.5rem;
  }

  .success-stories .box {
    padding: 1.5rem;
  }

  .success-stories .col-md-4 {
    padding: 0 1rem;
  }

  .landing-page-banner {
    padding: 4rem 0;
    width: calc(100% + 3rem);
    margin-left: -1.5rem;
  }

  .landing-page-banner .banner-logo {
    margin: 0rem 0 2rem;
  }

  .landing-page-banner h2,
  .landing-page-banner h1 {
    font-size: 4.4rem;
    margin: 0 0 2rem;
  }

  .landing-page-banner .contact-form {
    padding: 0rem 2rem;
    margin: 5rem 0 0;
  }

  .landing-page-container.bg-gray {
    width: calc(100% + 3rem);
    margin-left: -1.5rem;
  }

  .landing-page-container.fortune {
    margin: 10rem 0;
  }

  .landing-page-container.fortune h3 {
    margin: 0 auto;
    max-width: 53rem;
  }

  .blog-headline .content .text {
    margin-top: 10rem;
    max-width: 45rem;
  }

  .blog-headline .content .text h2,
  .blog-headline .content .text h1 {
    font-size: 6rem;
  }

  .trending-blogs .col-md-4 {
    padding: 0 1rem;
  }

  .trending-blogs .col-md-4:first-child {
    padding-left: 15px;
  }

  .trending-blogs .col-md-4:last-child {
    padding-right: 15px;
  }

  .blog-single {
    padding: 11rem 1.5rem 0;
  }

  .blog-single .sidebar {
    left: 5rem;
    display: none !important;
  }

  .blog-single .blog-post .blog-listing .listing-content .title {
    font-size: 1.6rem;
    line-height: 1.7;
  }

  .blog-single .blog-post .col-md-4 {
    padding: 0 1rem;
  }

  .blog-single .blog-post .col-md-4:first-child {
    padding-left: 15px;
  }

  .blog-single .blog-post .col-md-4:last-child {
    padding-right: 15px;
  }

  .blog-single .blog-content p {
    font-size: 2rem;
  }

  .blog-single .blog-content ul li,
  .blog-single .blog-content ol li {
    font-size: 2rem;
  }

  .blog-single .blog-content .blog-video.scaled-video {
    margin: 9% auto;
    transform: scale(1.2);
  }

  .blog-single .blog-author .name h4 {
    font-size: 1.8rem;
  }

  .blog-single .blog-author .name p {
    font-size: 1.4rem;
  }

  .blog-banner {
    display: none;
  }

  .team-slider.slider {
    padding: 8rem 0;
    margin: 7rem 0 0;
  }

  .team-slider.slider .content {
    margin: 6rem auto 0;
  }

  .team-slider.slider .content .text {
    margin-top: 0;
  }

  .team-slider.slider .content .text p {
    font-size: 3.2rem;
  }

  .team-slider.slider .image {
    width: 50rem;
  }

  .about-wrap {
    margin: 4rem 0 0;
  }

  .leaders-wrap .leaders {
    margin: 2rem 0rem;
  }

  .all-team {
    width: 100%;
  }

  .teams {
    width: calc(20% - 2rem);
    margin: 1rem;
  }

  .team-main-wrap .section-head.text-center {
    max-width: 73rem;
    margin: 0 auto;
  }

  .middle-banner .text {
    right: 0rem;
  }

  .contact.case-stydy {
    margin: 0 0 10rem;
  }

  .contact.case-stydy .service-box {
    min-height: 29rem;
  }

  .contact.case-stydy ul li,
  .contact.case-stydy ol li {
    font-size: 18px;
    line-height: 1.65;
  }

  .contact .col-md-6:last-child {
    display: none;
  }

  .home-services .section-head.text-center {
    max-width: 76rem;
    margin: 0 auto 6rem;
  }

  #submit-resume {
    padding: 10rem 0 0;
  }

  .home-clients .section-head {
    max-width: 80rem;
  }

  .service-detail-slider.slider .content {
    margin-left: auto;
  }

  .service-detail-slider.slider .image {
    width: 50rem;
    right: auto;
    margin: 5rem auto;
  }

  .blog-service {
    padding: 10rem 0;
  }

  .service-detail-center-wrap .header-content ul li,
  .service-detail-center-wrap .header-content ol li {
    font-size: 18px;
    line-height: 1.65;
  }

  .flutter.building-apps .header-content,
  .flutter.thinkahead .header-content {
    max-width: 100%;
  }

  .iot-blog .blog-inner {
    margin: 5rem 0 16rem;
  }

  .iot-blog ul li {
    width: calc(50% - 3rem);
  }

  .iot-blog ul li:last-child {
    display: none;
  }

  .iot.about-slider.slider .content .text h2 {
    font-size: 5rem;
  }

  .iot.smart-retail {
    margin: 0 1.5rem;
  }

  .iot-grid {
    padding: 0;
  }

  .iot-slider {
    padding: 6rem 0 0;
  }

  .iot-service {
    padding: 6rem 0 0;
  }

  .iot-service .header-content {
    padding: 0 1.5rem 5rem;
  }

  .future-retail .header-content {
    max-width: 80rem;
    margin: 0 auto;
  }

  .future-retail .retail-list {
    width: calc(100% + 3rem);
    margin-left: -1.5rem;
    padding-bottom: 4rem;
  }

  .future-retail ul {
    flex-wrap: wrap;
  }

  .future-retail ul li {
    width: calc(50% - 2.15rem);
  }

  .future-retail ul li:nth-child(odd) {
    margin-left: 0;
  }

  .future-retail ul li:nth-child(even) {
    margin-right: 0;
  }

  .customer-experience .header-content {
    margin: 0 auto 12rem;
    max-width: 70rem;
  }

  .smart-retail-iot ul li .icon::before,
  .smart-retail-iot ul li .icon::after {
    width: 5rem;
    left: calc(100% + 2rem);
  }

  .iot-bottom-section {
    padding: 3rem;
  }

  .iot-bottom-section h2 {
    max-width: 58rem;
    margin: 0 0 7rem;
  }

  .schedule-meeting .schedule-form {
    width: 95%;
    padding: 4.2rem 5.8rem 3rem;
  }

  .schedule-meeting .schedule-form .profile {
    margin-left: 0;
  }

  .schedule-meeting .schedule-form .profile .image {
    flex: 0 0 7.8rem;
  }

  .schedule-meeting .schedule-form .contact-form {
    margin: 0;
    padding: 1rem 0rem 0;
  }

  .smart-retail {
    margin: 0 1.5rem 16rem;
  }

  .discover-roi .box .image {
    flex: 0 0 30rem;
  }

  .discover-roi .box .content {
    padding: 2rem;
  }

  .slider-wrapper {
    width: calc(100% + 6rem);
    margin-left: -3rem;
    padding-bottom: 46%;
    border-radius: 0;
  }

  .slider-wrapper ul.slider-img li .caption .content {
    max-width: 80rem;
  }

  .white-papper-banner {
    padding-bottom: 53%;
    margin-left: -1.5rem;
    width: calc(100% + 3rem);
  }

  .white-papper-banner .caption .content {
    width: 73%;
    margin-left: 3rem;
  }

  .white-papper-banner .caption .content h1 {
    font-size: 4.8rem;
    margin: 2.5rem 0;
  }

  .white-papper-banner .caption .content h5 {
    font-size: 1.6rem;
  }

  .white-papper-content ul li {
    font-size: 18px;
  }

  .microsoft-xamarin .header-content h2 {
    max-width: 68rem;
    margin: 0 auto 1.4rem;
  }

  .industries-slider.slider .content {
    margin-left: auto;
  }

  .industries-slider.slider .image {
    right: auto;
  }

  .chain-processes {
    max-width: 80%;
  }

  .industries.iot-service .header-content {
    max-width: 80rem;
  }
}

@media screen and (max-width: 767px) {
  .header {
    padding: 0;
  }

  .header>div {
    min-height: 7rem;
    background-color: var(--white);
    padding: 0 16px;
  }

  .header .nav ul.menu>li {
    padding: 0 2rem;
  }

  .header .nav ul.menu>li:nth-child(2) {
    padding: 0 5rem 0 2rem;
  }

  .header .nav ul.menu>li>.caret {
    right: 2.5rem;
  }

  .header .logo {
    max-width: 17.25rem;
  }

  .header .logo .dark {
    display: inline-block;
  }

  .header .logo .light {
    display: none;
  }

  .header .logo img {
    max-width: 100%;
  }

  .header .btn-primary {
    margin: 1.5rem;
  }

  .header.header-fixed:not(.scrolled)>div {
    background-color: transparent;
  }

  .header.header-fixed .logo .dark {
    display: inline-block;
  }

  .header.header-fixed .logo .light {
    display: none;
  }

  .header.header-fixed .nav .menu a {
    color: var(--black);
  }

  .header #menu-toggle {
    width: 28px;
    height: 28px;
  }

  .header #menu-toggle #hamburger span {
    width: 28px;
    height: 3px;
    margin: 5px 0;
  }

  .header #menu-toggle #cross span:nth-child(1) {
    width: 3px;
    left: 12.5px;
  }

  .header #menu-toggle #cross span:nth-child(2) {
    height: 3px;
    top: 12.5px;
  }

  .header.menu-open .logo-menu {
    max-width: 17.25rem;
  }

  .full-menu .full-menu-inner .top .menu {
    justify-content: flex-start;
    margin-left: 1.6rem;
  }

  .full-menu .full-menu-inner .top .menu li {
    font-size: 3.8rem;
    margin-right: 5.25rem;
  }

  .full-menu .full-menu-inner .top .menu li .toggle {
    width: 5.25rem;
    height: 6.375rem;
    font-size: 2rem;
    right: -5.25rem;
  }

  .full-menu .full-menu-inner .top .fullmenu-dropdown>ul {
    padding-left: 0;
  }

  .full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li h4 {
    font-size: 2.5rem;
  }

  .full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li {
    max-width: 100% !important;
    padding-left: 0;
    margin: 0 0 1rem;
  }

  .full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li a {
    font-weight: 100;
  }

  .full-menu .full-menu-inner .bottom .social {
    margin: 0 auto;
  }

  .site-footer.footer .footer-content {
    padding: 2rem 0 3rem;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .site-footer.footer .footer-content .left {
    flex: 0 0 100%;
    padding-right: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 2rem;
  }

  .site-footer.footer .footer-content .left .content-details {
    width: 100%;
  }

  .site-footer.footer .footer-content .left .content-details .title {
    font-size: 1.6rem;
    margin: 1.5rem 0 0.5rem;
  }

  .site-footer.footer .footer-content .left .content-details .content {
    font-size: 14px;
    letter-spacing: -0.01rem;
    margin: 0 0 0.5rem;
    font-weight: 400;
    max-width: 24rem;
  }

  .site-footer.footer .footer-content .left .content-details .content a {
    font-size: 14px;
  }

  .site-footer.footer .footer-content .right {
    flex: 0 0 100%;
    padding-left: 0;
  }

  .site-footer.footer .footer-content .right .footer-tagline {
    font-size: 2.4rem;
    margin-top: 0;
    max-width: 19rem;
  }

  .site-footer.footer .links-copyright {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .site-footer.footer .links-copyright .copyright {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
  }

  .site-footer.footer .links-copyright .copyright ul {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    margin-right: 0;
    margin-bottom: 1rem;
  }

  .site-footer.footer .footer-content .right img {
    margin: 0 auto;
    display: block;
  }

  .site-footer.footer .links-copyright .links {
    flex: 0 0 auto;
    margin: 0 0 1.5rem;
  }

  .header.scrolled {
    padding: 0;
  }

  .slider {
    padding: 0;
    height: 100%;
    margin-top: 7rem !important;
    margin-bottom: 0rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .slider .content {
    max-width: 100%;
    margin-left: 0;
    height: 100%;
    margin: 3rem 0 4rem;
    order: 2;
    justify-content: center;
  }

  .slider .content .text {
    padding: 0 1.5rem;
    text-align: center;
    max-width: 42rem;
  }

  .slider .content .text h3 {
    font-size: 3.2rem;
  }

  .slider .content .text h1,
  .slider .content .text h2 {
    font-size: 3.7rem;
    line-height: 1.2;
    margin-bottom: 2rem;
  }

  .slider .content .text p {
    font-size: 2.9rem;
  }

  .slider .image {
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    border-radius: 0;
    position: relative;
    left: 0;
    top: 0;
  }

  .slider .image::before {
    padding-bottom: 83%;
  }

  .slider .image .lottie-wrapper {
    top: 50%;
    left: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%) scale(0.8);
    -moz-transform: translate(-50%, -50%) scale(0.8);
    -webkit-transform: translate(-50%, -50%) scale(0.8);
  }

  .slider .lottie-image::before {
    padding-bottom: 100%;
  }

  .mousey {
    width: 2px;
    padding: 4px 9px;
  }

  .different {
    margin: 6rem 2rem;
  }

  .different .section-head {
    margin: 0 0 5rem;
  }

  .different .section-head h2 {
    font-size: 3.5rem;
    line-height: 1.4;
  }

  .different ol>li {
    padding: 0 15px;
  }

  .different ol>li .text {
    font-size: 2.2rem;
    padding: 3rem 4rem;
    margin: 0 0 4rem;
    border-radius: 0.6rem;
  }

  .different ol>li::before {
    font-size: 3.6rem;
    top: 0;
    left: auto;
    right: 4rem;
    transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
  }

  .why {
    margin: 0 0 4rem;
    padding: 4rem 0;
  }

  .why .from {
    margin: 0 2rem 4rem;
    padding: 3rem 3rem 3rem 2rem;
    max-width: 100%;
    border-radius: 0.6rem;
  }

  .why .from h3 {
    font-size: 3rem;
  }

  .why .text {
    margin: 4rem 0 0;
    padding: 0 1.5rem;
  }

  .why .text h2 {
    max-width: 32rem;
    font-size: 3.5rem;
    line-height: 1.2;
  }

  .why .text .btn {
    margin-top: 1rem;
  }

  .why .lottie-wrapper {
    width: 70%;
    margin: 0 auto;
  }

  .what {
    margin: 0 0 6rem;
    padding: 0 1.5rem;
  }

  .what .col-md-4 {
    padding: 0 15px;
  }

  .what h3 {
    max-width: 33rem;
  }

  .what .service-box {
    margin-bottom: 2rem;
    display: block;
  }

  .what .service-box .title {
    padding: 1.5rem;
  }

  .journey {
    margin: 0 0 6rem;
    padding: 0 1.5rem;
  }

  .journey .col-md-4 {
    padding: 0 15px;
  }

  .journey h3 {
    max-width: 38rem;
  }

  .journey .service-box {
    margin-bottom: 2rem;
    display: block;
  }

  .journey .service-box .title {
    padding: 1.5rem;
  }

  .business {
    margin: 0 0 6rem;
    padding: 0 1.5rem;
  }

  .business .text {
    margin: 0 0 2rem;
  }

  .business .text h3 {
    max-width: 38rem;
  }

  .chatboats {
    margin: 0 0 6rem;
    padding: 0 1.5rem;
  }

  .chatboats .text {
    margin: 0 0 3.5rem;
  }

  .chatboats .text h3 {
    max-width: 38rem;
  }

  .global {
    margin: 0 0 6rem;
    padding: 2rem 1.5rem 0;
  }

  .global .section-head {
    padding: 2rem 0 0;
    margin: 0 0 4rem;
  }

  .global .section-head h2 {
    font-size: 3.2rem;
    max-width: 38rem;
    margin: 0 auto;
    line-height: 1.4;
  }

  .global ul {
    padding: 0 0 2rem;
    flex-wrap: wrap;
  }

  .global ul>li {
    width: 85%;
    margin: 0 auto 3rem;
    border-radius: 0.6rem;
    border: 1px solid #dbdbdb;
    padding: 3rem;
  }

  .global ul>li span {
    margin: 0;
    font-size: 6rem !important;
  }

  .global ul>li p {
    max-width: 27rem;
    margin: 0 auto;
    font-size: 2rem;
  }

  .global ul>li::after {
    content: none;
  }

  .fortune {
    margin: 0 0 6rem;
    padding: 0 1.5rem;
  }

  .fortune h3 {
    margin: 0 0 2rem;
    max-width: 38rem;
  }

  .fortune p {
    margin: 0 0 2rem;
    font-size: 2.3rem;
  }

  .fortune .clients-logo {
    padding: 2rem;
  }

  .fortune .clients-logo ul>li {
    width: 33.3333333333%;
  }

  .fortune .clients-logo ul>li:nth-child(n+7) {
    display: none;
  }

  .fortune .clients-logo ul>li:nth-child(4) img {
    -webkit-transform: scale(0.65);
    -moz-transform: scale(0.65);
    transform: scale(0.65);
  }

  .fortune .link {
    margin: 0.8rem 0 0;
  }

  .portfolio-home {
    height: 100%;
    overflow: visible;
    background: var(--white);
    border: 0;
  }

  .portfolio-home .portfolio-lists>li {
    height: 100%;
    overflow: visible;
  }

  .portfolio-home .portfolio-lists .portfolio-left {
    padding: 0 3rem;
    height: 100%;
  }

  .portfolio-home .portfolio-lists .portfolio-left .portfolio-left-inner {
    margin-top: 0;
  }

  .portfolio-home .portfolio-lists .portfolio-left .top-text {
    margin: 5rem auto 9rem;
    transform: translateX(0px);
  }

  .portfolio-home .portfolio-lists .portfolio-left .top-text h3 {
    max-width: 36rem;
  }

  .portfolio-home .portfolio-lists .portfolio-left .client-info .client-logo .patch {
    display: block !important;
  }

  .portfolio-home .portfolio-lists .portfolio-left .client-info p {
    max-width: 59rem;
  }

  .portfolio-home .portfolio-lists .portfolio-left .technology {
    top: 0;
  }

  .portfolio-home .portfolio-lists .portfolio-left .technology li .icon {
    width: 8.5rem;
  }

  .portfolio-home .portfolio-lists .portfolio-left .technology li .icon img {
    top: 50%;
    left: 50%;
    position: absolute;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%) scale(0.75) !important;
    -moz-transform: translate(-50%, -50%) scale(0.75) !important;
    -webkit-transform: translate(-50%, -50%) scale(0.75) !important;
  }

  .portfolio-home .portfolio-lists .portfolio-left .store-link {
    margin: 2rem 0 3rem;
    top: 0;
  }

  .portfolio-home .portfolio-lists .portfolio-right {
    margin: 0 0 6rem;
    left: 0;
    width: 100%;
  }

  .portfolio-home .portfolio-lists .portfolio-right .portfolio-right-bg {
    padding-bottom: 56.25%;
  }

  .portfolio-home .portfolio-lists .portfolio-right .portfolio-right-bg img {
    left: 50%;
    opacity: 1;
    height: 100%;
    width: 100%;
  }

  .portfolio-home .skip {
    display: none;
  }

  .portfolio-home .slide-count {
    display: none;
  }

  .blog-home {
    margin: 0 0 6rem;
    padding: 0 1.5rem;
  }

  .blog-home h3 {
    margin: 0 0 2rem;
    max-width: 33rem;
  }

  .blog-home p {
    margin: 0 0 2rem;
    max-width: 34rem;
  }

  .blog-home .carousel-wrapper {
    margin: 0 0 2rem;
    padding: 3rem 0;
  }

  .blog-home .carousel-wrapper::after {
    left: 6rem;
    border-radius: 0.6rem;
  }

  .blog-home .carousel-wrapper .prev {
    display: none;
  }

  h1,
  h2 {
    font-size: 4rem;
  }

  h3 {
    font-size: 3.5rem;
    margin: 0 0 2rem;
    line-height: 1.2;
  }

  h4 {
    font-size: 2.7rem;
    margin: 0 0 2rem;
  }

  p {
    font-size: 2.3rem;
  }

  p.small {
    font-size: 1.8rem;
  }

  .mb-16 {
    margin-bottom: 6rem !important;
  }

  .mt-16 {
    margin-top: 6rem !important;
  }

  .mt-10 {
    margin-top: 6rem !important;
  }

  .mobile-break {
    display: block;
  }

  .top-page-banner {
    padding: 7rem 0 0;
  }

  .top-page-banner .page-title-wrap h1 {
    font-size: 4.8rem;
  }

  .top-page-banner .page-title-wrap p {
    max-width: 38rem;
    line-height: 1.5;
    font-size: 2.1rem;
  }

  .video-wrap {
    margin: 0 0 6rem;
  }

  .table tbody td {
    font-size: 1.8rem;
  }

  .table tbody td p {
    font-size: 1.8rem !important;
  }

  .faq h2 {
    font-size: 3.2rem;
    line-height: 1.6;
  }

  .faq .accordion .accordion-item .accordion-button {
    min-height: 6rem;
    padding: 1rem 3rem 1rem 0;
  }

  .faq .accordion .accordion-item .accordion-button .accordion-heading h3 {
    font-size: 2.05rem;
  }

  .faq .accordion .accordion-item .accordion-button .accordion-marker {
    width: 3rem;
  }

  .faq .accordion .accordion-item .accordion-inner p {
    font-size: 1.9rem;
    margin: 0 3rem 1rem 0 !important;
  }

  .wrapper {
    padding: 0;
  }

  .tab-break {
    display: none;
  }

  .tab-break.mobile-break {
    display: block;
  }

  .back-to-top {
    right: 20px;
    width: 40px;
    height: 40px;
  }

  .back-to-top img {
    max-width: 12px;
  }

  #cookie-law-info-bar {
    max-width: 100%;
    left: 0;
  }

  .cli-bar-btn_container {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
  }

  .cli_settings_button {
    flex: 0 0 100%;
    width: 100%;
    margin: 0 0 0.6rem !important;
  }

  .mouse-cursor {
    display: none !important;
  }

  .chat-popup .chat-screen {
    width: 38.4rem;
  }

  .contact-form {
    margin: -6rem 0 6rem;
    padding: 3rem 1.5rem;
  }

  .contact.case-stydy {
    margin: 0 1.5rem 6rem;
  }

  .contact.case-stydy .service-box .title h2 {
    margin-bottom: 5.5rem;
  }

  .contact.case-stydy .col-md-6:last-child {
    display: block;
  }

  .contact.case-stydy ul li,
  .contact.case-stydy ol li {
    font-size: 2.3rem;
  }

  .scroll-downs {
    display: none;
  }

  .thank-you {
    padding: 10rem 0;
  }

  .thank-you .lottie-wrapper {
    max-width: 21rem;
  }

  .thank-you h1 {
    font-size: 6rem;
  }

  .thank-you p {
    line-height: 1.5;
    font-size: 2.1rem;
    max-width: 38rem;
  }

  .testimonial .item {
    padding: 1rem 3rem;
  }

  .testimonial .item .testimonial-box {
    padding: 5.5rem 3rem 3.8rem;
    border: 1px solid #ebebeb;
  }

  .testimonial .item .testimonial-box::after {
    content: none;
  }

  .testimonial .item .testimonial-box::before {
    content: none;
  }

  .testimonial .item .testimonial-box .client-detail strong {
    display: block;
  }

  .testimonial .item .testimonial-box .client-detail::after {
    content: none;
  }

  .testimonial .item .testimonial-top::after {
    left: -1rem;
    top: -1rem;
    width: 3rem;
  }

  .testimonial .item .testimonial-top::before {
    content: none;
  }

  .about-slider.slider {
    padding: 0;
    margin: 6rem 0;
  }

  .about-slider.slider .content {
    margin: 0;
    max-width: 100%;
  }

  .about-slider.slider .content .text h2,
  .about-slider.slider .content .text h1 {
    font-size: 4.3rem;
  }

  .about-slider.slider .content .text p {
    font-size: 2.9rem;
  }

  .about-slider .image.lottie-image {
    max-width: 100%;
    position: relative;
  }

  .about-slider .image.lottie-image::before {
    content: "";
    display: block;
    padding-bottom: 85%;
  }

  .about-slider .image.lottie-image .lottie-wrapper {
    top: 50%;
    left: 50%;
    position: absolute;
    width: 100%;
    height: 100%;
    transform: translate(-50%, -50%) scale(0.75);
    -moz-transform: translate(-50%, -50%) scale(0.75);
    -webkit-transform: translate(-50%, -50%) scale(0.75);
  }

  .about-awards {
    padding: 0 1.5rem;
  }

  .about-awards .header-content {
    margin: 6rem 0;
  }

  .about-awards .award-details {
    flex-wrap: wrap;
  }

  .about-awards .awards-name::after {
    content: none;
  }

  .about-global.global {
    margin: 0 0 6rem;
  }

  .full-width-img {
    padding-bottom: 45%;
    margin: 0rem 0 10rem;
  }

  .section-links ul li a {
    font-size: 1.6rem !important;
    width: 9.8rem;
  }

  .building-apps,
  .thinkahead {
    margin: 0 0 6rem;
    padding: 0 1.5rem;
  }

  .awards,
  .our-work {
    margin: 0 0 6rem;
    padding: 0 1.5rem;
  }

  .awards ul li,
  .our-work ul li {
    width: 100%;
    margin: 0;
  }

  .awards .awards-text p,
  .our-work .awards-text p {
    font-size: 2.3rem;
  }

  .awards .awards-box,
  .our-work .awards-box {
    height: 160px;
  }

  .about-awards .awards-box {
    height: 160px;
  }

  .about-awards .awards-text p {
    font-size: 1.8rem;
  }

  .partners-home {
    padding: 8rem 0 0;
    margin: 0 1.5rem;
  }

  .partners-home .partners-logo>li {
    width: calc(50% - 1rem);
  }

  .partners-home .partners-logo>li:nth-child(even) {
    margin-right: 0;
  }

  .partners-home .partners-logo>li:nth-child(odd) {
    margin-left: 0;
  }

  .partners-home .bottom-text {
    padding: 0 1.5rem;
  }

  .global-presence {
    padding: 6rem 1.5rem;
  }

  .global-presence .connect-box {
    padding-left: 0;
    padding-right: 0;
    margin-top: 4rem;
  }

  .global-presence .connect-box::after {
    content: none;
  }

  .about-fortune.fortune {
    margin: 0;
  }

  .about-fortune.fortune .clients-logo {
    background: var(--white);
  }

  .about-fortune.fortune .clients-logo ul>li:nth-child(n+7) {
    display: none;
  }

  .our-work ul li {
    width: 80%;
    margin: 0;
  }

  .our-work .awards-box {
    height: 115px;
  }

  .about-team .about-leaders ul li {
    width: calc(50% - 1rem);
    margin: 1.5rem 1rem 3rem;
    display: inline-block;
  }

  .about-team .about-leaders ul li:nth-child(even) {
    margin-right: 0;
  }

  .about-team .about-leaders ul li:nth-child(odd) {
    margin-left: 0;
  }

  .not-found {
    padding: 10rem 0;
  }

  .not-found .lottie-wrapper {
    max-width: 38rem;
  }

  .not-found h1 {
    font-size: 4rem;
  }

  .not-found p {
    line-height: 1.5;
    font-size: 2.1rem;
    max-width: 38rem;
  }

  .case-study-banner {
    padding-bottom: 68%;
    margin: 7rem 0 6rem;
    width: 100%;
  }

  .case-study-banner .caption .banner-logo {
    width: 24rem;
  }

  .case-study-banner .caption .banner-logo::after {
    content: "";
    display: block;
    padding-bottom: 45%;
  }

  .case-study-banner .caption .banner-logo img {
    top: 50%;
    left: 50%;
    position: absolute;
    width: auto;
    height: 100%;
    transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    object-fit: contain;
  }

  .case-study-banner .caption h2,
  .case-study-banner .caption h1 {
    font-size: 3.2rem;
  }

  .case-heading {
    margin: 0 0 10rem;
  }

  .case-heading .image {
    margin-right: 2rem;
  }

  .case-heading .content {
    margin: -4rem 0 0 2rem;
    padding: 2rem 3rem;
  }

  .case-study-awards {
    margin: 9rem 0 6rem;
  }

  .case-study-awards .awards-logo {
    margin: 0 0 4rem;
  }

  .case-study-awards .awards-logo li {
    margin: 0 1rem;
  }

  .case-summary-details {
    margin: 0 0 10rem;
    padding: 0 1.5rem;
  }

  .case-summary-details .summary-content {
    margin: 0 0 3rem;
  }

  .case-summary-details .image {
    margin: 3rem 5rem 0;
  }

  .case-summary-details .image::before {
    top: -8rem;
    left: 7rem;
    width: 60rem;
    height: 60rem;
  }

  .case-summary-details .flex-md-row-reverse .summary-content {
    margin: 5rem 0 3rem;
  }

  .case-summary-details .flex-md-row-reverse .image {
    margin: 3rem 5rem 0 !important;
  }

  .case-summary-details .flex-md-row-reverse .image::before {
    top: -8rem;
    right: 8rem;
    width: 60rem;
    height: 60rem;
  }

  .case-summary-details .flex-md-row-reverse+.row {
    margin-top: 0;
  }

  .case-summary-details .flex-md-row-reverse+.row .summary-content {
    margin: 5rem 0 3rem;
  }

  .case-summary-details.case-summary-teblet .row+.row {
    margin-top: 0rem;
  }

  .case-summary-details.case-summary-teblet .image {
    margin-left: 5rem;
  }

  .case-summary-details.case-summary-teblet .flex-md-row-reverse .image {
    margin: 3rem 5rem 0 !important;
  }

  .technology-stack {
    margin: 0 0 6rem;
  }

  .technology-stack .icons-with-text ul li {
    width: 44%;
    margin-bottom: 0;
  }

  .technology-stack .icons-with-text ul li::before {
    width: 4rem;
    left: -2rem;
    background-size: 8rem;
  }

  .technology-stack .icons-with-text ul li:nth-child(2n+1):before {
    display: none;
  }

  .case-study-mobile {
    margin: 0 0 6rem;
    padding: 0 1.5rem;
  }

  .case-study-mobile .image {
    max-width: 100%;
  }

  .case-study-mobile .row {
    position: relative;
  }

  .case-study-mobile .row .col-6:nth-child(n+3) {
    display: none;
  }

  .case-study-mobile .row::after {
    content: "";
    position: absolute;
    bottom: -1px;
    background: #fff;
    box-shadow: 0 -2px 5px -3px rgba(0, 0, 0, 0.18);
    width: calc(100% + 4rem);
    height: 5rem;
    left: -2rem;
  }

  .case-study-mobile.case-study-mobile-single .row::after {
    content: none;
  }

  .column-5 {
    margin: 0 0 2rem;
  }

  .column-5 ul {
    position: relative;
  }

  .column-5 ul li {
    max-width: none;
    margin: 0 2rem;
    width: calc(50% - 3rem);
  }

  .column-5 ul li:first-child {
    margin-left: 1rem;
  }

  .column-5 ul li:nth-child(2) {
    margin-right: 1rem;
  }

  .column-5 ul li:nth-child(n+3) {
    display: none;
  }

  .column-5 ul::after {
    content: "";
    position: absolute;
    bottom: -1px;
    background: #fff;
    box-shadow: 0 -2px 5px -3px rgba(0, 0, 0, 0.18);
    width: calc(100% + 4rem);
    height: 5rem;
    left: -2rem;
  }

  .we-did {
    margin: 0 0 4rem;
    padding: 0 1.5rem;
  }

  .we-did .header-content {
    margin: 0 0 6rem;
  }

  .we-did .image {
    max-width: 12.3rem;
    margin: 0.2rem;
  }

  .we-did .image-tablet {
    max-width: calc(50% - 1rem);
    margin: 0 0.5rem;
  }

  .case-testimonial {
    margin: 0 0 10rem;
    padding: 0 1.5rem;
  }

  .case-testimonial h3 {
    margin: 0 0 1.5rem;
    font-size: 3.5rem;
  }

  .case-testimonial h3::before {
    content: none;
  }

  .case-testimonial p {
    margin-left: 0;
    font-size: 2.1rem;
  }

  .app-links {
    margin: 0 0 10rem;
  }

  .app-links a img {
    max-width: 11.5rem;
    margin: 0 0.3rem;
  }

  .case-global {
    margin: 0 0 6rem;
  }

  .case-study-wireframe {
    margin: 0 0 6rem;
  }

  .case-study-wireframe ul li {
    flex-basis: calc(100% - 15rem);
    width: calc(100% - 15rem);
    margin: 0 0.5rem;
  }

  .case-study-wireframe ul li:first-child {
    margin-left: 0;
  }

  .case-study-wireframe ul li:last-child {
    display: none;
  }

  .case-summary-details.case-summary-landscape {
    margin: 0 0 10rem;
  }

  .case-summary-details.case-summary-landscape .row+.row {
    margin-top: 5rem;
  }

  .case-summary-details.case-summary-landscape .flex-md-row-reverse .summary-content {
    margin: 0 0 3rem;
  }

  .case-bottom-heading {
    margin: 0 0 10rem;
  }

  .case-bottom-heading .case-bottom-img {
    padding: 0 3rem;
  }

  .case-bottom-heading .case-bottom-img img {
    height: 100%;
    object-fit: contain;
  }

  .full-width-text h4 {
    font-size: 3rem;
    line-height: 1.3;
  }

  .portfolio-slider.slider {
    padding: 2rem 0;
  }

  .portfolio-slider.slider .content {
    margin: 2rem 0;
    width: 100%;
  }

  .portfolio-slider.slider .content .text {
    max-width: 100%;
  }

  .portfolio-slider.slider .content .text h2,
  .portfolio-slider.slider .content .text h1 {
    font-size: 4.3rem;
  }

  .case-stydy .service-box {
    min-height: 40rem;
  }

  .case-stydy .service-box .title {
    padding: 3rem 2rem;
  }

  .case-stydy .service-box .title h2 {
    font-size: 3.6rem;
  }

  .app-development-logo ul {
    padding-left: 0;
  }

  .app-development-slider.slider {
    margin: 0 0 6rem;
  }

  .app-development-slider.slider .content {
    order: inherit;
  }

  .app-development-form {
    margin-right: 0;
    margin-top: 0;
    padding: 0 3rem;
  }

  .app-development-chartboats.chatboats {
    margin: 0 0 6rem;
  }

  .app-development-chartboats.chatboats .text {
    margin: 0 0 2rem;
  }

  .landing-page-new.slider {
    padding: 0;
    margin: 15rem 0 4rem;
  }

  .landing-page-new.slider .content {
    max-width: 100%;
    margin-left: 0;
  }

  .landing-page-new.slider .image {
    width: 29rem;
  }

  .landing-page-new.our-work {
    padding: 0;
  }

  .landing-page-new.our-work ul {
    margin: 0;
  }

  .landing-page-new.our-work ul li {
    width: 33.3333333333%;
  }

  .landing-page-new.our-work .awards-box {
    height: 83px;
    padding: 1rem;
    margin-bottom: 0;
  }

  .landing-page-new.our-work .awards-box img {
    top: 50%;
    left: 50%;
    position: absolute;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%) scale(0.75);
    -moz-transform: translate(-50%, -50%) scale(0.75);
    -webkit-transform: translate(-50%, -50%) scale(0.75);
  }

  .landing-page-new.global ul {
    padding: 0;
  }

  .landing-page-new.global ul li>span::after {
    top: 105%;
  }

  .landing-page-new.fortune {
    margin: 0 0 6rem;
  }

  .landing-page-new.global {
    margin-top: 0;
  }

  .success-stories {
    margin: 0 0 3rem;
  }

  .success-stories .row>.col:first-child:first-child .box,
  .success-stories .row>[class*=col-]:first-child .box {
    margin-right: auto;
  }

  .success-stories .row>.col:first-child:last-child .box,
  .success-stories .row>[class*=col-]:last-child .box {
    margin-left: auto;
  }

  .success-stories .box {
    margin-bottom: 3rem;
    min-height: auto;
  }

  .success-stories .box.large-box {
    max-width: 38rem;
    min-height: auto;
  }

  .success-stories .col-md-4 {
    padding: 0 15px;
  }

  .director {
    margin: 0 0 4rem;
  }

  .director .text {
    margin-top: 3rem;
  }

  .director .text p {
    font-size: 2rem;
  }

  .director .text .name {
    font-size: 2rem;
  }

  .landing-page-portfolio ul li {
    margin: 0 0 3rem;
  }

  .landing-page-banner {
    padding: 2rem 1.5rem 3rem;
    width: 100%;
    margin-left: 0;
    margin: 0 0 6rem;
  }

  .landing-page-banner h2,
  .landing-page-banner h1 {
    font-size: 4.3rem;
    margin: 5rem 0 1rem;
  }

  .landing-page-banner .contact-form {
    padding: 0;
    margin: 2rem 0 0;
  }

  .landing-page-container {
    margin: 0 0 6rem;
    padding: 0 1.5rem;
  }

  .landing-page-container .image {
    padding: 3rem 0 0;
  }

  .landing-page-container.bg-gray {
    padding: 4rem 1.5rem;
    width: 100%;
    margin-left: 0;
  }

  .landing-page-container.fortune {
    margin: 6rem 0;
  }

  .blog-headline {
    margin: 7rem 0 0rem;
    padding: 0 1.5rem;
  }

  .blog-headline .content .text {
    margin-top: 6rem;
  }

  .blog-headline .content .text h2,
  .blog-headline .content .text h1 {
    font-size: 4.3rem;
  }

  .blog-post {
    margin: 2rem 0;
    padding: 0 1.5rem;
  }

  .trending-blogs {
    padding: 0 1.5rem;
  }

  .trending-blogs .col-md-4 {
    padding: 0 15px;
  }

  .blog .blog-carousel-wrap .blog-carousel-main .item::after {
    content: "";
    display: block;
    padding-bottom: 100%;
  }

  .blog .blog-carousel-wrap .blog-carousel-main .item .caption {
    padding: 2rem 0;
  }

  .blog .blog-carousel-wrap .blog-carousel-main .item .caption .caption-text h2 {
    font-size: 3rem;
  }

  .blog .blog-carousel-wrap .blog-carousel-main .item .caption .caption-text p {
    margin-bottom: 0;
  }

  .blog .blog-carousel-wrap .lSSlideOuter .lSPager.lSpg {
    margin-top: -2.8rem !important;
    margin-bottom: 1rem;
  }

  .blog-subscribe {
    padding: 2rem;
  }

  .blog-subscribe .text {
    font-size: 3.2rem;
  }

  .blog-subscribe .title {
    font-size: 1.8rem;
  }

  .blog-modal .blog-subscribe {
    max-width: 300px;
    min-width: 300px;
  }

  .emaillist .es-field-wrap label input[type=email] {
    padding-left: 5px;
    padding-right: 97px;
  }

  .blog-single {
    margin: 7rem 0 0;
    padding: 4rem 1.5rem 0;
  }

  .blog-single .header-content h2,
  .blog-single .header-content h1 {
    font-size: 3.4rem;
    font-weight: 600;
    line-height: 1.5;
  }

  .blog-single .header-content .subtitle {
    margin: 0;
  }

  .blog-single .author-detail .image {
    width: 6rem;
    height: 6rem;
  }

  .blog-single .author-detail .details {
    width: calc(100% - 6rem);
    padding: 0 0 0 1rem;
  }

  .blog-single .author-detail .details .content {
    width: calc(100% + 7rem);
    margin-left: -7rem;
    margin-top: 2.5rem;
  }

  .blog-single .blog-follow {
    margin: 5rem 0 0;
  }

  .blog-single .blog-post {
    padding: 5rem 0 2rem;
  }

  .blog-single .blog-post .blog-listing .listing-content .title {
    font-size: 2.2rem;
  }

  .blog-single .blog-post .row .col-sm-6 {
    margin-bottom: 1rem;
  }

  .blog-single .blog-post .col-md-4 {
    padding: 0 15px;
  }

  .blog-single .row .offset-lg-1 {
    order: 2;
  }

  .blog-single .sidebar {
    left: 0;
    position: relative;
    margin: 6rem 0 3rem;
    display: block;
  }

  .blog-single .sidebar h3 {
    font-size: 2.6rem;
  }

  .blog-single .sidebar ul li a {
    font-size: 1.8rem;
  }

  .blog-single .sidebar .blog-social-icon {
    margin-left: 0;
    margin-top: 0;
  }

  .blog-single .blog-content p {
    font-size: 2.05rem;
    line-height: 1.65;
  }

  .blog-single .blog-content h3,
  .blog-single .blog-content h4 {
    font-size: 2.6rem;
  }

  .blog-single .blog-content ul li {
    font-size: 2.05rem;
    line-height: 1.6;
  }

  .blog-single .blog-content .blog-getInTouch .content {
    width: 100%;
  }

  .blog-single .blog-content .blog-getInTouch .content .title {
    font-size: 2.4rem;
  }

  .blog-single .blog-content .blog-getInTouch .content .text {
    font-size: 2rem;
  }

  .blog-single .blog-content .blog-getInTouch .link-btn {
    margin-left: 0;
    margin-top: 2rem;
  }

  .blog-single .blog-content .blog-getInTouch .link-btn .btn {
    font-size: 1.8rem;
  }

  .blog-single .blog-content blockquote p {
    font-size: 2rem;
  }

  .blog-single .blog-content img.scaled-img {
    max-width: 100%;
    width: 100%;
  }

  .blog-single .blog-content .blog-video.scaled-video {
    margin: 0px auto 4rem;
    transform: scale(1);
  }

  .blog-single .blog-social-icon {
    margin-left: 6.5rem;
    margin-top: 0.5rem;
  }

  .blog-single .blog-social-icon ul li a img {
    width: 3rem;
    height: 3rem;
  }

  .blog-single .blog-author .name h4 {
    font-size: 1.8rem;
  }

  .blog-single .blog-author .name p {
    font-size: 1.5rem;
  }

  .blog-single .blog-author .image {
    width: 6rem;
    height: 6rem;
  }

  .press.blog-content {
    margin-bottom: 6rem;
  }

  .service-detail-slider.slider .content {
    width: 100%;
    margin-left: 0;
  }

  .service-detail-slider.slider .content .text h2,
  .service-detail-slider.slider .content .text h1 {
    font-size: 4.1rem;
    margin-bottom: 2.5rem;
    line-height: 1.4;
  }

  .service-detail-slider.slider .image {
    width: 80%;
    object-fit: contain;
  }

  .blog-service {
    padding: 10rem 1.5rem;
  }

  .blog-service .carousel-wrapper {
    margin: 0 0 2rem;
    padding: 3rem 0;
  }

  .blog-service .carousel-wrapper .prev {
    display: none;
  }

  .blog-service .carousel-wrapper::after {
    left: 6rem;
    border-radius: 0.6rem;
  }

  .blog-service p {
    margin: 0 23% 3.6rem 0;
  }

  .service-detail-center-wrap {
    margin: 8rem 1.5rem 6rem;
  }

  .service-detail-center-wrap .header-content ul li,
  .service-detail-center-wrap .header-content ol li {
    font-size: 2.3rem;
  }

  .service-detail-list-wrap {
    padding: 0 1.5rem;
  }

  .service-detail-list-wrap .header-content img {
    margin-bottom: 3.5rem;
  }

  .service.contact.case-stydy {
    padding: 6rem 1.5rem;
    margin: 0;
  }

  .service.contact.case-stydy.top {
    margin: 0;
    padding-bottom: 0;
  }

  .blog-home {
    margin: 0 0 6rem;
    padding: 0 1.5rem;
  }

  .blog-home h3 {
    margin: 0 0 2rem;
    max-width: 33rem;
  }

  .blog-home p {
    margin: 0 0 2rem;
    max-width: 34rem;
  }

  .blog-home .carousel-wrapper {
    margin: 0 0 2rem;
    padding: 3rem 0;
  }

  .blog-home .carousel-wrapper::after {
    left: 6rem;
    border-radius: 0.6rem;
  }

  .blog-home .carousel-wrapper .prev {
    display: none;
  }

  .grid-item {
    text-align: center;
  }

  .grid-item .icon {
    width: 8rem;
    margin-bottom: 2rem;
  }

  .grid-item .icon-small {
    display: none;
  }

  .grid-item .grid-contnet {
    width: 100%;
    margin: 0;
  }

  .service-faq {
    margin: 0 0 6rem;
  }

  .flutter.future-retail ul li {
    width: 100%;
    margin: 0;
  }

  .flutter .grid-item {
    padding: 0;
  }

  .flutter .grid-item .grid-contnet h4 {
    margin: 1rem 0 0;
  }

  .flutter.building-apps .header-content p,
  .flutter.thinkahead .header-content p {
    margin: 0 0 3.4rem;
  }

  .team-slider.slider {
    margin: 7rem 0 5rem;
    padding: 4rem 0 0;
  }

  .team-slider.slider .content {
    margin: 0;
  }

  .team-slider.slider .content .text {
    margin-top: 4rem;
  }

  .team-slider.slider .content .text h2,
  .team-slider.slider .content .text h1 {
    font-size: 4.3rem;
  }

  .about-wrap {
    margin: 6rem 0 0;
    padding: 0 1.5rem;
  }

  .leaders-wrap {
    margin: 0 0 6rem;
    padding: 6rem 0 0;
  }

  .leaders-wrap .leaders .thumbnail {
    width: 10rem;
  }

  .leaders-wrap .leaders .content {
    margin: 0 0 0 11.5rem;
  }

  .teams {
    width: calc(50% - 1rem);
    margin: 1rem;
  }

  .teams:nth-child(odd) {
    margin-left: 0;
  }

  .teams:nth-child(even) {
    margin-right: 0;
  }

  .team-main-wrap {
    padding: 0;
  }

  .middle-banner {
    margin: 0 0 6rem;
  }

  .middle-banner img {
    height: 20rem;
    object-fit: cover;
  }

  .middle-banner .text {
    right: auto;
    max-width: 35rem;
    padding: 0 1.5rem 0 3rem;
  }

  .middle-banner .text h4 {
    font-size: 2.7rem;
    letter-spacing: -0.05rem;
    line-height: 1.2;
  }

  .team.our-work .awards-box {
    height: 115px;
  }

  .team.our-work .awards-box img {
    top: 50%;
    left: 50%;
    position: absolute;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%) scale(0.75);
    -moz-transform: translate(-50%, -50%) scale(0.75);
    -webkit-transform: translate(-50%, -50%) scale(0.75);
  }

  .home-services {
    padding: 0 1.5rem;
  }

  #submit-resume {
    padding: 6rem 0;
    margin: 0;
  }

  .home-clients {
    margin: 0 0 6rem;
    padding: 0 1.5rem;
  }

  .job-section {
    margin: 7rem 0 6rem;
    padding: 3rem 1.5rem 0;
  }

  .job-section ul {
    padding-left: 2.3rem;
  }

  .insight .row .offset-lg-1 {
    order: 0;
  }

  .insight .blog-content .iot-slider {
    padding: 0rem 0 0;
    background: var(--white);
  }

  .owl-carousel .owl-item .item .caption p {
    margin: 0 0 1rem;
  }

  .iot-blog {
    margin: 6rem 1.5rem;
  }

  .iot-blog .blog-inner {
    margin: 0rem 0 6rem;
  }

  .iot-blog .blog-inner .btn-animate-1 {
    top: 0;
  }

  .iot-blog .blog-inner::after {
    content: none;
  }

  .iot-blog ul li {
    width: 100%;
    margin: 0 0 3rem;
  }

  .iot-blog ul li:last-child {
    display: block;
  }

  .iot.about-slider.slider {
    padding: 6rem 0;
  }

  .iot.about-slider.slider .content .text h2 {
    font-size: 4.3rem;
  }

  .iot-slider {
    padding: 6rem 2rem 0;
  }

  .owl-carousel .owl-item .item .caption p {
    font-size: 12px;
    max-width: 38rem;
  }

  .iot-service {
    padding: 6rem 1.5rem 2rem;
  }

  .iot-service .header-content {
    padding: 0 1.5rem 5rem;
  }

  .iot-team {
    margin: 16rem 0 0;
    padding: 2rem;
    background-color: #ebebeb;
  }

  .iot-team ul {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
  }

  .iot-team ul li {
    width: 100%;
    font-size: 1.8rem;
    display: inline-block;
    padding-left: 4rem;
    position: relative;
    margin: 0 0 2rem;
  }

  .iot.about-awards {
    padding: 6rem 1.5rem 0;
  }

  .iot-banner {
    padding: 0 2.5rem;
  }

  .iot-banner .image {
    width: 100%;
  }

  .iot-banner .image::before {
    padding-bottom: 0;
  }

  .iot-banner .image img {
    position: static;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
  }

  .smart-retail {
    margin: 4rem 1.5rem 6rem;
  }

  .smart-retail .header-content h1 {
    font-size: 4.1rem;
  }

  .smart-retail .header-content p {
    font-size: 2.9rem;
  }

  .smart-retail .image {
    width: 100%;
  }

  .smart-retail img {
    width: 100%;
  }

  .smart-retail .breadcrumbs-container img {
    max-width: 1.5rem;
  }

  .smart-retail .breadcrumbs li {
    font-size: 1.6rem;
  }

  .smart-retail .breadcrumbs li a {
    font-size: 1.6rem;
  }

  .future-retail {
    margin: 0 3rem 6rem;
  }

  .future-retail ul li {
    width: 100%;
    margin: 0;
  }

  .future-retail ul li .retail-card {
    padding: 4rem 0 0;
  }

  .customer-experience {
    margin: 0 1.5rem 6rem;
  }

  .customer-experience .header-content {
    margin: 0 0 4rem;
  }

  .customer-experience .grid {
    margin: 0 0 3rem;
  }

  .customer-experience .grid .grid-image {
    flex: 0 0 8rem;
  }

  .customer-experience .grid .grid-content {
    margin-left: 1.5rem;
  }

  .customer-experience .grid .grid-content ul {
    padding-left: 1rem;
  }

  .smart-retail-iot {
    margin: 0 0 6rem;
  }

  .smart-retail-iot .header-content {
    margin: 0 0 3.5rem;
  }

  .smart-retail-iot ul {
    flex-wrap: wrap;
    justify-content: center;
  }

  .smart-retail-iot ul li {
    width: 33.3333333333%;
    margin: 0 0 4rem;
  }

  .smart-retail-iot ul li:nth-child(3) .icon::after {
    content: none;
  }

  .smart-retail-iot ul li .icon {
    width: 6rem;
  }

  .smart-retail-iot ul li .icon::after,
  .smart-retail-iot ul li .icon::before {
    width: 3rem;
    left: calc(100% + 2rem);
  }

  .smart-retail-iot ul li .icon::after {
    border-top: 3px dashed #333;
  }

  .smart-retail-iot ul li .text {
    margin: 2rem 0 0;
    font-size: 1.5rem;
  }

  .iot-bottom-section {
    margin: 0 0 6rem 1.5rem;
    width: 94%;
    border-bottom-left-radius: 3rem;
    border-bottom-right-radius: 3rem;
    padding: 3rem 3rem 0;
  }

  .iot-bottom-section h2 {
    font-size: 3.6rem;
  }

  .iot-bottom-section ul {
    flex-wrap: wrap;
    margin: 0;
  }

  .iot-bottom-section ul li {
    width: 100%;
    margin: 0 0 3rem;
  }

  .schedule-meeting {
    margin: 0 1.5rem 6rem;
  }

  .schedule-meeting .schedule-form {
    width: 100%;
    padding: 3rem;
  }

  .schedule-meeting .schedule-form .header-content {
    margin: 0 0 4rem;
  }

  .schedule-meeting .schedule-form .profile {
    margin-bottom: 4rem;
  }

  .schedule-meeting .schedule-form .profile .image {
    flex: 0 0 7rem;
  }

  .schedule-meeting .schedule-form .profile .content {
    margin-left: 1.5rem;
  }

  .schedule-meeting .schedule-form .profile .content p {
    margin: 0;
  }

  .iot.smart-retail {
    margin: 0 2.5rem;
  }

  .iot.future-retail {
    margin: 0 2.5rem;
    padding: 0;
  }

  .iot.customer-experience {
    margin: 0 1.5rem;
    padding: 6rem 0 0;
  }

  .iot.about-awards .header-content {
    margin: 0 0 6rem;
  }

  .iot-slider {
    padding: 0;
  }

  .iot-grid {
    margin: 0;
    background: #fafafa;
    padding: 4rem 1.5rem 2rem;
  }

  .iot-grid .header-content {
    text-align: left;
  }

  .iot-grid .header-content p {
    margin: 0 0 4rem;
  }

  .iot-grid .grid-item {
    padding: 0 0 1rem;
    text-align: left;
  }

  .iot-grid .grid-item .grid-contnet h4 {
    margin: 0;
  }

  .iot-faq {
    margin: 0 0 6rem;
    padding: 0 1.5rem;
  }

  .discover-roi {
    margin: 6rem 0;
    padding: 4rem 1.5rem;
  }

  .discover-roi .box {
    flex-wrap: wrap;
  }

  .discover-roi .box .image {
    flex: 0 0 100%;
  }

  .discover-roi .box .content h3 {
    font-size: 2.5rem;
  }

  .discover-roi .box .content p {
    font-size: 1.8rem;
  }

  .slider-wrapper {
    width: calc(100% + 5rem);
    margin-left: -2.5rem;
    padding-bottom: 56.25%;
    margin-bottom: 6rem;
  }

  .slider-wrapper ul.slider-img li .caption .content {
    bottom: 17%;
    max-width: 40rem;
  }

  .slider-wrapper ul.slider-img li .caption .content h2 {
    font-size: 2.3rem;
  }

  .slider-wrapper ul.slider-img li .caption .content .logo::after {
    padding-bottom: 20%;
  }

  .iot .case-stydy {
    margin: 0 0 6rem;
  }

  .white-papper-banner {
    padding-bottom: 65%;
    margin: 7rem 0;
  }

  .white-papper-banner .caption .content {
    width: 100%;
    margin: 0;
    padding: 0 1.5rem;
  }

  .white-papper-banner .caption .content h1 {
    font-size: 3.4rem;
    margin: 1.5rem 0;
  }

  .white-papper-content ul li {
    font-size: 2.3rem;
  }

  .microsoft-xamarin {
    margin: 6rem 1.5rem 8rem;
  }

  .microsoft-xamarin .image {
    margin: 5rem auto 0;
  }

  .xamarin-portfolio {
    margin: 0 0 8rem;
  }

  .xamarin-portfolio .carousel-wrapper {
    width: 100%;
  }

  .xamarin-portfolio h4 {
    margin: 0 0 2.5rem 3rem;
  }

  .xamarin-consulting-partner {
    margin: 0 1.5rem 8rem;
  }

  .xamarin-process {
    margin: 0 1.5rem 8rem;
  }

  .xamarin-process .grid {
    margin: 0 0 3rem;
  }

  .xamarin-process .grid .grid-image {
    flex: 0 0 8rem;
  }

  .xamarin-process .grid .grid-content {
    margin-left: 1.5rem;
  }

  .amazing-results {
    margin: 0 1.5rem 6rem;
  }

  .industries-slider.slider .content {
    margin-left: 0;
    max-width: 100%;
  }

  .industries-slider.slider .image {
    width: 90%;
  }

  .chain-processes {
    margin: 0 1.5rem 2rem;
    max-width: 100%;
  }

  .chain-processes ul {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
  }

  .chain-processes ul li {
    width: calc(50% - 1rem);
    margin: 0 0.5rem;
  }

  .chain-processes ul li .box .content h4 {
    font-size: 1.6rem;
    margin-left: 2rem;
  }

  .industries.iot-service {
    margin: 0 1.5rem 6rem;
  }

  .iot-service img {
    max-width: 100%;
    padding: 0 0 4rem;
  }

  .industries.building-apps,
  .industries.thinkahead {
    margin: 0 0 6rem;
  }

  .industries.building-apps .grid-item,
  .industries.thinkahead .grid-item {
    padding: 2rem 0 0rem;
  }

  .industries.building-apps .grid-item .grid-contnet h4,
  .industries.thinkahead .grid-item .grid-contnet h4 {
    margin: 0;
  }

  .modal .modal-wrapper.right-bottom {
    max-width: 320px;
    width: 97%;
    left: auto;
    margin: 0 auto;
    top: 50%;
  }

  .modal.is-visible .right-bottom {
    transform: translate(0, -50%) scale(1);
  }
}

@media screen and (max-width: 575px) {
  .why .lottie-wrapper {
    width: 100%;
  }

  .portfolio-home .portfolio-lists .portfolio-left .client-info p {
    font-size: 2rem;
  }

  .portfolio-home .portfolio-lists .portfolio-left .technology li+li {
    margin-left: 0.5rem !important;
  }

  .portfolio-home .portfolio-lists .portfolio-left .technology li .icon {
    width: 8rem !important;
  }

  .portfolio-home .portfolio-lists .portfolio-left .technology li .icon img {
    top: 50%;
    left: 50%;
    position: absolute;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%) scale(0.55) !important;
    -moz-transform: translate(-50%, -50%) scale(0.55) !important;
    -webkit-transform: translate(-50%, -50%) scale(0.55) !important;
  }
}

@media screen and (max-height: 767px) {
  .slider {
    margin-top: 9rem;
  }

  .client-info p {
    display: none;
  }

  .client-info h3 {
    margin: 0 0 1rem !important;
  }

  .store-link {
    margin: 1rem 0 5rem !important;
  }

  .site-footer.footer .footer-content .left-gptw-logo img {
    margin: auto;
  }
}

/* v3 css */

/* v4 css */
.address .box .content p br,
.blog .alm-reveal p.entry-meta,
.full-menu .full-menu-inner .bottom .social li a,
.full-menu .full-menu-inner .top .menu li:hover .fullmenu-dropdown,
.home-banner.new .container .icons .image a,
.industries-category .industries-tab-content .tab-box.show,
.iot-blog .blog-inner ul li .blog-item .thumbnail a,
.no-js .owl-carousel,
.owl-carousel.owl-loaded,
.site-header.logo-toggle .logo .logo-light,
.site-header.logo-toggle.hovered .logo .logo-dark,
.site-header.logo-toggle.scrolled .logo .logo-dark,
.tripple-testimonial .media .playpause-video.played:hover .pauseBtn,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
img,
menu,
nav,
section {
  display: block
}

fieldset,
legend {
  border: 0;
  padding: 0
}

.blog-single .sidebar ul li:hover a,
.chat-popup.light .chat-screen .chat-close a,
.chat-popup.light .chat-screen .chat-content .form-address .addresses .title,
.chat-popup.light .chat-screen .chat-content .form-address .addresses a,
.chat-popup.light .chat-screen .chat-content .form-address .addresses p,
.chat-popup.light .chat-screen .chat-content .form-container .title h2,
.full-view-wrap .slider-wrap .box a span,
.insta-feed .sb_instagram_header .sbi_header_link,
.knowledge-center-single .knowledge-center-sidebar ul li:hover a,
.our-experts.yellow .container .left h2,
.our-experts.yellow .container .left h2 strong,
.our-experts.yellow .container .right a,
.project-strip-slider.yellow .slider-wrap .left h2,
.project-strip-slider.yellow .slider-wrap .left h2 strong,
.project-strip.yellow .container .left h2,
.project-strip.yellow .container .left h2 strong,
.review .review-lists>li .card.left p,
.service-1-col .text h2 span,
.service-2-col .text h2 span,
.service-4-col .text h2 span,
.service-center-content.left.highlight .text h2 span,
.site-header.logo-toggle .nav .menu.new>li.menu-contact .hover-flip::before,
.site-header.logo-toggle .sub-menu-link .hover-flip::before,
.site-header.logo-toggle.hovered .nav .menu>li .hover-flip,
.site-header.logo-toggle.hovered .nav .menu>li .hover-flip::before,
.site-header.logo-toggle.hovered .nav .menu>li a,
.site-header.logo-toggle.scrolled .hover-flip::before,
.site-header.logo-toggle.scrolled .nav .menu>li a,
.technologies-wrapper .technologies-details .technologies-btn-grp .technologies-btn.active,
.technology-stack.tripple-technology-stack .icon-list ul li p,
body,
button,
html,
input,
select,
textarea {
  color: #222
}

.col-3-list ul li,
.col-4-list ul li {
  margin: 0 .87rem;
  display: inline-block
}

.overflow,
.wrapper {
  overflow: hidden
}

.letter,
.word-container .word {
  text-rendering: optimizeLegibility !important
}

.contact-form .form-group .form-control:focus,
.hiring-main-slider .owl-dots button.owl-dot:focus,
.home-form .contact-form .form-group .form-control:focus,
.portfolio-slider-wrapper .owl-dots button.owl-dot:focus,
.project-strip-slider .owl-dots button.owl-dot:focus,
.service-feature-wrap .owl-dots button.owl-dot:focus,
.services-slider .box .owl-dots button.owl-dot:focus,
:focus,
a:active,
a:hover {
  outline: 0
}

.owl-carousel,
.owl-carousel .owl-item,
a {
  -webkit-tap-highlight-color: transparent
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline
}
ol,ul{
  list-style: none;
}

.media-wrap .media .content h5,
.pagination .page-numbers,
body,
html {
  font-family: "Open Sans", sans-serif
}

.btn,
.btn-secondary {
  letter-spacing: .2rem;
  line-height: 1.5rem
}


blockquote,
q {
  quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
  -webkit-appearance: none;
  -moz-appearance: none
}

input[type=search] {
  -webkit-appearance: none;
  -moz-appearance: none;
  box-sizing: content-box;
  -webkit-appearance: textfield;
  box-sizing: content-box
}

audio,
canvas,
video {
  display: inline;
  zoom: 1;
  max-width: 100%
}

audio:not([controls]) {
  display: none;
  height: 0
}

.blog-search .container .search-form .search-btn #searchsubmit,
.contact-form .wpcf7-form-control-wrap .wpcf7-form-control+.wpcf7-not-valid-tip,
.site-header .logo .logo-light,
.site-header .logo-menu,
.site-header.logo-toggle .logo .logo-dark,
.site-header.logo-toggle.hovered .logo .logo-light,
.site-header.logo-toggle.scrolled .logo .logo-light,
.site-header.menu-open .logo,
.site-header.scrolled #menu-toggle,
.site-header.scrolled .logo-menu,
[hidden] {
  display: none
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%
}

a:focus {
  outline: dotted thin
}

img {
  border: 0;
  -ms-interpolation-mode: bicubic;
  vertical-align: middle;
  max-width: 100%
}

#services .col-2-section:last-child .content .grid-item .grid-contnet p,
.architecture-content-wrapper .title-playfair,
.case-summary-details.case-summary-landscape .row:nth-child(2n) .summary-content,
.case-summary-details.case-summary-landscape .summary-content,
.chat-popup .chat-screen .chat-content .form-address .addresses:last-child,
.contact.top-banner,
.home-about.line-wrap,
.iot-media .content:last-child .grid,
.logistics .content:last-child .grid,
.modal .modal-wrapper .contact-form p,
.portfolio-about.portfolio-about-new .text,
.portfolio-features .container .right .content-with-icon:last-child,
.portfolio-features .container .right .content-with-icon:last-child p,
.portfolio-image-banner .content h1,
.portfolio-summary-details .content-with-icon:last-child .content p:last-child,
.portfolio-summary-details .portfolio-summary-wrap .portfolio-summary .right-box p:last-child,
.review .review-blog .right .box h3,
.service-blogs .section-title p,
.service-case-study-wrap .section-title p:last-child,
.service-case-study-wrap.multi-case-study .service-case-study,
.services .col-3-section .content .grid-item p,
.services-media .content:last-child .grid,
.site-footer .footer-bottom .container .location p:last-child,
.tripple-legacy .container .right .tl-box-wrap li p,
figure,
form {
  margin: 0
}

legend {
  white-space: normal;
  margin-left: -7px
}

button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: middle
}

button,
input {
  line-height: normal
}

button,
select {
  text-transform: none
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
  overflow: visible
}

button[disabled],
html input[disabled] {
  cursor: default
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
  height: 13px;
  width: 13px
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0
}

textarea {
  resize: vertical;
  overflow: auto;
  vertical-align: top;
  resize: vertical
}

table {
  border-collapse: collapse;
  border-spacing: 0
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none
}

::selection {
  background: #b3d4fc;
  text-shadow: none
}

.wrapper,
body,
html {
  background-color: #fff
}

fieldset {
  margin: 0
}

:root {
  --btn-color: $btn-color
}

body,
html {
  font-size: 16px;
  margin-top: 0 !important
}

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-font-smoothing: antialiased
}

.applykart-about img,
.blog-search .container .search-form .search-text:focus+.bottom-line,
.blog-single .blog-content img.full-width,
.blog-subscribe .blog-search .search-form .search-text:focus+.bottom-line,
.ceo-message .image img,
.col4-design .row .services .thumb img,
.contact-form .form-group .form-control:focus~.label-wrap:after,
.contact-form .form-group .wpcf7-form-control-wrap,
.home-form .contact-form .form-group .form-control:focus~.label-wrap:after,
.home-form .contact-form .form-group .wpcf7-form-control-wrap,
.portfolio-about-new .about-fullImg img,
.portfolio-fullImg img,
.portfolio-fullVideo img,
.portfolio-fullVideo video,
.portfolio-industry .portfolio-strip .container .left .image img,
.portfolio-summary-details .fullImg-box img,
.portfolio-summary-details .portfolio-strip .container .right .image img,
.service-inner-banner .banner-details .content,
.w-100 {
  width: 100%
}

.h-100 {
  height: 100%
}

.d-flex,
.portfolio-features .container,
.service-content .container,
.service-form-wrap .container,
.service-tool-wrapper .icon-list-wrapper,
.site-footer.footer .links-copyright .links ul,
.site-header .nav .menu>li .menu-dropdown .menu-left>.menu-left-link.active .menu-left-dropdown,
.site-header .nav .menu>li:hover .menu-dropdown,
.thank-you {
  display: flex
}

.text-uppercase {
  text-transform: uppercase
}

.wrapper {
  position: relative;
  padding-top: 8.4rem
}

.col-4-list,
.service-blogs .insights-wrap .insights .post .thumb,
.services.technology-stack .icon-list ul li .icon,
.three-column-boxes li {
  background-color: #f7f7f7
}

.container {
  margin: 0 auto;
  padding: 0 15px;
}

.text-right {
  text-align: right
}

.btn-center,
.design-col-3 .link,
.hire-section .text.center,
.iot-blog h3,
.iot-slider .text,
.link-section .text.center,
.portfolio-about .content,
.portfolio-cta,
.portfolio-new-banner .container h1,
.section .text.center,
.section-title,
.service-case-study .text.center,
.sub-title .text.center,
.text-center,
.title-uppercase.center {
  text-align: center
}

.btn-inline.center,
.content-with-img-wrap.tripple-content-with-img .content-with-img,
.iot-header .breadcrumbs-container,
.justify-content-center,
.search .breadcrumbs-container,
.services-header .breadcrumbs-container,
.services.home-achievements .numbers-counter,
.work-with.new ul {
  justify-content: center
}

.app-links,
.section {
  margin: 0 0 10rem;
  position: relative
}

.ceo-message,
.link-section .text,
.section .text,
.service-tool-single .text,
.technology-stack.tripple-technology-stack,
.we-exist {
  margin: 0 0 4rem
}

.iot-slider .text h1,
.section .text h1 {
  margin: 0 0 1.25rem
}

.link-section .text h2,
.section .text h2 {
  font-size: 3.8rem;
  margin: 0 0 1.25rem
}

.section .text h3 {
  font-size: 3rem;
  margin: 0 0 1.25rem
}

.link-section .text p,
.section .text p {
  font-size: 1.3rem;
  line-height: 1.8;
  margin: 0 0 1.25rem
}

.section .text p a {
  text-decoration: none;
  font-weight: 700;
  color: #222
}

.section .text p a:hover,
.service-content .container .left .section-title a:hover,
.service-faq .faq h2 a:hover,
.service-faq .faq h3 a:hover,
.service-faq .faq p a:hover,
.sub-title .text p a:hover {
  text-decoration: underline
}

.portfolio .animated-svg,
.section .animated-svg {
  position: absolute;
  top: -22rem;
  z-index: -1
}

.portfolio .animated-svg .animated-path,
.section .animated-svg .animated-path {
  stroke-dasharray: 2300;
  stroke-dashoffset: 2300;
  animation: 1s linear forwards dash
}

.link-section {
  padding: 10rem 0 0
}

.col-3-list ul,
.col-4-list ul {
  margin: 2.5rem auto 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center
}

.col-4-list ul li {
  width: calc(25% - 1.34rem)
}

.col-3-list ul li:first-child,
.col-4-list ul li:first-child,
.column-5 .image-wrap li:first-child,
.content-with-img-wrap.tripple-content-with-img .content-with-img:nth-child(2n) .content,
.featured-on.new:first-of-type,
.iot-blog .blog-inner ul li:first-child,
.logistics .content:nth-child(2n),
.portfolio-features-list.with-header .list .num,
.portfolio-icon-center ul li:first-child,
.portfolio-image-banner .content.left .logo,
.review-box .box:nth-child(3n+1),
.service-2-col .grid .col:nth-child(odd),
.site-footer .footer-bottom .container .bottom .social-small ul li:first-child,
.site-header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li:last-child,
.site-header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li:first-child,
.site-header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li:last-child,
.site-header.logo-toggle.hovered .nav .menu:first-child>li .sub-menu-wrap .sub-menu-dropdown>li :first-child,
.we-did .content .image-tablet:first-child {
  margin-left: 0
}

.btn-inline .btn:last-child,
.career-center-single .footer-content a:last-child,
.career-center-single .header-content a:last-child,
.col-3-list ul li:last-child,
.col-4-list ul li:last-child,
.column-5 .image-wrap li:last-child,
.game-list .links .image:last-child,
.home-services .card-wrap .card:last-child,
.industries-column-boxes li:nth-of-type(3n),
.iot-blog .blog-inner ul li:last-child,
.logistics .content,
.portfolio-icon-center ul li:last-child,
.review-box .box:nth-child(3n),
.service-2-col .grid .col:nth-child(2n),
.service-list ul li:nth-child(5n),
.service-menu ul li:last-child,
.site-footer .footer-bottom .container .bottom .social-small ul li:last-child,
.team-wrap.new .location.service ul li:nth-child(3n),
.we-did .content .image-tablet:last-child {
  margin-right: 0
}

.app-links .content a,
.chat-popup.light:after,
.col-3-list,
.home-banner.new .scroll-down .scroller,
.portfolio-image-banner .scroll-down .scroller,
.service-banner .caption .scroll-down .mousey .scroller,
.service-menu-wrap .services-top .box-wrap .box:hover,
.site-header .header-inner #menu-toggle #cross span {
  background-color: #fff
}

.col-3-list ul li {
  width: calc(33.3333333333% - 1.34rem)
}

.col-2-section,
.iot-media,
.logistics,
.services-media {
  display: flex;
  flex-wrap: wrap;
  max-width: 1170px;
  width: 100%;
  margin: 0 auto
}

.col-2-section .content {
  flex: 0 0 50%;
  padding-right: 15px;
  padding-left: 15px
}

.col-2-section .content:nth-child(odd),
.col-3-section .content:first-child,
.contact.media-wrap .media.reverse .content,
.content-with-imgLottie-wrap .content-with-img:nth-child(2n) .content,
.next-project .next-project-inner .box-group .box-grid:first-child,
.search-menu ul li:first-child a {
  padding-left: 0
}

.col-2-section .content:nth-child(2n),
.col-3-section .content:last-child,
.design-team .design-team-inner .image-group .image-grid:last-child,
.header-top ul li:last-child a,
.next-project .next-project-inner .box-group .box-grid:last-child,
.site-header .nav .menu>li:last-child a {
  padding-right: 0
}

.col-2-section .content.order-2,
.col-3-section .content.order-2,
.media-wrap .media.reverse .thumb,
.media-wrap-with-box .media.reverse .thumb,
.service-case-study-wrap.multi-case-study .service-case-study:nth-of-type(2n) .content {
  order: 2
}

.col-2-section .content.order-2:nth-child(odd) {
  padding-right: 0;
  padding-left: 15px
}

.col-2-section .content.order-2:nth-child(2n) {
  padding-left: 0;
  padding-right: 15px
}

.col-2-section .content .grid-item {
  padding: 0 0 4rem
}

.col-2-section .content .grid-contnet h4 {
  font-size: 1.75rem;
  font-weight: 500;
  margin: 0;
  letter-spacing: -.1rem
}

.col-2-section .content .grid-contnet p,
.col-3-section .content .grid-contnet p {
  font-size: 1.187rem;
  line-height: 1.6;
  letter-spacing: unset;
  font-weight: 300
}

.col-3-section {
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
  width: 100%;
  margin: 0 auto
}

.col-3-section .content {
  flex: 0 0 33.333334%;
  padding-right: 15px;
  padding-left: 15px
}

.col-3-section .content .grid-item {
  padding: 0 1rem 4rem
}

.col-3-section .content .grid-contnet h4 {
  font-size: 1.75rem;
  letter-spacing: unset;
  font-weight: 500;
  margin: 0
}

.section-title {
  margin: 0 0 3.125rem
}

.section-title.double::before {
  content: "";
  color: #f7f7f7;
  font-size: 9.8rem;
  font-weight: 700;
  line-height: 1.08;
  text-align: left;
  display: block;
  margin: 0 0 -5rem
}

.contact.top-banner .container .caption p,
.section-title p,
.services.next-project .next-project-inner .content p,
.sub-title .text p {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: normal
}

.about-img-banner,
.applykart-about,
.career-slider-wrap .career-slider,
.career-slider-wrap .owl-carousel,
.ceo-message .image,
.common-banner,
.contact-form .form-group.custom-file,
.header-top ul li,
.home-about ul li .text-left .more,
.home-form .contact-form .form-group.custom-file,
.insta-feed .container,
.new-home-banner .container .caption,
.portfolio,
.portfolio-banner-new .container .bottom ul,
.portfolio-list-wrap .container,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap,
.portfolio-summary-details .summary-details-wrap,
.team.our-experts .container .right,
.top-banner,
.word-container {
  position: relative
}

.top-banner .container .caption {
  margin: 3.45rem auto;
  text-align: center;
  max-width: 73.125rem
}

.top-banner .container .caption h1 {
  font-size: 4.2rem;
  line-height: 1.14
}

.top-banner .top-shape {
  top: -750px;
  right: -950px
}

.top-banner .left-shape {
  top: 100px;
  left: -750px
}

.common-banner .container,
.home-banner .container,
.portfolio-banner .container {
  height: 100%;
  display: flex;
  align-items: center
}

.common-banner .container .caption {
  margin: 7.15rem auto 10rem;
  text-align: center;
  max-width: 73.125rem
}

.common-banner .container .caption h1,
.services.home-banner .container .caption h1 {
  margin: 0 0 1.15rem
}

.common-banner .container .caption p,
.home-banner .container .caption p {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: normal;
  margin: 0 0 1.9rem
}

.believe-in,
.career-center-heading,
.career-slider-wrap,
.case-study-awards,
.case-study-mobile,
.case-study-wireframe,
.case-summary-details,
.column-5,
.column-5.col-with-bg.bg-gray,
.contact-experts-wrapper,
.creating-industry,
.customer-experience,
.digital-product,
.full-image,
.hiring-explore,
.hiring-main-slider,
.hiring-model,
.home-about,
.home-achievements,
.home-services,
.industries-category,
.insights-matters-wrap,
.insights-wrap,
.integration-wrapper,
.iot-blog,
.knowledge-center,
.media-wrap,
.our-experts,
.our-impact-wrap,
.pikmykid-num-box,
.porfolio-app,
.portfolio-about,
.portfolio-center-text,
.portfolio-col-3-wrap,
.portfolio-description,
.portfolio-features,
.portfolio-features-list,
.portfolio-icon-center,
.portfolio-summary-details,
.portfolio-summary-details .fullImg-box,
.portfolio-video-wrap,
.row-lists,
.service-blogs,
.service-case-study-wrap,
.service-center-content.left,
.service-content,
.service-feature-wrap,
.service-form-wrap,
.service-inner-banner,
.service-list,
.service-portfolio,
.service-wrap,
.services-slider,
.single-content,
.sub-title,
.technology-stack-new,
.tripple-legacy,
.tripple-testimonial,
.trusted-us,
.video-wrap {
  margin: 0 0 10rem
}

.media-wrap .media {
  margin: 0 0 4.8rem;
  display: flex;
  display: flex
}

.media-wrap .media .thumb {
  width: 57.14%;
  position: relative;
  overflow: hidden;
  border-radius: .5rem
}

.card-images li::before,
.career-slider-wrap .owl-carousel .item .image::before,
.featured-on li .image::before,
.gallery .gallery-image.large::before,
.iot-blog .blog-inner ul li .blog-item .thumbnail::before,
.media-wrap .media .thumb::before,
.portfolio-video-wrap.full-width .video::after,
.portfolio.media-wrap .media .thumb .logo::before,
.work-with .brands-1 ul li .image::before {
  content: "";
  display: block;
  padding-bottom: 50%
}

.about-image-banner .image-wrap img,
.applykart .portfolio-fullImg img,
.career-slider-wrap .owl-carousel .item .image img,
.contact-experts-wrapper .contact-experts .image img,
.contact-img-banner img,
.full-image .image img,
.full-view-wrap .slider-wrap .image img,
.hire-developers .skills li .skills-card .icon img,
.hiring-model ul li .image img,
.home-about .image-box .box .image img,
.home-banner.new .video-banner-wrap .video video,
.home-portfolio .box-wrap .box img,
.home-portfolio-card .bottom-card .right .image img,
.lallantop-slider ul li .image img,
.life-ta .about-gallery .box-wrap .box img,
.media-wrap .media .thumb img,
.media-wrap-with-box .media .thumb img,
.new-home-banner .homepage-video-wrap video,
.our-foundation .image img,
.portfolio-about .image img,
.portfolio-center-text .image img,
.portfolio-image-banner .image img,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .media .lottie,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .media img,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .media video,
.portfolio-slider-wrapper.tripple-video-wrap .portfolio-slider-inner .image img,
.portfolio.media-wrap .media .thumb .logo img,
.project-strip .container .right .image img,
.project-strip-slider .slider-wrap .container .right .image img,
.service-case-study .service-box .box-view img,
.service-details-banner.common-banner.video-banner .video-banner-wrap .video video,
.teams-wrap .teams .teams-card .image img,
.tripple-testimonial .media .image {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.media-wrap .media .content {
  width: 42.86%;
  padding-left: 7rem;
  padding-top: 4.45rem;
  position: relative
}

.insights-wrap .insights .post .content h3 a,
.insights-wrap .insights .post .content h4 a,
.media-wrap .media .content a,
.service-more .box .link {
  color: #222;
  text-decoration: none
}

.clients-wrap.gradient .title-uppercase,
.home-portfolio-wrap .home-portfolio.colored .content,
.home-services .box-wrap .box:hover .learn,
.home-services .box-wrap .box:hover h3,
.home-services .box-wrap .box:hover p,
.home-services .box-wrap .box:hover ul li,
.home-services.new .box-wrap .box.bg-gradient .learn,
.home-services.new .box-wrap .box.bg-gradient h3,
.home-services.new .box-wrap .box.bg-gradient p,
.home-services.new .box-wrap .box.bg-gradient ul li,
.home-services.new .box-wrap .box:hover .learn,
.home-services.new .box-wrap .box:hover h3,
.home-services.new .box-wrap .box:hover p,
.home-services.new .box-wrap .box:hover ul li,
.hover-flip.light::before,
.media-wrap .media .content a.btn,
.our-experts .container .left h2 strong,
.portfolio-description.colored .quote-text h3,
.portfolio-description.colored .text h2,
.project-strip .container .left h2 strong,
.project-strip-slider .slider-wrap .container .left h2 strong,
.review .review-lists>li .card p,
.schedule-meeting .schedule-form .text h2 strong,
.service-details-banner.common-banner.video-banner .container .caption h1,
.site-footer .footer-bottom .container .links ul li a:hover,
.site-header .nav .menu.new>li.menu-contact .hover-flip::before,
.site-header.logo-toggle .hover-flip::before,
.site-header.logo-toggle .nav .menu>li a,
.site-header.logo-toggle .nav .menu>li.menu-contact .hover-flip,
.site-header.logo-toggle .nav .menu>li.menu-contact .hover-flip::before,
.site-header.logo-toggle.hovered .nav .menu.new>li.menu-contact .hover-flip::before,
.site-header.logo-toggle.scrolled .nav .menu.new>li.menu-contact .hover-flip::before,
.site-header.scrolled .nav .menu>li.menu-contact .hover-flip::before,
.trusted-us.bg-blue p,
.why-ta-section .title-uppercase,
.why-ta-section .title-uppercase p {
  color: #fff
}

.media-wrap .media .content::after {
  content: url(./assets/images/yellow-line.svg);
  top: 5.2rem;
  position: absolute;
  right: 88%
}

.media-wrap .media .content h5 {
  text-transform: uppercase;
  line-height: 1;
  margin: 0 0 1rem;
  font-size: 1.5rem;
  font-weight: 700;
  letter-spacing: -.12rem
}

.media-wrap .media .content h4 {
  font-weight: 700;
  font-size: 2.8rem;
  line-height: 1.1;
  margin: 0 0 1rem
}

.media-wrap .media.reverse .content {
  padding-left: 6rem
}

.media-wrap .media.reverse .content::after {
  content: url(./assets/images/yellow-line-rev.svg);
  right: -5%
}

.table {
  width: 100%;
  color: #212529
}

.table td,
.table th {
  padding: .6rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6
}

.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #dee2e6
}

.table tbody td {
  font-family: Merriweather, serif;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 24px;
  letter-spacing: -.004em;
  color: rgba(0, 0, 0, .84)
}

.table tbody td p {
  font-size: 1.4rem !important;
  line-height: 24px !important
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: rgba(0, 0, 0, .05)
}

.table-bordered,
.table-bordered td,
.table-bordered th {
  border: 1px solid #dee2e6
}

.table-responsive {
  margin: 0 0 4rem;
  display: block;
  width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

.table-responsive .table-bordered {
  border: 0
}

.three-column-boxes {
  margin: 0 0 2.25rem;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.three-column-boxes li {
  flex: 0 1 calc(33.33% - 1.2rem);
  margin-bottom: 1.8rem;
  border-radius: .625rem;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s
}

.industries-column-boxes li:hover,
.three-column-boxes li:hover {
  box-shadow: 0 0 36px 0 rgba(0, 0, 0, .2)
}

.three-column-boxes li .icon {
  width: 3rem;
  position: relative;
  margin: 0 0 1rem
}

.case-study-awards .awards-logo li::before,
.digital-product .container .right .box-wrap .box .image::before,
.featured-on.new:first-of-type li:nth-child(2n) .image::before,
.featured-on.new:nth-of-type(2) li .image::before,
.gallery .gallery-image.medium::before,
.gallery .gallery-image.small::before,
.hire-developers .skills li .skills-card .icon::before,
.home-banner.new .video-banner-wrap .video::before,
.home-portfolio .box-wrap .box::before,
.home-portfolio-card .card-fullwidth .card-right .image::before,
.integration-wrapper .integration .animation::before,
.iot-consulting ul li .icon .icon-square::before,
.life-ta .about-gallery .box-wrap:last-child .box::before,
.life-ta .about-gallery.gallery-2 .box-wrap:first-child .box::before,
.life-ta .about-gallery.gallery-2 .box-wrap:first-child .box:last-child::before,
.life-ta .about-gallery.gallery-2 .box-wrap:first-child .box:nth-child(2)::before,
.life-ta .about-gallery.gallery-2 .box-wrap:nth-child(2) .box::before,
.life-ta .about-gallery.gallery-2 .box-wrap:nth-child(2) .box:last-child::before,
.life-ta .about-gallery.gallery-2 .box-wrap:nth-child(2) .box:nth-child(2)::before,
.our-foundation .image::before,
.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box .image::before,
.portfolio-banner-new .container .right .images::before,
.portfolio-icon-center ul li .image::before,
.portfolio-image-banner .image::before,
.service-colored-banner .container .right .image::before,
.service-details-banner.common-banner.video-banner .video-banner-wrap .video::before,
.service-form-wrap .container .content .box .box-header .image::before,
.service-inner-banner .media-wrapper .media::before,
.service-list ul li .image::before,
.service-more .box .box-header .image::before,
.service-testimonial .testimonial-by .image-wrap::before,
.service-tool-single .icons .icon::before,
.service-tool-wrapper ul li .icon::before,
.services-top .box-wrap .box::before,
.services-wrap .services .thumb::before,
.ta-engineers .card .card-header .image::before,
.team-wrap .team-members .left::before,
.technologies-single .image::before,
.technologies-wrapper .technologies-details .service-technologies-slider .item ul li .image::before,
.technology-stack .icon-list ul li .icon::before,
.three-column-boxes li .icon::before,
.tripple-legacy .container .left .image::before,
.trusted-us .box-wrap .box .image::before,
.we-did .img-2 .image::before {
  content: "";
  display: block;
  padding-bottom: 100%
}

.believe-in .content .image img,
.case-study-awards .awards-logo li img,
.content-with-img-wrap .content-with-img .image img,
.content-with-img-wrap .content-with-img .lottie-wrapper lottie-player,
.content-with-imgLottie-wrap .content-with-img .media .image img,
.content-with-imgLottie-wrap .content-with-img .media .lottie img,
.content-with-imgLottie-wrap .content-with-img .media .lottie lottie-player,
.content-with-video-wrap .content-with-video .lottie-wrapper lottie-player,
.content-with-video-wrap .content-with-video .video video,
.featured-on li .image img,
.game-list .games .image img,
.game-list .links .image:nth-child(2) img,
.home-banner.new .container .icons .image img,
.home-portfolio-wrap .home-portfolio .image img,
.leadership .image img,
.more-portfolio-wrap .more-portfolio-item .image img,
.our-impact-wrap .our-impact ul li .content .image img,
.portfolio-single-wrap .portfolio-single .image-wrap .image img,
.review-box .box .image img,
.service-center-content.service-logo .image-wrap ul li img,
.service-inner-banner .media-wrapper .media img,
.service-inner-banner .media-wrapper .media lottie-player,
.service-logo-wrap ul li img,
.service-portfolio .image-wrap .image img,
.service-testimonial .image img,
.service-tool-single .icons .icon img,
.services-slider .box .image img,
.technologies-single .image img,
.technologies-wrapper .technologies-image img,
.three-column-boxes li .icon img,
.tripple-legacy .container .left .image img,
.trusted-us .box-wrap .box .image img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.three-column-boxes li a {
  text-decoration: none;
  color: #222;
  display: block
}

.about .three-column-boxes li:hover .arrow,
.awards ul li .logos:hover .text,
.home-about .image-box .box:hover .overlay,
.iot-slider .iot-inner .caption:hover,
.site-footer .footer-bottom .container .bottom .social-small ul li:hover,
.three-column-boxes li a:hover .arrow,
div.wpcf7 .ajax-loader.is-active {
  opacity: 1
}

.industries-column-boxes li h3,
.service-content .container .left .content h3,
.three-column-boxes li h3,
.three-column-boxes li h4 {
  font-size: 1.6rem;
  line-height: 1.2;
  margin: 0 0 .75rem;
  letter-spacing: -.05rem;
  font-weight: 400
}

.design-col-3 .grid .col p,
.industries-column-boxes li p,
.three-column-boxes li p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 400
}

.three-column-boxes li .arrow {
  max-width: 1rem;
  margin-left: auto;
  margin-right: -1.75rem;
  margin-top: .2rem;
  opacity: 0;
  transition: opacity .3s;
  -o-transition: opacity .3s;
  -webkit-transition: opacity .3s
}

.customer-experience .box-wrap,
.insights-wrap .insights,
.two-col-box .grid {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.two-col-box .grid .col {
  width: calc(50% - 1.8rem);
  margin: 0 0 4.45rem;
  border: 1px solid #ccc;
  border-radius: .5rem;
  padding: 2.75rem 1.2rem;
  position: relative
}

.two-col-box .grid .col .top {
  position: absolute;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: auto;
  top: 0;
  left: 2rem;
  background: #fff
}

.two-col-box .grid .col .top .image {
  max-width: 14rem;
  width: 90%;
  margin: 0 auto
}

.new-home-banner .container .caption img,
.two-col-box .grid .col .top .image.small {
  max-width: 7rem
}

.two-col-box .grid .col h3 {
  font-size: 1rem;
  color: #999;
  line-height: 1.7;
  font-weight: 400;
  letter-spacing: -.02rem;
  margin: 0;
  text-align: center;
  position: relative
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-right: -15px;
  margin-left: -15px
}

.row .col-6,
.row .col-lg-10,
.row .col-lg-12,
.row .col-lg-2,
.row .col-lg-3,
.row .col-lg-4,
.row .col-lg-5,
.row .col-lg-6,
.row .col-lg-7,
.row .col-lg-8,
.row .col-lg-9,
.row .col-md-1,
.row .col-md-10,
.row .col-md-12,
.row .col-md-3,
.row .col-md-4,
.row .col-md-5,
.row .col-md-6,
.row .col-md-7,
.row .col-md-8,
.row .col-md-9 {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px
}

.row .col-6,
.row .col-lg-6,
.row .col-md-6 {
  flex: 0 0 50%;
  max-width: 50%
}

.row .col-md-1 {
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%
}

.row .col-lg-3,
.row .col-md-3 {
  flex: 0 0 25%;
  max-width: 25%
}

.row .col-md-4 {
  flex: 0 0 33.333333%;
  max-width: 33.333333%
}

.row .col-lg-5,
.row .col-md-5 {
  flex: 0 0 41.666667%;
  max-width: 41.666667%
}

.row .col-md-7 {
  flex: 0 0 58.333333%;
  max-width: 58.333333%
}

.row .col-lg-8,
.row .col-md-8 {
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%
}

.row .col-lg-9,
.row .col-md-9 {
  flex: 0 0 75%;
  max-width: 75%
}

.row .col-lg-10,
.row .col-md-10 {
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%
}

.row .col-lg-12,
.row .col-md-12 {
  flex: 0 0 100%;
  max-width: 100%
}

.row .offset-lg-1,
.row .offset-md-1 {
  margin-left: 8.3333333333%
}

.row .offset-lg-2,
.row .offset-md-2 {
  margin-left: 16.6666666667%
}

.row .offset-lg-3,
.row .offset-md-3 {
  margin-left: 25%
}

.row .col-lg-2 {
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%
}

.row .col-lg-4 {
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%
}

.row .col-lg-7 {
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%
}

.no-gutter {
  margin-right: 0;
  margin-left: 0
}

.no-gutter>[class*=col-] {
  padding-right: 0;
  padding-left: 0
}

.pagination {
  margin-top: 2rem;
  width: 100%;
  text-align: center
}

.pagination .page-numbers {
  background-color: #fff;
  padding: 5px 13px;
  color: #222;
  font-size: 15px;
  border-radius: .2rem;
  border: 1px solid #222;
  text-decoration: none
}

.pagination .page-numbers.current,
.pagination .page-numbers:hover {
  background: #222;
  color: #fff
}

.contact-form .form-group .form-control,
.home-form .contact-form .form-group .form-control {
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  display: block;
  font-family: "Open Sans", sans-serif
}

.group {
  display: flex;
  margin: 0 -1rem
}

.contact-form,
.home-form .contact-form {
  margin: 0 auto;
  background-color: #fff;
  width: 100%
}

.home-form .contact-form {
  max-width: 71.25rem;
  padding: 0 3rem;
  box-shadow: none;
  position: relative
}

.home-form .contact-form .form-group {
  position: relative;
  margin: 0 0 2rem !important;
  min-height: 64px;
  border: 1px solid #ccc;
  display: block;
  padding-top: 20px
}

.contact-form .form-group select.form-control,
.home-form .contact-form .form-group select.form-control {
  background-image: url(assets/images/down-caret.svg);
  background-repeat: no-repeat;
  background-position: right 10px top 16px;
  background-size: 17px
}

.home-form .contact-form .form-group .form-control {
  color: #999;
  width: 100%;
  height: 44px;
  border-radius: 0;
  border: none;
  padding: 0 15px;
  font-size: 16px;
  border-bottom: 0;
  font-weight: 500
}

.home-form .contact-form .form-group .form-control::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out
}

.home-form .contact-form .form-group .form-control::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out
}

.home-form .contact-form .form-group .form-control:not(:-moz-placeholder-shown)~.label-wrap .label {
  opacity: 0;
  bottom: calc(50% - 1rem)
}

.home-form .contact-form .form-group .form-control:not(:placeholder-shown)~.label-wrap .label {
  opacity: 0;
  bottom: calc(50% - 1rem)
}

.home-form .contact-form .form-group .form-control:focus::-webkit-input-placeholder {
  opacity: .8;
  transition-delay: 0.2s
}

.home-form .contact-form .form-group .form-control:focus::-moz-placeholder {
  opacity: 1;
  transition-delay: 0.2s
}

.home-form .contact-form .form-group .form-control:focus~.label-wrap .label,
.home-form .contact-form .form-group .label-wrap.up .label {
  opacity: 1;
  bottom: calc(100% - 20px);
  font-size: 12px;
  text-transform: uppercase;
  padding-left: 15px
}

.home-form .contact-form .form-group textarea {
  padding-top: .5rem
}

.contact-form .form-group .label-wrap,
.home-form .contact-form .form-group .label-wrap {
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  pointer-events: none;
  cursor: text;
  position: absolute;
  bottom: 0;
  left: 0
}

.home-form .contact-form .form-group .label-wrap .label {
  color: #999;
  position: absolute;
  left: 0;
  bottom: calc(50% - .45rem);
  line-height: 1;
  font-size: 16px;
  pointer-events: none;
  transition: .2s ease-out;
  -o-transition: .2s ease-out;
  -webkit-transition: .2s ease-out;
  will-change: all, opacity, font-size;
  font-weight: 500;
  padding-left: 25px
}

.contact-form .form-group .label-wrap::after,
.home-form .contact-form .form-group .label-wrap::after {
  content: "";
  box-sizing: border-box;
  width: 0;
  height: 2px;
  background-color: #999;
  position: absolute;
  bottom: 0;
  left: 0;
  will-change: width;
  transition: width 285ms ease-out;
  -o-transition: width 285ms ease-out;
  -webkit-transition: width 285ms ease-out
}

.contact-form .form-group.custom-file input[type=file],
.home-form .contact-form .form-group.custom-file input[type=file] {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  opacity: 0;
  z-index: 2;
  cursor: pointer
}

.contact-form .form-group.custom-file:after,
.home-form .contact-form .form-group.custom-file:after {
  content: "SELECT";
  color: #666;
  font-size: .875rem;
  line-height: 1;
  font-weight: 400;
  display: inline-block;
  background: #e6e6e6;
  border-radius: 6px;
  text-transform: uppercase;
  padding: 8px 11px;
  position: absolute;
  top: 8px;
  right: 16px
}

.home-form .contact-form .form-group.invalid {
  border-color: #ef0d33
}

.home-form .contact-form .form-group.invalid .label-wrap .label {
  color: #ef0d33
}

.contact-form .form-btn,
.home-form .contact-form .form-btn {
  position: absolute;
  bottom: 0;
  right: 3.5rem;
  transform: translateY(50%);
  -moz-transform: translateY(50%);
  -webkit-transform: translateY(50%)
}

.contact .contact-form .contact-btn,
.home-form .contact-btn {
  margin-left: auto;
  text-align: right
}

.contact-form {
  max-width: 42rem;
  padding: 3.5rem 3rem 6rem;
  border-radius: 1.2rem;
  box-shadow: 0 0 1.8rem 0 rgba(0, 0, 0, .08);
  position: relative
}

.contact-form .form-group {
  position: relative;
  margin: 0 0 2rem;
  display: block
}

.contact-form .form-group .form-control {
  color: #999;
  width: 100%;
  height: 44px;
  border-radius: 0;
  border: none;
  padding: 0;
  font-size: 16px;
  border-bottom: 1px solid #ccc;
  font-weight: 500
}

.contact-form .form-group .form-control::-webkit-input-placeholder {
  opacity: 0;
  -webkit-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out
}

.contact-form .form-group .form-control::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity .2s ease-out;
  transition: opacity .2s ease-out
}

.contact-form .form-group .form-control:not(:-moz-placeholder-shown)~.label-wrap .label {
  opacity: 0;
  bottom: calc(50% - 1rem)
}

.contact-form .form-group .form-control:not(:placeholder-shown)~.label-wrap .label {
  opacity: 0;
  bottom: calc(50% - 1rem)
}

.contact-form .form-group .form-control:focus::-webkit-input-placeholder {
  opacity: .8;
  transition-delay: 0.2s
}

.contact-form .form-group .form-control:focus::-moz-placeholder {
  opacity: 1;
  transition-delay: 0.2s
}

.contact-form .form-group .form-control:focus~.label-wrap .label {
  opacity: 1;
  bottom: 100%;
  font-size: .8rem
}

.contact-form .form-group textarea {
  margin-top: .5rem
}

.contact-form .form-group .label-wrap .label {
  color: #999;
  position: absolute;
  left: 0;
  bottom: calc(50% - .45rem);
  line-height: 1;
  font-size: 16px;
  pointer-events: none;
  transition: bottom .2s cubic-bezier(.9, -.15, .1, 1.15), opacity .2s ease-out, font-size .2s ease-out;
  -o-transition: bottom .2s cubic-bezier(.9, -.15, .1, 1.15), opacity .2s ease-out, font-size .2s ease-out;
  -webkit-transition: bottom .2s cubic-bezier(.9, -.15, .1, 1.15), opacity .2s ease-out, font-size .2s ease-out;
  will-change: bottom, opacity, font-size;
  font-weight: 500
}

.contact-form .form-group .label-wrap.up .label {
  opacity: 1;
  bottom: 100%;
  font-size: 13px
}

span.not-valid,
span.wpcf7-not-valid-tip {
  color: #ef0d33;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.8;
  display: block !important;
  top: 100%;
  left: 0;
  position: absolute;
  opacity: 1 !important;
  z-index: 1 !important
}

div.wpcf7 .screen-reader-response {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  height: 1px;
  width: 1px;
  margin: 0;
  padding: 0;
  border: 0
}

.contact-form .wpcf7-form-control-wrap .wpcf7-form-control.wpcf7-not-valid {
  border-bottom-color: #ef0d33
}

div.wpcf7-acceptance-missing,
div.wpcf7-response-output,
div.wpcf7-validation-errors {
  color: #ef0d33;
  border: 0;
  background: #f3f3f3;
  border-radius: .3rem;
  padding: 1rem;
  max-width: 800px;
  margin: 30px auto 0;
  display: none
}

div.wpcf7 .ajax-loader {
  background-image: url("https://www.techaheadcorp.com/wp-content/uploads/2021/01/loader.gif");
  background-position: center center;
  background-size: 300%;
  background-repeat: no-repeat;
  display: block;
  margin: 0 auto;
  width: 50px;
  height: 50px;
  opacity: 0;
  transition: .3s
}

.wpcf7-list-item-label {
  display: inline-block;
  position: relative;
  margin-top: -23px;
  left: 25px;
  text-indent: -16px;
  padding-right: 25px
}

.back-to-top,
.form-popup {
  position: fixed;
  border-radius: 50%;
  z-index: 1000
}

.form-btn .career-btn {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1.2rem;
  padding: .75rem 2.2rem .7rem;
  background: #368ecb
}

.faq h3 {
  font-size: 1.56rem;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 1.56rem;
  letter-spacing: -1px
}

.faq .accordion {
  width: 100%;
  height: auto;
  padding-bottom: 1.25rem
}

.faq .accordion .accordion-item {
  width: 100%;
  -webkit-border-bottom: 1px solid #e9e9e9;
  -moz-border-bottom: 1px solid #e9e9e9;
  border-bottom: 1px solid #e9e9e9
}

.faq .accordion .accordion-item .accordion-button {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  min-height: 4.06rem;
  padding: 1.5rem 3.75rem 2.5rem 0;
  box-sizing: border-box;
  position: relative;
  cursor: pointer
}

.faq .accordion .accordion-item .accordion-button .accordion-heading {
  flex: 1
}

.back-to-top,
.blog-single .author-details .blog-author,
.breadcrumbs-container,
.btn-inline,
.content-with-img-wrap .content-with-img,
.content-with-imgLottie-wrap .content-with-img,
.content-with-video-wrap .content-with-video,
.knowledge-center-single .author-details .knowledge-center-author,
.whatTheySay-wrap .whatTheySay .testtiminialBy {
  align-items: center;
  display: flex
}

.faq .accordion .accordion-item .accordion-button .accordion-heading h4,
.service-faq .faq h3 {
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.35;
  margin-bottom: 0;
  letter-spacing: -.1px
}

.faq .accordion .accordion-item .accordion-button .accordion-marker {
  width: 3.75rem;
  height: 100%;
  float: left;
  font-size: 1.25rem;
  position: absolute;
  right: 0
}

.faq .accordion .accordion-item .accordion-button .accordion-marker::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  height: .75rem;
  background-color: #ccc;
  width: .125rem;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition: .2s linear;
  -o-transition: .2s linear;
  -webkit-transition: .2s linear
}

.faq .accordion .accordion-item .accordion-button .accordion-marker::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: .75rem;
  background-color: #ccc;
  height: .125rem;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition: .2s linear;
  -o-transition: .2s linear;
  -webkit-transition: .2s linear
}

.faq .accordion .accordion-item .accordion-inner {
  display: none;
  padding: 0 0 2.5rem
}

.faq .accordion .accordion-item .accordion-inner p {
  font-weight: 400;
  font-size: 1rem;
  line-height: 29px;
  margin: 0 3.75rem 1rem 0 !important;
  letter-spacing: -.1px;
  text-align: left !important;
  color: #555;
  max-width: 51rem
}

.faq .accordion .accordion-item .accordion-inner ol,
.faq .accordion .accordion-item .accordion-inner ul,
.iot-media .content .grid .grid-content ul,
.logistics .content .grid .grid-content ul,
.services-media .content .grid .grid-content ul {
  list-style: inherit;
  padding-left: 2.5rem
}

.faq .accordion .accordion-item .accordion-inner ol li,
.faq .accordion .accordion-item .accordion-inner ul li {
  font-size: 1rem;
  line-height: 29px;
  font-weight: 400;
  color: #555
}

.faq .accordion .accordion-item .accordion-inner ol {
  list-style: decimal
}

.faq .accordion .accordion-item:last-child {
  -webkit-border-bottom: 0;
  -moz-border-bottom: 0;
  border-bottom: 0
}

.faq .accordion .accordion-item.active .accordion-marker::before {
  transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transform: translate(-50%, -50%) rotate(90deg)
}

.faq .accordion .accordion-item.active .accordion-marker::after {
  transform: translate(-50%, -50%) rotate(90deg);
  -moz-transform: translate(-50%, -50%) rotate(90deg);
  -webkit-transform: translate(-50%, -50%) rotate(90deg);
  opacity: 0
}

.form-popup .title,
.form-popup .title::before {
  transform: translateY(-50%);
  position: absolute;
  top: 50%
}

.breadcrumbs-container img {
  max-width: 1rem
}

.breadcrumbs-container .breadcrumbs {
  margin: 0 0 0 .6rem;
  padding: 0;
  list-style: none;
  display: flex
}

.breadcrumbs-container .breadcrumbs li {
  color: #999;
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  padding: .4rem 0
}

.breadcrumbs-container .breadcrumbs li a {
  color: #999;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 400;
  display: inline-block
}

.breadcrumbs-container .breadcrumbs li a:hover {
  color: #333
}

.breadcrumbs-container .breadcrumbs li+li::before {
  padding: 0 .2rem 0 .37rem;
  color: #999;
  content: "/ "
}


.single-blog-layout .breadcrumbs-container .breadcrumbs li+li::before {
  content: none !important;
}



.back-to-top {
  bottom: 7rem;
  right: 2.3rem;
  justify-content: center;
  background-color: #c7c7c7;
  width: 3.125rem;
  height: 3.125rem;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s
}

.back-to-top.show,
.home-about .image-box .box:hover .overlay-top .content ul,
.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box:hover .image img.hoverable-img,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card:hover .image-hover img.hoverable-img {
  opacity: 1;
  visibility: visible
}

.back-to-top:hover {
  background-color: #b1b1b1
}

.back-to-top img {
  max-width: 1.125rem;
  width: 100%
}

.chat-popup .chat-toggle img,
.form-popup img {
  max-width: 2.2rem
}

.form-popup {
  width: 3.75rem;
  height: 3.75rem;
  bottom: 1.5rem;
  right: 1.5rem;
  background-color: #ec1313;
  display: flex;
  align-items: center;
  justify-content: center
}

.form-popup:hover {
  background-color: #d80a0a;
  box-shadow: 0 0 16px 0 rgba(0, 0, 0, .25)
}

.form-popup img {
  width: 100%;
  opacity: .8
}

.form-popup .title {
  right: calc(100% + 15px);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  width: 200px;
  background: #fff;
  padding: 12px;
  border-radius: .3rem;
  color: #222;
  font-size: 16px;
  font-weight: 400;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .16)
}

.chip-wrap .chip,
.chip-wrap .chip a {
  color: rgba(0, 0, 0, .6);
  font-weight: 600
}

.form-popup .title::before {
  content: "";
  border: 8px solid transparent;
  border-left: 8px solid #fff;
  right: -16px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  z-index: 1
}

.form-popup .title::after {
  content: "";
  border: 8px solid transparent;
  position: absolute;
  right: -19px;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  filter: blur(2px);
  border-left: 8px solid rgba(0, 0, 0, .17)
}

.form-popup .title .small {
  font-size: 14px;
  margin-top: 7px;
  display: block;
  font-weight: 100
}

.form-popup .title:hover {
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, .2)
}

.counter-wrap.home-achievements .text h3 {
  line-height: 1.4;
  margin-bottom: 6rem
}

.counter-wrap.home-achievements .numbers-counter li {
  padding: 0 1rem;
  text-align: center
}

.counter-wrap.home-achievements .numbers-counter li>div {
  font-size: 3.6rem;
  line-height: 5rem;
  display: inline-block;
  margin: 0 0 1rem;
  position: relative;
  letter-spacing: -.2rem;
  font-weight: 500
}

.counter-wrap.home-achievements .numbers-counter li span {
  font-family: "Open Sans", sans-serif;
  position: static;
  font-size: 3.6rem;
  letter-spacing: -.2rem;
  margin: 0;
  font-weight: 500
}

.career-banner .container .content p .sup::before,
.career-center-single .content p span::before,
.career-faq .faq .accordion .accordion-item .accordion-button .accordion-marker::after,
.career-faq .faq .accordion .accordion-item .accordion-button .accordion-marker::before,
.case-summary-details.case-summary-landscape .image::before,
.counter-wrap.home-achievements .numbers-counter li span::after,
.digital-product .container .right .box-wrap .box:nth-last-child(-n+2)::after,
.header-top ul li:last-child::after,
.industries-column-boxes li:nth-of-type(3n)::after,
.iot-consulting ul li:last-child::after,
.iot-consulting ul li:last-child::before,
.knowledge-center-single .content h2 span::before,
.knowledge-center-single .content h4 span::before,
.knowledge-center-single .content p span::before,
.next-project .next-project-inner .box-group .box-grid .box .number.no-icon::before,
.portfolio-links::after,
.service-1-col .text h2 span::before,
.service-2-col .text h2 span::before,
.service-2-col1 .grid .col p span::before,
.service-4-col .text h2 span::before,
.service-case-study .service-box .detail .view span::before,
.service-center-content.left.highlight .text h2 span::before,
.service-menu-wrap .services-top .box-wrap h4 span::before,
.services .services-top .box-wrap .box::after,
.site-header .nav .menu.new:first-child li:first-child::before,
.site-header .nav .menu.new:last-child li:last-child::before,
.site-header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li:first-child::before,
.site-header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li:last-child::before,
.site-header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li:first-child::before,
.site-header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li:last-child::before,
.site-header.logo-toggle.hovered .nav .menu:first-child>li .sub-menu-wrap .sub-menu-dropdown>li :first-child::before,
.site-header.logo-toggle.scrolled .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li:first-child::before,
.site-header.logo-toggle.scrolled .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li:first-child::before,
.site-header.scrolled .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li:first-child::before,
.site-header.scrolled .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li:first-child::before,
.technology-stack .icon-list ul li:nth-child(7n+1)::after,
.technology-stack .icon-list ul li:nth-child(7n+1)::before {
  content: none
}

.counter-wrap.home-achievements .numbers-counter li p {
  line-height: 1.4;
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
  font-weight: 100
}

.portfolio-header .container,
.site-footer,
.top-circle,
.whatTheySay-wrap .whatTheySay .quote-img img {
  position: relative;
  z-index: 1
}

.top-circle::after {
  content: "";
  width: 4.5rem;
  height: 4.5rem;
  display: block;
  background-color: #ebebeb;
  border-radius: 50%;
  top: -1.5rem;
  right: -2.6rem;
  position: absolute;
  transition: .3s ease-in;
  -o-transition: .3s ease-in;
  -webkit-transition: .3s ease-in;
  z-index: -1
}

.service-3-col .grid .col h3.yellow::before,
.services-top .box-wrap .box.strategy::after,
.top-circle.orange::after {
  background-color: #f8cc33
}

.home-achievements .numbers-counter li span.red::before,
.services-top .box-wrap .box.front::after,
.services-wrap .services .thumb.app-development::after,
.top-circle.red::after {
  background-color: #ff7173
}

.home-achievements .numbers-counter li span.blue::before,
.media-wrap-with-box .media .content .box.blue,
.services-top .box-wrap .box.growth::after,
.services-wrap .services .thumb.cloud::after,
.top-circle.blue::after {
  background-color: #a2d0ff
}

.services-wrap .services .thumb.enterprise::after,
.top-circle.purple::after {
  background-color: #c89de5
}

.home-achievements .numbers-counter li span.cyan::before,
.services-top .box-wrap .box.ui::after,
.services-wrap .services .thumb.ui-ux::after,
.top-circle.cyan::after {
  background-color: #87f0e6
}

.card-images {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center
}

.card-images li {
  border-radius: .5rem;
  margin: 0 .5rem 1rem;
  width: 100%;
  position: relative;
  width: calc(16.6666666667% - 1rem);
  overflow: hidden;
  background-color: #f7f7f7
}

.blog-single .blog-content .blog-video iframe,
.card-images li a,
.career .career-post .career-listing .image a,
.career-bottom .map iframe,
.career-gallery .image a,
.hire-developers .skills li .skills-card a,
.home-about .image-box .box .image a,
.home-portfolio .box-wrap .box a,
.home-services .box-wrap .box a,
.knowledge-center-single .content .blog-video iframe,
.knowledge-center-single .embed-container embed,
.knowledge-center-single .embed-container iframe,
.knowledge-center-single .embed-container object,
.links .image a,
.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box .image a,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .content a,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card a,
.review .review-lists>li .bg,
.service-box .services-top .box-wrap .box a,
.technologies-wrapper .technologies-details .service-technologies-slider .item ul li .image a,
.work-with .brands-1 ul li .image a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.card-images li img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(.85);
  -moz-transform: translate(-50%, -50%) scale(.85);
  -webkit-transform: translate(-50%, -50%) scale(.85);
  height: 100%;
  z-index: 1;
  -o-object-fit: contain;
  object-fit: contain
}

.card-images li.slide-animation::after {
  background-color: #999;
  opacity: .05
}

.blog-insight-search .blog-search .container,
.blog-single .blog-follow .tags ul,
.card-images.left {
  justify-content: flex-start
}

.sub-title .text h2 {
  font-size: 3rem;
  line-height: 1.4;
  letter-spacing: -.12rem;
  margin: 0 0 1.5rem
}

.insta-feed .sb_instagram_header .sbi_header_link h3,
.portfolio-about-new .section-title h2,
.sub-title .text h3 {
  letter-spacing: -.05rem
}

.sub-title .text h3 {
  font-size: 2.4rem;
  line-height: 1.6;
  margin: 0 0 1.5rem
}

.digital-product .container .right .box-wrap .box .content a,
.sub-title .text p a {
  color: #000;
  text-decoration: none
}

#cookie-law-info-bar {
  max-width: calc(100% - 300px);
  width: 100%;
  left: 150px;
  border-radius: .5rem
}

#cookie_action_close_header {
  border-radius: 3rem;
  padding: .5rem 1rem;
  background: #ff1816 !important
}

#cookie_action_close_header_reject {
  border-radius: 3rem;
  padding: .5rem 1rem;
  background: #222 !important
}

.insta-feed {
  margin: 0 0 8rem;
  background: #f7f7f7;
  padding: 2rem 0 6.5rem
}

.insta-feed .container .text h2 {
  font-size: 4.2rem;
  margin: 0 0 1rem
}

.insta-feed #sb_instagram .sbi_photo_wrap {
  border-radius: .3rem;
  overflow: hidden
}

.insta-feed #sb_instagram .sbi_follow_btn a {
  border-radius: 3.2rem;
  border: 2px solid #ccc;
  font-weight: 600;
  font-size: 1rem;
  padding: .6rem 1rem .4em;
  line-height: 1
}

.insta-feed #sb_instagram #sbi_load {
  position: absolute;
  right: 15px;
  width: auto;
  padding-right: 10px;
  top: 2rem
}

.insta-feed .sb_instagram_header {
  position: absolute;
  top: 100%
}

.career-title.top-banner .container .caption img,
.image-title img,
.portfolio-header .top-banner .image img,
.services-header .top-banner .image img {
  margin: 0 auto
}

.blog-search .container,
.emaillist .es-field-wrap label {
  display: flex;
  justify-content: center;
  padding: 0
}

.blog-search .container .search-form {
  position: relative;
  max-width: 936px;
  width: 100%;
  display: flex;
  justify-content: center;
  border: 0;
  border-bottom: 2px solid #e0e0e0
}

.blog-search .container .search-form .search-text {
  height: 50px;
  padding-right: 115px;
  line-height: 50px;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -.03rem;
  width: 100%;
  border: 0;
  font-family: "Open Sans", sans-serif
}

.blog-search .container .search-form .search-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%)
}

.blog-search .container .search-form .search-btn label {
  display: flex;
  align-items: center;
  color: #fff;
  cursor: pointer;
  line-height: 1;
  font-size: 1rem;
  padding: .7rem 1rem .6rem
}

.blog-search .container .search-form .bottom-line {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background-color: #a5a5a5;
  transition: .4s;
  -o-transition: .4s;
  -webkit-transition: .4s
}

.siq_bR {
  bottom: 1.5rem !important;
  right: 1.5rem !important
}

.siq-company-logo {
  background: #222;
  padding: 2px
}

.headercont,
.life-ta .about-gallery.gallery-2,
.team-wrap.new .location.service ul,
.technologies-single.wrap {
  flex-wrap: wrap
}

.header_txt {
  flex: 0 0 100% !important;
  margin-left: 10px !important
}

.siq-chat-attender-name {
  font-size: 20px !important;
  font-weight: 300 !important
}

.chip-wrap,
.design-logos .container,
.home-portfolio-card,
.porfolio-app .porfolio-app-wrap .links,
.portfolio-banner-new .container,
.project-strip .container,
.project-strip-slider .slider-wrap .container {
  display: flex;
  align-items: center;
  flex-wrap: wrap
}

.chip-wrap .chip {
  display: flex;
  align-items: center;
  height: 3rem;
  padding: 0 1rem;
  margin-right: 1.2rem;
  margin-bottom: 1.4rem;
  font-size: .9rem;
  background-color: #f5f5f5;
  border-radius: 2rem;
  transition: .3s linear;
  -o-transition: .3s linear;
  -webkit-transition: .3s linear;
  letter-spacing: -.02rem
}

.chip-wrap .chip a {
  display: flex;
  align-items: center;
  text-decoration: none
}

.chip-wrap .chip img {
  width: 2rem;
  height: 2rem;
  margin-right: .7rem;
  filter: grayscale(100%)
}

.chip-wrap .chip:hover {
  background-color: #e0e0e0;
  transition: .3s linear;
  -o-transition: .3s linear;
  -webkit-transition: .3s linear
}

.bg-white,
.black-theme .bg-white,
.black1-theme .bg-white,
.blue-theme .bg-white,
.dark-theme .bg-white,
.navy-theme .bg-white {
  background-color: #fff !important;
  color: #222 !important
}

.bg-white p,
.black-theme .bg-white p,
.black-theme .we-did,
.black-theme .we-did p,
.black1-theme .bg-white p,
.black1-theme .we-did,
.black1-theme .we-did p,
.blue-theme .bg-white p,
.blue-theme .we-did,
.blue-theme .we-did p,
.content-with-img-wrap .content-with-img .content p,
.dark-theme .bg-white p,
.dark-theme .we-did,
.dark-theme .we-did p,
.more-portfolio-wrap .more-portfolio-item.orange .small,
.navy-theme .bg-white p,
.navy-theme .we-did,
.navy-theme .we-did p,
.portfolio-cta.bg-white p,
.portfolio-industry p,
.portfolio-summary-details.bg-white p,
.text-dark {
  color: #222 !important
}

.bg-gray {
  background-color: #f7f7f7 !important
}

.bg-green {
  background-color: #a8c621 !important
}

.bg-orange {
  background-color: #f9c13e !important
}

.more-portfolio-wrap .more-portfolio-item.blue .small,
.more-portfolio-wrap .more-portfolio-item.blue .title,
.more-portfolio-wrap .more-portfolio-item.blue h2,
.more-portfolio-wrap .more-portfolio-item.blue p,
.portfolio-cta.portfolio-cta-border .cta-border p,
.text-white {
  color: #fff !important
}

.pt-10 {
  padding-top: 10rem !important
}

.pt-6 {
  padding-top: 6rem !important
}

.pt-4 {
  padding-top: 4rem !important
}

.pt-2 {
  padding-top: 2rem !important
}

.pt-1 {
  padding-top: 1rem !important
}

.pt-0 {
  padding-top: 0 !important
}

.pb-10 {
  padding-bottom: 10rem !important
}

.pb-6 {
  padding-bottom: 6rem !important
}

.pb-4 {
  padding-bottom: 4rem !important
}

.pb-2 {
  padding-bottom: 2rem !important
}

.pb-0 {
  padding-bottom: 0 !important
}

.pb-8 {
  padding-bottom: 8rem !important
}

.py-10 {
  padding-bottom: 10rem !important;
  padding-top: 10rem !important
}

.mb-10 {
  margin-bottom: 10rem !important
}

.mb-6 {
  margin-bottom: 6rem !important
}

.mb-4 {
  margin-bottom: 4rem !important
}

.mb-2 {
  margin-bottom: 2rem !important
}

.mb-1 {
  margin-bottom: 1rem !important
}

.mb-0 {
  margin-bottom: 0 !important
}

.mt-2 {
  margin-top: 2rem !important
}

.mt-8 {
  margin-top: 8rem !important
}

.title-uppercase h2 {
  font-family: "Bebas Neue";
  font-size: 3.6rem;
  line-height: 1.1 !important;
  letter-spacing: normal !important;
  font-weight: 100;
  margin: 0 0 .5rem !important
}

.title-uppercase p {
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -.12rem;
  margin: 0 0 3.5rem
}

.title-uppercase p.small {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -.036rem
}

.title-uppercase p.medium {
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: -.096rem
}

.mouse-cursor {
  position: fixed;
  left: 0;
  top: 0;
  pointer-events: none;
  border-radius: 50%;
  transform: translateZ(0);
  visibility: hidden;
  display: none
}

.gradient-blue-2,
.gradient-blue-3,
.gradient-light-blue,
.gradient-light-blue-green,
.gradient-light-blue-green1,
.gradient-light-blue1,
.gradient-orange,
.gradient-purple,
.gradient-purple-pink,
.gradient-soft-blue {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.mouse-cursor.cursor-inner {
  margin-left: -8px;
  margin-top: -8px;
  width: 16px;
  height: 16px;
  z-index: 10000001;
  background-color: #fff;
  mix-blend-mode: difference;
  transition: width .3s ease-in-out, height .3s ease-in-out, margin .3s ease-in-out, opacity .3s ease-in-out
}

.chat-popup .chat-toggle,
.chat-popup:after {
  background-color: #383838;
  border-radius: 50%
}

.mouse-cursor.cursor-inner.cursor-hover,
.mouse-cursor.cursor-inner.view {
  margin-left: -40px;
  margin-top: -40px;
  width: 80px;
  height: 80px
}

.gradient-light-blue-green {
  background-color: #d4f5f8;
  background-image: linear-gradient(45deg, #d4f5f8, #f7fdef)
}

.gradient-soft-blue {
  background-color: #8a92d8;
  background-image: linear-gradient(45deg, #8a92d8, #9374bc);
  animation: 15s infinite forwards fadeInOut
}

.gradient-light-blue {
  background-color: #24a4cb;
  background-image: linear-gradient(45deg, #24a4cb, #6fd3a6);
  animation: 15s infinite forwards fadeOutIn
}

.gradient-purple {
  background-color: #7976f2;
  background-image: linear-gradient(45deg, #7976f2, #ff8ea8);
  animation: 15s infinite forwards fade
}

.gradient-light-blue-green1 {
  background-color: #63a4ff;
  background-image: linear-gradient(45deg, #63a4ff, #83eaf1)
}

.gradient-blue-3 {
  background-color: #737aba;
  background-image: linear-gradient(135deg, #737aba, #3c448b)
}

.gradient-blue-2 {
  background-color: #7389eb;
  background-image: linear-gradient(135deg, #7389eb, #946cbc)
}

.gradient-light-blue1 {
  background-color: #63a4ff;
  background-image: linear-gradient(135deg, #63a4ff, #83eaf1)
}

.gradient-purple-pink {
  background-color: #8672db;
  background-image: linear-gradient(90deg, #8672db, #eb586e)
}

.gradient-orange {
  background-color: #03c8a8;
  background-image: linear-gradient(45deg, #03c8a8, #89d8d3)
}

.gradient-green-1,
.gradient-purple-blue {
  background-color: #9eabe4;
  position: absolute;
  left: 0;
  width: 100%;
  top: 0;
  height: 100%
}

.gradient-purple-blue {
  background-image: linear-gradient(90deg, #9eabe4, #2a73f3)
}

.gradient-green-1 {
  background-image: linear-gradient(90deg, #9eabe4, #4be5c8)
}

@keyframes fadeInOut {

  0%,
  100% {
    opacity: 0
  }

  33% {
    opacity: 1
  }
}

@keyframes fadeOutIn {

  0%,
  100% {
    opacity: 0
  }

  66% {
    opacity: 1
  }
}

@keyframes fade {

  0%,
  100% {
    opacity: 1
  }

  50% {
    opacity: 0
  }
}

.home-gradient-soft-blue {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #8a92d8;
  background-image: linear-gradient(45deg, #8a92d8, #9374bc)
}

.home-gradient-purple-blue {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #8be9ff;
  background-image: linear-gradient(135deg, #8be9ff, #6060d0);
  z-index: -1
}

.home-gradient-purple {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #7976f2;
  background-image: linear-gradient(45deg, #7976f2, #ff8ea8);
  z-index: -1
}

.word-container .word {
  white-space: pre;
  left: 0;
  transform: translateY(-70%);
  opacity: 0;
  display: block;
  top: 0;
  position: absolute
}

.letter {
  display: inline-block;
  position: relative;
  transform: translateZ(25px);
  transform-origin: 50% 50% 25px
}

.letter.out {
  transform: rotateX(90deg);
  transition: transform .32s cubic-bezier(.55, .055, .675, .19)
}

.letter.behind {
  transform: rotateX(-90deg)
}

.letter.in {
  transform: rotateX(0);
  transition: transform .38s cubic-bezier(.175, .885, .32, 1.275)
}

.chat-popup {
  position: fixed;
  width: 3.75rem;
  height: 3.75rem;
  bottom: 1.875rem;
  right: 1.875rem;
  display: flex;
  z-index: 9999;
  cursor: auto !important
}

.chat-popup:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transform-origin: 50%;
  box-shadow: 0 0 20px rgba(0, 0, 0, .12), 0 0 20px rgba(0, 0, 0, .2);
  transition: .7s cubic-bezier(.4, 0, .2, 1);
  transform: scale(0)
}

.chat-popup .chat-toggle {
  display: block;
  flex-grow: 1;
  text-align: center;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: center;
  align-items: center
}

.chat-popup .chat-toggle .msg {
  position: absolute;
  right: calc(100% + 1.5rem);
  background: #fff;
  color: #000;
  padding: 1rem;
  min-width: 13rem;
  border-radius: .3rem;
  display: none;
  box-shadow: 0 0 6px rgba(0, 0, 0, .25);
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%)
}

.chat-popup .chat-toggle .msg::before {
  content: "";
  position: absolute;
  right: -20px;
  border: 9px solid transparent;
  border-left: 9px solid rgba(0, 0, 0, .24);
  filter: blur(2px);
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%)
}

.chat-popup .chat-toggle .msg::after {
  content: "";
  position: absolute;
  right: -18px;
  border: 8px solid transparent;
  border-left: 10px solid #fff;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%)
}

.chat-popup .chat-screen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
  opacity: 0;
  visibility: hidden;
  z-index: 9999
}

.chat-popup .chat-screen .container {
  display: flex;
  flex-direction: column;
  height: 100%
}

.chat-popup .chat-screen .chat-header {
  padding: 3.6rem 0 1.6rem
}

.chat-popup .chat-screen .chat-header img {
  max-width: 4.295rem
}

.chat-popup .chat-screen .chat-content {
  padding: 3.1rem 0 2rem;
  display: flex;
  justify-content: space-between;
  align-items: center;
  overflow-y: auto;
  overflow-x: hidden
}

.chat-popup .chat-screen .chat-content .form-container {
  flex: 0 0 67.26%
}

.chat-popup .chat-screen .chat-content .form-container .title {
  margin: 0 0 4.15rem
}

.chat-popup .chat-screen .chat-content .form-container .title h2 {
  font-family: "Bebas Neue";
  font-size: 4.2rem;
  letter-spacing: .06rem;
  line-height: 1.1;
  margin: 0;
  color: #fff;
  font-weight: 300
}

.chat-popup .chat-screen .chat-content .form-address {
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center
}

.chat-popup .chat-screen .chat-content .form-address .addresses {
  margin: 0 0 4.2rem;
  width: 100%
}

.chat-popup .chat-screen .chat-content .form-address .addresses .title {
  font-family: "Bebas Neue";
  font-size: 1.4rem;
  color: #fff;
  font-weight: 300;
  letter-spacing: .1rem;
  margin: 0 0 1.2rem
}

.chat-popup .chat-screen .chat-content .form-address .addresses p {
  color: #fff;
  font-size: 1rem;
  margin: 0;
  line-height: 1.67;
  font-weight: 400
}

.chat-popup .chat-screen .chat-content .form-address .addresses a {
  color: #fff;
  text-decoration: none;
  font-weight: 400
}

.chat-popup .chat-screen .chat-content .contact-form {
  background: 0 0;
  padding: 0;
  box-shadow: none;
  max-width: 100%
}

.chat-popup .chat-screen .chat-content .contact-form .form-group {
  margin: 0 0 3.375rem
}

.chat-popup .chat-screen .chat-content .contact-form .form-group .form-control {
  color: #fff;
  border-bottom: 1px solid #888
}

.chat-popup .chat-screen .chat-content .contact-form .form-group textarea {
  padding-top: .8rem !important
}

.chat-popup .chat-screen .chat-content .contact-form .form-group .label-wrap .label {
  color: #888
}

.chat-popup .chat-screen .chat-content .contact-form .form-btn {
  position: static;
  transform: none;
  -moz-transform: none;
  -webkit-transform: none;
  text-align: right;
  padding-top: 0 !important
}

.chat-popup .chat-screen .chat-content .contact-form .form-btn .btn {
  color: #000;
  background-color: #fff
}

.chat-popup .chat-screen .chat-close {
  position: absolute;
  top: 4rem;
  right: 4rem;
  width: 2.5rem;
  height: 2.5rem;
  background: rgba(255, 255, 255, .08) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: .3rem;
  line-height: 0
}

.chat-popup .chat-screen .chat-close a {
  color: #fff;
  text-decoration: none;
  font-size: 1.85rem
}

.chat-popup.open::after {
  transform: scale(150);
  transition: 1s cubic-bezier(.4, 0, .2, 1)
}

.chat-popup.open .chat-open,
.owl-carousel .owl-animated-in,
.portfolio-description.colored .quote-text .image {
  z-index: 0
}

.chat-popup.open .chat-toggle,
.navy-theme .portfolio-icon-center.portfolio-icon-new ul li .image {
  background-color: transparent
}

.chat-popup.open .chat-screen {
  transition: 1.5s cubic-bezier(.4, 0, .2, 1);
  opacity: 1;
  visibility: visible
}

.chat-popup.close::after {
  transform: scale(0);
  transition: .7s cubic-bezier(.4, 0, .2, 1)
}

.chat-popup.close .chat-open {
  z-index: 1;
  transition: 1.5s cubic-bezier(.4, 0, .2, 1)
}

.chat-popup.close .chat-screen {
  transition: .5s cubic-bezier(.4, 0, .2, 1);
  opacity: 0;
  visibility: hidden
}

.chat-popup.light .chat-screen .chat-close {
  background: rgba(0, 0, 0, .2) !important
}

.chat-popup.light .chat-screen .chat-content .contact-form .form-group .form-control {
  color: #222;
  border-bottom: 1px solid #888
}

.chat-popup.light .chat-screen .chat-content .contact-form .form-btn .btn,
.site-header.logo-toggle.hovered .nav .menu.new>li.menu-contact .hover-flip,
.site-header.logo-toggle.scrolled .nav .menu.new>li.menu-contact .hover-flip,
.site-header.scrolled .nav .menu>li.menu-contact .hover-flip {
  color: #fff;
  background-color: #222
}

.typewriter {
  display: inline-block;
  min-height: 1em
}

.typewriter:after {
  animation: .7s infinite cursor;
  content: "";
  display: inline-block;
  font-weight: 100;
  font-family: "Open Sans", sans-serif;
  line-height: 0;
  transform: translateY(-.5rem);
  -moz-transform: translateY(-.5rem);
  -webkit-transform: translateY(-.5rem);
  position: relative;
  left: -1rem
}

@keyframes cursor {
  to {
    content: "|"
  }
}

.bubbles {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100vh;
  z-index: 1;
  overflow: hidden
}

.bubble-container {
  position: absolute;
  transform: translateY(-10vh);
  animation-iteration-count: infinite;
  animation-timing-function: linear
}

.btn,
.view {
  position: relative
}

.left-shape,
.right-shape,
.top-shape {
  animation: 6s infinite alternate mover
}

.bubble-container .bubble,
.bubble-container .image {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  mix-blend-mode: screen;
  background-image: radial-gradient(#fff, rgba(255, 255, 255, .1), rgba(255, 255, 255, .56));
  animation: .2s infinite fadein-frames, 2s infinite scale-frames
}

@keyframes fade-frames {

  0%,
  100% {
    opacity: 1
  }

  50% {
    opacity: .7
  }
}

@keyframes scale-frames {

  0%,
  100% {
    transform: scale3d(.4, .4, 1)
  }

  50% {
    transform: scale3d(2.2, 2.2, 1)
  }
}

.bubble-container .image {
  background-image: none
}

.bubble-container:first-child {
  width: 8px;
  height: 8px;
  animation-name: move-frames-1;
  animation-duration: 36503ms;
  animation-delay: 16.28s
}

@keyframes move-frames-1 {
  from {
    transform: translate3d(72vw, 101vh, 0)
  }

  to {
    transform: translate3d(25vw, -129vh, 0)
  }
}

.bubble-container:first-child .bubble,
.bubble-container:first-child .image {
  animation-delay: 2.82s
}

.bubble-container:nth-child(2) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-2;
  animation-duration: 36203ms;
  animation-delay: 18283ms
}

@keyframes move-frames-2 {
  from {
    transform: translate3d(88vw, 102vh, 0)
  }

  to {
    transform: translate3d(66vw, -129vh, 0)
  }
}

.bubble-container:nth-child(2) .bubble,
.bubble-container:nth-child(2) .image {
  animation-delay: 702ms
}

.bubble-container:nth-child(3) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-3;
  animation-duration: 33681ms;
  animation-delay: 25746ms
}

@keyframes move-frames-3 {
  from {
    transform: translate3d(40vw, 102vh, 0)
  }

  to {
    transform: translate3d(64vw, -108vh, 0)
  }
}

.bubble-container:nth-child(3) .bubble,
.bubble-container:nth-child(3) .image {
  animation-delay: 55ms
}

.bubble-container:nth-child(4) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-4;
  animation-duration: 35772ms;
  animation-delay: 33198ms
}

@keyframes move-frames-4 {
  from {
    transform: translate3d(30vw, 107vh, 0)
  }

  to {
    transform: translate3d(67vw, -135vh, 0)
  }
}

.bubble-container:nth-child(4) .bubble,
.bubble-container:nth-child(4) .image {
  animation-delay: 2908ms
}

.bubble-container:nth-child(5) {
  width: 11px;
  height: 11px;
  animation-name: move-frames-5;
  animation-duration: 32447ms;
  animation-delay: 33.82s
}

@keyframes move-frames-5 {
  from {
    transform: translate3d(70vw, 105vh, 0)
  }

  to {
    transform: translate3d(47vw, -111vh, 0)
  }
}

.bubble-container:nth-child(5) .bubble,
.bubble-container:nth-child(5) .image {
  animation-delay: 1554ms
}

.bubble-container:nth-child(6) {
  width: 2px;
  height: 2px;
  animation-name: move-frames-6;
  animation-duration: 35114ms;
  animation-delay: 963ms
}

@keyframes move-frames-6 {
  from {
    transform: translate3d(51vw, 102vh, 0)
  }

  to {
    transform: translate3d(28vw, -110vh, 0)
  }
}

.bubble-container:nth-child(6) .bubble,
.bubble-container:nth-child(6) .image {
  animation-delay: 839ms
}

.bubble-container:nth-child(7) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-7;
  animation-duration: 30586ms;
  animation-delay: 28077ms
}

@keyframes move-frames-7 {
  from {
    transform: translate3d(75vw, 106vh, 0)
  }

  to {
    transform: translate3d(74vw, -115vh, 0)
  }
}

.bubble-container:nth-child(7) .bubble,
.bubble-container:nth-child(7) .image {
  animation-delay: 3871ms
}

.bubble-container:nth-child(8) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-8;
  animation-duration: 36415ms;
  animation-delay: 4753ms
}

@keyframes move-frames-8 {
  from {
    transform: translate3d(88vw, 106vh, 0)
  }

  to {
    transform: translate3d(60vw, -117vh, 0)
  }
}

.bubble-container:nth-child(8) .bubble,
.bubble-container:nth-child(8) .image {
  animation-delay: 923ms
}

.bubble-container:nth-child(9) {
  width: 6px;
  height: 6px;
  animation-name: move-frames-9;
  animation-duration: 32058ms;
  animation-delay: 20024ms
}

@keyframes move-frames-9 {
  from {
    transform: translate3d(94vw, 107vh, 0)
  }

  to {
    transform: translate3d(8vw, -123vh, 0)
  }
}

.bubble-container:nth-child(9) .bubble,
.bubble-container:nth-child(9) .image {
  animation-delay: 1309ms
}

.bubble-container:nth-child(10) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-10;
  animation-duration: 32932ms;
  animation-delay: 31112ms
}

@keyframes move-frames-10 {
  from {
    transform: translate3d(69vw, 106vh, 0)
  }

  to {
    transform: translate3d(76vw, -128vh, 0)
  }
}

.bubble-container:nth-child(10) .bubble,
.bubble-container:nth-child(10) .image {
  animation-delay: 1091ms
}

.bubble-container:nth-child(11) {
  width: 11px;
  height: 11px;
  animation-name: move-frames-11;
  animation-duration: 30751ms;
  animation-delay: 166ms
}

@keyframes move-frames-11 {
  from {
    transform: translate3d(80vw, 110vh, 0)
  }

  to {
    transform: translate3d(40vw, -114vh, 0)
  }
}

.bubble-container:nth-child(11) .bubble,
.bubble-container:nth-child(11) .image {
  animation-delay: 1723ms
}

.bubble-container:nth-child(12) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-12;
  animation-duration: 29127ms;
  animation-delay: 19471ms
}

@keyframes move-frames-12 {
  from {
    transform: translate3d(86vw, 110vh, 0)
  }

  to {
    transform: translate3d(97vw, -134vh, 0)
  }
}

.bubble-container:nth-child(12) .bubble,
.bubble-container:nth-child(12) .image {
  animation-delay: 226ms
}

.bubble-container:nth-child(13) {
  width: 11px;
  height: 11px;
  animation-name: move-frames-13;
  animation-duration: 36611ms;
  animation-delay: 15.07s
}

@keyframes move-frames-13 {
  from {
    transform: translate3d(44vw, 107vh, 0)
  }

  to {
    transform: translate3d(72vw, -126vh, 0)
  }
}

.bubble-container:nth-child(13) .bubble,
.bubble-container:nth-child(13) .image {
  animation-delay: 1307ms
}

.bubble-container:nth-child(14) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-14;
  animation-duration: 31881ms;
  animation-delay: 29162ms
}

@keyframes move-frames-14 {
  from {
    transform: translate3d(94vw, 102vh, 0)
  }

  to {
    transform: translate3d(93vw, -121vh, 0)
  }
}

.bubble-container:nth-child(14) .bubble,
.bubble-container:nth-child(14) .image {
  animation-delay: 1974ms
}

.bubble-container:nth-child(15) {
  width: 12px;
  height: 12px;
  animation-name: move-frames-15;
  animation-duration: 33.45s;
  animation-delay: 24.43s
}

@keyframes move-frames-15 {
  from {
    transform: translate3d(100vw, 102vh, 0)
  }

  to {
    transform: translate3d(41vw, -110vh, 0)
  }
}

.bubble-container:nth-child(15) .bubble,
.bubble-container:nth-child(15) .image {
  animation-delay: 1649ms
}

.bubble-container:nth-child(16) {
  width: 11px;
  height: 11px;
  animation-name: move-frames-16;
  animation-duration: 29252ms;
  animation-delay: 1.04s
}

@keyframes move-frames-16 {
  from {
    transform: translate3d(61vw, 101vh, 0)
  }

  to {
    transform: translate3d(62vw, -102vh, 0)
  }
}

.bubble-container:nth-child(16) .bubble,
.bubble-container:nth-child(16) .image {
  animation-delay: 47ms
}

.bubble-container:nth-child(17) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-17;
  animation-duration: 28554ms;
  animation-delay: 31159ms
}

@keyframes move-frames-17 {
  from {
    transform: translate3d(88vw, 106vh, 0)
  }

  to {
    transform: translate3d(36vw, -131vh, 0)
  }
}

.bubble-container:nth-child(17) .bubble,
.bubble-container:nth-child(17) .image {
  animation-delay: 3438ms
}

.bubble-container:nth-child(18) {
  width: 12px;
  height: 12px;
  animation-name: move-frames-18;
  animation-duration: 31863ms;
  animation-delay: 22246ms
}

@keyframes move-frames-18 {
  from {
    transform: translate3d(40vw, 102vh, 0)
  }

  to {
    transform: translate3d(42vw, -123vh, 0)
  }
}

.bubble-container:nth-child(18) .bubble,
.bubble-container:nth-child(18) .image {
  animation-delay: 1044ms
}

.bubble-container:nth-child(19) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-19;
  animation-duration: 31472ms;
  animation-delay: 12717ms
}

@keyframes move-frames-19 {
  from {
    transform: translate3d(39vw, 109vh, 0)
  }

  to {
    transform: translate3d(21vw, -133vh, 0)
  }
}

.bubble-container:nth-child(19) .bubble,
.bubble-container:nth-child(19) .image {
  animation-delay: 3289ms
}

.bubble-container:nth-child(20) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-20;
  animation-duration: 31276ms;
  animation-delay: 11268ms
}

@keyframes move-frames-20 {
  from {
    transform: translate3d(80vw, 109vh, 0)
  }

  to {
    transform: translate3d(59vw, -138vh, 0)
  }
}

.bubble-container:nth-child(20) .bubble,
.bubble-container:nth-child(20) .image {
  animation-delay: 3036ms
}

.bubble-container:nth-child(21) {
  width: 11px;
  height: 11px;
  animation-name: move-frames-21;
  animation-duration: 31738ms;
  animation-delay: 33405ms
}

@keyframes move-frames-21 {
  from {
    transform: translate3d(1vw, 109vh, 0)
  }

  to {
    transform: translate3d(41vw, -111vh, 0)
  }
}

.bubble-container:nth-child(21) .bubble,
.bubble-container:nth-child(21) .image {
  animation-delay: 3538ms
}

.bubble-container:nth-child(22) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-22;
  animation-duration: 29615ms;
  animation-delay: 9742ms
}

@keyframes move-frames-22 {
  from {
    transform: translate3d(51vw, 107vh, 0)
  }

  to {
    transform: translate3d(22vw, -129vh, 0)
  }
}

.bubble-container:nth-child(22) .bubble,
.bubble-container:nth-child(22) .image {
  animation-delay: 1286ms
}

.bubble-container:nth-child(23) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-23;
  animation-duration: 34821ms;
  animation-delay: 53ms
}

@keyframes move-frames-23 {
  from {
    transform: translate3d(56vw, 108vh, 0)
  }

  to {
    transform: translate3d(24vw, -109vh, 0)
  }
}

.bubble-container:nth-child(23) .bubble,
.bubble-container:nth-child(23) .image {
  animation-delay: 1924ms
}

.bubble-container:nth-child(24) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-24;
  animation-duration: 34923ms;
  animation-delay: 26984ms
}

@keyframes move-frames-24 {
  from {
    transform: translate3d(71vw, 110vh, 0)
  }

  to {
    transform: translate3d(67vw, -130vh, 0)
  }
}

.bubble-container:nth-child(24) .bubble,
.bubble-container:nth-child(24) .image {
  animation-delay: 1229ms
}

.bubble-container:nth-child(25) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-25;
  animation-duration: 28395ms;
  animation-delay: 9599ms
}

@keyframes move-frames-25 {
  from {
    transform: translate3d(71vw, 109vh, 0)
  }

  to {
    transform: translate3d(10vw, -113vh, 0)
  }
}

.bubble-container:nth-child(25) .bubble,
.bubble-container:nth-child(25) .image {
  animation-delay: 1.93s
}

.bubble-container:nth-child(26) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-26;
  animation-duration: 32795ms;
  animation-delay: 23075ms
}

@keyframes move-frames-26 {
  from {
    transform: translate3d(50vw, 106vh, 0)
  }

  to {
    transform: translate3d(49vw, -113vh, 0)
  }
}

.bubble-container:nth-child(26) .bubble,
.bubble-container:nth-child(26) .image {
  animation-delay: 150ms
}

.bubble-container:nth-child(27) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-27;
  animation-duration: 28846ms;
  animation-delay: 666ms
}

@keyframes move-frames-27 {
  from {
    transform: translate3d(64vw, 101vh, 0)
  }

  to {
    transform: translate3d(20vw, -114vh, 0)
  }
}

.bubble-container:nth-child(27) .bubble,
.bubble-container:nth-child(27) .image {
  animation-delay: 184ms
}

.bubble-container:nth-child(28) {
  width: 5px;
  height: 5px;
  animation-name: move-frames-28;
  animation-duration: 28529ms;
  animation-delay: 12394ms
}

@keyframes move-frames-28 {
  from {
    transform: translate3d(91vw, 104vh, 0)
  }

  to {
    transform: translate3d(71vw, -121vh, 0)
  }
}

.bubble-container:nth-child(28) .bubble,
.bubble-container:nth-child(28) .image {
  animation-delay: 2412ms
}

.bubble-container:nth-child(29) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-29;
  animation-duration: 33786ms;
  animation-delay: 18603ms
}

@keyframes move-frames-29 {
  from {
    transform: translate3d(55vw, 106vh, 0)
  }

  to {
    transform: translate3d(5vw, -131vh, 0)
  }
}

.bubble-container:nth-child(29) .bubble,
.bubble-container:nth-child(29) .image {
  animation-delay: 1233ms
}

.bubble-container:nth-child(30) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-30;
  animation-duration: 30154ms;
  animation-delay: 19571ms
}

@keyframes move-frames-30 {
  from {
    transform: translate3d(59vw, 102vh, 0)
  }

  to {
    transform: translate3d(35vw, -108vh, 0)
  }
}

.bubble-container:nth-child(30) .bubble,
.bubble-container:nth-child(30) .image {
  animation-delay: 2821ms
}

.bubble-container:nth-child(31) {
  width: 10px;
  height: 10px;
  animation-name: move-frames-31;
  animation-duration: 32781ms;
  animation-delay: 21666ms
}

@keyframes move-frames-31 {
  from {
    transform: translate3d(34vw, 106vh, 0)
  }

  to {
    transform: translate3d(41vw, -113vh, 0)
  }
}

.bubble-container:nth-child(31) .bubble,
.bubble-container:nth-child(31) .image {
  animation-delay: 2917ms
}

.bubble-container:nth-child(32) {
  width: 4px;
  height: 4px;
  animation-name: move-frames-32;
  animation-duration: 35378ms;
  animation-delay: 19.82s
}

@keyframes move-frames-32 {
  from {
    transform: translate3d(84vw, 104vh, 0)
  }

  to {
    transform: translate3d(82vw, -106vh, 0)
  }
}

.bubble-container:nth-child(32) .bubble,
.bubble-container:nth-child(32) .image {
  animation-delay: 278ms
}

.bubble-container:nth-child(33) {
  width: 12px;
  height: 12px;
  animation-name: move-frames-33;
  animation-duration: 28964ms;
  animation-delay: 5658ms
}

@keyframes move-frames-33 {
  from {
    transform: translate3d(88vw, 103vh, 0)
  }

  to {
    transform: translate3d(82vw, -122vh, 0)
  }
}

.bubble-container:nth-child(33) .bubble,
.bubble-container:nth-child(33) .image {
  animation-delay: 2426ms
}

.bubble-container:nth-child(34) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-34;
  animation-duration: 33236ms;
  animation-delay: 19.92s
}

@keyframes move-frames-34 {
  from {
    transform: translate3d(98vw, 103vh, 0)
  }

  to {
    transform: translate3d(97vw, -116vh, 0)
  }
}

.bubble-container:nth-child(34) .bubble,
.bubble-container:nth-child(34) .image {
  animation-delay: 3842ms
}

.bubble-container:nth-child(35) {
  width: 3px;
  height: 3px;
  animation-name: move-frames-35;
  animation-duration: 28426ms;
  animation-delay: 19844ms
}

@keyframes move-frames-35 {
  from {
    transform: translate3d(81vw, 106vh, 0)
  }

  to {
    transform: translate3d(99vw, -134vh, 0)
  }
}

.bubble-container:nth-child(35) .bubble,
.bubble-container:nth-child(35) .image {
  animation-delay: 446ms
}

.bubble-container:nth-child(36) {
  width: 11px;
  height: 11px;
  animation-name: move-frames-36;
  animation-duration: 31846ms;
  animation-delay: 2714ms
}

@keyframes move-frames-36 {
  from {
    transform: translate3d(46vw, 110vh, 0)
  }

  to {
    transform: translate3d(70vw, -133vh, 0)
  }
}

.bubble-container:nth-child(36) .bubble,
.bubble-container:nth-child(36) .image {
  animation-delay: 2395ms
}

.bubble-container:nth-child(37) {
  width: 1px;
  height: 1px;
  animation-name: move-frames-37;
  animation-duration: 34943ms;
  animation-delay: 339ms
}

@keyframes move-frames-37 {
  from {
    transform: translate3d(22vw, 104vh, 0)
  }

  to {
    transform: translate3d(85vw, -134vh, 0)
  }
}

.bubble-container:nth-child(37) .bubble,
.bubble-container:nth-child(37) .image {
  animation-delay: 1154ms
}

.bubble-container:nth-child(38) {
  width: 12px;
  height: 12px;
  animation-name: move-frames-38;
  animation-duration: 33311ms;
  animation-delay: 12895ms
}

@keyframes move-frames-38 {
  from {
    transform: translate3d(10vw, 106vh, 0)
  }

  to {
    transform: translate3d(68vw, -107vh, 0)
  }
}

.bubble-container:nth-child(38) .bubble,
.bubble-container:nth-child(38) .image {
  animation-delay: 3461ms
}

.bubble-container:nth-child(39) {
  width: 8px;
  height: 8px;
  animation-name: move-frames-39;
  animation-duration: 28421ms;
  animation-delay: 20489ms
}

@keyframes move-frames-39 {
  from {
    transform: translate3d(38vw, 102vh, 0)
  }

  to {
    transform: translate3d(52vw, -114vh, 0)
  }
}

.bubble-container:nth-child(39) .bubble,
.bubble-container:nth-child(39) .image {
  animation-delay: 3386ms
}

.bubble-container:nth-child(40) {
  width: 7px;
  height: 7px;
  animation-name: move-frames-40;
  animation-duration: 36139ms;
  animation-delay: 33572ms
}

@keyframes move-frames-40 {
  from {
    transform: translate3d(33vw, 104vh, 0)
  }

  to {
    transform: translate3d(26vw, -114vh, 0)
  }
}

.bubble-container:nth-child(40) .bubble,
.bubble-container:nth-child(40) .image {
  animation-delay: 192ms
}

.industries-column-boxes {
  margin: 0;
  padding: 2rem;
  list-style: none;
  display: flex;
  flex-wrap: wrap
}

.btn,
.btn-secondary,
.view {
  display: inline-block;
  text-decoration: none
}

.industries-column-boxes li {
  flex: 0 1 calc(33.33% - 1.2rem);
  margin-right: 1.2rem;
  margin-bottom: 1.8rem;
  border-radius: .625rem;
  background-color: #fff;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s;
  padding: 1.75rem 3rem 1.75rem 1.75rem;
  position: relative
}

.industries-column-boxes li::after {
  content: "";
  position: absolute;
  right: calc(-.6rem - .5px);
  top: 0;
  height: 100%;
  width: 1px;
  background: #ebebeb
}

.industries-column-boxes li .icon {
  max-width: 3.125rem;
  width: 100%;
  margin: 0 0 1rem
}

.btn {
  color: #fff;
  border-radius: 4px;
  font-family: "Bebas Neue";
  font-weight: 100;
  font-size: 1.4rem;
  padding: .8rem 1.2rem .65rem 1.5rem;
  border: 0;
  background-color: #222;
  overflow: hidden
}

.btn.btn-new {
  color: #fff;
  background: #0072ff;
  font-size: 1.2rem;
  border-radius: 0 .6rem;
  letter-spacing: .12rem
}

.btn.btn-blue {
  background-color: #3d70d8;
  color: #fff
}

.btn:after,
.btn:before {
  border-radius: 50%;
  background-color: rgba(0, 0, 0, .8);
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0;
  height: 0
}

.view::after,
.view::before {
  right: 1.5rem;
  width: 48px;
  height: 48px;
  content: ""
}

.btn:active:after,
.btn:hover:before {
  opacity: 0;
  width: 260px;
  height: 260px;
  margin-top: -130px;
  margin-left: -130px;
  transition: .5s ease-out
}

.btn.btn-light {
  background-color: #fff;
  color: #222
}

.btn.btn-transparent {
  color: #000;
  mix-blend-mode: screen;
  background-color: #fff
}

.btn.btn-light-outline,
.btn.btn-outline {
  background-color: transparent !important;
  padding: .675rem 1.075rem .525rem 1.375rem
}

.btn.btn-outline {
  border: 2px solid #222;
  color: #222
}

.btn.btn-light-outline {
  border: 2px solid #fff;
  color: #fff
}

.btn.btn-round {
  border-radius: 3rem
}

.btn.btn-open-sans {
  font-family: "Open Sans", sans-serif;
  letter-spacing: -.02rem;
  font-weight: 400;
  padding: .675rem 1.075rem .75rem 1.375rem
}

.btn.btn-secondary.btn-outline {
  border: 2px solid #ccc
}

.btn.btn-secondary.btn-round {
  border-radius: 3rem !important
}

.btn-secondary {
  color: #999 !important;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 100;
  font-size: 1.4rem;
  padding: .9rem 1.2rem .6rem 1.5rem;
  border: 2px solid #ccc;
  border-radius: 4px !important
}

.btn-md,
.btn-sm {
  letter-spacing: .1rem
}

.btn-md {
  font-size: 1.1rem;
  padding: .65rem 1rem .45em;
  line-height: 1
}

.btn-sm {
  font-size: 1rem !important;
  padding: .7rem 1rem .6rem !important;
  line-height: 1
}

.view {
  color: #222;
  font-size: 1.2rem;
  line-height: 1.7;
  padding-right: 6.87rem;
  transition: 350ms cubic-bezier(.77, 0, .175, 1);
  -o-transition: 350ms cubic-bezier(.77, 0, .175, 1);
  -webkit-transition: 350ms cubic-bezier(.77, 0, .175, 1);
  padding-top: .35rem;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -.024rem
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  line-height: 1.125;
  margin: 0 0 2.5rem
}

.view span,
.view::before {
  transition: 350ms cubic-bezier(.77, 0, .175, 1);
  position: absolute;
  display: block
}

.h1,
.h2,
.h3,
.h4,
h1,
h2,
h3,
h4 {
  font-weight: 700
}

.view::before {
  top: 52%;
  transform: translate(40%, -50%) scale(.2, .2);
  -moz-transform: translate(40%, -50%) scale(.2, .2);
  -webkit-transform: translate(40%, -50%) scale(.2, .2);
  background-color: #ffdd69;
  -o-transition: 350ms cubic-bezier(.77, 0, .175, 1);
  -webkit-transition: 350ms cubic-bezier(.77, 0, .175, 1);
  border-radius: 50%
}

.view span {
  right: 2.5rem;
  width: 3.75rem;
  height: 2px;
  background-color: #ccc;
  -o-transition: 350ms cubic-bezier(.77, 0, .175, 1);
  -webkit-transition: 350ms cubic-bezier(.77, 0, .175, 1);
  top: 50%
}

.view::after {
  background: url(assets/images/next.svg) center center/70% 70% no-repeat;
  top: 50%;
  display: block;
  position: absolute;
  z-index: 1500;
  transition: 350ms cubic-bezier(.77, 0, .175, 1);
  -o-transition: 350ms cubic-bezier(.77, 0, .175, 1);
  -webkit-transition: 350ms cubic-bezier(.77, 0, .175, 1);
  transform: translate(0, -50%) scale(.01, .01);
  -moz-transform: translate(0, -50%) scale(.01, .01);
  -webkit-transform: translate(0, -50%) scale(.01, .01)
}

.view:hover::before {
  transform: translate(-80%, -52%) scale(.6);
  -moz-transform: translate(-80%, -52%) scale(.6);
  -webkit-transform: translate(-80%, -52%) scale(.6)
}

.view:hover span {
  transform: translate(-50%, -50%) scale(.01, 1);
  -moz-transform: translate(-50%, -50%) scale(.01, 1);
  -webkit-transform: translate(-50%, -50%) scale(.01, 1)
}

.view:hover::after {
  transform: translate(-78%, -50%) scale(.3);
  -moz-transform: translate(-78%, -50%) scale(.3);
  -webkit-transform: translate(-78%, -50%) scale(.3)
}

.btn-icon img {
  display: inline;
  max-width: 1.75rem;
  position: relative;
  margin-left: .5rem;
  margin-right: .5rem;
  right: 0;
  top: -1px;
  transition: .2s;
  -o-transition: .2s;
  -webkit-transition: .2s
}

.btn-icon:hover img {
  right: -.5rem
}

.btn-inline .btn {
  margin-right: 1.2rem
}

.hover-flip {
  position: relative;
  display: inline-block;
  transition: transform .3s;
  -o-transition: transform .3s;
  -webkit-transition: transform .3s
}

.left-shape,
.right-shape,
.site-header,
.top-shape {
  position: absolute
}

.hover-flip span {
  display: inline-block;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s
}

.hover-flip::before {
  content: attr(data-hover);
  position: absolute;
  transform: translate3d(0, 1.3rem, 0);
  color: #222;
  opacity: 0;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s;
  z-index: -1
}

.hover-flip:hover span {
  opacity: 0;
  transform: translate3d(0, -1.3rem, 0)
}

.hover-flip:hover::before {
  transform: translateZ(0);
  opacity: 1;
  z-index: 1;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s
}

.h1,
h1 {
  font-size: 4.8rem;
  letter-spacing: -.3rem
}

.h2,
.h3,
h2,
h3 {
  letter-spacing: -.2rem
}

.h1.light,
h1.light {
  font-weight: 300;
  font-size: 4.2rem;
  line-height: 1.29;
  letter-spacing: -.17rem
}

.h1.small,
.h2.light,
h1.small,
h2.light {
  letter-spacing: -.144rem;
  font-size: 3.6rem
}

.h1.small,
h1.small {
  line-height: 1.5
}

.h2,
h2 {
  font-size: 4.2rem
}

.h2.light,
h2.light {
  font-weight: 300;
  line-height: 1.33;
  margin: 0 0 1.5rem
}

.h2.small,
h2.small {
  font-size: 2.4rem;
  line-height: 1.38;
  letter-spacing: -.1rem
}

.h3,
.h4,
h3,
h4 {
  font-size: 3rem
}

.h3.light,
h3.light {
  font-weight: 300;
  font-size: 3rem;
  line-height: 1.33;
  letter-spacing: -.12rem
}

.h3.small,
h3.small {
  font-size: 2rem;
  line-height: 1.3;
  letter-spacing: -.08rem
}

.h4,
h4 {
  line-height: 1.33rem;
  letter-spacing: -.08rem
}

.site-header .nav .menu>li a,
p {
  color: #000;
  letter-spacing: normal
}

.h4.light,
h4.light {
  font-weight: 300;
  font-size: 2rem;
  line-height: 1.2;
  letter-spacing: -.1rem
}

p {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.6;
  margin: 0 0 24px
}

a {
  font-weight: 400
}

.full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li ul li.bold a,
.whatTheySay-wrap .whatTheySay p.small span,
strong {
  font-weight: 700
}

.top-shape {
  top: -686px;
  right: -300px;
  width: 80rem;
  z-index: -1
}

.left-shape {
  top: 220px;
  left: -600px;
  width: 61.25rem;
  z-index: -1
}

.right-shape {
  top: -515px;
  right: -300px;
  width: 56rem;
  z-index: -1
}

@keyframes mover {

  0%,
  100% {
    transform: translateX(0) translateY(0)
  }

  25% {
    transform: translateX(12px) translateY(0)
  }

  50% {
    transform: translateX(12px) translateY(12px)
  }

  75% {
    transform: translateX(0) translateY(12px)
  }
}

.site-header {
  top: 0;
  left: 0;
  width: 100%;
  padding: 2rem 3.45rem;
  z-index: 2;
}

.site-header.menu-open {
  position: fixed;
  z-index: 9999
}

.full-menu.active .full-menu-inner,
.site-header.menu-open .logo-menu {
  opacity: 1;
  transition: opacity .7s cubic-bezier(.8, 0, .55, .94) .7s;
  -o-transition: opacity .7s cubic-bezier(.8, 0, .55, .94) .7s;
  -webkit-transition: opacity .7s cubic-bezier(.8, 0, .55, .94) .7s
}

.site-header .nav .menu>li .menu-dropdown,
.site-header .nav .menu>li .sub-menu-wrap {
  position: absolute;
  box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .12);
  transition: .2s ease-in-out;
  z-index: -1;
  background-color: #fff;
  width: 100%
}

.site-header .logo {
  display: flex;
  align-items: center;
  max-width: 13rem
}

.site-header .logo .logo-name {
  margin-left: 1.2rem;
  max-width: 10.7rem
}

.full-menu .full-menu-inner .bottom,
.industries-category .industries-tab-content .top .title,
.next-project .next-project-inner,
.site-header .header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between
}

.site-header .header-inner #menu-toggle {
  width: 36px;
  height: 36px;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
  z-index: 9999;
  display: none;
  animation: 2s headerfadein
}

.site-header .header-inner #menu-toggle * {
  transition: .25s ease-in
}

.site-header .header-inner #menu-toggle span {
  display: block;
  background: #000;
  border-radius: 2px
}

.site-header .header-inner #menu-toggle #hamburger {
  position: absolute;
  height: 100%;
  width: 100%
}

.site-header .header-inner #menu-toggle #hamburger span {
  width: 36px;
  height: 4px;
  position: relative;
  margin: 6px 0
}

.site-header .header-inner #menu-toggle #hamburger span:first-child,
.site-header .header-inner #menu-toggle.open #hamburger span:nth-child(3),
[data-aos][data-aos][data-aos-delay="250"].aos-animate,
body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: 0.25s
}

.site-header .header-inner #menu-toggle #hamburger span:nth-child(2) {
  transition-delay: 375ms
}

.site-header .header-inner #menu-toggle #hamburger span:nth-child(3),
[data-aos][data-aos][data-aos-delay="500"].aos-animate,
body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: 0.5s
}

.site-header .header-inner #menu-toggle #cross {
  position: absolute;
  height: 100%;
  width: 100%;
  transform: rotate(45deg)
}

.site-header .header-inner #menu-toggle #cross span:first-child {
  height: 0%;
  width: 4px;
  position: absolute;
  top: 0;
  left: 16px;
  transition-delay: 0s
}

.site-header .header-inner #menu-toggle #cross span:nth-child(2) {
  width: 0%;
  height: 4px;
  position: absolute;
  left: 0;
  top: 16px;
  transition-delay: 0.25s
}

.site-header .header-inner #menu-toggle.open #hamburger span {
  width: 0%
}

.site-header .header-inner #menu-toggle.open #hamburger span:first-child {
  transition-delay: 0s
}

.site-header .header-inner #menu-toggle.open #hamburger span:nth-child(2) {
  transition-delay: 125ms
}

.site-header .header-inner #menu-toggle.open #cross span:first-child {
  height: 100%;
  transition-delay: 0.5s
}

.site-header .header-inner #menu-toggle.open #cross span:nth-child(2) {
  width: 100%;
  transition-delay: 0.25s
}

.site-header .nav {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  margin-left: 1.35rem
}

.site-header .nav .menu {
  display: flex;
  flex-grow: 1
}

.site-header .nav .menu>li {
  font-size: 1.125rem;
  line-height: 4.375rem;
  display: inline-block;
  margin: 0 .5rem
}

.site-header .nav .menu>li.menu-contact .hover-flip,
.site-header .nav .menu>li.menu-contact .hover-flip::before,
.site-header.logo-toggle.scrolled .nav .menu>li.menu-contact .hover-flip,
.site-header.logo-toggle.scrolled .nav .menu>li.menu-contact .hover-flip::before {
  color: red
}

.blog-single .author-details .blog-social-icon,
.content-with-img-wrap .content-with-img:nth-child(2n) .content,
.content-with-video-wrap .content-with-video:nth-child(2n) .content .title,
.content-with-video-wrap .content-with-video:nth-child(2n) .content p,
.knowledge-center-single .author-details .knowledge-center-social-icon,
.site-header .nav .menu.new:last-child li:last-child,
.site-header .nav .menu>li.right-menu {
  margin-left: auto
}

.site-header .nav .menu>li a {
  padding: 0 .5rem;
  display: inline-block;
  font-size: 1rem;
  text-decoration: none;
  font-weight: 600;
  font-family: "Open Sans";
  font-stretch: normal;
  font-style: normal;
  line-height: 2.78;
  text-align: center;
  position: relative
}

.site-header .nav .menu>li.menu-btn a {
  color: #fff;
  background-color: #ff1816;
  line-height: 1.75;
  border-radius: 2.5rem;
  padding: .1rem 1.8rem 0
}

.site-header .nav .menu>li .sub-menu-wrap {
  top: -100%;
  left: 0;
  padding: 3rem 3.45rem 2rem;
  -o-transition: .2s ease-in-out;
  -webkit-transition: .2s ease-in-out;
  opacity: 0;
  visibility: hidden
}

.site-header .nav .menu>li .sub-menu-wrap .sub-menu {
  max-width: 1520px;
  width: 100%;
  display: flex
}

.site-header .nav .menu>li .sub-menu-wrap .menu-title {
  flex: 0 0 260px;
  margin-left: 4rem;
  margin-right: 3.5rem
}

.site-header .nav .menu>li .sub-menu-wrap .menu-title p {
  font-size: 2rem;
  line-height: 1.36;
  letter-spacing: -.09rem;
  font-weight: 300;
  margin-top: 2rem;
  color: #222 !important
}

.site-header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown {
  display: flex;
  width: calc(100% - 280px);
  margin-left: auto;
  justify-content: space-around
}

.site-header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li {
  flex: 0 0 auto;
  padding: 2rem 1.2rem;
  display: flex;
  flex-direction: column
}

.site-header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li .heading {
  font-size: 1rem;
  color: #222;
  font-weight: 700;
  position: relative;
  line-height: 1.22;
  margin: 0 0 1.1rem;
  letter-spacing: .02rem;
  text-transform: uppercase;
  padding-left: 0
}

.site-header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul {
  border-left: 1px solid #ebebeb;
  padding-left: 1rem
}

.site-header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li {
  font-family: "Open Sans", sans-serif;
  line-height: 1
}

.site-header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li:first-child {
  margin-left: 0;
  padding-left: 0
}

.site-header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li a {
  font-weight: 400;
  font-size: 1rem;
  margin: 0 0 .8rem;
  font-family: "Open Sans", sans-serif;
  padding: 0;
  line-height: 1.67;
  color: #666;
  transition: linear;
  -o-transition: linear;
  -webkit-transition: linear;
  text-transform: none;
  letter-spacing: 0
}

.blog-single .blog-content a:hover,
.full-menu .full-menu-inner .top .menu li:hover>a,
.site-header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li a:hover,
.team.our-experts .container .right .btn-light {
  color: #000
}

.site-header .nav .menu>li .menu-dropdown {
  top: 5.4rem;
  left: 0;
  height: calc(100vh - 5.4rem);
  padding: 2.5rem 3.45rem 1rem;
  display: none;
  -o-transition: .2s ease-in-out;
  -webkit-transition: .2s ease-in-out
}

.site-header .nav .menu>li .menu-dropdown .menu-left {
  flex: 0 0 80%;
  position: relative;
  border: 1px solid #f2f2f2;
  overflow-y: auto
}

.site-header .nav .menu>li .menu-dropdown .menu-left::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
  border-radius: 4px;
  background-color: #fff
}

.site-header .nav .menu>li .menu-dropdown .menu-left::-webkit-scrollbar {
  width: 3px;
  background-color: #f5f5f5
}

.site-header .nav .menu>li .menu-dropdown .menu-left::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
  background-color: #222
}

.site-header .nav .menu>li .menu-dropdown .menu-left>.menu-left-link {
  width: 30%;
  padding: 0 !important;
  position: static;
  line-height: 1.2;
  margin-left: 0 !important
}

.site-header .nav .menu>li .menu-dropdown .menu-left>.menu-left-link .menu-left-content {
  position: relative;
  padding: 1.35rem 2rem;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #f2f2f2;
  cursor: pointer
}

.site-header .nav .menu>li .menu-dropdown .menu-left>.menu-left-link .title {
  font-size: 1.1rem;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: -.022rem;
  display: block;
  line-height: 1.4;
  margin: 0 0 .5rem
}

.site-header .nav .menu>li .menu-dropdown .menu-left>.menu-left-link .text {
  font-size: 1rem;
  line-height: 1.5;
  letter-spacing: -.02rem;
  display: block;
  max-width: 17rem
}

.site-header .nav .menu>li .menu-dropdown .menu-left>.menu-left-link .menu-left-dropdown {
  position: absolute;
  left: 30%;
  right: 0;
  top: 0;
  padding: 3.1rem 3rem;
  overflow-y: auto;
  height: 100%;
  display: none
}

.site-header .nav .menu>li .menu-dropdown .menu-left>.menu-left-link .menu-left-dropdown::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
  border-radius: 4px;
  background-color: #fff
}

.site-header .nav .menu>li .menu-dropdown .menu-left>.menu-left-link .menu-left-dropdown::-webkit-scrollbar {
  width: 3px;
  background-color: #f5f5f5
}

.site-header .nav .menu>li .menu-dropdown .menu-left>.menu-left-link .menu-left-dropdown::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, .3);
  background-color: #222
}

.site-header .nav .menu>li .menu-dropdown .menu-left>.menu-left-link .menu-left-dropdown .heading {
  font-size: 1.1rem;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: -.022rem;
  display: block;
  line-height: 1.4;
  margin: 0 0 .8rem;
  padding-bottom: .6rem;
  border-bottom: 1px solid #f2f2f2
}

.app-store .col-3-section .content:first-child,
.service-case-study-wrap.multi-case-study .service-case-study .content,
.service-case-study-wrap.multi-case-study .service-case-study .image,
.site-header .nav .menu>li .menu-dropdown .menu-left>.menu-left-link .menu-left-dropdown>ul {
  flex: 0 0 50%
}

.site-header .nav .menu>li .menu-dropdown .menu-left>.menu-left-link .menu-left-dropdown>ul:first-child {
  padding-right: 3rem
}

.site-header .nav .menu>li .menu-dropdown .menu-left>.menu-left-link .menu-left-dropdown>ul>li {
  line-height: 1;
  margin: 0 0 1.2rem;
  max-width: 19rem
}

#services .col-2-section:last-child .content .grid-item,
.app-store .col-3-section .content .grid-item,
.blog-single .sidebar .social-links .blog-social-icon ul li a,
.knowledge-center-single .knowledge-center-sidebar .social li a,
.services .col-3-section .content .grid-item,
.site-header .nav .menu>li .menu-dropdown .menu-left>.menu-left-link .menu-left-dropdown>ul>li a,
.site-header .nav .menu>li .menu-dropdown .menu-right>li a {
  padding: 0
}

.site-header .nav .menu>li .menu-dropdown .menu-left>.menu-left-link .menu-left-dropdown>ul>li a .link-title,
.site-header .nav .menu>li .menu-dropdown .menu-right>li a .link-title {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: -.02rem;
  display: block;
  margin: 0 0 .5rem
}

.site-header .nav .menu>li .menu-dropdown .menu-left>.menu-left-link .menu-left-dropdown>ul>li a .link-text,
.site-header .nav .menu>li .menu-dropdown .menu-right>li a .link-text {
  font-size: 1rem;
  letter-spacing: -.02rem;
  display: block;
  margin: 0 0 .5rem;
  line-height: 1.5
}

.site-header .nav .menu>li .menu-dropdown .menu-left>.menu-left-link.active,
.site-header .nav .menu>li .menu-dropdown .menu-left>.menu-left-link:hover {
  background-color: #f2f2f2
}

.site-header .nav .menu>li .menu-dropdown .menu-left>.menu-left-link.active .menu-left-content::after,
.site-header .nav .menu>li .menu-dropdown .menu-left>.menu-left-link:hover .menu-left-content::after {
  content: "";
  position: absolute;
  border: 12px solid transparent;
  border-right: 15px solid #fff;
  right: -1px;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%)
}

.site-header .nav .menu>li .menu-dropdown .menu-right {
  flex: 0 0 20%;
  background-color: #f2f2f2;
  padding: 2rem
}

.site-header .nav .menu>li .menu-dropdown .menu-right .heading {
  font-size: 1.1rem;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: -.022rem;
  display: block;
  line-height: 1.4;
  margin: 0 0 1.5rem;
  padding-bottom: .6rem;
  border-bottom: 1px solid #ccc
}

.site-header .nav .menu>li .menu-dropdown .menu-right>li {
  margin-left: 0 !important
}

.site-header .nav .menu>li:hover .sub-menu-wrap {
  opacity: 1;
  visibility: visible;
  top: 0;
  padding-top: 7rem;
  padding-bottom: 1rem;
  transition: .2s ease-in-out;
  -o-transition: .2s ease-in-out;
  -webkit-transition: .2s ease-in-out
}

.site-header .nav .menu:first-child li:first-child {
  margin-left: 7rem;
  position: relative;
  padding-left: .35rem
}

.site-header .nav .menu:first-child li:first-child::before {
  content: "";
  width: 7rem;
  display: block;
  height: 2px;
  background: #ccc;
  position: absolute;
  top: 50%;
  right: 100%;
  border-radius: 2px
}

.site-header .nav .menu:last-child li:last-child {
  margin-left: 2.5rem;
  position: relative
}

.site-header .nav .menu:last-child li:last-child::before {
  content: "";
  width: 2.5rem;
  display: block;
  height: 2px;
  background: #ccc;
  position: absolute;
  top: 50%;
  right: 100%;
  border-radius: 2px
}

.life-ta .about-gallery.gallery-2 .box-wrap:last-child,
.site-header .nav .menu.new {
  justify-content: flex-end
}

.site-header .nav .menu.new>li.menu-contact .hover-flip {
  color: #fff;
  background: #222;
  padding: .6rem 3rem .6rem 1.25rem;
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  letter-spacing: -.32px;
  line-height: 20px;
  text-align: left;
  position: relative
}

.site-header .nav .menu.new>li.menu-contact .hover-flip::after {
  content: "";
  background-image: url(https://www.techaheadcorp.com/wp-content/uploads/2023/10/Layer.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 14px;
  position: absolute;
  height: 14px;
  right: 13px;
  top: 13px
}

.site-header .nav .menu.new:first-child li:first-child {
  margin-left: auto;
  padding-left: 0
}

.site-header.scrolled {
  position: fixed;
  z-index: 100;
  background: #fff;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, .15);
  -webkit-animation: .5s header;
  padding: 0 3.45rem
}

.site-header.scrolled .logo {
  max-width: 11.25rem
}

.site-header.scrolled.menu-open {
  z-index: 9999;
  background: 0 0;
  box-shadow: none;
  padding: 3rem 3.45rem
}

.site-header.scrolled.menu-open .logo-menu img {
  width: 100%;
  margin: 0 auto
}

.site-header.scrolled .nav .menu>li .menu-dropdown {
  top: 4.4rem;
  height: calc(100vh - 4.4rem)
}

.site-header.logo-toggle .header-inner #menu-toggle span,
.site-header.logo-toggle .nav .menu:first-child li:first-child::before,
.site-header.logo-toggle .nav .menu:last-child li:last-child::before {
  background: #fff
}

.site-header.logo-toggle .nav .menu.new>li.menu-contact .hover-flip {
  color: #222;
  background-color: #fff;
  font-weight: 600
}

.site-header.logo-toggle.scrolled .header-inner #menu-toggle span {
  background: #222
}

.more-portfolio .col.gray,
.site-header.logo-toggle.hovered .nav .menu:first-child>li:first-child::before,
.site-header.logo-toggle.hovered .nav .menu:last-child>li:last-child::before,
.site-header.logo-toggle.scrolled .nav .menu:first-child li:first-child::before,
.site-header.logo-toggle.scrolled .nav .menu:last-child li:last-child::before {
  background: #ccc
}

@keyframes headerfadein {

  0%,
  60% {
    opacity: 0
  }

  100% {
    opacity: 1
  }
}

@keyframes header {
  from {
    transform: translateY(-50px)
  }

  to {
    transform: translateY(0)
  }
}

.full-menu {
  top: 0;
  left: 0;
  position: fixed;
  z-index: 999;
  width: 100%;
  background-color: #fff;
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
  height: 0;
  transform: translate3d(0, -100%, 0);
  -moz-transform: translate3d(0, -100%, 0);
  -webkit-transform: translate3d(0, -100%, 0);
  transition: opacity .7s step-end, transform .7s cubic-bezier(.8, 0, .55, .94), visibility .7s step-end, height .7s step-end, background-color .7s cubic-bezier(.8, 0, .55, .94);
  -o-transition: opacity .7s step-end, transform .7s cubic-bezier(.8, 0, .55, .94), visibility .7s step-end, height .7s step-end, background-color .7s cubic-bezier(.8, 0, .55, .94);
  -webkit-transition: opacity .7s step-end, transform .7s cubic-bezier(.8, 0, .55, .94), visibility .7s step-end, height .7s step-end, background-color .7s cubic-bezier(.8, 0, .55, .94)
}

.full-menu.active {
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition: opacity .7s step-start, transform .7s cubic-bezier(.8, 0, .55, .94), visibility .7s step-start, height .7s step-start, background-color .7s cubic-bezier(.8, 0, .55, .94);
  -o-transition: opacity .7s step-start, transform .7s cubic-bezier(.8, 0, .55, .94), visibility .7s step-start, height .7s step-start, background-color .7s cubic-bezier(.8, 0, .55, .94);
  -webkit-transition: opacity .7s step-start, transform .7s cubic-bezier(.8, 0, .55, .94), visibility .7s step-start, height .7s step-start, background-color .7s cubic-bezier(.8, 0, .55, .94);
  visibility: visible;
  opacity: 1;
  height: 100%
}

.full-menu .full-menu-inner {
  width: 100%;
  height: 100%;
  padding-top: 9.75rem;
  padding-bottom: 3rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: opacity .4s cubic-bezier(.8, 0, .55, .94);
  -o-transition: opacity .4s cubic-bezier(.8, 0, .55, .94);
  -webkit-transition: opacity .4s cubic-bezier(.8, 0, .55, .94);
  opacity: 0
}

.full-menu .full-menu-inner .top {
  position: relative;
  height: calc(100% - 2rem);
  margin-bottom: 2rem
}

.full-menu .full-menu-inner .top .menu {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 32rem;
  display: flex;
  justify-content: center;
  flex-direction: column
}

.full-menu .full-menu-inner .top .menu li {
  font-size: 3.6rem;
  line-height: 1.5;
  font-weight: 300;
  text-transform: capitalize
}

.full-menu .full-menu-inner .top .menu li a {
  display: inline-block;
  color: #222;
  text-decoration: none;
  transition: .3s ease-in-out;
  -o-transition: .3s ease-in-out;
  -webkit-transition: .3s ease-in-out;
  font-weight: 600
}

.full-menu .full-menu-inner .top .menu li a.opacity {
  opacity: .2
}

.full-menu .full-menu-inner .top .fullmenu-dropdown {
  position: absolute;
  top: 0;
  left: 32rem;
  width: calc(100% - 32rem);
  height: 100%;
  overflow-y: auto;
  display: none;
  -ms-overflow-style: none;
  scrollbar-width: none
}

.full-menu .full-menu-inner .top .fullmenu-dropdown::-webkit-scrollbar {
  display: none
}

.architecture-content-wrapper .architecture-content,
.digital-product .container .right .box-wrap,
.full-menu .full-menu-inner .top .fullmenu-dropdown>ul,
.home-about .image-box,
.home-services .card-wrap,
.portfolio-industry .portfolio-strip .container,
.portfolio-summary-details .portfolio-strip .container,
.portfolio-summary-details .portfolio-summary-wrap,
.review .review-blog,
.service-2-col .grid,
.trusted-us .box-wrap {
  display: flex;
  flex-wrap: wrap
}

.full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li {
  max-width: 33.3333333333%;
  width: 100%;
  margin: 0 0 3.25rem;
  padding: 2rem 1.2rem 0
}

.full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li ul li {
  font-family: "Open Sans", sans-serif;
  font-size: .95rem;
  line-height: 1.89
}

.full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li ul li.heading {
  font-size: 1.6rem;
  color: #222;
  font-weight: 600;
  position: relative;
  line-height: 1.22;
  margin: 0 0 2rem;
  flex-grow: 1;
  letter-spacing: .02rem;
  z-index: 1;
  padding: 0;
  text-transform: uppercase
}

.full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li ul li a {
  font-weight: 400;
  color: #666
}

.full-menu .full-menu-inner .bottom .social {
  display: flex;
  margin: 0 0 0 auto;
  padding: 0;
  list-style: none
}

.full-menu .full-menu-inner .bottom .social li {
  transition: opacity .3s;
  -o-transition: opacity .3s;
  -webkit-transition: opacity .3s
}

.full-menu .full-menu-inner .bottom .social li+li,
.lallantop-slider ul li+li {
  margin-left: 1.8rem
}

.full-menu .full-menu-inner .bottom .social li a img {
  width: 2.4rem
}

.full-menu .full-menu-inner .bottom .social li:hover,
.industries-category .industries-tab-content .btn-round {
  opacity: .5
}

.full-menu .full-menu-inner .bottom .services-areas {
  display: flex;
  margin: 0;
  padding: 0;
  list-style: none
}

.full-menu .full-menu-inner .bottom .services-areas li {
  margin: 0 1rem;
  text-align: center;
  transition: .2s ease-in;
  -o-transition: .2s ease-in;
  -webkit-transition: .2s ease-in
}

.full-menu .full-menu-inner .bottom .services-areas li:hover {
  transform: translateY(-.625rem);
  -moz-transform: translateY(-.625rem);
  -webkit-transform: translateY(-.625rem)
}

.full-menu .full-menu-inner .bottom .services-areas li .thumb {
  margin: 0 0 .75rem;
  width: 6rem;
  position: relative
}

.full-menu .full-menu-inner .bottom .services-areas li .thumb::before {
  content: "";
  display: block;
  padding-bottom: 6rem
}

.full-menu .full-menu-inner .bottom .services-areas li .thumb img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  position: absolute
}

.full-menu .full-menu-inner .bottom .services-areas li p {
  margin: 0;
  color: #999;
  font-size: .875rem;
  line-height: 1.33
}

.site-footer .project-in-mind {
  padding: 2.1rem 0;
  background-color: #f7f7f7
}

.site-footer .project-in-mind .container {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: none
}

.site-footer .project-in-mind .container p {
  margin: 0 3rem 0 0;
  font-size: 3.8rem;
  line-height: 1.125;
  font-weight: 700;
  letter-spacing: -.2rem;
  color: #000 !important
}

.site-footer .project-in-mind .container p.light {
  font-size: 3rem;
  letter-spacing: -.12rem;
  font-weight: 300
}

.site-footer .footer-menu {
  padding: 1.8rem 0;
  background-color: #2b2b2b;
  display: none
}

.iot-slider .section-links ul,
.services-header .service-links-scroll ul,
.site-footer .footer-menu ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center
}

.site-footer .footer-menu ul li {
  padding: 0 .9rem;
  font-size: 1.9rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: -.05rem
}

.site-footer .footer-menu ul li a {
  color: #fff;
  padding: .25rem .625rem;
  display: inline-block;
  text-decoration: none;
  transition: .2s ease-in;
  -o-transition: .2s ease-in;
  -webkit-transition: .2s ease-in
}

.site-footer .footer-bottom {
  background-color: #222;
  padding: 0 0 2.3rem
}

.site-footer .footer-bottom .container {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  justify-content: space-between
}

.site-footer .footer-bottom .container .location {
  width: 26.36%;
  margin-top: 3.75rem
}

.site-footer .footer-bottom .container .location .image {
  margin: 0 0 1.5rem;
  width: 14rem
}

.blog-single .author-details .blog-social-icon ul li,
.iot-slider .section-links ul li,
.knowledge-center-single .author-details .knowledge-center-social-icon ul li,
.project-strip-slider .slider-wrap .container .left img,
.services-header .service-links-scroll ul li,
.site-footer .footer-bottom .container .location .image a,
.tags ul li,
.work-with .brands ul li img {
  display: inline-block
}

.site-footer .footer-bottom .container .location p {
  font-size: .9rem;
  color: #999 !important;
  line-height: 1.67;
  margin: 0 0 1.5rem;
  font-weight: 400
}

.site-footer .footer-bottom .container .links {
  width: 65.3%;
  display: flex;
  justify-content: space-between;
  margin-top: 4.75rem
}

.site-footer .footer-bottom .container .links ul {
  width: 25%
}

.site-footer .footer-bottom .container .links ul li {
  font-size: .9rem;
  line-height: 1.67;
  color: #999
}

.site-footer .footer-bottom .container .links ul li:first-child a {
  font-weight: 700;
  margin-bottom: .4rem
}

.site-footer .footer-bottom .container .links ul li:first-child a:hover,
.technologies-wrapper .technologies-details .technologies-btn-grp .technologies-btn:not(.active):hover {
  color: #999
}

.site-footer .footer-bottom .container .links ul li a {
  text-decoration: none;
  color: #999;
  display: inline-block
}

.site-footer .footer-bottom .container .bottom {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 1.5rem;
  border-top: 1px solid #444;
  padding-top: 1.5rem
}

.iot-bottom-section ul,
.iot-consulting ul,
.site-footer .footer-bottom .container .bottom .social-small,
.site-footer .footer-bottom .container .bottom .social-small ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex
}

.site-footer .footer-bottom .container .bottom .social-small ul li {
  margin: 0 .4rem;
  transition: .3s ease-in;
  -o-transition: .3s ease-in;
  -webkit-transition: .3s ease-in;
  opacity: .5;
  width: 1.8rem
}

.service-form-wrap .container .content .icons ul,
.site-footer .footer-bottom .container .bottom .copyright {
  display: flex;
  justify-content: space-between;
  align-items: center
}

.site-footer .footer-bottom .container .bottom .copyright .image {
  max-width: 2rem;
  width: 100%
}

.site-footer .footer-bottom .container .bottom .copyright p {
  font-size: .9rem;
  color: #999;
  line-height: 1.67;
  margin: 0;
  font-weight: 400
}

.site-footer.footer {
  background-color: #222;
  color: #999 !important;
  position: relative
}

.site-footer.footer .footer-content {
  display: flex;
  padding: 6.7rem 0 3.25rem
}

.site-footer.footer .footer-content .left {
  flex: 0 0 74.48%;
  display: flex;
  justify-content: space-between;
  padding-right: .75rem
}

.site-footer.footer .footer-content .left .content-details,
.tripple-legacy .container .right .tl-box-wrap li {
  width: calc(33.3333333333% - 1rem)
}

.site-footer.footer .footer-content .left .content-details .title {
  font-size: 1.1rem;
  letter-spacing: .1rem;
  font-weight: 700;
  margin: 0 0 1.65rem;
  text-transform: uppercase
}

.site-footer.footer .footer-content .left .content-details .content {
  margin: 0 0 1.4rem;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 2.4;
  letter-spacing: normal;
  color: #999
}

.site-footer.footer .footer-content .left .content-details .content a {
  color: #999;
  text-decoration: none;
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 2.4;
  letter-spacing: normal
}

.site-footer.footer .footer-content .right {
  flex: 0 0 25.52%;
  padding-left: .75rem
}

.site-footer.footer .footer-content .right .img-bottom,
.site-footer.footer .footer-content .right .img-middle,
.site-footer.footer .footer-content .right .img-top,
.site-footer.footer .footer-content .right-gptw-logo {
  max-width: 17rem;
  width: 100%
}

.site-footer.footer .footer-content .right .img-top {
  margin-top: -1.5rem
}

.site-footer.footer .footer-content .right .img-bottom,
.site-footer.footer .footer-content .right .img-middle {
  margin-top: 46px
}

.site-footer.footer .footer-content .right-gptw-logo img {
  width: 120px;
  margin-left: auto;
  margin-top: -6.7rem
}

.site-footer.footer .links-copyright {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0;
  flex-wrap: wrap;
  gap: 20px
}

.site-footer.footer .links-copyright .copyright ul,
.site-footer.footer .links-copyright .links ul li {
  margin-right: 1rem
}

.site-footer.footer .links-copyright .links ul li img {
  max-width: 1.8rem
}

.site-footer.footer .links-copyright .copyright {
  letter-spacing: .09rem;
  text-transform: uppercase;
  display: flex;
  gap: 10px 0
}

.site-footer.footer .links-copyright .copyright ul li {
  display: inline-block;
  border-left: 1px solid #999;
  padding-left: 10px;
  margin-left: 10px
}

.site-footer.footer .links-copyright .copyright ul li a {
  letter-spacing: -.02rem;
  text-transform: uppercase
}

.hiring-form.home-form .contact-form,
.search-form .contact-form,
.site-footer .home-form .contact-form {
  padding: 0;
  background: 0 0;
  display: flex;
  margin: 0 0 2rem
}

.site-footer .home-form .contact-form .form-group {
  min-height: 46px;
  border: 1px solid #222;
  padding-top: 10px;
  margin: 0 !important;
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem
}

.site-footer .home-form .contact-form .form-group .form-control {
  color: #222;
  height: 36px;
  padding: 0 10px;
  font-size: 14px
}

.site-footer .footer-middle .f-middle-row .left,
.site-footer .footer-middle .f-middle-row .right .links a,
.site-footer .footer-middle .f-middle-row .right .social-links {
  color: #fff;
  font-size: 1.1rem;
  line-height: 1.6;
  font-family: "Open Sans", sans-serif;
  text-decoration: none
}

.site-footer .home-form .contact-form .form-group .label-wrap .label {
  color: #222;
  font-size: 14px;
  padding-left: 20px
}

.hiring-form.home-form .contact-form .form-group .label-wrap.up .label,
.search-form .contact-form .form-group .label-wrap.up .label,
.site-footer .home-form .contact-form .form-group .label-wrap.up .label {
  padding-left: 10px;
  font-size: 11px;
  bottom: calc(100% - 16px)
}

.site-footer .home-form .contact-form .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  flex: 1 0 auto
}

.site-footer .footer-middle .center-link {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 8px 30px
}

.site-footer .footer-middle .center-link a {
  font-size: 20px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.67;
  letter-spacing: normal;
  text-align: center;
  color: #fff;
  text-decoration: none
}

.site-footer .footer-middle .social-links-row {
  margin-top: 54px
}

.site-footer .footer-middle .social-links-row .social-link {
  display: flex;
  justify-content: center;
  gap: 20px
}

.site-footer .footer-middle .dmca-link-footer {
  margin-bottom: -50px;
  display: flex
}

.site-footer .footer-middle .dmca-link-footer img {
  width: auto
}

.site-footer .footer-middle {
  padding: 4rem 0;
  background: #000
}

.site-footer .footer-middle .f-middle-row .left {
  font-weight: 400;
  letter-spacing: normal
}

.site-footer .footer-middle .f-middle-row .left .img-box {
  margin-bottom: 20px
}

.site-footer .footer-middle .f-middle-row .left .img-box img {
  width: 220px;
  -o-object-fit: contain;
  object-fit: contain
}

.site-footer .footer-middle .f-middle-row .right .links {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 10px 20px;
  margin-bottom: 40px;
  flex-wrap: wrap
}

.site-footer .footer-middle .f-middle-row .right .links a {
  letter-spacing: 2px;
  font-weight: 600
}

.site-footer .footer-middle .f-middle-row .right .social-links {
  font-weight: 400;
  letter-spacing: normal;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 20px;
  text-transform: uppercase;
  flex-wrap: wrap
}

.site-footer .footer-middle .f-middle-row .right .social-links ul {
  display: flex;
  align-items: center;
  gap: 20px
}

.site-footer .footer-middle .f-middle-row .right .social-links ul li {
  width: 28px;
  height: 28px
}

.site-footer .footer-middle .f-middle-row .right .social-links a {
  text-decoration: none
}

.site-footer .footer-middle .f-middle-row .right .social-links a img {
  -o-object-fit: contain;
  object-fit: contain
}

.site-footer.footer .links-copyright .copyright,
.site-footer.footer .links-copyright .copyright ul li a {
  color: #999;
  text-decoration: none;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
  font-family: "Open Sans", sans-serif
}

@media (max-width:1199px) {
  .site-footer .footer-middle {
    padding: 30px 0 36px
  }

  .site-footer .footer-middle .dmca-link-footer {
    margin-bottom: 20px;
    justify-content: center
  }

  .site-footer .footer-middle .dmca-link-footer img {
    width: auto
  }

  .site-footer .footer-middle .social-links-row {
    margin-top: 34px
  }
}

.home-banner {
  position: relative;
  min-height: calc(100vh - 16.75rem);
  display: flex;
  align-items: center
}

.home-banner .container .caption {
  margin: 0 auto 5rem;
  text-align: center;
  max-width: 73.125rem
}

.home-banner.new {
  position: relative;
  min-height: 100%;
  height: 100vh;
  margin-top: -8.375rem;
  margin-bottom: 6rem;
  z-index: 1
}

.home-banner.new .video-banner-wrap,
.service-details-banner.common-banner.video-banner .video-banner-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2
}

.home-banner.new .video-banner-wrap .video,
.lallantop-slider ul li .image,
.portfolio-image-banner .image,
.service-details-banner.common-banner.video-banner .video-banner-wrap .video {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 100%
}

.home-banner.new .overlay,
.service-details-banner.common-banner.video-banner .overlay {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: transparent;
  background-image: linear-gradient(transparent, #000);
  z-index: -1
}

.home-banner.new .overlay.gradient-1 {
  background: #221eae;
  opacity: .7
}

.home-banner.new .container {
  height: calc(100vh - 8.4rem);
  margin-top: 8.4rem;
  max-width: 100%;
  margin-left: 9rem;
  width: 100%;
  align-items: flex-start;
  flex-direction: column;
  justify-content: center;
  position: relative
}

.home-banner.new .container .caption {
  margin: 0;
  text-align: left;
  max-width: 100%;
  flex-grow: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start
}

.home-banner.new .container .caption h1 {
  font-family: "Bebas Neue", sans-serif;
  font-size: 6.5rem;
  color: #fff;
  letter-spacing: normal;
  line-height: 1.1;
  animation: 1s linear headerfadein
}

.home-banner.new .container .caption a {
  animation: 1.2s linear headerfadein
}

.home-banner.new .container .caption.video-banner h1 {
  font-size: 7rem;
  line-height: 1;
  font-weight: 300;
  margin: 0 0 1rem
}

.home-banner.new .container .caption.video-banner p {
  color: #fff;
  font-size: 2rem;
  letter-spacing: -.04rem;
  line-height: 1.5;
  animation: 1.2s linear headerfadein
}

.home-banner.new .container .bottom {
  width: 100%;
  margin-bottom: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  animation: 1.2s linear headerfadein
}

.home-banner.new .container .bottom p {
  font-size: 1.2rem;
  color: #fff;
  margin: 0;
  padding-right: 1.5rem;
  font-weight: 400
}

.home-banner.new .container .icons {
  margin-right: 3.45rem;
  display: flex;
  flex: 1 1 auto;
  justify-content: flex-end
}

.home-banner.new .container .icons .image {
  max-width: 9rem;
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 100%
}

.home-banner.new .container .icons .image::before {
  content: "";
  display: block;
  padding-bottom: 35.55%
}

.home-banner.new .container .icons .image:nth-child(2) {
  margin: 0 -1.6rem 0 -1.2rem
}

.home-banner.new .container .icons .image:nth-child(4),
.home-banner.new .container .icons .image:nth-child(5) {
  margin: 0 -1rem
}

.home-banner.new .container .icons ul li {
  display: inline-block;
  font-family: "Bebas Neue", sans-serif;
  font-size: 2.4rem;
  color: #fff;
  position: relative;
  animation: 1.2s linear headerfadein
}

.home-banner.new .container .icons ul li a {
  font-family: "Bebas Neue", sans-serif;
  font-size: 2.4rem;
  color: #fff;
  margin-right: .2rem;
  text-decoration: none;
  display: inline-block;
  transition: .2s;
  -o-transition: .2s;
  -webkit-transition: .2s
}

.home-banner.new .container .icons ul li a:hover {
  transform: translateY(-.4rem);
  -moz-transform: translateY(-.4rem);
  -webkit-transform: translateY(-.4rem)
}

.home-banner.new .scroll-down {
  position: absolute;
  bottom: 4.45rem;
  left: 50%;
  transform: translateX(-50%);
  animation: 1.2s linear headerfadein
}

.home-banner.new .scroll-down .mousey,
.portfolio-image-banner .scroll-down .mousey,
.service-banner .caption .scroll-down .mousey {
  padding: 3px 8px;
  border: 2px solid #fff;
  margin: 0 auto
}

.mousey {
  width: 2px;
  padding: 7px 12px;
  height: 28px;
  border: 2px solid #000;
  border-radius: 25px;
  opacity: .75;
  box-sizing: content-box;
  margin: 0 auto
}

.scroller {
  width: 2px;
  height: 6px;
  border-radius: 25%;
  background-color: #000;
  animation-name: scroll;
  animation-duration: 2s;
  animation-timing-function: cubic-bezier(0.15, 0.41, 0.69, 0.94);
  animation-iteration-count: infinite
}

.awards,
.next-project,
.work-with {
  background-color: #f7f7f7
}

@keyframes scroll {
  0% {
    opacity: 0
  }

  10% {
    transform: translateY(0);
    opacity: 1
  }

  100% {
    transform: translateY(15px);
    opacity: .5
  }
}

.home-achievements .numbers-counter,
.our-work ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between
}

.home-achievements .numbers-counter li {
  width: 25%;
  flex: 1 1 auto;
  padding: 0 3.2rem;
  text-align: center
}

.home-achievements .numbers-counter li span {
  font-size: 4.4rem;
  line-height: 5rem;
  display: inline-block;
  margin: 0 0 1rem;
  position: relative;
  text-transform: uppercase;
  letter-spacing: -.3rem;
  font-weight: 600
}

#datafetch,
#index-loader .index-copy h2 span::before,
.address .box .image,
.blog .alm-reveal p,
.blog-single .blog-content blockquote p a+br,
.blog-subscribe .blog-search .search-form .search-btn #searchsubmit,
.industries-category .industries-tab-content .tab-box,
.iot-slider .owl-dots,
.knowledge-center-single .content blockquote p a+br,
.knowledge-center-single .header-content h1 br,
.knowledge-center-single .header-content h2 br,
.mobileMediaView,
.owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled,
.owl-carousel .owl-video-playing .owl-video-play-icon,
.owl-carousel .owl-video-playing .owl-video-tn,
.portfolio-cta h2 br,
.portfolio-list-wrap .portfolio-list.three-boxes .portfolio-card-wrap .content .small,
.portfolio-list-wrap .portfolio-list.three-boxes .portfolio-card-wrap .content p br,
.portfolio-list-wrap.flat-top .container .tagline,
.portfolio.service-case-study .case-study-link+p,
.portfolio.service-case-study .case-study-link>p,
.service-inner.service-menu-wrap .service-menu-slider .service-btn-grp .owl-dot,
.team-wrap .team-members .right .content,
.tripple-testimonial .media .playpause-video .pauseBtn,
.tripple-testimonial .media .playpause-video.played .playBtn,
.work-with .brands:hover .text {
  display: none
}

.home-achievements .numbers-counter li span::before {
  content: "";
  position: absolute;
  width: 4.45rem;
  height: 4.45rem;
  background-color: #ccc;
  border-radius: 50%;
  z-index: -1;
  right: -1.5rem;
  top: -2rem;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s
}

.home-achievements .numbers-counter li span::after {
  content: "+";
  font-family: "Open Sans", sans-serif;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.6rem;
  top: 0;
  right: 0;
  position: absolute;
  transform: translate(68%, -94%);
  -moz-transform: translate(68%, -94%);
  -webkit-transform: translate(68%, -94%)
}

.home-achievements .numbers-counter li span.yellow::before {
  background-color: #ffdd69
}

.home-achievements .numbers-counter li p {
  font-size: 1.7rem;
  line-height: 1.06;
  margin: 0 0 .8rem;
  font-weight: 500
}

.design-logos .container .right,
.home-achievements .numbers-counter li img {
  width: 35%
}

.home-achievements .numbers-counter li:hover span::before,
.services-top .box-wrap:hover .box::after,
.services-wrap .services:hover .thumb::after {
  transform: translate(.5rem, -.5rem) scale(1.1);
  -moz-transform: translate(.5rem, -.5rem) scale(1.1);
  -webkit-transform: translate(.5rem, -.5rem) scale(1.1)
}

.work-with {
  padding: 5rem 0 2rem;
  margin: 0 0 7rem
}

.work-with .section-title {
  text-align: center;
  margin: 0
}

.blog-single .sidebar ul,
.knowledge-center-single .knowledge-center-sidebar ul,
.life-ta .section-title h2,
.portfolio-summary-details .description h2,
.review .review-blog .right .box p,
.service-blogs .section-title h3,
.service-box .services-top .box-wrap .box,
.service-center-content.left .text p,
.services.services-wrap .text h2,
.work-with .section-title h2 {
  margin: 0 0 1rem
}

.work-with .brands {
  padding: 2rem 3.6rem;
  border-radius: .625rem;
  background-color: #222;
  position: relative;
  overflow: hidden
}

.work-with .brands .text {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  text-align: center;
  padding: 5rem 0
}

.work-with .brands .text .circle {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  background-color: #222
}

.work-with .brands .text span {
  font-size: 6rem;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  display: block;
  opacity: 0;
  transform: translateY(80px)
}

.work-with .brands ul,
.work-with .brands-1 ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.work-with .brands ul li {
  width: 16.6666666667%;
  padding: .9rem .4rem;
  text-align: center
}

.work-with .brands-1 {
  width: 90%;
  margin: 0 auto;
  padding: 2rem 3.6rem;
  position: relative;
  overflow: hidden
}

.work-with .brands-1 ul li {
  width: 16.6666666667%;
  padding: .9rem .4rem;
  background-color: #ebebeb
}

.blog-single .blog-post .blog-listing .image,
.iot-consulting ul li .icon .icon-square,
.iot-slider .iot-inner .image,
.review .review-blog .right .image,
.service-portfolio .image-wrap .image,
.work-with .brands-1 ul li .image {
  width: 100%;
  position: relative;
  overflow: hidden
}

.work-with .brands-1 ul li .image img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: contain;
  object-fit: contain
}

.work-with.new {
  background-color: #fff;
  padding: 0
}

.work-with.new h2 {
  font-family: "Bebas Neue";
  font-size: 4.2rem;
  line-height: 1;
  letter-spacing: normal
}

.work-with.new .brands-1 {
  max-width: 1330px;
  width: 100%;
  padding: 0;
  margin-top: 2.3rem
}

.work-with.new ul li {
  background-color: #f5f5f5;
  padding: 0;
  margin-right: .6rem;
  margin-bottom: .6rem;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s;
  position: relative;
  z-index: 1
}

.work-with.new ul li img {
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s
}

.work-with.new ul li:first-child {
  margin-left: 11.1111111111%
}

.black-theme .wrapper,
.clients-wrap .clients li:nth-of-type(4),
.clients-wrap .clients li:nth-of-type(5),
.clients-wrap .clients.clients-sm li.dark,
.home-services .box-wrap .box:hover,
.portfolio-about-new .portfolio-testimonial-new.black,
.work-with.new ul li:hover {
  background-color: #222
}

.work-with.new ul li:hover img {
  filter: invert(1)
}

.next-project {
  margin: 0 0 7rem;
  padding: 6rem 0 3.5rem
}

.next-project .next-project-inner .content {
  padding-right: 1.5rem;
  padding-bottom: 8rem
}

.next-project .next-project-inner .content h2 {
  font-size: 3rem;
  margin: 0 0 1.85rem;
  line-height: 1.4
}

.next-project .next-project-inner .content p {
  font-size: 1.1rem;
  line-height: 1.8;
  margin: 0 0 1.6rem;
  font-weight: 400
}

.next-project .next-project-inner .box-group {
  display: flex;
  align-items: flex-end;
  padding-bottom: 4.5rem
}

.hiring-model ul li .title,
.next-project .next-project-inner .box-group .box-grid {
  padding: 0 1rem
}

.next-project .next-project-inner .box-group .box-grid .box {
  min-width: 14rem;
  width: 100%;
  background-color: #fff;
  margin: 2.7rem 0;
  padding: 3.5rem 1.5rem 1.5rem;
  border-radius: .5rem
}

.home-services.new .box-wrap .box.bg-gradient,
.home-services.new .box-wrap .box:hover {
  background: linear-gradient(137deg, #ef6da0 50%, #ee8e6b 100%)
}

.next-project .next-project-inner .box-group .box-grid .box .number {
  font-size: 4.2rem;
  letter-spacing: -.168rem;
  position: relative;
  margin-left: .5rem
}

.next-project .next-project-inner .box-group .box-grid .box .number::before {
  content: "+";
  position: absolute;
  font-size: 2.5rem;
  font-weight: 600;
  top: -1rem;
  right: -1.5rem;
  transition: .3s ease-in;
  -o-transition: .3s ease-in;
  -webkit-transition: .3s ease-in
}

.next-project .next-project-inner .box-group .box-grid .box .small {
  font-size: 2.5rem;
  position: relative;
  z-index: 1;
  font-weight: 600
}

.next-project .next-project-inner .box-group .box-grid .box p {
  font-size: 1.4rem;
  line-height: 1.4;
  letter-spacing: -.03rem;
  margin: 0 0 .82rem
}

.next-project .next-project-inner .box-group .box-grid .box:hover .top-circle::after {
  right: -3rem;
  top: -2rem
}

.next-project .next-project-inner .box-group .box-grid .box:hover .top-circle::before {
  top: -1.5rem;
  right: -2rem
}

.home-portfolio .box-wrap .box:last-child,
.home-portfolio .box-wrap .box:nth-child(3),
.modal-content>:last-child,
.next-project .next-project-inner .box-group .box-grid .box:last-child,
.portfolio-header.portfolio-header-full .text,
.portfolio-header.portfolio-header-full .text h1,
.portfolio-summary-details .content-with-icon:last-child,
.service-category-section .service-category-row .box:hover .browse-category-btn,
.ta-features.home-about ul li:last-child,
.team-wrap.new .location.service ul li:nth-child(n+4),
.technology-stack-new .icon-list-wrapper .icon-list ul li p,
.technology-stack.engarde .icon-list ul li p {
  margin-bottom: 0
}

.home-about .image-box .box .overlay-top .content ul.less-margin,
.modal-content>:first-child,
.next-project .next-project-inner .box-group .box-grid .box:first-child,
.portfolio-list-wrap.flat-top,
.search,
.service-4-col .col-4-list ul {
  margin-top: 0
}

.next-project .next-project-inner .box-group .box-grid:nth-child(2),
.services.next-project .next-project-inner .box-group .box-grid:first-child {
  transform: translateY(4.5rem);
  -moz-transform: translateY(4.5rem);
  -webkit-transform: translateY(4.5rem)
}

.next-project .next-project-inner .line {
  max-width: 5.5rem;
  width: 100%
}

.next-project.glassmorphism {
  background: #72c9ee;
  background: linear-gradient(45deg, #76cff6 0, #89feb4 100%)
}

.next-project.glassmorphism .next-project-inner .box-group .box-grid .box,
.next-project.glassmorphism .next-project-inner .box-group .box-grid .box .number.top-circle::after {
  background: rgba(255, 255, 255, .25);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, .37);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, .18)
}

.next-project.glassmorphism .next-project-inner .line {
  filter: brightness(.6)
}

.insights-wrap .insights .post .content h3,
.insights-wrap .insights .post .content h4 {
  font-size: 1.4rem;
  line-height: 1.43;
  letter-spacing: -.03rem;
  margin-bottom: .5rem;
  color: #222;
  font-weight: 400
}

.awards {
  margin: 0 0 10rem;
  padding: 5rem 0 2.6rem
}

.awards ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.awards ul li {
  margin: 0 0 3rem;
  width: calc((100% - 180px)/ 4);
  background-color: #fff;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden
}

.awards ul li .flip-box {
  background-color: transparent;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute;
  perspective: 1000px
}

.awards ul li .flip-box .flip-box-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform .8s;
  transform-style: preserve-3d
}

.awards ul li .flip-box:hover .flip-box-inner {
  transform: rotateX(180deg)
}

.awards ul li .flip-box .flip-box-back,
.awards ul li .flip-box .flip-box-front {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden
}

.awards ul li .flip-box .flip-box-back {
  background-color: #1e90ff;
  color: #fff;
  transform: rotateX(180deg)
}

.awards ul li .logos,
.featured-on li .image,
.featured-on li:nth-child(2n) .image,
.featured-on.new:first-of-type li .image,
.featured-on.new:first-of-type li:nth-child(2n) .image,
.featured-on.new:nth-of-type(2) li .image,
.featured-on.new:nth-of-type(2) li:nth-child(2n) .image,
.home-about .image-box .box .image,
.home-portfolio-card .card-fullwidth .card-right .image,
.home-portfolio-wrap .home-portfolio .image,
.industries-category .industries-tab-content .top .image,
.life-ta .about-gallery .box-wrap.single:nth-child(2) .box,
.life-ta .about-gallery .box-wrap:first-child .box,
.life-ta .about-gallery .box-wrap:last-child .box:nth-child(2),
.life-ta .about-gallery .box-wrap:nth-child(2) .box,
.life-ta .about-gallery .box-wrap:nth-child(2) .box:last-child,
.life-ta .about-gallery .box-wrap:nth-child(3) .box,
.life-ta .about-gallery .box-wrap:nth-child(3) .box:last-child,
.more-portfolio-wrap .more-portfolio-item .image,
.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box .image,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .image-hover,
.portfolio-single-wrap .portfolio-single .image-wrap .image,
.portfolio-slider-wrapper.tripple-video-wrap .portfolio-slider-inner .image,
.service-colored-banner .container .right .image.bottom,
.service-inner-banner .media-wrapper .media,
.services-slider .box .image,
.technologies-wrapper .technologies-image,
.tripple-testimonial .media,
.trusted-us .box-wrap .box .image {
  width: 100%;
  position: relative
}

.awards ul li .logos::before,
.featured-on.new:first-of-type li .image::before,
.featured-on.new:nth-of-type(2) li:nth-child(2n) .image::before {
  content: "";
  display: block;
  padding-bottom: 70.58%
}

.awards ul li .logos::after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: -35%;
  right: -35%;
  transition: .35s 105ms;
  -o-transition: .35s 105ms;
  -webkit-transition: .35s 105ms;
  transform: rotate(-45deg) scale(1.2);
  -moz-transform: rotate(-45deg) scale(1.2);
  -webkit-transform: rotate(-45deg) scale(1.2);
  background: #ff1816;
  z-index: 1
}

.awards ul li .logos img {
  top: 50%;
  left: 50%;
  position: absolute;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: auto;
  width: auto;
  min-height: unset;
  transition: .35s;
  -o-transition: .35s;
  -webkit-transition: .35s
}

.awards ul li .logos .text {
  width: 100%;
  height: 100%;
  padding: 1.92rem 2.4rem;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  background-color: #ff1816;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: .35s .2s;
  -o-transition: .35s .2s;
  -webkit-transition: .35s .2s;
  z-index: 2
}

.awards ul li .logos .text p {
  margin: 0;
  color: #fff;
  font-size: 1.1rem;
  letter-spacing: unset;
  line-height: 1.4;
  font-weight: 400
}

.awards ul li .logos:hover::after {
  top: -35%;
  bottom: -35%
}

.technologoies-partnership {
  margin: 0 0 5.1rem
}

.technologoies-partnership .section-title {
  margin: 0 0 4.9rem
}

.technologoies-partnership .title-uppercase {
  margin: 0 0 6.75rem
}

.insights-matters-wrap .insights-matters {
  position: relative;
  background-color: #c7e5ff;
  padding: 4.5rem 4.4rem 3.75rem;
  border-radius: 1.2rem;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden
}

.insights-matters-wrap .insights-matters .title-uppercase h2,
.insights-matters-wrap .insights-matters .title-uppercase p,
.portfolio-features .container .text h3 {
  font-size: 2.4rem
}

.address .box,
.blog-top .container,
.digital-product .container,
.featured-on,
.insights-matters-wrap .insights-matters .box-wrap,
.pikmykid-num-box .box-wrapper,
.tripple-legacy .container .right .tl-box-wrap,
.we-did .img-2 {
  display: flex;
  justify-content: space-between
}

.insights-matters-wrap .insights-matters .box-wrap .box {
  width: calc(33.3333333333% - 1.6rem);
  background-color: #fff;
  border-radius: .6rem;
  display: flex
}

.insights-matters-wrap .insights-matters .box-wrap .box a {
  flex-grow: 1;
  color: #222;
  font-weight: 400;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 2.85em 2.55rem 1.8rem
}

.insights-matters-wrap .insights-matters .box-wrap .box a .content {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.67;
  margin: 0 0 3.3rem
}

.insights-matters-wrap .insights-matters .box-wrap .box a .link {
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-size: 1.05rem
}

.insights-matters-wrap .insights-matters .box-wrap .box a .link img {
  max-width: 1.8rem;
  transition: .3s ease-out;
  -o-transition: .3s ease-out;
  -webkit-transition: .3s ease-out
}

.insights-matters-wrap .insights-matters .box-wrap .box a:hover .link img {
  transform: translateX(1rem);
  -moz-transform: translateX(1rem);
  -webkit-transform: translateX(1rem)
}

#index-loader {
  position: fixed;
  display: block;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9900;
  background-color: #fff
}

#index-loader .index-logo {
  width: 5%;
  opacity: 0;
  display: block;
  position: absolute;
  top: 30%;
  left: 47.5%
}

#index-loader .loading-circle {
  transform: scale(.1) translate(-50%, -50%);
  -moz-transform: scale(.1) translate(-50%, -50%);
  -webkit-transform: scale(.1) translate(-50%, -50%);
  -o-transform: scale(.1) translate(-50%, -50%);
  -ms-transform: scale(.1) translate(-50%, -50%);
  display: block;
  position: absolute;
  border-radius: 50%;
  top: 90%;
  left: 50%;
  width: 100%;
  height: auto;
  padding-top: 100%;
  background-color: #1a41aa
}

#index-loader .index-copy {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 80vw;
  transform-origin: 0% 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%)
}

#index-loader .index-copy h2 {
  color: #fff;
  text-align: center;
  line-height: 1.5em;
  font-size: 3vw !important
}

#index-loader .index-copy .letter {
  transform-origin: 0 100%;
  display: inline-block;
  color: #fff;
  backface-visibility: hidden;
  opacity: 0
}

.home-portfolio-wrap {
  position: relative;
  padding-top: 9.6rem;
  margin: 0 0 10rem;
  isolation: isolate
}

.home-portfolio-wrap .animated-svg {
  position: absolute;
  top: -27rem
}

.home-portfolio-wrap .animated-svg .animate-path {
  stroke-dasharray: 2300;
  stroke-dashoffset: 2300
}

.home-portfolio-wrap .animated-svg .animate-path.animate {
  animation: 1s linear forwards line
}

@keyframes line {
  to {
    stroke-dashoffset: 0
  }
}

.home-portfolio-wrap .animated-svg.bottom {
  top: auto;
  bottom: 5rem
}

.home-portfolio-wrap .home-portfolio {
  display: flex;
  align-items: center;
  margin: 0 0 2rem;
  position: relative
}

.home-portfolio-wrap .home-portfolio .image-wrap,
.more-portfolio-wrap .more-portfolio-item .image-wrap {
  flex: 0 0 53.13%;
  padding-left: 6rem
}

.home-portfolio-wrap .home-portfolio .image::before,
.home-portfolio-wrap .home-portfolio .video::after,
.portfolio-single-wrap .portfolio-single .image-wrap .video::after {
  content: "";
  display: block;
  padding-bottom: 91.11%
}

.home-portfolio-wrap .home-portfolio .video,
.portfolio-single-wrap .portfolio-single .image-wrap .video {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  -webkit-mask-image: -webkit-radial-gradient(white, black)
}

.home-portfolio-wrap .home-portfolio .video video,
.portfolio-single-wrap .portfolio-single .image-wrap .video video,
.portfolio-video-wrap .portfolio-video .video video,
.video-wrap .video video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute
}

.home-portfolio-wrap .home-portfolio .content {
  flex: 0 0 46.87%;
  padding: 0 3.9rem;
  position: relative
}

.home-portfolio-wrap .home-portfolio .content .title {
  font-family: "Bebas Neue";
  line-height: 1.67;
  font-size: 1.4rem;
  letter-spacing: .15rem;
  font-weight: 300
}

.home-portfolio-wrap .home-portfolio .content h2 {
  font-family: "Bebas Neue";
  font-weight: 100;
  font-size: 4.2rem;
  line-height: 1.1;
  letter-spacing: normal;
  margin: 0
}

.home-portfolio-wrap .home-portfolio .content p {
  font-size: 1.3rem;
  line-height: 1.57;
  letter-spacing: -.02rem;
  font-weight: 400;
  color: #222;
  margin: 0 0 1rem
}

.home-portfolio-wrap .home-portfolio .content .small {
  font-size: .9rem;
  text-transform: uppercase;
  color: #999;
  font-weight: 600;
  margin: 0 0 1.2rem
}

.home-portfolio-wrap .home-portfolio:nth-child(2n) .image-wrap {
  order: 2;
  padding-left: 0;
  padding-right: 6rem
}

.home-portfolio-wrap .home-portfolio:nth-child(2n) .content {
  padding-left: 8.25rem;
  padding-right: 1.5rem
}

.home-portfolio-wrap .home-portfolio.colored .content .small {
  color: #fff;
  font-weight: 600;
  opacity: .8
}

.home-portfolio-wrap .home-portfolio.colored .content .title,
.home-portfolio-wrap .home-portfolio.colored .content h2,
.home-portfolio-wrap .home-portfolio.colored .content p,
.service-strip.our-experts .container .left h2 {
  color: #fff;
  opacity: .9
}

.home-portfolio-wrap .home-portfolio.centered {
  margin: 0 auto;
  max-width: calc(100rem - 30px)
}

.home-portfolio-wrap .home-portfolio.centered .content {
  padding: 0 2.4rem
}

.home-portfolio-wrap .home-portfolio.centered .image-wrap {
  padding-left: 2.4rem
}

.home-portfolio-wrap .home-portfolio.centered:nth-child(2n) {
  border-radius: 1.2rem;
  overflow: hidden
}

.home-portfolio-wrap .home-portfolio.centered:nth-child(2n) .content {
  padding-left: 6rem;
  padding-right: 1rem
}

.home-portfolio-wrap .home-portfolio.centered:nth-child(2n) .image-wrap {
  padding-right: 2.15rem
}

.home-about .title-uppercase p {
  font-size: 2rem;
  line-height: 1.53;
  letter-spacing: -.08rem
}

.home-about .title-uppercase p .red {
  color: #da5e59
}

.home-about ul {
  display: flex;
  justify-content: center;
  max-width: 1280px;
  width: 100%;
  margin: 0 auto 7.6rem
}

.home-about ul li {
  width: 20%;
  display: flex;
  justify-content: center;
  position: relative
}

.digital-product .container .left .section-title,
.home-about ul li .text-left,
.review .review-blog.reverse .left p,
.service-content .container .left .section-title,
.service-form-wrap .container .content .section-title {
  text-align: left
}

.home-about ul li .text-left span {
  font-family: "Bebas Neue";
  font-size: 6rem;
  letter-spacing: -.24rem;
  line-height: 1
}

.home-about ul li .text-left p {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -.02rem;
  margin: 0
}

.home-about ul li .text-left .more::after {
  content: "+";
  position: absolute;
  font-size: 2.4rem;
  top: 0
}

.home-about .image-box .box-wrap {
  flex: 0 0 50%;
  display: flex;
  flex-wrap: wrap
}

.home-about .image-box .box {
  flex: 0 0 50%;
  padding: 1px;
  position: relative
}

.home-about .image-box .box .image::before {
  content: "";
  display: block;
  padding-bottom: 92.5%
}

.home-about .image-box .box .overlay-top {
  position: absolute;
  top: 3.5rem;
  left: 3rem;
  text-decoration: none;
  font-family: "Bebas Neue";
  font-size: 2.2rem;
  color: #fff;
  line-height: 1;
  z-index: 1
}

.home-about .image-box .box .overlay-top h3 {
  font-family: "Bebas Neue";
  font-size: 3.6rem;
  line-height: 1;
  color: #fff;
  letter-spacing: normal;
  font-weight: 100
}

.home-about .image-box .box .overlay-top h3 a,
.home-services .card-wrap .card ul li a {
  text-decoration: none;
  color: #fff
}

.home-about .image-box .box .overlay-top .content.less-margin {
  margin-left: -1rem;
  margin-top: -1rem
}

.home-about .image-box .box .overlay-bottom .content a,
.home-about .image-box .box .overlay-top .content a {
  text-decoration: none;
  font-family: "Bebas Neue";
  font-size: 2.2rem;
  color: #fff;
  line-height: 1
}

.home-about .image-box .box .overlay-top .content ul {
  display: flex;
  flex-direction: column;
  margin-top: 1.05rem;
  transition: .3s linear;
  -o-transition: .3s linear;
  -webkit-transition: .3s linear;
  opacity: 0;
  visibility: hidden
}

.home-about .image-box .box .overlay-top .content ul.big li a {
  font-size: 1.12rem;
  margin: 0 0 .5rem
}

.home-about .image-box .box .overlay-top .content ul li {
  flex: 0 0 100%;
  justify-content: flex-start;
  width: 100%;
  padding-left: 1rem;
  position: relative
}

.home-about .image-box .box .overlay-top .content ul li a {
  line-height: 1.6;
  color: #fff;
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  margin: 0 0 .2rem
}

.home-about .image-box .box .overlay-top .content ul li::before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  background-color: #fff;
  border-radius: 50%;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%)
}

.home-about .image-box .box .overlay-bottom {
  position: absolute;
  bottom: 1.75rem;
  left: 2rem;
  z-index: 1
}

.home-about .image-box .box .overlay-bottom a {
  font-size: 1.05rem;
  color: #fff;
  text-decoration: none
}

.home-about .image-box .box .overlay-bottom a img {
  display: inline-block;
  margin-left: 1rem
}

.home-about .image-box .box.big {
  flex: 0 0 100%
}

.home-about .image-box .box.big .overlay-bottom {
  bottom: 3.25rem;
  left: 3rem
}

.home-about .image-box .box .overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, .42);
  position: absolute;
  z-index: 0;
  opacity: 0;
  transition: .2s linear;
  -o-transition: .2s linear;
  -webkit-transition: .2s linear
}

.col4-design .row .col-md-6,
.home-about.line-wrap ul {
  margin-bottom: 5rem
}

.home-about.line-wrap .line {
  width: 2px;
  height: 13rem;
  background-color: #ccc;
  margin: 0 auto
}

.new-home-banner {
  margin-top: 10rem;
  margin-bottom: 9rem;
  position: relative
}

.new-home-banner .container .caption .new-title {
  font-size: 4.2rem;
  margin: 0 0 1.5rem;
  letter-spacing: -.18rem;
  line-height: 1.3;
  font-weight: 700
}

.new-home-banner .container .caption .new-title span {
  color: #222;
  box-shadow: inset 0 -64px 0 0 rgba(34, 34, 34, .1)
}

.new-home-banner .container .caption .new-title span.no-shadow {
  box-shadow: none
}

.new-home-banner .container .caption .new-title span.red {
  color: #eb5353;
  box-shadow: inset 0 -64px 0 0 rgba(235, 83, 83, .1)
}

.new-home-banner .container .caption .new-title span.gradient {
  background-color: #9e92ff;
  background-image: linear-gradient(left, #9e92ff, #f7bfff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700
}

.new-home-banner .container .caption .new-title span.gradient.blue-purple {
  background-color: #8be9ff;
  background-image: linear-gradient(left, #8be9ff, #6060d0)
}

.new-home-banner .container .caption .new-title.light {
  font-weight: 400;
  margin: 0 0 2.5rem
}

.new-home-banner .container .caption .new-title.new {
  font-size: 5.2rem;
  margin: 0 0 1rem
}

.new-home-banner .container .caption h1.new-sub-title {
  font-size: 1.8rem;
  line-height: 1.67;
  margin: 0 0 3.2rem;
  font-weight: 400;
  letter-spacing: -.036rem
}

.new-home-banner .container .caption h1.new-sub-title.small {
  font-size: 1.3rem;
  line-height: 1.57;
  letter-spacing: -.02rem
}

.new-home-banner .container .caption h1.new-sub-title img {
  max-width: 6.5rem;
  margin: 1.8rem auto 0
}

.new-home-banner .gradient-home-banner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1
}

.new-home-banner .homepage-video-wrap {
  top: 0;
  left: 0;
  height: 100vh;
  z-index: -1;
  width: 100%;
  position: absolute
}

.new-home-banner .homepage-video-wrap::before,
.portfolio-image-banner .video::after {
  content: "";
  display: block;
  padding-bottom: 100vh
}

.new-home-banner.scroll-icon {
  margin-top: 9rem;
  min-height: calc(100vh - 17.4rem);
  margin-bottom: 0
}

.home-portfolio {
  display: flex;
  align-items: flex-end;
  justify-content: center
}

.home-portfolio .box-wrap {
  display: flex;
  flex-wrap: wrap;
  flex: 0 0 30rem
}

.home-portfolio .box-wrap .box {
  max-width: 14rem;
  overflow: hidden;
  border-radius: .5rem;
  margin-right: 2rem;
  margin-bottom: 2rem;
  box-shadow: .5rem .5rem 1.2rem 0 rgba(0, 0, 0, .16);
  width: 100%;
  position: relative;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s
}

.home-portfolio .box-wrap .box:nth-child(2n) {
  margin-right: 0;
  transform: translateY(-2rem);
  -moz-transform: translateY(-2rem);
  -webkit-transform: translateY(-2rem)
}

.home-portfolio .box-wrap .box:nth-child(2n):hover,
.home-portfolio .box-wrap.right .box:hover {
  transform: translateY(-2.5rem);
  -moz-transform: translateY(-2.5rem);
  -webkit-transform: translateY(-2.5rem)
}

.blog-single .blog-post .blog-listing:hover,
.career .career-post .career-listing:hover,
.home-portfolio .box-wrap .box:hover,
.home-portfolio .box-wrap.right .box:nth-child(2n):hover,
.insights-wrap .insights .post:hover,
.service-case-study .service-box:hover {
  transform: translateY(-.5rem);
  -moz-transform: translateY(-.5rem);
  -webkit-transform: translateY(-.5rem)
}

.home-portfolio .box-wrap.right .box {
  transform: translateY(-2rem);
  -moz-transform: translateY(-2rem);
  -webkit-transform: translateY(-2rem)
}

.home-portfolio .box-wrap.right .box:nth-child(2n),
.services.next-project .next-project-inner .box-group .box-grid:nth-child(2n) {
  transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0)
}

.home-portfolio .single-portfolio {
  margin: 0 2.3rem;
  flex: 0 0 20.35rem
}

.home-portfolio-card .link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.home-portfolio-card .card-fullwidth {
  flex: 0 0 100%;
  display: flex;
  align-items: center;
  padding: 2rem 5.1rem;
  border-radius: 1.2rem;
  margin: 0 0 3rem;
  position: relative;
  z-index: 1
}

.home-portfolio-card .card-fullwidth .card-left {
  flex: 0 0 55%
}

.home-portfolio-card .card-fullwidth h3 {
  font-size: 4.8rem;
  font-family: "Bebas Neue";
  color: #fff;
  font-weight: 300;
  letter-spacing: normal;
  line-height: .9;
  margin: 0
}

.home-portfolio-card .card-fullwidth h3 span {
  font-size: 13.2rem;
  background-color: #fff;
  background: -webkit-linear-gradient(#fff 20%, rgba(255, 255, 255, 0) 90%);
  background-image: -o-linear-gradient(#fff 20%, rgba(255, 255, 255, 0) 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0)
}

.ceo-message .bottom h2 span,
.portfolio-filter ul li.active,
.portfolio-filter ul li:hover {
  background-image: linear-gradient(left, #8be9ff, #6060d0);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent
}

.home-portfolio-card .card-fullwidth p {
  color: #fff;
  font-weight: 400
}

.home-portfolio-card .card-fullwidth .card-right,
.service-colored-banner .container .right {
  flex: 0 0 45%
}

.home-portfolio-card .card-fullwidth .card-right .image img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  transform: translate(-54%, -50%) scale(1.4);
  -moz-transform: translate(-54%, -50%) scale(1.4);
  -webkit-transform: translate(-54%, -50%) scale(1.4);
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.home-portfolio-card .bottom-card {
  display: flex;
  justify-content: space-between;
  flex: 0 0 100%
}

.home-portfolio-card .bottom-card .left {
  flex: 0 1 34%;
  border-radius: .9rem;
  margin-right: 3rem;
  padding: 2.6rem 0 0;
  position: relative
}

.home-portfolio-card .bottom-card .left .title,
.home-portfolio-card .bottom-card .right .title {
  font-family: "Bebas Neue";
  font-size: 3.5rem;
  font-weight: 300;
  letter-spacing: normal;
  text-align: center;
  line-height: .9;
  color: #fff
}

.home-portfolio-card .bottom-card .left .title span {
  font-size: 4.8rem;
  display: block;
  background-color: #fff;
  background: -webkit-linear-gradient(#fff 20%, rgba(255, 255, 255, 0) 90%);
  background-image: -o-linear-gradient(#fff 20%, rgba(255, 255, 255, 0) 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0)
}

.home-portfolio-card .bottom-card .left p,
.home-portfolio-card .bottom-card .right p {
  font-size: .8rem;
  text-transform: uppercase;
  margin: 0 0 1.85rem;
  color: #fff;
  text-align: center;
  font-weight: 400
}

.home-portfolio-card .bottom-card .left h3 {
  font-family: "Bebas Neue";
  font-size: 12.4rem;
  text-align: center;
  font-weight: 300;
  letter-spacing: normal;
  line-height: .9;
  margin: 0;
  background-color: #fff;
  background: -webkit-linear-gradient(#fff 20%, rgba(255, 255, 255, 0) 90%);
  background-image: -o-linear-gradient(#fff 20%, rgba(255, 255, 255, 0) 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0)
}

.home-portfolio-card .bottom-card .left .card-image {
  margin-top: -12rem;
  position: relative
}

.home-portfolio-card .bottom-card .left .image {
  margin-top: -2.6rem;
  position: relative
}

.home-portfolio-card .bottom-card .left h4 {
  font-family: "Bebas Neue";
  font-size: 3rem;
  font-weight: 300;
  letter-spacing: normal;
  margin: 2.1rem 0 0;
  color: #fff;
  text-align: center
}

.home-portfolio-card .bottom-card .right {
  flex: 1 1 auto;
  border-radius: .9rem;
  padding: 2.6rem 0 0;
  overflow: hidden;
  position: relative
}

.home-portfolio-card .bottom-card .right .title span {
  font-size: 6rem;
  display: block;
  background-color: #fff;
  background: -webkit-linear-gradient(#fff 20%, rgba(255, 255, 255, 0) 90%);
  background-image: -o-linear-gradient(#fff 20%, rgba(255, 255, 255, 0) 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0)
}

.home-portfolio-card .bottom-card .right h3 {
  font-family: "Bebas Neue";
  font-size: 7.9rem;
  text-align: center;
  font-weight: 300;
  letter-spacing: normal;
  line-height: .9;
  margin: 0;
  background-color: #fff;
  background: -webkit-linear-gradient(#fff 20%, rgba(255, 255, 255, 0) 90%);
  background-image: -o-linear-gradient(#fff 20%, rgba(255, 255, 255, 0) 90%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: rgba(255, 255, 255, 0)
}

.home-portfolio-card .bottom-card .right .image {
  width: 100%;
  position: absolute;
  bottom: 0
}

.home-portfolio-card .bottom-card .right .image::before {
  content: "";
  display: block;
  padding-bottom: 64%
}

.home-portfolio-card .bottom-card .right .bottom-content {
  position: absolute;
  bottom: 1.8rem;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  text-align: center
}

.home-portfolio-card .bottom-card .right .bottom-content img {
  max-width: 21rem;
  margin: 0 auto .4rem
}

.home-portfolio-card .bottom-card .right .bottom-content p {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: -.03rem;
  color: #fff;
  margin: 0
}

.trusted-us .box-wrap .box {
  flex: 0 0 16.66667%;
  border-bottom: 1px solid rgba(34, 34, 34, .1);
  border-right: 1px solid rgba(34, 34, 34, .1);
  overflow: hidden
}

.trusted-us .box-wrap .box h3 {
  font-size: 4.2rem;
  font-family: "Bebas Neue";
  font-weight: 300;
  letter-spacing: normal;
  margin: 3rem 0 .25rem
}

.trusted-us .box-wrap .box p {
  font-size: 1.8rem;
  letter-spacing: -.04rem;
  margin: 0
}

.trusted-us .box-wrap .box:first-child {
  flex: 0 0 66.66667%
}

.trusted-us .box-wrap .box:nth-child(2),
.trusted-us .box-wrap .box:nth-child(3) {
  border-top: 1px solid rgba(34, 34, 34, .1)
}

.trusted-us .box-wrap .box:nth-child(10),
.trusted-us .box-wrap .box:nth-child(16),
.trusted-us .box-wrap .box:nth-child(4) {
  border-left: 1px solid rgba(34, 34, 34, .1)
}

.trusted-us .box-wrap .box .image a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.trusted-us .box-wrap .box .image.slide-animation::after {
  background-color: #999;
  right: -19%;
  z-index: 0
}

.trusted-us .box-wrap .box .image.slide-animation:hover::after {
  transform: translateX(1%) skew(-20deg)
}

.home-services .title-new {
  margin: 0 0 3.5rem
}

.home-services .box-wrap {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1200px;
  margin: 0 auto
}

.home-services .box-wrap .box {
  width: calc(50% - 1.5rem);
  padding: 2.8rem 2.8rem 2.45rem;
  margin: 0 0 4rem;
  border: 1px solid #ccc;
  border-radius: 1.2rem;
  transition: .2s;
  position: relative
}

.home-services .box-wrap .box:nth-child(2n) {
  transform: translateY(2.5rem);
  -moz-transform: translateY(2.5rem);
  -webkit-transform: translateY(2.5rem)
}

.home-services .box-wrap .box h3 {
  font-size: 2.7rem;
  font-family: "Bebas Neue", sans-serif;
  font-weight: 300;
  letter-spacing: normal;
  margin: 0 0 1rem;
  line-height: 1.1
}

.home-services .box-wrap .box ul {
  list-style: disc;
  padding-left: 1.4rem;
  margin-bottom: 0
}

.home-services .box-wrap .box ul li {
  letter-spacing: -.032rem;
  margin: 0 0 .8rem;
  font-weight: 400;
  font-size: 1.1rem
}

.home-services .box-wrap .box p {
  letter-spacing: -.032rem;
  margin: 0 0 1.4rem;
  font-weight: 400;
  max-width: 28.3rem
}

.home-services .box-wrap .box .learn {
  color: #666;
  text-transform: uppercase;
  font-size: 1.1rem
}

.home-services .card-wrap .card {
  width: calc(25% - 1.125rem);
  padding: 3.15rem 2rem 4.5rem;
  border-radius: 1.2rem;
  margin-right: 1.5rem;
  box-shadow: .5rem .5rem 1.2rem 0 rgba(0, 0, 0, .16)
}

.home-services .card-wrap .card h3 {
  font-size: 2.4rem;
  font-family: "Bebas Neue";
  color: #fff;
  font-weight: 300;
  letter-spacing: normal;
  margin: 0 0 1.1rem
}

.home-services .card-wrap .card ul li {
  color: #fff;
  font-size: 1.2rem;
  margin: 0 0 .8rem;
  font-weight: 400;
  line-height: 1.4
}

.home-services.new {
  max-width: 1280px;
  margin: 0 auto 10rem
}

.home-services.new .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-start
}

.home-services.new .title-uppercase {
  position: sticky;
  position: -webkit-sticky;
  top: 10rem;
  margin-right: 2rem
}

.home-services.new .title-uppercase h2.light {
  font-size: 4.6rem;
  margin-bottom: 1.4rem !important;
  line-height: 1 !important
}

.home-services.new .title-uppercase p {
  font-size: 1.4rem;
  line-height: 1.57;
  letter-spacing: -.056rem;
  margin: 0 0 1.25rem
}

.home-services.new .box-wrap {
  flex: 0 0 auto;
  max-width: 30rem;
  width: 100%;
  display: block;
  margin: 16rem 0 0
}

.home-services.new .box-wrap .box {
  width: 100%;
  margin: 0 0 2.4rem;
  transition: .2s;
  -o-transition: .2s;
  -webkit-transition: .2s
}

.home-services.new .box-wrap .box:nth-child(2n) {
  transform: none;
  -moz-transform: none;
  -webkit-transform: none
}

.home-services.new .box-wrap .box h3 {
  font-size: 2.2rem
}

.home-services.new .box-wrap .box.bg-gradient {
  transition: .2s;
  -o-transition: .2s;
  -webkit-transition: .2s
}

.insights-wrap .insights .post {
  width: calc(33.3333333333% - 1.5rem);
  position: relative;
  overflow: hidden;
  border-radius: .5rem;
  backface-visibility: hidden;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s
}

.insights-wrap .insights .post .thumb {
  width: 100%;
  position: relative;
  border-radius: .5rem;
  overflow: hidden
}

.blog .alm-reveal .blog-listing .image::before,
.blog .blog-post .blog-listing .image::before,
.blog-home-banner .col-left .image::before,
.blog-home-banner .col-right .image::before,
.blog-single .blog-post .blog-listing .image::before,
.insights-wrap .insights .post .thumb::before,
.portfolio-video-wrap .portfolio-video .video::after,
.service-slider-section .service-carousel .service-post .image::before,
.video-wrap .video:after {
  content: "";
  display: block;
  padding-bottom: 56.25%
}

.insights-wrap .insights .post .thumb img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition: .35s;
  -o-transition: .35s;
  -webkit-transition: .35s;
  -o-object-fit: cover;
  object-fit: cover
}

.insights-wrap .insights .post .thumb a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1
}

.insights-wrap .insights .post .content {
  padding: 1.55rem .5rem 0
}

.insights-wrap .insights .post .content h3 {
  font-size: 1.3rem;
  line-height: 1.43;
  letter-spacing: -.03rem;
  margin-bottom: .5rem;
  font-weight: 400;
  color: #999
}

.insights-wrap .insights .post .content h3 a {
  color: #999;
  text-decoration: none
}

.insights-wrap .btn-insights {
  text-align: center;
  transform: translateY(4.7rem)
}

.header-top {
  background-color: #f5f5f5;
  padding: .5rem 4rem
}

.header-top ul {
  display: flex;
  justify-content: flex-end;
  align-items: center
}

.header-top ul li a {
  color: #222;
  font-size: .8rem;
  padding: 0 .25rem 0 .5rem;
  text-decoration: none;
  font-weight: 400
}

.header-top ul li::after {
  content: "";
  width: .25rem;
  height: .25rem;
  background-color: #222;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle
}

.whatTheySay-wrap {
  margin-bottom: 10rem;
  background: #585fa3;
  color: #fff;
  padding: 7.5rem 0 12rem
}

.whatTheySay-wrap .whatTheySay {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 50px;
  position: relative;
  border: 3px solid #fff;
  border-bottom-right-radius: 120px;
  border-top: 0
}

.whatTheySay-wrap .whatTheySay::after,
.whatTheySay-wrap .whatTheySay::before {
  content: "";
  position: absolute;
  top: 100%;
  border-style: solid
}

.whatTheySay-wrap .whatTheySay::after {
  border-width: 120px 120px 0 0;
  border-color: #fff transparent transparent;
  left: 120px
}

.whatTheySay-wrap .whatTheySay::before {
  border-width: 114px 114px 0 0;
  border-color: #585fa3 transparent transparent;
  z-index: 1;
  left: 123px;
  top: calc(100% - 1px)
}

.whatTheySay-wrap .whatTheySay .title-uppercase h2 {
  text-align: center;
  margin-bottom: 60px !important
}

.whatTheySay-wrap .whatTheySay .quote-img {
  position: absolute;
  top: 0;
  max-width: 5.4rem;
  z-index: 0
}

.whatTheySay-wrap .whatTheySay .quote-img.left {
  left: -42px
}

.whatTheySay-wrap .whatTheySay .quote-img.right {
  right: -42px
}

.whatTheySay-wrap .whatTheySay .quote-img::after {
  content: "";
  position: absolute;
  width: 100%;
  background-color: #585fa3;
  top: 0;
  bottom: -2rem
}

.whatTheySay-wrap .whatTheySay p {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -.036rem;
  margin: 0 0 1rem;
  color: #fff
}

.whatTheySay-wrap .whatTheySay p.small {
  font-size: 1.6rem;
  letter-spacing: -.032rem
}

.whatTheySay-wrap .whatTheySay .testtiminialBy img {
  flex: 0 0 auto;
  width: 6rem;
  margin-right: 1.6rem
}

.whatTheySay-wrap .whatTheySay .testtiminialBy p {
  font-size: 1.4rem;
  letter-spacing: -.032rem;
  line-height: 1.5;
  margin: 0;
  font-weight: 600
}

.whatTheySay-wrap .whatTheySay .testtiminialBy h5 {
  font-size: 1.4rem;
  letter-spacing: -.032rem;
  line-height: 1.5;
  font-weight: 300;
  margin: 0
}

.whatTheySay-wrap .whatTheySay .owl-carousel {
  padding-bottom: 60px;
  z-index: 0
}

.whatTheySay-wrap .whatTheySay .owl-dots {
  position: absolute;
  top: calc(100% + 3rem);
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center
}

.whatTheySay-wrap .whatTheySay .owl-dots button.owl-dot {
  width: .9rem;
  height: .9rem;
  border-radius: 50%;
  display: inline-block;
  background: #fff;
  margin: 0 .3rem;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s;
  opacity: .3
}

.whatTheySay-wrap .whatTheySay .owl-dots button.owl-dot.active {
  background-color: #fff;
  opacity: 1
}

.fadeIn {
  animation-name: fadeIn
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }

  to {
    opacity: 1
  }
}

.fadeOutDown {
  animation-name: fadeOutDown
}

@keyframes fadeOutDown {
  0% {
    opacity: 1
  }

  to {
    opacity: 0;
    transform: translate3d(0, 100%, 0)
  }
}

.fadeInUp {
  animation-name: fadeInUp
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translate3d(0, 100%, 0)
  }

  to {
    opacity: 1;
    transform: translateZ(0)
  }
}

.slideInUp {
  animation-name: slideInUp
}

@keyframes slideInUp {
  0% {
    transform: translate3d(0, 100%, 0);
    visibility: visible
  }

  to {
    transform: translateZ(0)
  }
}

.slideOutDown {
  animation-name: slideOutDown
}

@keyframes slideOutDown {
  0% {
    transform: translateZ(0)
  }

  to {
    visibility: hidden;
    transform: translate3d(0, 100%, 0)
  }
}

.slide-animation::after {
  content: "";
  position: absolute;
  top: 0;
  right: -11%;
  width: 140%;
  height: 100%;
  transform: translateX(100%) skew(-20deg);
  background-color: #fff;
  opacity: .1;
  transition: transform .6s
}

.slide-animation:hover::after {
  transform: translateX(6%) skew(-20deg)
}

.home-animation-wrapper {
  text-align: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 10rem;
  overflow: hidden;
  position: relative
}

.home-animation-wrapper .bg-image,
.home-animation-wrapper .home-animation .image img,
.portfolio-header.full-height .bg-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.home-animation-wrapper .home-animation {
  width: 100%;
  height: 100%;
  transform-style: preserve-3d
}

.home-animation-wrapper .home-animation .image {
  position: relative;
  width: 100%;
  min-height: 100vh
}

.home-animation-wrapper .home-animation .image .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  mix-blend-mode: screen
}

.home-animation-wrapper .home-animation .image .overlay img {
  mix-blend-mode: screen
}

.portfolio-banner {
  height: calc(70vh - 7.5rem);
  position: relative
}

.portfolio-banner .container .caption {
  margin: 0 auto;
  text-align: center;
  max-width: 73.125rem
}

.portfolio-image-banner {
  height: 100vh;
  margin-top: -8.375rem;
  position: relative
}

.portfolio-image-banner .video {
  width: 100%;
  position: relative;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black)
}

.portfolio-image-banner .video video,
.portfolio-video-wrap.full-width .video video {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  -o-object-fit: cover;
  object-fit: cover
}

.portfolio-image-banner .overlay {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  bottom: 0;
  background-color: transparent
}

.portfolio-image-banner .content {
  position: absolute;
  bottom: 4.45rem;
  left: 50%;
  transform: translateX(-50%);
  max-width: 70rem;
  width: 100%;
  text-align: center
}

.portfolio-image-banner .content .logo {
  max-width: 17.4rem;
  margin: 0 auto 2rem
}

.portfolio-image-banner .content.left {
  padding: 0 15px 5%;
  max-width: 100rem;
  text-align: left
}

.portfolio-image-banner .content.left h1 {
  font-family: "Playfair Display", serif;
  text-align: left;
  font-weight: 600;
  line-height: 1.33;
  letter-spacing: normal;
  margin: 0 0 1.5rem
}

.portfolio-image-banner .content.center {
  bottom: auto;
  top: 9rem;
  left: 50%
}

.portfolio-image-banner .content.center .logo,
.service-inner-banner.hiring-banner.center .container .banner-details .hiring-form.home-form {
  max-width: 26rem;
  margin: 0 auto
}

.portfolio-image-banner .content.center .lottie {
  max-width: 12rem;
  margin: 0 auto 1.4rem
}

.portfolio-image-banner .content.center h1,
.team-wrap .section-title h2 {
  line-height: 1.33;
  margin: 0 0 1.5rem
}

.portfolio-image-banner .content.v-center {
  padding: 0 15px;
  top: 50%;
  transform: translate(-50%, -50%);
  bottom: auto
}

.portfolio-image-banner .content.v-center h1 {
  font-family: "Open Sans", sans-serif;
  line-height: 1.4;
  letter-spacing: -.06rem;
  font-weight: 300;
  font-size: 3rem;
  color: #fff
}

.portfolio-image-banner .content.v-center h2 {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.4rem;
  position: relative;
  letter-spacing: .05rem;
  font-weight: 400;
  margin: 0 0 1rem;
  color: #fff
}

.portfolio-image-banner .content.v-center h2::before {
  content: "";
  width: 3.6rem;
  height: 2px;
  background-color: #fff;
  display: inline-block;
  margin-right: 1rem;
  vertical-align: middle;
  opacity: .6
}

.portfolio-image-banner .scroll-down {
  position: relative;
  bottom: 7.45rem;
  left: 50%;
  transform: translateX(-50%);
  animation: 1.2s linear headerfadein
}

.portfolio-header {
  position: relative;
  margin: 3rem 0 8rem
}

.owl-carousel .owl-animated-out,
.portfolio-header .top-banner,
.trusted-us.bg-blue .box-wrap .box .image a {
  z-index: 1
}

.portfolio-header .top-banner .image,
.services-header .top-banner .image {
  width: 26rem;
  margin: 0 auto 1rem;
  position: relative;
  max-width: 100%
}

.portfolio-header .text h1 {
  font-size: 3.6rem;
  letter-spacing: -.15rem;
  line-height: 1.33
}

.portfolio-header.portfolio-header-full {
  margin: 0 0 9.75rem;
  min-height: calc(100vh - 19.5rem);
  display: flex;
  flex-direction: column;
  justify-content: center
}

.portfolio-header.header-new {
  margin: 4rem 0 14rem
}

.portfolio-header.full-height {
  margin-top: -8.4rem;
  padding-top: 8.4rem;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 0;
  position: relative
}

.portfolio-header.ascend {
  background-color: #5951aa;
  background-image: linear-gradient(0deg, #7729cd, #5951aa)
}

.portfolio-header.lallantop {
  min-height: 128vh;
  padding-bottom: 22%
}

.portfolio-header.lallantop .top-banner .image {
  width: 36rem
}

.blog .alm-reveal .blog-listing .image,
.blog .blog-post .blog-listing .image,
.blog-top .container .left .image,
.blog-top .container .right .image,
.career .career-post .career-listing .image,
.full-image .image,
.knowledge-center .knowledge-center-post .knowledge-center-listing .image,
.portfolio-about .image,
.portfolio-center-text .image {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: .5rem
}

.full-image .image::before,
.portfolio-about .image::before,
.portfolio-center-text .image::before,
.service-testimonial .image::before {
  content: "";
  display: block;
  padding-bottom: 41.86%
}

.portfolio-center-text h2 {
  font-size: 3.6rem;
  line-height: 1.3;
  text-align: center
}

.portfolio.media-wrap .media .content a,
.portfolio.media-wrap .media .thumb a {
  pointer-events: none
}

.portfolio.media-wrap .media .thumb .logo {
  width: 57.14%;
  position: absolute;
  overflow: hidden;
  bottom: 1rem;
  left: 2rem;
  max-width: 12rem
}

.portfolio.media-wrap .media .content {
  padding-top: 2.5rem
}

.portfolio.media-wrap .media .content::after {
  top: 6.2rem
}

.portfolio.media-wrap .media .content h2,
.portfolio.media-wrap .media .content h5 {
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: 600;
  line-height: 2.5;
  letter-spacing: -.05rem;
  margin: 0
}

.portfolio.media-wrap .media .content h4,
.portfolio.media-wrap .media .content p {
  font-family: "Open Sans", sans-serif;
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: -.1rem;
  margin: 0 0 1rem
}

.portfolio.media-wrap .media .content a.btn {
  pointer-events: auto
}

.portfolio.media-wrap .media.reverse .thumb .logo {
  right: 2rem;
  left: auto
}

.portfolio.service-case-study .service-box .detail {
  padding: .8rem 1.5rem;
  background-color: #f7f7f7
}

.portfolio.service-case-study .service-box .detail h2,
.portfolio.service-case-study .service-box .detail h4 {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.3rem;
  text-transform: uppercase;
  font-weight: 300;
  line-height: 2.5;
  letter-spacing: .03rem;
  color: #222;
  margin: 0
}

.portfolio.service-case-study .service-box .detail h3 {
  font-size: 1.6rem;
  line-height: 1.4;
  margin: 0 0 .5rem;
  font-family: "Open Sans", sans-serif;
  letter-spacing: -.05rem
}

.portfolio.service-case-study .service-box .detail p,
.service-blogs .insights-wrap .insights .post .content h3 {
  font-size: 1.1rem
}

.portfolio.service-case-study.col-3 .service-box .detail {
  padding: .8rem 1rem
}

.portfolio.service-case-study.col-3 .service-box .detail h3 {
  font-size: 1.37rem;
  line-height: 1.4;
  letter-spacing: -.05rem
}

@keyframes dash {
  to {
    stroke-dashoffset: 0
  }
}

.portfolio .portfolio-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1218px;
  margin: 0 auto
}

.portfolio .portfolio-wrap .portfolio-box-wrap {
  width: calc(50% - 2.062rem);
  margin-bottom: 4.5rem
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box {
  background-color: #f7f7f7;
  border-radius: 2.4rem;
  overflow: hidden;
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0 0 2rem
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box .circle {
  position: absolute;
  width: 24rem;
  height: 24rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform-origin: center;
  background: #000;
  opacity: .06;
  border-radius: 50%
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box .image img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: .5s linear .5s;
  -o-transition: .5s linear .5s;
  -webkit-transition: .5s linear .5s;
  transform-origin: center
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box .image img.hoverable-img,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .image-hover img.hoverable-img {
  opacity: 0;
  visibility: hidden
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box:hover .circle,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card:hover .circle {
  animation: 1s ease-out 1s pulse
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box.bg-green1,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .bg-color.bg-green1 {
  background-color: #dfeeea
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box.bg-green2,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .bg-color.bg-green2 {
  background-color: #d4e9e2
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box.bg-green3,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .bg-color.bg-green3 {
  background-color: #e4efe7
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box.bg-green4,
.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box.bg-olive2,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .bg-color.bg-green4,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .bg-color.bg-olive2 {
  background-color: #d3e4cd
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box.bg-yellow1,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .bg-color.bg-yellow1 {
  background-color: #ffe595
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box.bg-yellow2,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .bg-color.bg-yellow2 {
  background-color: #f7d59c
}

.blog-single .blog-content .blog-quick-links,
.hiring-explore .card.light,
.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box.bg-gray,
.portfolio-features .container .left .image.gray,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .bg-color.bg-gray,
.technologies-single.hovered:hover {
  background-color: #ebebeb
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box.bg-gray1,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .bg-color.bg-gray1 {
  background-color: #c9ccd5
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box.bg-beige1,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .bg-color.bg-beige1 {
  background-color: #e4cda7
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box.bg-beige2,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .bg-color.bg-beige2 {
  background-color: #dbd0c0
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box.bg-blue1,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .bg-color.bg-blue1 {
  background-color: #f1f5fb
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box.bg-blue2,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .bg-color.bg-blue2 {
  background-color: #d0e9ff
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box.bg-blue3,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .bg-color.bg-blue3 {
  background-color: #c5d4f0
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box.bg-blue4,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .bg-color.bg-blue4 {
  background-color: #afdaff
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box.bg-blue5,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .bg-color.bg-blue5 {
  background-color: #b6c9f0
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box.bg-orange1,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .bg-color.bg-orange1 {
  background-color: #f2dac3
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box.bg-purple,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .bg-color.bg-purple {
  background-color: #c5c4ff
}

.portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box.bg-olive1,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .bg-color.bg-olive1 {
  background-color: #b2b8a3
}

.portfolio .portfolio-wrap .portfolio-box-wrap .content {
  padding-left: 1.5rem;
  border-left: 2px solid #ebebeb
}

.portfolio .portfolio-wrap .portfolio-box-wrap .content h2,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .content h2 {
  font-family: "Bebas Neue";
  font-size: 2.3rem;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0 0 .5rem;
  font-weight: 100;
  color: #000
}

.portfolio .portfolio-wrap .portfolio-box-wrap .content h2 a,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .content h2 a,
.service-slider-section .service-carousel .service-post .title a,
.sticky-service-section .service-row .right ul li a {
  text-decoration: none;
  color: #000
}

.portfolio .portfolio-wrap .portfolio-box-wrap .content p,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .content p {
  color: #666;
  font-size: 1.2rem;
  line-height: 1.67;
  margin: 0 0 .7rem;
  font-weight: 400;
  letter-spacing: -.02rem
}

.portfolio .portfolio-wrap .portfolio-box-wrap .content p a,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .content p a {
  text-decoration: none;
  font-weight: 400;
  color: #666
}

.portfolio .portfolio-wrap .portfolio-box-wrap .content .small,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .content .small {
  color: #666;
  font-size: .9rem;
  line-height: 1.67;
  margin: 0 0 .7rem;
  letter-spacing: -.02rem;
  text-transform: uppercase
}

.portfolio-mobile {
  margin: 0 auto 10rem;
  max-width: 75%;
  position: relative
}

.case-study-mobile .image,
.portfolio-mobile .image {
  max-width: 90%;
  margin: 0 auto
}

.portfolio-about .text h2 {
  line-height: 1.3;
  font-size: 3.6rem;
  margin: 16.75rem 0
}

.portfolio-about .content h2 {
  font-size: 3rem;
  margin: 0 0 1rem
}

.portfolio-about .content p {
  font-size: 1.8rem;
  font-weight: 300;
  line-height: 1.67;
  margin: 0 0 2.8rem
}

.portfolio-about.portfolio-about-new {
  background-color: #f7f7f7;
  padding: 7.5rem 0
}

.portfolio-about.portfolio-about-new .text h2 {
  color: rgba(255, 255, 255, .88);
  margin: 0;
  font-size: 3.4rem;
  line-height: 1.5
}

.portfolio-about.portfolio-about-new .text h2.small-font {
  font-size: 3rem;
  line-height: 1.6
}

.portfolio-about.portfolio-about-new .text h3 {
  font-family: "Playfair Display", serif;
  font-size: 3rem;
  line-height: 1.3;
  letter-spacing: -.06rem;
  font-weight: 600
}

.portfolio-about.portfolio-about-new.blue {
  background-color: #2c447a
}

.portfolio-about.portfolio-about-new.green {
  background-color: #255d5f
}

.portfolio-about-new .portfolio-testimonial-new.purple,
.portfolio-about.portfolio-about-new.purple {
  background-color: #3c4290
}

.portfolio-about.portfolio-about-new.orange {
  background-color: #f77e36
}

.portfolio-about-new .portfolio-testimonial-new.cyan,
.portfolio-about.portfolio-about-new.cyan {
  background-color: #06bbba
}

.portfolio-about-new .portfolio-testimonial-new.red,
.portfolio-about.portfolio-about-new.red {
  background-color: #fb3640
}

.portfolio-about.portfolio-about-new.light-red {
  background-color: #ff8474
}

.portfolio-about-new .portfolio-testimonial-new.gray-blue,
.portfolio-about.portfolio-about-new.gray-blue {
  background-color: #586f97
}

.portfolio-about-new .portfolio-testimonial-new.beige,
.portfolio-about.portfolio-about-new.beige {
  background-color: #a0937d
}

.portfolio-about-new .portfolio-testimonial-new.soft-blue,
.portfolio-about.portfolio-about-new.soft-blue {
  background-color: #556ee6
}

.portfolio-about-new .portfolio-testimonial-new.amex-blue,
.portfolio-about.portfolio-about-new.amex-blue {
  background-color: #0072d4
}

.portfolio-about-new .portfolio-testimonial-new.pink,
.portfolio-about.portfolio-about-new.pink {
  background-color: #e25ba9
}

.we-did .text p {
  font-weight: 300;
  letter-spacing: normal;
  font-size: 1.5rem;
  line-height: 1.67
}

.we-did .content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 8rem
}

.we-did .content .image {
  max-width: 16.875rem;
  margin: 0 1.875rem
}

.we-did .content .image-tablet {
  max-width: 28.125rem;
  width: 100%;
  margin: 0 3.75rem
}

.we-did .portfolio-mobile {
  max-width: 70.8rem;
  margin: 0 auto 12rem
}

.we-did .portfolio-mobile .image {
  max-width: 92%
}

.we-did.bg-white {
  margin: 0;
  padding: 0 0 10rem
}

.we-did .img-2 .image {
  flex: 0 0 34.48%;
  width: 34.48%;
  position: relative;
  overflow: hidden;
  border-radius: 1.2rem;
  background-color: #afdaff
}

.blog .alm-reveal .blog-listing .image img,
.blog .blog-post .blog-listing .image img,
.blog-top .container .left .image img,
.blog-top .container .right .image img,
.career .career-post .career-listing .image img,
.career-gallery .image img,
.iot-blog .blog-inner ul li .blog-item .thumbnail img,
.iot-slider .iot-inner .caption .content .logo img,
.iot-slider .iot-inner .image img,
.knowledge-center .knowledge-center-post .knowledge-center-listing .image img,
.review .review-blog .right .image img,
.we-did .img-2 .image img,
.we-did .img-2 .image:last-child img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover
}

.we-did .img-2 .image:last-child {
  flex: 0 0 62.06%;
  width: 62.06%;
  position: relative
}

.life-ta .about-gallery .box-wrap:nth-child(3) .box:last-child::before,
.we-did .img-2 .image:last-child::before {
  content: "";
  display: block;
  padding-bottom: 55.56%
}

.case-summary-details .summary-content {
  margin: 6.875rem 0 0 4.875rem;
  max-width: 33.75rem
}

.case-summary-details .summary-content .num {
  font-size: 2.4rem;
  line-height: .88;
  color: #ccc;
  margin: 0 0 1rem
}

.case-summary-details .summary-content h4 {
  font-size: 2.4rem;
  margin: 0 0 1rem
}

.case-summary-details .summary-content h3 {
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.1;
  margin: 0 0 .625rem;
  letter-spacing: -.08rem
}

.case-summary-details .summary-content p {
  color: #000;
  font-size: 1.2rem;
  line-height: 1.67;
  margin: 0 0 1.25rem;
  font-weight: 100;
  letter-spacing: normal
}

.case-summary-details .image {
  margin-left: 19.125rem;
  position: relative
}

.case-summary-details .image::before {
  content: "";
  position: absolute;
  background: #f7f7f7;
  display: block;
  width: 68.75rem;
  height: 68.75rem;
  top: -12.5rem;
  left: 8.125rem;
  z-index: -1;
  border-radius: 50%
}

.case-summary-details .row:nth-child(2n) {
  flex-direction: row-reverse;
  margin-top: 0
}

.case-summary-details .row:nth-child(2n) .summary-content {
  margin: 6.875rem 0 0
}

.case-summary-details .row:nth-child(2n) .image {
  margin: -11.875rem 19.125rem 0 0 !important
}

.case-summary-details .row:nth-child(2n) .image::before {
  left: auto;
  right: 8.125rem
}

.case-summary-details .row:nth-child(2n)+.row {
  margin-top: -11.875rem
}

.case-summary-details .row:nth-child(2n)+.row .summary-content {
  margin: 18rem 0 0 4.875rem
}

.case-summary-details.case-summary-teblet .row .summary-content,
.services-top .box-wrap:nth-child(odd) {
  margin-top: 6rem
}

.case-summary-details.case-summary-teblet .row+.row {
  margin-top: 3rem
}

.case-summary-details.case-summary-teblet .row:nth-child(2n) .image {
  margin: 0 11.875rem 0 0 !important
}

.case-summary-details.case-summary-teblet .row:nth-child(2n)+.row .summary-content {
  margin: 6rem 0 0 4.875rem
}

.case-summary-details.case-summary-teblet .image {
  margin-left: 11.875rem
}

.case-summary-details.case-summary-landscape .image {
  margin-right: 5rem;
  margin-left: 0
}

.case-summary-details.case-summary-landscape .row+.row {
  margin-top: 12.5rem
}

.case-summary-details.case-summary-landscape .row:nth-child(2n) .image {
  margin: 0 5rem 0 0 !important
}

.technology-stack {
  margin: 0 0 6.6rem
}

.technology-stack .icon-list ul {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  max-width: 1170px;
  margin: 0 auto
}

.app-links .content,
.case-study-awards .awards-logo,
.case-study-wireframe ul,
.column-5 .image-wrap,
.portfolio-icon-center ul {
  justify-content: center;
  display: flex
}

.technology-stack .icon-list ul li {
  width: 10.44rem;
  margin: 1rem 0;
  text-align: center;
  position: relative
}

.technology-stack .icon-list ul li .icon {
  display: inline-block;
  border-radius: 50%;
  background-color: #f7f7f7;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 6rem
}

.technology-stack .icon-list ul li .icon img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(.5);
  -moz-transform: translate(-50%, -50%) scale(.5);
  -webkit-transform: translate(-50%, -50%) scale(.5);
  -o-object-fit: contain;
  object-fit: contain
}

.technology-stack .icon-list ul li p {
  color: #666;
  font-size: 1rem;
  margin-top: .9rem;
  font-weight: 400
}

.technology-stack .icon-list ul li p a {
  color: #666;
  text-decoration: none
}

.technology-stack .icon-list ul li:first-child::after,
.technology-stack .icon-list ul li:first-child::before {
  content: none !important
}

.technology-stack.engarde .icon-list ul {
  max-width: 1212px;
  padding: 0 0 2.2rem
}

.technology-stack.engarde .icon-list ul li {
  width: 11.44rem
}

.technology-stack.engarde .icon-list ul li .icon {
  border-radius: 1rem;
  background-color: #ff0457;
  background-image: linear-gradient(135deg, #ff0457, #ff4534)
}

.technology-stack.tripple-technology-stack .icon-list ul li .icon {
  background-color: #212fcc;
  background-image: linear-gradient(162deg, #1e91ed, #212fcc);
  box-shadow: 0 0 0 8px #c5e1fa
}

.portfolio-testimonial .text,
.service-testimonial .text {
  padding: 2.375rem 0 0 4rem;
  position: relative
}

.portfolio-testimonial .text img,
.service-testimonial .text img {
  width: 3rem;
  position: absolute;
  left: 0;
  top: 0
}

.portfolio-testimonial .text h3,
.service-testimonial .text h3 {
  line-height: 1.3
}

.portfolio-testimonial p,
.service-testimonial p {
  font-size: 1.2rem;
  color: #222;
  font-weight: 300
}

.address .section-title p,
.career-center-single .content p strong,
.career-center-single .header-content p strong,
.industries-category .industries-tab-content .bottom .features li,
.portfolio-summary-details .portfolio-strip .container .left p strong,
.portfolio-testimonial p strong,
.service-case-study .service-box .detail .view,
.service-testimonial p strong,
.service-wrap .entry-content p strong {
  font-weight: 400
}

.case-study-mobile .image.image-border img {
  border-radius: 1.375rem;
  border: 3px solid #000
}

.case-study-mobile .case-bottom-img {
  max-width: 58.94rem;
  width: 100%;
  margin: 0 auto
}

.app-links .content a img {
  max-width: 12rem;
  margin: 0 .625rem
}

.app-links::after {
  content: "";
  position: absolute;
  max-width: 56rem;
  width: 100%;
  height: 2px;
  background-color: #e0e0e0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1
}

.case-study-awards .awards-logo li,
.media-wrap-with-box .media .thumb,
.portfolio-icon-center ul li .image,
.video-wrap .video {
  position: relative;
  width: 100%;
  overflow: hidden
}

.column-5 .image-wrap li {
  flex: 1 1 auto;
  margin: 0 1.5rem
}

.column-5 .image-wrap li .mobile-img img {
  width: 97%;
  margin: 0 auto
}

.column-5.col-with-bg {
  padding: 4.75rem 0;
  margin: 0
}

.case-study-wireframe ul li {
  flex-basis: 39.07rem;
  flex-shrink: 0;
  margin: 0 .72rem
}

.video-wrap .video {
  margin: 0 auto;
  max-width: 60rem;
  border-radius: .5rem
}

.case-study-awards .awards-logo {
  padding: 5.2rem 0;
  margin: 0 auto;
  align-items: center;
  max-width: 1200px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc
}

.case-study-awards .awards-logo li {
  margin: 0 2.5rem 1.25rem
}

.portfolio-icon-center ul li {
  max-width: 9.8rem;
  width: 100%;
  margin: 0 3.6rem
}

.portfolio-icon-center ul li .image {
  border-radius: .5rem;
  background-color: #f7f7f7;
  margin-bottom: 2.4rem
}

.portfolio-icon-center ul li .image img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(.45);
  -moz-transform: translate(-50%, -50%) scale(.45);
  -webkit-transform: translate(-50%, -50%) scale(.45)
}

.portfolio-icon-center ul li p {
  font-size: 1.5rem;
  margin: 0;
  color: #666;
  text-align: center
}

.portfolio-icon-center.portfolio-icon-new h2 {
  text-align: center;
  margin: 0 0 7rem;
  font-size: 3rem
}

.portfolio-icon-center.portfolio-icon-new ul li {
  max-width: 14rem;
  width: 100%;
  margin: 0 2.3rem
}

.portfolio-icon-center.portfolio-icon-new ul li .box-wrapper {
  margin-bottom: 2.4rem
}

.portfolio-icon-center.portfolio-icon-new ul li .image {
  background-color: #000;
  margin: 0
}

.media-wrap-with-box .media {
  margin: 0 0 12.2rem;
  display: flex;
  justify-content: center
}

.media-wrap-with-box .media .thumb {
  width: calc(100% - 24rem);
  border-radius: .5rem
}

.media-wrap-with-box .media .thumb::before {
  content: "";
  display: block;
  padding-bottom: 44.45%
}

.media-wrap-with-box .media .thumb a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none
}

.media-wrap-with-box .media .content {
  width: 24rem;
  padding-top: 2.5rem;
  position: relative
}

.media-wrap-with-box .media .content .box {
  background: #ebebeb;
  width: 28.5rem;
  margin-left: -4.5rem;
  height: calc(100% + 2.5rem);
  padding: 3.5rem 3.3rem;
  border-radius: .5rem
}

.full-view-wrap .slider-wrap.yellow,
.media-wrap-with-box .media .content .box.yellow {
  background-color: #ffe27c
}

.media-wrap-with-box .media .content .box.cyan {
  background-color: #9be8e0
}

.media-wrap-with-box .media .content .box.green {
  background-color: #cae48e
}

.media-wrap-with-box .media .content a {
  pointer-events: none;
  text-decoration: none;
  color: #222
}

.media-wrap-with-box .media .content h2 {
  font-size: 1.2rem;
  line-height: 1.67;
  letter-spacing: -.02rem;
  font-weight: 400;
  margin: 0 0 .8rem;
  text-transform: uppercase
}

.media-wrap-with-box .media .content p {
  font-size: 2.1rem;
  line-height: 1.5;
  letter-spacing: -.05rem;
  margin: 0 0 1.8rem;
  font-weight: 300
}

.media-wrap-with-box .media .content .btn-secondary {
  pointer-events: visible
}

.media-wrap-with-box .media.reverse .content .box {
  margin-left: 0;
  margin-right: -4.5rem
}

.portfolio-banner-new {
  height: 100%;
  position: relative;
  margin: -2rem 0 10rem
}

.portfolio-banner-new .container .left,
.portfolio-banner-new .container .right,
.portfolio-industry .col {
  flex: 0 0 50%;
  width: 50%
}

.portfolio-banner-new .container .left h1 {
  font-size: 1.2rem;
  position: relative;
  letter-spacing: -.024rem;
  font-weight: 400;
  margin: 0 0 1rem
}

.portfolio-banner-new .container .left h1::before {
  content: "";
  width: 3.6rem;
  height: 2px;
  background-color: #ccc;
  display: inline-block;
  margin-right: 1rem;
  vertical-align: middle
}

.portfolio-banner-new .container .left h2 {
  font-size: 3rem;
  line-height: 1.4;
  letter-spacing: -.06rem;
  margin: 0 0 1.5rem
}

.portfolio-banner-new .container .right .images {
  width: 100%;
  position: relative;
  background: #ff6f54;
  border-radius: 50%;
  margin-top: 3rem
}

.portfolio-banner-new .container .right .images img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transform: translate(-50%, -50%) scale(1.22);
  -moz-transform: translate(-50%, -50%) scale(1.22);
  -webkit-transform: translate(-50%, -50%) scale(1.22)
}

.portfolio-banner-new .container .bottom {
  flex: 0 0 100%;
  width: 100%;
  margin-top: 2rem;
  margin-bottom: 5rem
}

.portfolio-banner-new .container .bottom ul li {
  display: inline-block;
  margin: 0
}

.portfolio-banner-new .container .bottom ul li p {
  font-size: 1rem;
  font-weight: 400;
  color: #666;
  margin: 0 3rem 2rem 0
}

.career-banner .container .content p.medium,
.career-banner .container .content p.small strong,
.career-center-single .content ul li strong,
.portfolio-banner-new .container .bottom ul li p span {
  font-weight: 600
}

.portfolio-banner-new .container .bottom ul::before {
  content: "";
  width: 3.6rem;
  height: 2px;
  background-color: #ccc;
  display: inline-block;
  margin-right: 2rem;
  vertical-align: middle
}

.portfolio-banner-new .container.fullHeight {
  min-height: calc(100vh - 19.5rem);
  height: 100%;
  margin-bottom: 9.5rem
}

.portfolio-banner-new.right-img .container .right .images {
  left: 22%
}

.portfolio-banner-new.right-img .container .right .images img {
  transform: translate(-50%, -50%) scale(1.3);
  -moz-transform: translate(-50%, -50%) scale(1.3);
  -webkit-transform: translate(-50%, -50%) scale(1.3)
}

.portfolio-about-new,
.ta-engineers {
  margin: 0 0 7.6rem
}

.portfolio-about-new .section-title {
  margin: 0 0 6.05rem
}

.portfolio-about-new .about-col,
.portfolio-col-3-wrap .portfolio-col-3 {
  max-width: 1200px;
  margin: 0 auto
}

.portfolio-about-new .about-col .about-col-3 {
  display: flex;
  align-items: center;
  margin: 0 0 2.4rem
}

.portfolio-about-new .about-col .about-col-3 h3 {
  font-weight: 400;
  margin: 0 1.5rem 0 0;
  position: relative
}

.portfolio-about-new .about-col .about-col-3 h3 span {
  position: absolute;
  font-size: 2.1rem;
  top: -.4rem;
  right: -.85rem;
  line-height: 1
}

.portfolio-about-new .about-col .about-col-3 p {
  font-size: 1.2rem;
  margin: 0;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -.024rem
}

.portfolio-about-new .portfolio-testimonial-new {
  background-color: #f7f7f7;
  padding: 4.7rem 0 8.4rem;
  margin: 0
}

.portfolio-about-new .portfolio-testimonial-new .text {
  margin: 0;
  padding-top: 3rem
}

.portfolio-about-new .portfolio-testimonial-new .text img {
  width: 6rem
}

.portfolio-about-new .portfolio-testimonial-new .text h2 {
  font-size: 3.4rem;
  color: rgba(255, 255, 255, .88);
  line-height: 1.5;
  letter-spacing: -.144rem;
  margin: 0;
  text-align: center;
  font-weight: 300
}

.portfolio-about-new .portfolio-testimonial-new .text h3 {
  font-size: 2.4rem;
  color: rgba(255, 255, 255, .88);
  line-height: 1.5;
  letter-spacing: -.095rem
}

.portfolio-about-new .portfolio-testimonial-new .text h3.playfair {
  font-family: "Playfair Display", serif;
  font-weight: 600;
  letter-spacing: -.06rem
}

.portfolio-about-new .portfolio-testimonial-new .text p,
.portfolio-summary-details .portfolio-strip .container .left p {
  font-size: 1.2rem;
  color: #fff;
  margin: 0
}

.portfolio-about-new .portfolio-testimonial-new .text .content {
  font-size: 1.8rem;
  line-height: 1.67;
  letter-spacing: -.05rem;
  font-weight: 100
}

.portfolio-about-new .portfolio-testimonial-new.green,
.portfolio-achievement.green {
  background-color: #106d74
}

.blue-theme .wrapper,
.portfolio-about-new .portfolio-testimonial-new.blue,
.portfolio-industry .portfolio-strip.blue {
  background-color: #004c86
}

.portfolio-about-new .portfolio-testimonial-new.dark,
.portfolio-industry .portfolio-strip.dark {
  background-color: #383838
}

.portfolio-about-new .portfolio-testimonial-new.center .text h3.playfair {
  text-align: center;
  font-size: 3.4rem
}

.portfolio-about-new .portfolio-testimonial-new.center .text .content {
  font-size: 1.5rem;
  text-align: center
}

.portfolio-about-new.coloured .portfolio-testimonial-new .text .content {
  font-size: 1.5rem;
  line-height: 1.6;
  color: #fff;
  opacity: .8;
  letter-spacing: -.03rem
}

.portfolio-about-new.playfair h3 {
  font-family: "Playfair Display", serif;
  font-weight: 600;
  font-size: 2.2rem;
  letter-spacing: -.06rem;
  margin: 0 0 .8rem;
  line-height: 1.4
}

.portfolio-summary-details .summary-details-wrap:nth-child(3) {
  top: -14rem;
  margin-bottom: -14rem
}

.portfolio-summary-details .count {
  font-family: "Playfair Display", serif;
  font-size: 18rem;
  color: #e8e8e8;
  position: relative;
  left: -3.8rem;
  font-weight: 700;
  margin: 0 0 1rem
}

.portfolio-summary-details .description {
  margin: 0 0 6.7rem
}

.portfolio-summary-details .text-with-margin-left {
  margin-left: 8rem;
  margin-bottom: 10rem;
  border-left: 2px solid #ccc;
  padding-left: 4rem;
  font-size: 3rem;
  font-family: "Playfair Display", serif;
  line-height: 1.4;
  font-weight: 600;
  letter-spacing: -.06rem
}

.portfolio-summary-details .portfolio-summary-wrap .heading {
  flex: 0 0 100%;
  font-size: 1.2rem;
  letter-spacing: -.024rem;
  margin: 0 0 1.9rem;
  position: relative;
  color: #666
}

.portfolio-summary-details .portfolio-summary-wrap .heading::before {
  content: "";
  width: 3.6rem;
  height: 2px;
  background-color: #ccc;
  display: inline-block;
  margin-right: 1rem;
  margin-left: 3.5rem;
  vertical-align: middle
}

.portfolio-summary-details .portfolio-summary-wrap .portfolio-summary {
  display: flex;
  justify-content: center;
  width: 100%;
  margin: 0 0 4rem
}

.portfolio-summary-details .portfolio-summary-wrap .portfolio-summary .image {
  flex: 0 0 27rem;
  width: 27rem;
  margin-right: 2rem
}

.portfolio-summary-details .portfolio-summary-wrap .portfolio-summary .verticle-text {
  font-family: "Bebas Neue", sans-serif;
  font-size: 4.8rem;
  text-transform: uppercase;
  color: #ccc;
  line-height: .63;
  writing-mode: vertical-rl;
  font-weight: 300;
  text-align: right;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  padding-bottom: 5rem;
  letter-spacing: .03rem
}

.portfolio-summary-details .portfolio-summary-wrap .portfolio-summary .right-box {
  background-color: #004c86;
  border-radius: .3rem;
  padding: 4.35rem;
  margin-top: 9rem;
  margin-left: 4.5rem
}

.portfolio-summary-details .portfolio-summary-wrap .portfolio-summary .right-box h3 {
  font-size: 1.8rem;
  color: #fff;
  letter-spacing: -.036rem;
  font-weight: 300;
  margin: 0 0 1rem
}

.portfolio-summary-details .portfolio-summary-wrap .portfolio-summary .right-box p {
  font-size: 1.2rem;
  color: rgba(255, 255, 255, .88);
  line-height: 1.74;
  letter-spacing: normal;
  margin: 0 0 3.25rem;
  font-weight: 400
}

.portfolio-summary-details .portfolio-strip {
  background-color: #004c86;
  margin: 0 0 21rem;
  padding: 4.7rem 0 11.35rem
}

.portfolio-summary-details .portfolio-strip .container .left {
  width: 60%;
  position: relative;
  padding-left: 4rem;
  padding-top: 3.5rem
}

.portfolio-industry .portfolio-strip .container .right .image,
.portfolio-summary-details .portfolio-strip .container .left .image {
  position: absolute;
  width: 6rem;
  top: 0;
  left: 0
}

.portfolio-summary-details .portfolio-strip .container .left h2 {
  font-size: 2.4rem;
  color: #fff;
  line-height: 1.5;
  letter-spacing: -.12rem;
  margin: 0
}

.black-theme,
.black1-theme,
.blue-theme,
.dark-theme,
.navy-theme,
.portfolio-achievement h2 {
  color: rgba(255, 255, 255, .88)
}

.portfolio-summary-details .portfolio-strip .container .left h3 {
  font-size: 2.4rem;
  color: rgba(255, 255, 255, .88);
  line-height: 1.5;
  letter-spacing: -.095rem;
  margin: 0 0 1.25rem
}

.portfolio-summary-details .portfolio-strip .container .right {
  width: 40%;
  position: relative
}

.portfolio-summary-details .portfolio-strip .container .right .image {
  max-width: 27rem;
  position: absolute;
  top: 0;
  right: 0
}

.portfolio-summary-details .content-with-icon {
  display: flex;
  margin: 0 0 5rem 4.25rem
}

.portfolio-summary-details .content-with-icon .image {
  flex: 0 0 6rem;
  width: 6rem;
  margin-right: 2.35rem
}

.portfolio-summary-details .content-with-icon .content h3 {
  font-size: 2.2rem;
  line-height: 1.64;
  letter-spacing: -.044rem;
  margin: 0 0 .5rem;
  font-weight: 300
}

.portfolio-achievement {
  margin: 0 0 10rem;
  background-color: #f7f7f7;
  padding: 7.8rem 0 8.4rem
}

.portfolio-achievement h2 {
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: -.096rem;
  text-align: center;
  position: relative;
  margin: 0
}

.portfolio-achievement h2 img {
  display: inline-block;
  width: 6rem;
  position: relative;
  left: 1.7rem;
  margin-bottom: -1.8rem;
  transform: translateY(-3.8rem);
  -moz-transform: translateY(-3.8rem);
  -webkit-transform: translateY(-3.8rem)
}

.portfolio-achievement.orange {
  background-color: #ff6f54
}

.portfolio-achievement.pink {
  background-color: #f575a4
}

.portfolio-fullImg.lallantop-circle-img img {
  padding: 0 8%
}

.portfolio-features .container .text {
  flex: 0 0 100%;
  width: 100%;
  margin: 0 0 14rem
}

.portfolio-features .container .left {
  flex: 0 0 50%;
  width: 50%;
  padding-right: 2.5rem;
  display: flex
}

.portfolio-features .container .left .image {
  width: 100%;
  background-color: #f7f7f7;
  border-radius: .8rem
}

.portfolio-features .container .left .image img {
  width: 90%;
  margin: -11rem auto
}

.portfolio-features .container .left .image.purple {
  background-color: #888ec8
}

.portfolio-features .container .left .image.purple-light {
  background-color: #d1d4f8
}

.portfolio-features .container .left .image.blue {
  background-color: #e1f3ff
}

.portfolio-features .container .right {
  flex: 0 0 50%;
  width: 50%;
  padding-left: 2rem
}

.portfolio-features .container .right .content-with-icon {
  margin: 0 0 2.5rem
}

.portfolio-features .container .right .content-with-icon img {
  flex: 0 0 5rem;
  width: 5rem;
  margin: 0 0 1.25rem
}

.portfolio-features .container .right .content-with-icon h3 {
  font-size: 2.2rem;
  margin: 0 0 1rem
}

.knowledge-center-single .faq-title-content h2,
.portfolio-features .container .right .content-with-icon p {
  font-size: 1.4rem
}

.portfolio-features.no-header {
  padding-top: 10rem
}

.portfolio-features-list .list {
  display: flex;
  margin: 0 0 3.6rem
}

.portfolio-features-list .list .num {
  font-size: 1.8rem;
  color: #666;
  margin-right: 9.1rem;
  margin-top: .8rem;
  margin-left: 5rem
}

.portfolio-features-list .list .content h3 {
  font-family: "Playfair Display", serif;
  font-size: 2.2rem;
  font-weight: 600;
  letter-spacing: -.06rem;
  margin: 0 0 .8rem;
  line-height: 1.4
}

.portfolio-features-list .list .content p {
  font-size: 1.4rem;
  line-height: 1.67;
  margin: 0
}

.hire-developers,
.portfolio-features-list.with-header .text,
.services.services-wrap.design-inner .text {
  margin: 0 0 7rem
}

.portfolio-features-list.with-header .text h2,
.portfolio-slider-wrapper h2 {
  font-size: 2.6rem;
  margin: 0 0 1rem;
  font-family: "Playfair Display", serif;
  letter-spacing: -.06rem;
  line-height: 1.3
}

.portfolio-features-list.with-header .text p {
  font-size: 1.5rem;
  letter-spacing: -.03rem;
  margin: 0
}

.portfolio-features-list.bg-white {
  margin: 0;
  padding: 0 0 10rem;
  background: #fff;
  color: #222
}

.portfolio-features-list.bg-white p {
  color: #000 !important
}

.portfolio-description .text {
  margin: 0 0 -1rem
}

.portfolio-description .text h2 {
  font-size: 3rem;
  position: relative;
  padding-bottom: 2.6rem;
  margin: 0;
  text-align: center
}

.portfolio-description .text h2::after {
  content: "";
  display: block;
  width: 7.2rem;
  height: 2px;
  background: #999;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 100%
}

.portfolio-description .quote-text {
  max-width: 71.45rem;
  width: 100%;
  position: relative;
  margin: 0 auto;
  padding-left: 2rem;
  padding-top: 3.1rem
}

.portfolio-description .quote-text .image {
  position: absolute;
  width: 5.4rem;
  z-index: -1;
  top: 0;
  left: -2.15rem
}

.portfolio-description .quote-text h3 {
  font-size: 1.8rem;
  letter-spacing: -.04rem;
  line-height: 1.67
}

.portfolio-description.colored {
  padding: 5.05rem 0
}

.portfolio-description.colored.blue {
  background-color: #254a74
}

.portfolio-description.colored .text h2:after {
  background-color: rgba(255, 255, 255, .8)
}

.portfolio-cta h2 {
  font-family: "Playfair Display", serif;
  font-size: 3rem;
  letter-spacing: -.06rem;
  line-height: 1.5;
  font-weight: 600;
  margin: 0 0 1.2rem
}

.portfolio-cta p {
  margin: 0 0 1.6rem
}

.portfolio-cta.portfolio-cta-border .cta-border {
  padding: 5.85rem 0;
  background-color: #000;
  border-radius: 1.2rem;
  color: #fff;
  position: relative
}

.portfolio-cta.portfolio-cta-border .cta-border img {
  max-width: 4.8rem;
  position: absolute
}

.portfolio-cta.portfolio-cta-border .cta-border img.top {
  top: 3.3rem;
  left: 3.8rem
}

.portfolio-cta.portfolio-cta-border .cta-border img.bottom {
  bottom: 2.07rem;
  right: 2.5rem
}

.more-portfolio {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden
}

.more-portfolio .col {
  flex: 0 0 50%;
  width: 50%;
  background-color: #f7f7f7;
  display: flex;
  align-items: center;
  position: relative
}

.more-portfolio .col .content {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  display: flex;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  transition: .3s .2s;
  -o-transition: .3s .2s;
  -webkit-transition: .3s .2s;
  transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  -webkit-transform: translateY(-100%)
}

.more-portfolio .col .circle {
  position: absolute;
  width: 28rem;
  height: 28rem;
  left: 50%;
  top: 75%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform-origin: center;
  background: #000;
  opacity: .06;
  border-radius: 50%;
  transition: .3s .2s;
  -o-transition: .3s .2s;
  -webkit-transition: .3s .2s
}

.more-portfolio .col .image {
  width: 100%;
  position: relative;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s
}

.hiring-model ul li .image::before,
.more-portfolio .col .image::before {
  content: "";
  display: block;
  padding-bottom: 60%
}

.blog-top .container .left .image a,
.blog-top .container .right .image a,
.more-portfolio .col .image a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%
}

.more-portfolio .col .image img {
  left: 50%;
  position: absolute;
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition: .35s .2s;
  -o-transition: .35s .2s;
  -webkit-transition: .35s .2s;
  transform: translate(-50%, -50%) scale(.9);
  -moz-transform: translate(-50%, -50%) scale(.9);
  -webkit-transform: translate(-50%, -50%) scale(.9);
  top: 75%;
  -o-object-fit: cover;
  object-fit: cover
}

.more-portfolio .col a {
  padding: 3rem 2.5rem 2.5rem 4.25rem;
  text-decoration: none;
  color: #fff;
  height: 100%;
  flex: 0 0 100%
}

.more-portfolio .col .title,
.more-portfolio .col h2 {
  font-size: 2.5rem;
  line-height: 1.2;
  font-weight: 100;
  font-family: "Bebas Neue";
  letter-spacing: .01rem;
  margin: 0 0 .5rem;
  display: block;
  text-shadow: 1px 1px rgba(0, 0, 0, .2)
}

.more-portfolio .col .text,
.more-portfolio .col p {
  font-size: 2.4rem;
  font-weight: 300;
  line-height: 1.33;
  letter-spacing: normal;
  display: block;
  margin: 0;
  text-shadow: 1px 1px rgba(0, 0, 0, .2)
}

.more-portfolio .col .btn {
  margin-left: 4.25rem
}

.more-portfolio .col.olive {
  background: #639377
}

.more-portfolio .col.green {
  background: #71dd95
}

.more-portfolio .col.light-green {
  background: #a6cc83
}

.more-portfolio .col.yellow {
  background: #ffda65
}

.more-portfolio .col.dark-yellow {
  background: #f9c45d
}

.more-portfolio .col.orange {
  background: #f48a49
}

.more-portfolio .col.dark-orange {
  background: #ed845d
}

.more-portfolio .col.light-orange {
  background: #ff9e62
}

.more-portfolio .col.red {
  background: #eb6565
}

.more-portfolio .col.light-red {
  background: #f27a6d
}

.more-portfolio .col.dark-purple {
  background: #9289b5
}

.more-portfolio .col.purple {
  background: #8186e8
}

.more-portfolio .col.light-purple {
  background: #8791ef
}

.more-portfolio .col.tranquil-teal {
  background: #9ee8ce
}

.more-portfolio .col.cyan {
  background: #57bab4
}

.more-portfolio .col.light-blue {
  background: #afdaff
}

.more-portfolio .col.soft-blue {
  background: #8ea3cb
}

.more-portfolio .col.dark {
  background: #888
}

.more-portfolio .col.charcoal {
  background: #707070
}

.more-portfolio .col.beige {
  background: #d0b68c
}

.more-portfolio .col:hover .circle,
.more-portfolio .col:hover .image img {
  top: 110%
}

.more-portfolio .col:hover .content {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0)
}

.more-portfolio-wrap {
  background-color: #fff;
  padding: 0 0 10rem
}

.more-portfolio-wrap .more-portfolio-item {
  display: flex;
  align-items: center;
  padding: 1.5rem 0;
  position: relative;
  background-color: #f7f7f7
}

.more-portfolio-wrap .more-portfolio-item .image::before {
  content: "";
  display: block;
  padding-bottom: 65%
}

.more-portfolio-wrap .more-portfolio-item .content {
  flex: 0 0 46.87%;
  padding: 0 3.9rem
}

.more-portfolio-wrap .more-portfolio-item .content .title {
  font-family: "Bebas Neue";
  line-height: 1.67;
  font-size: 1.3rem;
  letter-spacing: .15rem;
  color: #222
}

.more-portfolio-wrap .more-portfolio-item .content h2 {
  font-family: "Bebas Neue";
  font-weight: 100;
  font-size: 3rem;
  line-height: 1.1;
  letter-spacing: normal;
  margin: 0;
  color: #222
}

.more-portfolio-wrap .more-portfolio-item .content p {
  font-size: 1.12rem;
  line-height: 1.57;
  letter-spacing: -.02rem;
  font-weight: 400;
  color: #222 !important;
  margin: 0 0 1rem
}

.more-portfolio-wrap .more-portfolio-item .content .small {
  font-size: .85rem;
  text-transform: uppercase;
  color: #999;
  font-weight: 400;
  margin: 0 0 1.2rem
}

.more-portfolio-wrap .more-portfolio-item.blue,
.service-colored-banner-bg,
.service-strip-bg {
  background-color: #6857f3
}

.more-portfolio-wrap .more-portfolio-item.orange {
  background-color: #ffcd6c
}

.blue-theme .box-wrapper,
.blue-theme .box-wrapper .box-inner {
  background: #024980;
  border-radius: 1rem
}

.more-portfolio-wrap .more-portfolio-inner,
.portfolio-video-wrap.full-width .video {
  position: relative;
  overflow: hidden
}

.more-portfolio-wrap .more-portfolio-inner .carousel-nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: flex;
  justify-content: space-between;
  width: 100%;
  z-index: 1;
  padding: 0 3rem
}

.more-portfolio-wrap .more-portfolio-inner .carousel-nav .prev {
  background-image: url(assets/images/slider-nav.png);
  background-size: 100%;
  width: 3rem;
  height: 3rem;
  display: block;
  transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transition: .2s;
  -o-transition: .2s;
  -webkit-transition: .2s;
  opacity: 0;
  margin-left: -5rem
}

.more-portfolio-wrap .more-portfolio-inner .carousel-nav .next {
  background-image: url(assets/images/slider-nav.png);
  background-size: 100%;
  width: 3rem;
  height: 3rem;
  display: block;
  transition: .2s;
  -o-transition: .2s;
  -webkit-transition: .2s;
  opacity: 0;
  margin-right: -5rem
}

.more-portfolio-wrap .more-portfolio-inner:hover .carousel-nav .prev {
  opacity: .5;
  margin-left: 0;
  transition: .2s;
  -o-transition: .2s;
  -webkit-transition: .2s
}

.more-portfolio-wrap .more-portfolio-inner:hover .carousel-nav .next {
  opacity: .5;
  margin-right: 0;
  transition: .2s;
  -o-transition: .2s;
  -webkit-transition: .2s
}

.portfolio-header-new {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: calc(100vh - 12rem);
  margin: 0 0 10rem;
  text-align: center
}

.portfolio-header-new .content {
  position: relative;
  padding: 18.11rem 0 2.8rem
}

.portfolio-header-new .content .image {
  position: absolute;
  max-width: 22.56rem;
  width: 100%;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  z-index: -1
}

.portfolio-header-new .content h1 {
  font-size: 3rem;
  line-height: 1.4;
  letter-spacing: -.06rem;
  margin: 0
}

.portfolio-header-new .content h1.playfair {
  font-family: "Playfair Display", serif;
  font-size: 3.6rem;
  line-height: 1.33;
  letter-spacing: normal;
  margin: 0;
  font-weight: 600
}

.portfolio-header-new .content.small-logo {
  padding: 7.11rem 0 2.8rem
}

.portfolio-header-new .content.small-logo .image {
  max-width: 16rem
}

.technology-stack-new .text h2 {
  font-size: 1rem;
  letter-spacing: .45rem;
  text-transform: uppercase;
  text-align: center;
  font-weight: 400;
  margin: 0 0 1.8rem
}

.technology-stack-new .icon-list-wrapper {
  max-width: 69.8rem;
  width: 100%;
  margin: 0 auto
}

.technology-stack-new .icon-list-wrapper .icon-list {
  padding: 3.5rem 0 .5rem
}

.believe-in .col-md-6,
.career-center-single .header-content,
.row-lists ul,
.search.blog-search,
.service-tool-wrapper,
.services-header .service-links-scroll,
.technologies-single:not(:last-of-type),
.technology-stack-new .icon-list-wrapper .icon-list ul li {
  margin: 0 0 2rem
}

.blue-theme {
  background-color: #004c86
}

.black-theme p,
.black1-theme p,
.blue-theme p,
.dark-theme p,
.navy-theme p {
  color: rgba(255, 255, 255, .88) !important
}

.blue-theme .box-wrapper {
  background-image: linear-gradient(to right, #024980, #4caacd);
  padding: 2px
}

.blue-theme .technology-stack-new .icon-list-wrapper .icon-list ul li .icon {
  background-color: #0d5c96
}

.black1-theme,
.black1-theme .wrapper,
.dark-theme,
.dark-theme .wrapper {
  background-color: #000
}

.dark-theme .box-wrapper .box-inner {
  background: #000;
  border-radius: 1rem;
  border: 2px solid #605b5b
}

.dark-theme .technology-stack-new .icon-list-wrapper .icon-list ul li .icon {
  background-color: #444
}

.black1-theme .portfolio-image-banner .overlay,
.dark-theme .portfolio-image-banner .overlay {
  background-image: linear-gradient(transparent, #000)
}

.black-theme {
  background-color: #222
}

.navy-theme,
.navy-theme .wrapper {
  background-color: #000345
}

.black-theme .technology-stack-new .border-image,
.black1-theme .technology-stack-new .border-image {
  max-width: 36.15rem;
  margin: 0 auto
}

.black-theme .portfolio-image-banner .overlay {
  background-image: linear-gradient(transparent, #222)
}

.navy-theme .portfolio-image-banner .overlay {
  background-image: linear-gradient(rgba(0, 4, 71, 0), #000345);
  opacity: .4
}

.navy-theme .technology-stack-new .icon-list-wrapper .icon-list {
  border: 2px solid #00de4a;
  border-radius: 1rem
}

.navy-theme .technology-stack-new .icon-list-wrapper .icon-list ul li .icon {
  background-color: #7540f0
}

.navy-theme .portfolio-icon-center.portfolio-icon-new ul li .image img {
  transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1)
}

.navy-theme .insights-wrap .insights .post .thumb {
  border-radius: 1rem
}

.portfolio-col-3-wrap .portfolio-col-3 .box-wrapper {
  max-width: 20rem;
  width: 100%;
  margin: 0 auto 2.25rem
}

.portfolio-col-3-wrap .portfolio-col-3 .box-wrapper .box-inner {
  background-color: #fff;
  padding: 3.6rem 0
}

.portfolio-col-3-wrap .portfolio-col-3 .box-wrapper .box-inner .image {
  width: 12.75rem;
  position: relative;
  border-radius: .5rem;
  overflow: hidden;
  margin: 0 auto
}

.portfolio-col-3-wrap .portfolio-col-3 .box-wrapper .box-inner .image::before {
  content: "";
  display: block;
  padding-bottom: 147%
}

.portfolio-col-3-wrap .portfolio-col-3 .box-wrapper .box-inner .image img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition: .35s;
  -o-transition: .35s;
  -webkit-transition: .35s;
  -o-object-fit: contain;
  object-fit: contain;
  height: 100%
}

.portfolio-col-3-wrap .portfolio-col-3 .content {
  padding: 0 2rem 2.7rem
}

.portfolio-col-3-wrap .portfolio-col-3 .content p {
  font-size: 1.4rem;
  line-height: 1.33;
  letter-spacing: -.03rem;
  margin: 0;
  text-align: center
}

.applykart-col-2 h2,
.single-content h2 {
  font-family: "Playfair Display", serif;
  font-size: 3rem;
  line-height: 1.25;
  font-weight: 700;
  letter-spacing: -.06rem;
  margin: 0 0 1.6rem
}

.single-content p {
  font-size: 1.8rem;
  line-height: 1.67;
  margin: 0 0 4.8rem
}

.single-content .three-box .text,
.single-content p.small {
  font-size: 1.5rem
}

.single-content .three-box {
  max-width: 1024px;
  width: 100%;
  padding-top: 1.15rem;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.single-content .three-box .num {
  font-family: "Bebas Neue", sans-serif;
  font-size: 5.45rem
}

.single-content .heading {
  flex: 0 0 100%;
  font-size: 1.2rem;
  letter-spacing: -.024rem;
  margin: 0 0 1.9rem;
  position: relative
}

.single-content .heading::before {
  content: "";
  width: 3.6rem;
  height: 2px;
  background-color: #fff;
  display: inline-block;
  margin-right: 1rem;
  vertical-align: middle
}

.portfolio-industry {
  background-color: #fff;
  color: #222;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding: 0 0 12rem
}

.career-col.service-2-col1 .content h2,
.career-col.service-2-col1 .grid .col h3,
.modal .modal-wrapper .contact-form .form-group,
.portfolio-industry h2 {
  margin: 0 0 1.5rem
}

.portfolio-industry .col:nth-child(odd) {
  padding: 2.5rem 0 2.5rem 9.95rem
}

.portfolio-industry .portfolio-strip {
  flex: 0 0 100%;
  width: 100%;
  background-color: #f7f7f7;
  padding: 7.55rem 0 7rem;
  margin: 0 0 5.5rem
}

.life-ta .about-gallery.gallery-2 .box-wrap:last-child .box,
.portfolio-industry .portfolio-strip .container .left,
.portfolio-industry .portfolio-strip .container .right {
  width: 50%;
  position: relative
}

.portfolio-industry .portfolio-strip .container .left .image {
  max-width: 28rem;
  position: absolute;
  top: 0;
  left: 0
}

.portfolio-industry .portfolio-strip .container .right h2,
.portfolio-industry .portfolio-strip .container .right p {
  color: rgba(255, 255, 255, .88) !important;
  font-weight: 300
}

.porfolio-app .porfolio-app-wrap {
  max-width: 87.5%;
  width: 100%;
  background: #eceef1;
  padding: 5rem 7rem;
  margin-left: auto
}

.porfolio-app .porfolio-app-wrap .content-wrap {
  display: flex;
  margin: 0 0 4.6rem
}

.porfolio-app .porfolio-app-wrap .content-wrap .content {
  flex: 0 0 33.33%;
  padding-right: 3rem
}

.porfolio-app .porfolio-app-wrap .content-wrap .content span {
  font-size: 1rem;
  color: #b0b6ba;
  margin: 0 0 1rem;
  display: block;
  letter-spacing: .1rem
}

.porfolio-app .porfolio-app-wrap .content-wrap .content h3 {
  font-family: "Playfair Display", serif;
  font-size: 1.5rem;
  letter-spacing: -.04rem;
  line-height: 1.5
}

.porfolio-app .porfolio-app-wrap .links a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 250px;
  margin-right: 2.5rem;
  margin-bottom: 1rem;
  border: 1px solid #000;
  border-radius: 10px;
  padding: 8px 12px;
  text-decoration: none;
  color: #222;
  transition: .2s linear;
  -o-transition: .2s linear;
  -webkit-transition: .2s linear
}

.porfolio-app .porfolio-app-wrap .links a img {
  margin-right: .9rem
}

.porfolio-app .porfolio-app-wrap .links a .download {
  font-size: 12px
}

.porfolio-app .porfolio-app-wrap .links a .store {
  display: block;
  font-size: 20px;
  letter-spacing: .01rem;
  line-height: 1.6
}

.porfolio-app .porfolio-app-wrap .links a:hover {
  background-color: #000;
  color: #fff
}

.career-faq .faq .accordion .accordion-item .accordion-button .accordion-marker,
.links,
.tripple-legacy .container {
  display: flex;
  justify-content: center;
  align-items: center
}

.links .image {
  width: 12rem;
  position: relative
}

.links .image::before {
  content: "";
  display: block;
  padding-bottom: 29%
}

.iot-consulting ul li .icon .icon-square img,
.links .image img,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .bg-color {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: 100%
}

.links .image:first-child {
  margin-right: .6rem
}

.links .image:last-child {
  margin-left: .6rem
}

.portfolio-video-wrap .portfolio-video {
  max-width: 1280px;
  width: 100%;
  margin: 0 auto;
  padding: 12px;
  border-radius: 1.5rem;
  border: 3px solid #999;
  background: 0 0;
  -webkit-mask-image: -webkit-radial-gradient(white, black)
}

.portfolio-video-wrap .portfolio-video .video {
  position: relative;
  overflow: hidden;
  border-radius: 1rem;
  -webkit-mask-image: -webkit-radial-gradient(white, black)
}

.portfolio-video-wrap .portfolio-video.criiio-video {
  border-color: #00de4a
}

.ascend-wrap {
  background-color: #9319cb;
  background-image: linear-gradient(0deg, #9319cb, #3f3885, #9319cb, #3f3885)
}

.content-with-img-wrap,
.content-with-video-wrap {
  max-width: 1680px;
  padding: 0 15px;
  margin: 0 auto 10rem
}

.content-with-img-wrap .content-with-img .image,
.content-with-img-wrap .content-with-img .lottie-wrapper,
.content-with-video-wrap .content-with-video .lottie-wrapper,
.content-with-video-wrap .content-with-video .video {
  width: 100%;
  position: relative;
  flex: 0 0 43%;
  overflow: hidden;
  height: 100%
}

.content-with-img-wrap .content-with-img .image::before,
.content-with-img-wrap .content-with-img .lottie-wrapper::before,
.content-with-video-wrap .content-with-video .lottie-wrapper::before,
.content-with-video-wrap .content-with-video .video::before {
  content: "";
  display: block;
  padding-bottom: 106%
}

.content-with-img-wrap .content-with-img .content {
  flex: 1 1 auto;
  max-width: 31rem
}

.content-with-img-wrap .content-with-img .content .title {
  font-family: "Playfair Display", serif;
  font-size: 2.4rem;
  font-weight: 600;
  margin: 0 0 .85rem
}

.content-with-img-wrap .content-with-img:nth-child(2n),
.content-with-video-wrap .content-with-video:nth-child(2n) {
  flex-direction: row-reverse;
  margin-bottom: 0;
  margin-top: -11rem
}

.content-with-img-wrap .content-with-img:last-child,
.content-with-video-wrap .content-with-video:last-child {
  margin-bottom: 0;
  margin-top: -11rem
}

.content-with-img-wrap.tripple-content-with-img {
  max-width: 1026px
}

.content-with-img-wrap.tripple-content-with-img .content-with-img .image {
  flex: 0 0 25rem;
  margin-right: 5rem
}

.content-with-img-wrap.tripple-content-with-img .content-with-img .image::before {
  padding-bottom: 84%
}

.content-with-img-wrap.tripple-content-with-img .content-with-img:nth-child(2n) {
  margin-top: 5.6rem
}

.content-with-img-wrap.tripple-content-with-img .content-with-img:nth-child(2n) .image {
  margin-right: 0;
  margin-left: 5rem
}

.content-with-img-wrap.tripple-content-with-img .content-with-img:last-child {
  margin-top: 5rem
}

.content-with-imgLottie-wrap {
  max-width: 1246px;
  padding: 0 15px;
  margin: 0 auto 10rem
}

.content-with-imgLottie-wrap .content-with-img .media {
  flex: 0 0 50%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 3rem
}

.content-with-imgLottie-wrap .content-with-img .media .image {
  width: 15rem;
  position: relative;
  overflow: hidden;
  height: 100%
}

.content-with-imgLottie-wrap .content-with-img .media .image::before {
  content: "";
  display: block;
  padding-bottom: 226.67%
}

.content-with-imgLottie-wrap .content-with-img .media .lottie {
  width: 21rem;
  position: relative;
  overflow: hidden;
  height: 100%
}

.content-with-imgLottie-wrap .content-with-img .media .lottie::before {
  content: "";
  display: block;
  padding-bottom: 216.42%
}

.content-with-imgLottie-wrap .content-with-img .content {
  flex: 1 1 auto;
  padding-left: 1rem
}

.content-with-imgLottie-wrap .content-with-img .content .title,
.content-with-video-wrap .content-with-video .content .title {
  font-family: "Playfair Display", serif;
  font-size: 2.4rem;
  font-weight: 600;
  margin: 0 0 .85rem;
  max-width: 31rem
}

.content-with-imgLottie-wrap .content-with-img .content p,
.content-with-video-wrap .content-with-video .content p {
  max-width: 31rem;
  color: #222 !important
}

.content-with-imgLottie-wrap .content-with-img:nth-child(2n) {
  flex-direction: row-reverse;
  margin-bottom: 0;
  margin-top: 4.68rem
}

.content-with-imgLottie-wrap .content-with-img:nth-child(2n) .media {
  padding-left: 1rem;
  padding-right: 0;
  justify-content: flex-start;
  flex-direction: row-reverse
}

.content-with-imgLottie-wrap .content-with-img:last-child {
  margin-top: 4.68rem;
  margin-bottom: 0
}

.content-with-video-wrap .content-with-video .content {
  flex: 1 1 auto
}

.integration-wrapper .integration {
  max-width: 938px;
  margin: 0 auto;
  display: flex;
  align-items: center
}

.integration-wrapper .integration .animation-wrapper {
  width: 33.3333333333%
}

.integration-wrapper .integration .animation-wrapper:nth-child(2) {
  width: 38.61%;
  padding: 0 1.5rem
}

.integration-wrapper .integration .animation-wrapper:last-child .animation {
  background-color: #6340a5
}

.integration-wrapper .integration .animation-wrapper .title {
  font-size: 1.8rem;
  text-align: center;
  margin: 0 0 1.6rem
}

.integration-wrapper .integration .animation-wrapper .text {
  max-width: 14.2rem;
  margin: 0 auto;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.5;
  letter-spacing: -.024rem
}

.architecture-content-wrapper .architecture-content .content .title,
.title-playfair {
  font-size: 2.2rem;
  letter-spacing: -.044;
  line-height: 1.6;
  font-family: "Playfair Display", serif;
  font-weight: 600
}

.integration-wrapper .integration .animation {
  width: 100%;
  position: relative;
  height: 100%;
  background-color: #fff
}

.integration-wrapper .integration .animation .lottie {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(.75);
  -moz-transform: translate(-50%, -50%) scale(.75);
  -webkit-transform: translate(-50%, -50%) scale(.75);
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.title-playfair {
  margin: 0 0 3.48rem
}

.architecture-content-wrapper .architecture-content .content {
  width: 33.3333333333%;
  margin: 0 0 5.4rem;
  padding-right: 1.5rem
}

.architecture-content-wrapper .architecture-content .content .title {
  margin: 0 0 .5rem
}

.architecture-content-wrapper .architecture-content .content .text li {
  font-size: 1.4rem;
  line-height: 1.6;
  letter-spacing: normal;
  font-weight: 300
}

.game-list {
  padding: 5.2rem 0 3.71rem;
  background: #111
}

.game-list h2 {
  font-family: "Playfair Display", serif;
  font-size: 3rem;
  margin: 0 0 4.6rem;
  line-height: 1;
  letter-spacing: normal;
  font-weight: 600;
  text-align: center
}

.game-list .games {
  margin: 0 0 2.02rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.game-list .games .image {
  width: 100%;
  position: relative;
  width: calc(33.3333333333% - 1rem);
  margin: 0 0 1.5rem;
  border-radius: 1.2rem;
  overflow: hidden
}

.game-list .games .image::before {
  content: "";
  display: block;
  padding-bottom: 55.57%
}

.game-list .links .image {
  margin-right: 2.83rem
}

.game-list .links .image:nth-child(2) {
  position: relative;
  width: 6rem
}

.game-list .links .image:nth-child(2)::before {
  content: "";
  display: block;
  padding-bottom: 101.25%
}

.portfolio-slider-wrapper {
  margin: 0 0 10rem;
  position: relative;
  padding-top: 7rem
}

.portfolio-slider-wrapper .tabz-line {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

.portfolio-slider-wrapper .portfolio-slider {
  position: relative;
  padding-bottom: 7rem;
  margin-bottom: 4rem
}

.portfolio-slider-wrapper .portfolio-slider .portfolio-slider-inner {
  max-width: 1022px;
  margin: 0 auto
}

.portfolio-slider-wrapper .portfolio-slider::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  top: calc(50% - 7rem);
  width: 100%;
  background-color: #9e9e9e
}

.portfolio-slider-wrapper .text {
  max-width: 1022px;
  margin: 0 auto;
  text-align: center
}

.portfolio-slider-wrapper p,
.tripple-legacy .container .right p {
  font-size: 1.4rem;
  letter-spacing: -.02rem;
  line-height: 1.7
}

.portfolio-slider-wrapper .owl-dots,
.services-slider .box .owl-dots {
  text-align: center;
  padding-top: .5rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%)
}

.portfolio-slider-wrapper .owl-dots button.owl-dot {
  width: .6rem;
  height: .6rem;
  border-radius: 3px;
  display: inline-block;
  background: #fff;
  margin: 0 .2rem;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s
}

.portfolio-slider-wrapper .owl-dots button.owl-dot.active {
  background-color: #ffd33c;
  width: 1.3rem;
  border-radius: 3px
}

.portfolio-slider-wrapper.tripple-video-wrap .portfolio-slider::after {
  background-color: #aca1d2;
  z-index: -1
}

.portfolio-slider-wrapper.tripple-video-wrap .portfolio-slider-inner .image::before {
  content: "";
  display: block;
  padding-bottom: 69%
}

.portfolio-slider-wrapper.tripple-video-wrap .portfolio-slider-inner .image .tripple-video {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(.98);
  -moz-transform: translate(-50%, -50%) scale(.98);
  -webkit-transform: translate(-50%, -50%) scale(.98);
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 4%
}

.lallantop-slider {
  margin-bottom: 6rem;
  margin-left: 5%;
  background-color: #6fcbd0;
  padding: 2.4rem 0 3rem;
  border-top-left-radius: 1.6rem
}

.lallantop-slider .top-news {
  max-width: 8.8rem;
  margin-bottom: 1.2rem;
  margin-left: 4rem
}

.lallantop-slider ul {
  display: flex;
  transform: translateX(4rem);
  -moz-transform: translateX(4rem);
  -webkit-transform: translateX(4rem)
}

.lallantop-slider ul li {
  width: 20%
}

.lallantop-slider ul li .image::before {
  content: "";
  display: block;
  padding-bottom: 111.58%
}

.tripple-wrap {
  background: url(./assets/images/portfolio/tripple-bg.png) 0 0/cover no-repeat;
  margin-top: -12.4rem;
  padding-top: 12.4rem;
  padding-bottom: 10rem;
  margin-bottom: 6rem
}

.tripple-legacy .container .left {
  flex: 0 0 40%
}

.tripple-legacy .container .left .image {
  max-width: 25rem;
  width: 100%;
  position: relative;
  margin: 0 auto
}

.tripple-legacy .container .right {
  flex: 0 0 56%
}

.tripple-legacy .container .right h2 {
  font-size: 3rem;
  margin: 0 0 1.5rem;
  font-family: "Playfair Display", serif;
  letter-spacing: -.06rem;
  line-height: 1.3
}

.tripple-legacy .container .right .tl-box {
  display: inline-flex;
  align-items: center;
  border: 1px solid #ababab;
  border-radius: .4rem;
  padding: .6rem .8rem;
  margin: 0 0 1rem
}

.tripple-legacy .container .right .tl-box img {
  width: 1.2rem;
  height: 1.2rem;
  -o-object-fit: contain;
  object-fit: contain;
  margin-right: .6rem
}

.tripple-testimonial .media .playpause-video,
.tripple-testimonial .media video {
  top: 12.1%;
  left: 30.65%;
  width: 15.8%;
  height: 61%;
  -o-object-fit: cover;
  border-radius: 2rem;
  position: absolute
}

.tripple-legacy .container .right .tl-box .text {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: -.02rem;
  line-height: 1
}

.tripple-testimonial .media::before {
  content: "";
  display: block;
  padding-bottom: 55.55%
}

.tripple-testimonial .media video {
  object-fit: cover;
  z-index: 1
}

.tripple-testimonial .media .playpause-video {
  object-fit: cover;
  z-index: 2;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0, 0, 0, .29)
}

.tripple-testimonial .media .playpause-video img {
  width: 28%
}

.tripple-testimonial .media .playpause-video .playBtn {
  animation: 1.5s infinite pulseBtn;
  border-radius: 50%
}

@keyframes pulseBtn {
  0% {
    box-shadow: 0 0 0 0 #fff
  }

  100% {
    box-shadow: 0 0 0 16px rgba(255, 255, 255, 0)
  }
}

.tripple-testimonial .media .playpause-video.played {
  background: 0 0
}

.tripple-testimonial .media .playpause-video.played:hover {
  background: rgba(0, 0, 0, .29)
}

.portfolio-new-banner {
  margin: 0 0 7.75rem;
  position: relative;
  min-height: 100%;
  z-index: 1;
  background-color: #fff
}

.portfolio-new-banner .container {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-top: 8rem;
  flex-direction: column
}

.about.clients-wrap,
.portfolio-filter,
.team-wrap .team-members .right .content .line {
  margin: 0 0 3rem
}

.portfolio-filter .container {
  display: flex;
  align-items: center;
  justify-content: center
}

.portfolio-filter ul {
  border-top: 2px solid #222;
  border-bottom: 2px solid #222;
  display: inline-flex;
  justify-content: center;
  flex-wrap: wrap
}

.portfolio-filter ul li {
  font-family: "Bebas Neue";
  font-size: 1.6rem;
  margin: 1rem .8rem;
  color: #222;
  white-space: nowrap;
  cursor: pointer
}

.portfolio-filter ul li.active,
.portfolio-filter ul li:hover {
  background-color: #8be9ff
}

.portfolio-list-wrap {
  position: relative;
  z-index: 1;
  margin-bottom: 10rem
}

.portfolio-list-wrap .container .tagline {
  position: absolute;
  left: 15px;
  top: 3.4rem;
  width: calc(100% - 30px)
}

.portfolio-list-wrap .container .tagline::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 2px;
  background: #999;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  opacity: .2
}

.portfolio-list-wrap .container .tagline h2 {
  color: #999;
  font-size: 1.2rem;
  letter-spacing: -.024rem;
  font-weight: 400;
  margin: 0;
  background-color: #fff;
  position: relative;
  z-index: 1;
  display: inline-block;
  padding-right: .625rem
}

.portfolio-list-wrap .portfolio-list,
.technologies-wrapper .technologies-details .technologies-title {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap
}

.portfolio-list-wrap .portfolio-list.two-boxes .portfolio-card-wrap {
  width: calc(50% - 2.57rem);
  margin-bottom: 4.1rem
}

.portfolio-list-wrap .portfolio-list.two-boxes .portfolio-card-wrap:nth-child(odd) {
  transform: translateY(9rem);
  -moz-transform: translateY(9rem);
  -webkit-transform: translateY(9rem)
}

.portfolio-list-wrap .portfolio-list.three-boxes {
  justify-content: flex-start;
  margin: 0 -1rem
}

.portfolio-list-wrap .portfolio-list.three-boxes .portfolio-card-wrap {
  width: 33.3333333333%;
  margin-bottom: 3rem;
  padding: 0 1rem
}

.customer-experience .box-wrap .box .content p,
.portfolio-list-wrap .portfolio-list.three-boxes .portfolio-card-wrap .content p,
.technologies-single p.small {
  font-size: 1.2rem
}

.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card {
  overflow: hidden;
  display: flex;
  justify-content: center;
  position: relative;
  margin: 0 0 2rem
}

.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .circle {
  position: absolute;
  width: 20rem;
  height: 20rem;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform-origin: center;
  background: #000;
  opacity: .06;
  border-radius: 50%
}

@keyframes pulse {

  0%,
  100% {
    transform: translate(-50%, -50%) scale(1)
  }

  33.33% {
    transform: translate(-50%, -50%) scale(.95)
  }

  66.33% {
    transform: translate(-50%, -50%) scale(1.05)
  }
}

.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .media {
  background-color: #ebebeb;
  width: 100%;
  position: relative
}

.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .image-hover::before,
.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .media::before {
  content: "";
  display: block;
  padding-bottom: 70%
}

.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .image-hover img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  transition: .5s linear .5s;
  -o-transition: .5s linear .5s;
  -webkit-transition: .5s linear .5s;
  transform-origin: center;
  -o-object-fit: contain;
  object-fit: contain
}

.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card:hover .media .hoverable {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  opacity: 1;
  visibility: visible
}

.portfolio-list-wrap .portfolio-list .portfolio-card-wrap .content {
  position: relative;
  padding-left: 1.5rem;
  border-left: 2px solid #ebebeb
}

.portfolio-list-wrap.flat-top .portfolio-list .portfolio-card-wrap:first-child {
  transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  margin-bottom: -8.3rem
}

.portfolio-list-wrap.flat-top .portfolio-list .portfolio-card-wrap:first-child .portfolio-card .media::before {
  padding-bottom: 93.875%
}

.applykart-col-2,
.career-box-wrap,
.portfolio-single-wrap {
  margin: 0 0 6rem
}

.portfolio-single-wrap .portfolio-single {
  position: relative;
  display: flex;
  align-items: center;
  background-color: #ea6493;
  border-radius: 1.2rem;
  overflow: hidden
}

.portfolio-single-wrap .portfolio-single .image-wrap {
  flex: 0 0 53.13%
}

.portfolio-single-wrap .portfolio-single .image-wrap .image::before {
  content: "";
  display: block;
  padding-bottom: 71.35%
}

.portfolio-single-wrap .portfolio-single .content {
  flex: 0 0 46.87%;
  padding: 2rem 3.9rem;
  position: relative
}

.portfolio-single-wrap .portfolio-single .content h2 {
  font-family: "Bebas Neue";
  font-weight: 100;
  font-size: 3rem;
  line-height: 1.1;
  letter-spacing: normal;
  margin: 0;
  color: #fff
}

.portfolio-single-wrap .portfolio-single .content p {
  font-size: 1.4rem;
  line-height: 1.57;
  letter-spacing: -.028rem;
  font-weight: 400;
  color: #fff;
  margin: 0 0 1rem
}

.portfolio-single-wrap .portfolio-single .content .small {
  font-size: .9rem;
  text-transform: uppercase;
  color: #fff;
  opacity: .6;
  font-weight: 400;
  margin: 0 0 1.2rem
}

.applykart {
  margin: 0 0 30%
}

.applykart .portfolio-fullImg {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 100%;
  transform: translateY(42%);
  -moz-transform: translateY(42%);
  -webkit-transform: translateY(42%);
  margin-top: -36%
}

.applykart .portfolio-fullImg::before {
  content: "";
  display: block;
  padding-bottom: 79.05%
}

.applykart-col-2 .box {
  display: flex;
  margin: 0 0 2.2rem
}

.applykart-col-2 .box .count {
  flex: 0 0 auto;
  width: 5.55rem;
  height: 5.55rem;
  background-color: #1424fa;
  color: #fff;
  line-height: 5.55rem;
  text-align: center;
  font-size: 1.8rem;
  border-radius: 1rem;
  margin-right: 1.8rem
}

.applykart-about .portfolio-testimonial,
.applykart-about .service-testimonial {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%)
}

.pikmykid-num-box .box-wrapper .box {
  max-width: 12rem;
  width: 20%;
  background-color: #f4f4f4;
  border-radius: 1rem;
  text-align: center
}

.pikmykid-num-box .box-wrapper .box h3 {
  font-size: 5rem;
  color: #63c5ff;
  margin: -3.8rem 0 0;
  text-transform: uppercase;
  font-weight: 900
}

.pikmykid-num-box .box-wrapper .box h3 span {
  font-size: 2rem
}

.pikmykid-num-box .box-wrapper .box p {
  font-size: 1.3rem;
  margin: 0;
  padding: 1rem 1rem 2rem;
  line-height: 1.38
}

.address .box .content h3,
.address .section-title h2,
.contact.top-banner .container .caption h1 {
  font-family: "Bebas Neue";
  line-height: 1.1;
  letter-spacing: normal
}

.contact.top-banner .container .caption {
  margin: 4.13rem auto 3.45rem;
  text-align: center;
  max-width: 73.125rem
}

.contact.top-banner .container .caption h1 {
  font-size: 4.2rem;
  margin: 0 0 1.5rem
}

.contact.top-banner .container .caption p a,
.design-col-3 .grid .col h3 a {
  color: #222;
  text-decoration: none;
  font-weight: 600;
  display: inline-block
}

.contact .contact-form {
  max-width: 71.25rem;
  background-color: transparent;
  padding: 0 3.75rem;
  box-shadow: none
}

.contact .contact-form .form-group {
  margin: 0 0 2rem;
  flex-basis: 100%;
  width: 100%
}

.contact .contact-form .form-btn {
  position: static;
  transform: translateY(0);
  -moz-transform: translateY(0);
  -webkit-transform: translateY(0);
  text-align: right;
  margin-top: 1rem;
  margin-left: auto
}

.contact.media-wrap {
  margin: 0 0 5rem;
  padding: 5rem 0 1rem
}

.contact.media-wrap .media .content h4 {
  font-family: "Bebas Neue";
  font-size: 2.4rem;
  font-weight: 400;
  line-height: 1.12;
  margin: 0 0 1rem;
  letter-spacing: normal
}

.contact.media-wrap .container {
  max-width: 75%
}

.address {
  margin-top: 4rem;
  padding: 4.6rem 0 9.2rem;
  background: url(./assets/images/contact-address.jpg) 0 0/cover no-repeat #fff
}

.address .section-title h2 {
  font-size: 3.6rem;
  margin: 0 0 .5rem
}

.address .box .content {
  max-width: 29rem;
  width: 100%;
  margin: 0 auto;
  padding-top: 32.5rem
}

.address .box .content h3 {
  font-size: 2.4rem;
  margin: 0;
  font-weight: 100
}

.address .box .content p {
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 400;
  color: #666;
  margin: 0 0 1.2rem
}

.blog .alm-reveal .blog-listing a,
.blog .blog-post .blog-listing a,
.blog-single .blog-post a,
.blog-top .container .left .content h2 a,
.blog-top .container .left .content h4 a,
.blog-top .container .right .content h2 a,
.blog-top .container .right .content h4 a,
.career .career-post .career-listing a,
.hiring-model ul li .title h3 a,
.knowledge-center .knowledge-center-post .knowledge-center-listing a,
.search-menu ul li a {
  color: #222;
  text-decoration: none
}

.contact-img-banner {
  margin-top: -8.375rem;
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 100%
}

.contact-img-banner::before {
  content: "";
  display: block;
  padding-bottom: 30.2%
}

.common-banner.blog-head-title .container .caption {
  margin-bottom: 2rem
}

.blog-top {
  margin: 0 0 2.92rem
}

.blog-top .container .left {
  flex-basis: 50%;
  width: 50%;
  margin-right: 1.5rem
}

.blog-top .container .left .image::before {
  content: "";
  display: block;
  padding-bottom: 52.33%
}

.blog .alm-reveal .blog-listing .content,
.blog .blog-post .blog-listing .content,
.blog-top .container .left .content,
.blog-top .container .right .content {
  margin-top: 1.5rem
}

.blog-top .container .left .content h2,
.blog-top .container .left .content h4,
.blog-top .container .right .content h2,
.blog-top .container .right .content h4 {
  font-family: Merriweather, serif;
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: .55rem;
  margin-right: 3rem;
  font-weight: 700;
  letter-spacing: 0;
  max-width: 23rem
}

.blog .alm-reveal .blog-listing .content p,
.blog .blog-post .blog-listing .content p,
.blog-top .container .left .content p,
.blog-top .container .right .content p {
  font-size: 1rem;
  color: #999;
  font-weight: 400
}

.blog-top .container .right {
  flex-basis: 50%;
  width: 50%;
  margin-left: 1.5rem
}

.blog-top .container .right .image::before,
.career .career-post .career-listing .image::before,
.career-gallery .image::before,
.knowledge-center .knowledge-center-post .knowledge-center-listing .image::before,
.service-case-study .service-box .box-view::before {
  content: "";
  display: block;
  padding-bottom: 52.3%
}

.blog-top.press {
  padding-top: 3rem
}

.blog-top.press .container .left,
.blog-top.press .container .right {
  flex-basis: 50%;
  width: 50%
}

.blog-top.press .container .left .content {
  display: block;
  margin-top: 1rem;
  margin-bottom: 2rem
}

.blog-top.press .container .left .content h2,
.blog-top.press .container .right .content h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.4rem;
  letter-spacing: -.03rem
}

.blog-top.press .container .right .content,
.blog.press .alm-reveal .blog-listing .content,
.blog.press .blog-post .blog-listing .content {
  margin-top: 1rem;
  margin-bottom: 2rem
}

#ajax-load-more {
  padding: 0 15px
}

.blog,
.career-banner {
  margin: 6rem 0 10rem
}

.blog .alm-reveal,
.blog .blog-post,
.career .career-post,
.knowledge-center .knowledge-center-post {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px
}

.blog .alm-reveal .blog-listing,
.blog .blog-post .blog-listing,
.knowledge-center .knowledge-center-post .knowledge-center-listing {
  flex-basis: 33.33%;
  width: 33.33%;
  padding: 0 15px
}

.blog .alm-reveal .blog-listing .content h2,
.blog .alm-reveal .blog-listing .content h4,
.blog .blog-post .blog-listing .content h2,
.blog .blog-post .blog-listing .content h4 {
  font-family: Merriweather, serif;
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: .55rem;
  margin-right: 3rem;
  font-weight: 700;
  letter-spacing: 0
}

.blog .alm-reveal.vertical .blog-listing,
.blog .blog-post.vertical .blog-listing {
  flex-basis: 100%;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 0 1.5rem
}

.blog .alm-reveal.vertical .blog-listing .image,
.blog .blog-post.vertical .blog-listing .image {
  flex: 0 0 22rem;
  margin-right: 1.5rem
}

.blog .alm-reveal.vertical .blog-listing .content,
.blog .blog-post.vertical .blog-listing .content {
  max-width: 35rem;
  width: 100%;
  margin-top: 0
}

.blog .alm-reveal.vertical .blog-listing .content h2,
.blog .blog-post.vertical .blog-listing .content h2 {
  max-width: 26rem;
  width: 100%
}

.blog .alm-reveal.vertical .blog-listing .content h3,
.blog .blog-post.vertical .blog-listing .content h3 {
  font-family: Merriweather, serif;
  font-weight: 300;
  font-size: .98rem;
  line-height: 1.6;
  margin: 0 0 .5rem;
  letter-spacing: 0;
  color: rgba(0, 0, 0, .84);
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical
}

.blog .alm-reveal.vertical .blog-listing .content h3 p,
.blog .blog-post.vertical .blog-listing .content h3 p {
  margin: 0 0 .5rem;
  font-size: .98rem;
  color: rgba(0, 0, 0, .84)
}

.blog .alm-reveal.vertical .blog-listing .content p,
.blog .blog-post.vertical .blog-listing .content p {
  font-size: .9rem;
  margin: 0
}

.blog .alm-reveal {
  margin: 0 !important
}

.about-image-banner,
.blog.press,
.leadership,
.our-foundation,
.review-box-wrap,
.service-case-study,
.service-center-content.service-logo {
  margin: 0 0 8rem
}

.blog.press .alm-reveal .blog-listing .content h2,
.blog.press .blog-post .blog-listing .content h2 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.25rem;
  letter-spacing: -.03rem
}

.search-menu {
  max-width: 936px;
  width: 100%;
  margin: 0 auto 3rem
}

.search-menu ul {
  display: flex;
  border-bottom: 1px solid #e0e0e0
}

.search-menu ul li a {
  padding: .5rem;
  display: inline-block;
  font-size: .9rem
}

.search-menu .counts {
  margin-top: .5rem;
  display: inline-block;
  font-size: .9rem;
  color: #999
}

.search .breadcrumbs-container .breadcrumbs li,
.search .search-for span {
  text-transform: capitalize
}

.search .search-for {
  font-family: Merriweather, serif;
  font-size: 1.8rem;
  line-height: 1.5;
  font-weight: 500;
  letter-spacing: 0;
  margin: .5rem 0 4rem;
  text-align: center
}

.tags {
  max-width: 790px;
  width: 100%;
  margin: 30px auto 50px
}

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

.tags ul li .tag-btn {
  font-family: "Open Sans", sans-serif;
  color: #717171 !important;
  background-color: #f1f1f1 !important;
  font-size: .93rem;
  border-radius: .3rem;
  padding: .3rem .6rem;
  margin-bottom: .3rem;
  display: block;
  margin-right: .3rem;
  text-decoration: none !important;
  line-height: 1.6;
  font-weight: 400
}

.blog-home-title .tag {
  color: #d70000;
  text-transform: uppercase;
  font-family: "Open Sans", Sans-serif;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 1.8px;
  margin-bottom: .8rem
}

.blog-home-title .title {
  font-size: 3.2rem;
  font-weight: 400;
  font-family: "Open Sans", Sans-serif;
  line-height: 1.33;
  letter-spacing: -1.44px;
  text-align: left;
  color: #000
}

.blog-home-banner,
.latest-tends-blog,
.service-category-section,
.service-slider-section {
  font-family: "Open Sans", Sans-serif
}

.blog-home-banner .col-right,
.blog-home-banner .grid {
  display: flex;
  gap: 1.8rem;
  flex-wrap: wrap
}

.blog-home-banner .col-left,
.blog-home-banner .col-right,
.blog-home-banner .col-right .blog-col {
  flex: 1 0 calc(50% - 1.8rem)
}

.blog-home-banner .col-left .tag,
.blog-home-banner .col-right .tag,
.latest-tends-blog .trends-list .tag {
  display: inline-block;
  color: #999;
  background: #fff;
  text-transform: uppercase;
  font-size: .9rem;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 1.6px;
  margin-bottom: 4px
}

.blog-home-banner .col-left .image,
.blog-home-banner .col-right .image,
.service-slider-section .service-carousel .service-post .image {
  position: relative;
  background: rgba(204, 204, 204, .169);
  margin-bottom: 20px
}

.blog-home-banner .col-left .image a,
.blog-home-banner .col-right .image a,
.service-slider-section .service-carousel .service-post .image a {
  text-decoration: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.blog-home-banner .col-left .image img,
.blog-home-banner .col-right .image img,
.service-slider-section .service-carousel .service-post .image img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover
}

.blog-subscribe .blog-search .search-form input[type=email],
.emaillist .es-field-wrap label input[type=email] {
  height: 50px;
  padding-left: 15px;
  padding-right: 118px;
  line-height: 50px;
  letter-spacing: -.03rem;
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
  width: 100%
}

.blog-home-banner .col-left .title {
  font-size: 1.7rem;
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -.6px;
  text-align: left;
  color: #222;
  margin-bottom: 10px
}

.blog-home-banner .col-left .description {
  font-size: 1.14rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #666;
  margin-bottom: 0
}

.blog-home-banner .col-right .title {
  font-size: 1.14rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: -.4px;
  text-align: left;
  color: #222;
  margin-bottom: 0
}

.latest-tends-blog .title,
.latest-tends-blog .trends-list .title,
.service-category-section .title {
  font-weight: 400;
  letter-spacing: -.6px;
  text-align: left
}

.blog-home-banner .col-left .description,
.blog-home-banner .col-left .title,
.blog-home-banner .col-right .title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden
}

.latest-tends-blog .title {
  font-size: 1.8rem;
  line-height: 1.2;
  color: #222;
  margin-bottom: 60px
}

.latest-tends-blog .trends-list {
  display: flex;
  flex-wrap: wrap;
  gap: 3rem 1.8rem;
  counter-reset: blog-list
}

.latest-tends-blog .trends-list li {
  padding-left: 2.4rem;
  position: relative;
  flex: 0 0 calc(33.33% - 1.8rem)
}

.latest-tends-blog .trends-list li::before {
  content: "0" counter(blog-list);
  counter-increment: blog-list;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.72px;
  color: #ccc;
  position: absolute;
  left: 0;
  top: 0;
  display: inline-block
}

.latest-tends-blog .trends-list .title {
  font-size: 1.4rem;
  line-height: 1.2;
  color: #222;
  margin-bottom: 10px
}

.latest-tends-blog .trends-list .description {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #666;
  margin-bottom: 0
}

.service-category-section .title {
  font-size: 2rem;
  line-height: 1.5;
  color: #222;
  margin-bottom: 60px
}

.service-category-section .service-category-row {
  width: 100%;
  display: flex;
  gap: 1.8rem
}

.service-category-section .service-category-row .text h2 {
  margin: 0 0 10px;
  font-size: 1.4rem;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -.4px;
  font-family: "Open Sans", Sans-serif;
  color: #222;
  text-transform: capitalize
}

.service-category-section .service-category-row .text p {
  margin-bottom: 0;
  font-size: 1.14rem;
  line-height: 1.5;
  letter-spacing: normal;
  font-weight: 400;
  font-family: "Open Sans", Sans-serif;
  color: #999
}

.service-category-section .service-category-row .link {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0
}

.service-category-section .service-category-row .browse-category-btn {
  display: inline-flex;
  gap: 10px;
  align-items: center;
  color: #222;
  position: absolute;
  margin-top: 60px;
  transition: .2s ease-in-out;
  font-size: 1.14rem;
  line-height: 2;
  letter-spacing: normal;
  font-family: "Open Sans", Sans-serif;
  border-bottom: 1px solid #ccc
}

.service-category-section .service-category-row .box {
  flex: 0 1 calc(33.33% - 1.8rem);
  border: 1px solid rgba(204, 204, 204, .8);
  overflow: hidden;
  padding: 20px;
  width: 100%;
  position: relative;
  height: 240px;
  transition: .2s ease-in-out;
  cursor: pointer
}

.service-category-section .service-category-row .box .image {
  width: 64px;
  aspect-ratio: 1/1;
  display: block;
  transition: .2s ease-in-out;
  margin-bottom: 40px
}

.service-category-section .service-category-row .box .image img {
  width: 100%;
  display: block
}

.service-category-section .service-category-row .box:hover {
  border-color: #222;
  transition: .2s ease-in-out
}

.service-category-section .service-category-row .box:hover .image {
  margin-top: -90px;
  transition: .2s ease-in-out
}

#datafetch {
  position: absolute;
  top: 54px;
  max-height: 300px;
  background: #fff;
  left: 0;
  width: 100%;
  z-index: 50;
  overflow-y: auto;
  padding: 20px;
  border: 1px solid #e0e0e0
}

.blog-insight-search .blog-search .container .search-form {
  border: 1px solid #e0e0e0 !important;
  max-width: 740px
}

.blog-insight-search .blog-search .container .search-form .search-btn {
  width: 160px;
  height: 100%
}

.blog-insight-search .blog-search .container .search-form .search-btn label {
  justify-content: center;
  height: 100%;
  border-radius: 0
}

.blog-insight-search .blog-search .container .search-form .bottom-line {
  display: none !important
}

.blog-insight-search .blog-search .container .search-form .search-text {
  padding-left: 20px;
  padding-right: 170px
}

.blog-subscribe {
  background-color: #4a5ee5;
  padding: 30px;
  color: #fff;
  position: relative;
  font-family: "open sans", sans-serif
}

.blog-subscribe .title {
  text-transform: uppercase;
  font-size: 22px;
  letter-spacing: -.02rem;
  margin: 0 0 1rem
}

.blog-subscribe .text {
  font-size: 42px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: -.15rem;
  margin: 0 0 2.5rem
}

.blog-subscribe .blog-search {
  display: flex;
  justify-content: center;
  padding: 0;
  max-width: 480px
}

.blog-subscribe .blog-search .search-form {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  border: 0
}

.blog-subscribe .blog-search .search-form input[type=email] {
  font-weight: 400;
  border: 0;
  border-radius: .5rem
}

.blog-subscribe .blog-search .search-form input[type=email]:focus-visible {
  outline: 0
}

.blog-subscribe .blog-search .search-form .search-btn {
  position: absolute;
  right: 6px;
  top: 50%;
  transform: translateY(-50%)
}

.blog-subscribe .blog-search .search-form .search-btn label {
  color: #fff;
  cursor: pointer;
  line-height: 1;
  font-size: 1.6rem;
  padding: 1rem 1rem 1.2rem;
  margin: 0;
  font-weight: 600
}

.blog-subscribe .blog-search .search-form .bottom-line {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background-color: #a5a5a5;
  transition: .4s
}

.blog-subscribe .close-subs {
  position: absolute;
  top: -14px;
  right: -14px;
  background: #222;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  font-size: 2rem;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer
}

.blog-modal,
.blog-single .sidebar,
.knowledge-center-single .knowledge-center-sidebar {
  position: fixed;
  display: none
}

.blog-modal {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1100;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, .35)
}

.blog-modal .blog-subscribe {
  min-width: 600px
}

.emaillist {
  position: relative;
  max-width: 480px
}

.emaillist .es-field-wrap label input[type=email] {
  font-weight: 400;
  border: 0;
  border-radius: .5rem;
  outline: 0
}

.emaillist .es-field-wrap label input[type=email]:focus-visible {
  outline: 0
}

.emaillist input[type=submit] {
  color: #fff;
  cursor: pointer;
  line-height: 1;
  font-size: 1.6rem;
  padding: 1rem 1.5rem 1.2rem;
  margin: 0;
  font-weight: 600;
  background-color: #f7403a;
  border: 0;
  border-radius: .5rem;
  position: absolute;
  right: 6px;
  top: 6px
}

.es_subscription_message {
  max-width: 540px;
  display: block
}

.es_subscription_message.success {
  color: #0f0
}

.es_subscription_message.error {
  color: #ff7a7a
}

@media (max-width:575px) {
  .blog-home-banner .col-right .blog-col {
    flex: 0 0 100%
  }

  .service-category-section .service-category-row .box {
    flex: 0 0 100% !important
  }
}

.blog-single {
  margin: 3rem 0 0
}

.blog-single .sidebar h3,
.knowledge-center-single .knowledge-center-sidebar h3 {
  font-size: 1.25rem;
  letter-spacing: -.05rem;
  font-weight: 600;
  margin: 0 0 .5rem
}

.blog-single .sidebar ul li,
.knowledge-center-single .knowledge-center-sidebar ul li {
  border-bottom: 1px solid #ebebeb;
  padding: .2rem 0
}

.blog-single .sidebar ul li a {
  color: #999;
  font-size: .81rem;
  line-height: 1.67;
  display: block;
  text-decoration: none;
  max-width: 18rem
}

.blog-single .sidebar ul li:last-child,
.knowledge-center-single .knowledge-center-sidebar ul li:last-child {
  border-bottom: 0;
  padding-bottom: 0
}

.blog-single .sidebar .social-links .blog-social-icon ul,
.knowledge-center-single .knowledge-center-sidebar .social {
  max-width: 8rem;
  width: 100%;
  border-top: 1px solid #bfbfbf;
  border-radius: 0
}

.blog-single .sidebar .social-links .blog-social-icon ul li,
.knowledge-center-single .knowledge-center-sidebar .social li {
  display: inline-block;
  padding: 1rem 0 0;
  border-bottom: 0
}

.blog-single .header-content {
  margin: 0 0 1.875rem
}

.blog-single .header-content h1 {
  font-family: Merriweather, serif;
  font-size: 2.5rem;
  font-weight: 100;
  line-height: 1.4;
  letter-spacing: 0;
  margin: 0 0 .9rem
}

.blog-single .header-content .subtitle {
  font-family: "Bebas Neue";
  line-height: 1.67;
  font-size: 1.4rem;
  letter-spacing: .1rem;
  font-weight: 100
}

.blog-single .author-details,
.knowledge-center-single .author-details {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap
}

.blog-single .author-details .blog-author .image,
.knowledge-center-single .author-details .knowledge-center-author .image {
  width: 3.25rem;
  height: 3.25rem;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #ccc
}

.blog-single .author-details .blog-author .name,
.knowledge-center-single .author-details .knowledge-center-author .name {
  margin-left: .62rem
}

.blog-single .author-details .blog-author .name h4 {
  font-size: 1rem;
  font-weight: 500;
  margin: 0 0 .125rem;
  line-height: 1.4;
  letter-spacing: 0
}

.blog-single .author-details .blog-author .name p,
.knowledge-center-single .author-details .knowledge-center-author .name p {
  font-size: .8rem;
  color: #666;
  margin: 0;
  font-weight: 600
}

.blog-single .author-details .blog-social-icon ul,
.knowledge-center-single .author-details .knowledge-center-social-icon ul {
  margin: 0;
  padding: 0;
  list-style: none;
  position: static;
  line-height: 0 !important
}

.blog-single .blog-content img,
.blog-single .blog-content img.aligncenter {
  width: auto;
  margin: 0 auto 2.5rem;
  display: block
}

.blog-single .author-details .blog-social-icon ul li a,
.knowledge-center-single .author-details .knowledge-center-social-icon ul li a {
  display: block;
  padding: 0
}

.blog-single .author-details .blog-social-icon ul li a img,
.knowledge-center-single .author-details .knowledge-center-social-icon ul li a img {
  width: 1.5rem;
  height: 1.5rem
}

.blog-single .blog-content {
  font-family: Merriweather, serif;
  font-size: 1rem;
  line-height: 2;
  margin: 1.56rem 0 0;
  font-weight: 300
}

.blog-single .blog-content img.aligncenter {
  -o-object-fit: contain;
  object-fit: contain
}

.blog-single .blog-content img.size-thumbnail,
.knowledge-center-single .content img.size-thumbnail {
  max-width: 10.7;
  display: block;
  margin: 7.5rem auto !important
}

.blog-single .blog-content p {
  font-family: Merriweather, serif;
  font-size: 1.125rem;
  line-height: 2rem;
  margin: 0 0 1.87rem;
  font-weight: 300
}

.blog-single .blog-content h2,
.blog-single .blog-content h3 {
  line-height: 1.35;
  letter-spacing: 0;
  font-family: Merriweather, serif
}

.blog-single .blog-content h2 {
  font-size: 2rem;
  margin-top: 3.5rem;
  margin-bottom: 1.5rem
}

.blog-single .blog-content h3 {
  font-size: 1.25rem;
  margin-bottom: .5rem;
  color: rgba(0, 0, 0, .84)
}

.blog-single .blog-content a {
  text-decoration: underline;
  color: rgba(0, 0, 0, .84)
}

.blog-single .blog-content ol,
.blog-single .blog-content ul {
  margin: 1.25rem 0;
  list-style: disc;
  padding-left: 2.5rem
}

.blog-single .blog-content ol li,
.blog-single .blog-content ul li {
  font-family: Merriweather, serif;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 32px;
  margin: 0 0 .62rem
}

.blog-single .blog-content blockquote {
  font-family: Merriweather, serif;
  margin: 0 0 2.5rem;
  color: #666;
  background: #f5f5f5;
  border-radius: .5rem;
  padding: 1.9rem 2.5rem
}

.blog-single .blog-content blockquote p {
  font-family: Merriweather, serif;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 32px;
  margin: 0;
  word-break: break-word
}

.blog-single .blog-content blockquote p a,
.knowledge-center-single .content blockquote p a {
  color: var(--primary);
  text-decoration: none;
  display: block
}

.blog-single .blog-content .blog-video,
.knowledge-center-single .content .blog-video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin-bottom: 2.5rem
}

.blog-single .blog-content .blog-quick-links h4 {
  background-color: #222;
  color: #fff;
  padding: .5rem .5rem .5rem .6rem;
  font-size: 1.2rem;
  font-weight: 300;
  margin: 0 0 .5rem;
  letter-spacing: .1rem;
  font-family: "Bebas Neue";
  line-height: 1.1
}

.blog-single .blog-content .blog-quick-links ol,
.blog-single .blog-content .blog-quick-links ul {
  padding: .3rem .3rem .3rem 2.5rem;
  list-style: auto
}

.blog-single .blog-content .blog-quick-links ol li,
.blog-single .blog-content .blog-quick-links ul li {
  font-family: Merriweather, serif;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.5;
  margin: 0 0 .6rem;
  letter-spacing: -.004em
}

.blog-single .blog-follow .tags {
  margin: 1.875rem 0 0
}

.blog-single .blog-follow .tags ul li .tag-btn {
  margin-bottom: .4rem
}

.blog-single .blog-follow .author-details-bottom {
  display: flex;
  flex-wrap: wrap;
  border-top: 1px solid #ccc;
  margin-top: 1.6rem;
  padding-top: 1.6rem
}

.blog-single .blog-follow .author-details-bottom .image {
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #ccc
}

.blog-single .blog-follow .author-details-bottom .image img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.blog-single .blog-follow .author-details-bottom .details {
  width: calc(100% - 5rem);
  padding: 0 .93rem
}

.blog-single .blog-follow .author-details-bottom .details .written-by {
  color: #666;
  font-size: .875rem;
  text-transform: uppercase;
  margin-bottom: .35rem;
  font-weight: 400;
  letter-spacing: .05rem
}

.blog-single .blog-follow .author-details-bottom .details .name {
  font-size: 1.375rem;
  margin-bottom: .6rem;
  font-weight: 400;
  letter-spacing: 0
}

.blog-single .blog-follow .author-details-bottom .details .content {
  font-size: .875rem;
  color: #666;
  font-weight: 400;
  margin: 0
}

.blog-single .blog-post {
  padding: 6.25rem 0;
  background: #fff
}

.blog-single .blog-post .blog-listing {
  height: 100%;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s
}

.blog-single .blog-post .blog-listing .image img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: .5rem
}

.blog-single .blog-post .blog-listing .listing-content {
  padding: .93rem 0;
  border: 0
}

.blog-single .blog-post .blog-listing .listing-content .title {
  font-family: merriweather, serif;
  font-size: 1.125rem;
  color: #333;
  font-weight: 500;
  line-height: 1.75;
  letter-spacing: 0
}

.service-banner {
  background: #017b82;
  margin: -8.4rem 0 10rem;
  padding-top: 8.4rem;
  color: #fff
}

.service-banner .caption {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  padding: 0 15px;
  min-height: calc(100vh - 8.4rem);
  text-align: center;
  background: #017b82
}

.service-banner .caption p {
  color: #fff;
  margin: 0 0 4.25rem
}

.service-banner .caption .scroll-down {
  margin: 4.45rem 0 0
}

.service-menu {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 1.9;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
  padding: 1.75rem 0;
  margin: 0 0 10rem
}

.service-menu ul li {
  display: inline-block;
  margin-right: 5.3rem;
  font-weight: 400
}

.service-menu ul li a {
  font-size: 1rem;
  letter-spacing: -.04rem;
  color: #222;
  text-decoration: none;
  font-weight: 400;
  line-height: 1.9
}

.service-case-study-wrap .section-title {
  margin: 0 0 8.9rem
}

.service-case-study-wrap .section-title p,
.service-content .container .left .content {
  margin: 0 0 1.8rem
}

.service-case-study-wrap .service-case-study {
  display: flex;
  background-color: #f7f7f7
}

.service-case-study-wrap .service-case-study .content {
  flex: 0 0 49%;
  padding: 6.4rem 2rem 6.4rem 6.1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center
}

.service-case-study-wrap .service-case-study .content h2 {
  font-size: 2.3rem;
  line-height: 1.33;
  letter-spacing: -.05rem;
  font-weight: 400;
  margin: 0 0 1.2rem
}

.service-case-study-wrap .service-case-study .content p {
  letter-spacing: -.03rem;
  margin: 0 0 1.7rem;
  font-size: 1.45rem
}

.service-testimonial .testimonial-by .name,
.service-testimonial .testimonial-by .name p {
  font-size: 1.35rem;
  line-height: 1.67;
  font-weight: 600;
  letter-spacing: -.05rem
}

.service-case-study-wrap .service-case-study .image {
  flex: 0 0 51%;
  position: relative
}

.service-case-study-wrap .service-case-study .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  left: 0;
  top: 0
}

.service-testimonial {
  padding: 0 0 9.5rem;
  margin: 0 0 6.5rem;
  position: relative
}

.service-testimonial .title {
  padding-left: 7rem;
  position: relative
}

.service-testimonial .title img {
  position: absolute;
  max-width: 2.85rem;
  margin-right: 1.66rem;
  left: 2.69rem;
  top: -.6rem
}

.service-testimonial .title h2 {
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: -.1rem;
  margin: 0 0 1.4rem;
  line-height: 1.4
}

.service-testimonial .testimonial-by {
  display: flex;
  align-items: center;
  padding-left: 7rem
}

.service-testimonial .testimonial-by .image-wrap {
  width: 6.1rem;
  position: relative;
  flex: 0 0 6.1rem;
  margin-right: 1.9rem
}

.service-testimonial .testimonial-by .image-wrap img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  border: 1px solid #ccc;
  border-radius: 50%;
  background-color: #ececec
}

.services-top .box-wrap .box img,
.services-wrap .services .thumb img {
  top: 50%;
  left: 50%;
  width: auto;
  min-height: auto;
  max-width: none;
  z-index: 1
}

.service-testimonial .testimonial-by .name p {
  margin: 0
}

.service-testimonial .testimonial-by .name span {
  font-size: 1.2rem;
  font-weight: 400;
  display: block
}

.service-testimonial .img-bg {
  position: absolute;
  bottom: 0;
  max-width: 55rem;
  left: 50%;
  transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  z-index: -1
}

.digital-product .container .left,
.digital-product .container .right {
  flex: 0 0 49%
}

.digital-product .container .left .section-title h3 {
  margin: 3.2rem 0 1.2rem
}

.design-col-3 .text a,
.digital-product .container .left .section-title p a,
.service-blogs .section-title a,
.service-content .container .left .content a,
.service-portfolio .text a,
.services.technology-stack .text a {
  font-weight: 600;
  color: #000
}

.digital-product .container .right .box-wrap .box {
  flex: 0 0 50%;
  margin: 0 0 2rem;
  padding-bottom: 2rem;
  padding-right: 1.5rem;
  position: relative
}

.digital-product .container .right .box-wrap .box::after {
  content: "";
  position: absolute;
  width: calc(100% - 1.5rem);
  height: 1px;
  background: #ccc;
  bottom: 0
}

.digital-product .container .right .box-wrap .box .image {
  background-color: #ececec;
  width: 4.2rem;
  position: relative;
  border-radius: 50%;
  margin: 0 0 .6rem
}

.digital-product .container .right .box-wrap .box .image img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(.8);
  -moz-transform: translate(-50%, -50%) scale(.8);
  -webkit-transform: translate(-50%, -50%) scale(.8);
  z-index: 1;
  height: 100%
}

.digital-product .container .right .box-wrap .box .content h3 {
  font-size: 1.4rem;
  letter-spacing: -.06rem;
  margin: 0 0 .5rem;
  font-weight: 400
}

.achieve .box-wrap .box .content p,
.digital-product .container .right .box-wrap .box .content p {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: normal;
  margin: 0;
  color: #666
}

.service-content .container .left {
  flex: 0 0 70%;
  padding-right: 1.5rem
}

.service-content .container .left .section-title h3 {
  margin: 0 0 3.45rem
}

.service-content .container .left .section-title a {
  font-weight: 600;
  color: #000;
  text-decoration: none
}

.service-content .container .left .content p {
  font-size: 1.2rem;
  line-height: 1.6;
  max-width: 51rem;
  width: 100%;
  text-align: justify
}

.service-content .container .left .content ul {
  margin: 0 0 2.4rem;
  list-style: disc;
  padding-left: 2.5rem
}

.service-content .container .left .content ul li {
  font-size: 1.2rem;
  line-height: 1.6;
  max-width: 51rem;
  width: 100%;
  text-align: justify;
  font-weight: 300
}

.career-banner .container .image,
.service-content .container .right {
  flex: 0 0 30%
}

.service-content .container .right .content-menu {
  position: sticky;
  position: -webkit-sticky;
  top: 10rem;
  padding: 3rem 4.25rem 2.65rem 3rem;
  border: 2px solid #ececec;
  margin-top: 10rem;
  max-width: 26.4375rem;
  width: 100%;
  transition: .3s linear;
  -o-transition: .3s linear;
  -webkit-transition: .3s linear;
  border-radius: 1rem
}

.service-content .container .right .content-menu .title {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: -.05rem;
  margin: 0 0 2rem
}

.service-content .container .right .content-menu ul li {
  display: block;
  margin: 0 0 1.8rem
}

.service-content .container .right .content-menu ul li a {
  font-size: 1.2rem;
  letter-spacing: -.05rem;
  color: #222;
  text-decoration: none
}

.service-content .container .right .content-menu.fixed {
  position: fixed;
  top: 0
}

.service-blogs .section-title {
  margin: 0 0 2.25rem
}

.reliable .text-top {
  width: 55%;
  margin-bottom: 5.6rem
}

.reliable .text-top h2 {
  margin: 0 0 .5rem
}

.reliable .text-top p {
  line-height: 1.7
}

.services-top {
  display: flex;
  justify-content: space-between;
  margin-bottom: 7rem
}

.services-top .box-wrap {
  margin-left: 5%;
  margin-right: 5%
}

.services-top .box-wrap .box {
  border-radius: .625rem;
  background-color: #f7f7f7;
  width: 12rem;
  position: relative
}

.services-top .box-wrap .box img {
  position: absolute;
  height: auto;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(.8);
  -moz-transform: translate(-50%, -50%) scale(.8);
  -webkit-transform: translate(-50%, -50%) scale(.8)
}

.services-top .box-wrap .box::after {
  content: "";
  width: 4.5rem;
  height: 4.5rem;
  display: block;
  background-color: #ff1816;
  border-radius: 50%;
  top: 2rem;
  right: 2rem;
  position: absolute;
  z-index: 0;
  transition: .3s ease-in;
  -o-transition: .3s ease-in;
  -webkit-transition: .3s ease-in
}

.services-top .box-wrap h4 {
  font-size: 1.8rem;
  line-height: 1.2;
  transform: translate(-2.5rem, -1.25rem);
  -moz-transform: translate(-2.5rem, -1.25rem);
  -webkit-transform: translate(-2.5rem, -1.25rem);
  font-weight: 400
}

.services-top .box-wrap .line {
  transform: translate(-3.1rem, 0) scale(.8);
  -moz-transform: translate(-3.1rem, 0) scale(.8);
  -webkit-transform: translate(-3.1rem, 0) scale(.8)
}

.industries {
  padding: 4rem 0;
  background-color: #fff;
  margin: 0 0 6rem
}

.industries .section-title.industries-title::before {
  content: "what we do"
}

.services-wrap {
  margin-bottom: 11rem
}

.services-wrap .services {
  width: 46%;
  display: flex;
  align-items: flex-start;
  margin-left: 6%
}

.services-wrap .services:nth-child(2n) {
  margin-left: 48%;
  margin-top: 4rem;
  margin-bottom: 1rem
}

.services-wrap .services .thumb {
  margin: 0 2rem 0 0;
  width: 11.25rem;
  position: relative
}

.services-wrap .services .thumb img {
  position: absolute;
  height: auto;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(.8);
  -moz-transform: translate(-50%, -50%) scale(.8);
  -webkit-transform: translate(-50%, -50%) scale(.8)
}

.services-wrap .services .thumb::after {
  content: "";
  width: 7.2rem;
  height: 7.2rem;
  display: block;
  background-color: #ff1816;
  border-radius: 50%;
  top: -1rem;
  right: -1rem;
  position: absolute;
  z-index: 0;
  transition: .3s ease-in;
  -o-transition: .3s ease-in;
  -webkit-transition: .3s ease-in
}

.services-wrap .services .thumb.qa-testing::after {
  background-color: #fdd95d
}

.services-wrap .services .thumb.iot::after {
  background-color: #f292a9
}

.services-wrap .services .content {
  width: calc(100% - 13.25rem);
  margin-top: 6rem
}

.services-wrap .services .content h4 {
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.1;
  margin: 0 0 .625rem;
  letter-spacing: -.08rem
}

.services-wrap .services .content p {
  font-size: 1.2rem;
  line-height: 1.6;
  margin: 0 0 1.25rem
}

.service-menu-wrap {
  margin: 0 0 8rem;
  padding: 5rem 0 7rem;
  background-color: #f7f7f7
}

.service-menu-wrap .section-title.services-title::before {
  content: "services."
}

.service-menu-wrap .service-menu-slider .service-btn-grp {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
  flex-wrap: wrap
}

.service-menu-wrap .service-menu-slider .service-btn-grp li {
  margin: 0 .9rem 1rem;
  cursor: pointer;
  text-align: center;
  max-width: 7.2rem;
  width: 100%
}

.service-menu-wrap .service-menu-slider .service-btn-grp li p {
  margin: 0;
  color: #999;
  font-size: 1.2rem;
  padding: .45rem 0;
  transition: .2s ease-in;
  -o-transition: .2s ease-in;
  -webkit-transition: .2s ease-in;
  border-radius: 1.2rem;
  background-color: #fff;
  line-height: 1.25;
  font-weight: 400
}

.service-menu-wrap .service-menu-slider .service-btn-grp li.active p,
.service-menu-wrap .service-menu-slider .service-btn-grp li:hover p {
  color: #fff;
  background-color: #ff1816
}

.service-menu-wrap .services-top {
  margin: 3.5rem auto 0
}

.service-menu-wrap .services-top .box-wrap {
  margin-bottom: .5rem
}

.service-menu-wrap .services-top .box-wrap .box {
  border-radius: 50%;
  width: 9.8rem;
  border: 1px solid #dbdbdb;
  background-color: transparent;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s
}

.service-menu-wrap .services-top .box-wrap .box::after {
  content: none;
  width: 3rem;
  height: 3rem;
  top: 0;
  right: 0
}

.service-menu-wrap .services-top .box-wrap .box.orange::after {
  background-color: #f0b668
}

.service-menu-wrap .services-top .box-wrap .box a {
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  position: absolute
}

.service-menu-wrap .services-top .box-wrap h4 {
  font-size: 1.2rem;
  transform: translate(-1.2rem, 0);
  -moz-transform: translate(-1.2rem, 0);
  -webkit-transform: translate(-1.2rem, 0);
  margin-top: 1.2rem;
  line-height: 1.6;
  letter-spacing: -.05rem;
  font-weight: 600
}

.service-menu-wrap .services-top .box-wrap h4 a {
  color: #222;
  text-decoration: none;
  font-weight: 600
}

.service-menu-wrap .services-top .box-wrap h4 span {
  display: inline;
  font-weight: 400
}

.service-menu-wrap .services-top .box-wrap .line {
  transform: translate(-4.1rem, .6rem) scale(.4);
  -moz-transform: translate(-4.1rem, .6rem) scale(.4);
  -webkit-transform: translate(-4.1rem, .6rem) scale(.4)
}

.service-menu-wrap .services-top .box-wrap:hover .box::after {
  transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
  width: 9.8rem;
  height: 9.8rem
}

.service-strip.our-experts .container {
  background-color: transparent;
  padding-top: 7.35rem;
  padding-bottom: 8.35rem
}

.service-list ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 78.3rem;
  width: 100%
}

.service-list ul li {
  width: calc(20% - 2rem);
  margin-right: 2rem;
  margin-bottom: 2.5rem
}

.service-list ul li .image {
  width: 100%;
  position: relative;
  border: 2px solid #ebebeb
}

.featured-on li .image a,
.service-list ul li .image a {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0
}

.service-list ul li .image img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(.45);
  -moz-transform: translate(-50%, -50%) scale(.45);
  -webkit-transform: translate(-50%, -50%) scale(.45);
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.service-list ul li.green,
.team-wrap.new .location ul li .box.green {
  background-color: #b6c867
}

.service-list ul li.green a {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  bottom: auto;
  font-size: 1.5rem;
  color: #fff;
  text-decoration: none;
  text-align: center
}

.schedule-meeting .schedule-form .row,
.service-portfolio .row,
.services-slider .box .row {
  align-items: center
}

.services-slider .box h2 {
  font-size: 3.6rem;
  letter-spacing: -.144rem;
  line-height: 1.33;
  font-weight: 400;
  margin: 0 0 1.2rem
}

.services-slider .box p {
  line-height: 1.47;
  letter-spacing: -.03rem;
  font-weight: 400;
  max-width: 35rem;
  margin: 0 0 1.5rem
}

.services-slider .box ul li {
  position: relative;
  padding-left: 1.35rem;
  margin: 0 0 1rem;
  font-size: 1.2rem;
  letter-spacing: -.024rem
}

.services-slider .box ul li::before {
  content: "";
  position: absolute;
  width: .6rem;
  height: .6rem;
  left: 0;
  top: .3rem;
  background: #da5e59;
  border-radius: .15rem
}

.services-slider .box .image::before {
  content: "";
  display: block;
  padding-bottom: 81.53%
}

.services-slider .box .owl-dots button.owl-dot {
  width: .6rem;
  height: .6rem;
  border-radius: 3px;
  display: inline-block;
  background: #ccc;
  margin: 0 .2rem;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s
}

.services-slider .box .owl-dots button.owl-dot.active {
  background-color: #da5e59;
  width: 1.3rem;
  border-radius: 3px
}

.technologies-wrapper {
  margin: 0 0 3.6rem
}

.technologies-wrapper .technologies-inner {
  border: 1px solid #ccc;
  border-radius: 1.2rem;
  padding: 3.45rem 3.5rem 0;
  position: relative
}

.technologies-wrapper .technologies-inner .right {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%
}

.technologies-wrapper .technologies-details .title {
  font-size: 2.4rem;
  letter-spacing: -.096rem;
  margin: 0 0 1rem
}

.technologies-wrapper .technologies-details p {
  font-size: 1.4rem;
  max-width: 31rem;
  font-weight: 400;
  letter-spacing: -.028rem;
  margin: 0 0 1.75rem
}

.technologies-wrapper .technologies-details .technologies-btn-grp {
  border-top: 2px solid #ccc;
  border-bottom: 2px solid #ccc;
  display: inline-flex;
  margin: 0 0 2.625rem
}

.technologies-wrapper .technologies-details .technologies-btn-grp .technologies-btn {
  font-family: "Bebas Neue";
  font-size: 2.4rem;
  letter-spacing: -.046rem;
  margin-right: 3rem;
  margin-top: 1.375rem;
  margin-bottom: 1.375rem;
  color: #ccc;
  cursor: pointer
}

.technologies-wrapper .technologies-details .service-technologies-slider .technologies-names {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1.5rem 1.7rem
}

.technologies-wrapper .technologies-details .service-technologies-slider .technologies-names .names {
  font-family: "Bebas Neue";
  font-size: 2.4rem;
  margin: 0 0 1rem;
  padding: 0 1.5rem
}

.technologies-wrapper .technologies-details .service-technologies-slider .item ul {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem
}

.technologies-wrapper .technologies-details .service-technologies-slider .item ul li {
  max-width: 8rem;
  width: 100%;
  padding: 0 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 1rem
}

.technologies-wrapper .technologies-details .service-technologies-slider .item ul li .image {
  flex: 0 0 auto;
  width: 4.8rem;
  position: relative;
  overflow: hidden;
  border: 1px solid #ccc;
  border-radius: 50%;
  margin-bottom: 1.2rem
}

.technologies-wrapper .technologies-details .service-technologies-slider .item ul li .image img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(.65);
  -moz-transform: translate(-50%, -50%) scale(.65);
  -webkit-transform: translate(-50%, -50%) scale(.65);
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s
}

.technologies-wrapper .technologies-details .service-technologies-slider .item ul li .image:hover img {
  transform: translate(-50%, -50%) scale(.8);
  -moz-transform: translate(-50%, -50%) scale(.8);
  -webkit-transform: translate(-50%, -50%) scale(.8)
}

.technologies-wrapper .technologies-details .service-technologies-slider .item ul li .name {
  font-size: 1rem;
  padding-bottom: .5rem;
  text-align: center;
  line-height: 1.33
}

.technologies-wrapper .technologies-details .service-technologies-slider .item ul li .name a {
  -webkit-text-decoration: 0;
  text-decoration: 0;
  color: #222
}

.technologies-wrapper .technologies-details #service-technologies-slider {
  margin: 0 0 1.7rem
}

.technologies-wrapper .technologies-image::before {
  content: "";
  display: block;
  padding-bottom: 73.52%
}

.technologies-single {
  border: 1px solid #ccc;
  padding: 1.8rem 2rem;
  border-radius: 1.2rem;
  position: relative;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s
}

.technologies-single .text {
  font-size: 1.8rem;
  letter-spacing: -.064rem;
  line-height: 1.5;
  margin: 0 0 1.1rem
}

.technologies-single .image {
  flex: 1 1 auto;
  max-width: 6rem;
  width: 100%;
  position: relative
}

.technologies-single p {
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: -.028rem;
  margin: 0
}

.get-in-touch-section .get-in-touch .title,
.service-home-title a {
  color: #d70000;
  font-weight: 700;
  font-family: "Open Sans", Sans-serif
}

.technologies-single a {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0
}

.technologies-single.with-img {
  display: flex;
  padding: 0
}

.technologies-single.with-img .text {
  font-size: 1.6rem;
  text-transform: none;
  padding: 2.1rem .5rem 2.9rem 2rem;
  margin: 0;
  flex: 1 1 auto
}

.technologies-single.with-img .image {
  max-width: 9rem;
  width: 100%;
  position: relative
}

.technologies-single.with-img .image::before {
  content: "";
  display: block;
  padding-bottom: 122.2223%
}

.col4-design .row .services {
  width: 100% !important;
  flex-direction: column;
  margin-left: 0
}

.col4-design .row .services .thumb {
  width: 8.45rem;
  margin: 0
}

.col4-design .row .services .content {
  margin-top: 2rem !important;
  width: 100%
}

.border-red-left {
  border-left: 4px solid #f24a4a;
  padding: 20px 0 20px 40px
}

.service-home-title .title {
  font-size: 3.2rem;
  font-weight: 400;
  font-family: "Open Sans", Sans-serif;
  line-height: 1.33;
  letter-spacing: -.4px;
  text-align: left;
  color: #000
}

.service-home-title a {
  font-size: 1.14rem;
  text-transform: capitalize;
  line-height: 27px;
  letter-spacing: normal;
  background-color: #fff;
  text-decoration: none;
  display: inline-flex;
  align-items: center
}

.sticky-service-section .service-row {
  display: flex;
  gap: 40px
}

.sticky-service-section .service-row .left {
  flex: 0 0 calc(60% - 20px)
}

.sticky-service-section .service-row .left .sticky-title {
  position: sticky;
  position: -webkit-sticky;
  top: 8rem;
  display: block
}

.sticky-service-section .service-row .left .title {
  font-size: 2.8rem;
  font-weight: 400;
  font-family: "Open Sans", Sans-serif;
  line-height: 1.3;
  letter-spacing: -.4px;
  text-align: left;
  color: #000;
  margin-bottom: 2rem;
  text-transform: capitalize
}

.sticky-service-section .service-row .left .description {
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #666;
  margin-bottom: 0
}

.sticky-service-section .service-row .right {
  flex: 0 0 calc(40% - 20px)
}

.sticky-service-section .service-row .right ul {
  counter-reset: service-list;
  font-family: "Open Sans", Sans-serif;
  padding-top: 5rem
}

.sticky-service-section .service-row .right ul li {
  margin: 0 0 3rem 4rem;
  padding-bottom: 3rem;
  position: relative;
  flex: 0 0 calc(33.33% - 1.8rem)
}

.sticky-service-section .service-row .right ul li:not(:last-child) {
  border-bottom: 1px solid #ccc
}

.sticky-service-section .service-row .right ul li::before {
  content: "0" counter(service-list);
  counter-increment: service-list;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -.72px;
  color: #ccc;
  position: absolute;
  left: -4rem;
  top: .3rem;
  display: inline-block
}

.sticky-service-section .service-row .right ul li .title {
  font-size: 1.4rem;
  font-weight: 600;
  font-family: "Open Sans", Sans-serif;
  line-height: 1.3;
  letter-spacing: -.4px;
  text-align: left;
  color: #000;
  margin-bottom: 1rem
}

.sticky-service-section .service-row .right ul li .description {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #666;
  margin-bottom: 0
}

.service-slider-section .title-top {
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.4px;
  text-align: left;
  color: #999;
  text-transform: uppercase;
  margin-bottom: 1rem
}

.service-slider-section .service-carousel .owl-stage {
  padding-left: 0 !important
}

.service-slider-section .service-carousel .item {
  margin-right: 6%
}

.service-slider-section .service-carousel .service-post .title {
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -.4px;
  text-align: left;
  color: #222;
  margin-bottom: 0
}

.service-slider-section .service-carousel .service-post .headline {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: left;
  color: #666;
  margin-bottom: 1rem
}

.get-in-touch-section .get-in-touch .title {
  font-size: 16px;
  text-transform: uppercase;
  font-style: normal;
  line-height: 2.22;
  letter-spacing: 1.8px;
  -webkit-text-stroke-color: #000;
  stroke: #000
}

.get-in-touch-section .get-in-touch .para {
  text-align: center;
  color: #000;
  font-family: "Open Sans", Sans-serif;
  font-size: 39px;
  font-weight: 400;
  text-transform: none;
  line-height: 1.2;
  letter-spacing: -.96px
}

.get-in-touch-section .get-in-touch .btn {
  font-family: "Open Sans", Sans-serif;
  font-size: 16px;
  font-weight: 600;
  font-style: normal;
  line-height: 1.63;
  letter-spacing: -.32px;
  background-color: #000;
  padding: 10px 20px
}

.about-image-banner .image-wrap {
  margin-left: 6rem;
  border-top-left-radius: 11rem;
  overflow: hidden;
  width: calc(100% - 6rem);
  position: relative
}

.about-image-banner .image-wrap::before {
  content: "";
  display: block;
  padding-bottom: 45.25%
}

.about-image-banner .lets {
  margin-top: -7rem;
  margin-left: 6rem;
  padding: 2.5rem 4rem;
  border-radius: .625rem;
  position: relative;
  background-color: #173a96;
  display: flex;
  align-items: flex-end;
  justify-content: space-between
}

.about-image-banner .lets .left {
  width: 55%
}

.about-image-banner .lets .left h2 {
  color: #fff;
  font-size: 3.6rem;
  margin: 0 0 .75rem
}

.about-image-banner .lets .left p {
  margin: 0;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1.71
}

.gallery {
  margin: 0 0 7.4rem
}

.gallery .gallery-image {
  margin: 1.125rem;
  overflow: hidden;
  border-radius: .625rem
}

.gallery .gallery-image.large,
.gallery .gallery-image.medium,
.gallery .gallery-image.small {
  width: calc(100% - 2.25rem);
  position: relative
}

.gallery .gallery-image img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition: .3s ease-in;
  -o-transition: .3s ease-in;
  -webkit-transition: .3s ease-in
}

.gallery .gallery-image:hover img {
  transform: translate(-50%, -50%) scale(1.05);
  -moz-transform: translate(-50%, -50%) scale(1.05);
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  filter: grayscale(100)
}

.apcy-image img,
.clients-wrap .clients li img {
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  min-height: 100%;
  max-width: none
}

.gallery .row-one {
  display: flex;
  align-items: flex-end;
  justify-content: flex-start
}

.gallery .row-one .col-1,
.gallery .row-two .col-2,
.gallery .row-two .col-3 {
  flex: 0 1 37.5%
}

.gallery .row-one .col-2 {
  flex: 0 1 62.5%
}

.gallery .row-one .col-2 .gallery-image.small::before {
  padding-bottom: 40.38%
}

.gallery .row-two {
  display: flex;
  align-items: flex-start;
  justify-content: space-between
}

.gallery .row-two .col-1 {
  flex: 0 1 25%
}

.gallery .row-three {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end
}

.gallery .row-three .col-1 {
  flex: 0 1 60%
}

.gallery .text {
  margin: 0 -10rem 3.35rem 1.125rem
}

.gallery .text p {
  font-size: 1.3rem;
  line-height: 1.84;
  margin: 0 0 1.25rem
}

.clients-wrap {
  padding: 5rem 0 7.4rem;
  margin: 0 0 7rem;
  background-color: #f7f7f7
}

.clients-wrap.gradient.purple-blue {
  background-color: #6060d0;
  background-image: linear-gradient(90deg, #8be9ff, #6060d0)
}

.clients-wrap.gradient.pink-blue {
  background-color: #fcb0eb;
  background-image: linear-gradient(90deg, #fcb0eb, #9ab2e3)
}

.clients-wrap .section-title.double::before {
  content: "stand out"
}

.clients-wrap .clients {
  margin: 0 5rem;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between
}

.clients-wrap .clients li {
  border-radius: .625rem;
  background-color: #222;
  margin: 1.5rem 0;
  width: 23%;
  position: relative;
  overflow: hidden
}

.clients-wrap .clients li::before {
  content: "";
  display: block;
  padding-bottom: 58.82%
}

.clients-wrap .clients li img {
  position: absolute;
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%) scale(.8);
  -moz-transform: translate(-50%, -50%) scale(.8);
  -webkit-transform: translate(-50%, -50%) scale(.8);
  z-index: 1;
  -o-object-fit: contain;
  object-fit: contain
}

.clients-wrap .clients li:first-of-type,
.clients-wrap .clients.clients-sm li.purple,
.our-work ul li:first-of-type {
  background-color: #6117d1
}

.clients-wrap .clients li:nth-of-type(2),
.clients-wrap .clients.clients-sm li.blue,
.our-work ul li:nth-of-type(3) {
  background-color: #2b70db
}

.clients-wrap .clients li:nth-of-type(3),
.clients-wrap .clients.clients-sm li.green,
.our-work ul li:nth-of-type(5) {
  background-color: #46be98
}

.clients-wrap .clients li:nth-of-type(6),
.clients-wrap .clients.clients-sm li.hard-blue {
  background-color: #518fb8
}

.clients-wrap .clients li:nth-of-type(7),
.clients-wrap .clients.clients-sm li.dark-blue,
.our-work ul li:nth-of-type(2) {
  background-color: #306ab1
}

.clients-wrap .clients li:nth-of-type(8),
.clients-wrap .clients.clients-sm li.red {
  background-color: #e83c28
}

.clients-wrap .clients.clients-sm {
  margin-left: 0;
  margin-right: 0
}

.clients-wrap .clients.clients-sm li {
  width: 100%;
  position: relative;
  width: calc(20% - 1.5rem);
  margin: 0 0 2rem
}

.clients-wrap .clients.clients-sm li::before {
  content: "";
  display: block;
  padding-bottom: 52.26%
}

.clients-wrap .clients.clients-sm li img {
  transform: translate(-50%, -50%) scale(.85);
  -moz-transform: translate(-50%, -50%) scale(.85);
  -webkit-transform: translate(-50%, -50%) scale(.85)
}

.clients-wrap .clients.clients-sm li.cyan {
  background-color: #00b1cd
}

.delivering-wrap {
  margin: 0 0 7.4rem;
  background-color: #fff
}

.delivering-wrap .section-title.double::before {
  content: "what we do";
  color: #f7f7f7
}

.contact-wrap,
.our-work {
  margin: 0 0 11rem
}

.contact-wrap .section-title.double::before {
  content: "get started";
  color: #fff
}

.team-wrap .section-title p {
  font-size: 1.5rem;
  line-height: 1.67;
  max-width: 60rem;
  margin: 0 auto;
  text-align: center
}

.team-wrap .location .line,
.team-wrap .section-title .line {
  max-width: 5.5rem;
  width: 100%;
  display: block;
  margin: 1rem auto 0
}

.team-wrap .location {
  margin: 4.4rem 0 15rem
}

.team-wrap .location p {
  font-size: 1.5rem;
  line-height: 1.67;
  max-width: 60rem;
  margin: 8rem auto 0;
  text-align: center
}

.team-wrap .location ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 80rem
}

.team-wrap .location ul li .box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  width: 18rem;
  position: relative;
  border-radius: 2.25rem;
  background-color: #f7f7f7
}

.team-wrap .location ul li .box::before {
  content: "";
  display: block;
  padding-bottom: 83.333%
}

.team-wrap .location ul li .box .title {
  position: absolute;
  top: 2.6rem !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  -moz-transform: translateX(-50%) !important;
  -webkit-transform: translateX(-50%) !important;
  width: 100% !important
}

.team-wrap .location ul li .box .heading {
  font-family: "Bebas Neue";
  font-size: 2.8rem;
  margin-top: 2rem;
  margin-bottom: 1.2rem;
  position: relative;
  z-index: 1;
  text-align: center
}

.team-wrap .location ul li .box::after {
  content: "";
  width: 6rem;
  height: 6rem;
  background-color: #999;
  position: absolute;
  border-radius: 50%;
  z-index: 0
}

.team-wrap .location ul li .box img {
  position: absolute;
  bottom: -3rem;
  left: 5.2rem;
  z-index: 1
}

.team-wrap .location ul li .box.green .title {
  max-width: 11.615rem
}

.team-wrap .location ul li .box.yellow .title {
  max-width: 9.45rem
}

.team-wrap .location ul li .box.yellow img,
.team-wrap.new .location ul li .box.green img {
  width: 10rem;
  left: 4rem;
  bottom: -2.3rem
}

.team-wrap .location ul li .box.yellow::after {
  background-color: #ffdd69;
  right: 2.8rem;
  top: 5.8rem
}

.team-wrap .location ul li .box.cyan .title {
  max-width: 12.49rem;
  top: 2rem !important
}

.team-wrap .location ul li .box.cyan img,
.team-wrap.new .location ul li .box.cyan img {
  width: 7.2rem
}

.team-wrap .location ul li .box.cyan::after {
  background-color: #87f0e6;
  top: 8rem;
  right: 4rem
}

.team-wrap .location ul li .box span {
  color: #222;
  font-size: 2.55rem;
  line-height: 1;
  text-align: center;
  display: block;
  margin-top: 2.6rem;
  position: relative;
  z-index: 1;
  text-transform: uppercase;
  font-weight: 600;
  letter-spacing: -.15rem
}

.team-wrap .team-members {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 10rem
}

.team-wrap .team-members .left {
  width: 47%;
  position: relative
}

.team-wrap .team-members .right {
  width: 47%
}

.team-wrap .team-members .right .content p {
  font-size: calc(2.9rem - 20%);
  line-height: 1.38;
  font-weight: 300;
  letter-spacing: -.1rem
}

.team-wrap .team-members .right .content .designation {
  padding-left: 2.5rem
}

.team-wrap .team-members .right .content .designation h4 {
  font-size: calc(2.5rem - 20%);
  line-height: 1.4
}

.team-wrap .team-members .right .content .designation p {
  color: #666;
  font-size: calc(1.75rem - 20%);
  font-weight: 400;
  line-height: 1.357
}

.team-wrap.new .location ul li .box.green::after {
  background-color: #fff !important;
  right: 2.8rem;
  top: 5.8rem
}

.achieve .box-wrap .box .icon.yellow::after,
.believe-in .content .image.yellow::after,
.team-wrap.new .location ul li .box.yellow {
  background-color: #fad95d
}

.team-wrap.new .location ul li .box.yellow img {
  width: 8.4rem
}

.team-wrap.new .location ul li .box.yellow::after {
  background-color: #fff !important;
  top: 6.5rem;
  right: 3.1rem
}

.achieve .box-wrap .box .icon.cyan::after,
.believe-in .content .image.cyan::after,
.full-view-wrap .slider-wrap.cyan,
.service-3-col .grid .col h3.cyan::before,
.team-wrap.new .location ul li .box.cyan {
  background-color: #99e5de
}

.team-wrap.new .location ul li .box.cyan::after {
  background-color: #fff !important;
  top: 8rem;
  right: 4rem
}

.team-wrap.new .location.service ul li {
  width: 18rem;
  margin-right: 8rem;
  margin-bottom: 8rem
}

.team-wrap.new .location.service ul li .box.green img {
  bottom: -3.5rem
}

.team-wrap.new .location.service ul li .box.green::after {
  top: 6.8rem
}

.team-wrap.new .location.service ul li .box.yellow::after {
  top: 7.8rem;
  right: auto;
  left: 3rem
}

.team-wrap.new .location.service ul li .box.cyan img,
.team-wrap.new .location.service ul li .box.orange img {
  width: 8.5rem
}

.team-wrap.new .location.service ul li .box.cyan::after {
  top: 6rem;
  right: auto
}

.team-wrap.new .location.service ul li .box.soft-blue {
  background-color: #98bae7
}

.team-wrap.new .location.service ul li .box.orange-fade img,
.team-wrap.new .location.service ul li .box.soft-blue img {
  width: 9rem
}

.team-wrap.new .location.service ul li .box.soft-blue::after {
  background-color: #fff;
  top: 6.8rem;
  right: auto;
  left: 2.5rem
}

.team-wrap.new .location.service ul li .box.orange-fade {
  background-color: #e2c2b9
}

.team-wrap.new .location.service ul li .box.orange-fade::after {
  background-color: #fff;
  top: 6.8rem;
  right: 7rem
}

.team-wrap.new .location.service ul li .box.orange {
  background-color: #ffbc97
}

.team-wrap.new .location.service ul li .box.orange::after {
  background-color: #fff;
  top: 6.8rem;
  right: 3rem
}

.apcy-image {
  margin: 0 0 10rem;
  width: 100%;
  position: relative
}

.apcy-image::before {
  content: "";
  display: block;
  padding-bottom: 25.3%
}

.apcy-image img {
  position: absolute;
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.achieve {
  margin: 0 0 6.4rem
}

.achieve .section-title {
  margin: 0 0 4.45rem
}

.achieve .box-wrap {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: space-between;
  max-width: 1170px;
  margin: 0 auto
}

.achieve .box-wrap .box {
  width: calc(50% - 1.8rem);
  display: flex;
  align-items: center;
  margin: 0 0 5.55rem
}

.achieve .box-wrap .box .icon {
  flex: 0 0 5.4rem;
  width: 5.4rem;
  margin-right: 2.9rem;
  position: relative
}

.achieve .box-wrap .box .icon::before {
  content: "";
  display: block;
  padding-bottom: 126.85%
}

.achieve .box-wrap .box .icon img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.achieve .box-wrap .box .icon::after {
  content: "";
  width: 4.2rem;
  height: 4.2rem;
  display: block;
  background-color: #f7f7f7;
  border-radius: 50%;
  top: -.5rem;
  right: -.5rem;
  position: absolute;
  z-index: -1;
  transition: .3s ease-in;
  -o-transition: .3s ease-in;
  -webkit-transition: .3s ease-in
}

.achieve .box-wrap .box .icon.blue::after,
.believe-in .content .image.blue::after {
  background-color: #86b9ed
}

.achieve .box-wrap .box .icon.red::after,
.believe-in .content .image.red::after {
  background-color: #fe6969
}

.achieve .box-wrap .box .content h3 {
  font-size: 1.6rem;
  letter-spacing: -.06rem;
  margin: 0 0 .5rem;
  font-weight: 400
}

.achieve .box-wrap .box .content p.large {
  font-size: 1.7rem;
  line-height: 1.4;
  font-weight: 100;
  letter-spacing: -.034rem;
  color: #222
}

.inner {
  position: relative;
  width: 100%;
  margin: 0 auto;
  overflow: hidden
}

.comparison-slider-wrapper {
  position: relative;
  width: 100%;
  background-color: #fff
}

.comparison-slider-wrapper .comparison-slider {
  position: relative;
  width: 100%;
  margin: 0;
  box-sizing: border-box
}

.comparison-slider-wrapper .comparison-slider>img {
  width: 100%;
  height: auto;
  display: block
}

.comparison-slider-wrapper .comparison-slider .overlay {
  display: block;
  position: absolute;
  width: 250px;
  bottom: 20px;
  right: 20px;
  background-color: rgba(0, 0, 0, .4);
  padding: 10px;
  box-sizing: border-box;
  color: #ddd;
  text-align: right
}

.comparison-slider-wrapper .comparison-slider .resize {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 50%;
  overflow: hidden
}

.comparison-slider-wrapper .comparison-slider .resize>img {
  max-width: none;
  display: block;
  width: 100%
}

.comparison-slider-wrapper .comparison-slider .resize .overlay {
  right: auto;
  left: 20px;
  text-align: left
}

.comparison-slider-wrapper .comparison-slider .divider {
  position: absolute;
  width: 3px;
  height: 100%;
  background: #222;
  border: 1px solid #fff;
  border-top: 0;
  left: 50%;
  border-bottom: 0;
  top: 0;
  bottom: 0;
  margin-left: -1px;
  cursor: ew-resize
}

.comparison-slider-wrapper .comparison-slider .divider:before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: -9px;
  top: 50%;
  margin-top: -10px;
  background-color: #fff;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  -webkit-transition: .1s ease-in-out
}

.comparison-slider-wrapper .comparison-slider .divider:after {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  left: -5px;
  top: 50%;
  margin-top: -6px;
  background-color: #222;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transition: .1s ease-in-out;
  -o-transition: .1s ease-in-out;
  -webkit-transition: .1s ease-in-out
}

.comparison-slider-wrapper .comparison-slider .divider.draggable:before {
  width: 30px;
  height: 30px;
  left: -14px;
  margin-top: -15px
}

.comparison-slider-wrapper .comparison-slider .divider.draggable:after {
  width: 20px;
  height: 20px;
  left: -9px;
  margin-top: -10px;
  background-color: #000
}

.life-ta {
  margin: 0 0 10rem;
  background-color: #f7f7f7;
  padding: 8.55rem 1rem .7rem
}

.life-ta .section-title {
  text-align: left;
  margin: 0 0 4.4rem
}

.life-ta .about-gallery {
  display: flex;
  align-items: flex-start
}

.life-ta .about-gallery .box-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-start;
  margin-right: 1.3rem
}

.life-ta .about-gallery .box-wrap .box {
  background-color: #ebebeb;
  border-radius: .6rem;
  margin: 0 0 1.2rem;
  overflow: hidden
}

.life-ta .about-gallery .box-wrap:first-child {
  width: 23.37%;
  margin-top: 7.4rem
}

.life-ta .about-gallery .box-wrap:first-child .box::before {
  content: "";
  display: block;
  padding-bottom: 72.72%
}

.life-ta .about-gallery .box-wrap:first-child .box:last-child {
  margin-left: auto;
  width: 78.63%;
  position: relative
}

.life-ta .about-gallery .box-wrap:first-child .box:last-child::before {
  content: "";
  display: block;
  padding-bottom: 104.05%
}

.life-ta .about-gallery .box-wrap.single:nth-child(2),
.life-ta .about-gallery .box-wrap:nth-child(2) {
  width: 17%;
  margin-top: 4.4rem
}

.life-ta .about-gallery .box-wrap:nth-child(2) .box::before {
  content: "";
  display: block;
  padding-bottom: 150%
}

.life-ta .about-gallery .box-wrap:nth-child(2) .box:last-child::before {
  content: "";
  display: block;
  padding-bottom: 118.75%
}

.life-ta .about-gallery .box-wrap:nth-child(3) {
  width: 31.56%
}

.life-ta .about-gallery .box-wrap:nth-child(3) .box::before {
  content: "";
  display: block;
  padding-bottom: 80.8%
}

.life-ta .about-gallery .box-wrap:last-child {
  width: 23.91%;
  margin-right: 0;
  margin-top: -7.6rem
}

.life-ta .about-gallery .box-wrap:last-child .box {
  width: 80.3%;
  position: relative
}

.life-ta .about-gallery .box-wrap:last-child .box:nth-child(2)::before {
  content: "";
  display: block;
  padding-bottom: 71.12%
}

.life-ta .about-gallery .box-wrap:last-child .box:last-child {
  width: 59%;
  position: relative
}

.life-ta .about-gallery .box-wrap:last-child .box:last-child::before {
  content: "";
  display: block;
  padding-bottom: 84.21%
}

.life-ta .about-gallery .box-wrap.single:nth-child(2) .box::before {
  content: "";
  display: block;
  padding-bottom: 175%
}

.life-ta .about-gallery.gallery-2 .box-wrap {
  width: 100% !important;
  justify-content: flex-start;
  align-items: flex-end;
  margin-top: 0 !important;
  margin-right: 0
}

.life-ta .about-gallery.gallery-2 .box-wrap .box {
  margin-right: 1.71%;
  margin-left: 0 !important;
  margin-bottom: 1.8rem
}

.life-ta .about-gallery.gallery-2 .box-wrap .box:last-child {
  margin-right: 0 !important
}

.life-ta .about-gallery.gallery-2 .box-wrap:first-child .box {
  width: 35.71%;
  position: relative
}

.life-ta .about-gallery.gallery-2 .box-wrap:first-child .box:nth-child(2) {
  width: 28.57%;
  position: relative
}

.life-ta .about-gallery.gallery-2 .box-wrap:first-child .box:last-child {
  width: 21.42%;
  position: relative
}

.life-ta .about-gallery.gallery-2 .box-wrap:nth-child(2) {
  align-items: flex-start
}

.life-ta .about-gallery.gallery-2 .box-wrap:nth-child(2) .box {
  width: 24.25%;
  position: relative
}

.life-ta .about-gallery.gallery-2 .box-wrap:nth-child(2) .box:last-child,
.life-ta .about-gallery.gallery-2 .box-wrap:nth-child(2) .box:nth-child(2) {
  width: 36.16%;
  position: relative
}

.life-ta .about-gallery.gallery-2 .box-wrap:last-child .box::before {
  content: "";
  display: block;
  padding-bottom: 61.9%
}

.about-img-banner .img-overlay {
  position: absolute;
  bottom: 2.3rem;
  right: 4.48rem
}

.about-img-banner .img-overlay img {
  max-width: 37.5rem
}

.about-img-banner .content {
  position: absolute;
  font-size: 1.5rem;
  line-height: 1.67;
  color: #fff;
  max-width: 42rem;
  top: 5rem;
  left: 4rem;
  font-weight: 400;
  letter-spacing: -.03rem
}

.about .three-column-boxes li {
  padding: 1.75rem 3rem 1.75rem 1.75rem
}

.featured-on:not(:last-child) {
  margin-bottom: 2.15rem
}

.featured-on li {
  width: calc(23% - .6rem);
  border-radius: 2.4rem;
  box-shadow: 0 .15rem .5rem rgba(0, 0, 0, .1);
  display: flex;
  align-items: center;
  overflow: hidden;
  background: #fff
}

.featured-on li:nth-child(2n) {
  width: 11.1111111111%
}

.featured-on li:nth-child(2n) .image::before {
  content: "";
  display: block;
  padding-bottom: 90%
}

.featured-on:first-of-type {
  margin-left: 4.75rem
}

.featured-on:nth-of-type(2) {
  margin-right: 4.15rem
}

.featured-on.new:first-of-type li,
.featured-on.new:nth-of-type(2) li:nth-child(2n) {
  width: calc(20% - .8rem)
}

.featured-on.new:first-of-type li:nth-child(2n),
.featured-on.new:nth-of-type(2) li {
  width: calc(14% - .8rem)
}

.featured-on.new:nth-of-type(2) {
  margin-right: 0;
  justify-content: space-evenly
}

.we-exist .image {
  max-width: 48rem;
  margin: 7.2rem auto 0
}

.ta-features {
  position: relative;
  margin: 0 0 5.7rem
}

.ta-features::before,
.ta-features:after {
  content: "";
  width: 2px;
  height: 10rem;
  background-color: #ccc;
  display: block;
  margin: 0 auto
}

.believe-in .content,
.our-impact-wrap .our-impact ul li .content {
  border-radius: 1.8rem;
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .16);
  height: 100%
}

.ta-features.home-about ul {
  flex-wrap: wrap;
  margin: 0
}

.ta-features.home-about ul li {
  width: 100%;
  margin: 0 0 4rem
}

.ta-features .image {
  max-width: 30rem;
  margin: 5.5rem auto
}

.ta-features .clutch-img {
  display: flex;
  flex-direction: column;
  align-items: center
}

.ta-features .clutch-img .image1 {
  max-width: 12rem;
  margin: 3rem auto 2.85rem
}

.ta-features .clutch-img .image2 {
  max-width: 44rem;
  margin: 0 auto 1.4rem
}

.ta-features h2 {
  font-size: 4.2rem
}

.ta-features p {
  font-size: 1.6rem;
  letter-spacing: -.032rem;
  line-height: 1.69
}

.iot-card h4,
.iot-card p {
  margin: 0;
  line-height: 1.7
}

.creating-industry .title {
  font-size: 3.6rem;
  font-family: "Bebas Neue";
  line-height: 1.2;
  margin: 0 0 1rem
}

.creating-industry .text {
  font-size: 1.4rem;
  line-height: 1.69;
  letter-spacing: -.032rem
}

.creating-industry .right .content {
  margin-top: 7rem;
  background-color: #9eabe4;
  background-image: linear-gradient(127deg, #77eed8, #9eabe4);
  color: #fff;
  padding: 2.55rem 1.6rem
}

.our-impact-wrap .our-impact {
  background-color: #ced6fd;
  background-image: linear-gradient(127deg, #f5edfa, #ced6fd);
  padding: 4.2rem 0 4rem
}

.our-impact-wrap .our-impact ul {
  margin: 0 -1.5rem;
  display: flex;
  flex-wrap: wrap
}

.our-impact-wrap .our-impact ul li {
  width: 33.3334%;
  padding: 0 1.5rem 3rem
}

.our-impact-wrap .our-impact ul li .content {
  padding: 1.8rem;
  background-color: #fff;
  position: relative
}

.our-impact-wrap .our-impact ul li .content .image {
  margin: 0 0 2.2rem auto;
  width: 13.5rem;
  position: relative
}

.our-impact-wrap .our-impact ul li .content .image::before {
  content: "";
  display: block;
  padding-bottom: 29.1112%
}

.our-impact-wrap .our-impact ul li .content p {
  font-size: 1.2rem;
  margin: 0;
  line-height: 1.46;
  color: #666;
  font-weight: 400
}

.our-impact-wrap .our-impact ul li .content a {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0
}

.believe-in .content {
  padding: 3.2rem 1.95rem 2rem;
  text-align: center
}

.believe-in .content .image {
  margin: 0 auto 1.4rem;
  width: 5.4rem;
  position: relative
}

.believe-in .content .image::before {
  content: "";
  display: block;
  padding-bottom: 127.4%
}

.believe-in .content .image::after {
  content: "";
  width: 4.2rem;
  height: 4.2rem;
  background-color: #ebebeb;
  border-radius: 50%;
  position: absolute;
  top: -1rem;
  right: -1rem;
  z-index: -1
}

.believe-in .content .title {
  font-size: 1.6rem;
  letter-spacing: -.06rem;
  margin: 0 0 .7rem
}

.believe-in .content .text {
  font-size: 1rem;
  color: #666;
  line-height: 1.6
}

.believe-in .col-md-6:last-of-type .content .image {
  margin: .75rem auto 2.15rem;
  width: 4.2rem;
  position: relative
}

.believe-in .col-md-6:last-of-type .content .image::before {
  content: "";
  display: block;
  padding-bottom: 128.45%
}

.ceo-message .image.img-1 {
  transform: translate(4%, 5%) rotate(4deg);
  -moz-transform: translate(4%, 5%) rotate(4deg);
  -webkit-transform: translate(4%, 5%) rotate(4deg)
}

.ceo-message .image.img-2 {
  transform: translate(-6%, 5%) rotate(-1deg)
}

.ceo-message .image.img-3 {
  transform: translate(8%, -3%) rotate(-5deg);
  -moz-transform: translate(8%, -3%) rotate(-5deg);
  -webkit-transform: translate(8%, -3%) rotate(-5deg)
}

.ceo-message .image.img-4 {
  transform: rotate(-1deg);
  -moz-transform: rotate(-1deg);
  -webkit-transform: rotate(-1deg);
  z-index: 1
}

.ceo-message .image.img-5 {
  transform: translate(-5%, -8%) rotate(5deg);
  -moz-transform: translate(-5%, -8%) rotate(5deg);
  -webkit-transform: translate(-5%, -8%) rotate(5deg)
}

.ceo-message .bottom {
  text-align: center;
  margin-top: 5rem
}

.ceo-message .bottom h2 {
  font-family: "Bebas Neue";
  font-size: 3.6rem;
  letter-spacing: -.072rem;
  font-weight: 400;
  line-height: 1.17;
  margin: 0 0 .5rem
}

.ceo-message .bottom h2 span {
  background-color: #6060d0
}

.ceo-message .bottom p {
  font-size: 1.6rem;
  font-weight: 400;
  margin: 0 0 3.2rem
}

.ceo-message .bottom::after {
  content: "";
  width: 2px;
  height: 13rem;
  background-color: #ccc;
  display: block;
  margin: 0 auto
}

.leadership .image {
  width: 100%;
  position: relative;
  margin: 0 0 1rem;
  border-radius: 1rem
}

.leadership .image::before {
  content: "";
  display: block;
  padding-bottom: 68.42%
}

.leadership .name {
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: -.048rem;
  line-height: 1.5;
  margin: 0 0 .3rem
}

.leadership .designation {
  font-family: "Bebas Neue";
  color: #999;
  font-size: 1.1rem;
  letter-spacing: .04rem;
  margin-bottom: 1.95rem
}

.why-ta-section {
  position: relative;
  margin: 0 0 11.85rem;
  padding-top: 6.95rem
}

.why-ta-section .section-cols {
  margin-top: 4.4rem
}

.why-ta-section .section-cols .image {
  width: 100%;
  position: relative;
  background-color: #fff
}

.why-ta-section .section-cols .image::before {
  content: "";
  display: block;
  padding-bottom: 62.5%
}

.why-ta-section .section-cols .image img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(.8);
  -moz-transform: translate(-50%, -50%) scale(.8);
  -webkit-transform: translate(-50%, -50%) scale(.8);
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.why-ta-section .section-cols .content {
  margin: 0 0 2rem;
  background-color: #ebebeb;
  padding: 1.4rem 1.5rem 2.35rem
}

.our-foundation .content .title,
.why-ta-section .section-cols .content .title {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: -.056rem;
  margin: 0 0 .5rem
}

.why-ta-section .section-cols .content p {
  font-size: 1rem;
  letter-spacing: -.02rem;
  margin: 0;
  font-weight: 400
}

.why-ta-section::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% - 10.84rem);
  background-color: #9eabe4;
  background-image: linear-gradient(90deg, #77eed8, #9eabe4);
  z-index: -1
}

.our-foundation .image {
  width: 100%;
  position: relative;
  margin: 0 0 1.8rem
}

.our-foundation .content {
  max-width: 18rem;
  margin: 0 auto
}

.our-foundation .content p {
  font-size: 1.1rem;
  letter-spacing: -.022rem;
  margin: 0 0 2rem;
  font-weight: 400;
  max-width: 17rem
}

.iot-slider {
  margin: -3rem 0 0
}

.iot-header .iot-banner .image,
.iot-slider .iot-banner .image {
  width: 50rem;
  margin: 0 auto 1rem;
  position: relative;
  max-width: 100%
}

.iot-slider .text p {
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 0 0 1.25rem;
  color: #666;
  font-weight: 500
}

.iot-slider .section-links {
  margin: 0 0 5rem
}

.iot-slider .section-links ul li a {
  font-family: "Bebas Neue", sans-serif;
  text-transform: uppercase;
  color: #666;
  font-size: 1.156rem;
  min-width: 7.5rem;
  display: block;
  padding: .7rem 0 .5rem;
  text-align: center;
  border: 1px solid #ccc;
  border-left: 0;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.1;
  letter-spacing: .03rem
}

.iot-slider .section-links ul li a:hover,
.services-header .service-links-scroll ul li a:hover {
  background: #eaeaea;
  color: #666
}

.iot-slider .section-links ul li:first-child a,
.services-header .service-links-scroll ul li:first-child a {
  border-left: 1px solid #ccc;
  border-bottom-left-radius: .3rem;
  border-top-left-radius: .3rem
}

.iot-slider .section-links ul li:last-child a,
.services-header .service-links-scroll ul li:last-child a {
  border-bottom-right-radius: .3rem;
  border-top-right-radius: .3rem
}

.iot-slider .iot-inner {
  max-width: 95%;
  margin: 0 auto;
  border-radius: .5rem;
  overflow: hidden;
  position: relative;
  backface-visibility: hidden
}

.iot-slider .iot-inner .image::before {
  content: "";
  display: block;
  padding-bottom: 51%
}

.iot-slider .iot-inner .caption {
  position: absolute;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .4705882353);
  transition: .3s
}

.iot-slider .iot-inner .caption .content {
  margin: 0 auto;
  padding: 0 15px;
  max-width: 65.62rem;
  left: 0;
  right: 0;
  bottom: 2rem;
  position: absolute;
  z-index: 1;
  text-align: center
}

.iot-slider .iot-inner .caption .content h3 {
  color: #fff;
  font-weight: 300;
  font-family: "Bebas Neue", sans-serif;
  letter-spacing: unset
}

.iot-slider .iot-inner .caption .content .logo {
  max-width: 22.5rem;
  margin: 0 auto .5rem;
  width: 100%;
  position: relative;
  overflow: hidden
}

.iot-slider .iot-inner .caption .content .logo::before {
  content: "";
  display: block;
  padding-bottom: 40%
}

.iot-slider .iot-inner .carousel-nav {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%)
}

.iot-slider .iot-inner .carousel-nav .prev,
.services-header .links a:last-child {
  margin-left: .5rem
}

.career-center-single .footer-content a,
.career-center-single .header-content a,
.iot-slider .iot-inner .carousel-nav .next,
.services-header .links a:first-child {
  margin-right: .5rem
}

.iot-slider .iot-inner .carousel-nav img {
  max-width: 3rem
}

.iot-card {
  padding: 2.5rem 0 2.81rem
}

.iot-card h3 {
  font-family: "Bebas Neue", sans-serif;
  color: #ccc;
  font-size: 2.25rem;
  margin: 0;
  font-weight: 300;
  letter-spacing: unset
}

.iot-card h4 {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: -.07rem
}

.iot-card p {
  font-size: 1.06rem;
  position: relative;
  letter-spacing: unset
}

.iot-card p::after {
  content: "";
  width: 3.125rem;
  height: 3px;
  background: #ccc;
  display: block;
  margin-top: .62rem
}

.iot-card .source {
  font-size: .75rem;
  color: #999;
  margin-top: .625rem;
  display: block
}

#solutions .text,
.customer-experience .text {
  margin: 0 0 6.875rem
}

.iot-media .content,
.logistics .content,
.services-media .content {
  width: 100%;
  margin-right: 35%
}

.iot-media .content:nth-child(2n),
.logistics .content:nth-child(2n),
.services-media .content:nth-child(2n) {
  margin-left: 35%;
  margin-right: 0
}

.iot-media .content .grid,
.logistics .content .grid,
.services-media .content .grid {
  display: flex;
  margin: 0 0 4.375rem
}

.iot-media .content .grid .grid-image,
.logistics .content .grid .grid-image,
.services-media .content .grid .grid-image {
  flex: 0 0 8.75rem;
  margin: .62rem 0 0
}

.customer-experience .box-wrap .box .content,
.iot-media .content .grid .grid-content,
.logistics .content .grid .grid-content,
.services-media .content .grid .grid-content {
  margin-left: 1.56rem
}

.iot-media .content .grid .grid-content h3,
.logistics .content .grid .grid-content h3,
.services-media .content .grid .grid-content h3 {
  font-size: 1.6rem;
  margin: 0 0 .5rem;
  letter-spacing: -.05rem;
  font-weight: 600
}

.iot-media .content .grid .grid-content p,
.logistics .content .grid .grid-content p,
.services-media .content .grid .grid-content p {
  font-size: 1.25rem;
  line-height: 1.5;
  margin: 0 0 .8rem;
  font-weight: 300;
  letter-spacing: unset
}

.iot-media .content .grid .grid-content ul li,
.logistics .content .grid .grid-content ul li,
.services-media .content .grid .grid-content ul li {
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 300
}

.iot.awards {
  margin: 4rem 0 7rem
}

.iot-blog .blog-inner {
  position: relative;
  padding: 2.5rem 0;
  margin: 3.125rem 0 3.75rem
}

.iot-blog .blog-inner ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  position: relative
}

.iot-blog .blog-inner ul li {
  width: calc(33.3333333333% - 1.68rem);
  margin: 0 1.25rem;
  border-radius: 1rem;
  overflow: hidden;
  display: flex;
  flex-direction: column
}

.iot-blog .blog-inner ul li .blog-item {
  height: 100%;
  display: flex;
  flex-direction: column
}

.iot-blog .blog-inner ul li .blog-item .thumbnail {
  border-radius: .62rem .62rem 0 0;
  width: 100%;
  position: relative;
  overflow: hidden
}

.iot-blog .blog-inner ul li .blog-item .blog-title {
  margin: 0;
  color: #333;
  background-color: #fff;
  font-size: 1.25rem;
  line-height: 1.5;
  border: 1px solid #ccc;
  border-top: none;
  padding: 1.25rem 1.87rem;
  border-radius: 0 0 1rem 1rem;
  flex-grow: 1
}

.iot-blog .blog-inner ul li .blog-item .blog-title a {
  color: #333;
  font-size: 1.2rem;
  text-decoration: none
}

.iot-blog .blog-inner::after {
  content: "";
  position: absolute;
  width: 80%;
  height: 90%;
  top: 0;
  right: 0;
  background: #ebebeb;
  z-index: -1;
  border-bottom-left-radius: .5rem;
  border-top-left-radius: .5rem
}

.iot-blog .view {
  top: 3.44rem
}

.iot-header,
.services-header {
  margin: -3rem 0 10rem
}

.iot-header .text p {
  font-size: 1.5rem;
  line-height: 1.6;
  margin: 0 0 1.25rem;
  color: #666;
  letter-spacing: normal
}

.iot-header .image {
  width: 90%;
  display: block;
  margin: 0 auto
}

.iot-header .image img {
  border-radius: .5rem
}

.iot-header .breadcrumbs-container img,
.services-header .breadcrumbs-container img {
  max-width: 1.125rem
}

.iot-header .breadcrumbs-container .breadcrumbs,
.services-header .breadcrumbs-container .breadcrumbs {
  margin-left: 1rem
}

.iot-header .breadcrumbs-container .breadcrumbs li,
.services-header .breadcrumbs-container .breadcrumbs li {
  font-size: 1.25rem;
  padding: 1rem 0
}

.iot-header .breadcrumbs-container .breadcrumbs li a,
.services-header .breadcrumbs-container .breadcrumbs li a {
  font-size: 1.25rem
}

.iot-consulting {
  margin: 0 auto 10rem;
  max-width: 80%
}

.iot-consulting ul li {
  width: 20%;
  position: relative
}

.iot-consulting ul li .icon {
  width: 5.313rem;
  display: block;
  margin: 0 auto;
  position: relative
}

.iot-consulting ul li::after,
.iot-consulting ul li::before {
  width: 4.37rem;
  left: 100%;
  display: block;
  overflow: hidden;
  content: ""
}

.iot-consulting ul li::before {
  height: .625rem;
  position: absolute;
  background: #fff;
  top: 34%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  z-index: 1
}

.iot-consulting ul li::after {
  height: 1px;
  position: absolute;
  border-top: 5px dashed #999;
  top: 31%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%)
}

.iot-consulting ul li .text {
  margin: 2.187rem 0 0;
  font-size: 1rem;
  text-align: center
}

.iot-bottom-section {
  margin: 0 auto 7.5rem;
  width: 85%;
  position: relative;
  overflow: hidden;
  padding: 3.75rem 3.75rem 1.87rem;
  border-radius: 1rem 1rem 1.4rem 1.4rem;
  box-shadow: 0 10px 0 -1px #d0d0d0
}

.iot-bottom-section img {
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.iot-bottom-section h2 {
  font-family: "Bebas Neue", sans-serif;
  font-size: 3rem;
  font-weight: 500;
  letter-spacing: unset;
  margin: 0 0 12.5rem;
  max-width: 46.87rem;
  color: #fff
}

.iot-bottom-section ul li {
  width: 33.3333333333%;
  font-size: 1.125rem;
  color: #fff;
  display: inline-block;
  padding-left: 2.5rem;
  position: relative;
  line-height: 1.5
}

.iot-bottom-section ul li::before {
  content: "";
  width: 1.125rem;
  height: 1.125rem;
  background-color: #fff;
  display: inline-block;
  position: absolute;
  left: .625rem;
  top: .31rem;
  border-radius: .18rem
}

.schedule-meeting .schedule-form {
  background-color: #2d3bbf;
  width: 85%;
  margin: 0 auto;
  border-radius: .625rem;
  padding: 3.25rem 4.25rem 2.5rem
}

.schedule-meeting .schedule-form .text h2 {
  font-weight: 300;
  font-size: 3rem;
  color: #768dcc;
  line-height: 1.4;
  letter-spacing: -.15rem;
  margin: 0
}

.schedule-meeting .schedule-form .text p {
  font-size: 1.187rem;
  color: #fff;
  margin: 0
}

.schedule-meeting .schedule-form .contact-form {
  margin: 0;
  padding: 1.875rem 3.75rem 0;
  background: 0 0;
  box-shadow: none
}

.schedule-meeting .schedule-form .contact-form .form-group .form-control {
  color: #fff;
  font-weight: 300;
  font-size: 1.125rem;
  border-bottom: 1px solid rgba(255, 255, 255, .25)
}

.schedule-meeting .schedule-form .contact-form .form-group .label-wrap .label {
  font-size: 1.125rem;
  color: #fff;
  font-weight: 300
}

.schedule-meeting .schedule-form .contact-form .form-group .label-wrap::after {
  background-color: rgba(255, 255, 255, .51)
}

.schedule-meeting .schedule-form .contact-form input[type=submit] {
  background-color: #fff;
  color: #2d3bbf;
  font-size: .875rem;
  font-weight: 600;
  letter-spacing: unset;
  font-family: "Open Sans", sans-serif;
  line-height: 1rem;
  padding: .6rem 1.6rem
}

.iot-faq {
  max-width: 90%;
  margin: 0 auto 10rem
}

.service-details-banner.common-banner .container .caption {
  margin: 12.5rem auto 10rem
}

.service-details-banner.common-banner.video-banner {
  position: relative;
  min-height: 100%;
  height: 100vh;
  margin-top: -8.375rem;
  margin-bottom: 10rem;
  z-index: 1
}

.service-details-banner.common-banner.video-banner .overlay.gradient-1 {
  background: rgba(34, 34, 34, .4);
  opacity: .8
}

.services-header .top-banner .top-shape {
  top: -702px
}

.services-header .top-banner .left-shape {
  top: 148px
}

.services-header .text h1 {
  font-size: 3.6rem;
  line-height: 1.17;
  letter-spacing: -.14rem
}

.services-header .text p {
  font-size: 1.6rem;
  line-height: 1.56;
  color: #999;
  letter-spacing: -.007rem
}

.services-header .service-links-scroll ul li a {
  font-family: "Bebas Neue", sans-serif;
  text-transform: uppercase;
  color: #666;
  font-size: 1.156rem;
  min-width: 7.5rem;
  display: block;
  padding: .7rem 0 .5rem;
  text-align: center;
  border: 1px solid #ccc;
  border-left: 0;
  font-weight: 300;
  text-decoration: none;
  line-height: 1.1
}

.services-header span::before {
  height: 65%;
  top: 10%
}

.service-1-col .text,
.service-2-col .text,
.service-4-col .text,
.service-video .text,
.services.home-achievements .text {
  margin: 0 0 5.4rem
}

.service-1-col .text h2,
.service-2-col .text h2,
.service-4-col .text h2 {
  font-size: 3rem;
  line-height: 1.27;
  letter-spacing: -.12rem;
  color: #666
}

.service-1-col .text p,
.service-2-col .text p,
.service-4-col .text p,
.service-center-content .text p,
.service-video .text p {
  font-size: 1.5rem;
  line-height: 1.6;
  margin: 0 0 1rem;
  letter-spacing: -.03rem
}

.service-4-col .col-4-list {
  padding: 4.15rem 0
}

.service-4-col .col-4-list ul li .card h3 {
  font-family: "Bebas Neue", sans-serif;
  font-size: 2.4rem;
  color: #999;
  letter-spacing: .03rem;
  font-weight: 300;
  line-height: .89;
  margin: 0 0 1rem
}

.service-4-col .col-4-list ul li .card p {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.6rem;
  line-height: 1.33;
  letter-spacing: .03rem;
  font-weight: 300;
  margin: 0
}

.service-4-col .col-4-list ul li .card p::after {
  content: "";
  width: 3rem;
  height: 3px;
  background-color: #ccc;
  display: block;
  margin-top: 1.3rem
}

.service-2-col {
  margin: 0 0 8.2rem
}

.service-2-col .grid .col {
  width: 45%;
  margin: 0 1rem 3rem
}

.service-1-col .grid .col h3,
.service-2-col .grid .col h3 {
  font-size: 1.8rem;
  letter-spacing: -.07rem;
  margin: 0 0 .75rem
}

.service-1-col .grid .col p,
.service-2-col .grid .col p {
  font-size: 1.2rem;
  line-height: 1.67;
  letter-spacing: 0;
  margin: 0
}

.service-1-col .grid {
  display: flex;
  flex-wrap: wrap;
  margin-left: 6.25rem
}

.career.contact .career-form .form-group,
.service-1-col .grid .col {
  width: 100%;
  margin: 0 0 3rem
}

.service-center-content {
  margin: 15rem 0
}

.service-center-content .text h2 {
  font-size: 2.6rem;
  line-height: 1.27;
  letter-spacing: -.12rem
}

.service-center-content.service-logo .image-wrap {
  max-width: 57.72rem;
  width: 100%;
  margin: 0 auto
}

.service-center-content.service-logo .image-wrap ul,
.service-logo-wrap ul,
.teams-wrap .teams {
  display: flex;
  justify-content: center;
  flex-wrap: wrap
}

.service-center-content.service-logo .image-wrap ul li {
  max-width: calc(25% - 2rem);
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0 1rem 3rem
}

.service-center-content.service-logo .image-wrap ul li::before {
  content: "";
  display: block;
  padding-bottom: 38.4%
}

.service-center-content.left .text {
  margin: 0 0 6.5rem
}

.service-center-content.left.highlight .text h2 {
  color: #666
}

.services-media {
  margin-top: 6.875rem
}

.services.home-banner {
  min-height: calc(100vh - 9.75rem)
}

.services .col-3-section {
  padding: 2rem 0
}

.services.home-achievements .text h2 {
  font-size: 3rem;
  line-height: 1.27;
  letter-spacing: -.12rem
}

.services.home-achievements .text p {
  font-size: 1.5rem;
  line-height: 1.6;
  margin: 0 0 1rem;
  letter-spacing: -.03rem;
  max-width: 100%
}

.services.home-achievements .numbers-counter li {
  flex: 0 0 25%
}

.services.next-project {
  background-color: #fff;
  margin: 0 0 10rem;
  padding: 0
}

.services.next-project .text {
  margin: 0 0 5.45rem
}

.services.next-project .next-project-inner .box-group .box-grid .box {
  background-color: #efefef
}

.services.services-technology ul li {
  width: 12.5%
}

.services.services-technology ul li .icon img {
  transform: translate(-50%, -50%) scale(.75);
  -moz-transform: translate(-50%, -50%) scale(.75);
  -webkit-transform: translate(-50%, -50%) scale(.75)
}

.services.services-wrap {
  background-color: #f7f7f7;
  padding: 8.65rem 0 4.1rem;
  margin-bottom: 7rem
}

.services.services-wrap .text {
  margin: 0 0 3.8rem
}

.services.services-wrap .services {
  width: 52%
}

.services.services-wrap .services .content h3 {
  font-size: 2rem;
  line-height: 1.1;
  margin: 0 0 .625rem;
  letter-spacing: -.08rem;
  font-weight: 400
}

.services.services-wrap.design-inner {
  background-color: transparent;
  padding: 0
}

.service-feature-wrap .service-feature-inner {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  margin: 5rem 0 0
}

.service-feature-wrap .service-feature-inner .left,
.service-feature-wrap .service-feature-inner .right {
  width: 50%
}

.service-feature-wrap .service-feature-inner .left .image {
  max-width: 26.59rem;
  margin: 0 auto
}

.service-feature-wrap .service-feature-inner .right .number {
  font-size: 3rem;
  font-weight: 700;
  line-height: 1.83;
  margin: 0 0 .8rem
}

.service-feature-wrap .service-feature-inner .right .number::after {
  background-color: #9be7ff
}

.service-feature-wrap .service-feature-inner .right h3 {
  font-size: 2rem;
  line-height: 1.5;
  letter-spacing: -.04rem;
  margin: 0 0 .75rem
}

.service-feature-wrap .service-feature-inner .right p {
  font-size: 1.2rem;
  line-height: 1.83;
  letter-spacing: -.02rem;
  margin: 0;
  font-weight: 300
}

.service-feature-wrap .owl-carousel .owl-item {
  padding-top: 1rem
}

.service-feature-wrap .owl-dots {
  text-align: center;
  padding-top: .5rem;
  position: absolute
}

.hiring-main-slider .owl-dots button.owl-dot,
.project-strip-slider .owl-dots button.owl-dot,
.service-feature-wrap .owl-dots button.owl-dot {
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 .2rem;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s
}

.service-feature-wrap .owl-dots button.owl-dot.active {
  background-color: #9be7ff;
  width: 1.3rem;
  border-radius: .2rem
}

.our-experts .container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 5rem;
  padding-bottom: 6rem;
  background-color: #1a41aa;
  border-radius: .5rem
}

.our-experts .container .left {
  width: 60%
}

.our-experts .container .left h2 {
  font-size: 3rem;
  color: #768dcc;
  line-height: 1.4;
  letter-spacing: -.15rem;
  margin: 0
}

.our-experts .container .right {
  width: auto;
  margin: 1rem auto 0;
  padding-right: 6.25rem
}

.our-experts.yellow .container,
.project-strip-slider.yellow .slider-wrap,
.project-strip.yellow {
  background-color: #ffe27b
}

.service-2-col1 .grid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1140px;
  margin: 4.4rem auto 0
}

.service-2-col1 .grid .col {
  width: calc(50% - 1.5rem);
  background-color: #efefef;
  margin: 0 0 3rem;
  padding: 1.5rem 2rem;
  border-radius: .4rem
}

.service-2-col1 .grid .col h3 {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: -.06rem;
  margin: 0 0 .5rem
}

.service-2-col1 .grid .col p {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.67;
  letter-spacing: normal;
  margin: 0
}

.service-2-col1 .grid .col p span {
  font-style: italic;
  font-weight: 400
}

.service-2-col1 .grid .col.yellow {
  background-color: #ffe269
}

.service-2-col1 .grid .col.cyan {
  background-color: #80e8de
}

.service-2-col1 .grid .col.blue {
  background-color: #a8d7ff
}

.service-2-col1 .grid .col.orange {
  background-color: #ffc08d
}

.project-strip {
  background-color: #222;
  margin: 0 0 21rem;
  padding: 2rem 0
}

.project-strip .container .left,
.project-strip-slider .slider-wrap .container .left {
  width: 55%;
  position: relative;
  padding-left: 3.6rem;
  padding-top: 1rem
}

.project-strip .container .left .image,
.project-strip-slider .slider-wrap .container .left .image {
  position: absolute;
  width: 2.4rem;
  top: 0;
  left: 0
}

.project-strip .container .left h2,
.project-strip-slider .slider-wrap .container .left h2 {
  font-size: 2.4rem;
  color: #7a7a7a;
  line-height: 1.5;
  letter-spacing: -.12rem;
  margin: 0
}

.project-strip .container .right,
.project-strip-slider .slider-wrap .container .right {
  width: 45%
}

.project-strip .container .right .image,
.project-strip-slider .slider-wrap .container .right .image {
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1;
  margin-bottom: -11rem
}

.project-strip .container .right .image::before,
.project-strip-slider .slider-wrap .container .right .image::before {
  content: "";
  display: block;
  padding-bottom: 96.16%
}

.project-strip-slider.purple .slider-wrap,
.project-strip.purple {
  background-color: #322241
}

.project-strip-slider.purple .slider-wrap .left h2,
.project-strip.purple .container .left h2 {
  color: #847a8d
}

.project-strip-slider.green .slider-wrap,
.project-strip.green {
  background-color: #223f41
}

.project-strip-slider.green .slider-wrap .left h2,
.project-strip.green .container .left h2 {
  color: #7a8c8d
}

.project-strip-slider .slider-wrap {
  margin-bottom: 11rem;
  background-color: #222;
  padding: 2rem 0
}

.project-strip-slider .owl-dots {
  padding-top: .5rem;
  position: absolute;
  left: 11%;
  width: 100%;
  bottom: 8rem
}

.career-slider-wrap .owl-dots button.owl-dot.active,
.project-strip-slider .owl-dots button.owl-dot.active {
  background-color: #ffd33c;
  width: 1.3rem;
  border-radius: .2rem
}

.service-box .services-top {
  max-width: 90%;
  width: 100%;
  margin: 6.05rem auto 0
}

.service-box .services-top .box-wrap {
  margin-left: 2rem;
  margin-right: 2rem
}

.service-box .services-top .box-wrap h3 {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.2;
  letter-spacing: -.03rem;
  transform: translateX(-3.2rem);
  -moz-transform: translateX(-3.2rem);
  -webkit-transform: translateX(-3.2rem)
}

.service-box .services-top .box-wrap h3 a {
  color: #222;
  text-decoration: none;
  font-weight: 300
}

.full-view-wrap .slider-wrap {
  padding: 2.5rem 5.3rem;
  border-radius: .4rem;
  min-height: 35rem;
  display: flex;
  align-items: center;
  justify-content: space-between
}

.full-view-wrap .slider-wrap .box {
  flex: 0 0 24.75rem
}

.full-view-wrap .slider-wrap .box h3 {
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.83;
  letter-spacing: -.02rem;
  text-transform: uppercase;
  margin: 0 0 .5rem
}

.full-view-wrap .slider-wrap .box p {
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: -.05rem;
  margin: 0 0 1.5rem;
  font-weight: 300
}

.full-view-wrap .slider-wrap .box a {
  border: 2px solid #4e4e4e
}

.full-view-wrap .slider-wrap .image {
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1;
  max-width: 33rem
}

.full-view-wrap .slider-wrap .image::before {
  content: "";
  display: block;
  padding-bottom: 92.39%
}

.full-view-wrap .slider-wrap.blue {
  background-color: #b1d7ff
}

.full-view-wrap .item {
  margin: 0 1.5rem
}

.service-3-col .grid {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 7.3rem 0 0
}

.service-3-col .grid .col {
  width: calc(33.3333333333% - 1.2rem);
  border: 1px solid #ccc;
  padding: 2rem 1.5rem 1.65rem;
  border-radius: .4rem;
  position: relative
}

.service-3-col .grid .col h3 {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: -.06rem;
  line-height: 1;
  margin: 0;
  position: absolute;
  top: -2px;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 1.5rem
}

.service-3-col .grid .col h3::after {
  content: "";
  position: absolute;
  left: -10px;
  top: 0;
  width: calc(100% + 20px);
  height: 100%;
  background: #fff;
  z-index: -2
}

.service-3-col .grid .col h3::before {
  content: "";
  width: 4.5rem;
  height: 4.5rem;
  display: block;
  background-color: #f7f7f7;
  border-radius: 50%;
  top: -2.2rem;
  left: -1.5rem;
  position: absolute;
  transition: .3s ease-in;
  -o-transition: .3s ease-in;
  -webkit-transition: .3s ease-in;
  z-index: -1
}

.service-3-col .grid .col h3.red::before {
  background-color: #f06869
}

.service-3-col .grid .col p {
  font-size: 1rem;
  line-height: 1.7;
  color: #666;
  letter-spacing: -.02rem;
  margin: 0
}

.service-3-col .grid .col:hover h3::before {
  top: -2.6rem;
  left: -1.9rem
}

.service-3-col .link {
  text-align: center;
  margin-top: 4.65rem
}

.our-work .content {
  text-align: center;
  max-width: 57rem;
  margin: 0 auto
}

.our-work .content h4 {
  margin: 0 0 1.4rem
}

.our-work .content p {
  font-size: 1.3rem;
  line-height: 1.84;
  margin: 0 0 1.25rem;
  font-weight: 100
}

.our-work ul li {
  border-radius: .625rem;
  background-color: #222;
  margin: 1.5rem 0;
  width: calc(20% - 1.5rem);
  position: relative;
  overflow: hidden
}

.service-image {
  max-width: 46.875rem;
  display: block;
  margin: 10rem auto 0
}

.service-landscape-image {
  max-width: 55rem;
  display: block;
  margin: 3.5rem auto 0
}

.service-center-icon {
  display: block;
  margin: 4.5rem auto 2.8rem;
  max-width: 5.6rem
}

.service-case-study .text h2 {
  font-size: 3.8rem;
  margin: 0 0 3.25rem
}

.service-case-study .row [class*=" col-"],
.service-case-study .row [class^=col-] {
  margin-bottom: 1.5rem
}

.service-case-study .case-study-link {
  text-decoration: none;
  display: block;
  height: 100%
}

.service-case-study .service-box {
  position: relative;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: .5rem;
  overflow: hidden
}

.service-case-study .service-box .box-view {
  width: 100%;
  position: relative;
  overflow: hidden;
  z-index: 1
}

.service-case-study .service-box .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .2705882353)
}

.service-case-study .service-box .title {
  position: absolute;
  color: #fff;
  padding: 1.25rem;
  z-index: 1;
  bottom: 0;
  left: 0
}

.service-case-study .service-box .title h2 {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.8rem;
  font-weight: 300;
  letter-spacing: .03rem;
  margin: 0
}

.service-case-study .service-box .detail {
  padding: .8rem 1rem;
  background-color: #fff;
  flex-grow: 1
}

.service-case-study .service-box .detail p {
  font-size: .9rem;
  font-weight: 600;
  margin-bottom: .5rem
}

.service-case-study .service-box .detail h3 {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.5rem;
  margin-bottom: 0;
  letter-spacing: .03rem;
  font-weight: 300;
  color: #222
}

.service-case-study.insight .service-box .detail h3 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.25rem;
  line-height: 1.5;
  margin-bottom: 0
}

.app-store .col-3-section {
  margin-left: 8.333333%
}

.app-store .col-3-section .content .grid-item ul {
  list-style: disc;
  padding-left: 2rem
}

.app-store .col-3-section .content .grid-item ul li {
  font-size: 1.1rem;
  position: relative;
  line-height: 1.3;
  padding: .25rem 0
}

.service-logo-wrap {
  background: #fff;
  padding: 4rem 0 1rem
}

.service-logo-wrap ul li {
  max-width: 16.6666666667%;
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0 0 3rem
}

.service-logo-wrap ul li::before {
  content: "";
  display: block;
  padding-bottom: 28.8%
}

.service-testimonial .image {
  width: 100%;
  position: relative;
  overflow: hidden;
  margin: 0 0 5.45rem
}

.service-testimonial .image a {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.service-testimonial .text p {
  line-height: 1.4;
  letter-spacing: -.12rem;
  font-size: 3rem;
  margin: 0 0 1.25rem;
  font-weight: 700;
  color: #222
}

.service-testimonial .text .name {
  font-size: 1.3rem;
  line-height: 1.8;
  margin: 0 0 1.25rem;
  color: #666;
  letter-spacing: -.04rem
}

.service-video .text h2 {
  font-size: 3.6rem;
  line-height: 1.17;
  letter-spacing: -.144rem
}

.service-portfolio .image-wrap {
  padding: 3.5rem 7.5rem;
  background-color: #fff
}

.service-portfolio .image-wrap .image::before {
  content: "";
  display: block;
  padding-bottom: 106.81%
}

.service-portfolio .image-wrap.blue {
  background-color: #e3f2ff
}

.service-portfolio .image-wrap.green {
  background-color: #c8fde6
}

.service-portfolio .content {
  margin-left: 3.65rem
}

.service-portfolio .content .title {
  font-family: "Bebas Neue";
  line-height: 1.1;
  font-size: 1.4rem;
  letter-spacing: .15rem;
  font-weight: 400;
  margin: 0 0 1rem
}

.service-portfolio .content h3 {
  font-family: "Bebas Neue", sans-serif;
  font-size: 3rem;
  line-height: 1.1;
  letter-spacing: 0;
  font-weight: 400;
  margin: 0 0 .5rem;
  text-transform: uppercase
}

.service-portfolio .content p {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: -.02rem;
  font-weight: 400;
  margin: 0 0 1.5rem
}

.service-portfolio .row:nth-child(odd) {
  flex-direction: row-reverse;
  margin-top: 5.15rem
}

.service-faq .faq h2 {
  font-size: 1.56rem;
  font-weight: 700;
  line-height: 1.35;
  margin-bottom: 2rem;
  letter-spacing: -1px
}

.service-faq .faq h2 a,
.service-faq .faq h3 a,
.service-faq .faq p a {
  color: #000;
  text-decoration: none;
  font-weight: 700
}

.career .text h2,
.career-bottom .text h2,
.design-col-3 .text h2 {
  font-size: 3rem
}

.design-col-3 .grid {
  display: flex;
  flex-wrap: wrap;
  margin-top: 4rem;
  gap: 0 3rem
}

.design-col-3 .grid .col {
  width: calc(33.3333333333% - 2rem);
  border: 1px solid #ccc;
  padding: 2rem 1.8rem;
  border-radius: .4rem;
  position: relative;
  margin: 0 0 4rem
}

.design-col-3 .grid .col h3 {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: -.05rem;
  line-height: 1.2;
  margin: 0 0 0 -5px;
  position: absolute;
  top: -2px;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  left: 1.5rem;
  background-color: #fff;
  padding: 0 10px
}

.design-col-3 .grid .col p a {
  color: #666;
  text-decoration: none;
  font-weight: 300
}

.design-logos .text h2 {
  line-height: 1.27;
  margin: 0 0 1.6rem
}

.design-logos .container .left {
  width: 65%
}

.design-logos .container .right .logos {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  max-width: 23rem;
  width: 100%;
  justify-content: space-between
}

.design-logos .container .right .logos li {
  width: calc(50% - .5rem);
  padding: .9rem .4rem;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: .6rem;
  margin-bottom: 1rem
}

.design-team .design-team-inner {
  display: flex;
  justify-content: flex-end
}

.design-team .design-team-inner .image-group {
  display: flex;
  transform: translateY(-8rem);
  -moz-transform: translateY(-8rem);
  -webkit-transform: translateY(-8rem)
}

.design-team .design-team-inner .image-group .image-grid {
  padding: 0 1.35rem
}

.design-team .design-team-inner .image-group .image-grid:first-child {
  padding-left: 0;
  transform: translateY(11.3rem);
  -moz-transform: translateY(11.3rem);
  -webkit-transform: translateY(11.3rem)
}

.design-team .design-team-inner .image-group .image-grid .image {
  width: 30rem;
  margin-bottom: 1rem
}

.design-team .design-team-inner .image-group .image-grid h3 {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: -.02rem;
  margin-left: 1rem;
  margin-bottom: 1rem
}

.design-team .design-team-inner .image-group .image-grid h3::after {
  content: "";
  width: 50%;
  height: 2px;
  display: block;
  margin-top: 1rem;
  background-color: #ccc
}

.design-team .design-team-inner .image-group .image-grid p {
  font-size: 1.2rem;
  font-weight: 300;
  letter-spacing: -.02rem;
  margin-left: 1rem;
  margin-bottom: 2.6rem
}

.service-tool-wrapper .text {
  background-color: #f7f7f7;
  margin: 0 !important;
  padding: 6rem 0 10rem
}

.service-tool-wrapper .text p a {
  font-weight: 600;
  color: #000;
  text-decoration: underline
}

.service-tool-wrapper .service-tool {
  background-color: #1a41aa;
  padding: 3rem 6.25rem 1.5rem;
  border-radius: .5rem;
  transform: translateY(-8rem)
}

.service-tool-wrapper .icon-list-wrapper .icon-list {
  width: calc(25% - 2rem);
  margin: 0 1rem
}

.service-tool-wrapper .icon-list-wrapper .icon-list h3 {
  font-size: 1.6rem;
  letter-spacing: -.03rem;
  margin: 0 0 2.5rem;
  color: #fff
}

.service-tool-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  align-items: center
}

.service-tool-wrapper ul li {
  display: flex;
  align-items: center;
  width: 100%;
  margin: 0 0 1.5rem
}

.service-tool-wrapper ul li .icon {
  display: inline-block;
  border-radius: 50%;
  position: relative;
  overflow: hidden;
  z-index: 1;
  width: 40px
}

.service-tool-wrapper ul li .icon img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: contain;
  object-fit: contain
}

.service-tool-wrapper ul li p {
  font-size: 1rem;
  margin: 0 0 0 .8rem;
  color: #fff;
  font-weight: 400
}

.service-colored-banner {
  margin: 0 0 17rem
}

.service-colored-banner .container {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-radius: 1rem;
  color: #fff
}

.service-colored-banner .container .left {
  flex: 0 0 53%;
  padding: 4.75rem 1.5rem 7.75rem 6rem
}

.service-colored-banner .container .left .section-title {
  text-align: left;
  margin: 0
}

.service-colored-banner .container .left .section-title h3 {
  font-size: 2.5rem;
  font-weight: 400;
  margin: 0 0 1.8rem
}

.service-colored-banner .container .left .section-title p {
  font-size: 1.28rem;
  color: #fff;
  margin: 0;
  font-weight: 400
}

.service-colored-banner .container .right .lottie-wrapper {
  width: 24rem;
  margin: 0 auto
}

.service-colored-banner .container .right .image {
  width: 25rem;
  position: relative;
  margin: 0 auto
}

.service-colored-banner .container .right .image img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(1.05);
  -moz-transform: translate(-50%, -50%) scale(1.05);
  -webkit-transform: translate(-50%, -50%) scale(1.05);
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.service-colored-banner .container .right .image.center {
  width: 100%;
  position: relative;
  right: -4rem;
  top: 2rem
}

.service-colored-banner .container .right .image.bottom::before,
.service-colored-banner .container .right .image.center::before {
  content: "";
  display: block;
  padding-bottom: 85%
}

.service-colored-banner .container .right .image.center img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(1.1);
  -moz-transform: translate(-50%, -50%) scale(1.1);
  -webkit-transform: translate(-50%, -50%) scale(1.1)
}

.service-colored-banner .container .right .image.bottom img {
  left: 50%;
  position: absolute;
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) scale(1.08);
  -moz-transform: translate(-50%, -50%) scale(1.08);
  -webkit-transform: translate(-50%, -50%) scale(1.08);
  top: 78%
}

.service-form-wrap .container .content {
  flex: 0 0 50%;
  padding-right: 4rem
}

.service-form-wrap .container .content ul {
  list-style: none;
  padding-left: 0
}

.service-form-wrap .container .content ul li {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: normal;
  border: 1px solid #ccc;
  border-radius: .6rem
}

.service-form-wrap .container .content .box {
  border: 1px solid #ccc;
  border-radius: .6rem;
  padding: 2rem 2.5rem;
  margin: 0 0 3.125rem;
  max-width: 36rem
}

.service-form-wrap .container .content .box .box-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 1rem
}

.service-form-wrap .container .content .box .box-header .name h3 {
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: -.05rem;
  margin: 0 0 .2rem
}

.service-form-wrap .container .content .box .box-header .name p {
  font-size: .9rem;
  font-weight: 400;
  color: #999;
  margin: 0
}

.service-form-wrap .container .content .box .box-header .image {
  width: 4.8rem;
  position: relative
}

.service-form-wrap .container .content .box .box-header .image img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  border: 1px solid #ccc;
  border-radius: 50%
}

.service-form-wrap .container .content .box .box-body p {
  font-size: 1.125rem;
  margin: 0;
  max-width: 26rem;
  width: 100%
}

.service-form-wrap .container .content .icons h3 {
  font-weight: 100;
  line-height: 1.33;
  letter-spacing: -.1rem;
  font-size: 2rem;
  margin: 0 0 1rem
}

.service-form-wrap .container .content .icons ul li {
  width: calc(25% - .5rem)
}

.service-form-wrap .container .service-form {
  flex: 0 0 50%;
  margin: 0
}

.service-form-wrap .container .service-form.pdf-form {
  margin-top: -9rem
}

.service-form-wrap.pdf-form-wrapper p {
  font-size: 1.25rem;
  margin: 0 0 1rem
}

.service-form-wrap.pdf-form-wrapper .container .content ul li {
  font-size: 1.25rem;
  margin: 0 0 .6rem
}

.service-inner {
  margin: 0 0 2rem !important;
  padding-top: 0 !important
}

.service-inner.service-menu-wrap .service-menu-slider .service-btn-grp li {
  max-width: none;
  width: auto
}

.service-inner.service-menu-wrap .service-menu-slider .service-btn-grp li p {
  background-color: #f7f7f7;
  padding: .45rem 1rem;
  font-size: 1rem
}

.service-inner.service-menu-wrap .service-menu-slider .service-btn-grp li.active p,
.service-inner.service-menu-wrap .service-menu-slider .service-btn-grp li:hover p {
  color: #fff !important;
  background-color: #222
}

.service-inner .card-images {
  flex: 0 0 100%;
  margin: 0
}

.row-lists ul li {
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.6;
  letter-spacing: normal;
  position: relative;
  padding-left: 2rem;
  margin: 0 0 .3rem
}

.row-lists ul li:before {
  content: "";
  width: .8rem;
  margin-right: 1.5rem;
  font-size: 1.4rem;
  color: #666;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  height: .8rem;
  background: #fff;
  border: 1px solid #999;
  position: absolute;
  left: 0;
  top: calc(50% + 1px);
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  border-radius: 50%;
  box-shadow: 0 0 2px rgba(0, 0, 0, .42)
}

.service-more {
  display: flex;
  margin: 0 0 10rem
}

.service-more>div {
  flex: 0 0 50%;
  display: flex;
  justify-content: center;
  position: relative
}

.service-more>div:first-child:before {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  border: 2px solid #ebebeb;
  right: -7px;
  border-radius: 50%;
  background: #fff;
  z-index: 1;
  top: calc(50% - 6px)
}

.service-more>div:first-child::after {
  content: "";
  position: absolute;
  height: 100%;
  width: 2px;
  background: #ebebeb;
  right: -1px
}

.service-more .box {
  margin: 0 5rem;
  position: relative;
  z-index: 0;
  width: auto
}

.service-more .box .box-header {
  display: flex;
  align-items: center;
  margin: 0 0 .6rem
}

.service-more .box .box-header .image {
  width: 3rem;
  position: relative;
  margin-right: 1rem
}

.service-more .box .box-header .image img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  height: auto;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%)
}

.service-more .box .box-header .title {
  font-size: 1.8rem;
  font-weight: 400;
  letter-spacing: -.05rem;
  margin: 0
}

.service-more .box .content {
  font-size: 1.125rem;
  margin: 0 0 1rem;
  max-width: 26rem;
  width: 100%;
  line-height: 1.67rem
}

.service-more .box .link img {
  max-width: 1.25rem;
  display: inline-block;
  margin-left: .8rem;
  transition: .2s;
  -o-transition: .2s;
  -webkit-transition: .2s
}

.service-more .box .link:hover img {
  transform: translateX(.5rem);
  -moz-transform: translateX(.5rem);
  -webkit-transform: translateX(.5rem)
}

.service-tool-single .icons {
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto
}

.service-tool-single .icons .icon {
  flex: 0 0 8rem;
  width: 100%;
  position: relative;
  margin: 0 0 2rem
}

.service-breadcrumb {
  white-space: nowrap;
  overflow-x: auto;
  display: flex;
  align-items: center
}

.service-breadcrumb img {
  width: 1.5rem;
  margin-right: .8rem
}

.service-breadcrumb ol {
  margin: 1rem 0;
  padding: 0;
  list-style: none
}

.service-breadcrumb ol li {
  display: inline-block;
  color: rgba(255, 255, 255, .75);
  font-size: 1.1rem
}

.service-breadcrumb ol li a {
  color: #fff;
  text-decoration: none;
  font-weight: 600
}

.service-breadcrumb ol li+li::before {
  display: inline-block;
  margin: 0 .3em;
  transform: rotate(15deg);
  border-right: 1px solid rgba(255, 255, 255, .75);
  height: .8em;
  content: ""
}

.service-inner-banner .container {
  height: calc(100vh - 8.375rem);
  margin-top: -8.375rem;
  padding-top: 8.375rem;
  position: relative;
  display: flex;
  align-items: center
}

.service-inner-banner .banner-details {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  max-width: 1366px;
  width: 100%
}

.service-inner-banner .banner-details .content h1 {
  font-size: 3.6rem;
  font-weight: 700;
  color: #fff;
  line-height: 1.18;
  letter-spacing: -.136rem;
  margin: 0 0 1.2rem
}

.service-inner-banner .banner-details .content p {
  color: #fff;
  line-height: 1.47;
  letter-spacing: -.03rem;
  margin: 0 0 1.8rem;
  font-weight: 400
}

.service-inner-banner .media-wrapper {
  flex: 0 0 25rem;
  width: 100%;
  margin-left: auto
}

.career .career-post .career-listing .content,
.knowledge-center .knowledge-center-post .knowledge-center-listing .content {
  margin-top: 1rem
}

.knowledge-center .knowledge-center-post .knowledge-center-listing .content h2,
.knowledge-center .knowledge-center-post .knowledge-center-listing .content h4 {
  font-family: Merriweather, serif;
  font-size: 1.2rem;
  line-height: 1.5;
  margin-bottom: 2.4rem;
  margin-right: 3rem;
  font-weight: 700;
  letter-spacing: 0
}

.career-center-single,
.knowledge-center-single {
  margin: 2rem 0 8rem
}

.knowledge-center-single .embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  margin-top: 2rem;
  margin-bottom: 2rem
}

.knowledge-center-single .knowledge-center-sidebar ul li a {
  color: #999;
  font-size: .81rem;
  line-height: 2;
  display: block;
  text-decoration: none;
  max-width: 18rem
}

.knowledge-center-single .knowledge-center-sidebar .social li a img {
  max-width: 1.5rem
}

.knowledge-center-single .header-content h1,
.knowledge-center-single .header-content h2 {
  margin: 1rem 0 1.4rem;
  font-family: "Open Sans", sans-serif;
  font-size: 40px;
  line-height: 1.33;
  font-weight: 600;
  letter-spacing: -.6px
}

.knowledge-center-single .header-content h4 {
  font-size: 20px;
  text-transform: uppercase;
  color: #222;
  line-height: 2.67;
  font-weight: 600;
  font-family: "Open Sans", sans-serif
}

.knowledge-center-single .content,
.knowledge-center-single .content p {
  font-family: Merriweather, serif;
  font-weight: 400;
  color: rgba(0, 0, 0, .9);
  font-size: 1.14rem;
  letter-spacing: -.004em
}

.knowledge-center-single .author-details .knowledge-center-author .name h2 {
  font-size: 1rem;
  font-weight: 400;
  margin: 0 0 .2rem;
  letter-spacing: -.03rem
}

.knowledge-center-single .content {
  line-height: 2;
  margin: 1.56rem 0 0
}

.knowledge-center-single .content img,
.knowledge-center-single .content img.aligncenter {
  width: auto;
  height: auto;
  display: block;
  margin: 0 auto 2.5rem
}

.knowledge-center-single .content p {
  line-height: 32px;
  margin: 0 0 24px
}

.knowledge-center-single .content h2,
.knowledge-center-single .content h4 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.8rem;
  margin-top: 2.18rem;
  line-height: 1.22;
  margin-bottom: .93rem;
  letter-spacing: -.6px
}

.knowledge-center-single .content h3,
.knowledge-center-single .content h5 {
  font-family: "Open Sans", sans-serif;
  font-size: 1.6rem;
  line-height: 1.35;
  margin-bottom: .5rem;
  letter-spacing: -1px;
  color: rgba(0, 0, 0, .84);
  font-weight: 700
}

.knowledge-center-single .content a {
  text-decoration: underline;
  color: #007bff
}

.knowledge-center-single .content a:hover {
  color: #ff1816
}

.knowledge-center-single .content ol,
.knowledge-center-single .content ul {
  margin: 1.25rem 0;
  list-style: disc;
  padding-left: 2rem
}

.knowledge-center-single .content ol li,
.knowledge-center-single .content ul li {
  font-family: Merriweather, serif;
  font-weight: 400;
  font-size: 1.14rem;
  line-height: 32px;
  margin: 0 0 1rem;
  letter-spacing: -.004em;
  color: rgba(0, 0, 0, .9)
}

.knowledge-center-single .content blockquote {
  font-family: Merriweather, serif;
  margin: 0 0 4rem;
  color: #666;
  background: #f5f5f5;
  border-radius: 1rem;
  padding: 3rem 4rem
}

.knowledge-center-single .content blockquote p {
  font-family: Merriweather, serif;
  font-weight: 300;
  font-size: 1.14rem;
  line-height: 32px;
  margin: 0;
  letter-spacing: -.004em;
  color: rgba(0, 0, 0, .84);
  word-break: break-word
}

.knowledge-center-single .content .table tbody td,
.ta-engineers .card .card-header .designation {
  font-size: .9rem
}

.knowledge-center-single .faq .accordion .accordion-item .accordion-button {
  padding: 1rem 0
}

.knowledge-center-single .faq .accordion .accordion-item .accordion-button .accordion-heading h2,
.knowledge-center-single .faq .accordion .accordion-item .accordion-button .accordion-heading h3,
.knowledge-center-single .faq .accordion .accordion-item .accordion-button .accordion-heading h4,
.knowledge-center-single .faq .accordion .accordion-item .accordion-button .accordion-heading h5 {
  font-size: 1.2rem;
  font-weight: 600;
  margin-bottom: 0
}

.knowledge-center-banner .image {
  position: fixed;
  max-width: 225px;
  width: 100%;
  margin: 0 auto;
  display: block;
  top: 10.5rem
}

.industries-category .industries-tab {
  margin: 6rem 0 0
}

.industries-category .industries-tab ul li {
  position: relative;
  padding-left: 1.35rem;
  margin: 0 0 1.5rem;
  font-size: 1.2rem;
  letter-spacing: -.024rem
}

.industries-category .industries-tab ul li a {
  color: #222;
  text-decoration: none;
  background-color: #fff;
  padding-right: 1rem
}

.industries-category .industries-tab ul li.active::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 1.35rem;
  right: 0;
  height: 2px;
  background-color: #ebebeb;
  z-index: -1
}

.industries-category .industries-tab ul li::before {
  content: "";
  position: absolute;
  width: .6rem;
  height: .6rem;
  left: 0;
  top: .35rem;
  background: #2c5c98;
  border-radius: .15rem
}

.industries-category .industries-tab-content {
  background-color: #ebebeb;
  border-radius: 1.2rem
}

.industries-category .industries-tab-content .bottom .features li::after,
.trusted-us.bg-blue {
  background-color: #2c5c98
}

.industries-category .industries-tab-content .features {
  max-width: 600px;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 2rem
}

.industries-category .industries-tab-content .features li {
  flex: 0 0 auto;
  width: 50%;
  position: relative;
  font-size: 1.2rem;
  font-weight: 300;
  padding-left: 1.6rem;
  margin: 0 0 1rem
}

.industries-category .industries-tab-content .features li::after {
  content: "";
  position: absolute;
  width: .6rem;
  height: .6rem;
  left: 0;
  top: .35rem;
  background: #fff;
  border-radius: .15rem
}

.industries-category .industries-tab-content .top {
  padding: 4.5rem 5rem 0;
  background-color: #6060d0;
  background-image: linear-gradient(90deg, #8be9ff, #6060d0);
  border-radius: 1.2rem;
  color: #fff
}

.industries-category .industries-tab-content .top .title h3 {
  font-weight: 300;
  font-size: 3.6rem;
  letter-spacing: -.144rem;
  line-height: 1.2;
  margin: 0 0 1rem
}

.industries-category .industries-tab-content .top p {
  color: #fff;
  letter-spacing: -.03rem;
  margin: 0 0 1.8rem
}

.industries-category .industries-tab-content .top .image::before {
  content: "";
  display: block;
  padding-bottom: 47%
}

.industries-category .industries-tab-content .top .image img {
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  top: 50%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain
}

.industries-category .industries-tab-content .bottom {
  padding: 4.5rem 5rem
}

.industries-category .industries-tab-content .bottom .heading {
  font-size: 2.4rem;
  letter-spacing: -.096rem;
  margin: 0 0 2rem;
  line-height: 1.2
}

.contact-experts-wrapper .contact-experts {
  box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .16);
  border-radius: 1.2rem;
  padding: 3.65rem 4.15rem 0
}

.contact-experts-wrapper .contact-experts .contact-experts-inner {
  margin-bottom: 3rem
}

.contact-experts-wrapper .contact-experts .contact-experts-inner .title {
  font-size: 2rem;
  letter-spacing: -.08rem;
  line-height: 1.5;
  margin: 0 0 1rem
}

.contact-experts-wrapper .contact-experts .image {
  margin-top: auto;
  width: 100%;
  position: relative
}

.contact-experts-wrapper .contact-experts .image::before {
  content: "";
  display: block;
  padding-bottom: 77%
}

.trusted-us.bg-blue {
  color: #fff;
  padding: 6.5rem 0
}

.trusted-us.bg-blue .box-wrap .box {
  border-color: rgba(255, 255, 255, .12) !important
}

.trusted-us.bg-blue .box-wrap .box .image.slide-animation::after {
  z-index: 0;
  opacity: .05
}

.career-title.top-banner .container .caption {
  margin: 5rem auto 7rem
}

.career-title.top-banner .container .caption h1 {
  line-height: 1.33
}

.career {
  margin: 6rem 0 8rem
}

.career .career-post .career-listing {
  flex-basis: 33.33%;
  width: 33.33%;
  padding: 0 15px;
  margin: 0 0 2rem;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s
}

.career .career-post .career-listing .content h3 {
  font-size: 1.4rem;
  line-height: 1.43;
  letter-spacing: -.03rem;
  margin-bottom: .5rem;
  font-weight: 400
}

.career-bottom .map {
  position: relative;
  padding-bottom: 30%;
  height: 0;
  overflow: hidden;
  margin-bottom: 2.5rem
}

.career-gallery .image {
  margin: 0 0 2rem;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: .5rem
}

.career-box-wrap .box-wrap {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  max-width: 1140px;
  margin: 3rem auto 4.4rem
}

.career-box-wrap .box-wrap .box {
  width: calc(50% - 1.5rem);
  margin: 0 0 3rem;
  padding: 2rem 1.5rem;
  border: 1px solid #ccc;
  border-radius: .4rem;
  position: relative;
  display: flex;
  align-items: center
}

.career-box-wrap .box-wrap .box .image {
  max-width: 7rem;
  margin-right: .3rem
}

.career-box-wrap .box-wrap .box h3 {
  font-size: 1.75rem;
  font-weight: 300;
  letter-spacing: -.05rem;
  line-height: 1.6;
  margin: 0
}

.career-slider-wrap .owl-carousel .item .image {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: .6rem
}

.career-slider-wrap .owl-dots {
  position: relative;
  left: 0;
  width: 100%;
  bottom: 2.5rem;
  display: flex;
  justify-content: center
}

.career-slider-wrap .owl-dots button.owl-dot {
  width: .5rem;
  height: .5rem;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 .2rem;
  transition: .3s;
  -o-transition: .3s;
  -webkit-transition: .3s;
  box-shadow: 0 0 7px rgba(0, 0, 0, .15)
}

.career-center-single .header-content h1 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: -.12rem;
  margin: 0 0 .5rem
}

.career-center-single .header-content p {
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0 0 1rem
}

.career-center-single .content img {
  margin: 0 0 1.5rem;
  width: 100%
}

.career-center-single .content h2 {
  font-size: 1.6rem;
  letter-spacing: -.03rem;
  margin: 2rem 0 .5rem;
  font-weight: 400
}

.career-center-single .content p {
  font-size: 1.3rem;
  margin: 0 0 .5rem
}

.career-center-single .content ul,
.customer-experience .box-wrap .box .content ul {
  list-style: disc;
  padding-left: 1.5rem
}

.career-center-single .content ul li {
  font-size: 1.3rem;
  margin: 0 0 .5rem;
  line-height: 1.6;
  letter-spacing: normal;
  font-weight: 300
}

.career-center-single .contact-form {
  padding: 2rem 0 0;
  box-shadow: none
}

.career-center-single .footer-content {
  margin: 2rem 0 0
}

.customer-experience .box-wrap .box {
  display: flex;
  width: calc(50% - 2rem)
}

.customer-experience .box-wrap .box .image {
  flex: 0 0 8.75rem
}

.customer-experience .box-wrap .box .content h3 {
  font-size: 1.6rem;
  margin: 0 0 1rem;
  letter-spacing: -.05rem;
  font-weight: 600
}

.customer-experience .box-wrap .box .content ul li {
  font-size: 1.25rem;
  line-height: 1.5;
  font-weight: 300;
  margin-bottom: .5rem
}

.career-banner .container {
  background-color: #e84f4f;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 0;
  border-radius: .5rem;
  overflow: hidden
}

.career-banner .container .content {
  padding: 1.5rem 0 1.5rem 6rem;
  align-self: center
}

.career-banner .container .content h2 {
  color: #fff;
  margin: 0
}

.career-banner .container .content h2 .small {
  font-size: 2.5rem;
  letter-spacing: -.07rem;
  display: block
}

.career-banner .container .content p {
  color: #fff;
  margin: 0 0 .8rem;
  font-size: 1.6rem
}

.career-banner .container .content p.small {
  font-size: 1.2rem;
  margin: 0 0 .5rem
}

.career-banner .container .content p .sup {
  font-size: 1rem;
  vertical-align: super
}

.career-banner .container .image img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover
}

.career-center-heading .container {
  max-width: 1170px;
  width: 100%;
  text-align: center
}

.career-col.service-2-col1 .content {
  max-width: 1440px;
  margin: 0 auto;
  list-style: disc
}

.career-col.service-2-col1 .content ul,
.career-col.service-2-col1 .grid .col ul {
  list-style: disc;
  margin-left: 1.5rem
}

.career-col.service-2-col1 .content ul li {
  font-size: 1.28rem;
  line-height: 1.33;
  letter-spacing: -.02rem;
  margin: 0 0 .8rem;
  font-weight: 100
}

.career-col.service-2-col1 .grid .col {
  background-color: #fff193;
  padding: 2.5rem
}

.career-col.service-2-col1 .grid .col ul li {
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: -.02rem;
  margin: 0 0 .8rem
}

.career-faq .faq .accordion .accordion-item .accordion-button .accordion-marker img {
  transition: .2s;
  -o-transition: .2s;
  -webkit-transition: .2s
}

.career-faq .faq .accordion .accordion-item.active .accordion-button .accordion-marker img {
  transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg)
}

.service-inner-banner.hiring-banner {
  background-color: #2c5c98;
  background: linear-gradient(119deg, #2c5c98, #6ac7a4 100%)
}

.service-inner-banner.hiring-banner.center .container .banner-details {
  justify-content: center;
  text-align: center;
  margin: 0 auto
}

.service-inner-banner.hiring-banner.center .container .banner-details .content h1 {
  font-size: 4rem;
  margin: 0 0 2.5rem;
  line-height: 1.25
}

.service-inner-banner.hiring-banner .hiring-form.home-form {
  max-width: 35rem;
  margin: 0
}

.hiring-form.home-form .contact-form .form-group {
  min-height: 46px;
  border: 1px solid #fff;
  padding-top: 10px;
  margin: 0 !important;
  border-top-left-radius: .2rem;
  border-bottom-left-radius: .2rem
}

.hiring-form.home-form .contact-form .form-group .form-control {
  color: #fff;
  height: 36px;
  padding: 0 10px;
  font-size: 14px;
  width: 18.2rem
}

.hiring-form.home-form .contact-form .form-group .label-wrap .label {
  color: #fff;
  font-size: 14px;
  padding-left: 20px
}

.hiring-form.home-form .contact-form .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  font-size: 1.2rem;
  letter-spacing: .1rem
}

.hire-section .text h2 {
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: -.12rem;
  line-height: 1.27
}

.hiring-explore .card h2,
.hiring-model ul li .title h3 {
  font-family: "Bebas Neue";
  letter-spacing: normal;
  font-weight: 300
}

.hire-section .sub-title {
  font-size: 1.5rem;
  letter-spacing: -.03rem;
  margin: 0 0 2.45rem
}

.search-form {
  max-width: 18.8rem;
  width: 100%
}

.search-form .contact-form .form-group {
  min-height: 46px;
  border: 2px solid #d5d5d5;
  padding-top: 10px;
  margin: 0 !important;
  border-radius: 1.35rem
}

.search-form .contact-form .form-group .form-control {
  color: #acacac;
  height: 32px;
  padding: 0 10px;
  font-size: 14px;
  border: 0
}

.search-form .contact-form .form-group .label-wrap .label {
  color: #acacac;
  font-size: 14px;
  padding-left: 20px
}

.hire-developers .skills-wrap,
.ta-engineers .card .badge-wrapper {
  margin: 0 0 1.2rem
}

.hire-developers .skills {
  display: flex;
  flex-wrap: wrap;
  margin-left: -.85rem;
  margin-right: -.85rem
}

.hire-developers .skills li {
  width: 20%;
  padding: 0 .85rem 1.8rem
}

.hire-developers .skills li .skills-card {
  display: flex;
  align-items: center;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .16);
  padding: .6rem 1.1rem;
  border-radius: .3rem;
  position: relative
}

.hire-developers .skills li .skills-card .icon {
  flex: 0 0 auto;
  width: 2.4rem;
  position: relative;
  margin-right: 1rem
}

.hire-developers .skills li .skills-card .name {
  letter-spacing: -.044rem
}

.hiring-model ul {
  display: flex;
  margin-left: -1.5rem;
  margin-right: -1.5rem
}

.hiring-model ul li {
  width: 33.3333333333%;
  padding: 0 1.5rem
}

.hiring-model ul li .image {
  width: 100%;
  position: relative;
  margin-bottom: 1.2rem;
  border-radius: 1.2rem;
  overflow: hidden
}

.hiring-model ul li .title h3 {
  margin: .3rem 0 0;
  font-size: 1.8rem;
  line-height: 1;
  text-align: center
}

.hiring-main-slider .owl-dots {
  text-align: center;
  padding-top: .5rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -2.4rem
}

.hiring-main-slider .owl-dots button.owl-dot.active {
  background-color: #da5e59;
  width: 1.3rem;
  border-radius: .2rem
}

.hiring-explore .row {
  max-width: 1060px;
  margin: 0 auto
}

.hiring-explore .card {
  padding: 2.7rem
}

.hiring-explore .card h2 {
  font-size: 2.8rem;
  margin: 0 0 1.6rem
}

.hiring-explore .card.gradient {
  background-color: #2c5c98;
  background: linear-gradient(119deg, #2c5c98, #6ac7a4 100%);
  color: #fff
}

.ta-engineers [class*=col-] {
  margin: 0 0 2.4rem
}

.ta-engineers .card {
  padding: 2rem;
  border: 1.5px solid #e5e5e5;
  border-radius: .6rem;
  box-shadow: 3px 3px 0 0 rgba(0, 0, 0, .16);
  height: 100%;
  display: flex;
  flex-direction: column
}

.ta-engineers .card .card-header {
  display: flex;
  align-items: center;
  margin: 0 0 1.5rem
}

.ta-engineers .card .card-header .image {
  flex: 0 0 auto;
  width: 4.8rem;
  position: relative;
  margin-right: 1.2rem
}

.ta-engineers .card .card-header .image img {
  top: 50%;
  left: 50%;
  position: absolute;
  width: 100%;
  min-height: 100%;
  max-width: none;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 50%
}

.ta-engineers .card .card-header .name {
  font-size: 1.5rem;
  font-weight: 600;
  margin: 0 0 .4rem
}

.ta-engineers .card p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: -.02rem;
  margin: 0 0 1.1rem
}

.ta-engineers .card .title {
  font-size: .9rem;
  color: #999;
  margin: 0 0 1.2rem
}

.ta-engineers .card .badge {
  background-color: #ebebeb;
  border: 1px solid #ccc;
  font-size: .85rem;
  padding: .3rem .65rem .32rem;
  border-radius: .2rem;
  margin-right: .4rem;
  display: inline-block;
  margin-bottom: .6rem
}

.ta-engineers .card .badge.yellow {
  background-color: #fef7e5;
  border: 1px solid #f8d05c
}

.ta-engineers .card .btn.btn-blue {
  margin-top: auto
}

.review .review-wrap {
  display: flex;
  flex-wrap: wrap;
  margin: 10rem 0
}

.review .review-blog .left,
.review .review-wrap .left {
  width: 50%;
  padding-right: 1rem
}

.review .review-blog .right,
.review .review-wrap .right {
  width: 50%;
  padding-left: 1rem
}

.review.section {
  margin: 10rem 0
}

.review .review-blog .left p {
  text-align: right;
  margin-top: 2rem
}

.review .review-blog .right .image::before {
  content: "";
  display: block;
  padding-bottom: 75%
}

.review .review-blog .right .box {
  position: relative;
  background: #f7f7f7;
  max-width: 22rem;
  width: 100%;
  padding: 2rem;
  bottom: 0;
  top: -7rem;
  margin-bottom: -7rem
}

.review .review-blog.reverse .left {
  order: 2;
  padding-right: 0;
  padding-left: 1rem
}

.review .review-blog.reverse .right {
  padding-right: 1rem;
  padding-left: 0
}

.review .review-blog.divider {
  position: relative;
  padding-top: 13rem
}

.review .review-blog.divider::before {
  content: "";
  border-left: 2px solid #979797;
  opacity: .5;
  position: absolute;
  top: 3rem;
  left: 50%;
  height: 7rem
}

.review .review-lists>li {
  position: relative;
  height: 100vh
}

.review .review-lists>li .card {
  max-width: 40rem;
  width: 100%;
  margin-left: 50%;
  position: relative;
  background-color: #1a41aa;
  color: #fff;
  padding: 2rem;
  top: 50%;
  transform: translateY(-50%)
}

.review .review-lists>li .card.left {
  margin-left: 15%;
  background-color: #fff;
  color: #222
}

.review .review-lists>li.one .bg {
  background: url(assets/images/thm-about.jpg) center center/cover no-repeat fixed
}

.review .review-lists>li.two .bg {
  background: url(assets/images/heatmiser-about.jpg) center center/cover no-repeat fixed
}

.review-box {
  display: flex;
  flex-wrap: wrap;
  margin-top: 6rem
}

.review-box .box {
  width: calc(33.3333333333% - 1rem);
  margin: 0 .75rem 1.5rem;
  border: 1px solid #ccc;
  padding: 2rem 1.5rem;
  border-radius: .5rem;
  display: flex;
  flex-direction: column
}

.review-box .box .image {
  width: 100%;
  position: relative;
  overflow: hidden;
  max-width: 10rem;
  margin: 0 0 1.5rem
}

.review-box .box .image::before {
  content: "";
  display: block;
  padding-bottom: 12.182%
}

.review-box .box h2 {
  font-weight: 400;
  font-size: 1.4rem;
  letter-spacing: -.03rem;
  line-height: 1.4;
  margin: 0 0 1.5rem
}

.review-box .box p {
  font-size: 1rem;
  line-height: 1.7;
  margin: 0 0 1.5rem;
  letter-spacing: -.02rem;
  flex: 1 1 auto
}

.review-box .box .name {
  line-height: 1.4;
  font-weight: 400;
  font-size: 1.2rem;
  letter-spacing: -.05rem
}

.teams-wrap h2 {
  text-align: center;
  font-size: 2.5rem;
  letter-spacing: -.05rem
}

.teams-wrap .teams .teams-card {
  width: calc(20% - 1rem);
  text-align: center;
  margin: 0 .5rem 2rem
}

.teams-wrap .teams .teams-card .image {
  width: 100%;
  position: relative;
  overflow: hidden;
  background: #f7f7f7
}

.teams-wrap .teams .teams-card .image::before {
  content: "";
  display: block;
  padding-bottom: 120%
}

.teams-wrap .teams .teams-card .content {
  padding: .5rem 0
}

.teams-wrap .teams .teams-card .content h3 {
  font-weight: 400;
  font-size: 1.5rem;
  letter-spacing: -.05rem;
  margin: 0 0 1rem
}

.teams-wrap .teams .teams-card .content p {
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 400
}

.team.our-experts .container {
  background-color: #000;
  position: relative;
  overflow: hidden
}

.team.our-experts .container .image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .85
}

.team.our-experts .container .image img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -o-object-fit: cover;
  object-fit: cover
}

.team.our-experts .container .left h2 {
  color: #f3f3f3;
  position: relative
}

.thank-you .content {
  max-width: 45rem;
  margin: 0 auto 6rem;
  text-align: center
}

.thank-you .content .lottie-wrapper {
  max-width: 16rem;
  margin: 0 auto
}

.thank-you .content h1 {
  margin: 0 0 .5rem;
  line-height: 1
}

.thank-you .content p {
  line-height: 1.4;
  margin: 0
}

.privacy.top-banner .container .caption {
  margin: 3.45rem auto 2rem
}

.privacy.top-banner .container .caption h1 {
  text-align: left;
  letter-spacing: -.12rem;
  font-size: 3.2rem;
  font-weight: 300
}

.service-wrap .entry-content {
  max-width: 73.125rem;
  margin: 0 auto
}

.service-wrap .entry-content h2 {
  font-size: 1.8rem;
  margin: 2.2rem 0 1rem;
  font-weight: 400;
  letter-spacing: -.1rem
}

.service-wrap .entry-content h3 {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.125;
  letter-spacing: -.03rem;
  margin: 1rem 0 .5rem
}

.service-wrap .entry-content ol li,
.service-wrap .entry-content p {
  font-size: 1rem;
  margin: 0 0 .6rem;
  position: relative;
  line-height: 1.7;
  letter-spacing: unset;
  color: #000
}

.service-wrap .entry-content ol li {
  font-weight: 300
}

.service-wrap .entry-content ol strong {
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: -.03rem;
  display: inline-block;
  margin: 1.2rem 0 0
}

.service-wrap .entry-content ul {
  list-style: disc;
  padding-left: 1.2rem
}

.modal {
  position: fixed;
  z-index: 10000;
  top: 0;
  left: 0;
  visibility: hidden;
  width: 100%;
  height: 100%;
  overflow: hidden;
  opacity: 0
}

.modal.is-visible {
  visibility: visible;
  opacity: 1
}

.modal.is-visible .modal-overlay {
  opacity: 1;
  visibility: visible;
  transition-delay: 0s
}

.modal .modal-overlay {
  position: fixed;
  z-index: 10;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: hsla(0, 0%, 0%, .5);
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s linear .3s, opacity .3s;
  -o-transition: visibility 0s linear .3s, opacity .3s;
  -webkit-transition: visibility 0s linear .3s, opacity .3s
}

.modal .modal-wrapper {
  position: relative;
  z-index: 9999;
  top: 50%;
  left: 50%;
  max-width: 34.375rem;
  max-height: 85%;
  width: 95%;
  overflow-y: auto;
  transform: translate(-50%, -50%) scale(.8);
  -moz-transform: translate(-50%, -50%) scale(.8);
  -webkit-transform: translate(-50%, -50%) scale(.8);
  background-color: #fff;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, .13);
  border-radius: .5rem
}

.modal .modal-wrapper.modal-transition {
  transition: .3s .12s;
  -o-transition: .3s .12s;
  -webkit-transition: .3s .12s;
  opacity: 0
}

.modal .modal-wrapper .modal-content,
.modal .modal-wrapper .modal-header {
  padding: .94rem
}

.modal .modal-wrapper .modal-header {
  position: sticky;
  top: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .06);
  border-bottom: 1px solid #e8e8e8;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  background: #fff;
  z-index: 1
}

.modal .modal-wrapper .modal-header .modal-heading {
  font-size: 1.875rem;
  letter-spacing: -.03rem;
  margin: 0;
  width: 100%;
  text-align: center
}

.modal .modal-wrapper .modal-header .modal-close {
  position: absolute;
  top: 1.3rem;
  right: .94rem;
  color: #999;
  font-size: 1.5rem;
  text-decoration: none
}

.modal .modal-wrapper.modal-large {
  max-width: 46.875rem
}

.modal .modal-wrapper.right-bottom {
  max-width: 370px;
  left: calc(99% - 370px);
  top: calc(98% - 605px);
  transform: none;
  -moz-transform: none;
  -webkit-transform: none
}

.modal .modal-wrapper.right-bottom .modal-header {
  background-color: #222;
  padding: 1.2rem
}

.modal .modal-wrapper.right-bottom .modal-header .title {
  margin-right: 20px
}

.modal .modal-wrapper.right-bottom .modal-header .title .logo {
  width: 45px;
  margin-bottom: 12px
}

.modal .modal-wrapper.right-bottom .modal-header .title .modal-heading {
  color: #fff;
  font-size: 18px;
  text-align: left;
  line-height: 1.4;
  font-weight: 400;
  margin: 0 0 .8rem
}

.modal .modal-wrapper.right-bottom .modal-header .title p {
  color: #fff;
  font-size: 14px;
  text-align: left;
  margin: 0
}

.modal .modal-wrapper .contact-form {
  padding: .8rem .5rem .5rem;
  box-shadow: none
}

.modal .modal-wrapper .contact-form .form-group .form-control {
  height: 38px;
  font-size: 14px
}

.modal .modal-wrapper .contact-form .form-group .form-control .label-wrap .label {
  font-size: 14px
}

.modal .modal-wrapper .contact-form .form-group .form-control:focus~.label-wrap .label {
  bottom: 94%;
  font-size: .75rem
}

.modal .modal-wrapper .contact-form .form-btn {
  position: static;
  text-align: right;
  transform: none;
  -moz-transform: none;
  -webkit-transform: none
}

.modal .modal-wrapper .contact-form .form-btn .btn {
  text-transform: capitalize;
  font-size: 1rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  padding: .7rem 2rem .75rem;
  line-height: 1
}

.modal.is-visible .modal-transition {
  transform: translate(-50%, -50%) scale(1);
  -moz-transform: translate(-50%, -50%) scale(1);
  -webkit-transform: translate(-50%, -50%) scale(1);
  opacity: 1
}

.modal.is-visible .right-bottom {
  transform: translate(0, 0) scale(1);
  -moz-transform: translate(0, 0) scale(1);
  -webkit-transform: translate(0, 0) scale(1)
}

[data-aos][data-aos][data-aos-duration="50"],
body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms
}

[data-aos][data-aos][data-aos-delay="100"],
[data-aos][data-aos][data-aos-delay="1000"],
[data-aos][data-aos][data-aos-delay="1050"],
[data-aos][data-aos][data-aos-delay="1100"],
[data-aos][data-aos][data-aos-delay="1150"],
[data-aos][data-aos][data-aos-delay="1200"],
[data-aos][data-aos][data-aos-delay="1250"],
[data-aos][data-aos][data-aos-delay="1300"],
[data-aos][data-aos][data-aos-delay="1350"],
[data-aos][data-aos][data-aos-delay="1400"],
[data-aos][data-aos][data-aos-delay="1450"],
[data-aos][data-aos][data-aos-delay="150"],
[data-aos][data-aos][data-aos-delay="1500"],
[data-aos][data-aos][data-aos-delay="1550"],
[data-aos][data-aos][data-aos-delay="1600"],
[data-aos][data-aos][data-aos-delay="1650"],
[data-aos][data-aos][data-aos-delay="1700"],
[data-aos][data-aos][data-aos-delay="1750"],
[data-aos][data-aos][data-aos-delay="1800"],
[data-aos][data-aos][data-aos-delay="1850"],
[data-aos][data-aos][data-aos-delay="1900"],
[data-aos][data-aos][data-aos-delay="1950"],
[data-aos][data-aos][data-aos-delay="200"],
[data-aos][data-aos][data-aos-delay="2000"],
[data-aos][data-aos][data-aos-delay="2050"],
[data-aos][data-aos][data-aos-delay="2100"],
[data-aos][data-aos][data-aos-delay="2150"],
[data-aos][data-aos][data-aos-delay="2200"],
[data-aos][data-aos][data-aos-delay="2250"],
[data-aos][data-aos][data-aos-delay="2300"],
[data-aos][data-aos][data-aos-delay="2350"],
[data-aos][data-aos][data-aos-delay="2400"],
[data-aos][data-aos][data-aos-delay="2450"],
[data-aos][data-aos][data-aos-delay="250"],
[data-aos][data-aos][data-aos-delay="2500"],
[data-aos][data-aos][data-aos-delay="2550"],
[data-aos][data-aos][data-aos-delay="2600"],
[data-aos][data-aos][data-aos-delay="2650"],
[data-aos][data-aos][data-aos-delay="2700"],
[data-aos][data-aos][data-aos-delay="2750"],
[data-aos][data-aos][data-aos-delay="2800"],
[data-aos][data-aos][data-aos-delay="2850"],
[data-aos][data-aos][data-aos-delay="2900"],
[data-aos][data-aos][data-aos-delay="2950"],
[data-aos][data-aos][data-aos-delay="300"],
[data-aos][data-aos][data-aos-delay="3000"],
[data-aos][data-aos][data-aos-delay="350"],
[data-aos][data-aos][data-aos-delay="400"],
[data-aos][data-aos][data-aos-delay="450"],
[data-aos][data-aos][data-aos-delay="50"],
[data-aos][data-aos][data-aos-delay="500"],
[data-aos][data-aos][data-aos-delay="550"],
[data-aos][data-aos][data-aos-delay="600"],
[data-aos][data-aos][data-aos-delay="650"],
[data-aos][data-aos][data-aos-delay="700"],
[data-aos][data-aos][data-aos-delay="750"],
[data-aos][data-aos][data-aos-delay="800"],
[data-aos][data-aos][data-aos-delay="850"],
[data-aos][data-aos][data-aos-delay="900"],
[data-aos][data-aos][data-aos-delay="950"],
body[data-aos-delay="100"] [data-aos],
body[data-aos-delay="1000"] [data-aos],
body[data-aos-delay="1050"] [data-aos],
body[data-aos-delay="1100"] [data-aos],
body[data-aos-delay="1150"] [data-aos],
body[data-aos-delay="1200"] [data-aos],
body[data-aos-delay="1250"] [data-aos],
body[data-aos-delay="1300"] [data-aos],
body[data-aos-delay="1350"] [data-aos],
body[data-aos-delay="1400"] [data-aos],
body[data-aos-delay="1450"] [data-aos],
body[data-aos-delay="150"] [data-aos],
body[data-aos-delay="1500"] [data-aos],
body[data-aos-delay="1550"] [data-aos],
body[data-aos-delay="1600"] [data-aos],
body[data-aos-delay="1650"] [data-aos],
body[data-aos-delay="1700"] [data-aos],
body[data-aos-delay="1750"] [data-aos],
body[data-aos-delay="1800"] [data-aos],
body[data-aos-delay="1850"] [data-aos],
body[data-aos-delay="1900"] [data-aos],
body[data-aos-delay="1950"] [data-aos],
body[data-aos-delay="200"] [data-aos],
body[data-aos-delay="2000"] [data-aos],
body[data-aos-delay="2050"] [data-aos],
body[data-aos-delay="2100"] [data-aos],
body[data-aos-delay="2150"] [data-aos],
body[data-aos-delay="2200"] [data-aos],
body[data-aos-delay="2250"] [data-aos],
body[data-aos-delay="2300"] [data-aos],
body[data-aos-delay="2350"] [data-aos],
body[data-aos-delay="2400"] [data-aos],
body[data-aos-delay="2450"] [data-aos],
body[data-aos-delay="250"] [data-aos],
body[data-aos-delay="2500"] [data-aos],
body[data-aos-delay="2550"] [data-aos],
body[data-aos-delay="2600"] [data-aos],
body[data-aos-delay="2650"] [data-aos],
body[data-aos-delay="2700"] [data-aos],
body[data-aos-delay="2750"] [data-aos],
body[data-aos-delay="2800"] [data-aos],
body[data-aos-delay="2850"] [data-aos],
body[data-aos-delay="2900"] [data-aos],
body[data-aos-delay="2950"] [data-aos],
body[data-aos-delay="300"] [data-aos],
body[data-aos-delay="3000"] [data-aos],
body[data-aos-delay="350"] [data-aos],
body[data-aos-delay="400"] [data-aos],
body[data-aos-delay="450"] [data-aos],
body[data-aos-delay="50"] [data-aos],
body[data-aos-delay="500"] [data-aos],
body[data-aos-delay="550"] [data-aos],
body[data-aos-delay="600"] [data-aos],
body[data-aos-delay="650"] [data-aos],
body[data-aos-delay="700"] [data-aos],
body[data-aos-delay="750"] [data-aos],
body[data-aos-delay="800"] [data-aos],
body[data-aos-delay="850"] [data-aos],
body[data-aos-delay="900"] [data-aos],
body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0
}

[data-aos][data-aos][data-aos-delay="50"].aos-animate,
body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms
}

[data-aos][data-aos][data-aos-duration="100"],
body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s
}

[data-aos][data-aos][data-aos-delay="100"].aos-animate,
body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: 0.1s
}

[data-aos][data-aos][data-aos-duration="150"],
body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s
}

[data-aos][data-aos][data-aos-delay="150"].aos-animate,
body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: 0.15s
}

[data-aos][data-aos][data-aos-duration="200"],
body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s
}

[data-aos][data-aos][data-aos-delay="200"].aos-animate,
body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: 0.2s
}

[data-aos][data-aos][data-aos-duration="250"],
body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s
}

[data-aos][data-aos][data-aos-delay="300"].aos-animate,
body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: 0.3s
}

[data-aos][data-aos][data-aos-duration="350"],
body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s
}

[data-aos][data-aos][data-aos-delay="350"].aos-animate,
body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: 0.35s
}

[data-aos][data-aos][data-aos-duration="400"],
body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s
}

[data-aos][data-aos][data-aos-delay="400"].aos-animate,
body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: 0.4s
}

[data-aos][data-aos][data-aos-duration="450"],
body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s
}

[data-aos][data-aos][data-aos-delay="450"].aos-animate,
body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: 0.45s
}

[data-aos][data-aos][data-aos-duration="500"],
body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s
}

[data-aos][data-aos][data-aos-delay="550"].aos-animate,
body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: 0.55s
}

[data-aos][data-aos][data-aos-duration="600"],
body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s
}

[data-aos][data-aos][data-aos-delay="600"].aos-animate,
body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: 0.6s
}

[data-aos][data-aos][data-aos-duration="650"],
body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s
}

[data-aos][data-aos][data-aos-delay="650"].aos-animate,
body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: 0.65s
}

[data-aos][data-aos][data-aos-duration="700"],
body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s
}

[data-aos][data-aos][data-aos-delay="700"].aos-animate,
body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: 0.7s
}

[data-aos][data-aos][data-aos-duration="750"],
body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s
}

[data-aos][data-aos][data-aos-delay="750"].aos-animate,
body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: 0.75s
}

[data-aos][data-aos][data-aos-duration="800"],
body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s
}

[data-aos][data-aos][data-aos-delay="800"].aos-animate,
body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: 0.8s
}

[data-aos][data-aos][data-aos-duration="850"],
body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s
}

[data-aos][data-aos][data-aos-delay="850"].aos-animate,
body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: 0.85s
}

[data-aos][data-aos][data-aos-duration="900"],
body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s
}

[data-aos][data-aos][data-aos-delay="900"].aos-animate,
body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: 0.9s
}

[data-aos][data-aos][data-aos-duration="950"],
body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s
}

[data-aos][data-aos][data-aos-delay="950"].aos-animate,
body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: 0.95s
}

[data-aos][data-aos][data-aos-duration="1000"],
body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s
}

[data-aos][data-aos][data-aos-delay="1000"].aos-animate,
body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s
}

[data-aos][data-aos][data-aos-duration="1050"],
body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s
}

[data-aos][data-aos][data-aos-delay="1050"].aos-animate,
body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s
}

[data-aos][data-aos][data-aos-duration="1100"],
body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s
}

[data-aos][data-aos][data-aos-delay="1100"].aos-animate,
body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s
}

[data-aos][data-aos][data-aos-duration="1150"],
body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s
}

[data-aos][data-aos][data-aos-delay="1150"].aos-animate,
body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s
}

[data-aos][data-aos][data-aos-duration="1200"],
body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s
}

[data-aos][data-aos][data-aos-delay="1200"].aos-animate,
body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s
}

[data-aos][data-aos][data-aos-duration="1250"],
body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s
}

[data-aos][data-aos][data-aos-delay="1250"].aos-animate,
body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s
}

[data-aos][data-aos][data-aos-duration="1300"],
body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s
}

[data-aos][data-aos][data-aos-delay="1300"].aos-animate,
body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s
}

[data-aos][data-aos][data-aos-duration="1350"],
body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s
}

[data-aos][data-aos][data-aos-delay="1350"].aos-animate,
body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s
}

[data-aos][data-aos][data-aos-duration="1400"],
body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s
}

[data-aos][data-aos][data-aos-delay="1400"].aos-animate,
body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s
}

[data-aos][data-aos][data-aos-duration="1450"],
body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s
}

[data-aos][data-aos][data-aos-delay="1450"].aos-animate,
body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s
}

[data-aos][data-aos][data-aos-duration="1500"],
body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s
}

[data-aos][data-aos][data-aos-delay="1500"].aos-animate,
body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s
}

[data-aos][data-aos][data-aos-duration="1550"],
body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s
}

[data-aos][data-aos][data-aos-delay="1550"].aos-animate,
body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s
}

[data-aos][data-aos][data-aos-duration="1600"],
body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s
}

[data-aos][data-aos][data-aos-delay="1600"].aos-animate,
body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s
}

[data-aos][data-aos][data-aos-duration="1650"],
body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s
}

[data-aos][data-aos][data-aos-delay="1650"].aos-animate,
body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s
}

[data-aos][data-aos][data-aos-duration="1700"],
body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s
}

[data-aos][data-aos][data-aos-delay="1700"].aos-animate,
body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s
}

[data-aos][data-aos][data-aos-duration="1750"],
body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s
}

[data-aos][data-aos][data-aos-delay="1750"].aos-animate,
body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s
}

[data-aos][data-aos][data-aos-duration="1800"],
body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s
}

[data-aos][data-aos][data-aos-delay="1800"].aos-animate,
body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s
}

[data-aos][data-aos][data-aos-duration="1850"],
body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s
}

[data-aos][data-aos][data-aos-delay="1850"].aos-animate,
body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s
}

[data-aos][data-aos][data-aos-duration="1900"],
body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s
}

[data-aos][data-aos][data-aos-delay="1900"].aos-animate,
body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s
}

[data-aos][data-aos][data-aos-duration="1950"],
body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s
}

[data-aos][data-aos][data-aos-delay="1950"].aos-animate,
body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s
}

[data-aos][data-aos][data-aos-duration="2000"],
body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s
}

[data-aos][data-aos][data-aos-delay="2000"].aos-animate,
body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s
}

[data-aos][data-aos][data-aos-duration="2050"],
body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s
}

[data-aos][data-aos][data-aos-delay="2050"].aos-animate,
body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s
}

[data-aos][data-aos][data-aos-duration="2100"],
body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s
}

[data-aos][data-aos][data-aos-delay="2100"].aos-animate,
body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s
}

[data-aos][data-aos][data-aos-duration="2150"],
body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s
}

[data-aos][data-aos][data-aos-delay="2150"].aos-animate,
body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s
}

[data-aos][data-aos][data-aos-duration="2200"],
body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s
}

[data-aos][data-aos][data-aos-delay="2200"].aos-animate,
body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s
}

[data-aos][data-aos][data-aos-duration="2250"],
body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s
}

[data-aos][data-aos][data-aos-delay="2250"].aos-animate,
body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s
}

[data-aos][data-aos][data-aos-duration="2300"],
body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s
}

[data-aos][data-aos][data-aos-delay="2300"].aos-animate,
body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s
}

[data-aos][data-aos][data-aos-duration="2350"],
body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s
}

[data-aos][data-aos][data-aos-delay="2350"].aos-animate,
body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s
}

[data-aos][data-aos][data-aos-duration="2400"],
body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s
}

[data-aos][data-aos][data-aos-delay="2400"].aos-animate,
body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s
}

[data-aos][data-aos][data-aos-duration="2450"],
body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s
}

[data-aos][data-aos][data-aos-delay="2450"].aos-animate,
body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s
}

[data-aos][data-aos][data-aos-duration="2500"],
body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s
}

[data-aos][data-aos][data-aos-delay="2500"].aos-animate,
body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s
}

[data-aos][data-aos][data-aos-duration="2550"],
body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s
}

[data-aos][data-aos][data-aos-delay="2550"].aos-animate,
body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s
}

[data-aos][data-aos][data-aos-duration="2600"],
body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s
}

[data-aos][data-aos][data-aos-delay="2600"].aos-animate,
body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s
}

[data-aos][data-aos][data-aos-duration="2650"],
body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s
}

[data-aos][data-aos][data-aos-delay="2650"].aos-animate,
body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s
}

[data-aos][data-aos][data-aos-duration="2700"],
body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s
}

[data-aos][data-aos][data-aos-delay="2700"].aos-animate,
body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s
}

[data-aos][data-aos][data-aos-duration="2750"],
body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s
}

[data-aos][data-aos][data-aos-delay="2750"].aos-animate,
body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s
}

[data-aos][data-aos][data-aos-duration="2800"],
body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s
}

[data-aos][data-aos][data-aos-delay="2800"].aos-animate,
body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s
}

[data-aos][data-aos][data-aos-duration="2850"],
body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s
}

[data-aos][data-aos][data-aos-delay="2850"].aos-animate,
body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s
}

[data-aos][data-aos][data-aos-duration="2900"],
body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s
}

[data-aos][data-aos][data-aos-delay="2900"].aos-animate,
body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s
}

[data-aos][data-aos][data-aos-duration="2950"],
body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s
}

[data-aos][data-aos][data-aos-delay="2950"].aos-animate,
body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s
}

[data-aos][data-aos][data-aos-duration="3000"],
body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s
}

[data-aos][data-aos][data-aos-delay="3000"].aos-animate,
body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s
}

[data-aos][data-aos][data-aos-easing=linear],
body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75)
}

[data-aos][data-aos][data-aos-easing=ease],
body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease
}

[data-aos][data-aos][data-aos-easing=ease-in],
body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in
}

[data-aos][data-aos][data-aos-easing=ease-out],
body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out
}

[data-aos][data-aos][data-aos-easing=ease-in-out],
body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out
}

[data-aos][data-aos][data-aos-easing=ease-in-back],
body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045)
}

[data-aos][data-aos][data-aos-easing=ease-out-back],
body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-back],
body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

[data-aos][data-aos][data-aos-easing=ease-in-sine],
body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715)
}

[data-aos][data-aos][data-aos-easing=ease-out-sine],
body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-sine],
body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95)
}

[data-aos][data-aos][data-aos-easing=ease-in-cubic],
[data-aos][data-aos][data-aos-easing=ease-in-quad],
[data-aos][data-aos][data-aos-easing=ease-in-quart],
body[data-aos-easing=ease-in-cubic] [data-aos],
body[data-aos-easing=ease-in-quad] [data-aos],
body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53)
}

[data-aos][data-aos][data-aos-easing=ease-out-cubic],
[data-aos][data-aos][data-aos-easing=ease-out-quad],
[data-aos][data-aos][data-aos-easing=ease-out-quart],
body[data-aos-easing=ease-out-cubic] [data-aos],
body[data-aos-easing=ease-out-quad] [data-aos],
body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94)
}

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],
[data-aos][data-aos][data-aos-easing=ease-in-out-quad],
[data-aos][data-aos][data-aos-easing=ease-in-out-quart],
body[data-aos-easing=ease-in-out-cubic] [data-aos],
body[data-aos-easing=ease-in-out-quad] [data-aos],
body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955)
}

[data-aos^=fade][data-aos^=fade],
[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity, transform
}

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0)
}

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0)
}

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0)
}

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0)
}

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0)
}

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0)
}

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0)
}

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0)
}

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0)
}

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1)
}

[data-aos=zoom-in] {
  transform: scale(.6)
}

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(.6)
}

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(.6)
}

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(.6)
}

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(.6)
}

[data-aos=zoom-out] {
  transform: scale(1.2)
}

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2)
}

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2)
}

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2)
}

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2)
}

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform
}

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0)
}

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0)
}

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0)
}

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0)
}

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0)
}

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform
}

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg)
}

[data-aos=flip-left].aos-animate,
[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0)
}

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg)
}

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg)
}

[data-aos=flip-down].aos-animate,
[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0)
}

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg)
}

.owl-carousel,
.owl-carousel .owl-item {
  position: relative
}

.owl-carousel {
  display: none;
  width: 100%;
  z-index: 1
}

.owl-carousel .owl-stage {
  position: relative;
  touch-action: manipulation;
  -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0
}

.owl-carousel .owl-stage-outer {
  position: relative;
  overflow: hidden;
  -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item,
.owl-carousel .owl-wrapper {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
  min-height: 1px;
  float: left;
  -webkit-backface-visibility: hidden;
  -webkit-touch-callout: none
}

.owl-carousel .owl-item img {
  display: block;
}

.owl-carousel .owl-dot,
.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
  background: 0 0;
  color: inherit;
  border: none;
  padding: 0 !important;
  font: inherit
}

.owl-carousel.owl-loading {
  opacity: 0;
  display: block
}

.owl-carousel.owl-hidden {
  opacity: 0
}

.owl-carousel.owl-refresh .owl-item {
  visibility: hidden
}

.owl-carousel.owl-drag .owl-item {
  touch-action: pan-y;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none
}

.owl-carousel.owl-grab {
  cursor: move;
  cursor: grab
}

.owl-carousel.owl-rtl {
  direction: rtl
}

.owl-carousel.owl-rtl .owl-item {
  float: right
}

.owl-carousel .animated {
  animation-duration: 1s;
  animation-fill-mode: both
}

.owl-carousel .fadeOut {
  animation-name: fadeOut
}

@keyframes fadeOut {
  0% {
    opacity: 1
  }

  100% {
    opacity: 0
  }
}

.owl-height {
  transition: height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity .4s
}

.owl-carousel .owl-item .owl-lazy:not([src]),
.owl-carousel .owl-item .owl-lazy[src^=""] {
  max-height: 0
}

.owl-carousel .owl-item img.owl-lazy {
  transform-style: preserve-3d
}

.owl-carousel .owl-video-wrapper {
  position: relative;
  height: 100%;
  background: #000
}

.owl-carousel .owl-video-play-icon {
  position: absolute;
  height: 80px;
  width: 80px;
  left: 50%;
  top: 50%;
  margin-left: -40px;
  margin-top: -40px;
  background: url(owl.video.play.png) no-repeat;
  cursor: pointer;
  z-index: 1;
  -webkit-backface-visibility: hidden;
  transition: transform .1s
}

.owl-carousel .owl-video-play-icon:hover {
  transform: scale(1.3, 1.3)
}

.owl-carousel .owl-video-tn {
  opacity: 0;
  height: 100%;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transition: opacity .4s
}

.owl-carousel .owl-video-frame {
  position: relative;
  z-index: 1;
  height: 100%;
  width: 100%
}

@media (max-width:105em) {

  .container,
  .portfolio-image-banner .content.left {
    max-width: 1440px
  }

  .address .box .content {
    max-width: 28rem;
    padding-top: 26.5rem
  }

  .media-wrap .media.reverse .content::after {
    right: -10%
  }

  .case-summary-details .image {
    margin-left: 14.125rem
  }

  .case-summary-details .row:nth-child(2n) .image {
    margin: -11.875rem 14.125rem 0 0 !important
  }

  .service-menu-wrap .services-top .box-wrap {
    margin-left: 3%;
    margin-right: 3%
  }

  .service-menu-wrap .services-top .box-wrap .box {
    width: 11rem
  }

  .service-menu-wrap .services-top .box-wrap .box::after {
    width: 2.7rem;
    height: 2.7rem
  }

  .service-menu-wrap .services-top .box-wrap .line {
    transform: translate(-4.2rem, .3rem) scale(.45);
    -moz-transform: translate(-4.2rem, .3rem) scale(.45);
    -webkit-transform: translate(-4.2rem, .3rem) scale(.45)
  }

  .service-menu-wrap .services-top .box-wrap:hover .box::after {
    width: 8.82rem;
    height: 8.82rem
  }

  .top-shape {
    right: -411px
  }

  .home-portfolio-wrap .home-portfolio.centered {
    margin: 0 auto;
    max-width: 1410px
  }
}

@media (max-width:90em) {

  body,
  html {
    font-size: 90%
  }

  .container,
  .content-with-img-wrap,
  .portfolio-image-banner .content.left {
    max-width: 1170px
  }

  .media-wrap .media.reverse .content {
    padding-left: 2rem
  }

  .three-column-boxes li {
    flex: 0 1 calc(33.33% - 0.8rem);
    margin-bottom: 1.2rem
  }

  .three-column-boxes li a .arrow {
    margin-right: 0
  }

  .col-4-list ul li {
    width: calc(25% - 1rem);
    margin: 0 .5rem
  }

  .col-3-list ul li {
    width: calc(33.3333333333% - 1rem);
    margin: 0 .5rem
  }

  .image-title {
    max-width: 55%;
    margin: 0 auto
  }

  .blog-search .container .search-form .search-text {
    padding-right: 100px
  }

  .form-popup {
    width: 4rem;
    height: 4rem;
    right: 1.6rem
  }

  .home-achievements .numbers-counter li {
    padding: 0 2.5rem
  }

  .career-banner .container .content p,
  .home-achievements .numbers-counter li p {
    font-size: 1.5rem
  }

  .work-with .brands .text {
    padding: 3rem 0
  }

  .awards ul li {
    width: calc((100% - 120px)/ 4)
  }

  .awards ul li .logos img {
    transform: translate(-50%, -50%) scale(.8);
    -moz-transform: translate(-50%, -50%) scale(.8);
    -webkit-transform: translate(-50%, -50%) scale(.8)
  }

  .awards ul li .logos .text {
    padding: 1.6rem 2rem
  }

  .insights-matters-wrap .insights-matters {
    padding: 3.6rem 3.52rem 3rem
  }

  .insights-matters-wrap .insights-matters .box-wrap .box a {
    padding: 2.28rem 2.04rem 1.44rem
  }

  .home-portfolio-wrap .home-portfolio .content {
    padding: 0 2rem 0 3rem
  }

  .home-portfolio-wrap .home-portfolio:nth-child(2n) .content {
    padding-left: 5.3rem
  }

  .home-portfolio-wrap .home-portfolio.centered {
    margin: 0 auto;
    max-width: 1140px
  }

  .home-portfolio-wrap .home-portfolio.centered .image-wrap {
    padding-left: 1.5rem
  }

  .home-portfolio-wrap .home-portfolio.centered .content {
    padding: 0 1.5rem
  }

  .home-portfolio-wrap .home-portfolio.centered:nth-child(2n) .content {
    padding-left: 4rem
  }

  .home-portfolio-wrap .home-portfolio.centered:nth-child(2n) .image-wrap {
    padding-right: 1.5rem
  }

  .home-portfolio-card .bottom-card .left .card-image {
    margin-top: -11rem
  }

  .address {
    padding: 4.6rem 0 6rem;
    background-position: center center;
    background-size: contain
  }

  .address .box .content {
    max-width: 27rem;
    padding-top: 22rem
  }

  .address .box .content p {
    font-size: 1.2rem
  }

  .media-wrap .media.reverse .content::after {
    right: -18%
  }

  .services-top .box-wrap {
    margin-left: 4.5%;
    margin-right: 4.5%
  }

  .services-wrap .services {
    width: 57%;
    margin-left: 4%
  }

  .services-wrap .services:nth-child(2n) {
    margin-left: 38%
  }

  .iot-awards .award-details ul li .logos img,
  .service-menu-wrap .services-top .box-wrap .box img,
  .services-wrap .services .thumb img {
    transform: translate(-50%, -50%) scale(.65);
    -moz-transform: translate(-50%, -50%) scale(.65);
    -webkit-transform: translate(-50%, -50%) scale(.65)
  }

  .services-wrap .services .thumb::after {
    content: "";
    width: 6.5rem;
    height: 6.5rem;
    top: -.3rem;
    right: -.3rem
  }

  .service-menu-wrap .services-top .box-wrap .box {
    width: 10rem
  }

  .service-menu-wrap .services-top .box-wrap .box::after {
    width: 2rem;
    height: 2rem
  }

  .service-menu-wrap .services-top .box-wrap:hover .box::after {
    width: 7.84rem;
    height: 7.84rem
  }

  .service-case-study-wrap .service-case-study .content {
    flex: 0 0 52%;
    padding: 6.4rem 1.5rem 6.4rem 6.1rem
  }

  .service-case-study-wrap .service-case-study .content h2 {
    font-size: 2.25rem
  }

  .service-case-study-wrap .service-case-study .image {
    flex: 0 0 48%
  }

  .technologies-wrapper .technologies-inner {
    padding: 2.7rem 2.8rem 0
  }

  .technologies-wrapper .technologies-details .service-technologies-slider .item ul li {
    max-width: 8.05rem;
    padding: 0 .8rem
  }

  .about-image-banner .lets .left {
    width: 62%
  }

  .gallery .text {
    margin: 0 -15rem 3.35rem 1.125rem
  }

  .team-wrap .team-members .right .content p {
    font-size: 2.6rem
  }

  .about-img-banner .img-overlay img {
    max-width: 33.5rem
  }

  .iot-slider .iot-inner,
  .portfolio-mobile {
    max-width: 100%
  }

  .iot-card p {
    font-size: 1rem
  }

  .iot-awards .award-details>.text {
    padding-right: 3rem
  }

  .iot-awards .award-details ul li {
    margin: 0 .5rem 1.6rem;
    width: calc((100% - 3rem)/ 3)
  }

  .review-box .box p br,
  .services .col-3-section .content .grid-contnet p br {
    display: none
  }

  .services.services-wrap .services {
    width: 56%
  }

  .services.services-wrap .services:nth-child(2n) {
    margin-left: 44%
  }

  .services-header .top-banner .image {
    width: 22rem;
    margin: 0 auto 1.5rem
  }

  .service-portfolio .content {
    margin-top: 4.9rem
  }

  .project-strip-slider .owl-dots {
    left: 7%
  }

  .portfolio-mobile .image {
    max-width: 95%
  }

  .portfolio-about .text h2 {
    font-size: 3.5rem
  }

  .case-summary-details .image {
    margin-left: 12rem
  }

  .case-summary-details .row:nth-child(2n) .image {
    margin: -11.875rem 12rem 0 0 !important
  }

  .case-study-wireframe ul li {
    flex-basis: 34rem
  }

  .media-wrap-with-box .media .content .box {
    width: 27rem;
    margin-left: -3rem;
    padding: 2.5rem
  }

  .portfolio-summary-details .portfolio-summary-wrap .portfolio-summary .image {
    margin-right: 1rem
  }

  .portfolio-summary-details .portfolio-summary-wrap .portfolio-summary .right-box {
    margin-left: 3rem
  }

  .portfolio-summary-details .portfolio-strip {
    padding: 4.7rem 0 10rem
  }

  .portfolio-summary-details .portfolio-strip .container .left {
    width: 66%;
    padding-left: 3.5rem;
    padding-top: 2.8rem
  }

  .portfolio-summary-details .portfolio-strip .container .left .image {
    width: 5.2rem
  }

  .portfolio-summary-details .portfolio-strip .container .right {
    width: 34%
  }

  .portfolio-features .container .left .image img {
    width: 100%;
    margin: -9rem auto
  }

  .more-portfolio .col a {
    padding: 2.5rem 3.8rem
  }

  .more-portfolio .col .circle {
    width: 26rem;
    height: 26rem
  }

  .portfolio-banner-new.right-img .container .right .images {
    left: 24%
  }

  .more-portfolio-wrap .more-portfolio-item .image-wrap {
    flex: 0 0 50%;
    padding-left: 4rem
  }

  .more-portfolio-wrap .more-portfolio-item .image-wrap .image::before {
    padding-bottom: 80%
  }

  .more-portfolio-wrap .more-portfolio-item .image-wrap .content {
    flex: 0 0 50%;
    padding: 0 3rem
  }

  .tags {
    max-width: 715px
  }

  .service-category-row {
    flex-wrap: wrap
  }

  .service-category-row .box {
    flex: 0 1 calc(50% - 15px)
  }

  .review-box .box {
    padding: 2rem 1rem
  }

  .review-box .box h2 {
    font-size: 1.3rem
  }

  .full-menu .full-menu-inner .top .menu {
    max-width: 30rem
  }

  .full-menu .full-menu-inner .top .fullmenu-dropdown {
    left: 30rem;
    width: calc(100% - 30rem)
  }

  .top-shape {
    right: -535px
  }

  .site-footer .project-in-mind .container p {
    font-size: 3.8rem
  }

  .site-footer .footer-menu ul li {
    font-size: 1.8rem
  }

  .site-footer .footer-bottom {
    padding: 0 0 2rem
  }

  .site-header.menu-open {
    padding: 2rem 3.45rem
  }

  .site-header.menu-open .logo-menu {
    max-width: 12rem
  }

  .career-banner .container .content {
    padding: 1.5rem 0 1.5rem 4rem
  }
}

@media (max-width:85.375em) {
  html {
    font-size: 84%
  }

  .form-popup {
    width: 4.4rem;
    height: 4.4rem;
    right: 1.9rem
  }

  .site-header {
    padding: 2rem 3.45rem
  }

  .site-header .logo {
    max-width: 15rem
  }

  .modal .modal-wrapper.right-bottom {
    left: calc(98% - 370px);
    top: calc(98% - 560px)
  }

  .knowledge-cente-banner .image {
    max-width: 195px
  }
}

@media (max-width:74.9375em) {

  .address .container,
  .contact.media-wrap .container,
  .container,
  .content-with-img-wrap,
  .content-with-imgLottie-wrap,
  .content-with-video-wrap,
  .portfolio-image-banner .content.left {
    max-width: 960px
  }

  html {
    font-size: 80%
  }

  .media-wrap .media.reverse .content {
    padding-left: 0
  }

  .media-wrap .media.reverse .content::after {
    right: -18%
  }

  .col-4-list ul li {
    width: calc(25% - .5rem)
  }

  .col-3-list ul li {
    width: calc(33.3333333333% - .5rem)
  }

  .section .text p {
    max-width: 70rem;
    margin: 0 auto 1.25rem
  }

  .card-images {
    margin-left: 0;
    margin-right: 0
  }

  .card-images li img {
    transform: translate(-50%, -50%) scale(.9);
    -moz-transform: translate(-50%, -50%) scale(.9);
    -webkit-transform: translate(-50%, -50%) scale(.9)
  }

  .two-col-box .grid .col {
    width: calc(50% - 1rem);
    padding: 2.75rem 1rem
  }

  #cookie-law-info-bar {
    max-width: calc(100% - 200px);
    left: 100px
  }

  .form-popup {
    width: 4.6rem;
    height: 4.6rem;
    bottom: 2rem;
    right: 2rem
  }

  .form-popup img {
    max-width: 2.2rem
  }

  .home-portfolio-card .bottom-card .left h4,
  .title-uppercase p {
    font-size: 2.4rem
  }

  .mouse-cursor {
    display: none !important
  }

  .site-header .logo {
    max-width: 12rem
  }

  .site-header .nav {
    margin-left: 1.2rem
  }

  .site-header .nav .menu>li {
    margin: 0 .2rem
  }

  .site-header .nav .menu:first-child li:first-child {
    margin-left: 2rem;
    padding-left: .2rem
  }

  .site-header .nav .menu:first-child li:first-child::before {
    width: 2rem
  }

  .site-header .nav .menu:first-child li .sub-menu-wrap .menu-title {
    flex: 0 0 180px;
    margin-left: 0;
    margin-right: 0
  }

  .site-header .nav .menu:first-child li .sub-menu-wrap .sub-menu-dropdown {
    width: calc(100% - 190px)
  }

  .site-header .nav .menu:first-child li .sub-menu-wrap .sub-menu-dropdown>li {
    padding: 2rem 1rem
  }

  .site-header .nav .menu:first-child li .sub-menu-wrap .sub-menu-dropdown>li ul li a {
    margin: 0 0 5px
  }

  .portfolio-summary-details .portfolio-summary-wrap .heading::before,
  .site-header .nav .menu:last-child>li:last-child {
    margin-left: 1.5rem
  }

  .site-header .nav .menu:last-child>li:last-child::before {
    width: 1.5rem
  }

  .home-banner {
    height: calc(70vh - 7.5rem);
    position: relative
  }

  .home-banner.new .container {
    margin-left: 2.2rem;
    padding-bottom: 2rem
  }

  .home-banner.new .scroll-down {
    bottom: 8.45rem
  }

  .our-work-btn {
    text-align: right;
    margin-right: 5.6rem;
    margin-top: .5rem
  }

  .home-achievements .numbers-counter li {
    padding: 0 2rem
  }

  .home-achievements .numbers-counter li p {
    font-size: 1.4rem;
    letter-spacing: -.1rem
  }

  .home-achievements .numbers-counter li img,
  .team-wrap .team-members .right {
    width: 45%
  }

  .work-with .brands {
    padding: 2rem
  }

  .work-with .brands .text {
    padding: 4.5rem 0
  }

  .awards ul li .logos img {
    transform: translate(-50%, -50%) scale(.65);
    -moz-transform: translate(-50%, -50%) scale(.65);
    -webkit-transform: translate(-50%, -50%) scale(.65)
  }

  .insights-wrap .insights .post {
    width: calc(33.3333333333% - 1rem)
  }

  .insights-wrap .insights .post .content h4 {
    font-size: 1.5rem
  }

  .blog .blog-post.vertical .blog-listing .content p,
  .next-project .next-project-inner .content p {
    font-size: 1rem
  }

  .next-project .next-project-inner .box-group .box-grid .box {
    min-width: 13rem
  }

  .home-portfolio-wrap .animated-svg {
    top: -19rem
  }

  .home-portfolio-wrap .animated-svg.bottom,
  .new-home-banner.scroll-icon .scroll-down {
    bottom: -5rem
  }

  .home-portfolio-wrap .home-portfolio .image-wrap {
    flex: 0 0 48%;
    padding-left: 2rem
  }

  .home-portfolio-wrap .home-portfolio .content {
    flex: 0 0 52%;
    padding: 0 2rem
  }

  .home-portfolio-wrap .home-portfolio:nth-child(2n) .image-wrap {
    padding-left: 0;
    padding-right: 2rem
  }

  .home-portfolio-wrap .home-portfolio:nth-child(2n) .content {
    padding-left: 4rem;
    padding-right: 2rem
  }

  .home-portfolio-wrap .home-portfolio.centered {
    margin: 0 auto;
    max-width: 930px
  }

  .insights-matters-wrap .insights-matters {
    padding: 2.88rem 2.82rem 2.4rem
  }

  .insights-matters-wrap .insights-matters .box-wrap .box a {
    padding: 1.82rem 1.63rem 1.15rem
  }

  .blog .blog-post.vertical .blog-listing .content h3,
  .blog .blog-post.vertical .blog-listing .content h3 p,
  .insights-matters-wrap .insights-matters .box-wrap .box a .content,
  .services .col-3-section .content .grid-contnet p {
    font-size: 1.1rem
  }

  #whyiot .iot-card p br,
  .digital-product .container .right .box-wrap .box .content p br,
  .home-about .image-box .box .overlay-top .content ul,
  .home-animation-wrapper {
    display: none
  }

  .new-home-banner {
    min-height: 100%
  }

  .new-home-banner .container .caption .new-title,
  .new-home-banner .container .caption h1 {
    line-height: 1.25
  }

  .new-home-banner .homepage-video-wrap {
    height: 100%
  }

  .new-home-banner.scroll-icon {
    min-height: 100%;
    margin-bottom: 10rem
  }

  .home-portfolio-card .card-fullwidth {
    padding: 2rem 4.59rem
  }

  .home-portfolio-card .card-fullwidth h3 {
    font-size: 4.32rem
  }

  .home-portfolio-card .card-fullwidth h3 span {
    font-size: 11.88rem
  }

  .home-portfolio-card .bottom-card .left {
    flex: 0 1 37%;
    margin-right: 2rem
  }

  .home-portfolio-card .bottom-card .left h3 {
    font-size: 11.16rem
  }

  .home-portfolio-card .bottom-card .right h3 {
    font-size: 7.11rem
  }

  .home-portfolio-card .bottom-card .right .image::before {
    padding-bottom: 77%
  }

  .trusted-us .box-wrap .box h3 {
    font-size: 3.78rem
  }

  .blog .blog-post.vertical .blog-listing .image,
  .home-portfolio .box-wrap {
    flex: 0 0 24rem
  }

  .home-portfolio .box-wrap .box {
    max-width: 11.2rem;
    margin-right: 1.6rem;
    margin-bottom: 1.6rem
  }

  .home-portfolio .box-wrap .box:nth-child(2n) {
    margin-right: 0;
    transform: translateY(-2rem);
    -moz-transform: translateY(-2rem);
    -webkit-transform: translateY(-2rem)
  }

  .home-portfolio .single-portfolio {
    margin: 0 1.84rem;
    flex: 0 0 16.28rem
  }

  .whatTheySay-wrap .whatTheySay {
    max-width: 840px
  }

  .address .container .box .content p {
    font-size: 1.37rem
  }

  .team-wrap .team-members {
    flex-wrap: wrap
  }

  .team-wrap .team-members .left {
    width: 50%
  }

  .portfolio-summary-details .portfolio-strip .container .left h2,
  .portfolio-summary-details .portfolio-strip .container .left h3,
  .project-strip .container .left h2,
  .project-strip-slider .slider-wrap .container .left h2,
  .service-form-wrap .container .content .section-title h2,
  .team-wrap .team-members .right .content p {
    font-size: 2.2rem
  }

  .team-wrap.new .location.service ul li {
    margin-right: 6rem
  }

  .about-img-banner .img-overlay img {
    max-width: 29.5rem
  }

  .about-img-banner .content {
    top: 3rem;
    left: 3rem
  }

  .creating-industry .right .content {
    padding: 1.8rem 1rem
  }

  .creating-industry .text,
  .more-portfolio-wrap .more-portfolio-item .content p {
    font-size: 1.3rem
  }

  .our-impact-wrap .our-impact ul {
    margin: 0 -1rem
  }

  .our-impact-wrap .our-impact ul li {
    padding: 0 1rem 2rem
  }

  .our-impact-wrap .our-impact ul li .content {
    padding: 1.5rem;
    border-radius: 1.5rem
  }

  .our-impact-wrap .our-impact ul li .content .image {
    margin: 0 0 .5rem auto;
    width: 11rem
  }

  .our-impact-wrap .our-impact ul li .content p {
    font-size: 1.12rem
  }

  .believe-in .content {
    padding: 3.2rem 1rem 2rem;
    border-radius: 1.5rem
  }

  .iot-bottom-section,
  .iot-header .image,
  .schedule-meeting .schedule-form {
    width: 100%
  }

  .case-study-mobile .image,
  .iot-consulting,
  .iot-faq,
  .portfolio-mobile .image,
  .service-4-col .text p,
  .service-box .services-top,
  .services-header .text p {
    max-width: 100%
  }

  .service-case-study-wrap .service-case-study .content {
    flex: 0 0 54%;
    padding: 4.48rem 1.4rem 4.48rem 4.27rem
  }

  .service-case-study-wrap .service-case-study .content h2 {
    font-size: 2rem
  }

  .digital-product .container .left .section-title p,
  .service-case-study-wrap .service-case-study .content p {
    font-size: 1.3rem;
    line-height: 1.67
  }

  .service-case-study-wrap .service-case-study .image {
    flex: 0 0 46%
  }

  .digital-product .container .left .section-title h3 {
    margin: 2.6rem 0 1.2rem;
    font-size: 2.6rem
  }

  .service-strip.our-experts .container {
    padding-top: 5rem;
    padding-bottom: 5rem
  }

  .service-strip.our-experts .container .right {
    padding-right: 0
  }

  .technologies-wrapper .technologies-inner {
    padding: 2rem 2.1rem 0
  }

  .technologies-wrapper .technologies-inner .icons-top {
    position: static;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    margin-bottom: 1rem
  }

  .technologies-single {
    padding: 1.6rem 1.5rem 2.2rem
  }

  .services.services-wrap .services {
    margin-left: 0;
    width: 64%
  }

  .services.services-wrap .services:nth-child(2n) {
    margin-left: 36%
  }

  .services.services-technology.technology-stack .icon-list ul li {
    width: 14.2857142857%
  }

  .services-header.left {
    margin-left: 12rem
  }

  .review-box .box:nth-child(odd),
  .services-header.left .text p {
    margin-left: 0
  }

  .portfolio-testimonial .text p,
  .service-1-col .text p,
  .service-2-col .text p,
  .service-testimonial .text p,
  .we-did .text p {
    margin-left: 0;
    max-width: 100%
  }

  .service-2-col .grid .col {
    width: calc(50% - 2rem)
  }

  .service-testimonial .text p {
    font-size: 2.7rem
  }

  .service-portfolio .content {
    margin-left: 3rem;
    margin-top: 2rem
  }

  .project-strip-slider .owl-dots {
    left: 7%
  }

  .service-form-wrap .container .content .box {
    padding: 1.4rem 1.75rem
  }

  .design-col-3 .grid {
    gap: 0 1.8rem
  }

  .design-col-3 .grid .col {
    width: calc(33.3333333333% - 1.2rem);
    margin: 0 0 3rem
  }

  .services-technology.technology-stack .icon-list ul li p {
    margin-bottom: .5rem
  }

  .service-content .container .right .content-menu {
    padding: 2.4rem 3.4rem 2.12rem 2.4rem
  }

  .service-content .container .right .content-menu ul li {
    margin: 0 0 1.44rem
  }

  .service-colored-banner .container .left {
    flex: 0 0 53%;
    padding: 4.75rem 1.5rem 6.75rem 2rem
  }

  .service-colored-banner .container .right {
    flex: 0 0 47%
  }

  .service-colored-banner .container .right .image.center {
    right: -1.3rem;
    top: 1rem
  }

  .service-inner-banner .container {
    height: 100%;
    padding: 14.375rem 0 6rem
  }

  .portfolio-header.full-height {
    min-height: 100%;
    margin-bottom: 0;
    padding-bottom: 4rem
  }

  .portfolio-header.lallantop {
    padding-bottom: 18rem
  }

  .case-summary-details .summary-content {
    margin: 6.875rem 0 0 3.75rem
  }

  .case-summary-details .row:nth-child(2n)+.row .summary-content {
    margin: 18rem 0 0 3.75rem
  }

  .case-summary-details .row:nth-child(2n) .image {
    margin: -7rem 12rem 0 0 !important
  }

  .case-summary-details .row:nth-child(2n)+.row,
  .content-with-img-wrap .content-with-img:last-child,
  .content-with-img-wrap .content-with-img:nth-child(2n) {
    margin-top: -7rem
  }

  .case-summary-details.case-summary-teblet .row .summary-content {
    margin-top: 4rem
  }

  .case-summary-details.case-summary-teblet .row:nth-child(2n)+.row {
    margin-top: 3rem
  }

  .case-summary-details.case-summary-teblet .row:nth-child(2n)+.row .summary-content {
    margin: 4rem 0 0 4.875rem
  }

  .technology-stack .icon-list ul li {
    width: 13rem
  }

  .technology-stack .icon-list ul li::after {
    width: 2rem;
    top: calc(50% - 28.6px);
    border-top: 3px dashed #c3c3c3
  }

  .technology-stack .icon-list ul li::before {
    width: 2rem;
    top: calc(50% - 30.6px);
    height: 3px
  }

  .technology-stack .icon-list ul li:nth-child(5n+1)::after,
  .technology-stack .icon-list ul li:nth-child(5n+1)::before {
    content: none
  }

  .technology-stack .icon-list ul li:nth-child(7n+1)::after,
  .technology-stack .icon-list ul li:nth-child(7n+1)::before {
    content: ""
  }

  .portfolio-summary-details .portfolio-summary-wrap .portfolio-summary .image {
    flex: 0 0 22rem;
    width: 22rem;
    margin-right: .5rem
  }

  .portfolio-summary-details .portfolio-summary-wrap .portfolio-summary .verticle-text {
    font-size: 3.6rem;
    padding-bottom: 4rem
  }

  .portfolio-summary-details .portfolio-summary-wrap .portfolio-summary .right-box {
    margin-left: 2rem;
    padding: 4rem;
    margin-top: 7rem
  }

  .portfolio-summary-details .portfolio-strip {
    padding: 4.7rem 0 8rem
  }

  .portfolio-summary-details .portfolio-strip .container .left {
    width: 68%;
    padding-top: 2.2rem
  }

  .portfolio-summary-details .portfolio-strip .container .left .image {
    width: 4.5rem
  }

  .portfolio-summary-details .portfolio-strip .container .right {
    width: 32%
  }

  .portfolio-about-new .portfolio-testimonial-new .text h3,
  .portfolio-achievement h2 {
    font-size: 2.2rem;
    letter-spacing: -.12rem
  }

  .more-portfolio .col a .title,
  .more-portfolio .col a h2,
  .portfolio-about-new .portfolio-testimonial-new .text h2 {
    font-size: 3rem
  }

  .portfolio-about-new .portfolio-testimonial-new .text img {
    width: 5rem;
    top: .5rem
  }

  .portfolio-features,
  .portfolio-features.no-header {
    padding-top: 0
  }

  .portfolio-features .container .left {
    flex: 0 0 45%;
    width: 45%;
    padding-right: .5rem
  }

  .portfolio-features .container .left .image img {
    margin-top: 3rem;
    margin-bottom: 0
  }

  .portfolio-features .container .right {
    flex: 0 0 55%;
    width: 55%;
    padding-left: .5rem
  }

  .more-portfolio .col .image::before {
    padding-bottom: 65%
  }

  .more-portfolio .col a {
    padding: 1rem 1.5rem
  }

  .more-portfolio .col .circle {
    width: 25rem;
    height: 25rem
  }

  .technology-stack-new .icon-list-wrapper .icon-list ul li {
    width: 11rem
  }

  .portfolio-industry .col:nth-child(odd) {
    padding-left: 5.95rem
  }

  .portfolio-description .quote-text .image {
    left: -1rem
  }

  .portfolio-features-list .list .num {
    margin-left: 2rem;
    margin-right: 5rem
  }

  .portfolio-banner-new .container .left h2 {
    font-size: 2.8rem
  }

  .portfolio-banner-new.right-img .container .right .images {
    left: 20%
  }

  .portfolio-banner-new.right-img .container .right .images img {
    transform: translate(-50%, -50%) scale(1.2);
    -moz-transform: translate(-50%, -50%) scale(1.2);
    -webkit-transform: translate(-50%, -50%) scale(1.2)
  }

  .portfolio .portfolio-wrap .portfolio-box-wrap .content {
    padding-left: 1rem
  }

  .portfolio .portfolio-wrap .portfolio-box-wrap .content p {
    font-size: 1.15rem
  }

  .more-portfolio-wrap .more-portfolio-item .image-wrap {
    flex: 0 0 42%;
    padding-left: 1.5rem
  }

  .more-portfolio-wrap .more-portfolio-item .image-wrap .image::before {
    padding-bottom: 100%
  }

  .more-portfolio-wrap .more-portfolio-item .content {
    flex: 0 0 58%;
    padding: 0 2rem
  }

  .more-portfolio-wrap .more-portfolio-inner .carousel-nav .next,
  .more-portfolio-wrap .more-portfolio-inner .carousel-nav .prev {
    opacity: .3;
    margin-left: 0;
    margin-right: 0
  }

  .content-with-video-wrap .content-with-video:last-child,
  .content-with-video-wrap .content-with-video:nth-child(2n) {
    margin-top: -9rem
  }

  .portfolio-slider-wrapper .portfolio-slider .portfolio-slider-inner,
  .portfolio-slider-wrapper .text {
    max-width: 930px
  }

  .tripple-testimonial .media video {
    border-radius: 1.4rem
  }

  .latest-tends-blog .trends-list li {
    flex: 0 0 calc(50% - 1.8rem)
  }

  .knowledge-cente-banner .image {
    max-width: 160px
  }

  .review-box .box {
    width: calc(50% - 1rem);
    padding: 2rem
  }

  .review-box .box:nth-child(3n) {
    margin-right: .75rem
  }

  .review-box .box:nth-child(3n+1) {
    margin-left: .75rem
  }

  .review-box .box:nth-child(2n) {
    margin-right: 0
  }

  .top-shape {
    right: -489px;
    top: -548px
  }

  .view {
    line-height: 2;
    padding-right: 7.87rem
  }

  .site-header .header-inner #menu-toggle.open #cross span {
    background: #222
  }

  .full-menu .full-menu-inner .top .menu {
    max-width: 28rem
  }

  .full-menu .full-menu-inner .top .fullmenu-dropdown {
    left: 28rem;
    width: calc(100% - 28rem)
  }

  .career-banner .container .content {
    padding: 2rem 0 2rem 2.5rem
  }

  .career-banner .container .image {
    flex: 0 0 23%
  }

  .portfolio-list-wrap .portfolio-list.two-boxes .portfolio-card-wrap {
    width: calc(50% - 1.28rem);
    margin-bottom: 2.05rem
  }

  .portfolio-list-wrap .portfolio-list.three-boxes {
    justify-content: space-between;
    margin: 0
  }

  .portfolio-list-wrap .portfolio-list.three-boxes .portfolio-card-wrap {
    width: calc(50% - 1.28rem);
    margin-bottom: 2.05rem;
    padding: 0
  }

  .contact-experts-wrapper .contact-experts {
    padding: 2.65rem 3.15rem 0
  }
}

@media (max-height:46.875em) {
  .service-inner-banner .container {
    height: 100%;
    padding-top: 10.375rem;
    padding-bottom: 2rem
  }

  .new-home-banner.scroll-icon {
    margin-top: 6rem;
    margin-bottom: 6rem
  }

  .new-home-banner.scroll-icon .scroll-down {
    bottom: .5rem
  }
}

@media (max-height:34.375em) {
  .home-banner.new .container .caption.video-banner h1 {
    font-size: 6.2rem;
    line-height: .95;
    margin: 0 0 .5rem
  }

  .home-banner.new .container .caption.video-banner p {
    font-size: 1.8rem;
    line-height: 1.4
  }

  .home-banner.new .container .bottom {
    margin-bottom: 2rem;
    margin-top: 1rem
  }

  .new-home-banner.scroll-icon {
    min-height: 100%;
    margin-top: 4rem;
    margin-bottom: 4rem
  }

  .new-home-banner.scroll-icon .scroll-down {
    display: none
  }
}

@media (max-width:61.9375em) {

  .contact.media-wrap .container,
  .container,
  .content-with-img-wrap,
  .content-with-imgLottie-wrap,
  .content-with-video-wrap,
  .home-portfolio-wrap .home-portfolio.centered,
  .link-section,
  .portfolio-image-banner .content.left {
    max-width: 720px
  }

  html {
    font-size: 75%
  }

  body,
  html {
    cursor: default
  }

  .architecture-content-wrapper .architecture-content .content:first-child,
  .architecture-content-wrapper .architecture-content .content:nth-child(4),
  .full-menu .full-menu-inner .top .menu li:hover .fullmenu-dropdown,
  .home-banner.new .scroll-down,
  .iot-blog .blog-inner ul li:last-child,
  .knowledge-cente-banner .image,
  .portfolio-cta.portfolio-cta-border .cta-border img,
  .portfolio.service-case-study.col-3 .col-md-6:last-child,
  .scroll-downs,
  .service-case-study .col-md-6:last-child,
  .service-content .container .right,
  .service-details-banner.common-banner h1 br,
  .site-header .nav,
  .site-header.scrolled .logo-menu,
  .site-header.scrolled .nav,
  .tripple-testimonial .media .playpause-video.played:hover .pauseBtn,
  br {
    display: none
  }

  .career-box-wrap .box-wrap .box h3 br,
  .common-banner h1 br,
  .faq .accordion .accordion-item .accordion-inner p br,
  .home-banner .container h1 br,
  .new-home-banner .container .caption p br,
  .portfolio-banner h1 br,
  .portfolio.service-case-study .col-md-6:last-child,
  .review-box .box .name br,
  .service-wrap .entry-content br,
  .services-header .text p br,
  .site-header .header-inner #menu-toggle,
  .site-header.menu-open .logo-menu,
  .site-header.scrolled #menu-toggle,
  .site-header.scrolled.menu-open .logo-menu,
  .team-wrap .location ul li .box span br,
  .top-banner .container .caption h1 br {
    display: block
  }

  .row .col-lg-10,
  .row .col-lg-12,
  .row .col-lg-2,
  .row .col-lg-3,
  .row .col-lg-4,
  .row .col-lg-5,
  .row .col-lg-6,
  .row .col-lg-7,
  .row .col-lg-8,
  .row .col-lg-9,
  .row .col-md-12 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .app-store .col-3-section,
  .case-summary-details.case-summary-teblet .image,
  .col-3-list ul li:nth-child(odd),
  .col-4-list ul li:nth-child(odd),
  .customer-experience .box-wrap .box .content,
  .row .offset-lg-1,
  .row .offset-lg-2,
  .row .offset-lg-3,
  .service-center-content.left .text {
    margin-left: 0
  }

  .row .offset-md-1 {
    margin-left: 8.3333333333%
  }

  .row .offset-md-2 {
    margin-left: 16.6666666667%
  }

  .row .offset-md-3 {
    margin-left: 25%
  }

  .row .col-md-1 {
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%
  }

  .row .col-md-3 {
    flex: 0 0 25%;
    max-width: 25%
  }

  .row .col-md-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%
  }

  .row .col-md-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%
  }

  .row .col-md-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .row .col-md-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%
  }

  .row .col-md-8 {
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%
  }

  .row .col-md-9 {
    flex: 0 0 75%;
    max-width: 75%
  }

  .row .col-md-10 {
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%
  }

  .media-wrap .media .content {
    padding-left: 3rem;
    padding-top: 2.67rem
  }

  .industries-column-boxes li:nth-of-type(2n)::after,
  .media-wrap .media .content::after,
  .media-wrap .media.reverse .content::after,
  .technology-stack .icon-list ul li:nth-child(4n+1)::after,
  .technology-stack .icon-list ul li:nth-child(4n+1)::before {
    content: none
  }

  .media-wrap .media .content h4 {
    line-height: 1.1
  }

  .media-wrap .media.reverse .content {
    padding-left: 0;
    padding-right: 3rem
  }

  .three-column-boxes li {
    flex: 0 1 calc(50% - 0.8rem)
  }

  .blog .alm-reveal .blog-listing .content h2,
  .blog .alm-reveal .blog-listing .content h4,
  .blog .blog-post .blog-listing .content h2,
  .blog .blog-post .blog-listing .content h4,
  .col-3-list ul li:nth-child(2n),
  .col-4-list ul li:nth-child(2n),
  .home-services .card-wrap .card:nth-child(2n),
  .industries-column-boxes li:nth-of-type(2n),
  .iot-blog .blog-inner ul li:nth-child(2),
  .three-column-boxes li a .arrow {
    margin-right: 0
  }

  .two-col-box .grid .col {
    width: calc(50% - 1rem);
    margin: 0 0 4rem;
    padding: 1.93rem 3.78rem
  }

  .image-title,
  .link-section,
  .sub-title .text.center,
  .team-wrap .team-members .left .content .line img,
  .team-wrap .team-members .right .content .line img {
    margin: 0 auto
  }

  .site-header.scrolled .logo,
  .two-col-box .grid .col .top .image {
    max-width: 12rem
  }

  .link-section {
    padding-left: 15px;
    padding-right: 15px
  }

  .col-3-list ul,
  .col-4-list ul {
    flex-wrap: wrap;
    justify-content: flex-start
  }

  .col-3-list ul li,
  .col-4-list ul li,
  .design-col-3 .grid .col {
    width: calc(50% - 1rem)
  }

  .card-images li {
    margin: 0 1% 1rem;
    width: 23%
  }

  .services.home-banner .container .caption p,
  .sub-title .text {
    max-width: 48rem
  }

  .h2.light,
  .home-services.new .title-uppercase h2.light,
  .insta-feed .container .text h2,
  h2.light {
    font-size: 3.2rem
  }

  .insta-feed #sb_instagram #sbi_load {
    top: .5rem
  }

  .image-title {
    max-width: 60%
  }

  .blog-search .container .search-form .search-btn label,
  .portfolio .portfolio-wrap .portfolio-box-wrap .content p,
  .service-portfolio .content p,
  .technologies-wrapper .technologies-details .service-technologies-slider .item ul li .name {
    font-size: 1.25rem
  }

  .blog-search .container .search-form .search-btn label img {
    max-width: 1.65rem
  }

  .chip-wrap .chip {
    margin-right: 1rem;
    margin-bottom: 1.2rem;
    font-size: 1.1rem
  }

  .chip-wrap .chip img {
    width: 26px;
    height: 26px;
    margin-right: .5rem
  }

  .form-popup,
  .team-wrap .location ul li .box::after {
    width: 5rem;
    height: 5rem
  }

  .form-popup img {
    max-width: 2.5rem
  }

  .title-uppercase p {
    font-size: 2rem;
    max-width: 39rem
  }

  .title-uppercase.center p {
    margin: 0 auto 3rem
  }

  .chat-popup .chat-screen .chat-content {
    flex-wrap: wrap;
    overflow-y: unset
  }

  .chat-popup .chat-screen .chat-content .form-container,
  .digital-product .container .left,
  .digital-product .container .right,
  .service-form-wrap .container .service-form,
  .tripple-legacy .container .right {
    flex: 0 0 100%
  }

  .chat-popup .chat-screen .chat-content .form-address {
    flex: 0 0 100%;
    flex-direction: row;
    margin-top: 3rem
  }

  .chat-popup .chat-screen .chat-content .form-address .addresses {
    margin: 0;
    width: 33%
  }

  .industries-column-boxes li {
    flex: 0 1 calc(50% - 1.8rem);
    margin-right: 1.8rem;
    padding: 1.4rem 2.4rem 1.4rem 1.4rem
  }

  .industries-column-boxes li::after {
    right: calc(-.9rem - .5px)
  }

  .industries-column-boxes li:nth-of-type(3n) {
    margin-right: 1.8rem
  }

  .industries-column-boxes li:nth-of-type(3n)::after,
  .technology-stack .icon-list ul li:nth-child(5n+1)::after,
  .technology-stack .icon-list ul li:nth-child(5n+1)::before {
    content: ""
  }

  .case-summary-details.case-summary-teblet .row .summary-content,
  .home-services .box-wrap .box:last-child,
  .mt-md-2,
  .service-portfolio .row:nth-child(2n),
  .team-wrap .location ul li .box span {
    margin-top: 2rem
  }

  .mb-md-2 {
    margin-bottom: 2rem
  }

  .home-banner,
  .services.home-banner {
    min-height: 100%;
    height: 100%
  }

  .home-banner .container .caption {
    margin: 0 auto 6rem
  }

  .home-banner.new {
    min-height: 100%;
    height: 100%;
    margin-bottom: 10rem
  }

  .home-banner.new .container {
    height: 100%;
    padding-bottom: 0;
    margin-top: 18rem
  }

  .home-banner.new .container .caption,
  .knowledge-center {
    margin: 0 0 6rem
  }

  .home-banner.new .container .caption h1,
  .home-banner.new .container .caption.video-banner h1,
  .home-portfolio-card .bottom-card .right .title span {
    font-size: 5.2rem
  }

  .home-banner.new .container .caption.video-banner p {
    max-width: 37rem
  }

  .home-banner.new .container .icons {
    max-width: 100%;
    width: 100%;
    margin-bottom: 3rem;
    margin-top: 3rem;
    justify-content: center
  }

  .blog-home-banner .col-left,
  .blog-home-banner .col-right,
  .home-banner.new .container .icons .image {
    flex: 1 0 100%
  }

  .home-banner.new .container .bottom,
  .sticky-service-section .service-row {
    flex-direction: column
  }

  .home-achievements .numbers-counter li {
    padding: 0 .9rem
  }

  .design-logos .container .left,
  .home-achievements .numbers-counter li img {
    width: 60%
  }

  .insights-wrap .insights .post .content,
  .work-with .brands {
    padding: 1rem
  }

  .work-with .brands .text {
    padding: 2.5rem 0
  }

  .work-with .brands-1 {
    width: 100%;
    padding: 1rem 1.8rem
  }

  .work-with .brands-1 ul li {
    padding: .9rem .4rem
  }

  .digital-product .container,
  .home-portfolio-card .bottom-card,
  .life-ta .about-gallery,
  .next-project .next-project-inner,
  .portfolio-features .container,
  .service-form-wrap .container,
  .service-tool-wrapper .icon-list-wrapper,
  .team-wrap .team-members,
  .tripple-legacy .container {
    flex-wrap: wrap
  }

  .next-project .next-project-inner .content {
    max-width: 34rem;
    padding-bottom: 0
  }

  .next-project .next-project-inner .box-group .box-grid .box {
    max-width: 17rem;
    margin: 2.7rem auto 0
  }

  .insights-wrap .section-title.insight-title::before {
    font-size: 7rem;
    line-height: 1.4
  }

  .insights-wrap .insights .post {
    width: calc(50% - 1.5rem);
    margin-bottom: 3rem
  }

  .insights-wrap .insights .post .content h4 {
    font-size: 1.8rem;
    max-width: 24rem;
    margin-bottom: .5rem
  }

  .awards ul li {
    width: calc((100% - 3.75rem)/ 4);
    margin: 0 0 1.5rem
  }

  .awards ul li .logos img {
    transform: translate(-50%, -50%) scale(.5);
    -moz-transform: translate(-50%, -50%) scale(.5);
    -webkit-transform: translate(-50%, -50%) scale(.5)
  }

  .awards ul li .logos .text {
    padding: .8rem 1rem
  }

  .home-portfolio-wrap {
    padding-top: 3rem
  }

  .home-portfolio-wrap .home-portfolio .content {
    flex: 0 0 55%;
    padding: 0 1.5rem
  }

  .home-portfolio-wrap .home-portfolio .content h2 {
    font-size: 3.36rem
  }

  .believe-in .content .text,
  .home-portfolio-wrap .home-portfolio .content p,
  .home-services .card-wrap .card ul li,
  .leadership .designation,
  .our-impact-wrap .our-impact ul li .content p,
  .portfolio-about-new .about-col .about-col-3 p {
    font-size: 1.4rem
  }

  .home-portfolio-wrap .home-portfolio .image-wrap {
    flex: 0 0 45%;
    padding-left: 1.5rem
  }

  .home-portfolio-wrap .home-portfolio:nth-child(2n) .content {
    padding-left: 3rem;
    padding-right: 1.5rem
  }

  .content-with-imgLottie-wrap .content-with-img .media,
  .home-portfolio-wrap .home-portfolio:nth-child(2n) .image-wrap,
  .portfolio-industry .col:last-child {
    padding-right: 1.5rem
  }

  .home-portfolio-wrap .animated-svg {
    display: none;
    top: -21rem
  }

  .home-portfolio-wrap .animated-svg.bottom {
    bottom: -14rem
  }

  .home-about .title-uppercase.center p,
  .service-content .container .left .content p,
  .service-tool-wrapper .text {
    max-width: 100%
  }

  .home-about ul li .text-left span {
    font-size: 4.8rem;
    letter-spacing: -.1rem
  }

  .home-about ul li .text-left p {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: -.01rem;
    padding-right: .5rem;
    margin-top: .5rem
  }

  .insights-matters-wrap .insights-matters {
    padding: 2.3rem 2.25rem 1.92rem
  }

  .insights-matters-wrap .insights-matters .title-uppercase p {
    font-size: 2rem;
    max-width: 30rem
  }

  .insights-matters-wrap .insights-matters .box-wrap .box {
    width: calc(33.3333333333% - 1rem)
  }

  .insights-matters-wrap .insights-matters .box-wrap .box a {
    padding: 1.45rem 1.3rem .9rem
  }

  .insights-matters-wrap .insights-matters .box-wrap .box a .content,
  .review-box .box p {
    font-size: 1.1rem
  }

  .content-with-img-wrap.tripple-content-with-img .content-with-img .content,
  .full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li>ul,
  .new-home-banner .container .caption {
    padding-left: 0
  }

  .new-home-banner .container .caption .new-title,
  .new-home-banner .container .caption h1 {
    line-height: 1.35
  }

  .home-portfolio-card .card-fullwidth {
    padding: 3.2rem 2.5rem
  }

  .home-portfolio-card .bottom-card .left {
    flex: 1 1 27%;
    margin-right: 1rem
  }

  .home-portfolio-card .bottom-card .left .title span {
    font-size: 4.5rem
  }

  .home-portfolio-card .bottom-card .right .image {
    width: 100%;
    position: absolute
  }

  .home-portfolio-card .bottom-card .right .image::before {
    content: "";
    display: block;
    padding-bottom: 77.9%
  }

  .contact .contact-form,
  .schedule-meeting .schedule-form .contact-form,
  .trusted-us {
    padding: 0
  }

  .services.next-project .next-project-inner .content,
  .trusted-us .box-wrap .box p {
    max-width: 42rem
  }

  .trusted-us .box-wrap .box:first-child {
    flex: 0 0 100%;
    padding: 0 0 2rem;
    border-right: 0
  }

  .trusted-us .box-wrap .box:nth-child(14),
  .trusted-us .box-wrap .box:nth-child(2),
  .trusted-us .box-wrap .box:nth-child(8) {
    border-left: 1px solid rgba(34, 34, 34, .2)
  }

  .trusted-us .box-wrap .box:nth-child(2),
  .trusted-us .box-wrap .box:nth-child(3) {
    border-top: 0
  }

  .trusted-us .box-wrap .box:nth-child(10),
  .trusted-us .box-wrap .box:nth-child(4) {
    border-left: 0
  }

  .architecture-content-wrapper .title-playfair,
  .home-services .box-wrap .box,
  .portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box,
  .portfolio-about-new .about-col .about-col-3,
  .technologies-wrapper {
    margin: 0 0 2rem
  }

  .home-services .box-wrap .box:nth-child(2n) {
    transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -webkit-transform: translateY(2rem)
  }

  .home-services .card-wrap .card {
    width: calc(50% - 1.125rem);
    margin-bottom: 1.5rem
  }

  .home-services.new .box-wrap {
    margin: 8.6rem 0 0
  }

  .home-portfolio .single-portfolio {
    margin: 0 1.5rem;
    flex: 0 0 13.83rem
  }

  .full-view-wrap .slider-wrap .box,
  .home-portfolio .box-wrap {
    flex: 0 0 20rem
  }

  .home-portfolio .box-wrap .box {
    max-width: 9.4rem;
    margin-right: 1.1rem;
    margin-bottom: 1.3rem
  }

  .home-portfolio .box-wrap .box:nth-child(2n) {
    margin-right: 0;
    transform: translateY(-1.3rem);
    -moz-transform: translateY(-1.3rem);
    -webkit-transform: translateY(-1.3rem)
  }

  .header-top {
    padding: .5rem 3.45rem
  }

  .whatTheySay-wrap {
    padding: 7.5rem 0
  }

  .whatTheySay-wrap .whatTheySay {
    max-width: 615px;
    padding: 0 30px
  }

  .whatTheySay-wrap .whatTheySay .quote-img.left {
    left: -30px
  }

  .whatTheySay-wrap .whatTheySay .quote-img.right {
    right: -30px
  }

  .whatTheySay-wrap .whatTheySay::before {
    border-width: 53px 53px 0 0;
    left: 63px
  }

  .whatTheySay-wrap .whatTheySay::after {
    border-width: 60px 60px 0 0;
    left: 60px
  }

  .whatTheySay-wrap .whatTheySay .owl-dots {
    top: calc(100% + 2rem)
  }

  .whatTheySay-wrap .whatTheySay .owl-dots button.owl-dot {
    width: 1rem;
    height: 1rem;
    margin: 0 .3rem
  }

  .portfolio-image-banner .content.left h1 {
    max-width: 43rem
  }

  .portfolio-banner {
    height: calc(45vh - 7.5rem)
  }

  .portfolio-image-banner {
    height: 60vh;
    margin-bottom: 2rem
  }

  .portfolio-image-banner .video::after {
    padding-bottom: 60vh
  }

  .portfolio-image-banner .content {
    max-width: 51rem
  }

  .portfolio-image-banner .content .logo,
  .site-header .logo {
    max-width: 15rem
  }

  .portfolio-header.portfolio-header-full .text h1 {
    max-width: 52rem
  }

  .portfolio-header.lallantop {
    padding-bottom: 14rem
  }

  .portfolio-about .content {
    max-width: 54rem;
    margin-left: auto;
    margin-right: auto
  }

  .we-did .content .image {
    max-width: 16rem;
    margin: 0 1.5rem
  }

  .we-did .content .image-tablet {
    max-width: 22.67rem;
    width: 100%;
    margin: 0 2.5rem
  }

  .case-summary-details .image {
    margin-left: 2rem
  }

  .case-summary-details .summary-content {
    margin: 6.875rem 0 0
  }

  .case-summary-details .row:nth-child(2n) .image {
    margin: -6rem 2rem 0 0 !important
  }

  .case-summary-details .row:nth-child(2n)+.row {
    margin-top: -6rem
  }

  .case-summary-details .row:nth-child(2n)+.row .summary-content {
    margin: 12rem 0 0
  }

  .case-summary-details.case-summary-teblet .row:nth-child(2n) .image {
    margin: 0 !important
  }

  .case-summary-details.case-summary-teblet .row:nth-child(2n)+.row .summary-content {
    margin: 2rem 0 0
  }

  .case-summary-details.case-summary-landscape .image {
    margin-right: 0;
    margin-top: 3rem
  }

  .case-summary-details.case-summary-landscape .row:nth-child(2n) .image {
    margin: 3rem 0 0 !important
  }

  .technology-stack .icon-list ul li,
  .technology-stack-new .icon-list-wrapper .icon-list ul li {
    width: 9.58rem
  }

  .technology-stack .icon-list ul li::after,
  .technology-stack .icon-list ul li::before {
    width: 2rem
  }

  .technology-stack .icon-list ul li p {
    font-size: 1.1rem;
    font-weight: 600
  }

  .column-5 .image-wrap li {
    margin: 0 .5rem
  }

  .case-study-awards .awards-logo li {
    margin: 0 1.5rem 1.25rem
  }

  .portfolio-icon-center ul li {
    margin: 0 1.5rem
  }

  .portfolio.service-case-study.col-3 .service-box .detail {
    padding: .8rem 1.5rem
  }

  .portfolio.service-case-study.col-3 .service-box .detail h3 {
    font-size: 1.6rem;
    letter-spacing: 0
  }

  .portfolio.media-wrap .media .content {
    padding-top: 0
  }

  .portfolio .portfolio-wrap .portfolio-box-wrap .content .small {
    font-size: 1rem
  }

  .portfolio-col-3-wrap .portfolio-col-3 .content {
    padding: 0 0 2.7rem
  }

  .portfolio-col-3-wrap .portfolio-col-3 .content p {
    font-weight: 400
  }

  .case-study-wireframe ul li {
    flex-basis: 24rem
  }

  .portfolio-about .text h2,
  .service-center-content {
    margin: 10rem 0
  }

  .media-wrap-with-box .media .content {
    width: 20rem
  }

  .media-wrap-with-box .media .content .box {
    width: 22rem;
    margin-left: -2rem;
    padding: 2rem
  }

  .believe-in .content .title,
  .media-wrap-with-box .media .content p {
    font-size: 1.8rem
  }

  .media-wrap-with-box .media.reverse .content .box {
    width: 22rem;
    margin-right: -2rem
  }

  .portfolio-banner-new .container .left {
    flex: 0 0 58%;
    width: 58%
  }

  .portfolio-banner-new .container .left h1 {
    font-size: 1.4rem;
    margin: 0 0 1.25rem
  }

  .portfolio-banner-new .container .left h1::before {
    width: 3rem
  }

  .portfolio-banner-new .container .left h2 {
    line-height: 1.29;
    letter-spacing: -.17rem
  }

  .portfolio-banner-new .container .right {
    flex: 0 0 42%;
    width: 42%
  }

  .portfolio-banner-new .container .bottom ul::before {
    width: 3rem;
    margin-right: 1.5rem
  }

  .portfolio-banner-new .container .bottom ul li p {
    font-size: 1.2rem;
    margin: 0 2rem 1.5rem 0
  }

  .portfolio-banner-new .container.fullHeight {
    min-height: 100%;
    margin-bottom: 4rem
  }

  .portfolio-banner-new.right-img .container .left,
  .portfolio-banner-new.right-img .container .right {
    flex: 0 0 50%;
    width: 50%
  }

  .h3.light,
  .portfolio-about-new .section-title h2,
  .portfolio-summary-details .description h2,
  .site-footer .project-in-mind .container p.light,
  h3.light {
    font-size: 2.8rem
  }

  .portfolio-about-new .portfolio-testimonial-new {
    padding: 4rem 0 7.4rem
  }

  .portfolio-about-new .portfolio-testimonial-new .text {
    padding: 2rem 0 0 3rem
  }

  .portfolio-about-new .portfolio-testimonial-new .text img,
  .portfolio-summary-details .portfolio-strip .container .left .image {
    width: 4rem;
    top: 0
  }

  .portfolio-about-new .portfolio-testimonial-new .text h2 {
    font-size: 2.4rem;
    letter-spacing: -.1rem
  }

  .portfolio-about-new .portfolio-testimonial-new .text h3 {
    font-size: 2rem;
    letter-spacing: -.05rem;
    max-width: 43rem
  }

  .portfolio-summary-details .count {
    font-size: 10rem;
    left: -3rem
  }

  .life-ta .section-title,
  .portfolio-summary-details .description {
    max-width: 45rem
  }

  .portfolio-summary-details .fullImg-box {
    margin: 0 0 7rem
  }

  .portfolio-summary-details .text-with-margin-left {
    margin-left: 4rem;
    margin-bottom: 6rem;
    padding-left: 3rem;
    font-size: 2.4rem;
    line-height: 1.5;
    max-width: 40rem
  }

  .portfolio-summary-details .portfolio-summary-wrap .heading::before {
    margin-left: .5rem
  }

  .portfolio-summary-details .portfolio-summary-wrap .portfolio-summary .image {
    flex: 0 0 17rem;
    width: 17rem
  }

  .portfolio-summary-details .portfolio-summary-wrap .portfolio-summary .verticle-text {
    font-size: 3.2rem;
    padding-bottom: 3rem
  }

  .portfolio-summary-details .portfolio-summary-wrap .portfolio-summary .right-box {
    padding: 2.5rem;
    margin-top: 5rem
  }

  .portfolio-summary-details .portfolio-summary-wrap .portfolio-summary .right-box p {
    margin: 0 0 2.5rem
  }

  .portfolio-summary-details .portfolio-strip {
    padding: 4rem 0 8rem
  }

  .portfolio-summary-details .portfolio-strip .container .left {
    width: 62%;
    padding-left: 3rem;
    padding-top: 2rem
  }

  .portfolio-summary-details .portfolio-strip .container .left h2 {
    font-size: 2rem;
    letter-spacing: -.05rem
  }

  .portfolio-summary-details .portfolio-strip .container .right {
    width: 38%
  }

  .portfolio-summary-details .portfolio-strip .container .right .image {
    max-width: 19rem;
    top: 2rem
  }

  .portfolio-summary-details .content-with-icon {
    margin: 0 0 3rem 3rem
  }

  .portfolio-summary-details .content-with-icon .image {
    flex: 0 0 5rem;
    width: 5rem;
    margin-right: 2rem
  }

  .portfolio-achievement {
    padding: 6.8rem 0 7rem
  }

  .portfolio-achievement h2 {
    font-size: 2rem !important;
    letter-spacing: -.05rem
  }

  .portfolio-achievement h2 img {
    width: 4rem;
    top: 1rem;
    left: 1rem
  }

  .portfolio-description .text h2 {
    max-width: 38rem;
    margin: 0 auto
  }

  .portfolio-description .quote-text {
    padding-left: 1.15rem;
    padding-top: 2.1rem
  }

  .portfolio-description .quote-text .image {
    width: 4rem
  }

  .portfolio-features .container .left {
    flex: 0 0 100%;
    width: 100%;
    padding-right: 0;
    margin: 0 0 2.5rem
  }

  .portfolio-features .container .left .image img {
    width: 45%;
    margin: 0 auto
  }

  .portfolio-features .container .right {
    flex: 0 0 100%;
    width: 100%;
    padding-left: 0
  }

  .more-portfolio .col .image::before {
    padding-bottom: 70%
  }

  .more-portfolio .col .text {
    font-size: 2.1rem
  }

  .more-portfolio .col a .title,
  .more-portfolio .col a h2 {
    font-size: 2.7rem;
    margin: 0 0 .5rem
  }

  .more-portfolio .col a .text {
    line-height: 1.4;
    margin: 0 0 .5rem
  }

  .more-portfolio .col .circle {
    width: 19rem;
    height: 19rem
  }

  .portfolio-header.portfolio-header-full {
    margin: 2rem 0 8rem;
    min-height: 100%
  }

  .portfolio-header-new {
    min-height: 100%;
    margin: 2rem 0 10rem
  }

  .portfolio-header-new .content h1 {
    max-width: 54rem
  }

  .portfolio-industry {
    padding: 0 0 7rem
  }

  .portfolio-industry .col:nth-child(odd) {
    padding: 1.6rem 3rem
  }

  .portfolio-industry .col h2,
  .portfolio-industry .col p {
    margin: 0 0 1rem
  }

  .portfolio-industry .portfolio-strip {
    padding: 5rem 0 4.6rem;
    margin: 0 0 4.5rem
  }

  .portfolio-industry .portfolio-strip .container .left .image {
    max-width: 22rem;
    top: 10%
  }

  .technology-stack-new .icon-list-wrapper .icon-list ul li p {
    font-weight: 600;
    font-size: 1.1rem
  }

  .portfolio-video-wrap.full-width .video::after {
    padding-bottom: 56.25%
  }

  .architecture-content-wrapper .architecture-content .content,
  .our-impact-wrap .our-impact ul li {
    width: 50%
  }

  .content-with-img-wrap .content-with-img .content,
  .full-menu .full-menu-inner .top .fullmenu-dropdown>ul {
    padding-left: 5rem
  }

  .content-with-img-wrap .content-with-img:last-child,
  .content-with-img-wrap .content-with-img:nth-child(2n) {
    margin-top: -4rem
  }

  .content-with-video-wrap .content-with-video:last-child,
  .content-with-video-wrap .content-with-video:nth-child(2n) {
    margin-top: -7rem
  }

  .content-with-imgLottie-wrap .content-with-img .media .image {
    width: 11.5rem
  }

  .content-with-imgLottie-wrap .content-with-img .media .lottie {
    width: 16rem
  }

  .portfolio-slider-wrapper .portfolio-slider .portfolio-slider-inner,
  .portfolio-slider-wrapper .text {
    max-width: 690px
  }

  .tripple-legacy .container .left {
    flex: 0 0 100%;
    margin: 0 0 2rem
  }

  .tripple-testimonial .media .playpause-video.played:hover {
    background: 0 0
  }

  .address p {
    max-width: 50rem;
    margin: 0 auto
  }

  .address .box .content {
    max-width: 22rem;
    padding-top: 14rem
  }

  .contact.top-banner .container .caption {
    max-width: 34.4rem
  }

  .contact-img-banner::before {
    padding-bottom: 47.2%
  }

  .top-shape {
    right: -556px;
    top: -520px
  }

  .right-shape {
    top: -316px;
    right: -241px;
    width: 45rem
  }

  .blog .alm-reveal .blog-listing,
  .blog .blog-post .blog-listing {
    flex-basis: 50%;
    width: 50%
  }

  .service-category-section .service-category-row .box {
    flex: 0 0 calc(50% - 1.8rem)
  }

  .reliable .text-top {
    width: 66%
  }

  .border-red-left {
    padding-left: 20px
  }

  .services-top .box-wrap {
    margin-left: 4%;
    margin-right: 4%
  }

  .services-top .box-wrap .box {
    width: 10.4rem
  }

  .services-top .box-wrap .box img,
  .services-wrap .services .thumb img {
    transform: translate(-50%, -50%) scale(.6);
    -moz-transform: translate(-50%, -50%) scale(.6);
    -webkit-transform: translate(-50%, -50%) scale(.6)
  }

  .services-top .box-wrap .box::after {
    top: 1.5rem;
    right: 1.5rem
  }

  .achieve .box-wrap .box .content p.large,
  .pikmykid-num-box .box-wrapper .box p,
  .services-top .box-wrap h4 {
    font-size: 1.5rem
  }

  .services-wrap .services {
    width: 71%;
    margin-left: 0
  }

  .services-wrap .services:nth-child(2n),
  .services.services-wrap .services:nth-child(2n) {
    margin-left: 29%
  }

  .service-menu-wrap .services-top .box-wrap .box {
    width: 7.6rem
  }

  .service-menu-wrap .services-top .box-wrap .box img {
    transform: translate(-50%, -50%) scale(.48);
    -moz-transform: translate(-50%, -50%) scale(.48);
    -webkit-transform: translate(-50%, -50%) scale(.48)
  }

  .service-menu-wrap .services-top .box-wrap .line {
    transform: translate(-3.4rem, .3rem) scale(.45);
    -moz-transform: translate(-3.4rem, .3rem) scale(.45);
    -webkit-transform: translate(-3.4rem, .3rem) scale(.45)
  }

  .service-case-study-wrap .service-case-study .content {
    flex: 0 0 54%;
    padding: 2.68rem .9rem 2.68rem 2.56rem
  }

  .service-testimonial .title {
    padding-left: 5rem;
    position: relative
  }

  .service-testimonial .title img {
    left: 1rem
  }

  .digital-product .container .left .section-title p {
    font-size: 1.4rem;
    margin: 0 0 1.5rem
  }

  .achieve .box-wrap .box .content p,
  .digital-product .container .right .box-wrap .box .content p,
  .full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li>ul>li,
  .technologies-single p.small {
    font-size: 1.2rem
  }

  .three-column-boxes li p {
    font-size: 1.2rem;
    line-height: 1.67
  }

  .technologies-wrapper .technologies-inner .row .col-lg-7 {
    order: 2
  }

  .technologies-wrapper .technologies-inner .row .technologies-image {
    max-width: 500px;
    margin: 0 auto 3rem
  }

  .technologies-wrapper .technologies-details p {
    font-size: 1.6rem
  }

  .technologies-single-wrapper {
    margin-top: 2rem;
    display: flex;
    justify-content: space-between
  }

  .technologies-single-wrapper .technologies-single {
    flex: 0 0 auto;
    width: calc(50% - 1rem)
  }

  .customer-experience .box-wrap .box .content p:last-child,
  .service-colored-banner .container .left .section-title,
  .service-colored-banner .container .left .section-title p,
  .technologies-single-wrapper .technologies-single:not(:last-of-type) {
    margin: 0
  }

  .technologies-single .text {
    font-size: 1.8rem;
    margin: 0 0 1.6rem
  }

  .get-in-touch-section .get-in-touch .para {
    font-size: 28px
  }

  .featured-on li {
    width: 22%;
    border-radius: 1.4rem
  }

  .featured-on:first-of-type {
    margin-left: 3rem
  }

  .featured-on:nth-of-type(2) {
    margin-right: 3rem
  }

  .about-banner.common-banner .container .caption {
    margin: 6rem auto 12rem
  }

  .about-image-banner .image-wrap {
    margin-left: 3rem;
    width: calc(100% - 3rem)
  }

  .about-image-banner .lets {
    flex-wrap: wrap;
    margin-right: 0
  }

  .about-image-banner .lets .left,
  .team-wrap .team-members .left,
  .team-wrap .team-members .right {
    width: 100%
  }

  .about-image-banner .lets .right {
    margin-top: 1rem;
    margin-left: auto
  }

  .clients-wrap .clients {
    margin-left: 0;
    margin-right: 0
  }

  .team-wrap .location ul li .box {
    width: 16rem;
    border-radius: 1.8rem
  }

  .team-wrap .location ul li .box .title {
    top: 1.8rem !important
  }

  .team-wrap .location ul li .box img {
    bottom: -2.5rem
  }

  .team-wrap .location ul li .box.green .title {
    max-width: 9.29rem
  }

  .team-wrap .location ul li .box.yellow .title {
    max-width: 7.56rem
  }

  .team-wrap .location ul li .box.yellow::after {
    right: 2rem
  }

  .team-wrap .location ul li .box.cyan .title {
    max-width: 10rem;
    top: 1.4rem !important
  }

  .team-wrap.new .location ul li .box.yellow img {
    width: 7.4rem
  }

  .team-wrap.new .location ul li .box.cyan img {
    width: 6rem
  }

  .team-wrap.new .location ul li .box.cyan::after {
    top: 7.5rem;
    right: 3.5rem
  }

  .team-wrap.new .location.service ul li {
    width: 16rem;
    margin-right: 3rem
  }

  .team-wrap.new .location.service ul li .box {
    flex-wrap: nowrap
  }

  .team-wrap.new .location.service ul li .box img {
    bottom: -3rem !important;
    width: 8rem !important
  }

  .team-wrap .team-members .left .content,
  .team-wrap .team-members .right .content {
    text-align: center
  }

  .team-wrap .team-members .left .content p,
  .team-wrap .team-members .right .content p {
    font-size: 2.6rem
  }

  .about-img-banner .img-overlay {
    bottom: auto;
    top: 24rem
  }

  .about-img-banner .img-overlay img {
    max-width: 22rem
  }

  .about-img-banner .content {
    position: static;
    font-size: 1.8rem;
    color: #000;
    max-width: 100%;
    text-align: center;
    margin-top: 3rem;
    font-weight: 100
  }

  .life-ta .about-gallery .box-wrap:first-child {
    width: 31%;
    margin-top: 5rem
  }

  .life-ta .about-gallery .box-wrap:nth-child(2) {
    width: 25%;
    margin-top: 0
  }

  .life-ta .about-gallery .box-wrap:nth-child(3) {
    width: 39%;
    margin-right: 0;
    margin-top: 8.6rem
  }

  .life-ta .about-gallery .box-wrap:last-child {
    width: 100%;
    margin: 0 auto;
    flex-wrap: wrap
  }

  .life-ta .about-gallery .box-wrap:last-child .box:first-child {
    width: 31%;
    margin-top: -6.8rem
  }

  .life-ta .about-gallery .box-wrap:last-child .box:nth-child(2) {
    width: 33%
  }

  .life-ta .about-gallery .box-wrap:last-child .box:last-child {
    width: 32%
  }

  .life-ta .about-gallery .box-wrap.single:nth-child(2) {
    width: 25%;
    margin-top: 15.4rem
  }

  .life-ta .about-gallery.gallery-2 .box-wrap:last-child .box:last-child {
    width: 50%;
    margin-top: 0
  }

  .apcy-image {
    margin: 0 0 8rem;
    width: 100%;
    position: relative
  }

  .apcy-image::before {
    content: "";
    display: block;
    padding-bottom: 34.4%
  }

  .apcy-image img {
    left: 68%
  }

  .our-impact-wrap .our-impact ul li .content .image {
    margin: 0 0 1rem auto;
    width: 13rem
  }

  .leadership .name {
    font-size: 1.6rem;
    margin: 0 0 .5rem
  }

  .featured-on.new:first-of-type li,
  .featured-on.new:nth-of-type(2) li:nth-child(2n) {
    width: calc(22% - .8rem)
  }

  .featured-on.new:first-of-type li:nth-child(2n),
  .featured-on.new:nth-of-type(2) li {
    width: calc(15% - .8rem)
  }

  .iot-card {
    padding: 2.5rem 0 2.81rem;
    max-width: 85%
  }

  .iot-blog .blog-inner ul li {
    width: calc(50% - 1.68rem)
  }

  .iot-consulting ul li::after,
  .iot-consulting ul li::before {
    width: 3.37rem
  }

  .iot-bottom-section {
    padding: 1.87rem
  }

  .iot-bottom-section h2 {
    font-size: 2.5rem;
    margin: 0 0 4.37rem;
    max-width: 36.25rem
  }

  .iot-faq {
    max-width: 80%
  }

  .services.services-wrap .services {
    width: 71%
  }

  .services.services-technology.technology-stack .icon-list ul li {
    width: 20%
  }

  .app-store .col-3-section .content {
    flex: 0 0 40%
  }

  .app-store .col-3-section .content:first-child {
    flex: 0 0 60%
  }

  .service-logo-wrap ul li {
    max-width: 25%
  }

  .service-1-col .text,
  .service-2-col .text,
  .service-4-col .text {
    max-width: 46rem
  }

  .service-4-col .col-4-list {
    padding: 4.15rem 0 1.15rem
  }

  .service-4-col .col-4-list ul li {
    margin-bottom: 3rem
  }

  .service-4-col .col-4-list ul li .card {
    max-width: 20rem
  }

  .service-1-col .text h2 span,
  .service-2-col .text h2 span {
    display: inline
  }

  .service-1-col .grid {
    margin-left: 4rem
  }

  .service-1-col .grid .col {
    width: 70%
  }

  .service-center-content .text {
    max-width: 52rem;
    margin: 0 auto
  }

  .service-center-content.service-logo .text {
    margin: 0 auto 5rem
  }

  .service-portfolio .content,
  .service-portfolio .row:nth-child(2n) .content {
    margin-top: 3rem
  }

  .service-box .services-top .box-wrap,
  .service-portfolio .content {
    margin-left: 1rem;
    margin-right: 1rem
  }

  .service-portfolio .image-wrap {
    padding: 2rem 3rem
  }

  .h4,
  .service-portfolio .content h3,
  h4 {
    font-size: 2.4rem
  }

  .service-box .services-top .box-wrap h3 {
    font-size: 1.2rem;
    transform: translateX(-1.2rem);
    -moz-transform: translateX(-1.2rem);
    -webkit-transform: translateX(-1.2rem)
  }

  .service-3-col .grid .col {
    width: calc(33.3333333333% - .8rem);
    padding: 2rem 1rem 1rem
  }

  .design-logos .container .right {
    width: 38%;
    margin-left: 2%
  }

  .design-team.sub-title .text {
    max-width: 35rem
  }

  .design-team .design-team-inner .image-group .image-grid .image {
    width: 21rem
  }

  .full-view-wrap .slider-wrap {
    padding: 1.5rem;
    min-height: 24rem
  }

  .our-experts .container .left {
    padding-left: 3rem
  }

  .our-experts .container .right {
    padding-right: 0
  }

  .design-col-3 .grid {
    gap: 0 2rem
  }

  .service-tool-wrapper .text h2 {
    max-width: 42rem;
    width: 100%
  }

  .service-tool-wrapper .service-tool {
    padding: 3rem 1.5rem 1.5rem
  }

  .service-tool-wrapper .icon-list-wrapper .icon-list {
    width: 100%;
    margin: 0;
    padding: 0
  }

  .service-tool-wrapper ul li {
    width: 25%;
    padding: 0 .5rem
  }

  .service-tool-wrapper ul li p {
    font-size: 1.125rem
  }

  .project-strip-slider .owl-dots {
    left: 11%
  }

  .service-form-wrap .container .content {
    flex: 0 0 100%;
    padding-right: 0;
    margin: 0 0 3rem
  }

  .service-form-wrap .container .content .section-title h2 {
    max-width: 41rem
  }

  .service-form-wrap .container .content .box {
    padding: 2.5rem 2em
  }

  .service-form-wrap .container .service-form.pdf-form {
    margin-top: 0
  }

  .service-details-banner.common-banner .container .caption {
    margin: 5rem auto 8rem
  }

  .service-details-banner.common-banner.video-banner {
    min-height: 100%;
    height: 100%;
    padding-top: 8rem
  }

  .service-content .container .left {
    flex: 0 0 100%;
    padding-right: 0
  }

  .service-colored-banner .container .left {
    flex: 0 0 100%;
    order: 2;
    padding: 2rem 2rem 4rem
  }

  .service-colored-banner .container .right {
    flex: 0 0 100%;
    margin: 0 0 3.5rem;
    padding-left: 0
  }

  .service-colored-banner .container .right .image,
  .service-colored-banner .container .right .lottie-wrapper {
    margin: 2rem auto 0
  }

  .service-colored-banner .container .right .image.center {
    right: 0;
    top: 2rem;
    width: 100%;
    margin: 0
  }

  .service-colored-banner .container .right .image.center img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
  }

  .service-colored-banner .container .right .image.bottom {
    top: 2rem;
    width: 100%;
    margin: 0
  }

  .service-colored-banner .container .right .image.bottom img {
    top: 50%;
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
  }

  .service-tool-single .text {
    margin: 0 0 4rem
  }

  .service-inner-banner .container {
    padding-top: 14.375rem;
    padding-bottom: 6rem
  }

  .career .career-post .career-listing,
  .knowledge-center .knowledge-center-post .knowledge-center-listing {
    padding: 0 5px
  }

  .career-banner .container .image {
    flex: 0 0 34%
  }

  .career-box-wrap .box-wrap .box {
    width: calc(50% - 1rem);
    margin: 0 0 2rem;
    padding: 2rem 1rem
  }

  .career-box-wrap .box-wrap .box .image {
    max-width: 6.5rem;
    margin-right: .2rem
  }

  .career-slider-wrap .owl-dots {
    bottom: 1.5rem
  }

  .customer-experience .box-wrap .box {
    width: 100%;
    margin: 0 0 2.5rem
  }

  .h1,
  h1 {
    font-size: 4.4rem
  }

  .h1.light,
  h1.light {
    font-size: 3.8rem
  }

  .h1.small,
  h1.small {
    font-size: 3rem;
    letter-spacing: -.1rem;
    line-height: 1.33
  }

  .h2.small,
  h2.small {
    font-size: 2.2rem;
    letter-spacing: -.05rem
  }

  .site-footer .footer-bottom .container .all-rights {
    width: 100%;
    order: 2
  }

  .site-footer .footer-bottom .container .all-rights p {
    font-size: 1.125rem;
    text-align: center
  }

  .site-footer .footer-bottom .container .quick-links {
    width: 100%;
    text-align: center;
    order: 2;
    margin-top: 1.5rem
  }

  .site-footer .footer-bottom .container .quick-links a {
    font-size: 1.125rem;
    color: #fff
  }

  .site-footer .footer-middle .center-link a {
    font-size: 18px
  }

  .site-footer .footer-middle .social-links-row {
    margin-top: 40px
  }

  .site-footer .footer-middle .f-middle-row .left {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 3rem
  }

  .site-footer .footer-middle .f-middle-row .right .links,
  .site-footer .footer-middle .f-middle-row .right .social-links {
    justify-content: center
  }

  .full-menu .full-menu-inner .top {
    overflow-y: auto
  }

  .full-menu .full-menu-inner .top .menu {
    max-width: 100%;
    margin-left: 2rem;
    min-height: calc(100% - 2rem)
  }

  .full-menu .full-menu-inner .top .menu li {
    position: relative;
    margin-right: 5rem;
    line-height: 1.9
  }

  .full-menu .full-menu-inner .top .menu li a {
    font-weight: 100
  }

  .full-menu .full-menu-inner .top .menu li .toggle {
    position: absolute;
    width: 5rem;
    height: 6.334rem;
    float: left;
    font-size: 1.25rem;
    right: -5rem;
    top: 0;
    z-index: 1
  }

  .full-menu .full-menu-inner .top .menu li .toggle::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    height: .75rem;
    background-color: #222;
    width: .125rem;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: .2s linear;
    -o-transition: .2s linear;
    -webkit-transition: .2s linear
  }

  .full-menu .full-menu-inner .top .menu li .toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: .75rem;
    background-color: #222;
    height: .125rem;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: .2s linear;
    -o-transition: .2s linear;
    -webkit-transition: .2s linear
  }

  .full-menu .full-menu-inner .top .fullmenu-dropdown {
    display: none;
    position: static;
    width: 100%;
    transition: unset;
    -o-transition: unset;
    -webkit-transition: unset
  }

  .full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li {
    max-width: 50% !important;
    margin: 0
  }

  .full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li>ul>li.heading {
    font-size: 1.2rem;
    margin: 0 0 1rem
  }

  .site-header.menu-open {
    padding: 2rem 3.45rem
  }

  .site-header.scrolled {
    padding: 1rem 3.45rem
  }

  .site-header.scrolled.menu-open {
    padding: .9rem 3.45rem
  }

  .portfolio-single-wrap .portfolio-single .image-wrap {
    flex: 0 0 50%
  }

  .portfolio-single-wrap .portfolio-single .content {
    flex: 0 0 50%;
    padding: 2rem;
    position: relative
  }

  .portfolio-list-wrap .portfolio-list .portfolio-card-wrap .portfolio-card .circle {
    width: 14rem;
    height: 14rem
  }

  .pikmykid-num-box .box-wrapper {
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 -1rem
  }

  .pikmykid-num-box .box-wrapper .box {
    max-width: 100%;
    width: calc(33.3333333333% - 2rem);
    margin: 0 1rem 5rem
  }

  .hire-developers .skills li {
    width: 25%
  }

  .industries-category .industries-tab-content .top {
    padding: 3rem 3.5rem 0
  }

  .industries-category .industries-tab-content .bottom {
    padding: 3rem 3.5rem
  }
}

@media (max-width:47.9375em) {

  .h1,
  .h2,
  .h3,
  h1,
  h2,
  h3 {
    line-height: 1.25;
    letter-spacing: -.15rem
  }

  .blog-top .container .left .content,
  .home-banner.new .container .caption h1 br,
  .home-services.new .container,
  .mobile-br,
  .mobileMediaView,
  .next-project .next-project-inner .content h2 br,
  .portfolio-cta h2 br,
  .portfolio.service-case-study.col-3 .col-md-6:last-child,
  .service-case-study .col-md-6:last-child,
  .services-top .box-wrap h4 br,
  .site-footer .footer-bottom .container .links ul li:first-child,
  .site-footer .footer-bottom .container .location p strong,
  .site-footer .project-in-mind .container p strong,
  .team-wrap.new .location.service ul li:nth-child(2n),
  p .divide {
    display: block
  }

  .container,
  .content-with-imgLottie-wrap,
  .content-with-video-wrap,
  .portfolio-image-banner .content.left {
    max-width: 540px
  }

  .wrapper {
    padding-top: 8rem;
    padding-left: 1rem;
    padding-right: 1rem
  }

  .career-center-single .header-content h1,
  .common-banner .container .caption h1,
  .portfolio-header .text h1,
  .portfolio-header-new .content h1,
  .portfolio-header-new .content h1.playfair,
  .top-banner .container .caption h1 {
    font-size: 2.8rem
  }

  .about-image-banner .lets .right img,
  .blog .alm-reveal.vertical .blog-listing .content h3,
  .blog .blog-post.vertical .blog-listing .content h3,
  .career-banner .container .content p br,
  .career-banner .container .image,
  .case-study-mobile .row .col-6:nth-child(n+3),
  .case-study-wireframe ul li:last-child,
  .chat-popup .chat-screen .chat-content .form-address,
  .column-5 .image-wrap li:nth-child(n+3),
  .common-banner .container .caption h1 br,
  .desktopMediaView,
  .featured-on li:nth-child(2n),
  .featured-on.new:nth-of-type(2) li,
  .home-banner .container h1 br,
  .home-portfolio-card .card-fullwidth .card-right,
  .home-portfolio-wrap .animated-svg,
  .insights-wrap .btn-insights,
  .insta-feed #sb_instagram #sbi_load,
  .lallantop-slider ul li:last-child,
  .media-wrap-with-box .media .content .btn-secondary,
  .more-portfolio .col:last-child,
  .new-home-banner .container .caption p br,
  .new-home-banner.scroll-icon .scroll-down,
  .portfolio .animated-svg,
  .portfolio-banner h1 br,
  .portfolio-image-banner .scroll-down,
  .portfolio-mobile .row .col-6:nth-child(n+3),
  .portfolio-testimonial .text img,
  .portfolio.media-wrap .media .content a.btn,
  .project-strip .container .left .image,
  .project-strip-slider .slider-wrap .container .left .image,
  .service-testimonial .img-bg,
  .service-testimonial .text img,
  .service-testimonial .title img,
  .services-header .text p br,
  .services.next-project .next-project-inner .content h2 br,
  .site-footer .footer-menu,
  .team-wrap .location ul li:nth-child(2n),
  .top-banner .container .caption h1 br,
  .whatTheySay-wrap .whatTheySay .quote-img.right {
    display: none
  }

  .top-banner.blog-head-title .container .caption h1 {
    max-width: 25rem;
    margin: 0 auto
  }

  .section-title.double::before {
    content: none !important
  }

  .common-banner {
    height: 100%;
    min-height: auto
  }

  .common-banner .container .caption,
  .service-details-banner.common-banner .container .caption {
    margin: 3rem auto 6rem
  }

  .hiring-main-slider,
  .media-wrap,
  .service-feature-wrap {
    margin: 0 0 8rem
  }

  .media-wrap .media {
    flex-wrap: wrap;
    margin: 0 0 3rem;
    background: #ebebeb;
    border-bottom-left-radius: .5rem;
    border-bottom-right-radius: .5rem;
    overflow: hidden
  }

  .media-wrap .media .thumb {
    width: 100%;
    position: relative;
    border-radius: .5rem .5rem 0 0
  }

  .media-wrap .media .content {
    width: 100%;
    background: #ebebeb;
    padding: 1rem
  }

  .media-wrap .media .content h4 {
    line-height: 1.125;
    font-size: 2rem;
    margin: 0 3rem 0 0;
    letter-spacing: unset
  }

  .media-wrap .media .content .btn,
  .media-wrap .media .content .btn-secondary {
    margin-top: .4rem
  }

  .media-wrap .media.reverse .content {
    padding-left: 1rem;
    order: 2
  }

  .three-column-boxes li {
    flex: 0 1 100%;
    margin-bottom: 1.6rem
  }

  .blog-subscribe .title,
  .insights-matters-wrap .insights-matters .title-uppercase p,
  .portfolio-image-banner .content.v-center h2,
  .three-column-boxes li h3,
  .title-uppercase p {
    font-size: 1.8rem
  }

  .about-image-banner .lets .left p,
  .blog-single .author-details .blog-author .name h4,
  .counter-wrap.home-achievements .numbers-counter li p,
  .industries-column-boxes li p,
  .insights-matters-wrap .insights-matters .box-wrap .box a .content,
  .media-wrap-with-box .media .content h2,
  .next-project .next-project-inner .content p,
  .portfolio-list-wrap .portfolio-list.three-boxes .portfolio-card-wrap .content p,
  .portfolio-list-wrap .portfolio-list.two-boxes .portfolio-card-wrap .content p,
  .single-content .three-box .text,
  .ta-engineers .card .card-header .designation,
  .ta-engineers .card .title,
  .ta-engineers .card p,
  .team-wrap .team-members .right .content .designation p,
  .three-column-boxes li p,
  .two-col-box .grid .col h3,
  .whatTheySay-wrap .whatTheySay .testtiminialBy h5,
  .whatTheySay-wrap .whatTheySay .testtiminialBy p {
    font-size: 1.2rem
  }

  .two-col-box .grid .col {
    width: 100%;
    margin: 0 0 4rem;
    padding: 1.75rem 2rem 1.87rem
  }

  .portfolio-image-banner .content .logo,
  .two-col-box .grid .col .top .image {
    max-width: 10rem
  }

  .career-box-wrap .box-wrap .box .image,
  .two-col-box .grid .col .top .image.small {
    max-width: 6rem
  }

  .link-section {
    padding: 6rem 1rem 0
  }

  .link-section .text h2 {
    font-size: 2.6rem;
    font-weight: 600
  }

  .architecture-content-wrapper .architecture-content .content,
  .col-3-list ul li,
  .col-4-list ul li,
  .column-5 .image-wrap li .mobile-img img,
  .design-logos .container .left,
  .design-team .design-team-inner .image-group .image-grid .box .image,
  .industries-category .industries-tab-content .features li,
  .industries-category .industries-tab-content .top .image,
  .lallantop-slider,
  .our-impact-wrap .our-impact ul li,
  .portfolio-industry .portfolio-strip .container .right,
  .portfolio-summary-details .portfolio-strip .container .right,
  .reliable .text-top,
  .service-box .services-top .box-wrap .box,
  .service-feature-wrap .service-feature-inner .left,
  .service-feature-wrap .service-feature-inner .right,
  .services.services-wrap .services,
  .site-footer .footer-bottom .container .links ul,
  .site-footer.footer .footer-content .left .content-details,
  .team-wrap .team-members .left,
  .technologies-single-wrapper .technologies-single {
    width: 100%
  }

  .col-2-section .content {
    flex: 0 0 100%;
    padding-left: 0;
    padding-right: 0
  }

  .col-2-section .content .grid-item,
  .service-logo-wrap {
    padding: 2rem 0 0
  }

  .col-2-section .content .grid-item:last-child {
    padding: 2.5rem 0 1rem
  }

  .col-2-section .content.order-2 {
    order: inherit;
    padding-left: 0 !important;
    padding-right: 0 !important
  }

  .col-3-section .content {
    flex: 0 0 100%;
    padding-right: 0;
    padding-left: 0
  }

  .col-3-section .content .grid-item,
  .home-form .contact-form,
  .industries-column-boxes,
  .portfolio-testimonial .text,
  .service-testimonial .text,
  .services .col-3-section .content .grid-item,
  .services.next-project .next-project-inner .content,
  .site-footer .footer-menu ul li,
  .work-with .brands-1 {
    padding: 0
  }

  .col-3-section .content .grid-contnet p,
  .industries-category .industries-tab-content .top .title .btn-round,
  .pikmykid-num-box,
  .portfolio-description .text,
  .services .col-3-section .content .grid-item p {
    margin: 0 0 1rem
  }

  .app-links,
  .blog,
  .career-center-single,
  .case-study-awards,
  .case-summary-details,
  .contact-experts-wrapper,
  .creating-industry,
  .full-image,
  .hiring-explore,
  .home-about,
  .industries-category,
  .insights-matters-wrap,
  .iot-blog,
  .iot-header,
  .knowledge-center,
  .media-wrap-with-box,
  .our-experts,
  .our-impact-wrap,
  .portfolio-about,
  .portfolio-about-new,
  .portfolio-banner-new,
  .portfolio-center-text,
  .portfolio-col-3-wrap,
  .portfolio-description,
  .portfolio-features,
  .portfolio-features-list,
  .portfolio-header.portfolio-header-full,
  .portfolio-summary-details,
  .section,
  .service-2-col1,
  .service-case-study,
  .service-center-content.left,
  .service-center-content.service-logo,
  .service-content,
  .services-slider,
  .services.next-project,
  .single-content,
  .sub-title,
  .technology-stack-new,
  .tripple-testimonial,
  .video-wrap,
  .we-did .portfolio-mobile {
    margin: 0 0 6rem
  }

  .section .text {
    margin: 0 auto 3rem 0;
    max-width: 30rem
  }

  .about-image-banner .lets .left h2,
  .career-center-single .content h2,
  .home-portfolio-wrap .home-portfolio .content h2,
  .next-project .next-project-inner .content h2,
  .portfolio-about-new .section-title h2,
  .portfolio-summary-details .description h2,
  .section .text h2,
  .services-slider .box h2,
  .tripple-legacy .container .right h2 {
    font-size: 2.6rem
  }

  .blog-home-title .title,
  .hiring-explore .card h2,
  .more-portfolio-wrap .more-portfolio-item .content h2,
  .portfolio-about-new .portfolio-testimonial-new .text h3.playfair,
  .portfolio-about-new .portfolio-testimonial-new.center .text h3.playfair,
  .portfolio-cta h2,
  .section .text h3,
  .service-feature-wrap .service-feature-inner .right h3 {
    font-size: 2.4rem
  }

  .section .text p {
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 1.6;
    letter-spacing: normal
  }

  .breadcrumbs-container .breadcrumbs {
    margin-left: .5rem !important;
    flex-wrap: wrap;
    margin-bottom: .5rem;
    margin-top: .5rem
  }

  .breadcrumbs-container .breadcrumbs li {
    font-size: 1.05rem !important;
    padding: .5rem 0 !important
  }

  .breadcrumbs-container .breadcrumbs li a {
    font-size: 1.05rem !important
  }

  .service-center-icon {
    margin: 1.5rem auto .8rem
  }

  .row .col-md-1,
  .row .col-md-10,
  .row .col-md-12,
  .row .col-md-3,
  .row .col-md-4,
  .row .col-md-5,
  .row .col-md-6,
  .row .col-md-7,
  .row .col-md-8,
  .row .col-md-9 {
    flex: 0 0 100%;
    max-width: 100%
  }

  .row .col-6 {
    flex: 0 0 50%;
    max-width: 50%
  }

  .app-links .content a:nth-child(odd) img,
  .card-images li:nth-child(3n+1),
  .case-study-wireframe ul li:first-child,
  .clients-wrap .clients li:nth-child(odd),
  .clients-wrap .clients.clients-sm li:nth-child(odd),
  .design-team .design-team-inner .image-group .image-grid .box:nth-child(odd),
  .featured-on:first-of-type,
  .game-list .links .image:last-child,
  .iot-media .content:nth-child(2n),
  .lallantop-slider ul li:nth-child(3),
  .logistics .content:nth-child(2n),
  .next-project .next-project-inner .box-group .box-grid .box:nth-child(odd),
  .review-box .box:nth-child(3n+1),
  .row .offset-md-1,
  .row .offset-md-2,
  .row .offset-md-3,
  .service-1-col .grid,
  .service-1-col .text,
  .service-2-col .text,
  .service-4-col .text,
  .service-box .services-top .box-wrap:nth-child(odd),
  .services-media .content:nth-child(2n),
  .services-wrap .services:nth-child(2n),
  .services.services-wrap .services:nth-child(2n),
  .we-did .content .image:first-child,
  .work-with.new ul li:first-child {
    margin-left: 0
  }

  .back-to-top {
    right: 2.3rem;
    bottom: 7rem;
    width: 2.8rem;
    height: 2.8rem
  }

  .back-to-top img {
    max-width: .83rem
  }

  .counter-wrap.home-achievements .text h3,
  .portfolio-about .text {
    text-align: left !important
  }

  .counter-wrap.home-achievements .numbers-counter li:nth-child(2),
  .media-wrap-with-box .media.reverse .thumb {
    order: 0
  }

  .card-images li {
    margin: 0 .15rem .3rem;
    width: calc(33.3333333333% - .3rem);
    border-radius: .3rem
  }

  .card-images li img,
  .portfolio-banner-new.right-img .container .right .images img {
    transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1)
  }

  .app-links .content a:last-child img,
  .app-links .content a:nth-child(2n) img,
  .card-images li:nth-child(3n),
  .case-study-wireframe ul li:nth-child(3),
  .clients-wrap .clients li:nth-child(2n),
  .clients-wrap .clients.clients-sm li:nth-child(2n),
  .column-5 .image-wrap li:nth-child(2),
  .design-team .design-team-inner .image-group .image-grid .box:nth-child(2n),
  .featured-on li:last-child,
  .featured-on li:nth-child(4),
  .featured-on:nth-of-type(2),
  .industries-category .industries-tab ul li:last-child,
  .industries-column-boxes li:nth-of-type(3n),
  .iot-media .content,
  .logistics .content,
  .next-project .next-project-inner .box-group .box-grid .box:nth-child(2n),
  .review-box .box:nth-child(3n),
  .service-box .services-top .box-wrap:nth-child(2n),
  .services-media .content,
  .site-footer.footer .links-copyright .links ul li:last-child,
  .we-did .content .image:last-child {
    margin-right: 0
  }

  .our-experts .container .left h2,
  .sub-title .text h2 {
    font-size: 2.6rem;
    margin: 0 0 2rem
  }

  #cookie-law-info-bar {
    max-width: 100%;
    left: 0
  }

  .cli-bar-btn_container {
    flex-wrap: wrap;
    justify-content: center;
    width: 100%
  }

  .cli_settings_button {
    flex: 0 0 100%;
    width: 100%;
    margin: 0 0 .6rem !important
  }

  .insta-feed {
    margin: 0 0 6rem;
    padding: 2rem 0
  }

  .pb-10,
  .pb-8,
  .py-10 {
    padding-bottom: 6rem !important
  }

  .pt-10,
  .py-10 {
    padding-top: 6rem !important
  }

  .insta-feed .container .text h2 {
    font-size: 2.6rem;
    text-align: right
  }

  .insta-feed #sb_instagram .sb_instagram_header {
    top: -1rem;
    width: auto
  }

  .insta-feed #sb_instagram #sbi_images {
    padding: 0 !important;
    margin-top: 1rem
  }

  .insta-feed #sb_instagram #sbi_images .sbi_item {
    padding: 0 !important;
    margin: 0 0 1rem !important
  }

  .faq h3,
  .service-faq .faq h3 {
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 600
  }

  .faq .accordion .accordion-item .accordion-inner p {
    margin: 0 0 .625rem !important;
    font-size: 1.125rem;
    line-height: 1.87
  }

  .faq .accordion .accordion-item .accordion-inner ul li {
    font-size: 1.125rem;
    line-height: 1.87
  }

  .faq .accordion .accordion-item .accordion-button .accordion-marker::after {
    height: .14rem
  }

  .faq .accordion .accordion-item .accordion-button .accordion-marker::before {
    width: .14rem
  }

  .image-title {
    max-width: 90%;
    margin: 0 auto
  }

  .blog-search .container .search-form .search-text {
    height: 40px;
    padding-right: 94px;
    line-height: 40px;
    font-size: 1.4rem
  }

  .blog-search .container .search-form .search-btn label {
    font-size: 1.2rem;
    padding: .8rem 1rem .7rem
  }

  .blog-search .container .search-form .search-btn label img {
    max-width: 1.45rem
  }

  .chip-wrap .chip {
    margin-right: .6rem;
    margin-bottom: 1rem;
    font-size: 1rem;
    height: 2.8rem
  }

  .chip-wrap .chip img {
    width: 24px;
    height: 24px;
    margin-right: .3rem
  }

  .mb-10 {
    margin-bottom: 6rem !important
  }

  .home-portfolio-wrap .home-portfolio.centered.mb-4,
  .mb-0 {
    margin-bottom: 0 !important
  }

  .mt-8 {
    margin-top: 0 !important
  }

  .px-1 {
    padding-left: 1rem !important;
    padding-right: 1rem !important
  }

  .mx-n-1 {
    margin-left: -1rem !important;
    width: calc(100% + 2rem);
    padding-left: 1rem;
    padding-right: 1rem
  }

  .form-popup {
    width: 4.5rem;
    height: 4.5rem;
    bottom: 2.5rem;
    right: 1.8rem
  }

  .form-popup img,
  .site-header .header-inner .logo .logo-icon {
    max-width: 2.2rem
  }

  .title-uppercase h2 {
    font-size: 3.36rem !important
  }

  .title-uppercase p.medium,
  .title-uppercase p.small {
    font-size: 1.8rem;
    letter-spacing: -.032rem
  }

  .chat-popup .chat-screen {
    width: 100%;
    padding: 0 1rem
  }

  .chat-popup .chat-screen .chat-header,
  .contact .contact-form {
    padding: 1.5rem 0
  }

  .chat-popup .chat-screen .chat-header img {
    max-width: 3.2rem
  }

  .chat-popup .chat-screen .chat-close {
    top: 1.6rem;
    right: 2.3rem
  }

  .chat-popup .chat-screen .chat-content .form-container .title,
  .hire-developers,
  .service-1-col,
  .service-2-col,
  .service-colored-banner {
    margin: 0 0 3rem
  }

  .new-home-banner,
  .new-home-banner.scroll-icon {
    margin-top: 2rem;
    margin-bottom: 6rem
  }

  .chat-popup .chat-screen .chat-content .form-container .title h2 {
    font-size: 3.4rem
  }

  .chat-popup .chat-screen .chat-content .contact-form .form-group {
    margin: 0 0 2.8rem
  }

  .industries-column-boxes li {
    flex: 0 1 100%;
    margin-right: 0;
    padding: 0 0 1rem
  }

  .industries-column-boxes li:hover {
    box-shadow: none
  }

  .app-links::after,
  .case-study-mobile.case-study-mobile-single .row::after,
  .digital-product .container .right .box-wrap .box::after,
  .industries-category .industries-tab ul li::after,
  .industries-category .industries-tab ul li::before,
  .industries-column-boxes li::after,
  .industries-column-boxes li:nth-of-type(3n)::after,
  .iot-blog .blog-inner::after,
  .iot-consulting ul li:nth-child(3)::after,
  .portfolio-fullImg.small::before,
  .technology-stack .icon-list ul li:nth-child(3n+1)::after,
  .technology-stack .icon-list ul li:nth-child(3n+1)::before,
  .we-did .content .image::before,
  .we-did .portfolio-mobile .image::before,
  .whatTheySay-wrap .whatTheySay::after,
  .whatTheySay-wrap .whatTheySay::before {
    content: none
  }

  .creating-industry .right .content,
  .full-view-wrap .slider-wrap .image,
  .mt-sm-2,
  .portfolio-header .top-banner .image {
    margin-top: 2rem
  }

  .h1,
  h1 {
    font-size: 2.8rem
  }

  .h1.light,
  .portfolio-banner-new .container .left h2,
  h1.light {
    font-size: 2.8rem;
    letter-spacing: -.12rem
  }

  .h1.small,
  h1.small {
    font-size: 2.6rem;
    letter-spacing: -.1rem;
    line-height: 1.33
  }

  .h2,
  h2 {
    font-size: 2.6rem
  }

  .h2.light,
  h2.light {
    font-size: 2.6rem;
    letter-spacing: -.12rem
  }

  .h2.small,
  h2.small {
    font-size: 2.2rem;
    letter-spacing: -.05rem
  }

  .h3,
  h3 {
    font-size: 2.4rem
  }

  .h3.light,
  h3.light {
    font-size: 2.4rem;
    letter-spacing: -.12rem
  }

  .h4,
  h4 {
    font-size: 2.2rem;
    font-weight: 600
  }

  .site-header,
  .site-header.menu-open {
    padding: 1.5rem 1.3rem
  }

  .site-header .header-inner .logo,
  .site-header.menu-open .logo-menu {
    max-width: 11.5rem
  }

  .site-header .header-inner #menu-toggle {
    width: 28px;
    height: 28px
  }

  .site-header .header-inner #menu-toggle #hamburger span {
    width: 28px;
    height: 3px;
    margin: 5px 0
  }

  .site-header.scrolled {
    padding: 1.3rem
  }

  .site-header.scrolled.menu-open {
    padding: 1.3rem;
    background: #fff
  }

  .new-home-banner {
    margin-left: -1rem;
    width: calc(100% + 2rem)
  }

  .new-home-banner .container .caption .new-title,
  .new-home-banner .container .caption h1 {
    font-size: 2.8rem;
    line-height: 1.45
  }

  .new-home-banner .container .caption .new-title.new,
  .new-home-banner .container .caption h1.new {
    font-size: 3.8rem;
    line-height: 1.1
  }

  .new-home-banner .container .caption p {
    line-height: 1.4
  }

  .home-portfolio-card .card-fullwidth {
    padding: 2rem 1.5rem;
    border-radius: 1rem;
    margin: 0 0 2rem
  }

  .home-portfolio-card .card-fullwidth h3 {
    font-size: 3.45rem
  }

  .home-portfolio-card .card-fullwidth h3 span {
    font-size: 9rem
  }

  .app-store .col-3-section .content,
  .blog-single .author-details .blog-author,
  .content-with-img-wrap .content-with-img .image,
  .full-view-wrap .slider-wrap .box,
  .home-about .image-box .box-wrap,
  .home-portfolio .box-wrap,
  .home-portfolio-card .bottom-card .right,
  .home-portfolio-card .card-fullwidth .card-left,
  .latest-tends-blog .trends-list li,
  .portfolio-single-wrap .portfolio-single .image-wrap {
    flex: 0 0 100%
  }

  .achieve .box-wrap,
  .address .box,
  .app-links .content,
  .blog .alm-reveal.vertical .blog-listing,
  .blog .blog-post.vertical .blog-listing,
  .blog-top .container,
  .content-with-img-wrap .content-with-img,
  .gallery .row-one,
  .gallery .row-three,
  .gallery .row-two,
  .hiring-model ul,
  .home-achievements .numbers-counter,
  .home-portfolio,
  .home-portfolio-card .bottom-card,
  .industries-category .industries-tab-content .top .title,
  .insights-matters-wrap .insights-matters .box-wrap,
  .integration-wrapper .integration,
  .iot-bottom-section ul,
  .more-portfolio-wrap .more-portfolio-item,
  .portfolio-features-list .list,
  .portfolio-single-wrap .portfolio-single,
  .portfolio-summary-details .portfolio-summary-wrap .portfolio-summary,
  .service-case-study-wrap .service-case-study,
  .service-case-study-wrap.multi-case-study .service-case-study,
  .service-menu-wrap .service-menu-slider .service-btn-grp,
  .single-content .three-box,
  .site-footer .footer-menu ul,
  .site-footer .project-in-mind .container,
  .team-wrap .location ul,
  .technologies-single-wrapper,
  .tripple-legacy .container .right .tl-box-wrap,
  .we-did .img-2 {
    flex-wrap: wrap
  }

  .contact .contact-form .form-group,
  .content-with-img-wrap .content-with-img .image,
  .content-with-img-wrap .content-with-img .lottie-wrapper,
  .content-with-video-wrap .content-with-video .lottie-wrapper,
  .content-with-video-wrap .content-with-video .video,
  .home-portfolio-card .bottom-card .left {
    flex: 0 0 100%;
    margin: 0 0 2rem
  }

  .home-portfolio-card .bottom-card .right h3 {
    font-size: 5rem
  }

  .home-portfolio-card .bottom-card .right .image {
    margin-top: -6.5rem;
    position: relative
  }

  .home-portfolio-card .bottom-card .right .bottom-content {
    bottom: .8rem
  }

  .home-portfolio-card .bottom-card .right .bottom-content img {
    max-width: 18rem
  }

  .trusted-us {
    width: calc(100% + 2rem);
    margin: 0 -1rem 6rem;
    padding: 0 1rem
  }

  .trusted-us .box-wrap .box {
    flex: 0 0 33.333334%
  }

  .trusted-us .box-wrap .box:nth-child(11),
  .trusted-us .box-wrap .box:nth-child(18),
  .trusted-us .box-wrap .box:nth-child(5) {
    border-left: 1px solid rgba(34, 34, 34, .2)
  }

  .trusted-us .box-wrap .box:nth-child(16) {
    border-left: 0
  }

  .trusted-us .box-wrap .box:nth-child(17) {
    border-left: 1px solid rgba(34, 34, 34, .2);
    border-right: 0
  }

  .achieve .box-wrap .box .content p.large,
  .blog-single .header-content .subtitle,
  .home-services.new .title-uppercase p,
  .pikmykid-num-box .box-wrapper .box p,
  .portfolio-about-new .portfolio-testimonial-new .text .content,
  .portfolio-about-new.coloured .portfolio-testimonial-new .text .content,
  .trusted-us .box-wrap .box p {
    font-size: 1.6rem
  }

  .applykart-col-2,
  .believe-in,
  .blog.press,
  .career,
  .case-study-mobile.case-study-mobile-single,
  .contact,
  .customer-experience .text,
  .gallery,
  .home-achievements,
  .home-services,
  .integration-wrapper,
  .portfolio-about-new .section-title,
  .portfolio-features .container .text,
  .portfolio-features-list.with-header .text,
  .portfolio-icon-center,
  .portfolio-summary-details .description,
  .project-strip-slider .sub-title,
  .review-box-wrap,
  .service-portfolio,
  .services.services-wrap.design-inner .text,
  .tripple-legacy,
  .we-did {
    margin: 0 0 4rem
  }

  .home-services .box-wrap .box {
    width: 100%;
    padding: 2rem;
    border-radius: 1rem
  }

  .design-team .design-team-inner .image-group .image-grid:first-child,
  .home-services .box-wrap .box:nth-child(2n),
  .portfolio-list-wrap .portfolio-list.three-boxes .portfolio-card-wrap:nth-child(odd),
  .portfolio-list-wrap .portfolio-list.two-boxes .portfolio-card-wrap:nth-child(odd),
  .services.next-project .next-project-inner .box-group .box-grid:first-child {
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0)
  }

  .case-summary-details .row:nth-child(2n)+.row,
  .content-with-img-wrap .content-with-img:last-child,
  .content-with-img-wrap .content-with-img:nth-child(2n),
  .content-with-img-wrap.tripple-content-with-img .content-with-img:last-child,
  .content-with-img-wrap.tripple-content-with-img .content-with-img:nth-child(2n),
  .content-with-imgLottie-wrap .content-with-img:last-child,
  .content-with-imgLottie-wrap .content-with-img:nth-child(2n),
  .content-with-video-wrap .content-with-video:last-child,
  .content-with-video-wrap .content-with-video:nth-child(2n),
  .home-services .box-wrap .box:last-child,
  .life-ta .about-gallery .box-wrap:last-child .box:first-child,
  .service-3-col .link,
  .services-top .box-wrap:nth-child(odd) {
    margin-top: 0
  }

  .blog.press .blog-post .blog-listing .content h2,
  .career-banner .container .content p.small,
  .home-services .box-wrap .box ul li {
    font-size: 1.3rem
  }

  .home-services .card-wrap .card {
    width: 100%;
    margin-bottom: 1.5rem;
    margin-right: 0
  }

  .home-services.new {
    margin: 0 auto 6rem
  }

  .home-services.new .title-uppercase {
    position: static;
    margin-right: 0
  }

  .home-services.new .box-wrap {
    margin: 4rem 0 0
  }

  .home-portfolio .single-portfolio {
    position: relative;
    margin: 0 0 -2rem;
    flex: 0 0 16rem
  }

  .home-portfolio .single-portfolio::after {
    content: "";
    position: absolute;
    bottom: 0;
    height: 8rem;
    background: #fff;
    width: calc(100% + 12rem);
    margin-left: -6rem;
    box-shadow: 0 -8px 10px -11px rgba(0, 0, 0, .35)
  }

  .case-study-mobile .row::after,
  .column-5::after,
  .portfolio-mobile .row::after {
    bottom: -1px;
    box-shadow: 0 -2px 5px -3px rgba(0, 0, 0, .18);
    background: #fff;
    content: ""
  }

  .home-portfolio .box-wrap.left,
  .service-inner-banner .container .banner-details .content,
  .services-slider .box .row .col-md-7 {
    order: 2
  }

  .home-portfolio .box-wrap.left .box:nth-child(2n) {
    transform: translateY(2rem);
    -moz-transform: translateY(2rem);
    -webkit-transform: translateY(2rem)
  }

  .home-portfolio .box-wrap .box {
    max-width: calc(50% - 1rem);
    margin-right: 2rem;
    margin-bottom: 2rem
  }

  .header-top {
    padding: 1rem 1.3rem
  }

  .header-top ul li a {
    font-size: 1rem;
    padding: 0 .4rem 0 .8rem
  }

  .whatTheySay-wrap {
    margin: 0 -1rem 6rem;
    padding: 3rem 2rem 5rem
  }

  .whatTheySay-wrap .whatTheySay {
    max-width: 100%;
    padding: 0;
    border: 0
  }

  .whatTheySay-wrap .whatTheySay .title-uppercase h2 {
    margin-bottom: 30px !important
  }

  .whatTheySay-wrap .whatTheySay .quote-img.left {
    left: -2rem;
    max-width: 3.6rem;
    top: 4.4rem;
    opacity: .3
  }

  .whatTheySay-wrap .whatTheySay p {
    font-size: 1.4rem;
    margin: 0 0 2rem;
    font-weight: 400
  }

  .whatTheySay-wrap .whatTheySay p.small {
    font-size: 1.24rem
  }

  .whatTheySay-wrap .whatTheySay .owl-carousel {
    padding-bottom: 20px
  }

  .whatTheySay-wrap .whatTheySay .owl-dots {
    top: 100%
  }

  .whatTheySay-wrap .whatTheySay .owl-dots button.owl-dot {
    width: .8rem;
    height: .8rem;
    margin: 0 .2rem
  }

  .whatTheySay-wrap .whatTheySay .testtiminialBy img {
    width: 4.55rem;
    margin-right: 1rem
  }

  .whatTheySay-wrap .whatTheySay .testtiminialBy p {
    font-weight: 700
  }

  .services-wrap .services .content p,
  .technology-stack .icon-list ul li p,
  .technology-stack-new .icon-list-wrapper .icon-list ul li p,
  .whatTheySay-wrap .whatTheySay .testtiminialBy h5 {
    font-weight: 400
  }

  .home-banner {
    height: 100%;
    margin: 3rem 0 6rem
  }

  .full-menu .full-menu-inner .bottom .social,
  .home-banner .container .caption,
  .portfolio-header .text,
  .service-colored-banner .container .right .image,
  .service-landscape-image img,
  .team-wrap .location p,
  .technology-stack .text {
    margin: 0 auto
  }

  .home-banner.new {
    margin-bottom: 6rem;
    width: calc(100% + 2rem);
    margin-left: -1rem
  }

  .home-banner.new .container {
    height: 100%;
    margin: 10rem 1rem 0
  }

  .home-banner.new .container .caption,
  .portfolio-list-wrap {
    margin-bottom: 4rem
  }

  .home-banner.new .container .caption h1 {
    font-size: 3.7rem
  }

  .home-banner.new .container .caption.video-banner h1 {
    font-size: 5rem;
    line-height: 1.1
  }

  .home-banner.new .container .caption.video-banner p {
    font-size: 1.6rem;
    letter-spacing: 0
  }

  .home-banner.new .container .icons {
    flex-wrap: wrap;
    margin-right: 0
  }

  .home-banner.new .container .icons .image {
    width: 33.3333333333%;
    margin-bottom: 1.5rem
  }

  .home-banner.new .container .bottom {
    margin-bottom: 2.5rem
  }

  .home-banner.new .container .bottom p {
    padding-right: 0;
    text-align: center
  }

  .home-achievements .numbers-counter li {
    width: 50%;
    max-width: 15rem;
    margin: 0 0 5rem;
    text-align: center
  }

  .home-achievements .numbers-counter li p {
    font-size: 1.3rem;
    letter-spacing: -.04rem;
    line-height: 1.3
  }

  .home-achievements .numbers-counter li:nth-child(2) {
    order: 3
  }

  .home-achievements .numbers-counter li img {
    width: 50%;
    margin: 0 auto
  }

  .work-with {
    padding: 3rem 0;
    margin: 0 -1rem 3rem
  }

  .services.services-technology.technology-stack .icon-list ul li,
  .work-with .brands ul li {
    width: 33.3333333333%
  }

  .work-with .brands .text span {
    font-size: 4rem;
    line-height: 1.2
  }

  .work-with .brands-1 ul li {
    width: 33.3333333333%;
    padding: .4rem .2rem
  }

  .work-with.new {
    margin-bottom: 6rem;
    padding: 0 1em
  }

  .creating-industry .title,
  .work-with.new h2 {
    font-size: 3.36rem
  }

  .work-with.new ul {
    justify-content: space-between
  }

  .work-with.new ul li {
    width: calc(50% - .5rem);
    padding: .4rem .2rem;
    margin: 0 0 1rem
  }

  .insights-wrap {
    margin: 0 0 6rem;
    padding: 0
  }

  .insights-wrap .insights .post {
    width: 100%;
    margin-bottom: 1rem
  }

  .insights-wrap .insights .post .content {
    padding: 1rem 0
  }

  .insights-wrap .insights .post.active .content {
    position: relative
  }

  .awards {
    margin: 0 0 6rem;
    padding: 3rem 0 2rem
  }

  .awards ul li {
    width: calc(50% - .4rem);
    margin: 0 0 .8rem
  }

  .awards ul li .logos img {
    transform: translate(-50%, -50%) scale(.5);
    -moz-transform: translate(-50%, -50%) scale(.5);
    -webkit-transform: translate(-50%, -50%) scale(.5)
  }

  .next-project {
    margin: 0 0 1.5rem;
    padding: 3rem 0 2rem
  }

  .next-project .next-project-inner .content {
    max-width: 30rem;
    margin: 0 0 3rem
  }

  .next-project .next-project-inner .box-group {
    padding-bottom: 0;
    flex-wrap: wrap
  }

  .next-project .next-project-inner .box-group .box-grid {
    padding: 0;
    width: 100%;
    display: flex
  }

  .next-project .next-project-inner .box-group .box-grid .box {
    max-width: 48%;
    min-width: 48%;
    margin: 0 2%
  }

  .next-project .next-project-inner .box-group .box-grid:nth-child(2) {
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    margin: 1.5rem 0
  }

  .fullLottie,
  .next-project.glassmorphism,
  .portfolio-about-new .about-fullImg,
  .portfolio-fullVideo,
  .portfolio-summary-details .portfolio-strip {
    width: calc(100% + 2rem);
    margin-left: -1rem
  }

  .digital-product,
  .portfolio-banner-new .container .bottom ul,
  .service-4-col .col-4-list ul li,
  .service-tool-single .text,
  .team-wrap .team-members .right .content .line,
  .technologies-single-wrapper .technologies-single:not(:last-of-type),
  .technologoies-partnership {
    margin: 0 0 2rem
  }

  .home-portfolio-wrap {
    padding-top: 0;
    width: calc(100% + 2rem);
    margin-left: -1rem;
    margin-bottom: 4rem
  }

  .home-portfolio-wrap .home-portfolio {
    flex-wrap: wrap;
    padding: 0 2rem
  }

  .home-portfolio-wrap .home-portfolio .image-wrap {
    flex: 0 0 100%;
    padding-left: 0;
    padding-bottom: 2rem
  }

  .home-portfolio-wrap .home-portfolio .content {
    flex: 0 0 100%;
    padding: 0
  }

  .home-portfolio-wrap .home-portfolio .content .title {
    font-weight: 100
  }

  .home-portfolio-wrap .home-portfolio .content .small {
    font-weight: 600 !important;
    line-height: 1.67;
    display: none
  }

  .home-portfolio-wrap .home-portfolio .content p {
    line-height: 1.45;
    max-width: 25rem
  }

  .home-portfolio-wrap .home-portfolio:nth-child(2n) .image-wrap {
    order: 0;
    padding-right: 0;
    padding-top: 2rem
  }

  .home-portfolio-wrap .home-portfolio:nth-child(2n) .content {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 2rem
  }

  .contact.media-wrap,
  .home-portfolio-wrap .home-portfolio.centered .content,
  .site-footer .footer-bottom {
    padding: 0 0 2rem
  }

  .home-portfolio-wrap .home-portfolio.centered:nth-child(2n),
  .portfolio-video-wrap .portfolio-video .video {
    border-radius: 0
  }

  .home-portfolio-wrap .home-portfolio.centered:nth-child(2n) .image-wrap {
    padding-right: 0
  }

  .home-portfolio-wrap .home-portfolio.centered:nth-child(2n) .content {
    padding-left: 0;
    padding-right: 0
  }

  .home-about ul {
    justify-content: space-between;
    margin: 0 auto 4rem;
    flex-wrap: wrap
  }

  .home-about ul li {
    width: calc(50% - .5rem)
  }

  .home-about ul li .text-left span {
    font-size: 3.84rem;
    letter-spacing: -.05rem
  }

  .home-about ul li .text-left p {
    font-size: 1.15rem;
    margin-top: 0;
    max-width: 11.5rem
  }

  .achieve,
  .home-about ul li .text-left p:last-child,
  .iot-media .content .grid,
  .logistics .content .grid,
  .services-media .content .grid {
    margin: 0 0 2.5rem
  }

  .home-about .image-box .box-wrap .box .overlay-top {
    top: 1.5rem;
    left: 1.5rem
  }

  .home-about .image-box .box-wrap .box .overlay-top .content {
    margin-left: 0;
    margin-top: 0;
    font-size: 1.6rem;
    letter-spacing: .01rem
  }

  .home-about .image-box .box-wrap .box .overlay-bottom .content,
  .home-about .image-box .box-wrap .box .overlay-bottom .content a,
  .home-about .image-box .box-wrap .box .overlay-top .content a {
    font-size: 1.6rem;
    letter-spacing: .01rem
  }

  .home-about .image-box .box-wrap .box .overlay-top h3 {
    font-size: 2.6rem;
    line-height: 1.1
  }

  .home-about .image-box .box-wrap .box .overlay-bottom {
    bottom: 1.5rem;
    left: 1.5rem
  }

  .home-about.line-wrap ul {
    margin-bottom: 0
  }

  .home-about.line-wrap .line {
    height: 5rem
  }

  .insights-matters-wrap .insights-matters .box-wrap .box {
    width: 100%;
    margin-bottom: 1.5rem
  }

  .contact .title-uppercase {
    margin-bottom: 1rem !important
  }

  .portfolio-banner {
    height: 100%;
    margin: 3.45rem 0
  }

  .portfolio-image-banner {
    height: 64vh;
    margin-left: -1rem;
    margin-bottom: 4rem;
    width: calc(100% + 2rem)
  }

  .portfolio-image-banner .video::after {
    padding-bottom: 64vh
  }

  .more-portfolio-wrap .more-portfolio-inner .carousel-nav,
  .portfolio-image-banner .content {
    padding: 0 2rem
  }

  .portfolio-image-banner .content.center {
    top: 6rem
  }

  .portfolio-image-banner .content.center .lottie {
    max-width: 8rem
  }

  .clients-wrap .clients li::before,
  .clients-wrap .clients.clients-sm li::before,
  .full-image .image::before,
  .portfolio-center-text .image::before {
    padding-bottom: 56.25%
  }

  .portfolio.media-wrap .media .content a,
  .portfolio.media-wrap .thumb a {
    pointer-events: auto
  }

  .portfolio.media-wrap .media .content {
    padding-top: 1rem
  }

  .full-view-wrap .slider-wrap .box p,
  .portfolio-about.portfolio-about-new .text h2.small-font,
  .portfolio.media-wrap .media .content h4 {
    font-size: 2rem
  }

  .portfolio.media-wrap .media .content h5 {
    font-size: 1.2rem;
    line-height: 2
  }

  .portfolio.service-case-study .service-box .detail h3,
  .portfolio.service-case-study .service-box .detail h4 {
    font-size: 1.2rem;
    line-height: 2;
    margin: 0 0 .5rem
  }

  .applykart-col-2 .box,
  .blog-top,
  .industries-category .industries-tab,
  .pikmykid-num-box .box-wrapper,
  .portfolio-header .top-banner,
  .service-tool-wrapper,
  .single-content .three-box>div:last-child,
  .ta-engineers .card [class*=col-],
  .we-did .portfolio-mobile .image {
    margin: 0
  }

  .portfolio-header .text h1 span::before {
    height: 60%;
    top: 10%
  }

  .portfolio-header.header-new {
    margin: 3rem 0 8rem
  }

  .portfolio-header.full-height {
    margin-left: -1rem;
    width: calc(100% + 2rem);
    padding: 6rem 1rem
  }

  .portfolio-header.lallantop {
    padding: 6rem 1rem 14rem
  }

  .portfolio-mobile {
    margin: 0 auto 4rem
  }

  .portfolio-mobile .row::after {
    position: absolute;
    width: calc(100% + 6rem);
    height: 5rem;
    left: -3rem
  }

  .portfolio-about .image {
    width: 5.4rem;
    position: relative;
    width: calc(100% + 4.5rem);
    margin-left: -2.25rem
  }

  .iot-slider .iot-inner .image::before,
  .portfolio-about .image::before,
  .portfolio-industry .col .image::before,
  .we-did .image::before {
    content: "";
    display: block;
    padding-bottom: 56.25%
  }

  .portfolio-about .text h2 {
    margin: 6rem 0
  }

  .portfolio-about .content {
    max-width: 30rem;
    margin: 0;
    text-align: left
  }

  .portfolio-about .content h2,
  .service-case-study .text h2,
  .services.next-project .next-project-inner .content h2 {
    font-size: 2.7rem
  }

  .portfolio-about .content p {
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.8
  }

  .portfolio-about.portfolio-about-new {
    padding: 4.2rem 1rem;
    margin-left: -1rem;
    width: calc(100% + 2rem)
  }

  .portfolio-about.portfolio-about-new .text h2 {
    font-size: 2rem;
    letter-spacing: -.05rem;
    line-height: 1.5
  }

  .case-study-awards .awards-logo {
    padding: 2.2rem 0
  }

  .we-did .content {
    flex-wrap: nowrap;
    margin-top: 0
  }

  .we-did .content .image {
    flex: 1 1 auto;
    margin: 0 .2rem
  }

  .portfolio-fullImg.small img,
  .we-did .content .image img,
  .we-did .portfolio-mobile .image img {
    position: static;
    transform: none;
    -moz-transform: none;
    -webkit-transform: none
  }

  .we-did .content .image-tablet {
    flex: 1 1 auto;
    margin: 0 .5rem
  }

  .we-did .image {
    width: 100%;
    position: relative;
    width: calc(100% + 4.5rem);
    margin-left: -2.25rem
  }

  .we-did .image img {
    top: 50%;
    left: 50%;
    position: absolute;
    width: 100%;
    min-height: 100%;
    max-width: none;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }

  .we-did.bg-white {
    padding: 0 0 4rem !important
  }

  .iot-header .iot-banner,
  .iot-slider .iot-banner,
  .site-footer.footer,
  .we-did.bg-white .image,
  .we-did.bg-white .text {
    padding: 0 1rem
  }

  .service-case-study-wrap .service-case-study .image,
  .service-case-study-wrap.multi-case-study .service-case-study .image,
  .we-did .img-2 .image {
    flex: 0 0 100%;
    width: 100%;
    position: relative
  }

  .we-did .img-2 .image::before {
    content: "";
    display: block;
    padding-bottom: 100%
  }

  .we-did .img-2 .image:last-child {
    flex: 0 0 100%;
    width: 100%;
    position: relative;
    margin-top: 1.5rem
  }

  .we-did .img-2 .image:last-child::before {
    content: "";
    display: block;
    padding-bottom: 55.56%
  }

  .case-summary-details .summary-content {
    margin: 3rem auto 0;
    max-width: 30rem
  }

  .case-summary-details .image {
    margin-left: 3.3rem;
    margin-right: 3.3rem;
    margin-top: 1rem
  }

  .case-summary-details .row:nth-child(2n) .summary-content,
  .case-summary-details .row:nth-child(2n)+.row .summary-content,
  .service-box .services-top {
    margin: 3rem auto 0
  }

  .case-summary-details .row:nth-child(2n) .image {
    margin: 1rem 3.3rem 0 !important
  }

  .case-summary-details.case-summary-teblet .image {
    max-width: 80%;
    margin-left: auto;
    margin-right: auto
  }

  .case-summary-details.case-summary-teblet .row:nth-child(2n) .image {
    margin: 1rem auto 0 !important
  }

  .case-summary-details.case-summary-landscape .row+.row {
    margin-top: 4.5rem
  }

  .technology-stack .icon-list ul {
    max-width: 35rem
  }

  .technology-stack .icon-list ul li {
    width: 33.33333%
  }

  .technology-stack .icon-list ul li .icon {
    width: 5rem
  }

  .technology-stack .icon-list ul li:nth-child(4n+1)::after,
  .technology-stack .icon-list ul li:nth-child(4n+1)::before {
    content: ""
  }

  .technology-stack.engarde .icon-list ul li {
    width: 8.9rem
  }

  .case-study-mobile {
    position: relative;
    margin: 0 0 2rem
  }

  .case-study-mobile .row .col-6:nth-child(odd),
  .technologies-single p.small {
    padding-right: .5rem
  }

  .case-study-mobile .row .col-6:nth-child(2n) {
    padding-left: .5rem
  }

  .case-study-mobile .row::after {
    position: absolute;
    width: calc(100% + 2rem);
    height: 5rem;
    left: -1rem
  }

  .app-links .content a img {
    margin: 0 .5rem 1rem;
    max-width: 10rem
  }

  .column-5 {
    position: relative;
    margin: 0 0 3rem
  }

  .column-5::after {
    position: absolute;
    width: calc(100% + 6rem);
    height: 3.125rem;
    left: -3rem
  }

  .column-5.col-with-bg {
    padding: 4.75rem 1rem 0
  }

  .column-5.col-with-bg.bg-gray {
    width: calc(100% + 2rem);
    margin-left: -1rem;
    margin-bottom: 3rem;
    padding: 4.75rem 1rem 0
  }

  .case-study-awards .awards-logo li {
    margin: 0 0 .25rem
  }

  .portfolio-center-text h2 {
    font-size: 2.7rem;
    text-align: left
  }

  .portfolio-icon-center ul {
    flex-wrap: wrap;
    justify-content: space-between
  }

  .portfolio-icon-center ul li,
  .portfolio-icon-center.portfolio-icon-new ul li {
    max-width: 46%;
    margin: 0 0 2.5rem
  }

  .navy-theme .portfolio-icon-center.portfolio-icon-new ul li .box-wrapper,
  .portfolio-icon-center ul li .image {
    margin-bottom: 1rem
  }

  .portfolio-icon-center.portfolio-icon-new h2 {
    margin: 0 0 4rem;
    font-size: 2.2rem
  }

  .case-study-wireframe ul li {
    flex-basis: calc(100% - 9.4rem);
    width: calc(100% - 9.4rem);
    margin: 0 .3rem
  }

  .content-with-img-wrap .content-with-img,
  .content-with-imgLottie-wrap .content-with-img,
  .content-with-video-wrap .content-with-video,
  .media-wrap-with-box .media {
    flex-wrap: wrap;
    margin: 0 0 2rem
  }

  .media-wrap-with-box .media .thumb {
    width: 100%;
    border-radius: .5rem .5rem 0 0
  }

  .media-wrap-with-box .media .thumb::before {
    padding-bottom: 50%
  }

  .media-wrap-with-box .media .content a,
  .media-wrap-with-box .media .thumb a {
    pointer-events: visible
  }

  .media-wrap-with-box .media .content {
    width: 100%;
    padding-top: 0;
    height: 100%
  }

  .media-wrap-with-box .media .content .box {
    width: 100%;
    margin-left: 0;
    padding: 1rem;
    border-radius: 0 0 .5rem .5rem
  }

  .media-wrap-with-box .media .content p {
    margin: 0;
    font-size: 1.5rem
  }

  .media-wrap-with-box .media.reverse .content {
    margin-top: -1px
  }

  .media-wrap-with-box .media.reverse .content .box {
    width: 100%;
    margin-right: 0
  }

  .portfolio-banner-new .container .left {
    flex: 0 0 100%;
    width: 100%;
    order: 2;
    margin: 0 0 1rem
  }

  .portfolio-banner-new .container .left h1 {
    margin: 3rem 0 1.25rem;
    font-weight: 600
  }

  .more-portfolio .col,
  .portfolio-banner-new .container .right,
  .portfolio-banner-new.right-img .container .left,
  .portfolio-banner-new.right-img .container .right,
  .portfolio-industry .col {
    flex: 0 0 100%;
    width: 100%
  }

  .portfolio-banner-new .container .bottom {
    margin: 0 0 3rem;
    order: 3
  }

  .portfolio-banner-new .container .bottom ul::before {
    width: 2.5rem;
    margin-right: 1rem
  }

  .portfolio-banner-new .container .bottom ul li p {
    margin: 0 1rem 1rem 0
  }

  .portfolio-banner-new.right-img .container .right .images {
    left: 0
  }

  .content-with-img-wrap .content-with-img .content .title,
  .content-with-img-wrap .content-with-img .content p,
  .content-with-img-wrap.tripple-content-with-img .content-with-img .content,
  .content-with-video-wrap .content-with-video .content .title,
  .content-with-video-wrap .content-with-video .content p,
  .iot-faq,
  .portfolio-about-new .text {
    max-width: 100%
  }

  .portfolio-about-new .portfolio-testimonial-new {
    padding: 3rem 1rem 4.2em;
    width: calc(100% + 2rem);
    margin-left: -1rem
  }

  .portfolio-about-new .portfolio-testimonial-new .text {
    padding: 1rem 0 0
  }

  .integration-wrapper .integration .animation-wrapper .title,
  .portfolio-about-new .portfolio-testimonial-new .text h2,
  .service-testimonial .text p {
    font-size: 2.2rem
  }

  .portfolio-about-new .portfolio-testimonial-new .text img {
    width: 3rem;
    top: 0;
    left: -1rem;
    display: block
  }

  .portfolio-about-new .about-col .about-col-3 h3 {
    flex: 0 0 5rem;
    width: 5rem;
    font-size: 2.2rem
  }

  .portfolio-summary-details .count {
    font-size: 9rem;
    left: -3.5rem
  }

  .portfolio-summary-details .fullImg-box {
    margin: 0 0 5rem -1rem;
    width: calc(100% + 2rem)
  }

  .portfolio-summary-details .text-with-margin-left {
    margin-left: 0;
    margin-bottom: 4rem;
    padding-left: 1rem;
    font-size: 2rem
  }

  .portfolio-summary-details .portfolio-summary-wrap .heading::before {
    margin-left: 0;
    width: 3rem
  }

  .portfolio-summary-details .portfolio-summary-wrap .portfolio-summary .image {
    flex: 0 0 16rem;
    width: 16rem;
    margin-right: 1rem
  }

  .portfolio-summary-details .portfolio-summary-wrap .portfolio-summary .verticle-text {
    font-size: 3rem;
    padding-bottom: 5.5rem
  }

  .portfolio-summary-details .portfolio-summary-wrap .portfolio-summary .right-box {
    padding: 2rem;
    margin-top: 3rem;
    margin-left: 0
  }

  .portfolio-summary-details .portfolio-strip .container .left {
    width: 100%;
    padding-left: 1rem;
    padding-top: 1rem;
    padding-right: 1rem
  }

  .portfolio-summary-details .portfolio-strip .container .left .image {
    width: 3rem;
    top: 0
  }

  .portfolio-summary-details .portfolio-strip .container .right .image {
    max-width: 13rem;
    top: 1rem
  }

  .portfolio-summary-details .summary-details-wrap:nth-child(3) {
    top: -11rem;
    margin-bottom: -11rem
  }

  .portfolio-summary-details .content-with-icon {
    flex-wrap: wrap;
    margin: 0 0 3rem
  }

  .portfolio-summary-details .content-with-icon .image {
    flex: 0 0 5.5rem;
    width: 5.5rem;
    margin-right: 0;
    margin-bottom: 1rem
  }

  .portfolio-summary-details .content-with-icon .content h3 {
    font-size: 2rem;
    line-height: 1.29;
    margin: 0 0 1rem
  }

  .portfolio-achievement {
    margin: 0 0 6rem -1rem;
    padding: 3rem 1rem 4rem;
    width: calc(100% + 2rem)
  }

  .portfolio-achievement h2 {
    letter-spacing: -.05rem !important
  }

  .portfolio-achievement h2 img {
    width: 3rem;
    left: 1rem
  }

  .portfolio-fullImg {
    padding: 0 !important;
    width: 100%;
    position: relative;
    width: calc(100% + 2rem);
    margin-left: -1rem
  }

  .portfolio-fullImg::before {
    content: "";
    display: block;
    padding-bottom: 80%
  }

  .portfolio-fullImg img {
    top: 50%;
    left: 50%;
    position: absolute;
    width: 100%;
    height: auto;
    min-height: 100%;
    max-width: none;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-object-fit: cover;
    object-fit: cover
  }

  .portfolio-fullImg.new::before {
    padding-bottom: 92%
  }

  .portfolio-fullImg.medium::before {
    padding-bottom: 65%
  }

  .design-logos .container .right,
  .portfolio-fullImg.lallantop {
    width: 100%;
    margin-left: 0
  }

  .portfolio-fullImg.lallantop::before {
    padding-bottom: 16%
  }

  .portfolio-description .text h2 {
    font-size: 2.6rem;
    line-height: 1.5
  }

  .portfolio-description .quote-text {
    padding-left: 0;
    padding-top: 1.1rem
  }

  .portfolio-description .quote-text .image {
    width: 3rem;
    left: -1rem;
    top: -.5rem
  }

  .portfolio-description .quote-text h3 {
    font-size: 1.6rem;
    line-height: 1.5
  }

  .portfolio-description.colored {
    padding: 4rem 1rem 3rem;
    margin-left: -1rem;
    width: calc(100% + 2rem)
  }

  .portfolio-features .container .left .image img {
    width: 75%
  }

  .portfolio-features .container .right .content-with-icon h3,
  .service-colored-banner .container .left .section-title h3 {
    font-size: 2rem;
    letter-spacing: -.05rem
  }

  .portfolio-cta.portfolio-cta-border .cta-border {
    padding: 3rem 1.5rem
  }

  .more-portfolio {
    flex-wrap: wrap;
    width: calc(100% + 2rem);
    margin: 0 0 0 -1rem
  }

  .portfolio-header-new {
    min-height: 100%;
    margin: 0 0 6rem;
    padding: 0 1rem
  }

  .more-portfolio-wrap,
  .portfolio-industry {
    margin-left: -1rem;
    width: calc(100% + 2rem)
  }

  .portfolio-header-new .content {
    padding: 0 0 2.85rem
  }

  .portfolio-header-new .content .image {
    position: static;
    max-width: 13rem;
    margin: 0 auto 1.5rem;
    transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0)
  }

  .portfolio-header-new .content.small-logo {
    padding: 0 0 2.8rem
  }

  .about-img-banner .img-overlay img,
  .portfolio-header-new .content.small-logo .image {
    max-width: 13rem
  }

  .gallery h2,
  .reliable .text-top h2 {
    max-width: 23rem
  }

  .technology-stack-new .icon-list-wrapper .icon-list {
    padding: 2.5rem 0 0
  }

  .technology-stack-new .icon-list-wrapper .icon-list ul li {
    width: 33.33%;
    margin: 0 0 2.5rem
  }

  .technology-stack-new .icon-list-wrapper .icon-list ul li .icon {
    width: 5.6rem
  }

  .portfolio-col-3-wrap .portfolio-col-3 .box-wrapper {
    margin: 0 auto 1.2rem
  }

  .portfolio-col-3-wrap .portfolio-col-3 .content {
    padding: 0 2rem 2.7rem;
    max-width: 20rem;
    margin: 0 auto
  }

  .single-content h2 {
    font-size: 2.6rem;
    line-height: 1.2
  }

  .single-content p {
    margin: 0 0 2rem;
    font-size: 1.65rem
  }

  .hiring-model ul li,
  .single-content .three-box>div {
    width: 100%;
    margin: 0 0 2.5rem
  }

  .single-content .three-box .num {
    font-size: 3.81rem
  }

  .portfolio-industry {
    padding: 0 0 5rem
  }

  .portfolio-industry .col:last-child,
  .portfolio-industry .col:nth-child(odd) {
    padding-left: 2rem;
    padding-right: 2rem
  }

  .portfolio-industry .col .image {
    width: 100%;
    position: relative;
    overflow: hidden
  }

  .portfolio-industry .col .image img,
  .service-case-study-wrap .service-case-study .image img,
  .service-case-study-wrap.multi-case-study .service-case-study .image img {
    top: 50%;
    left: 50%;
    position: absolute;
    width: 100%;
    min-height: 100%;
    max-width: none;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
  }

  .portfolio-industry .portfolio-strip {
    padding: 3rem 1rem 3.6rem
  }

  .portfolio-industry .portfolio-strip .container .left {
    width: 100%;
    order: 2
  }

  .portfolio-industry .portfolio-strip .container .left .image {
    position: static;
    max-width: 13rem;
    margin: 2rem auto 0
  }

  .ascend-wrap,
  .black-theme .bg-white,
  .black1-theme .bg-white,
  .blue-theme .bg-white,
  .dark-theme .bg-white,
  .navy-theme .bg-white {
    margin-left: -1rem;
    width: calc(100% + 2rem);
    padding: 0 1rem
  }

  .design-col-3 .grid .col:last-child,
  .portfolio-features-list .list .num,
  .service-3-col .grid .col:last-child,
  .technologies-wrapper .technologies-details .title {
    margin: 0 0 1.5rem
  }

  .portfolio-features-list .list .content p {
    font-size: 1.5rem
  }

  .black-theme .we-did.bg-white,
  .black1-theme .we-did.bg-white,
  .navy-theme .we-did.bg-white {
    padding: 4rem 0 !important
  }

  .navy-theme .portfolio-icon-center.portfolio-icon-new ul li .image img {
    transform: translate(-50%, -50%) scale(.8);
    -moz-transform: translate(-50%, -50%) scale(.8);
    -webkit-transform: translate(-50%, -50%) scale(.8)
  }

  .more-portfolio-wrap {
    background-color: #fff;
    padding: 0 0 6rem
  }

  .more-portfolio-wrap .more-portfolio-item .image-wrap {
    flex: 0 0 100%;
    padding: 0 1rem
  }

  .more-portfolio-wrap .more-portfolio-item .content {
    flex: 0 0 100%;
    padding: 1.5rem 1rem
  }

  .more-portfolio-wrap .more-portfolio-item .content p {
    font-size: 1.12rem
  }

  .portfolio .portfolio-wrap .portfolio-box-wrap {
    width: 100%;
    margin-bottom: 3rem
  }

  .portfolio .portfolio-wrap .portfolio-box-wrap .content {
    padding: 1rem;
    border-left: 0
  }

  .portfolio .portfolio-wrap .portfolio-box-wrap .portfolio-box .circle {
    width: 18rem;
    height: 18rem
  }

  .common-banner.new .container .caption {
    margin: 2rem auto 6rem !important
  }

  .portfolio-video-wrap {
    margin: 0 0 6rem -2.2rem;
    width: calc(100% + 4.4rem)
  }

  .portfolio-video-wrap .portfolio-video {
    padding: 0;
    border-radius: 0;
    border: 0
  }

  .content-with-img-wrap {
    margin: 0 auto 4rem;
    max-width: 540px
  }

  .content-with-img-wrap .content-with-img .content,
  .full-menu .full-menu-inner .top .fullmenu-dropdown>ul,
  .service-testimonial .testimonial-by,
  .service-testimonial .title,
  .team-wrap .team-members .right .content .designation {
    padding-left: 0
  }

  .content-with-img-wrap .content-with-img:nth-child(2n) {
    flex-direction: row;
    margin-bottom: 0
  }

  .content-with-img-wrap .content-with-img:nth-child(2n) .image {
    flex: 0 0 100%;
    margin: 0 0 3rem
  }

  .content-with-imgLottie-wrap .content-with-img .media {
    padding-right: 0;
    flex: 0 0 100%;
    margin: 0 0 2rem
  }

  .content-with-imgLottie-wrap .content-with-img .media .image {
    width: 40%
  }

  .content-with-imgLottie-wrap .content-with-img .media .lottie {
    width: 60%
  }

  .content-with-imgLottie-wrap .content-with-img .content,
  .site-footer.footer .footer-content .right {
    flex: 0 0 100%;
    padding-left: 0
  }

  .integration-wrapper .integration .animation-wrapper {
    width: 80%;
    margin: 0 auto 2rem
  }

  .integration-wrapper .integration .animation-wrapper:nth-child(2) {
    width: 80%;
    padding: 0
  }

  .integration-wrapper .integration .animation-wrapper .text {
    max-width: 100%;
    font-size: 1.6rem
  }

  .game-list {
    margin-left: -1rem;
    width: calc(100% + 2rem);
    padding: 4rem 1rem
  }

  .game-list .games .image {
    width: calc(50% - .75rem)
  }

  .game-list .links .image {
    margin-right: .8rem
  }

  .portfolio-image-banner .content.v-center h1 {
    line-height: 1.33;
    font-size: 2.8rem
  }

  .portfolio-slider-wrapper {
    margin: 0 -1rem 6rem;
    padding: 3rem 1rem 0
  }

  .contact.media-wrap .media.reverse .content,
  .service-wrap .entry-content ol,
  .service-wrap .entry-content ul,
  .tripple-wrap {
    padding-left: 1rem
  }

  .portfolio-slider-wrapper .portfolio-slider {
    padding-bottom: 3rem;
    margin-bottom: 3rem
  }

  .portfolio-slider-wrapper .portfolio-slider .portfolio-slider-inner,
  .portfolio-slider-wrapper .text {
    max-width: 510px;
    padding: 0 15px
  }

  .portfolio-slider-wrapper .portfolio-slider::after {
    left: -1rem;
    width: calc(100% + 2rem);
    top: calc(50% - 3rem)
  }

  .portfolio-slider-wrapper p {
    font-size: 1.5rem;
    line-height: 1.67;
    letter-spacing: normal
  }

  .lallantop-slider .top-news {
    margin-left: 2rem
  }

  .lallantop-slider ul {
    transform: translateX(2rem);
    -moz-transform: translateX(2rem);
    -webkit-transform: translateX(2rem);
    flex-wrap: wrap
  }

  .lallantop-slider ul li {
    width: calc(50% - 1rem);
    margin-bottom: 1rem
  }

  .lallantop-slider ul li+li {
    margin-left: 1rem
  }

  .tripple-wrap {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-right: 1rem
  }

  .tripple-legacy .container .right .tl-box-wrap li {
    width: 100%;
    margin-bottom: 2rem
  }

  .blog .alm-reveal.vertical .blog-listing .image,
  .blog .blog-post.vertical .blog-listing .image,
  .content-with-img-wrap.tripple-content-with-img .content-with-img .image {
    flex: 0 0 100%;
    margin-right: 0
  }

  .tripple-testimonial .media::before {
    padding-bottom: 87.41%
  }

  .tripple-testimonial .media .playpause-video,
  .tripple-testimonial .media video {
    top: 1.6%;
    left: 14.8%;
    width: 31.2%;
    height: 76.6%;
    border-radius: 1.1rem
  }

  @keyframes pulseBtn {
    0% {
      box-shadow: 0 0 0 0 #fff
    }

    100% {
      box-shadow: 0 0 0 6px rgba(255, 255, 255, 0)
    }
  }

  .contact.top-banner {
    margin-top: 3rem
  }

  .contact .contact-form .group {
    flex-wrap: wrap;
    margin: 0
  }

  .address {
    background: #fff;
    margin-left: -1rem;
    width: calc(100% + 2rem);
    padding: 3rem 1rem 6rem
  }

  .address .box .image {
    display: block;
    max-width: 7rem
  }

  .address .box .content {
    max-width: 100%;
    width: 100%;
    margin: 0 0 2rem;
    padding-top: 0
  }

  .address .box .content h3 {
    font-size: 2rem;
    margin: 0;
    font-weight: 600
  }

  .contact-img-banner {
    margin: -8.375rem -1rem 0;
    width: calc(100% + 2rem)
  }

  .contact-img-banner::before {
    padding-bottom: 64.5%
  }

  .blog-top .container .left {
    flex-basis: 100%;
    width: 100%;
    margin-right: 0
  }

  .blog-top .container .right {
    flex-basis: 100%;
    width: 100%;
    margin-left: 0
  }

  .blog-top.press,
  .portfolio-new-banner .container {
    padding-top: 0
  }

  .blog .alm-reveal .blog-listing,
  .blog .blog-post .blog-listing,
  .blog-top.press .container .left,
  .blog-top.press .container .right,
  .career .career-post .career-listing,
  .knowledge-center .knowledge-center-post .knowledge-center-listing {
    flex-basis: 100%;
    width: 100%
  }

  .blog-top.press .container .left .content h2,
  .blog-top.press .container .left .content h4,
  .blog-top.press .container .right .content h2,
  .blog-top.press .container .right .content h4 {
    font-size: 1.3rem;
    margin-right: 0
  }

  .blog .alm-reveal.vertical .blog-listing .content,
  .blog .blog-post.vertical .blog-listing .content {
    max-width: 43rem;
    margin-top: 1.5rem
  }

  .blog .alm-reveal.vertical .blog-listing .content h2,
  .blog .blog-post.vertical .blog-listing .content h2 {
    max-width: 100%;
    font-size: 1.2rem;
    line-height: 1.5;
    margin-bottom: .55rem
  }

  .blog .alm-reveal.vertical .blog-listing .content p,
  .blog .blog-post.vertical .blog-listing .content p {
    margin: 0 0 .9rem
  }

  .blog-home-title .tag,
  .site-footer.footer .links-copyright .copyright ul li a {
    font-size: 1.1rem
  }

  .blog-subscribe,
  .hiring-explore .card,
  .service-colored-banner .container,
  .service-portfolio .image-wrap {
    padding: 2rem
  }

  .blog-subscribe .text {
    font-size: 3.2rem
  }

  .about-img-banner .content,
  .creating-industry .text {
    font-size: 1.5rem;
    line-height: 1.6
  }

  .blog-modal .blog-subscribe {
    max-width: 300px;
    min-width: 300px
  }

  .emaillist .es-field-wrap label input[type=email] {
    padding-left: 5px;
    padding-right: 97px
  }

  .blog-single .header-content h1 {
    font-size: 2.18rem;
    line-height: 1.5
  }

  .blog-single .author-details .blog-author .image {
    width: 3.85rem;
    height: 3.85rem
  }

  .blog-single .author-details .blog-author .name p {
    font-size: 1rem
  }

  .blog-single .author-details .blog-social-icon {
    margin-left: 4.5rem;
    margin-top: 1rem
  }

  .blog-single .blog-content h3 {
    font-size: 1.45rem;
    line-height: 1.58
  }

  .blog-single .blog-content .blog-quick-links ol li,
  .blog-single .blog-content .blog-quick-links ul li,
  .blog-single .blog-content p {
    font-size: 1.3rem;
    line-height: 1.67
  }

  .blog-single .blog-content .blog-quick-links h4 {
    padding: .8rem .8rem .8rem 1rem;
    font-size: 1.4rem
  }

  .featured-on {
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0
  }

  .featured-on:not(:last-child),
  .technologies-wrapper .btn-round {
    margin-bottom: 1.5rem
  }

  .featured-on li {
    width: calc(33.3333333333% - .4rem);
    border-radius: .6rem;
    margin-right: .5rem
  }

  .about-banner.common-banner .container .caption {
    margin: 2rem auto 5rem
  }

  .about-image-banner {
    margin: 0 -1rem 8rem
  }

  .about-image-banner .image-wrap {
    margin-left: 1rem;
    width: calc(100% - 1rem);
    border-top-left-radius: 5rem
  }

  .about-image-banner .image-wrap::before {
    padding-bottom: 76.25%
  }

  .about-image-banner .lets {
    padding: 1.25rem 1.5rem;
    margin-left: 1rem;
    margin-right: -1.3rem
  }

  .gallery h2 {
    margin: 0 auto
  }

  .gallery .text {
    margin: 0 0 3.35rem 1.125rem
  }

  .design-col-3 .grid .col p,
  .gallery .text p {
    font-size: 1.2rem;
    font-weight: 400
  }

  .gallery .text img {
    width: 5.5rem
  }

  .gallery .row-one .col-1 {
    flex: 0 1 100%;
    order: 2
  }

  .gallery .row-one .col-2,
  .gallery .row-three .col-1,
  .gallery .row-three .col-2,
  .gallery .row-three .col-3,
  .gallery .row-two .col-1,
  .gallery .row-two .col-2,
  .gallery .row-two .col-3 {
    flex: 0 1 100%
  }

  .clients-wrap {
    margin: 0 0 4rem;
    padding: 3rem 0
  }

  .clients-wrap .clients li,
  .clients-wrap .clients.clients-sm li {
    width: calc(50% - .5rem);
    margin: 0 .5rem 1rem
  }

  .clients-wrap .clients li img,
  .clients-wrap .clients.clients-sm li img {
    height: 100%;
    transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -o-object-fit: contain;
    object-fit: contain
  }

  .delivering-wrap {
    margin: 0 -1rem 2rem;
    padding: 2rem 1rem
  }

  .team-wrap .team-members {
    flex-wrap: wrap;
    margin: 0 0 6rem
  }

  .team-wrap .team-members .right {
    width: 100%;
    margin-top: 3rem
  }

  .team-wrap .team-members .right .content p {
    font-size: 2rem;
    text-align: center
  }

  .team-wrap .team-members .right .content .line img {
    display: block;
    margin: 0 auto
  }

  .team-wrap .team-members .right .content .designation h4 {
    font-size: 1.8rem;
    text-align: center
  }

  .team-wrap .location {
    margin: 4.4rem 0 6rem
  }

  .team-wrap .location ul li {
    width: 100%;
    margin: 0 0 8rem
  }

  .team-wrap .location ul li .box {
    width: 21rem;
    margin: 0 auto;
    padding: 1rem
  }

  .team-wrap .location ul li .box img {
    bottom: -3.5rem
  }

  .team-wrap.new .location ul li .box .title {
    top: 2.6rem !important
  }

  .team-wrap.new .location ul li .box::after {
    width: 6rem;
    height: 6rem
  }

  .team-wrap.new .location ul li .box.green .title {
    max-width: 11.615rem
  }

  .team-wrap.new .location ul li .box.green img {
    width: 12rem
  }

  .team-wrap.new .location ul li .box.green::after {
    right: 2.8rem;
    top: 7rem
  }

  .team-wrap.new .location ul li .box.yellow .title {
    max-width: 9.45rem
  }

  .team-wrap.new .location ul li .box.yellow img {
    width: 9.4rem
  }

  .team-wrap.new .location ul li .box.yellow::after {
    right: 4.1rem;
    top: 7rem
  }

  .team-wrap.new .location ul li .box.cyan .title {
    max-width: 12.49rem
  }

  .team-wrap.new .location ul li .box.cyan img {
    width: 10rem;
    left: 4.2rem
  }

  .team-wrap.new .location ul li .box.cyan::after {
    top: 9rem
  }

  .team-wrap.new .location.service ul li {
    width: 21rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 6rem !important
  }

  .team-wrap.new .location.service ul li .box::before {
    padding-bottom: 68.333%
  }

  .team-wrap.new .location.service ul li .box .heading {
    font-size: 2.5rem;
    margin-top: 1rem
  }

  .team-wrap.new .location.service ul li .box img {
    left: auto !important
  }

  .team-wrap.new .location.service ul li:nth-child(3n) {
    margin-right: auto
  }

  .about-img-banner .img-overlay {
    bottom: auto;
    right: 1rem;
    top: 10.5rem
  }

  .about-img-banner .content {
    margin-top: 2rem;
    letter-spacing: normal
  }

  .achieve .box-wrap .box {
    width: 100%;
    margin: 0 0 3.5rem
  }

  .achieve .box-wrap .box .icon {
    flex: 0 0 4rem;
    margin-right: 1.8rem
  }

  .achieve .box-wrap .box .icon::after {
    width: 3.5rem;
    height: 3.5rem;
    top: -.7rem;
    right: -.7rem
  }

  .achieve .box-wrap .box .content p {
    font-size: 1.125rem
  }

  .life-ta {
    margin: 0 0 6rem;
    padding: 3rem 1rem .7rem
  }

  .life-ta .about-gallery .box-wrap {
    margin-right: 0;
    width: 100% !important;
    margin-top: 0 !important
  }

  .life-ta .about-gallery .box-wrap .box {
    width: 100% !important;
    margin-right: 0 !important
  }

  .life-ta .about-gallery .box-wrap:first-child .box:last-child::before {
    padding-bottom: 86.05%
  }

  .life-ta .about-gallery .box-wrap:nth-child(2) .box::before {
    padding-bottom: 146%
  }

  .life-ta .about-gallery .box-wrap:last-child .box::before {
    padding-bottom: 92.67%
  }

  .life-ta .about-gallery .box-wrap.single:nth-child(2) .box::before {
    padding-bottom: 120%
  }

  .apcy-image {
    margin: 0 0 6rem;
    width: 100%;
    position: relative
  }

  .apcy-image::before {
    content: "";
    display: block;
    padding-bottom: 45.2%
  }

  .apcy-image img {
    left: 86%
  }

  .ta-features::after,
  .ta-features::before {
    height: 6rem
  }

  .our-impact-wrap .our-impact {
    padding: 3rem 1rem 1rem;
    margin: 0 -1rem
  }

  .featured-on.new:first-of-type li {
    width: calc(33.3334% - .8rem)
  }

  .featured-on.new:nth-of-type(2),
  .service-menu-wrap .services-top,
  .service-tool-wrapper ul {
    justify-content: center
  }

  .featured-on.new:nth-of-type(2) li:nth-child(2n) {
    display: block;
    width: calc(33.3334% - .8rem)
  }

  .clients-wrap.gradient,
  .service-strip.our-experts {
    margin-left: -1rem;
    width: calc(100% + 2rem)
  }

  .clients-wrap.gradient .title-uppercase {
    margin-bottom: 2rem !important
  }

  .iot-slider .section-links ul li a,
  .services-header .service-links-scroll ul li a {
    font-size: 1rem;
    min-width: 6rem
  }

  .iot-slider .iot-inner {
    max-width: calc(100% + 54px);
    margin-left: -27px;
    margin-right: -27px;
    border-radius: 0
  }

  .career-slider-wrap .career-slider .carousel-nav img,
  .iot-slider .iot-inner .carousel-nav img {
    max-width: 2.5rem
  }

  #approach,
  #services,
  #solutions {
    padding: 6rem 0 0
  }

  .iot-media .content .grid .grid-image,
  .logistics .content .grid .grid-image,
  .services-media .content .grid .grid-image {
    flex: 0 0 5.4rem
  }

  .career-box-wrap .box-wrap .box,
  .iot-blog .blog-inner ul li,
  .review-box .box,
  .service-1-col .grid .col,
  .service-2-col .grid .col,
  .service-2-col1 .grid .col {
    width: 100%;
    margin: 0 0 1.5rem
  }

  .iot-blog .blog-inner ul li:last-child {
    display: flex
  }

  .iot-blog .view,
  .service-colored-banner .container .right .image.bottom,
  .service-colored-banner .container .right .image.center {
    top: 0
  }

  .iot.awards {
    margin: 4rem 0 6rem
  }

  .iot-consulting ul {
    flex-wrap: wrap;
    justify-content: center
  }

  .iot-consulting ul li {
    width: 33.3333333333%;
    margin: 0 0 2.5rem
  }

  .iot-consulting ul li .icon {
    width: 3.75rem
  }

  .iot-consulting ul li::after,
  .iot-consulting ul li::before {
    width: 2.37rem
  }

  .iot-bottom-section ul li {
    width: 100%;
    margin: 0 0 1.875rem
  }

  .schedule-meeting .schedule-form {
    padding: 1.875rem
  }

  .iot-card {
    padding: 2.5rem 0 0;
    max-width: 100%
  }

  .col-3-list ul li:last-child .iot-card {
    padding-bottom: 2.5rem
  }

  .services-top {
    flex-wrap: wrap;
    margin-bottom: 0
  }

  .services-top .box-wrap {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 2rem
  }

  .services-top .box-wrap .box {
    width: 70%;
    margin: 0 auto
  }

  .services-top .box-wrap .box img {
    transform: translate(-50%, -50%) scale(.9);
    -moz-transform: translate(-50%, -50%) scale(.9);
    -webkit-transform: translate(-50%, -50%) scale(.9)
  }

  .services-top .box-wrap .box::after {
    width: 6rem;
    height: 6rem;
    top: 4rem;
    right: 4rem
  }

  .services-top .box-wrap h4 {
    font-size: 1.8rem;
    line-height: 1.27;
    transform: translate(1.5rem, -1.5rem);
    -moz-transform: translate(1.5rem, -1.5rem);
    -webkit-transform: translate(1.5rem, -1.5rem)
  }

  .services-top .box-wrap .line {
    transform: translate(-.3rem, -.8rem) scale(.6);
    -moz-transform: translate(-.3rem, -.8rem) scale(.6);
    -webkit-transform: translate(-.3rem, -.8rem) scale(.6)
  }

  .services-wrap .services {
    width: 100%;
    margin-top: 4rem
  }

  .services-wrap .services .thumb {
    margin: 0 1rem 0 0;
    width: 5.5rem
  }

  .services-wrap .services .thumb img {
    height: 100%;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1)
  }

  .services-wrap .services .thumb::after {
    width: 5rem;
    height: 5rem;
    top: -1.5rem;
    right: -1.5rem
  }

  .services-wrap .services .content {
    width: calc(100% - 6.5rem);
    margin-top: 5.5rem
  }

  .industries {
    padding: 4rem 1rem;
    margin: 0 -1rem 6rem
  }

  .service-menu-wrap {
    margin: 0 0 6rem;
    padding: 3rem 0 4rem
  }

  .service-menu-wrap .service-menu-slider .service-btn-grp li {
    margin: 0 .4rem;
    max-width: none;
    width: auto;
    -webkit-tap-highlight-color: transparent
  }

  .service-menu-wrap .service-menu-slider .service-btn-grp li p {
    border-radius: 1.8rem;
    padding: .4rem 1.5rem;
    margin-bottom: .5rem
  }

  .service-menu-wrap .service-menu-slider .services-top .box-wrap .box {
    width: 9.5rem
  }

  .service-menu-wrap .services-top .box-wrap {
    margin-left: 0;
    margin-right: 0;
    width: 50%;
    margin-bottom: 2.5rem
  }

  .service-menu-wrap .services-top .box-wrap h4 {
    transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
    text-align: center;
    margin-top: .5rem
  }

  .service-menu-wrap .services-top .box-wrap .line {
    transform: translate(0, .5rem) scale(.4);
    -moz-transform: translate(0, .5rem) scale(.4);
    -webkit-transform: translate(0, .5rem) scale(.4);
    display: block;
    margin: 0 auto
  }

  .service-case-study-wrap {
    margin: 0 0 6rem -1rem;
    width: calc(100% + 2rem)
  }

  .service-case-study-wrap .section-title {
    padding: 0 1rem;
    margin: 0 0 4rem
  }

  .service-case-study-wrap .service-case-study .content {
    flex: 0 0 100%;
    padding: 2.2rem 2.2rem 3rem;
    order: 2
  }

  .service-case-study-wrap .service-case-study .content p,
  .service-case-study-wrap.multi-case-study .service-case-study .content p,
  .service-colored-banner .container .left .section-title p,
  .service-feature-wrap .service-feature-inner .right p {
    font-size: 1.4rem
  }

  .service-case-study-wrap .service-case-study .image::before,
  .service-case-study-wrap.multi-case-study .service-case-study .image::before {
    content: "";
    display: block;
    padding-bottom: 72%
  }

  .service-case-study-wrap.multi-case-study .service-case-study .content {
    flex: 0 0 100%;
    padding: 2.2rem 2.2rem 3rem
  }

  .service-testimonial {
    padding: 0;
    margin: 0 0 6rem
  }

  .service-testimonial .title h2 {
    font-size: 2rem;
    line-height: 1.5
  }

  .service-testimonial .testimonial-by .image-wrap {
    flex: 0 0 5rem;
    height: 5rem;
    margin-right: 1.5rem
  }

  .digital-product .container .left .section-title h3 {
    margin: 0 0 1.2rem
  }

  .digital-product .container .right .box-wrap .box {
    flex: 0 0 100%;
    padding-right: 0;
    padding-bottom: 0
  }

  .about .three-column-boxes li {
    padding: 1.75rem
  }

  .technologies-wrapper .technologies-inner {
    padding: 1rem 1rem 0
  }

  .technologies-wrapper .technologies-inner .icons-top ul li {
    max-width: 33.334%;
    margin-bottom: 1.2rem
  }

  .technologies-wrapper .technologies-details .technologies-btn-grp {
    overflow-x: auto;
    display: flex
  }

  .technologies-wrapper .technologies-details .technologies-btn-grp .technologies-btn {
    margin-right: 1.5rem;
    font-size: 2.2rem
  }

  .technologies-wrapper .technologies-details .service-technologies-slider .item ul li {
    max-width: 33.3334%
  }

  .technologies-wrapper .technologies-details .service-technologies-slider .technologies-names {
    margin: 0 -1rem 1.7rem
  }

  .technologies-wrapper .technologies-details .service-technologies-slider .technologies-names .names {
    font-size: 2.2rem;
    padding: 0 1rem
  }

  .technologies-single {
    padding: 1rem
  }

  .service-slider-section .service-carousel .item {
    margin-right: 8px
  }

  .services-header .text h1 {
    font-size: 2.9rem;
    line-height: 1.17;
    letter-spacing: -.144rem
  }

  .review-box,
  .services-media {
    margin-top: 4rem
  }

  .service-case-study .service-box .title {
    max-width: 27rem
  }

  .service-image {
    margin: 6rem auto 0
  }

  .services-header .top-banner .image {
    width: 27rem
  }

  .services-header .text {
    margin-left: auto
  }

  .app-store .col-3-section .content:first-child,
  .site-footer.footer .links-copyright .links {
    flex: 0 0 100%;
    margin: 0 0 1.5rem
  }

  .service-logo-wrap ul li {
    max-width: 50%;
    margin: 0 0 2rem
  }

  .service-4-col .col-4-list {
    padding: 2rem 1rem
  }

  .service-4-col .col-4-list ul li .card h3 {
    font-size: 2.25rem
  }

  .service-4-col .col-4-list ul li .card h4::after {
    margin-top: 1rem
  }

  .service-1-col .text h2 span,
  .service-2-col .text h2 span {
    display: inline
  }

  .service-center-content .text {
    text-align: left !important;
    margin-left: 0 !important
  }

  .service-center-content.service-logo .image-wrap ul li {
    max-width: calc(50% - 1rem);
    margin: 0 .5rem 2rem
  }

  .service-portfolio .content,
  .service-portfolio .row:nth-child(2n) .content {
    margin: 1.5rem 1rem 2.5rem
  }

  .service-testimonial .image {
    margin: 0 0 1.45rem
  }

  .service-feature-wrap .service-feature-inner {
    margin: 1rem 0 0
  }

  .service-feature-wrap .service-feature-inner .left img {
    margin: 0 auto 2rem
  }

  .our-experts .container {
    padding-top: 2rem;
    padding-bottom: 3rem
  }

  .our-experts .container .left {
    padding-left: 1rem;
    padding-right: 1rem;
    width: 100%
  }

  .our-experts .container .right {
    margin: 0;
    padding-left: 1rem
  }

  .project-strip {
    margin: 0 0 10rem;
    padding: 3rem 0
  }

  .project-strip .container .left,
  .project-strip-slider .slider-wrap .container .left {
    padding-left: 0;
    padding-top: 0;
    width: 100%
  }

  .project-strip .container .right,
  .project-strip-slider .slider-wrap .container .right {
    width: 100%;
    margin-top: 2rem
  }

  .project-strip .container .right .image,
  .project-strip-slider .slider-wrap .container .right .image {
    margin-bottom: -8rem
  }

  .project-strip-slider .slider-wrap {
    margin: 0 0 3rem;
    padding: 3rem 0
  }

  .project-strip-slider .owl-dots {
    left: 0;
    text-align: center;
    bottom: -2rem
  }

  .service-box .services-top .box-wrap {
    margin-left: .5rem;
    margin-right: .5rem;
    width: 48%;
    margin-bottom: 1.5rem
  }

  .service-box .services-top .box-wrap .box img {
    transform: translate(-50%, -50%) scale(.6);
    -moz-transform: translate(-50%, -50%) scale(.6);
    -webkit-transform: translate(-50%, -50%) scale(.6)
  }

  .service-box .services-top .box-wrap h3 {
    font-size: 1.3rem;
    margin: 0;
    transform: translateX(0);
    -moz-transform: translateX(0);
    -webkit-transform: translateX(0)
  }

  .full-view-wrap .slider-wrap {
    padding: 1.5rem;
    flex-wrap: wrap
  }

  .full-view-wrap .item {
    margin: 0 .5rem
  }

  .full-view-wrap .owl-carousel {
    margin-left: -1rem;
    margin-right: -1rem;
    width: calc(100% + 2rem)
  }

  .service-3-col .grid .col {
    width: 100%;
    margin: 0 0 4.5rem
  }

  .services.services-wrap {
    padding: 3rem 0;
    margin-bottom: 6rem
  }

  .services.services-wrap.design-inner {
    padding: 3rem 0
  }

  .design-col-3 {
    padding: 3rem 0 0
  }

  .design-col-3 .grid {
    gap: 0
  }

  .design-col-3 .grid .col {
    width: 100%;
    margin: 0 0 3rem
  }

  .design-logos .container .right .logos {
    margin-top: 1.5rem;
    max-width: 100%;
    justify-content: space-between
  }

  .design-logos .container .right .logos li {
    width: calc(50% - .5rem);
    padding: 1rem 0
  }

  .design-team.sub-title .text {
    max-width: 48rem
  }

  .design-team .design-team-inner .image-group {
    flex-wrap: wrap;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0)
  }

  .design-team .design-team-inner .image-group .image-grid {
    width: 100%;
    display: flex;
    padding: 0
  }

  .design-team .design-team-inner .image-group .image-grid p {
    font-weight: 400;
    line-height: 1.27
  }

  .design-team .design-team-inner .image-group .image-grid .box {
    width: 50%;
    margin: 0 .5rem
  }

  .service-tool-wrapper .text {
    margin: 0 auto 4rem !important;
    padding: 3rem 0 7rem
  }

  .service-tool-wrapper .icon-list-wrapper .icon-list h3 {
    font-size: 1.8rem;
    text-align: center;
    margin: 1.5rem 0 1rem
  }

  .service-tool-wrapper .service-tool {
    transform: translateY(-10rem);
    padding: 1.5rem 1rem
  }

  .service-tool-wrapper ul li {
    width: 50%;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 0 2rem
  }

  .service-tool-wrapper ul li .icon {
    width: 45px
  }

  .service-tool-wrapper ul li p {
    margin: .5rem 0 0 .5rem;
    width: 100%;
    text-align: center
  }

  .service-details-banner.common-banner.video-banner {
    margin-left: -1rem;
    width: calc(100% + 2rem);
    margin-bottom: 6rem
  }

  .service-colored-banner .container .right .image.bottom::before,
  .service-colored-banner .container .right .image.center::before,
  .service-colored-banner .container .right .image::before {
    padding-bottom: 100%
  }

  .service-colored-banner .container .left {
    padding: 0 0 1rem
  }

  .service-inner-banner {
    margin: 0 -1rem 6rem;
    padding: 0 1rem
  }

  .service-inner-banner .container {
    padding: 10rem 0 2rem
  }

  .service-inner-banner .container .banner-details {
    padding: 0 1rem;
    flex-wrap: wrap
  }

  .service-inner-banner .container .banner-details .content h1 {
    font-size: 2.8rem;
    font-weight: 600;
    line-height: 1.33
  }

  .service-inner-banner .media-wrapper {
    flex: 0 0 auto
  }

  .service-inner-banner .media-wrapper .media {
    max-width: 200px;
    margin: 0 auto
  }

  .hiring-form.home-form .contact-form .btn {
    word-break: break-word
  }

  .knowledge-center-single {
    margin: 2rem 0 4rem
  }

  .knowledge-center-single .header-content h1 {
    font-size: 2.18rem;
    font-weight: 300;
    line-height: 1.5;
    margin: 0 0 1.4rem
  }

  .knowledge-center-single .content p {
    font-size: 1.28rem;
    line-height: 1.65
  }

  .career-title.top-banner .container .caption {
    margin: 0 auto 3.45rem
  }

  .career.contact .career-form .form-group {
    width: 100%;
    margin: 0 0 2rem
  }

  .career .text.center h2 {
    max-width: 23rem;
    margin: 0 auto 3rem
  }

  .career-banner {
    margin: 4rem 0
  }

  .career-banner .container .content {
    padding: 1.5rem
  }

  .career-bottom .map {
    padding-bottom: 56%
  }

  .career-center-single .content p,
  .career-center-single .content ul li {
    font-size: 1.5rem;
    line-height: 1.67
  }

  .career-box-wrap .box-wrap .box h3 {
    font-size: 1.6rem;
    letter-spacing: -.03rem
  }

  .career-col.service-2-col1 .content ul li {
    font-size: 1.32rem;
    line-height: 1.5;
    font-weight: 400
  }

  .career-col.service-2-col1 .grid .col {
    padding: 2.5rem 1.5rem
  }

  .career-col.service-2-col1 .grid .col ul li {
    font-size: 1.25rem;
    line-height: 1.5;
    font-weight: 400
  }

  .site-footer {
    margin-left: -1rem;
    margin-right: -1rem
  }

  .site-footer .project-in-mind {
    padding: 2.1rem 1rem;
    text-align: center
  }

  .site-footer .project-in-mind .container p {
    flex: 0 0 100%;
    margin: 0 0 1.5rem;
    font-size: 2.6rem;
    font-weight: 600
  }

  .site-footer .project-in-mind .container p.light {
    font-size: 2.5rem
  }

  .site-footer .footer-bottom .container {
    flex-wrap: wrap;
    display: flex
  }

  .site-footer .footer-bottom .container .location {
    max-width: 26rem;
    width: 100%;
    margin-top: 2rem
  }

  .site-footer .footer-bottom .container .location .image {
    width: 9.34rem
  }

  .site-footer .footer-bottom .container .location p {
    font-size: 1.1rem;
    margin: 0 0 1rem
  }

  .site-footer .footer-bottom .container .links {
    width: 100%;
    border-top: 1px solid #444;
    flex-wrap: wrap;
    margin-top: 1.5rem
  }

  .site-footer .footer-bottom .container .links ul li {
    font-size: 1.1rem;
    padding: 0 .3rem;
    display: inline-block
  }

  .site-footer .footer-bottom .container .links ul li:first-child a {
    margin-top: 1rem;
    margin-bottom: 0
  }

  .site-footer .footer-bottom .container .bottom {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1rem;
    padding-top: 1rem
  }

  .site-footer .footer-bottom .container .bottom .social-small {
    order: 2;
    margin-top: 1rem
  }

  .site-footer .footer-bottom .container .bottom .social-small ul li {
    width: 2rem
  }

  .site-footer .footer-bottom .container .bottom .copyright {
    width: 100%;
    border-top: 0
  }

  .site-footer .footer-bottom .container .bottom .copyright p {
    font-size: 1.1rem;
    text-align: center;
    width: 100%
  }

  .site-footer.footer .footer-content {
    padding: 2rem 0 3rem;
    flex-wrap: wrap
  }

  .site-footer.footer .footer-content .left {
    flex: 0 0 100%;
    padding-right: 0;
    flex-wrap: wrap;
    margin: 0 0 2rem
  }

  .site-footer.footer .footer-content .left .content-details .title {
    font-size: 1.28rem;
    margin: 1.5rem 0 .5rem
  }

  .site-footer.footer .footer-content .left .content-details .content {
    font-size: 1.15rem;
    letter-spacing: -.01rem;
    margin: 0 0 .3rem;
    max-width: 18rem
  }

  .site-footer.footer .footer-content .left .content-details .content ul li a {
    font-size: 1.15rem;
    letter-spacing: -.01rem;
    margin: 0 0 .5rem;
    display: block
  }

  .site-footer.footer .footer-content .right .img-bottom,
  .site-footer.footer .footer-content .right .img-middle,
  .site-footer.footer .footer-content .right .img-top,
  .site-footer.footer .footer-content .right .right-gptw-logo {
    margin-left: auto;
    margin-right: auto
  }

  .site-footer.footer .footer-content .right-gptw-logo img {
    margin: auto
  }

  .site-footer.footer .links-copyright {
    justify-content: center;
    flex-wrap: wrap
  }

  .site-footer.footer .links-copyright .copyright {
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    font-size: 1.1rem
  }

  .site-footer.footer .links-copyright .copyright ul {
    flex: 0 0 100%;
    margin-right: 0;
    margin-bottom: 1rem
  }

  .top-shape {
    right: -755px;
    top: -509px
  }

  .view {
    line-height: 2;
    padding-right: 8rem
  }

  .btn-sm {
    font-size: 1.25rem;
    padding: .8rem 1rem .7rem
  }

  .site-header .header-inner .logo .logo-name {
    max-width: 6.7rem;
    margin-left: .7rem
  }

  .site-header .header-inner #menu-toggle #cross span:first-child {
    width: 3px;
    left: 12.5px
  }

  .site-header .header-inner #menu-toggle #cross span:nth-child(2) {
    height: 3px;
    top: 12.5px
  }

  .full-menu .full-menu-inner .top .menu {
    margin-left: 1rem;
    justify-content: flex-start
  }

  .full-menu .full-menu-inner .top .menu li {
    font-size: 2.6rem;
    margin-right: 3.5rem;
    line-height: 1.65
  }

  .full-menu .full-menu-inner .top .menu li .toggle {
    width: 3.5rem;
    height: 4.25rem;
    font-size: 1.25rem;
    right: -3.5rem
  }

  .full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li {
    max-width: 100% !important;
    margin: 0
  }

  .full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li>ul>li.heading {
    font-size: 1rem;
    margin: 0 0 1rem
  }

  .modal .modal-wrapper.right-bottom {
    max-width: 320px;
    width: 97%;
    left: auto;
    margin: 0 auto;
    top: 50%
  }

  .modal.is-visible .right-bottom {
    transform: translate(0, -50%) scale(1);
    -moz-transform: translate(0, -50%) scale(1);
    -webkit-transform: translate(0, -50%) scale(1)
  }

  .portfolio-new-banner {
    margin-left: -1rem;
    width: calc(100% + 2rem);
    padding: 0 1rem;
    margin-bottom: 6rem
  }

  .portfolio-new-banner .container h1 {
    letter-spacing: -.1rem
  }

  .portfolio-list-wrap .container .tagline {
    display: none !important
  }

  .portfolio-list-wrap .portfolio-list.three-boxes .portfolio-card-wrap,
  .portfolio-list-wrap .portfolio-list.two-boxes .portfolio-card-wrap {
    width: 100%;
    margin-bottom: 2.05rem
  }

  .portfolio-list-wrap.flat-top .portfolio-list .portfolio-card-wrap:first-child {
    margin-bottom: 2.05rem
  }

  .portfolio-single-wrap .portfolio-single .content {
    flex: 0 0 100%;
    padding: 1.6rem
  }

  .portfolio-single-wrap .portfolio-single .content h2 {
    font-size: 2.8rem;
    margin: 0 0 .6rem
  }

  .portfolio-filter ul {
    justify-content: flex-start;
    padding: .6rem 0
  }

  .portfolio-filter ul li {
    letter-spacing: .02rem;
    margin: .4rem .6rem
  }

  .applykart-col-2 .box .count {
    width: 4.5rem;
    height: 4.5rem;
    line-height: 4.5rem;
    font-size: 1.6rem;
    margin-right: 1rem
  }

  .applykart-technology-stack {
    margin: 0 -1rem;
    padding: 0 1rem
  }

  .applykart {
    margin: 0 -1rem 10rem;
    padding: 0 1rem
  }

  .applykart .portfolio-fullImg {
    margin-top: -54%;
    margin-left: 0
  }

  .applykart .portfolio-fullImg::before {
    padding-bottom: 79.05%
  }

  .applykart-fullImg.portfolio-fullImg img {
    -o-object-fit: contain;
    object-fit: contain
  }

  .applykart-fullImg.portfolio-fullImg::before {
    padding-bottom: 58%
  }

  .pikmykid-num-box .box-wrapper .box {
    max-width: 100%;
    width: 100%;
    margin: 0 0 5rem
  }

  .service-inner-banner.hiring-banner.center .container .banner-details .content h1 {
    font-size: 2.8rem;
    font-weight: 600
  }

  .hire-developers .skills li {
    width: 50%
  }

  .hire-developers .skills li .skills-card .name {
    font-size: 1.2rem;
    line-height: 1.4
  }

  .hire-section .text h2 {
    font-size: 2.6rem;
    line-height: 1.3
  }

  .hiring-model {
    margin: 0 0 3.5rem
  }

  .ta-engineers {
    margin: 0 0 3.6rem
  }

  .ta-engineers .card .badge {
    font-size: 1.12rem;
    padding: .3rem .65rem .4rem
  }

  .industries-category .industries-tab ul {
    display: flex;
    overflow-x: auto;
    border-top: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
    margin: 0 0 2.625rem
  }

  .industries-category .industries-tab ul li {
    font-family: "Bebas Neue";
    margin-right: 1.5rem;
    font-size: 2.2rem;
    letter-spacing: -.046rem;
    margin-top: 1.375rem;
    margin-bottom: 1.375rem;
    color: #ccc;
    padding: 0;
    white-space: nowrap
  }

  .industries-category .industries-tab ul li a {
    color: #ccc
  }

  .industries-category .industries-tab ul li.active,
  .industries-category .industries-tab ul li.active a {
    color: #222
  }

  .contact-experts-wrapper .contact-experts,
  .industries-category .industries-tab-content .top {
    padding: 2rem 2rem 0
  }

  .industries-category .industries-tab-content .top .title h3 {
    font-size: 2.6rem;
    letter-spacing: -.03rem;
    width: 100%
  }

  .industries-category .industries-tab-content .bottom {
    padding: 4rem 2rem 1rem
  }

  .contact-experts-wrapper .contact-experts .contact-experts-inner .title {
    font-size: 1.8rem;
    line-height: 1.33
  }

  .contact-experts-wrapper .contact-experts .image {
    max-width: 280px;
    margin: 0 auto
  }

  .trusted-us.bg-blue {
    padding: 0 1rem 3rem
  }
}

/* v4 css */


/* custom css */
.blog-single .blog-content img {
  width: 100%;
}

.blog-single .blog-content,
.blog-post .blog-listing,
.blog-single .blog-post .blog-listing .listing-content .title,
.blog .alm-reveal .blog-listing a,
.blog .blog-post .blog-listing a,
.blog-single .blog-content p,
.blog-single .blog-content ul li,
.blog-single .blog-content ol li {
  font-family: "Open Sans", sans-serif;
}

.blog-single .blog-post {
  padding: 0;
}

.blog-single {
  margin-bottom: 40px;
  margin-top: 0;
}

/* noptimize */
.grecaptcha-badge {
  visibility: hidden !important;
  display: none !important;
}

/* noptimize */

.knowledge-center-single .content,
.knowledge-center-single .content ul li,
.knowledge-center-single .content p,
.knowledge-center-single .content ol li {
  color: #222222;
  font-family: "Open Sans", Sans-serif;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: -0.4px;
  font-size: 1.2rem;
}

.knowledge-center .knowledge-center-post .knowledge-center-listing .content h2 {
  font-size: 1.4rem;
  line-height: 1.4;
  font-family: "Open Sans", Sans-serif;
  font-weight: 600;
  letter-spacing: -0.4px;
}

.faq .accordion .accordion-item .accordion-button {
  padding: 1.5rem 3rem 1.5rem 0;
}

.site-footer.footer .footer-content {
  border-bottom: 0;
}

.knowledge-center-single .col-lg-7.col-md-10 {
  padding-left: 6rem;
}

.knowledge-center-single .col-lg-7.col-md-10 div,
.knowledge-center-single .col-lg-7.col-md-10 p,
.knowledge-center-single .col-lg-7.col-md-10 h2,
.knowledge-center-single .col-lg-7.col-md-10 h3 {
  margin-bottom: 20px !important;
}

.career-center-single .content img {
  aspect-ratio: 16/9;
  -o-object-fit: cover;
  object-fit: cover;
}

.service-form#contact-form .form-btn p {
  margin-bottom: 0;
}

.single.single-blog,
.single.single-blog .wrapper,
.single.single-knowledge-center,
.single.single-knowledge-center .wrapper {
  overflow: visible !important;
}

.cs-blog-toc,
.social-share-blog {
  position: sticky;
  top: 88px;
  max-width: 230px;
  width: 100%;
  overflow-y: auto;
}

.cs-blog-toc {
  height: 85vh;
}

.cs-blog-toc::-webkit-scrollbar {
  width: 0 !important;
}

.cs-blog-toc h3 {
  font-size: 20px;
  letter-spacing: -0.8px;
  font-weight: 600;
  line-height: 22px;
  margin: 0 0 8px;
  font-family: "Open Sans", sans-serif;
}

.cs-blog-toc .toc-list {
  overflow-y: auto;
  list-style: none;
  height: 180px;
  margin: 0;
  padding: 0 14px 0 0;
}

.cs-blog-toc .toc-list li+li {
  margin-top: 8px;
}

.cs-blog-toc .toc-list li a {
  font-size: 14px;
  line-height: 1.4;
  text-decoration: none;
  color: #999999;
  display: block;
  font-family: "Open Sans", sans-serif;
}

.cs-blog-toc .toc-list li a:hover {
  color: #000;
}

.cs-blog-toc .toc-list::-webkit-scrollbar-track {
  background-color: #fff;
}

.cs-blog-toc .toc-list::-webkit-scrollbar {
  width: 3px;
  background-color: #fff;
}

.cs-blog-toc .toc-list::-webkit-scrollbar-thumb {
  background-color: #ccc;
  border-radius: 10px;
}

.cs-blog-toc .social {
  max-width: 128px;
  width: 100%;
  border-top: 1px solid #bfbfbf;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 16px 0 0;
  margin: 0;
  border-radius: 0;
}

.cs-blog-toc .social li {
  margin-right: 4px;
}

.cs-blog-toc .social a {
  padding: 0 !important;
}

.cs-blog-toc .social img {
  width: 29px;
  display: block;
}

.site-footer .footer-middle {
  padding: 60px 0;
  background: #000;
}

.site-footer .footer-middle .f-middle-row .left {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.6;
  letter-spacing: normal;
  font-family: "Open Sans", sans-serif;
}

.site-footer .footer-middle .f-middle-row .left .img-box {
  margin-bottom: 20px;
}

.site-footer .footer-middle .f-middle-row .left .img-box img {
  width: 220px;
  -o-object-fit: contain;
  object-fit: contain;
}

.site-footer .footer-middle .f-middle-row .right .links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 10px 20px;
  margin-bottom: 20px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.site-footer .footer-middle .f-middle-row .right .links a {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.6;
  letter-spacing: normal;
  font-weight: 600;
  font-family: "Open Sans", sans-serif;
}

.site-footer .footer-middle .f-middle-row .right .social-links {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: normal;
  line-height: 3;
  letter-spacing: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: 20px;
  text-transform: uppercase;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  font-family: "Open Sans", sans-serif;
}

.site-footer .footer-middle .f-middle-row .right .social-links ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
}

.site-footer .footer-middle .f-middle-row .right .social-links ul li {
  width: 28px;
  height: 28px;
}

.site-footer .footer-middle .f-middle-row .right .social-links a {
  text-decoration: none;
}

.site-footer .footer-middle .f-middle-row .right .social-links a img {
  -o-object-fit: contain;
  object-fit: contain;
}

.site-footer.footer .links-copyright .copyright,
.site-footer.footer .links-copyright .copyright ul li a {
  color: #999999;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6;
  letter-spacing: normal;
  font-family: "Open Sans", sans-serif;
}

.site-footer .footer-middle .f-middle-row .right .links {
  padding: 0;
}

.knowledge-center-single .col-lg-6.col-md-10 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.knowledge-center-single .header-content h1 {
  font-size: 2.4rem;
}

.share-it {
  font-size: 20px;
  margin-bottom: 10px;
}

.knowledge-center-single .views-count {
  font-size: 1.1rem;
  font-weight: 600;
}

.knowledge-center-single .content h2,
.knowledge-center-single .content h3,
.knowledge-center-single .content h4,
.knowledge-center-single strong {
  font-weight: 600;
}

.site-footer.footer .links-copyright .copyright ul {
  margin: 0 0 0 4px;
}

.blog-single .blog-content p,
.blog-single .blog-content {
  line-height: 1.8;
}

.site-footer .footer-middle .f-middle-row .left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 14px;
}

.site-footer .footer-middle .f-middle-row .left .img-box {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.site-footer .footer-middle .f-middle-row .left .img-box img {
  height: 34px;
}

@media (max-width: 991px) {
  .knowledge-center-single .col-lg-7.col-md-10 {
    padding-left: 15px;
  }

  .cs-blog-toc {
    display: none;
  }

  .site-footer .footer-middle .f-middle-row .right .links,
  .site-footer .footer-middle .f-middle-row .right .social-links {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .site-footer .footer-middle .f-middle-row .left {
    margin-bottom: 30px;
    text-align: center;
  }

  .knowledge-center-single .col-lg-6.col-md-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .knowledge-center-single .header-content h1 {
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 1.4;
  }

  .more-portfolio .col:last-child {
    display: block !important;
  }
}

/*blog page and KC  */

.blog-top-profile .blog-author {
  gap: 10px;
}

.blog-top-profile .blog-author .image {
  width: 46px;
  height: 46px;
  border-radius: 50%;
  overflow: hidden;
  border: 1px solid #cccccc;
}

.blog-top-profile .image {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.blog-top-profile .blog-author .name .auth-name {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 600;
  margin: 0 0 4px;
}

.blog-top-profile .blog-author .name {
  margin: 0;
}

.blog-top-profile .author-designation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 14px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.blog-top-profile .author-designation span {
  display: inline-block;
}

.blog-top-profile.faq .accordion .accordion-item .accordion-button .accordion-marker {
  width: auto;
  height: auto;
  float: none;
  font-size: 18px;
  position: unset;
}

.blog-top-profile.faq .accordion .accordion-item .accordion-button,
.blog-top-profile.faq .accordion .accordion-item .accordion-heading,
.blog-top-profile.faq .blog-author {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  padding: 0;
}

.blog-top-profile.faq .accordion .accordion-item .accordion-button {
  gap: 18px;
}

.blog-top-profile.faq .accordion .accordion-item .accordion-button .accordion-marker::before,
.blog-top-profile.faq .accordion .accordion-item .accordion-button .accordion-marker::after {
  top: auto;
  left: auto;
  width: auto;
}

.blog-top-profile .blog-desc-info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 20px;
  gap: 8px 14px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.blog-top-profile .blog-desc-info span {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  font-weight: 600;
  color: #666;
}

.blog-top-profile .blog-desc-info img {
  width: 24px;
  height: 24px;
}

.blog-single .breadcrumbs-container .breadcrumbs,
.knowledge-center-single .breadcrumbs-container .breadcrumbs {
  margin: 0;
  padding: 0;
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.blog-single .breadcrumbs-container .breadcrumbs li,
.knowledge-center-single .breadcrumbs-container .breadcrumbs li {
  color: #666;
  margin: 0 0 8px;
  font-size: 15px;
  font-weight: 600;
  padding: 0.4rem 0;
}

.blog-single .breadcrumbs-container .breadcrumbs li a,
.knowledge-center-single .breadcrumbs-container .breadcrumbs li a {
  color: #666;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  display: inline-block;
}

.blog-single .breadcrumbs-container .breadcrumbs li:last-child a,
.knowledge-center-single .breadcrumbs-container .breadcrumbs li:last-child a {
  color: #222;
  font-weight: 700;
}

.blog-single .breadcrumbs-container .breadcrumbs li+li::before {
  padding: 0 0.2rem 0 0.37rem;
  color: #999;
  content: "/ ";
}

.blog-top-profile.faq .accordion .accordion-item .accordion-button .accordion-marker::before {
  border-style: solid;
  border-width: 2px 2px 0 0;
  content: "";
  display: inline-block;
  height: 8px;
  position: relative;
  top: -3px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  width: 8px;
  background-color: transparent;
  border-color: #999;
}

.blog-top-profile.faq .accordion .accordion-item.active .accordion-button .accordion-marker::before {
  top: auto;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.blog-top-profile.faq .accordion .accordion-item .accordion-inner {
  text-align: justify;
  font-family: "Open Sans", sans-serif;
  margin-top: 18px;
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
}

.next-blog-title {
  font-size: 3rem;
  font-family: "Open Sans";
  margin-bottom: 24px;
  font-weight: 600;
  color: #222;
}

.blog-top-profile.faq .accordion {
  padding: 0;
}

.blog-single .blog-content h2,
.knowledge-center-single .content h2 {
  position: relative;
  padding-left: 34px;
}

.blog-single .blog-content h2::before,
.knowledge-center-single .content h2::before {
  content: " ";
  width: 22px;
  height: 22px;
  border-radius: 24px;
  background: #fe6666;
  position: absolute;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.blog-single .blog-content .blog-video.scaled-video {
  margin: 30px auto !important;
  -webkit-transform: scale(1) !important;
  -ms-transform: scale(1) !important;
  transform: scale(1) !important;
}

.site-header {
  padding-top: 1rem;
  padding-bottom: 1rem;
}

.site-header .nav .menu>li {
  line-height: 4rem;
}

.wrapper {
  position: relative;
  padding-top: 6rem;
}

@media (max-width: 767px) {
  .wrapper {
    padding-top: 4.8rem;
  }
}

.blog-single {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.back-to-top {
  bottom: 1.875rem;
  right: 1.875rem;
}

.chat-popup .chat-toggle .msg,
.chat-popup {
  display: none !important;
}

.homepage-slider.owl-carousel:not(.owl-loaded) {
  opacity: 1 !important;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  overflow: hidden !important;
}

.homepage-slider.owl-carousel:not(.owl-loaded) .slide-text {
  -ms-flex-negative: 0 !important;
  flex-shrink: 0 !important;
  width: 100% !important;
}

.footer-v6 {
  background-color: #1c1c1c;
}

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

.footer-v6 .footer-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer-v6 .footer-top .list:first-child {
  padding: 60px 44px 60px 0;
}

.footer-v6 .footer-top .list {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  white-space: nowrap;
}

.footer-v6 .footer-top .list:first-child .sub-list:not(:last-child) {
  margin-bottom: 30px;
}

.footer-v6 .footer-top .list+.list {
  border-left: 1px solid rgb(255 255 255 / 9%);
  padding: 60px 0 60px 44px;
}

.footer-v6 .footer-top .list:nth-child(2) {
  padding: 60px 44px;
}

.footer-v6 .footer-top .list,
.footer-v6 .footer-top .list a {
  color: #fff;
  text-decoration: none;
  font-size: 15px;
  font-weight: 400;
  line-height: 2.4;
  letter-spacing: normal;
  display: block;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.footer-v6 .footer-top .list a:hover {
  color: #fe6666;
}

.footer-v6 .footer-top .title {
  font-size: 15px;
  color: #999;
  text-transform: capitalize;
  font-weight: 700;
  letter-spacing: normal;
  font-family: "Open Sans", sans-serif;
}

.footer-v6 .footer-badge ul,
.footer-v6 .copyright ul,
.footer-v6 .social-links ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
}

.footer-v6 .social-links ul,
.footer-v6 .footer-badge ul {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}

.footer-v6 .copyright ul {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  list-style: none;
}

.footer-v6 .social-links ul {
  gap: 12px;
  list-style: none;
}

.footer-v6 .footer-links {
  padding: 30px 0;
}

.footer-v6 .footer-links .row,
.footer-v6 .footer-badge ul {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  list-style: none;
}

.footer-v6 .footer-badge {
  padding: 20px 0;
  border-top: 1px solid rgb(255 255 255 / 9%);
  border-bottom: 1px solid rgb(255 255 255 / 9%);
}

.footer-v6 .footer-badge .row {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.footer-v6 .footer-badge h3 {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 0;
}

.footer-v6 .footer-badge .techahead-logo {
  height: 16px;
  margin-bottom: 20px;
  width: auto;
}

.footer-v6 .footer-badge ul {
  gap: 30px;
  list-style: none;
}

.footer-v6 .footer-badge ul li:not(:last-child) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(25% - 30px);
  flex: 0 0 calc(25% - 30px);
}

.footer-v6 .footer-badge ul li img {
  max-width: 68px;
  height: 170px;
  -o-object-fit: contain;
  object-fit: contain;
}

.footer-v6 .footer-badge ul li:not(:last-child) img {
  max-width: 168px;
  height: auto;
}

.footer-v6 .footer-badge ul li:first-child img {
  max-width: 80px;
}

.footer-v6 .footer-badge ul li:first-child {
  -ms-flex-preferred-size: auto;
  flex-basis: auto;
}

.footer-v6 .footer-badge ul li:last-child img {
  margin-left: auto;
}

.footer-v6 .social-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 20px;
  color: #999999;
  text-decoration: none;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.6;
  letter-spacing: normal;
  font-family: "Open Sans", sans-serif;
}

.footer-v6 .social-links ul li a {
  width: 46px;
  height: 46px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 46px;
  background-color: #3167f6;
  border-radius: 50%;
  overflow: hidden;
}

.footer-v6 .social-links ul li a.fb {
  background-color: #435893;
}

.footer-v6 .social-links ul li a.linkedin {
  background-color: #0077b5;
}

.footer-v6 .social-links ul li a.insta {
  background-color: #4b7197;
}

.footer-v6 .social-links ul li a.twitter {
  background-color: #6baae8;
}

.footer-v6 .social-links ul li a.dribbble {
  background-color: #d35b87;
}

.footer-v6 .social-links img {
  width: 20px;
}

.footer-v6 .copyright {
  background-color: #3c3c3c;
  padding: 12px 0;
  text-align: center;
}

.footer-v6 .copyright ul li,
.footer-v6 .copyright ul li a {
  color: #999999;
  text-decoration: none;
  font-size: 15px;
  font-weight: normal;
  line-height: 1.6;
  letter-spacing: normal;
  font-family: "Open Sans", sans-serif;
  display: inline-block;
  white-space: nowrap;
}

.social-share-blog ul {
  padding: 0;
  list-style: none;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
  list-style: none;
}

.social-share-blog ul li a {
  padding: 0 !important;
  display: block;
}

.social-share-blog ul li a img {
  width: 54px;
  height: 54px;
  -o-object-fit: contain;
  object-fit: contain;
  margin: auto;
  display: block;
}

.social-share-blog .title {
  font-size: 15px;
  color: #222;
  line-height: 1;
  letter-spacing: normal;
  font-family: "Open Sans", sans-serif;
  text-align: center;
  margin: 0;
}

.cs-blog-toc .reading-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 6px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 600;
  color: #222;
}

.cs-blog-toc .reading-time img {
  width: 24px;
  height: 24px;
}

.cs-blog-toc #progress-container {
  width: 100%;
  height: 5px;
  background-color: #eaeaec;
  border-radius: 20px;
  margin-bottom: 6px;
}

.cs-blog-toc #progress-bar {
  height: 100%;
  background-color: #fe6666;
  width: 0;
  border-radius: 20px;
}

.cta-consultation {
  border: 1px solid #ccc;
  padding: 30px;
  border-radius: 20px;
  text-align: center;
  font-family: "Open Sans", sans-serif;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 28px 0 0;
}

.cta-consultation p {
  font-size: 13px !important;
  line-height: 1.4 !important;
  font-family: "Open Sans", sans-serif !important;
  margin: 0 !important;
  text-transform: none;
  font-weight: 400 !important;
  color: #555 !important;
}

.cta-consultation h3 {
  margin: 8px 0 20px !important;
  text-transform: capitalize;
  font-size: 17px !important;
  line-height: 1.3 !important;
  color: #666 !important;
}

.cta-consultation a {
  background-color: #222;
  color: #fff !important;
  padding: 8px 18px;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
  gap: 4px;
  text-decoration: none !important;
  font-family: "Open Sans", sans-serif;
  text-transform: capitalize;
}

.blog-single .blog-content .cta-consultation a {
  color: #fff !important;
}

.cta-consultation a:hover {
  background: #fe6666;
  font-weight: 700;
}

.cta-consultation span {
  width: 18px;
  height: 18px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.cta-consultation span img {
  width: 18px;
  height: 18px;
  -o-object-fit: contain;
  object-fit: contain;
}

.suggested-blog-list h5.title {
  font-size: 14px;
  color: #222;
  line-height: 1.2;
  letter-spacing: normal;
  font-family: "Open Sans", sans-serif;
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 14px;
  text-transform: uppercase;
  font-weight: 600;
}

.suggested-blog-list ul {
  padding: 0;
  list-style: none;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 16px;
}

.suggested-blog-list ul a {
  font-size: 13px;
  color: #222;
  line-height: 1.4;
  letter-spacing: normal;
  font-family: "Open Sans", sans-serif;
  display: block;
}

.suggested-blog-list ul a:hover {
  color: #1e90ff;
}

.suggested-blog-list ul h4 {
  margin: 0;
}

.suggested-blog-list ul li {
  position: relative;
  padding-left: 10px;
}

.suggested-blog-list ul li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  bottom: 0;
  border-left: 3px solid #8064b7;
  border-radius: 20px;
}

.cs-blog-toc .toc-box {
  margin-bottom: 24px;
  padding: 20px;
  position: relative;
  -webkit-clip-path: border-box;
  clip-path: border-box;
  border: 1px solid #ccc;
  border-radius: 20px;
  background: #fff;
}

.cs-blog-toc .toc-box h3 {
  font-size: 13px;
  color: #222;
  line-height: 1.2;
  letter-spacing: normal;
  font-family: "Open Sans", sans-serif;
  text-transform: uppercase;
  margin-bottom: 14px;
}

.cs-blog-toc .toc-box .toc-list li a {
  color: #666;
  font-size: 12px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 1.3;
}

.cs-blog-toc .toc-box .toc-list li {
  position: relative;
  padding-left: 20px;
}

.cs-blog-toc .toc-box .toc-list {
  counter-reset: links;
}

.cs-blog-toc .toc-box .toc-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  counter-increment: links;
  content: "" counter(links) ". ";
  color: #666;
  font-size: 12px;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  line-height: 1.3;
}

.cs-blog-toc .toc-box .toc-list li::after {
  content: "";
  position: absolute;
  left: 0;
  top: 1px;
  background-image: url(https://tamediacdn.techaheadcorp.com/wp-content/uploads/2024/04/16034248/arrow-orange.svg);
  background-repeat: no-repeat;
  background-size: 14px;
  background-position: center;
  width: 14px;
  height: 14px;
  display: none;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.cs-blog-toc .toc-box .toc-list li:hover a,
.cs-blog-toc .toc-box .toc-list li.active a {
  color: #222;
  font-weight: 600;
}

.cs-blog-toc .toc-box .toc-list li:hover,
.cs-blog-toc .toc-box .toc-list li.active {
  padding-left: 36px;
}

.cs-blog-toc .toc-box .toc-list li:hover::after,
.cs-blog-toc .toc-box .toc-list li.active::after {
  display: block;
}

.cs-blog-toc .toc-box .toc-list li:hover::before,
.cs-blog-toc .toc-box .toc-list li.active::before {
  left: 18px;
  font-weight: 600;
}

.cs-blog-toc .image {
  margin-top: 30px;
}

.cs-blog-toc .image img {
  width: 230px;
  display: block;
}

@media screen and (max-width: 1199px) {
  .footer-v6 .footer-top {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 30px;
    padding: 40px 0;
  }

  .footer-v6 .footer-top .list+.list,
  .footer-v6 .footer-top .list,
  .footer-v6 .footer-top .list:first-child {
    border-left: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .footer-v6 .footer-badge ul {
    gap: 10px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }

  .footer-v6 .footer-badge ul li:first-child {
    -ms-flex-preferred-size: auto;
    flex-basis: auto;
  }

  .footer-v6 .footer-badge h3 br {
    display: none;
  }
}

@media screen and (max-width: 991px) {
  .footer-v6 .footer-badge ul {
    gap: 40px;
  }

  .footer-v6 .social-links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .footer-v6 .footer-top .list {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    white-space: normal;
  }

  .footer-v6 .footer-top .list+.list,
  .footer-v6 .footer-top .list,
  .footer-v6 .footer-top .list:first-child {
    padding: 0;
  }

  .footer-v6 .social-links ul,
  .footer-v6 .footer-badge ul {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
  }

  .footer-v6 .footer-badge .row {
    gap: 60px;
  }

  .footer-v6 .footer-badge ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    list-style: none;
  }

  .footer-v6 .footer-links .row {
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .footer-v6 .copyright ul li,
  .footer-v6 .copyright ul li a {
    font-size: 12px;
    line-height: 1.5;
  }

  .social-share-blog ul {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .blog-banner {
    display: block;
  }

  .footer-v6 .footer-badge .left {
    text-align: center;
  }
}

.blog-single .col-lg-3,
.knowledge-center-single .col-lg-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.blog-single .col-md-10.col-lg-6,
.knowledge-center-single .col-md-10.col-lg-6 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: auto;
  max-width: none;
  padding: 0 40px;
}

@media (max-width: 991px) {

  .blog-single .col-lg-3,
  .knowledge-center-single .col-lg-3 {
    display: none;
  }

  .blog-single .col-lg-3.blog-banner,
  .knowledge-center-single .col-lg-3.blog-banner {
    width: 100%;
    display: block;
  }

  .blog-single .col-md-10.col-lg-6,
  .knowledge-center-single .col-md-10.col-lg-6 {
    padding: 0 15px;
  }
}

.blog-single .col-lg-3,
.knowledge-center-single .col-lg-3 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
}

.blog-single .col-md-10.col-lg-6,
.knowledge-center-single .col-md-10.col-lg-6 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: auto;
  max-width: none;
  padding: 0 40px;
}

@media (max-width: 991px) {

  .blog-single .col-lg-3,
  .knowledge-center-single .col-lg-3 {
    display: none;
  }

  .blog-single .col-lg-3.blog-banner,
  .knowledge-center-single .col-lg-3.blog-banner {
    width: 100%;
    display: block;
  }

  .blog-single .col-md-10.col-lg-6,
  .knowledge-center-single .col-md-10.col-lg-6 {
    padding: 0 15px;
  }
}

.blog-single table {
  margin: 20px 0;
}

.blog-single table,
.blog-single table td {
  border: 1px solid #222;
}

.blog-single table td {
  padding: 4px 12px;
  vertical-align: top;
}

.blog-single .blog-post {
  margin-top: 20px;
}

.blog-single h1 {
  font-family: "Open Sans", sans-serif;
}

.blog-single .codeblock,
.blog-single pre,
.blog-single code {
  white-space: normal !important;
}

.site-header .nav .menu.new:first-child li:last-child,
.header .nav .menu.new:first-child li:last-child {
  margin-left: 1.35rem;
}

.header .nav .menu>li:not(:last-child),
.site-header .nav .menu>li:not(:last-child) {
  border-bottom: 2px solid transparent;
}

.header .nav .menu>li.menu-item-type-post_type_archive,
.site-header .nav .menu>li.menu-item-type-post_type_archive {
  padding-right: 10px;
}

.header .nav .menu>li.menu-item-type-post_type_archive::after,
.site-header .nav .menu>li.menu-item-type-post_type_archive::after,
.header .nav .menu>li.menu-item-62291::after,
.site-header .nav .menu>li.menu-item-62291::after,
.header .nav .menu>li.menu-item-62459::after,
.site-header .nav .menu>li.menu-item-62459::after,
.header .nav .menu>li.menu-item-63462::after,
.site-header .nav .menu>li.menu-item-63462::after {
  content: "";
  position: relative;
  border-style: solid;
  border-color: #14142b;
  border-width: 0 1px 1px 0;
  -webkit-transform: rotate(45deg) translateY(-50%);
  -ms-transform: rotate(45deg) translatey(-50%);
  transform: rotate(45deg) translatey(-50%);
  margin-left: 0.5rem;
  width: 8px;
  height: 8px;
  display: inline-block;
  right: 10px;
}

.header .nav .menu>li:hover:not(:last-child),
.site-header .nav .menu>li:hover:not(:last-child) {
  border-color: #7b55e4;
  background-color: rgb(151 148 239 / 7%);
}

.header .nav .menu>li.menu-item-type-post_type_archive:hover::after,
.site-header .nav .menu>li.menu-item-type-post_type_archive:hover::after,
.header .nav .menu>li.menu-item-62291:hover::after,
.site-header .nav .menu>li.menu-item-62291:hover::after,
.header .nav .menu>li.menu-item-62459:hover::after,
.site-header .nav .menu>li.menu-item-62459:hover::after,
.header .nav .menu>li.menu-item-63462:hover::after,
.site-header .nav .menu>li.menu-item-63462:hover::after {
  border-width: 1px 0 0 1px;
  top: 5px;
}

@media (min-width: 992px) and (max-width: 1024px) {

  .header,
  .site-header,
  .site-header.scrolled {
    padding-left: 2rem;
    padding-right: 2rem;
  }

  .wrapper {
    padding-top: 5.2rem;
  }
}

@media (min-width: 992px) {

  .header,
  .site-header,
  .site-header.scrolled {
    padding-top: 0;
    padding-bottom: 0;
  }

  .header .nav .menu>li,
  .site-header .nav .menu>li {
    line-height: 70px;
  }

  .wrapper {
    padding-top: 5rem;
  }
}

@media (max-width: 991px) {
  .wrapper {
    padding-top: 5.2rem;
  }
}

.blog-single .blog-content p,
.blog-single .blog-content,
.knowledge-center-single .content,
.knowledge-center-single .content ul li,
.knowledge-center-single .content p,
.knowledge-center-single .content ol li,
.blog-single .blog-content ul li,
.blog-single .blog-content ol li {
  line-height: 1.9 !important;
  color: #000 !important;
}

@media (max-width: 991px) {
  .footer-v6 .footer-badge .techahead-logo {
    margin-left: auto;
    margin-right: auto;
  }
}

.blog-single .blog-content h2::before,
.knowledge-center-single .content h2::before {
  top: 5px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}

.blog-single .contact-img-box img {
  max-height: 240px;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: auto;
}

@media (max-width: 600px) {
  .blog-single .contact-img-box img {
    max-height: 100px;
  }
}

.site-header .nav .menu.new>li.menu-contact .hover-flip::after,
.header .nav .menu.new>li.menu-contact .hover-flip::after {
  content: none;
}

.site-header .nav .menu.new>li.menu-contact .hover-flip,
.header .nav .menu.new>li.menu-contact .hover-flip {
  padding: 0.6rem 1.25rem;
}

.site-header .nav .menu>li .sub-menu-wrap.resources-sub-menu,
.header .nav .menu>li .sub-menu-wrap.resources-sub-menu {
  width: auto;
  left: auto;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 8px;
}

.site-header .nav .menu>li .sub-menu-wrap.resources-sub-menu .sub-menu,
.header .nav .menu>li .sub-menu-wrap.resources-sub-menu .sub-menu {
  max-width: none;
  width: auto;
  display: block;
}

.site-header .nav .menu>li .sub-menu-wrap.resources-sub-menu .sub-menu-dropdown,
.header .nav .menu>li .sub-menu-wrap.resources-sub-menu .sub-menu-dropdown {
  display: block;
  width: auto;
  margin-left: 0;
  padding: 0;
}

.site-header .nav .menu>li .sub-menu-wrap.resources-sub-menu li,
.header .nav .menu>li .sub-menu-wrap.resources-sub-menu li {
  padding: 0;
  display: block;
  line-height: normal;
}

.site-header .nav .menu>li .sub-menu-wrap.resources-sub-menu li>a,
.header .nav .menu>li .sub-menu-wrap.resources-sub-menu li>a {
  padding: 0 1.5rem;
}

.site-header .nav .menu>li .sub-menu-wrap.resources-sub-menu li:hover,
.header .nav .menu>li .sub-menu-wrap.resources-sub-menu li:hover {
  background-color: rgb(151 148 239 / 7%);
}

.site-header .nav .menu:first-child li .sub-menu-wrap.resources-sub-menu .sub-menu-dropdown>li,
.header .nav .menu:first-child li .sub-menu-wrap.resources-sub-menu .sub-menu-dropdown>li {
  padding: 0 !important;
}

.header .nav .menu>li:hover:not(:last-child),
.site-header .nav .menu>li:hover:not(:last-child) {
  border-color: #ea9fdf;
}

.full-menu .full-menu-inner .top .fullmenu-dropdown>ul>li {
  padding: 2rem 1.2rem;
}

.header .nav .menu>li,
.site-header .nav .menu>li {
  line-height: 70px;
}

.services-template .service-form-wrap,
.page-template-custom-elementor-page .service-form-wrap,
.industries-template .service-form-wrap,
.page-template-custom-elementor-page .hire-get-in-touch {
  display: none !important;
}

.site-header .nav .menu:first-child li:first-child,
.header .nav .menu:first-child li:first-child {
  position: static;
}

.header.scrolled .logo,
.header .logo,
.site-header .logo {
  max-width: 187px !important;
}

.site-header .nav .menu>li .sub-menu-wrap.hire-sub-menu .sub-menu-dropdown>li .title,
.header .nav .menu>li .sub-menu-wrap.hire-sub-menu .sub-menu-dropdown>li .title {
  font-weight: bold;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 20px;
  line-height: 1.2;
}

.full-menu .full-menu-inner .top .menu li.menu-item-62460 .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  font-weight: bold;
  margin-bottom: 10px;
}

.full-menu .full-menu-inner .top .menu li.menu-item-62460 .title img,
.site-header .nav .menu>li .sub-menu-wrap.hire-sub-menu .sub-menu-dropdown>li .title img,
.header .nav .menu>li .sub-menu-wrap.hire-sub-menu .sub-menu-dropdown>li .title img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
}

.header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown li {
  margin-left: 0 !important;
}

.page-template-custom-page-design-v4-new .service-form-wrap {
  display: none;
}

.site-header .nav .menu>li .sub-menu-wrap.hire-sub-menu .sub-menu-dropdown>li:nth-child(2),
.site-header .nav .menu>li .sub-menu-wrap.hire-sub-menu .sub-menu-dropdown>li:nth-child(3),
.header .nav .menu>li .sub-menu-wrap.hire-sub-menu .sub-menu-dropdown>li:nth-child(2),
.header .nav .menu>li .sub-menu-wrap.hire-sub-menu .sub-menu-dropdown>li:nth-child(3) {
  padding-top: calc(40px + 28px);
}

.site-header .nav .menu>li:hover .sub-menu-wrap,
.header .nav .menu>li:hover .sub-menu-wrap {
  padding-top: 90px;
}

.site-header .nav .menu>li .sub-menu-wrap.resources-sub-menu li>a,
.header .nav .menu>li .sub-menu-wrap.resources-sub-menu li>a {
  padding: 0 15px;
}

.service-form-wrap,
.single-hire #hire-contact {
  display: none !important;
}

.site-header .nav .menu>li .sub-menu-wrap.resources-sub-menu li>a,
.header .nav .menu>li .sub-menu-wrap.resources-sub-menu li>a {
  color: #000;
}

.site-header .nav .menu>li .sub-menu-wrap.resources-sub-menu,
.header .nav .menu>li .sub-menu-wrap.resources-sub-menu {
  top: auto;
  padding-top: 30px;
}

.site-header.logo-toggle .nav .menu>li.menu-item-type-post_type_archive::after,
.site-header.logo-toggle .nav .menu>li.menu-item-62291::after,
.site-header.logo-toggle .nav .menu>li.menu-item-62459::after,
.site-header.logo-toggle .nav .menu>li.menu-item-63462::after {
  border-color: #fff;
}

.site-header.logo-toggle.hovered .nav .menu>li.menu-item-type-post_type_archive::after,
.site-header.logo-toggle.hovered .nav .menu>li.menu-item-62291::after,
.site-header.logo-toggle.hovered .nav .menu>li.menu-item-62459::after,
.site-header.logo-toggle.hovered .nav .menu>li.menu-item-63462::after,
.site-header.logo-toggle.scrolled .nav .menu>li.menu-item-type-post_type_archive::after,
.site-header.logo-toggle.scrolled .nav .menu>li.menu-item-62291::after,
.site-header.logo-toggle.scrolled .nav .menu>li.menu-item-62459::after,
.site-header.logo-toggle.scrolled .nav .menu>li.menu-item-63462::after {
  border-color: #000;
}

.header .nav .menu>li.menu-item-type-post_type_archive,
.site-header .nav .menu>li.menu-item-type-post_type_archive {
  padding-right: 0;
}

.footer-v6 .footer-badge ul {
  gap: 40px;
}

@media screen and (max-width: 1199px) {
  .footer-v6 .footer-badge ul {
    gap: 20px;
  }
}

@media screen and (max-width: 991px) {
  .footer-v6 .footer-badge ul {
    gap: 44px;
  }
}

.footer-v6 .footer-badge ul li:not(:last-child) {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}

.iot-bottom-section img {
  z-index: 1;
}

.header .nav .menu>li.menu-item-type-post_type_archive::after,
.site-header .nav .menu>li.menu-item-type-post_type_archive::after,
.header .nav .menu>li.menu-item-62291::after,
.site-header .nav .menu>li.menu-item-62291::after,
.header .nav .menu>li.menu-item-62459::after,
.site-header .nav .menu>li.menu-item-62459::after,
.header .nav .menu>li.menu-item-63462::after,
.site-header .nav .menu>li.menu-item-63462::after {
  content: none;
}

.site-header .nav .menu.new>li.menu-contact .hover-flip,
.header .nav .menu.new>li.menu-contact .hover-flip {
  padding: 12px 38px;
  line-height: 20px;
  border-radius: 10px;
}

/* case study filter */
.portfolio-industry-service-filter {
  display: inline-block;
  position: relative;
  font-family: "Open Sans", sans-serif;
}

.portfolio-industry-service-filter ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.portfolio-industry-service-filter .filter-check,
.portfolio-industry-service-filter .filter-list-menu .filter-list {
  display: none;
}

.portfolio-industry-service-filter .filter-list-menu {
  position: absolute;
  top: 100%;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 34px;
}

.portfolio-industry-service-filter .filter-list-menu .filter-list {
  text-align: center;
  background-color: #ffffff;
}

.portfolio-industry-service-filter .filter-list-menu li {
  cursor: pointer;
  white-space: nowrap;
}

.portfolio-industry-service-filter .filter-list-menu .filter-list li,
.portfolio-industry-service-filter .filter-list-menu .filter-list-item,
.portfolio-industry-service-filter .show-all-filter {
  font-size: 15px;
  font-weight: 400;
  line-height: 2.4;
  letter-spacing: normal;
}

.portfolio-industry-service-filter .filter-list-menu .filter-list-item {
  border: 1px solid transparent;
  border-radius: 8px;
  padding: 4px 0;
  text-align: center;
  overflow: hidden;
  background-color: #ffffff;
}

.portfolio-industry-service-filter .filter-list-menu .filter-list {
  margin-top: 16px;
}

.portfolio-industry-service-filter .filter-list-menu .filter-list li {
  padding: 0 20px;
  border-left: 2px solid transparent;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.portfolio-industry-service-filter .filter-list-menu .filter-list-item.active {
  border-color: #bfbfbf;
}

.portfolio-industry-service-filter .filter-list-menu .filter-list-item span {
  display: inline-block;
  padding: 0 8px 6px;
  font-weight: 600;
  line-height: 2;
}

.portfolio-industry-service-filter .show-all-filter.filter-list-item {
  padding: 4px 10px;
}

.portfolio-industry-service-filter .show-all-filter.filter-list-item span {
  margin: 0;
  padding: 0;
}

.portfolio-industry-service-filter .filter-list-menu .filter-list-item.active span {
  border-bottom: 2px solid #ea9fdf;
}

.portfolio-industry-service-filter .filter-list-menu .filter-list-item.active.show-all-filter span {
  border-bottom: none;
}

.portfolio-industry-service-filter .filter-list-menu .filter-list li.active,
.portfolio-industry-service-filter .filter-list-menu .filter-list li:hover {
  border-color: #ea9fdf;
  background-color: #f7f7fe;
}

@media (max-width: 575px) {
  .portfolio-industry-service-filter .filter-list-menu {
    gap: 10px;
  }

  .portfolio-industry-service-filter .filter-list-menu .filter-list li,
  .portfolio-industry-service-filter .filter-list-menu .filter-list-item,
  .portfolio-industry-service-filter .show-all-filter {
    font-size: 12px;
  }

  .portfolio-industry-service-filter .filter-list-menu .filter-list li {
    padding: 0 8px;
  }

  .portfolio-industry-service-filter .filter-list-menu .filter-list-item span {
    padding: 0;
  }
}

.site-header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li a,
.header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li a {
  border-bottom: 1px solid transparent;
  color: #000 !important;
}

.site-header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li a:hover,
.header .nav .menu>li .sub-menu-wrap .sub-menu-dropdown>li ul li a:hover {
  border-bottom-color: #000;
}

.post-type-archive-blog.search-no-results .blog-post {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: url(https://tamediacdn.techaheadcorp.com/wp-content/uploads/2024/04/16034205/9318694.jpg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  height: 300px;
}

.post-type-archive-blog.search-no-results .blog-post h1 {
  display: none !important;
}

.header .nav .menu>li:hover:not(:last-child),
.site-header .nav .menu>li:hover:not(:last-child) {
  border-color: #8d64f4;
}

.otro-blockquote {
  font-size: 1.4em;
  width: 60%;
  margin: 50px auto;
  font-family: Open Sans;
  font-style: italic;
  color: #555555;
  padding: 1.2em 30px 1.2em 75px;
  border-left: 8px solid #78c0a8;
  line-height: 1.6;
  position: relative;
  background: #ededed;
}

/* blog quote layout */
.blog-single .blog-content blockquote {
  position: relative;
  border: 1px solid #ccc;
  background: #fafafa;
  padding: 20px 20px 20px 50px;
}

.blog-single .blog-content blockquote p {
  font-family: "open sans", sans-serif;
  font-weight: 400;
}

.blog-single .blog-content blockquote::before {
  font-family: Arial;
  content: "\201C";
  color: #fe6666;
  font-size: 6em;
  position: absolute;
  left: 10px;
  top: -34px;
}

.blog-single .blog-content blockquote::after {
  content: "";
}

.blog-single .blog-content blockquote span {
  display: block;
  color: #333333;
  font-style: normal;
  font-weight: bold;
  margin-top: 1em;
}

.common-arrow-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #8847b9;
  gap: 8px;
  text-transform: capitalize;
  font-weight: 600;
  font-size: 14px;
  border: 1px solid #8847b9;
  padding: 10px 18px;
  border-radius: 40px;
  white-space: nowrap;
}

.common-arrow-btn .arrow {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-top: 2px solid #8847b9;
  border-left: 2px solid #8847b9;
  margin-left: 10px;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
}

.common-arrow-btn .arrow::after {
  content: "";
  display: block;
  width: 2px;
  height: 19px;
  background-color: #8847b9;
  -webkit-transform: rotate(-45deg) translate(6px, 2px);
  -ms-transform: rotate(-45deg) translate(6px, 2px);
  transform: rotate(-45deg) translate(6px, 2px);
  left: 0;
  top: 0;
}

.site-header .nav .menu>li .sub-menu-wrap.hire-sub-menu .sub-menu-dropdown>li .title,
.header .nav .menu>li .sub-menu-wrap.hire-sub-menu .sub-menu-dropdown>li .title {
  color: #000;
}

.single-blog .blog-content .has-text-align-center {
  text-align: center;
}

.services-template-custom-design-new-single-services .schedule-meeting {
  display: none;
}

a:focus {
  outline: none;
}

.site-header .nav .menu>li .sub-menu-wrap.hire-sub-menu .sub-menu-dropdown>li .title,
.header .nav .menu>li .sub-menu-wrap.hire-sub-menu .sub-menu-dropdown>li .title {
  color: #000;
}


.single-blog .blog-content .has-text-align-center {
  text-align: center;
}

.services-template-custom-design-new-single-services .schedule-meeting {
  display: none;
}

a:focus {
  outline: none;
}

.service-dropdown-tab {
  background-color: white;
  width: 100%;
  font-family: "Poppins";
}

.service-dropdown-tab ul {
  list-style: none;
  padding: 0;
}

.service-dropdown-tab .menu-heading {
  font-size: 20px;
  color: #333;
  margin-bottom: 12px;
  letter-spacing: normal;
  font-weight: 700;
  font-family: inherit;
  line-height: 1.4;
}

.service-dropdown-tab .subtitle {
  color: #222;
  margin: 0;
  font-weight: normal;
  font-size: 16px;
  letter-spacing: normal;
  font-family: inherit;
}

.service-dropdown-tab .tabs {
  border-right: 2px solid #efefef;
  padding: 26px 0 15px;
  flex: 0 0 312px;
  font-family: inherit;
}

.service-dropdown-tab .tab {
  cursor: pointer;
  transition: background-color 0.3s;
  display: flex;
  gap: 18px;
  align-items: center;
  padding: 0 20px 0 30px;
  position: relative;
  line-height: 1.4;
  font-size: 17px;
  letter-spacing: normal;
  font-family: inherit;
}

.service-dropdown-tab .tab::after {
  position: absolute;
  content: "";
  display: none;
  width: 15px;
  height: 15px;
  right: -10px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg) skew(-16deg, -16deg);
  border-color: #efefef;
  border-width: 2px 2px 0 0;
  border-style: solid;
  background: #fff;
}

.service-dropdown-tab .tab+.tab {
  margin-top: 30px;
}

.service-dropdown-tab .tab-content-box {
  flex: 1;
  height: 590px;
  overflow-y: auto;
}

.service-dropdown-tab .tab-content-box::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #f5f5f5;
}

.service-dropdown-tab .tab-content-box::-webkit-scrollbar {
  width: 5px;
  background-color: #f5f5f5;
}

.service-dropdown-tab .tab-content-box::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #9795f0 linear-gradient(223deg, #9795f0, #fbc8d4);
}

.service-dropdown-tab .tab .img-bx {
  width: 38px;
  height: 38px;
  background: #f7f8fc;
  border-radius: 50%;
  flex-shrink: 0;
  display: grid;
  place-items: center;
}

.service-dropdown-tab .tab .img-bx img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.service-dropdown-tab .tab.active {
  font-weight: 700;
}

.service-dropdown-tab .tab.active::after {
  display: block;
}

.service-dropdown-tab .tab.active .img-bx {
  background: #9795f0 linear-gradient(223deg, #9795f0, #fbc8d4);
}

.service-dropdown-tab .tab.active .img-bx img {
  filter: invert(1);
  mix-blend-mode: color-dodge;
}

.service-dropdown-tab .tab-content {
  display: none;
}

.service-dropdown-tab .tab-content.active {
  display: block;
}

.service-dropdown-tab .service-section {
  display: flex;
}

.service-dropdown-tab .service-section .title-2 {
  font-size: 16px;
  padding: 0 14px;
  margin-bottom: 10px;
  letter-spacing: normal;
  color: #222222;
  opacity: 0.5;
  font-weight: 500;
  font-family: inherit;
  line-height: 1.4;
}

.service-dropdown-tab .service-section .technology .title-2 {
  margin-bottom: 24px;
  font-family: inherit;
}

.service-dropdown-tab .service-section ul li {
  font-size: 15px;
  line-height: 1.2;
  font-weight: 600;
  font-family: inherit;
}

.service-dropdown-tab .technology ul li.title {
  font-size: 15px;
  line-height: 1.2;
  color: #222;
  font-weight: normal;
  font-family: inherit;
}

.service-dropdown-tab .service-section .mobile ul li a {
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
  text-decoration: none;
  display: block;
  color: #000;
  padding: 10px 12px;
  color: #000;
  border-bottom: 2px solid transparent;
  text-align: left;
  font-family: inherit;
}

.service-dropdown-tab .service-section .mobile ul li {
  margin: 0 !important;
}

.service-dropdown-tab .service-section .mobile ul li a span {
  font-size: 12px;
  line-height: 1.4;
  font-weight: normal;
  display: block;
  margin-top: 5px;
  font-family: inherit;
}

.service-dropdown-tab .service-section .mobile ul li a:hover,
.service-dropdown-tab .service-section .mobile ul li.active a {
  background: rgb(220 112 161 / 7%);
  border-bottom-color: #dc70a1;
}

.service-dropdown-tab .service-section>div {
  padding: 26px 30px;
  flex: 0 0 50%;
}

.service-dropdown-tab .engagement-mode {
  padding: 26px 30px;
  background: #f7f7fe;
  flex: 0 0 312px;
}

.service-dropdown-tab .engagement-mode ul li+li {
  margin: 30px 0 0 !important;
}

.service-dropdown-tab .engagement-mode .title {
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 700;
  letter-spacing: normal;
  color: #222;
  font-family: inherit;
  line-height: 1.4;
}

.service-dropdown-tab .engagement-mode .sub-title {
  font-size: 14px;
  margin-bottom: 20px;
  display: block;
  line-height: 1.4;
  font-family: inherit;
}

.service-dropdown-tab .engagement-mode ul li a {
  display: flex !important;
  gap: 20px;
  cursor: pointer;
  text-decoration: none;
  padding: 0 !important;
  text-align: left !important;
}

.service-dropdown-tab .engagement-mode ul li .text {
  display: flex;
  flex-direction: column;
  gap: 10px;
  font-size: 14px;
}

.service-dropdown-tab .engagement-mode ul li .text .title-3 {
  font-size: 13px;
  margin: 0;
  line-height: 1.4;
  letter-spacing: normal;
  font-weight: 600;
  font-family: inherit;
}

.service-dropdown-tab .engagement-mode ul li .text span {
  font-size: 12px;
  line-height: 1.4;
  letter-spacing: normal;
  font-weight: normal;
  font-family: inherit;
}

.service-dropdown-tab .engagement-mode ul li .img-bx {
  width: 60px;
  height: 60px;
  background: #fff;
  border-radius: 12px;
  flex-shrink: 0;
  display: grid;
  place-items: center;
  transition: all 0.3s ease;
}

.service-dropdown-tab .engagement-mode ul li .img-bx img {
  width: 28px;
  height: 28px;
  object-fit: contain;
}

.service-dropdown-tab .engagement-mode ul li:hover .img-bx {
  background: #dc70a1;
}

.service-dropdown-tab .engagement-mode ul li:hover .img-bx img {
  filter: brightness(2);
}

.service-dropdown-tab .tab-wrapper {
  display: flex;
}

.service-dropdown-tab .technology .list-box {
  display: flex;
  flex-wrap: wrap;
  gap: 30px 70px;
  padding: 0 14px;
}

.service-dropdown-tab .technology .list-box .list {
  flex: 1 0 calc(50% - 70px);
  word-break: break-word;
}

.service-dropdown-tab .technology .list-box .list li {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.4;
  margin: 14px 0 0 !important;
  font-family: inherit;
}

.service-dropdown-tab .technology .list-box .list li:first-child {
  margin: 0 !important;
  padding-left: 0 !important;
  font-size: 13px;
  font-weight: normal;
  color: #222222;
  opacity: 0.5;
}

.service-dropdown-tab .service-title {
  padding: 10px 24px 24px;
  position: relative;
  font-family: inherit;
}

.service-dropdown-tab .service-title::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  left: 24px;
  width: calc(100% - 24px);
  height: 2px;
  background: linear-gradient(90deg, #1550f3, #8c2eaa);
}

.header .nav .menu>li.menu-item-object-services .sub-menu-wrap,
.site-header .nav .menu>li.menu-item-object-services .sub-menu-wrap {
  padding-right: 0 !important;
  padding-bottom: 0 !important;
}

@media (max-width: 1320px) {
  .service-dropdown-tab .service-section {
    flex-direction: column;
  }

  .service-dropdown-tab .service-section>div {
    padding: 30px;
  }
}

.site-header .nav .menu>li .sub-menu-wrap.hire-sub-menu .sub-menu-dropdown>li .title,
.header .nav .menu>li .sub-menu-wrap.hire-sub-menu .sub-menu-dropdown>li .title {
  color: #000;
}

.single-blog .blog-content .has-text-align-center {
  text-align: center;
}

.services-template-custom-design-new-single-services .schedule-meeting {
  display: none;
}

.innovate-scale-slider .slide p a {
  color: #fff;
  text-decoration: none;
}

.cs-tab-wrapper .cs-accordion .faq a {
  color: #fff;
  text-decoration: none;
  display: inline-block;
}

@media (max-width: 47.9375em) {
  .wrapper {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
}

a:focus {
  outline: none;
}

.hire-top-breadcrumbs p {
  text-transform: capitalize !important;
}

.footer-v6 .footer-badge ul li:nth-child(2) {
  position: relative;
  width: 168px !important;
  height: 70px !important;
}

.footer-v6 .footer-badge ul li:nth-child(2) img {
  max-width: 100% !important;
  width: 100% !important;
  height: 100% !important;
  display: block;
  object-fit: contain;
}

.footer-v6 .footer-badge ul li:nth-child(2)::after {
  content: "94";
  position: absolute;
  left: 54%;
  bottom: 14px;
  display: block;
  color: #fff;
  font-weight: 600;
  font-size: 13px;
  background: #222222;
  line-height: 14px;
}

.portfolio-banner-new .container .bottom ul li {
  font-size: 1rem;
  font-weight: 600;
  color: #666;
  margin: 0 3rem 2rem 0;
}

.portfolio-banner-new .container .bottom ul li:has(p) {
  margin: 0;
}

@media (min-width: 1400px) and (max-width: 1500px) {

  .single.single-blog .container-max,
  .single.single-blog .container,
  .knowledge-center-single .container {
    max-width: 1170px !important;
  }
}

.blog-single .blog-content iframe {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16/9 !important;
}

.blog-single table {
  width: 100%;
}

.consultation-cta-blog {
  display: inline-flex !important;
  align-items: flex-end;
  padding: 10px 84px 14px 20px !important;
  background-color: transparent !important;
  color: #fff;
  border: none;
  border-radius: 0 !important;
  box-shadow: none !important;
  font-size: 13px !important;
  font-weight: 600;
  text-align: center;
  text-decoration: none;
  border: 0 !important;
  position: fixed;
  right: 20px !important;
  bottom: 20px !important;
  font-family: open sans, sans-serif;
  z-index: 999;
  height: 64px !important;
  width: 278px;
}

.consultation-cta-blog .text {
  position: relative;
  z-index: 1;
  max-width: 172px;
  width: 100%;
  line-height: 1.5;
}

.consultation-cta-blog .author-img {
  width: 50px !important;
  height: 50px !important;
  border-radius: 50%;
  overflow: hidden;
  background: #e0d3fb;
  border: 2px solid #517ded;
  display: inline-block;
  position: absolute;
  right: 5px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.consultation-cta-blog::after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 0 !important;
  background-image: url(https://tamediacdn.techaheadcorp.com/wp-content/uploads/2024/07/28101824/consultation-cta-shape-cropped.svg) !important;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% !important;
  position: absolute;
  left: 0 !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  transform: none !important;
  border: 0 !important;
  background-color: transparent !important;
}

/* New single blog cta */
.blog-lets-talk-cta {
  font-family: "Poppins";
  font-size: 16px;
  line-height: 1.4;
  font-weight: 400;
  text-align: center;
  border-radius: 24px;
  margin: 50px auto 0 auto;
  background: #f6f2fe;
  max-width: 230px;
  width: 100%;
  position: relative;
}

.blog-lets-talk-cta .cta-head {
  font-size: 13px;
  line-height: 1.4;
  font-weight: 500;
  color: #9163f3;
  padding: 40px 24px 14px;
  text-transform: capitalize;
  border-bottom: 1px solid #e4daf8;
}

.blog-lets-talk-cta .cta-body {
  padding: 14px 24px 24px;
}

.blog-lets-talk-cta .cta-body span {
  font-size: 16px;
  line-height: 1.4;
  font-weight: 600;
  color: #000;
  display: inline-block;
  margin-bottom: 20px;
}

.blog-lets-talk-cta .avator {
  width: 56px;
  height: 56px;
  line-height: 56px;
  border-radius: 50%;
  overflow: hidden;
  background: #e0d3fb;
  border: 1px solid #9163f3;
  position: absolute;
  left: 50%;
  top: -28px;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.blog-lets-talk-cta .avator img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  margin: 0;
}

.blog-lets-talk-cta .cta-btn {
  color: #fff !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
  padding: 8px 34px;
  display: block;
  border-radius: 8px;
  text-transform: capitalize;
  background: #517ded -o-linear-gradient(167deg, #9063f4, #e56e94, #517ded);
  background: #517ded linear-gradient(283deg, #9063f4, #e56e94, #517ded);
}

.blog-single .blog-lets-talk-cta .cta-btn {
  color: #fff !important;
}

@media (min-width: 991px) {
  .blog-lets-talk-cta.mob-cta {
    display: none;
  }
}

.consultation-cta-blog .text {
  color: #fff !important;
}

.content-with-img-wrap .content-with-img:last-child,
.content-with-video-wrap .content-with-video:last-child {
  margin-top: 0 !important;
}

.content-with-img-wrap .content-with-img:nth-child(2n),
.content-with-video-wrap .content-with-video:nth-child(2n) {
  margin-top: 0 !important;
}

/* blog faq schema  */
.blog-single .blog-content .schema-faq .schema-faq-section .schema-faq-question {
  font-family: "Open Sans", sans-serif;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.35;
  margin-top: 3.2rem;
  margin-bottom: 1.5rem;
  letter-spacing: -0.6px;
  color: #000;
}

.blog-single .blog-content .schema-faq .schema-faq-section .schema-faq-answer {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.9;
  margin: 0 0 2.4rem;
  letter-spacing: -0.004em;
  color: #000;
}

.service-dropdown-tab .subtitle,
.service-dropdown-tab .tabs,
.service-dropdown-tab .service-section ul li a,
.service-dropdown-tab .technology .list-box .list li {
  color: #000 !important;
}

.elementor-posts .elementor-post.blog.type-blog img {
  width: 100% !important;
  height: auto !important;
}

@media (max-width: 767px) {
  .elementor-posts .elementor-post.blog.type-blog .elementor-post__thumbnail {
    padding-bottom: 54% !important;
  }
}

.related-blog-service img {
  -webkit-transform: scale(1) translate(-50%, -50%) !important;
  -ms-transform: scale(1) translate(-50%, -50%) !important;
  transform: scale(1) translate(-50%, -50%) !important;
  -o-object-fit: cover !important;
  object-fit: cover !important;
}

.blog-single .blog-content pre.wp-block-code {
  position: relative;
  border: 1px solid #ccc;
  background: #fafafa;
  padding: 20px 20px 20px 60px;
  border-radius: 1rem;
}

.blog-single .blog-content pre.wp-block-code::before {
  content: "";
  position: absolute;
  left: 10px;
  width: 40px;
  height: 40px;
  top: 14px;
  background-image: url(https://tamediacdn.techaheadcorp.com/wp-content/uploads/2024/08/28101727/code-solid.svg);
  background-repeat: no-repeat;
  background-size: 30px;
  background-position: center;
  opacity: 0.4;
}

.blog-single .blog-content pre.wp-block-code code {
  white-space: break-spaces !important;
}

.blog-single .blog-content pre.wp-block-code code em {
  font-style: normal !important;
}

.knowledge-center-single .content img,
.knowledge-center-single .content img.aligncenter {
  margin: 2rem 0;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.blog-lets-talk-cta .cta-btn {
  background: linear-gradient(283deg, #9063f4, #e56e94, #517ded);
  background-size: 300% 300%;
  animation: gradient-animation 5s ease infinite;
}

@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }

  50% {
    background-position: 100% 50%;
  }

  100% {
    background-position: 0% 50%;
  }
}

.footer-v6 .copyright ul li,
.footer-v6 .copyright ul li a {
  color: #ccc;
}

.footer-v6 .copyright {
  background: rgb(19 19 19 / 49%);
}

/* backup css */
.back-to-top.show {
  display: none !important;
}

.blog-lets-talk-cta .avator img {
  margin: 0 auto !important;
}

.blog-lets-talk-cta {
  background: #ede5fd;
}

.footer-v6 .footer-top .list+.list {
  border-left: 1px solid rgb(204 204 204 / 23%);
}

.footer-v6 .footer-badge {
  padding: 20px 0;
  border-top: 1px solid rgb(204 204 204 / 23%);
  border-bottom: 1px solid rgb(204 204 204 / 23%);
}

.footer-v6 {
  background-color: #1c1c1c !important;
}

@media (max-width: 1199px) {
  .footer-v6 .footer-top .list+.list {
    border: none;
  }
}

#wpcf7-f92987-o2 {
  display: none;
}

#wpcf7-f92987-o1 {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
  background-color: rgba(0, 0, 0, 0.29);
  overflow-y: auto;
}

#wpcf7-f92987-o1 form {
  height: 100%;
  display: flex;
  align-items: center;
  flex-direction: column;
}

.free-consultation-form {
  max-width: 600px;
  width: 100%;
  margin: auto;
  padding: 40px;
}

.free-consultation-form .free-consultation-form-outer {
  position: relative;
}

.free-consultation-form .free-consultation-form-inner {
  background: linear-gradient(135deg,
      rgba(93, 64, 255, 1) 0%,
      rgba(155, 104, 255, 1) 100%);
  border-radius: 20px;
  padding: 40px;
  color: white;
  width: 100%;
  margin: 0 auto;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  font-family: "Poppins";
  letter-spacing: normal;
}

.free-consultation-form h2 {
  font-size: 22px;
  margin-bottom: 10px;
  text-align: center;
  font-weight: 500;
  font-family: inherit;
  letter-spacing: inherit;
}

.free-consultation-form p {
  text-align: center;
  margin-bottom: 40px;
  font-size: 16px;
  color: #fff;
  font-weight: 500;
}

.free-consultation-form .label p {
  text-align: left;
  margin-bottom: 8px;
  font-size: 14px;
  color: #fff;
}

.free-consultation-form .free-consultation-form-outer .close-form-btn {
  display: inline-flex;
  width: 40px;
  height: 40px;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  overflow: hidden;
  position: absolute;
  top: -16px;
  right: -12px;
  background-color: #a183ffcc;
  cursor: pointer;
}

.free-consultation-form .free-consultation-form-inner .close-form-btn img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.free-consultation-form .form-row {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(2, 1fr);
}

.free-consultation-form .form-group {
  flex: 1;
}

.free-consultation-form .form-row.btn-box {
  display: block;
  position: relative;
  grid-column: 1/3;
  margin-top: 14px;
}

.free-consultation-form input[type="text"],
.free-consultation-form input[type="email"],
.free-consultation-form input[type="tel"] {
  width: 100%;
  padding: 15px;
  border: none;
  border-radius: 10px;
  font-size: 14px;
  margin-bottom: 4px;
  background-color: rgba(255, 255, 255, 0.2);
  color: white;
  box-sizing: border-box;
}

.free-consultation-form input[type="text"]::placeholder,
.free-consultation-form input[type="email"]::placeholder,
.free-consultation-form input[type="tel"]::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

.free-consultation-form input[type="text"]:focus,
.free-consultation-form input[type="email"]:focus,
.free-consultation-form input[type="tel"]:focus {
  outline: none;
  background-color: rgba(255, 255, 255, 0.3);
}

/* Button Styles */
.free-consultation-form input[type="submit"] {
  width: 100%;
  padding: 15px;
  background-color: white;
  border: none;
  color: #5d40ff;
  font-size: 16px;
  font-weight: bold;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.free-consultation-form input[type="submit"]:hover {
  background-color: rgba(255, 255, 255, 0.9);
}

.free-consultation-form span.not-valid,
.free-consultation-form span.wpcf7-not-valid-tip {
  position: static;
  color: #fff;
  text-align: left;
}

.free-consultation-form .form-row.btn-box>p,
.free-consultation-form .free-consultation-form-outer>p {
  margin-bottom: 0;
}

.free-consultation-form .lds-dual-ring {
  display: none;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 30%;
  top: 9px;
}

.wpcf7-form.submitting .lds-dual-ring {
  display: block !important;
}

.wpcf7-form.submitting .free-consultation-form .form-row.btn-box {
  pointer-events: none;
  opacity: 0.7;
}

.free-consultation-form .lds-dual-ring::after {
  content: " ";
  display: block;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  border: 5px solid #ccc;
  border-color: #9778ff transparent #9778ff transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}

.free-consultation-form .form-group .form-input p {
  margin-bottom: 0;
}

@keyframes lds-dual-ring {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

@media (max-width: 768px) {
  .free-consultation-form .form-row {
    display: block;
  }

  .free-consultation-form .form-group {
    margin-bottom: 20px;
    width: 100%;
  }

  .free-consultation-form input[type="submit"] {
    font-size: 14px;
  }

  .free-consultation-form h2 {
    font-size: 20px;
  }

  .free-consultation-form .label p,
  .free-consultation-form input[type="text"],
  .free-consultation-form input[type="email"],
  .free-consultation-form input[type="tel"] {
    font-size: 12px;
  }

  .free-consultation-form p {
    font-size: 12px;
    margin-bottom: 20px;
  }

  .free-consultation-form .free-consultation-form-inner {
    padding: 24px;
  }

  .free-consultation-form {
    padding: 30px;
  }
}

.service-dropdown-tab .tab-content.no>div ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px 20px;
}

.service-dropdown-tab .service-section>div {
  flex: 1 0 50%;
}

@media (max-width: 1199px) {
  .service-dropdown-tab .tab-content.no>div ul {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 991px) {
  .menu-item-object-services .fullmenu-dropdown ul>li {
    padding: 0 !important;
  }
}

.service-dropdown-tab .engagement-mode ul li .text {
  font-family: Poppins;
}

.service-dropdown-tab.hire .tab .img-bx img {
  width: 32px;
  height: 32px;
}

.service-dropdown-tab.hire .tab .img-bx img.hover {
  display: none;
}

.service-dropdown-tab.hire .tab.active .img-bx {
  background: linear-gradient(219deg, #e29763, #df5060);
}

.service-dropdown-tab.hire .engagement-mode ul li:hover .img-bx {
  background: #e98e5d;
}

.service-dropdown-tab.hire .service-section .mobile ul li a:hover,
.service-dropdown-tab.hire .service-section .mobile ul li.active a {
  background: #fdf7f4;
  border-bottom-color: #e98e5d;
}

.service-dropdown-tab.hire .service-title::after {
  background: linear-gradient(219deg, #e29763, #df5060);
}

.service-dropdown-tab.hire .tab-content-box {
  height: 300px;
}

/* industry */
.service-dropdown-tab.industry .tab-wrapper {
  flex-direction: row-reverse;
}

.service-dropdown-tab.industry .engagement-mode li {
  display: flex;
  gap: 14px;
  background-color: #fff;
  border-radius: 12px;
  padding: 14px !important;
}

.service-dropdown-tab.industry .engagement-mode ul li .text {
  line-height: normal;
}

.service-dropdown-tab.industry .engagement-mode ul li .img-bx {
  flex: 0 0 50%;
  border-radius: 12px;
  overflow: hidden;
  width: 50%;
  height: 120px;
}

.service-dropdown-tab.industry .engagement-mode ul li .img-bx img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.service-dropdown-tab.industry .engagement-mode {
  flex: 0 0 400px;
}

.service-dropdown-tab.industry .tab-content-box .industry-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding: 20px 20px 0 20px;
  font-family: "Poppins";
}

.service-dropdown-tab.industry .tab-content-box .industry-list a {
  display: flex;
  gap: 14px;
  text-align: left;
  line-height: normal;
  padding: 26px;
  border-radius: 20px;
  font-family: inherit;
}

.service-dropdown-tab.industry .tab-content-box .industry-list a img {
  width: 60px;
  height: 60px;
}

.service-dropdown-tab.industry .tab-content-box .industry-list a span {
  font-size: 12px;
  line-height: 1.4;
  font-weight: 400;
  display: block;
  margin-top: 5px;
  font-family: inherit;
}

.service-dropdown-tab.industry .tab-content-box .industry-list a:hover {
  color: #fff;
  background: linear-gradient(299deg, #1472d3, #d0bac7, #be1b84);
}

.service-dropdown-tab.industry .engagement-mode ul li a {
  justify-content: flex-end;
}

.service-dropdown-tab.industry .engagement-mode ul li:hover .img-bx img {
  filter: none;
}

.service-dropdown-tab.industry .engagement-mode ul li .badge {
  font-weight: 600;
  color: #bcbcbc;
}

.service-dropdown-tab.industry .engagement-mode ul li:last-child {
  flex-direction: row-reverse;
}

.service-dropdown-tab.industry .service-title::after {
  background: linear-gradient(299deg, #1472d3, #d0bac7, #be1b84);
}

@media (max-width: 1024px) {
  .service-dropdown-tab.industry .tab-content-box .industry-list {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1200px) {
  .service-dropdown-tab.industry .tab-content-box .industry-list a {
    padding: 26px 20px;
  }
}

.service-dropdown-tab.industry .tab-content-box {
  height: 100%;
}

/* footer v7 css */

.f-container {
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}

@media (min-width: 576px) {
  .f-container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .f-container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .f-container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .f-container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .f-container {
    max-width: 1320px;
  }
}

.footer-v7 {
  background: #171624;
  color: #fff;
}

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

.footer-v7 * {
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  line-height: 1.5;
  font-family: "Poppins", serif;
}

.footer-v7 a {
  text-decoration: none;
}

.footer-v7 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.footer-v7 .f-top,
.footer-v7 .f-social,
.footer-v7 .copyright {
  padding: 30px 0;
}

.footer-v7 .f-top {
  background: linear-gradient(180deg, #1c2c3c, #1c2c3c00);
  border-bottom: 1px solid #36353e;
  padding: 40px 0;
}

.footer-v7 .f-top .f-top-inner {
  display: grid;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  grid-template-columns: repeat(2, 1fr);
}

.footer-v7 .f-top .logo {
  margin-bottom: 20px;
}

.footer-v7 .f-top .logo img {
  width: 190px;
  height: 16px;
  object-fit: contain;
}

.footer-v7 .badge-logos {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.footer-v7 .badge-logos li a {
  width: 100px;
  height: 100px;
  display: block;
  background: #1c2a3a;
  border-radius: 12px;
  padding: 8px;
  overflow: hidden;
}

.footer-v7 .badge-logos img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.footer-v7 .badge-logos li:nth-child(2) a,
.footer-v7 .badge-logos li:last-child a {
  width: 180px;
}

.footer-v7 .address-box {
  padding: 30px 30px 30px 0;
  flex: 0 0 400px;
}

.footer-v7 .address-box .usa,
.footer-v7 .address-box .india {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.footer-v7 .address-box .india {
  margin-top: 80px;
}

.footer-v7 .address-box a {
  font-weight: 600;
}

.footer-v7 .address-box .address-img {
  display: flex;
  gap: 10px;
  align-items: center;
  font-weight: 600;
  font-size: 18px;
}

.footer-v7 .address-box .address-img img {
  width: 44px;
  height: 44px;
  object-fit: contain;
}

.footer-v7 .f-middle .f-middle-inner,
.footer-v7 .f-middle .menu-row {
  display: flex;
}

.footer-v7 .f-middle .f-middle-inner {
  align-items: center;
}

.footer-v7 .f-middle .menu-row {
  width: 100%;
  flex-wrap: wrap;
}

.footer-v7 .f-middle .menu-row .menu-col {
  padding: 30px;
  flex: 1 0 220px;
}

.footer-v7 .f-middle .menu-row .menu-col:last-child {
  padding-right: 0;
}

.footer-v7 .f-middle .menu-row .title {
  font-weight: 500;
  font-size: 18px;
  margin-bottom: 20px;
  color: rgba(255, 255, 255, 0.5);
  letter-spacing: normal;
}

.footer-v7 .f-middle .menu-row ul li+li {
  margin-top: 10px;
}

.footer-v7 .f-middle .menu-row ul li a {
  font-weight: 400;
  font-size: 15px;
  line-height: 1.8;
  display: inline-block;
}

.footer-v7 .f-social {
  border-top: 1px solid #36353e;
}

.footer-v7 .f-social .f-social-inner {
  display: flex;
  gap: 40px;
  align-items: center;
  justify-content: space-between;
}

.footer-v7 .f-social .social {
  display: flex;
  gap: 40px;
  align-items: center;
  flex-wrap: wrap;
}

.footer-v7 .f-social .dmca {
  flex: 0 0 100px;
}

.footer-v7 .f-social .social a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 34px;
  height: 34px;
}

.footer-v7 .f-social .social img {
  width: 22px;
  height: 22px;
  object-fit: contain;
  filter: opacity(0.5);
  transition: all;
}

.footer-v7 .f-social .social a:hover img {
  filter: opacity(1);
}

.footer-v7 .f-more-btn {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.5);
  margin-top: 10px;
}

.footer-v7 .copyright {
  text-align: center;
  background: #1c2a3a;
  font-size: 13px;
  line-height: 1.5;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.5);
}

.footer-v7 .copyright * {
  font-size: inherit;
  color: inherit;
  font-weight: inherit;
}

.f-clutch-rating {
  position: relative;
}

.f-clutch-rating::after {
  content: "98";
  position: absolute;
  left: 52%;
  bottom: 26.6px;
  display: inline-block;
  color: #fff;
  font-weight: 400;
  font-size: 12px;
  background: #1c2a3a;
  line-height: 14px;
  padding: 2px;
}

@media (min-width: 992px) {
  .footer-v7 .f-middle .menu-row .menu-col {
    border-left: 1px solid #36353e;
  }
}

@media (max-width: 991px) {
  .footer-v7 .f-middle .f-middle-inner {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-v7 .f-social .social {
    gap: 10px 20px;
  }

  .footer-v7 .address-box {
    flex-basis: auto;
  }

  .footer-v7 .f-middle .menu-row .menu-col+.menu-col {
    border-left: 1px solid #36353e;
  }

  .footer-v7 .f-middle .menu-row .menu-col:first-child {
    padding-left: 0;
  }
}

@media (max-width: 767px) {

  .footer-v7 .f-middle .menu-row .menu-col,
  .footer-v7 .f-middle .menu-row .menu-col+.menu-col {
    border-left: none;
    padding-left: 0;
  }

  .footer-v7 .f-middle .menu-row {
    flex-direction: column;
  }

  .footer-v7 .f-top .f-top-inner {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .footer-v7 .f-top .f-top-inner img {
    margin: 0 auto;
  }

  .footer-v7 .badge-logos {
    justify-content: center;
  }
}

@media (max-width: 575px) {
  .footer-v7 .address-box .india {
    margin-top: 50px;
  }

  .footer-v7 .f-social .f-social-inner {
    flex-direction: column;
  }

  .footer-v7 .f-social .dmca {
    flex-basis: auto;
  }

  .footer-v7 .f-social .social {
    justify-content: center;
  }
}

/* footer v6 */

@media (max-width: 991px) {
  .footer-v6 .footer-badge .row {
    gap: 24px;
  }
}

@media (max-width: 1199px) {
  .footer-v6 .footer-badge .row {
    flex-direction: column;
  }

  .footer-v6 .footer-badge .left,
  .footer-v6 .footer-badge .right {
    flex-basis: 100%;
    max-width: 100%;
  }

  .footer-v6 .footer-badge ul {
    justify-content: center;
    margin-top: 24px;
  }

  .footer-v6 .footer-badge .row {
    text-align: center;
  }

  .footer-v6 .footer-badge .techahead-logo {
    margin: 0 auto 20px auto;
  }
}

@media (max-width: 1399px) {
  .footer-v6 .footer-badge h3 br {
    display: none;
  }
}

/* 3 Dec 2024 */
.footer-v6 .footer-badge ul li:nth-child(2)::after,
.clutch-rating-hidden-box {
  display: none !important;
}

.footer-v6 .footer-top .list+.list {
  border-left: 1px solid rgba(255, 255, 255, 0.2);
}

.footer-v6 .footer-badge {
  border-top: 1px solid;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  border-top: 1px solid rgba(255, 255, 255, 0.2);
}

@media (max-width: 1199px) {
  .footer-v6 .footer-top .list+.list {
    border-left: none !important;
  }

  .header,
  .header.scrolled {
    padding: 0rem 2.4rem;
  }
}

@media (max-width: 991px) {
  .single-blog-layout #progress-container {
    top: 56px !important;
  }
}

@media (max-width: 767px) {

  .header,
  .header.scrolled {
    padding: 0rem !important;
  }
}

.footer-v6 .footer-badge ul li:nth-child(2) {
  display: flex;
  align-items: center;
  width: 196px !important;
  height: 70px !important;
}

/* blog-main-page */
.blog-main-page {
  position: relative;
  padding: 40px 0;
  letter-spacing: normal;
  background: #fff;
  font-family: "Poppins", Sans-serif;
}

.blog-main-page::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 800px;
  background: transparent url("https://tamediacdn.techaheadcorp.com/wp-content/uploads/2024/11/21061221/blog-bg.png") no-repeat top center;
  background-size: cover;
}

.blog-main-page .f-container {
  position: relative;
  z-index: 1;
}

.blog-main-page .caption {
  text-align: center;
  max-width: 1000px;
  width: 100%;
  margin: 0 auto;
}

.blog-main-page .caption .title {
  font-size: 45px;
  font-weight: 500;
  color: #222;
  line-height: 1.6;
  margin-bottom: 20px;
  letter-spacing: inherit;
}

.blog-main-page .caption .title span {
  background: transparent linear-gradient(91deg, #a152f5 0%, #e97a5c 37%, #f43e82 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}

.blog-main-page .caption .sub-title {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 1.6;
  margin: 0;
}

.blog-search-form {
  max-width: 900px;
  margin: 54px auto 0 auto;
}

.blog-search-form .input-group {
  position: relative;
}

.blog-search-form .input-group input[type="text"],
.blog-search-form .input-group input[type="text"]::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 1.6;
}

.blog-search-form .input-group input[type="text"] {
  width: 100%;
  border-radius: 40px;
  outline: none;
  background: transparent;
  border: 1px solid #222;
  padding: 12px 20px 12px 60px;
}

.blog-search-form .input-group .button-icon {
  position: absolute;
  left: 4px;
  top: 50%;
  transform: translateY(-50%);
  display: inline-block;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  border: none;
  overflow: hidden;
  cursor: pointer;
  padding: 0;
}

.blog-search-form .input-group .button-icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.search-tag-block {
  margin: 80px 0;
  display: flex;
  gap: 20px;
}

.search-tag-block .tags-title {
  font-size: 16px;
  font-weight: 600;
  color: #222;
  line-height: 2;
  display: inline-block;
  white-space: nowrap;
}

.search-tag-block ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.search-tag-block ul li a {
  font-size: 14px;
  font-weight: 400;
  color: #222;
  line-height: 1.6;
  border-radius: 40px;
  background-color: #fff;
  padding: 6px 20px;
  border: 1px solid #d7ddf8;
  display: inline-block;
  text-decoration: none;
}

@media (max-width: 991px) {
  .search-tag-block {
    flex-direction: column;
  }
}

.blog-grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.blog-grid-container .blog-card {
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 7%);
  overflow: hidden;
  border-radius: 15px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: #fff;
  border: 1px solid #eaecf8;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 1.5;
  text-decoration: none;
  display: block;
}

.blog-grid-container .blog-card.latest-blog {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-column: span 2;
}

.blog-grid-container .blog-card .thumbnail {
  position: relative;
  padding-bottom: 56.25%;
  background: #dddd;
}

.blog-grid-container .blog-card .thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-grid-container .blog-card .thumbnail .main-img {
  backdrop-filter: blur(15px);
}

.blog-grid-container .blog-card.latest-blog .thumbnail img {
  object-fit: contain;
}

.blog-grid-container .blog-card.latest-blog .thumbnail .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blog-grid-container .blog-card.latest-blog .thumbnail .overlay img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.blog-grid-container .blog-card .meta-info {
  padding: 24px;
}

.blog-grid-container .blog-card .meta-info .latest-badge {
  padding: 5px 8px;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  line-height: 1.4;
  border-radius: 8px;
  background: #f2f4fd;
  text-transform: capitalize;
  margin-bottom: 14px;
}

.blog-grid-container .blog-card .meta-info .badge {
  margin-bottom: 14px;
  text-transform: uppercase;
}

.blog-grid-container .blog-card .meta-info .badge * {
  font-weight: 400;
  text-transform: uppercase;
  display: block;
  color: #000;
  text-decoration: none;
  font-size: inherit;
}

.blog-grid-container .blog-card .meta-info .post-title {
  font-weight: 600;
  margin-bottom: 0;
  font-size: 20px;
  letter-spacing: inherit;
  line-height: 1.4;
  text-decoration: none;
  color: #000;
}

.blog-grid-container .blog-card .meta-info .post-title:not(.blog-card.latest-blog .meta-info .post-title),
.blog-grid-container .blog-card .meta-info .post-title *:not(.blog-card.latest-blog .meta-info .post-title) {
  font-weight: 500;
  font-size: 17px;
  line-height: 1.4;
  color: #000;
  text-decoration: none;
}

.blog-grid-container .blog-card .meta-info .post-excerpt {
  font-weight: 400;
  margin: 16px 0 0;
  font-size: 16px;
}

.blog-grid-container .blog-card .meta-info .date {
  margin-top: 16px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.3);
}

.blog-grid-container .blog-card .meta-info .read-more {
  margin-top: 16px;
  padding: 4px 10px;
  display: inline-block;
  border-radius: 8px;
  background: transparent;
  color: #222;
  font-size: 13px;
  border: 1px solid #222;
  text-decoration: none;
}

.blog-grid-container .blog-card:hover {
  -webkit-transform: scale(0.95);
  -ms-transform: scale(0.95);
  transform: scale(0.95);
}

@media (max-width: 1199px) {
  .blog-main-page .caption .title {
    font-size: 36px;
  }
}

@media (max-width: 991px) {
  .blog-grid-container {
    grid-template-columns: repeat(2, 1fr);
  }

  .blog-main-page .caption .title {
    font-size: 28px;
  }
}

@media (max-width: 767px) {

  .blog-grid-container,
  .blog-grid-container .blog-card.latest-blog {
    grid-template-columns: 1fr;
  }

  .blog-grid-container .blog-card {
    grid-column: 1/3;
  }

  .blog-grid-container .blog-card.latest-blog .thumbnail .main-img {
    object-fit: cover;
  }

  .blog-grid-container .blog-card.latest-blog .thumbnail .overlay {
    display: none;
  }
}

/* blog pagination */
.blog-pagination {
  display: flex;
  align-items: center;
  gap: 20px;
  justify-content: center;
  margin: 60px auto;
  min-width: 300px;
}

.blog-pagination ul {
  border-radius: 40px;
  padding: 8px 24px;
  display: flex;
  gap: 10px;
  background: #f2f4fd;
}

.blog-pagination ul li {
  display: inline-block;
  line-height: 34px;
}

.blog-pagination ul li a {
  font-size: 14px;
  font-weight: 500;
  color: #000;
  text-decoration: none;
  padding: 0 4px;
}

.blog-pagination ul li.current {
  font-weight: 600;
  color: #a152f5;
  font-size: 14px;
}

.blog-pagination .next-page-btn {
  border-radius: 50%;
  border: 1px solid #707070;
  font-size: 14px;
  font-weight: 500;
  color: #707070;
  line-height: 1.5;
  position: relative;
  background: #f7f8fc;
  width: 50px;
  height: 50px;
  flex-shrink: 0;
  cursor: pointer;
}

.blog-pagination .next-page-btn::after {
  content: "";
  top: 50%;
  left: calc(50% - 4px);
  transform: translate(-50%, -50%) rotate(-45deg);
  width: 8px;
  height: 8px;
  border: 1px solid #707070;
  border-top: 0;
  border-left: 0;
  display: block;
  position: absolute;
}

.subscribe-cta-section {
  padding: 90px 0;
  background: transparent url("https://tamediacdn.techaheadcorp.com/wp-content/uploads/2024/11/21061226/blog-subscribe.png") no-repeat top center;
  background-size: cover;
  position: relative;
  color: #fff;
  text-align: center;
}

.subscribe-cta-section::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 8px;
  background: transparent url("https://tamediacdn.techaheadcorp.com/wp-content/uploads/2024/11/28101615/gradient-bar.svg") no-repeat bottom center;
  background-size: cover;
}

.subscribe-cta-section .small-title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.5;
}

.subscribe-cta-section .title {
  font-size: 34px;
  font-weight: bold;
  line-height: 1.4;
  margin: 26px 0 46px;
}

.subscribe-cta-section .input-group {
  position: relative;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}

.subscribe-cta-section .input-group input[type="email"],
.subscribe-cta-section .input-group input[type="email"]::-webkit-input-placeholder {
  font-size: 16px;
  font-weight: 500;
  color: #222;
  line-height: 1.6;
}

.subscribe-cta-section .input-group input[type="email"]::-webkit-input-placeholder {
  color: #c3c3c6;
}

.subscribe-cta-section .input-group input[type="email"] {
  padding: 12px 120px 12px 20px;
  width: 100%;
  outline: none;
  border-radius: 8px;
  border: none;
}

.subscribe-cta-section .input-group .subscribe-btn {
  position: absolute;
  right: 10px;
  top: 50%;
  padding: 6px 30px;
  transform: translateY(-50%);
  border-radius: 8px;
  color: #fff;
  line-height: 1.6;
  font-weight: 600;
  border: 0;
  cursor: pointer;
  background: transparent linear-gradient(104deg, #9063f4, #517ded);
}

@media (max-width: 575px) {
  .subscribe-cta-section .title {
    font-size: 28px;
  }
}

.blog-main-page #ajax-load-more {
  padding: 0;
  margin-top: 30px;
}

.blog-main-page #ajax-load-more .blog-grid-container.loadmore .blog-card:nth-child(-n + 11) {
  display: none;
}

/* blog single new layout  */
.single-blog-layout .schema-faq.wp-block-yoast-faq-block,
.single-blog-layout #h-faqs {
  display: none !important;
}

.single-blog-layout * {
  font-family: "Poppins", serif;
}

.single-blog-layout .main-content a {
  color: #1e90ff !important;
  text-decoration: none;
}

.single-blog-layout .main-content p,
.single-blog-layout .main-content ul *,
.single-blog-layout .main-content ol *,
.single-blog-layout .main-content span {
  font-size: 16px;
  font-weight: 400;
  color: #222;
}

.single-blog-layout .main-content h2,
.single-blog-layout .main-content h3,
.single-blog-layout .main-content h4,
.single-blog-layout .main-content h5,
.single-blog-layout .main-content h6 {
  font-weight: 600;
  margin: 28px 0 18px;
}

.single-blog-layout .main-content h2 *,
.single-blog-layout .main-content h3 *,
.single-blog-layout .main-content h4 *,
.single-blog-layout .main-content h5 *,
.single-blog-layout .main-content h6 * {
  font-weight: 600;
}

.single-blog-layout .main-content h2 {
  font-size: 24px;
  font-weight: 700;
}

.single-blog-layout .main-content h3 {
  font-size: 20px;
}

.single-blog-layout .main-content h4 {
  font-size: 18px;
}

.single-blog-layout .main-content h5 {
  font-size: 16px;
}

.single-blog-layout .main-content h6 {
  font-size: 16px;
}

.single-blog-layout .main-content iframe {
  max-width: 100%;
  width: 100%;
  height: auto;
  aspect-ratio: 1/1;
  display: block;
}

.single-blog-layout .main-content img {
  max-width: 100%;
  width: 100%;
  height: auto;
  display: block;
  margin: 40px 0;
}

.single-blog-layout .blog-thumbnail {
  position: relative;
  padding-bottom: 56.25%;
}

.single-blog-layout .blog-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.single-blog-layout .faq-blog-section {
  padding-top: 70px;
  margin-top: 40px;
}

.single-blog-layout .faq-title {
  color: #ffffff;
  font-family: "Poppins", Sans-serif;
  font-size: 30px;
  font-weight: 600;
  text-transform: capitalize;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
}

.cs-tab-wrapper .cs-accordion .faq .content {
  color: #fff;
  font-size: 16px;
  line-height: 1.9;
  font-weight: 400;
  letter-spacing: normal;
  margin: 0;
  padding: 20px 0;
}

.single-blog-layout #progress-container {
  position: fixed;
  top: 72px;
  left: 0;
  width: 100%;
}

.single-blog-layout #progress-bar {
  background: #9163f3;
  height: 4px;
}

.single-blog-layout .profile-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  margin-bottom: 40px;
}

.single-blog-layout .profile-box .avator {
  border-radius: 50%;
  width: 58px;
  height: 58px;
  border: 2px solid #9163f3;
  position: relative;
  background: rgb(145 99 243 / 23%);
}

.single-blog-layout .profile-box .avator img:first-child {
  border-radius: 50%;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.single-blog-layout .profile-box .avator img.arrow {
  position: absolute;
  right: -8px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  object-fit: contain;
  border-radius: 50%;
  background: #fff;
  padding: 3px;
  border: 1px solid #9163f3;
  cursor: pointer;
}

.single-blog-layout .profile-box .avator img.arrow.active {
  transform: translateY(-50%) rotate(180deg);
}

.single-blog-layout .profile-box .name {
  font-size: 15px;
  color: #000;
  font-weight: 600;
  margin: 8px 0;
  line-height: 1.2;
}

.single-blog-layout .profile-box .designation {
  font-size: 13px;
}

.single-blog-layout .profile-box .description {
  display: none;
  font-size: 14px;
  max-width: 900px;
  line-height: 1.5;
  margin: 10px auto 0;
}

.single-blog-layout .header-content .title {
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  line-height: 1.5;
  max-width: 950px;
  margin: 0 auto;
}

.single-blog-layout .widgets-list {
  margin: 40px 0;
}

.single-blog-layout .widgets-list>ul {
  padding: 0;
  margin: 0;
  list-style: none;
  display: flex;
  gap: 24px;
  justify-content: center;
}

.single-blog-layout .widgets-list ul li {
  display: flex;
  align-items: center;
  font-size: 12px;
  color: #000;
  font-weight: 500;
  gap: 8px;
}

.single-blog-layout .widgets-list ul li.text-to-speech,
.single-blog-layout .widgets-list ul li.share-post {
  cursor: pointer;
}

.single-blog-layout .widgets-list ul li.share-post {
  position: relative;
}

.single-blog-layout .widgets-list ul li.share-post .social {
  position: absolute;
  display: none;
  left: 0;
  top: 130%;
  width: 230px;
  padding: 16px 0;
  border-radius: 10px;
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 3px 20px #00000029;
  border: 1px solid #d3d2fb;
  z-index: 10;
}

.single-blog-layout .widgets-list ul li.share-post .social li+li {
  margin-top: 14px;
}

.single-blog-layout .widgets-list ul li.share-post .social a {
  display: flex;
  gap: 10px;
  align-items: center;
  padding: 6px 14px;
  width: 100%;
  font-size: 15px;
  line-height: 1.4;
  font-weight: 500;
  color: #000;
}

.single-blog-layout .widgets-list ul li.share-post .social a:hover {
  background: linear-gradient(90deg, #766ef171, #776ef100);
}

.single-blog-layout .widgets-list ul li.share-post .social a img {
  width: 38px;
  height: 38px;
  object-fit: contain;
}

.single-blog-layout .widgets-list ul span {
  width: 28px;
  height: 28px;
  border-radius: 50%;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #e6dbfc;
  background: #f6f2fe;
  padding: 5px;
}

.single-blog-layout .widgets-list ul span>img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.single-blog-layout .breadcrumbs-container {
  margin-bottom: 20px;
}

.single-blog-layout .breadcrumbs-container .breadcrumbs {
  display: flex;
  padding: 0;
  margin: 0;
  gap: 10px;
  list-style: none;
}

.single-blog-layout .breadcrumbs-container .breadcrumbs li {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 18px;
  line-height: 1.6;
}

.single-blog-layout .breadcrumbs-container .breadcrumbs a {
  font-size: 14px;
  color: #000;
  font-weight: 600;
}

.single-blog-layout .breadcrumbs-container .breadcrumbs li:last-child a {
  color: rgb(0 0 0 / 50%);
}

.single-blog-layout .content-row {
  display: flex;
  gap: 40px;
  margin-top: 60px;
}

.single-blog-layout .content-row .col-left {
  flex: 0 0 240px;
}

.single-blog-layout .content-row .col-left .table-of-content ul {
  padding: 0 20px 0 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow-y: auto;
  height: 180px;
  counter-reset: list;
}

.single-blog-layout .content-row .col-left .table-of-content ul::-webkit-scrollbar {
  width: 3px;
  border-radius: 6px;
}

.single-blog-layout .content-row .col-left .table-of-content ul::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 6px;
}

.single-blog-layout .content-row .col-left .table-of-content ul::-webkit-scrollbar-thumb {
  background: #e0dddd;
  border-radius: 6px;
}

.single-blog-layout .content-row .col-left .table-of-content {
  background: #fafafa;
  border: 1px solid #e0dddd;
  border-radius: 20px;
  padding: 20px;
}

.single-blog-layout .content-row .col-left .table-of-content .title {
  font-size: 15px;
  color: #222;
  font-weight: 600;
  margin-bottom: 10px;
}

.single-blog-layout .content-row .col-left .table-of-content a {
  font-size: 13px;
  color: #505050;
  font-weight: 400;
  display: block;
  line-height: 1.6;
  position: relative;
}

.single-blog-layout .content-row .col-left .table-of-content a::before {
  counter-increment: list;
  content: " " counter(list) ". ";
}

.single-blog-layout .content-row .col-left .table-of-content a::after {
  content: "";
  width: 15px;
  height: 15px;
  background-image: url(https://tamediacdn.techaheadcorp.com/wp-content/uploads/2024/08/27120141/arrow.svg);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  display: none;
  position: absolute;
  left: 0;
  top: 3px;
}

.single-blog-layout .content-row .col-left .table-of-content a:hover {
  color: #222;
  font-weight: 600;
  padding-left: 20px;
}

.single-blog-layout .content-row .col-left .table-of-content a:hover::after {
  display: block;
}

.single-blog-layout .main-content .highlight {
  background: rgb(173 255 47 / 42%);
}

/* related single blog */
.related-blog-post .title-row {
  display: flex;
  align-items: center;
  gap: 40px;
  justify-content: space-between;
  margin-bottom: 24px;
}

.related-blog-post .view-all-blog {
  display: inline-flex;
  color: #8064b7;
  gap: 12px;
  align-items: center;
  font-weight: 500;
}

.related-blog-post .title {
  color: #000;
  font-family: "Poppins", Sans-serif;
  font-size: 30px;
  font-weight: 600;
  text-transform: capitalize;
  font-style: normal;
  line-height: 1.4;
  letter-spacing: normal;
}

.single-blog-layout .related-blog-post {
  background: #f1f2fc;
  padding: 80px 0;
}

.single-blog-layout .related-blog-post .blog-card-inner {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
}

.single-blog-layout .related-blog-post a {
  text-decoration: none;
}

.single-blog-layout .related-blog-post .blog-card {
  box-shadow: 0 0.5rem 1rem rgb(0 0 0 / 7%);
  overflow: hidden;
  border-radius: 15px;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  background: #fff;
  border: 1px solid #eaecf8;
  font-size: 14px;
  font-weight: 400;
  color: #000;
  line-height: 1.5;
  text-decoration: none;
  display: block;
  height: 100%;
  padding-top: 24px;
}

.single-blog-layout .related-blog-post .blog-card .thumbnail {
  position: relative;
  padding-bottom: 56.25%;
}

.single-blog-layout .related-blog-post .blog-card .thumbnail img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  object-fit: cover;
}

.single-blog-layout .related-blog-post .blog-card .title {
  font-weight: 400;
  font-size: 16px;
  line-height: 1.4;
  color: #000;
  padding: 24px;
}

.single-blog-layout .widgets-list>ul {
  flex-wrap: wrap;
}

@media (max-width: 991px) {
  .single-blog-layout .related-blog-post .blog-card-inner {
    gap: 20px;
  }

  .single-blog-layout .related-blog-post .blog-card .title {
    font-size: 13px;
  }

  .single-blog-layout .content-row .col-left {
    display: none;
  }

  .single-blog-layout .header-content .title {
    font-size: 34px;
  }
}

@media (max-width: 767px) {
  .single-blog-layout .related-blog-post .blog-card-inner {
    grid-template-columns: repeat(2, 1fr);
  }

  .single-blog-layout .header-content .title {
    font-size: 26px;
  }
}

@media (max-width: 575px) {
  .single-blog-layout .related-blog-post .blog-card-inner {
    grid-template-columns: 1fr;
  }
}

/* faq section */
.cs-tab-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 120px;
  font-family: "Poppins", Sans-serif;
  background-color: #171624;
  padding: 70px 0;
}

.cs-tab-wrapper .tabs {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 10px;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 calc(20% - 100px);
  flex: 0 0 calc(20% - 100px);
}

.cs-tab-wrapper .cs-tab-content {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.cs-tab-wrapper .tab-link {
  padding: 15px;
  color: #fff;
  cursor: pointer;
  font-weight: 400;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  font-size: 14px;
  letter-spacing: normal;
  border-radius: 8px;
  min-width: 220px;
  line-height: 1.6;
}

.cs-tab-wrapper .tab-link.active {
  background-color: rgb(255 255 255 / 11%);
  font-weight: 600;
}

.cs-tab-wrapper .tab-content {
  display: none;
  opacity: 0;
  -webkit-transform: translateY(15px);
  -ms-transform: translateY(15px);
  transform: translateY(15px);
  -webkit-animation: fadeIn 0.5s ease 1 forwards;
  animation: fadeIn 0.5s ease 1 forwards;
}

.cs-tab-wrapper .tab-content.active {
  display: block;
}

@-webkit-keyframes fadeIn {
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeIn {
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.cs-tab-wrapper .cs-tab-content h3 {
  font-size: 24px;
  line-height: 1.4;
  font-weight: 600;
  color: #fff;
  letter-spacing: normal;
  margin: 0 0 10px;
}

.cs-tab-wrapper .cs-accordion .faq>h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 20px;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 20px 0;
  font-size: 18px;
  letter-spacing: normal;
  line-height: 1.6;
  color: #fff;
  font-weight: 500;
  border-bottom: 1px solid rgb(255 255 255 / 36%);
  -webkit-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  cursor: pointer;
  margin: 0;
}

.cs-tab-wrapper .cs-accordion .faq>h2 .icon {
  position: relative;
  display: inline-block;
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background-color: rgb(255 255 255 / 8%);
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.cs-tab-wrapper .cs-accordion .faq>h2 .icon::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: rotate(224deg) translate(-50%, -50%);
  -ms-transform: rotate(224deg) translate(-50%, -50%);
  transform: rotate(224deg) translate(-50%, -50%);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.cs-tab-wrapper .cs-accordion .faq>h2.active .icon::after {
  top: 55%;
  -webkit-transform: rotate(44deg) translate(-50%, -50%);
  -ms-transform: rotate(44deg) translate(-50%, -50%);
  transform: rotate(44deg) translate(-50%, -50%);
}

.cs-tab-wrapper .cs-accordion .faq .content {
  border-bottom: 1px solid rgb(255 255 255 / 36%);
  display: none;
}

.cs-tab-wrapper .cs-accordion .faq .content p {
  color: #fff;
  font-size: 16px;
  line-height: 1.9;
  font-weight: 400;
  letter-spacing: normal;
  margin: 0;
  padding: 20px 0;
}

@media (max-width: 991px) {
  .cs-tab-wrapper {
    gap: 40px;
  }

  .cs-tab-wrapper .cs-accordion .faq>h2 {
    font-size: 16px;
  }
}

@media (max-width: 767px) {
  .cs-tab-wrapper .cs-accordion .faq .content {
    font-size: 13px;
  }

  .single-blog-layout .faq-title {
    font-size: 21px;
  }

  .related-blog-post .title {
    font-size: 16px;
  }

  .cs-tab-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .cs-tab-wrapper .cs-accordion .faq>h2,
  .cs-tab-wrapper .cs-accordion .faq .content p {
    font-size: 14px;
  }

  .cs-tab-wrapper .cs-tab-content {
    padding: 0 15px;
  }
}

.single-blog-layout .breadcrumbs-container {
  margin: 50px 0 30px;
  display: block;
  position: relative;
  z-index: 99;
}

.single-blog-layout .main-content .contact-img-box img {
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  height: auto;
}


.service-dropdown-tab.industry .engagement-mode ul li a {
  width: 24px;
  height: 24px;
}

@media (max-width: 991px) {
  .single-blog-layout .widgets-list ul li.text-to-speech {
    display: none !important;
  }

  .single-blog-layout .widgets-list ul li.share-post .social {
    left: -140px;
    width: 170px;
  }

  .single-blog-layout .widgets-list ul li.share-post .social a img {
    width: 30px;
    height: 30px;
  }

  .single-blog-layout .widgets-list ul li.share-post .social a {
    font-size: 10px;
  }

  .single-blog-layout .widgets-list ul li.share-post .social li+li {
    margin-top: 6px;
  }
}

.single-blog-layout #progress-container {
  z-index: 10;
}

/* header top menu */
.service-dropdown-tab.industry .tab-wrapper {
  flex-direction: row;
}

.service-dropdown-tab.industry .engagement-mode {
  padding-top: 60px;
}

.engagement-mode .video-container {
  background: #f6edf6;
  border-radius: 15px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding-bottom: 34px;
}

.engagement-mode .video-container .video-bx {
  border: 2px solid #dc6fa1;
  border-radius: 15px;
  overflow: hidden;
  background: #fff;
  position: relative;
  padding-bottom: 56.25%;
  width: 100%;
}

.engagement-mode .video-container .video-bx video {
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.engagement-mode .video-container .description {
  font-size: 14px;
  line-height: 1.6;
  padding: 18px;
}

.engagement-mode .video-container .btn {
  display: inline-flex;
  gap: 6px;
  align-items: center;
  background: #171624;
  font-family: "Poppins";
  font-size: 13px;
  letter-spacing: normal;
  border-radius: 8px;
  justify-content: center;
  padding: 8px 24px;
  margin: 0 18px;
  margin-bottom: -50px;
  font-weight: 500;
  text-transform: capitalize;
}

/*hire dev  */
.service-dropdown-tab.hire .tab.active .img-bx {
  background: #fff;
}

.service-dropdown-tab.hire .tab .img-bx .icon.active {
  display: none;
}

.service-dropdown-tab.hire .tab.active .img-bx .icon.active {
  display: block;
}

.service-dropdown-tab.hire .tab.active .img-bx .icon:not(.icon.active) {
  display: none;
}

.service-dropdown-tab.hire .tab.active .img-bx img {
  filter: none;
  mix-blend-mode: normal;
}

.service-dropdown-tab.hire .tab .img-bx img {
  width: 38px;
  height: 38px;
}

/*Company  */
.service-dropdown-tab.company .tab {
  font-size: 15px;
  font-weight: 500;
  align-items: flex-start;
}

.service-dropdown-tab.company .figure-box>img {
  width: 100%;
  height: 260px;
  object-fit: contain;
}

.service-dropdown-tab.company .tab.active .img-bx {
  background: #fff;
}

.service-dropdown-tab.company .tab .img-bx .icon.active {
  display: none;
}

.service-dropdown-tab.company .tab.active .img-bx .icon.active {
  display: block;
}

.service-dropdown-tab.company .tab.active .img-bx .icon:not(.icon.active) {
  display: none;
}

.service-dropdown-tab.company .tab.active .img-bx img {
  filter: none;
  mix-blend-mode: normal;
}

.service-dropdown-tab.company .tab .img-bx img {
  width: 38px;
  height: 38px;
}

.service-dropdown-tab.company .tab .tab-title span {
  font-size: 13px;
  font-weight: 400;
  display: block;
  margin-top: 6px;
}

.service-dropdown-tab.company .tab-content.no>div ul li {
  display: flex !important;
  gap: 10px;
  align-items: flex-start;
}

.service-dropdown-tab.company .tab-content.no>div ul li .img-bx .icon.active {
  display: none;
}

.service-dropdown-tab.company .tab-content.no>div ul li.active .img-bx .icon.active {
  display: block;
}

.service-dropdown-tab.company .tab-content.no>div ul li.active .img-bx .icon:not(.icon.active) {
  display: none;
}

.service-dropdown-tab.company .tab-content.no>div ul li:hover {
  background: #fff !important;
}

.service-dropdown-tab.company .service-section .mobile ul li.active a,
.service-dropdown-tab.company .service-section .mobile ul li a:hover {
  background: #fff;
  border-bottom-color: #fff;
}

.service-dropdown-tab.company .tab-content.no>div ul {
  grid-template-columns: 1fr;
}

.service-dropdown-tab.company .engagement-mode {
  flex: 0 0 530px;
  padding-bottom: 0;
}

.service-dropdown-tab.company .tab-content-box {
  height: 400px !important;
}

.service-dropdown-tab.company .engagement-mode .description {
  font-size: 14px;
  line-height: 1.6;
  margin: 30px 0;
}

.service-dropdown-tab.company .engagement-mode .clutch-figure {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  margin: 0 -30px;
  align-items: stretch;
}

.service-dropdown-tab.company .engagement-mode .clutch-figure .left,
.service-dropdown-tab.company .engagement-mode .clutch-figure .right {
  padding: 10px 36px;
  background: #f2f2fc;
  display: grid;
  place-items: center;
}

.service-dropdown-tab.company .engagement-mode .clutch-figure .right {
  background: #ebeaf9;
}

.service-dropdown-tab.company .engagement-mode .clutch-figure .right img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}

.service-dropdown-tab.company .tab-content.no>div ul {
  gap: 34px !important;
}

.header .nav .menu>li .sub-menu-wrap.resources-sub-menu,
.site-header .nav .menu>li .sub-menu-wrap.resources-sub-menu {
  width: 100%;
  left: 0;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 8px;
  top: 0;
  padding-top: 90px;
  padding: 3rem 3.45rem 2rem;
  padding-bottom: 0;
}

.service-dropdown-tab.company .tab-content>div ul li .img-bx {
  width: 38px;
  height: 38px;
  flex-shrink: 0;
}

.service-dropdown-tab.company .engagement-mode .figure-box {
  overflow-y: auto;
  height: 464px;
  width: 100%;
  overflow-x: hidden;
}

@media (max-width: 1199px) {
  .service-dropdown-tab.company .engagement-mode {
    flex: 0 0 350px;
  }

  .service-dropdown-tab.company .engagement-mode .clutch-figure {
    grid-template-columns: 1fr;
  }
}

.single-blog-layout .breadcrumbs-container {
  z-index: 1;
}

.engagement-mode .video-container .btn img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.header .nav .menu>li .sub-menu-wrap.resources-sub-menu,
.site-header .nav .menu>li .sub-menu-wrap.resources-sub-menu {
  padding: 90px 41px 49px 49px;
}

/* fri 17 jan 2025 */

.header .nav .menu>li .sub-menu-wrap.resources-sub-menu,
.site-header .nav .menu>li .sub-menu-wrap.resources-sub-menu {
  padding-bottom: 0;
}

.service-dropdown-tab.company .engagement-mode .figure-box::-webkit-scrollbar {
  width: 0;
}

.single-blog-layout .main-content .highlight,
.single-blog-layout .header-content .title .highlight {
  background-color: rgba(173, 255, 47, 0.412);
}

.single-blog-layout .header-content .title * {
  font-size: 40px;
  font-weight: 500;
  line-height: 1.5;
}

.single-blog-layout .widgets-list ul li.text-to-speech {
  border-radius: 50%;
}

.single-blog-layout .widgets-list ul li.text-to-speech.active {
  animation: pulse 2s infinite;
}

.engagement-mode .video-container .video-bx {
  border-radius: 20px;
}

@keyframes pulse {
  0% {
    box-shadow: 0 0 0 0 rgba(152, 117, 240, 0);
  }

  70% {
    box-shadow: 0 0 0 6px rgba(152, 117, 240, 0.25);
  }

  100% {
    box-shadow: 0 0 0 0 rgba(152, 117, 240, 0.25);
  }
}

.single-blog-layout .widgets-list ul li {
  display: flex !important;
}

.cs-tab-wrapper .cs-accordion .faq .content p,
.service-dropdown-tab.company .engagement-mode {
  padding: 0;
}

.service-dropdown-tab.company .engagement-mode .figure-box {
  padding: 26px 30px 0 30px;
}

.service-dropdown-tab.company .engagement-mode .description span {
  font-weight: 700;
}

.service-dropdown-tab.company .engagement-mode .figure-box {
  height: 490px;
}

body.single.single-blog .consultation-cta-blog,
body.post-type-archive-blog .consultation-cta-blog {
  display: none !important;
}

.footer-v6 .footer-badge h3 a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
  font-family: "Open Sans", sans-serif;
  margin-bottom: 0;
  text-decoration: none;
}

#crmWebToEntityForm.zcwf_lblLeft img,
#crmWebToEntityForm.zcwf_lblTopBottom img {
  display: none !important;
}

@media (max-width: 575px) {
  .top-10-mobile-app-company-wrapper .filter-content .card .card-header .company-logo-title h2 {
    font-size: 18px;
  }

  .top-10-mobile-app-company-wrapper .filter-content .card .card-header .company-logo-title h2 span {
    font-size: 13px;
  }

  .top-10-mobile-app-company-wrapper .card .card-header .company-logo-title .rating {
    flex-wrap: wrap;
  }
}

.free-consultation-form label span {
  color: #fff !important;
}

.single-blog-layout pre.wp-block-code {
  position: relative;
  border: 1px solid #ccc;
  background: #fafafa;
  padding: 20px 20px 20px 60px;
  border-radius: 1rem;
}

.single-blog-layout pre.wp-block-code::before {
  content: "";
  left: 10px;
  width: 40px;
  height: 40px;
  top: 14px;
  display: block;
  background-image: url(https://tamediacdn.techaheadcorp.com/wp-content/uploads/2024/08/28101727/code-solid.svg);
  background-size: 30px;
  opacity: 0.4;
  position: absolute;
  background-repeat: no-repeat;
}

.header .nav .menu>li .sub-menu-wrap.resources-sub-menu,
.site-header .nav .menu>li .sub-menu-wrap.resources-sub-menu {
  width: auto;
  left: auto;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 8px;
  top: auto;
  padding-top: 30px;
}

.about-us-mob .toggle {
  display: none !important;
}

.g-captcha-flex-col {
  max-width: 100%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  align-items: center;
  overflow: hidden;
}

.g-captcha-flex-col *,
#crmWebToEntityForm .g-recaptcha * {
  width: 100%;
}

.g-captcha-flex-col .g-recaptcha,
#crmWebToEntityForm .g-recaptcha {
  transform: scale(0.77);
  -webkit-transform: scale(0.77);
  transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
}

.free-consultation-form .free-consultation-form-outer {
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer 10+ */
}

.free-consultation-form .free-consultation-form-outer::-webkit-scrollbar {
  width: 0;
  /* For WebKit browsers */
  height: 0;
  /* For horizontal scrollbars */
}

.single-blog-layout .blog-thumbnail,
.single-blog-layout .related-blog-post .blog-card .thumbnail {
  background: #f6f2fe;
}

.single-blog-layout .main-content span {
  font-weight: inherit !important;
  color: inherit !important;
  font-size: inherit !important;
}

.single-blog-layout .main-content a {
  margin: 0 4px;
}

.free-consultation-form .free-consultation-form-outer .close-form-btn img {
  width: 20px;
  height: 20px;
}

#crmWebToEntityForm .wfrm_fld_dpNn {
  display: none !important;
}

.insights-menu .resources-sub-menu,
.insights-menu .fullmenu-dropdown,
.insights-menu .toggle {
  display: none !important;
}

.zoho-contact-form-container #crmWebToEntityForm.zcwf_lblTopBottom input,
.zoho-contact-form-container #crmWebToEntityForm.zcwf_lblTopBottom textarea,
.zoho-contact-form-container #crmWebToEntityForm.zcwf_lblTopBottom select,
.free-consultation-form input[type="text"],
.free-consultation-form input[type="email"],
.free-consultation-form input[type="tel"],
.free-consultation-form textarea,
.free-consultation-form select {
  -webkit-appearance: none;
  appearance: none;
}

html,
body {
  font-family: "Poppins", Sans-serif;
}

.free-consultation-form select.zcwf_col_fld_slt option {
  color: #000 !important;
}

.free-consultation-form .free-consultation-form-inner {
  padding: 20px !important;
}

.free-consultation-form {
  overflow-y: auto;
}

.free-consultation-form .free-consultation-form-outer {
  max-height: max-content !important;
}

.fconsultation-form-container .zcwf_row.five,
.fconsultation-form-container .zcwf_row.six {
  float: left;
  width: 100%;
}

.fconsultation-form-container .zcwf_lblTopBottom .zcwf_row {
  margin: 10px 0px !important;
}

.free-consultation-form p {
  text-align: center;
  margin-bottom: 8px;
  font-size: 12px !important;
  color: #fff;
  font-weight: 500;
  line-height: 1.4;
  max-width: 340px;
  margin: auto;
}

.free-consultation-form h2 {
  margin-bottom: 8px;
  text-align: center;
  font-weight: 500;
  font-family: inherit;
  letter-spacing: inherit;
}

.fconsultation-form-container .zcwf_row.five,
.fconsultation-form-container .zcwf_row.six {
  padding: 0 !important;
}

#crmWebToEntityForm.zcwf_lblTopBottom .zcwf_row img {
  display: block !important;
}

.fconsultation-form-container .zcwf_lblTopBottom .zcwf_row {
  margin: 8px 0px !important;
}

#crmWebToEntityForm.zcwf_lblTopBottom .zcwf_row img:not(a img) {
  height: 50px;
}

.fconsultation-form-container #crmWebToEntityForm.zcwf_lblTopBottom input[type="submit"],
.fconsultation-form-container #crmWebToEntityForm.zcwf_lblTopBottom input[type="reset"] {
  padding: 14px !important;
}

.fconsultation-form-container #crmWebToEntityForm.zcwf_lblTopBottom .zcwf_row.six {
  margin-bottom: 15px !important;
}

.free-consultation-form input[type="text"],
.free-consultation-form input[type="email"],
.free-consultation-form input[type="tel"],
.free-consultation-form textarea,
.free-consultation-form select {
  padding: 13px !important;
}

.free-consultation-form {
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer 10+ */
}

.free-consultation-form #crmWebToEntityForm label,
.free-consultation-form #crmWebToEntityForm #reCaptchaField {
  font-size: 13px !important;
  font-family: "Poppins" !important;
  font-weight: 500 !important;
}

.free-consultation-form,
.service-dropdown-tab .tab-wrapper {
  scrollbar-width: none;
  /* For Firefox */
  -ms-overflow-style: none;
  /* For Internet Explorer 10+ */
}

.container {
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

@media (min-width: 1400px) {
  .container {
    max-width: 1320px;
  }
}

.hire-blog-section .blog-card .thumbnail-img {
  max-width: 320px !important;
}

.free-consultation-form #crmWebToEntityForm label,
.free-consultation-form #crmWebToEntityForm #reCaptchaField {
  font-size: 13px !important;
  font-family: "Poppins" !important;
  font-weight: 500 !important;
}

#crmWebToEntityForm.zcwf_lblTopBottom .zcwf_row img:not(a img) {
  border: 1px solid #ccc;
}

.captcha-img-code {
  flex-wrap: wrap;
}

@media (max-width: 480px) {

  .fconsultation-form-container .zcwf_row.one,
  .fconsultation-form-container .zcwf_row.two,
  .fconsultation-form-container .zcwf_row.three,
  .fconsultation-form-container .zcwf_row.four {
    float: left;
    width: 100% !important;
  }
}

#crmWebToEntityForm.zcwf_lblTopBottom .zcwf_row img:not(a img) {
  width: 120px;
}

.load-more-list-btn {
  cursor: pointer;
}

.free-consultation-form input[type="text"],
.free-consultation-form input[type="email"],
.free-consultation-form input[type="tel"],
.free-consultation-form textarea,
.free-consultation-form select {
  width: 100% !important;
  padding: 15px !important;
  border: none !important;
  border-radius: 10px !important;
  font-size: 14px !important;
  margin-bottom: 4px;
  background-color: rgba(255, 255, 255, 0.2) !important;
  color: white !important;
  box-sizing: border-box;
  font-family: "Poppins" !important;
  height: auto !important;
  font-weight: 400 !important;
}

.site-header {
  z-index: 99;
}

.service-dropdown-tab .tab-wrapper {
  max-height: 70vh;
  overflow-y: auto;
  background: #fff;
}

.header .service-dropdown-tab .service-section .mobile ul li {
  margin-left: 0 !important;
}

.service-dropdown-tab .service-section .mobile ul li a {
  padding: 10px 12px !important;
}

@media (max-width: 767px) {
  .hire-blog-section .blog-card .thumbnail-img {
    max-width: 100% !important;
  }
}

.career.contact .career-form .custom-file-style-2 p {
  position: relative;
}

.career.contact .career-form .custom-file-style-2 p span {
  position: absolute;
  top: 0;
  left: 0;
}

/* 4march 2025 */
.service-dropdown-tab.hire .tab-content-box {
  height: 380px;
}

.footer-v6 * {
  font-family: "Poppins", Sans-serif !important;
}

.single-blog-layout ul,
.single-blog-layout ol {
  margin-bottom: 20px;
}

.single-blog-layout ul li,
.single-blog-layout ol li {
  margin-bottom: 10px;
}

.footer-v6 .footer-badge h3 {
  font-size: 13px;
  font-weight: 500;
}

.single-blog-layout .widgets-list ul li.text-to-speech.active {
  position: fixed;
  right: 40px;
  bottom: 40px;
  z-index: 99;
}

#wpcf7-f92987-o1 form {
  height: auto;
}


.innovate-scale-slider .slide h2 a {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: normal;
}

span.not-valid,
span.wpcf7-not-valid-tip {
  line-height: 1.6 !important;
}

.contact-form .form-group select.form-control {
  color: #999;
}

@media (max-width: 480px) {
  .top-10-mobile-app-company-wrapper .filter-content .card .card-header .company-logo-title h2 {
    font-size: 18px;
  }

  .top-10-mobile-app-company-wrapper .filter-content .card .card-header .company-logo-title .company-logo {
    width: 80px;
    height: 80px;
  }

  .top-10-mobile-app-company-wrapper .filter-content .card .card-header .company-logo-title h2 span {
    display: block;
    margin-top: 10px;
  }

  .top-10-mobile-app-company-wrapper .filter-content .card .visit-site-btn,
  .top-10-mobile-app-company-wrapper .filter-content .card .card-header .reviews,
  .top-10-mobile-app-company-wrapper .filter-content .card .card-header .company-logo-title h2 span,
  .top-10-mobile-app-company-wrapper .filter-content .card .card-header .company-logo-title .rating .badge {
    font-size: 10px;
  }

  .top-10-mobile-app-company-wrapper .filter-content .card .card-header .company-logo-title .rating .badge img {
    width: 10px;
    height: 10px;
  }

  .top-10-mobile-app-company-wrapper .filter-content .card .card-body .description .desc {
    margin-bottom: 0;
  }

  .top-10-mobile-app-company-wrapper .filter-content .card .card-body .description {
    font-size: 14px;
  }

  .top-10-mobile-app-company-wrapper .filter-content .card .card-body .description .rating-name-title {
    margin-top: 20px;
  }

  .top-10-mobile-app-company-wrapper .filter-content .card .card-body .description .tagline {
    font-size: 14px;
  }

  .top-10-mobile-app-company-wrapper .filter-content .card .card-body .description .rating-name-title .name {
    font-size: 10px;
  }
}

.portfolio-cta p a,
.portfolio-features-list a,
.content-with-img-wrap .content-with-img .content a {
  text-decoration: none;
  font-weight: normal;
}

.portfolio-cta p a:not(a.btn),
.portfolio-about-new .portfolio-testimonial-new.dark a,
.portfolio-industry .portfolio-strip.dark a {
  color: inherit;
  text-decoration: none;
}

.portfolio-features-list a,
.content-with-img-wrap .content-with-img a,
.case-summary-details .summary-content p a {
  color: inherit;
  text-decoration: none;
}

.portfolio-about-new .portfolio-testimonial-new .text .content,
.portfolio-about-new .portfolio-testimonial-new.center .text .content {
  font-weight: 300;
}

.case-summary-details .summary-content p {
  font-size: 1.5rem;
  font-weight: 300;
}

.technology-stack .icons-with-text ul {
  gap: 24px;
}

.technology-stack .icons-with-text ul li {
  width: 80px;
}

.case-summary-details .flex-md-row-reverse+.row {
  margin-top: 5rem;
}

section.video-wrap .video {
  max-width: 80rem;
}

.portfolio-template-custom-case-study-post-template .case-study-banner {
  margin-top: -5rem;
}

.portfolio-template-custom-case-study-post-template .header.header-fixed .nav .menu a {
  color: #000;
}

.portfolio-template-custom-case-study-new-post-template .case-summary-details .row:nth-child(2n)+.row {
  margin-top: 0;
}

@media (max-width: 575px) {
  .transforming-industry-tab .tabs .tab-link {
    font-size: 14px;
  }
}

/* hire dev css */
.hiring-made-easy-timeline {
  font-family: "Poppins", Sans-serif;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 20px 1fr 20px 1fr 20px 1fr;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 0 24px;
  overflow: hidden;
}

.hiring-made-easy-timeline .liner-dots {
  border-top: 8px dotted #6b6a72;
  width: 418%;
  -ms-grid-row: 2;
  grid-row: 2;
  -ms-grid-column: 1;
  grid-column: 1;
  margin-top: -13px;
}

.hiring-made-easy-timeline .card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 16px;
  position: relative;
  z-index: 1;
}

.hiring-made-easy-timeline .card.step1 {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 2;
  grid-row: 2;
  margin-top: -46px;
}

.hiring-made-easy-timeline .card.step2 {
  -ms-grid-column: 2;
  grid-column: 2;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin-bottom: -56px;
}

.hiring-made-easy-timeline .card.step3 {
  -ms-grid-column: 3;
  grid-column: 3;
  -ms-grid-row: 2;
  grid-row: 2;
  margin-top: -46px;
}

.hiring-made-easy-timeline .card.step4 {
  -ms-grid-column: 4;
  grid-column: 4;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  margin-bottom: -56px;
}

.hiring-made-easy-timeline .timeline-indicator {
  position: relative;
  color: #e54771;
  font-family: "Poppins", Sans-serif;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: center;
  display: block;
  padding-bottom: 40px;
}

.hiring-made-easy-timeline .timeline-indicator::before {
  content: "";
  display: block;
  position: absolute;
  top: 26px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #fff;
  border: 3px solid #000;
  outline: 1px solid #fff;
}

.hiring-made-easy-timeline .card.step2 .timeline-indicator,
.hiring-made-easy-timeline .card.step4 .timeline-indicator {
  padding: 40px 0 0;
}

.hiring-made-easy-timeline .card.step2 .timeline-indicator::before,
.hiring-made-easy-timeline .card.step4 .timeline-indicator::before {
  top: 2px;
}

.hiring-made-easy-timeline h2 {
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: normal;
  text-align: center;
  margin: 0;
  text-transform: capitalize;
}

.hiring-made-easy-timeline p {
  color: #ffffffa6;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
  text-align: center;
  margin: 0;
}

.hiring-made-easy-timeline .card img {
  width: 100px;
  height: 100px;
  -o-object-fit: contain;
  object-fit: contain;
}

.hiring-made-easy-timeline .card img {
  -webkit-animation: 1.5s infinite pulseIconHire1;
  animation: 1.5s infinite pulseIconHire1;
  border-radius: 50%;
}

.hiring-made-easy-timeline .card.red img {
  -webkit-animation: 1.5s infinite pulseIconHire2;
  animation: 1.5s infinite pulseIconHire2;
}

@-webkit-keyframes pulseIconHire1 {
  0% {
    -webkit-box-shadow: 0 0 0 0 #3e2d76;
    box-shadow: 0 0 0 0 #3e2d76;
  }

  100% {
    -webkit-box-shadow: 0 0 0 16px rgba(62, 45, 18, 0);
    box-shadow: 0 0 0 16px rgba(62, 45, 18, 0);
  }
}

@keyframes pulseIconHire1 {
  0% {
    -webkit-box-shadow: 0 0 0 0 #3e2d76;
    box-shadow: 0 0 0 0 #3e2d76;
  }

  100% {
    -webkit-box-shadow: 0 0 0 16px rgba(62, 45, 18, 0);
    box-shadow: 0 0 0 16px rgba(62, 45, 18, 0);
  }
}

@-webkit-keyframes pulseIconHire2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 #6c2546;
    box-shadow: 0 0 0 0 #6c2546;
  }

  100% {
    -webkit-box-shadow: 0 0 0 16px rgba(108, 37, 70, 0);
    box-shadow: 0 0 0 16px rgba(108, 37, 70, 0);
  }
}

@keyframes pulseIconHire2 {
  0% {
    -webkit-box-shadow: 0 0 0 0 #6c2546;
    box-shadow: 0 0 0 0 #6c2546;
  }

  100% {
    -webkit-box-shadow: 0 0 0 16px rgba(108, 37, 70, 0);
    box-shadow: 0 0 0 16px rgba(108, 37, 70, 0);
  }
}

@media (max-width: 991px) {
  .hiring-made-easy-timeline {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }

  .hiring-made-easy-timeline .liner-dots {
    display: none;
  }

  .hiring-made-easy-timeline .card.step1 {
    grid-column: auto;
    grid-row: auto;
    margin-top: 0;
  }

  .hiring-made-easy-timeline .card.step2 {
    grid-column: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
  }

  .hiring-made-easy-timeline .card.step3 {
    grid-column: auto;
    grid-row: auto;
    margin-top: 0;
  }

  .hiring-made-easy-timeline .card.step4 {
    grid-column: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-bottom: 0;
  }
}

.trusted-by-img-carousel1 .slide-img {
  max-width: 192px;
  width: 100%;
}

.trusted-by-img-carousel1 .slide-img img {
  height: 86px;
  -o-object-fit: contain;
  object-fit: contain;
}

.industry-cs-slider2.owl-carousel .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0 !important;
}

.industry-cs-slider2 .slide {
  background: #f5f5f7;
  height: 100%;
  border-radius: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  overflow: hidden;
  font-family: "Poppins", Sans-serif;
}

.industry-cs-slider2 {
  padding-bottom: 120px;
}

.industry-cs-slider2 .slide .text,
.industry-cs-slider2 .slide .image {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 calc(50% - 40px);
  flex: 1 0 calc(50% - 40px);
}

.industry-cs-slider2 .slide .text {
  padding: 40px 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 30px;
}

.industry-cs-slider2 .slide .text .case-study-btn {
  margin-top: auto;
}

.industry-cs-slider2 .slide .image {
  overflow: hidden;
  position: relative;
  background: rgb(238 238 238 / 90%);
}

.industry-cs-slider2 .slide .image::before {
  content: "";
  display: block;
  padding-bottom: 64%;
}

.industry-cs-slider2 .slide .image img,
.industry-cs-slider2 .slide .image video {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.industry-cs-slider2 .slide .text h2 {
  color: #000;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: normal;
  margin: 0;
}

.industry-cs-slider2 .slide .text h3 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: normal;
  margin: 0;
  text-transform: uppercase;
}

.industry-cs-slider2 .slide .text p {
  color: #000;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
  margin: 0;
}

.industry-cs-slider2 .slide .text .list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.industry-cs-slider2 .slide .text .list li {
  border-radius: 40px;
  padding: 8px 16px;
  font-size: 12px;
  color: #000;
  line-height: 1.2;
  display: inline-block;
  border: 1px solid #b8b8db;
  text-transform: capitalize;
}

.lottie-player-box {
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  width: 100% !important;
  height: 100% !important;
}

.lottie-player-box lottie-player {
  width: 100%;
  height: 100%;
  display: block;
}

.industry-cs-slider2 .owl-dots {
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 26px;
  line-height: 1.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 170px);
  background: #f4e1ee;
}

.industry-cs-slider2 .owl-dots button.owl-dot {
  width: 100%;
  height: 4px;
  display: inline-block;
  background: transparent;
  margin: 0 0.2rem;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  margin: 0;
  border-radius: 4px;
}

.industry-cs-slider2 .owl-dots button.owl-dot.active {
  background-color: #e54771;
  background-image: -o-linear-gradient(357deg, #5f48d8, #e54771);
  background-image: linear-gradient(93deg, #5f48d8, #e54771);
  opacity: 1;
}

.industry-cs-slider2 .owl-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  gap: 10px;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: #fff;
}

.industry-cs-slider2 .owl-nav button.owl-prev,
.industry-cs-slider2 .owl-nav button.owl-next {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #fff !important;
  border: 1px solid #8847b9;
  position: relative;
  cursor: pointer;
}

.industry-cs-slider2 .owl-nav button.owl-prev span,
.industry-cs-slider2 .owl-nav button.owl-next span {
  display: none !important;
}

.industry-cs-slider2 .owl-nav button.owl-prev::after,
.industry-cs-slider2 .owl-nav button.owl-next::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 1px solid #8847b9;
  border-left: 1px solid #8847b9;
  position: absolute;
  top: 50%;
  left: 46%;
  -webkit-transform: rotate(135deg) translate(-50%, -50%);
  -ms-transform: rotate(135deg) translate(-50%, -50%);
  transform: rotate(135deg) translate(-50%, -50%);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.industry-cs-slider2 .owl-nav button.owl-prev::after {
  -webkit-transform: rotate(324deg) translate(-50%, -50%);
  -ms-transform: rotate(314deg) translate(-50%, -50%);
  transform: rotate(314deg) translate(-50%, -50%);
  left: 54%;
}

@media (max-width: 991px) {
  .industry-cs-slider2 .slide {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .industry-cs-slider2 .slide .text {
    padding: 30px 30px 0;
  }

  .industry-cs-slider2 .slide .text,
  .industry-cs-slider2 .slide .image {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
  }
}

.leadership-accross-industry-slider {
  padding-bottom: 120px;
}

.leadership-accross-industry-slider .slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 40px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.leadership-accross-industry-slider .slide .card {
  background: #fff;
  font-family: "Poppins", Sans-serif;
  -ms-flex: 0 0 calc(50% - 20px);
  flex: 0 0 calc(50% - 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 30px;
  padding: 24px;
  border-radius: 20px;
}

.leadership-accross-industry-slider .slide .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
}

.leadership-accross-industry-slider .slide .card .text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.leadership-accross-industry-slider .slide .card .main-img,
.leadership-accross-industry-slider .slide .icon .link-icon {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  text-decoration: none;
}

.leadership-accross-industry-slider .slide .icon .main-img,
.leadership-accross-industry-slider .slide .icon .link-icon img {
  -o-object-fit: contain;
  object-fit: contain;
}

.leadership-accross-industry-slider .slide .icon .link-icon {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 1px solid #000;
  cursor: pointer;
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.leadership-accross-industry-slider .slide .icon .link-icon img {
  width: 24px;
  height: 24px;
}

.leadership-accross-industry-slider .slide .icon .link-icon:hover {
  background: #000;
}

.leadership-accross-industry-slider .slide .icon .link-icon:hover>img {
  -webkit-filter: invert(1);
  filter: invert(1);
}

.leadership-accross-industry-slider .slide .text h2 {
  color: #000;
  font-size: 22px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: normal;
  margin: 0 0 10px;
}

.leadership-accross-industry-slider .slide .text p {
  color: #000;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
  margin: 0;
}

.leadership-accross-industry-slider .owl-dots {
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 26px;
  line-height: 1.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 170px);
  background: #dee2fa;
}

.leadership-accross-industry-slider .owl-dots button.owl-dot {
  width: 100%;
  height: 4px;
  display: inline-block;
  background: transparent;
  margin: 0 0.2rem;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  margin: 0;
  border-radius: 4px;
}

.leadership-accross-industry-slider .owl-dots button.owl-dot.active {
  background: #9063f4 -o-linear-gradient(left, #9063f4 0%, #517ded 100%) 0% 0% no-repeat padding-box;
  background: #9063f4 -webkit-gradient(linear,
      left top,
      right top,
      from(#9063f4),
      to(#517ded)) 0% 0% no-repeat padding-box;
  background: #9063f4 linear-gradient(90deg, #9063f4 0%, #517ded 100%) 0% 0% no-repeat padding-box;
  opacity: 1;
}

.leadership-accross-industry-slider .owl-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  gap: 10px;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.leadership-accross-industry-slider .owl-nav button.owl-prev,
.leadership-accross-industry-slider .owl-nav button.owl-next {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  border: 1px solid #707070;
  position: relative;
  cursor: pointer;
}

.leadership-accross-industry-slider .owl-nav button.owl-prev span,
.leadership-accross-industry-slider .owl-nav button.owl-next span {
  display: none !important;
}

.leadership-accross-industry-slider .owl-nav button.owl-prev::after,
.leadership-accross-industry-slider .owl-nav button.owl-next::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  position: absolute;
  top: 50%;
  left: 46%;
  -webkit-transform: rotate(135deg) translate(-50%, -50%);
  -ms-transform: rotate(135deg) translate(-50%, -50%);
  transform: rotate(135deg) translate(-50%, -50%);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.leadership-accross-industry-slider .owl-nav button.owl-prev::after {
  -webkit-transform: rotate(324deg) translate(-50%, -50%);
  -ms-transform: rotate(314deg) translate(-50%, -50%);
  transform: rotate(314deg) translate(-50%, -50%);
  left: 54%;
}

@media (max-width: 1199px) {

  .leadership-accross-industry-slider .slide .card .main-img,
  .leadership-accross-industry-slider .slide .icon .link-icon {
    width: 50px;
    height: 50px;
  }

  .leadership-accross-industry-slider .slide {
    gap: 24px;
  }

  .leadership-accross-industry-slider .slide .card {
    -ms-flex: 0 0 calc(50% - 24px);
    flex: 0 0 calc(50% - 24px);
    gap: 20px;
  }

  .leadership-accross-industry-slider .slide .text h2 {
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .leadership-accross-industry-slider .slide .card {
    -webkit-box-flex: 1;
    -ms-flex: 1 0 100%;
    flex: 1 0 100%;
    gap: 20px;
  }
}

@media (max-width: 480px) {
  .leadership-accross-industry-slider .slide .card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.innovate-scale-slider {
  padding-bottom: 8rem;
}

.innovate-scale-slider.owl-carousel .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0 !important;
}

.innovate-scale-slider .slide {
  height: 100%;
  font-family: "Poppins", Sans-serif;
  padding: 40px;
  background: transparent linear-gradient(180deg, #25364900 0%, #283c50 100%) 0% 0% no-repeat padding-box;
}

.innovate-scale-slider .slide img {
  width: 54px;
  height: 54px;
  object-fit: contain;
}

.innovate-scale-slider .slide h2 {
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: normal;
  margin: 20px 0;
  padding-bottom: 20px;
  border-bottom: 1px solid rgb(255 255 255 / 17%);
}

.innovate-scale-slider .slide p {
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
  margin: 0;
}

.innovate-scale-slider .owl-dots {
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 26px;
  line-height: 1.6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: calc(100% - 170px);
  background: rgb(255 255 255 / 17%);
}

.innovate-scale-slider .owl-dots button.owl-dot {
  width: 100%;
  height: 4px;
  display: inline-block;
  background: transparent;
  margin: 0 0.2rem;
  transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  margin: 0;
  border-radius: 4px;
}

.innovate-scale-slider .owl-dots button.owl-dot.active {
  background-color: #fff;
  opacity: 1;
}

.innovate-scale-slider .owl-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  gap: 10px;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: transparent;
}

.innovate-scale-slider .owl-nav button.owl-prev,
.innovate-scale-slider .owl-nav button.owl-next {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #171624;
  border: 1px solid #707070;
  position: relative;
  cursor: pointer;
}

.innovate-scale-slider .owl-nav button.owl-prev span,
.innovate-scale-slider .owl-nav button.owl-next span {
  display: none !important;
}

.innovate-scale-slider .owl-nav button.owl-prev::after,
.innovate-scale-slider .owl-nav button.owl-next::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  position: absolute;
  top: 50%;
  left: 46%;
  -webkit-transform: rotate(135deg) translate(-50%, -50%);
  -ms-transform: rotate(135deg) translate(-50%, -50%);
  transform: rotate(135deg) translate(-50%, -50%);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.innovate-scale-slider .owl-nav button.owl-prev::after {
  -webkit-transform: rotate(324deg) translate(-50%, -50%);
  -ms-transform: rotate(314deg) translate(-50%, -50%);
  transform: rotate(314deg) translate(-50%, -50%);
  left: 54%;
}

.what-we-do-slider-wrapper {
  position: relative;
  overflow: hidden;
}

.what-we-do-slider {
  padding-top: 100px;
}

.what-we-do-slider.owl-carousel .owl-stage {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.what-we-do-slider .slide {
  font-family: "Poppins", Sans-serif;
  padding: 20px;
}

.what-we-do-slider .slide h2 {
  color: #000;
  font-size: 19px;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: normal;
  margin: 0 0 40px;
  white-space: nowrap;
}

.what-we-do-slider .slide ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}

.what-we-do-slider .slide ul li+li {
  margin-top: 14px;
}

.what-we-do-slider .slide ul li a {
  color: #222;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.5;
  text-decoration: underline;
  letter-spacing: normal;
  display: inline-block;
  white-space: nowrap;
}

.what-we-do-slider .slide ul li a:hover {
  background: transparent linear-gradient(90deg, #5f48d8 0%, #e54771 100%) 0% 0% no-repeat padding-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.what-we-do-slider .owl-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12px;
  padding: 0;
  position: absolute;
  top: 12px;
  right: 0;
}

.what-we-do-slider .owl-nav button.owl-prev,
.what-we-do-slider .owl-nav button.owl-next {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: transparent;
  border: 1px solid #000;
  position: relative;
  cursor: pointer;
}

.what-we-do-slider .owl-nav button.owl-prev span,
.what-we-do-slider .owl-nav button.owl-next span {
  display: none !important;
}

.what-we-do-slider .owl-nav button.owl-prev::after,
.what-we-do-slider .owl-nav button.owl-next::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  position: absolute;
  top: 50%;
  left: 46%;
  -webkit-transform: rotate(135deg) translate(-50%, -50%);
  -ms-transform: rotate(135deg) translate(-50%, -50%);
  transform: rotate(135deg) translate(-50%, -50%);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}

.what-we-do-slider .owl-nav button.owl-prev::after {
  -webkit-transform: rotate(324deg) translate(-50%, -50%);
  -ms-transform: rotate(314deg) translate(-50%, -50%);
  transform: rotate(314deg) translate(-50%, -50%);
  left: 54%;
}

.what-we-do-slider-wrapper .progress-bar-wrapper {
  width: 100%;
  background: #f4e1ee;
  border-radius: 40px;
  position: absolute;
  top: 170px;
  left: 20px;
}

.what-we-do-slider-wrapper .progress-bar {
  width: 0;
  height: 4px;
  border-radius: 40px;
  background: #f4e1ee;
  background-image: linear-gradient(93deg, #5f48d8, #e54771);
}

@media (max-width: 991px) {
  .what-we-do-slider .owl-nav {
    left: 20px;
  }

  .what-we-do-slider {
    padding-top: 100px;
  }

  .what-we-do-slider-wrapper .progress-bar-wrapper {
    top: 165px;
  }
}

@media (max-width: 575px) {

  .what-we-do-slider .owl-nav button.owl-prev,
  .what-we-do-slider .owl-nav button.owl-next {
    width: 54px;
    height: 54px;
  }

  .what-we-do-slider .owl-nav {
    top: 20px;
  }
}

.cx-development-process-wrapper .cx-development-process {
  max-width: 1024px;
  padding: 0 12px;
  margin: 0 auto;
  font-family: "Poppins", Sans-serif;
  background-image: url(https://tamediacdn.techaheadcorp.com/wp-content/uploads/2024/05/28101827/timeline-rouded-border.svg);
  background-size: 95%;
  background-repeat: no-repeat;
  background-position: center 24%;
}

.cx-development-process .process-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.cx-development-process .process-row .process-card {
  padding: 20px 40px;
  text-align: center;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

.cx-development-process .process-row .process-card .icon {
  width: 70px;
  height: 70px;
  display: block;
  margin: 0 auto;
  position: relative;
}

.cx-development-process .process-row .process-card .icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.cx-development-process .process-row .process-card .title {
  font-size: 20px;
  color: #fff;
  line-height: 1.4;
  letter-spacing: normal;
  margin: 20px 0;
}

.cx-development-process .process-row .process-card p {
  font-size: 14px;
  color: #fff;
  line-height: 1.4;
  letter-spacing: normal;
  margin: 0;
}

@media (max-width: 1199px) {
  .cx-development-process {
    background-size: 100%;
  }

  .cx-development-process .process-row .process-card .icon {
    width: 60px;
    height: 60px;
    display: block;
    margin: 0 auto;
    position: relative;
  }
}

@media (max-width: 1024px) {
  .cx-development-process-wrapper .cx-development-process {
    background-image: none;
  }
}

@media (max-width: 767px) {
  .cx-development-process .process-row .process-card {
    flex: 1 0 100%;
  }
}

/* development-process new  */
.development-process {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 20px;
}

.development-process *:after,
.development-process *:before {
  box-sizing: content-box;
}

.development-process .process-card {
  padding: 30px 60px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  position: relative;
}

.development-process .process-card .title,
.development-process .process-card p {
  color: #fff;
  line-height: 1.6;
  letter-spacing: normal;
  position: relative;
  z-index: 2;
}

.development-process .process-card .title {
  font-size: 20px;
  margin: 20px 0 12px;
  font-weight: 700;
}

.development-process .process-card p {
  font-size: 14px;
  max-width: 400px;
  margin: 0 auto;
}

.development-process .icon {
  width: 64px;
  height: 64px;
  margin: 0 auto;
  display: inline-block;
  border-radius: 50%;
  position: relative;
  z-index: 2;
}

.development-process .icon img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.development-process .dotted-liner,
.development-process .dotted-round.after,
.development-process .dotted-round.before,
.development-process .dotted-liner.before {
  position: absolute;
}

.development-process .dotted-liner {
  height: 4px;
  width: 100%;
  top: 60px;
  left: 0;
}

.development-process .dotted-liner::before,
.development-process .dotted-liner::after,
.development-process .dotted-round.after::after,
.development-process .dotted-round.before::after {
  content: "";
  width: 100%;
  display: block;
}

.development-process .dotted-liner::before {
  border-top: 4px dashed #fff;
}

.development-process .dotted-liner::after {
  border-top: 3px solid #171624;
  margin-top: -3px;
}

.development-process .dotted-round.after::after {
  height: 100%;
  border: 3px solid #171624;
  border-radius: 150px;
  margin: -3px;
  box-sizing: content-box;
}

.development-process .dotted-round.after,
.development-process .dotted-round.before {
  width: 100%;
  height: 100%;
  border: 4px dashed #fff;
  background-color: #171624;
  top: 60px;
  bottom: 0;
  right: 0;
  border-radius: 150px;
  z-index: 1;
}

.development-process .dotted-round.after {
  clip-path: circle(66% at 100%);
}

.development-process .dotted-round.before {
  clip-path: circle(66% at 0%);
}

.development-process .dotted-liner.before {
  height: 4px;
  width: 55%;
  top: 60px;
  right: 0;
  left: auto;
}

.development-process .dotted-round.before::after {
  height: 100%;
  border: 3px solid #171624;
  border-radius: 150px;
  margin: -3px;
  box-sizing: content-box;
}

.dotted-round.mob {
  display: none;
}

.development-process .dotted-round.lg {
  display: block;
}

@media (max-width: 767px) {
  .development-process .process-card {
    padding: 30px 20px;
  }
}

@media (max-width: 575px) {
  .development-process {
    grid-template-columns: 1fr;
  }

  .development-process .dotted-liner {
    width: 56%;
  }

  .development-process .process-card:nth-child(2n):not(:last-child) .dotted-liner {
    width: 0 !important;
    left: auto;
  }

  .development-process .process-card:nth-child(3) .dotted-liner.before,
  .development-process .process-card:nth-child(5) .dotted-liner.before {
    width: 0;
  }

  .dotted-round.mob {
    display: block;
  }

  .development-process .dotted-round.lg {
    display: none;
  }
}

/* case study slide new */
.case-study-cs-slider .slide {
  background: #f5f5f7;
  border-radius: 30px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  overflow: hidden;
  font-family: "Poppins", Sans-serif;
}

.case-study-cs-slider {
  padding-bottom: 120px;
}

.case-study-cs-slider .slide .text {
  padding: 40px 40px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 24px;
}

.case-study-cs-slider .slide .text .case-study-btn {
  margin-top: auto;
}

.case-study-cs-slider .slide .image {
  overflow: hidden;
  position: relative;
  background: rgb(238 238 238 / 90%);
  padding-bottom: 64%;
}

.case-study-cs-slider .slide .image * {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translate(-50%, -50%);
  object-fit: cover;
  display: block;
}

.case-study-cs-slider .slide .text h2 {
  color: #000;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: normal;
  margin: 0;
}

.case-study-cs-slider .slide .text h3 {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: normal;
  margin: 0;
  text-transform: uppercase;
}

.case-study-cs-slider .slide .text p {
  color: #000;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
  margin: 0;
}

.case-study-cs-slider .slide .text .list {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.case-study-cs-slider .slide .text .list li {
  border-radius: 40px;
  padding: 8px 16px;
  font-size: 12px;
  color: #000;
  line-height: 1.2;
  display: inline-block;
  border: 1px solid #b8b8db;
  text-transform: capitalize;
}

.case-study-cs-slider .owl-dots {
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 26px;
  line-height: 1.6;
  display: flex;
  width: calc(100% - 170px);
  background: #f4e1ee;
}

.case-study-cs-slider .owl-dots button.owl-dot {
  width: 100%;
  height: 4px;
  display: inline-block;
  background: transparent;
  margin: 0 0.2rem;
  transition: all 0.3s ease;
  margin: 0;
  border-radius: 4px;
}

.case-study-cs-slider .owl-dots button.owl-dot.active {
  background-color: #e54771;
  background-image: -o-linear-gradient(357deg, #5f48d8, #e54771);
  background-image: linear-gradient(93deg, #5f48d8, #e54771);
  opacity: 1;
}

.case-study-cs-slider .owl-nav {
  display: flex;
  position: absolute;
  gap: 10px;
  right: 0;
  bottom: 0;
  z-index: 1;
  background: #fff;
}

.case-study-cs-slider .owl-nav button.owl-prev,
.case-study-cs-slider .owl-nav button.owl-next {
  border-radius: 50%;
  width: 60px;
  height: 60px;
  background: #fff !important;
  border: 1px solid #8847b9;
  position: relative;
  cursor: pointer;
}

.case-study-cs-slider .owl-nav button.owl-prev span,
.case-study-cs-slider .owl-nav button.owl-next span {
  display: none !important;
}

.case-study-cs-slider .owl-nav button.owl-prev::after,
.case-study-cs-slider .owl-nav button.owl-next::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  border-top: 1px solid #8847b9;
  border-left: 1px solid #8847b9;
  position: absolute;
  top: 50%;
  left: 46%;
  transform: rotate(135deg) translate(-50%, -50%);
  transform-origin: left top;
}

.case-study-cs-slider .owl-nav button.owl-prev::after {
  transform: rotate(314deg) translate(-50%, -50%);
  left: 54%;
}

@media (max-width: 991px) {
  .case-study-cs-slider .slide {
    grid-template-columns: 1fr;
  }

  .case-study-cs-slider .slide .text h2 {
    font-size: 24px;
  }

  .case-study-cs-slider .slide .text {
    gap: 16px;
  }

  .common-arrow-btn {
    font-size: 12px;
  }

  .common-arrow-btn .arrow::after {
    height: 18px;
  }

  .common-arrow-btn .arrow {
    display: inline-block;
    width: 8px;
    height: 8px;
  }

  .case-study-cs-slider .slide .image {
    order: -1;
    padding-bottom: 74%;
  }
}

.single-blog-layout .content-row .col-left .table-of-content ul li {
  margin: 0;
}

.single-blog-layout table th,
.single-blog-layout table td {
  border: 1px solid #dee2e6;
  padding: 12px;
}

/* top 10 pages css */
.top-10-mobile-app-company-wrapper {
  font-family: "Poppins", Sans-serif;
}

.top-10-mobile-app-company-wrapper .filter-btn-row {
  background: #f7f8fc;
  padding: 2.6rem 0;
}

.top-10-mobile-app-company-wrapper .filter-content {
  padding: 5rem 0;
  background: #fff;
}

.top-10-mobile-app-company-wrapper .filter-title {
  color: #000;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
  margin: 0 0 40px;
}

.top-10-mobile-app-company-wrapper .filter-btn-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 18px;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 38px;
  letter-spacing: normal;
  flex-wrap: wrap;
  margin-bottom: 40px;
}

.top-10-mobile-app-company-wrapper .filter-btn-list button,
.top-10-mobile-app-company-wrapper .filter-btn-list a {
  border: 1px solid #b4bfeb;
  font-size: 14px;
  padding: 8px 14px;
  border-radius: 40px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: normal;
  text-transform: capitalize;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 15px;
  min-width: 140px;
  cursor: pointer;
}

.top-10-mobile-app-company-wrapper .filter-btn-list a:focus {
  outline: none;
}

.top-10-mobile-app-company-wrapper .filter-btn-list button img {
  width: 20px;
  height: 20px;
  object-fit: contain;
}

.top-10-mobile-app-company-wrapper .filter-btn-list button:has(img) {
  justify-content: space-between;
}

.top-10-mobile-app-company-wrapper .filter-btn-list .service-btn {
  background: #000 linear-gradient(107deg, #9063f4, #517ded);
  color: #fff;
}

.top-10-mobile-app-company-wrapper .filter-btn-list .apply-btn {
  color: #000;
  background: #fff;
  border: 1px solid #b4bfeb;
}

.top-10-mobile-app-company-wrapper .filter-btn-list .close-btn {
  color: #000;
  background: #fff2f2;
  border: 1px solid #faa4a4;
}

.top-10-mobile-app-company-wrapper .filter-btn-list .location-search {
  position: relative;
}

.top-10-mobile-app-company-wrapper .filter-btn-list .location-search #top10location-search {
  background: #fff;
  border: 1px solid #b4bfeb;
  font-size: 14px;
  padding: 8px 44px 8px 14px;
  border-radius: 40px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: normal;
  min-width: 140px;
}

.top-10-mobile-app-company-wrapper .filter-keyword-list {
  display: flex;
  align-items: center;
  gap: 20px;
}

.top-10-mobile-app-company-wrapper .filter-keyword-list button {
  background: #fff;
  border: 1px solid #b4bfeb;
  font-size: 14px;
  padding: 8px 14px;
  border-radius: 40px;
  font-weight: 500;
  line-height: 1.6;
  letter-spacing: normal;
  min-width: 140px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
}

.top-10-mobile-app-company-wrapper .filter-keyword-list button img {
  cursor: pointer;
}

.top-10-mobile-app-company-wrapper .filter-btn-list .location-search img {
  width: 24px;
  height: 24px;
  object-fit: contain;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 12px;
}

.top-10-mobile-app-company-wrapper .service-dropdown {
  position: relative;
}

.top-10-mobile-app-company-wrapper .filter-by-service {
  border: 1px solid #d3d2fb;
  -webkit-box-shadow: 0px 3px 10px #00000029;
  box-shadow: 0px 3px 10px #00000029;
  padding: 14px 0;
  border-radius: 10px;
  position: absolute;
  top: 50px;
  left: 0;
  width: 250px;
  background: #fff;
  z-index: 2;
}

.top-10-mobile-app-company-wrapper .filter-by-service ul {
  height: 240px;
  overflow-y: auto;
}

.top-10-mobile-app-company-wrapper .filter-by-service ul::-webkit-scrollbar-track,
.ui-menu::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #e6e8f4;
}

.top-10-mobile-app-company-wrapper .filter-by-service ul::-webkit-scrollbar,
.ui-menu::-webkit-scrollbar {
  width: 4px;
  background-color: #8c91ad;
  border-radius: 10px;
}

.top-10-mobile-app-company-wrapper .filter-by-service ul::-webkit-scrollbar-thumb,
.ui-menu::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background-color: #8c91ad;
}

.top-10-mobile-app-company-wrapper .filter-by-service ul li label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 10px;
  color: #000;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
  padding: 8px 10px;
  cursor: pointer;
  text-transform: capitalize;
}

.ui-menu .ui-menu-item-wrapper {
  color: #000;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
  padding: 8px 10px !important;
  cursor: pointer;
  width: 100%;
}

.ui-menu {
  background: #fff;
  box-shadow: 0px 3px 10px #00000029;
  border: 1px solid #d3d2fb;
  border-radius: 4px;
  max-height: 200px;
  width: 204px !important;
  overflow-y: auto;
}

.ui-state-active {
  background: transparent linear-gradient(90deg, #766ef171 0%, #776ef100 100%) 0% 0% no-repeat padding-box !important;
  color: #000 !important;
  border: 1px solid #d3d2fb !important;
}

.top-10-mobile-app-company-wrapper .filter-by-service ul li img {
  width: 22px;
  height: 22px;
  -o-object-fit: contain;
  object-fit: contain;
}

.top-10-mobile-app-company-wrapper .filter-by-service ul li label .checked,
.top-10-mobile-app-company-wrapper .filter-by-service ul li label input {
  display: none;
}

.top-10-mobile-app-company-wrapper .filter-by-service ul li label input:checked~.checked {
  display: block;
}

.top-10-mobile-app-company-wrapper .filter-by-service ul li label input:checked~.unchecked {
  display: none;
}

.top-10-mobile-app-company-wrapper .filter-by-service ul li:hover {
  background: transparent -webkit-gradient(linear,
      left top,
      right top,
      from(#766ef171),
      to(#776ef100)) 0% 0% no-repeat padding-box;
  background: transparent -o-linear-gradient(left, #766ef171 0%, #776ef100 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(90deg, #766ef171 0%, #776ef100 100%) 0% 0% no-repeat padding-box;
}

.top-10-mobile-app-company-wrapper .filter-keyword-row {
  display: flex;
  gap: 20px 40px;
  flex-wrap: wrap;
}

.top-10-mobile-app-company-wrapper .filter-content ul li+li {
  margin-top: 20px;
}

.top-10-mobile-app-company-wrapper .filter-content .card {
  border: 1px solid #d9d9d9;
  border-radius: 24px;
}

.top-10-mobile-app-company-wrapper .filter-content .card .card-header {
  border-bottom: 1px solid #d9d9d9;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  padding: 26px;
}

.top-10-mobile-app-company-wrapper .filter-content .card .card-header .company-logo-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 20px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.top-10-mobile-app-company-wrapper .filter-content .card .card-header .company-logo-title .company-logo {
  width: 100px;
  height: 100px;
  -o-object-fit: contain;
  object-fit: contain;
  border-radius: 10px;
  border: 1px solid #d9d9d9;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 10px;
}

.top-10-mobile-app-company-wrapper .filter-content .card .visit-site-btn {
  background: #000;
  color: #fff;
  font-size: 14px;
  padding: 8px 24px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
  text-transform: capitalize;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.top-10-mobile-app-company-wrapper .filter-content .card .card-header .company-logo-title h2 {
  color: #000;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: normal;
  margin: 0 0 12px;
}

.top-10-mobile-app-company-wrapper .filter-content .card .card-header .company-logo-title h2 span {
  color: #000;
  font-size: 15px;
  font-weight: 400;
}

.top-10-mobile-app-company-wrapper .filter-content .card .card-header .company-logo-title .rating .badge {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  color: #fff;
  background: transparent -o-linear-gradient(329deg, #9063f4 0%, #517ded 100%) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(121deg, #9063f4 0%, #517ded 100%) 0% 0% no-repeat padding-box;
  border-radius: 100px;
  padding: 3px 8px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: normal;
}

.top-10-mobile-app-company-wrapper .card .card-header .company-logo-title .rating {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.top-10-mobile-app-company-wrapper .filter-content .card .card-header .company-logo-title .rating .badge img {
  width: 14px;
  height: 14px;
  -o-object-fit: contain;
  object-fit: contain;
}

.top-10-mobile-app-company-wrapper .filter-content .card .card-header .reviews {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 5px;
  color: #5c78ee;
  font-size: 12px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: normal;
}

.top-10-mobile-app-company-wrapper .filter-content .card .card-header .reviews img {
  width: 10px;
  height: 10px;
  -o-object-fit: contain;
  object-fit: contain;
}

.top-10-mobile-app-company-wrapper .filter-content .card .card-body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.top-10-mobile-app-company-wrapper .filter-content .card .card-body .company-details {
  padding: 24px;
  width: 30%;
}

.top-10-mobile-app-company-wrapper .filter-content .card .card-body .company-details li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 10px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
}

.top-10-mobile-app-company-wrapper .filter-content .card .card-body .company-details li img {
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
  object-fit: contain;
}

.top-10-mobile-app-company-wrapper .filter-content .card .card-body .description {
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
  border-right: 1px solid #d9d9d9;
  padding: 24px;
  width: 70%;
}

.top-10-mobile-app-company-wrapper .filter-content .card .card-body .description .desc {
  margin-bottom: 0;
}

.top-10-mobile-app-company-wrapper .filter-content .card .card-body .description .rating-name-title {
  margin-top: 20px;
}

.top-10-mobile-app-company-wrapper .filter-content .card .card-body .description .tagline {
  color: #000;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: normal;
  margin-bottom: 8px;
}

.top-10-mobile-app-company-wrapper .filter-content .card .card-body .description .rating-name-title .name {
  color: rgb(0 0 0 / 50%);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.top-10-mobile-app-company-wrapper .filter-content .card .card-body .description .name img {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
}

.top-10-mobile-app-company-wrapper .card .read-more-btn {
  color: #8567f3;
  display: inline-block;
  font-weight: 500;
  cursor: pointer;
}

@media (max-width: 991px) {
  .top-10-mobile-app-company-wrapper .filter-content .card .card-header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .top-10-mobile-app-company-wrapper .filter-content .card .card-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .top-10-mobile-app-company-wrapper .filter-content .card .card-body .description {
    border-right: 0;
    width: 100%;
  }

  .top-10-mobile-app-company-wrapper .filter-content .card .card-body .company-details {
    width: 100%;
  }
}

/*New section*/
.top-10-mobile-app-company-wrapper .card-footer {
  border-top: 1px solid #d9d9d9;
  padding: 24px;
}

.top-10-mobile-app-company-wrapper .card-footer .dropdown-row {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.top-10-mobile-app-company-wrapper .card-footer .dropdown-btn {
  position: relative;
}

.top-10-mobile-app-company-wrapper .card-footer .dropdown-text {
  display: flex;
  align-items: center;
  gap: 10px;
  border: 1px solid #d9d9d9;
  border-radius: 10px;
  font-family: "Poppins", Sans-serif;
  letter-spacing: normal;
  background: #fff;
  padding: 10px 20px;
  cursor: pointer;
}

.top-10-mobile-app-company-wrapper .card-footer .dropdown-text span {
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  background: transparent linear-gradient(90deg, #846beb 0%, #607be6 100%) 0% 0% no-repeat padding-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.top-10-mobile-app-company-wrapper .card-footer img {
  object-fit: contain;
}

.top-10-mobile-app-company-wrapper .card-footer .icon {
  width: 20px;
  height: 20px;
}

.top-10-mobile-app-company-wrapper .card-footer .arrow {
  width: 13px;
  height: 13px;
}

.top-10-mobile-app-company-wrapper .card-footer .dropdown-btn .icon.default,
.top-10-mobile-app-company-wrapper .card-footer .dropdown-btn .arrow.default {
  display: block;
}

.top-10-mobile-app-company-wrapper .card-footer .dropdown-btn .icon.hover,
.top-10-mobile-app-company-wrapper .card-footer .dropdown-btn .arrow.hover {
  display: none;
}

.top-10-mobile-app-company-wrapper .card-footer .dropdown-content {
  padding: 20px;
  background: #fff;
  display: none;
  box-shadow: 0 0 4px #cccccca8;
  border-radius: 10px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 2;
}

.top-10-mobile-app-company-wrapper .card-footer .dropdown-content ul {
  padding-right: 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  max-height: 300px;
  overflow-y: auto;
}

.top-10-mobile-app-company-wrapper .card-footer .dropdown-content ul::-webkit-scrollbar {
  width: 3px;
}

.top-10-mobile-app-company-wrapper .card-footer .dropdown-content ul::-webkit-scrollbar-track {
  background: #d9d9d9;
  border-radius: 6px;
}

.top-10-mobile-app-company-wrapper .card-footer .dropdown-content ul::-webkit-scrollbar-thumb {
  background: transparent linear-gradient(0deg, #846beb 0%, #607be6 100%);
  border-radius: 6px;
}

.top-10-mobile-app-company-wrapper .card-footer .dropdown-content li {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  color: #000;
  margin: 0 !important;
}

.top-10-mobile-app-company-wrapper .card-footer .dropdown-content li span {
  font-size: 12px;
  font-weight: 300;
  margin-left: 3px;
}

.top-10-mobile-app-company-wrapper .card-footer .dropdown-btn:hover .dropdown-text,
.top-10-mobile-app-company-wrapper .card-footer .dropdown-btn.active .dropdown-text {
  background: #846beb linear-gradient(90deg, #846beb 0%, #607be6 100%) 0% 0% no-repeat padding-box;
}

.top-10-mobile-app-company-wrapper .card-footer .dropdown-btn:hover .dropdown-text span,
.top-10-mobile-app-company-wrapper .card-footer .dropdown-btn.active .dropdown-text span {
  background: transparent;
  background-clip: none;
  -webkit-background-clip: none;
  -webkit-text-fill-color: #fff;
  color: #fff;
}

.top-10-mobile-app-company-wrapper .card-footer .dropdown-btn:hover .icon.default,
.top-10-mobile-app-company-wrapper .card-footer .dropdown-btn.active .icon.default,
.top-10-mobile-app-company-wrapper .card-footer .dropdown-btn:hover .arrow.default,
.top-10-mobile-app-company-wrapper .card-footer .dropdown-btn.active .arrow.default {
  display: none;
}

.top-10-mobile-app-company-wrapper .card-footer .dropdown-btn:hover .icon.hover,
.top-10-mobile-app-company-wrapper .card-footer .dropdown-btn.active .icon.hover,
.top-10-mobile-app-company-wrapper .card-footer .dropdown-btn:hover .arrow.hover,
.top-10-mobile-app-company-wrapper .card-footer .dropdown-btn.active .arrow.hover {
  display: block;
}

.top-10-mobile-app-company-wrapper .filter-content .card:not(:first-child) .card-body .description .rating-name-title .name {
  display: none;
}

.top-10-mobile-app-company-wrapper .filter-content ul li+li .description .rating-name-title {
  display: none;
}

@media (max-width: 991px) {
  .top-10-mobile-app-company-wrapper .filter-content .card .card-body .company-details {
    padding-top: 0;
  }
}

@media (max-width: 991px) {
  .top-10-mobile-app-company-wrapper .filter-content .card .card-header .company-logo-title h2 {
    font-size: 18px;
  }
}

/* home slider */

.homepage-slider-wrapper {
  font-family: "Poppins", sans-serif;
  overflow: hidden;
  background: #fff;
}

.homepage-slider-wrapper .homepage-slider.owl-carousel .owl-stage {
  display: flex;
}

.homepage-slider-wrapper,
.homepage-slider-wrapper .homepage-slider .slide-text,
.homepage-slider-wrapper .homepage-slider .slide-text .image {
  position: relative;
}

.homepage-slider-wrapper .homepage-slider .slide-text {
  display: flex;
  position: relative;
  padding-top: 60px;
  padding-bottom: 120px;
  overflow: hidden;
  height: 100%;
}

.homepage-slider-wrapper .homepage-slider .slide-text .container {
  display: flex;
  align-items: center;
  gap: 50px 40px;
  flex-wrap: wrap;
  width: 100%;
}

.homepage-slider-wrapper .homepage-slider .slide-text .text {
  flex: 1 0 calc(55% - 40px);
}

.homepage-slider-wrapper .homepage-slider .slide-text .image {
  flex: 1 0 calc(45% - 40px);
  transform: scale(1.1);
}

.homepage-slider-wrapper .homepage-slider .slide-text.slide-5 .image {
  margin-right: -4%;
  transform: scale(1);
}

.homepage-slider-wrapper .homepage-slider .slide-text .text .title-3,
.homepage-slider-wrapper .homepage-slider .slide-text .text .title-3 a {
  color: #000;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.4;
  margin: 0 0 30px;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.homepage-slider-wrapper .homepage-slider .slide-text .text .title-1 {
  color: #000;
  font-size: 36px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0 0 32px;
  letter-spacing: 2.09px;
}

.homepage-slider-wrapper .homepage-slider .slide-text .text .title-2 {
  color: #000;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.6;
  margin: 0 0 48px;
  letter-spacing: 0.45px;
}

.homepage-slider-wrapper .homepage-slider .slide-text .text .btn-cta-group {
  display: flex;
  gap: 14px;
}

.homepage-slider-wrapper .homepage-slider .slide-text .text .btn-cta-group .view-btn {
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: normal;
  white-space: nowrap;
  background-color: #000;
  padding: 8px 34px;
  display: inline-block;
  border-radius: 8px;
  transition: all 0.4s ease;
  border: 1px dashed transparent;
  background-origin: border-box !important;
}

.homepage-slider-wrapper .homepage-slider .slide-text .text .btn-cta-group .view-btn:hover {
  background: #fff !important;
  color: #000 !important;
  border-color: #000 !important;
}

.homepage-slider-wrapper .homepage-slider .slide-text .text .btn-cta-group .view-btn:nth-child(2) {
  background: #517ded -o-linear-gradient(345deg, #9063f4, #517ded);
  background: #517ded linear-gradient(105deg, #9063f4, #517ded);
}

.homepage-slider-wrapper .homepage-slider .slide-text .image::before {
  content: "";
  display: block;
  padding-bottom: 100%;
}

.homepage-slider-wrapper .homepage-slider .slide-text .image img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.homepage-slider-wrapper .homepage-slider .slide-text::after {
  content: "";
  display: block;
  background-image: url(https://tamediacdn.techaheadcorp.com/wp-content/uploads/2024/06/25063802/slide_4_bg.webp);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-color: #f9f8fc;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
}

.homepage-slider-wrapper .homepage-slider .slide-text.slide-2::after {
  background-image: url(https://tamediacdn.techaheadcorp.com/wp-content/uploads/2024/06/25063759/slide_2_bg.webp);
}

.homepage-slider-wrapper .homepage-slider .slide-text.slide-3::after {
  background-image: url(https://tamediacdn.techaheadcorp.com/wp-content/uploads/2024/06/25063800/slide_3_bg.webp);
}

.homepage-slider-wrapper .homepage-slider .slide-text.slide-4::after {
  background-image: url(https://tamediacdn.techaheadcorp.com/wp-content/uploads/2024/06/25063802/slide_4_bg.webp);
}

.homepage-slider-wrapper .homepage-slider .slide-text.slide-6::after {
  background-image: url(https://tamediacdn.techaheadcorp.com/wp-content/uploads/2025/02/19060357/ta-bg.png);
}

.homepage-slider-wrapper .homepage-slider .slide-text.slide-2 .text .btn-cta-group .view-btn:nth-child(2) {
  background: #517ded -o-linear-gradient(345deg, #4ec6df, #4aa4ce);
  background: #517ded linear-gradient(105deg, #4ec6df, #4aa4ce);
}

.homepage-slider-wrapper .homepage-slider .slide-text.slide-3 .text .btn-cta-group .view-btn:nth-child(2) {
  background: #517ded -o-linear-gradient(346deg, #e187a8, #e00459);
  background: #517ded linear-gradient(104deg, #e187a8, #e00459);
}

.homepage-slider-wrapper .homepage-slider .slide-text.slide-4 .text .btn-cta-group .view-btn:nth-child(2),
.homepage-slider-wrapper .homepage-slider .slide-text.slide-6 .text .btn-cta-group .view-btn:nth-child(2) {
  background: #517ded -o-linear-gradient(327deg, #6d36f8, #ea31b5);
  background: #517ded linear-gradient(123deg, #6d36f8, #ea31b5);
}

.homepage-slider-wrapper .homepage-slider .slide-text.slide-5 .text .btn-cta-group .view-btn:nth-child(2) {
  background: #517ded -o-linear-gradient(209deg, #3eaff4, #212fcc);
  background: #517ded linear-gradient(241deg, #3eaff4, #212fcc);
}

.homepage-slider-wrapper .homepage-slider .slide-text .text .title-1 span {
  background-image: -o-linear-gradient(351deg, #9063f4, #517ded);
  background-image: linear-gradient(99deg, #9063f4, #517ded);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700;
}

.homepage-slider-wrapper .homepage-slider .slide-text.slide-2 .text .title-1 span {
  background-image: -o-linear-gradient(351deg, #4ec6df, #4aa5cf);
  background-image: linear-gradient(99deg, #4ec6df, #4aa5cf);
}

.homepage-slider-wrapper .homepage-slider .slide-text.slide-3 .text .title-1 span {
  background-image: -o-linear-gradient(351deg, #e187a8, #e00459);
  background-image: linear-gradient(99deg, #e187a8, #e00459);
}

.homepage-slider-wrapper .homepage-slider .slide-text.slide-4 .text .title-1 span,
.homepage-slider-wrapper .homepage-slider .slide-text.slide-6 .text .title-1 span {
  background-image: -o-linear-gradient(336deg, #6d36f8, #ea31b5);
  background-image: linear-gradient(114deg, #6d36f8, #ea31b5);
}

.homepage-slider-wrapper .homepage-slider .slide-text.slide-5 .text .title-1 span {
  background-image: -o-linear-gradient(195deg, #3eaff4, #212fcc);
  background-image: linear-gradient(255deg, #3eaff4, #212fcc);
}

#home-play-btn {
  border: none;
  background: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  display: flex;
  bottom: 51px;
  left: 50%;
  transform: translateX(50px);
  cursor: pointer;
  z-index: 1;
  padding: 0;
}

#home-play-btn img {
  width: 16px;
  height: 16px;
  -o-object-fit: contain;
  object-fit: contain;
}

#home-play-btn .play {
  display: none;
}

.homepage-slider-wrapper .homepage-slider .owl-dots {
  left: 50%;
  transform: translateX(-80px);
  display: flex;
  bottom: 60px !important;
  gap: 10px;
  align-items: center;
  width: auto;
  position: absolute;
}

.homepage-slider-wrapper .homepage-slider .owl-dot {
  width: 11px;
  margin: 0;
  height: 11px;
  background: rgba(158, 158, 158, 0.25);
  border-radius: 50%;
}

.homepage-slider-wrapper .homepage-slider .owl-dot.active {
  background-image: -o-linear-gradient(351deg, #9063f4, #517ded);
  background-image: linear-gradient(99deg, #9063f4, #517ded);
}

.homepage-slider-wrapper .homepage-slider .owl-dot.active:nth-child(2) {
  background-image: -o-linear-gradient(351deg, #4ec6df, #4aa5cf);
  background-image: linear-gradient(99deg, #4ec6df, #4aa5cf);
}

.homepage-slider-wrapper .homepage-slider .owl-dot.active:nth-child(3) {
  background-image: -o-linear-gradient(123deg, #6d36f8, #ea31b5);
  background-image: linear-gradient(123deg, #6d36f8, #ea31b5);
}

.homepage-slider-wrapper .homepage-slider .owl-dot.active:nth-child(4) {
  background-image: -o-linear-gradient(104deg, #e187a8, #e00459);
  background-image: linear-gradient(104deg, #e187a8, #e00459);
}

.homepage-slider-wrapper .homepage-slider .owl-dot.active:nth-child(5) {
  background-image: -o-linear-gradient(123deg, #6d36f8, #ea31b5);
  background-image: linear-gradient(123deg, #6d36f8, #ea31b5);
}

.homepage-slider-wrapper .homepage-slider .owl-dot.active:nth-child(6) {
  background-image: -o-linear-gradient(195deg, #3eaff4, #212fcc);
  background-image: linear-gradient(255deg, #3eaff4, #212fcc);
}

@media (max-width: 1199px) {
  .homepage-slider-wrapper .homepage-slider .slide-text .text .title-1 {
    font-size: 30px;
  }

  .homepage-slider-wrapper .homepage-slider .slide-text .text .title-2,
  .homepage-slider-wrapper .homepage-slider .slide-text .text .title-3 {
    font-size: 15px;
  }

  .homepage-slider-wrapper .homepage-slider .slide-text .text .btn-cta-group .view-btn {
    font-size: 14px;
  }
}

@media (min-width: 1920px) {
  .homepage-slider-wrapper .homepage-slider .slide-text .text .title-1 {
    font-size: 50px;
  }

  .homepage-slider-wrapper .homepage-slider .slide-text .text .title-1 {
    margin-bottom: 40px;
  }

  .homepage-slider-wrapper .homepage-slider .slide-text .text .title-2 {
    margin-bottom: 60px;
  }

  .homepage-slider-wrapper .homepage-slider .slide-text .text .title-3 {
    margin-bottom: 30px;
  }

  .homepage-slider-wrapper .homepage-slider .slide-text .text .title-2,
  .homepage-slider-wrapper .homepage-slider .slide-text .text .title-3 {
    font-size: 26px;
  }

  .homepage-slider-wrapper .homepage-slider .slide-text .text .btn-cta-group .view-btn {
    font-size: 20px;
  }
}

@media (max-width: 991px) {
  .homepage-slider-wrapper .homepage-slider .slide-text .text .title-1 {
    font-size: 26px;
  }

  .homepage-slider-wrapper .homepage-slider .slide-text.slide-5 .image {
    margin-right: auto;
  }

  .homepage-slider-wrapper .homepage-slider .slide-text .text .title-2,
  .homepage-slider-wrapper .homepage-slider .slide-text .text .title-3,
  .homepage-slider-wrapper .homepage-slider .slide-text .text .btn-cta-group .view-btn {
    font-size: 14px;
  }

  .homepage-slider-wrapper .homepage-slider .slide-text .text {
    flex: 0 0 100%;
  }

  .homepage-slider-wrapper .homepage-slider .slide-text .image {
    flex: 0 0 80%;
    margin: 0 auto;
  }
}

@media (max-width: 575px) {
  .homepage-slider-wrapper .homepage-slider .slide-text .text .btn-cta-group .view-btn {
    padding: 8px 20px;
  }

  .homepage-slider-wrapper .homepage-slider .slide-text {
    padding-bottom: 90px;
    padding-top: 40px;
  }

  .homepage-slider-wrapper .homepage-slider .slide-text .image,
  .homepage-slider-wrapper .homepage-slider .slide-text.slide-5 .image {
    transform: scale(1);
  }

  .homepage-slider-wrapper .homepage-slider .slide-text .image,
  .homepage-slider-wrapper .homepage-slider .slide-text .text {
    flex: 1 0 100%;
  }
}

@media (min-width: 768px) {
  .slide-mob-fallback {
    display: none !important;
  }
}

.slide-mob-fallback.hidden {
  display: none !important;
}


.top-10-mobile-app-company-wrapper .card-footer .dropdown-content .rating-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  padding: 0 10px
}

.top-10-mobile-app-company-wrapper .card-footer img {
  height: 70px;
  width: 70px;
}

.top-10-mobile-app-company-wrapper .card-footer .dropdown-content .rating-grid img:first-child {
  grid-column: 1/3;
  margin-bottom: 10px;
  width: 100%;
  height: 30px;
}


/*  */

.flexible-model-tab .elementor-tabs {
  counter-reset: list;
  gap: 60px;
  justify-content: center;
  max-width: 1000px;
  margin: 0 auto;
}

.flexible-model-tab .elementor-tabs .elementor-tab-title {
  position: relative;
  padding-left: 40px;
  counter-increment: list;
}

.flexible-model-tab .elementor-tabs .elementor-tab-title::before,
.flexible-model-tab .elementor-tabs .elementor-tab-title.elementor-active::before {
  content: "0" counter(list) " " !important;
  position: absolute;
  left: 10px;
  top: 50% !important;
  width: 20px !important;
  height: 20px !important;
  transform: translateY(-50%) !important;
}

.flexible-model-tab .elementor-tabs .elementor-tab-title.elementor-active {
  font-weight: 600;
}

.flexible-model-tab .elementor-tabs .elementor-tab-title.elementor-active::after {
  content: "";
  position: absolute;
  width: 4px !important;
  height: 30px !important;
  left: 0;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: #884FB4;
  border-radius: 3px
}

.flexible-model-tab .elementor-tabs .card {
  color: #fff;
  padding: 60px;
  border-radius: 30px;
  background: #884FB4;
  max-width: 600px;
  width: 100%;
  position: relative;
}

.flexible-model-tab .elementor-tabs .card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 95%;
  height: 100%;
  border-radius: 30px;
  box-shadow: 0px -10px 0 #884fb47d;
}

.flexible-model-tab .elementor-tabs .card .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}

.flexible-model-tab .elementor-tabs .card .content {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
}

.flexible-model-tab .elementor-tabs .elementor-tabs-wrapper {
  flex: 0 0 300px;
}

.flexible-model-tab .elementor-tabs .elementor-tabs-content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.flexible-model-tab .elementor-tabs .elementor-tab-title.elementor-active::before {
  background: transparent
}

.contact-form .wpcf7-textarea {
  padding-top: 14px !important;
}


/*wed 16 apr 2025  */
.service-dropdown-tab.industry .tab-content-box .industry-list a {
  padding: 10px;
}

.service-dropdown-tab.industry .tab-content-box .industry-list a span {
  font-size: 11px;
}

.service-dropdown-tab.industry .tab-content-box .industry-list a img {
  width: 54px;
  height: 54px;
}

.service-dropdown-tab.industry .tab-content-box .industry-list a .title {
  font-size: 14px;
  margin-bottom: 6px;
  line-height: 1.2;
}

@media (max-width:1199px) {
  .service-dropdown-tab.industry .tab-content-box .industry-list {
    grid-template-columns: 1fr 1fr;
  }
}


.winning-customer-experience .elementor-container {
  gap: 40px;
  justify-content: center
}

.winning-customer-experience .elementor-container .card {
  flex: 0 0 calc(33.33% - 40px)
}

@media (max-width:991px) {
  .winning-customer-experience .elementor-container .card {
    flex: 0 0 calc(50% - 40px)
  }
}

@media (max-width:767px) {
  .winning-customer-experience .elementor-container .card {
    flex: 1 0 100%;
  }
}

.lead-form-popup-container .right-section h2 {
  color: #000
}

.embed-container {
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
}

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

.single-blog-layout .main-content iframe {
  aspect-ratio: 16 / 9;
}

/* blog archive category widgets */
.browse-related-app-dev-companies {
  padding: 20px 0;
  background-color: #fff;
  background-image: linear-gradient(180deg, #F1F2FC00 0%, #EEEFFB 100%);
}

.browse-related-app-dev-companies * {
  letter-spacing: normal;
}

.browse-related-app-dev-companies .box {
  background: #f0f3fc;
  border: 1px solid #acb7e5;
  border-radius: 20px;
  padding: 24px;
}

.browse-related-app-dev-companies h1 {
  font-size: 24px;
  color: #000000;
  font-weight: 600;
  line-height: 1.4;
  margin: 40px 0 20px 0;
}

.browse-related-app-dev-companies .title {
  font-weight: 500;
}

.browse-related-app-dev-companies .title strong {
  font-weight: bold;
}

.browse-related-app-dev-companies h2 {
  font-size: 16px;
  color: #222222;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 12px;
}

.browse-related-app-dev-companies ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.browse-related-app-dev-companies ul li {
  margin: 0;
}

.browse-related-app-dev-companies>ul {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.browse-related-app-dev-companies .section.one .list1,
.browse-related-app-dev-companies .section.one .list2,
.browse-related-app-dev-companies .section.two>.list,
.browse-related-app-dev-companies .section.three>.list,
.browse-related-app-dev-companies .section.three .list-row,
.browse-related-app-dev-companies .section.four .list-row {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
}

.browse-related-app-dev-companies .section.three .list-row {
  margin-top: 24px;
}

.browse-related-app-dev-companies li {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
}

.browse-related-app-dev-companies a {
  color: #000;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 14px;
  font-weight: 500;
  font-family: "Poppins", sans-serif;
  background: #fff;
  border: 1px solid #b8c8ed;
  border-radius: 100px;
  padding: 4px 16px 4px 4px;
  transition: all 0.3s ease;
}

.browse-related-app-dev-companies .icon {
  display: grid;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  overflow: hidden;
  background: #b5c7f0;
  flex-shrink: 0;
}

.browse-related-app-dev-companies .icon img {
  display: block;
  max-width: 100%;
  height: auto;
}

.browse-related-app-dev-companies a:hover {
  background: transparent linear-gradient(90deg, #5f48d8 0%, #e54771 100%) 0% 0% no-repeat padding-box;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  border-color: #5f48d8;
}

.browse-related-app-dev-companies .section {
  margin-bottom: 40px;
}

.browse-related-app-dev-companies .section.one h1 {
  margin: 0 0 40px;
}

.browse-related-app-dev-companies .bdr {
  border-bottom: 1px solid #acb7e5;
  margin: 24px -24px;
  height: 1px;
}

@media (max-width: 768px) {
  .browse-related-app-dev-companies h1 {
    font-size: 20px;
  }
}

.archive.category section.blog {
  margin-bottom: 0
}

/* tue 6 may */

.flexible-model-tab .elementor-tabs {
  counter-reset: list;
  gap: 60px;
  justify-content: center;
  max-width: 1000px;
  margin: 0 auto;
}

.flexible-model-tab .elementor-tabs .elementor-tab-title {
  position: relative;
  padding-left: 40px;
  counter-increment: list;
}

.flexible-model-tab .elementor-tabs .elementor-tab-title::before,
.flexible-model-tab .elementor-tabs .elementor-tab-title.elementor-active::before {
  content: "0" counter(list) " " !important;
  position: absolute;
  left: 10px;
  top: 50% !important;
  width: 20px !important;
  height: 20px !important;
  transform: translateY(-50%) !important;
}

.flexible-model-tab .elementor-tabs .elementor-tab-title.elementor-active {
  font-weight: 600;
}

.flexible-model-tab .elementor-tabs .elementor-tab-title.elementor-active::after {
  content: "";
  position: absolute;
  width: 4px !important;
  height: 30px !important;
  left: 0;
  top: 50% !important;
  transform: translateY(-50%) !important;
  background: #884FB4;
  border-radius: 3px
}

.flexible-model-tab .elementor-tabs .card {
  color: #fff;
  padding: 60px;
  border-radius: 30px;
  background: #884FB4;
  max-width: 600px;
  width: 100%;
  position: relative;
}

.flexible-model-tab .elementor-tabs .card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50% !important;
  transform: translateX(-50%) !important;
  width: 95%;
  height: 100%;
  border-radius: 30px;
  box-shadow: 0px -10px 0 #884fb47d;
}

.flexible-model-tab .elementor-tabs .card .title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 20px;
}

.flexible-model-tab .elementor-tabs .card .content {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.6;
}

.flexible-model-tab .elementor-tabs .elementor-tabs-wrapper {
  flex: 0 0 300px;
}

.flexible-model-tab .elementor-tabs .elementor-tabs-content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.flexible-model-tab .elementor-tabs .elementor-tab-title.elementor-active::before {
  background: transparent
}

.contact-form .wpcf7-textarea {
  padding-top: 14px !important;
}

.service-dropdown-tab.industry .tab-content-box .industry-list a {
  padding: 10px;
}

.service-dropdown-tab.industry .tab-content-box .industry-list a span {
  font-size: 11px;
}

.service-dropdown-tab.industry .tab-content-box .industry-list a img {
  width: 54px;
  height: 54px;
}

.service-dropdown-tab.industry .tab-content-box .industry-list a .title {
  font-size: 14px;
  margin-bottom: 6px;
  line-height: 1.2;
}

@media (max-width:1199px) {
  .service-dropdown-tab.industry .tab-content-box .industry-list {
    grid-template-columns: 1fr 1fr;
  }
}


.winning-customer-experience .elementor-container {
  gap: 40px;
  justify-content: center
}

.winning-customer-experience .elementor-container .card {
  flex: 0 0 calc(33.33% - 40px)
}

@media (max-width:991px) {
  .winning-customer-experience .elementor-container .card {
    flex: 0 0 calc(50% - 40px)
  }
}

@media (max-width:767px) {
  .winning-customer-experience .elementor-container .card {
    flex: 1 0 100%;
  }
}

.lead-form-popup-container .right-section h2 {
  color: #000
}

.embed-container {
  padding-bottom: 56.25%;
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 20px;
}

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

.single-blog-layout .main-content iframe {
  aspect-ratio: 16 / 9;
}

.archive.category section.blog {
  margin-bottom: 0
}

.leadership-accross-industry-slider .slide {
  margin: 20px
}

.leadership-accross-industry-slider .slide .card {
  background: #fff;
  border: 1px solid #F7F8FC;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.browse-related-app-dev-companies {
  padding-top: 20px
}

.browse-related-app-dev-companies .title {
  margin-top: 0
}


.wpcf7-form input[type="submit"]:disabled,
.wpcf7-form button[type="submit"]:disabled{
 cursor: not-allowed;
 opacity: 0.5;
}


.footer-v6 .footer-badge ul {
  display: grid;
  grid-template-columns: 72px 196px 72px 70px 170px 56px;
  gap: 30px;
  place-items: center;
}

.footer-v6 .footer-badge ul li img {
  width: 100% !important;

}

@media (max-width:1399px) {
  .footer-v6 .footer-badge ul {
    gap: 20px;
  }
}

@media (max-width:991px) {
  .footer-v6 .footer-badge ul {
    grid-template-columns: 72px 196px 72px;
    gap: 0 30px;
  }
}

@media (max-width:575px) {
  .footer-v6 .footer-badge ul {
    grid-template-columns: 1fr;
    gap: 30px;
  }

  .footer-v6 .footer-badge ul li:nth-child(3) {
    max-width: 80px
  }
}

/*  */
.flexible-model-tab .elementor-tabs .elementor-tab-title::before,
.flexible-model-tab .elementor-tabs .elementor-tab-title.elementor-active::before {
  left: 10px !important;
}

@media (max-width: 991px) {
  .top-10-mobile-app-company-wrapper .filter-content .card .card-header .company-logo-title h2 {
    font-size: 18px !important;
  }
}

.browse-related-app-dev-companies {
  display: none !important
}

::selection {
  color: #000;
  background: #b3d4fc;
}

.single-blog-layout #h-faqs {
  display: block !important;
  opacity: 0;
  margin: 0;
  height: 1px;
  visibility: hidden
}


/* 1july 2025  */

.flexible-model-tab .elementor-tabs .elementor-tab-title::before,
.flexible-model-tab .elementor-tabs .elementor-tab-title.elementor-active::before {
  left: 10px !important;
}

@media (max-width: 991px) {
  .top-10-mobile-app-company-wrapper .filter-content .card .card-header .company-logo-title h2 {
    font-size: 18px !important;
  }
}

.browse-related-app-dev-companies {
  display: none !important
}

.single-blog-layout #h-faqs {
  display: block !important;
  opacity: 0;
  margin: 0;
  height: 1px;
  visibility: hidden
}

.your-partner-data-list .elementor-icon-list-text a {
  color: #000;
  width: auto;
  display: inline-block !important;
}

.ct-modal-content-inner .mp-img img {
  object-fit: contain !important
}

.single-blog-layout .main-content blockquote {
  position: relative;
  border: 1px solid #ccc;
  background: #fafafa;
  padding: 20px 20px 20px 50px;
  border-radius: 10px;
}

.single-blog-layout .main-content blockquote p {
  font-family: "open sans", sans-serif;
  font-weight: 400;
}

.single-blog-layout .main-content blockquote::before {
  font-family: Arial;
  content: "\201C";
  color: #fe6666;
  font-size: 6em;
  position: absolute;
  left: 10px;
  top: -20px;
}

.single-blog-layout .main-content blockquote::after {
  content: "";
}

.single-blog-layout .main-content blockquote span {
  display: block;
  color: #333333;
  font-style: normal;
  font-weight: bold;
  margin-top: 1em;
}

.zoomIn {
  animation-name: zoomIn;
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}


.development-process .dotted-liner::after {
  margin-top: -2.4px !important;
}

.development-process .dotted-round.after,
.development-process .dotted-round.before {
  top: 61.5px;
  right: 1px;
}

.development-process .process-card p {
  max-width: 100% !important;
}

.what-we-offer-tabs .elementor-tabs .elementor-tabs-wrapper {
  background: #eaeffe
}

.what-we-offer-tabs .elementor-tab-content {
  padding: 40px;
}

.what-we-offer-tabs .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title {
  position: relative;
  padding: 20px 40px 20px 80px;
}

.what-we-offer-tabs .elementor-tab-mobile-title {
  position: relative !important;
  padding: 20px 40px 20px 20px;
}

.what-we-offer-tabs .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title::after,
.what-we-offer-tabs .elementor-tab-mobile-title::after {
  content: "" !important;
  right: 10px;
  display: block;
  width: 20px;
  height: 20px;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  background: url('https://tamediacdn.techaheadcorp.com/wp-content/uploads/2025/01/21084346/arrow.svg') no-repeat center center / contain;
  display: none
}

.what-we-offer-tabs .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active,
.what-we-offer-tabs .elementor-tab-mobile-title.elementor-active {
  font-weight: 600 !important;
  background: #d7d6f9 !important;
}

.what-we-offer-tabs .elementor-tab-mobile-title {
  font-weight: 600 !important;
  background: #d7d6f954;
}

.what-we-offer-tabs .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title.elementor-active::after,
.what-we-offer-tabs .elementor-tab-mobile-title.elementor-active::after {
  display: block;
}

.what-we-offer-tabs .elementor-tabs .elementor-tabs-content-wrapper {
  background: #f7f9ff;
}

.wwo-tabs-content .title-icon {
  display: flex;
  gap: 20px;
  font-size: 20px;
  font-weight: 600;
  align-items: center;
  margin-bottom: 14px;
}

.wwo-tabs-content .title-icon img {
  width: 40px;
  height: 40px;
  display: block;
}

.wwo-tabs-content .tech-stack {
  margin-top: 50px;
}

.wwo-tabs-content .tech-stack .tech-title {
  font-size: 20px;
  line-height: 1.5;
  font-weight: 600;
  margin-bottom: 24px
}

.tech-img-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}

.tech-img-list li {
  position: relative;
  width: 100px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 10px;
  word-break: break-word;
}

.tech-img-list li * {
  font-size: 12px !important;
  text-align: center;
  font-weight: 600;
  line-height: 1.4;
  text-transform: capitalize;
  margin: 0 !important
}

.tech-img-list li>div {
  border-radius: 10px;
  background: #fff !important;
  padding: 10px;
  overflow: hidden;
  width: 100%;
  height: 100px;
}

.tech-img-list li img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.tech-img-list li img.scale-down {
  transform: scale(.7);
}

.tech-img-list li img.scale-up {
  transform: scale(1.1);
}

.tech-img-list li img.scale2x {
  transform: scale(1.5);
}

@media (max-width:991px) {
  .what-we-offer-tabs .elementor-tabs .elementor-tabs-wrapper .elementor-tab-title {
    padding: 20px 40px 20px 20px;
  }
}

@media (max-width:767px) {
  .tech-img-list li {
    width: calc(33.33% - 20px);
  }
}

@media (max-width:575px) {
  .tech-img-list li {
    width: calc(50% - 20px);
  }
}


.cs-tab-wrapper .cs-tab-content ul {
  list-style: disc;
  padding-left: 20px;
  margin-bottom: 8px;
}

.cs-tab-wrapper .cs-tab-content a {
  text-decoration: underline !important
}


/* blog key takeaways */
.cs-key-takeaways {
  border-radius: 12px;
  padding: 30px;
  background: #fff;
  border: 1px solid #e0e0e0;
  margin: 50px auto;
  font-family: "Arial", sans-serif;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  box-shadow: 0 2px 20px #e0e2e7;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.cs-key-takeaways .badge {
  display: inline-flex;
  align-items: center;
  background-color: #eae8d8;
  padding: 6px 16px 6px 12px;
  border-radius: 999px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #000;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.cs-key-takeaways h2 {
  font-size: 13px !important;
  font-weight: 600;
  letter-spacing: 0.5px;
  color: #000;
  margin: 0 !important;
}

.cs-key-takeaways .badge>img {
  width: 34px;
  height: 34px;
  margin: 0 8px 0 0 !important;
}

.cs-key-takeaways .badge a {
  color: #2c2c2c;
  font-weight: bold;
  text-decoration: underline;
  margin-left: 6px;
}

.cs-key-takeaways .takeaways-list {
  padding-left: 18px;
  margin-bottom: 20px;
}

.cs-key-takeaways .takeaways-list li {
  margin-bottom: 18px;
  line-height: 1.6;
  font-size: 16px;
  color: #222;
}

.cs-key-takeaways .bottom-bar {
  text-align: left;
  display: flex;
  align-items: center;
  gap: 5px;
}

.cs-key-takeaways .bottom-bar img {
  height: 24px;
  filter: brightness(0);
  -webkit-filter: brightness(0);
  margin: 0 !important;
}

.cs-key-takeaways .bottom-bar img:first-child,
.cs-key-takeaways .bottom-bar img:last-child {
  height: 16px;
}


.single-blog-layout pre.wp-block-code {
  white-space: normal !important;
}



.single-blog-layout .blog-thumbnail {
  border-radius: 12px;
  overflow: hidden;
}

.overflow-hidden {
  overflow: hidden
}

.footer-v6 .footer-badge ul {
  display: flex !important;
  gap: 30px;
  flex-wrap: wrap;
  align-items: center;
  max-width: 580px;
  margin-left: auto !important;
}

.footer-v6 .footer-badge ul li img {
  max-width: 80px !important;
}

.footer-v6 .footer-badge ul li:not(:last-child) img {
  height: 80px;
}

.footer-v6 .footer-badge ul li:last-child img {
  height: 100px;
}

.footer-v6 .footer-badge ul li:nth-child(5) img {
  background: #fff !important;
  border-radius: 50% !important
}

.footer-v6 .footer-badge ul li:nth-child(6) img {
  max-width: 148px !important;
}

@media (max-width:1199px) {
  .footer-v6 .footer-badge ul {
    margin-right: auto !important;
  }
}




/* wp admin-bar  */
.admin-bar {
  margin-top: 32px !important
}

.admin-bar .header.scrolled,
.admin-bar .site-header.scrolled {
  padding-top: 32px !important;
}

html {
  --wp-admin--admin-bar--height: 32px;
  scroll-padding-top: var(--wp-admin--admin-bar--height);
}

.top-10-title-collapse.service ul {
  padding-left: 0 !important;
}

.top-10-title-collapse.service ul {
  padding-left: 20px !important;
}

.top-10-title-collapse.service ul li {
  margin-bottom: 6px !important;
}

.footer-v6 .footer-badge ul {
  gap: 20px 30px !important
}

.development-process .process-card a,
.elementor-icon-list-items a {
  font-weight: inherit !important;
  color: inherit !important;
  display: inline-block;
  width: auto !important
}


/*  */
.footer-v6 .footer-badge ul li:nth-child(2) {
  max-width: 80px !important;
  height: 80px !important
}

.footer-links .certified-badges {
  display: flex !important;
  grid-template-columns: 100px 80px 150px;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.footer-links .certified-badges li img {
  max-height: 80px
}

.footer-links .certified-badges li:first-child img {
  width: 100px
}

.footer-links .certified-badges li:nth-child(2) img {
  width: 80px
}

.footer-links .certified-badges li:last-child img {
  width: 150px
}

.footer-links .certified-badges li:nth-child(2) img {
  background: #fff !important;
  border-radius: 50% !important;
}

.footer-v6 .footer-badge ul li:nth-child(5) img {
  background: transparent !important;
  border-radius: 0 !important;
}

@media (max-width:991px) {
  .footer-links .certified-badges {
    margin-bottom: 24px;
    justify-content: center
  }
}

.fw-600 {
  font-weight: 600
}

.footer-v6 .footer-badge h3 a {
  font-size: 13px !important;
  font-weight: 500 !important
}

.single-blog-layout .main-content blockquote span {
  display: inline-block;
  margin: 0
}

.request-a-proposal .elementor-button {
  background-image: linear-gradient(285deg, #7411CC 0%, #E42E84 100%) !important;
}

.request-a-proposal .gradient-text {
  background: transparent linear-gradient(285deg, #7411CC 0%, #E42E84 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700
}

body {
  user-select: none;
}

.single-blog-layout .content-row .col-left .table-of-content {
  position: sticky;
  position: -webkit-sticky;
  top: 130px;
}

/* benefits-of-ios-circle */
.benefits-of-ios-circle {
  display: grid;
  grid-template-columns: 340px 340px 400px !important;
  justify-content: center !important
}

@media (max-width:1024px) {
  .benefits-of-ios-circle {
    grid-template-columns: 340px 340px !important;
  }

  .benefits-of-ios-circle .circle.three {
    grid-column: 1/3
  }
}

@media (max-width:768px) {
  .benefits-of-ios-circle {
    grid-template-columns: 300px !important;
  }

  .benefits-of-ios-circle .circle.three {
    grid-column: auto
  }
}

.benefits-of-ios-circle .circle {
  width: 340px;
  height: 340px;
}

.benefits-of-ios-circle .circle.three {
  width: 400px;
  height: 400px;
}

.technology-stack-new ul li,
.technology-stack ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
}

.fs-inherit {
  color: inherit !important;
  font-weight: inherit !important
}

@media (min-width:991px) {

  .ai-coe a,
  .ai-coe a::before {
    font-size: 17px !important;
  }
}

.ai-coe a,
.ai-coe a::before {
  font-weight: 700 !important;
  background-image: linear-gradient(285deg, #7411CC, #E42E84, #7411CC);
  background-size: 300% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientShift 5s ease infinite alternate;
}



/* header mobile menu */
@media (max-width:991px) {
  .service-dropdown-tab .service-title {
    padding-left: 0
  }

  .service-dropdown-tab .service-title::after {
    left: 0
  }

  .service-dropdown-tab .tab-wrapper {
    flex-direction: column !important;
    max-height: 100% !important;
  }

  .service-dropdown-tab.industry .tab-content-box .industry-list a {
    display: flex !important;
    align-items: center !important
  }

  .service-dropdown-tab.industry .tab-content-box .industry-list a .title {
    margin-bottom: 0
  }

  .service-dropdown-tab.industry .tab-content-box .industry-list a span {
    display: none
  }

  .service-dropdown-tab .service-section .mobile ul li a,
  .service-dropdown-tab.industry .tab-content-box .industry-list a {
    font-weight: 500 !important;

  }

  .service-dropdown-tab.service .tab-wrapper {
    display: grid;
    grid-template-columns: 140px 1fr;
  }

  .service-dropdown-tab .engagement-mode {
    grid-column: span 2
  }

  .service-dropdown-tab.service .tab {
    gap: 10px;
    line-height: 1.3;
    padding-left: 0
  }

  .service-dropdown-tab .service-section .mobile ul li a,
  .service-dropdown-tab.service .tab {
    font-size: 12px;
  }

  .service-dropdown-tab .tab .img-bx {
    width: 30px;
    height: 30px;
  }

  .service-dropdown-tab .service-section>div {
    padding: 16px !important
  }

  .service-dropdown-tab .service-section .mobile ul li a span {
    font-size: 10px !important
  }

  .service-dropdown-tab .tab {
    padding-right: 10px
  }

  .service-dropdown-tab.industry .tab-content-box .industry-list a {
    gap: 10px
  }

  .service-dropdown-tab.industry .tab-content-box .industry-list a img {
    width: 40px;
    height: 40px
  }

  .service-dropdown-tab .service-title {
    padding-bottom: 10px
  }

  .service-dropdown-tab .subtitle {
    font-size: 12px
  }

  .service-dropdown-tab.industry .tab-content-box .industry-list {
    padding: 10px 0
  }

  .service-dropdown-tab .engagement-mode ul li .img-bx {
    width: 46px;
    height: 46px;
  }

  .service-dropdown-tab .engagement-mode .title {
    font-size: 16px;
    margin-bottom: 8px
  }

  .service-dropdown-tab .engagement-mode .sub-title {
    font-size: 12px
  }

  .service-dropdown-tab .engagement-mode ul li .text {
    justify-content: center;
    gap: 4px;
  }

  .service-dropdown-tab.industry .engagement-mode {
    padding: 20px;
    width: 100%;
    flex: 1;
  }

  .engagement-mode .video-container .btn {
    margin-bottom: 0
  }

  .engagement-mode .video-container {
    padding-bottom: 20px
  }

  .engagement-mode .video-container .description {
    font-size: 12px;
    font-weight: 400;
  }

  .fullmenu-dropdown {
    width: calc(100% + 28px) !important
  }

  .service-dropdown-tab .tabs {
    padding: 16px 0
  }

  .service-dropdown-tab .tab-content-box {
    height: 450px;
  }

  .full-menu .full-menu-inner .top::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f5f5f5;
  }

  .full-menu .full-menu-inner .top::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
  }

  .full-menu .full-menu-inner .top::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #9795f0 linear-gradient(223deg, #9795f0, #fbc8d4);
  }

  .menu-item-type-custom.case-studies .toggle {
    display: none !important
  }

  .service-dropdown-tab.industry .tab-content-box .industry-list a .title {
    font-size: 12px
  }
}

.single-blog-layout #progress-bar {
  width: 0;
}

.cs-related-blogs .elementor-posts .elementor-post.blog.type-blog img {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  display: block;
  transform: translate(-50%, -50%) !important;
  width: 100% !important;
  height: 100% !important
}

.cs-related-blogs .elementor-posts .elementor-post.blog.type-blog .elementor-post__thumbnail {
  transition: all 500ms;
}

.cs-related-blogs .elementor-posts .elementor-post.blog.type-blog:hover .elementor-post__thumbnail {
  transform: scale(.96);
  transition: all 500ms;
}

.your-partner-data-list .elementor-icon-list-icon svg {
  display: none !important
}



#wpcf7-f92987-o1 .lead-form-popup-container {
  transition: all .3s;
  transform: scale(0.9);
}

#wpcf7-f92987-o1.show {
  display: block;
  opacity: 1;
}

#wpcf7-f92987-o1.show .lead-form-popup-container {
  transform: scale(1);
}

/*  promoBannerBottom*/
#promoBannerBottom {
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
  display: none
}

#promoBannerBottom * {
  font-family: "Poppins", Sans-serif;
}

#promoBannerBottom .promo-banner-inner {
  background-color: #a620b0;
  color: white;
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  padding-right: 30px
}

#promoBannerBottom .banner-text {
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: normal;
  font-weight: 400;
  overflow-x: hidden;
  flex: 1;
  padding: 10px 10px 10px 50px;
  position: relative
}

#promoBannerBottom .banner-text:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  background: #a71fb0;
  width: 200px;
  background: linear-gradient(90deg, transparent, #a71fb0 50%);
}

#promoBannerBottom .banner-text a {
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: normal;
  font-weight: 500;
  color: #fff;
  text-decoration: underline
}

#promoBannerBottom .cta {
  background-color: white;
  color: black;
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 12px;
  display: inline-block;
  letter-spacing: normal;
  font-weight: 500;
  text-decoration: none;
  flex-shrink: 0;
  line-height: 1.2;
  margin: 10px;
}

/* Close button */
#promoBannerBottom .close-btn {
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: white;
  font-size: 12px;
  cursor: pointer;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  padding: 0;
  border-radius: 50%;
  line-height: 20px;
  text-align: center;
  flex-shrink: 0;
}

#promoBannerBottom .promo-container {
  display: flex;
  justify-content: center;
  gap: 20px;
  width: 100%;
  margin: 0 auto;
  align-items: center;
  overflow: hidden
}

#promoBannerTop .banner-text .ticker,
#promoBannerBottom .banner-text .ticker {
  display: inline-block;
  white-space: nowrap;
  padding-right: 50px;
}

#promoBannerBottom .ticker-wrapper {
  display: flex;
  overflow: hidden;
}

#promoBannerBottom .ticker {
  display: inline-flex;
  white-space: nowrap;
  animation: ticker 15s linear infinite;
}

#promoBannerBottom .ticker span {
  padding-right: 3rem;
  display: inline-block;
  position: relative;
  padding-right: 26px;
  margin-right: 12px;
}

#promoBannerBottom .ticker span::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #d593d7;
  position: absolute;
  top: 50%;
  right: 0;
  border-radius: 2px;
  transform: translateY(-50%) rotate(45deg);
}

@keyframes ticker {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-50%);
  }
}

@media (max-width: 1199px) {
  #promoBannerBottom .banner-text {
    font-size: 14px;
  }

  #promoBannerTop .cta,
  #promoBannerBottom .cta {
    font-size: 14px;
  }
}

@media (max-width: 820px) {
  #promoBannerBottom .banner-text {
    font-size: 13px;
  }

  #promoBannerBottom .cta {
    font-size: 12px;
  }

  #promoBannerBottom .close-btn {
    width: 20px;
    height: 20px;
    line-height: 10px;
  }
}

@media (max-width: 768px) {
  #promoBannerBottom .banner-text:after {
    width: 60px;
  }

  #promoBannerBottom .banner-text,
  #promoBannerBottom .banner-text a {
    font-size: 13px;
  }

  #promoBannerBottom .cta {
    font-size: 10px;
  }

  #promoBannerBottom .close-btn {
    right: 14px
  }

}

@media (max-width: 767px) {
  #promoBannerBottom .banner-text {
    padding-left: 20px
  }

}

@media (max-width: 480px) {
  #promoBannerBottom .promo-container {
    gap: 0
  }

  #promoBannerBottom .banner-text:after {
    width: 20px;
  }

  #promoBannerBottom .promo-container {
    gap: 0
  }

  #promoBannerBottom .promo-banner-inner {
    gap: 8px;
    padding-right: 20px;
  }
}

.technology-stack .icon-list ul li p {
  margin: 0 !important
}



.popup-hidden {
  visibility: hidden !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.popup-visible {
  visibility: visible !important;
  opacity: 1 !important;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}


/*blog form  */



.blog-form-banner {
  background: linear-gradient(to bottom, #0d0d15, #1e2a3a);
  color: white;
  width: 100%;
  border-radius: 20px;
  text-align: center;
  overflow: hidden;
}

.blog-form-banner .banner-top {
  padding: 18px 20px 20px 10px;
  position: relative;
}

.blog-form-banner .banner-top::before {
  content: "";
  background: url("https://tamediacdn.techaheadcorp.com/wp-content/uploads/2025/08/29085613/ta-logo-blog2.svg") no-repeat center;
  background-size: 210px;
  position: absolute;
  top: -129px;
  left: -25px;
  width: 240px;
  height: 240px;
  z-index: 0;
}

.blog-form-banner .blog-logo {
  position: relative;
  z-index: 1;
  margin: 0 auto 10px;
}

.blog-form-banner .blog-logo img {
  width: 34px;
  height: auto;
  margin: auto;
}

.blog-form-banner h2 {
  font-size: 12px;
  margin-bottom: 10px;
  font-weight: bold;
  line-height: 1.4;
  position: relative;
  z-index: 1;
}

.blog-form-banner p {
  font-size: 10px;
  color: rgb(255 255 255 / 50%);
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  line-height: 1.5;
  font-weight: 500;
}

.blog-form-banner form {
  display: block;
  position: relative;
  z-index: 1;
}

.blog-form-banner input,
.blog-form-banner textarea {
  width: 100%;
  padding: 6px 8px 8px;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgb(255 255 255 / 15%);
  color: white;
  font-size: 12px;
  outline: none;
  resize: none !important
}

.blog-form-banner input::placeholder,
.blog-form-banner textarea::placeholder {
  color: #fff;
}

.blog-form-banner button {
  background: linear-gradient(281deg, #7411cc, #e42e84);
  border: none;
  padding: 8px;
  color: white;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  border-radius: 10px;
  cursor: pointer;
  outline: none;
  transition: 0.3s ease;
  margin-top: 4px
}

.blog-form-banner button:hover {
  transform: translateY(-2px);
  opacity: 0.95;
}

.blog-form-banner .banner-form {
  padding: 10px 14px;
  background: transparent linear-gradient(180deg, #25364900 0%, #283c50 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #223041;
  border-radius: 30px 30px 20px 20px;
}

@media (min-width: 1400px) and (max-width: 1500px) {

  .single.single-blog .container-max,
  .single.single-blog .container {
    max-width: 1320px !important
  }
}

.single-blog-layout .content-row {
  margin-top: 30px
}

.blog-form-banner textarea::-webkit-scrollbar-track {
  width: 0
}

.blog-form-banner textarea::-webkit-scrollbar {
  width: 0;
}


.single-blog-layout .content-row {
  gap: 20px
}

.single-blog-layout .content-row .col-left .table-of-content,
.single-blog-layout .content-row .col-left>div {
  position: sticky;
  position: -webkit-sticky;
  top: 100px;
}

/*  */
.single-blog-layout .wp-block-table {
  overflow-x: auto;
  width: 100%;
}

.related-blog-post {
  padding-top: 40px;
}

.related-blog-post .view-all-blog img {
  width: 6px !important
}

.single-blog-layout .main-content img {
  margin: 10px 0
}

@media (max-width:991px) {
  .single-blog-layout .main-content~.col-left {
    display: block !important;
    flex: 1
  }

  .single-blog-layout .content-row {
    flex-direction: column
  }

  .single-blog-layout .main-content~.col-left .blog-form-banner {
    max-width: 300px;
    margin: 0 auto 40px;
    width: 100%;
  }

}


.single-blog-layout .main-content h2,
.single-blog-layout .main-content h3 {
  line-height: 1.2;
}



/*  */
.elementor-heading-title {
  line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.6;
  letter-spacing: normal;
  font-family: "Poppins", Sans-serif;
}

.container {
  margin-left: auto !important;
  margin-right: auto !important;
  padding-left: 15px !important;
  padding-right: 15px !important;
}

/* wp admin-bar  */
.admin-bar {
  margin-top: 32px !important
}

.admin-bar .header.scrolled,
.admin-bar .site-header.scrolled {
  padding-top: 32px !important;
}

html {
  --wp-admin--admin-bar--height: 32px;
  scroll-padding-top: var(--wp-admin--admin-bar--height);
}

.top-10-title-collapse.service ul {
  padding-left: 0 !important;
}

.top-10-title-collapse.service ul {
  padding-left: 20px !important;
}

.top-10-title-collapse.service ul li {
  margin-bottom: 6px !important;
}

.footer-v6 .footer-badge ul {
  gap: 20px 30px !important
}

.development-process .process-card a,
.elementor-icon-list-items a {
  font-weight: inherit !important;
  color: inherit !important;
  display: inline-block;
  width: auto !important
}


/*  */
.footer-v6 .footer-badge ul li:nth-child(2) {
  max-width: 80px !important;
  height: 80px !important
}

.footer-links .certified-badges {
  display: flex !important;
  grid-template-columns: 100px 80px 150px;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}

.footer-links .certified-badges li img {
  max-height: 80px
}

.footer-links .certified-badges li:first-child img {
  width: 100px
}

.footer-links .certified-badges li:nth-child(2) img {
  width: 80px
}

.footer-links .certified-badges li:last-child img {
  width: 150px
}

.footer-links .certified-badges li:nth-child(2) img {
  background: #fff !important;
  border-radius: 50% !important;
}

.footer-v6 .footer-badge ul li:nth-child(5) img {
  background: transparent !important;
  border-radius: 0 !important;
}

@media (max-width:991px) {
  .footer-links .certified-badges {
    margin-bottom: 24px;
    justify-content: center
  }
}

.fw-600 {
  font-weight: 600
}

.footer-v6 .footer-badge h3 a {
  font-size: 13px !important;
  font-weight: 500 !important
}

.single-blog-layout .main-content blockquote span {
  display: inline-block;
  margin: 0
}

.request-a-proposal .elementor-button {
  background-image: linear-gradient(285deg, #7411CC 0%, #E42E84 100%) !important;
}

.request-a-proposal .gradient-text {
  background: transparent linear-gradient(285deg, #7411CC 0%, #E42E84 100%) 0% 0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-weight: 700
}

body {
  user-select: none;
}

.single-blog-layout .content-row .col-left .table-of-content {
  position: sticky;
  position: -webkit-sticky;
  top: 130px;
}

/* benefits-of-ios-circle */
.benefits-of-ios-circle {
  display: grid;
  grid-template-columns: 340px 340px 400px !important;
  justify-content: center !important
}

@media (max-width:1024px) {
  .benefits-of-ios-circle {
    grid-template-columns: 340px 340px !important;
  }

  .benefits-of-ios-circle .circle.three {
    grid-column: 1/3
  }
}

@media (max-width:768px) {
  .benefits-of-ios-circle {
    grid-template-columns: 300px !important;
  }

  .benefits-of-ios-circle .circle.three {
    grid-column: auto
  }
}

.benefits-of-ios-circle .circle {
  width: 340px;
  height: 340px;
}

.benefits-of-ios-circle .circle.three {
  width: 400px;
  height: 400px;
}

.technology-stack-new ul li,
.technology-stack ul li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 14px;
}

.fs-inherit {
  color: inherit !important;
  font-weight: inherit !important
}

@media (min-width:991px) {

  .ai-coe a,
  .ai-coe a::before {
    font-size: 17px !important;
  }
}

.ai-coe a,
.ai-coe a::before {
  font-weight: 700 !important;
  background-image: linear-gradient(285deg, #7411CC, #E42E84, #7411CC);
  background-size: 300% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: gradientShift 5s ease infinite alternate;
}



/* header mobile menu */
@media (max-width:991px) {
  .service-dropdown-tab .service-title {
    padding-left: 0
  }

  .service-dropdown-tab .service-title::after {
    left: 0
  }

  .service-dropdown-tab .tab-wrapper {
    flex-direction: column !important;
    max-height: 100% !important;
  }

  .service-dropdown-tab.industry .tab-content-box .industry-list a {
    display: flex !important;
    align-items: center !important
  }

  .service-dropdown-tab.industry .tab-content-box .industry-list a .title {
    margin-bottom: 0
  }

  .service-dropdown-tab.industry .tab-content-box .industry-list a span {
    display: none
  }

  .service-dropdown-tab .service-section .mobile ul li a,
  .service-dropdown-tab.industry .tab-content-box .industry-list a {
    font-weight: 500 !important;

  }

  .service-dropdown-tab.service .tab-wrapper {
    display: grid;
    grid-template-columns: 140px 1fr;
  }

  .service-dropdown-tab .engagement-mode {
    grid-column: span 2
  }

  .service-dropdown-tab.service .tab {
    gap: 10px;
    line-height: 1.3;
    padding-left: 0
  }

  .service-dropdown-tab .service-section .mobile ul li a,
  .service-dropdown-tab.service .tab {
    font-size: 12px;
  }

  .service-dropdown-tab .tab .img-bx {
    width: 30px;
    height: 30px;
  }

  .service-dropdown-tab .service-section>div {
    padding: 16px !important
  }

  .service-dropdown-tab .service-section .mobile ul li a span {
    font-size: 10px !important
  }

  .service-dropdown-tab .tab {
    padding-right: 10px
  }

  .service-dropdown-tab.industry .tab-content-box .industry-list a {
    gap: 10px
  }

  .service-dropdown-tab.industry .tab-content-box .industry-list a img {
    width: 40px;
    height: 40px
  }

  .service-dropdown-tab .service-title {
    padding-bottom: 10px
  }

  .service-dropdown-tab .subtitle {
    font-size: 12px
  }

  .service-dropdown-tab.industry .tab-content-box .industry-list {
    padding: 10px 0
  }

  .service-dropdown-tab .engagement-mode ul li .img-bx {
    width: 46px;
    height: 46px;
  }

  .service-dropdown-tab .engagement-mode .title {
    font-size: 16px;
    margin-bottom: 8px
  }

  .service-dropdown-tab .engagement-mode .sub-title {
    font-size: 12px
  }

  .service-dropdown-tab .engagement-mode ul li .text {
    justify-content: center;
    gap: 4px;
  }

  .service-dropdown-tab.industry .engagement-mode {
    padding: 20px;
    width: 100%;
    flex: 1;
  }

  .engagement-mode .video-container .btn {
    margin-bottom: 0
  }

  .engagement-mode .video-container {
    padding-bottom: 20px
  }

  .engagement-mode .video-container .description {
    font-size: 12px;
    font-weight: 400;
  }

  .fullmenu-dropdown {
    width: calc(100% + 28px) !important
  }

  .service-dropdown-tab .tabs {
    padding: 16px 0
  }

  .service-dropdown-tab .tab-content-box {
    height: 450px;
  }

  .full-menu .full-menu-inner .top::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #f5f5f5;
  }

  .full-menu .full-menu-inner .top::-webkit-scrollbar {
    width: 3px;
    background-color: #f5f5f5;
  }

  .full-menu .full-menu-inner .top::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: #9795f0 linear-gradient(223deg, #9795f0, #fbc8d4);
  }

  .menu-item-type-custom.case-studies .toggle {
    display: none !important
  }

  .service-dropdown-tab.industry .tab-content-box .industry-list a .title {
    font-size: 12px
  }
}

.single-blog-layout #progress-bar {
  width: 0;
}

.cs-related-blogs .elementor-posts .elementor-post.blog.type-blog img {
  position: absolute;
  top: 50% !important;
  left: 50% !important;
  display: block;
  transform: translate(-50%, -50%) !important;
  width: 100% !important;
  height: 100% !important
}

.cs-related-blogs .elementor-posts .elementor-post.blog.type-blog .elementor-post__thumbnail {
  transition: all 500ms;
}

.cs-related-blogs .elementor-posts .elementor-post.blog.type-blog:hover .elementor-post__thumbnail {
  transform: scale(.96);
  transition: all 500ms;
}

.your-partner-data-list .elementor-icon-list-icon svg {
  display: none !important
}



#wpcf7-f92987-o1 .lead-form-popup-container {
  transition: all .3s;
  transform: scale(0.9);
}

#wpcf7-f92987-o1.show {
  display: block;
  opacity: 1;
}

#wpcf7-f92987-o1.show .lead-form-popup-container {
  transform: scale(1);
}

/*  promoBannerBottom*/
#promoBannerBottom {
  position: fixed;
  z-index: 100;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: 0 auto;
  display: none
}

#promoBannerBottom * {
  font-family: "Poppins", Sans-serif;
}

#promoBannerBottom .promo-banner-inner {
  background-color: #a620b0;
  color: white;
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  padding-right: 30px
}

#promoBannerBottom .banner-text {
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: normal;
  font-weight: 400;
  overflow-x: hidden;
  flex: 1;
  padding: 10px 10px 10px 50px;
  position: relative
}

#promoBannerBottom .banner-text:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  background: #a71fb0;
  width: 200px;
  background: linear-gradient(90deg, transparent, #a71fb0 50%);
}

#promoBannerBottom .banner-text a {
  font-size: 14px;
  line-height: 1.2;
  letter-spacing: normal;
  font-weight: 500;
  color: #fff;
  text-decoration: underline
}

#promoBannerBottom .cta {
  background-color: white;
  color: black;
  border-radius: 6px;
  padding: 8px 14px;
  font-size: 12px;
  display: inline-block;
  letter-spacing: normal;
  font-weight: 500;
  text-decoration: none;
  flex-shrink: 0;
  line-height: 1.2;
  margin: 10px;
}

/* Close button */
#promoBannerBottom .close-btn {
  background: none;
  border: 1px solid rgba(255, 255, 255, 0.5);
  color: white;
  font-size: 12px;
  cursor: pointer;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  padding: 0;
  border-radius: 50%;
  line-height: 20px;
  text-align: center;
  flex-shrink: 0;
}

#promoBannerBottom .promo-container {
  display: flex;
  justify-content: center;
  gap: 20px;
  width: 100%;
  margin: 0 auto;
  align-items: center;
  overflow: hidden
}

#promoBannerTop .banner-text .ticker,
#promoBannerBottom .banner-text .ticker {
  display: inline-block;
  white-space: nowrap;
  padding-right: 50px;
}

#promoBannerBottom .ticker-wrapper {
  display: flex;
  overflow: hidden;
}

#promoBannerBottom .ticker {
  display: inline-flex;
  white-space: nowrap;
  animation: ticker 15s linear infinite;
}

#promoBannerBottom .ticker span {
  padding-right: 3rem;
  display: inline-block;
  position: relative;
  padding-right: 26px;
  margin-right: 12px;
}

#promoBannerBottom .ticker span::after {
  content: "";
  display: block;
  width: 10px;
  height: 10px;
  background: #d593d7;
  position: absolute;
  top: 50%;
  right: 0;
  border-radius: 2px;
  transform: translateY(-50%) rotate(45deg);
}

@keyframes ticker {
  0% {
    transform: translateX(0%);
  }

  100% {
    transform: translateX(-50%);
  }
}

@media (max-width: 1199px) {
  #promoBannerBottom .banner-text {
    font-size: 14px;
  }

  #promoBannerTop .cta,
  #promoBannerBottom .cta {
    font-size: 14px;
  }
}

@media (max-width: 820px) {
  #promoBannerBottom .banner-text {
    font-size: 13px;
  }

  #promoBannerBottom .cta {
    font-size: 12px;
  }

  #promoBannerBottom .close-btn {
    width: 20px;
    height: 20px;
    line-height: 10px;
  }
}

@media (max-width: 768px) {
  #promoBannerBottom .banner-text:after {
    width: 60px;
  }

  #promoBannerBottom .banner-text,
  #promoBannerBottom .banner-text a {
    font-size: 13px;
  }

  #promoBannerBottom .cta {
    font-size: 10px;
  }

  #promoBannerBottom .close-btn {
    right: 14px
  }

}

@media (max-width: 767px) {
  #promoBannerBottom .banner-text {
    padding-left: 20px
  }

}

@media (max-width: 480px) {
  #promoBannerBottom .promo-container {
    gap: 0
  }

  #promoBannerBottom .banner-text:after {
    width: 20px;
  }

  #promoBannerBottom .promo-container {
    gap: 0
  }

  #promoBannerBottom .promo-banner-inner {
    gap: 8px;
    padding-right: 20px;
  }
}

.technology-stack .icon-list ul li p {
  margin: 0 !important
}



.popup-hidden {
  visibility: hidden !important;
  opacity: 0 !important;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}

.popup-visible {
  visibility: visible !important;
  opacity: 1 !important;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}


/*blog form  */



.blog-form-banner {
  background: linear-gradient(to bottom, #0d0d15, #1e2a3a);
  color: white;
  width: 100%;
  border-radius: 20px;
  text-align: center;
  overflow: hidden;
}

.blog-form-banner .banner-top {
  padding: 18px 20px 20px 10px;
  position: relative;
}

.blog-form-banner .banner-top::before {
  content: "";
  background: url("https://tamediacdn.techaheadcorp.com/wp-content/uploads/2025/08/29085613/ta-logo-blog2.svg") no-repeat center;
  background-size: 210px;
  position: absolute;
  top: -129px;
  left: -25px;
  width: 240px;
  height: 240px;
  z-index: 0;
}

.blog-form-banner .blog-logo {
  position: relative;
  z-index: 1;
  margin: 0 auto 10px;
}

.blog-form-banner .blog-logo img {
  width: 34px;
  height: auto;
}

.blog-form-banner h2 {
  font-size: 12px;
  margin-bottom: 10px;
  font-weight: bold;
  line-height: 1.4;
  position: relative;
  z-index: 1;
}

.blog-form-banner p {
  font-size: 10px;
  color: rgb(255 255 255 / 50%);
  margin-bottom: 0;
  position: relative;
  z-index: 1;
  line-height: 1.5;
  font-weight: 500;
}

.blog-form-banner form {
  display: block;
  position: relative;
  z-index: 1;
}

.blog-form-banner input,
.blog-form-banner textarea {
  width: 100%;
  padding: 6px 8px 8px;
  background: transparent;
  border: none;
  border-bottom: 1px solid rgb(255 255 255 / 15%);
  color: white;
  font-size: 12px;
  outline: none;
  resize: none !important
}

.blog-form-banner input::placeholder,
.blog-form-banner textarea::placeholder {
  color: #fff;
}

.blog-form-banner button {
  background: linear-gradient(281deg, #7411cc, #e42e84);
  border: none;
  padding: 8px;
  color: white;
  font-size: 11px;
  font-weight: 500;
  line-height: 1.2;
  border-radius: 10px;
  cursor: pointer;
  outline: none;
  transition: 0.3s ease;
  margin-top: 4px
}

.blog-form-banner button:hover {
  transform: translateY(-2px);
  opacity: 0.95;
}

.blog-form-banner .banner-form {
  padding: 10px 14px;
  background: transparent linear-gradient(180deg, #25364900 0%, #283c50 100%) 0% 0% no-repeat padding-box;
  border: 1px solid #223041;
  border-radius: 30px 30px 20px 20px;
}

@media (min-width: 1400px) and (max-width: 1500px) {

  .single.single-blog .container-max,
  .single.single-blog .container {
    max-width: 1320px !important
  }
}

.single-blog-layout .content-row {
  margin-top: 30px
}

.blog-form-banner textarea::-webkit-scrollbar-track {
  width: 0
}

.blog-form-banner textarea::-webkit-scrollbar {
  width: 0;
}


.single-blog-layout .content-row {
  gap: 20px
}

.single-blog-layout .content-row .col-left .table-of-content,
.single-blog-layout .content-row .col-left>div {
  position: sticky;
  position: -webkit-sticky;
  top: 100px;
}

/*  */
.single-blog-layout .wp-block-table {
  overflow-x: auto;
  width: 100%;
}

.related-blog-post {
  padding-top: 40px;
}

.related-blog-post .view-all-blog img {
  width: 6px !important
}

.single-blog-layout .main-content img {
  margin: 10px 0
}

@media (max-width:991px) {
  .single-blog-layout .main-content~.col-left {
    display: block !important;
    flex: 1
  }

  .single-blog-layout .content-row {
    flex-direction: column
  }

  .single-blog-layout .main-content~.col-left .blog-form-banner {
    max-width: 300px;
    margin: 0 auto 40px;
    width: 100%;
  }

}


.single-blog-layout .main-content h2,
.single-blog-layout .main-content h3 {
  line-height: 1.2;
}




/*  */

#promoBannerBottom .banner-text::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100%;
  background: #a71fb0;
  background: linear-gradient(90deg, #a71fb0 50%, transparent);
  width: 200px;
  z-index: 1;
}

@media (max-width:767px) {
  #promoBannerBottom .banner-text::before {
    width: 100px;
  }
}

@media (max-width:575px) {
  #promoBannerBottom .banner-text::before {
    width: 50px;
  }
}


.gradient-title,
.gradient-text {
  font-weight: 700 !important;
  background-image: linear-gradient(285deg, #7411CC, #E42E84, #7411CC);
  background-size: 300% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.single-blog-layout .main-content blockquote {
  margin: 24px 0
}

.single-blog-layout .main-content strong {
  font-weight: 700 !important
}

.single-blog-layout .main-content table {
  margin: 24px 0;
  font-size: 14px;
  line-height: 1.6;
}

.single-blog-layout .main-content ol,
.single-blog-layout .main-content ul {
  padding-left: 20px;
}


.single-blog-layout .main-content {
  width: calc(100% - 520px);
}

@media (max-width:991px) {
  .single-blog-layout .main-content {
    width: 100%;
  }
}

.blog .blog-post .blog-listing .image::before {
  padding-bottom: 0 !important
}

.single-blog-layout .main-content .contact-img-box img {
  height: 200px;
}

.single-blog-layout .content-row {
  margin-top: 30px;
}


/*  */


.design-col-3 .grid{
	display: grid;
  grid-template-columns: repeat(3,1fr);
	gap:24px;
}
.design-col-3 .grid .col{
	width:100%
}

@media (max-width:767px){
	.design-col-3 .grid{
  grid-template-columns: repeat(2,1fr);
}
}
@media (max-width:575px){
	.design-col-3 .grid{
  grid-template-columns:1fr;
}
}
.service-blogs,.service-blogs .insights-wrap{
	margin-bottom:0
}

.faq .accordion .accordion-item .accordion-button .accordion-heading h3{
	font-size:1.2rem
}
.service-faq .faq h2{
	letter-spacing:normal
}

.site-header .logo a{
  position: relative;
}
.site-header .logo .logo-gif{
   width: 54px;
    height: 54px;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
	 -webkit-transform:translateY(-50%);
  -ms-transform:translateY(-50%);
  transform: translateY(-50%);
  -webkit-filter: contrast(2);
  filter: contrast(2);
}


/*  */
.elementor-141984 .elementor-element.elementor-element-288e03a6{
	   display: grid;
    grid-template-columns: repeat(7, 120px);
    justify-items: center;
    align-items: center;
	justify-content:center;
	gap:0
}
.elementor-141984 .elementor-element.elementor-element-9322a40 {
    display: flex;
    border-radius: 50px 50px 0px 0px;
    margin-top: 100px;
    padding-top: 070px;
    padding-bottom: 60px;
    padding-left: 24px;
    padding-right: 24px;
    z-index: 1;
	position:relative
}
.elementor-141984 .elementor-element.elementor-element-1ba1a462 {
    display: flex;
    border-radius: 24px 24px 24px 24px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
    position: absolute;
    top: -20px;
	background-color: #EAD9F6BF;
	width: 380px;
	align-self: center;
}
.elementor-141984 .elementor-element.elementor-element-21a62f89 .elementor-heading-title {
    font-family: "Poppins", Sans-serif;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: normal;
    color: #000000;
	text-align:center
}
@media (max-width: 767px) {
    .elementor-141984 .elementor-element.elementor-element-288e03a6 {
       grid-template-columns: repeat(3, 1fr);
        gap: 20px 0px;
        row-gap: 20px;
    }
	    .elementor-141984 .elementor-element.elementor-element-21a62f89 .elementor-heading-title {
        font-size: 11px;
    }
	  .elementor-141984 .elementor-element.elementor-element-1ba1a462 {
        width: 280px;
    }
	    .elementor-141984 .elementor-element.elementor-element-9322a40 {
        margin-top: 60px;
        padding-top: 40px;
    }
}

.badge-icon-grid .badge-icon{
    padding: 0 20px;
    position: relative
}
.badge-icon-grid .badge-icon img{
    width: 60px;
    height: 60px;
    margin: 0 auto;
    object-fit: contain
}
.badge-icon-grid .badge-icon .aws-partner img{
    width: 55px;
    height: 55px;
}
.badge-icon-grid .badge-icon:not(:last-child)::after{
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    height: 60%;
    transform: translateY(-50%);
    border-right: 1px solid #0000001C;
}

@media (max-width:768px){
    .badge-icon-grid .badge-icon:nth-child(3n)::after{
        content:none;
    }
}

.elementor-button.elementor-animation-shrink:hover{
	transform: scale(1) !important;
}