.full-wrap {
  overflow: hidden;
}

.overflow-wrapper .computer-language-list-row li b {
  font-weight: bolder;
  display: block;
}

section.software-we-cover-sec.sap .computer-language-list-row b {
  font-weight: bolder;
  display: block;
}

.slide-nav-trigger {
  display: inline-block;
  cursor: pointer;
  position: fixed;
}

section.header-top-margin.details-outer.job-details-outer.privacy ol {
  display: block;
  list-style: auto;
  margin-left: 20px;
  font-weight: bold;
  font-family: 'Bierstadt';
  font-size: 19px;

}

div#testimonial-cara .testi-mod-content-btm img {
  object-fit: contain;
}

.slide-nav-trigger .bar1,
.slide-nav-trigger .bar2,
.slide-nav-trigger .bar3 {
  width: 26px;
  height: 2px;
  background-color: #fff;
  margin: 6px 0;
  transition: 0.4s;
}

.slide-nav-trigger-active .bar1 {
  -webkit-transform: rotate(-45deg) translate(-10px, 10px);
  transform: rotate(-45deg) translate(-10px, 10px);
}

.slide-nav-trigger-active .bar2 {
  opacity: 0;
}

.slide-nav-trigger-active .bar3 {
  -webkit-transform: rotate(45deg) translate(-1px, -1px);
  transform: rotate(45deg) translate(-1px, -1px);
}

.slide-nav-container {
  position: fixed;
  z-index: 999;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  max-width: 100%;
  padding: 156px 0 80px;
  background-color: #040a11;
  transform: translateY(-100%);
  transition: transform 0.5s cubic-bezier(0.07, 0.23, 0.34, 1);
}

.slide-nav-open .page__header {
  padding-bottom: 0px;
}

.slide-nav-container::before {
  position: absolute;
  content: "";
  background: url(../images/shape-3.png) no-repeat right top;
  width: 257px;
  height: 576px;
  top: 180px;
  bottom: 0;
  margin: auto;
  left: 0;
  -webkit-animation: fallingx 22s 0s infinite;
  animation: fallingx 22s 0s infinite;
  transition: all 200ms ease-in;
  transform: translate3d(0, -20px, 0);
}

.slide-nav-container::after {
  position: absolute;
  content: "";
  background: url(../images/shape-2.png) no-repeat center;
  width: 218px;
  height: 576px;
  top: 180px;
  bottom: 0;
  margin: auto;
  right: 0;
  -webkit-animation: falling 28s 0s infinite;
  animation: falling 28s 0s infinite;
  transition: all 200ms ease-in;
  transform: translate3d(0, -20px, 0);
}

.slide-nav-open .slide-nav-container {
  transform: translateY(0);
}

.slide-nav-container-inner {
  display: flex;
}

.slide-navigation-address {
  width: auto;
  color: #fff;
  display: flex;
  align-items: flex-end;
  position: relative;
  padding-bottom: 50px;
  margin-right: 0;
}

.address-card .slide-address-top {
  position: relative;
  padding-left: 44px;
  font-size: 24px;
  line-height: 1.6;
  font-family: 'source_sans';
}

.address-card .slide-address-top::before {
  position: absolute;
  content: "";
  background: #00ffff;
  left: 0;
  width: 5px;
  height: 93%;
  top: 7px;
}

.address-card span {
  display: block;
}

.address-card span:last-of-type {
  margin-bottom: 40px;
}

.address-card a {
  display: block;
}

.address-card a:hover {
  color: var(--blue);
}

.address-card h6 {
  font-weight: 500;
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 5px;
  padding-left: 3px;
}

.slide-nav {
  list-style: none;
  padding: 0;
  display: block;
  overflow-y: auto;
  margin-right: 0;
  column-count: 3;
  width: 95%;
  margin-right: 0px;
  padding-right: 20px;
}

.slide-nav::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  border-radius: 10px;
}

.slide-nav::-webkit-scrollbar-track {
  box-shadow: none;
  background-color: #333;
  width: 5px;
  height: 5px;
  border-radius: 10px;
}

.slide-nav::-webkit-scrollbar-thumb {
  background-color: #eee;
  outline: none;
  width: 5px;
  height: 5px;
  border-radius: 10px;
}

.slide-nav li {
  display: block;
  width: 100%;
}

.slide-nav a {
  /*display: inline-block;*/
  /*padding: 0 0 24px;*/
  /*font-size: 50px;*/
  /*line-height: 60px;*/
  /*font-weight: 700;*/
  /*text-decoration: none;*/
  /*color: #fff;*/
  /*transform: translateZ(0);*/
  display: inline-block;
  padding: 0 0 3px;
  font-size: 34px;
  line-height: 55px;
  font-weight: 500;
  text-decoration: none;
  color: #fff;
  transform: translateZ(0);

}

.slide-nav>li>a {
  color: #fff;
  position: relative;
  border: none;
}


.slide-nav>li>a::before {
  position: absolute;
  content: "";
  height: 2px;
  left: 0;
  width: 0;
  bottom: 0;
  background: var(--blue);
  transition: all 200ms ease-in;
}

.slide-nav>li>a:hover::before {
  width: 100%;
  right: 0;
}

.slide-nav a:hover,
.slide-nav li.active a {
  transition: all 200ms ease-in;
}

.slide-nav-open .slide-nav a:hover {
  color: #fff;
  transition: all 200ms ease-in;
}

.slide-nav-open .slide-nav a {
  animation: slide-in 0.4s 0.2s backwards;
}

.slide-nav-open .slide-nav li:nth-of-type(2) a {
  animation-delay: 0.25s;
}

.slide-nav-open .slide-nav li:nth-of-type(3) a {
  animation-delay: 0.3s;
}

.slide-nav-open .slide-nav li:nth-of-type(4) a {
  animation-delay: 0.35s;
}

.slide-nav-open .slide-nav li:nth-of-type(5) a {
  animation-delay: 0.4s;
}

.slide-nav-open .slide-nav li:nth-of-type(6) a {
  animation-delay: 0.45s;
}

.slide-nav-open .slide-nav li:nth-of-type(7) a {
  animation-delay: 0.5s;
}

.slide-nav-open .logo {
  opacity: 0;
}

.slide-nav li:last-child a {
  padding-bottom: 0;
}

.slide-navigation-inactive li {
  opacity: 0;
}

@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateY(-80px);
  }

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

.slide-nav-container-inner {
  max-width: 1340px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

/* header */
.page__header {
  transition: all 200ms ease-in;
}

.page__header .logo {
  width: 200px;
  /* margin-left: 80px; */
  margin-left: 113px;
  transition: all 200ms ease-in;
}

.page__header .logo img {
  display: block;
  width: 100%;
}

.page__header-inner {
  display: flex;
  justify-content: space-between;
}

.page__header-left {
  display: flex;
  align-items: center;
}

.page__header.headerfixed {
  background: var(--darkgrey) !important;
  transition: all 200ms ease-in;
  padding-top: 20px;
  padding-bottom: 20px;
  z-index: 9999;
}

.page__header.headerfixed .logo {
  width: 160px;
}

.slide-nav-open .page__header.headerfixed {
  background: transparent
}

.search-box .form {
  width: 440px;
  height: auto;
  padding: 0;
  box-sizing: border-box;
  position: absolute;
  right: 0;
  top: 76px;
}

.search-box .input {
  width: 0;
  border: 0px;
  background: transparent;
  box-sizing: border-box;
  border-bottom: 3px solid #fff;
  outline: none;
  color: #fff;
  font-size: 20px;
  transition: all 0.5s ease;
  padding: 0 20px 10px;
  opacity: 0;
  border-radius: 0;
}

.search-box .input.active {
  opacity: 1;
  transform: translateX(0);
  width: 100%;
}

.search-box #search.move {
  top: 60px;
  left: 20px;
  font-size: 12px;
}

.search-box {
  position: relative;
  align-items: center;
  display: flex;
  margin-top: 4px;
}

.search-btn {
  display: inline-block;
  margin: 0;
  background: url(../images/search-ico.png) no-repeat center;
  width: 26px;
  height: 29px;
  background-size: 26px;
}

.page__header {
  position: fixed;
  top: 0;
  z-index: 99;
  left: 0;
  right: 0;
  margin: auto;
  padding: 56px 0 65px;
}

.page__header-right form {
  top: -7px;
  position: relative;
}

.page__header-right {
  display: flex;
  color: #fff;
  align-items: center;
}

.page__header-right span {
  margin-right: 20px;
}

.page__header.headerfixed {
  background-color: #191919 !important;
}

.banner {
  position: relative;
  min-height: 100vh;
}

.banner.home-page-banner::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  /* background: url(../images/overlay.png) no-repeat center; */
  background-size: cover;
  z-index: 3;
  background-color: var(--dark);
  opacity: 30%;
}

.banner .banner-img-box {
  position: absolute;
  width: 100%;
  height: 100%;
}

.banner .banner-img-box img {
  display: block;
  width: 100%;
}

.banner .banner-img-box .fullscreen {
  position: absolute;
  z-index: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.banner-img-box .img-box {
  height: 100%;
}

.banner .inner-banner {
  position: relative;
  z-index: 5;
  padding-top: 100px;
}

.banner h1 {
  font-weight: 700;
}

.home-banner {
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}

.home-banner h1 {
  max-width: 904px;
  margin: 0 auto;
  text-align: center;
}

.banner .ico1 {
  width: 17vw;
  height: 17vh;
  background: url(../images/shape-eqal-yellow.png) no-repeat center;
  background-size: auto;
  z-index: 6;
  top: 280px;
  left: auto;
  background-size: 100%;
  right: 0;
  /* -webkit-animation: fallingx 25s 0s infinite;
  animation: fallingx 25s 0s infinite;
  transition: all 200ms ease-in;
  transform: translate3d(-20px, 0px, 0); */
}

.banner .ico2 {
  width: 7vw;
  height: 19vw;
  background: url(../images/shape-pink.png) no-repeat center;
  z-index: 6;
  top: 0;
  bottom: -68vh;
  margin: auto;
  left: -20px;
  background-size: 100%;
  /* -webkit-animation: falling 22s 0s infinite;
  animation: falling 22s 0s infinite;
  transition: all 200ms ease-in;
  transform: translate3d(0, -20px, 0); */
}

.banner .ico3 {
  width: 20vw;
  height: 37vw;
  background: url(../images/shape-plus-blue.png) no-repeat center;
  z-index: 6;
  bottom: -29vh;
  right: 0;
  background-size: 100%;
  /* -webkit-animation: falling 26s 0s infinite;
  animation: falling 26s 0s infinite;
  transition: all 200ms ease-in;
  transform: translate3d(-20px, 0, 0); */
}

.home-banner>i {
  position: absolute;
}

.plus-pink-ico {
  background: url("../images/shape-plus-pink-filled.png") no-repeat center;
}

.plus-blue-ico {
  background: url("../images/shape-plus-blue-filled.png") no-repeat center;
}

.plus-yellow-ico {
  background: url("../images/shape-plus-yellow-filled.png") no-repeat center;
}

.plus-ico {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: 100%;
  margin-left: 0px;
}

/* about-cta-sec */
.about-cta-sec {
  display: flex;
}

.about-cta-sec .about-cta-cell {
  width: 50%;
  position: relative;
  min-height: 619px;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding-bottom: 74px;
  padding-left: 0;
}

.about-cta-sec .about-cta-img {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.about-cta-sec .about-cta-img .img-box {
  height: 100%;
}

.about-cta-sec .about-cta-img .img-box img {
  object-fit: cover;
  filter: grayscale(1);
  transition: all 200ms ease-in;
}

.about-cta-content {
  color: #fff;
  position: relative;
  padding: 0 30px 0 63px;
  width: 533px;
  overflow: hidden;
}

.about-cta-content h5 {
  font-weight: 700;
  margin-bottom: 22px;
  margin-top: 0px;
}

.about-cta-content a {
  display: inline-block;
}

.about-cta-sec .borderleft-blue::after,
.about-cta-sec .borderleft-red::after {
  position: absolute;
  content: "";
  width: 5px;
  height: 100%;
  left: 0;
}

.about-cta-sec .borderleft-blue::after {
  background: var(--lightblue);
  animation: animate 5s linear infinite;
  top: 0;
}

.about-cta-sec .borderleft-red::after {
  background: var(--lightred);
  animation: animate2 5s linear infinite;
  bottom: 0;
}

@keyframes animate {
  0% {
    top: 0;
  }

  50% {
    top: 100%;
  }

  0% {
    top: 0;
  }
}

@keyframes animate2 {
  0% {
    bottom: 0;
  }

  50% {
    bottom: 100%;
  }

  0% {
    bottom: 0;
  }
}

.two-cell-row {
  display: flex;
  justify-content: space-between;
}

.two-cell-row .two-cell-sm {
  width: 515px;
}

.two-cell-row .two-cell-lg {
  width: 753px;
}

.location-sec .two-cell-row .two-cell-lg {
  width: 573px;
}

.slide-nav>li:last-child a {
  padding-bottom: 10px;
}

/* w-we-are-sec */
.w-we-are-sec {
  padding: 130px 0 118px;
  position: relative;
}

.w-we-are-sec::before {
  position: absolute;
  content: "";
  background: var(--dark);
  height: 483px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
}

.w-we-are-sec .hightlight-heading-sm {
  color: var(--red);
}

.w-we-are-sec h2 {
  font-weight: 700;
}

.w-we-are-row .two-cell-sm .img-box {
  height: 523px;
}

.w-we-are-row .two-cell-lg .img-box {
  width: 687px;
  height: 420px;
}

.w-we-are-row .img-box img {
  filter: grayscale(1);
  object-fit: cover;
}

.w-we-are-row {
  padding-top: 44px;
}

.w-we-are-row .two-cell-sm {
  padding-top: 128px;
  position: relative;
}

.w-we-are-row .two-cell-sm .img-box::before {
  background: rgba(0, 0, 0, 0.4) url("../images/shape-plus-blue-croped.png") no-repeat right top;
  background-size: 449px;
}

.w-we-are-row .two-cell-lg .img-box::before {
  background: rgba(0, 0, 0, 0.4) url("../images/shape-eqal-sm.png") no-repeat right center;
  background-size: 470px;
}

.w-we-are-row .two-cell-sm .img-box::before,
.w-we-are-row .two-cell-lg .img-box::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 3;
  mix-blend-mode: multiply;
}

.w-we-are-row .two-cell-lg a {
  display: inline-block;
  margin-bottom: 120px;
}

.w-we-are-row .two-cell-lg h6 {
  margin-bottom: 22px;

}

.w-we-are-row .two-cell-sm::before {
  position: absolute;
  content: "";
  background: url(../images/shape-3.png) no-repeat right top;
  background-size: 533px;
  left: -305px;
  width: 365px;
  height: 466px;
  z-index: 4;
  top: 30px;
  -webkit-animation: falling 25s 0s infinite;
  animation: falling 25s 0s infinite;
  transition: all 200ms ease-in;
  transform: translate3d(0, -20px, 0);
}

/* specialisms-sec */
.specialisms-img-bg {
  position: absolute;
  width: 100%;
  height: 990px;
  object-fit: cover;
  top: 0;
  background: var(--dark);
}

.specialisms-sec::before {
  position: absolute;
  content: "";
  width: 100%;
  background: #fff;
  bottom: 0;
  height: 215px;
}

.specialisms-sec {
  position: relative;
  padding: 85px 0 0;
}

.specialisms-sec .specialisms-img-bg .img-box {
  height: 100%;
  width: 80%;
  background: var(--dark);
}

.specialisms-sec .specialisms-img-bg img {
  filter: grayscale(1);
}

.specialisms-sec .specialisms-img-bg .img-box::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: url("../images/overlay-light.png") no-repeat center;
  background-size: 100% 100%;
  z-index: 4;
  background-color: rgb(0, 0, 0, 0.7);
}

.specialisms-sec .specialisms-img-bg .img-box::after {
  position: absolute;
  content: "";
  width: 248px;
  height: 668px;
  top: 60px;
  left: 66px;
  margin: auto;
  background: url("../images/shape-pink.png") no-repeat center;
  background-size: 100%;
  z-index: 5;
  mix-blend-mode: color-dodge;
}

.specialisms-sec .specialisms-img-bg .img-box img {
  object-fit: cover;
  filter: grayscale(1);
}

.specialisms-row {
  display: flex;
  position: relative;
  z-index: 4;
  color: var(--white);
  margin: 0 -25px;
  padding-bottom: 123px;
  position: relative;
  z-index: 6;
}

.specialisms-row .specialisms-cell {
  width: 33.33%;
}

.specialisms-cell {
  padding-left: 25px;
  padding-right: 25px;
}

.specialisms-inner {
  background: var(--darkgrey);
  padding: 59px 48px 59px 65px;
  width: 100%;
}

.specialisms-row .specialisms-cell h4 {
  margin-bottom: 42px;
  max-width: 90%;
  font-weight: 700;
  font-family: "source_sans";
}

.specialisms-content {
  padding-left: 55px;
  padding-top: 6px;
}

.specialisms-content p {
  margin-bottom: 32px;
  margin-top: -13px;
}

.specialisms-content a {
  display: inline-block;
  position: relative;
  z-index: 99;
}

/* how-we-do-sec */
.how-we-do-sec {
  background: var(--dark);
  color: var(--white);
}

.how-we-do-sec h2 {
  color: var(--white);
  font-weight: 700;
}

.how-we-do-sec .cust-container-sm {
  position: relative;
  z-index: 7;
}

.how-we-do-sec .hightlight-heading-sm {
  color: var(--blue);
}

h2 i.plus-ico {
  width: 14px;
  height: 14px;
}

.how-we-do-sec-row {

  padding-top: 34px;

}

.how-we-do-sec-row h6 {
  margin-bottom: 40px;
}

.how-we-do-sec-row a {
  display: inline-block;
  margin-bottom: 91px;
}

.how-we-do-sec-row .two-cell-lg .img-box {
  height: 422px;
  width: 91%;
}

.how-we-do-sec-row .two-cell-sm .img-box {
  height: 524px;
  width: 100%;
}

.how-we-do-sec-row .img-box img {
  filter: grayscale(1);
}

.how-we-do-sec-row .img-box::after,
.how-we-do-sec-row .img-box::before {
  position: absolute;
  content: "";
}

.how-we-do-sec-row .two-cell-sm {
  padding-top: 137px;
}

.how-we-do-sec-row .img-box::before {
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 4;
}

.how-we-do-sec-row .two-cell-lg .img-box::after {
  background: url(../images/shape-star-pink.png) no-repeat right center;
  width: 443px;
  height: 100%;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 4;
  mix-blend-mode: color;
  background-size: 100% 100%;
}

.how-we-do-sec-row .two-cell-sm .img-box::after {
  background: url(../images/shape-plus-two.png) no-repeat right center;
  width: 443px;
  height: 100%;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 4;
  mix-blend-mode: multiply;
  background-size: 100%;
}

.testimonial-sec {
  padding-top: 108px;
  position: relative;
  padding-bottom: 110px;
}

.testimonial-sec::before {
  position: absolute;
  content: "";
  background: url("../images/shape-3.png") no-repeat top left;
  width: 199px;
  height: 434px;
  top: 15px;
  background-size: cover;
  right: -20px;
  /* -webkit-animation: fallingx 20s 0s infinite;
  animation: fallingx 20s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(0, -20px, 0);
}

.testimonial-sec h2 {
  max-width: 433px;
  font-weight: 700;
  margin-bottom: 26px;
}

.testimonial-cara {
  margin-left: 191px;
  max-width: 913px;
}

.testimonial-cara .item * {
  padding-left: 50px;
}

.testimonial-cara blockquote {
  margin-bottom: 30px;
  position: relative;
  padding-top: 34px;
}

.testimonial-cara blockquote::before {
  position: absolute;
  content: "";
  width: 78px;
  height: 59px;
  background: url(../images/quotes-ico.png) no-repeat center;
  background-size: 72px;
  left: 0;
  top: 0;
}

.testimonial-sec .owl-nav.disabled+.owl-dots {
  margin-top: 49px;
  padding-left: 38px;
}

.testimonial-sec cite {
  display: block;
}

.testimonial-sec .owl-dots .owl-dot {
  margin: 0 17px 0 0;
  border-radius: 50%;
}

.testimonial-sec .owl-dots .owl-dot:last-child {
  margin-right: 0;
}

.testimonial-sec .owl-dots .owl-dot span {
  margin: 0;
  background: transparent;
  border: 1px solid var(--dark);
  width: 13px;
  height: 13px;
}

.testimonial-sec .owl-dots .owl-dot.active span {
  background: var(--dark);
}

/* cta-contact */
.cta-contact-sec {
  padding: 0 0 0;
  background: var(--dark);
  position: inherit;
  z-index: 4;
}

.cta-contact-sec::before {
  position: absolute;
  content: "";
  background: var(--white);
  height: 200px;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

.cta-contact-inner {
  position: relative;
  min-height: 600px;
}

.cta-contact-img {
  position: absolute;
  width: 100%;
  height: 100%;
}

.cta-contact-img .img-box {
  height: 100%;
}

.cta-contact-img .img-box::after {
  position: absolute;
  content: "";
  background: url("../images/shape-blue-star.png") no-repeat bottom right;
  width: 435px;
  height: 409px;
  left: 0;
  top: 0;
  mix-blend-mode: multiply;
}

.cta-contact-img .img-box::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  /*background: rgb(0, 0, 0, 0.5);*/
  background-color: hsl(0deg 0% 0% / 50%);
  z-index: 4;
}

.cta-contact-inner .cust-container-md {
  position: relative;
  z-index: 6;
  padding-top: 127px;
  padding-bottom: 80px;
}

.cta-contact-inner h2 {
  font-weight: 700;
  color: var(--white);
  font-size: var(--heading-h2-font-size);
  line-height: var(--heading-h2-line-height);
  letter-spacing: var(--heading-h2-lspacing);
}

.cta-contact-inner .two-cell-sm {
  width: 625px;
}

.cust-form {
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
  flex-wrap: wrap;
}

.cust-form .cust-form-group {
  padding-left: 20px;
  padding-right: 20px;
  width: 50%;
}

.cust-form .cust-form-submit {
  width: 100%;
  display: flex;
  justify-content: flex-end;
}

.cust-form .cust-form-group.cust-form-submit {
  margin-top: -10px;
}

.location-sec {
  color: var(--white);
  background: #040a11 url("../images/map.png") no-repeat top center;
  position: relative;
  padding: 160px 0 160px;
}

.location-sec::before {
  position: absolute;
  content: "";
  background: url("../images/shape-plus-blue.png") no-repeat right bottom;

  width: 482px;

  height: 604px;
  right: 0;
  top: -112px;
  background-size: 100%;
  /* -webkit-animation: falling 28s 0s infinite;
  animation: falling 28s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(0, -20px, 0);
  z-index: 2;
}

.location-sec .cust-container-md {
  position: relative;
  z-index: 3;
}

.location-sec .location-content {
  max-width: 487px;
}

.location-sec .location-content h2 {
  font-weight: 700;
  margin-bottom: 40px;
}

.location-sec .hightlight-heading-sm {
  color: var(--red);
}

.location-sec .location-address {
  display: flex;
  justify-content: flex-start;
  width: 680px;
}

.location-sec .address-card {
  background: var(--darkgrey);
  padding: 64px 65px 53px;
  width: 421px;
}

.cta-contact-sec .two-cell-lg {
  padding-top: 27px;
}

h2 .plus-ico {
  width: 15px;
  height: 15px;
  margin-left: 0px;
}

/* footer */
.page__footer {
  padding-top: 50px;
  background: var(--dark);
  position: relative;
}

.page__footer::before,
.page__footer::after {
  position: absolute;
  content: "";

}

.page__footer::before {
  height: 517px;
  width: 207px;
  background: url(../images/shape-3.png) no-repeat right top;
  left: 0px;
  top: -210px;
  /* -webkit-animation: falling 20s 0s infinite;
  animation: falling 20s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(0, -20px, 0);
  background-size: 370px;
}

.page__footer::after {
  height: 422px;
  width: 176px;
  background: url(../images/shape-2.png) no-repeat bottom center;
  right: 0;
  top: 0;
  /* -webkit-animation: fallingx 16s 0s infinite;
  animation: fallingx 16s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(0, -20px, 0);

}

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

  100% {
    opacity: 1;
  }
}

.page__footer .footer-logo {
  display: block;
  margin: 0 auto 67px;
  width: 145px;
}

.page__footer .footer-logo img {
  display: block;
  width: 100%;
}

.footer-links {
  display: flex;
  justify-content: center;
  padding-bottom: 77px;
  /* border-bottom: 1px solid var(--darkgrey); */
  border-bottom: 1px solid #323232;
  flex-wrap: wrap;
}

.footer-links li {
  margin-right: 80px;
  position: relative;
  z-index: 5;
  margin-top: 20px;
}

.footer-links li a {
  color: var(--white);
}

.footer-links li a:hover {
  color: var(--blue);
}

.footer-links li:last-child {
  margin-right: 0;
}

.page__footer .copyright-sec {
  color: var(--grey);
  padding: 67px 0;
}

.page__footer .copyright-sec .copyright-right {
  width: 445px;
  text-align: right;
}

.page__footer .copyright-sec span {
  display: flex;
  font-size: 21px;
  line-height: 30px;
}

.page__footer .copyright-sec .cust-container-md {
  display: flex;
  justify-content: space-between;
}

/* back to tp */
.backtotop {
  position: fixed;
  bottom: 30px;
  right: 30px;
  z-index: 98;
  padding: 0;
  border-radius: 0;
  width: 50px;
  height: 50px;
  cursor: pointer;
  background: var(--dark);
  /*border: 2px solid #fff;*/
  /*   animation: bounce 0.5s;*/
  /*animation-direction: alternate;*/
  /*animation-timing-function: cubic-bezier(0.5, 0.05, 1, 0.5);*/
  /*animation-iteration-count: infinite;*/
}

.backtotop i {
  background: url(../images/arrow-top.png) no-repeat center;
  width: 100%;
  display: inline-block;
  height: 100%;
  background-size: 16px;
}

@keyframes bounce {
  from {
    transform: translate3d(0, -10px, 0);
  }

  to {
    transform: translate3d(0, 10px, 0);
  }
}

.about-cta-sec .about-cta-img:hover img {
  transform: scale(1.1);
  transition: all 200ms ease-in;
}

/* solution page css  start here */

.banner.solution-banner {
  position: relative;
  align-items: flex-start;
}

.banner.solution-banner:before {
  content: '';
  position: absolute;
  background-image: url(../images/solution-page/feature8.png);
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  z-index: 5;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;
  opacity: 50%;
}

.banner.solution-banner:after {
  content: '';
  position: absolute;
  background-image: url(../images/solution-page/feature7.png);
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
}

.banner.solution-banner .ico2 {
  width: 30vw;
  height: 28vw;
  background: url(../images/solution-page/shape-pink.png) no-repeat center;
  z-index: 7;
  top: 0;
  bottom: -10vh;
  margin: auto;
  left: -160px;
  background-size: 100%;
  /* -webkit-animation: falling 22s 0s infinite;
  animation: falling 22s 0s infinite;
  transition: all 200ms ease-in;
  transform: translate3d(0, -20px, 0); */
  /* opacity: 1; */
  /* mix-blend-mode: hard-light;
  z-index: 4; */
  z-index: 4;
  opacity: .75;
}

.banner.solution-banner .ico3 {
  width: 16.5vw;
  height: 94vh;
  background: url(../images/solution-page/yellow-retangle.png) no-repeat center;
  z-index: 7;
  top: 60px;
  right: 166px;
  background-size: 100%;
  /* -webkit-animation: falling 26s 0s infinite;
  animation: falling 26s 0s infinite;
  transition: all 200ms ease-in;
  transform: translate3d(-20px, 0, 0); */
  opacity: 30%;
}

.banner-content-cell .inner-banner-content-cell {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

}

.solution-banner .banner-content {
  padding: 0 28px;
}

.banner-content-cell .inner-banner-content-cell .left-content-cell {
  -ms-flex: 0 0 42.727%;
  flex: 0 0 42.727%;
  max-width: 42.727%;
}

.banner-content-cell .inner-banner-content-cell .right-content-cell {
  -ms-flex: 0 0 54.54%;
  flex: 0 0 54.54%;
  max-width: 54.54%;
}

.banner-content-cell .inner-banner-content-cell .left-content-cell h5 {
  font-size: 40px;
  line-height: 70px;
  letter-spacing: var(--h5-lspacing);
  font-weight: 700;
}

.banner-content-cell .inner-banner-content-cell .right-content-cell p {
  font-size: 21px;
  line-height: 38px;
  letter-spacing: 0.011em;
}

.banner-content-cell .inner-banner-content-cell .right-content-cell p:not(:last-child) {
  margin-bottom: 32px;
}

/* .banner.solution-banner .inner-banner {
  position: relative;
  z-index: 5;
  padding-top: 320px;
} */
.theme-para-font-contianer {
  padding-top: 0.80%;
}

.inner-page-banner-sec .inner-banner {
  position: relative;
  z-index: 5;
  padding-top: 320px;
}

.banner.solution-banner .banner-content-cell {
  padding-top: 90px;
}

.career-path-sec .banner-content-cell .inner-banner-content-cell .right-content-cell p {
  /* line-height: 70px; */

}

/* .banner.solution-banner .banner-content-cell {
  padding-top: 120px;
} */

.banner.solution-banner .banner-img-box {
  position: absolute;
  width: 100%;
  height: 100vh;
}

section.banner.solution-banner.home-banner {
  background: #000;
}

section.banner.solution-banner.home-banner {
  background: #000;
  padding-bottom: 112px;
}

.parmanent-cell span {
  color: var(--purple);

}

.tempoary-cell span {
  color: var(--red);

}

.parmanent-row,
.tempoary-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.parmanent-row .parmanent-right-content,
.tempoary-row .tempoary-right-content {
  -ms-flex: 0 0 47%;
  flex: 0 0 47%;
  max-width: 47%;
}

.parmanent-row .parmanent-left-content,
.tempoary-row .tempoary-left-content {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}


.theme-para-font-contianer p {
  font-size: 21px;
  line-height: 38px;
}

/* .parmanent-tempoary-sec p:not(:last-child) {
  margin-bottom: 42px;
} */
.theme-para-font-contianer p:not(:last-child) {
  margin-bottom: 42px;
}

*/ .parmanent-tempoary-sec p:not(:last-child) {
  margin-bottom: 42px;
}

*/ .parmanent-tempoary-sec .cust-container-sm {
  max-width: 1430px;
  width: 100%;
  margin: 0 auto;
}

.parmanent-tempoary-sec .inner-parmanent-tempoary-sec {
  padding: 116px 0px 112px;
  position: relative
}

.parmanent-tempoary-sec .parmanent-cell {
  margin-bottom: 160px
}


/* .parmanent-tempoary-sec .parmanent-cell::before {
  content: '';
  position: absolute;
  background-image: url(../images/solution-page/shape-1.png);
  width: 100%;  
  height: 100%;
  display: block;
  bottom: -40vh;
  left: 0;
  right: 0;
  z-index: 0;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
  max-width: 1430px;
} */
.parmanent-tempoary-sec .parmanent-cell::before {
  content: '';
  position: absolute;
  background-image: url(../images/solution-page/shape-2.png);
  background-size: auto;
  background-size: auto;
  width: 406px;
  height: 439px;
  top: 300px;
  background-size: cover;
  left: -267px;
  /* -webkit-animation: fallingx 20s 0s infinite;
  animation: fallingx 20s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(0, -20px, 0);
  z-index: -1;

}

.parmanent-tempoary-sec .tempoary-cell:before {
  position: absolute;
  content: "";
  background: url(../images/solution-page/shape-1.png) no-repeat top left;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  width: 406px;
  height: 439px;
  top: 202px;
  background-size: cover;
  right: -12vw;
  /* -webkit-animation: fallingx 20s 0s infinite;
  animation: fallingx 20s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(0, -20px, 0);
}

.executive-cell .hightlight-heading-sm {
  color: var(--blue);

}

.w-we-are-sec .hightlight-heading-sm {
  color: var(--red);
}

.theme-heading-h3 {
  font-size: 40px;
  line-height: 70px;
  letter-spacing: var(--h5-lspacing);
  font-weight: 700;
}

.management-cell .hightlight-heading-sm {
  color: var(--red);

}

.talent-cell .hightlight-heading-sm {
  color: var(--yellow);

}

.solution-feature-content {
  width: 100%;
  max-width: 736px;
}

.solution-feature-content>div:not(:last-child) {
  margin-bottom: 122px;
}

.solution-feature {
  background-color: var(--dark);
  position: relative;
}

.solution-feature:before {
  position: absolute;
  content: "";
  background: url(../images/shape-3.png) no-repeat right top;

  background-size: 375px;
  left: -190px;
  width: 315px;
  height: 466px;
  z-index: 4;
  top: 280px;
  /* -webkit-animation: falling 25s 0s infinite;
  animation: falling 25s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(0, -20px, 0);
}

.solution-feature:after {
  position: absolute;
  content: "";
  background: url(../images/solution-page/recann_rode_dc1.png) no-repeat right top;
  background-size: auto;

  background-size: 355px;
  left: -240px;
  width: 365px;
  height: 456px;
  z-index: 4;
  bottom: 25px;
  /* -webkit-animation: falling 25s 0s infinite;
  animation: falling 25s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(0, -20px, 0);
}

.solution-feature .theme-heading-h2 {
  color: var(--white);
  margin-bottom: 19px;
}

.solution-feature p {
  color: var(--white);
  font-size: 21px;
  line-height: 38px;
}

.solution-feature .inner-solution-feature {
  padding: 96px 0 100px;
  position: relative;
}

.solution-img-cell {
  position: absolute;
  top: 140px;
  right: -237px;
}

.solution-img-cell img {
  width: 100%;
  max-width: 100%;
  object-fit: cover;
  filter: grayscale(100%);
  position: relative;
}

.solution-img-cell .inner-solution-img-cell {
  position: relative;
}

.solution-img-cell .inner-solution-img-cell::before {
  position: absolute;
  content: "";
  background: url(../images/solution-page/glow-2.png) no-repeat right top;

  left: 0px;
  width: 100%;
  height: 100%;
  z-index: 4;
  top: 0;
  right: 0;
  margin: auto;
  background-position: left;
}

.solution-img-cell .inner-solution-img-cell::after {
  position: absolute;
  content: "";
  background: url(../images/solution-page/shape-two-plus.png) no-repeat right bottom;
  background-position-x: right;
  background-position-y: bottom;
  width: 100%;
  min-height: 381px;
  z-index: 4;
  bottom: 16vw;
  right: -121px;
  margin: auto;
  background-position: left;
  max-width: 100%;
  /* -webkit-animation: falling 25s 0s infinite;
  animation: falling 25s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(0, -20px, 0);
  background-size: 73%;
}

.solution-feature+.cta-contact-sec::before {
  display: none;
}

.solution-feature+.cta-contact-sec .cust-container-sm {
  max-width: 1430px;
  width: 100%;
  margin: 0 auto;
}

.solution-cta-contact-sec .two-cell-sm {
  width: 494px;
}

.solution-cta-contact-sec .img-box::after {
  position: absolute;
  content: "";
  background: url("../images/solution-page/artwork-shape.png") no-repeat bottom right;
  width: 475px;
  height: 444px;
  left: -84px;
  top: -97px;
  mix-blend-mode: color;
}

.solution-cta-contact-sec .cta-contact-inner {
  position: relative;
  min-height: 600px;
}

.solution-location-sec {
  padding: 120px 0 120px;
}

.solution-location-sec::before {
  position: absolute;
  content: "";
  background: url("../images/solution-page/artwork-shape2.png") no-repeat right bottom;
  background-size: auto;
  background-size: auto;
  width: 605px;
  height: 605px;
  right: -120px;
  top: -134px;
  background-size: 100%;
  -webkit-animation: inherit;
  animation: inherit;
  transition: inherit;
  transform: translate3d(0, -20px, 0);
  z-index: 2;
}

.solution_page_footer .copyright-sec {
  color: var(--grey);
  padding: 47px 0 154px;
}

.solution-location-sec .hightlight-heading-sm {
  color: var(--red);
  font-weight: 500;
}

.parmanent-tempoary-sec .plus-red-ico {
  background: url("../images/solution-page/red-plus-sm.png") no-repeat center;
  background-size: auto;
  background-size: auto;
  width: 10px;
  height: 10px;
}

h2 i.plus-ico {
  width: 10px;
  height: 10px;
}

.cta-contact-sec.solution-cta-contact-sec {
  padding-bottom: 365px;
}

/* solution page css  end here */

/* career page css start here  */

.career-banner {
  position: relative;
  align-items: inherit;
  padding-bottom: 100px;
}

.career-banner:before {
  content: '';
  position: absolute;
  background-image: url(../images/career-page/bg-layer.png);
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.career-banner:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left;
  background-image: url(../images/career-page/glow-5.png);
  /* background-color: #000;
 
mix-blend-mode: hue; */
}

.cust-container-md2 {
  width: 100%;
  max-width: 1430px;

  margin: 0 auto;
}

.career-banner.home-banner h1 {
  max-width: 100%;
  margin: 0 auto;
  text-align: left;
  max-width: 100%;
}

.career-banner .hightlight-heading-sm {
  color: var(--blue);
  margin-bottom: 13px;
}

.career-banner .img-box img {
  object-position: top;
  filter: grayscale(1);
}

.banner.career-banner .ico2 {
  width: 49vw;
  background: url(../images/career-page/equal-sign-shape.png) no-repeat center;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  z-index: 1;
  top: 0;
  bottom: 5vh;
  margin: auto;
  left: -100px;
  background-size: 100%;
  /* -webkit-animation: falling 22s 0s infinite;
  animation: falling 22s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(0, -20px, 0);
  mix-blend-mode: color;
  mix-blend-mode: color-dodge;
  height: 100%;
}

.banner.career-banner .banner-content-cell .inner-banner-content-cell .left-content-cell {
  -ms-flex: 0 0 39.301%;
  flex: 0 0 39.301%;
  max-width: 39.301%;
}

.banner.career-banner .banner-content-cell .inner-banner-content-cell .right-content-cell {
  -ms-flex: 0 0 54.55%;
  flex: 0 0 54.55%;
  max-width: 54.55%;
  padding-top: 10px;
}

.plus-red-ico {
  background: url("../images/solution-page/red-plus-sm.png") no-repeat center;
  background-size: auto;
}

.career-banner .banner-content-cell {
  padding-top: 60px;
}

.banner.career-banner .inner-banner {
  padding-top: 320px;
}

.banner.career-banner .banner-content-cell .inner-banner-content-cell .right-content-cell .theme-btn {
  margin-top: -24px;
}

/* .banner-content-cell .inner-banner-content-cell .right-content-cell p:nth-child(2){
    margin-bottom: 20px;
  } */

.career-path-sec .left-content-cell h2 {
  font-family: 'Tenorite';
  color: var(--white);
}

.career-path-sec .banner-content-cell .inner-banner-content-cell .right-content-cell p {
  /* line-height: 70px; */
  color: var(--white);
  margin-bottom: 0;
}

.career-path-sec .banner-content-cell .inner-banner-content-cell .left-content-cell {
  -ms-flex: 0 0 40.55%;
  flex: 0 0 40.55%;
  max-width: 40.55%;
}

.career-path-sec .hightlight-heading-sm {
  color: var(--yellow);
}

.career-path-sec {
  background-color: #030910;
}

.career-banner .left-content-cell h2 i.plus-ico,
.career-path-sec i.plus-ico {
  width: 10px;
  height: 10px;

}

.career-banner .left-content-cell h2 i.plus-ico {
  font-family: 'Tenorite';
}

.path-img-box img {
  width: 100%;
  max-width: 100%;
}

.career-path-sec {
  position: relative;
  padding-top: 20px;
}

.career-path-cell {
  background: #000;
  margin-top: -330px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

.career-path-cell img {
  width: 100%;
  max-width: 100%;
}

.career-path-sec .banner-content-cell {
  position: relative;
  z-index: 5;
  margin-bottom: 200px;
}

.path-img-box {
  position: relative;
}

.path-img-box img {

  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  object-fit: cover;
  mix-blend-mode: hard-light;


}




/* .career-path-cell:after {
  content: '';
  position: absolute;
  background-image: url(../images/career-page/shape1.png);
  width: 100%;
  height: 100%;
  display: block;
  bottom: -35vh;
  left: 0;
  right: 0;
  z-index: 3;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
  max-width: 1430px;

} */

/* .career-path-cell.intro:after {
  background-image: url(../images/career-page/upper-shape.png);
}
.career-path-cell.intro2:after {
  background-image: url(../images/career-page/down-shape.png);
} */

.up-path-step-one {
  position: absolute;
  width: 50%;
  height: 470px;
  display: block;
  top: 13vw;
  background: transparent;
  left: 25vw;
  right: 0;
  z-index: 10;

  clip-path: polygon(-28% 66%, 108% 2%, 91% 39%, 10% 110%);
}

.up-path-step-two {
  position: absolute;
  width: 60%;
  height: 470px;
  display: block;
  top: 28vw;
  background: transparent;
  left: 25vw;
  right: 0;
  z-index: 10;

  clip-path: polygon(-9% 65%, 95% 2%, 91% 38%, 7% 90%);
}

/* .path-img-box {
  position: relative;
}
.uper-path {
  position: absolute;
  top: 330px;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  max-width: 50%;
  z-index: 2;
}

.down-path {
  position: absolute;
  bottom: 82px;
  left: 78px;
  right: 0;
  width: 100%;
  max-width: 81%;
  margin: auto;
} */
.our-benifit-sec .hightlight-heading-sm {
  color: var(--red);
}

.plus-purple-ico {

  background-image: url(../images/career-page/plus-purple-ico.png);
}

.our-benifit-sec .our-benifit-list .our-benifit-list-item {
  background-color: var(--darkgrey);
  color: var(--white);
  padding: 20px 37px 19px 80.1px;
}

.our-benifit-sec .our-benifit-list.our-benifit-list-reached .our-benifit-list-item {
  transition: all 200ms ease-in;
  animation: slide-in 0.6s 0.5s backwards;
  transform: translateZ(0);
}

.our-benifit-sec .our-benifit-list.our-benifit-list-reached .our-benifit-list-item:first-child {
  animation-delay: 0.4s;
}

.our-benifit-sec .our-benifit-list.our-benifit-list-reached .our-benifit-list-item:nth-of-type(2) {
  animation-delay: 0.5s;
}

.our-benifit-sec .our-benifit-list.our-benifit-list-reached .our-benifit-list-item:nth-of-type(3) {
  animation-delay: 0.6s;
}

.our-benifit-sec .our-benifit-list.our-benifit-list-reached .our-benifit-list-item:nth-of-type(4) {
  animation-delay: 0.7s;
}

.our-benifit-sec .our-benifit-list.our-benifit-list-reached .our-benifit-list-item:nth-of-type(5) {
  animation-delay: 0.8s;
}

.our-benifit-sec .our-benifit-list.our-benifit-list-reached .our-benifit-list-item:nth-of-type(6) {
  animation-delay: 1s;
}

.our-benifit-sec .our-benifit-list.our-benifit-list-reached .our-benifit-list-item:nth-of-type(7) {
  animation-delay: 1.5s;
}

.our-benifit-sec .our-benifit-list.our-benifit-list-reached .our-benifit-list-item:last-child {
  animation-delay: 1.6s;
}

@keyframes slide-in {
  0% {
    opacity: 0;
    transform: translateX(-80px);
  }

  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

.our-benifit-sec .our-benifit-list li:not(:last-child) {
  margin-bottom: 16px;
}

.our-benifit-sec .our-benifit-list .our-benifit-list-item span {
  font-size: 21px;
  line-height: 38px;
  position: relative;
  vertical-align: middle;
}

.our-benifit-sec .our-benifit-list li span::before {
  position: absolute;
  content: "";
  background: #00ffff;
  left: -20px;
  width: 5px;
  height: 100%;
  transform: translateY(-50%);
  top: 50%;
}

.our-benifit-sec .our-benifit-row p {
  font-size: 21px;
  line-height: 38px;
  font-family: 'Bierstadt';
  padding-top: 12px;
  padding-bottom: 32px;
}

.our-benifit-sec .img-box {
  height: 588px;

}

.our-benifit-sec .img-box img {
  object-fit: cover;
  filter: grayscale(1);
}

.our-benifit-sec .our-benifit-row .two-cell-sm {
  width: 569px;
  padding-top: 16vh;
  position: relative;
}

.our-benifit-sec .two-cell-sm .img-box::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 3;

}

.our-benifit-sec i.plus-ico {
  width: 10px;
  height: 10px;
  object-fit: contain;
}

.our-benifit-sec .two-cell-sm .img-box::before {
  background: rgba(0, 0, 0, 0.4) url(../images/career-page/shape-blue-star.png) no-repeat right top;
  background-size: auto;
  background-size: 449px;
  mix-blend-mode: multiply;
}

.our-benifit-sec {
  padding-top: 112px;
  position: relative;
}

.our-benifit-sec::after {
  position: absolute;
  content: "";
  background: var(--dark);
  height: 127px;
  bottom: -2px;
  left: 0;
  right: 0;
  margin: auto;
  z-index: -1;
}

.our-benifit-sec .our-benifit-row .two-cell-sm:before {
  position: absolute;
  content: "";
  background: url(../images/career-page/shape-2.png) no-repeat right top;
  background-size: auto;
  background-size: auto;
  background-size: 496px;
  right: -195px;
  width: 496px;
  height: 559px;
  z-index: 4;
  top: -90px;
  -webkit-animation: falling 25s 0s infinite;
  animation: falling 25s 0s infinite;
  transition: all 200ms ease-in;
  transform: translate3d(0, -20px, 0);
}

.testimonial-sec.our-employees-testimonial-sec .testimonial-cara {
  width: 100%;
  max-width: 1290px;
  margin-left: -80px;
  margin-bottom: 113px;

}

.testimonial-sec.our-employees-testimonial-sec .testimonial-cara blockquote {
  font-size: 20px;
  line-height: 40px;
}

.testimonial-sec.our-employees-testimonial-sec blockquote::before {
  position: absolute;
  content: "";
  width: 78px;
  height: 59px;
  background: url(../images/career-page/quotes-icon.png) no-repeat center;
  background-size: auto;
  background-size: 72px;
  left: 0;
  top: 0;
}

.testimonial-sec.our-employees-testimonial-sec {
  background-color: var(--dark);
  padding-top: 38px;
  padding-bottom: 140px;
}

.testimonial-sec.our-employees-testimonial-sec h2 {
  color: var(--white);
  margin-bottom: 60px;
}

.testimonial-sec.our-employees-testimonial-sec .item cite {


  font-size: 22px;
  line-height: 32px;
  font-weight: 700;

}

.testimonial-sec.our-employees-testimonial-sec .item * {
  color: var(--white);
  padding-left: 80px;
}

.testimonial-sec.our-employees-testimonial-sec::before {
  position: absolute;
  content: "";
  background: url("../images/shape-3.png") no-repeat top left;
  background-size: auto;
  width: 544px;
  height: 614px;
  top: 264px;
  background-size: cover;
  right: -186px;
  /* -webkit-animation: fallingx 20s 0s infinite;
  animation: fallingx 20s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(0, -20px, 0);
}

.testimonial-image-gallery-row .two-cell-sm .img-box {
  height: 377px;
}

.testimonial-image-gallery-row .two-cell-sm .img-box:not(:last-child) {
  margin-bottom: 31px;
}

.testimonial-image-gallery-row .two-cell-lg .img-box {
  height: 785px;
}

.testimonial-sec.our-employees-testimonial-sec .two-cell-row .two-cell-sm {
  width: 552px;
}

.testimonial-sec.our-employees-testimonial-sec .two-cell-row .two-cell-lg {
  width: 847px;
}

.testimonial-sec.our-employees-testimonial-sec .owl-dots .owl-dot.active span {
  background: #fff;
}

.testimonial-sec.our-employees-testimonial-sec .owl-dots .owl-dot span {
  margin: 0;
  background: transparent;
  border: 1px solid #fff;
  width: 13px;
  height: 13px;
}

.our-offer-sec .hightlight-heading-sm {
  color: var(--red);
}

.our-offer-sec .two-cell-row .two-cell-sm {
  width: 587px;
}

.our-offer-sec .two-cell-row .two-cell-lg {
  width: 741px;
  padding-top: 60px;
}

.our-offer-sec .cust-form .form-control {

  border-bottom: 2px solid #000;

  color: #000;

}

.our-offer-sec .theme-btn {
  border: 2px solid #000;
  font-size: var(--sm-font-size);
  line-height: var(--sm-line-height);
  letter-spacing: var(--sm-font-lspacing);
  font-weight: 700;
  padding: 17px 49px;
  background: transparent;
  text-transform: uppercase;

  color: #000;
}

.our-offer-sec .theme-btn:hover {
  background-color: #000;
  color: var(--white);
}

.our-offer-sec .form-control::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: #000;
}

.our-offer-sec .form-control::-moz-placeholder,
input::-moz-placeholder {
  color: #000;
}

.our-offer-sec .form-control:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: #000;
}

.our-offer-sec .form-control:-moz-placeholder,
input:-moz-placeholder {
  color: #000;
}

.our-offer-sec .custom-file .custom-file-label {
  color: #000;
  border-radius: 0;
  border: none;
}

.our-offer-sec .custom-file .custom-file-label::after {
  display: none;
}

.custom-file-label:focus-visible,
.custom-file-label:focus,
.cust-form-group.custom-file:hover:active:focus:focus-visible,
#customFile:focus,
.custom-file-input:focus~.custom-file-label {
  outline: none !important;
  box-shadow: none !important;

}

.our-offer-sec .custom-file .custom-file-label {
  border-bottom: 2px solid #000;
  color: #000;
  height: calc(1.5em + .75rem + 10px);
  margin: 0 20px;
}

.our-offer-sec {
  padding-top: 89px;
  padding-bottom: 40px;
}

.our-offer-sec h2 {
  padding-bottom: 16.1px;
}

.our-offer-sec p {
  font-size: 21px;
  line-height: 38px;
}

/* 
.banner.career-banner .banner-content-cell .inner-banner-content-cell .right-content-cell p:not(:last-child) {
  margin-bottom: 51px;
} */

.banner.career-banner .banner-content-cell .inner-banner-content-cell .right-content-cell p:nth-child(2) {
  margin-bottom: 24px;
}

.our-offer-sec+footer.page__footer {
  padding-top: 75px;
}

.page__footer .copyright-sec.copyright-sec-pb {
  padding-bottom: 145px;
}

.career-path-sec .banner-content-cell .inner-banner-content-cell .right-content-cell {
  padding-top: 0;
}

.our-offer-sec+footer.page__footer:before {
  display: none;
}

.our-offer-sec {
  position: relative;
}

.our-offer-sec:before {
  position: absolute;
  content: "";
  height: 597px;
  width: 257px;
  background: url("../images/shape-3.png") no-repeat right top;
  left: -50px;
  top: 284px;
  /* -webkit-animation: falling 20s 0s infinite;
  animation: falling 20s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(0, -20px, 0);
  z-index: 9;
}

.circle-plus {
  height: 6em;
  width: 6em;
  font-size: 1em
    /*Will change icon size*/
  ;
}

.circle-plus .circle {
  position: relative;
  width: 4.5em;
  height: 4.5em;
  border-radius: 100%;

}

.circle-plus .circle .horizontal {
  position: absolute;
  background-color: #0FF;
  width: 62px;
  height: 18px;
  top: 42px;
  left: 17px;
  box-shadow: 0px 1px 8px 1px #00fefe;
  opacity: 1;
}

.circle-plus .circle .vertical {
  position: absolute;
  background-color: #0FF;
  width: 18px;
  height: 62px;
  top: 20px;
  left: 37px;
  box-shadow: 0px 1px 8px 1px #00fefe;
  opacity: 1;
}

.circle.hide {
  display: none;
}

#target9 .circle-plus.prev-text-show.hide-after:after {
  opacity: 0.30;
}

#target9 .circle-plus.prev-text-show.hide-before:before {
  opacity: 0.30;
}

/* career page css end here  */


/* software page css start here  */
.banner.software-banner {
  position: relative;

}

.banner.software-banner .banner-img-box {
  position: absolute;
  width: 100%;
  /* height: calc(100% + 318px); */
  height: 100%;
  z-index: 3;
}

.banner.software-banner .banner-img-box::after {
  content: '';
  position: absolute;
  background-image: url(../images/software-page/glow-1.png);
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  background-size: 100% 100%;
  background-color: #19191952;
}



.banner.software-banner .hightlight-heading-sm {
  color: var(--blue);
  margin-bottom: 13px;
}

.banner.software-banner h1 {
  text-align: left;
  width: 100%;
  max-width: 100%;
  margin-bottom: 23px;
}

.banner.software-banner .banner-content-cell {
  width: 100%;
  max-width: 77.435%;
}

.banner.software-banner {
  align-items: inherit;
}

/* 
.banner.software-banner .inner-banner {
  position: relative;
  z-index: 5;
  padding-top: 365px;
} */

.banner.software-banner .ico3 {
  width: 20.313vw;
  height: 55.39vw;
  background: url(../images/software-page/retangle-shape-2.png) no-repeat center;
  z-index: 5;
  top: 0px;
  right: 25vh;
  background-size: 100%;
  /* -webkit-animation: falling 26s 0s infinite;
  animation: falling 26s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(-20px, 0, 0);
  /* mix-blend-mode: color; */
  /* mix-blend-mode: color-dodge; */
  /* mix-blend-mode: color;
  opacity: 40%; */
  /* mix-blend-mode: color-dodge;
opacity: 60%; */
  mix-blend-mode: color-dodge;
  filter: brightness(50%);
  filter: contrast(110%) brightness(70%);
  background-size: 80%;
}

.banner.software-banner .banner-content-cell .content-cell h2+p {
  padding-top: 221px;
}

.banner.software-banner .banner-content-cell .content-cell>p {
  font-size: 24px;
  line-height: 48px;
}

.banner-paragraph-content p {
  color: var(--white);
  font-family: 'Bierstadt';
  font-size: 21px;
  line-height: 38px;
  letter-spacing: 0.011em;
}

section.banner-paragraph-content {
  position: relative;
  z-index: 9;
}

.banner-paragraph-content .inner-paragraph-content {
  width: 100%;
  max-width: 780px;
  padding-top: 35px;
  padding-bottom: 84px;
}

.banner-paragraph-content .inner-paragraph-content p:not(:last-child) {
  padding-bottom: 76px;
}

.banner-cont {
  background-color: var(--dark);
}

.banner-paragraph-content:after {
  position: absolute;
  content: "";
  background: url(../images/software-page/shape1.png) no-repeat top left;
  background-size: auto;
  background-size: auto;
  width: 28.859vw;
  height: 32.555vw;
  bottom: 56px;
  background-size: cover;
  right: -19px;
  /* -webkit-animation: fallingx 20s 0s infinite;
  animation: fallingx 20s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(0, -20px, 0);
}

.h-can-we-help-sec .hightlight-heading-sm {
  color: var(--red);
  margin-bottom: 13px;
}

.h-can-we-help-sec .two-cell-sm .img-box {
  /* height: 588px; */
  height: 468px;
}

.h-can-we-help-sec .img-box img {
  filter: grayscale(1);
  object-fit: cover;
}

.h-can-we-help-sec .two-cell-sm .img-box::before,
.h-can-we-help-sec .two-cell-sm .img-box::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  right: 0;
  top: 0;
  z-index: 3;
  background-color: #19191952;
}

.h-can-we-help-sec .two-cell-sm .img-box::before {
  background: url(../images/software-page/shape-yellow-star.png) no-repeat right top;
  background-size: 449px;
  top: 45px;
}

.h-can-we-help-sec .two-cell-sm .img-box::after {
  /* background: rgba(0, 0, 0, 0.4) ;
  background-size: 449px; */

}

.h-can-we-help-sec .two-cell-sm {

  position: relative;
}

.h-can-we-help-sec .two-cell-sm::before {
  position: absolute;
  content: "";
  background: url(../images/software-page/shape1.png) no-repeat right top;
  background-size: 496px;
  left: -470px;
  width: 496px;
  height: 559px;
  z-index: 4;
  top: 14px;
  /* -webkit-animation: falling 25s 0s infinite;
  animation: falling 25s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(0, -20px, 0);
  background-size: 80%;
}

.h-can-we-help-sec .two-cell-row .two-cell-sm {
  width: 569px;
}

.h-can-we-help-sec .two-cell-row .two-cell-lg {
  width: 749px;
}

.h-can-we-help-row {
  padding-right: 23px;
}

.h-can-we-help-sec .two-cell-row .two-cell-lg p {
  font-family: 'Bierstadt';
  font-size: 19px;
  line-height: 38px;
}

.h-can-we-help-sec .two-cell-row .two-cell-lg p:not(:last-child) {

  padding-bottom: 32px;

}

.h-can-we-help-sec {
  padding-top: 122px;
  position: relative;
}

.h-can-we-help-sec h2.theme-heading-h2 {
  padding-bottom: 40px;
}

section.h-can-we-help-sec:after {
  content: '';
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 5vw;
  background-color: var(--dark);
  z-index: -1;
}

.software-we-cover-sec .hightlight-heading-sm {
  color: var(--yellow);
}

.computer-language-list-row li {
  width: 100%;
  background-color: #191919;
  mix-blend-mode: normal;
  color: var(--white);
  padding: 42px 46px 42px 86px;
  position: relative;
  font-size: 24px;
  line-height: 38px;
  font-family: 'BierstadtDisplay';
  cursor: pointer;
  transition: 0.25s ease-in;
  display: inline-block;
}

.computer-language-list-row li:hover {
  background-color: #e71956;
  transition: 0.25s ease-in;
}

.computer-language-list-row li {
  margin-bottom: 27px;
}



.computer-language-list-row li::before {
  position: absolute;
  content: "";
  background: #00ffff;
  left: 50px;
  width: 5px;
  height: 44%;
  transform: translateY(-50%);
  top: 50%;
}


.computer-language-list-row ul {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  width: 100%;
}

.computer-language-list-row {
  display: flex;
  padding-top: 63px;
}

.computer-language-list-row .computer-language-list-two-cell:nth-child(1) {
  margin-right: 35px;
}

.software-we-cover-sec .inner-software-we-cover-sec {
  max-width: 1257px;
  position: relative;
  z-index: 9;
}

.software-we-cover-sec {
  background-color: var(--dark);
  padding-top: 114px;
  position: relative;
}

/*---
.software-we-cover-sec:after {
        content: '';
        position: absolute;
        background-image: url(../images/software-page/shape2.png);
        width: 100%;
        height: 70vw;
        display: block;
        top: -140px;
        left: 0;
        right: 0;
        z-index: 3;
        opacity: 25%;
        background-position: center 82px;
        background-size: cover;
    }

---*/

.software-we-cover-sec h2 {
  color: var(--white);
  font-family: 'Tenorite';
}

.help-onboarding-sec {
  position: relative;
}

.help-onboarding-sec .help-onboarding-img-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
  top: 0;
  background: var(--dark);
  left: 0;
}

.help-onboarding-content {
  position: relative;
  z-index: 9;
  width: 100%;
  max-width: 784px;
  margin-left: auto;
  padding-top: 97px;
}

.help-onboarding-content .hightlight-heading-sm {
  color: var(--blue);
  margin-bottom: 13px;
}

.help-onboarding-content h2 {
  color: var(--white);
}

.help-onboarding-content p {
  color: var(--white);
  font-size: 21px;
  line-height: 38px;
}

.help-onboarding-content h2+p {
  padding-top: 44px;
  padding-bottom: 44px;
}

.help-onboarding-img-bg .img-box {
  height: 100%;
  width: 50%;
  background: var(--dark);
}

.help-onboarding-sec {
  position: relative;
  padding-bottom: 78px;
  z-index: 1;
}

.help-onboarding-img-bg .img-box:before {
  content: '';
  position: absolute;
  background-image: url(../images/software-page/glow-2.png);
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  background-size: contain;
}

.help-onboarding-img-bg .img-box:after {
  content: '';
  position: absolute;
  background-image: url(../images/software-page/blue-plus.png);
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 5vw;
  right: 0;
  z-index: 2;
  background-size: cover;
  mix-blend-mode: color;
}

.help-onboarding-img-bg .img-box img {
  filter: grayscale(1);
  object-fit: cover;
}

.latest-job-sec .hightlight-heading-sm {
  color: var(--red);
  margin-bottom: 13px;
}

.inner-latest-job-sec .theme-heading-h2 {
  margin-bottom: 40px;
  width: 748px;

}

.theme-heading-h4 {
  font-size: 30px;
  line-height: 48px;
  font-weight: 700;
}

.latest-job-sec.two-cell-row .job-box {
  width: 100%;
  max-width: 430px;
  background-color: var(--darkgrey);
  padding: 39px 63px 55px 63px;
}

.latest-job-sec.two-cell-row .two-cell-lg .job-box {

  margin-left: auto;
}

.latest-job-sec.two-cell-row .job-box h3 {
  font-family: 'source_sans';
  color: var(--white);
  margin-bottom: 25px;
  width: 100%;
}

.latest-job-sec.two-cell-row .job-discription-box {
  margin-bottom: 25px;
}

.latest-job-sec.two-cell-row .job-box li {
  color: var(--white);
  font-family: 'Bierstadt';
  font-size: 18px;
  line-height: 36px;
}

.latest-job-sec.two-cell-row .job-box p {
  font-size: 22px;
  line-height: 32px;
  font-family: 'Bierstadt';
  color: var(--white);
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-bottom: 60px;
}

.latest-job-sec.two-cell-row .job-box .theme-btn {
  padding: 17px 25px;
}

.job-box.yellow-border {
  border: 3px solid var(--yellow);
}

.job-box.purple-border {
  border: 3px solid var(--purple);
  margin-bottom: 32px;
}

.job-box.blue-border {
  border: 3px solid var(--blue);
}

.latest-job-sec .two-cell-row .two-cell-lg {
  width: 1007px;
}

section.latest-job-sec .cust-container-md2 {
  max-width: 1500px;
  transform: translate(70px, 0px);
}

.latest-job-sec.two-cell-row .two-cell-sm {
  width: 461px;
}

section.latest-job-sec {
  position: relative;
  padding-top: 80px;
  padding-bottom: 90px;

}

section.latest-job-sec:before {

  position: absolute;
  content: "";
  background: url(../images/software-page/shape1.png) no-repeat right top;
  background-size: 496px;
  left: -15vw;
  width: 496px;
  height: 559px;
  z-index: 4;
  top: 2vw;
  transform: translate3d(0, -20px, 0);
  background-size: 80%;
}

.latest-job-img-bg {
  position: absolute;
  width: 100%;
  height: 810px;
  object-fit: cover;
  bottom: 0px;
  background: var(--dark);
  left: 0;
  z-index: -1;
}

.latest-job-img-bg .img-box {
  height: 100%;
  width: 50%;
  background: var(--dark);
}

.latest-job-img-bg .img-box img {
  filter: grayscale(1);
  object-fit: cover;
}

.latest-job-img-bg .img-box:before {
  content: '';
  position: absolute;
  background-image: url(../images/software-page/glow-3.png);
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  background-size: cover;
}

section.latest-job-sec+footer.page__footer {
  padding-top: 55px;
}

.software-banner .banner-paragraph-content .inner-paragraph-content p:not(:last-child) {
  padding-bottom: 46px;
}

.software-banner-paragraph.banner-paragraph-content::before {
  display: none;
}

.software-banner-paragraph.banner-paragraph-content:after {
  position: absolute;
  content: "";
  background: url(../images/software-page/shape1.png) no-repeat top left;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  width: 23.859vw;
  height: 25.555vw;
  bottom: 56px;
  background-size: cover;
  right: 11px;
  /* -webkit-animation: fallingx 20s 0s infinite;
animation: fallingx 20s 0s infinite;
transition: all 200ms ease-in; */
  transform: translate3d(0, -20px, 0);
}

.banner-paragraph-content.software-banner-paragraph .inner-paragraph-content p:not(:last-child) {
  padding-bottom: 32px;
}

.software-l-j .latest-job-sec.two-cell-row .job-box {
  margin-bottom: 30px;
}

.banner.software-banner .plus-red-ico {
  background: url("../images/solution-page/red-plus-sm.png") no-repeat center;
  background-size: auto;
  background-size: auto;
}

.latest-job-sec.software-l-j+.page__footer::before {
  top: 110px;
}

.latest-job-sec.software-l-j+.page__footer::after {
  right: 0px;
  top: 130px;
}

/* software page css end here  */

/* our-specialisms page css start here */

section.banner.home-banner.our-specialisms-banner:before {
  content: '';
  position: absolute;
  background-image: url(../images/specialisms-page/glow-1.png);
  width: 100%;
  height: 100vh;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  z-index: 2;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
}

section.banner.home-banner.our-specialisms-banner:after {
  content: '';
  position: absolute;
  background-image: url(../images/solution-page/feature7.png);
  width: 100%;
  height: 100vh;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  /* opacity: 75%; */
}

section.specialisms-cate-sec .specialisms-row {
  flex-wrap: wrap;
  padding-bottom: 100px;
}

/* section.banner.home-banner.our-specialisms-banner .inner-banner {
  position: relative;
  z-index: 5;
  padding-top: 400px;
} */

section.banner.solution-banner.home-banner.our-specialisms-banner {
  background-color: var(--dark);
}

section.specialisms-cate-sec .specialisms-row .specialisms-cell {
  margin-bottom: 50px;
}

.specialisms-cate-sec {
  background-color: var(--dark);
  position: relative;
  padding-top: 90px;
}

.specialisms-cate-sec::before {
  content: '';
  position: absolute;
  background-image: url(../images/specialisms-page/shape-1.png);
  width: 100%;
  height: 100%;
  display: block;
  top: -188px;
  left: 0;
  right: 0;
  z-index: 3;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  /* animation: falling 26s 0s infinite; */
}

.specialisms-cate-sec+.cta-contact-sec::before {
  background: var(--dark);
}

section.banner.home-banner.our-specialisms-banner .ico3 {
  width: 57.5vw;
  height: 80vh;
  background: url(../images/specialisms-page/shape-two-plus.png) no-repeat center;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  z-index: 4;
  top: -30vh;
  right: 2vw;
  background-size: 100%;
  /* -webkit-animation: falling 26s 0s infinite;
  animation: falling 26s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(-20px, 0, 0);
  /* opacity: 1;
  mix-blend-mode: soft-light; */
  opacity: .75;
  mix-blend-mode: plus-lighter;
  background-size: 80%;
}

section.banner.home-banner.our-specialisms-banner .img-box img {
  object-position: bottom;
}

.banner.our-specialisms-banner .banner-content-cell {
  padding-top: 58px;
}

.specialisms-cate-sec .specialisms-row .specialisms-cell h4 {
  margin-bottom: 42px;
  max-width: 100%;
  font-weight: 700;
  font-family: "source_sans";
  font-size: 40px;
  line-height: 54px;
}

.specialisms-cate-sec .specialisms-content p {
  margin-bottom: 30px;

}

.specialisms-cta-sec .cta-contact-inner {
  position: relative;
  min-height: 520px;
  z-index: 8;
}

.specialisms-cta-sec .img-box img {

  object-position: top;
}

.specialisms-cta-sec .img-box::after {

  top: -27px;

}



/* our-specialisms page css end here */

/* candidate page css start here */
.candidate-cta-sec+.location-sec {
  background-position: center 80px;
}

.banner.inner-page-banner .hightlight-heading-sm {
  color: var(--blue);
}

.banner.inner-page-banner h1 {
  text-align: left;
  width: 100%;
  max-width: 100%;
  margin-bottom: 43px;
}

.banner.inner-page-banner .banner-content-cell {
  width: 100%;
  max-width: 77.435%;
}

.candidate-banner .banner-img-box .img-box:before {
  content: '';
  position: absolute;
  background-image: url(../images/candidate-page/glow-3.png);
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;

}

.candidate-banner .banner-img-box .img-box::after {
  content: '';
  position: absolute;
  background-image: url(../images/candidate-page/glow-2.png);
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  background-size: cover;
  opacity: 75%;
  display: none;

}

.banner.candidate-banner.inner-page-banner .banner-content-cell {
  width: 100%;
  max-width: 54.48%;
}

.banner.candidate-banner.inner-page-banner .banner-content-cell h2 {
  margin-bottom: 10px;
}

/* .banner.candidate-banner.inner-page-banner .banner-content-cell p {
  font-size: 24px;
  line-height: 48px;
} */

.banner.candidate-banner.inner-page-banner .banner-paragraph-content p:not(:last-child) {
  margin-bottom: 32px;
}

.banner.inner-page-banner.candidate-banner.home-banner .inner-banner {
  position: relative;
  z-index: 9;
  padding-top: 0px;
  width: 100%;
  max-width: 100%;
}

.banner.candidate-banner .banner-img-box {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
}

.banner.candidate-banner.inner-page-banner h1 {
  text-align: left;
  width: 100%;
  max-width: 100%;
  margin-bottom: 10px;
  font-size: 63px;
}

.banner.candidate-banner.inner-page-banner .ico1 {
  width: 30.8vw;
  height: 50.2vh;
  background: url(../images/candidate-page/star-shape.png) no-repeat center;
  background-size: auto;
  z-index: 6;
  top: -90px;
  left: inherit;
  background-size: 90%;
  /* -webkit-animation: fallingx 25s 0s infinite;
  animation: fallingx 25s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(-20px, 0px, 0);
  right: 30vw;
  opacity: 0.5;
  mix-blend-mode: difference;
}

.banner.candidate-banner.inner-page-banner .ico2 {
  width: 19.532vw;
  height: 11vw;
  background: url(../images/candidate-page/equal-shape.png) no-repeat center;
  z-index: 5;
  top: 0;
  bottom: 34px;
  margin: auto;
  left: -171px;
  background-size: 90%;
  /* -webkit-animation: falling 22s 0s infinite;
  animation: falling 22s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(0, -20px, 0);
}

.banner.candidate-banner.inner-page-banner .ico3 {
  width: 40.21vw;
  height: 18vw;
  background: url(../images/candidate-page/two-plus-shape.png) no-repeat center;
  z-index: 6;
  bottom: 4.5vh;
  right: -10vw;
  background-size: 90%;
  /* -webkit-animation: falling 26s 0s infinite;
  animation: falling 26s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(-20px, 0, 0);
}

.candidate-banner .banner-paragraph-content:after {
  display: none;
}

.candidate-banner {
  padding-bottom: calc(13vh + 22px);
}

.our-job-sec .hightlight-heading-sm {
  color: var(--purple);
  margin-bottom: 13px;
}

.our-job-sec p {
  /* font-size: 24px; */
  /* line-height: 48px; */
  /* font-family: 'Bierstadt'; */
}

.our-job-sec .two-cell-row .two-cell-lg {
  width: 749px;
}

.our-job-sec .two-cell-row .two-cell-sm {
  width: 669px;
}

.our-job-sec .paragraph-content p:not(:last-child) {
  margin-bottom: 38px;
}

.our-job-sec {
  padding-top: 86px;
  position: relative;
}

.our-job-sec:after {
  content: '';
  position: absolute;
  bottom: 0px;
  width: 100%;
  height: 43vw;
  background-color: var(--dark);
  z-index: -1;
}

.our-job-sec .candidate-our-job-list .two-cell-row .two-cell-sm {
  align-items: center;
  display: flex;
  padding-top: 26vh;
}

.our-job-sec .candidate-our-job-list .two-cell-row .two-cell-lg .job-box:not(:last-child) {
  margin-bottom: 66px;
}

.our-job-sec .candidate-our-job-list .latest-job-sec.two-cell-row .two-cell-lg .job-box {
  margin-left: inherit;
}

.candidate-our-job-list {
  width: 100%;
  max-width: 992px;
  margin-top: -33vh;
  position: relative;
  z-index: 1;
}

.our-job-sec .candidate-our-job-list .two-cell-row .two-cell-sm .job-box.purple-border {
  margin-bottom: 334px;
}

.our-job-content .paragraph-content a {
  position: relative;
  z-index: 99;
}


.our-approach-sec .hightlight-heading-sm {
  color: var(--yellow);
}

.our-approach-sec .our-approach-content {
  width: 100%;
  max-width: 753px;
  margin-left: auto;
  position: relative;
  z-index: 9;
}

section.our-approach-sec {
  background-color: var(--dark);
  padding-top: 0px;
  position: relative;
  padding-bottom: 145px;
}

.our-approach-sec h2,
.our-approach-sec p {
  color: var(--white);
}

.our-approach-sec .our-approach-content p {
  font-size: 24px;
  line-height: 48px;
}

.our-approach-sec h2 {
  font-family: 'Tenorite';
  font-weight: 700;
  padding-bottom: 17px;
}

.our-approach-sec .paragraph-content p {
  font-size: 24px;
  line-height: 70px;
  font-weight: 400;
}

.our-approach-sec .paragraph-content p:not(:last-child) {
  margin-bottom: 36px;
}

.our-approach-img-bg {
  position: absolute;
  width: 100%;
  height: 74vh;
  object-fit: cover;
  top: -270px;
  background: var(--dark);
  left: 0;
  z-index: 0;
}

.our-approach-img-bg .img-box {
  height: 100%;
  width: 50%;
  background: var(--dark);
  position: relative;
}

.our-approach-img-bg .img-box img {
  filter: grayscale(1);
  object-fit: cover;
}

.our-approach-img-bg .img-box:before {
  content: '';
  position: absolute;
  background-image: url(../images/candidate-page/glow-4.png);
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  background-size: 100% 100%;
}

/* .our-approach-img-bg  .img-box:before {
  content: '';
  position: absolute;
  background-image: url(../images/software-page/glow-2.png);
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  background-size: contain;
  background-repeat: no-repeat;
} */

.candidate-our-job-list::after {
  content: '';
  position: absolute;
  background-image: url(../images/candidate-page/code-shape-1.png);
  width: 25.85vw;
  height: 29.7vw;
  display: block;
  top: 32vw;
  right: -36vw;
  z-index: 3;
  background-repeat: no-repeat;
  background-size: 80%;
  /* -webkit-animation: falling 20s 0s infinite;
animation: falling 20s 0s infinite;
transition: all 200ms ease-in; */
}

section.our-approach-sec:after {
  content: '';
  position: absolute;
  background-image: url(../images/candidate-page/code-shape-2.png);
  width: 25.85vw;
  height: 29.7vw;
  display: block;
  top: 110px;
  left: 3vw;
  z-index: 9;
  background-repeat: no-repeat;
  background-size: 90%;
  /* -webkit-animation: falling 20s 0s infinite;
  animation: falling 20s 0s infinite;
  transition: all 200ms ease-in; */
}

.our-job-sec::before {
  content: '';
  position: absolute;
  background-image: url(../images/candidate-page/code-shape-1.png);
  width: 20vw;
  height: 30vw;
  display: block;
  top: 15vw;
  left: -220px;
  z-index: 3;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-animation: falling 20s 0s infinite;
  animation: falling 20s 0s infinite;
  transition: all 200ms ease-in;
}

.candidate-banner .banner-paragraph-content::before {
  display: none;

}

section.banner.inner-page-banner.candidate-banner.home-banner:before {
  /* content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background: #000;
  display: inline-block;
  z-index: 5;
  mix-blend-mode: soft-light; */
}

section.banner.inner-page-banner.candidate-banner.home-banner:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background-image: url(../images/candidate-page/glow-2.png);
  display: inline-block;
  z-index: 5;

}

.candidate-banner.banner.inner-page-banner .hightlight-heading-sm {
  margin-bottom: 13px;
}


.testimonial-sec.candidate-testimonial-sec::before {
  position: absolute;
  content: "";
  background: url("../images/shape-3.png") no-repeat top left;
  background-size: auto;
  width: 544px;
  height: 614px;
  top: 82px;
  background-size: cover;
  right: -313px;
  /* -webkit-animation: fallingx 20s 0s infinite;
    animation: fallingx 20s 0s infinite;
    transition: all 200ms ease-in; */
  transform: translate3d(0, -20px, 0);
  background-size: 80%;
}

/* .testimonial-sec.candidate-testimonial-sec .testimonial-cara blockquote::before {
  position: absolute;
  content: "";
  width: 78px;
  height: 59px;
  background: url(../images/candidate-page/qoutes.png) no-repeat center;
  background-size: auto;
  background-size: 72px;
  left: 0;
  top: 0;
} */

.testimonial-sec.candidate-testimonial-sec .testimonial-cara blockquote {
  margin-bottom: 30px;
  position: relative;
  padding-top: 70px;
}

.cta-contact-sec.solution-cta-contact-sec {
  padding-bottom: 0;
}

.cta-contact-sec.solution-cta-contact-sec.sol-cus-sec {

  padding-bottom: 295px;

}

.cta-contact-sec.solution-cta-contact-sec.sol-cus-sec+.solution-location-sec::before {
  z-index: 5;
}

.cta-contact-sec.solution-cta-contact-sec.sol-cus-sec+.solution-location-sec .cust-container-md {
  position: relative;
  z-index: 9;
}

.our-job-sec .candidate-our-job-list.candidate2-cell-section .two-cell-row .two-cell-lg.our-jobs-view-container .job-box:nth-child(2) {
  top: 0vh;

}

.candidate-our-job-list.candidate2-cell-section {
  margin-top: 26vh;
}

.candidate-our-job-list.candidate1-cell-section {
  margin-top: -16vh;
}

.our-job-sec.candidate0-cell-section::after {
  display: none;
}

.our-job-sec .candidate-our-job-list.candidate2-cell-section .latest-job-sec.two-cell-row .two-cell-lg .job-box:nth-child(1) {
  position: relative;
  top: -42vh;
}

/* candidate page css end here */
/* clients page css start here  */

.banner.inner-page-banner.clients-banner .hightlight-heading-sm {
  color: var(--yellow);
}

.banner.inner-page-banner.clients-banner .ico1 {
  width: 40.1vw;
  height: 40.1vw;
  background: url(../images/client-page/blue-plus-shape.png) no-repeat center;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  z-index: 6;
  top: -23vw;
  left: inherit;
  background-size: 80%;
  /* -webkit-animation: fallingx 25s 0s infinite;
  animation: fallingx 25s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(-20px, 0px, 0);
  right: 23vw;
}

.banner.inner-page-banner.clients-banner .ico2 {
  width: 19.532vw;
  height: 17vw;
  background: url(../images/client-page/red-star-shape.png) no-repeat center;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  z-index: 5;
  top: 0;
  bottom: 173px;
  margin: auto;
  left: -171px;
  background-size: 80%;
  /* -webkit-animation: falling 22s 0s infinite;
  animation: falling 22s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(0, -20px, 0);
}

.banner.inner-page-banner.clients-banner .ico3 {
  width: 35.5vw;
  height: 19.2vw;
  background: url(../images/client-page/equal-sign-shape.png) no-repeat center;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  z-index: 6;
  bottom: 20.3vh;
  right: -10vw;
  background-size: 80%;
  /* -webkit-animation: falling 26s 0s infinite;
  animation: falling 26s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(-20px, 0, 0);
}

.candidate-solution-sec .hightlight-heading-sm {
  color: var(--red);
}

.candidate-solution-sec::after {
  display: none;
}

.candidate-solution-img-box .img-box img {
  filter: grayscale(1);
  object-fit: cover;
}

.candidate-solution-img-box .img-box {
  height: 465px;
  width: 100%;
  max-width: 697px;
}

.candidate-solution-sec .two-cell-lg h2 {
  padding-bottom: 55px;
}

.candidate-solution-img-box .img-box::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: var(--dark);
  display: block;
  opacity: 35%;
}

.candidate-solution-img-box .img-box::before {
  content: '';
  position: absolute;
  width: 100%;
  background-image: url(../images/client-page/shape-two-plus.png);
  z-index: 4;
  background-repeat: no-repeat;
  bottom: 67px;
  height: 243px;
  background-size: cover;
  max-width: 500px;
  mix-blend-mode: overlay;
  right: 0px;
}

.w-w-are-diffrent-sec {
  background-color: var(--dark);
  padding-top: 70px;
  position: relative;
  padding-bottom: 44px;
}

.w-w-are-diffrent-sec h2,
.w-w-are-diffrent-sec p {
  color: var(--white);
}

.w-w-are-diffrent-sec .hightlight-heading-sm {
  color: var(--yellow);
}

.w-w-are-diffrent-content {
  width: 100%;
  max-width: 652px;
  padding-bottom: 233px;
  position: relative;
  z-index: 11;
}

.w-w-are-diffrent-sec h2 {
  font-family: 'Tenorite';
  padding-bottom: 31px;
}

.w-w-are-diffrent-sec p {
  /* font-size: 30px; */
  /* line-height: 70px; */
}

.w-w-are-diffrent-content .paragraph-content p:not(:last-child) {
  padding-bottom: 38px;
}

.w-w-are-diffrent-img-box {
  position: absolute;
  width: 856px;
  height: 746px;
  object-fit: cover;
  top: -80px;
  right: -91px;
  z-index: 10;
}

.w-w-are-diffrent-img-box .img-box {
  height: 100%;
  width: 100%;

}

.our-job-sec.candidate-solution-sec::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 80px;
  display: block;
  background-color: var(--dark);
}

.w-w-are-diffrent-img-box .img-box::after {
  content: '';
  background-image: url(../images/client-page/glow-1.png);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  background-size: cover;
  display: block;
  top: 0;
  position: absolute;
  left: -5px;
  z-index: 9;

}

.w-w-are-diffrent-img-box .img-box::before {
  content: '';
  background-image: url(../images/client-page/half-plus-shape.png);
  background-repeat: no-repeat;
  width: 39.43vw;
  height: 41.198vw;
  background-size: cover;
  display: block;
  bottom: 3vw;
  position: absolute;
  left: -1px;
  z-index: 7;
  mix-blend-mode: soft-light;

}

.company-logo-row.row-cell {
  display: flex;
  flex-wrap: wrap;
  margin-left: -50px;
  margin-right: -50px;
}

.company-logo-row.row-cell .three-cell-sm img {
  display: block;
  width: 100% !important;
  max-width: 100% !important;
}

.company-logo-row.row-cell .three-cell-sm {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 60px;
  width: 33.33%;
  padding-left: 50px;
  padding-right: 50px;
}

.banner.inner-page-banner.clients-banner {
  padding-bottom: calc(13vh - 38px);
}

.w-w-are-diffrent-company-logo {
  position: relative;
  z-index: 112;
}

.banner.inner-page-banner.clients-banner.home-banner .inner-banner {
  padding-top: 320px;
}

/* clients page css end here  */

/* why recann page css start here  */
.banner.inner-page-banner.candidate-banner.why-recann-banner.home-banner:before {
  display: none;
}

.candidate-banner .banner-img-box .img-box::before {
  content: '';
  position: absolute;
  background-image: url(../images/why-recann/glow-1.png);
  width: 100%;
  height: 100%;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  /* background-position: bottom; */
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.banner.why-recann-banner.inner-page-banner .ico1 {
  width: 50.06vw;
  height: 50.06vw;
  background: url(../images/why-recann/blue-plus.png) no-repeat center;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  z-index: 5;
  top: -20%;
  left: inherit;
  background-size: cover;
  /* -webkit-animation: fallingx 25s 0s infinite;
  animation: fallingx 25s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(-20px, 0px, 0);
  right: 30vw;
  mix-blend-mode: color;
  right: 11.4vw;
  background-size: 80%;
}

.banner.why-recann-banner.inner-page-banner .hightlight-heading-sm {
  color: var(--red);
}

.banner.inner-page-banner.why-recann-banner.home-banner .inner-banner-content-cell .content-cell {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}

.banner.inner-page-banner.why-recann-banner.home-banner .banner-content-cell {
  width: 100%;
  max-width: 100%;
}

.banner.inner-page-banner.why-recann-banner.home-banner .banner-content-cell h2 {
  width: 724px;
  font-size: 40px;
  line-height: 50px;
}

.banner.inner-page-banner.why-recann-banner.home-banner .banner-content-cell .banner-paragraph-content {
  width: 660px;
  padding-top: 16px;
}

.banner.inner-page-banner.why-recann-banner.home-banner .banner-img-box {

  height: 73%;

}

.w-can-recann-sec {
  padding-top: 155px;
  padding-bottom: 160px;
  position: relative;
}

.w-can-recann-sec .hightlight-heading-sm {
  color: var(--red);
}

.w-can-recann-row.three-cell-row .three-cell-sm {
  border-left: 5px solid #52D6E0;
  padding-left: 33px;
  padding-right: 12px;
}

.w-can-recann-row.three-cell-row {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 8%;

}

.w-can-recann-sec .inner-w-can-recann-sec h2 {
  padding-bottom: 74px;
  font-size: var(--h2-font-size);
  line-height: var(--h2-line-height);
  letter-spacing: var(--h2-lspacing);
}

.t-v-guide-us-sec .hightlight-heading-sm {
  color: var(--blue);
}

.aim-high .img-box {
  width: 110px;
  height: 52px;
}

.theme-heading-h5 {
  font-size: 30px;
  line-height: 40px;
  font-weight: 700;

}

.t-v-guide-us-row {
  display: flex;
  position: relative;
  color: var(--white);
  margin: 0 -25px;
  /* padding-bottom: 163px; */
  position: relative;
  flex-wrap: wrap;
}

.t-v-guide-us-row .guide-cell {
  width: 33.33%;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 28px;
  position: relative;
  z-index: 2;
}

.guide-inner-cell {
  background: var(--darkgrey);
  padding: 59px 48px 59px 65px;
}

.t-v-guide-us-row .guide-inner-cell .theme-paragraph-content {
  padding-left: 25px;
  min-height: 104px;
}

/* .theme-paragraph-content
{
  border-left: 5px solid var(--yellow);
} */

.guide-cell.be-positive-cell .img-box {
  width: 80px;
  height: 80px;
}

.guide-cell.outwork-other-cell .img-box {
  width: 31px;
  height: 82px;
}

.guide-cell.show-perseverance-cell .img-box {
  width: 71px;
  height: 67px;
}

.guide-cell.take-control-cell .img-box {
  width: 85px;
  height: 46px;
}

.t-v-guide-us-row .img-box-cell {
  height: 82px;
}

.how-work-slider-box.mod-how-work-slider-box .img-box-cell .img-box,
.how-work-slider-box.mod-how-work-slider-box .img-box-cell,
.how-work-slider-box.mod-how-work-slider-box .img-box-cell .img-box img {
  width: 105px;
  height: 105px;
}

.how-work-slider-box.mod-how-work-slider-box .guide-inner-cell {
  padding-bottom: 79px;
}

.how-work-slider-box.mod-how-work-slider-box .theme-paragraph-content p {
  padding-bottom: 20px;
}

.how-work-slider-box.mod-how-work-slider-box .theme-heading-h5 {
  font-size: 60px;
  line-height: 80px;
  margin-bottom: 10px;
}

.t-v-guide-us-sec {
  background-color: var(--dark);
  padding-top: 120px;
  /* padding-bottom: 147px; */
  position: relative;
  padding-bottom: 113px;
  overflow: hidden;
}

.t-v-guide-us-sec:after {
  content: '';
  position: absolute;
  width: 100%;
  height: 50px;
  left: 0px;
  right: 0px;
  bottom: 0px;
  background-color: var(--white);
  z-index: 0;
}

.theme-heading-h6 {
  font-size: 30px;
  line-height: 70px;
}

.who-makes-recann-row p {
  font-size: 26px;
  line-height: 60px;
  font-weight: 400;
}

.who-makes-recann-row .who-makes-recann-cell {
  color: var(--white);
}

.who-makes-recann-row .who-makes-recann-cell h2 {
  margin-bottom: 30px;
  font-family: 'Tenorite';
  font-weight: 400;
  margin-top: 10px;


}

.t-v-guide-us-sec .who-makes-recann-row .img-box {
  width: 524px;
  height: 499px;
  z-index: 2;
}

.who-makes-recann-cell.two-cell-sm {
  padding-top: 80px;
}

.t-v-guide-us-sec .who-makes-recann-row .img-box::before,
.t-v-guide-us-sec .who-makes-recann-row .img-box::after {
  position: absolute;
  content: "";
}

.t-v-guide-us-sec .who-makes-recann-row .img-box::before {
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 4;
}

.t-v-guide-us-sec .who-makes-recann-row .img-box::after {
  background: url(../images/why-recann/equal-sign-shape.png) no-repeat right center;
  background-size: auto;
  width: 462px;
  height: 300px;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 4;
  mix-blend-mode: color;
  background-size: 80%;
}

.t-v-guide-us-img-bg .img-box {
  width: 1325px;
  height: 746px;
}

.t-v-guide-us-img-bg {
  /*position: absolute;*/
  /*bottom: 0;*/
  /*right: -18vw;*/
  /*z-index: 0;*/
  position: absolute;
  bottom: -22%;
  right: -18vw;
  z-index: 0;
}

.t-v-guide-us-img-bg .img-box::before {
  position: absolute;
  content: "";
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 4;
}

.t-v-guide-us-img-bg .img-box::after {
  position: absolute;
  content: "";
  background: url(../images/why-recann/glow-2.png) no-repeat right center;
  background-size: auto;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  z-index: 4;

  background-size: 100% 100%;
}

.who-makes-recann-row.two-cell-row {
  padding-top: 87px;
}

.who-makes-recann-row.two-cell-row {
  position: relative;
}

.who-makes-recann-row.two-cell-row:before {
  position: absolute;
  content: "";
  background: url(../images/why-recann/shape-1.png) no-repeat right top;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: 533px;
  left: -539px;
  width: 544px;
  height: 614px;
  z-index: 4;
  bottom: 110px;
  -webkit-animation: falling 25s 0s infinite;
  animation: falling 25s 0s infinite;
  transition: all 200ms ease-in;
  transform: translate3d(0, -20px, 0);
  background-size: 80%;

}

.w-can-recann-sec .ico4 {
  position: absolute;
  width: 41vw;
  height: 39vh;
  background: url(../images/why-recann/shape-two-plus.png) no-repeat center;
  background-size: auto;
  background-size: auto;
  z-index: 6;
  top: -95px;
  right: -3vw;
  background-size: 100%;
  /* -webkit-animation: fallingx 25s 0s infinite;
  animation: fallingx 25s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(-20px, 0px, 0);
  opacity: 30%;
  background-size: 80%;
}

.banner.inner-page-banner.why-recann-banner {
  padding-bottom: 80px;
}

.w-can-recann-sec .ico5 {
  position: absolute;
  width: 10vw;
  height: 26.7vw;
  background: url(../images/why-recann/two-rectangle-xl-2.png) no-repeat center;
  background-size: auto;
  z-index: 6;
  top: 0;
  bottom: -77vh;
  margin: auto;
  left: -20px;
  background-size: 100%;
  /* -webkit-animation: falling 22s 0s infinite;
  animation: falling 22s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(0, -20px, 0);
  /*opacity: 30%;*/
  background-size: 80%;
}

.inner-w-can-recann-sec {
  position: relative;
  z-index: 7;
}

.w-can-recann-sec .ico6 {
  position: absolute;
  width: 27vw;
  height: 37vw;
  background: url(../images/why-recann/equal-sign-shape.png) no-repeat center;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  z-index: 6;
  bottom: -28vh;
  right: -12vw;
  background-size: 100%;
  /* -webkit-animation: falling 26s 0s infinite;
  animation: falling 26s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(-20px, 0, 0);
  opacity: 30%;
  background-size: 80%;
}

.banner.inner-page-banner.why-recann-banner h1 {
  margin-bottom: 80px;
}


.t-v-guide-us-sec .t-v-guide-us-row {
  padding-top: 44px;
}

.t-v-guide-us-sec .guide-inner-cell {
  background: var(--darkgrey);
  padding: 59px 48px 50px 65px;
}

.who-makes-recann-row.two-cell-row .hightlight-heading-sm {
  color: var(--yellow);
  margin-bottom: 13px;
}

.banner.inner-page-banner.why-recann-banner .inner-banner {
  padding-top: 220px;
}

.w-can-recann-sec .inner-w-can-recann-sec h5 {
  margin-bottom: 20px;
}

.t-v-guide-us-sec .t-v-guide-us-row .img-box img {
  width: 80%;
  height: 80%;
  object-fit: contain;
  object-position: center;
}

.t-v-guide-us-sec:after {
  display: none;
}

.meet-the-team-sec .who-makes-recann-row.two-cell-row .hightlight-heading-sm {
  color: var(--red);

}

.meet-the-team-sec p {
  color: var(--dark);
}

.meet-the-team-sec .two-cell-row .two-cell-lg {
  width: 662px;
  padding-bottom: 70px;
}

.meet-the-team-sec .who-makes-recann-row.two-cell-row:before {

  right: -9%;
  left: inherit;
  animation: auto;
  top: -45.3%;


}

.meet-the-team-sec .meet-the-team-cell .img-box {
  width: 327px;
  height: 313px;
}


.meet-the-team-sec .meet-the-team-cell h6 {
  font-size: calc(var(--h6-font-size) - 3px);
  line-height: calc(var(--h6-line-height) - 12px);
  letter-spacing: var(--h6-lspacing);
  font-weight: 600;
}


.meet-the-team-sec .meet-the-team-cell {
  margin: 0 20px 86px;
}

.meet-the-team-sec .meet-the-team-row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -20px;
  justify-content: center;
}

.meet-the-team-sec {
  padding-bottom: 106px;
}

.rm-popup .modal-dialog {
  width: 100%;
  max-width: 100%;
  min-height: 100vh;
  margin: 0px;
}

.rm-popup .rm-sm-cell .img-box {
  width: 339px;
  height: 313px;
}

.meet-the-team-sec .theme-paragraph-content,
.rm-popup .theme-paragraph-content {
  padding-left: 30px;
  padding-bottom: 10px;
}

.meet-the-team-sec .meet-the-team-cell h5,
.rm-popup .meet-the-team-cell h5 {
  padding-top: 14px;
  padding-bottom: 16px;
}

.meet-the-team-sec .profile-discription-box,
.rm-popup .profile-discription-box {
  padding-bottom: 28px;
}

.rm-popup .top-header ul li img {
  width: 26px;
  height: 26px;
}

.rm-popup .top-header,
.rm-popup .rm-row-cell.cus-row {
  display: flex;
}

.rm-popup .top-header ul {
  display: flex;
  align-items: center;
  margin-right: 25px;
}

.rm-popup .theme-paragraph-content p {
  font-size: 26px;
  line-height: 60px;
  font-weight: 400;
}


.rm-popup .rm-container {
  width: 100%;
  max-width: 1242px;
  margin: auto;
}

.rm-popup .modal-body {
  height: 100vh;
  display: flex;
}

.rm-popup .modal-body .top-header h6 {
  font-weight: 500;
  font-size: 24px;
  line-height: 48px;
  letter-spacing: 2px;
  text-transform: uppercase;
}

.rm-popup .rm-lg-cell {
  width: 100%;
}

.rm-popup .ico11 {
  position: absolute;
  width: 41vw;
  height: 39vh;
  background: url(../images/pop-up/pop-up-plus.png) no-repeat center;
  background-size: auto;
  background-size: auto;
  z-index: 6;
  top: -107px;
  right: -3vw;
  background-size: 100%;
  transform: translate3d(-20px, 0px, 0);
  background-size: 80%;
}

.rm-popup .ico12 {
  position: absolute;
  width: 10vw;
  height: 26.7vw;
  background: url(../images/pop-up/pop-up-retan.png) no-repeat center;
  background-size: auto;
  z-index: 6;
  top: 0;
  bottom: -70vh;
  margin: auto;
  left: -38px;
  background-size: 100%;
  transform: translate3d(0, -20px, 0);
  background-size: 80%;
}

.rm-popup .ico13 {
  position: absolute;
  width: 27vw;
  height: 37vw;
  background: url(../images/pop-up/pop-up-equal.png) no-repeat center;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  z-index: 6;
  bottom: -28vh;
  right: -6vw;
  background-size: 100%;
  transform: translate3d(-20px, 0, 0);
  background-size: 80%;
}

.rm-popup .modal-content {
  border: none;
  border-radius: 0px;
}

.rm-popup.show {
  overflow: hidden;
  background-color: #fff;
}

.rm-popup .rm-sm-cell h6 {
  font-weight: 600;
  font-size: 25px;
  line-height: 35px;
}

.slide-nav-open .page__header.headerfixed {
  background-color: transparent !important;
}

/* why recann page css end here  */

/* job board page css start here  */
.banner.inner-page-banner.job-board-banner .inner-banner {
  width: 100%;
  max-width: 100%;
  padding-top: 80px;
}

.banner.inner-page-banner.job-board-banner {
  background-color: var(--dark);
  min-height: 538px;
  height: auto;
}

.banner.inner-page-banner.job-board-banner .banner-img-box {
  position: absolute;
  width: 799px;
  height: 100%;
  right: 0;
  z-index: 2;
}

.banner.inner-page-banner.job-board-banner:after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  background: url(../images/job-board-page/glow-1.png) no-repeat center;
  width: 100%;
  height: 100%;
  z-index: 1;

}

.banner.inner-page-banner.job-board-banner .img-box {

  position: relative;
}

.banner.inner-page-banner.job-board-banner .img-box img {
  filter: grayscale(1);
  object-position: bottom;
}

.banner.inner-page-banner.job-board-banner .img-box:after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  background: url(../images/job-board-page/glow-2.png) no-repeat center;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-size: cover;
}

.cust-container-md3 {
  width: 100%;
  max-width: 1435px;
  margin: auto;
}

.job-board-category-sec .candidate-our-job-list {
  width: 100%;
  max-width: 100%;
  margin-top: 0px;
  position: relative;
  z-index: 6;
}

.job-board-category-sec .job-box.purple-border {

  margin-bottom: 0px;
}

.red-border {
  border: 3px solid var(--red);
}

.job-board-category-sec .two-cell-row {
  flex-wrap: wrap;
  justify-content: flex-start;
  margin: 0 -15px;
  align-items: flex-start;
}

.latest-job-sec.two-cell-row .job-box {
  margin-bottom: 42px;
}

.job-board-category-sec {
  background-color: var(--dark);
  position: relative;
  padding-top: 82px;
  padding-bottom: 40px;
}

.job-board-category-sec+.cta-contact-sec::before {
  display: none;
}

.job-board-category-sec::before {
  content: '';
  position: absolute;
  background-image: url(../images/specialisms-page/shape-1.png);
  width: 100%;
  height: 100vw;
  display: block;
  top: 150px;
  left: 0;
  right: 0;
  z-index: 2;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  /* animation: falling 26s 0s infinite; */
}

.banner.inner-page-banner.job-board-banner form {
  display: flex;
  position: relative;
  z-index: 99;
}

.banner.inner-page-banner.job-board-banner form input,
.banner.inner-page-banner.job-board-banner form select {
  background: transparent;
  width: 100%;
  border-radius: 0px;
  padding: 7px 20px;
  font-size: 20px;
  line-height: 42px;
  color: #fff;
}

.banner.inner-page-banner.job-board-banner form select {
  color: var(--white);
}

.banner.inner-page-banner.job-board-banner form select option {
  color: var(--dark);
  font-family: 'Source Sans Pro';
}

.banner.inner-page-banner.job-board-banner form .cust-form-group {
  width: 100%;
  max-width: 502px;
  margin-right: 19px;
}

.banner.inner-page-banner.job-board-banner form .cust-form-submit .theme-btn {
  border: 1px solid #fff;
  font-size: 16px;
  line-height: 44px;

}

.banner.inner-page-banner.job-board-banner form .cust-form-submit .theme-btn:hover {
  background: #fff;
  border-color: transparent;
  transition: all 200ms ease-in;
  color: var(--dark);
}

.job-board-category-sec .candidate-our-job-list::after {
  display: none;
}

.banner.inner-page-banner.job-board-banner .form-control {
  border: 2px solid #ced4da;
}

.banner.inner-page-banner.job-board-banner .img-box::before {
  content: "";
  position: absolute;
  left: 0px;
  right: -9vw;
  margin: auto;
  background: url(../images/job-board-page/shape-2.png) no-repeat center;
  width: 100%;
  height: 100%;
  z-index: 1;
  mix-blend-mode: color;
}

.job-apply-read-bts a:not(:last-child) {
  margin-right: 4px;
}

.job-board-dots {
  text-align: center;
  position: relative;
  top: -40px;
  width: 100%;
}


.job-board-category-sec .latest-job-sec.two-cell-row .job-box {
  width: 100%;
  max-width: 430px;
  background-color: var(--darkgrey);
  padding: 49px 63px 55px 63px;
  margin-left: 15px;
  margin-right: 15px;
}

/* job board page css end  here  */

/* job details page css start here  */

.job-detail-banner h1 {
  max-width: 557px;
  margin: inherit;
  text-align: left;
}

.theme-heading-h1 {
  font-size: 56px;
  line-height: 72px;
}

/* .banner.job-detail-banner {
  justify-content: flex-start;
  align-items: flex-start;
} */

.banner.job-detail-banner .inner-banner {
  width: 100%;
}

.banner.job-detail-banner .banner-content-cell {
  padding-top: 20px;
}

.banner.job-detail-banner .banner-content-cell li span {
  font-size: 28px;
  line-height: 56px;
}

.banner.job-detail-banner .ico3 {
  width: 53.4vw;
  height: 53vh;
  background: url(../images/job-detail-page/two-plus-border-shape.png) no-repeat center;
  background-size: auto;
  background-size: auto;
  z-index: 7;
  top: 16vh;
  right: -15vw;
  background-size: 80%;
  /* -webkit-animation: falling 26s 0s infinite;
  animation: falling 26s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(-20px, 0, 0);
  opacity: 1;
}

.job-detail-discription .job-apply-read-bts a:not(:last-child) {
  margin-right: 10px;
}

section.banner.job-detail-banner.home-banner {
  padding-bottom: 90px;
  min-height: 100%;
  background-color: var(--darkgrey);
}

section.banner.job-detail-banner.home-banner::after,
section.banner.job-detail-banner.home-banner::before {
  display: none;
}

.job-detail-discription {
  background-color: var(--dark);
  color: var(--white);
  padding: 70px 0px 92px;
}

.job-detail-discription .theme-para-content p:not(:last-child) {
  margin-bottom: 20px;
}

.job-detail-discription .two-cell-row .two-cell-lg {
  width: 781px;
}

.job-detail-discription .two-cell-row .two-cell-sm {
  width: 426px;
}

.list-view-job-detail .hightlight-heading-sm {
  color: var(--red);
}

.job-detail-discription .list-view-job-detail {
  padding-top: 33px;
}

.job-detail-discription .list-view-job-detail ul li {
  font-size: 21px;
  line-height: 38px;
  padding-left: 30px;
  position: relative;
}

.job-detail-discription .list-view-job-detail ul li:before {
  content: "";
  position: absolute;
  top: 11px;
  left: 0px;
  background-image: url(../images/job-detail-page/star-shape-sm.png);
  width: 14.07px;
  height: 11.92px;


  background-size: 100%;
}

.job-detail-discription .list-view-job-detail ul li:not(:last-child) {
  margin-bottom: 25px;
}

.job-detail-discription .theme-para-content p {
  font-size: 21px;
  line-height: 38px;
}

.list-view-job-detail+.theme-para-content {
  padding-top: 30px;
}

.job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-sm {
  width: 153px;
}

.job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-lg {
  width: 250px;
}

.job-detail-discription+.cta-contact-sec::before {
  display: none;
}

.job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-sm .img-box {
  height: 219px;
}

.job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-lg .hightlight-heading-sm {
  color: var(--red);
  margin-bottom: 0;
}

.job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-lg .consltant-name {
  font-size: 26px;
  line-height: 70px;
  font-weight: 700;

}

.job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-lg ul li {
  padding-left: 30px;
  position: relative;
}

.job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-lg ul li a {
  cursor: pointer;
}

.job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-lg ul li span {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-lg ul li.email-list-item span {
  width: 19px;
  height: 16px;
  background: url(../images/job-detail-page/email-icon.png) center no-repeat;
  background-size: cover;
  display: inline-block;

}

.job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-lg ul li.number-list-item span {
  width: 16px;
  height: 16px;
  background: url(../images/job-detail-page/phone-icon.png) center no-repeat;
  background-size: cover;
  display: inline-block;
}

.job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-lg ul li.linkedin-list-item span {
  width: 16px;
  height: 16px;
  background: url(../images/job-detail-page/linkelin.png) center no-repeat;
  background-size: cover;
  display: inline-block;
}

.job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-lg ul li:not(:last-child) {
  margin-bottom: 6px;
}

section.job-detail-discription .job-apply-read-bts {
  margin-top: 70px;
  margin-bottom: 80px;
}

ul.social-meida-icons li.share-list-item.facebook-item span {
  width: 26px;
  height: 26px;
  background: url(../images/job-detail-page/awesome-facebook-square.png) center no-repeat;
  background-size: cover;
  display: inline-block;

}

ul.social-meida-icons li.share-list-item.linkedin-item span {
  width: 29.18px;
  height: 29.18px;
  background: url(../images/job-detail-page/awesome-linkedin-in.png) center no-repeat;
  background-size: cover;
  display: inline-block;

}

ul.social-meida-icons li.share-list-item.whatsapp-item span {
  width: 30.31px;
  height: 30.31px;
  background: url(../images/job-detail-page/awesome-whatsapp.png) center no-repeat;
  background-size: cover;
  display: inline-block;

}

ul.social-meida-icons li.share-list-item.twitter-item span {
  width: 25.2px;
  height: 20.47px;
  background: url(../images/job-detail-page/test.png) center no-repeat;
  background-size: cover;
  display: inline-block;

}

.job-detail-discription ul.social-meida-icons {
  display: flex;
}

.job-detail-discription ul li {
  list-style-type: disc;
}

ul.social-meida-icons li:not(:last-child) {
  margin-right: 29px;
}

.share-list-cell h6 {
  font-size: 24px;
  line-height: 44px;
  margin-bottom: 15px;
  letter-spacing: 2px;
  font-weight: 400;
}

.job-detail-discription ul.social-meida-icons li {
  display: flex;
  align-items: center;
}

.job-detail-discription ul.social-meida-icons li a {
  display: flex;
  align-items: flex-end;
}

.similar-jobs-sec .hightlight-heading-sm {
  color: var(--red);

}

.similar-jobs-sec {
  padding-top: 56px;
  position: relative;
}

.similar-jobs-sec::before,
.similar-jobs-sec::after {
  position: absolute;
  content: "";
}

.similar-jobs-sec::before {
  height: 490px;
  width: 200px;
  background: url("../images/shape-3.png") no-repeat right top;
  left: -50px;
  top: 120px;
  -webkit-animation: falling 20s 0s infinite;
  animation: falling 20s 0s infinite;
  transition: all 200ms ease-in;
  transform: translate3d(0, -20px, 0);
  background-size: cover;
}

.similar-jobs-sec::after {
  height: 397px;
  width: 170px;
  background: url("../images/shape-2.png") no-repeat bottom center;
  right: -30px;
  top: 120px;
  -webkit-animation: fallingx 16s 0s infinite;
  animation: fallingx 16s 0s infinite;
  transition: all 200ms ease-in;
  transform: translate3d(0, -20px, 0);
  background-size: cover;
}

.banner.job-detail-banner .inner-banner {
  position: relative;
  z-index: 5;
  padding-top: 225px;
}

.banner.job-detail-banner .job-apply-read-bts {
  margin-top: 40px;
}

/*.similar-jobs-sec .cust-container-sm {*/
/*  max-width: 100%;*/
/*}*/
.job-detail-discription ul {
  padding-left: 19px;
  margin-bottom: 30px;
  margin-top: -10px;
}

.similar-jobs-sec .latest-job-sec.two-cell-row {
  margin: 0 -15px;
  justify-content: flex-start;
}

.similar-jobs-sec .latest-job-sec.two-cell-row .job-box.red-border {
  margin-left: 15px;
  margin-right: 15px;
}

/* job details page css end here  */


/* contact us page css start here  */

.banner-content-container {
  width: 100%;
  max-width: 945px;
  margin-bottom: 87px;

}

.banner-content-container h1 {
  padding-bottom: 78px;
}

.location-sec.contact-us-sec.banner .two-cell-row .two-cell-lg {
  width: 590px;
}

.location-sec.contact-us-sec.banner .location-address {
  display: flex;
  justify-content: flex-start;
  width: 571px;
}

.location-sec.contact-us-sec.banner .location-content {
  max-width: 592px;
}


.location-sec.contact-us-sec.banner ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: var(--white);
  opacity: 50%;
  /* Firefox */
}

.location-sec.contact-us-sec.banner :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: var(--white);
  opacity: 50%;
}

.location-sec.contact-us-sec.banner ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: var(--white);
  opacity: 50%;
}


.location-sec.contact-us-sec.banner .cust-form .form-control {
  padding-bottom: 0px;
  border-bottom: 1px solid var(--white);
}

.location-sec.contact-us-sec.banner .cust-form label {
  font-size: 28px;
  line-height: 48px;
}

.location-sec.contact-us-sec.banner .cust-form textarea.form-control {
  height: 40px;
  resize: none;
  overflow-y: auto;
}

.location-sec.contact-us-sec.banner hr {

  width: 100%;
  opacity: 1;
  margin: 0px 20px 60px;



}

.location-sec.contact-us-sec.banner .address-card {
  height: auto;
}

.location-sec.contact-us-sec.banner::before {
  display: none;
}

/* .location-sec.contact-us-sec.banner .theme-btn, input.theme-btn{
  text-transform: capitalize;
} */
.location-sec.contact-us-sec.banner {
  padding: 274px 0 60px;
  background-position: center 200px;
}

/* contact us page css end  here  */

/* resources detail page design start here */
.rdc-sec .specialisms-row .specialisms-cell h4 {
  margin-bottom: 38px;
  max-width: 100%;
  font-weight: 700;
  font-family: "source_sans";
  font-size: 30px;
  line-height: 46px;
}

.banner.inner-page-banner.resources-detail-banner .img-box::before {
  display: none;
}

.banner.inner-page-banner.resources-detail-banner {
  min-height: 674px;
  /* background-color: #090909; */
}

.banner.inner-page-banner.resources-detail-banner:after {
  display: none;
}

.banner.inner-page-banner.resources-detail-banner .img-box::after {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  margin: auto;
  background: url(../images/resources-detail/glow-1.png) no-repeat center;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-position: left;
}

.banner.inner-page-banner.resources-detail-banner ul {
  display: flex;
}

.banner.inner-page-banner.resources-detail-banner ul li {
  font-size: 18px;
  line-height: 36px;
  color: var(--red);
  font-weight: 600;
  text-transform: uppercase;
  font-family: 'Source Sans Pro';
  letter-spacing: 4px;
}

.banner.inner-page-banner.resources-detail-banner .theme-btn {

  padding: 19px 24px 20px;

}

.banner.inner-page-banner.resources-detail-banner ul li:not(:last-child) {
  margin-right: 68px;
}

.banner.inner-page-banner.resources-detail-banner ul li span {
  color: var(--white);
}

.banner.inner-page-banner.resources-detail-banner .job-apply-read-bts {
  margin-top: 58px;
}

.banner.inner-page-banner.resources-detail-banner .banner-content {
  width: 934px;
}

.rdc-sec {
  padding-top: 66px;
  padding-bottom: 66px;
  position: relative;
}

.rdc-sec:before {
  position: absolute;
  content: "";
  height: 520px;
  width: 461px;
  background: url("../images/resources-detail/shape-1.png") no-repeat bottom center;
  right: 0px;
  top: 86px;
  -webkit-animation: fallingx 16s 0s infinite;
  animation: fallingx 16s 0s infinite;
  transition: all 200ms ease-in;
  transform: translate3d(0, -20px, 0);
  background-size: 90%;
  right: -2vw;
}

.rdc-sec .theme-heading-h2 {
  padding-bottom: 30px;
}

.rdc-sec p,
.rdc-sec p * {
  padding-bottom: 30px;
  font-size: var(--body-font-size) !important;
  line-height: var(--body-line-height) !important;
  letter-spacing: var(--body-font-lspacing) !important;
  font-family: "Bierstadt" !important;
}

.rdc-sec ul.social-meida-icons li {
  margin-bottom: 0 !important;
}

.rdc-sec ul.social-meida-icons li a,
.rdc-sec ul.social-meida-icons li {
  display: flex;
  align-items: center;
  justify-content: center;
}

.rdc-sec .hightlight-heading-sm {
  color: var(--red);
}

.rdc-sec ul.social-meida-icons {
  display: flex;
}

.rdc-sec ul.social-meida-icons li:not(:last-child) {
  margin-right: 29px;
}

.rdc-sec ul.social-meida-icons li {
  display: flex;
  align-items: flex-end;
}

.rdc-sec .job-apply-read-bts {
  margin-top: 30px;
  margin-bottom: 60px;
}

.rdc-sec .share-list-cell h6 {
  font-size: 19px;
  line-height: 36px;
  font-family: 'Bierstadt';
  margin-bottom: 5px;

}

.rdc-sec .specialisms-row .specialisms-cell {
  width: 100%;
  margin-bottom: 50px;
}

.rdc-sec .specialisms-row {
  flex-direction: column;
}

.rdc-sec .two-cell-sm {
  padding-top: 611px;
}

.rdc-sec .two-cell-sm p {
  margin-bottom: 0px;
}




.rdc-sec .two-cell-row .two-cell-sm {
  width: 460px;
}

.banner.inner-page-banner.resources-detail-banner h1 {
  margin-bottom: 24px;
}

/* resources detail page design end here */

/* resoures landing page css start here  */
.banner.inner-page-banner.resources-landing-banner {
  min-height: 100%;
  background-color: var(--darkgrey);
  align-items: flex-start;
  padding-bottom: 110px;
}

.banner.inner-page-banner.resources-landing-banner:after {
  display: none;
}

.banner.inner-page-banner.resources-landing-banner .banner-paragraph-content {
  width: 100%;
  max-width: 761px;
  /* padding-bottom: 180px; */
  padding-bottom: 60px;
}

.banner.inner-page-banner.resources-landing-banner .banner-paragraph-content p:not(:last-child) {
  margin-bottom: 15px;
}

.banner-paragraph-content::after {
  position: absolute;
  content: "";
  background: url(../images/resources-landing-page/star-shape-1.png) no-repeat top left;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  width: 28.859vw;
  height: 32.555vw;
  bottom: 96px;
  background-size: cover;
  right: -19px;
  /* -webkit-animation: fallingx 20s 0s infinite;
  animation: fallingx 20s 0s infinite;
  transition: all 200ms ease-in; */
  transform: translate3d(0, -20px, 0);
}

.banner-paragraph-content::before {
  position: absolute;
  content: "";
  background: url(../images/software-page/shape1.png) no-repeat top left;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  background-size: auto;
  width: 28.859vw;
  height: 32.555vw;
  bottom: -24px;
  background-size: cover;
  left: -18vw;
  -webkit-animation: fallingx 20s 0s infinite;
  animation: fallingx 20s 0s infinite;
  transition: all 200ms ease-in;
  transform: translate3d(0, -20px, 0);
}

.resources-detail-sec h4 {
  font-size: 38px;
  line-height: 50px;
}

.resources-detail-sec .specialisms-inner {
  background: var(--darkgrey);
  padding: 0px;
}

.resources-detail-sec .specialisms-cell {
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 84px;
}

.resources-detail-sec .img-box {
  width: 100%;
  height: 198px;
  transition: 0.75s ease-in-out;

}

.resources-content {
  padding: 59px 46px 59px 47px;
}

.resources-detail-sec .specialisms-inner:hover .img-box {
  /* height: 398px; */
  /*height: 320px;*/
  height: 330px;
  transition: height .3s linear, padding-top .3s linear;

}

.resources-detail-sec .specialisms-inner.toggled:hover .img-box {
  /* height: 398px; */
  /*height: 320px;*/
  height: 330px;
  transition: height .3s linear, padding-top .3s linear;

}

/* .resources-detail-sec .specialisms-inner.toggled:hover .specialisms-content p {
  overflow: hidden;
  height: 0px;
transition: height .3s linear, padding-top .3s linear;

} */

.resources-detail-sec .specialisms-row {
  flex-wrap: wrap;
  padding-bottom: 30px;
}

.resources-detail-sec .specialisms-row .specialisms-cell h4 {
  margin-bottom: 50px;

}

/* .resources-detail-sec .specialisms-inner.toggled:hover:hover h4 {
  margin-bottom: 19px;
  transition: height .3s linear, padding-top .3s linear;
} */


.banner.inner-page-banner.resources-landing-banner .inner-banner {
  width: 100%;
  max-width: 100%;
  padding-top: 257px;
}

.banner.inner-page-banner.resources-landing-banner h1 {
  text-align: left;
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}

.job-board-category-sec.resources-detail-sec {
  padding-top: 88px;
  padding-bottom: 88px;
}

.remove-cta-sec::before {
  display: none;
}

.load-more-cnt {
  position: relative;
  z-index: 999;
}

/*.job-board-category-sec.resources-detail-sec .resources-img-cont {*/
/*  position: absolute;*/
/*  z-index: 999;*/
/*  background: #191919;*/
/*  height: 500px;*/
/*}*/
.job-board-category-sec.resources-detail-sec .resources-content {
  padding: 20px 46px 59px 47px;
  /* position: absolute;*/
  /*bottom: 0;*/
  margin-top: 35vh;
}

.job-board-category-sec.resources-detail-sec .resources-img-cont {
  position: absolute;
  top: 0;
  background-color: #191919;
  z-index: 9;
  padding-bottom: 20px;
  width: 100%;
}

.job-board-category-sec.resources-detail-sec .specialisms-inner:hover .resources-img-cont {
  background-color: #191919;

}

.job-board-category-sec.resources-detail-sec .specialisms-content p {
  margin-bottom: 50px;
  margin-top: -13px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.banner-content-cell .inner-banner-content-cell .right-content-cell {
  padding-top: 10px;
}

.job-board-category-sec.resources-detail-sec .specialisms-inner {
  background: var(--darkgrey);
  padding: 0px;
  height: 100%;
  overflow: hidden;
  position: relative;
}

.job-board-category-sec.resources-detail-sec .specialisms-row {
  margin: 0 -15px;
}

.job-board-category-sec.resources-detail-sec .specialisms-row .specialisms-cell h4 {
  width: 100%;
  font-size: 30px;
  max-width: 100%;
  line-height: 40px;
}

.resources-landing-banner .banner-paragraph-content::before {
  background-size: 86%;
  left: -16vw;

  bottom: -14vh;
}

.resources-landing-banner .banner-paragraph-content::after {
  background-size: 90%;
  right: -99px;
  bottom: -15vh;
}

/* resoures landing page css end here  */
.banner.inner-page-banner.resources-detail-banner .job-apply-read-bts a:not(:last-child) {
  margin-right: 10px;
}



.search-box {
  background: transparent;
  height: 50px;
  border-radius: 50px;
  padding: 10px;
  margin-top: 0;
  padding: 0;
  height: auto;
  top: 4px;
}

.search-box .search-btn2 {
  color: white;
  float: right;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 2s;
  border: none;
}

.search-box .fa-search {
  /*background: black;*/
  font-size: 24px;
}

.search-input {
  border: none;
  background: none;
  outline: none;
  float: left;
  padding: 0;
  color: white;
  font-size: 24px;
  transition: 0.4s;
  line-height: 50px;
  width: 130px;
  font-family: 'source_sans';

  font-weight: 300;
  letter-spacing: .50px;

}

.career-wrapper {
  position: relative;
}

.career-wrapper label {
  position: absolute;
  font-size: 14px;
}

.career-wrapper {
  overflow: hidden;
}

.career_footer:before {
  display: none;
}

.search-box:hover>.search-input {
  width: 150px;
  padding: 0 7px;
}

.search-box ::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #fff;
  opacity: 1;
  /* Firefox */


}

.search-box :-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #fff;
  ;

}

.search-box ::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #fff;


}

.our-benifit-sec .our-benifit-list .our-benifit-list-item:hover {
  background-color: var(--red) !important;
  transition: ease-in-out .05ms;
}

.page__header {

  z-index: 9999;
}

.specialisms-content.sameHeight4 {
  margin-bottom: 50px;
}

.specialisms-content.sameHeight4 p {
  padding-bottom: 0px;
  margin-bottom: 0px;
}

@media not all and (min-resolution:.001dpcm) {
  @supports (-webkit-appearance:none) and (stroke-color:transparent) {
    .banner.why-recann-banner.inner-page-banner .ico1 {

      mix-blend-mode: overlay !important;

    }
  }
}


.btn-group-box-cus {
  display: flex;
  flex-direction: column;
  text-align: center;
}

.btn-group-box-cus a:not(:last-child) {
  margin-bottom: 20px;
}

/* step path css start here  */
.carerr-step.step-1 {
  position: absolute;
  left: 0px;
  bottom: 234px;
  z-index: 99;
}

.step-text h5 {
  text-transform: uppercase;
  font-family: 'Source Sans Pro';
  color: var(--white);
}

.cus-sm-step h5 {

  font-size: 24px;
}

.step-1-text {
  position: absolute;
  left: -74px;
  top: 100px;


}

.step-text h5 {
  letter-spacing: 4.8px;
  width: 181px;
  line-height: 35px;
  font-weight: 600;
}

.step-text .path-begin-text {
  line-height: 32px;
  font-weight: 400;
  letter-spacing: 0px;
  width: 310px;
  text-transform: inherit;
  position: absolute;
  top: -404px;
}

.carerr-step.step-2 {
  position: absolute;
  bottom: 243px;
  left: 273px;
  z-index: 9;
}

.carerr-step.red-step-plus .circle-plus .circle .horizontal,
.carerr-step.red-step-plus .circle-plus .circle .vertical {

  background-color: #E51856;

  box-shadow: 0px 1px 8px 1px #e71755;
  opacity: 1;
}

.carerr-step.yellow-step-plus .circle-plus .circle .horizontal,
.carerr-step.yellow-step-plus .circle-plus .circle .vertical {

  background-color: #FBEE20;
  box-shadow: 0px 1px 8px 1px #fcee22;
  opacity: 1;
}

.circle-plus.prev-text-show {
  transition: all 200ms ease-in;
}

.circle-plus.prev-text-show .horizontal.plus-anchor-tag,
.circle-plus.prev-text-show .vertical.plus-anchor-tag {
  opacity: 1 !important;
}

.carerr-step.red-step-plus .circle-plus.prev-text-show .circle .horizontal,
.carerr-step.red-step-plus .circle-plus.prev-text-show .circle .vertical {
  opacity: 1 !important;
}

.carerr-step.yellow-step-plus h5 {
  position: absolute;
  left: -171px;
  top: 14px;
}

.red-step-plus h5 {
  position: absolute;
  left: 107px;
  top: -19px;
}

.cus-sm-step .circle-plus .circle .horizontal {
  position: absolute;
  width: 45px;
  height: 12px;
  top: 46px;
  left: 21px;
}

.cus-sm-step .circle-plus .circle .vertical {
  position: absolute;
  width: 12px;
  height: 45px;
  top: 30px;
  left: 37px;
}

.carerr-step.step-2 h5 {
  font-size: 21px;
  line-height: 33px;
}

.carerr-step.step-2.up-step {
  position: absolute;
  bottom: 400px;
  left: 157px;
}

.carerr-step.step-3.down-step {
  position: absolute;
  left: 545px;
  bottom: 263px;
}

.step-3.up-step.yellow-step-plus {
  position: absolute;
  left: 399px;
  bottom: 553px;
}

.carerr-step {

  z-index: 9999;
}

.cus-lg-step h5 {
  font-size: 24px;
  line-height: 35px;
}

.carerr-step.step-4.down-step {
  position: absolute;
  bottom: 320px;
  left: 790px;
}

.carerr-step {
  position: absolute;
}

.carerr-step.step-4.up-step {
  position: absolute;
  bottom: 651px;
  left: 640px;
}

.carerr-step.step-5.down-step {
  left: 994px;
  bottom: 367px;
}

.carerr-step.step-5.up-step {
  bottom: 687px;
  left: 918px;
}

.carerr-step.step-6.down-step {
  left: 1170px;
  bottom: 461px;
}

.carerr-step.step-last {
  bottom: 641px;
  left: 1258px;
}

.step-last-text {
  bottom: 130px;
  position: absolute;
  width: 100%;
  right: 70px;
}

.step-last-text h5 {
  width: 360px;
}

.carerr-step.step-3.up-step h5 {
  left: -200px;
  top: -20px;
}

.carerr-step.step-4.up-step h5 {
  left: -200px;
  top: -20px;
}

.carerr-step.step-4.up-step h5 {
  width: 350px;
  left: -190px;
  top: -70px;
}

.carerr-step.step-5.up-step h5 {
  top: -85px;
  width: 380px;
  left: -120px;
}

.cus-sm-step h5,
.step-last h5 {
  visibility: hidden;
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}


.text-visible h5,
.prev-text-show .step-text h5 {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 200ms;
  animation-duration: 200ms;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.text-visible h5,
.prev-text-show .step-text h5 {
  visibility: visible;
  transition: ease-in-out .05ms;
}

.plus-anchor-tag {
  cursor: pointer;
}

/* .career-path-cell {
  height: 1150px;
} */


.inner-career-path-cell {
  height: 1150px;
  position: relative;
}

.career-path-cell .inner-career-path-cell:after {
  content: '';
  position: absolute;
  background-image: url(../images/career-page/path-bg.png);
  width: 67%;
  height: 100%;
  display: block;
  top: 390px;
  left: 91px;
  right: 0;
  z-index: 3;
  background-repeat: no-repeat;
  background-size: contain;
  margin: auto;
  max-width: 1430px;
}

.path-img-box {
  position: relative;
  height: 1150px;
}

.path-img-box::before {
  position: absolute;
  content: "";
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #030910a6;
  margin: auto;
  z-index: 9;
}

.prev-text-show {
  position: relative;
}

#target0 .circle-plus:before {
  content: '';
  width: 2px;
  height: 153px;
  display: block;
  position: absolute;
  background-color: #FBEE20;
  left: -25px;
  top: 54px;
  transform: skew(-42deg, 30deg);
  opacity: 0.30;
}

#target1 .circle-plus:before {
  content: '';
  width: 2px;
  height: 153px;
  display: block;
  position: absolute;
  background-color: #FBEE20;
  left: -80px;
  top: 54px;
  transform: skew(-57deg, 30deg);
  opacity: 0.30;
}

#target2 .circle-plus:before {
  content: '';
  width: 2px;
  height: 96px;
  display: block;
  position: absolute;
  background-color: #FBEE20;
  left: -69px;
  top: 51px;
  transform: skew(-68deg, 30deg);
  opacity: 0.30;
}

#target3 .circle-plus:before {
  content: '';
  width: 2px;
  height: 44px;
  display: block;
  position: absolute;
  background-color: #FBEE20;
  left: -104px;
  top: 49px;
  transform: skew(-81deg, 30deg);
  opacity: 0.30;
}

#target4 .circle-plus:before {

  content: '';
  width: 2px;
  height: 13px;
  display: block;
  position: absolute;
  background-color: #e71755;
  left: -76px;
  top: 55px;
  transform: skew(-87deg, 30deg);
  opacity: 0.30;
}

#target5 .circle-plus:before {

  content: '';
  width: 2px;
  height: 19px;
  display: block;
  position: absolute;
  background-color: #e71755;
  left: -76px;
  top: 55px;
  transform: skew(-86deg, 30deg);
  transition: all 200ms ease-in;
  opacity: 0.60;
}

#target6 .circle-plus:before {
  content: '';
  width: 2px;
  height: 55px;
  display: block;
  position: absolute;
  background-color: #e71755;
  left: -63px;
  top: 53px;
  transform: skew(-77deg, 30deg);
  opacity: 0.60;
  transition: all 200ms ease-in;
}

#target7 .circle-plus:before {
  content: '';
  width: 2px;
  height: 50px;
  display: block;
  position: absolute;
  background-color: #e71755;
  left: -51px;
  top: 53px;
  transform: skew(-77deg, 30deg);

  opacity: 0.30;
}

#target8 .circle-plus:before {
  content: '';
  width: 2px;
  height: 93px;
  display: block;
  position: absolute;
  background-color: #e71755;
  left: -51px;
  top: 59px;
  transform: skew(-62deg, 30deg);
  opacity: 0.30;

}

#target9 .circle-plus:after {
  content: '';
  width: 2px;
  height: 161px;
  display: block;
  position: absolute;
  background-color: #e71755;
  left: 1px;
  top: 79px;
  transform: skew(-30deg, 30deg);
  z-index: -1;
  opacity: 0.30;

}

#target9 .circle-plus:before {
  content: '';
  width: 2px;
  height: 51px;
  display: block;
  position: absolute;
  background-color: #FBEE20;
  left: -129px;
  top: 2px;
  transform: skew(82deg, 47deg);
  opacity: 0.30;
}

#target0 .circle-plus.prev-text-show:before {
  opacity: 1;
}

#target1 .circle-plus.prev-text-show:before {
  opacity: 1;
}

#target2 .circle-plus.prev-text-show:before {
  opacity: 1;
}

#target3 .circle-plus.prev-text-show:before {
  opacity: 1;
}

#target4 .circle-plus.prev-text-show:before {
  opacity: 1;

}

#target5 .circle-plus.prev-text-show:before {


  opacity: 1;
}

#target6 .circle-plus.prev-text-show:before {

  opacity: 1;
}

#target7 .circle-plus.prev-text-show:before {

  opacity: 1;
}

#target8 .circle-plus.prev-text-show:before {

  opacity: 1;

}

#target9 .circle-plus.prev-text-show:after {

  opacity: 1;
}

#target9 .circle-plus.prev-text-show:before {
  opacity: 1;

}

.career-path-cell .inner-career-path-cell::after {
  display: none;
}

.career-path-container {
  width: 100%;
  max-width: 1430px;
  position: relative;
  margin: auto;
}

/* step path css end here  */



.apply-job-modal .modal-dialog {
  max-width: 1070px;
}

.cust-modal button.close {
  position: absolute;
  top: 50px;
  right: 50px;
  opacity: 1;
  font-size: 54px;
  font-weight: 300;
}

.cust-modal .modal-inner {
  max-width: 940px;
  margin: 0 auto;
  padding: 60px 0px 60px;
}

#applyNow .heading {
  font-size: 60px;
  line-height: 60px;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
  min-height: auto;
  padding: 0 0;
}

.cust-form-row {
  margin-left: -22px;
  margin-right: -22px;
}

.cust-form-cell {
  width: 50%;
  padding-left: 22px;
  padding-right: 22px;
}

#applyNow .form-control {
  font-size: 20px;
  font-weight: 500;
  color: var(--dark);
  border: none;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-bottom-color: currentcolor;
  border-bottom-style: none;
  border-bottom-width: medium;
  border-bottom: 1px solid #000;
  background: inherit;
  border-radius: 0px;
  padding: 10px;
}

.cust-form-cell .form-group.file-upload,
.cust-form-cell.cust-form-cell-full,
.cust-form-cell .form-group {
  width: 100%;
}

.cust-modal .modal-inner {
  max-width: 940px;
  margin: 0 auto;
  padding: 60px 0px 60px;
}

.cust-modal button.close {
  position: absolute;
  top: 50px;
  right: 50px;
  opacity: 1;
  font-size: 54px;
  font-weight: 300;
  padding: 0;
  background-color: transparent;
  border: 0;
}

#applyNow .form-control::-webkit-input-placeholder,
input::-webkit-input-placeholder {
  color: gray;
}

#applyNow .form-control::-moz-placeholder,
input::-moz-placeholder {
  color: gray;
}

#applyNow .form-control:-ms-input-placeholder,
input:-ms-input-placeholder {
  color: gray;
}

.cust-modal .form-group {
  margin-top: 40px;
}

#applyNow .heading {
  font-size: 60px;
  line-height: 60px;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
  min-height: auto;
  padding: 0 0;
}



.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  margin-bottom: 0;
}

.cust-form-cell .custom-file-input {
  cursor: pointer;

}

.custom-file {
  position: relative;
  display: inline-block;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  margin-bottom: 0;
}

.custom-file-input {
  position: absolute;
  z-index: 2;
  width: 100%;
  height: calc(1.5em + .75rem + 2px);
  margin: 0;
  opacity: 0;
}

.custom-file .custom-file-label.form-control.pf-label {
  color: #6c757d !important;
}

.cust-form-cell .form-group.file-upload label {
  color: #373736;
  font-size: 20px;
  font-weight: 500;
  display: block;
  padding: 10px !important;
  line-height: 1.5;
  height: auto;
}

.custom-control-label::before,
.custom-file-label,
.custom-select {
  transition: background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.cust-form-cell .form-group,
.cust-form-cell .form-group .form-control {
  max-width: 100%;
}

.cust-form-cell span.cv_file_name {
  color: var(--dark);
  margin-left: 0;
}

.cust-form-cell .custom-file-input~.custom-file-label::after {
  content: "Browse";
  bottom: 0;
  position: absolute;
  height: auto;
  line-height: 39px;
  border-radius: 0;
  background: #e0dddd;
  color: #373736;
}

.custom-file-label::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 3;
  display: block;
  height: calc(1.5em + .75rem);
  padding: .375rem .75rem;
  line-height: 1.5;
  color: #495057;
  content: "Browse";
  background-color: #e9ecef;
  border-left: inherit;
  border-radius: 0 .25rem .25rem 0;
}

.cust-form-cell .custom-file-input~.custom-file-label::after {
  content: "Upload CV";
  bottom: 0;
  position: absolute;
  height: auto;
  line-height: 39px;
  border-radius: 0;
  background: #e0dddd;
  color: #373736;
}

#applyNow .custom-file-label {
  padding-bottom: 4px;
}

.modal {
  z-index: 9999;
}

.styled-select {

  background: url(../images/dropdown-icon.png) no-repeat 96% center;
  ;
  background-size: 22px;

}

.top-modal-bodyThankyou {
  text-align: center;
}

#applyNow .error {
  color: red;
  font-size: 16px;
}

#applyNow .box {
  display: inline-block;
  border-radius: 3px;
  font-size: 30px;
  padding: 1em;
  position: absolute;
  transition: 0.3s color, 0.3s border, 0.3s transform, 0.3s opacity;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}

.theme-loader [class*=loader-] {
  display: inline-block;
  width: 1em;
  height: 1em;
  color: inherit;
  vertical-align: middle;
  pointer-events: none;
  /*display:none;*/
}




.loader-12 {
  position: relative;
  display: none;
}

.loader-12:before,
.loader-12:after {
  content: "";
  display: block;
  position: absolute;
  background-color: currentcolor;
  left: 50%;
  right: 0;
  top: 0;
  bottom: 50%;
  box-shadow: -0.5em 0 0 currentcolor;
  -webkit-animation: loader-12 1s linear infinite;
  animation: loader-12 1s linear infinite;
}

.loader-12:after {
  top: 50%;
  bottom: 0;
  -webkit-animation-delay: 0.25s;
  animation-delay: 0.25s;
}

@-webkit-keyframes loader-12 {

  0%,
  100% {
    box-shadow: -0.5em 0 0 transparent;
    background-color: currentcolor;
  }

  50% {
    box-shadow: -0.5em 0 0 currentcolor;
    background-color: transparent;
  }
}

@keyframes loader-12 {

  0%,
  100% {
    box-shadow: -0.5em 0 0 transparent;
    background-color: currentcolor;
  }

  50% {
    box-shadow: -0.5em 0 0 currentcolor;
    background-color: transparent;
  }
}

.location-sec.contact-us-sec.banner .cust-form label.error {
  font-size: 16px;
  position: absolute;
  color: red;
}

#contact_us_form .cust-form label,
#upload_cv_form span.error {
  position: absolute;
  color: red;
  margin-bottom: 0;
  font-weight: 400;
  font-size: 16px;
  width: 100%;
  display: block;
}


.our-offer-sec .custom-file .cv_file_name {
  color: #000;
}

.our-offer-sec .custom-file {
  border-bottom: 2px solid #000;
  color: #000;
  padding-bottom: 49px;
}

.our-offer-sec .custom-file input {
  left: 0px;
}

.credit-line img {
  width: 100%;
  max-width: 150px;
  text-align: center;
  margin: auto;
  margin-top: auto;
  display: flex;
  margin-top: 30px;
}

/*#search_results_box {*/
/*  margin-bottom: -75px;*/
/*}*/

.our-offer-sec .custom-file .cv_file_name {
  color: gray;
  padding-left: 10px;
}

.job-board-category-sec.resources-detail-sec .inner-candidate-our-job-list {
  margin-bottom: -75px;
}

.our-job-sec .two-cell-row .two-cell-lg.our-jobs-view-container {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.our-job-sec .two-cell-row .two-cell-lg.our-jobs-view-container .job-box {
  margin-right: 6%;
  height: max-content;
}

.our-job-sec .two-cell-row .two-cell-lg.our-jobs-view-container .job-box:nth-child(2) {
  top: 340px;
  position: relative;
  border: 3px solid var(--purple);
}

.slide-nav li.active>a {
  color: var(--blue);
  transition: all 200ms ease-in;
}

.our-job-sec .candidate-our-job-list .latest-job-sec.two-cell-row .two-cell-lg .job-box:nth-child(1) {
  border: 3px solid var(--yellow);
}

.our-job-sec .two-cell-row .two-cell-lg.our-jobs-view-container .job-box:nth-child(3) {
  border: 3px solid var(--blue);

}

.latest-job-sec.software-l-j .two-cell-sm {
  position: relative;
}

.latest-job-sec.software-l-j .two-cell-sm .job-box:nth-child(1) {
  position: absolute;
  top: 24vh;
  left: -100%;
  border: 3px solid var(--yellow);
}

.latest-job-sec.software-l-j .two-cell-sm .job-box:nth-child(2) {
  border: 3px solid var(--purple);
}

.latest-job-sec.software-l-j .two-cell-sm .job-box:nth-child(3) {
  border: 3px solid var(--blue);
}

.loader {
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  top: 50%;
  transform: translateY(-50%);
}

.loader,
.loader1 {
  position: absolute;
}

.loader img {
  width: 100%;
  max-width: 28px;
}

.theme-btn,
.sub-btn {
  position: relative;
  overflow: hidden;
}

.sub-btn img {
  width: 30px;
}

.loader1 {
  top: 0;
  left: 0;
  right: 0;
  background: #000000eb;
}

input:-webkit-autofill {

  -webkit-text-fill-color: gray !important;
}

input:-moz-autofill {
  -moz-text-fill-color: gray !important;

}

input:-o-autofill {
  -o-text-fill-color: gray !important;

}

input:-khtml-autofill {
  -khtml-text-fill-color: gray !important;

}

.our-offer-sec .banner.inner-page-banner.job-board-banner input:-webkit-autofill,
.search-box input:-webkit-autofill,
.cta-contact-sec input:-webkit-autofill,
.contact-us-sec input:-webkit-autofill {

  -webkit-text-fill-color: #fff !important;
}

.banner.inner-page-banner.job-board-banner input:-moz-autofill,
.search-box input:-moz-autofill,
.cta-contact-sec input:-moz-autofill,
.contact-us-sec input:-moz-autofill {
  -moz-text-fill-color: #fff !important;

}

.banner.inner-page-banner.job-board-banner input:-o-autofill,
.search-box input:-o-autofill,
.cta-contact-sec input:-o-autofill,
.contact-us-sec input:-o-autofill {
  -o-text-fill-color: #fff !important;

}

.banner.inner-page-banner.job-board-banner input:-khtml-autofill,
.search-box input:-khtml-autofill,
.cta-contact-sec input:-khtml-autofill,
.contact-us-sec input:-khtml-autofil {
  -khtml-text-fill-color: #fff !important;

}

.our-offer-sec input:-webkit-autofill {

  -webkit-text-fill-color: #000 !important;
}

.our-offer-sec input:-moz-autofill {
  -moz-text-fill-color: #000 !important;

}

.our-offer-sec input:-o-autofill {
  -o-text-fill-color: #000 !important;

}

.our-offer-sec input:-khtml-autofill {
  -khtml-text-fill-color: #000 !important;

}

.banner.inner-page-banner.job-board-banner

/*.specialisms-sec-comman .specialisms-content p:nth-child(1) {*/
/*display:none;*/
/*}*/
/*.specialisms-sec-comman .specialisms-content a {*/
/*  position: absolute;*/
/*  bottom: -20px;*/
/*}*/
/*.specialisms-sec-comman .specialisms-content  {*/
/*    margin-bottom:80px;*/
/*}*/
.specialisms-para-content {
  margin-bottom: 80px;
}

.testimonial-sec.our-employees-testimonial-sec .testimonial-cara blockquote p,
.testimonial-sec .testimonial-cara blockquote p {
  padding: 0;
}

.testimonial-sec.our-employees-testimonial-sec .testimonial-cara blockquote .testimonial-para-content,
.testimonial-sec .testimonial-cara blockquote .testimonial-para-content {
  max-height: 240px;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 20px;
}

.testimonial-sec .testimonial-cara blockquote .testimonial-para-content::-webkit-scrollbar,
.testimonial-sec.our-employees-testimonial-sec .testimonial-cara blockquote .testimonial-para-content::-webkit-scrollbar,
.where-different-box .where-different-content p::-webkit-scrollbar {
  width: 8px;
  height: 8px;
  border-radius: 10px;
}

.testimonial-sec .testimonial-cara blockquote .testimonial-para-content::-webkit-scrollbar-track,
.testimonial-sec.our-employees-testimonial-sec .testimonial-cara blockquote .testimonial-para-content::-webkit-scrollbar-track {
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  width: 8px;
  height: 8px;
  border-radius: 10px;
}

.testimonial-sec .testimonial-cara blockquote .testimonial-para-content::-webkit-scrollbar-thumb,
.testimonial-sec.our-employees-testimonial-sec .testimonial-cara blockquote .testimonial-para-content::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.3);
  outline: none;
  width: 8px;
  height: 8px;
  border-radius: 10px;
}

.hs-sec .specialisms-content p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;

}

.hs-sec .specialisms-para-content {
  margin-bottom: 30px;
}

.job-board-category-sec.resources-detail-sec .specialisms-row .specialisms-cell h4 {
  width: 100%;
  font-size: 30px;
  max-width: 100%;
  line-height: 40px;
  padding: 20px 46px 0px 47px;
  margin-bottom: 0%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.latest-job-sec.software-l-j .two-cell-sm.one-two-cell .job-box {
  position: initial;
}

.recent-job-sec .latest-job-img-bg {
  display: none;
}

.h-can-we-help-sec .two-cell-row .two-cell-lg p:last-child {
  padding-bottom: 25%;
}

.page__header {
  background-color: transparent !important;
}

/*#target9 .circle-plus.show-before::before{*/
/*    opacity:1 !important;*/
/*}*/
.border {
  border: none !important;
}

.circle-plus.show-test3.show-test2.prev-text-show:before,
.circle-plus.show-test3.show-test2.prev-text-show:after {
  opacity: 1 !important;
}

.rdc-sec p a,
.rdc-sec ul li a,
.rdc-sec h2 a,
.rdc-sec h3 a {
  text-decoration: underline;
}

.rdc-sec p a:hover,
.rdc-sec ul li a:hover,
.rdc-sec h2 a:hover,
.rdc-sec h2 a:hover {
  color: #6d2994;
}

.rdc-sec ul li:not(:last-child) {
  margin-bottom: 15px;
}

.rdc-sec img {
  width: 100%;
  max-width: 100%;
  height: 100%;

}

.rdc-sec ol li:not(:last-child) {

  margin-bottom: 15px;

}

.rdc-sec ol li:not(:last-child) {
  margin-bottom: 15px;
}

.rdc-sec ol li {
  padding-left: 0px;
  list-style-type: decimal;
}

.candidate-our-job-list.candidate2-cell-section:after {
  top: 0px;
}

.t-v-guide-us-sec .t-v-guide-us-row {
  justify-content: center;
}

.slide-nav ul li a {
  font-size: 24px;
  line-height: 1;
  margin-bottom: 0;
  padding-bottom: 0;
  color: var(--blue);
}

.slide-nav ul li a:hover {
  color: #fff;
}

/*.slide-nav ul li {*/
/*    padding-bottom:1px;*/
/*}*/

.slide-nav ul li:not(:last-child) {
  padding-bottom: 15px;
}

.slide-nav>li {
  padding-bottom: 20px;
  display: inline-block;
}

.slide-nav>li a {
  line-height: 1;
}

.slide-nav>li.active>a::before {
  width: 100%;
}

.slide-nav>li.active>a {
  color: #fff;
}

ul.slide-nav li ul li.active>a {
  color: #fff;
}

.slide-nav-open {
  overflow: hidden;
}

ul.slide-nav li ul {
  padding-top: 13px;
  padding-bottom: 7px;
}

.rm-popup .inner-rm-lg-cell {
  padding-left: 62px;
}

.rm-popup .inner-rm-lg-cell .theme-paragraph-content {
  padding-left: 0px;
}

.t-v-guide-us-sec.wm-recann_sec+.location-sec::before {
  height: 654px;
}

.t-v-guide-us-sec.wm-recann_sec .who-makes-recann-row.two-cell-row:before {
  display: none;
}

.t-v-guide-us-sec.wm-recann_sec {
  padding-top: 52px;
  padding-bottom: 134px;
}

.testimonial-sec.candidate-testimonial-sec h2 {
  max-width: 450px;
}

.t-v-guide-us-sec.wm-recann_sec .who-makes-recann-row .img-box {
  height: 400px;
}

.custom-file.custom-file-white {
  color: var(--white);
  border-bottom: 2px solid #fff;
  padding-bottom: 49px;
}

.white-form h4.top-modal-bodyThankyou,
.white-form p.text-center {
  color: var(--white);
}

/** recruitment services page css start **/
.recruitment-services .theme-heading-h2 {
  font-size: 40px;
  line-height: 70px;
  position: relative;
}

.recruitment-services-paragraph p {
  font-size: 24px;
  line-height: 48px;
  margin-bottom: 20px;
}

.recruitment-sec {
  background: #040A11;
  padding-bottom: 115px;
  padding-top: 260px;
  position: relative;
}

.recruitment-sec .hightlight-heading-sm {
  color: var(--blue);
}

.recruitment-sec-left,
.recruitment-sec-right {
  width: 670px;
  margin-bottom: 126px;
}

.recruitment-sec-left h3,
.recruitment-sec-right h3 {
  color: #fff;
  position: relative;
}

.recruitment-sec-inner {
  display: flex;
  justify-content: space-between;
  position: relative;
}

.recruitment-sec-left p,
.recruitment-sec-right p {
  font-size: 24px;
  line-height: 48px;
  color: #fff;
  margin-bottom: 48px;
}

.plus-icon-pink {
  background: url(../images/plus-icon-pink.png)no-repeat center;
  background-size: auto;
  display: inline-flex;
  width: 16px;
  height: 16px;
  position: absolute;
  bottom: 30px;
  margin-left: 10px;
}

.recruitment-sec:before {
  position: absolute;
  content: "";
  background: url(../images/software-page/shape1.png) no-repeat right top;
  left: -259px;
  width: 496px;
  height: 559px;
  z-index: 4;
  top: 20vw;
  transform: translate3d(0, -20px, 0);
  background-size: 80%;
}

.recruitment-services .hightlight-heading-sm,
.recruitment-sec-inner .hightlight-heading-sm {
  letter-spacing: 4.8px;
  font-weight: 600;
  font-size: 24px;
  line-height: 48px;
}

.software-banner-paragraph.recruitment-services-paragraph:after {
  height: 27.555vw;
}

.recruitment-services .inner-banner {
  padding-top: 360px;
}

.recruitment-offer .theme-heading-h2 {
  font-size: 40px;
  line-height: 70px;
}

.recruitment-services .banner-img-box img {
  object-position: top;
}

.recruitment-services h1 {
  font-size: 100px;
  line-height: 107px;
}

/** recruitment services page css end **/
.theme-member-content-wrap {
  height: 100%;
}

.meet-the-team-sec .theme-paragraph-content.borderleft-blue {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  min-height: 220px;
  align-items: flex-start;
}

.specialisms-cate-sec .specialisms-row .specialisms-cell h4,
.specialisms-content.sameHeight4 {
  height: auto !important;
}

.mod-specialisms-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

/*************** Cookie Policy ******************/
.wpcc-container {
  background: #FFFFFF !important;
  opacity: 1 !important;
  color: #fff !important;
  border: none !important;
  margin: auto;
  flex-direction: row !important;
  flex-wrap: wrap !important;
  box-shadow: 0 0 20px -1px rgb(0 0 0 / 26%);
}

.wpcc-container .wpcc-message,
.wpcc-container .wpcc-message a {
  color: #071223 !important;
  font-size: 15px;
  font-weight: 300;
  line-height: 25px;
}

.wpcc-container .wpcc-message {
  display: block;
  width: auto;
  padding-right: 0;
  font-family: "Bierstadt" !important;
  color: #071223 !important;
}

.wpcc-container .wpcc-compliance {
  flex: auto;
}

.wpcc-container .wpcc-btn {
  width: auto;
  flex: auto;
  display: inline-block;
}

.wpcc-container .wpcc-btn {
  color: #fff !important;
  background-color: var(--darkgrey) !important;
  font-weight: 400;
  padding: 7px 20px;
  border: 1px solid var(--darkgrey);
}

.wpcc-container .wpcc-btn:hover {
  background-color: #fff !important;
  color: var(--darkgrey) !important;
}

.banner .banner-img-box .img-box video.fullscreen,
.banner .banner-img-box .img-box video {
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transform: none;
}

.credit-line {
  display: flex;
  flex-direction: column;
}

.external-logos a {
  margin-right: 30px;
}

.external-logos a:last-child {
  margin-right: 0;
}

.external-logos a {
  margin-right: 20px;
  width: 87px;
}

.external-logos a img {
  display: block;
  width: 100%;
}

.external-logos {
  display: flex;
  justify-content: center;
  margin-top: -23px;
  margin-bottom: 0;
  /* border-top: 1px solid #323232; */
  /* margin-top: 60px; */
  /* padding-top: 40px; */
  align-items: flex-start;
}

.image-hover {
  transition: all 200ms ease-in;
}

.t-v-guide-us-sec.mod-t-v-guide-us-sec .guide-cell.be-positive-cell {
  width: 50%;
  display: flex;
}

.t-v-guide-us-sec.mod-t-v-guide-us-sec .t-v-guide-us-row {
  padding-right: 410px;
  justify-content: flex-start;
}

.specialisms-row.specialisms-cara {
  margin: 0 auto;
}

.specialisms-row.specialisms-cara .specialisms-cell {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}

.specialisms-row.specialisms-cara .owl-dots.disabled {
  display: block;
  margin-top: 40px;
}

.specialisms-cara .owl-dots {
  margin-top: 30px !important;
}

.specialisms-cara .owl-dots .owl-dot span {
  background: #fff !important;
}

.specialisms-cara .owl-dots .owl-dot.active span,
.specialisms-cara .owl-dots .owl-dot:hover span {
  background: #00ffff !important;
}

.specialisms-cara .owl-dots .owl-dot span {
  margin: 5px 4px;
}

.mod-job-banner.job-board-banner .banner-content {
  padding-top: 170px;
  padding-bottom: 140px;
}

.mod-job-banner.job-board-banner h3 {
  font-size: 24px;
  line-height: 50px;
  font-weight: 700;
  letter-spacing: var(--h5-lspacing);
  margin-bottom: 50px;
}

.banner.software-banner.home-banner.inner-page-banner-sec {
  padding-top: 0;
  height: auto;
  min-height: auto;
}

.banner.software-banner.home-banner.inner-page-banner-sec .inner-banner {
  padding-bottom: 0 !important;
}

.testi-mod-content-btm {
  display: flex;
}

.testimonial-cara .testi-mod-content-btm {
  padding-left: 100px;
}

.testi-mod-content-btm .img-box {
  width: 80px;
  height: 80px;
  padding: 0 !important;
  margin-right: 20px;
}

.testi-mod-content-btm img {
  display: block;
  width: 100%;
  padding: 0 !important;
}

.testi-mod-content-btm-right cite {
  padding: 0;
}

.testi-mod-content-btm-right cite {
  padding: 0 !important;
  display: flex;
  flex-direction: column;
}

.testi-mod-content-btm-right {
  padding: 0 !important;
  width: calc(100% - 80px);
}

.mod-job-banner.job-board-banner.search-job-board h3 {

  max-width: 940px;
}

.candidate-banner .btn-group-box-cus {
  padding-top: 6%;
}

.our-approach-sec .btn-group-box-cus a {
  max-width: 450px;
}

.cta-contact-sec.candidate-cta-sec:before {
  display: none;
}

.banner.inner-page-banner.candidate-banner+.our-approach-sec::after {
  content: '';
  position: absolute;
  background-image: url(../images/candidate-page/code-shape-2.png);
  width: 25.85vw;
  height: 29.7vw;
  display: block;
  top: 358px;
  left: inherit;
  right: 3vw;
  z-index: 9;
  background-repeat: no-repeat;
  background-size: 90%;
  /*-webkit-animation: falling 20s 0s infinite;*/
  /*animation: falling 20s 0s infinite;*/
  /*transition: all 200ms ease-in;*/
}

.banner.inner-page-banner.candidate-banner+.our-approach-sec .our-approach-content {
  margin-left: initial;
  margin-bottom: 6%;
}

.banner-cont+.testimonial-sec.candidate-testimonial-sec {
  padding-top: 194px;
}

.candidate-banner .banner-img-box .img-box::before {

  height: calc(100% + 40%);

}

.banner.inner-page-banner.candidate-banner+.our-approach-sec {
  margin-top: -15%;
  background: transparent;
}

/*.our-approach-sec.candidate-our-approach-sec .our-approach-img-bg .img-box:before {*/
/*    display:none;*/
/*}*/
.our-approach-sec.candidate-our-approach-sec .our-approach-img-bg .img-box {
  display: none;
}

.banner-cont+.testimonial-sec.candidate-testimonial-sec .testimonial-cara blockquote::before {

  background: url(../images/qoutes-two.png) no-repeat center !important;

}

section.our-approach-sec.candidate-our-approach-sec:after {
  display: none;
}

.banner.software-banner.home-banner.inner-page-banner-sec .inner-banner {
  padding-bottom: 0 !important;
}

.inner-page-banner-sec.health-check-page .inner-banner {
  padding-top: 356px;
}

.inner-page-banner-sec.health-check-page .banner-img-box {
  height: 100vh;
}

.banner.inner-page-banner-sec.health-check-page .banner-img-box img {
  object-fit: cover;
  object-position: top;
}

.hc-how-it-work-sec .hightlight-heading-sm {
  color: var(--red);
}

.how-work-slider-box {
  position: relative;
  z-index: 4;
  padding-top: 2%;
}

.how-work-slider-box .img-box-cell .img-box {
  width: 80px;
  height: 80px;

}

.how-work-slider-box .img-box-cell {
  margin-bottom: 45px;
}

.how-work-slider-box .img-box-cell .img-box img {
  object-fit: contain;
}

.how-work-slider-box .inner-how-work-slider-box {
  padding-left: 12.5%;
}

.how-work-slider-box .inner-how-work-slider-box .t-v-guide-us-row .guide-cell {
  width: initial;
  padding-left: initial;
  padding-right: initial;
  padding-bottom: 28px;
  display: flex;
  width: 100%;
}

.how-work-slider-box .borderleft-red::before {
  background: #E71956;
}



.how-work-slider-box .guide-inner-cell {
  background: var(--darkgrey);
  padding: 59px 48px 39px 65px;
  width: 100%;
}

.how-to-work-para-content p {
  color: #fff;
  font-size: 24px;
  line-height: 48px;
}

.how-to-work-para-content {
  width: 100%;
  max-width: 780px;
  position: relative;
  z-index: 8;
  padding-top: 9%;
  padding-bottom: 9%;
}

.how-work-slider-box .owl-theme .owl-nav.disabled+.owl-dots {
  display: none;
}

.t-v-guide-us-row.how-work-slide {
  margin: auto;
}

.job-box.mod-job-box {
  display: flex;
}

.inner-job-box.mod-inner-job-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.job-detail-discription .job-apply-read-bts a {
  display: inline-block;
}

.job-detail-discription .share-list-cell {
  padding-top: 40px;
}

.banner.inner-page-banner.candidate-banner.mod-candidate-banner.home-banner .inner-banner {
  padding-top: 60px;
}

.home-banner.inner-page-banner-sec.health-check-page .inner-banner {
  padding-bottom: 0 !important;
  display: flex;
  width: 100%;
}

.t-v-guide-us-row.how-work-slide .owl-stage,
.t-v-guide-us-row.how-work-slide .owl-item {
  display: flex;
}

.inner-page-banner-sec.health-check-page .banner-content-cell {
  max-width: 59.435%;
}

.address-card .germany-ico,
.address-card .uk-ico,
.address-card .usa-ico {
  display: flex;
  align-items: center;
}

.germany-ico i,
.uk-ico i {
  background: url(../images/germany.png) no-repeat center;
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: 100% 100%;
  margin-right: 10px;
  vertical-align: middle;
}

.uk-ico i {
  background: url(../images/uk-flag.jpg) no-repeat center;
  width: 24px;
  height: 17px;
  display: inline-block;
  background-size: 100% 100%;
  margin-right: 10px;
  vertical-align: middle;
}

.usa-ico i {
  background: url(../images/usa.png) no-repeat center;
  width: 24px;
  height: 24px;
  display: inline-block;
  background-size: 100% 100%;
  margin-right: 10px;
  vertical-align: middle;
}

.our-benifit-sec.mod-benifit-sec {
  padding-bottom: 290px;
}

.specialisms-row .item {
  display: flex;
  width: 100%;
}

.specialisms-row .item,
.specialisms-row.specialisms-cara .specialisms-cell,
.specialisms-row .owl-stage,
.specialisms-row .owl-item {
  display: flex;
}

.tel-space {
  margin-bottom: 20px;
}

ul.our-benifit-list {
  overflow: hidden;
}

.specialisms-cta-sec.candidate-cta-sec.candi-mod-cta {
  background: transparent;
}

.meet-the-team-sec .meet-the-team-cell img {
  object-position: top;
}

.page__header-right-extra {
  display: flex;
  align-items: center;
}

.page__header-right-extra a {
  margin-right: 37px;
}

.page__header-right-extra a i {
  margin-right: 10px;
  display: inline-block;
  color: var(--blue);
  font-weight: 700;
  text-transform: uppercase;
}

.page__header-right-extra .contact-numbs a:hover {
  color: var(--blue);
}

.page__header-right-extra .contact-numbs a {
  transition: all 200ms ease-in;
  letter-spacing: 0 !important;
}

.cust-form-group.custom-file.custom-file-black input::-webkit-file-upload-button {
  visibility: hidden;
  display: none;
}

.cust-form-group.custom-file.custom-file-black input::-ms-browse {
  visibility: hidden;
  display: none;
}

.cust-form-group.custom-file.custom-file-black input {
  opacity: 1;
}

.benefits-click-here {
  cursor: pointer;
  transition: background-image 3s ease-in-out;
}

.benefits-click-here:hover {
  transition: background-image 3s ease-in-out;
}

.custom-model-main {
  text-align: center;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear, z-index 0.15;
  -o-transition: opacity 0.15s linear, z-index 0.15;
  transition: opacity 0.15s linear, z-index 0.15;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
}

.benefits-model-open {
  z-index: 99;
  opacity: 1;
  overflow: hidden;
}

.join-media-onHover .close-btn {
  position: absolute;
  right: 20px;
  top: 16px;
  cursor: pointer;
  z-index: 999;
  font-size: 40px;
  color: #fff;
}

.join-second-wrap {
  display: flex;
}

.join-second-wrap h5 {
  font-size: 30px;
  line-height: 39px;
  font-weight: 600;
}

.join-second-wrap .media {
  align-items: flex-start;
  cursor: pointer;
  margin-top: 0px !important;
}

.join-first-content .join-right-content {
  max-width: 730px;
}

.join-third-content .join-right-content {
  max-width: 730px;
}

.join-second-wrap .media-body {
  padding-left: 35px;
  width: Calc(100% - 70px);
}

.join-second-wrap::after {
  position: relative;
  right: 0;
  top: 0px;
  width: 891px;
  height: 891px;
  content: " ";
  background: url(../images/join-us-shape.png) right top no-repeat;
  opacity: 0.2;
  transform: rotate(270deg);
}

.join-second-wrap {
  width: 834px;
  padding-left: 0;
  position: relative;
  padding-top: 70px;
}

.join-second-wrap .join-second-inner {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
}

.join-second-media-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  flex-direction: row;
  width: 100%;
  margin-left: -20px;
  margin-right: -20px;
}

.join-second-wrap .mediaOuter {
  width: 53%;
  position: relative;
  margin-bottom: 82px;
}

.join-media-onHover {
  position: absolute;
  width: 480px;
  background: #000;
  background-size: auto;
  background-size: cover;
  box-shadow: 0 0 20px rgba(0, 0, 0, .1);
  padding: 30px;
  z-index: 0;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0.6);
  display: none;
  opacity: 0;
  transition: all 0.6s ease;
  display: flex;
  justify-content: center;
  text-align: center;
  align-items: center;
  min-height: 220px;
}

.join-media-onHover p {
  line-height: 1.4;
  font-size: 24px;
}

.mediaOuter {
  position: relative;
}

.join-media-onHover.custom-model-main.benefits-model-open {
  display: flex;
  transform: translate(-50%, -50%) scale(1);
  transition: all 0.6s ease;
  opacity: 1;
  z-index: 99;
}

.join-second-wrap .mediaOuter {
  width: 50%;
  padding-left: 20px;
  padding-right: 20px;
}

.joinico-img {
  width: 70px;
  /* height: 70px; */
  display: flex;
  align-items: center;
  justify-content: center;
}

.joinico-img img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
  height: auto;
  width: auto;
  object-fit: contain;
}

.media.benefits-click-here {
  display: flex;
  position: relative;
  z-index: 3;
}

.our-benifit-sec .our-benifit-row .join-media-onHover p {
  padding-bottom: 0;
  color: #fff;
}

.our-job-content.two-cell-row {
  padding-bottom: 140px;
}

.page__header-right-extra .contact-numbs a {
  color: #fcee21;
}

.specialisms-cell .specialisms-content img,
.specialisms-content img {
  height: 80px;
  display: block;
  width: auto;
}

.banner.job-detail-banner .job-apply-read-bts a {
  display: inline-block;
}

.mod-job-detail-sec.job-detail-discription .two-cell-row .two-cell-sm {
  width: 466px;
}

.mod-job-detail-sec.job-detail-discription .two-cell-row .two-cell-sm .consltant-row .two-cell-lg {
  width: Calc(100% - 180px);
}

.job-detail-discription.mod-job-detail-sec .cust-container-sm {
  max-width: 1429px;
}

.client-logo-slider img {
  height: 120px !important;
  object-fit: contain;
  max-width: 72% !important;
  margin: 0px auto;
  border: 1px solid #252525;
  padding: 20px 30px;
}

.software-we-cover-sec .inner-software-we-cover-sec .theme-heading-h2 {
  color: var(--white);
}

.where-different-box {
  max-width: 653px;
  background: #191919;
  padding: 40px 44px 40px 62px;
  margin-bottom: 25px;
}

.where-different-inner {
  position: relative;
  display: flex;
  z-index: 99;
  align-items: center;
  padding-bottom: 137px;
}

.heading-h3 {
  font-size: var(--heading-h3-size);
  line-height: var(--heading-h3-line-height);
}

.where-different-box .heading-h3 {
  max-width: 483px;
  color: var(--white);
  font-family: "source_sans";
  margin-bottom: 20px;
  font-weight: 700;
}

.where-different-content {
  position: relative;
  padding-left: 48px;
}

.where-different-content::before {
  content: "";
  width: 5px;
  height: 100%;
  position: absolute;
  left: 0px;
}

.yellow-stroke::before {
  background: #FCEE21;
}

.pink-stroke::before {
  background: #FCEE21;
}

.skyblue-stroke::before {
  background: #82F9FD;
}

.purple-stroke::before {
  background: #5F308C;
}

.where-different-inner-right {
  padding-left: 28px;
}

.diferent-btn-wrapper {
  display: flex;
  justify-content: center;
  margin-top: 76px;
}

.where-inner-top .hightlight-heading-sm {
  color: #82F9FD;
}

.where-inner-top .theme-heading-h2 {
  font-family: 'source_sans';
  font-size: 40px;
  line-height: 70px;
  max-width: 652px;
  font-weight: 600;
  position: relative;
  z-index: 999;
}

.where-different-box .where-different-content p {
  font-size: 24px;
  line-height: 36px;
  max-height: 290px;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 20px;
}

.where-different-img-box {
  height: 1000px;
}

.where-different-box .where-different-content p::-webkit-scrollbar-track {
  box-shadow: inset 0 0 100px rgba(255, 255, 255, 0.6);
  width: 8px;
  height: 8px;
  border-radius: 10px;
}

.where-different-box .where-different-content p::-webkit-scrollbar-thumb {
  background-color: #fff;
  outline: none;
  width: 8px;
  height: 8px;
  border-radius: 10px;
}

.external-logos a.third-logo-ft img {
  width: 55px;
}


.banner-cont.micro-banner-cont .banner-content {
  padding-top: 362px;
}

.w-can-recann-sec.micro-can-recann-sec li {
  position: relative;
  padding-left: 30px;
}

.w-can-recann-sec.micro-can-recann-sec p {
  margin-bottom: 43px;
}

.w-can-recann-sec.micro-can-recann-sec li::before {
  position: absolute;
  content: "";
  left: 0;
  top: 6px;
  width: 18px;
  height: 18px;
  background: url("../images/star-pink.png") no-repeat center;
  background-size: 100%;
}

.w-can-recann-sec.micro-can-recann-sec {
  padding-bottom: 60px;
}

.w-can-recann-sec.micro-can-recann-sec ul {
  margin-top: -12px;
}

.w-can-recann-sec.micro-can-recann-sec .w-can-recann-row.three-cell-row {
  padding-right: 159px;
}

.feat-left-img {
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 49%;
  height: 930px;
  z-index: 6;
}

.feat-left-img .img-box-feat::after {
  position: absolute;
  content: "";
  background: url(../images/code-shape.png) no-repeat right top;
  background-size: 100%;
  left: 0;
  width: 464px;
  height: 534px;
  z-index: 8;
  bottom: 0;
  top: 0;
  margin: auto;
}

.feat-left-img .img-box-feat,
.feat-right-img .img-box-feat {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}

.feat-left-img .img-box-feat img,
.feat-left-img .img-box-feat video,
.feat-right-img .img-box-feat img,
.feat-right-img .img-box-feat video {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: contain;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}

.micro-banner-cont.banner-cont .banner.inner-page-banner .banner-paragraph-content p:not(:last-child) {
  margin-bottom: 62px;
}

.micro-banner-cont.banner-cont .mod-job-banner.job-board-banner h3 {
  font-size: 40px;
  line-height: 70px;
}

.micro-banner-cont.banner-cont .banner-img-box {
  height: 1080px;
}

.micro-banner-cont.banner-cont .banner-img-box .img-box::before {
  height: 100%;
  background-image: url(../images/candidate-page/glow-1.png);
  background-size: 100% 100% !important;
  opacity: 0.9;
}

.micro-banner-cont.banner-cont .banner.inner-page-banner .banner-img-box {
  height: 1080px;
}

.micro-banner-cont.banner-cont .banner.inner-page-banner {
  padding-bottom: 349px;
}

.our-job-sec.micro-our-job-sec::before {
  display: none;
}

.solution-feature.micro-solution-feature .feat-right-img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 900px;
  height: 100%;
}

.solution-feature.micro-solution-feature::before,
.solution-feature.micro-solution-feature::after,
.our-job-sec.micro-our-job-sec .candidate-our-job-list::after {
  display: none;
}

.solution-feature.micro-solution-feature .solution-feature-content {
  width: 100%;
  max-width: 652px;
}

.micro-banner-cont .banner.why-recann-banner.inner-page-banner .ico1 {
  opacity: 1;
  top: -270px;
  mix-blend-mode: overlay;
}

.micro-can-recann-sec .ico4 {
  background: url(../images/icons-yellow.png) no-repeat center;
  opacity: 1;
}

.micro-banner-cont .banner.why-recann-banner.inner-page-banner .ico1 {
  top: -82px;
  width: 790px;
  height: 660px;
}

.banner-cont.specialism-banner-cont .banner.inner-page-banner-sec .inner-banner {
  width: 100%;
}

.banner-cont.specialism-banner-cont .banner.inner-page-banner-sec {
  justify-content: center;
}

.banner-cont.specialism-banner-cont .banner .banner-content {
  max-width: 77.435%;
}

.banner-cont.specialism-banner-cont .banner .banner-content-cell {
  max-width: 100%;
}

/** terms page css start **/
.terms-banner .banner {
  position: relative;
  min-height: 470px;
  padding: 150px 0px 90px;
}

.terms-content h5 {
  font-weight: 700;
  padding: 80px 0px 10px 0px;
}

.terms-content h6 {
  font-weight: 700;
  font-size: 22px;
}

.terms-content table {
  border: 2px solid #000;
  margin: 20px 0px;
}

.terms-content table tr {
  border-bottom: 2px solid #000;
}

.terms-content table tr th,
td {
  border-right: 2px solid #000;
  padding: 10px;
}

.terms-content p,
.terms-content ul li {
  font-family: 'Bierstadt';
  font-size: 19px;
  line-height: 32px;
  padding-bottom: 10px;
}

.terms-content ul li {
  list-style-type: disc;
}

.terms-content ul {
  padding-left: 19px;
  margin-bottom: 10px;
  margin-top: 10px;
}

.terms-content a {
  text-decoration: underline;
}

.left-job-details table th {
  text-align: center;
}

.terms-content {
  padding: 70px 0px 92px;
}

/** terms page css end **/
.hightlight-yellow {
  color: var(--yellow) !important;
}

.hc-how-it-work-sec .how-to-work-para-main p {
  color: #fff;
  font-size: 24px !important;
  line-height: 48px !important;
  width: 100%;
  max-width: 936px;
}

.cust-container-md3 {
  width: 100%;
  max-width: 1730px;
  margin: 0 auto;
}

.how-work-wrap5 .card {
  width: 20%;
  background: transparent;
  border: 0px;
  border-radius: 0px;
}

.how-work-wrap5 .card .top-img img {
  width: 100%;
  max-width: 70px;
}

.how-work-wrap5 .card .cardtitle {
  color: #fff;
  font-size: 30px;
  line-height: 35px;
  font-weight: 700;
  width: 100%;
  max-width: 273px;
}

.how-work-wrap5 .card .cardcontent {
  color: #fff;
  font-size: 18px;
  line-height: 27px;
  font-weight: 500;
  width: 100%;
  max-width: 264px;
  padding-top: 10px;
}

.how-work-wrap5 .card .card-cont {
  padding-left: 30px;
  margin-top: 30px;
}

.how-work-wrap5 .card .yellow {
  border-left: 3px solid #FCEE21;
}

.how-work-wrap5 .card .green {
  border-left: 3px solid #44FDFF;
}

.how-work-wrap5 .card .red {
  border-left: 3px solid #D4145A;
}

.how-work-wrap5 .card .purple {
  border-left: 3px solid #6D2994;
}

.how-work-wrap5 {
  padding-top: 70px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.swork-with-slider {
  background-color: var(--dark);
  padding-top: 14px;
  position: relative;
  overflow: hidden;
  padding-bottom: 220px;
}

.swork-with-slider::after {
  content: '';
  position: absolute;
  background-image: url(../images/software-page/slidebgwrap.png);
  width: 100%;
  height: 124vh;
  display: block;
  top: -182px;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center 82px;
  background-size: cover;
  opacity: 50%;
}

.reach-out-wrap {
  padding: 95px 0;
  position: relative;
}

.reach-out-wrap .out-head {
  font-size: 60px;
  line-height: 70px;
  font-weight: 700;
  width: 30%;
}

.reach-out-wrap .rech-wrap {
  display: flex;
  flex-wrap: wrap;
}

.reach-out-wrap .out-content {
  width: 70%;
}

.plus-reda-ico {
  background: url("../images/plsh.png") no-repeat center;
}

.reach-out-wrap .content {
  font-size: 24px;
  line-height: 48px;
  padding-bottom: 45px;
}

.reach-out-wrap::after {
  position: absolute;
  bottom: -200px;
  left: 0;
  content: "";
  background: #fff;
  height: 200px;
  width: 100%;
  z-index: 5;
}

.reach-out-wrap::before {
  position: absolute;
  content: "";
  background: url(../images/software-page/shape1.png) no-repeat top left;
  width: 23.859vw;
  height: 50vh;
  bottom: -195px;
  background-size: cover;
  right: -211px;
  transform: translate3d(0, -20px, 0);
  z-index: 5;
}

.who-work-with-slider .brandlogo img {
  height: 120px !important;
  object-fit: contain;
  max-width: 72% !important;
  margin: 0px auto;
  padding: 20px 30px;
}

.survery-frame-sec iframe {
  width: 100%;
  height: auto;
}

.survery-frame-sec.job-detail-discription .two-cell-row .two-cell-lg {
  width: 100%;
}

.ir35 .parmanent-cell::before {
  content: '';
  position: absolute;
  background-image: url(../images/solution-page/shape-2.png);
  background-size: auto;
  background-size: auto;
  width: 406px;
  height: 439px;
  bottom: 15px;
  top: inherit;
  background-size: cover;
  left: -267px;
  transform: translate3d(0, -20px, 0);
  z-index: -1;
}

.ir35 .margin-cell {
  margin-top: 146px;
  margin-bottom: 20px !important;
}

/** aps-modal-wrapper modal start **/
.aps-modal-wrapper h6 {
  font-size: calc(var(--h6-font-size) - 4px);
  color: #FCEE21;
  width: 50%;
  letter-spacing: 4.8px;
  font-weight: 600;
  font-family: 'source_sans';
  margin-bottom: 10px;
}

.aps-modal .modal-content {
  background: #000;
}

.aps-modal p {
  color: #fff;
  margin-bottom: 48px;
  font-size: calc(var(--h6-font-size) - 2px);
  line-height: var(--h6-line-height);
  font-family: 'source_sans';
}

.aps-modal-wrapper {
  max-width: 83%;
  margin: 79px auto 0;
  overflow-y: scroll;
  padding-right: 20px;
}

.aps-modal .modal-dialog {
  width: 100%;
  max-width: 100%;
  margin: 0px auto;
}

.aps-modal.show {
  background-color: #fff;
}

.aps-modal-wrapper:before {
  content: "";
  position: absolute;
  background: url(../images/recann-code-bg.png);
  height: 100%;
  width: 100%;
  background-repeat: no-repeat;
  top: 0;
  z-index: 0;
}

.dismiss-btn {
  position: absolute;
  right: 45px;
  top: 38px;
  cursor: pointer;
  z-index: 9;
}

.dismiss-btn img {
  width: 39px;
  cursor: pointer;
}

.aps-modal-wrapper::-webkit-scrollbar {
  width: 8px;
}

.aps-modal-wrapper::-webkit-scrollbar-track {
  box-shadow: none;
  border-radius: 10px;
}

.aps-modal-wrapper::-webkit-scrollbar-thumb {
  background: #777;
  border-radius: 10px;
}

.aps-modal-wrapper::-webkit-scrollbar-thumb:hover {
  background: #222;
}

/** aps-modal-wrapper modal end **/

.about-page-container .about-page-aps-logo {
  position: absolute;
  right: 31%;
  width: 220px;
  top: 63px;
}

.about-page-container .about-page-aps-logo img {
  display: block;
  width: 100%;
}

.about-page-container {
  position: relative;
}

/* social icons */
.social-icos {
  display: flex;
  justify-content: center;
}

.social-icos li {
  width: 30px;
  height: 30px;
  list-style-type: none;
  transition: all 200ms ease-in;
  margin-right: 11px;
}

.social-icos li:last-child {
  margin-right: 0;
}

.social-icos li a {
  display: block;
  width: 30px;
  height: 30px;
  transition: all 200ms ease-in;
}

.social-icos .linkedin-ico a {
  background: url("../images/linkedin-dark.png") no-repeat center;
}

.social-icos .linkedin-ico:hover a {
  background: url("../images/linkedin-dark.png") no-repeat center;
}

.social-icos .insta-ico a {
  background: url("../images/instagram-icon.png") no-repeat center;
}

.social-icos .insta-ico:hover a {
  background: url("../images/instagram-icon.png") no-repeat center;
}

.social-icos {
  margin-bottom: 30px;
}

.credit-line {
  width: 400px;
}

.external-logos a:nth-child(1) {
  margin-right: 50px;
}

.guide-inner-cell .theme-heading-h5 {
  margin-bottom: 24px;
  margin-top: 12px;
}

.meet-the-team-sec .meet-the-team-cell .img-box:hover {
  cursor: pointer;
}

/** hide the twice text of join now section **/
div#target8 {
  display: none;
}

#target9 .circle-plus:after {
  content: '';
  width: 2px;
  height: 291px;
  display: block;
  position: absolute;
  background-color: #E71755;
  left: -78px;
  top: 38px;
  transform: skew(-45deg, 30deg);
}


/*.our-job-sec.micro-our-job-sec.job-show .our-job-content.two-cell-row {*/
/*    padding-bottom: 300px;*/
/*}*/

/*.our-job-sec.micro-our-job-sec.job-show  .two-cell-row .two-cell-lg.our-jobs-view-container .job-box:first-child {*/
/*    margin-top: -100px;*/
/*}*/

/*.our-job-sec.micro-our-job-sec.job-show .two-cell-row .two-cell-lg.our-jobs-view-container .job-box:nth-child(2) {*/
/*    margin-bottom: 356px;*/
/*}*/

/*.our-job-sec.micro-our-job-sec.job-show  .candidate-our-job-list {*/
/*    margin-top: 0;*/
/*}*/

/*.solution-feature.micro-solution-feature .inner-solution-feature{*/
/*    padding-top: 0;*/
/*}*/
.our-job-sec.micro-our-job-sec.job-show .job-show-bottom {
  position: relative;
  margin-top: -230px;
}

.our-job-sec.micro-our-job-sec.job-show::after {
  display: none;
}

.our-job-sec.micro-our-job-sec.job-show .two-cell-row .two-cell-sm {
  padding-bottom: 100px;
}

.our-job-sec.micro-our-job-sec.job-show .our-job-content.two-cell-row {
  padding-bottom: 0;
}

.our-job-sec.micro-our-job-sec.job-show .candidate-our-job-list {
  margin-top: 0;
}

.job-show-bottom::after {
  content: '';
  position: absolute;
  bottom: 0px;
  width: 100%;
  background-color: var(--dark);
  z-index: -1;
  height: Calc(100% - 220px);
}

.our-job-sec .two-cell-row .two-cell-lg .theme-heading-h2 {
  padding-bottom: 100px;
}

.job-show-bottom .latest-job-sec.two-cell-row .our-jobs-view-container .job-box:nth-child(2) {
  margin-bottom: 352px;
}

.job-show-bottom .latest-job-sec.two-cell-row .our-jobs-view-container .job-box:nth-child(3) {
  margin-top: -190px;
}

/** promise section css start **/
.promise-setion-client .computer-language-list-row li {
  padding-top: 20px;
  padding-bottom: 20px;
  line-height: 28px;
}

.promise-setion-client .hightlight-heading-sm {
  color: #D4145A;
  font-size: 24px;
  margin-bottom: 28px;
}

.promise-setion-client .computer-language-list-row {
  padding-top: 43px;
}

.promise-setion-client .computer-language-list-row li:nth-child(1) {
  margin-top: -48px;
}

.promise-setion-client {
  background: #fff;
  margin-top: -80px;
  padding-bottom: 100px;
  z-index: 11;
  padding-top: 40px;
}

.promise-setion-client::after {
  position: absolute;
  content: "";
  background: url(../images/shape-3.png) no-repeat top left;
  width: 544px;
  height: 614px;
  top: 95px;
  right: -313px;
  transform: translate3d(0, -20px, 0);
  background-size: 80%;
}

.promise-setion-client.software-we-cover-sec {
  position: relative;
  z-index: 99;
}

.our-job-sec.candidate-solution-sec.no-aftr::after {
  display: none;
}

.on-client-pg {
  padding-top: 120px;
  padding-bottom: 120px;
}

.owl-theme.client-logo-slider .owl-nav.disabled+.owl-dots {
  padding-top: 50px;
}

/** promise section css end **/
/** stats section start **/
.text-pink {
  color: #E71956;
}

.white-stats-sctn .two-cell-sm p {
  margin-bottom: 50px;
  font-size: 24px;
  line-height: 48px;
}

.text-purple {
  color: #6D2994;
}

.text-skyblue {
  color: var(--blue);
}

.white-stats-sctn .two-cell-sm .theme-heading-h2 {
  margin-bottom: 35px;
  font-size: 40px
}

.white-stats-sctn .two-cell-row .two-cell-sm {
  width: 45.50%;
  padding-right: 40px;
}

.white-stats-sctn {
  padding-top: 86px;
  padding-bottom: 86px;
  position: relative;
  background: #fff;
  z-index: 9;
}

.stats-right-top .hightlight-heading-sm,
.stats-right-bottom .hightlight-heading-sm {
  margin-bottom: 64px;
  line-height: var(--h6-line-height);
  font-size: 24px;
}

.stats-right-top ul {
  display: flex;
}

.stats-right-top ul li {
  width: 33.33%;
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

.stats-right-top ul li .stat-nums {
  display: block;
  font-size: var(--heading-h3-size);
  font-family: "source_sans";
  font-weight: 700;
  line-height: var(--heading-h3-line-height);
}

.stats-right-bottom {
  padding-top: 139px;
}

.stats-right-top ul li p:first-child {
  height: 30px;
}

.stats-right-top ul li p {
  font-size: 24px;
}

.white-stats-sctn .two-cell-row .two-cell-lg {
  width: 54.5%;
  padding-left: 39px;
}

.white-stats-sctn::after {
  position: absolute;
  content: "";
  background: url(../images/solution-page/recann_rode_dc1.png) no-repeat right top;
  background-size: 355px;
  left: -240px;
  width: 365px;
  height: 456px;
  z-index: 4;
  bottom: 25px;
  transform: translate3d(0, -20px, 0);
}

/** stats section end **/

.our-specialisms-banner.inner-page-banner-sec .banner-spec-button a {
  display: inline-block;
  margin-bottom: 20px;
  text-align: center;
  margin-right: 20px;
}

.banner-spec-button {
  display: flex;
  flex-wrap: wrap;
  padding-top: 80px;
}

.annoy-profile.consultant-sec .right-sec {
  width: 100%;
}

.btn-group-spec .theme-btn {
  margin-right: 20px;
  margin-bottom: 20px;
}

.inner-w-can-recann-sec .w-can-recann-row.three-cell-row .three-cell-sm p {
  font-size: 24px;
  line-height: 36px;
}

.specialism-banner-btn {
  padding-bottom: 50px;
}

/*  cookies */
.cust-cookies-modal .modal-dialog {
  max-width: 965px;
  border-radius: 0;
  border: none;
  width: 90%;
  margin: 30px auto;
}

.cust-cookies-modal .modal-content {
  border: none;
  border-radius: 0;
}

.cust-cookies-modal .modal-body {
  padding: 0;
}

.cust-cookies-modal .cust-cookies-head {
  background: #191919;
  padding: 40px 30px;
}

.cust-cookies-head a {
  display: block;
  width: 150px;
  height: auto;
}

.cust-cookies-modal .cust-cookies-head a img {
  display: block;
  width: 100%;
}

.cust-cookies-modal .cust-cookies-center {
  padding: 30px 30px 39px;
}

.cust-cookies-center h4 {
  margin-bottom: 20px;
  font-weight: 700;
}

.cust-cookies-center .cookie-text {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 30px;
}

.first-cookies-modal.cust-cookies-modal .button-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 0;
}

.cust-cookies-modal .close {
  background: url(../images/cancel-white.png) no-repeat center;
  background-size: 20px;
  top: 30px;
  position: absolute;
  right: 30px;
  width: 20px;
  height: 20px;
}

.cust-cookies-modal .btn-success {
  background-color: var(--dark);
  border-color: 2px solid var(--dark);
  color: var(--white);
  padding: 10px 16px !important;
  font-size: 15px !important;
}

.cust-cookies-modal .btn-success:hover {
  background: transparent;
  color: var(--dark);
  border-color: var(--dark);
}

.cust-cookies-modal .btn-secondary {
  background-color: var(--dark);
  border-color: 2px solid var(--dark);
  color: var(--white);
  padding: 10px 16px !important;
  font-size: 15px !important;
}

.cust-cookies-modal .btn-secondary:hover {
  background: transparent;
  color: var(--dark);
  border-color: var(--dark);
}

.cust-cookies-modal .btn-check:focus+.btn-secondary,
.cust-cookies-modal .btn-secondary:focus {
  box-shadow: none;
}

.cust-cookies-modal .btn-check:focus+.btn-success,
.cust-cookies-modal .btn-success:focus {
  box-shadow: none;
}

.cookieCustomization-modal .cust-cookies-center {
  padding: 50px 50px 49px;
}

.cust-cookies-center .button-box a.arrow-back-btn {
  border-color: 2px solid var(--dark);
  color: var(--white);
  padding-left: 45px !important;
  background: var(--dark) url(../images/arrow-white-left.png) no-repeat 19px center;
  background-size: 16px;
}

.cust-cookies-center .button-box a:last-child {
  margin-right: 0;
}

.cook-custom-wrap-box {
  max-height: 610px;
  overflow: hidden;
  overflow-y: auto;
  padding-right: 27px;
  margin-right: -30px;
  position: relative;
  transition: all 300ms ease-in;
}

.cook-Custom-center-cont {
  margin-bottom: 40px;
}

.cook-Custom-center-cont h2 {
  font-size: 50px;
  line-height: 54px;
  font-weight: 700;
  margin-bottom: 20px;
}

.cookieCustomization-modal p {
  font-size: 20px;
  line-height: 30px;
}

.cust-cookies-center .button-box a {
  background-color: var(--dark);
  border-color: 2px solid var(--dark);
  color: var(--white);
  margin-right: 10px;
  padding: 8px 26px;
  font-size: 15px;
  border-radius: 30px;
}

.cook-detail-list:first-child {
  border-top: 1px solid #cbc4c4;
}

.cook-detail-list {
  border-bottom: 1px solid #cbc4c4;
  padding-top: 30px;
  padding-bottom: 30px;
  transition: all 300ms ease-in;
}

.cook-detail-list .cook-detail-list-top {
  display: flex;
  justify-content: space-between;
}

.cook-detail-list-top h6 {
  font-weight: 700;
  font-size: 22px;
  line-height: 30px;
  margin-bottom: 0;
  width: 67%;
  padding-right: 20px;
}

.cook-detail-list .cook-detail-list-right {
  display: flex;
  align-items: flex-start;
}

.cook-detail-list-right .btn {
  color: #191A45;
  border-color: #282a75;
  border: none;
  padding: 0;
  display: inline-block;
  margin-right: 63px;
  cursor: pointer;
  position: relative;
  z-index: 4;
  padding-right: 20px;
  background-color: transparent;
  background-image: url(../images/down-arrow-sm.png);
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 14px;
}

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

.switch-input {
  display: none;
}

.switch-label {
  display: block;
  width: 48px;
  height: 24px;
  text-indent: -150%;
  clip: rect(0 0 0 0);
  color: transparent;
  user-select: none;
}

.switch-input:checked+.switch-label:before {
  background-color: #040a11;
}

.switch-label:before {
  width: 100%;
  height: 100%;
  background-color: #dedede;
  border-radius: 9999em;
  transition: background-color 0.25s ease;
}

.switch-label:before,
.switch-label:after {
  content: "";
  display: block;
  position: absolute;
  cursor: pointer;
}

.switch-input:checked+.switch-label:after {
  left: 24px;
}

.switch-label:after {
  top: 0;
  left: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
  transition: left 0.25s ease;
}

.cook-detail-list .cook-detail-dropdown {
  transition: all 300ms ease-in;
  top: 12px;
  position: relative;
}

.cook-detail-list p {
  font-size: 17px;
  line-height: 27px;
}

.cook-custom-foot {
  padding-top: 30px;
}

.cust-cookies-modal.cookieCustomization-modal .btn-check:focus+.btn-primary,
.cust-cookies-modal.cookieCustomization-modal .btn-primary:focus {
  box-shadow: none;
}

.left-job-details.details-page span.italic {
  font-style: italic;
}

.testimonial-para-content-video {
  position: relative;
  width: 100%;
  padding-bottom: 36%;
}

.testimonial-para-content-video iframe {
  position: absolute;
  width: 88%;
  height: 100%;
  object-fit: cover
}

.policies-li-header {
  padding-bottom: 180px !important;
}

/*slide-nav-container NEW MENU STYLES */
.-inner {
  max-width: 1272px;
  width: 100%;
  margin-left: auto;
  display: flex;
  align-items: flex-start;
  gap: 75px;
}

@media (min-width: 1500px) {
  .slide-nav-container-inner {
    max-width: 89%;
  }
}

@media (max-width: 1320px) {
  .slide-nav-container-inner {
    gap: 30px;
    padding: 0 24px;
  }
}

@media (max-width: 1024px) {
  .slide-nav-container-inner {
    justify-content: space-between;
  }
}

@media (max-width: 551px) {
  .slide-nav-container-inner {
    flex-direction: column;
    align-items: stretch;
  }
}

.slide-nav-container-inner .slide-navigation-tabs {
  position: relative;
  z-index: 800;
  flex: 1;
  width: 100%;
  max-width: 380px;
  max-height: 586px;
  padding-right: 48px;
  padding-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

@media (max-width: 1320px) {
  .slide-nav-container-inner .slide-navigation-tabs {
    max-width: 350px;
  }
}

@media (max-width: 1024px) {
  .slide-nav-container-inner .slide-navigation-tabs {
    max-width: 450px;
  }
}

@media (max-width: 551px) {
  .slide-nav-container-inner .slide-navigation-tabs {
    max-width: 100%;
  }
}

.slide-nav-container-inner .slide-navigation-tabs .simplebar-content {
  padding: 0 !important;
  padding-right: 48px !important;
  padding-bottom: 40px !important;
  display: flex;
  flex-direction: column;
  /* gap: 16px; */
}

.slide-nav-container-inner .slide-navigation-tabs .simplebar-vertical {
  width: 6px;
  background: #1f4872;
}

.slide-nav-container-inner .slide-navigation-tabs .simplebar-scrollbar::before {
  opacity: 1;
  inset: 0;
  width: 6px;
  background: #18d0ee;
}

.slide-nav-container-inner .slide-navigation-tab {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  min-height: 56px;
  border-bottom: 1px solid #1f4872;
  transition: 0.3s;
  cursor: pointer;
}

.slide-nav-container-inner .slide-navigation-tab:not(:last-child) {
  margin-bottom: 16px;
}

.slide-nav-container-inner .slide-navigation-tab__title {
  color: #fff;
  font-family: "Source Sans Pro";
  font-size: 32px;
  font-style: normal;
  font-weight: 600;
  line-height: 1.32;
  opacity: 0.7;
  transition: 0.3s;
}

.slide-nav-container-inner .slide-navigation-tab__content {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 16px;
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: 0.3s;
  position: relative;
  z-index: 10;
  pointer-events: none;
  /* @media (min-width: 1024px) {
    display: none;
  } */
}

.slide-nav-container-inner .slide-navigation-tab__content a {
  width: fit-content;
  display: inline-flex;
  color: #18d0ee;
  font-family: "Bierstadt";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  border-bottom: 1px solid #18d0ee;
  transition: 0.3s;
}

.slide-nav-container-inner .slide-navigation-tab__content a:hover {
  border-bottom-color: #fff;
  color: #fff;
}

.slide-nav-container-inner .slide-navigation-tab.active,
.slide-nav-container-inner .slide-navigation-tab:hover {
  border-bottom: 1px solid #18d0ee;
}

.slide-nav-container-inner .slide-navigation-tab.active .slide-navigation-tab__title,
.slide-nav-container-inner .slide-navigation-tab:hover .slide-navigation-tab__title {
  opacity: 1;
}

@media (max-width: 1024px) {
  .slide-nav-container-inner .slide-navigation-tab.active+.slide-navigation-tab__content {
    max-height: 600px;
    opacity: 1;
    margin-bottom: 24px;
    pointer-events: auto;
  }
}

.slide-nav-container-inner .slide-navigation-tab__icon {
  width: 24px;
  height: 24px;
  position: relative;
}

.slide-nav-container-inner .slide-navigation-tab__icon::before,
.slide-nav-container-inner .slide-navigation-tab__icon::after {
  content: "";
  position: absolute;
  background-color: #34edff;
  transition: all 0.3s ease;
}

.slide-nav-container-inner .slide-navigation-tab__icon::before {
  top: 0;
  left: 50%;
  width: 24px;
  height: 6px;
  margin-left: -12px;
  top: 50%;
  margin-top: -3px;
}

.slide-nav-container-inner .slide-navigation-tab__icon::after {
  top: 0;
  left: 50%;
  width: 6px;
  height: 24px;
  margin-left: -3px;
}

.slide-nav-container-inner .slide-navigation-tab.active .slide-navigation-tab__icon::before,
.slide-nav-container-inner .slide-navigation-tab.active .slide-navigation-tab__icon::after {
  background-color: #18d0ee;
  opacity: 0.7;
}

.slide-nav-container-inner .slide-navigation-tab.active .slide-navigation-tab__icon::after {
  transform: rotate(90deg);
  opacity: 0;
}

.slide-nav-container-inner .slide-nav-swiper-wr {
  flex: 1;
  width: 100%;
  max-width: 450px;
}

@media (max-width: 1150px) {
  .slide-nav-container-inner .slide-nav-swiper-wr {
    max-width: 350px;
  }
}

@media (max-width: 1024px) {
  .slide-nav-container-inner .slide-nav-swiper-wr {
    display: none;
  }
}

.slide-nav-container-inner .slide-nav-swiper-wr .slide-nav-card {
  min-height: 500px;
  width: 100%;
  padding-top: 130px;
  display: flex;
  flex-direction: column;
  gap: 16px;
}

.slide-nav-container-inner .slide-nav-swiper-wr .slide-nav-card__link {
  width: fit-content;
  display: inline-flex;
  color: #18d0ee;
  font-family: "Bierstadt";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  line-height: 1.32;
  border-bottom: 1px solid #18d0ee;
  transition: 0.3s;
}

.slide-nav-container-inner .slide-nav-swiper-wr .slide-nav-card__link:hover {
  border-bottom-color: #fff;
  color: #fff;
}

.slide-nav-container-inner .slide-nav-swiper-wr .slide-nav-card-second {
  padding-top: 68px;
}

.slide-nav-container-inner .slide-navigation-address {
  align-self: flex-end;
}

@media (min-width: 1500px) {
  .slide-nav-container-inner .slide-navigation-address {
    margin-left: auto;
    margin-right: 18%;
  }
}

@media (max-width: 1024px) {
  .slide-nav-container-inner .slide-navigation-address {
    flex: 1;
    width: 100%;
    max-width: 228px;
  }
}

@media (max-width: 551px) {
  .slide-nav-container-inner .slide-navigation-address {
    align-self: flex-start;
    max-width: 100%;
  }
}





/* ----05/07-11-2024-start---- */
nav#slide-navigation .slide-nav-container-inner {
  gap: 75px !important;
  margin: 0px;
  margin-left: auto;
  max-width: 1272px;
}

.slide-nav-open .logo {
  opacity: 1 !important;
}

body::-webkit-scrollbar {
  width: 8px;
}

body::-webkit-scrollbar-track {
  background: #f1f1f1;
}

body::-webkit-scrollbar-thumb {
  background: #888;
}

header.page__header {
  padding-top: 17px;
}

.address-card h6 {
  font-weight: 500;
  font-size: 25px;
  margin-bottom: 16px;
}

.address-card .slide-address-top {
  padding-left: 28px;
  font-size: 18px;
  line-height: 1.4;
}

.slide-nav-container::before,
.slide-nav-container::after {
  opacity: 0.2;
}

.slide-nav-container-inner .slide-nav-swiper-wr .slide-nav-card {
  padding-top: 68px;
}


@media screen and (max-width:1600px) {
  .slide-nav-container-inner .slide-navigation-address {
    margin-right: auto;
  }

  .slide-nav-container-inner .slide-nav-swiper-wr {
    max-width: 350px;
  }

  nav#slide-navigation .slide-nav-container-inner {
    gap: 30px !important;
  }
}


@media screen and (min-width:1500px) {
  nav#slide-navigation .slide-nav-container-inner {
    max-width: 89%;
  }
}




/* ----05/07-11-2024-end---- */

/*7-11-24*/
.areas-we-cover {
  position: relative;
  overflow: hidden;
  padding: 80px 0;
}

@media (max-width: 1024px) {
  .areas-we-cover {
    padding: 60px 0;
  }
}

@media (max-width: 768px) {
  .areas-we-cover {
    padding: 40px 0;
  }
}

.areas-we-cover__bg {
  position: absolute;
  inset: 0;
  z-index: -1;
}

@media (max-width: 1024px) {
  .areas-we-cover__bg {
    left: 50%;
    top: 10%;
  }
}

@media (max-width: 768px) {
  .areas-we-cover__bg {
    top: 10%;
  }
}

@media (max-width: 551px) {
  .areas-we-cover__bg {
    top: 10%;
  }
}

@media (max-width: 400px) {
  .areas-we-cover__bg {
    top: 12%;
  }
}

@media (max-width: 374px) {
  .areas-we-cover__bg {
    top: 14%;
  }
}

.areas-we-cover .cont {
  max-width: 1070px;
  margin: 0 auto;
}

@media (max-width: 1150px) {
  .areas-we-cover .cont {
    width: 100%;
    padding: 0 24px;
  }
}

.areas-we-cover__wr {
  display: flex;
  flex-direction: column;
  gap: 56px;
}

@media (max-width: 1024px) {
  .areas-we-cover__wr {
    gap: 40px;
  }
}

@media (max-width: 768px) {
  .areas-we-cover__wr {
    gap: 25px;
  }
}

.areas-we-cover-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 686px;
}

.areas-we-cover-info__title {
  color: var(--red);
  font-family: "Source Sans Pro";
  font-size: 19px;
  font-weight: 700;
  line-height: 1.53;
  letter-spacing: 3.84px;
  text-transform: uppercase;
}

.areas-we-cover-info__subtitle {
  color: var(--dark);
  font-family: "Source Sans Pro";
  font-size: 26px;
  font-weight: 700;
  line-height: 1.4;
}

@media (max-width: 768px) {
  .areas-we-cover-info__subtitle {
    font-size: 23px;
  }
}

.areas-we-cover-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 24px;
}

@media (max-width: 767px) {
  .areas-we-cover-cards {
    flex-direction: column;
  }
}

.areas-we-cover .areas-we-cover-card {
  flex: 1 1 30%;
  background: var(--red);
  padding: 32px;
  display: flex;
  align-items: center;
  gap: 32px;
  transition: all 0.3s ease;
  cursor: pointer;
  max-width: 33%;
}

.areas-we-cover .areas-we-cover-card:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
}

@media (max-width: 1024px) {
  .areas-we-cover .areas-we-cover-card {
    min-height: 151px;
  }
}

@media (max-width: 768px) {
  .areas-we-cover .areas-we-cover-card {
    padding: 24px;
    gap: 24px;
    min-height: 140px;
    max-width: 100%;
  }
}

@media (max-width: 551px) {
  .areas-we-cover .areas-we-cover-card {
    min-height: 167px;
  }
}

.areas-we-cover .areas-we-cover-card__title {
  color: var(--dark);
  font-family: "Source Sans Pro";
  font-size: 22px;
  font-weight: 700;
  line-height: 1.32;
}

@media (max-width: 768px) {
  .areas-we-cover .areas-we-cover-card__title {
    font-size: 30px;
  }
}

.areas-we-cover .areas-we-cover-card__line {
  width: 5px;
  height: 100%;
  background: var(--white);
}

@media (max-width: 768px) {
  .areas-we-cover .areas-we-cover-card__line {
    height: 100px;
  }
}

.overflow-wrapper {
  overflow: hidden !important;
}

.specialism-details-first {
  position: relative;
  background: var(--dark);
  color: var(--white);
  padding-top: 252px;
  padding-bottom: 120px;
  overflow: hidden;
}

@media (max-width: 768px) {
  .specialism-details-first {
    padding-top: 150px;
    padding-bottom: 50px;
  }
}

.specialism-details-first__bg {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.specialism-details-first__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.specialism-details-first .cont {
  max-width: 1070px;
  margin: 0 auto;
}

@media (max-width: 1150px) {
  .specialism-details-first .cont {
    width: 100%;
    padding: 0 24px;
  }
}

.specialism-details-first__wr {
  display: flex;
  flex-direction: column;
  gap: 43px;
}

.specialism-details-first-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
  border-left: 3px solid var(--blue);
  padding-left: 48px;
  padding-right: 50px;
  position: relative;
  z-index: 1;
}

@media (max-width: 1290px) {
  .specialism-details-first-top {
    padding-right: 0;
  }
}

@media (max-width: 551px) {
  .specialism-details-first-top {
    flex-direction: column;
    align-items: flex-start;
    padding-left: 25px;
  }
}

.specialism-details-first-top__info {
  display: flex;
  flex-direction: column;
  gap: 32px;
  max-width: 570px;
}

@media (max-width: 1024px) {
  .specialism-details-first-top__info {
    gap: 20px;
  }
}

.specialism-details-first-top__title {
  font-family: "Source Sans Pro";
  font-size: 60px;
  font-weight: 700;
  line-height: 1.17;
}

@media (max-width: 1200px) {
  .specialism-details-first-top__title {
    font-size: 50px;
  }
}

@media (max-width: 1024px) {
  .specialism-details-first-top__title {
    font-size: 40px;
  }
}

@media (max-width: 768px) {
  .specialism-details-first-top__title {
    font-size: 32px;
  }
}

.specialism-details-first-top__subtitle {
  font-family: "Source Sans Pro";
  font-size: 26px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .specialism-details-first-top__subtitle {
    font-size: 18px;
  }
}

.specialism-details-first-top__img svg {
  max-width: 100%;
}

@media (max-width: 551px) {
  .specialism-details-first-top__img svg {
    width: 100px;
    height: 100px;
  }
}

.specialism-details-first-bottom {
  border-left: 3px solid var(--blue);
  padding-left: 48px;
  padding-bottom: 24px;
  position: relative;
  z-index: 1;
}

@media (max-width: 551px) {
  .specialism-details-first-bottom {
    padding-left: 25px;
  }
}

.specialism-details-first .content-element {
  max-width: 98%;
}

.specialism-details-first .content-element p {
  font-size: 24px !important;
  line-height: 1.48 !important;
}

@media (max-width: 768px) {
  .specialism-details-first .content-element p {
    font-size: 18px !important;
  }
}

.specialism-details-first .content-element p:not(:last-child) {
  margin-bottom: 20px;
}

@media (max-width: 768px) {
  .specialism-details-first .content-element p:not(:last-child) {
    margin-bottom: 15px;
  }
}


.how-we-help {
  position: relative;
  background: var(--dark);
  color: var(--white);
  padding-top: 32px;
}

@media (max-width: 1150px) {
  .how-we-help {
    padding-bottom: 45px;
  }
}

@media (max-width: 551px) {
  .how-we-help {
    padding-top: 12px;
  }
}

.how-we-help__bg {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 0;
  transform: translateY(-30%);
}

.how-we-help__bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media (max-width: 1024px) {
  .how-we-help__bg {
    top: 0;
    left: 35%;
  }
}

.how-we-help .cont {
  max-width: 100%;
  margin: 0 auto;
}

@media (max-width: 1250px) {
  .how-we-help .cont {
    width: 100%;
    padding: 0 24px 0 0;
  }
}

@media (max-width: 768px) {
  .how-we-help .cont {
    padding: 0 24px;
  }
}

@media (min-width: 1500px) {
  .how-we-help .cont {
    max-width: 1070px;
  }
}

.how-we-help__wr {
  display: flex;
  align-items: center;
  gap: 72px;
}

@media (max-width: 1024px) {
  .how-we-help__wr {
    flex-direction: column;
    gap: 30px;
  }
}

.how-we-help-img {
  position: relative;
  max-width: 512px;
  max-height: 640px;
  width: 100%;
  z-index: 2;
}

@media (max-width: 768px) {
  .how-we-help-img {
    max-width: 400px;
  }
}

@media (max-width: 551px) {
  .how-we-help-img {
    max-width: 300px;
  }
}

@media (max-width: 450px) {
  .how-we-help-img {
    max-width: 250px;
  }
}

.how-we-help-img__main img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.how-we-help-img__decor1 {
  position: absolute;
  top: -14%;
  right: 0;
}

@media (max-width: 768px) {
  .how-we-help-img__decor1 {
    max-width: 50px;
  }
}

.how-we-help-img__decor2 {
  position: absolute;
  bottom: -6%;
  right: -8%;
  z-index: 999;
}

@media (max-width: 768px) {
  .how-we-help-img__decor2 {
    max-width: 50px;
  }
}

.how-we-help-content {
  display: flex;
  flex-direction: column;
  gap: 24px;
  max-width: 631px;
  padding-top: 50px;
  padding-bottom: 30px;
}

@media (max-width: 1024px) {
  .how-we-help-content {
    padding-top: 75px;
  }
}

@media (max-width: 768px) {
  .how-we-help-content {
    padding-top: 50px;
  }
}

@media (max-width: 551px) {
  .how-we-help-content {
    padding-top: 0;
  }
}

.how-we-help-content__title {
  color: var(--blue);
  font-family: "Source Sans Pro";
  font-size: 19px;
  font-weight: 700;
  line-height: 1.53;
  letter-spacing: 3.84px;
  text-transform: uppercase;
}

.how-we-help-content__subtitle {
  color: var(--white);
  font-family: "Source Sans Pro";
  font-size: 26px;
  font-weight: 700;
  line-height: 1.4;
}

@media (max-width: 768px) {
  .how-we-help-content__subtitle {
    font-size: 23px;
  }
}

.how-we-help-content__descr {
  color: var(--white);
  font-family: "source_sans";
  font-size: 20px;
  font-weight: 400;
  line-height: 1.48;
  letter-spacing: 0.22px;
}

@media (max-width: 768px) {
  .how-we-help-content__descr {
    font-size: 17px;
  }
}

.how-we-help-content__btn {
  width: fit-content;
}




/* ----20/28-11-2024-start---- */
.specialism-details-first__bg {
  max-height: 78vh;
}

.specialism-details-first__bg-img-cont {
  position: relative;
  width: 100%;
  height: 100%;
}

.specialism-details-first__bg-img-cont::before {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.16) 0%, rgba(0, 0, 0, 0) 49.9%, rgba(0, 0, 0, 0.192) 100%);
}

.specialism-details-first__bg-img-cont::after {
  content: "";
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(4, 10, 17, 0) 50%, #040a11 100%), rgba(0, 0, 0, 0.62);
}

.how-we-help__bg {
  width: 300px;
  top: -100px;
}

header.page__header {
  padding-top: 20px;
}

.areas-we-cover .areas-we-cover-card {
  background: var(--blue);
}

.latest-job-sec.software-l-j .two-cell-sm .job-box:nth-child(1) {
  border-color: var(--red);
}

.how-we-help-img::before {
  content: '';
  background: url(/app/assets/images/new-star.png);
  width: 150px;
  height: 150px;
  background-size: cover;
  position: absolute;
  right: 0;
  top: -57px;
}

.how-we-help-img::after {
  content: '';
  background: url(/app/assets/images/new-plus.png);
  position: absolute;
  width: 100px;
  height: 100px;
  background-size: cover;
  right: 0;
  bottom: -50px;
}

.overflow-wrapper .computer-language-list-row li {
  font-size: 20px;
  line-height: 30px;
}

.overflow-wrapper .computer-language-list-row li b {
  font-size: 24px;
  line-height: 38px;
}

.overflow-wrapper .w-can-recann-row.three-cell-row {
  padding-bottom: 30px;
}

.overflow-wrapper h2.theme-heading-h2 {
  padding-bottom: 0px !important;
  line-height: unset !important;
}

.specialism-details-first .cont .specialism-details-first-top__info .hightlight-heading-sm {
  color: var(--blue);
  margin-bottom: 13px;
}






@media screen and (max-width:1024px) {
  .how-we-help__bg {
    width: 250px;
    top: 0px;
    right: 0;
    left: unset;
  }

  .how-we-help-img::before {
    width: 100px;
    height: 100px;
    top: -37px;
  }

  .how-we-help-img::after {
    width: 80px;
    height: 80px;
    bottom: -40px;
  }

  .overflow-wrapper .computer-language-list-row li {
    padding: 20px 20px 20px 40px;
  }

  .overflow-wrapper .computer-language-list-row li::before {
    left: 18px;
  }
}



@media screen and (max-width:991px) {
  .overflow-wrapper .computer-language-list-row ol {
    columns: 1 !important;
    -webkit-columns: 1 !important;
  }
}


@media screen and (min-width:768px) {
  .overflow-wrapper .w-can-recann-sec .cust-container-md2 i.ico4 {
    width: 20vw;
  }
}



@media screen and (max-width:767px) {
  .specialism-details-first-top__img {
    max-width: 100px;
    margin-bottom: 20px;
  }

  .overflow-wrapper .w-can-recann-row.three-cell-row {
    display: block !important;
    padding-bottom: 0px;
  }

  .overflow-wrapper .cust-container-md2 .cust-container-md2 {
    margin: 0px;
    width: 100%;
  }

  .overflow-wrapper .w-can-recann-sec {
    padding-bottom: 50px !important;
  }

  .overflow-wrapper .areas-we-cover .areas-we-cover-card__title {
    font-size: 22px;
  }

  .overflow-wrapper .areas-we-cover .areas-we-cover-card {
    min-height: auto;
  }
}

.computer-language-list-row ol {
  columns: 2;
  -webkit-columns: 2;
  -moz-columns: 2;
  width: 100%;
}

.with-understanding-sap .help-onboarding-content {
  max-width: 100%;

}

.in-sap-page .how-we-help-content {
  max-width: 100%;
}

.with-understanding-sap {
  background: var(--dark);
}

.with-understanding-sap .help-onboarding-content {
  max-width: 100%;
}

.job-show-bottom.sap-jobs {
  margin-top: -130px !important;
}

.job-opportunities h2.theme-heading-h2 {
  font-size: 21px;
  margin-bottom: 20px !important;
}

.our-specialisms-banner.inner-page-banner-sec .banner-spec-button a {

  font-size: 13px;
}

.w-can-recann-sec .cust-container-md2 .short-description-for-flexible-recann p {
  padding-top: 50px;
}

@media screen and (max-width: 991px) {
  .computer-language-list-row ol {
    columns: 1 !important;
    -webkit-columns: 1 !important;
  }

  .job-show-bottom.sap-jobs {
    margin-top: -50px !important;
    !i;
    !;
  }

  .job-opportunities h2.theme-heading-h2 {
    font-size: 21px;
    margin-bottom: 20px !important;
  }

  .w-can-recann-sec .cust-container-md2 .short-description-for-flexible-recann p {
    padding-top: 0px;
  }
}


/* ----20/28-11-2024-end---- */


/* 10-11-2025 */

.recruitive-page section.banner.solution-banner.home-banner.inner-page-banner-sec h2.sub-title {
  font-weight: 700;
  font-size: clamp(25px, calc(1.5625rem + ((1vw - 7.68px) * 1.4881)), 35px) !important;
  line-height: 130%;
  letter-spacing: 0px;
  text-align: center;
  margin: 50px 0 5px;
}

.recruitive-page section.white-stats-sctn p.recruitive-last-sec-text {
  font-family: Bierstadt;
  font-weight: 700;
  font-size: clamp(20px, calc(1.25rem + ((1vw - 7.68px) * 1.1905)), 28px) !important;
  line-height: 100%;
  letter-spacing: 0px;
  color: #662D91;
}

.recruitive-page .white-stats-sctn .two-cell-lg .theme-heading-h2 p {
  margin-bottom: 35px;
  font-size: clamp(24px, calc(1.5rem + ((1vw - 7.68px) * 1.7857)), 36px) !important;
  line-height: 130% !important;
  margin-bottom: clamp(25px, calc(1.5625rem + ((1vw - 7.68px) * 3.7202)), 50px);
}

.recruitive-page .white-stats-sctn .two-cell-lg .theme-heading-h2 i {
  display: none;
}

.recruitive-page section.parmanent-tempoary-sec h2.theme-heading-h2 {
  font-weight: 700;
  font-size: clamp(18px, calc(1.125rem + ((1vw - 7.68px) * 0.8929)), 24px) !important;
  line-height: 26px;
  letter-spacing: 0px;
  text-transform: uppercase;
  max-width: 412px;
}


.recruitive-page section.parmanent-tempoary-sec .cust-container-md .parmanent-cell:last-child span {
  color: #00FFFF;
}

.recruitive-page .hightlight-heading-sm {
  font-weight: 600;
  font-size: clamp(20px, calc(1.25rem + ((1vw - 7.68px) * 1.1905)), 28px) !important;
  line-height: 130%;
  text-transform: uppercase;
  margin-bottom: 30px !important;
  letter-spacing: 0.05em;
}

.recruitive-page .solution-feature .theme-heading-h2,
.recruitive-page .white-stats-sctn .theme-heading-h2.delivery-process {
  font-size: clamp(18px, calc(1.125rem + ((1vw - 7.68px) * 0.8929)), 24px) !important;
  line-height: 130%;
  text-transform: uppercase;
}

.recruitive-page .banner.solution-banner .ico3 {
  z-index: 5;
  opacity: 100%;
  height: 60vh;
  top: 50%;
  transform: translateY(-50%);
  background-size: contain;
}

.recruitive-page .banner.solution-banner .ico2 {
  width: 35vw;
  height: 38vw;
  z-index: 7;
  z-index: 5;
  opacity: 1;
}


.recruitive-page .parmanent-tempoary-sec .inner-parmanent-tempoary-sec {
  padding-top: clamp(80px, calc(5rem + ((1vw - 7.68px) * 10.4167)), 150px) !important;
  padding-bottom: clamp(80px, calc(5rem + ((1vw - 7.68px) * 10.4167)), 150px) !important;
}

.recruitive-page .parmanent-tempoary-sec .parmanent-cell,
.recruitive-page .parmanent-tempoary-sec .tempoary-cell {
  margin-bottom: 45px !important;
}

.recruitive-page .solution-feature .inner-solution-feature {
  padding: clamp(80px, calc(5rem + ((1vw - 7.68px) * 10.4167)), 150px) 0 !important;
}

.recruitive-page .white-stats-sctn .cust-container-md2>.our-offer-row.two-cell-row:nth-of-type(1) {
  margin-bottom: clamp(80px, calc(5rem + ((1vw - 7.68px) * 10.4167)), 150px);
}

.recruitive-page .white-stats-sctn {
  padding: clamp(80px, calc(5rem + ((1vw - 7.68px) * 10.4167)), 150px) 0 !important;
}

.recruitive-page .solution-feature p {
  max-width: 73 6px;
}

.recruitive-page .solution-feature .theme-heading-h2 {
  margin-bottom: 30px;
  text-transform: uppercase;
}

.recruitive-page .solution-feature-content>div {
  margin-bottom: clamp(80px, calc(5rem + ((1vw - 7.68px) * 10.4167)), 150px) !important;
}

.recruitive-page .solution-feature-content>div:last-child {
  margin-bottom: 0 !important;
}



.recruitive-page .solution-img-cell {
  top: unset;
  right: -237px;
  bottom: 0px !important;
}

.recruitive-page .solution-img-cell .inner-solution-img-cell::before {
  /* background: linear-gradient(180deg, #191919 0%, rgba(25, 25, 25, 0) 70.1%),
    linear-gradient(90deg, #191919 0%, rgba(25, 25, 25, 0) 63.83%) !important; */
  background: linear-gradient(180deg, #040a11 0%, rgba(25, 25, 25, 0) 70.1%),
    linear-gradient(90deg, #040a11 0%, rgba(25, 25, 25, 0) 63.83%) !important;
}

.recruitive-page .solution-img-cell .inner-solution-img-cell::after {
  content: none !important;
}


.recruitive-page .solution-banner .banner-content {
  padding: 0 6px;
}


.recruitive-page .banner-content-cell .inner-banner-content-cell .left-content-cell {
  /* -ms-flex: 0 0 39%; */
  flex: 0 0 39%;
  max-width: 39%;
}

.recruitive-page .banner-content-cell .inner-banner-content-cell .right-content-cell {
  /* -ms-flex: 0 0 59.4%; */
  flex: 0 0 59.4%;
  max-width: 59.4%;
}

.recruitive-page p {
  font-family: Bierstadt;
  font-size: 20px !important;
  line-height: 30px !important;
  letter-spacing: 0px !important;
}

.recruitive-page .solution-feature p span.bold-text {
  font-weight: 700;
  /* display: inline-block; */
}

.recruitive-page .parmanent-tempoary-sec p span.bold-text {
  font-weight: 700 !important;
  color: #191919;
}

.recruitive-page .solution-feature:before {
  position: absolute;
  content: "";
  background: url(../images/solution-star.png) no-repeat;
  background-size: contain !important;
  background-position: left center;
  left: 0px;
  width: 240px;
  height: 100%;
  z-index: 4;
  top: 0px;
  transform: translate3d(0, 0px, 0);
}

.recruitive-page .solution-feature::after {
  content: none !important;
}



.recruitive-page .white-stats-sctn .cust-container-md2>.our-offer-row.two-cell-row:nth-of-type(1) .two-cell-lg {
  padding-left: 0px;
  width: 60%;
}

.recruitive-page .white-stats-sctn .cust-container-md2>.our-offer-row.two-cell-row:nth-of-type(2) .two-cell-sm {
  padding-right: 0px;
  width: 50%;
}

.recruitive-page .ir35 .parmanent-cell::before {
  background-image: url(../images/rec-shape1.png);
  width: 200px;
  height: 330px;
  object-fit: contain !important;
  left: 0px;
}

.recruitive-page .parmanent-tempoary-sec .tempoary-cell:before {
  background: url(../images/rec-shape2.png) no-repeat top left;
}

.recruitive-page section.banner.solution-banner.home-banner {
  padding-bottom: clamp(100px, calc(6.25rem + ((1vw - 7.68px) * 14.881)), 200px);
  min-height: unset !important;
  height: auto !important;
  overflow: hidden;
}

.recruitive-page .white-stats-sctn::after {
  background: url(../images/white-shapesec.png) no-repeat right top;
  left: -240px;
  background-size: contain;
}

/* 20-11-25 */

.recruitive-page section.parmanent-tempoary-sec>div>.cust-container-md {
  max-width: 1306px !important;
  padding-left: 15px;
  padding-right: 15px;
}

.recruitive-page section.parmanent-tempoary-sec .cust-container-md .cus-sontainer-md {
  max-width: 100% !important;
  width: 100% !important;
  padding: 0px !important;
}

.recruitive-page section.parmanent-tempoary-sec .cust-container-md .cust-container-sm {
  max-width: 100%;
  width: 100% !important;
}

section.parmanent-tempoary-sec>div>.cust-container-md>div {
  padding: clamp(30px, calc(1.875rem + ((1vw - 5.76px) * 9.0278)), 108px) clamp(10px, calc(0.625rem + ((1vw - 5.76px) * 11.3426)), 108px);
}

.recruitive-page section.parmanent-tempoary-sec .parmanent-cell {
  background: #662D910D;
}

.recruitive-page section.parmanent-tempoary-sec .tempoary-cell {
  background: #D4145A0D;
}

.recruitive-page section.parmanent-tempoary-sec .parmanent-cell.margin-cell {
  background: #00FFFF0D;
  margin-bottom: 0px !important;
}



.recruitive-page section.solution-feature .cust-container-md2 {
  max-width: 1306px !important;
  width: 100% !important;
  padding: 0 15px;
}

.recruitive-page section.solution-feature .solution-feature-content {
  width: 100%;
  max-width: 952px;
}

.recruitive-page section.solution-feature .solution-feature-content>div {
  padding: clamp(30px, calc(1.875rem + ((1vw - 5.76px) * 9.0278)), 108px) clamp(20px, calc(0.625rem + ((1vw - 5.76px) * 11.3426)), 108px);
  margin-bottom: 45px !important;
}

.recruitive-page section.solution-feature .solution-feature-content .executive-cell {
  background: #00FFFF0D;
}

.recruitive-page section.solution-feature .solution-feature-content .management-cell {
  background: #d4145a0f;
}

.recruitive-page section.solution-feature .solution-feature-content .talent-cell {
  background: #FCEE210D;
  margin-bottom: 0px !important;
}

.recruitive-page section.solution-feature .solution-feature-content {
    position: relative;
    z-index: 9;
}
/* 20-11-25 */

@media(max-width:992px) {
  .recruitive-page .white-stats-sctn .two-cell-row .two-cell-sm {
    padding-bottom: 0px;
  }

  .recruitive-page .white-stats-sctn .cust-container-md2>.our-offer-row.two-cell-row:nth-of-type(1) .two-cell-lg,
  .recruitive-page .white-stats-sctn .cust-container-md2>.our-offer-row.two-cell-row:nth-of-type(2) .two-cell-sm {
    padding-left: 0px;
    width: 100%;
  }
}

@media(max-width:768px) {
  .recruitive-page .banner-content-cell .inner-banner-content-cell .left-content-cell {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: 0px !important;
  }

  .recruitive-page .white-stats-sctn .cust-container-md2>.our-offer-row.two-cell-row:nth-of-type(1) .two-cell-lg,
  .recruitive-page .white-stats-sctn .cust-container-md2>.our-offer-row.two-cell-row:nth-of-type(2) .two-cell-sm,
  .recruitive-page .banner-content-cell .inner-banner-content-cell .right-content-cell {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
  }

  .recruitive-page section.banner.solution-banner.home-banner.inner-page-banner-sec h2.sub-title {
    margin: 30px 0 0px;
    text-align: left;
  }

  .recruitive-page section.banner.solution-banner.home-banner h1 {
    text-align: left;
    max-width: 100%;
  }

  .recruitive-page .banner.solution-banner .banner-content-cell .theme-heading-h2 {
    line-height: 134%;
  }
.recruitive-page .solution-feature:before {
    background-position: left top;
}
}

@media(max-width:576px) {

  .recruitive-page .parmanent-tempoary-sec .parmanent-cell,
  .recruitive-page .parmanent-tempoary-sec .tempoary-cell {
    padding-left: 0px;
    padding-right: 0px;
  }
}

/* 10-11-2025 end */