@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-weight: 500;
  line-height: 1.2;
}

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 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: 0.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: -0.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: 0.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: -0.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: 0.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: -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,
.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: 0.625rem;
  transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.industries-column-boxes li:hover,
.three-column-boxes li:hover {
  box-shadow: 0 0 36px 0 rgba(0, 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 0.75rem;
  letter-spacing: -0.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: 0.2rem;
  opacity: 0;
  transition: opacity 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.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: 0.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: -0.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: 0.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 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

.home-form .contact-form .form-group .form-control::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.2s ease-out;
  transition: opacity 0.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: 0.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: 0.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% - 0.45rem);
  line-height: 1;
  font-size: 16px;
  pointer-events: none;
  transition: 0.2s ease-out;
  -o-transition: 0.2s ease-out;
  -webkit-transition: 0.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: 0.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, 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 0.2s ease-out;
  transition: opacity 0.2s ease-out;
}

.contact-form .form-group .form-control::-moz-placeholder {
  opacity: 0;
  -moz-transition: opacity 0.2s ease-out;
  transition: opacity 0.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: 0.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: 0.8rem;
}

.contact-form .form-group textarea {
  margin-top: 0.5rem;
}

.contact-form .form-group .label-wrap .label {
  color: #999;
  position: absolute;
  left: 0;
  bottom: calc(50% - 0.45rem);
  line-height: 1;
  font-size: 16px;
  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;
  -o-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;
  -webkit-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;
}

.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: 0.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: 0.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: 0.75rem 2.2rem 0.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: -0.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: 0.75rem;
  background-color: #ccc;
  width: 0.125rem;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition: 0.2s linear;
  -o-transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
}

.faq .accordion .accordion-item .accordion-button .accordion-marker::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.75rem;
  background-color: #ccc;
  height: 0.125rem;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transition: 0.2s linear;
  -o-transition: 0.2s linear;
  -webkit-transition: 0.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: -0.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 0.6rem;
  padding: 0;
  list-style: none;
  display: flex;
}

.breadcrumbs-container .breadcrumbs li {
  color: #999;
  margin: 0;
  font-size: 1rem;
  font-weight: 400;
  padding: 0.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 0.2rem 0 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: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.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, 0.25);
}

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

.form-popup .title {
  right: calc(100% + 15px);
  -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);
}

.chip-wrap .chip,
.chip-wrap .chip a {
  color: rgba(0, 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, 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, 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: -0.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: -0.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: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  -webkit-transition: 0.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: 0.5rem;
  margin: 0 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(0.85);
  -moz-transform: translate(-50%, -50%) scale(0.85);
  -webkit-transform: translate(-50%, -50%) scale(0.85);
  height: 100%;
  z-index: 1;
  -o-object-fit: contain;
  object-fit: contain;
}

.card-images li.slide-animation::after {
  background-color: #999;
  opacity: 0.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: -0.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: -0.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: 0.5rem;
}

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

#cookie_action_close_header_reject {
  border-radius: 3rem;
  padding: 0.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: 0.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: 0.6rem 1rem 0.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: -0.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: 0.7rem 1rem 0.6rem;
}

.blog-search .container .search-form .bottom-line {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;
  height: 2px;
  background-color: #a5a5a5;
  transition: 0.4s;
  -o-transition: 0.4s;
  -webkit-transition: 0.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: 0.9rem;
  background-color: #f5f5f5;
  border-radius: 2rem;
  transition: 0.3s linear;
  -o-transition: 0.3s linear;
  -webkit-transition: 0.3s linear;
  letter-spacing: -0.02rem;
}

.chip-wrap .chip a {
  display: flex;
  align-items: center;
  text-decoration: none;
}

.chip-wrap .chip img {
  width: 2rem;
  height: 2rem;
  margin-right: 0.7rem;
  filter: grayscale(100%);
}

.chip-wrap .chip:hover {
  background-color: #e0e0e0;
  transition: 0.3s linear;
  -o-transition: 0.3s linear;
  -webkit-transition: 0.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 0.5rem !important;
}

.title-uppercase p {
  font-size: 3rem;
  font-weight: 400;
  line-height: 1.4;
  letter-spacing: -0.12rem;
  margin: 0 0 3.5rem;
}

.title-uppercase p.small {
  font-size: 1.8rem;
  line-height: 1.5;
  letter-spacing: -0.036rem;
}

.title-uppercase p.medium {
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: -0.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 0.3s ease-in-out,
    height 0.3s ease-in-out,
    margin 0.3s ease-in-out,
    opacity 0.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 0.32s cubic-bezier(0.55, 0.055, 0.675, 0.19);
}

.letter.behind {
  transform: rotateX(-90deg);
}

.letter.in {
  transform: rotateX(0);
  transition: transform 0.38s cubic-bezier(0.175, 0.885, 0.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, 0.12),
    0 0 20px rgba(0, 0, 0, 0.2);
  transition: 0.7s cubic-bezier(0.4, 0, 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: 0.3rem;
  display: none;
  box-shadow: 0 0 6px rgba(0, 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, 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: 0.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: 0.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: 0.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, 0.08) !important;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 0.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(0.4, 0, 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(0.4, 0, 0.2, 1);
  opacity: 1;
  visibility: visible;
}

.chat-popup.close::after {
  transform: scale(0);
  transition: 0.7s cubic-bezier(0.4, 0, 0.2, 1);
}

.chat-popup.close .chat-open {
  z-index: 1;
  transition: 1.5s cubic-bezier(0.4, 0, 0.2, 1);
}

.chat-popup.close .chat-screen {
  transition: 0.5s cubic-bezier(0.4, 0, 0.2, 1);
  opacity: 0;
  visibility: hidden;
}

.chat-popup.light .chat-screen .chat-close {
  background: rgba(0, 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: 0.7s infinite cursor;
  content: "";
  display: inline-block;
  font-weight: 100;
  font-family: "Open Sans", sans-serif;
  line-height: 0;
  transform: translateY(-0.5rem);
  -moz-transform: translateY(-0.5rem);
  -webkit-transform: translateY(-0.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, 0.1),
    rgba(255, 255, 255, 0.56)
  );
  animation:
    0.2s infinite fadein-frames,
    2s infinite scale-frames;
}

@keyframes fade-frames {
  0%,
  100% {
    opacity: 1;
  }

  50% {
    opacity: 0.7;
  }
}

@keyframes scale-frames {
  0%,
  100% {
    transform: scale3d(0.4, 0.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: 0.625rem;
  background-color: #fff;
  transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  padding: 1.75rem 3rem 1.75rem 1.75rem;
  position: relative;
}

.industries-column-boxes li::after {
  content: "";
  position: absolute;
  right: calc(-0.6rem - 0.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: 0.8rem 1.2rem 0.65rem 1.5rem;
  border: 0;
  background-color: #222;
  overflow: hidden;
}

.btn.btn-new {
  color: #fff;
  background: #0072ff;
  font-size: 1.2rem;
  border-radius: 0 0.6rem;
  letter-spacing: 0.12rem;
}

.btn.btn-blue {
  background-color: #3d70d8;
  color: #fff;
}

.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: 0.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: 0.675rem 1.075rem 0.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: -0.02rem;
  font-weight: 400;
  padding: 0.675rem 1.075rem 0.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: 0.9rem 1.2rem 0.6rem 1.5rem;
  border: 2px solid #ccc;
  border-radius: 4px !important;
}

.btn-md,
.btn-sm {
  letter-spacing: 0.1rem;
}

.btn-md {
  font-size: 1.1rem;
  padding: 0.65rem 1rem 0.45em;
  line-height: 1;
}

.btn-sm {
  font-size: 1rem !important;
  padding: 0.7rem 1rem 0.6rem !important;
  line-height: 1;
}

.view {
  color: #222;
  font-size: 1.2rem;
  line-height: 1.7;
  padding-right: 6.87rem;
  transition: 350ms cubic-bezier(0.77, 0, 0.175, 1);
  -o-transition: 350ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: 350ms cubic-bezier(0.77, 0, 0.175, 1);
  padding-top: 0.35rem;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: -0.024rem;
}

.h1,
.h2,
.h3,
h1,
h2,
h3 {
  line-height: 1.125;
  margin: 0 0 2.5rem;
}

.view span,
.view::before {
  transition: 350ms cubic-bezier(0.77, 0, 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(0.2, 0.2);
  -moz-transform: translate(40%, -50%) scale(0.2, 0.2);
  -webkit-transform: translate(40%, -50%) scale(0.2, 0.2);
  background-color: #ffdd69;
  -o-transition: 350ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: 350ms cubic-bezier(0.77, 0, 0.175, 1);
  border-radius: 50%;
}

.view span {
  right: 2.5rem;
  width: 3.75rem;
  height: 2px;
  background-color: #ccc;
  -o-transition: 350ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: 350ms cubic-bezier(0.77, 0, 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(0.77, 0, 0.175, 1);
  -o-transition: 350ms cubic-bezier(0.77, 0, 0.175, 1);
  -webkit-transition: 350ms cubic-bezier(0.77, 0, 0.175, 1);
  transform: translate(0, -50%) scale(0.01, 0.01);
  -moz-transform: translate(0, -50%) scale(0.01, 0.01);
  -webkit-transform: translate(0, -50%) scale(0.01, 0.01);
}

.view:hover::before {
  transform: translate(-80%, -52%) scale(0.6);
  -moz-transform: translate(-80%, -52%) scale(0.6);
  -webkit-transform: translate(-80%, -52%) scale(0.6);
}

.view:hover span {
  transform: translate(-50%, -50%) scale(0.01, 1);
  -moz-transform: translate(-50%, -50%) scale(0.01, 1);
  -webkit-transform: translate(-50%, -50%) scale(0.01, 1);
}

.view:hover::after {
  transform: translate(-78%, -50%) scale(0.3);
  -moz-transform: translate(-78%, -50%) scale(0.3);
  -webkit-transform: translate(-78%, -50%) scale(0.3);
}

.btn-icon img {
  display: inline;
  max-width: 1.75rem;
  position: relative;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  right: 0;
  top: -1px;
  transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
}

.btn-icon:hover img {
  right: -0.5rem;
}

.btn-inline .btn {
  margin-right: 1.2rem;
}

.hover-flip {
  position: relative;
  display: inline-block;
  transition: transform 0.3s;
  -o-transition: transform 0.3s;
  -webkit-transition: transform 0.3s;
}

.left-shape,
.right-shape,
.site-header,
.top-shape {
  position: absolute;
}

.hover-flip span {
  display: inline-block;
  transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.hover-flip::before {
  content: attr(data-hover);
  position: absolute;
  transform: translate3d(0, 1.3rem, 0);
  color: #222;
  opacity: 0;
  transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.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: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.h1,
h1 {
  font-size: 4.8rem;
  letter-spacing: -0.3rem;
}

.h2,
.h3,
h2,
h3 {
  letter-spacing: -0.2rem;
}

.h1.light,
h1.light {
  font-weight: 300;
  font-size: 4.2rem;
  line-height: 1.29;
  letter-spacing: -0.17rem;
}

.h1.small,
.h2.light,
h1.small,
h2.light {
  letter-spacing: -0.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: -0.1rem;
}

.h3,
.h4,
h3,
h4 {
  font-size: 3rem;
}

.h3.light,
h3.light {
  font-weight: 300;
  font-size: 3rem;
  line-height: 1.33;
  letter-spacing: -0.12rem;
}

.h3.small,
h3.small {
  font-size: 2rem;
  line-height: 1.3;
  letter-spacing: -0.08rem;
}

.h4,
h4 {
  line-height: 1.33rem;
  letter-spacing: -0.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: -0.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 0.7s cubic-bezier(0.8, 0, 0.55, 0.94) 0.7s;
  -o-transition: opacity 0.7s cubic-bezier(0.8, 0, 0.55, 0.94) 0.7s;
  -webkit-transition: opacity 0.7s cubic-bezier(0.8, 0, 0.55, 0.94) 0.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, 0.12);
  transition: 0.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: 0.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;
  min-height: 60px !important;
}

/*.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 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 0.5rem;
  display: inline-block;
  font-size: 1rem;
  text-decoration: none;
  font-weight: 500;
  font-family: Poppins, sans-serif;
  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: 0.1rem 1.8rem 0;
}

.site-header .nav .menu > li .sub-menu-wrap {
  top: -100%;
  left: 0;
  padding: 3rem 3.45rem 2rem;
  -o-transition: 0.2s ease-in-out;
  -webkit-transition: 0.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: -0.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: 0.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 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: 0.2s ease-in-out;
  -webkit-transition: 0.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, 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, 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: -0.022rem;
  display: block;
  line-height: 1.4;
  margin: 0 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: -0.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, 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, 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: -0.022rem;
  display: block;
  line-height: 1.4;
  margin: 0 0 0.8rem;
  padding-bottom: 0.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: -0.02rem;
  display: block;
  margin: 0 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: -0.02rem;
  display: block;
  margin: 0 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: -0.022rem;
  display: block;
  line-height: 1.4;
  margin: 0 0 1.5rem;
  padding-bottom: 0.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: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  -webkit-transition: 0.2s ease-in-out;
}

.site-header .nav .menu:first-child li:first-child {
  margin-left: 7rem;
  position: relative;
  padding-left: 0.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: 0.6rem 3rem 0.6rem 1.25rem;
  font-size: 15px;
  font-weight: 600;
  font-style: normal;
  letter-spacing: -0.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: 0px;
  padding-left: 0;
}

.site-header.scrolled {
  position: fixed;
  z-index: 100;
  background: #fff;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.15);
  -webkit-animation: 0.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 0.7s step-end,
    transform 0.7s cubic-bezier(0.8, 0, 0.55, 0.94),
    visibility 0.7s step-end,
    height 0.7s step-end,
    background-color 0.7s cubic-bezier(0.8, 0, 0.55, 0.94);
  -o-transition:
    opacity 0.7s step-end,
    transform 0.7s cubic-bezier(0.8, 0, 0.55, 0.94),
    visibility 0.7s step-end,
    height 0.7s step-end,
    background-color 0.7s cubic-bezier(0.8, 0, 0.55, 0.94);
  -webkit-transition:
    opacity 0.7s step-end,
    transform 0.7s cubic-bezier(0.8, 0, 0.55, 0.94),
    visibility 0.7s step-end,
    height 0.7s step-end,
    background-color 0.7s cubic-bezier(0.8, 0, 0.55, 0.94);
}

.full-menu.active {
  transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -webkit-transform: translate3d(0, 0, 0);
  transition:
    opacity 0.7s step-start,
    transform 0.7s cubic-bezier(0.8, 0, 0.55, 0.94),
    visibility 0.7s step-start,
    height 0.7s step-start,
    background-color 0.7s cubic-bezier(0.8, 0, 0.55, 0.94);
  -o-transition:
    opacity 0.7s step-start,
    transform 0.7s cubic-bezier(0.8, 0, 0.55, 0.94),
    visibility 0.7s step-start,
    height 0.7s step-start,
    background-color 0.7s cubic-bezier(0.8, 0, 0.55, 0.94);
  -webkit-transition:
    opacity 0.7s step-start,
    transform 0.7s cubic-bezier(0.8, 0, 0.55, 0.94),
    visibility 0.7s step-start,
    height 0.7s step-start,
    background-color 0.7s cubic-bezier(0.8, 0, 0.55, 0.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 0.4s cubic-bezier(0.8, 0, 0.55, 0.94);
  -o-transition: opacity 0.4s cubic-bezier(0.8, 0, 0.55, 0.94);
  -webkit-transition: opacity 0.4s cubic-bezier(0.8, 0, 0.55, 0.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: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  -webkit-transition: 0.3s ease-in-out;
  font-weight: 600;
}

.full-menu .full-menu-inner .top .menu li a.opacity {
  opacity: 0.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: 0.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: 0.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 0.3s;
  -o-transition: opacity 0.3s;
  -webkit-transition: opacity 0.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: 0.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: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  -webkit-transition: 0.2s ease-in;
}

.full-menu .full-menu-inner .bottom .services-areas li:hover {
  transform: translateY(-0.625rem);
  -moz-transform: translateY(-0.625rem);
  -webkit-transform: translateY(-0.625rem);
}

.full-menu .full-menu-inner .bottom .services-areas li .thumb {
  margin: 0 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: 0.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: -0.2rem;
  color: #000 !important;
}

.site-footer .project-in-mind .container p.light {
  font-size: 3rem;
  letter-spacing: -0.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 0.9rem;
  font-size: 1.9rem;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: -0.05rem;
}

.site-footer .footer-menu ul li a {
  color: #fff;
  padding: 0.25rem 0.625rem;
  display: inline-block;
  text-decoration: none;
  transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  -webkit-transition: 0.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: 0.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: 0.9rem;
  line-height: 1.67;
  color: #999;
}

.site-footer .footer-bottom .container .links ul li:first-child a {
  font-weight: 700;
  margin-bottom: 0.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 0.4rem;
  transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  -webkit-transition: 0.3s ease-in;
  opacity: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: -0.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: 0.2rem;
  border-bottom-left-radius: 0.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: 0.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: -0.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: 0.2rem;
  text-decoration: none;
  display: inline-block;
  transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
}

.home-banner.new .container .icons ul li a:hover {
  transform: translateY(-0.4rem);
  -moz-transform: translateY(-0.4rem);
  -webkit-transform: translateY(-0.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: 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;
}

.awards,
.next-project,
.work-with {
  background-color: #f7f7f7;
}

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

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

  100% {
    transform: translateY(15px);
    opacity: 0.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: -0.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: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.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 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(0.5rem, -0.5rem) scale(1.1);
  -moz-transform: translate(0.5rem, -0.5rem) scale(1.1);
  -webkit-transform: translate(0.5rem, -0.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: 0.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: 0.9rem 0.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: 0.9rem 0.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: 0.6rem;
  margin-bottom: 0.6rem;
  transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  position: relative;
  z-index: 1;
}

.work-with.new ul li img {
  transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.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: 0.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: -0.168rem;
  position: relative;
  margin-left: 0.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: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  -webkit-transition: 0.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: -0.03rem;
  margin: 0 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, 0.25);
  box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
  border: 1px solid rgba(255, 255, 255, 0.18);
}

.next-project.glassmorphism .next-project-inner .line {
  filter: brightness(0.6);
}

.insights-wrap .insights .post .content h3,
.insights-wrap .insights .post .content h4 {
  font-size: 1.4rem;
  line-height: 1.43;
  letter-spacing: -0.03rem;
  margin-bottom: 0.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 0.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: 0.35s 105ms;
  -o-transition: 0.35s 105ms;
  -webkit-transition: 0.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: 0.35s;
  -o-transition: 0.35s;
  -webkit-transition: 0.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: 0.35s 0.2s;
  -o-transition: 0.35s 0.2s;
  -webkit-transition: 0.35s 0.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: 0.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: 0.3s ease-out;
  -o-transition: 0.3s ease-out;
  -webkit-transition: 0.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(0.1) translate(-50%, -50%);
  -moz-transform: scale(0.1) translate(-50%, -50%);
  -webkit-transform: scale(0.1) translate(-50%, -50%);
  -o-transform: scale(0.1) translate(-50%, -50%);
  -ms-transform: scale(0.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: 0.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: -0.02rem;
  font-weight: 400;
  color: #222;
  margin: 0 0 1rem;
}

.home-portfolio-wrap .home-portfolio .content .small {
  font-size: 0.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: 0.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: 0.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: -0.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: -0.24rem;
  line-height: 1;
}

.home-about ul li .text-left p {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.33;
  letter-spacing: -0.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: 0.3s linear;
  -o-transition: 0.3s linear;
  -webkit-transition: 0.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 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 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, 0.42);
  position: absolute;
  z-index: 0;
  opacity: 0;
  transition: 0.2s linear;
  -o-transition: 0.2s linear;
  -webkit-transition: 0.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: -0.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, 0.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, 0.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: -0.036rem;
}

.new-home-banner .container .caption h1.new-sub-title.small {
  font-size: 1.3rem;
  line-height: 1.57;
  letter-spacing: -0.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: 0.5rem;
  margin-right: 2rem;
  margin-bottom: 2rem;
  box-shadow: 0.5rem 0.5rem 1.2rem 0 rgba(0, 0, 0, 0.16);
  width: 100%;
  position: relative;
  transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.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(-0.5rem);
  -moz-transform: translateY(-0.5rem);
  -webkit-transform: translateY(-0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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 0.4rem;
}

.home-portfolio-card .bottom-card .right .bottom-content p {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: -0.03rem;
  color: #fff;
  margin: 0;
}

.trusted-us .box-wrap .box {
  flex: 0 0 16.66667%;
  border-bottom: 1px solid rgba(34, 34, 34, 0.1);
  border-right: 1px solid rgba(34, 34, 34, 0.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 0.25rem;
}

.trusted-us .box-wrap .box p {
  font-size: 1.8rem;
  letter-spacing: -0.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, 0.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, 0.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: 0.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: -0.032rem;
  margin: 0 0 0.8rem;
  font-weight: 400;
  font-size: 1.1rem;
}

.home-services .box-wrap .box p {
  letter-spacing: -0.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: 0.5rem 0.5rem 1.2rem 0 rgba(0, 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 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: -0.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: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.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: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
}

.insights-wrap .insights .post {
  width: calc(33.3333333333% - 1.5rem);
  position: relative;
  overflow: hidden;
  border-radius: 0.5rem;
  backface-visibility: hidden;
  transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.insights-wrap .insights .post .thumb {
  width: 100%;
  position: relative;
  border-radius: 0.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: 0.35s;
  -o-transition: 0.35s;
  -webkit-transition: 0.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 0.5rem 0;
}

.insights-wrap .insights .post .content h3 {
  font-size: 1.3rem;
  line-height: 1.43;
  letter-spacing: -0.03rem;
  margin-bottom: 0.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: 0.5rem 4rem;
}

.header-top ul {
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.header-top ul li a {
  color: #222;
  font-size: 0.8rem;
  padding: 0 0.25rem 0 0.5rem;
  text-decoration: none;
  font-weight: 400;
}

.header-top ul li::after {
  content: "";
  width: 0.25rem;
  height: 0.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: -0.036rem;
  margin: 0 0 1rem;
  color: #fff;
}

.whatTheySay-wrap .whatTheySay p.small {
  font-size: 1.6rem;
  letter-spacing: -0.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: -0.032rem;
  line-height: 1.5;
  margin: 0;
  font-weight: 600;
}

.whatTheySay-wrap .whatTheySay .testtiminialBy h5 {
  font-size: 1.4rem;
  letter-spacing: -0.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: 0.9rem;
  height: 0.9rem;
  border-radius: 50%;
  display: inline-block;
  background: #fff;
  margin: 0 0.3rem;
  transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  opacity: 0.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: 0.1;
  transition: transform 0.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: -0.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: 0.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: 0.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: -0.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: 0.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: -0.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: -0.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: 0.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: 0.03rem;
  color: #222;
  margin: 0;
}

.portfolio.service-case-study .service-box .detail h3 {
  font-size: 1.6rem;
  line-height: 1.4;
  margin: 0 0 0.5rem;
  font-family: "Open Sans", sans-serif;
  letter-spacing: -0.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: 0.8rem 1rem;
}

.portfolio.service-case-study.col-3 .service-box .detail h3 {
  font-size: 1.37rem;
  line-height: 1.4;
  letter-spacing: -0.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: 0.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: 0.5s linear 0.5s;
  -o-transition: 0.5s linear 0.5s;
  -webkit-transition: 0.5s linear 0.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 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 0.7rem;
  font-weight: 400;
  letter-spacing: -0.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: 0.9rem;
  line-height: 1.67;
  margin: 0 0 0.7rem;
  letter-spacing: -0.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, 0.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: -0.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: 0.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 0.625rem;
  letter-spacing: -0.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(0.5);
  -moz-transform: translate(-50%, -50%) scale(0.5);
  -webkit-transform: translate(-50%, -50%) scale(0.5);
  -o-object-fit: contain;
  object-fit: contain;
}

.technology-stack .icon-list ul li p {
  color: #666;
  font-size: 1rem;
  margin-top: 0.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 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 0.72rem;
}

.video-wrap .video {
  margin: 0 auto;
  max-width: 60rem;
  border-radius: 0.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: 0.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(0.45);
  -moz-transform: translate(-50%, -50%) scale(0.45);
  -webkit-transform: translate(-50%, -50%) scale(0.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: 0.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: 0.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: -0.02rem;
  font-weight: 400;
  margin: 0 0 0.8rem;
  text-transform: uppercase;
}

.media-wrap-with-box .media .content p {
  font-size: 2.1rem;
  line-height: 1.5;
  letter-spacing: -0.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: -0.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: -0.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: -0.4rem;
  right: -0.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: -0.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, 0.88);
  line-height: 1.5;
  letter-spacing: -0.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, 0.88);
  line-height: 1.5;
  letter-spacing: -0.095rem;
}

.portfolio-about-new .portfolio-testimonial-new .text h3.playfair {
  font-family: "Playfair Display", serif;
  font-weight: 600;
  letter-spacing: -0.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: -0.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: 0.8;
  letter-spacing: -0.03rem;
}

.portfolio-about-new.playfair h3 {
  font-family: "Playfair Display", serif;
  font-weight: 600;
  font-size: 2.2rem;
  letter-spacing: -0.06rem;
  margin: 0 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: -0.06rem;
}

.portfolio-summary-details .portfolio-summary-wrap .heading {
  flex: 0 0 100%;
  font-size: 1.2rem;
  letter-spacing: -0.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: 0.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: 0.03rem;
}

.portfolio-summary-details
  .portfolio-summary-wrap
  .portfolio-summary
  .right-box {
  background-color: #004c86;
  border-radius: 0.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: -0.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, 0.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: -0.12rem;
  margin: 0;
}

.black-theme,
.black1-theme,
.blue-theme,
.dark-theme,
.navy-theme,
.portfolio-achievement h2 {
  color: rgba(255, 255, 255, 0.88);
}

.portfolio-summary-details .portfolio-strip .container .left h3 {
  font-size: 2.4rem;
  color: rgba(255, 255, 255, 0.88);
  line-height: 1.5;
  letter-spacing: -0.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: -0.044rem;
  margin: 0 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: -0.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: 0.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: 0.8rem;
  margin-left: 5rem;
}

.portfolio-features-list .list .content h3 {
  font-family: "Playfair Display", serif;
  font-size: 2.2rem;
  font-weight: 600;
  letter-spacing: -0.06rem;
  margin: 0 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: -0.06rem;
  line-height: 1.3;
}

.portfolio-features-list.with-header .text p {
  font-size: 1.5rem;
  letter-spacing: -0.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: -0.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, 0.8);
}

.portfolio-cta h2 {
  font-family: "Playfair Display", serif;
  font-size: 3rem;
  letter-spacing: -0.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: 0.3s 0.2s;
  -o-transition: 0.3s 0.2s;
  -webkit-transition: 0.3s 0.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: 0.06;
  border-radius: 50%;
  transition: 0.3s 0.2s;
  -o-transition: 0.3s 0.2s;
  -webkit-transition: 0.3s 0.2s;
}

.more-portfolio .col .image {
  width: 100%;
  position: relative;
  transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.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: 0.35s 0.2s;
  -o-transition: 0.35s 0.2s;
  -webkit-transition: 0.35s 0.2s;
  transform: translate(-50%, -50%) scale(0.9);
  -moz-transform: translate(-50%, -50%) scale(0.9);
  -webkit-transform: translate(-50%, -50%) scale(0.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: 0.01rem;
  margin: 0 0 0.5rem;
  display: block;
  text-shadow: 1px 1px rgba(0, 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, 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: 0.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: -0.02rem;
  font-weight: 400;
  color: #222 !important;
  margin: 0 0 1rem;
}

.more-portfolio-wrap .more-portfolio-item .content .small {
  font-size: 0.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: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.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: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
  opacity: 0;
  margin-right: -5rem;
}

.more-portfolio-wrap .more-portfolio-inner:hover .carousel-nav .prev {
  opacity: 0.5;
  margin-left: 0;
  transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
}

.more-portfolio-wrap .more-portfolio-inner:hover .carousel-nav .next {
  opacity: 0.5;
  margin-right: 0;
  transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.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: -0.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: 0.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 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, 0.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: 0.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: 0.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: 0.35s;
  -o-transition: 0.35s;
  -webkit-transition: 0.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: -0.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: -0.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: -0.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, 0.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: 0.1rem;
}

.porfolio-app .porfolio-app-wrap .content-wrap .content h3 {
  font-family: "Playfair Display", serif;
  font-size: 1.5rem;
  letter-spacing: -0.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: 0.2s linear;
  -o-transition: 0.2s linear;
  -webkit-transition: 0.2s linear;
}

.porfolio-app .porfolio-app-wrap .links a img {
  margin-right: 0.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: 0.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: 0.6rem;
}

.links .image:last-child {
  margin-left: 0.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 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 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: -0.024rem;
}

.architecture-content-wrapper .architecture-content .content .title,
.title-playfair {
  font-size: 2.2rem;
  letter-spacing: -0.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(0.75);
  -moz-transform: translate(-50%, -50%) scale(0.75);
  -webkit-transform: translate(-50%, -50%) scale(0.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 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: -0.02rem;
  line-height: 1.7;
}

.portfolio-slider-wrapper .owl-dots,
.services-slider .box .owl-dots {
  text-align: center;
  padding-top: 0.5rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.portfolio-slider-wrapper .owl-dots button.owl-dot {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 3px;
  display: inline-block;
  background: #fff;
  margin: 0 0.2rem;
  transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.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(0.98);
  -moz-transform: translate(-50%, -50%) scale(0.98);
  -webkit-transform: translate(-50%, -50%) scale(0.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: -0.06rem;
  line-height: 1.3;
}

.tripple-legacy .container .right .tl-box {
  display: inline-flex;
  align-items: center;
  border: 1px solid #ababab;
  border-radius: 0.4rem;
  padding: 0.6rem 0.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: 0.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: -0.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, 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, 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 0.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: 0.2;
}

.portfolio-list-wrap .container .tagline h2 {
  color: #999;
  font-size: 1.2rem;
  letter-spacing: -0.024rem;
  font-weight: 400;
  margin: 0;
  background-color: #fff;
  position: relative;
  z-index: 1;
  display: inline-block;
  padding-right: 0.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: 0.06;
  border-radius: 50%;
}

@keyframes pulse {
  0%,
  100% {
    transform: translate(-50%, -50%) scale(1);
  }

  33.33% {
    transform: translate(-50%, -50%) scale(0.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: 0.5s linear 0.5s;
  -o-transition: 0.5s linear 0.5s;
  -webkit-transition: 0.5s linear 0.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: -0.028rem;
  font-weight: 400;
  color: #fff;
  margin: 0 0 1rem;
}

.portfolio-single-wrap .portfolio-single .content .small {
  font-size: 0.9rem;
  text-transform: uppercase;
  color: #fff;
  opacity: 0.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 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: 0.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: -0.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: 0.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: 0.98rem;
  line-height: 1.6;
  margin: 0 0 0.5rem;
  letter-spacing: 0;
  color: rgba(0, 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 0.5rem;
  font-size: 0.98rem;
  color: rgba(0, 0, 0, 0.84);
}

.blog .alm-reveal.vertical .blog-listing .content p,
.blog .blog-post.vertical .blog-listing .content p {
  font-size: 0.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: -0.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: 0.5rem;
  display: inline-block;
  font-size: 0.9rem;
}

.search-menu .counts {
  margin-top: 0.5rem;
  display: inline-block;
  font-size: 0.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: 0.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: 0.93rem;
  border-radius: 0.3rem;
  padding: 0.3rem 0.6rem;
  margin-bottom: 0.3rem;
  display: block;
  margin-right: 0.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: 0.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: 0.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, 0.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: -0.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: -0.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: -0.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: -0.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: -0.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: -0.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: 0.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, 0.8);
  overflow: hidden;
  padding: 20px;
  width: 100%;
  position: relative;
  height: 240px;
  transition: 0.2s ease-in-out;
  cursor: pointer;
}

.service-category-section .service-category-row .box .image {
  width: 64px;
  aspect-ratio: 1/1;
  display: block;
  transition: 0.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: 0.2s ease-in-out;
}

.service-category-section .service-category-row .box:hover .image {
  margin-top: -90px;
  transition: 0.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: -0.02rem;
  margin: 0 0 1rem;
}

.blog-subscribe .text {
  font-size: 42px;
  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"] {
  font-weight: 400;
  border: 0;
  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;
  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: 0.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, 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: 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 1.5rem 1.2rem;
  margin: 0;
  font-weight: 600;
  background-color: #f7403a;
  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: #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: -0.05rem;
  font-weight: 600;
  margin: 0 0 0.5rem;
}

.blog-single .sidebar ul li,
.knowledge-center-single .knowledge-center-sidebar ul li {
  border-bottom: 1px solid #ebebeb;
  padding: 0.2rem 0;
}

.blog-single .sidebar ul li a {
  color: #999;
  font-size: 0.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 0.9rem;
}

.blog-single .header-content .subtitle {
  font-family: "Bebas Neue";
  line-height: 1.67;
  font-size: 1.4rem;
  letter-spacing: 0.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: 0.62rem;
}

.blog-single .author-details .blog-author .name h4 {
  font-size: 1rem;
  font-weight: 500;
  margin: 0 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: 0.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: 0.5rem;
  color: rgba(0, 0, 0, 0.84);
}

.blog-single .blog-content a {
  text-decoration: underline;
  color: rgba(0, 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 0.62rem;
}

.blog-single .blog-content blockquote {
  font-family: Merriweather, serif;
  margin: 0 0 2.5rem;
  color: #666;
  background: #f5f5f5;
  border-radius: 0.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: 0.5rem 0.5rem 0.5rem 0.6rem;
  font-size: 1.2rem;
  font-weight: 300;
  margin: 0 0 0.5rem;
  letter-spacing: 0.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: 0.3rem 0.3rem 0.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 0.6rem;
  letter-spacing: -0.004em;
}

.blog-single .blog-follow .tags {
  margin: 1.875rem 0 0;
}

.blog-single .blog-follow .tags ul li .tag-btn {
  margin-bottom: 0.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 0.93rem;
}

.blog-single .blog-follow .author-details-bottom .details .written-by {
  color: #666;
  font-size: 0.875rem;
  text-transform: uppercase;
  margin-bottom: 0.35rem;
  font-weight: 400;
  letter-spacing: 0.05rem;
}

.blog-single .blog-follow .author-details-bottom .details .name {
  font-size: 1.375rem;
  margin-bottom: 0.6rem;
  font-weight: 400;
  letter-spacing: 0;
}

.blog-single .blog-follow .author-details-bottom .details .content {
  font-size: 0.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: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.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: 0.5rem;
}

.blog-single .blog-post .blog-listing .listing-content {
  padding: 0.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, 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: -0.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: -0.05rem;
  font-weight: 400;
  margin: 0 0 1.2rem;
}

.service-case-study-wrap .service-case-study .content p {
  letter-spacing: -0.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: -0.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: -0.6rem;
}

.service-testimonial .title h2 {
  font-size: 2.4rem;
  font-weight: 400;
  letter-spacing: -0.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 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(0.8);
  -moz-transform: translate(-50%, -50%) scale(0.8);
  -webkit-transform: translate(-50%, -50%) scale(0.8);
  z-index: 1;
  height: 100%;
}

.digital-product .container .right .box-wrap .box .content h3 {
  font-size: 1.4rem;
  letter-spacing: -0.06rem;
  margin: 0 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: 0.3s linear;
  -o-transition: 0.3s linear;
  -webkit-transition: 0.3s linear;
  border-radius: 1rem;
}

.service-content .container .right .content-menu .title {
  font-size: 1.4rem;
  font-weight: 600;
  letter-spacing: -0.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: -0.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 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: 0.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(0.8);
  -moz-transform: translate(-50%, -50%) scale(0.8);
  -webkit-transform: translate(-50%, -50%) scale(0.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: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  -webkit-transition: 0.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(0.8);
  -moz-transform: translate(-3.1rem, 0) scale(0.8);
  -webkit-transform: translate(-3.1rem, 0) scale(0.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(0.8);
  -moz-transform: translate(-50%, -50%) scale(0.8);
  -webkit-transform: translate(-50%, -50%) scale(0.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: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  -webkit-transition: 0.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 0.625rem;
  letter-spacing: -0.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 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: 0.45rem 0;
  transition: 0.2s ease-in;
  -o-transition: 0.2s ease-in;
  -webkit-transition: 0.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: 0.5rem;
}

.service-menu-wrap .services-top .box-wrap .box {
  border-radius: 50%;
  width: 9.8rem;
  border: 1px solid #dbdbdb;
  background-color: transparent;
  transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.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: -0.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, 0.6rem) scale(0.4);
  -moz-transform: translate(-4.1rem, 0.6rem) scale(0.4);
  -webkit-transform: translate(-4.1rem, 0.6rem) scale(0.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(0.45);
  -moz-transform: translate(-50%, -50%) scale(0.45);
  -webkit-transform: translate(-50%, -50%) scale(0.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: -0.144rem;
  line-height: 1.33;
  font-weight: 400;
  margin: 0 0 1.2rem;
}

.services-slider .box p {
  line-height: 1.47;
  letter-spacing: -0.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: -0.024rem;
}

.services-slider .box ul li::before {
  content: "";
  position: absolute;
  width: 0.6rem;
  height: 0.6rem;
  left: 0;
  top: 0.3rem;
  background: #da5e59;
  border-radius: 0.15rem;
}

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

.services-slider .box .owl-dots button.owl-dot {
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 3px;
  display: inline-block;
  background: #ccc;
  margin: 0 0.2rem;
  transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.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: -0.096rem;
  margin: 0 0 1rem;
}

.technologies-wrapper .technologies-details p {
  font-size: 1.4rem;
  max-width: 31rem;
  font-weight: 400;
  letter-spacing: -0.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: -0.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(0.65);
  -moz-transform: translate(-50%, -50%) scale(0.65);
  -webkit-transform: translate(-50%, -50%) scale(0.65);
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.technologies-wrapper
  .technologies-details
  .service-technologies-slider
  .item
  ul
  li
  .image:hover
  img {
  transform: translate(-50%, -50%) scale(0.8);
  -moz-transform: translate(-50%, -50%) scale(0.8);
  -webkit-transform: translate(-50%, -50%) scale(0.8);
}

.technologies-wrapper
  .technologies-details
  .service-technologies-slider
  .item
  ul
  li
  .name {
  font-size: 1rem;
  padding-bottom: 0.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: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.technologies-single .text {
  font-size: 1.8rem;
  letter-spacing: -0.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: -0.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 0.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: -0.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: -0.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: -0.72px;
  color: #ccc;
  position: absolute;
  left: -4rem;
  top: 0.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: -0.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: -0.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: -0.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: -0.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: -0.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: 0.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 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: 0.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: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  -webkit-transition: 0.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: 0.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(0.8);
  -moz-transform: translate(-50%, -50%) scale(0.8);
  -webkit-transform: translate(-50%, -50%) scale(0.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(0.85);
  -moz-transform: translate(-50%, -50%) scale(0.85);
  -webkit-transform: translate(-50%, -50%) scale(0.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: -0.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: -0.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: -0.5rem;
  right: -0.5rem;
  position: absolute;
  z-index: -1;
  transition: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  -webkit-transition: 0.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: -0.06rem;
  margin: 0 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: -0.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, 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: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  -webkit-transition: 0.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: 0.1s ease-in-out;
  -o-transition: 0.1s ease-in-out;
  -webkit-transition: 0.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 0.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: 0.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: -0.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% - 0.6rem);
  border-radius: 2.4rem;
  box-shadow: 0 0.15rem 0.5rem rgba(0, 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% - 0.8rem);
}

.featured-on.new:first-of-type li:nth-child(2n),
.featured-on.new:nth-of-type(2) li {
  width: calc(14% - 0.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, 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: -0.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: -0.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: -0.06rem;
  margin: 0 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: 0.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: -0.072rem;
  font-weight: 400;
  line-height: 1.17;
  margin: 0 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: -0.048rem;
  line-height: 1.5;
  margin: 0 0 0.3rem;
}

.leadership .designation {
  font-family: "Bebas Neue";
  color: #999;
  font-size: 1.1rem;
  letter-spacing: 0.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(0.8);
  -moz-transform: translate(-50%, -50%) scale(0.8);
  -webkit-transform: translate(-50%, -50%) scale(0.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: -0.056rem;
  margin: 0 0 0.5rem;
}

.why-ta-section .section-cols .content p {
  font-size: 1rem;
  letter-spacing: -0.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: -0.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: 0.7rem 0 0.5rem;
  text-align: center;
  border: 1px solid #ccc;
  border-left: 0;
  font-weight: 500;
  text-decoration: none;
  line-height: 1.1;
  letter-spacing: 0.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: 0.3rem;
  border-top-left-radius: 0.3rem;
}

.iot-slider .section-links ul li:last-child a,
.services-header .service-links-scroll ul li:last-child a {
  border-bottom-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.iot-slider .iot-inner {
  max-width: 95%;
  margin: 0 auto;
  border-radius: 0.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, 0.4705882353);
  transition: 0.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 0.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: 0.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: 0.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: -0.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: 0.62rem;
}

.iot-card .source {
  font-size: 0.75rem;
  color: #999;
  margin-top: 0.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: 0.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 0.5rem;
  letter-spacing: -0.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 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: 0.62rem 0.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: 0.5rem;
  border-top-left-radius: 0.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: 0.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: 0.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: 0.625rem;
  top: 0.31rem;
  border-radius: 0.18rem;
}

.schedule-meeting .schedule-form {
  background-color: #2d3bbf;
  width: 85%;
  margin: 0 auto;
  border-radius: 0.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: -0.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, 0.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, 0.51);
}

.schedule-meeting .schedule-form .contact-form input[type="submit"] {
  background-color: #fff;
  color: #2d3bbf;
  font-size: 0.875rem;
  font-weight: 600;
  letter-spacing: unset;
  font-family: "Open Sans", sans-serif;
  line-height: 1rem;
  padding: 0.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, 0.4);
  opacity: 0.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: -0.14rem;
}

.services-header .text p {
  font-size: 1.6rem;
  line-height: 1.56;
  color: #999;
  letter-spacing: -0.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: 0.7rem 0 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: -0.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: -0.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: 0.03rem;
  font-weight: 300;
  line-height: 0.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: 0.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: -0.07rem;
  margin: 0 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: -0.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: -0.12rem;
}

.services.home-achievements .text p {
  font-size: 1.5rem;
  line-height: 1.6;
  margin: 0 0 1rem;
  letter-spacing: -0.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(0.75);
  -moz-transform: translate(-50%, -50%) scale(0.75);
  -webkit-transform: translate(-50%, -50%) scale(0.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 0.625rem;
  letter-spacing: -0.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 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: -0.04rem;
  margin: 0 0 0.75rem;
}

.service-feature-wrap .service-feature-inner .right p {
  font-size: 1.2rem;
  line-height: 1.83;
  letter-spacing: -0.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: 0.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: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 0.2rem;
  transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.service-feature-wrap .owl-dots button.owl-dot.active {
  background-color: #9be7ff;
  width: 1.3rem;
  border-radius: 0.2rem;
}

.our-experts .container {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  padding-top: 5rem;
  padding-bottom: 6rem;
  background-color: #1a41aa;
  border-radius: 0.5rem;
}

.our-experts .container .left {
  width: 60%;
}

.our-experts .container .left h2 {
  font-size: 3rem;
  color: #768dcc;
  line-height: 1.4;
  letter-spacing: -0.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: 0.4rem;
}

.service-2-col1 .grid .col h3 {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: -0.06rem;
  margin: 0 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: -0.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: 0.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: 0.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: -0.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: 0.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: -0.02rem;
  text-transform: uppercase;
  margin: 0 0 0.5rem;
}

.full-view-wrap .slider-wrap .box p {
  font-size: 2.4rem;
  line-height: 1.5;
  letter-spacing: -0.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: 0.4rem;
  position: relative;
}

.service-3-col .grid .col h3 {
  font-size: 1.5rem;
  font-weight: 600;
  letter-spacing: -0.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: 0.3s ease-in;
  -o-transition: 0.3s ease-in;
  -webkit-transition: 0.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: -0.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: 0.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: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 0.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, 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: 0.03rem;
  margin: 0;
}

.service-case-study .service-box .detail {
  padding: 0.8rem 1rem;
  background-color: #fff;
  flex-grow: 1;
}

.service-case-study .service-box .detail p {
  font-size: 0.9rem;
  font-weight: 600;
  margin-bottom: 0.5rem;
}

.service-case-study .service-box .detail h3 {
  font-family: "Bebas Neue", sans-serif;
  font-size: 1.5rem;
  margin-bottom: 0;
  letter-spacing: 0.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: 0.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: -0.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: -0.04rem;
}

.service-video .text h2 {
  font-size: 3.6rem;
  line-height: 1.17;
  letter-spacing: -0.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: 0.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 0.5rem;
  text-transform: uppercase;
}

.service-portfolio .content p {
  font-size: 1.4rem;
  line-height: 1.5;
  letter-spacing: -0.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;
  margin-top: 0px;
}

.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: 0.4rem;
  position: relative;
  margin: 0 0 4rem;
}

.design-col-3 .grid .col h3 {
  font-size: 1.5rem;
  font-weight: 400;
  letter-spacing: -0.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% - 0.5rem);
  padding: 0.9rem 0.4rem;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 0.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: -0.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: -0.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: 0.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: -0.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 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: 0.6rem;
}

.service-form-wrap .container .content .box {
  border: 1px solid #ccc;
  border-radius: 0.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: -0.05rem;
  margin: 0 0 0.2rem;
}

.service-form-wrap .container .content .box .box-header .name p {
  font-size: 0.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: -0.1rem;
  font-size: 2rem;
  margin: 0 0 1rem;
}

.service-form-wrap .container .content .icons ul li {
  width: calc(25% - 0.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 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: 0.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 0.3rem;
}

.row-lists ul li:before {
  content: "";
  width: 0.8rem;
  margin-right: 1.5rem;
  font-size: 1.4rem;
  color: #666;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  height: 0.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, 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 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: -0.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: 0.8rem;
  transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.2s;
}

.service-more .box .link:hover img {
  transform: translateX(0.5rem);
  -moz-transform: translateX(0.5rem);
  -webkit-transform: translateX(0.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: 0.8rem;
}

.service-breadcrumb ol {
  margin: 1rem 0;
  padding: 0;
  list-style: none;
}

.service-breadcrumb ol li {
  display: inline-block;
  color: rgba(255, 255, 255, 0.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 0.3em;
  transform: rotate(15deg);
  border-right: 1px solid rgba(255, 255, 255, 0.75);
  height: 0.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: -0.136rem;
  margin: 0 0 1.2rem;
}

.service-inner-banner .banner-details .content p {
  color: #fff;
  line-height: 1.47;
  letter-spacing: -0.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: 0.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: -0.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, 0.9);
  font-size: 1.14rem;
  letter-spacing: -0.004em;
}

.knowledge-center-single .author-details .knowledge-center-author .name h2 {
  font-size: 1rem;
  font-weight: 400;
  margin: 0 0 0.2rem;
  letter-spacing: -0.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: 0.93rem;
  letter-spacing: -0.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: 0.5rem;
  letter-spacing: -1px;
  color: rgba(0, 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: -0.004em;
  color: rgba(0, 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: -0.004em;
  color: rgba(0, 0, 0, 0.84);
  word-break: break-word;
}

.knowledge-center-single .content .table tbody td,
.ta-engineers .card .card-header .designation {
  font-size: 0.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: -0.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: 0.6rem;
  height: 0.6rem;
  left: 0;
  top: 0.35rem;
  background: #2c5c98;
  border-radius: 0.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: 0.6rem;
  height: 0.6rem;
  left: 0;
  top: 0.35rem;
  background: #fff;
  border-radius: 0.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: -0.144rem;
  line-height: 1.2;
  margin: 0 0 1rem;
}

.industries-category .industries-tab-content .top p {
  color: #fff;
  letter-spacing: -0.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: -0.096rem;
  margin: 0 0 2rem;
  line-height: 1.2;
}

.contact-experts-wrapper .contact-experts {
  box-shadow: 0 1px 10px 0 rgba(0, 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: -0.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, 0.12) !important;
}

.trusted-us.bg-blue .box-wrap .box .image.slide-animation::after {
  z-index: 0;
  opacity: 0.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: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
}

.career .career-post .career-listing .content h3 {
  font-size: 1.4rem;
  line-height: 1.43;
  letter-spacing: -0.03rem;
  margin-bottom: 0.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: 0.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: 0.4rem;
  position: relative;
  display: flex;
  align-items: center;
}

.career-box-wrap .box-wrap .box .image {
  max-width: 7rem;
  margin-right: 0.3rem;
}

.career-box-wrap .box-wrap .box h3 {
  font-size: 1.75rem;
  font-weight: 300;
  letter-spacing: -0.05rem;
  line-height: 1.6;
  margin: 0;
}

.career-slider-wrap .owl-carousel .item .image {
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.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: 0.5rem;
  height: 0.5rem;
  border-radius: 50%;
  display: inline-block;
  background: #ccc;
  margin: 0 0.2rem;
  transition: 0.3s;
  -o-transition: 0.3s;
  -webkit-transition: 0.3s;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.15);
}

.career-center-single .header-content h1 {
  font-size: 3rem;
  font-weight: 300;
  line-height: 1.4;
  letter-spacing: -0.12rem;
  margin: 0 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: -0.03rem;
  margin: 2rem 0 0.5rem;
  font-weight: 400;
}

.career-center-single .content p {
  font-size: 1.3rem;
  margin: 0 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 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: -0.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: 0.5rem;
}

.career-banner .container {
  background-color: #e84f4f;
  display: flex;
  justify-content: space-between;
  align-items: stretch;
  padding: 0;
  border-radius: 0.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: -0.07rem;
  display: block;
}

.career-banner .container .content p {
  color: #fff;
  margin: 0 0 0.8rem;
  font-size: 1.6rem;
}

.career-banner .container .content p.small {
  font-size: 1.2rem;
  margin: 0 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: -0.02rem;
  margin: 0 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: -0.02rem;
  margin: 0 0 0.8rem;
}

.career-faq
  .faq
  .accordion
  .accordion-item
  .accordion-button
  .accordion-marker
  img {
  transition: 0.2s;
  -o-transition: 0.2s;
  -webkit-transition: 0.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: 0.2rem;
  border-bottom-left-radius: 0.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: 0.1rem;
}

.hire-section .text h2 {
  font-size: 3rem;
  font-weight: 400;
  letter-spacing: -0.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: -0.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: -0.85rem;
  margin-right: -0.85rem;
}

.hire-developers .skills li {
  width: 20%;
  padding: 0 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, 0.16);
  padding: 0.6rem 1.1rem;
  border-radius: 0.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: -0.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: 0.3rem 0 0;
  font-size: 1.8rem;
  line-height: 1;
  text-align: center;
}

.hiring-main-slider .owl-dots {
  text-align: center;
  padding-top: 0.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: 0.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: 0.6rem;
  box-shadow: 3px 3px 0 0 rgba(0, 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 0.4rem;
}

.ta-engineers .card p {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.55;
  letter-spacing: -0.02rem;
  margin: 0 0 1.1rem;
}

.ta-engineers .card .title {
  font-size: 0.9rem;
  color: #999;
  margin: 0 0 1.2rem;
}

.ta-engineers .card .badge {
  background-color: #ebebeb;
  border: 1px solid #ccc;
  font-size: 0.85rem;
  padding: 0.3rem 0.65rem 0.32rem;
  border-radius: 0.2rem;
  margin-right: 0.4rem;
  display: inline-block;
  margin-bottom: 0.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: 0.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 0.75rem 1.5rem;
  border: 1px solid #ccc;
  padding: 2rem 1.5rem;
  border-radius: 0.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: -0.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: -0.02rem;
  flex: 1 1 auto;
}

.review-box .box .name {
  line-height: 1.4;
  font-weight: 400;
  font-size: 1.2rem;
  letter-spacing: -0.05rem;
}

.teams-wrap h2 {
  text-align: center;
  font-size: 2.5rem;
  letter-spacing: -0.05rem;
}

.teams-wrap .teams .teams-card {
  width: calc(20% - 1rem);
  text-align: center;
  margin: 0 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: 0.5rem 0;
}

.teams-wrap .teams .teams-card .content h3 {
  font-weight: 400;
  font-size: 1.5rem;
  letter-spacing: -0.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: 0.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 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: -0.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: -0.1rem;
}

.service-wrap .entry-content h3 {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.125;
  letter-spacing: -0.03rem;
  margin: 1rem 0 0.5rem;
}

.service-wrap .entry-content ol li,
.service-wrap .entry-content p {
  font-size: 1rem;
  margin: 0 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: -0.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%, 0.5);
  visibility: hidden;
  opacity: 0;
  transition:
    visibility 0s linear 0.3s,
    opacity 0.3s;
  -o-transition:
    visibility 0s linear 0.3s,
    opacity 0.3s;
  -webkit-transition:
    visibility 0s linear 0.3s,
    opacity 0.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(0.8);
  -moz-transform: translate(-50%, -50%) scale(0.8);
  -webkit-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: 0.3s 0.12s;
  -o-transition: 0.3s 0.12s;
  -webkit-transition: 0.3s 0.12s;
  opacity: 0;
}

.modal .modal-wrapper .modal-content,
.modal .modal-wrapper .modal-header {
  padding: 0.94rem;
}

.modal .modal-wrapper .modal-header {
  position: sticky;
  top: 0;
  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: #fff;
  z-index: 1;
}

.modal .modal-wrapper .modal-header .modal-heading {
  font-size: 1.875rem;
  letter-spacing: -0.03rem;
  margin: 0;
  width: 100%;
  text-align: center;
}

.modal .modal-wrapper .modal-header .modal-close {
  position: absolute;
  top: 1.3rem;
  right: 0.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 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: 0.8rem 0.5rem 0.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: 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: 1rem;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  padding: 0.7rem 2rem 0.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: 0.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: 0.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: 0.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: 0.25s;
}

[data-aos][data-aos][data-aos-duration="300"],
body[data-aos-duration="300"] [data-aos] {
  transition-duration: 0.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: 0.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: 0.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: 0.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: 0.5s;
}

[data-aos][data-aos][data-aos-duration="550"],
body[data-aos-duration="550"] [data-aos] {
  transition-duration: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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: 0.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(0.6);
}

[data-aos="zoom-in-up"] {
  transform: translate3d(0, 100px, 0) scale(0.6);
}

[data-aos="zoom-in-down"] {
  transform: translate3d(0, -100px, 0) scale(0.6);
}

[data-aos="zoom-in-right"] {
  transform: translate3d(-100px, 0, 0) scale(0.6);
}

[data-aos="zoom-in-left"] {
  transform: translate3d(100px, 0, 0) scale(0.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 0.5s ease-in-out;
}

.owl-carousel .owl-item .owl-lazy {
  opacity: 0;
  transition: opacity 0.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 0.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 0.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, 0.3rem) scale(0.45);
    -moz-transform: translate(-4.2rem, 0.3rem) scale(0.45);
    -webkit-transform: translate(-4.2rem, 0.3rem) scale(0.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 0.5rem;
  }

  .col-3-list ul li {
    width: calc(33.3333333333% - 1rem);
    margin: 0 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(0.8);
    -moz-transform: translate(-50%, -50%) scale(0.8);
    -webkit-transform: translate(-50%, -50%) scale(0.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(0.65);
    -moz-transform: translate(-50%, -50%) scale(0.65);
    -webkit-transform: translate(-50%, -50%) scale(0.65);
  }

  .services-wrap .services .thumb::after {
    content: "";
    width: 6.5rem;
    height: 6.5rem;
    top: -0.3rem;
    right: -0.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 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 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% - 0.5rem);
  }

  .col-3-list ul li {
    width: calc(33.3333333333% - 0.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(0.9);
    -moz-transform: translate(-50%, -50%) scale(0.9);
    -webkit-transform: translate(-50%, -50%) scale(0.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 0.2rem;
  }

  .site-header .nav .menu:first-child li:first-child {
    margin-left: 2rem;
    padding-left: 0.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: 0.5rem;
  }

  .home-achievements .numbers-counter li {
    padding: 0 2rem;
  }

  .home-achievements .numbers-counter li p {
    font-size: 1.4rem;
    letter-spacing: -0.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(0.65);
    -moz-transform: translate(-50%, -50%) scale(0.65);
    -webkit-transform: translate(-50%, -50%) scale(0.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 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: 0.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: 0.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: -0.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: 0.5rem;
  }

  .portfolio-features,
  .portfolio-features.no-header {
    padding-top: 0;
  }

  .portfolio-features .container .left {
    flex: 0 0 45%;
    width: 45%;
    padding-right: 0.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: 0.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: 0.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: 0.75rem;
  }

  .review-box .box:nth-child(3n + 1) {
    margin-left: 0.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: 0.5rem;
  }
}

@media (max-height: 34.375em) {
  .home-banner.new .container .caption.video-banner h1 {
    font-size: 6.2rem;
    line-height: 0.95;
    margin: 0 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: 0.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: 0.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(-0.9rem - 0.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 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: 0.9rem 0.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: 0.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(0.5);
    -moz-transform: translate(-50%, -50%) scale(0.5);
    -webkit-transform: translate(-50%, -50%) scale(0.5);
  }

  .awards ul li .logos .text {
    padding: 0.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: -0.1rem;
  }

  .home-about ul li .text-left p {
    font-size: 1rem;
    font-weight: 600;
    letter-spacing: -0.01rem;
    padding-right: 0.5rem;
    margin-top: 0.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 0.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, 0.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: 0.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 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 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: 0.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: -0.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: -0.1rem;
  }

  .portfolio-about-new .portfolio-testimonial-new .text h3 {
    font-size: 2rem;
    letter-spacing: -0.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: 0.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: -0.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: -0.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 0.5rem;
  }

  .more-portfolio .col a .text {
    line-height: 1.4;
    margin: 0 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(0.6);
    -moz-transform: translate(-50%, -50%) scale(0.6);
    -webkit-transform: translate(-50%, -50%) scale(0.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(0.48);
    -moz-transform: translate(-50%, -50%) scale(0.48);
    -webkit-transform: translate(-50%, -50%) scale(0.48);
  }

  .service-menu-wrap .services-top .box-wrap .line {
    transform: translate(-3.4rem, 0.3rem) scale(0.45);
    -moz-transform: translate(-3.4rem, 0.3rem) scale(0.45);
    -webkit-transform: translate(-3.4rem, 0.3rem) scale(0.45);
  }

  .service-case-study-wrap .service-case-study .content {
    flex: 0 0 54%;
    padding: 2.68rem 0.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 0.5rem;
  }

  .featured-on.new:first-of-type li,
  .featured-on.new:nth-of-type(2) li:nth-child(2n) {
    width: calc(22% - 0.8rem);
  }

  .featured-on.new:first-of-type li:nth-child(2n),
  .featured-on.new:nth-of-type(2) li {
    width: calc(15% - 0.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% - 0.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 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: 0.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: -0.1rem;
    line-height: 1.33;
  }

  .h2.small,
  h2.small {
    font-size: 2.2rem;
    letter-spacing: -0.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: 0.75rem;
    background-color: #222;
    width: 0.125rem;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: 0.2s linear;
    -o-transition: 0.2s linear;
    -webkit-transition: 0.2s linear;
  }

  .full-menu .full-menu-inner .top .menu li .toggle::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0.75rem;
    background-color: #222;
    height: 0.125rem;
    transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transition: 0.2s linear;
    -o-transition: 0.2s linear;
    -webkit-transition: 0.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: 0.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: -0.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: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    overflow: hidden;
  }

  .media-wrap .media .thumb {
    width: 100%;
    position: relative;
    border-radius: 0.5rem 0.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: 0.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: 0.5rem !important;
    flex-wrap: wrap;
    margin-bottom: 0.5rem;
    margin-top: 0.5rem;
  }

  .breadcrumbs-container .breadcrumbs li {
    font-size: 1.05rem !important;
    padding: 0.5rem 0 !important;
  }

  .breadcrumbs-container .breadcrumbs li a {
    font-size: 1.05rem !important;
  }

  .service-center-icon {
    margin: 1.5rem auto 0.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: 0.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 0.15rem 0.3rem;
    width: calc(33.3333333333% - 0.3rem);
    border-radius: 0.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 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 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: 0.14rem;
  }

  .faq .accordion .accordion-item .accordion-button .accordion-marker::before {
    width: 0.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: 0.8rem 1rem 0.7rem;
  }

  .blog-search .container .search-form .search-btn label img {
    max-width: 1.45rem;
  }

  .chip-wrap .chip {
    margin-right: 0.6rem;
    margin-bottom: 1rem;
    font-size: 1rem;
    height: 2.8rem;
  }

  .chip-wrap .chip img {
    width: 24px;
    height: 24px;
    margin-right: 0.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: -0.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: -0.12rem;
  }

  .h1.small,
  h1.small {
    font-size: 2.6rem;
    letter-spacing: -0.1rem;
    line-height: 1.33;
  }

  .h2,
  h2 {
    font-size: 2.6rem;
  }

  .h2.light,
  h2.light {
    font-size: 2.6rem;
    letter-spacing: -0.12rem;
  }

  .h2.small,
  h2.small {
    font-size: 2.2rem;
    letter-spacing: -0.05rem;
  }

  .h3,
  h3 {
    font-size: 2.4rem;
  }

  .h3.light,
  h3.light {
    font-size: 2.4rem;
    letter-spacing: -0.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: 0.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, 0.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, 0.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, 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, 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 0.4rem 0 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: 0.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: 0.8rem;
    height: 0.8rem;
    margin: 0 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: -0.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: 0.4rem 0.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% - 0.5rem);
    padding: 0.4rem 0.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% - 0.4rem);
    margin: 0 0 0.8rem;
  }

  .awards ul li .logos img {
    transform: translate(-50%, -50%) scale(0.5);
    -moz-transform: translate(-50%, -50%) scale(0.5);
    -webkit-transform: translate(-50%, -50%) scale(0.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% - 0.5rem);
  }

  .home-about ul li .text-left span {
    font-size: 3.84rem;
    letter-spacing: -0.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: 0.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: 0.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 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: -0.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 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 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,
  .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: 0.5rem;
  }

  .case-study-mobile .row .col-6:nth-child(2n) {
    padding-left: 0.5rem;
  }

  .case-study-mobile .row::after {
    position: absolute;
    width: calc(100% + 2rem);
    height: 5rem;
    left: -1rem;
  }

  .app-links .content a img {
    margin: 0 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 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 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: 0.5rem 0.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 0.5rem 0.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: -0.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: -0.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: -0.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(0.8);
    -moz-transform: translate(-50%, -50%) scale(0.8);
    -webkit-transform: translate(-50%, -50%) scale(0.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% - 0.75rem);
  }

  .game-list .links .image {
    margin-right: 0.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: 0.55rem;
  }

  .blog .alm-reveal.vertical .blog-listing .content p,
  .blog .blog-post.vertical .blog-listing .content p {
    margin: 0 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: 0.8rem 0.8rem 0.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% - 0.4rem);
    border-radius: 0.6rem;
    margin-right: 0.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% - 0.5rem);
    margin: 0 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: -0.7rem;
    right: -0.7rem;
  }

  .achieve .box-wrap .box .content p {
    font-size: 1.125rem;
  }

  .life-ta {
    margin: 0 0 6rem;
    padding: 3rem 1rem 0.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% - 0.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% - 0.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(0.9);
    -moz-transform: translate(-50%, -50%) scale(0.9);
    -webkit-transform: translate(-50%, -50%) scale(0.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(-0.3rem, -0.8rem) scale(0.6);
    -moz-transform: translate(-0.3rem, -0.8rem) scale(0.6);
    -webkit-transform: translate(-0.3rem, -0.8rem) scale(0.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 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: 0.4rem 1.5rem;
    margin-bottom: 0.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: 0.5rem;
  }

  .service-menu-wrap .services-top .box-wrap .line {
    transform: translate(0, 0.5rem) scale(0.4);
    -moz-transform: translate(0, 0.5rem) scale(0.4);
    -webkit-transform: translate(0, 0.5rem) scale(0.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: -0.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 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: 0.5rem;
    margin-right: 0.5rem;
    width: 48%;
    margin-bottom: 1.5rem;
  }

  .service-box .services-top .box-wrap .box img {
    transform: translate(-50%, -50%) scale(0.6);
    -moz-transform: translate(-50%, -50%) scale(0.6);
    -webkit-transform: translate(-50%, -50%) scale(0.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 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% - 0.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 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: 0.5rem 0 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: -0.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 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 0.5rem;
  }

  .site-footer.footer .footer-content .left .content-details .content {
    font-size: 1.15rem;
    letter-spacing: -0.01rem;
    margin: 0 0 0.3rem;
    max-width: 18rem;
  }

  .site-footer.footer .footer-content .left .content-details .content ul li a {
    font-size: 1.15rem;
    letter-spacing: -0.01rem;
    margin: 0 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: 0.8rem 1rem 0.7rem;
  }

  .site-header .header-inner .logo .logo-name {
    max-width: 6.7rem;
    margin-left: 0.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: -0.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 0.6rem;
  }

  .portfolio-filter ul {
    justify-content: flex-start;
    padding: 0.6rem 0;
  }

  .portfolio-filter ul li {
    letter-spacing: 0.02rem;
    margin: 0.4rem 0.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: 0.3rem 0.65rem 0.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: -0.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: -0.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;
}

/* recaptcha */
/* .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 */
.footer-v6 {
  background: #080612;
  color: #fff;
  font-family: "Poppins", "Inter", "Segoe UI", Roboto, sans-serif;
  overflow: hidden;
}

.footer-v6 .ta-footer {
  position: relative;
  background: rgba(18, 13, 38, 1);
}

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

/* Main grid */
.footer-v6 .ta-footer__main {
  display: grid;
  grid-template-columns: minmax(240px, 280px) minmax(0, 1fr);
  gap: 56px;
  padding: 56px 0 36px;
}

.footer-v6 .ta-footer__brand {
  min-width: 0;
  max-width: 280px;
}

.footer-v6 .ta-footer__logo {
  display: inline-block;
  margin-bottom: 28px;
}

.footer-v6 .ta-footer__logo img {
  display: block;
  width: auto;
  height: 18px;
  filter: brightness(0) invert(1);
}

.footer-v6 .ta-footer__tagline {
  margin: 0 0 16px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.35;
  color: #fff;
}

.footer-v6 .ta-footer__tagline a { 
  color: inherit;
  text-decoration: none;
  font-weight: inherit;
}

.footer-v6 .ta-footer__desc {
  margin: 0 0 24px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.6);
}

.footer-v6 .ta-footer__desc a {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  transition: color 0.2s ease;
}

.footer-v6 .ta-footer__desc a:hover {
  color: #fff;
}

.footer-v6 .ta-footer__cta-group {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}

.footer-v6 .ta-footer__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  min-height: 30px;
  padding: 5px 12px;
  border-radius: 6px;
  font-size: 12px;
  font-weight: 500;
  line-height: 1.2;
  text-decoration: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
  white-space: nowrap;
  min-width: 145px;
}

.footer-v6 .ta-footer__btn:hover {
  opacity: 0.92;
  transform: translateY(-1px);
}

.footer-v6 .ta-footer__btn--primary {
  background: rgba(151, 61, 217, 1);
  color: #fff;
  border: 0;
}

.footer-v6 .ta-footer__btn--secondary {
  background: transparent;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.28);
}

/* Nav columns — content-sized, spread so Cloud shifts right & Resources hugs right edge */
.footer-v6 .ta-footer__nav {
  display: grid;
  grid-template-columns: repeat(4, max-content);
  justify-content: space-between;
  column-gap: 32px;
  row-gap: 28px;
  width: 100%;
  min-width: 0;
}

.footer-v6 .ta-footer__nav-title {
  margin: 0 0 18px;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
}

.footer-v6 .ta-footer__nav-col li + li {
  margin-top: 10px;
}

.footer-v6 .ta-footer__nav-col a {
  display: inline-block;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  transition: color 0.2s ease;
}

.footer-v6 .ta-footer__nav-col a:hover {
  color: rgba(175, 79, 246, 1);
}

/* Dividers */
.footer-v6 .ta-footer__divider {
  height: 1px;
  background: rgba(255, 255, 255, 0.1);
  margin: 0;
}

/* Partners */
.footer-v6 .ta-footer__partners {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding: 24px 0;
}

.footer-v6 .ta-footer__partners-copy {
  flex: 0 1 340px;
  max-width: 340px;
  min-width: 0;
}

.footer-v6 .ta-footer__partners-title {
  margin: 0 0 10px;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.35;
  color: #fff;
}

.footer-v6 .ta-footer__partners-desc {
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.55;
  color: rgba(255, 255, 255, 0.8);
}

.footer-v6 .ta-footer__partner-logos {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 18px 22px;
  flex: 1 1 auto;
  min-width: 0;
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-v6 .ta-footer__partner-logos li {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  line-height: 0;
  flex-shrink: 0;
}

.footer-v6 .ta-footer__partner-logos img {
  display: block;
  width: auto;
  height: auto;
  object-fit: contain;
}

/* Figma sizes: OpenAI 100x26, Claude 132x36, Microsoft 131x34 */
.footer-v6 .ta-footer__partner-logos li:nth-child(1) img {
  width: 100px;
  height: 26px;
  max-width: 100px;
}

.footer-v6 .ta-footer__partner-logos li:nth-child(2) img {
  width: 132px;
  height: 36px;
  max-width: 132px;
}

.footer-v6 .ta-footer__partner-logos li:nth-child(3) img {
  width: 131px;
  height: 34px;
  max-width: 131px;
}

.footer-v6 .ta-footer__partner-logos li:nth-child(n+4) img {
  width: auto;
  height: 56px;
  max-width: 72px;
}

/* Locations */
.footer-v6 .ta-footer__locations {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
  padding: 24px 0;
}

.footer-v6 .ta-footer__location-title {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
  line-height: 1.35;
  color: #fff;
}

.footer-v6 .ta-footer__location-content {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.7;
  color: rgba(255, 255, 255, 0.6);
}

.footer-v6 .ta-footer__location-content a {
  display: inline-block;
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none;
  transition: color 0.2s ease;
}

.footer-v6 .ta-footer__location-content a:hover {
  color: #fff;
}

/* Bottom row */
.footer-v6 .ta-footer__bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 20px 0;
  flex-wrap: wrap;
}

.footer-v6 .ta-footer__copyright-wrap {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
  flex-direction: row-reverse;
}

.footer-v6 .ta-footer__copyright {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
  color: rgba(255, 255, 255, 0.7);
  flex-wrap: wrap;
}

.footer-v6 .ta-footer__legal-links {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.footer-v6 .ta-footer__legal-links a {
  display: inline-flex;
  align-items: center;
  color: rgba(255, 255, 255, 0.7);
  text-decoration: none;
  transition: color 0.2s ease;
}

.footer-v6 .ta-footer__legal-links a::before {
  content: "|";
  margin-right: 10px;
  color: rgba(255, 255, 255, 0.7);
}

.footer-v6 .ta-footer__legal-links a:hover,
.footer-v6 .ta-footer__legal-links a:focus-visible {
  color: #fff;
}

.footer-v6 .ta-footer__dmca {
  display: inline-flex;
  width: 100px;
  height: 50px;
  flex: 0 0 100px;
}

.footer-v6 .ta-footer__dmca img {
  display: block;
  width: 100px;
  height: 50px;
  object-fit: contain;
}

.footer-v6 .ta-footer__social {
  display: flex;
  align-items: center;
  gap: 14px;
  flex-wrap: wrap;
}

.footer-v6 .ta-footer__social-label {
  font-size: 13px;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.72);
  white-space: nowrap;
}

.footer-v6 .ta-footer__social-list {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.footer-v6 .ta-footer__social-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.08);
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.footer-v6 .ta-footer__social-link:hover {
  opacity: 0.9;
  transform: translateY(-1px);
}

.footer-v6 .ta-footer__social-link img {
  display: block;
  width: 18px;
  height: auto;
  object-fit: contain;
}

.footer-v6 .ta-footer__social-link--fb {
  background: #1877f2;
}

.footer-v6 .ta-footer__social-link--in {
  background: #0a66c2;
}

.footer-v6 .ta-footer__social-link--in img {
  filter: brightness(0) invert(1);
}

.footer-v6 .ta-footer__social-link--ig {
  background: #5b7c99;
}

.footer-v6 .ta-footer__social-link--ig img {
  filter: brightness(0) invert(1);
}

.footer-v6 .ta-footer__social-link--yt {
  background: #ffffff;
}

.footer-v6 .ta-footer__social-link--yt img {
  filter: none;
}

.footer-v6 .ta-footer__social-link--x {
  background: #4aa3df;
}

.footer-v6 .ta-footer__social-link--x img {
  filter: brightness(0) invert(1);
}

.footer-v6 .ta-footer__social-link--medium {
  background: #ffffff;
}

.footer-v6 .ta-footer__social-link--medium img {
  filter: none;
  width: 18px;
  height: 18px;
}

/* CTA bar — removed; site uses fixed .ta-top-banner at bottom */

/* Tablet */
@media (max-width: 1199px) {
  .footer-v6 .ta-footer__main {
    grid-template-columns: 1fr;
  }

  .footer-v6 .ta-footer__nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .footer-v6 .ta-footer__partners {
    align-items: flex-start;
    flex-wrap: wrap;
  }

  .footer-v6 .ta-footer__partners-copy {
    flex: 1 1 100%;
    max-width: 100%;
  }

  .footer-v6 .ta-footer__partner-logos {
    justify-content: flex-start;
    width: 100%;
    gap: 16px;
  }
  .footer-v6 .ta-footer__cta-group { 
    flex-direction: row;
  }
}

@media (max-width: 991px) {
  .footer-v6 .ta-footer__locations {
    grid-template-columns: 1fr;
    gap: 28px;
    padding: 32px 0;
  }
  .footer-v6 .ta-footer__brand { 
    max-width: 100%;
  }
  .footer-v6 .ta-footer__desc {
    max-width: 100%;
  }
  .footer-v6 .ta-footer__partners-desc {
    max-width: 100%;
  }
}

/* Mobile */
@media (max-width: 767px) {
  .footer-v6 .ta-footer__main {
    padding: 48px 0 36px;
    gap: 28px;
  }

  .footer-v6 .ta-footer__cta-group {
    width: 100%;
  }

  .footer-v6 .ta-footer__btn {
    width: 100%;
  }

  .footer-v6 .ta-footer__nav {
    grid-template-columns: 1fr;
  }

  .footer-v6 .ta-footer__nav-col a {
    max-width: none;
  }

  .footer-v6 .ta-footer__partners {
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 28px 0;
  }

  .footer-v6 .ta-footer__partners-copy {
    flex: none;
    max-width: 100%;
  }

  .footer-v6 .ta-footer__partner-logos {
    width: 100%;
    justify-content: center;
    gap: 16px;
  }

  .footer-v6 .ta-footer__partner-logos li:nth-child(1) img {
    width: 62px;
    height: auto;
    max-width: 62px;
  }

  .footer-v6 .ta-footer__partner-logos li:nth-child(2) img {
    width: 118px;
    height: 32px;
    max-width: 118px;
  }

  .footer-v6 .ta-footer__partner-logos li:nth-child(3) img {
    width: 118px;
    height: 31px;
    max-width: 118px;
  }

  .footer-v6 .ta-footer__partner-logos li:nth-child(n+4) img {
    width: auto;
    height: 48px;
    max-width: 64px;
  }

  .footer-v6 .ta-footer__brand {
    max-width: 100%;
  }

  .footer-v6 .ta-footer__desc {
    max-width: 100%;
  }

  .footer-v6 .ta-footer__partners-desc {
    max-width: 100%;
  }

  .footer-v6 .ta-footer__bottom {
    flex-direction: column;
    align-items: flex-start;
    padding: 20px 0;
    gap: 16px;
    justify-content: center;
  }

  .footer-v6 .ta-footer__social {
    width: 100%;
  }

  .footer-v6 .ta-footer__copyright-wrap {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }

  .footer-v6 .ta-footer__copyright {
    justify-content: center;
    text-align: center;
  }

  .footer-v6 .ta-footer__legal-links {
    justify-content: center;
  }
}

.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) {
}

@media screen and (max-width: 991px) {
  .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;
  }
}

.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-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-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) {
}

.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;
}


.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: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-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-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-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;
}


@media screen and (max-width: 1199px) {
}

@media screen and (max-width: 991px) {
}


.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-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;
}


.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;
}


.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;
}


.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;
}


.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;
}


.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%;
  }
}

/* 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;
}


@media (max-width: 1199px) {
}

#wpcf7-f92987-o2:not(.ta-lead-form-popup) {
  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;
  }
}

/* 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;
  }
}

/* 3 Dec 2024 */
.clutch-rating-hidden-box {
  display: none !important;
}


@media (max-width: 1199px) {

  .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;
  }
}


/* 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: 890px;
  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: 34px 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: 45px 0;
  display: grid;
  gap: 20px;
  grid-template-columns: 150px 1fr;
  position: relative;
  padding-bottom: 35px;
}

.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 0 24px 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
}
.search-tag-block ul li {
  margin: 0;
}
.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 {
    grid-template-columns: 1fr;
  }
}

.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 p + .wp-block-table .has-fixed-layout { margin-top: 0px; }

.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 280px;
}

.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;
  height: auto;
  max-height: calc(100vh - 260px);
  max-height: calc(100dvh - 260px);
  overflow-y: auto;
  overflow-x: hidden;
  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 16px;
}

.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 .content-row .col-left .table-of-content ul li.active a {
  color: #222;
  font-weight: 600;
  padding-left: 20px;
}

.single-blog-layout .content-row .col-left .table-of-content ul li.active a::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;
}

@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 .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;
}


.single-blog-layout .breadcrumbs-container {
  z-index: 1;
}

.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;
}


.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;
}

@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;
}


body.single.single-blog .consultation-cta-blog,
body.post-type-archive-blog .consultation-cta-blog {
  display: none !important;
}


#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;
}

.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;
}


.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;
}


@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 */


.footer-v6 .ta-footer,
.footer-v6 .ta-footer * {
  font-family: "Poppins", Sans-serif;
}

.single-blog-layout ul,
.single-blog-layout ol {
  margin-bottom: 20px;
}

.single-blog-layout ul li,
.single-blog-layout ol li {
  margin-bottom: 10px;
}


.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  */
@media (max-width: 1199px) {
}

.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;
}

@media (max-width: 1199px) {
}

.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;
}


@media (max-width: 1399px) {
}

@media (max-width: 991px) {
}

@media (max-width: 575px) {

}

/*  */
.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(0.3, 0.3, 0.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(0.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;
}


@media (max-width: 1199px) {
}

/* 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;
}


.development-process .process-card a,
.elementor-icon-list-items a {
  font-weight: inherit !important;
  color: inherit !important;
  display: inline-block;
  width: auto !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;
}


@media (max-width: 991px) {
  .footer-links .certified-badges {
    margin-bottom: 24px;
    justify-content: center;
  }
}

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


.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 */

  
  


  
  
  
  
  

  

  
  
  
  .fullmenu-dropdown {
    width: calc(100% + 28px) !important;
  }

  
  
  .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;
  }

.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(0.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 0.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: 40px;
}

.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 .content-row {
    gap: 20px;
  }
}

.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;
}


.development-process .process-card a,
.elementor-icon-list-items a {
  font-weight: inherit !important;
  color: inherit !important;
  display: inline-block;
  width: auto !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;
}


@media (max-width: 991px) {
  .footer-links .certified-badges {
    margin-bottom: 24px;
    justify-content: center;
  }
}

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


.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 */

  
  


  
  
  
  
  

  

  
  
  
  .fullmenu-dropdown {
    width: calc(100% + 28px) !important;
  }

  
  
  .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;
  }

.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(0.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 0.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 .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% - 280px);
}

@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;
}

.tag-list li {
  display: inline-block;
  margin: 5px 10px;
}

.tag-toggle-btn {
  background: transparent;
  color: #6c2bd9;
  border: none;
  cursor: pointer;
  font-weight: 600;
  position: absolute;
  bottom: 15px;
  right: 25px;
  font-size: 16px;
}

.gradient-text-new {
  background: transparent -o-linear-gradient(349deg, #50b5d9 0%, #5cc99b 100%)
    0% 0% no-repeat padding-box;
  background: transparent linear-gradient(101deg, #50b5d9 0%, #5cc99b 100%) 0%
    0% no-repeat padding-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.home-banner-wrp .elementor-heading-title {
  font-display: swap;
  will-change: transform;
}

.ta-stickybar {
  min-height: 45px;
}

.ta-stickybar .stickybar-cta {
  min-height: 30px;
}

.hero-video video {
  opacity: 0;
}
.hero-video.loaded video {
  opacity: 1;
  transition: opacity 0.6s ease;
}

.ta-stickybar {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.4s ease;
}
.ta-stickybar.show {
  opacity: 1;
  visibility: visible;
}

#Botsonic-wrapper {
  bottom: 45px !important;
}

@media (max-width: 991px) {
  .single-blog-layout .blog-banner {
    flex-direction: column;
  }
  .single-blog-layout .blog-left {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .single-blog-layout .blog-right {
    width: 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
  .single-blog-layout .blog-thumbnail {
    height: 420px;
  }
}

@media (max-width: 767px) {
  .single-blog-layout .blog-thumbnail {
    position: relative;
    padding-bottom: 56.25% !important;
    height: auto;
  }
}

.popup-hidden {
  display: none !important;
}

.popup-visible {
  display: block !important;
}

/* added on thu 19 feb 2026 */
.portfolio-template-custom-case-study-elementor-page .ml-0 > div {
  margin-left: 0 !important;
}
.portfolio-template-custom-case-study-elementor-page .mr-0 > div {
  margin-right: 0 !important;
}
.portfolio-template-custom-case-study-elementor-page
  .title-border-left-v2::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 6px;
  border-right: 3px solid #0078b7;
}
.portfolio-template-custom-case-study-elementor-page
  .title-border-left-v2.color-yellow::before {
  border-color: #ff993e;
}
@media (max-width: 575px) {
  .ta-stickybar {
    display: flex !important;
  }

  .ta-stickybar .stickybar-ticker::before,
  .ta-stickybar .stickybar-ticker::after {
    display: none !important;
  }
}

.counter-title-center .elementor-counter-title {
  text-align: center !important;
}
.title-border-left {
  position: relative;
}
.title-border-left::before {
  content: "";
  position: absolute;
  left: 0;
  top: 12px;
  height: 80px;
  border-right: 2px solid #2aacde;
}
.elementor-divider-blue .elementor-divider-separator {
  height: 2px !important;
  border: 0 !important;
  background: linear-gradient(
    90deg,
    #171624 0%,
    #21aadf 37.02%,
    #21aadf 61.06%,
    #171624 100%
  ) !important;
}
.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 .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(9, 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: 1199px) {
  .elementor-141984 .elementor-element.elementor-element-288e03a6 {
    grid-template-columns: repeat(6, 120px);
    row-gap: 20px;
  }
}
@media (max-width: 992px) {
  .elementor-141984 .elementor-element.elementor-element-288e03a6 {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 0px;
    row-gap: 20px;
  }
}
@media (max-width: 768px) {
  .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;
}

.single-blog-layout .main-content .contact-img-box img {
  height: 100% !important;
}

.single-blog-layout .main-content ol,
.single-blog-layout .main-content ul {
  list-style: disc;
}
.single-blog-layout .main-content br {
  display: none;
}

.single-blog-layout .main-content div {
  font-size: 16px;
  font-weight: 400;
  color: #222;
}

/*  Oct 6 updates CSS*/
.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: 44px;
  height: 44px;
  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-button.elementor-animation-shrink:hover {
  transform: scale(1) !important;
}

/*  */
.site-header,
.site-header.scrolled {
  top: 0;
}
.site-header .logo .logo-dark,
.site-header .logo .logo-light {
  height: 38px;
}
@media (min-width: 992px) {
  .site-header,
  .site-header.scrolled {
    padding-top: 0 !important;
  }
}
.wrapper {
  padding-top: 60px !important;
}

.site-header .logo .logo-dark,
.site-header .logo .logo-light {
  height: 42px !important;
  width: 100%;
}
.header .nav .menu > li,
.site-header .nav .menu > li {
  line-height: 58px;
}
.site-header .nav .menu.new > li.menu-contact .hover-flip,
.header .nav .menu.new > li.menu-contact .hover-flip {
  padding: 10px 34px;
}
.site-header .nav .menu > li:hover .sub-menu-wrap,
.header .nav .menu > li:hover .sub-menu-wrap {
  padding-top: 60px;
}

/* Announcement strip css */
.announcement-banner {
  overflow: hidden;
  white-space: nowrap;
  height: 32px;
  background: #a71dac;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
}
.announcement-banner span > span {
  display: none;
}
@media (max-width: 991px) {
  .announcement-banner span {
    animation: marquee-scroll 10s linear infinite;
  }
  .announcement-banner span > span {
    animation: none;
  }
  .announcement-banner span > span {
    display: inline-block;
  }
}
.announcement-banner span,
.announcement-banner span a {
  display: inline-block;
  color: #fff;
  font-family: "Poppins", sans-serif;
  font-size: 13px;
  line-height: 32px;
  letter-spacing: normal;
  font-weight: 400;
}
.announcement-banner span a {
  font-weight: 600;
  text-decoration: underline;
  margin-left: 4px;
}

.site-header.logo-toggle .logo-light {
  filter: invert(1);
  -webkit-filter: invert(1);
}

@media (max-width: 767px) {
  #promoBannerBottom .promo-banner-inner {
    display: none;
  }
}

#promoBannerBottom .ticker {
  animation: none !important;
}
#promoBannerBottom .ticker span::after,
#promoBannerBottom .banner-text::before,
#promoBannerBottom .banner-text::after {
  display: none !important;
}
#promoBannerBottom .ticker span {
  padding-right: 0 !important;
  margin-right: 0 !important;
}
#promoBannerTop .banner-text .ticker,
#promoBannerBottom .banner-text .ticker {
  padding-right: 0 !important;
  width: 100% !important;
  text-align: center;
}
#promoBannerBottom .banner-text .ticker {
  margin-left: 20%;
}
#promoBannerBottom .cta {
  margin: 6px;
}

.ta-ai-widget-content .launcher {
  bottom: 50px !important;
}

#promoBannerBottom .promo-banner-inner {
  background: #000
    url("https://www.techaheadcorp.com/wp-content/uploads/2025/10/sticky-banner-shape.svg")
    center center / cover no-repeat;
  border-top: 1px solid rgba(255, 255, 255, 0.43) !important;
  position: relative;
}
.promo-banner-inner::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.03) 0%, #000000 100%);
}
#promoBannerBottom .promo-container {
  z-index: 1;
  position: relative;
}

body {
  user-select: auto !important;
}

@media (max-height: 600px) {
  /* popup */
  .ct-banner-slider-wrapper.popup .ct-banner-slider-popup .slide {
    padding: 24px 20px 10px !important;
  }

  .ct-banner-slider-wrapper.popup .ct-banner-slider-popup .profile .p-image {
    width: 60px !important;
    height: 60px !important;
  }

  .ct-banner-slider-wrapper.popup .ct-banner-slider-popup .p-quote p {
    font-size: 12px !important;
  }

  .lead-form-popup-container .trusted-by-brand {
    padding-top: 12px !important;
    margin-top: 18px !important;
  }

  .lead-form-popup-container .trusted-by-brand p {
    font-size: 11px !important;
  }

  .lead-form-popup-container .right-section {
    padding: 20px !important;
  }

  .lead-form-popup-container .right-section h2 {
    font-size: 18px !important;
    margin: 0 0 18px !important;
  }

  .lead-form-popup-container .form-row {
    gap: 16px !important;
  }

  .ct-banner-slider-wrapper.popup {
    margin-top: 34px !important;
  }
}

.single-blog-layout #progress-container {
  top: 60px !important;
}
.site-header .logo .logo-dark,
.site-header .logo .logo-light {
  object-fit: contain;
}

/*blog profile  */

.author-card {
  border: 1px solid #f4e4f5;
  border-radius: 30px;
  background: #fff;
  padding: 20px;
  max-width: 440px;
  width: 100%;
  font-family: "Poppins";
  color: #000;
  overflow: hidden;
  height: 100%;
  margin: 0 auto;
}

.author-card .profile {
  display: flex;
  gap: 12px;
  align-items: center;
}

.author-card .avator {
  width: 100px;
  height: 100px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
  border: 1px solid #a71dac;
}

.author-card .avator > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.author-card .profile-name-box .name {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: normal;
}

.author-card .profile-name-box .designation {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: normal;
  margin-bottom: 8px;
}

.author-card .profile-name-box .experience {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: normal;
  margin-top: 8px;
  color: #868484;
  line-height: 1.6;
}

.profile-bio .about {
  margin-top: 26px;
}

.profile-bio .about-title {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 6px;
}

.profile-bio .about span {
  font-size: 12px;
  font-weight: 600;
  letter-spacing: normal;
  display: inline-block;
  flex-shrink: 0;
}

.profile-bio .about-text {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1.9;
}

.profile-bio .about-text ul {
  list-style: none;
  padding-left: 0;
  margin: 10px 0 0;
}

.profile-bio .about-text ul li {
  position: relative;
  padding-left: 16px;
}

.profile-bio .about-text ul li {
  margin-bottom: 0;
}

.profile-bio .about-text ul li + li {
  margin-top: 8px;
}

.profile-bio .about-text ul li::before {
  content: "";
  background: url("https://tamediacdn.techaheadcorp.com/wp-content/uploads/2025/10/08092802/Vector.svg")
    no-repeat center center;
  background-size: contain;
  position: absolute;
  width: 12px;
  height: 12px;
  left: 0;
  top: 5px;
}

.author-card hr {
  width: calc(100% + 20px);
  margin-right: -20px;
  opacity: 0.3;
}

.author-card .profile-name-box .name {
  display: flex;
  gap: 6px;
  align-items: center;
}

.author-card .profile-name-box .name a {
  display: inline-block;
  width: 18px;
  height: 18px;
}

@media (max-width: 767px) {
  .author-card .profile {
    flex-direction: column;
  }

  .author-card .profile-name {
    text-align: center;
  }
}

/*  */

.blog-banner {
  display: flex;
  gap: 60px;
}

.blog-banner .blog-left {
  flex: 1;
}

.single-blog-layout .widgets-list {
  margin: 20px 0 24px;
}

.single-blog-layout .widgets-list li {
  margin-bottom: 0;
}

.single-blog-layout .header-content .title {
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
  max-width: 700px;
  margin: 0 auto;
}

.single-blog-layout .header-content .title * {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.5;
}

.single-blog-layout .header-content {
  padding-bottom: 40px;
}

.single-blog-layout .content-wrapper {
  position: relative;
  z-index: 1;
}

.single-blog-layout .content-wrapper::before {
  content: "";
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 800px;
  height: 800px;
  border-radius: 50%;
  background: #971bb312;
  filter: blur(90px);
  z-index: -1;
}

.single-blog-layout .widgets-list ul span {
  border-color: #eed5ef;
  background: #fff3ff;
}

.single-blog-layout .breadcrumbs-container {
  margin: 24px 0 30px;
}

.single-blog-layout .blog-thumbnail {
  background: #eed5ef;
}

.single-blog-layout .widgets-list ul li.text-to-speech.active {
  bottom: 70px !important;
}
@media (max-width: 1280px) {
}
@media (max-width: 991px) {
  .single-blog-layout .content-wrapper {
    overflow: hidden;
  }

  .blog-banner {
    flex-direction: column;
  }

  .single-blog-layout .header-content {
    padding-bottom: 10px;
  }
}

@media (max-width: 767px) {
  .single-blog-layout .widgets-list > ul {
    gap: 14px 20px;
  }

  .blog-banner {
    gap: 34px;
  }

  .author-card .avator {
    width: 70px;
    height: 70px;
  }
  .author-card .profile-name-box .name {
    justify-content: center;
  }
  .author-card .profile-name-box .experience {
    text-align: center;
  }
}

/* blog end */

/* roi-calculator */

.roi-calculator {
  margin-top: 24px;
  top: 380px !important;
  background: rgb(31 33 52);
  padding: 16px 24px 20px;
  border-radius: 20px;
  max-width: 240px;
  width: 100%;
  color: #fff;
  text-align: center;
  font-family: "Poppins", Sans-serif;
}
.roi-calculator h4 {
  font-size: 18px;
  line-height: 1.4;
  font-weight: 700;
  margin: 0 0 14px;
}
.roi-value {
  background: rgb(41 44 67);
  border-radius: 12px;
  padding: 14px 0;
  margin: 0 0 14px;
}
.roi-value .roi-score-title {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 10px;
  display: block;
}
.roi-value .roi-score {
  font-size: 40px;
  font-weight: 600;
  display: block;
  line-height: 1;
}
.roi-calculator p {
  font-size: 13px;
  margin: 0 0 18px;
  font-weight: 400;
  line-height: 1.4;
  color: #fff;
}
.calculate-btn {
  width: 100%;
  display: block;
  padding: 12px 24px;
  border-radius: 8px;
  font-weight: 500;
  line-height: 1.2;
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  background: linear-gradient(281deg, #7411cc, #e42e84);
  border: none;
  cursor: pointer;
  transition: background 0.3s ease;
}
.roi-calculator.mobile {
  display: none;
}

.single-blog-layout #progress-container {
  top: 60px !important;
}
.ta-ai-widget-root {
  position: relative !important;
}

.single-blog-layout .content-row {
  padding-bottom: 40px;
}

@media (max-width: 991px) {
  .roi-calculator.mobile {
    display: block;
    max-width: 300px;
    margin: 0 auto 24px;
  }
  .blog-form-banner,
  .roi-calculator.mobile {
    position: static !important;
  }
  .roi-calculator.desktop {
    display: none;
  }
  .single-blog-layout .content-row .col-left {
    display: block !important;
  }
}

@media (max-height: 600px) {
  .single-blog-layout .content-row .col-left > div {
    top: 84px;
  }
  .single-blog-layout .content-row .col-left .table-of-content {
    position: static !important;
  }
  .roi-calculator {
    top: 84px !important;
  }
}


/* stickybar */

.ta-stickybar {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background: url("https://tamediacdn.techaheadcorp.com/wp-content/uploads/2025/11/04072121/ta-stickybar-bg.png")
    center/cover no-repeat;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 6px 20px;
  z-index: 1000;
  gap: 20px;
  transition: transform 0.3s ease;
  font-family: "Poppins", Sans-serif;
}

.ta-stickybar.hidden {
  transform: translateY(100%);
}

.ta-stickybar .stickybar-ticker {
  flex: 1;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}

.ta-stickybar .stickybar-text {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  white-space: nowrap;
}

.ta-stickybar .marquee-wrapper {
  display: flex;
  align-items: center;
  gap: 60px;
  animation: marquee 25s linear infinite;
}

@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@media (prefers-reduced-motion: reduce) {
  .ta-stickybar .marquee-wrapper {
    animation: none !important;
  }
}

.ta-stickybar .stickybar-cta {
  background: #fff;
  color: #000;
  padding: 6px 20px;
  border-radius: 6px;
  text-decoration: none;
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
  transition: all 0.3s ease;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}
.ta-stickybar button {
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s ease;
}

.ta-stickybar button:hover {
  transform: scale(1.1);
}

.ta-stickybar button img {
  width: 18px;
  height: 18px;
  object-fit: contain;
}

@media (max-width: 575px) {
  .ta-stickybar {
    display: none;
  }
}

.ta-stickybar .stickybar-ticker {
  position: relative;
}
.ta-stickybar .stickybar-ticker::before,
.ta-stickybar .stickybar-ticker::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100px;
  z-index: 1;
  display: block;
}
.ta-stickybar .stickybar-ticker::before {
  background: transparent linear-gradient(90deg, #731eff 50%, transparent);
  left: 0;
}
.ta-stickybar .stickybar-ticker::after {
  right: 0;
  background: transparent linear-gradient(90deg, transparent, #5a2dff 50%);
}

.elementor-widget-heading
  .elementor-heading-title[class*="elementor-size-"]
  > a {
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  font-weight: inherit;
}

.blog-grid-container .blog-card .meta-info .latest-badge img {
  width: 20px;
  height: 20px;
}
.single-blog-layout .widgets-list ul li.share-post .social a:hover {
  background: linear-gradient(90deg, #eed5ef, #776ef100);
}
.single-blog-layout .widgets-list ul li.share-post .social {
  border: 1px solid #f4e4f5;
}

/*  */

.image-marquee-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  background: transparent;
  overflow: hidden;
}
.image-marquee-container .marquee-text {
  width: 100%;
  padding: 20px;
  border-bottom: 2px solid #f9eaf5;
}
.image-marquee-container .marquee-text span {
  font-family: "Poppins", Sans-serif;
  font-size: 15px;
  font-weight: 500;
  text-transform: uppercase;
  line-height: 1.6;
  letter-spacing: normal;
  color: #000000;
}
.image-marquee-wrapper {
  overflow: hidden;
  width: 100%;
  padding: 20px 0;
  position: relative;
}
.image-marquee-wrapper::before,
.image-marquee-wrapper::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  height: 100%;
  width: 100px;
  z-index: 1;
  display: block;
}
.image-marquee-wrapper::before {
  background: transparent linear-gradient(90deg, #fcfafc 50%, transparent);
  left: 0;
}
.image-marquee-wrapper::after {
  right: 0;
  background: transparent linear-gradient(90deg, transparent, #fcfafc 50%);
}
.image-marquee-wrapper .image-marquee {
  padding-left: 100px;
  display: flex;
  align-items: center;
  width: max-content;
  animation: marquee-scroll 120s linear infinite;
  height: 50px;
  overflow: hidden;
}
.image-marquee-wrapper .image-marquee img {
  margin-right: 60px;
  height: 48px;
  user-select: none;
  pointer-events: none;
}
.image-marquee-wrapper:hover .image-marquee {
  animation-play-state: paused;
}

@keyframes marquee-scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}
@media (max-width: 767px) {
  .image-marquee-wrapper {
    padding: 10px 0;
  }
  .image-marquee-wrapper .image-marquee img {
    margin-right: 24px;
  }
  .image-marquee-wrapper::before,
  .image-marquee-wrapper::after {
    width: 20px;
  }
  .image-marquee-wrapper::before {
    background: transparent linear-gradient(90deg, #fff 50%, transparent);
    left: 0;
  }
  .image-marquee-wrapper::after {
    right: 0;
    background: transparent linear-gradient(90deg, transparent, #fff 50%);
  }
}

.grid-border-card:first-child {
  min-height: 444px;
}
.grid-border-card .card {
  position: relative;
}
.grid-border-card .card::before,
.grid-border-card .card::after {
  content: "";
  position: absolute;
}
.grid-border-card .card:nth-child(2n)::before {
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  /*   background: linear-gradient(0deg, #FFFFFF 0%, #E0C7F1 48.56%, #FFFFFF 100%); */
  background: linear-gradient(0deg, #ffffff 0%, #e0c7f1 0%, #ffffff 100%);
}

.grid-border-card .card::after {
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  /*   background: linear-gradient(90deg, #FFFFFF 0%, #E0C7F1 48.56%, #FFFFFF 100%); */
  background: linear-gradient(90deg, #ffffff 0%, #e0c7f1 100%, #ffffff 100%);
}
.grid-border-card .card:nth-child(2n)::after {
  background: linear-gradient(270deg, #ffffff 0%, #e0c7f1 100%, #ffffff 100%);
}

.grid-border-card .card:nth-child(4)::before {
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  background: linear-gradient(91deg, #ffffff 0%, #e0c7f1 0%, #ffffff 100%);
}

@media (max-width: 991px) {
  .grid-border-card .card::before {
    display: none;
    content: none;
  }
  .grid-border-card .card:nth-last-child(-n + 2)::after {
    display: block;
    content: "";
  }
}
.elementor-offering-list a,
.elementor-icon-list-text a {
  display: inline-block !important;
}

/* service-blog-section */
.service-blog-section {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px;
  padding: 40px 0 20px;
  margin: 0 auto;
  max-width: 1400px;
  width: 100%;
}

.service-blog-section .blog-card {
  background: #fff;
  overflow: hidden;
  transition: all 0.3s ease;
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: 16px;
  border: 1px solid rgba(223, 218, 255, 1);
}

.service-blog-section .blog-card:hover {
  transform: translateY(-8px);
}

.service-blog-section .thumbnail-img {
  position: relative;
  width: 100%;
  padding-top: 58.88%;
  background: #cccccc52;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 15px;
}

.service-blog-section .thumbnail-img img {
  width: 100%;
  height: 100%;
  object-fit: cover !important;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) !important;
}

.service-blog-section .blog-desc {
  padding: 20px;
  display: flex;
  flex-direction: column;
  gap: 20px;
  flex-grow: 1;
}

.service-blog-section .blog-details {
  display: flex;
  flex-direction: column;
}

.service-blog-section .blog-card .title {
  font-size: 15px;
  font-weight: 400;
  line-height: 1.4;
  color: #1a1a1a;
  margin: 0;
  padding: 0;
}

.service-blog-section .blog-card .title a {
  color: rgba(0, 0, 0, 1);
  text-decoration: none;
  transition: color 0.3s ease;
}

.service-blog-section .blog-card .title 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;
}

.service-blog-section .date-view {
  font-size: 11px;
  font-style: italic;
  color: #666666;
  font-weight: 500;
  display: flex;
  gap: 6px;
  margin: 15px 0;
}
.service-blog-section .designation {
  font-size: 11px;
  font-style: normal;
  color: #666666;
  font-weight: 400;
  display: flex;
  gap: 6px;
  margin: 3px 0 0;
}

.service-blog-section .date-view span {
  font-style: italic;
}

.service-blog-section .blog-author {
  display: flex;
  gap: 12px;
  align-items: center;
  padding: 12px 0px 0px 0px;
  border-top: 1px solid rgba(247, 237, 254, 1);
  margin-top: auto;
}

.service-blog-section .blog-author .image {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  overflow: hidden;
  flex-shrink: 0;
}

.service-blog-section .blog-author .image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: none !important;
}

.service-blog-section .blog-author .name {
  font-size: 13px;
  font-weight: 500;
  color: #1a1a1a;
  line-height: 1.3;
  font-style: italic;
}

.service-blog-section .read-more {
  display: none;
}

.service-blog-section .btn-with-arrow {
  display: none;
}

@media (max-width: 1024px) {
  .service-blog-section {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
}

@media (max-width: 991px) {
  .service-blog-section {
    grid-template-columns: repeat(2, 1fr);
    gap: 16px;
    padding: 30px 20px;
  }

  .service-blog-section .blog-card {
    border-radius: 16px;
  }

  .service-blog-section .thumbnail-img {
    height: 250px;
  }

  .service-blog-section .blog-desc {
    padding: 24px;
  }

  .service-blog-section .blog-card .title {
    font-size: 16px;
  }

  .service-blog-section .blog-author .name {
    font-size: 12px;
  }
}

@media (max-width: 767px) {
  .service-blog-section {
    grid-template-columns: 1fr;
}
}

@media (max-width: 480px) {
  .service-blog-section {
    padding: 20px 15px;
  }

  .service-blog-section .blog-desc {
    padding: 20px;
  }

  .service-blog-section .thumbnail-img {
    height: 200px;
  }

  .service-blog-section .blog-card .title {
    font-size: 15px;
  }

  .service-blog-section .date-view {
    font-size: 11px;
  }
}

.case-study-fix-v2 .case-study-banner .caption h2,
.case-study-fix-v2 .case-study-banner .caption h1 {
  font-family: "Rajdhani", sans-serif;
  font-size: 50px;
}
.case-study-fix-v2 .case-study-banner .caption {
  max-width: 1048px;
}
.case-study-fix-v2 .case-study-banner-fix {
  padding-bottom: 37.5%;
}
.case-study-fix-v2 .case-study-banner .caption .banner-logo {
  max-width: 322px;
}
.case-study-fix-v2 .container-max {
  max-width: 1290px;
}
.case-study-fix-v2 h1,
.case-study-fix-v2 h2,
.case-study-fix-v2 h3 {
  font-size: 2.8rem;
  line-height: 1.2;
  margin: 0 0 1.4rem;
}

.technology-stack .icons-with-text ul li {
  width: 8rem;
}

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

@media (max-width: 1366px) {
  .view-client-testimonials-cta > div {
    margin-top: 0 !important;
  }
}

.iso-custom-logo {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 20px;
  flex-shrink: 0;
}
.iso-custom-logo img {
  width: 48px;
  height: 48px;
  object-fit: contain;
  margin: 0 !important;
  flex-shrink: 0;
}
.iso-custom-logo .iso-text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  font-family: "Poppins", Sans-serif;
  font-size: 10px !important;
  font-weight: 500;
  line-height: 1.4;
  color: #000000;
  flex-shrink: 0;
  position: relative;
  padding-left: 10px;
}

.iso-custom-logo .iso-text::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  border-left: 1px solid rgba(0, 0, 0, 0.47);
  width: 1px;
  height: 78%;
  display: block;
}

@media (max-width: 1399px) {
  .single-blog-layout .widgets-list > ul {
    max-width: 500px !important;
    margin: auto !important;
  }
}

.industries-template .elementor-element-db47bbb .elementor-image-box-title a {
  font-weight: inherit;
}


.case-study-v2-slider-container.hlth-case-study .case-item-left {
  min-height: 695px;
}

.grid-border-card:first-child {
  min-height: auto;
}


/* added Mon 20 april 2026 */
.ta-stickybar,
#zsiq_float,
#menu-item-37794 .toggle {
  display: none !important;
}

/* old case study hero section css  */
.case-study-fix-v2 .case-study-banner-fix {
  min-height: 600px !important;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 0 0 50px !important;
  margin-top: 0 !important;
}
.case-study-fix-v2 .case-study-banner-fix > img {
  object-fit: cover;
  height: 100% !important;
  width: 100%;
}

.case-study-fix-v2 .case-study-banner-fix .caption {
  position: relative;
  bottom: 0;
  padding: 0 50px !important;
}
@media (max-width: 767px) {
  .case-study-fix-v2 .case-study-banner-fix h1 {
    font-size: 36px !important;
  }
}

/*  */
.elementor-158521 .elementor-element.elementor-element-16de4466 {
  min-height: 90px !important;
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.single-blog-layout .main-content br {
  display: inline !important;
}

/* Blog top-app-dev-companies */
.top-app-dev-companies {
  max-width: 1200px;
  margin: 40px auto;
  background: #fff;
  color: #000;
  background: #fff;
}

.top-app-dev-companies h2 {
  font-size: 24px !important;
  font-weight: 700 !important;
  margin-bottom: 30px !important;
}
.top-app-dev-companies .company-container {
  border: 1px solid #ddd;
}
.top-app-dev-companies .company-row {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
  padding: 20px;
  border-top: 1px solid #e5e5e5;
  margin: 0 !important;
}
.top-app-dev-companies .company-row:hover {
  background: #f7f7f7;
}

.top-app-dev-companies .company-row:first-of-type {
  border-top: none;
}

.top-app-dev-companies .logo {
  width: 120px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.top-app-dev-companies .logo img {
  max-width: 150px;
  max-height: 60px;
  object-fit: contain;
}

.top-app-dev-companies .divider {
  width: 1px;
  height: 80px;
  background: #ddd;
  margin: 0 4px;
}

.top-app-dev-companies .company-info {
  width: 260px;
  flex-shrink: 0;
}

.top-app-dev-companies .company-name {
  font-size: 14px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  width: 130px;
  flex-shrink: 0;
  color: #000;
  text-transform: capitalize;
}

.top-app-dev-companies .features {
  list-style: none;
  padding: 0 !important;
  margin: 0 !important;
}

.top-app-dev-companies .features li {
  margin-bottom: 10px;
  font-size: 14px;
  display: flex;
  align-items: center;
  text-transform: capitalize;
}
.top-app-dev-companies .features li:last-child {
  margin-bottom: 0;
}
.top-app-dev-companies .features li::before {
  content: " ";
  color: #18a957;
  font-weight: bold;
  margin-right: 10px;
  width: 12px;
  height: 12px;
  background: url("data:image/svg+xml,%3Csvg fill='%2328a745' viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.485 1.929l-7.778 7.778-3.192-3.192L1 8.03l4.707 4.707L15 3.444z'/%3E%3C/svg%3E")
    no-repeat center;
  background-size: contain;
  flex-shrink: 0;
}

.top-app-dev-companies .cta {
  margin-left: auto;
  flex-shrink: 0;
  background: #18a957 !important;
  color: #fff !important;
  border: none;
  padding: 8px 14px !important;
  font-size: 12px !important;
  font-weight: 500;
  letter-spacing: normal;
  border-radius: 10px;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  transition: background 0.3s ease;
}
.top-app-dev-companies .arrow {
  font-size: 14px;
}

@media (max-width: 768px) {
  .top-app-dev-companies .company-row {
    flex-direction: column;
    align-items: flex-start;
  }

  .top-app-dev-companies .logo {
    justify-content: flex-start;
  }

  .top-app-dev-companies .divider {
    display: none;
  }

  .top-app-dev-companies .cta {
    margin-left: 0;
  }
}

.single-blog-layout .author-card {
  overflow: visible !important;
}

.single-blog-layout .content-reader-active p a {
  margin: 0 4px;
}
.single-blog-layout .content-reader-active p a:first-child {
  margin-left: 0 !important;
}

/* Whitepaper newslider layout css  */
.whitepaper-carousel-container {
  padding: 54px 0;
  background-image: url(https://tamediacdn.techaheadcorp.com/wp-content/uploads/2026/04/22061017/service-page-whitepaper-bg.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  min-height: 420px;
}
.whitepaper-carousel:not(.owl-loaded) {
  display: block;
}
.whitepaper-carousel:not(.owl-loaded) .slide-item:nth-child(2) {
  display: none;
}
.whitepaper-carousel-container .slide-item {
  display: flex;
  align-items: center;
  gap: 40px;
}
.whitepaper-carousel-container .thumbnail {
  background-color: #ffffff;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  max-width: 500px;
}

.whitepaper-carousel-container .thumbnail img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.whitepaper-carousel-container .description {
  max-width: 680px;
}

.whitepaper-carousel-container .description h2 {
  font-family: "Poppins", Sans-serif;
  color: #ffffff;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.4;
  letter-spacing: normal;
  margin-bottom: 20px;
}
.whitepaper-carousel-container .description p {
  font-family: "Poppins", Sans-serif;
  color: #ffffff;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.6;
  letter-spacing: normal;
  margin-bottom: 30px;
}
.whitepaper-carousel-container .cta {
  display: inline-block;
  background-color: #ffffff;
  font-family: "Poppins", Sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: normal;
  color: #000000;
  border-radius: 8px;
  text-decoration: none;
  padding: 12px 70px;
  transition: transform 100ms linear;
}
.whitepaper-carousel-container .cta:hover {
  color: #000000;
  transform: scale(0.94);
}

.whitepaper-carousel-container .owl-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-top: 30px;
}

.whitepaper-carousel-container .owl-dot {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.whitepaper-carousel-container .owl-dot span {
  display: block;
  width: 10px;
  height: 10px;
  background-color: #a75bd5;
  border-radius: 50%;
  transition: all 0.3s ease;
}

.whitepaper-carousel-container .owl-dot.active span {
  background-color: #fff;
}

@media (max-width: 992px) {
  .whitepaper-carousel-container .slide-item {
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .whitepaper-carousel-container .thumbnail {
    min-height: fit-content;
  }
}
@media (max-width: 768px) {
  .whitepaper-carousel-container .description h2 {
    font-size: 24px;
  }
  .whitepaper-carousel-container .description p {
    font-size: 16px;
  }
  .whitepaper-carousel-container .cta {
    font-size: 14px;
  }
}
  /* Temp css 30/04-26 */
 .hero-section h1 {
    max-width: 660px;
  }
  .read-toggle {
    display: flex;
    gap: 8px;
    align-items: center;
    border: 0;
    color: #dd1bbf;
    background: transparent;
    font-size: 1.1rem;
    padding: 0;
    font-weight: 600;
    line-height: 1.4;
    letter-spacing: normal;
    margin-top: 20px;
    text-transform: uppercase;
  }
  .less-text-js {
    min-height: 160px;
  }

  .text-underline {
    text-decoration: underline !important;
  }

  #zsiq_float {
      bottom: 56px !important;
      right: 20px !important;
      background-image: linear-gradient(285deg,
              #7411cc 0%,
              #e42e84 100%) !important;
      width: 55px !important;
      height: 55px !important;
  }

  #zsiq_float:not(.zsiq-toggle) {
      background: #E6C5FF !important;
  }

  #zsiq_float .zsiq-hw-100 {
      width: 40px !important;
      height: 40px !important;
      object-fit: contain;
  }

  #zsiq_chat_wrap {
      bottom: 114px;
  }

  .zsiq-toggle:not(.zsiq-minview) .zsiq-close-icn {
      background: linear-gradient(285deg, #7411cc 0%, #e42e84 100%) !important;
  }

/* Preferred Sources + TOC: sticky stack — TOC scroll only when viewport space is tight */
.single-blog-layout .content-row .col-left > .ta-blog-toc-stack {
  --ta-toc-sticky-top: 100px;
  --ta-toc-stack-gap: 16px;
  --ta-toc-ul-reserve: 172px; /* title + padding + preferred button + gaps */
  display: flex;
  flex-direction: column;
  gap: var(--ta-toc-stack-gap);
  position: sticky;
  position: -webkit-sticky;
  top: var(--ta-toc-sticky-top);
  z-index: 2;
  width: 100%;
  max-height: calc(100vh - var(--ta-toc-sticky-top) - 24px);
  max-height: calc(100dvh - var(--ta-toc-sticky-top) - 24px);
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0;
  box-sizing: border-box;
}

.single-blog-layout .content-row .col-left > .ta-blog-toc-stack .table-of-content {
  position: static !important;
  top: auto !important;
  display: flex;
  flex-direction: column;
  flex: 0 1 auto;
  min-height: 0;
  width: 100%;
  margin: 0;
  overflow: hidden;
}

.single-blog-layout .content-row .col-left > .ta-blog-toc-stack .table-of-content .title {
  flex: 0 0 auto;
}

.single-blog-layout .content-row .col-left > .ta-blog-toc-stack .table-of-content ul {
  flex: 0 1 auto;
  min-height: 0;
  height: auto;
  max-height: calc(100vh - var(--ta-toc-sticky-top) - var(--ta-toc-ul-reserve));
  max-height: calc(100dvh - var(--ta-toc-sticky-top) - var(--ta-toc-ul-reserve));
  overflow-y: auto;
  overflow-x: hidden;
}

.single-blog-layout .content-row .col-left > .ta-blog-toc-stack .ta-preferred-source {
  position: static !important;
  top: auto !important;
  flex: 0 0 auto;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
}

.single-blog-layout .content-row .col-left > .ta-blog-toc-stack .roi-calculator.desktop {
  position: static !important;
  top: auto !important;
  flex: 0 0 auto;
  margin-top: 0 !important;
  max-width: 100%;
}

@media (max-width: 1199px) {
  .single-blog-layout .content-row .col-left > .ta-blog-toc-stack {
    --ta-toc-ul-reserve: 168px;
  }
}

@media (max-width: 991px) {
  .single-blog-layout .content-row .col-left > .ta-blog-toc-stack {
    position: static !important;
    top: auto !important;
    max-height: none;
  }

  .single-blog-layout .content-row .col-left > .ta-blog-toc-stack .table-of-content ul,
  .single-blog-layout .content-row .col-left .table-of-content ul {
    max-height: none;
    overflow-y: visible;
  }
}

@media (max-height: 800px) {
  .single-blog-layout .content-row .col-left > .ta-blog-toc-stack {
    --ta-toc-sticky-top: 84px;
    --ta-toc-ul-reserve: 188px;
  }
}

@media (max-height: 600px) {
  .single-blog-layout .content-row .col-left > .ta-blog-toc-stack {
    --ta-toc-sticky-top: 72px;
    --ta-toc-ul-reserve: 200px;
  }
}

/* ==========================================================================
   Google Translate (GTranslate) Header Placement & Multi-Resolution Styling
   ========================================================================== */

/* 1. Header container & Nav adjustment to keep translator inline cleanly */
@media (min-width: 992px) {
  .site-header .header-inner,
  .header > div {
    padding-right: 110px !important; /* Contact Us ke right side me reserved slot */
    position: relative !important;
  }

  .site-header .nav .menu.new > li.menu-contact,
  .header .nav .menu.new > li.menu-contact {
    margin-right: 0 !important;
  }
}

/* 2. Floating switcher position */
#gt_float_wrapper {
  position: fixed !important;
  top: 0px !important;
  right: 18px !important;
  left: auto !important;
  bottom: auto !important;
  z-index: 999999 !important;
  display: inline-flex !important;
  align-items: center !important;
  transform: none !important;
}

/* Admin bar logged-in offset */
body.admin-bar #gt_float_wrapper {
  top: 49px !important;
}

#gt_float_wrapper .gt_float_switcher {
  background: transparent !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  font-family: Poppins, sans-serif !important;
  border: none !important;
  padding: 0 !important;
}

#gt_float_wrapper .gt_float_switcher img {
  width: 18px !important;
  height: auto !important;
  vertical-align: middle !important;
  margin-right: 5px !important;
}

#gt_float_wrapper .gt_float_switcher .gt-selected {
  background: transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  padding: 6px 6px !important;
  color: #222 !important;
  cursor: pointer !important;
}

#gt_float_wrapper .gt_float_switcher .gt_options {
  top: 100% !important;
  right: 0 !important;
  left: auto !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12) !important;
  border-radius: 8px !important;
  border: 1px solid #ebebeb !important;
  background: #ffffff !important;
  padding: 6px 0 !important;
  min-width: 110px !important;
}

#gt_float_wrapper .gt_float_switcher .gt_options a {
  padding: 6px 14px !important;
  display: flex !important;
  align-items: center !important;
  color: #333 !important;
  text-decoration: none !important;
  font-size: 13px !important;
  font-weight: 500 !important;
}

#gt_float_wrapper .gt_float_switcher .gt_options a:hover {
  background: #f5f5f7 !important;
  color: #000 !important;
}

/* 3. High-resolution screens (>= 1400px) */
@media (min-width: 1400px) {
  #gt_float_wrapper {
    right: 28px !important;
  }
}

/* 5. Mobile & Tablet (< 991px): header or hamburger ko disturb nahi karega */
@media (max-width: 991px) {
  .site-header .header-inner,
  .header > div {
    padding-right: 0 !important;
  }

  #gt_float_wrapper {
    position: fixed !important;
    top: auto !important;
    bottom: 24px !important;
    right: 20px !important;
    left: auto !important;
    background: #ffffff !important;
    border-radius: 30px !important;
    padding: 4px 10px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15) !important;
  }

  body.admin-bar #gt_float_wrapper {
    top: auto !important;
  }
}