.full-wrap {
  overflow: hidden;
}

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

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

.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: absolute;
  right: 0;
  top: -460px;
  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;
}

.join-second-wrap .join-second-inner {
  width: 100%;
  display: flex;
  align-items: center;
  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: 741px;
}

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