@import url("https://fonts.googleapis.com/css2?family=Inter:opsz@14..32&display=swap");
:root {
  --pits-red: #ba2429;
  --pits-white: #ffffff;
  --pits-black: #000000;
  --pits-black-1: #181818;
  --pits-grey-0: #fafbfb;
  --pits-grey-1: #5d5d5d;
  --Type-Font-family-Primary: "Lato", sans-serif;
  /**/
  /* fix */
}
:root .bg-grey {
  background-color: var(--pits-grey-0);
}
:root .bg-black {
  background-color: var(--pits-black);
}
:root .bg-custom-01 {
  background: linear-gradient(180deg, #010000 50%, rgba(0, 0, 0, 0) 100%), url(../images/bg-git-01.png) 0% 100% no-repeat;
  background-size: cover;
}
@media (max-width: 1023px) {
  :root .bg-custom-01 {
    background-size: inherit;
  }
}
:root .bg-gradient-01 {
  background: url(../images/bg-slider-card.png);
  background-size: cover;
  background-clip: border-box;
  background-position: 0 45%;
}
:root section > div {
  padding-top: 60px;
  padding-bottom: 60px;
}
@media (max-width: 767px) {
  :root section > div {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
:root .box-padding {
  padding-left: 0;
  padding-right: 0;
}
:root .box-padding-normal {
  padding-left: 160px;
  padding-right: 160px;
}
@media (max-width: 1199px) {
  :root .box-padding-normal {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (max-width: 991px) {
  :root .box-padding-normal {
    padding-left: 60px;
    padding-right: 60px;
  }
}
@media (max-width: 767px) {
  :root .box-padding-normal {
    padding-left: 15px;
    padding-right: 15px;
  }
}
:root .frame-space-after-extra-small {
  padding-bottom: 0;
  margin-bottom: 0;
}
:root .frame-space-after-small {
  padding-bottom: 40px;
}
:root .frame-space-after-medium {
  padding-bottom: 80px;
}
:root .frame-space-after-large {
  padding-bottom: 120px;
  margin-bottom: 0;
}
@media (max-width: 1199px) {
  :root .frame-space-after-large {
    padding-bottom: 80px;
  }
}
@media (max-width: 991px) {
  :root .frame-space-after-large {
    padding-bottom: 60px;
  }
}
@media (max-width: 767px) {
  :root .frame-space-after-large {
    padding-bottom: 40px;
  }
}
:root .frame-space-after-extra-large {
  padding-bottom: 160px;
}
:root .frame-space-before-extra-small {
  padding-top: 0;
  margin-top: 0;
}
:root .frame-space-before-small {
  padding-top: 40px;
}
:root .frame-space-before-medium {
  padding-top: 80px;
}
:root .frame-space-before-large {
  padding-top: 120px;
  margin-top: 0;
}
@media (max-width: 1199px) {
  :root .frame-space-before-large {
    padding-top: 80px;
  }
}
@media (max-width: 991px) {
  :root .frame-space-before-large {
    padding-top: 60px;
  }
}
@media (max-width: 767px) {
  :root .frame-space-before-large {
    padding-top: 40px;
  }
}
:root .frame-space-before-extra-large {
  padding-top: 160px;
}
:root .btn {
  display: flex;
  padding: 9px 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background: #ba2429;
  color: var(--pits-white);
  font-size: 16px;
  line-height: 24px;
  transition: 0.6s ease;
}
:root .btn:hover {
  background: #d42d27;
}
:root .btn.inter-font {
  font-family: "Inter", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
:root .btn .btn-arrow {
  width: 16px;
  height: 16px;
  align-self: flex-start;
}
:root .btn-with-border {
  display: flex;
  padding: 8px 16px;
  justify-content: center;
  align-items: center;
  gap: 10px;
  border-radius: 10px;
  border: 1px solid #000;
  color: #322c2c !important;
  font-family: var(--Type-Font-family-Primary);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}
:root .read-more {
  color: #ba2429;
  text-decoration: none;
}
@media (min-width: 1400px) {
  :root #services .container {
    max-width: 100%;
  }
}
:root * {
  outline: none;
}

body {
  font-family: "Lato", sans-serif;
}

/* top nav bar  */
/* Custom-Navbar  */
.custom-navbar {
  background-color: transparent;
  display: flex;
  justify-content: space-between;
  padding: 16px 0;
  z-index: 99999;
}
.custom-navbar .logo {
  width: 63px;
  height: 63px;
}
.custom-navbar .navigation {
  display: flex;
  align-items: center;
  gap: 42px;
}
.custom-navbar .navigation ul {
  display: flex;
  gap: 30px;
  margin: 0;
  padding: 0;
}
.custom-navbar .navigation ul li {
  display: flex;
  align-items: center;
  gap: 16px;
  list-style: none;
  cursor: pointer;
}
.custom-navbar .navigation ul li a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}
.custom-navbar .navigation ul li img {
  width: 6px;
  height: 6.75px;
  -o-object-fit: cover;
     object-fit: cover;
}
.custom-navbar .navigation .language-switch {
  display: flex;
  gap: 8px;
  align-items: center;
  cursor: pointer;
}
.custom-navbar .navigation .language-switch img:first-child {
  width: 12.75px;
  height: 12px;
  -o-object-fit: cover;
     object-fit: cover;
}
.custom-navbar .navigation .language-switch img:nth-child(2) {
  width: 6px;
  height: 6.75px;
  -o-object-fit: cover;
     object-fit: cover;
}
.custom-navbar .navigation .language-switch a {
  color: #fff;
  font-family: Inter;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}
.custom-navbar .navigation a.get-btn {
  color: #fff;
  background: #ba2429;
  font-family: Inter;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  text-decoration: none;
  padding: 6px 16px;
  border-radius: 8px;
}

.navigation .has-dropdown > .custom-dropdown-menu {
  width: auto;
  padding: 20px;
  left: auto;
  right: auto;
}
.navigation .has-dropdown > div {
  display: none;
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: 96px;
  left: 0;
  width: 100%;
  z-index: 99;
  background: #000;
  transition: opacity 0.3s ease;
}
.navigation .has-dropdown > div.show {
  display: flex;
  opacity: 1;
  visibility: visible;
}

.custom-dropdown-menu ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.custom-dropdown-menu ul li {
  list-style: none;
}
.custom-dropdown-menu ul li a {
  color: #fff;
  font-family: Lato;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  margin: 0;
}

.global-dropdown-menu {
  display: flex;
  justify-content: space-between;
  height: 42.6875rem;
  position: relative;
  background: #000 url(../images/thirdcol-bg-menu.png) no-repeat 101% bottom !important;
}
.global-dropdown-menu .main-submenu {
  padding-top: 48px;
}
.global-dropdown-menu .main-submenu ul {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.global-dropdown-menu .main-submenu ul li {
  list-style: none;
}
.global-dropdown-menu .main-submenu ul li .component1 {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 10px;
  position: relative;
}
.global-dropdown-menu .main-submenu ul li .component1 .image {
  background: transparent;
  border-radius: 4.8px;
}
.global-dropdown-menu .main-submenu ul li .component1 .image img {
  width: 32px;
  height: 32px;
  -o-object-fit: cover;
     object-fit: cover;
  padding: 6px;
}
.global-dropdown-menu .main-submenu ul li .component1 a {
  color: #fff;
  font-family: Lato;
  font-size: 16px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
  width: 205px;
}
.global-dropdown-menu .main-submenu ul li .component1.active {
  border-radius: 8px;
  border: 1px solid #3c2b2b;
  background: rgba(181, 148, 150, 0.13);
}
.global-dropdown-menu .main-submenu ul li .component1.active .image {
  background: #c8261e;
}
.global-dropdown-menu .main-submenu ul li .component1.active .image img {
  filter: brightness(0) invert(1);
}
.global-dropdown-menu .main-submenu ul li .component1.active::after {
  content: "";
  position: absolute;
  right: 10px;
  width: 12px;
  height: 12px;
  background: url("/assets/Outline arrow right.svg") no-repeat center;
  background-size: contain;
}
.global-dropdown-menu .component2 {
  position: absolute;
  top: 0;
  left: 27.69rem;
  padding: 48px 24px;
}
.global-dropdown-menu .component2 .mobile {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 48px 0;
}
.global-dropdown-menu .component2 .mobile ul {
  display: flex;
  flex-direction: column;
  gap: 16px;
  margin: 0;
  padding: 0;
}
.global-dropdown-menu .component2 .mobile ul li {
  list-style: none;
  width: 217.361px;
}
.global-dropdown-menu .component2 .mobile ul li a {
  color: #fff;
  font-family: Lato;
  font-size: 14px;
  font-weight: 400;
  line-height: 150%;
  text-decoration: none;
}
.global-dropdown-menu .component2 .mobile ul li.active a {
  font-size: 16px;
  font-weight: 600;
  line-height: 20px;
}
.global-dropdown-menu .third-section {
  position: absolute;
  top: 0;
  right: 11.112%;
  width: 285px;
  height: 100%;
  padding: 48px 0 0 15px;
  border-left: 1px solid #202020;
}
.global-dropdown-menu .third-section .details {
  display: none;
}
.global-dropdown-menu .third-section .details.active, .global-dropdown-menu .third-section .details[data-id="1"] {
  display: block;
}
.global-dropdown-menu .third-section .details .image img {
  width: 100%;
  height: 197.537px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 8px;
  margin-bottom: 16px;
}
.global-dropdown-menu .third-section .details .text-wrap h6 {
  color: #fff;
  font-family: Lato;
  font-size: 20px;
  font-weight: 500;
  line-height: 32px;
  margin: 0;
}
.global-dropdown-menu .third-section .details .text-wrap p {
  color: #999;
  font-family: Lato;
  font-size: 12px;
  font-weight: 400;
  line-height: 18px;
  margin-bottom: 24px;
}
.global-dropdown-menu .third-section .details .text-wrap a img {
  width: 24px;
  height: 24px;
  aspect-ratio: 1/1;
  margin-right: 8px;
}

.main-submenu .component2 .mobile {
  display: none;
}
.main-submenu .component1.active + .component2 .mobile {
  display: grid;
}

.border-bottom-nav {
  border-bottom: 1px solid rgba(102, 102, 102, 0.3);
}

/* Custom-Navbar  */
/* end of top nav bar */
/* home pg setions*/
/* home banner */
.main-banner-block .main-banner-wrap {
  padding: 0;
}
.main-banner-block .main-banner-column {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.main-banner-block .main-banner-column img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.main-banner-block .main-banner-column .caption-block {
  position: absolute;
  bottom: 80px;
  left: 160px;
  color: #fff;
  padding: 0;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 80px;
}
.main-banner-block .main-banner-column .caption-block .caption-content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
}
.main-banner-block .main-banner-column .caption-block .caption-content h1 {
  color: #fff;
  font-size: 100px;
  font-weight: 400;
  line-height: 120px;
  margin: 0;
}
.main-banner-block .main-banner-column .caption-block .caption-content h1 strong {
  display: block;
  font-size: 100px;
  font-weight: 900;
  margin-top: 8px;
}
.main-banner-block .main-banner-column .caption-block .stats-counter-wrap {
  display: flex;
  align-items: center;
  gap: 49.153px;
  position: relative;
  padding-top: 32px;
}
.main-banner-block .main-banner-column .caption-block .stats-counter-wrap:before {
  content: "";
  background: rgba(198, 115, 115, 0.3);
  height: 1px;
  width: 100%;
  position: absolute;
  top: 0;
}
.main-banner-block .main-banner-column .caption-block .stats-counter-wrap .stats-counter-item {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.378px;
}
.main-banner-block .main-banner-column .caption-block .stats-counter-wrap .stats-counter-item .count-wrap {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 2.378px;
}
.main-banner-block .main-banner-column .caption-block .stats-counter-wrap .stats-counter-item .count-wrap .count {
  color: #fff;
  font-size: 44.396px;
  font-weight: 700;
  line-height: 61.838px;
}
.main-banner-block .main-banner-column .caption-block .stats-counter-wrap .stats-counter-item .count-wrap .count-eontent {
  color: #fff;
  font-size: 19.027px;
  font-weight: 400;
  line-height: 28.54px;
}

/* who we are */
.banner-btm-video .banner-btm-video-wrap {
  padding: 0;
}
.banner-btm-video .banner-btm-video-column {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden;
  padding-top: 0;
  height: 64vh;
  min-height: 608px;
}
.banner-btm-video .banner-btm-video-column video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: -1;
}
.banner-btm-video .banner-btm-video-column .overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.7) 100%);
  z-index: 0;
}
.banner-btm-video .banner-btm-video-column .banner-btm-video-caption {
  display: flex;
  width: 100%;
  padding: 160px;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 0;
  position: relative;
  height: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
}
.banner-btm-video .banner-btm-video-column .banner-btm-video-caption .banner-btm-video-caption-block {
  color: #fff;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  gap: 110px;
  align-self: stretch;
}
.banner-btm-video .banner-btm-video-column .banner-btm-video-caption .banner-btm-video-caption-block h2 {
  color: #fff;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
  margin: 0;
  margin-bottom: 40px;
}
.banner-btm-video .banner-btm-video-column .banner-btm-video-caption .banner-btm-video-caption-block p {
  color: #fff;
  font-size: 32px;
  font-weight: 400;
  line-height: 48px;
  margin: 0;
}
.banner-btm-video .banner-btm-video-column .banner-btm-video-caption .banner-btm-video-caption-block .banner-btm-video-caption-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  width: 100%;
  max-width: 267px;
}
.banner-btm-video .banner-btm-video-column .banner-btm-video-caption .banner-btm-video-caption-block .banner-btm-video-caption-right {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 32px;
  flex: 1 0 0;
}

/* our services */
.service-grid-block .service-grid-wrap {
  padding-top: 120px;
}
.service-grid-block .service-grid-wrap .service-grid-column {
  display: flex;
  padding: 0;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
}
.service-grid-block .service-grid-wrap .service-grid-column .service-grid-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(2, 1fr);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  padding: 0;
}
.service-grid-block .service-grid-wrap .service-grid-column .service-card {
  border-radius: 0;
  display: flex;
  padding: 24px;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 10px;
  flex: 1 0 0;
  position: relative;
  max-height: 285px;
  height: 100%;
  min-height: 285px;
}
.service-grid-block .service-grid-wrap .service-grid-column .service-card .service-card-content {
  display: flex;
  flex-direction: column;
  gap: 10px;
  position: relative;
}
.service-grid-block .service-grid-wrap .service-grid-column .service-card .service-card-content h3 {
  color: #201b1b;
  font-size: 24px;
  font-weight: 700;
  line-height: 42px;
  margin: 0;
  padding: 0;
}
.service-grid-block .service-grid-wrap .service-grid-column .service-card .service-card-content p {
  color: #5d5454;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
  padding: 0;
}
.service-grid-block .service-grid-wrap .service-grid-column .service-card.service-grid-card-one {
  border: 1px solid #e7d6d6;
  background: #fff0f0;
  color: #201b1b;
  grid-area: 1/1/2/2;
}
.service-grid-block .service-grid-wrap .service-grid-column .service-card.service-grid-card-two {
  background: #2c0847;
  color: var(--pits-white);
  grid-area: 1/2/2/3;
}
.service-grid-block .service-grid-wrap .service-grid-column .service-card.service-grid-card-two img {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
}
.service-grid-block .service-grid-wrap .service-grid-column .service-card.service-grid-card-two .service-card-content h3 {
  color: var(--pits-white);
}
.service-grid-block .service-grid-wrap .service-grid-column .service-card.service-grid-card-two .service-card-content p {
  color: var(--pits-white);
}
.service-grid-block .service-grid-wrap .service-grid-column .service-card.service-grid-card-three {
  color: var(--pits-white);
  grid-area: 1/3/3/4;
  max-height: 100%;
  padding: 0;
}
.service-grid-block .service-grid-wrap .service-grid-column .service-card.service-grid-card-three img {
  position: absolute;
  top: 0;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
.service-grid-block .service-grid-wrap .service-grid-column .service-card.service-grid-card-three .service-card-content {
  padding: 24px 24px;
}
.service-grid-block .service-grid-wrap .service-grid-column .service-card.service-grid-card-three .service-card-content h3 {
  color: var(--pits-white);
}
.service-grid-block .service-grid-wrap .service-grid-column .service-card.service-grid-card-three .service-card-content p {
  color: var(--pits-white);
}
.service-grid-block .service-grid-wrap .service-grid-column .service-card.service-grid-card-four {
  background: #ecf5ff;
  color: #270d0d;
  grid-area: 2/1/3/2;
}
.service-grid-block .service-grid-wrap .service-grid-column .service-card.service-grid-card-four img {
  position: absolute;
  right: 0;
  top: 0;
  max-width: 100%;
}
.service-grid-block .service-grid-wrap .service-grid-column .service-card.service-grid-card-five {
  background: #fff5df;
  color: #270d0d;
  grid-area: 2/2/3/3;
}
.service-grid-block .service-grid-wrap .service-grid-column .service-frame-header {
  display: flex;
  align-items: center;
  gap: 117px;
  align-self: stretch;
  padding: 0;
  margin: 0 0 40px 0;
}
.service-grid-block .service-grid-wrap .service-grid-column .service-frame-header .service-frame-header-left h2 {
  color: #060606;
  font-size: 48px;
  font-weight: 400;
  line-height: 64px;
  margin: 0;
}
.service-grid-block .service-grid-wrap .service-grid-column .service-frame-header .service-frame-content-right p {
  color: #322c2c;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
}

/* meet our clients */
.clients-block .clients-block-wrap {
  padding: 120px 0;
}
.clients-block .clients-block-wrap .clients-block-column {
  display: flex;
  padding: 0;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 25px;
}
.clients-block .top-title {
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 0 0 24px 0;
}
.clients-block .top-title h2 {
  color: #060606;
  font-size: 48px;
  font-weight: 400;
  line-height: 64px;
}
.clients-block .clients-images {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  width: 100%;
  overflow: hidden;
}
.clients-block .clients-images ul {
  padding: 0;
  margin: 0 0 -2px -2px;
  display: flex;
  flex-wrap: wrap;
  -moz-column-gap: 30px;
       column-gap: 30px;
  list-style: none;
  width: 100%;
}
.clients-block .clients-images ul li.client-img-repeater {
  position: relative;
  border-left: solid 1px #efefef;
  border-bottom: solid 1px #efefef;
  max-width: inherit;
  margin: 0;
  display: flex;
  height: 109.31px;
  padding: 24.806px 45.064px 25.662px 46.836px;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
  width: 100%;
  width: calc(25% - 30px);
}
.clients-block .clients-images ul li.client-img-repeater img {
  max-height: 60px;
  max-width: 100%;
  height: auto;
  width: auto;
}

/* end of meet our clients */
/* client-app-slider  */
.client-app-slider .client-slider .client-card {
  display: flex;
  gap: 62px;
  margin: 15px;
}
.client-app-slider .client-slider .client-card .image img {
  width: 332.955px;
  height: 332.955px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.client-app-slider .client-slider .client-card .text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.client-app-slider .client-slider .client-card .text-wrap p {
  color: #000;
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  margin: 0;
}
.client-app-slider .client-slider .client-card .person {
  display: flex;
  justify-content: space-between;
}
.client-app-slider .client-slider .client-card .person .text-wrap h4 {
  color: #000;
  font-family: "Lato";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
  margin-bottom: 8px;
}
.client-app-slider .client-slider .client-card .person .text-wrap p {
  color: rgba(0, 0, 5, 0.84);
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
}
.client-app-slider .client-slider .client-card .person .image img {
  width: 79.708px;
  height: 79.566px;
  aspect-ratio: 1/1;
}

/* client-app-slider  */
/* footer */
footer {
  display: flex;
  width: 100%;
  padding: 0px 160px 0px 160px;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  flex-shrink: 0;
}
@media (max-width: 1199px) {
  footer {
    padding: 0 80px;
  }
}
@media (max-width: 991px) {
  footer {
    padding: 0 60px;
  }
}
@media (max-width: 767px) {
  footer {
    padding: 0 15px;
  }
}
footer .footer {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  gap: 16px;
  padding: 60px 0px 0px 0px;
}
@media (max-width: 767px) {
  footer .footer {
    padding-top: 40px;
  }
}
footer .footer .footer-primary {
  display: flex;
  align-items: flex-start;
  gap: 60px;
  align-self: stretch;
  flex-direction: column;
}
@media (max-width: 767px) {
  footer .footer .footer-primary {
    gap: 30px;
  }
}
footer .footer .footer-primary .footer-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  padding: 0;
  gap: 160px;
}
@media (max-width: 767px) {
  footer .footer .footer-primary .footer-block {
    flex-direction: column;
    gap: 40px;
  }
}
footer .footer .footer-primary .footer-block .row {
  padding: 0;
  width: 100%;
}
footer .footer .footer-primary .footer-block .footer-left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
}
@media (max-width: 767px) {
  footer .footer .footer-primary .footer-block .footer-left {
    gap: 20px;
  }
}
footer .footer .footer-primary .footer-block .footer-left .footer-logo {
  display: flex;
  width: 63px;
  height: 63px;
  justify-content: center;
  align-items: center;
  padding: 0;
}
@media (min-width: 768px) {
  footer .footer .footer-primary .footer-block .footer-left .footer-logo {
    margin-bottom: 20px;
  }
}
footer .footer .footer-primary .footer-block .footer-left .footer-logo a {
  height: 100%;
  width: 100%;
  display: inline-block;
}
footer .footer .footer-primary .footer-block .footer-left .footer-logo a img {
  position: relative;
}
footer .footer .footer-primary .footer-block .footer-left .footer-contact-block {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 17px;
}
footer .footer .footer-primary .footer-block .footer-left .footer-contact-block .footer-contact ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
}
footer .footer .footer-primary .footer-block .footer-left .footer-contact-block .footer-contact ul li {
  display: flex;
  align-items: center;
}
footer .footer .footer-primary .footer-block .footer-left .footer-contact-block .footer-contact ul li .footer-contact-img {
  display: flex;
  width: 24px;
  height: 24px;
  aspect-ratio: 1/1;
  margin-right: 8px;
}
footer .footer .footer-primary .footer-block .footer-left .footer-contact-block .footer-contact ul li a {
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-transform: capitalize;
  padding: 0;
  margin: 0;
  text-decoration: none;
}
footer .footer .footer-primary .footer-block .footer-right {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  gap: 80px;
  flex: 1 0 0;
}
@media (max-width: 767px) {
  footer .footer .footer-primary .footer-block .footer-right {
    width: 100%;
    justify-content: flex-start;
    flex-direction: column;
    gap: 30px;
  }
}
footer .footer .footer-primary .footer-block .footer-right ul.footer-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10.401px;
}
footer .footer .footer-primary .footer-block .footer-right ul.footer-list li {
  padding: 0;
  margin: 0;
}
footer .footer .footer-primary .footer-block .footer-right ul.footer-list li a {
  padding: 0;
  margin: 0;
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}
footer .footer .footer-primary .footer-block .footer-right ul.footer-list li a:hover {
  text-decoration: none;
}
footer .footer .footer-primary .footer-block .footer-right ul.footer-list li h4 {
  padding: 0;
  margin: 0;
  color: #FFF;
  font-size: 16px;
  font-weight: 700;
  line-height: 20px;
}
footer .footer .footer-primary .footer-location-social {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  align-self: stretch;
  padding: 0;
}
@media (max-width: 767px) {
  footer .footer .footer-primary .footer-location-social {
    flex-wrap: wrap;
    gap: 20px;
  }
}
footer .footer .footer-primary .footer-location-social .footer-location {
  display: flex;
}
footer .footer .footer-primary .footer-location-social .footer-location ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
footer .footer .footer-primary .footer-location-social .footer-location ul li a {
  color: #FFF;
  font-size: 14px;
  font-weight: 400;
  line-height: 21px;
  text-transform: capitalize;
  text-decoration: none;
}
footer .footer .footer-primary .footer-location-social .footer-location ul li a:hover {
  text-decoration: none;
}
footer .footer .footer-primary .footer-location-social .social-media ul {
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
footer .footer .footer-primary .footer-location-social .social-media ul li {
  margin: 0;
  padding: 0;
}
footer .footer .footer-primary .footer-location-social .social-media ul li a {
  margin: 0;
  padding: 0;
}
footer .footer .footer-secondary {
  display: flex;
  padding: 8px 0px;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
  align-self: stretch;
  border-top: 1px solid #474747;
}
footer .footer .footer-secondary .footer-copyright {
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: stretch;
}
footer .footer .footer-secondary .footer-copyright p {
  color: #999;
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
  padding: 0;
  margin: 0;
}

/* end of footer */
.custom-arrows {
  display: flex;
  gap: 24px;
}

.custom-arrows button {
  border: 1px solid #181818;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  background: transparent;
  opacity: 0.3;
}

.custom-arrows button:hover {
  opacity: 1;
}

.custom-arrows img {
  width: 19.883px;
  height: 10.645px;
  -o-object-fit: contain;
     object-fit: contain;
}

.slider-header {
  margin-bottom: 40px;
  padding: 0 1rem;
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-wrap: wrap;
}
.slider-header h3 {
  color: #181818;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
}

/* project-wrapper-slider  */
.project-wrapper-slider {
  position: relative;
}
.project-wrapper-slider .project-study-slider {
  overflow: hidden;
}
.project-wrapper-slider .project-study-slider .project-study-card {
  position: relative;
  margin-left: 23.15px;
  margin-right: 0;
  background: linear-gradient(90deg, #b8d8b1 0%, #e3f4f4 50%, #9fd1d4 100%);
  height: 622.09px;
}
.project-wrapper-slider .project-study-slider .project-study-card .logo {
  width: 249.824px;
  height: 69.926px;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  z-index: 1001;
  top: 63.74px;
  left: 51.44px;
}
.project-wrapper-slider .project-study-slider .project-study-card .screenshort img {
  width: 746.813px;
  height: 525.829px;
  aspect-ratio: 746.81/525.83;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  z-index: 1001;
  bottom: 0;
  right: 116.56px;
}
.project-wrapper-slider .project-study-slider .project-study-card .text-wrap {
  position: absolute;
  bottom: 2.31rem;
  left: 1.98rem;
}
.project-wrapper-slider .project-study-slider .project-study-card .text-wrap h3 {
  color: #060606;
  font-size: 23.427px;
  font-style: normal;
  font-weight: 600;
  line-height: 32.058px;
  margin: 0;
}
.project-wrapper-slider .project-study-slider .project-study-card .text-wrap p {
  color: #202020;
  font-size: 14.796px;
  font-style: normal;
  font-weight: 500;
  line-height: 24.66px;
  margin: 0;
}
.project-wrapper-slider .project-study-slider .project-study-card .text-wrap .arrow {
  padding: 0.6165rem;
  border: 0.616px solid #000;
  width: 1.61831rem;
  height: 1.61831rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.08rem;
}
.project-wrapper-slider .project-study-slider .project-study-card .text-wrap .arrow img {
  width: 0.76613rem;
  height: 0.41013rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.project-wrapper-slider button.project-prev-arrow {
  bottom: 297.2px;
}
.project-wrapper-slider button.project-next-arrow {
  bottom: 297.2px;
}

/* .case-study-slider  */
.view-project-content p {
  color: #322c2c;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 0 0 24px;
}
.view-project-content a {
  color: #322c2c;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  border-radius: 10px;
  border: 1px solid #000;
  padding: 8px 16px;
  text-decoration: none;
}

.case-wrapper-slider,
.project-wrapper-slider {
  position: relative;
}
.case-wrapper-slider button.prev-arrow,
.case-wrapper-slider button.project-prev-arrow,
.project-wrapper-slider button.prev-arrow,
.project-wrapper-slider button.project-prev-arrow {
  position: absolute;
  bottom: 178.88px;
  left: 30px;
  z-index: 1001;
  border-radius: 4px;
  border: 1px solid #efefef;
  background: #fff;
  padding: 4px 8px;
}
.case-wrapper-slider button.prev-arrow img,
.case-wrapper-slider button.project-prev-arrow img,
.project-wrapper-slider button.prev-arrow img,
.project-wrapper-slider button.project-prev-arrow img {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.case-wrapper-slider button.next-arrow,
.case-wrapper-slider button.project-next-arrow,
.project-wrapper-slider button.next-arrow,
.project-wrapper-slider button.project-next-arrow {
  border-radius: 4px;
  border: 1px solid #efefef;
  background: #fff;
  padding: 4px 8px;
  position: absolute;
  bottom: 178.88px;
  z-index: 1001;
  right: 30px;
}
.case-wrapper-slider button.next-arrow img,
.case-wrapper-slider button.project-next-arrow img,
.project-wrapper-slider button.next-arrow img,
.project-wrapper-slider button.project-next-arrow img {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  transform: rotate(180deg);
}

/* solution-slider  */
.solution-slider .solution-slider-card {
  position: relative;
}
.solution-slider .solution-slider-card .image {
  position: relative;
  overflow: hidden;
}
.solution-slider .solution-slider-card .image img {
  width: 100%;
  height: 33.125rem;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.solution-slider .solution-slider-card .image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(191deg, rgba(68, 19, 19, 0) 50.59%, #190202 82.91%);
  pointer-events: none;
}
.solution-slider .solution-slider-card .text-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1.5rem 3rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  z-index: 1;
}
.solution-slider .solution-slider-card .text-wrap h3 {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.625rem;
  margin: 0;
}
.solution-slider .solution-slider-card .text-wrap p {
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
  margin: 0;
}

/* solution-slider  */
/* end of home pg sections*/
/* //////////////////// */
/* custom-faq   */
.custom-faq-solutions h4 {
  font-size: 2.25rem;
}
.custom-faq-solutions .custom-accordian-content .accordion {
  display: flex;
  flex-direction: column;
  gap: 3rem;
}
.custom-faq-solutions .custom-accordian-content h5 > button {
  border: none;
  background: transparent;
  box-shadow: none;
  color: #181818;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 3rem;
  align-items: baseline;
}
.custom-faq-solutions .accordion-button {
  padding: 0;
}
.custom-faq-solutions .accordion-item {
  background: transparent;
  border: none;
}
.custom-faq-solutions .accordion-item .accordion-body {
  padding: 0;
  color: #666;
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.75rem;
}

/* custom-faq   */
/* mobile-app-slider  */
.mobile-app-slider .service-slider .service-card {
  background: #fff;
  margin: 0 1rem;
  border: 1px solid #efefef;
}
.mobile-app-slider .service-slider .service-card .image {
  position: relative;
  height: 12.5rem;
  background: url("/assets/Union.svg") no-repeat center right, linear-gradient(135deg, #b3e5fc, #81d4fa);
  background-size: auto, cover;
}
.mobile-app-slider .service-slider .service-card .image img {
  width: 60px;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute;
  left: 1.5rem;
  top: 1.5rem;
}
.mobile-app-slider .service-slider .service-card .text-wrap {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  padding: 1.5rem;
}
.mobile-app-slider .service-slider .service-card .text-wrap h5 {
  color: #270d0d;
  font-family: "Lato", sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  margin: 0;
}
.mobile-app-slider .service-slider .service-card .text-wrap p {
  color: #181818;
  font-size: 1rem;
  line-height: 1.5;
  margin: 0;
}

.custom-arrows {
  display: flex;
  gap: 24px;
}

.custom-arrows button {
  border: 1px solid #181818;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  background: transparent;
  opacity: 0.3;
}

.custom-arrows button:hover {
  opacity: 1;
}

.custom-arrows img {
  width: 19.883px;
  height: 10.645px;
  -o-object-fit: contain;
     object-fit: contain;
}

.slider-header {
  margin-bottom: 40px;
  padding: 0 1rem;
  display: flex;
  align-items: end;
  justify-content: space-between;
  flex-wrap: wrap;
}
.slider-header h3 {
  color: #181818;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
}

/* mobile-app-slider  */
/* our-process-slider  */
.our-process-slider .process-slider .process-card {
  padding: 24px;
  background-color: #fff;
  border: 1px solid #efefef;
}
.our-process-slider .process-slider .process-card h2 {
  color: #efefee;
  font-size: 48px;
  font-style: normal;
  font-weight: 400;
  line-height: 64px;
  margin-bottom: 24px;
}
.our-process-slider .process-slider .process-card h5 {
  color: #270d0d;
  font-family: Lato;
  font-size: 24px;
  font-style: normal;
  font-weight: 700;
  line-height: 42px;
  margin-bottom: 8px;
}
.our-process-slider .process-slider .process-card p {
  color: #181818;
  font-family: Lato;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
}

/* our-process-slider  */
/* .case-study-slider  */
.case-study-slider {
  overflow: hidden;
}
.case-study-slider .case-study-card {
  position: relative;
  margin: 0 7.605px;
  background: linear-gradient(90deg, #b8d8b1 0%, #e3f4f4 50%, #9fd1d4 100%);
  height: 383.513px;
}
.case-study-slider .case-study-card .logo {
  width: 154.014px;
  height: 43.109px;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  z-index: 1001;
  top: 39.3px;
  left: 31.71px;
}
.case-study-slider .case-study-card .screenshort {
  width: 460.404px;
  height: 324.169px;
  aspect-ratio: 460.4/324.17;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  z-index: 1001;
  bottom: 0;
  right: 71.86px;
}
.case-study-slider .case-study-card .text-wrap {
  position: absolute;
  bottom: 2.31rem;
  left: 1.98rem;
}
.case-study-slider .case-study-card .text-wrap h3 {
  color: #060606;
  font-size: 23.427px;
  font-style: normal;
  font-weight: 600;
  line-height: 32.058px;
  margin: 0;
}
.case-study-slider .case-study-card .text-wrap p {
  color: #202020;
  font-size: 14.796px;
  font-style: normal;
  font-weight: 500;
  line-height: 24.66px;
  margin: 0;
}
.case-study-slider .case-study-card .text-wrap .arrow {
  padding: 0.6165rem;
  border: 0.616px solid #000;
  width: 1.61831rem;
  height: 1.61831rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.08rem;
}
.case-study-slider .case-study-card .text-wrap .arrow img {
  width: 0.76613rem;
  height: 0.41013rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.case-wrapper-slider,
.project-wrapper-slider {
  position: relative;
}
.case-wrapper-slider button.prev-arrow,
.case-wrapper-slider button.project-prev-arrow,
.project-wrapper-slider button.prev-arrow,
.project-wrapper-slider button.project-prev-arrow {
  position: absolute;
  bottom: 178.88px;
  left: 30px;
  z-index: 1001;
  border-radius: 4px;
  border: 1px solid #efefef;
  background: #fff;
  padding: 4px 8px;
}
.case-wrapper-slider button.prev-arrow img,
.case-wrapper-slider button.project-prev-arrow img,
.project-wrapper-slider button.prev-arrow img,
.project-wrapper-slider button.project-prev-arrow img {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.case-wrapper-slider button.next-arrow,
.case-wrapper-slider button.project-next-arrow,
.project-wrapper-slider button.next-arrow,
.project-wrapper-slider button.project-next-arrow {
  border-radius: 4px;
  border: 1px solid #efefef;
  background: #fff;
  padding: 4px 8px;
  position: absolute;
  bottom: 178.88px;
  z-index: 1001;
  right: 30px;
}
.case-wrapper-slider button.next-arrow img,
.case-wrapper-slider button.project-next-arrow img,
.project-wrapper-slider button.next-arrow img,
.project-wrapper-slider button.project-next-arrow img {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  transform: rotate(180deg);
}

/* .case-study-slider  */
.view-project-content p {
  color: #322c2c;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 0 0 24px;
}
.view-project-content a {
  color: #322c2c;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  border-radius: 10px;
  border: 1px solid #000;
  padding: 8px 16px;
  text-decoration: none;
}

/* project-wrapper-slider  */
.project-wrapper-slider {
  position: relative;
}
.project-wrapper-slider .project-study-slider {
  overflow: hidden;
}
.project-wrapper-slider .project-study-slider .project-study-card {
  position: relative;
  margin-left: 23.15px;
  margin-right: 0;
  background: linear-gradient(90deg, #b8d8b1 0%, #e3f4f4 50%, #9fd1d4 100%);
  height: 622.09px;
}
.project-wrapper-slider .project-study-slider .project-study-card .logo {
  width: 249.824px;
  height: 69.926px;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  z-index: 1001;
  top: 63.74px;
  left: 51.44px;
}
.project-wrapper-slider .project-study-slider .project-study-card .screenshort img {
  width: 746.813px;
  height: 525.829px;
  aspect-ratio: 746.81/525.83;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  z-index: 1001;
  bottom: 0;
  right: 116.56px;
}
.project-wrapper-slider .project-study-slider .project-study-card .text-wrap {
  position: absolute;
  bottom: 2.31rem;
  left: 1.98rem;
}
.project-wrapper-slider .project-study-slider .project-study-card .text-wrap h3 {
  color: #060606;
  font-size: 23.427px;
  font-style: normal;
  font-weight: 600;
  line-height: 32.058px;
  margin: 0;
}
.project-wrapper-slider .project-study-slider .project-study-card .text-wrap p {
  color: #202020;
  font-size: 14.796px;
  font-style: normal;
  font-weight: 500;
  line-height: 24.66px;
  margin: 0;
}
.project-wrapper-slider .project-study-slider .project-study-card .text-wrap .arrow {
  padding: 0.6165rem;
  border: 0.616px solid #000;
  width: 1.61831rem;
  height: 1.61831rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 1.08rem;
}
.project-wrapper-slider .project-study-slider .project-study-card .text-wrap .arrow img {
  width: 0.76613rem;
  height: 0.41013rem;
  -o-object-fit: cover;
     object-fit: cover;
}

.project-wrapper-slider button.project-prev-arrow {
  bottom: 297.2px;
}
.project-wrapper-slider button.project-next-arrow {
  bottom: 297.2px;
}

/* project-wrapper-slider  */
/* solution-slider  */
.solution-slider .solution-slider-card {
  position: relative;
}
.solution-slider .solution-slider-card .image {
  position: relative;
  overflow: hidden;
}
.solution-slider .solution-slider-card .image img {
  width: 100%;
  height: 33.125rem;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.solution-slider .solution-slider-card .image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(191deg, rgba(68, 19, 19, 0) 50.59%, #190202 82.91%);
  pointer-events: none;
}
.solution-slider .solution-slider-card .text-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 1.5rem 3rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  z-index: 1;
}
.solution-slider .solution-slider-card .text-wrap h3 {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 2.625rem;
  margin: 0;
}
.solution-slider .solution-slider-card .text-wrap p {
  color: #fff;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.75rem;
  margin: 0;
}

/* solution-slider  */
/* area-of-competence  */
.area-of-competence .text-wrap-left {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 120px 90px 120px 160px;
}
.area-of-competence .text-wrap-left h2 {
  color: #181818;
  font-size: 48px;
  font-weight: 400;
  line-height: 64px;
  margin: 0;
}
.area-of-competence .text-wrap-left p {
  color: #5d5d5d;
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
}
.area-of-competence .text-wrap-left a {
  color: var(--Text-Link-Hover, #ba2429);
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  text-decoration: none;
}
.area-of-competence .area-slider-wrapper {
  background: linear-gradient(135deg, #e6fdf5 0%, #fef6e7 60%, #fde9d2 100%);
  padding: 166px 160px 166px 94px;
  position: relative;
}
.area-of-competence .area-slider-wrapper h5 {
  color: #1c1c1c;
  font-size: 24px;
  font-weight: 400;
  line-height: 48px;
  margin-bottom: 24px;
}
.area-of-competence .area-slider-wrapper .language-slider {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 24px;
}
.area-of-competence .area-slider-wrapper .language-slider .language-card .language {
  background: #fff;
  padding: 19px 47.25px;
}
.area-of-competence .area-slider-wrapper .language-slider .language-card .language img {
  width: 121px;
  height: 42px;
  -o-object-fit: contain;
     object-fit: contain;
  aspect-ratio: 121/42;
}
.area-of-competence .area-slider-wrapper button {
  position: absolute;
  z-index: 1001;
  border-radius: 4px;
  border: 1px solid #efefef;
  background: #fff;
  padding: 4px 8px;
}
.area-of-competence .area-slider-wrapper button img {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}
.area-of-competence .area-slider-wrapper .language-prev-arrow {
  bottom: 297.66px;
  left: 30px;
}
.area-of-competence .area-slider-wrapper .language-next-arrow {
  bottom: 297.66px;
  right: 104.5px;
}
.area-of-competence .area-slider-wrapper .language-next-arrow img {
  transform: rotate(180deg);
}

/* area-of-competence  */
/* reference-isotope  */
.reference-isotope .filtering-tabs {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #efefef;
}
.reference-isotope .filtering-tabs button.filter-tab {
  color: #181818;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 28px;
  text-decoration: none;
  width: 187px;
  height: 48px;
  border: none;
  background: transparent;
  cursor: pointer;
}
.reference-isotope .filtering-tabs button.filter-tab:hover {
  border-bottom: 1px solid #4a0e10;
  padding-bottom: 8px;
  color: #4a0e10;
}
.reference-isotope .filtering-tabs button.filter-tab.is-checked {
  border-bottom: 1px solid #4a0e10;
  color: #4a0e10;
  padding-bottom: 8px;
}
.reference-isotope .filtered-card-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px 16px;
  padding-top: 24px;
}
.reference-isotope .filtered-card-wrapper .filtered-card {
  position: relative;
  display: block;
}
.reference-isotope .filtered-card-wrapper .filtered-card .image {
  position: relative;
  overflow: hidden;
}
.reference-isotope .filtered-card-wrapper .filtered-card .image img {
  width: 100%;
  height: 387px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.reference-isotope .filtered-card-wrapper .filtered-card .image::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background: linear-gradient(191deg, rgba(68, 19, 19, 0) 50.59%, #190202 82.91%);
  pointer-events: none;
}
.reference-isotope .filtered-card-wrapper .filtered-card .text-wrap {
  position: absolute;
  bottom: 24px;
  left: 24px;
}
.reference-isotope .filtered-card-wrapper .filtered-card .text-wrap h5 {
  color: #fff;
  font-size: 24px;
  font-style: normal;
  font-weight: 600;
  line-height: 40px;
  margin: 0;
}
.reference-isotope .filtered-card-wrapper .filtered-card.hide {
  display: none;
}

/* reference-isotope  */
/* client-app-slider  */
.client-app-slider .client-slider .client-card {
  display: flex;
  gap: 62px;
  margin: 15px;
}
.client-app-slider .client-slider .client-card .image img {
  width: 332.955px;
  height: 332.955px;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}
.client-app-slider .client-slider .client-card .text-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.client-app-slider .client-slider .client-card .text-wrap p {
  color: #000;
  font-family: "Lato";
  font-size: 24px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  margin: 0;
}
.client-app-slider .client-slider .client-card .person {
  display: flex;
  justify-content: space-between;
}
.client-app-slider .client-slider .client-card .person .text-wrap h4 {
  color: #000;
  font-family: "Lato";
  font-size: 32px;
  font-style: normal;
  font-weight: 400;
  line-height: 48px;
  margin-bottom: 8px;
}
.client-app-slider .client-slider .client-card .person .text-wrap p {
  color: rgba(0, 0, 5, 0.84);
  font-family: "Lato";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
  margin: 0;
}
.client-app-slider .client-slider .client-card .person .image img {
  width: 79.708px;
  height: 79.566px;
  aspect-ratio: 1/1;
}

/* client-app-slider  */
/* footer  */
.footer .left-section {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 104px;
}
.footer .left-section .logo img {
  width: 63px;
  height: 63px;
  -o-object-fit: cover;
     object-fit: cover;
}
.footer .left-section .text-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.footer .left-section .text-wrap a {
  color: #fff;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: capitalize;
  text-decoration: none;
}
.footer .left-section .text-wrap a img {
  width: 24px;
  height: 24px;
  aspect-ratio: 1/1;
  margin-right: 8px;
}
.footer .right-section {
  display: flex;
  justify-content: space-evenly;
}
.footer .right-section .quicklinks ul {
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.footer .right-section .quicklinks ul li {
  list-style: none;
}
.footer .right-section .quicklinks ul li a {
  color: #fff;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
}
.footer .right-section .quicklinks ul li:first-child a {
  color: #fff;
  font-family: Lato;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 28px;
  text-decoration: none;
}
.footer .location-social {
  display: flex;
  justify-content: space-between;
  padding-bottom: 16px;
  padding-top: 60px;
}
.footer .location-social .locations {
  display: flex;
  gap: 16px;
}
.footer .location-social .locations a {
  color: #fff;
  font-family: Inter;
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 150%;
  text-transform: capitalize;
  text-decoration: none;
}
.footer .location-social .social-icons {
  display: flex;
  gap: 16px;
}
.footer .location-social .social-icons a img {
  width: 16px;
  height: 16px;
  aspect-ratio: 1/1;
}
.footer .bottom-footer {
  padding: 8px 0px;
  border-top: 1px solid #474747;
}
.footer .bottom-footer p {
  color: #999;
  font-family: Lato;
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 20px;
  margin: 0;
  text-align: center;
}

/* footer  */
/* Hiring-page  */
.hiring-page .search-bar {
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 12px;
  overflow: hidden;
}
.hiring-page .search-bar .search-input {
  flex: 1 0 0;
  padding: 18px 20px;
  border: none;
  outline: none;
  color: #999;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
}
.hiring-page .search-bar .search-input::-moz-placeholder {
  color: #999;
}
.hiring-page .search-bar .search-input::placeholder {
  color: #999;
}
.hiring-page .search-bar .divider {
  width: 1px;
  background: #ddd;
  height: 36px;
}
.hiring-page .search-bar .custom-select-wrapper {
  position: relative;
  flex: 1 0 0;
}
.hiring-page .search-bar .custom-select-wrapper .location-select {
  width: 100%;
  padding: 18px 20px;
  border: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background: #fff;
  color: #999;
  font-family: Inter, sans-serif;
  font-size: 14px;
  font-weight: 400;
}
.hiring-page .search-bar .custom-select-wrapper .location-select option {
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  color: #333;
  font-family: Lato, sans-serif;
  padding: 8px;
  background: #fff;
  margin: 8px;
}
.hiring-page .search-bar .custom-select-wrapper .location-select option:checked {
  background-color: #f6f6f6;
  color: #333;
}
.hiring-page .search-bar .custom-select-wrapper::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  width: 16px;
  height: 16px;
  background: url("/assets/Alt Arrow Down.svg") no-repeat center;
  background-size: contain;
  transform: translateY(-50%);
  pointer-events: none;
}
.hiring-page .search-bar .search-btn {
  background: #ba2429;
  color: #fff;
  padding: 15px 28px;
  display: flex;
  align-items: center;
  gap: 10px;
  border-radius: 0 12px 12px 0;
  text-decoration: none;
  font-size: 16px;
  line-height: 28px;
  transition: background 0.3s ease;
  border: none;
  cursor: pointer;
}
.hiring-page .search-bar .search-btn img {
  width: auto;
}
.hiring-page .hiring-heading {
  border-bottom: 1px solid #efefef;
}
.hiring-page .hiring-heading h5 {
  color: #060606;
  font-family: Lato, sans-serif;
  font-size: 24px;
  font-weight: 700;
  line-height: 40px;
  margin: 0;
  padding: 30px 0 16px;
}
.hiring-page .location-name {
  padding: 30px 0 42px;
}
.hiring-page .location-name h6 {
  color: #060606;
  font-family: Lato, sans-serif;
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
  margin: 0;
}
.hiring-page .job-card-wrapper {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
  padding-top: 16px;
}
.hiring-page .job-card-wrapper .job-card {
  display: flex;
  flex-direction: column;
  gap: 24px;
  border-radius: 12px;
  border: 1px solid #efefef;
  background: #fff;
  box-shadow: 0px 4px 16px rgba(215, 215, 215, 0.25);
  padding: 24px;
}
.hiring-page .job-card-wrapper .job-card .text-wrap h6 {
  color: #181818;
  font-family: Lato, sans-serif;
  font-size: 20px;
  font-weight: 600;
  line-height: 32px;
  margin-bottom: 8px;
}
.hiring-page .job-card-wrapper .job-card .text-wrap p {
  color: #181818;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  margin: 0;
}
.hiring-page .job-card-wrapper .job-card .job-desp ul {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 0;
}
.hiring-page .job-card-wrapper .job-card .job-desp ul li {
  list-style: none;
  border-radius: 10px;
  border: 1px solid #efefef;
  display: flex;
  padding: 4px 8px;
  align-items: center;
  gap: 10px;
}
.hiring-page .job-card-wrapper .job-card .job-desp ul li a {
  color: #181818;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.hiring-page .job-card-wrapper .job-card .job-desp ul li a img {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  aspect-ratio: 1/1;
}

/* Hiring-page  */
/* home page menu bg control */
.scrolled {
  background: black !important;
}

header#mainHeader {
  transition: background 0.1s;
}

header.navbar-black {
  background: black;
  position: fixed;
  width: 100%;
  z-index: 1000;
}

header.navbar-transparent {
  background: transparent;
  position: fixed;
  width: 100%;
  z-index: 10000;
}

.home {
  overflow-x: hidden;
}

.navigation .has-dropdown > div {
  top: 100%;
  border-top: 1px solid rgba(102, 102, 102, 0.3);
}

.home-page .slider-header {
  padding-left: 0;
}

.client-app-slider .slider-header {
  padding-left: 0;
}

/*
#home {
    overflow: hidden;
    section.bg-black {
        background-color: rgba(0, 0, 0, 0) !important;
        position: absolute;
        z-index: 9999;
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        border-bottom-color: rgba(0, 0, 0, 0);
        .custom-navbar {
            background-color: rgba(0, 0, 0, 0) !important;
        }
    }
}
*//*# sourceMappingURL=home-styles.css.map */