@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Plus+Jakarta+Sans:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/* font-family: 'Inter', sans-serif;
font-family: 'Plus Jakarta Sans', sans-serif; */

* {
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  margin: 0;
  padding: 0;
}
body {
  font-size: 14px;
  color: #ffffff;
  background-color: #ffffff;
  margin: 0;
  overflow-x: hidden;
  font-family: "Plus Jakarta Sans";
  position: relative;
  z-index: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}
:root {
  --dark-black: #202427;
  --sky-blue: #00bff2;
  --lemon-yellow: #ffd536;
  --opacity-black: #202427;
  --black: #1d2027;
  --white: #ffffff;
  --orignal-black: #000000;
  --opacity-white: #ffffff;
}
:root {
  --color-text: navy;
  --color-bg: papayawhip;
  --color-bg-accent: #ecdcc0;
  --size: clamp(10rem, 1rem + 40vmin, 30rem);
  --gap: 177px;
  --duration: 4s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
}

.main-container {
  padding-top: 94px;
}
.section_header.white_header {
  background-color: #ffffff;
}
.section_header {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 999;
  min-height: 94px;
}
.section_header.fixed_header {
  position: fixed;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
  animation: slideDown 0.5s ease-in-out;
  padding: 12px 0;
  min-height: initial;
}
@keyframes slideDown {
  from {
    transform: translateY(-100%);
  }
  to {
    transform: translateY(0);
  }
}

/******************  | Typography  Title Font |  *******************/
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
  font-family: "Plus Jakarta Sans";
}
p {
  margin: 0;
  padding: 0;
  font-family: "Inter";
}
img {
  display: block;
  max-width: 100%;
  height: auto;
  border: none;
  user-select: none;
}
.container {
  margin: 0 auto;
  padding: 0 80px;
  max-width: 1440px;
  /*1280px*/
  width: 100%;
}
.blog_container {
  max-width: 1162px;
}
.mini_container {
  max-width: 1137px;
}
.title_h1 {
  font-weight: 300;
  font-size: 56px;
  line-height: 115%;
  color: var(--dark-black);
}
/* .section_banner h1.title_h1 {
  font-weight: 300;
} */
.title_line {
  line-height: 1.15;
}
.line_h2 {
  line-height: 1.6;
}
.title_h2 {
  font-weight: 300;
  font-size: 48px;
  line-height: 1.3;
  color: var(--dark-black);
}
.title_h3 {
  font-weight: 400;
  font-size: 30px;
  line-height: 1;
  color: var(--dark-black);
}
.title_h4 {
  font-weight: 400;
  font-size: 26px;
  line-height: 36px;
  color: var(--dark-black);
}
.title_h5 {
  font-weight: 400;
  font-size: 50px;
  line-height: 1.2;
  color: var(--dark-black);
}

.title_h6 {
  font-weight: 400;
  font-size: 24px;
  line-height: 1.792;
  color: var(--dark-black);
}
.title_h7 {
  font-weight: 400;
  font-size: 30px;
  line-height: 1.6;
  color: var(--dark-black);
}
.title_h8 {
  line-height: 78.4px;
}
.title_h9 {
  font-weight: 400;
  font-size: 64px;
  line-height: 1.204;
  color: var(--dark-black);
}
.title_h10 {
  line-height: 1;
  font-weight: 600;
}
.title_h11 {
  font-weight: 400;
  font-size: 32px;
  line-height: 160%;
  color: var(--dark-black);
}
.title_h12 {
  font-weight: 400;
  font-size: 36px;
  line-height: 130%;
  color: var(--black);
}
p {
  font-weight: 400;
  font-size: 20px;
  line-height: 1.6;
  color: var(--dark-black);
}
.title_pera p {
  font-size: 24px;
  line-height: 1.8;
  font-weight: 300;
}
.pera_title p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.78;
  color: var(--dark-black);
}
.span_title span {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--sky-blue);
  display: block;
}

.black_bg {
  background-color: var(--dark-black);
}

.white_text {
  color: #ffffff;
}
.black_color {
  color: var(--orignal-black);
}
.light_color_bg {
  background-color: #f2f9f9;
}

.white_bg {
  background-color: #f2f9f9;
}

/*************************  button ***********************/

.a_btn_circle {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 29px;
  transition: all ease 0.3s;
  text-decoration: none;
  font-family: "Plus Jakarta Sans";
  display: inline-flex !important;
  text-align: center;
  color: var(--dark-black);
  align-items: center;
}
.yellow_circle_btn {
  width: 36px;
  height: 36px;
  background-color: var(--lemon-yellow);
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
}
a.a_btn_circle {
  display: flex;
  gap: 10px;
}
a.a_btn:hover p {
  /* transform: translateX(-4px);
    transition: all ease-in-out 0.3s 0.2s; */
  color: var(--white);
}

.a_btn p {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 29px;
  text-align: center;
  color: var(--dark-black);
  transition: all ease-in-out 0.3s 0s;
  font-family: "Plus Jakarta Sans";
}

.a_btn {
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 29px;
  padding: 15px 76px 15px 30px;
  transition: all ease 0.5s;
  text-decoration: none;
  font-family: "Plus Jakarta Sans";
  display: inline-flex !important;
  text-align: center;
  color: var(--dark-black);
  background-color: var(--lemon-yellow);
  position: relative;
  z-index: 0;
  /* transition: box-shadow 150ms cubic-bezier(0.61, 1, 0.88, 1);
    white-space: nowrap; */
}
a.a_btn:hover {
  background-color: var(--black);
  color: var(--white) !important;
}
.a_btn:hover svg path {
  fill: var(--lemon-yellow);
}
/* .header_btn_info a.a_btn:hover {
    background-color: var(--sky-blue);
    color: var(--white);   
} */
.header_btn_info a.a_btn:hover {
  background-color: var(--black);
  color: var(--white);
}
.black_bg .header_btn_info a.a_btn:hover {
  background-color: var(--white);
  color: var(--black) !important;
}
.a_btn:hover svg,
.a_btn_circle:hover svg,
.button.frm_button_submit svg {
  transform: translateX(calc(var(--arrow-plus-spacer) * -1));
}
.a_btn:hover .arrowPacman-clip,
.a_btn_circle:hover .arrowPacman-clip,
.button.frm_button_submit:hover .arrowPacman-clip {
  -webkit-animation-delay: 150ms;
  animation-delay: 150ms;
  -webkit-animation-duration: 0.6s;
  animation-duration: 0.6s;
  -webkit-animation-name: pacman;
  animation-name: pacman;
  /* -webkit-animation-iteration-count: infinite;
            animation-iteration-count: infinite; */
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.21, 1);
  animation-timing-function: cubic-bezier(0.55, 0, 0.21, 1);
}

a.a_btn.light-hvr:hover {
  background-color: var(--white);
  color: var(--black) !important;
}
a.a_btn.light-hvr:hover p {
  color: var(--black) !important;
}
.a_btn.light-hvr:hover svg path {
  fill: var(--black);
}

.arrowPacman {
  --arrow-width: 20px;
  --arrow-spacer: 4px;
  --arrow-plus-spacer: calc(var(--arrow-width) + var(--arrow-spacer));
  overflow: hidden;
  position: absolute;
  right: -0.2em;
  top: 50%;
  transform: translate(-50%, -50%);
  width: var(--arrow-plus-spacer);
}
.arrowPacman svg {
  height: 16px;
  width: var(--arrow-width);
}
.arrowPacman svg:last-of-type {
  margin-left: var(--arrow-spacer);
}

.arrowPacman-clip {
  align-items: center;
  display: flex;
  overflow: hidden;
  transform: translateX(calc(var(--arrow-plus-spacer) * -1));
  width: calc(var(--arrow-plus-spacer) + var(--arrow-width));
}

@keyframes pacman {
  to {
    transform: translateX(0);
  }
}
.arrowPacman-clip:first-child svg {
  transform: translateX(calc(var(--arrow-plus-spacer) * 0));
}
.arrowPacman {
  right: 25px;
}
.inner_banner a {
  color: #fff;
}
.yellow_circle_btn .arrowPacman {
  right: -9px;
}

/************* hover *************/

.right_menu li a {
  position: relative;
}
.right_menu li a:hover:after {
  width: 100%;
  background-color: var(--sky-blue);
}
.right_menu li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 0;
  background-color: var(--sky-blue);
  height: 1px;
  transition: all ease-in-out 0.3s 0s;
}
.right_menu li a:hover:after {
  width: 100%;
  background-color: var(--sky-blue);
}

/*************************  header   *********************/

.section_header {
  padding: 23px 0 24px;
  /* position: sticky;
    top: 0;
    z-index: 9999; */
}
.header {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.right_menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.right_menu li a {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 1;
  color: var(--white);
  text-decoration: none;
}
.right_menu li {
  display: inline-block;
  margin: 0 23px;
}

/********************  inner banner ******************/

.section_inner_banner {
  padding: 80px 0 402px;
}
.inner_banner {
  max-width: 798px;
}
.inner_banner span {
  padding-bottom: 30px;
}

/*****************  inner bg  ************/

.inner_banner_img {
  margin-top: -322px;
}

/****************  section_about_us  **************/

.section_about_us {
  padding: 100px 0 100px;
}
.about_us_text span {
  padding-bottom: 30px;
}
.about_us_text h2 {
  padding-bottom: 40px;
  max-width: 704px;
  font-weight: 400;
}
.about_us_text p:last-of-type {
  padding-bottom: 0;
}
.about_us_text p {
  padding-bottom: 30px;
  max-width: 989px;
}
.about_us_text a.a_btn {
  margin-top: 40px;
}
.about_us_text {
  padding-bottom: 60px;
}
/* .about_us_count{
    padding-right: 87px;
    margin-right: 87px;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
} */
.about_us_count {
  padding-right: 105px;
  margin-right: 105px;
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  display: flex;
  flex-direction: column;
  align-content: flex-start;
  align-items: flex-start;
}
.about_us_count:last-child {
  padding-right: 0px;
  margin-right: 0px;
  border-right: 0;
  width: 13%;
}
.about_us_count:nth-child(2) {
  width: 26%;
}
.about_us_counting {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.about_us_count p {
  font-size: 26px;
  line-height: 1.4;
  color: var(--orignal-black);
  text-align: left;
}
.about_us_count h3 {
  text-align: left;
}
.count_number {
  padding-bottom: 16px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
}

/*********************   .section_customer_love_company  ********************/
/* .swiper-slide.customer_love_company_slider_img {
    width: auto !important;
} */

.customer_love_company h2 {
  padding-bottom: 40px;
  max-width: 865px;
  font-weight: 400;
}
/* .customer_love_company_slider_otr .swiper-wrapper {
    align-items: center !important;
    justify-content: center !important;

} */
.love_company_img img {
  width: 100%;
  object-fit: cover;
}

.growth_partner_left_img img {
  object-fit: cover;
}
.our_focus_img img {
  object-fit: cover;
}
.blog_details_img img {
  width: 100%;
  object-fit: cover;
}
/************************** section_growth_partner ********************************/
.section_growth_partner {
  /* padding: 343px 0 100px;
    margin-top: -229px;*/
    padding: 270px 0 100px;
    margin-top: -200px;
}
.growth_partner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 114px;
  max-width: 1035px;
  margin: 0 auto;
}
.growth_partner_left {
  width: 36.41%;
}
.growth_partner_right {
  width: 53.1%;
}
.growth_partner_text span {
  padding-bottom: 20px;
}
.growth_partner_text h2 {
  padding-bottom: 42px;
}
.growth_partner_text p {
  padding-bottom: 30px;
  color: rgb(255 255 255 / 80%);
  font-weight: 300;
}
/* .growth_partner_text p:last-of-type{
    padding-bottom: 0;
} */
.growth_partner_details p {
  font-size: 18px;
  line-height: 32.4px;
  color: var(--white);
  font-weight: 400;
}
.growth_partner_text strong {
  font-weight: 700;
}
.growth_partner_text h2 {
  font-weight: 300;
}
.growth_partner_details p {
  padding-bottom: 0;
  margin-top: 6px;
}

/********************  section_what_we_stand_for********************/

.section_what_we_stand_for {
  padding: 100px 0 100px;
  overflow: hidden;
}
.what_we_stand_for span {
  padding-bottom: 24px;
}
.what_we_stand_for h2 {
  font-weight: 400;
  /*    line-height: 1.6;*/
}
.our_values_blog h3 {
  font-weight: 600;
  padding-bottom: 16px;
}
.meet_great_people_left h2 {
  line-height: 1.404;
}
.our_values_otr {
  display: grid;
  flex-wrap: wrap;
  grid-gap: 60px 92px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 1159px;
  padding-top: 60px;
}

/*********************  section_our_focus *************/

.section_our_focus {
  padding: 100px 0;
  overflow: hidden;
}
.our_focus {
  text-align: center;
  padding: 0 0 60px;
}
.our_focus span {
  padding-bottom: 20px;
}
.our_focus h2 {
  font-weight: 400;
}
.success-story-slider {
  max-width: 1085px;
  margin: 0 auto;
}
.our_focus_details {
  display: flex;
  /* align-items: flex-start; */
  justify-content: space-between;
  gap: 62px;
  min-height: 403px;
}
.our_focus_title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 20px;
  border-bottom: 1px solid #000;
  height: 75px;
}
.our_focus_img {
  position: relative;
}
/* .our_focus_img:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 20%);
} */
.our_focus_left {
  max-width: 355px;
  flex-basis: 100%;
}
.our_focus_right {
  flex-basis: 100%;
  position: relative;
  padding: 0;
  text-align: left;
}
.our_focus_title_left h3 {
  font-size: 24px;
  line-height: 1;
  color: var(--dark-black);
  font-weight: 700;
  padding-bottom: 12px;
}
.our_focus_title_left p {
  font-size: 18px;
  line-height: 1;
  font-weight: 400;
  color: var(--dark-black);
  font-family: "Plus Jakarta Sans";
}
.our_focus_contain p {
  font-size: 30px;
  line-height: 140%;
  font-weight: 400;
  color: var(--dark-black);
  padding-top: 30px;
  font-family: "Plus Jakarta Sans";
  text-align: left;
}
.read-button {
  position: absolute;
  left: 0;
  bottom: 0;
}
.success-story-slider .swiper-button-next {
  top: inherit;
  bottom: 10px;
  width: 34px !important;
  height: 16px !important;
}
.success-story-slider .swiper-button-prev {
  top: inherit;
  bottom: 10px;
  left: inherit;
  right: 78px;
  width: 34px !important;
  height: 16px !important;
}
.success-story-slider .swiper-button-next:after {
  background-image: url(images/slider-next-arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  background-size: 100%;
  height: 100%;
  width: 100%;
}
.success-story-slider .swiper-button-prev:after {
  background-image: url(images/slider-prev-arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  content: "";
  background-size: 100%;
  height: 100%;
  width: 100%;
}
/* .our_focus_img:before{
    content: '';
    position: absolute;
    left: 37px;
    top: 70%;
    width: 100%;
    height: 100%;
    background-image: url(images/focus-pach.png);
    background-repeat: no-repeat;
    background-size: contain;
} */

/*******************  section_meet_great_people ***************/

.section_meet_great_people {
  padding: 100px 0 100px;
  overflow: hidden;
}
.meet_great_people_right_img {
  display: flex;
  align-items: center;
  justify-content: space-between;
  grid-gap: 20px;
  flex-wrap: wrap;
  transform: skew(0deg, -15deg);
}
.meet_great_people {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 111px;
  max-width: 1069px;
  margin: 0 auto;
}
.meet_great_people_right {
  width: 45%;
  margin: 59px 0 43px;
}
.meet_great_people_left {
  width: 42%;
}
.meet_great_people_left h2 {
  font-weight: 400;
}
.meet_great_people_left a {
  margin-top: 39px;
}
.meet_great_people_img {
  transform: skew(0deg, 15deg);
}
/* .meet_great_img_auto {
    display: none;
}
.meet_great_img_auto.active {
    display: block;
} */
.meet_slider {
  width: 82.88px;
  height: 72.88px;
}
/********************  about us form  *************/

.about_design_form {
  padding: 80px 70px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 50px;
  border: 1px solid #f8fbfb;
}
.about_design_form_left h2 {
  font-weight: 400;
  padding-bottom: 24px;
  font-size: 52px;
  line-height: 110%;
}
.about_design_form_left {
  width: 100%;
  flex-basis: 100%;
  max-width: 44%;
}
.about_design_form_left p {
  font-weight: 500;
  font-family: "Plus Jakarta Sans";
}
.about_us_form_rating {
  /* display: flex;
    align-items: center; */
  margin-top: 54px;
}
.about_us_form_rating h3 {
  font-size: 46px;
  font-weight: 700;
  letter-spacing: -0.04em;
  line-height: 100%;
  color: var(--dark-black);
  margin-right: 0;
  padding-bottom: 10px;
}
.about_us_form_rating p {
  font-weight: 400;
  line-height: 29px;
}
.about_design_form_right input[type="radio"] {
  display: inline-block !important;
  text-decoration: none !important;
  font-size: 18px !important;
  line-height: 29px !important;
  color: var(--dark-black) !important;
  border: 1px solid var(--dark-black) !important;
  border-radius: 50px !important;
  padding: 5px 16px !important;
  margin-right: 0 !important;
  width: auto !important;
  height: auto !important;
  left: 0 !important;
  right: 0 !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  font-family: "Inter" !important;
  cursor: pointer;
}
.about_design_form_right .frm_opt_container {
  display: flex !important;
  gap: 12px !important;
}
.about_design_form_right div#field_z7hkz_label {
  padding-bottom: 19px !important;
  font-size: 18px !important;
  line-height: 28.8px !important;
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  color: #74797b !important;
}
.about_design_form_right .frm_radio label {
  position: relative !important;
  display: inline-block !important;
  text-indent: 0 !important;
  padding: 6px 16px !important;
  z-index: 0;
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 29px !important;
  color: var(--dark-black) !important;
}
.with_frm_style .frm_radio input[type="radio"]:checked {
  background: #ffd536 !important;
  z-index: -1 !important;
  border-color: #ffd536 !important;
}
.with_frm_style .frm_radio input[type="radio"]:before {
  display: none;
}
.about_us_btn a:last-child {
  margin-right: 0;
}
.about_us_btn {
  margin-bottom: 30px;
}
.about_design_form_right p {
  padding-bottom: 19px;
}
.input_box input {
  margin-bottom: 16px;
}
.input_box input,
.input_box textarea {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  color: var(--dark-black) !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important ;
  padding: 13px 0;
  border-bottom: 1px solid rgba(32, 36, 39, 0.42) !important;
  border-radius: 0 !important;
}

.about_design_form_right input,
.about_design_form_right textarea {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 28.8px !important;
  color: var(--dark-black) !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important ;
  padding: 14px 0 13px !important;
  border-bottom: 1px solid var(--dark-black) !important;
  max-width: 260px !important;
  border-radius: 0 !important;
}
.about_design_form_right input {
  height: 56px !important;
}
.about_design_form_right textarea {
  width: 100% !important;
  height: 58px !important;
  resize: none !important;
  max-width: 100% !important;
}
.about_design_form_right textarea::-webkit-scrollbar {
  display: none;
}
.about_design_form_right .frm_form_field {
  margin-bottom: 30px !important;
}
.about_design_form_right .frm_form_fields {
  width: 100% !important;
}
.about_design_form_right label {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 13px !important;
  line-height: 120% !important;
  color: var(--dark-black) !important;
}
.about_design_form_right button {
  background: var(--lemon-yellow) !important;
  border: 1px solid var(--lemon-yellow) !important;
  padding: 15px 60px !important;
  font-family: "Plus Jakarta Sans" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  color: var(--dark-black) !important;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
}
.about_design_form_right.with_frm_style input[type="text"],
.about_design_form_right .with_frm_style input[type="email"],
.about_design_form_right .with_frm_style textarea {
  background: #f2f9f9 !important;
}
.about_design_form_right input::placeholder,
.about_design_form_right textarea::placeholder {
  color: #74797b !important;
}
.about_design_form_right form {
  /* display: flex; */
  flex-wrap: wrap;
  position: relative;
}
.input_box {
  width: 50%;
}
.input_box textarea {
  width: 100% !important;
  height: 113px !important;
  resize: none !important;
}
.about_design_form_right {
  flex-basis: 100%;
}
.check_box {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 13px;
  line-height: 160%;
  color: var(--dark-black);
  padding-top: 30px;
}
.submit_btn button {
  background: var(--lemon-yellow);
  border: 1px solid var(--lemon-yellow);
  padding: 15px 60px;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 160%;
  color: var(--dark-black);
  margin-top: 40px;
}
.input_box:nth-child(3) {
  width: 100%;
}

/*******************   footer       *****************/
.section_footer {
  padding: 241px 0 84px;
  margin-top: -170px;
  position: relative;
  z-index: 0;
  overflow: hidden;
}
.footer_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 60px;
  margin-bottom: 60px;
  border-bottom: 1px solid rgba(112, 126, 148, 0.5);
}
.footer_logo p {
  padding-top: 25px;
}
.footer_menu ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: grid;
  flex-wrap: wrap;
  grid-gap: 36px 10px;
  grid-template-columns: auto 0.5fr auto auto;
}
.footer_menu li a {
  text-decoration: none;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #ffffff;
  position: relative;
}
/* .footer_menu li a:hover {
    color: var(--lemon-yellow);
} */
.footer_menu li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 0;
  background-color: var(--sky-blue);
  height: 1px;
  transition: all ease-in-out 0.3s 0s;
}
.footer_menu li a:hover:after {
  width: 100%;
  background-color: var(--sky-blue);
}
.footer_menu li.current-menu-item a {
  color: var(--sky-blue);
}
.footer_menu li.current-menu-item a::after {
  width: 100%;
}

.footer_logo p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 150%;
  color: #ffffff;
  opacity: 0.7;
}
.footer_logo {
  width: 21.377%;
}
.footer_menu {
  width: 63.31%;
}
.footer_location a {
  display: flex;
  align-items: center;
}
.footer_location a p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #ffffff;
  text-decoration: none;
  display: flex;
  align-items: center;
  /*    margin-right: 24px;*/
}
.footer_location a:hover p {
  color: var(--lemon-yellow);
}
.footer_location a {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: #ffffff;
  text-decoration: none;
  display: flex;
  align-items: center;
  margin-right: 24px;
}
.footer_location {
  align-items: center;
  display: flex;
}
.footer_location svg {
  margin-right: 10px;
}
.footer_location a:last-child {
  margin-right: 0;
}
.footer_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 30px;
}
.footer_email p,
.footer_email a {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 130%;
  color: var(--white);
}
.footer_email a {
  color: var(--sky-blue);
  text-decoration: none;
}
.footer_email a:hover {
  color: var(--lemon-yellow);
}
.social_icon {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.footer_copy_right p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  text-align: center;
  color: #65727b;
}
.footer_icon {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  transition: all ease 0.3s;
}
.footer_icon a {
  position: absolute !important;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.footer_icon.social_icon_1 {
  border: 1px solid #2878b7;
}
.footer_icon.social_icon_2 {
  border: 1px solid #4081ff;
  display: none;
}
.footer_icon.social_icon_3 {
  border: 1px solid #55ace3;
}
/* .footer_icon.social_icon_3 {
    border: 1px solid ;
    border-color: linear-gradient(217.63deg, #BA2D95 14.05%, #EE9D55 94.08%);
} */
.footer_icon.social_icon_4::after {
  content: "";
  position: absolute;
  left: -1px;
  right: -1px;
  bottom: -1px;
  top: -1px;
  /* width: 40px;
  height: 40px; */
  background: linear-gradient(217.63deg, #ba2d95 14.05%, #ee9d55 94.08%);
  border-radius: 50%;
  z-index: 0;
  border: none;
  -webkit-border: none;
}
.footer_icon.social_icon_4::before {
  content: "";
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  top: 0px;
  /* width: 40px;
    height: 40px; */
  background: var(--dark-black);
  border-radius: 50%;
  transition: all ease 0.3s;
  z-index: 1;
  border: none;
  -webkit-border: none;
}
.footer_icon.social_icon_4 {
  position: relative;
}
.footer_icon.social_icon_4 a {
  position: relative;
  z-index: 2;
}
.footer_icon.social_icon_5 {
  border: 1px solid #ea4c89;
}
.footer_icon.social_icon_5:hover {
  background: #ea4c89;
}

.footer_icon.social_icon_1:hover {
  background: #2878b7;
}

.footer_icon.social_icon_2:hover {
  background: #4081ff;
}
.footer_icon.social_icon_3:hover {
  background: #55ace3;
}

.footer_icon.social_icon_4:hover:before {
  background: linear-gradient(217.63deg, #ba2d95 14.05%, #ee9d55 94.08%);
}
.nav_right .footer_icon.social_icon_4::before {
  background: #f2f9f9;
}
.nav_right .footer_icon.social_icon_4:hover:before {
  background: linear-gradient(217.63deg, #ba2d95 14.05%, #ee9d55 94.08%);
}

/*********************  **************************/

.industries_text h2 {
  color: #fff;
}
.industries_text {
  text-align: center;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 0 75px;
}
.industries_text span {
  padding-bottom: 20px;
}
/* .industries_slider_img:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(8, 18, 25, 0.55), rgba(8, 18, 25, 0.55));
} */
.industries_slider_img {
  position: relative;
}
/* .industries_slider_img img {
    width: 100%;
} */
.industries_slider p {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  text-align: center;
  letter-spacing: 0.21em;
  text-transform: uppercase;
  color: #ffffff;
}
.industries_slider_img {
  position: relative;
}
.industries_slider_img img {
  /* width: 100%; */
  margin: 0 auto;
}

section.section_industries.black_bg .swiper-wrapper {
  align-items: center !important;
}

/******************  career page *****************/

/********************  inner banner *******************/

.inner_banner.span_title a {
  margin-top: 50px;
}

.career_blog {
  display: grid;
  flex-wrap: wrap;
  grid-gap: 30px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.career_text_blog {
  padding: 30px 27px 32px 27px;
  text-align: center;
  height: 100%;
}
.career_otr {
  display: flex;
  flex-direction: column;
}
.career_text_blog h2 {
  font-weight: 700;
  line-height: 1.6;
  padding-bottom: 7px;
  font-size: 14px;
  color: #000000;
  letter-spacing: 2px;
  text-transform: uppercase;
}
section.section_what_we_stand_for.career_what_we_stand {
  padding: 100px 0 100px;
}
/*section.section_career_fresh_blogs.section_blog_details h3 {
    font-weight: 300;
}
*/
.career_text_blog p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  text-align: center;
  color: var(--dark-black);
}
.career_img_blog img {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.career_img_blog {
  position: relative;
  padding-top: 82.4%;
}
.career_what_we_stand h2 {
  line-height: 1.3;
}
.career_what_we_stand .our_values_otr {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  max-width: 1048px;
  grid-gap: 40px 80px;
}
.career_what_we_stand span {
  padding-bottom: 30px;
}
.career_what_we_stand h3 {
  line-height: 1.5;
  padding-bottom: 20px;
}
.career_what_we_stand .our_values_blog p {
  line-height: 1.581;
}
.inner_banner .yellow_circle_btn .arrowPacman {
  right: 6px;
  transform: rotate(90deg);
  top: 12px;
}

/*****************  section_career_img_video_blog *******************/

/*.career_img_video_blog:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    width: 100%;
    height: 100%    ;
    background: linear-gradient(0deg, rgba(32, 36, 39, 0.3), rgba(32, 36, 39, 0.3));
}*/
.career_img_video_blog {
  position: relative;
}
.career_circle {
  width: 150px;
  height: 150px;
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  left: 50%;
  right: 0;
  top: 40%;
  bottom: 0;
  transform: translateX(-50%);
}
.career_circle span {
  position: absolute;
  left: 25%;
  right: 0;
  top: 38%;
  z-index: 1;
}
.career_circle span {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 130%;
  text-align: center;
  color: var(--dark-black);
  max-width: 74px;
}
section.section_career_img_video_blog {
  position: relative;
}

/**********************     section_customer_testinomials    **********************/

.section_footer.career_footer {
  padding: 80px 0 50px;
  margin-top: 0;
}
.customer_testinomial_blog p {
  font-weight: 300;
  font-size: 22px;
  line-height: 39.6px;
  color: var(--dark-black);
  font-family: "Plus Jakarta Sans";
}
.customer_testinomial_blog {
  border: 1px solid var(--dark-black);
  padding: 40px;
}
.customer_testinomial_img {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
}
.customer_testinomial_img h3 {
  font-size: 24px;
  line-height: 1;
  font-weight: 600;
  color: var(--dark-black);
  padding-bottom: 7px;
  font-family: "Inter";
}
.customer_testinomial_img span {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  color: var(--dark-black);
}
.customer_testinomial_img img {
  margin-right: 24px;
}
.customer_testinomials {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 115px;
}
.section_customer_testinomials {
  padding: 100px 0 100px;
}
.customer_testinomials_left {
  width: 45.91%;
}
.customer_testinomials_right {
  width: 50.63%;
}
/*.customer_testinomial_blog {
    margin-right: 30px;
}*/
.customer_testinomials_left h2 {
  padding-bottom: 50px;
  font-weight: 400;
}
.customer_testinomials_btn span {
  padding-bottom: 30px;
}
.customer_testinomials_btn span {
  display: inline-block;
  text-decoration: none;
  font-size: 20px;
  line-height: 32px;
  color: var(--dark-black);
  border: 1px solid var(--dark-black);
  border-radius: 50px;
  padding: 9px 17px;
  margin: 0 16px 22px 0;
  letter-spacing: 0;
  text-transform: capitalize;
  font-weight: 500;
}

.customer_testinomials_right .swiper-pointer-events.swiper-vertical {
  touch-action: pan-x;
  height: 100%;
}
.customer_testinomials_right {
  width: 49.01%;
  /*    min-height: 770px;*/
}

.customer_testinomials_right .swiper-autoheight .swiper-wrapper {
  height: 748px !important;
}
.pagination_test {
  position: absolute;
  right: -46px !important;
  top: 50% !important;
  display: flex;
  flex-direction: column;
  gap: 21px !important;
}
.testinomail_customer_info {
  max-width: 602px;
  /*     position: relative; */
}
.pagination_test span.swiper-pagination-bullet {
  width: 16px !important;
  height: 16px !important;
  border: 1px solid var(--dark-black) !important;
  background: transparent !important;
  opacity: 1 !important;
  margin: 0 !important;
}
span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 4px solid var(--dark-black) !important;
  opacity: 1 !important;
}
/**********************   section_career_open_position ***************************/
/* 
.career_open_position_img::after{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;     
    background: linear-gradient(180deg, rgba(32, 36, 39, 0.078) 0%, rgba(32, 36, 39, 0.6) 100%);
} */
.career_open_position_img {
  position: relative;
}
.section_career_open_position {
  padding: 100px 0;
  overflow: hidden;
}
.career_open_position {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 79px;
}
.career_open_position_right h2 {
  padding-bottom: 40px;
  line-height: 41.6px;
  color: var(--white);
  font-weight: 700;
}
.about_us_text strong {
  font-weight: 600;
}
.career_open_position_left {
  width: 42.66%;
}
.career_open_position_right {
  width: 50%;
}
.career_open_position_title h3 {
  color: var(--white);
  line-height: 1.3;
  font-weight: 400;
  font-family: "Inter";
  padding-bottom: 20px;
}
.career_open_position_title p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
  color: #ffffff;
}
.career_open_position_text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 16px;
  margin-bottom: 40px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.career_open_position_text:last-child {
  padding-bottom: 0;
  border-bottom: 0;
  margin-bottom: 0;
}

/***************** section_career_gallary *****************************/

.section_career_gallary {
  padding: 100px 0 0 0px;
}
.career_gallary_title span {
  padding-bottom: 30px;
}
.career_gallary_title h2 {
  line-height: 58px;
  font-weight: 400;
  max-width: 912px;
  margin: 0 auto;
}
.career_gallary_title {
  text-align: center;
  padding-bottom: 60px;
}
/* .career_gallary_otr {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.career_gallary_otr > .img-1-1 {
    grid-column-end: span 1;
    grid-row-end: span 1;
    aspect-ratio: 1 / 1;
} */

.career_gallary_otr {
  display: grid;
  grid-gap: 10px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.career_gallary_img.wide {
  grid-column: span 2;
}
.career_gallary_img.tall {
  grid-row: span 2;
}
.career_gallary_img.big {
  grid-column: span 2;
  grid-row: span 2;
}
.career_gallary_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.career_img_video_blog img {
  width: 100%;
  object-fit: cover;
}
/*************** section_career_fresh_blogs **************************/
.section_career_fresh_blogs {
  padding: 100px 0;
  overflow: hidden;
}

.career_fresh_blogs {
  text-align: center;
  padding-bottom: 60px;
}
.career_fresh_blogs span {
  padding-bottom: 20px;
}
.career_fresh_blogs h2 {
  /*    line-height: 62px;*/
  font-weight: 400;
}
/*.fresh_slider_text h3{
    font-weight: 300;
    font-size: 22px;
    line-height: 32px;
    color: var(--dark-black);
}*/
.career_fresh_blogs_list {
  display: flex;
  gap: 106px 31px;
  flex-wrap: wrap;
}

.fresh_slider {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 48.5%;
  /*     width: 47.95%;     */
}
.career_fresh_blogs_img {
  margin-right: 30px;
  /*     width: 51.56%; */
  height: 100%;
}
.fresh_slider:nth-child(even) {
  width: 48.51%;
  /*     width: 44%; */
}
.page-template-blog .fresh_slider:nth-child(even) {
  width: 48.5%;
}
.fresh_slider_text a.a_btn_circle {
  margin-top: 32px;
  display: flex;
  align-items: center;
}
.fresh_slider_text {
  width: 45%;
  /*     width: 43.4%; */
}
/* .client_aroung_logo img {
  transition: all ease-in 0.5s;
  cursor: pointer;
} */

.fresh_slider_text a {
  text-decoration: none;
}
.client_aroung_logo img:hover {
  filter: grayscale(0);
  opacity: 1;
}
.career_fresh_blogs_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 
.career_img_blog img {
    transform: scale(1);
    overflow: hidden;
    height: 100%;
    object-fit: cover;
}
.career_otr:hover .career_img_blog img{
    transform: scale(1.1);
    transition: transform 2.4s cubic-bezier(.075,.82,.165,1);
} */

/***********************  home ********************/

/*****************banner ********************/

.white_header .right_menu li a {
  color: var(--dark-black);
}

/***************  banner  **************/

/***************  New home page banner css - 29.10.24  **************/

.banner {
  max-width: 846px !important;
  margin: 0 auto;
}
.home h1.title_h1 {
  color: #081219;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 80px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -2.4px;
}
.home h1.title_h1 em {
  font-weight: 400;
  font-style: normal;
  font-family: "Plus Jakarta Sans";
}
.home h1.title_h1 strong {
  color: #00BFF2;
  font-family: "Plus Jakarta Sans";
  font-size: 120px;
  font-style: normal;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: -3.6px;
}
.banner.span_title p {
  color: #081219;
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-size: 22px;
  font-style: normal;
  font-weight: 300;
  line-height: 180%;
  padding-bottom: 80px !important;
}
.section_banner {
  padding: 60px 0 100px;
  position: relative;
}



.banner_blog_center {
  display: flex;
  flex-direction: row;
  gap: 20px;
  justify-content: center;
  width: 100%;
}
.banner_blog_center h3 {
  color: #000;
  font-family: "Plus Jakarta Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 160%;
  text-transform: capitalize;
}
.banner_blog_center h3 strong {
  font-weight: 700;
}


.section_banner {
  padding: 60px 0 100px;
  position: relative;
}
.section_banner::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(images/home-banner-graphics.svg);
  height: 350px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: -1;
  transform: translate(0, 42%);
}
.banner span {
  padding-bottom: 20px;
}
.banner {
  max-width: 862px;
}
.banner h1 {
  padding-bottom: 40px;
}
.banner p:last-of-type {
  padding-bottom: 0;
}
.banner p {
  padding-bottom: 30px;
}
.banner_blog {
  display: flex;
  align-items: center;
}
/* .banner_left {
    padding-right: 40px;
    margin-right: 40px;
    border-right: 2px solid rgba(32, 36, 39, 0.3);;
} */
.banner_left {
  padding-right: 40px;
  margin-right: 40px;
  position: relative;
}
.banner_left:after {
  content: "";
  background: var(--dark-black);
  height: 4px;
  width: 4px;
  display: block;
  border-radius: 50%;
  position: absolute;
  right: 0;
  top: 51%;
  transform: translate(0, -50%);
  opacity: 0.8;
}
.banner_left:last-child {
  padding-right: 0;
  margin-right: 0px;
  border-right: 0;
}
.banner_left h3,
.banner_right h3 {
  font-weight: 700;
  font-size: 28px;
  line-height: 130%;
  color: var(--dark-black);
}
.banner a {
  margin-top: 40px;
}
.banner_right span,
.banner_left span {
  display: inline-block;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 28px;
  line-height: 130%;
  color: var(--dark-black);
  text-transform: inherit;
  letter-spacing: 0;
  padding-bottom: 0 !important;
}
.banner strong {
  font-weight: 300;
}
/*********************  section about ************/

.section_about {
  padding: 100px 0;
}
.about strong {
  font-weight: 400;
}
.about {
  text-align: center;
}
.about h2 {
  max-width: 895px;
  margin: 0 auto;
  padding-bottom: 130px;
}
.about span {
  padding-bottom: 20px;
}
/* .client_around_left.span_title span {
    color: rgba(32, 36, 39, 0.46);
    padding-bottom: 0;
} */
/* .client_around_the_world {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1089px;
    margin: 0 auto;
    padding-bottom: 60px;
    gap: 40px;
} */
.client_around_the_world {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 954px;
  margin: 0 auto;
  padding-bottom: 60px;
  flex-wrap: wrap;
  text-align: center;
}
/* .client_around_right {
    display: flex;
    align-items: center;
    justify-content: space-between;
} */
.client_around_right {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: center;
  flex-basis: 100%;
  gap: 20px 0;
}

/* .client_around_right .swiper-slide {
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    align-items: center;
}
.client_around_right .swiper-pointer-events.swiper-vertical {
    height: 100px;
} */

/**********************  our work  ******************/

.section_our_work {
  padding: 100px 0;
}
.our_work_text span {
  padding-bottom: 20px;
}
.our_work_text {
  padding-bottom: 60px;
  text-align: center;
}
.our_work_text h2 {
  font-weight: 400;
  max-width: 730px;
  margin: 0 auto;
}
.our_work_otr_left span {
  color: var(--dark-black);
  padding-bottom: 20px;
}
.our_work_title {
  display: flex;
  align-items: center;
  padding-bottom: 30px;
}
.our_work_otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 104px;
  padding-bottom: 80px;
}
.our_work_otr:last-child {
  padding-bottom: 0;
}
.our_work_title p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  color: rgba(32, 36, 39, 0.6);
  padding-right: 14px;
  margin-right: 14px;
  position: relative;
}
.our_work_title p:after {
  content: "";
  position: absolute;
  right: -3px;
  top: 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: rgba(32, 36, 39, 0.6);
}
.our_work_title p:last-child {
  padding-right: 0;
  margin-right: 0;
}
.our_work_title p:last-child:after {
  display: none;
}
.our_work_otr_left {
  width: 36.66%;
}
.our_work_otr_right {
  width: 57.35%;
}
.our_work_otr_left a {
  margin-top: 30px;
}

/*****************************  section_services ***************/

.section_services {
  padding: 100px 0;
  position: relative;
  overflow: hidden;
}
.services_text span {
  padding-bottom: 20px;
}
.services_text h2 {
  padding-bottom: 12px;
  color: #fff;
  /* font-weight: 400; */
}
.services_text p {
  max-width: 911px;
  color: var(--white);
  line-height: 1.581;
}
.services_text {
  padding-bottom: 40px;
}
.services_tabbing {
  display: block;
  gap: 80px;
}
.services_left {
  width: 27.891%;
}
.services_tabbing_blog {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px 16px 0;
  border-bottom: 1px solid rgba(81, 94, 113, 0.5);
}
.services_tabbing_blog:last-child {
  border-bottom: 0;
}
.services_tabbing_text h4 {
  color: #a6a7a9;
  font-weight: 700;
  font-size: 20px;
  line-height: 160%;
}
.services_right_text h3 {
  padding-bottom: 24px;
  color: var(--white);
  line-height: 45px;
  font-weight: 400;
}
div#why4 .services_right_list ul {
  grid-template-columns: auto 0.9fr;
}
.services_right_text p {
  padding-bottom: 40px;
  color: var(--white);
  line-height: 1.7;
  max-width: 620px;
  font-weight: 300;
}
.services_right {
  width: 55.782%;
}
/* .services_right_tabbing_img {
    position: absolute;
    top: 40px;
    right:-7px;
} */
.services_right_list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  flex-wrap: wrap;
  /* gap: 24px 24px;
    display: grid;
    flex-wrap: wrap;
    grid-template-columns: auto auto auto; */
}
.services_right_list li {
  padding-left: 30px !important;
  position: relative;
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 25px;
  color: #ffffff;
  width: 100%;
  margin: 20px 0;
  transition: all 0.3s linear;
}
/* .services_right_list li {
    width: 25.2%;
    padding-left: 22px !important;
    position: relative;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 140%;
    color: #FFFFFF;
} */
.services_right_list li:after {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 15px;
  height: 1px;
  background: #ed2387;
  transform: translate(0, -50%);
  transition: all 0.3s linear;
}
.services_right_blog a {
  color: #fff;
}
.services_right_list li a {
  color: #fff;
  text-decoration: none;
  transition: all 0.3s linear;
}
.services_right_list li:hover {
  padding-left: 35px !important;
}
.services_right_list li:hover a {
  color: #01BBEC;
}
.services_right_list li:hover::after {
  width: 22px;
}

.meet_great_img_auto img {
  transform: scale(0.9);
  transition: all ease 0.4s;
  /* cursor: pointer; */
  width: 80.88px;
}

.meet_great_img_auto:hover img {
  transform: scale(1);
}

/* 

.banner_img img {
    width: 100%;
    animation: crescendo 4s alternate infinite ease-in;
}
@keyframes crescendo {
  0%   {transform: scaleY(1);}
100% {transform: scaleY(1.1);}
}

.banner_img_blog {
    overflow: hidden;
}
 */

/* 
.banner_img {
    height: calc(100% + 30px);
    width: calc(100% + 30px);
    -webkit-animation: card-shift 5s ease-in-out infinite;
    animation: card-shift 5s ease-in-out infinite;
    position: absolute;
    z-index: -3;
    top:0;
    left:0;
    right: 0;
    bottom: 0;
  } */

.banner_img img {
  object-fit: fill;
  width: 100%;
  max-width: 432px;
  max-height: 324px;
}

.banner_img_blog {
  overflow: hidden;
  display: block;
  height: 900px;
  position: relative;
  background: #fdfbf3;
}

/* @-webkit-keyframes card-shift {
    0% {
     -webkit-transform:translate3d(-40px,0,0);
     transform:translate3d(-40px,0,0)
    }
    25% {
     -webkit-transform:translate3d(0,-40px,0);
     transform:translate3d(0,-40px,0)
    }
    50% {
     -webkit-transform:translate3d(0,-40px,0);
     transform:translate3d(0,-40px,0)
    }
    75% {
     -webkit-transform:translate3d(-40px,0,0);
     transform:translate3d(-40px,0,0)
    }
    to {
     -webkit-transform:translate3d(-40px,0,0);
     transform:translate3d(-40px,0,0)
    }
   }
 */

.nav_tabbing_why ul {
  list-style: none;
  margin: 0 -10px;
  padding: 0;
  display: flex;
  align-items: center;
}
.nav_tabbing_why ul li a {
  font-weight: 500;
  font-size: 20px;
  line-height: 160%;
  color: #fff;
  z-index: 0;
  font-family: "Plus Jakarta Sans" !important;
  text-decoration: none;
  padding: 16px 10px;
  opacity: 0.6;
  position: relative;
}
.nav_tabbing_why ul li a::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: #ed2387;
  transition: all 0.3s linear;
  width: 0;
}
.nav_tabbing_why ul li a:hover {
  opacity: 1;
}
.nav_tabbing_why ul li a:hover:after {
  width: 100%;
}
.nav_tabbing_why ul li a.active::after {
  width: 100%;
}

.nav_tabbing_why {
  width: 100%;
  padding: 0 0 80px;
}
.contentwhy_img_section {
  flex: 1;
  min-height: 440px;
}
.nav_tabbing_why ul li {
  padding: 0 10px 0;
  position: relative;
}
/* .nav_tabbing_why ul li a {
    position: absolute;
    top: 15px;
    left: 0;
    right: 0;
    bottom: 0;
} */

.nav_tabbing_why ul li a.active {
  opacity: 1;
}
.services_right_blog {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.services_right_tabbing_img {
  width: 300px;
}
.services_right_tabbing_img img {
  width: 100%;
}
.services_right_text {
  width: 454px;
}
.services_right_list {
  width: 320px;
  padding: 50px 0 0 0;
}

.growth_partner_details h3.title_h3.white_text {
  font-weight: 500;
  font-family: "Inter";
}
.count_number span {
  font-family: "Plus Jakarta Sans";
  position: relative;
}
.growth_partner_details {
  padding-top: 30px;
  text-align: center;
}

/**************  blog details ************************/

section.section_career_fresh_blogs.section_blog_details {
  padding: 80px 0 108px;
}
.section_blog_details .career_fresh_blogs h2 {
  line-height: 64.4px;
  font-weight: 300;
}
.fresh_container {
  max-width: 1305px;
}

/************  blog details *************/

section.section_blog_details {
  padding: 81px 0 100px;
}
.blog_details_title h1 {
  line-height: 64.4px;
  padding-bottom: 30px;
}
.blog_details_title {
  text-align: center;
}
.blog_details_calender {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-bottom: 40px;
}
.blog_details_calender p {
  font-weight: 500;
  font-size: 18px;
  line-height: 115%;
  color: #a6a7a9;
  margin-left: 10px;
}
.blog_details_img {
  margin-bottom: 40px;
}
.blog_details_subtext p {
  padding-bottom: 24px;
}
.blog_details_subtext p:last-of-type {
  padding-bottom: 0;
}
.blog_details_subtext {
  max-width: 670px;
  margin: 0 auto;
  padding-bottom: 40px;
}
.blog_details_text_otr h2 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 120%;
  color: var(--dark-black);
  padding-bottom: 20px;
}
.blog_details_text_otr {
  padding-bottom: 40px;
  max-width: 677px;
  margin: 0 auto;
}
.blog_details_text_otr p:last-child {
  padding-bottom: 0;
}
.blog_details_text_otr p {
  padding-bottom: 24px;
}
/*.blog_details_main {
    padding:36px 0  0px;
}*/
.blog_detail_main_img_otr {
  padding-bottom: 40px;
  /*    padding-top: 36px;*/
}
.blog_details_otr_info h3:first-child {
  padding-top: 0;
}
.blog_details_otr_info h3 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 700;
  font-size: 30px;
  line-height: 120%;
  color: var(--dark-black);
  padding-bottom: 20px;
  padding-top: 16px;
}
.blog_details_otr_info p {
  padding-bottom: 24px;
  line-height: 1.6;
  max-width: 670px;
}
.photo_by_title p {
  font-family: "Inter";
  font-style: italic;
  font-weight: 300;
  font-size: 16px;
  line-height: 160%;
  color: rgba(32, 36, 39, 0.5);
  text-align: center;
  padding-top: 6px;
}
.blog_details_otr_info p:last-of-type {
  padding-bottom: 0;
}
.blog_details_otr_info {
  max-width: 685px;
  margin: 0 auto;
  padding-bottom: 40px;
}
.blog_details_main li {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  color: var(--dark-black);
  margin-bottom: 20px;
  position: relative;
}
.blog_details_main li :last-of-type {
  margin-bottom: 0;
}
.blog_details_main ul {
  list-style-type: none;
  padding-left: 24px;
  margin: 0;
  /*	padding-top: 30px;*/
}
/*.blog_details_list.blog_details_otr_info p:nth-child(4) {
    padding-bottom: 0;
}*/
.share_social_icon a {
  margin-right: 10px !important;
}
.share_social_icon a:last-child {
  margin-right: 0px !important;
}
.blog_details_main li::after {
  content: "";
  position: absolute;
  left: -24px;
  top: 10px;
  width: 8px;
  height: 8px;
  background: var(--dark-black);
  border-radius: 50px;
}
.blog_discuss_project {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 675px;
  margin: 0 auto;
  background: var(--dark-black);
  margin-bottom: 40px;
}
.blog_discuss_text {
  padding: 53px 43px 68px;
  background: var(--dark-black);
}
.blog_discuss_project_img {
  width: 74.1%;
}
.blog_discuss_text h3 {
  color: #fff;
  line-height: 45px;
  padding-bottom: 16px;
  font-weight: 700;
}
.blog_discuss_text p {
  font-weight: 400;
  font-size: 17px;
  line-height: 150%;
  color: #ffffff;
}
.blog_discuss_text a.a_btn {
  margin-top: 28px;
  padding: 12px 48px;
}
.blog_list_otr_info.blog_details_otr_info.pera_title {
  padding-bottom: 40px;
}
.blog_list_otr_info.blog_details_otr_info.pera_title p {
  padding-bottom: 0;
}
.blog_details_tag_info {
  margin-top: 8px;
  padding-top: 30px;
  padding-bottom: 30px;
  border-top: 1px solid var(--dark-black);
  border-bottom: 1px solid var(--dark-black);
  max-width: 675px;
  margin: 0 auto;
}
.blog_tag_info h4,
.blog_details_share_info h4 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  /*    text-transform: uppercase;*/
  color: var(--dark-black);
}

.blog_tag_info,
.blog_details_share_info,
.share_social_icon {
  display: flex;
  align-items: center;
}
.blog_tag_info a {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 17px;
  color: var(--dark-black);
  background: #e2f9ff;
  border-radius: 50px;
  text-decoration: none;
  display: inline-block;
  padding: 4px 18px;
  margin-right: 13px;
}
.blog_tag_info .tags {
  display: flex;
  align-items: center;
}
.blog_tag_info a:last-child {
  margin-right: 0;
}
.blog_tag_info h4 {
  margin-right: 13px;
}
.blog_tag_info {
  margin-bottom: 30px;
}
.blog_details_share_info h4 {
  margin-right: 20px;
}
.share_social_icon a {
  margin-right: 10px;
}
.share_social_icon a:last-child {
  margin-right: 0;
}
.blog_employ_details {
  display: flex;
  align-items: center;
  max-width: 675px;
  margin: 0 auto;
  gap: 32px;
  padding-top: 60px;
}
.blog_employ_details_img {
  width: 30.52%;
}
.blog_employ_details_text {
  width: 61.482%;
}
.blog_employ_details_text h5 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 100%;
  color: #000000;
  padding-bottom: 4px;
}
.blog_employ_details_text span {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 12px;
  line-height: 160%;
  text-align: center;
  color: rgba(32, 36, 39, 0.6);
}
.blog_employ_details_text p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 160%;
  color: rgba(32, 36, 39, 0.7);
  padding-top: 10px;
}
.blog_details_form.light_color_bg {
  padding: 60px 130px 71px 131px;
  text-align: center;
}
.blog_details_form p {
  text-align: center;
}
.blog_details_form h2 {
  font-size: 40px;
  line-height: 1.4;
  font-weight: 400;
  padding-bottom: 12px;
  text-align: center;
}
.blog_details_form p {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 160%;
  color: var(--dark-black);
  padding-bottom: 40px;
}

.our_worker_logo {
  padding-bottom: 20px;
}

/* .banner_img {
    animation: card-shift 10s ease-in-out infinite;
} */
.main_box_row {
  display: grid;
  margin: -26%;
  flex-wrap: wrap;
  grid-gap: 60px;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  transform: rotate(-15deg);
}

.right_menu {
  display: flex;
  align-items: center;
}

.header_btn_info {
  margin-left: 23px;
}

/* @-webkit-keyframes card-shift {
    0% {
     -webkit-transform:translate3d(-40px,0,0);
     transform:translate3d(-40px,0,0)
    }
    25% {
     -webkit-transform:translate3d(0,-40px,0);
     transform:translate3d(0,-40px,0)
    }
    50% {
     -webkit-transform:translate3d(0,-40px,0);
     transform:translate3d(0,-40px,0)
    }
    75% {
     -webkit-transform:translate3d(-40px,0,0);
     transform:translate3d(-40px,0,0)
    }
    to {
     -webkit-transform:translate3d(-40px,0,0);
     transform:translate3d(-40px,0,0)
    }
   } */

/*@-webkit-keyframes card-shift {
    0% {
     -webkit-transform:translate3d(-40px,0,0);
     transform:translate3d(-40px,0,0)
    }
    25% {
     -webkit-transform:translate3d(0,0px,40px);
     transform:translate3d(0,0,40px)
    }
    50% {
     -webkit-transform:translate3d(0,-40px,0);
     transform:translate3d(0,-40px,0)
    }
    75% {
     -webkit-transform:translate3d(-40px,0,0);
     transform:translate3d(-40px,0,0)
    }
    to {
     -webkit-transform:translate3d(-40px,0,0);
     transform:translate3d(-40px,0,0)
    }
   }
*/
@keyframes card-shift {
  0% {
    transform: translate3d(0, -12%, 100px);
  }

  25% {
    transform: translate3d(70%, 0, 100px);
  }
  50% {
    transform: translate3d(-70%, 0, 100px);
  }
  75% {
    transform: translate3d(0px, 10%, 100px);
  }
  100% {
    transform: translate3d(0, -12%, 100px);
  }
}
@-webkit-keyframes card-shift {
  0% {
    transform: translate3d(0, -12%, 100px);
  }

  25% {
    transform: translate3d(70%, 0, 100px);
  }
  50% {
    transform: translate3d(-70%, 0, 100px);
  }
  75% {
    transform: translate3d(0px, 10%, 100px);
  }
  100% {
    transform: translate3d(0, -12%, 100px);
  }
}

.mainbannerdiv {
  display: flex;
  flex-direction: column;
  gap: 60px;
  animation: card-shift 12s ease-in-out infinite;
}

/* .header_btn_info a {
  padding: 12px 24px;
  color: var(--dark-black);
} */
.header_btn_info a {
  padding: 12px 20px;
  color: var(--dark-black);
  font-weight: 500;
  line-height: normal;
}
.banner_img img {
  box-shadow: 6px 15px 45px rgb(60 66 71 / 16%);
  border-radius: 10px;
}

.inner_banner_img img {
  margin: 0 auto;
}
.with_frm_style .frm_checkbox input[type="checkbox"] {
  border-radius: 0;
  border: 1px solid var(--dark-black) !important;
  padding: 0 !important;
  height: 16px !important;
  /*    margin-top: -3px !important;*/
}
input#field_xdpnn-0 {
  margin-top: -3px !important;
}
input#field_xdpnn2-0 {
  margin-top: -3px !important;
}
button.frm_button_submit .arrowPacman {
  display: none;
}

.fresh_slider a {
  width: 48.5%;
}
.career_fresh_blogs_img {
  width: 100%;
}
.fresh_slider a.a_btn_circle {
  width: 100%;
  font-weight: 600;
  font-size: 18px;
}
.career_fresh_blogs_img {
  position: relative;
  /* padding-top: 300px; */
  width: 300px;
  height: 300px;
}

.career_fresh_blogs_img img {
  /* position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0; */
  width: 100%;
  height: 100%;
}
/*.page-template-blog .career_fresh_blogs_img {
    position: relative;
    padding-top: 48%;
}*/
.single-post .career_fresh_blogs_img {
  position: relative;
  /* padding-top: 100%; */
}

/* 
section.section_career_fresh_blogs {
    display: none;

} */

/*.swiper-slide.customer_love_company_slider_img {
    width: auto !important;
}*/
.swiper-slide.customer_love_company_slider_img:last-child {
  margin-right: 0 !important;
}

.swiper-slide.customer_love_company_slider_img:nth-child(even) {
  width: 31% !important;
}
.swiper-slide.customer_love_company_slider_img:nth-child(odd) {
  width: 37% !important;
}

.client_around_left.span_title {
  max-width: 100%;
  flex-basis: 100%;
  padding: 0 0 24px 0;
}
.swiper-slide.client_around_slider {
  display: flex;
  align-items: center;
  width: auto !important;
  position: relative;
  overflow: hidden;
  /*    padding: 0 23px;*/
}
.client_around_right .swiper-wrapper {
  transition-timing-function: linear !important;
  position: relative;
  align-items: center !important;
}

.customer_testinomial .swiper-wrapper {
  display: flex !important;
  flex-direction: column;
  gap: 40px !important;
}
.customer_love_company_slider_otr .swiper-wrapper {
  align-items: center;
}

.page-template-career footer.section_footer.black_bg {
  margin-top: 0px !important;
  padding-top: 84px;
}

.about_design_form_right.pera_title fieldset {
  padding-bottom: 0 !important;
}

/********22-12-202************/
/*
.fresh_slider.first_blog_bg {
    width: 100%;    justify-content: start;
}
.fresh_slider.first_blog_bg .career_fresh_blogs_img {
    margin-right: 50px;    width: 69.6%;
}
.fresh_slider.first_blog_bg .fresh_slider_text h3 {
    font-weight: 300;
    font-size: 40px;
    line-height: 140%;
    color: #081019;
}
.fresh_slider.first_blog_bg .fresh_slider_text {
    width: 39.92%;
}
section.section_career_fresh_blogs.section_blog_details .career_fresh_blogs_list {
    gap: 80px 30px;justify-content: space-between;
}
.section_blog_details .fresh_slider:nth-child(even) {
    width: 48.83%;    justify-content: flex-start;
}
.section_blog_details .fresh_slider_text {
    width: 40.01%;
}
.section_blog_details.fresh_slide{
    justify-content: flex-start;
}
section.section_career_fresh_blogs.section_blog_details .career_fresh_blogs_img {
    width: 47.84%;    
}
.section_blog_details .fresh_slider:nth-child(odd) {
    width: 48.828%;justify-content: flex-start;
}
.section_blog_details .fresh_slider:nth-child(odd) .fresh_slider_text {
    width: 39.83%;
}
.section_blog_details .fresh_slider.first_blog_bg:nth-child(odd) {
    width:100%;
}
*/

.fresh_slider.first_blog_bg {
  width: 100%;
  justify-content: start;
  gap: 50px;
}
.fresh_slider.first_blog_bg .career_fresh_blogs_img {
  margin-right: 50px;
  width: 69.6%;
}
.fresh_slider.first_blog_bg .fresh_slider_text h3 {
  font-weight: 300;
  font-size: 40px;
  line-height: 140%;
  color: #081019;
}
.fresh_slider.first_blog_bg .fresh_slider_text {
  width: 37.58%;
}
section.section_career_fresh_blogs.section_blog_details
  .career_fresh_blogs_list {
  gap: 80px 30px;
  justify-content: space-between;
}
.fresh_slider.first_blog_bg a {
  width: 57.27%;
}
.blog_list_form .blog_details_form.light_color_bg {
  padding: 60px 100px 68px;
}
.blog_list_form h2 {
  line-height: 62px;
  padding-bottom: 16px;
}
.blog_list_main_form {
  max-width: 630px;
  margin: 0 auto;
}
section.section_blog_details_form.blog_list_form {
  padding-bottom: 100px;
}

section.section_career_fresh_blogs.section_blog_details.repeat_blog_list {
  padding: 0 0 120px 0;
}
.repeat_blog_list .fresh_slider:nth-child(odd) {
  width: 48.828%;
  justify-content: flex-start;
}
.repeat_blog_list .fresh_slider:nth-child(odd) .fresh_slider_text {
  width: 40.83%;
}
.repeat_blog_list .fresh_slider_text {
  width: 33.01%;
}
section.section_career_fresh_blogs.blog_details_otr {
  padding: 100px 0 80px;
}

.section_blog_details_form.blog_list_form {
  width: 100%;
}

.blog_list_main_form button.frm_button_submit,
.blog_details_form button.frm_button_submit {
  background: #ffd536 !important;
  border: 1px solid #ffd536 !important;
  font-family: "Plus Jakarta Sans" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  color: var(--dark-black) !important;
  padding: 11px 59px !important;
  margin: 0 !important;
  border-radius: 0 !important;
}

.blog_list_main_form input,
.blog_details_form input {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  color: var(--dark-black) !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
  padding: 13px 0 !important;
  border-bottom: 1px solid rgba(32, 36, 39, 0.42) !important;
  border-radius: 0 !important;
  height: 56px !important;
}
.section_blog_details_form.blog_list_form div#frm_error_field_29yf4d2 {
  position: absolute;
  bottom: 0;
  left: 0;
}
.blog_list_main_form .frm_style_formidable-style.with_frm_style .form-field {
  margin-bottom: 0px !important;
}
.blog_list_main_form fieldset {
  padding-bottom: 0 !important;
}
section.section_career_fresh_blogs.section_blog_details .fresh_slider.first_blog_bg .career_fresh_blogs_img {
  width: 100%;
  /* padding-top: 68.25%; */
  height: 500px;
}
.blog_list_main_form label {
  padding: 0 !important;
}
.blog_details_form .blog_list_main_form .frm_submit {
  position: absolute;
  right: 0px;
  bottom: 1.5px;
}
.blog_details_form.light_color_bg fieldset {
  padding-bottom: 0 !important;
}
.blog_details_form.light_color_bg label {
  padding: 0 !important;
}
.blog_details_form .frm_submit {
  position: absolute;
  right: 216px;
  bottom: 73px;
}
/* .blog_details_form input {
  width: 630px !important;
  margin: 0 auto;
  display: flex !important;
} */
#gform_3 {
  position: relative;
  max-width: 630px;
  margin: 0 auto;
}
.blog_details_form input {
  width: 100% !important;
  margin: 0 auto;
  display: block !important;
  padding: 0 230px 0 0 !important;
}
.blog_details_form.light_color_bg
  .frm_style_formidable-style.with_frm_style
  .form-field {
  margin-bottom: 0 !important;
  position: relative;
}
section.section_blog_details_form div#frm_error_field_29yf4d2,
.about_design_form_right .frm_error {
  position: absolute;
  left: 0;
  bottom: 0;
  font-size: 0 !important;
}
.blog_details_form {
  position: relative;
}
.blog_list_main_form {
  position: relative;
}
.section_blog_details .career_fresh_blogs {
  text-align: center;
  padding-bottom: 60px;
}
.customer_testinomials_btn {
  margin-top: 30px;
  max-width: 80%;
}
.about_us_count:nth-child(1) span {
  margin-top: -14px;
}
.about_us_count:nth-child(3) span {
  margin-top: -10px;
}
.about_us_count:nth-child(4) span {
  margin-top: -4px;
}

.blog_quotation {
  max-width: 685px;
  margin: 0 auto;
  margin-top: 0px;
  margin-bottom: 40px;
  border-bottom: 1px solid var(--sky-blue);
  border-top: 1px solid var(--sky-blue);
}
.blog_quotation p {
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  color: var(--dark-black);
  max-width: 586px;
  padding: 30px 0px 30px;
  margin-left: 30px;
}
.blog_details_share_otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.blog_details_share_main {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.blog_details_share_main_description h4 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  color: #000000;
}
.blog_details_share_main_description p {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: rgba(32, 36, 39, 0.6);
}

.single-post .section_footer {
  padding-top: 84px;
  margin-top: 0;
}

/*
section.section_career_fresh_blogs {
    display: none;
}
*/
/*.page-template-home .section_about_design_form {
    padding-top: 80px;
}*/
ul#Footer-Menu {
  display: flex;
  align-items: center;
  gap: 15px 36px;
}
.footer_menu {
  width: unset;
}
.footer_logo {
  display: flex;
  align-items: center;
  gap: 25px;
  width: unset;
}
.footer_logo p {
  max-width: 270px;
  padding-top: 0;
}
.blog_details_otr_info p:last-of-type {
  padding-bottom: 0;
}

.career_open_position_img img {
  margin: 0 auto;
}
.about_design_form_right .div#frm_field_14_container .frm_opt_container label {
  line-height: 16px !important;
  padding: 10px 16px !important;
}
div#frm_field_14_container .frm_opt_container label,
.contact_us_right_info #frm_field_23_container label {
  position: relative !important;
  display: inline-block !important;
  text-indent: 0 !important;
  padding: 10px 16px !important;
  z-index: 0;
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 16px !important;
  color: var(--dark-black) !important;
  border-radius: 50px !important;
  transition: all ease 0.3s !important;
}
div#frm_field_14_container .frm_opt_container input[type="checkbox"],
.contact_us_right_info #frm_field_23_container input[type="checkbox"] {
  display: inline-block !important;
  text-decoration: none !important;
  font-size: 18px !important;
  line-height: 29px !important;
  color: var(--dark-black) !important;
  border: 1px solid var(--dark-black) !important;
  border-radius: 50px !important;
  padding: 5px 16px !important;
  margin-right: 0 !important;
  width: auto !important;
  height: auto !important;
  left: 0 !important;
  right: 0 !important;
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  font-family: "Inter" !important;
  cursor: pointer;
}
div#frm_field_14_container
  .frm_opt_container
  .frm_checkbox
  input[type="checkbox"] {
  padding: 5px 16px !important;
  height: auto !important;
}
/*div#frm_field_14_container .with_frm_style .frm_checkbox input[type=checkbox]:checked {
    background: #ffd536 !important;
    z-index: -1 !important;
    border-color: #ffd536 !important;
}*/
div#frm_field_14_container .frm_opt_container label.checked_check,
.contact_us_right_info #frm_field_23_container label.checked_check {
  color: beige !important;
  background: var(--dark-black) !important;
  color: #fff !important;
  border-radius: 50px;
}

div#frm_field_23_container div#field_z7hkz2_label {
  padding-bottom: 19px !important;
}

div#frm_field_14_container
  .frm_opt_container
  input[type="checkbox"]:checked
  div#frm_field_14_container
  .frm_opt_container
  label
  label {
  color: #fff !important;
}
div#frm_field_14_container
  .frm_opt_container
  input[type="checkbox"]:checked:before,
.contact_us_right_info
  #frm_field_23_container
  input[type="checkbox"]:checked:before {
  content: unset !important;
}
label#field_9jv0r1_label,
label#field_qh4icy_label,
label#field_29yf4d_label {
  padding: 0 !important;
}
div#frm_field_14_container {
  margin-bottom: 30px !important;
}
/*div#frm_checkbox_6-0 {
    margin-top: 14px !important;
}
*/

.about_design_form .frm_message {
  order: 2;
  margin-top: 20px !important;
  position: unset;
  bottom: -40px;
  right: 0;
  max-width: 100%;
  padding: 15px !important;
  background: #39ff3614 !important;
  border-color: #66ff36 !important;
}
.about_design_form_right p {
  margin-bottom: 0 !important;
  text-align: left;
  color: #000 !important;
  font-weight: 400;
  padding-bottom: 0 !important;
  font-size: 14px !important;
}
.blog_details_form .frm_message {
  padding: 15px !important;
  background: #39ff3614 !important;
  border-color: #66ff36 !important;
}
.blog_details_form .frm_message p {
  text-align: center;
  color: #000 !important;
  font-weight: 400;
  padding-bottom: 0 !important;
  font-size: 14px !important;
}

.accordian_ans {
  display: none;
}
.accordian_mobile {
  display: none;
}

section.section_industries.black_bg .swiper-wrapper {
  transition-timing-function: linear !important;
  position: relative;
}
.swiper-slide.industries_slider {
  display: flex;
  align-items: center;
  width: auto !important;
  position: relative;
  overflow: hidden;
  /* padding: 0 88px; */
  padding: 0 50px;
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px #f2f9f9 inset !important;
}

.ic-pagination li span,
.ic-pagination li a {
  list-style: none;
  text-decoration: none;
  font-size: 24px;
  font-weight: 600;
  line-height: 38.4px;
  color: var(--dark-black);
  margin-right: 20px;
  font-family: "Plus Jakarta Sans" !important;
}

.ic-pagination li svg {
  width: 39px;
  height: 19px;
}
.ic-pagination ul {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 70px 0 0;
}

span.page-numbers.current {
  color: #ffd536;
}
.ic-pagination a.prev.page-numbers svg {
  transform: rotate(180deg);
}

/************** contact us ******************/

section.section_contact_us {
  padding: 29px 0 80px;
  position: relative;
  min-height: calc(100vh - 100px);
}
.contact_us_blog {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  z-index: 11;
  gap: 30px;
}
.contact_us_left {
  width: 37.5%;
}
.contact_us_right {
  width: 59.61%;
  padding: 50px 60px 55px 50px;
  background: #ffffff;
  min-height: 730px;
  display: flex;
  align-items: center;
}
.contact_us_right_info div#frm_field_14_container {
  margin-bottom: 40px !important;
}

.contact_us_right_info .frm_form_field {
  margin-bottom: 30px !important;
}

.contact_us_email {
  display: flex;
  align-items: stretch;
  padding-bottom: 60px;
}
.contact_us_icon {
  width: 34px;
  height: 34px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 18px;
}
.conatct_email h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 160%;
  color: var(--dark-black);
  padding-bottom: 12px;
}
.conatct_email p {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 160%;
  color: rgba(32, 36, 39, 0.6);
  padding-bottom: 5px;
}
.conatct_email a {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 160%;
  color: var(--dark-black);
  text-decoration: none;
}
.address_tabbing_link a {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 100%;
  color: rgba(32, 36, 39, 0.6);
}
.contact_address p {
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  color: var(--dark-black);
  padding-bottom: 0;
}
.address_tabbing_link {
  display: flex;
  gap: 60px;
  margin-bottom: 20px;
}
.contact_address_tabing {
  max-width: 318px;
}

.contact_social_icon {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}
.contact_social a {
  position: absolute !important;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all ease 0.3s;
}
.contact_social_icon h3 {
  font-weight: 600;
  font-size: 20px;
  line-height: 160%;
  color: var(--dark-black);
  margin-right: 16px;
}
/* .contact_social a:hover{
	filter: invert(62%) sepia(30%) saturate(3878%) hue-rotate(151deg) brightness(97%) contrast(101%);
} */
.contact_social {
  width: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  position: relative;
}
.contact_social a img {
  filter: brightness(0.2);
}
.contact_social.social_icon_1 {
  border: 1px solid #2878b7;
}
.contact_social.social_icon_2 {
  border: 1px solid #4081ff;
  display: none;
}
.contact_social.social_icon_3 {
  border: 1px solid #55ace3;
}
.contact_social.social_icon_5 {
  border: 1px solid #ea4c89;
}
.contact_social.social_icon_4:before {
  content: "";
  position: absolute;
  left: 1px;
  right: 1px;
  bottom: 1px;
  top: 1px;
  /* width: 40px;
    height: 40px; */
  background: #f2f9f9;
  border-radius: 50%;
  z-index: 1;
  transition: all ease 0.3s;
}
.contact_social.social_icon_4 {
  position: relative;
}
.contact_social.social_icon_4:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 40px;
  height: 40px;
  background: linear-gradient(217.63deg, #ba2d95 14.05%, #ee9d55 94.08%);
  border-radius: 50%;
  z-index: -1;
}
.contact_social.social_icon_4 a {
  position: relative;
  z-index: 2;
}

.contact_social.social_icon_1:hover {
  background: #2878b7;
}
.contact_social.social_icon_2:hover {
  background: #4081ff;
}
.contact_social.social_icon_3:hover {
  background: #55ace3;
}
.contact_social.social_icon_5:hover {
  background: #ea4c89;
}
.contact_social.social_icon_4:hover::before {
  background: linear-gradient(217.63deg, #ba2d95 14.05%, #ee9d55 94.08%);
}
.contact_social:hover img {
  filter: brightness(20);
}
.contact_social,
.contact_social img {
  transition: all ease-in-out 0.3s 0s;
}

section.section_contact_us:after {
  content: "";
  position: absolute;
  bottom: -100px;
  right: 0;
  width: 100%;
  height: 287px;
  background-image: url(images/contact-us-pach-1.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  z-index: 0;
}
.address_tabbing_link ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  gap: 60px;
}

.page-template-contact-us .section_footer.black_bg {
  position: relative;
  z-index: 1;
  margin: 0;
  padding-top: 84px;
}
.page-template-contact-us header.section_header {
  background: #f2f9f9;
}

.contact_us_left .list_tab_destop li a.active {
  border-bottom: 3px solid var(--sky-blue);
  color: var(--dark-black);
}

.about_design_form_right.contact_us_right_info {
  width: 100%;
  /*   display: flex;
    align-items: center;
    justify-content: center; */
  height: 100%;
}
div#frm_form_4_container {
  height: 100%;
}
.contact_us_right_info .frm_fields_container {
  display: flex;
  flex-direction: column;
}

.contact_us_right_info input {
  max-width: 100% !important;
}
.contact_us_right_info .with_frm_style input[type="email"],
.contact_us_right_info .with_frm_style textarea {
  background: #ffffff !important;
}
.contact_us_right_title h1.title_h2 {
  padding-bottom: 16px;
  font-weight: 400;
}

.contact_us_right_info .contact_us_right_title p {
  font-size: 16px !important;
  /*    padding-bottom: 30px !important;*/
  color: #202427 !important;
}
.contact_us_left .list_tab_destop li a.active {
  border-bottom: 3px solid var(--sky-blue);
  padding-bottom: 3px;
}
div#field_z7hkz2_label {
  font-size: 18px !important;
  color: #74797b !important;
}
/*.about_design_form_right.contact_us_right_info input, .about_design_form_right.contact_us_right_info textarea {
    color: #74797B !important;
}
*/

/************* design-strategy banner ***********/

.services_inner_banner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 137px 0 128px;
}
.services_container {
  max-width: 1285px;
}
.services_inner_banner_left span {
  padding-bottom: 20px;
}
.services_inner_banner_left h1 {
  color: #fff;
}
.services_inner_banner_left {
  width: 50%;
}
.services_inner_banner_right {
  width: 30.42%;
}
.services_inner_banner_left a {
  margin-top: 53px;
}

.need_a_design_strategy_otr {
  padding: 100px 0;
}
.need_a_design_strategy_main {
  display: flex;
  align-items: stretch;
  gap: 40px 62px;
  flex-wrap: wrap;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* .need_a_design_strategy_info_text:nth-child(2) {
    margin-top: 43px;
} */
.need_a_design_strategy_info_text h3 {
  line-height: 140%;
  max-width: 403px;
  padding-bottom: 20px;
  font-weight: 600;
}
.need_a_design_strategy_title h2 {
  margin-top: 20px;
  max-width: 582px;
  font-weight: 400;
}
.need_a_design_strategy_info_text p {
  color: #636668;
  line-height: 1.6;
  font-size: 20px;
}

.need_a_design_strategy_info_text {
  padding-bottom: 40px;
  border-bottom: 1px solid #202427;
}

.need_a_design_strategy_info_text:nth-last-child(2),
.need_a_design_strategy_info_text:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

/********** section_services_our_offering ************/
.services_our_offering {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 116px;
}
.services_our_offering_left h2 {
  font-weight: 400;
}
.services_our_offering_left.span_title {
  width: 37.82%;
}
.services_our_offering_right {
  width: 53.05%;
}
.our_offering_accordian_text h3 {
  font-weight: 500;
  line-height: 1.5;
}
.our_offering_accordian_text {
  padding: 30px 0 30px;
  border-bottom: 1px solid #202427;
}
.our_offering_accordian_ans {
  padding: 30px 0 00px;
}
.our_offering_accordian_ans {
  display: none;
}
section.section_services_our_offering {
  padding: 100px 0 100px;
}
.accordian_icon {
  width: 36px;
  height: 36px;
  border: 2px solid #202427;
  border-radius: 50px;
}
.our_offering_accordian_que:last-child .our_offering_accordian_text {
  border-bottom-color: transparent;
}
.our_offering_accordian_que:last-child .our_offering_accordian_text.active {
  border-bottom: 3px solid var(--dark-black);
}

.our_offering_accordian_text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
}
.accordian_icon span {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.accordian_icon span:after {
  content: "";
  position: absolute;
  top: 15px;
  right: 10px;
  width: 12px;
  height: 2px;
  background: var(--dark-black);
  transition: all ease-in-out 0.3s 0s;
}
.accordian_icon span::before {
  content: "";
  position: absolute;
  top: 10px;
  right: 15px;
  width: 2px;
  height: 12px;
  background: var(--dark-black);
  transition: all ease-in-out 0.3s 0s;
}
.our_offering_accordian_text.active span::before {
  transform: rotate(90deg);
}
.our_offering_accordian_text.active h3 {
  font-weight: 600;
}
.our_offering_accordian_text.active {
  border-bottom: 3px solid var(--dark-black);
}
.our_offering_accordian_ans.pera_title p {
  line-height: 1.612;
  color: #636668;
}
.services_our_offering_left span {
  padding-bottom: 20px;
}

/************* section_our_strategic_design_approach ***********/
section.section_our_strategic_design_approach.black_bg {
  padding: 100px 0;
}
.our_strategic_design_approach h2 {
  color: var(--white);
  padding-bottom: 80px;
}
.our_strategic_design_approach {
  text-align: center;
}
.our_strategic_design_approach span {
  padding-bottom: 20px;
}
.design_approach_tabbing_list li a {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  color: #ffffff;
  text-decoration: none;
  z-index: 1;
  position: relative;
  display: block;
}
.design_approach_tabbing_list li {
  padding: 25px 0px 28px;
  min-width: 118px;
}
.design_approach_tabbing_list ul {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 20px;
  list-style-type: none;
  text-align: center;
}
.design_approach_tabbing_list span {
  height: 1px;
  width: 12px;
  background: #ffffff;
}
.design_approach_tabbing_list span:last-child {
  display: none;
}
.design_approach_tabbing_list {
  padding-bottom: 40px;
}
.design_approach_tabbing_info {
  max-width: 701px;
  margin: 0 auto;
  text-align: center;
  min-height: 262px;
}
.design_approach_tabbing_info h3 {
  color: var(--white);
  padding-bottom: 19px;
  line-height: 140%;
}
.design_approach_tabbing_info strong {
  font-weight: 600;
}
.design_approach_tabbing_info.title_pera p {
  line-height: 160%;
  color: #c7cdd1;
}
.design_approach_tabbing_list li:after {
  content: "";
  position: absolute;
  left: 15%;
  top: 50%;
  right: 0;
  width: 82px;
  height: 82px;
  background: #2e3438;
  border-radius: 50%;
  transform: translateY(-50%);
  opacity: 0;
}
.design_approach_tabbing_list li::before {
  content: "";
  position: absolute;
  left: 54px;
  bottom: 14px;
  width: 6px;
  height: 6px;
  background: #ffd536;
  border-radius: 50%;
  z-index: 1;
  opacity: 0;
}
.design_approach_tabbing_list li {
  position: relative;
}
.design_approach_tabbing_list li.active::before,
.design_approach_tabbing_list li.active:after {
  opacity: 1;
}

/***************  chanages face ******/

.challenges_you_face_otr_text h3 {
  font-size: 40px;
  line-height: 140%;
  color: var(--dark-black);
  font-weight: 400;
}
.challenges_you_face {
  max-width: 1127px;
  margin: 0 auto;
}
section.section_challenges_you_face {
  padding: 150px 0 148px;
}
.challenges_you_face_title span {
  padding-bottom: 30px;
}
.challenges_you_face_title {
  text-align: center;
}
.challenges_you_face_blog {
  padding: 80px 0;
  display: grid;
  flex-wrap: wrap;
  grid-gap: 150px 147px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.challenges_you_face_img {
  padding-bottom: 40px;
}
.challenges_you_face_otr_text h3 {
  padding-bottom: 23px;
}
.challenges_btn {
  margin: 0 auto;
  text-align: center;
}

/*************  section_services_cta***********/
/* section.section_services_cta{
	 position: relative;
    overflow: hidden;
} */
.services_cta_otr {
  padding-top: 80px;
  padding-bottom: 80px;
  position: relative;
  overflow: hidden;
}
.services_cta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 50px;
  max-width: 835px;
  margin: 0 auto;
}
.services_cta_left {
  width: 38%;
  position: relative;
  z-index: 1;
}
.services_cta_right {
  width: 59%;
}
.services_cta_right h2 {
  font-weight: 400;
  font-size: 40px;
  line-height: 140%;
  color: #ffffff;
  padding-bottom: 12px;
}
.services_cta_title {
  text-align: center;
}
.services_cta_title h3 {
  font-weight: 500;
  padding-bottom: 10px;
  font-size: 24px;
  line-height: 1;
}
.services_cta_img {
  padding-bottom: 20px;
}
.services_cta_title p {
  font-size: 16px;
  line-height: 140%;
  color: #fff;
}
.services_cta_right a {
  margin-top: 30px;
}
.services_our_work_location p {
  line-height: 1;
  font-weight: 500;
}
.services_cta_right p {
  color: var(--white);
}
.services_cta_img {
  width: 90.3%;
  margin: 0 auto;
}

.services_cta_otr::after {
  content: "";
  position: absolute;
  bottom: -97px;
  right: 0;
  background-image: url(images/cta-pach.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 229px;
  z-index: 0;
}

/**************  section_our_deliverables *********/

.section_our_deliverables {
  padding: 100px 0;
}
.section_our_deliverables .services_text {
  max-width: 727px;
}
.section_our_deliverables .services_text span {
  padding-bottom: 16px;
}
.section_our_deliverables .services_text {
  padding-bottom: 80px;
}
.our_deliverables_tabbing ul li {
  padding: 26px 20px 26px 0;
  border-bottom: 1px solid rgba(81, 94, 113, 0.5);
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
.our_deliverables_tabbing ul li a.active {
  color: #fff;
}
.our_deliverables_tabbing ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.our_deliverables_tabbing ul li a {
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  bottom: 0;
}
.our_deliverables_tabbing ul li a {
  font-weight: 500;
  font-size: 20px;
  line-height: 28px;
  color: #a6a7a9;
  flex: none;
  order: 0;
  flex-grow: 0;
  z-index: 0;
  font-family: "Plus Jakarta Sans" !important;
  text-decoration: none;
}
.our_deliverables_tabbing {
  width: 24%;
}
.our_challenges_otr .services_right_text p {
  line-height: 1.9;
  padding-bottom: 0;
  max-width: 762px;
}
.our_deliverables_tabbing ul li:last-child {
  border-bottom: 0;
}

/************  services_our_work ***********/

section.section_services_our_work {
  padding: 100px 0 70px;
}
.services_our_work_title {
  text-align: center;
}
.services_our_work_title span {
  padding-bottom: 20px;
}
.services_our_work_title h2 {
  padding-bottom: 80px;
  font-weight: 400;
  max-width: 730px;
  margin: 0 auto;
}
.our_work_otr_text_otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 24px;
}
.services_our_work_otr_title h3 {
  line-height: 1.585;
  font-weight: 700;
}
.services_our_work_location {
  display: flex;
  align-items: center;
}
.services_our_work_location svg {
  margin-right: 10px;
}
.services_our_work_img {
  padding-bottom: 30px;
}
.our_work_otr_text_pera span {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 100%;
  color: #636668;
  padding-right: 14.5px;
  margin-right: 14.5px;
  position: relative;
}
.our_work_otr_text_pera span:last-child {
  padding-right: 0;
  margin-right: 0;
}
.our_work_otr_text_pera span:after {
  content: "";
  position: absolute;
  right: -2px;
  top: 8px;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: rgba(32, 36, 39, 0.6);
}

.our_work_otr_text_pera span:last-child::after {
  position: unset;
}
.services_our_work_blog {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px 98px;
}
.services_our_work_main {
  width: 46.1%;
}
.our_work_otr_text_pera {
  padding-bottom: 20px;
}
.services_our_work_main:nth-child(even) {
  margin-top: 110px;
}
.enterprise_products_title span {
  padding-bottom: 10px;
}

/************  capabilitis slider *************/
.capabilitis_slider_info_otr {
  padding: 30px;
  min-height: 366px;
}
.capabilitis_slider_text h3 {
  color: #fff;
  line-height: 1.585;
  font-weight: 700;
  padding-bottom: 24px;
}
.capabilitis_slider_text p {
  color: #fff;
  line-height: 1.6;
}
.capabilitis_slider_link {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
}
.capabilitis_slider_learn_more a {
  color: #ffffff;
  text-decoration: none;
  display: flex;
  align-items: center;
}
.capabilitis_slider_img {
  position: relative;
  top: 20px;
  right: -20px;
  min-height: 140px;
}
.capabilitis_title h2 {
  font-weight: 400;
  color: #fff;
}
.capabilitis_slider_learn_more .yellow_circle_btn {
  /*  width: 24px;
    height: 24px;
    border: 1px solid #FFD536; */
  background: transparent;
}
.capabilitis_slider_learn_more .yellow_circle_btn .arrowPacman {
  right: -7px;
  /* --arrow-width: 12px; */
}
section.section_capabilitis {
  background: #353b40;
  padding: 100px 0 94px;
}
.capabilitis_slider_text p {
  max-width: 324px;
}
.capabilitis_title.span_title {
  padding-bottom: 80px;
  text-align: center;
}
.capabilitis_title span {
  padding-bottom: 20px;
}
.capabilitis_slider {
  margin-left: 50px;
}
.capabilitis_slider_text {
  padding-bottom: 14px;
}

/**************  faq ********/

.faq_title {
  text-align: center;
}
.faq_title h2 {
  padding-bottom: 30px;
  font-weight: 400;
}
section.section_faq {
  padding-bottom: 100px;
}
.faq_que h3 {
  font-size: 24px;
  line-height: 1.4;
  color: #202427;
  max-width: 728px;
  font-weight: 500;
  font-family: "Inter";
}
.faq_que_title::before {
  left: 15px;
  width: 2px;
  height: 12px;
  margin-top: -6px;
}
.faq_que_title::after {
  left: 10px;
  width: 12px;
  height: 2px;
  margin-top: -1px;
}
.faq_que_title:after,
.faq_que_title:before {
  content: "";
  position: absolute;
  top: 50%;
  background-color: #202427;
  transition: all ease-in-out 0.3s 0s;
}
body {
  counter-reset: section;
}
.faq_que_title {
  position: relative;
  width: 36px;
  height: 36px;
  border: 2px solid var(--dark-black);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.faq_que_otr {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 20px;
  padding-bottom: 30px;
  padding-top: 30px;
  cursor: pointer;
}
.faq_answer {
  display: none;
  /* max-width: 728px;
    margin-left: 50px; */
  padding-bottom: 30px;
}
.faq_que_otr.active .faq_que_title:before {
  transform: rotate(90deg);
}
.faq_question {
  border-bottom: 1px solid var(--dark-black);
}
.faq_accordian {
  max-width: 784px;
  margin: 0 auto;
}
.faq_que_otr.active {
  padding-bottom: 24px;
}
.faq_que_num h4 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  line-height: 100%;
  display: flex;
  align-items: center;
  color: #636668;
}
.faq_que {
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  gap: 20px;
}
.faq_que_num h4:before {
  counter-increment: section;
  content: "0" counter(section) " ";
  position: relative;
  top: 6px;
}
.faq_answer p {
  padding-bottom: 24px;
  color: #636668;
  line-height: 1.6;
}
.faq_answer p:last-of-type {
  padding-bottom: 0;
}
.faq_question:last-child {
  border: 0;
}
.services_cta_btn_mobile a.a_btn {
  display: none !important;
}

.mobile_approch {
  display: none;
}

/****************************  career  page*****************/

.carrer_inner_banner_right p {
  line-height: 1.17;
  color: #fff;
}
.carrer_inner_banner_left h1 {
  color: #fff;
}
.carrer_inner_banner_title {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  padding-top: 40px;
}

.carrer_inner_banner_right.pera_title {
  display: flex;
  align-items: center;
  /* justify-content: center; */
}
.carrer_inner_banner_right.pera_title p {
  margin-right: 24px;
  padding-right: 24px;
  border-right: 1px solid #fff;
}
section.section_carrer_inner_banner.black_bg {
  padding: 60px 0;
}
.carrer_inner_banner.span_title span {
  padding-bottom: 20px;
}
.carrer_inner_banner_right.pera_title p:last-child {
  padding-right: 0;
  margin-right: 0;
  border-right: 0;
}
.career_job {
  display: flex;
  align-items: flex-start;
  /*    justify-content: space-between;*/
  gap: 0px;
  flex-direction: column;
}
section.section_career_job {
  padding: 80px 0;
}
.career_job_left {
  width: 59.69%;
}

.career_job_right {
  width: 20%;
  /*   position: sticky;
    top:30px;
    right: 0;    z-index: 999; */
}
.career_job_btn a,
.head_btn_applay a.a_btn.popup-modal {
  padding: 15px 32px 16px;
}
.head_btn_applay .a_btn:hover {
  background-color: var(--white);
  color: var(--black) !important;
}
.career_job_title h2 {
  line-height: 1.4;
  font-weight: 600;
  padding-bottom: 20px;
}
.career_job_title.pera_title p {
  line-height: 1.612;
  color: rgba(32, 36, 39, 0.8);
}
.career_job_title.pera_title {
  padding-bottom: 40px;
}
.career_job_title.pera_title ul {
  margin: 0;
  padding-left: 30px;
  list-style-type: none;
}
.career_job_title li {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  color: rgba(32, 36, 39, 0.8);
  padding-bottom: 12px;
  position: relative;
}
.career_job_title li::after {
  content: "";
  position: absolute;
  left: -20px;
  top: 9px;
  width: 6px;
  height: 6px;
  background-color: rgba(32, 36, 39, 0.8);
  border-radius: 50%;
}
.career_job_title li:last-child {
  padding-bottom: 0;
}
.career_job_title.pera_title:last-child {
  padding-bottom: 0;
}
.career_job_title.pera_title p:last-of-type {
  padding-bottom: 0;
}
.career_job_title.pera_title p {
  padding-bottom: 24px;
}

.single-career footer.section_footer.black_bg {
  margin-top: 0;
  padding: 80px 0 84px;
}

/**************  career form popup **********/

.white-popup-block {
  background: #fff;
  max-width: 750px;
  margin: 0 auto;
  padding: 60px 40px;
  position: relative;
}

span.wpcf7-form-control-wrap {
  width: 50% !important;
}
.job_foram p {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-gap: 30px;
}
span.wpcf7-form-control-wrap input,
span.wpcf7-form-control-wrap textarea {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: unset !important;
  border-bottom: 1px solid rgba(32, 36, 39, 0.42) !important;
  height: 56px !important;
  padding: 14px 0 13px !important;
  /*    margin-bottom: 30px !important;*/
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  color: var(--dark-black) !important;
  max-width: 320px !important;
}
span.wpcf7-form-control-wrap textarea {
  resize: unset !important;
  max-width: 100% !important;
  width: 100% !important;
  border-bottom: 1px solid rgba(32, 36, 39, 0.42) !important;
  height: 56px !important;
  overflow: hidden;
  margin-top: 30px;
}
.apply_now_file {
  text-align: center !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  padding: 26px 26px !important;
  position: relative !important;
  margin-top: 30px !important;
}
.apply_now_file h5 {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  color: var(--dark-black) !important;
  padding-bottom: 5px !important;
}
.apply_now_file p {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 100% !important;
  color: rgba(32, 36, 39, 0.4) !important;
}
.apply_now_textarea span.wpcf7-form-control-wrap {
  width: 100% !important;
  max-width: 100% !important;
}
/*.apply_now_file input.wpcf7-form-control .wpcf7-file {
    font-size: 0 !important;
    border: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    height: unset !important;
    margin-bottom: 0 !important;
    background: none !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
}*/
.career_apply_now br {
  display: none;
}
a.popup-modal-dismiss svg {
  max-width: 20px;
  position: absolute;
  right: 30px;
  top: 10px;
}
input#uplodefile {
  opacity: 1;
  max-width: 100% !important;
  width: 100%;
  height: 100% !important;
}
.apply_now_file p span {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  width: 100% !important;
  /* opacity: 0; */
}
::file-selector-button {
  display: none;
}
/* input#uplodefile [followed span] {
    padding:5px; (set input padding, only when followed by span)
	display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-top: 64px !important;
} */
input#uplodefile {
  padding: 5px;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 64px !important;
}
.career_apply_now span.wpcf7-not-valid-tip {
  font-size: 14px !important;
  font-family: "Plus Jakarta Sans" !important;
  color: red !important;
  font-weight: 400 !important;
  line-height: 100% !important;
  padding-top: 5px !important;
  display: none !important;
}
.career_apply_now .wpcf7-response-output {
  border-color: #ffb900 !important;
  font-size: 14px !important;
  color: #000 !important;
  text-align: center !important;
  padding: 15px 10px !important;
}

input#file-upload {
  width: 100%;
  height: 100% !important;
  max-width: 100% !important;
  border: 1px dashed var(--dark-black) !important;
  font-size: 0 !important;
}
div#file-upload-filename {
  font-size: 16px;
  color: rgba(32, 36, 39, 0.4) !important;
  padding-top: 7px;
}
input#ApplyNow {
  background: #ffd536;
  border: 1px solid #ffd536;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 18px;
  line-height: 160%;
  color: var(--dark-black);
  margin-top: 50px;
  padding: 11px 29px;
}
.applyNow_btn {
  margin: 0 auto;
  text-align: center;
}

.blog_details_main img {
  text-align: center;
  margin: 0 auto;
}

.tags_otr {
  display: flex;
  flex-wrap: wrap;
  gap: 80px 50px;
  padding: 80px 0;
}
.tags_header_title h2.title_h2 {
  padding: 30px 0;
}

.tags_header_title h2.title_h2 a {
  color: #000;
  list-style: none;
  text-decoration: none;
}
.entry-meta span,
.entry-meta a,
.entry-footer span,
.entry-footer a {
  color: #000;
  padding-left: 7px;
  font-size: 22px;
}

.entry-meta {
  padding-bottom: 30px;
}

.tags_images_otr {
  display: flex;
  gap: 40px;
  align-items: center;
}
.tags_images_otr footer.entry-footer {
  display: flex;
  flex-direction: column;
  gap: 23px;
}
.archive footer.section_footer.black_bg {
  margin-top: 0;
  padding-top: 84px;
}

aside#secondary {
  display: none;
}
aside#secondary label {
  font-size: 25px;
  color: #000;
  padding-bottom: 20px;
  display: block;
}

.page-header h2.title_h1 {
  text-align: center;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--sky-blue);
  display: block;
}

.page-header h2.title_h1 span {
  display: block;
  padding-top: 10px;
  font-weight: 300;
  font-size: 56px;
  line-height: 67.2px;
  color: var(--dark-black);
}

header.page-header {
  width: 100%;
  /*    padding-bottom: 60px;*/
}

.tags_boxis_otr {
  width: 48%;
}

.fresh_slider_text a,
.fresh_slider_text h3 {
  font-weight: 400;
  font-size: 22px;
  line-height: 32px;
  color: var(--dark-black);
  text-decoration: none;
}
.tags_images img {
  max-width: 300px;
  height: 300px;
  object-fit: cover;
}

.our_story_connect_btn a.a_btn {
  margin-top: 60px;
}

div#frm_field_14_container .frm_opt_container label:hover,
.contact_us_right_info #frm_field_23_container label:hover {
  background: var(--dark-black) !important;
  color: #fff !important;
}

.career_img_video_blog:hover {
  transform: scale(0.9);
  cursor: pointer;
}
.career_img_video_blog {
  transition: all ease-in-out 0.9s 0s;
}

.page-template-blog section#get_in_touch_info {
  display: none;
}
.page-template-blog .section_footer {
  margin-top: 0;
  padding-top: 84px;
}

/************  section_success_stories************/

.success_stories_text span {
  padding-bottom: 20px;
}
.success_stories_text h1 {
  padding-bottom: 20px;
  line-height: 1.15;
}
.success_stories_text {
  padding-bottom: 100px;
}
/* .section_success_stories {
  padding: 100px 0;
  text-align: center;
} */
.section_success_stories {
  padding: 0px 0px 100px 0px;
  text-align: center;
}

.success_stories_otr {
  display: grid;
  margin: 0 auto;
  flex-wrap: wrap;
  grid-gap: 60px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.success_stories_img_info {
  display: flex;
  align-items: center;
}
.success_stories_logo {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}

.success_stories_blog_text {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-top: 20px;
}
.success_stories_blog_title {
  display: flex;
  align-items: center;
}
.success_stories_blog_arrow a {
  position: relative;
}
.success_stories_blog_title h2,
.success_stories_blog_title h3 {
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  text-transform: capitalize;
  color: var(--dark-black);
}
.success_stories_blog_title h3 {
  font-weight: 400;
  margin-left: 6px;
}
.success_stories_blog_arrow .arrowPacman {
  right: -7px;
}
.success_stories_blog_arrow a {
  transition: all ease-in-out 0.5s 0s;
}
/* .success_stories_blog_arrow a:hover svg {
    transform: translateX(calc(var(--arrow-plus-spacer) * -1));
 } */
.success_stories_blog_arrow a:hover .arrowPacman-clip {
  -webkit-animation-delay: 150ms;
  animation-delay: 150ms;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-name: pacman;
  animation-name: pacman;
  /*   -webkit-animation-iteration-count: infinite;
             animation-iteration-count: infinite; */
  -webkit-animation-timing-function: cubic-bezier(0.55, 0, 0.21, 1);
  animation-timing-function: cubic-bezier(0.55, 0, 0.21, 1);
}

/*********  success story *********/

section.section_success_story {
  padding: 65px 0;
}
.success_story {
  max-width: 1053px;
  margin: 0 auto;
}
.success_story_top {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 70px;
  padding-bottom: 90px;
}
.succes_story_text span {
  padding-bottom: 43px;
}
.succes_story_text h1 {
  font-size: 34px;
  line-height: 140%;
  padding-bottom: 65px;
  font-weight: 400;
  color: var(--dark-black);
}
.success_story_img {
  width: 28.3%;
  position: relative;
}
.succes_story_text {
  width: 63.25%;
}
.story_decription h3 {
  font-weight: 700;
  font-size: 20px;
  line-height: 100%;
  color: var(--dark-black);
  padding-bottom: 12px;
}
.story_decription p {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: var(--dark-black);
}
.succes_story_decription {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* .success_story_img:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
} */

/* .success_story_img::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    background-image: url(../images/focus-pach.svg);
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
} */
.success_story_bottom_blog p {
  font-size: 18px;
  line-height: 1.3;
  color: var(--dark-black);
}
.success_story_bottom_blog h5 {
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  color: var(--dark-black);
  padding-bottom: 8px;
}
.success_story_bottom {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
/* .success_story_bottom_blog {
    border-right: 1px solid #B6D7D7;
    padding-right: 20px;
    margin-right: 20px;
} */
.success_story_bottom_blog:last-child {
  border-right: 0;
  padding-right: 0;
  margin-right: 0;
}

/************* section_success_story_tabbing **********************/

.success_story_tabbing_main_title h2 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 160%;
  color: var(--dark-black);
  padding-bottom: 20px;
  margin-bottom: 60px;
  border-bottom: 1px solid rgba(32, 36, 39, 0.4);
}
section.section_success_story_tabbing {
  padding: 100px 0 130px;
  border: 1px solid rgba(32, 36, 39, 0.1);
}
.success_story_tabbing {
  max-width: 1070px;
  margin: 0 auto;
}
.success_story_tabbing_main_title {
  text-align: center;
}
.success_story_tabbing_desktop {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 115px;
}
.success_story_tabbing_left h3 {
  font-weight: 600;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--dark-black);
  padding-bottom: 28px;
}
.success_story_tabbing_left {
  width: 20.96%;
}
.success_story_tabbing_right {
  width: 70%;
}
.success_story_tabbing_left li a {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: rgba(32, 36, 39, 0.5);
  text-decoration: none;
  transition: all ease 0.3s;
}
.success_story_tabbing_left li {
  padding-bottom: 20px;
}
.success_story_tabbing_left ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.success_story_tabbing_otr {
  list-style-type: none;
  position: sticky;
  top: 70px;
}
.success_story_tabbing_info h4 {
  font-weight: 600;
  line-height: 1.5;
  padding-bottom: 20px;
}
.success_story_tabbing_info {
  padding-bottom: 10px;
}
/* .success_story_tabbing_info p:last-of-type{
    padding-bottom: 0;
} */
.success_story_tabbing_info p {
  padding-bottom: 30px;
  line-height: 1.612;
}
.success_story_tabbing_info_quation {
  padding: 16px 30px;
  margin: 0 0 30px;
  border-left: 3px solid var(--sky-blue);
  border-right: 3px solid var(--sky-blue);
}
.success_story_tabbing_info_quation p {
  font-weight: 500;
  line-height: 25px;
  padding-bottom: 0;
  font-style: italic;
}
.success_story_tabbing_info_list p {
  font-weight: 500;
  /*    margin-bottom: 30px;*/
}
.success_story_tabbing_info_list ul,
.success_story_tabbing_right ul {
  margin: 0;
  padding-left: 20px;
  list-style-type: auto;
  margin-bottom: 30px;
}

.success_story_tabbing_info_list li,
.success_story_tabbing_right li {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  color: var(--dark-black);
}
.success_story_tabbing_info_color_pera p mark {
  background: #fcf4d4;
}
.success_story_tabbing_info_color_pera mark {
  padding: 4px 0;
}
.success_story_tabbing_left li a.active {
  color: var(--dark-black);
}

/* .single-successstory footer.section_footer.black_bg {
    margin-top: 0;
    padding-top: 84px;
} */

.success_story_tabbing_info_color_pera p {
  padding-bottom: 0;
}

.success_story_tabbing_info_color_pera {
  padding-bottom: 30px;
}
.share_success_story h4 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 14px;
  line-height: 17px;
  text-transform: capitalize;
  color: var(--dark-black);
  margin-right: 20px;
}
.share_success_story {
  display: flex;
  align-items: center;
}

.share_story_social_icon .heateor_sss_facebook,
.share_story_social_icon .heateor_sss_button_twitter,
.share_story_social_icon .heateor_sss_button_linkedin,
.share_story_social_icon .heateor_sss_button_instagram {
  position: relative;
}
.share_story_social_icon .heateor_sss_button_twitter:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml,%3Csvg width='49' height='48' viewBox='0 0 49 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M32.6911 19.9275C33.5048 19.35 34.1886 18.6287 34.746 17.7987V17.7975C34.0023 18.1237 33.2098 18.34 32.3836 18.445C33.2336 17.9375 33.8823 17.14 34.1873 16.1787C33.3948 16.6512 32.5198 16.985 31.5873 17.1712C30.8348 16.3712 29.7623 15.875 28.5923 15.875C26.3223 15.875 24.4948 17.7175 24.4948 19.9762C24.4948 20.3012 24.5223 20.6137 24.5898 20.9112C21.1811 20.745 18.1648 19.1112 16.1386 16.6225C15.7848 17.2362 15.5773 17.9387 15.5773 18.695C15.5773 20.115 16.3086 21.3737 17.3986 22.1025C16.7398 22.09 16.0936 21.8987 15.5461 21.5975V21.6425C15.5461 23.635 16.9673 25.29 18.8311 25.6712C18.4973 25.7625 18.1336 25.8062 17.7561 25.8062C17.4936 25.8062 17.2286 25.7912 16.9798 25.7362C17.5111 27.36 19.0186 28.5537 20.8111 28.5925C19.4161 29.6837 17.6448 30.3412 15.7273 30.3412C15.3911 30.3412 15.0686 30.3262 14.7461 30.285C16.5623 31.4562 18.7148 32.125 21.0361 32.125C28.2711 32.125 32.9873 26.0887 32.6911 19.9275Z' fill='%2355ACE3'/%3E%3Crect x='1.24609' y='0.5' width='47' height='47' rx='23.5' stroke='%2355ACE3'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 11;
}

.share_story_social_icon .heateor_sss_facebook:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml,%3Csvg width='49' height='48' viewBox='0 0 49 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.9193 17.321H29.7442V14.1412C29.4305 14.0975 28.3468 14 27.0856 14C24.4533 14 22.6509 15.6561 22.6509 18.6984V21.4995H19.7461V25.0543H22.6509V33.9987L26.2119 34V25.0555H28.9992L29.4417 21.5008H26.2107V19.0522C26.2119 18.0247 26.4882 17.321 27.9193 17.321Z' fill='%231877F2'/%3E%3Crect x='1.24609' y='0.5' width='47' height='47' rx='23.5' stroke='%231877F2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 11;
}

.share_story_social_icon .heateor_sss_button_linkedin:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml,%3Csvg width='49' height='48' viewBox='0 0 49 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M34.7403 33.9993L34.7453 33.998V26.663C34.7453 23.0743 33.9728 20.3105 29.7778 20.3105C27.7615 20.3105 26.4078 21.4168 25.8553 22.4668H25.7978V20.6455H21.8203V33.998H25.9628V27.3868C25.9628 25.6455 26.2928 23.963 28.449 23.963C30.5728 23.963 30.6053 25.9493 30.6053 27.4993V33.9993H34.7403Z' fill='%232878B7'/%3E%3Cpath d='M15.0781 20.6465H19.2244V33.999H15.0781V20.6465Z' fill='%232878B7'/%3E%3Cpath d='M17.1473 14C15.8223 14 14.7461 15.0762 14.7461 16.4012C14.7461 17.7275 15.8223 18.825 17.1473 18.825C18.4723 18.825 19.5486 17.7275 19.5486 16.4012C19.5486 15.0762 18.4723 14 17.1473 14Z' fill='%232878B7'/%3E%3Crect x='1.24609' y='0.5' width='47' height='47' rx='23.5' stroke='%232878B7'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 11;
}

.share_story_social_icon .heateor_sss_button_instagram:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 48px;
  height: 48px;
  background-image: url("data:image/svg+xml,%3Csvg width='49' height='48' viewBox='0 0 49 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.748 18.8652C21.912 18.8652 19.6172 21.1638 19.6172 23.996C19.6172 26.8308 21.9157 29.1269 24.748 29.1269C27.584 29.1269 29.8788 26.8283 29.8788 23.996C29.8788 21.16 27.5803 18.8652 24.748 18.8652ZM24.748 27.327C22.9082 27.327 21.417 25.8359 21.417 23.996C21.417 22.1562 22.9082 20.6651 24.748 20.6651C26.5878 20.6651 28.079 22.155 28.079 23.996C28.079 25.8359 26.5878 27.327 24.748 27.327Z' fill='url(%23paint0_linear_1398_15988)'/%3E%3Cpath d='M28.8669 14.0633C27.0271 13.977 22.47 13.9808 20.6276 14.0633C19.009 14.1395 17.5816 14.5307 16.4317 15.6806C14.5081 17.6042 14.7544 20.1953 14.7544 23.9962C14.7544 27.8859 14.5381 30.4181 16.4317 32.3117C18.3616 34.2416 20.9913 33.9891 24.7473 33.9891C29.3506 33.9891 34.3877 34.4303 34.6802 28.1158C34.7664 26.2747 34.7627 21.7189 34.6802 19.8778C34.5152 16.3668 32.6304 14.2383 28.8669 14.0633V14.0633ZM31.7779 31.0393C30.5168 32.3005 28.7682 32.188 24.721 32.188C20.5551 32.188 18.884 32.2492 17.6641 31.0268C16.2592 29.6295 16.5142 27.3847 16.5142 23.9837C16.5142 15.6719 16.9904 15.7781 24.7085 15.7781L24.746 15.8031C33.0228 15.8031 32.9378 16.3393 32.9378 23.9962C32.9391 28.1133 33.0178 29.7945 31.7779 31.0393V31.0393Z' fill='url(%23paint1_linear_1398_15988)'/%3E%3Cpath d='M30.0834 19.8621C30.7454 19.8621 31.2821 19.3255 31.2821 18.6635C31.2821 18.0015 30.7454 17.4648 30.0834 17.4648C29.4214 17.4648 28.8848 18.0015 28.8848 18.6635C28.8848 19.3255 29.4214 19.8621 30.0834 19.8621Z' fill='url(%23paint2_linear_1398_15988)'/%3E%3Crect x='1.24609' y='0.5' width='47' height='47' rx='23.5' stroke='url(%23paint3_linear_1398_15988)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_1398_15988' x1='28.045' y1='20.0054' x2='21.0138' y2='29.1269' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23BA2D95'/%3E%3Cstop offset='1' stop-color='%23EE9D55'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_1398_15988' x1='31.1694' y1='16.2222' x2='17.4656' y2='33.9995' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23BA2D95'/%3E%3Cstop offset='1' stop-color='%23EE9D55'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_1398_15988' x1='30.8536' y1='17.7312' x2='29.211' y2='19.8621' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23BA2D95'/%3E%3Cstop offset='1' stop-color='%23EE9D55'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_1398_15988' x1='40.168' y1='5.33333' x2='7.27908' y2='48' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23BA2D95'/%3E%3Cstop offset='1' stop-color='%23EE9D55'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  z-index: 11;
}
div.heateor_sss_follow_ul a,
div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a {
  margin: 0px 20px 0 0 !important;
}

.share_story_social_icon a.heateor_sss_facebook span,
.share_story_social_icon .heateor_sss_button_twitter span,
.share_story_social_icon .heateor_sss_button_linkedin span,
.share_story_social_icon .heateor_sss_button_instagram span {
  width: 48px !important;
  height: 48px !important;
}

.share_story_social_icon svg path {
  fill: rgb(0 255 255 / 0%) !important;
}
.share_story_social_icon span svg {
  opacity: 0;
}

/* .single-successstory footer.section_footer.black_bg {
    margin-top: 0;
    padding-top: 84px;
} */

section.other_success_stories_otr {
  background: #f2f9f9;
  padding: 100px 0;
}
.success_stories_text p {
  line-height: 29px;
  max-width: 730px;
  margin: 0 auto;
}
.success_stories_blog_text a {
  text-decoration: none;
}
.other_success_stories_title {
  padding-bottom: 57px;
  text-align: center;
}

.page-template-success-story-list header.section_header.black_bg {
  display: none;
}

.other_success_stories_title h2.title_h2 {
  font-weight: 400;
  max-width: 771px;
  margin: 20px auto 0;
}

.career_job_btn {
  padding-top: 60px;
  position: sticky;
  top: 0;
}

.page-template-contact-us footer.section_footer.black_bg {
  display: none;
}
.contact_us_right_info fieldset {
  padding-bottom: 0 !important;
}

.contact_us_right_info .frm_message h4 {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 140%;
  color: var(--dark-black);
  text-align: center;
}

.contact_us_right_info .frm_message p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400 !;
  font-size: 16px;
  line-height: 160%;
  text-align: center;
  color: #74797b;
  padding-top: 12px;
}
.page-template-contact-us section.section_contact_us.light_color_bg {
  overflow: hidden;
}

.contact_us_right_info .frm_message {
  background: #fff;
  border: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
}

.with_frm_style .frm_checkbox input[type="checkbox"]:checked {
  position: relative !important;
}
.with_frm_style .frm_checkbox input[type="checkbox"]:checked:before {
  content: "";
  position: absolute;
  left: 3px;
  top: 3.5px !important;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='8' viewBox='0 0 10 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.92188 1.05469L3.42188 6.55469L0.921875 4.05469' stroke='%23202427' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat;
  background-size: cover !important;
  clip-path: unset !important;
  transform: unset !important;
  width: 10px !important;
  height: 8px !important;
  box-shadow: unset !important;
  transition: all ease 0.3s;
  margin: 0 !important;
}
.footer_email p br {
  display: none;
}
.our_values_blog p {
  line-height: 1.746;
}
/*.blog_detail_main_img_otr + .blog_detail_main_img_otr {
    padding-top: 0;
}

*/

span.wpcf7-form-control-wrap input.wpcf7-not-valid,
span.wpcf7-form-control-wrap textarea.wpcf7-not-valid {
  border-bottom-color: #ff3e3e !important;
}

.contact_us_right_info .frm_error + input,
.contact_us_right_info .frm_error + textarea {
  border-bottom-color: #ff3e3e !important;
}
.contact_us_right_info .frm_error {
  font-size: 0 !important;
}

.job_foram_title h2 {
  font-family: "Inter";
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 160%;
  color: #000000;
  padding-bottom: 30px;
  text-align: center;
}
span.wpcf7-spinner {
  display: none;
}
.frm_message a.a_btn {
  padding: 12px 30px;
  margin-top: 30px;
}
form.invalid .apply_now_file input#file-upload {
  border-color: #ff3e3e !important;
}
.blog_details_form .frm_error + input,
.about_design_form_right .frm_error + input,
.about_design_form_right .frm_error + textarea {
  border-bottom-color: #ff3e3e !important;
}

.blog_details_otr_info p:last-of-type + ul {
  padding-top: 30px;
}

.blog_details_subtext p:last-of-type + ul {
  padding-top: 30px;
}
.blog_details_subtext li:last-child {
  margin-bottom: 0;
}

.blog_details_main li:last-child {
  margin-bottom: 0;
}

.blog_details_main ul + p {
  padding-top: 24px;
}

.with_frm_style .frm_checkbox input[type="checkbox"]:before {
  content: unset;
}
.blog_details_form
  .frm_style_formidable-style.with_frm_style
  input::-webkit-input-placeholder,
.blog_details_form
  .frm_style_formidable-style.with_frm_style
  textarea::-webkit-input-placeholder {
  color: var(--dark-black);
}
.growth_partner_text p:last-child {
  padding-bottom: 0;
}
.contact_us_right button.frm_button_submit {
  padding: 11px 29px !important;
}

/* .success_story_bottom_blog:nth-child(1) {
    width: 25%;
}

.success_story_bottom_blog:nth-child(2) {
    width: 25%;
}

.success_story_bottom_blog:nth-child(3) {
    width: 25%;
}

.success_story_bottom_blog:nth-child(4) {
    width: 25%;
} */
/* .success_story_bottom_blog {
    width: 25%;
} */
.success_story_bottom_blog:after {
  content: "";
  position: absolute;
  right: -70px;
  top: 0;
  width: 1px;
  height: 100%;
  background: #b6d7d7;
  margin: 0 10px;
}

.success_story_bottom_blog {
  position: relative;
}

.success_story_bottom_blog p {
  max-width: 200px;
}
.success_story .success_story_bottom .success_story_bottom_blog p {
  max-width: 100%;
}
.success_story_bottom_blog:last-child:after {
  display: none;
}

.succes_story_decription_mobile .success_story_img {
  display: none;
}

.single-successstory header.section_header.white_header {
  background: #f2f9f9;
}

/******************* new form contact us *******************/

.contact_us_right_info .gform_heading span {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 160% !important;
  color: #202427 !important;
  padding-bottom: 30px !important;
  display: block;
}
.contact_us_right_info .gform_heading p {
  display: none;
}
.contact_us_right_info .gform_heading h2 {
  font-size: 36px;
  line-height: 1.3;
  color: var(--dark-black);
  padding-bottom: 16px;
  font-weight: 400;
}
.contact_us_right_info legend.gfield_label.gfield_label_before_complex {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  color: #74797b !important;
  padding-bottom: 11px !important;
}
.contact_us_right_info div#input_1_5 {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  flex-wrap: wrap;
}

.contact_us_right_info .gchoice.gchoice_1_5_1,
.contact_us_right_info .gchoice.gchoice_1_5_2,
.contact_us_right_info .gchoice.gchoice_1_5_3,
.contact_us_right_info .gchoice.gchoice_1_5_4 {
  position: relative !important;
  display: inline-block !important;
  text-indent: 0 !important;
  padding: 9px 16px !important;
  z-index: 0;
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 16px !important;
  color: var(--dark-black) !important;
  border-radius: 50px !important;
  transition: all ease 0.3s !important;
  border: 1px solid #000;
}

.contact_us_right_info
  .gfield_error
  .ginput_container.ginput_container_text
  input {
  border-bottom: 1px solid #ff3e3e !important;
}
.contact_us_right_info .gchoice.gchoice_1_5_1 input#choice_1_5_1,
.contact_us_right_info .gchoice.gchoice_1_5_2 input#choice_1_5_2,
.gchoice.gchoice_1_5_3 input#choice_1_5_3,
.contact_us_right_info .gchoice.gchoice_1_5_4 input#choice_1_5_4 {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  cursor: pointer;
  z-index: -1;
  text-indent: 0 !important;
  height: 36px !important;
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  appearance: unset !important;
  border: unset !important;
  margin: 0 !important;
  height: auto !important;
}
.contact_us_right_info .gchoice.gchoice_1_5_1 label,
.contact_us_right_info .gchoice.gchoice_1_5_2 label,
.contact_us_right_info .gchoice.gchoice_1_5_3 label,
.contact_us_right_info .gchoice.gchoice_1_5_4 label {
  z-index: 0 !important;
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 16px !important;
  color: var(--dark-black) !important;
  border-radius: 50px !important;
  transition: all ease 0.3s !important;
  max-width: 100% !important;
}
.contact_us_right_info .gfield {
  position: relative;
}
.contact_us_right_info label.gfield_label {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  color: #74797b !important;
  position: absolute !important;
  top: 14px !important;
  transition: all ease-in-out 0.3s 0s;
}
.contact_us_right_info .gform_wrapper.gravity-theme .gform_fields {
  grid-row-gap: 30px;
}
.contact_us_right_info input#gform_submit_button_1 {
  background: var(--lemon-yellow) !important;
  border: 1px solid var(--lemon-yellow) !important;
  padding: 14px 48px !important;
  font-family: "Plus Jakarta Sans" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  color: var(--dark-black) !important;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
  height: 60px !important;
  cursor: pointer;
  transition: all 0.2s linear;
}
.contact_us_right_info input#gform_submit_button_1:hover {
  background: var(--black) !important;
  color: var(--white) !important;
  border: 1px solid var(--black) !important;
}
.contact_us_right_info .gchoice.gchoice_1_5_1.checked_check input,
.contact_us_right_info .gchoice.gchoice_1_5_2.checked_check input,
.contact_us_right_info .gchoice.gchoice_1_5_3.checked_check input,
.contact_us_right_info .gchoice.gchoice_1_5_4.checked_check input {
  background: #202427 !important;
  color: #fff !important;
  border-radius: 50px !important;
}
.contact_us_right_info .checked_check label#label_1_5_1,
.contact_us_right_info .checked_check label#label_1_5_2,
.contact_us_right_info .checked_check label#label_1_5_3,
.contact_us_right_info .checked_check label#label_1_5_4 {
  color: var(--white) !important;
}
.contact_us_right_info div#input_1_9 input {
  appearance: none;
  width: 16px !important;
  border: 1px solid #202427 !important;
  padding: 0 !important;
  height: 16px !important;
  margin: 0px !important;
  margin-right: 10px !important;
}
.focused label.gfield_label,
.focused #field_2_6 label,
.focused #field_2_7 label,
.focused #field_2_8 label {
  transform: translateY(-112%);
  font-size: 14px !important;
}
.contact_us_right_info .gchoice .gchoice_1_9_1.checked_check label#label_1_9_1 {
  color: #202427 !important;
}
.gform_wrapper .gfield_validation_message,
.contact_us_right_info .gform_wrapper .validation_message {
  background: transparent !important;
  border: 0 !important;
  font-size: 12px !important;
  margin-top: 0 !important;
  padding: 0 !important;
  text-align: right;
  padding-top: 0 !important;
  color: #ff3e3e !important;
  position: absolute;
  bottom: -18px;
  font-family: "Inter" !important;
}
.contact_us_right_info .ginput_container.ginput_container_text input,
.contact_us_right_info
  .ginput_container.ginput_container
  ginput_container_textarea
  textarea {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 28.8px !important;
  color: var(--dark-black) !important;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  background: none !important;
  padding: 14px 0 13px !important;
  border-bottom: 1px solid var(--dark-black) !important;
  max-width: 100% !important;
  border-radius: 0 !important;
}
.gform_wrapper .gfield_error [aria-invalid="true"] {
  border-bottom: 1px solid #ff3e3e !important;
}
.gform_wrapper .gfield_required {
  color: #ff3e3e;
}
.contact_us_right_info div#validation_message_1_5 {
  font-size: 0 !important;
}
.contact_us_right_info
  .gchoice.gchoice_1_9_1
  input[type="checkbox"]:checked:after,
.about_design_form_right
  .gchoice.gchoice_2_9_1
  input[type="checkbox"]:checked:after {
  content: "";
  position: absolute !important;
  left: 50%;
  top: 50%;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.16797 0.5L3.66797 6L1.16797 3.5' stroke='%23202427' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
  width: 10px !important;
  height: 8px !important;
  box-shadow: unset !important;
  transition: all ease 0.3s;
  transform: translate(-50%,-50%);
}
.contact_us_right_info .gchoice.gchoice_1_9_1 input[type="checkbox"]:checked,
.about_design_form_right
  .gchoice.gchoice_2_9_1
  input[type="checkbox"]:checked:after {
  position: relative;
}
.contact_us_right_info .gform_footer.top_label {
  padding: 0 !important;
  margin: 0 !important;
}
.gform_confirmation_wrapper {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 150%;
  text-align: center;
  color: rgba(32, 36, 39, 0.6);
  max-width: 340px;
  margin: 0 auto;
}
.gform_confirmation_wrapper h4, .gform_confirmation_message h4 {
  font-family: "Plus Jakarta Sans" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 40px !important;
  line-height: 140% !important;
  color: #202427 !important;
  text-align: center !important;
  padding-bottom: 12px !important;
}
.white-popup-block .gform_confirmation_message, .gform_confirmation_message {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 150% !important;
  /* text-align: center; */
  color: rgba(32, 36, 39, 0.6) !important;
}
.gform_confirmation_wrapper br {
  display: none;
}

.gform_confirmation_wrapper a {
  padding: 12px 30px;
  margin-top: 40px;
}

.gform_validation_errors {
  display: none !important;
}

/******************* new form footer *******************/

.section_about_design_form .gform_heading h2,
.section_about_design_form .gform_heading span,
.section_about_design_form .gform_heading p {
  display: none;
}
.section_about_design_form legend.gfield_label.gfield_label_before_complex {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  color: #636668 !important;
  padding-bottom: 19px !important;
  margin-bottom: 0 !important;
}
.section_about_design_form .gfield_checkbox {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.section_about_design_form .gfield_checkbox#input_2_9 {
  display: block;
}
.section_about_design_form div#input_2_5 label {
  z-index: 0 !important;
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 16px !important;
  color: var(--dark-black) !important;
  border-radius: 50px !important;
  transition: all ease 0.3s !important;
  max-width: 100% !important;
  cursor: pointer;
}

.section_about_design_form .gchoice.gchoice_2_5_1 input#choice_2_5_1,
.section_about_design_form .gchoice.gchoice_2_5_2 input#choice_2_5_2,
.section_about_design_form .gchoice.gchoice_2_5_3 input#choice_2_5_3,
.section_about_design_form .gchoice.gchoice_2_5_4 input#choice_2_5_4 {
  position: absolute !important;
  top: 0 !important;
  bottom: 0 !important;
  cursor: pointer;
  z-index: -1;
  text-indent: 0 !important;
  height: 36px !important;
  left: 0 !important;
  right: 0 !important;
  width: auto !important;
  appearance: unset !important;
  border: unset !important;
  margin: 0 !important;
  height: auto !important;
}
.section_about_design_form .gchoice.gchoice_2_5_1,
.section_about_design_form .gchoice.gchoice_2_5_2,
.section_about_design_form .gchoice.gchoice_2_5_3,
.section_about_design_form .gchoice.gchoice_2_5_4 {
  position: relative !important;
  display: inline-block !important;
  text-indent: 0 !important;
  padding: 9px 16px !important;
  z-index: 0;
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 16px !important;
  line-height: 16px !important;
  color: var(--dark-black) !important;
  border-radius: 50px !important;
  transition: all ease 0.3s !important;
  border: 1px solid #000;
}
.section_about_design_form .gform_wrapper.gravity-theme .gform_fields {
  grid-row-gap: 30px;
  grid-column-gap: 30px;
}
.section_about_design_form label.gfield_label {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  color: #636668 !important;
  position: absolute;
  top: 15px !important;
  transition: all ease-in-out 0.3s 0s;
}
.gfield {
  position: relative;
}
.section_about_design_form
  .gform_wrapper.gravity-theme
  .gfield-choice-input
  + label {
  max-width: 100%;
}
.section_about_design_form .gchoice.gchoice_2_9_1 {
  height: auto !important;
  display: flex;
  align-items: center;
}
.section_about_design_form.gchoice.gchoice_2_9_1 input {
  height: auto !important;
}
.section_about_design_form .gform_footer.top_label {
  padding: 0 !important;
  margin: 0 !important;
}
.section_about_design_form .gform_footer.top_label input#gform_submit_button_2 {
  background: var(--lemon-yellow) !important;
  border: 1px solid var(--lemon-yellow) !important;
  padding: 14px 48px !important;
  font-family: "Plus Jakarta Sans" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  color: var(--dark-black) !important;
  margin-top: 10px !important;
  margin-bottom: 0 !important;
  border-radius: 0 !important;
  height: 60px !important;
  cursor: pointer;
  transition: all 0.2s linear;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
  -webkit-appearance: none;
  appearance: none;
}
.section_about_design_form
  .gform_footer.top_label
  input#gform_submit_button_2:hover {
  background: var(--black) !important;
  color: var(--white) !important;
  border: 1px solid var(--black) !important;
}
.section_about_design_form
  .gchoice.gchoice_2_9_1
  input[type="checkbox"]:checked:after {
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.section_about_design_form input#choice_2_9_1 {
  appearance: none;
  max-width: 16px !important;
  border: 1px solid #202427 !important;
  padding: 0 !important;
  height: 16px !important;
  margin: 0 0 0 0 !important;
  margin-right: 10px !important;
  flex-basis: 100%;
  position: relative;
}
.section_about_design_form div#validation_message_2_5 {
  font-size: 0 !important;
}

.focused label.gfield_label {
  transform: translateY(-112%);
  font-size: 14px !important;
}
.section_about_design_form
  .gfield_error
  .ginput_container.ginput_container_text
  input {
  border-bottom: 1px solid #ff3e3e !important;
}
.gchoice.gchoice_2_5_1.checked_check input,
.gchoice.gchoice_2_5_2.checked_check input,
.gchoice.gchoice_2_5_3.checked_check input,
.gchoice.gchoice_2_5_4.checked_check input {
  background: #202427 !important;
  color: #fff !important;
  border-radius: 50px !important;
}
.gchoice.gchoice_2_5_1.checked_check #label_2_5_1,
.gchoice.gchoice_2_5_2.checked_check #label_2_5_2,
.gchoice.gchoice_2_5_3.checked_check #label_2_5_3,
.gchoice.gchoice_2_5_4.checked_check #label_2_5_4 {
  color: #fff !important;
}

/******************* New Form Blog *******************/

.blog_details_form h2.gform_title {
  display: none;
}
p.gform_required_legend {
  display: none;
}
.blog_details_form label.gfield_label {
  font-family: "Plus Jakarta Sans" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  color: #202427 !important;
  max-width: 630px !important;
  text-align: left !important;
}
.gform_footer.top_label {
  padding: 0 !important;
  margin: 0 !important;
}
.gform_footer.top_label {
  position: relative;
}
#gform_3 .gform_footer {
  position: absolute;
  bottom: 0;
  right: 0;
}
.gform_wrapper.gravity-theme #gform_3 .gform_fields {
  display: block !important;
}
.gform_footer.top_label input#gform_submit_button_3 {
  background: #ffd536 !important;
  border: 1px solid #ffd536 !important;
  font-family: "Plus Jakarta Sans" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  color: #202427 !important;
  /* position: absolute;
  right: 56px;
  bottom: -7px; */
  max-width: 209px !important;
  text-align: center;
  padding: 14px 60px !important;
  cursor: pointer;
  transition: all 0.3s linear;
  margin: 0 !important;
}
.gform_footer.top_label input#gform_submit_button_3:hover {
  background: var(--black) !important;
  color: var(--white) !important;
  border: 1px solid var(--black) !important;
}
.gfield {
  position: relative;
}
div#field_3_1 label.gfield_label {
  font-family: "Plus Jakarta Sans" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  color: #202427 !important;
  text-align: left !important;
  display: block !important;
  position: absolute;
  top: 15px !important;
  transition: all ease-in-out 0.3s 0s;
  transition: all ease-in-out 0.3s 0s;
}
div#field_3_1 {
  max-width: 630px !important;
  margin: 0 auto !important;
}
form#gform_4 .focused label {
  transform: translateY(-120%);
  font-size: 14px !important;
}

.blog_details_form .gform_wrapper .gfield_validation_message,
.gform_wrapper .validation_message {
  background: transparent !important;
  border: 0;
  font-size: 14px !important;
  margin-top: 0;
  padding: 0;
}
/* body img.gform_ajax_spinner {
	display: none !important;
} */

.gform_ajax_spinner {
  margin-left: 20px;
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-left: 4px solid #ffd536;
  animation: spinner 1.1s infinite linear;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  background: transparent !important;
}

.gform_ajax_spinner {
  content: url("http://ux.team/wp-content/uploads/2023/02/Rectangle-1061.png");
  position: absolute !important;
  right: 0;
}

@keyframes spinner {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.gform_ajax_spinner::after {
  content: "Submit your Form";
  font-weight: 400;
  font-size: 30px;
  line-height: 1;
  color: var(--dark-black);
}

.gf_browser_chrome form#gform_2 .validation_message {
  right: 4px;
  font-size: 12px !important;
}

.career_apply_now .gform_body.gform-body label {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  color: #74797b !important;
  position: absolute;
  top: 15px;
  transition: all ease-in-out 0.3s 0s;
}
.career_apply_now .gform_body.gform-body input,
.career_apply_now .gform_body.gform-body textarea {
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  border-radius: unset !important;
  border-bottom: 1px solid rgba(32, 36, 39, 0.42) !important;
  height: 56px !important;
  padding: 14px 0 13px !important;
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  color: #74797b !important;
  max-width: 320px !important;
}
.career_apply_now .gform_body.gform-body textarea {
  resize: unset !important;
  max-width: 100% !important;
  width: 100% !important;
  border-bottom: 1px solid rgba(32, 36, 39, 0.42) !important;
  height: 56px !important;
  overflow: hidden;
}
.career_apply_now .gform_wrapper.gravity-theme .gform_fields {
  grid-row-gap: 30px;
  grid-column-gap: 30px;
}

.career_apply_now div#field_4_11 {
  width: 100%;
  height: 100% !important;
  max-width: 100% !important;

  font-size: 0 !important;
  margin: 0 auto !important;
  padding: 23px 0;
  position: relative;
}

div#field_4_11 input#input_4_11 {
  border: 1px dashed var(--dark-black) !important;
}
div#field_4_11.gfield_error input#input_4_11 {
  border-color: #ff3e3e !important;
}

input#input_4_11 {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  max-width: 100% !important;
  border-bottom: 0 !important;
  font-size: 0 !important;
  height: 100% !important;
}
span#gfield_upload_rules_4_11 {
  font-size: 0 !important;
}
.career_apply_now div#field_4_11 label {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  color: #202427 !important;
  text-align: center !important;
  margin: 0 auto !important;
  position: unset !important;
  display: block !important;
  top: 0;
  transition: all ease-in-out 0.3s 0s;
}
.career_apply_now div#gfield_description_4_11 {
  font-family: "Inter" !important;
  font-style: normal !important;
  font-weight: 400 !important;
  font-size: 14px !important;
  line-height: 100% !important;
  color: #74797b !important;
  text-align: center !important;
  padding-top: 4px !important;
}
.career_apply_now .gform_footer.top_label input#gform_submit_button_4 {
  background: #ffd536 !important;
  background-color: rgb(255, 213, 54) !important;
  border: 1px solid #ffd536 !important;
  font-family: "Plus Jakarta Sans" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  color: var(--dark-black) !important;
  padding: 11px 29px !important;
  margin: 0 auto !important;
  transition: all 0.3s linear;
  cursor: pointer;
}
.career_apply_now .gform_footer.top_label {
  margin-top: 50px !important;
}

.career_apply_now .focused div#field_4_11 label {
  transform: translateY(0);
}

form#gform_4 div#field_4_11.focused label {
  transform: unset !important;
}
span#gfield_upload_rules_4_11 {
  font-size: 0 !important;
  margin: 0 !important;
  padding: 0 !important ;
}

div#field_4_11 span.gfield_required {
  display: none;
}
.career_apply_now .gform_heading h2.gform_title {
  display: none;
}

.career_apply_now .gform_wrapper .gfield_error [aria-invalid="true"] {
  border-bottom: 1px solid #ff3e3e !important;
}
form#gform_3 div#gform_fields_3 .focused label.gfield_label {
  transform: translateY(-130%);
  font-size: 14px !important;
}
.capabilitis_slider_info {
  max-width: 407px;
}

.share_story_social_icon .heateor_sss_facebook:hover:after,
.share_story_social_icon .heateor_sss_button_twitter:hover:after,
.share_story_social_icon .heateor_sss_button_linkedin:hover:after,
.share_story_social_icon .heateor_sss_button_instagram:hover:after {
  filter: brightness(0.5);
}
.share_story_social_icon .heateor_sss_facebook,
.share_story_social_icon .heateor_sss_button_twitter,
.share_story_social_icon .heateor_sss_button_linkedin,
.share_story_social_icon .heateor_sss_button_instagram {
  transition: all ease 0.5s;
}
div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a svg:hover {
  filter: brightness(0.5);
}
div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a svg {
  transition: all ease 0.3s;
}
.blog_tag_info a:hover {
  background: #ffd536;
}
.client_aroung_logo {
  background: #f2f9f9;
}

.contact_address {
  transition: 2s all cubic-bezier(0.075, 0.82, 0.165, 1);
}

.services_cta_right a.a_btn p {
  color: var(--dark-black);
}

section.section_services_our_offering.light_color_bg.user_experience_offering {
  padding: 100px 0 76px;
}

/************  benefit *******/
section.section_benefit {
  padding: 100px 0 70px;
}
.benefit_title {
  text-align: center;
  padding-bottom: 60px;
}
.benefit_title.span_title span {
  padding-bottom: 20px;
}
.benefit_title h2 {
  max-width: 906px;
  margin: 0 auto;
  font-weight: 400;
}
.benefit_blog h3 {
  line-height: 1;
  /* padding-bottom: 30px; */
  margin-bottom: 30px;
  position: relative;
}
.benefit_blog h3:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    background: rgba(0, 191, 242, 0.08);
    border-radius: 50px;
    transform: translate(-50%,-50%);
}
.benefit_blog h4 {
  font-style: normal;
  font-weight: 600;
  font-size: 20px;
  line-height: 160%;
  color: var(--dark-black);
  padding-bottom: 10px;
}
.benefit_blog p {
  line-height: 1.56;
  padding-bottom: 6px;
  color: #636668;
}
.benefit_blog a {
  font-family: "Inter";
  font-style: italic;
  font-weight: 500;
  font-size: 13px;
  line-height: 16px;
  text-decoration-line: underline;
  text-transform: uppercase;
  color: #636668;
}
.benefit_blog {
  text-align: center;
}
.benefit_info {
  display: grid;
  flex-wrap: wrap;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 100px;
  margin: 0 auto;
}
/* .benefit_blog.pera_title span:after {
  content: "";
  position: absolute;
  right: -40px;
  bottom: 12px;
  width: 80px;
  height: 80px;
  background: rgba(0, 191, 242, 0.08);
  border-radius: 50px;
}
.benefit_blog.pera_title span {
  position: relative;
} */

.page-template-user-experience .services_inner_banner_left.span_title {
  width: 49%;
}
.page-template-user-experience .need_a_design_strategy_title h2,
.page-template-user-interface .need_a_design_strategy_title h2 {
  max-width: 895px;
  font-weight: 400;
  padding-bottom: 50px;
}
.page-template-user-experience .need_a_design_strategy_main {
  gap: 40px 46px;
}
.page-template-user-experience .need_a_design_strategy_info_text h3 {
  max-width: 100%;
}
.page-template-user-experience .need_a_design_strategy_info_text:nth-child(2) {
  margin-top: 0px;
}
.page-template-user-interface .services_inner_banner_left {
  width: 47%;
}
.page-template-user-interface .benefit_title h2 {
  max-width: 935px;
}
.page-template-user-interface .section_benefit {
  padding: 100px 0 63px;
}
.page-template-user-interface .services_our_offering_left.span_title {
  width: 39%;
}

.page-template-user-experience section.section_faq {
  padding: 100px 0;
}
/* .page-template-user-interface .section_services_cta {
  margin-top: 100px;
} */
.page-template-user-interface section.section_faq {
  padding: 100px 0;
}
.page-template-user-interface .benefit_title {
  padding-bottom: 90px;
}

/********   marketing ux *********************** */

.section_our_offering_tabbing {
  padding: 100px 0;
}
.our_offering_tabbing_title span {
  text-align: center;
  padding-bottom: 16px;
}
.our_offering_tabbing_title h2 {
  max-width: 742px;
  margin: 0 auto;
  text-align: center;
  font-weight: 400;
}
.our_offering_tabbing_title {
  margin-bottom: 60px;
}
.offering_tabbing ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: flex;
  border-bottom: 1px solid #dddedf;
}

/* .offering_tabbing li a {
    text-decoration: none;
    font-family: 'Plus Jakarta Sans';
    font-style: normal;
    font-weight: 500;
    font-size: 18px;
    line-height: 160%;
    color: var(--black);
} */
.offering_tabbing li a {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 160%;
  color: var(--dark-black);
  text-decoration: none;
  padding: 0 32px 17px 32px;
  display: inline-block;
}
.our_offering_tabbing_main {
  padding-top: 43px;
}

.tags_otr h2.title_h1 span {
  text-transform: none;
}
.our_offering_tabbing_otr_info {
  position: sticky;
  top: 0;
  background: var(--white);
  z-index: 99;
}

.offering_tabbing {
  /*    position: sticky;
    top: 0;
    background: var(--white); */
  z-index: 3;
  max-width: 1252px;
  margin: 0 auto;
  padding: 10px 0 17px;
  position: relative;
  overflow: hidden !important;
}

.our_offering_tabbing_otr_left span {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
  color: var(--dark-black);
  padding-bottom: 18px;
  display: inline-block;
}
.our_offering_tabbing_otr_left h3 {
  font-weight: 400;
  font-size: 28px;
  line-height: 140%;
  color: var(--dark-black);
  padding-bottom: 31px;
}
.our_offering_tabbing_otr_left p {
  color: #636668;
  max-width: 556px;
  padding-bottom: 24px;
}

/* .our_offering_tabbing_otr_left p:last-of-type{
    padding-bottom: 0;
} */
.our_offering_tabbing_otr {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 55px;
  padding-bottom: 80px;
}
.our_offering_tabbing_otr_left_main {
  width: 50%;
}
.our_offering_tabbing_otr_right {
  width: 50%;
}
/* .offering_left_list {
    padding-top: 46px;
} */

.offering_left_list ul {
  margin: 0;
  padding: 0;
  padding-left: 22px;
  list-style-type: none;
}

.offering_left_list li {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  color: #202427;
  margin-bottom: 20px;
  position: relative;
}
.offering_left_list li:after {
  content: "";
  position: absolute;
  left: -22px;
  top: 8px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--sky-blue);
}
.tabbing_slider_btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  left: 14px;
  right: 14px;
  top: 40%;
  z-index: 1;
  cursor: pointer;
}

.swiper-slide.tabbing_slider_main {
  position: relative;
  z-index: 0;
}

.offering_tabbing_slider {
  margin: 0 auto;
  /* background: #E6EDF8; */
  padding-top: 67px;
}
.tabbing_slider_img img {
  margin: 0 auto;
  /* filter: drop-shadow(15px 4px 26px rgba(0, 0, 0, 0.05)); */
}
.tabbing_btn_1,
.tabbing_btn_1 {
  position: relative;
}

.tabbing_btn_1:after {
  content: "";
  position: absolute;
  left: -56px;
  top: -30px;
  width: 86.96px;
  height: 80px;
  background: #fff;
  border-radius: 50%;
  z-index: -1;
}
.tabbing_btn_2:after {
  content: "";
  position: absolute;
  right: -56px;
  top: -30px;
  width: 86.96px;
  height: 80px;
  background: #fff;
  border-radius: 50%;
  z-index: -1;
}

.swiper-pagination-tabbing {
  padding: 33px 0 12px;
  text-align: center;
  background: #fff;
}

span.swiper-pagination-bullet {
  width: 8px !important;
  height: 8px !important;
  background: #d7dee0 !important;
  opacity: unset !important;
  margin: 0 7px !important;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
  border: 1px solid #7c878f!important;
  background: transparent!important;
  /* width: 10px!important; */
  /* height: 10px!important; */
  transform: scale(1.5);
}

.our_offering_tabbing_otr:nth-child(even) {
  flex-direction: row-reverse;
}

.main-nav__active {
  width: fit-content;
  /* transition: width 0.3s ease-in-out, left 0.3s ease-in-out; */
  transition: all ease-in-out 0.5s 0s;
  height: 2px;
  display: inline-block;
  position: absolute;
  left: 0;
  bottom: 17px;
  background: var(--sky-blue);
}

.our_offering_tabbing_otr:last-child {
  padding-bottom: 0;
}
/* .offering_tabbing li.main-nav__active:last-child {
    opacity: 0;
} */
.page-template-marketing-ux .section_faq {
  padding-top: 100px;
}

.offering_tabbing ul li {
  /*  border-bottom: 2px solid transparent; */
  /* transition: all ease-in-out 0.5s 0s; */
  transition: all 0.5s linear;
}

.offering_tabbing ul li.main-nav__item--active {
  /*  border-bottom: 2px solid var(--sky-blue); */
  transition: width 0.3s ease-in-out, left 0.3s ease-in-out;
}

.page-template-marketing-ux .services_inner_banner_left {
  width: 55.47%;
}
.page-template-marketing-ux .services_our_offering {
  gap: 50px;
}

.page-template-marketing-ux .services_our_offering_left.span_title {
  width: 39%;
}
.page-template-marketing-ux
  section.section_services_our_offering.light_color_bg.user_experience_offering {
  padding: 100px 0 60px;
}

.page-template-marketing-ux .services_inner_banner {
  padding: 100px 0 175px;
}
.offering_left_list li:last-child {
  margin-bottom: 0;
}

/* .offering_tabbing ul::-webkit-scrollbar {
    display: none;
} */

/* .our_offering_tabbing_otr:nth-child(even) p {
    padding-bottom: 0;
} */

/* .offering_tabbing_slider:hover .tabbing_slider_btn {
    transform: scale(1);
    opacity: 0;
}

.tabbing_slider_btn {
    transform: scale(0);
    transition: all ease-in-out 0.5s 0s;
} 
 */

.tabbing_slider_btn_comman,
.tabbing_slider_btn_comman::after {
  transform: scale(0.6);
  opacity: 0;
  transition: all ease-in-out 0.5s 0s;
}
.offering_tabbing_slider:hover .tabbing_slider_btn_comman,
.offering_tabbing_slider:hover .tabbing_slider_btn_comman::after {
  transform: scale(1);
  opacity: 1;
}

.tabbing_btn_1 svg {
  transform: translateX(-10px);
  transition: all ease-in-out 0.5s 0s;
}
.tabbing_btn_2 svg {
  transform: translateX(10px);
  transition: all ease-in-out 0.5s 0s;
}

.offering_tabbing_slider:hover .tabbing_slider_btn_comman svg {
  transform: translateX(0px);
}

section.section_services_landing_banner {
  padding: 67px 0 112px;
}

.services_landing_banner {
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: 145px;
}

.services_landing_banner_left h1 {
  color: var(--white);
}

.services_landing_banner_left {
  width: 49.22%;
}

.services_landing_banner_right {
  /* width: 46%; */
  flex: 1;
}

.services_landing_banner_left span {
  padding-bottom: 21px;
}

/* ******************** sevices landing blog******************* */
section.section_services_landing_info {
  padding: 120px 0;
}
.services_landing_main_blog {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  max-width: 1256px;
  margin: 0 auto;
}
.services_landing_otr {
  padding-bottom: 80px;
  margin-bottom: 80px;
  border-bottom: 1px solid #202427;
}
.services_landing_otr:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
.services_landing_main_blog_img {
  width: 23.89%;
  margin-right: 99px;
  margin-top: 20px;
}
.services_landing_main_blog_list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
  padding-left: 29px;
}
.services_landing_main_blog_list li {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 140%;
  color: var(--dark-black);
  position: relative;
  padding-bottom: 20px;
  transition: all 0.3s linear;
}
.services_landing_main_blog_list li::after {
  content: "";
  position: absolute;
  left: -29px;
  top: 11px;
  width: 15px;
  height: 1px;
  background-color: #ed2387;
  transition: all 0.3s linear;
}
.services_landing_main_blog_text {
  width: 68.25%;
}
.services_landing_pera_blog {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 83px;
}

.services_landing_pera {
  width: 52.98%;
}

.services_landing_main_blog_list {
  /* width: 30.42%; */
  flex: 1;
}
.services_landing {
  font-weight: 400;
  font-size: 40px;
  line-height: 140%;
  color: #202427;
}
.services_landing_main_blog_text h2 {
  padding-bottom: 30px;
}
.services_landing_main_blog_text p {
  color: #74797b;
}
.services_landing_main_blog_text a {
  margin-top: 40px;
}
.services_landing_main_blog_text li a {
  color: var(--dark-black);
  text-decoration: none;
  transition: all 0.3s linear;
}
.services_landing_main_blog_text li:hover {
  padding-left: 5px !important;
}
.services_landing_main_blog_text li:hover a {
  color: #01BBEC;
}
.services_landing_main_blog_text li:hover::after {
  width: 22px;
}

.services_landing_main_blog_list li:last-child {
  padding-bottom: 0;
}

/* ******************* design process********************** */
section.section_services_landing_design_process {
  padding: 120px 0 132px;
}
.services_landing_design_process_title span {
  padding-bottom: 16px;
}
.services_landing_design_process_title h2 {
  color: var(--white);
  max-width: 784px;
  margin: 0 auto;
}
.services_landing_design_process_title {
  text-align: center;
  padding-bottom: 72px;
}
/* .services_landing_design_process_blog {
    display: grid;
    flex-wrap: wrap;
    grid-gap: 30px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
} */
.services_landing_design_process_blog .swiper-wrapper {
  display: grid;
  flex-wrap: wrap;
  grid-gap: 30px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.services_landing_design_process_info span {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
  color: #ffd536;
  padding-bottom: 10px;
}
.services_landing_design_process_info h3 {
  color: rgb(255 255 255 / 90%);
  padding-bottom: 20px;
  /*   margin-bottom: 20px;
    border-bottom: 1px solid rgb(116 121 122 / 60%); */
  line-height: 1.4;
}

.services_landing_design_process_info p {
  font-weight: 400;
  font-size: 16px;
  line-height: 160%;
  color: #b6bdc2;
  padding-bottom: 32px;
}
.services_landing_design_process_list ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.services_landing_design_process_list li {
  font-family: "Inter";
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 110%;
  color: #ffffff;
  padding-bottom: 24px;
}

.services_our_approch_main_otr_img {
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 30px;
}

.bank_linbe_div:after {
  content: "";
  position: absolute;
  right: -19px;
  bottom: -7px;
  width: 6px;
  height: 12px;
  color: #74797b;
  background-image: url("data:image/svg+xml,%3Csvg width='7' height='14' viewBox='0 0 7 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.5 13L6.5 7L0.5 1' stroke='%2374797B' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: cover;
}

.bank_linbe_div {
  position: relative;
  margin-bottom: 20px;
  border-bottom: 1px solid rgb(116 121 122 / 60%);
}

.services_landing_design_process_info:last-child .bank_linbe_div:after {
  display: none;
}

.services_landing_design_process {
  overflow: hidden;
  padding-bottom: 20px;
}

.section_services_our_approch {
  padding: 120px 0;
}
.section_services_our_approch_text span {
  padding-bottom: 16px;
}
.services_our_approch {
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 100px;
}
.services_our_approch_main {
  display: grid;
  flex-wrap: wrap;
  grid-gap: 60px 80px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding-top: 50px;
}
.services_our_approch_left {
  width: 33.282%;
}
.services_our_approch_right {
  width: 57.35%;
}

.services_our_approch_main_otr h3 {
  padding-bottom: 16px;
  line-height: 1.4;
}
.services_our_approch_main_otr p {
  color: #636668;
}

.section_services_our_approch_text.span_title {
  position: sticky;
  top: 30px;
}

.section_services_our_approch_text h2 {
  font-weight: 400;
}

.offering_tabbing ul::-webkit-scrollbar {
  width: 1px;
  height: 1px;
}
.offering_tabbing ul::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: #dddedf;
}
.offering_tabbing ul::-webkit-scrollbar-track {
  border-radius: 10px;
}
.e-commerce-section .need_a_design_strategy_title h2 {
  max-width: 895px;
  margin-bottom: 50px;
}
.pad-bottom-100 {
  padding-bottom: 100px !important;
}
.pad-bottom-40 {
  padding-bottom: 40px;
}
.helps_enterprise_section {
  padding: 120px 0;
  overflow: hidden;
}
.helps_enterprise_title {
  max-width: 1010px;
  margin: 0 0 60px;
}
.helps_slider_icon {
  margin: 0 0 24px;
  height: 56px;
}
.helps_slider_info {
  margin: 0;
}
.helps_enterprise_slider {
  margin: 0;
  padding: 0;
}
.helps_enterprise_slider ul {
  margin: 0;
  padding: 0;
  list-style: none;
  /* align-items: flex-start; */
}
.helps_enterprise_slider ul li {
  border-right: 1px solid #74797b;
  padding-right: 50px;
  height: auto !important;
}
.helps_enterprise_slider ul li:last-child {
  padding-right: 0;
  border: none;
}
.helps_slider_info h4 {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 24px;
  line-height: 150%;
  color: var(--black);
  margin: 0 0 10px;
}
.helps_slider_info p {
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  color: var(--opacity-black);
}
.section_enterprise_products {
  padding: 100px 0;
}
.enterprise_products_title {
  text-align: center;
  margin: 0 auto 80px;
  max-width: 980px;
}
.enterprise_products_title h2 {
  color: #ffffff;
}
.enterprise_products_slider {
  display: flex;
  align-items: center;
  border-top: 1px solid #666b6d;
  border-bottom: 1px solid #666b6d;
}
.enterprise_products_slide_list {
  width: 20% !important;
  border-right: 1px solid #666b6d;
  height: auto !important;
}
.enterprise_products_box {
  display: flex;
  align-items: center;
  position: relative;
  overflow: hidden;
  padding: 40px;
  font-family: "Inter";
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 120%;
  color: var(--white);
  height: 100%;
}
.enterprise_products_slider .swiper-wrapper {
  transition-timing-function: linear !important;
  position: relative;
  height: auto !important;
}
.enterprise_products_slider_bottom {
  border-top: none;
}
.pad-top-100 {
  padding-top: 100px;
}

/***** ======= Download Section Home ==========****/
.section_download {
  padding: 140px 0;
  background-color: #f6f4ee;
  background-image: url(http://ux.team/wp-content/uploads/2023/02/download-section-bg.png);
  background-repeat: no-repeat;
  background-position: 0 100%;
}
.download-box {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.download-image {
  width: 45%;
  padding: 0 90px;
}
.download-image img {
  box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.15);
}
.download-info {
  width: 55%;
}
.download-info .span_title {
  margin: 0 0 40px;
}

.download_popup {
  max-width: 1080px;
  padding: 80px 170px;
  background-color: #ffffff;
  background-image: url(http://ux.team/wp-content/uploads/2023/02/download-section-bg.png);
  background-repeat: no-repeat;
  background-position: center 200%;
}
.download_popup h2 {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 700;
  font-size: 36px;
  line-height: 130%;
  text-align: center;
  color: var(--dark-black);
  margin: 0 0 40px;
}
.download_popup .gform_footer.top_label input#gform_submit_button_5 {
  background: #ffd536 !important;
  background-color: rgb(255, 213, 54) !important;
  border: 1px solid #ffd536 !important;
  font-family: "Plus Jakarta Sans" !important;
  font-style: normal !important;
  font-weight: 600 !important;
  font-size: 18px !important;
  line-height: 160% !important;
  color: var(--dark-black) !important;
  padding: 11px 29px !important;
  margin: 0 auto !important;
  cursor: pointer;
}
.download_popup .gform_wrapper.gravity-theme .gfield input {
  width: 398px !important;
  height: 51px;
  border: 1px solid #202427;
  margin: 0 10px 0 0;
}
.download_popup #gform_5 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.mobile_btn_services {
  display: none;
}
.pad-top-none {
  padding-top: 0 !important;
}
.page-template-design-strategy .design_strategy,
.page-template-user-experience .user_experience,
.page-template-user-interface .user_interface,
.page-template-enterprise-ux .enterprise_ux,
.page-template-ecommerce-ux .ecommerce_design,
.page-template-marketing-ux .marketing_design {
  display: none;
}

/********  Menu Bar *******/
.mobile-menu-icon {
  margin: 0 0 0 40px;
}
.mobile-menu-icon .menu-bar {
  width: 30px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.mobile-menu-icon .menu-bar span {
  display: block;
  width: 100%;
  height: 2px;
  background: #202427;
  margin: 3px 0;
}
.black_bg .mobile-menu-icon .menu-bar span {
  background-color: var(--white);
}
/* .mega_menu_section {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    background: #fff;
    visibility: hidden;
    opacity: 1;
    padding: 30px 0;
    z-index: 999;
    transform: translate(0,-100%);
    transition: all 0.6s linear;
    -webkit-transition: all 0.6s linear;
    height: 100vh;
} */
.mega_menu_section {
  position: fixed;
  left: 0;
  width: 100%;
  background: var(--black);
  padding: 0;
  z-index: 1030;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition: 0.6s ease-in-out;
  -o-transition: 0.6s ease-in-out;
  transition: 0.6s ease-in-out;
  visibility: hidden;
  pointer-events: none;
  top: 0;
}
.mega_menu_section.open {
  height: 100vh;
  overflow-y: auto;
  overflow-x: hidden;
  opacity: 1;
  visibility: visible;
  pointer-events: all;
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  z-index: 9999;
}
.mega_menu_section .container {
  height: 100vh;
  position: relative;
}
.mega_menu_section .header {
  padding: 60px 50px 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
}
.mega_menu_section .header.active {
  opacity: 1;
  visibility: visible;
  transition-property: all;
  transition-timing-function: ease-in-out;
  transition-duration: 0.3s;
  transition-delay: 0.8s;
}
.mobile-menu-icon-close .menu-bar {
  width: 30px;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.mobile-menu-icon-close .menu-bar span {
  display: block;
  width: 100%;
  height: 2px;
  background: #202427;
  margin: 3px 0;
  transform: rotate(45deg) translate(0, 0);
}
.mobile-menu-icon-close .menu-bar span:nth-child(2) {
  transform: rotate(-45deg) translate(5px, -5px);
}
.nav_section {
  display: flex;
  justify-content: space-between;
  /* padding: 100px 0; */
  /* height: calc(100vh - 80px); */
  align-items: center;
  height: 100vh;
  opacity: 0;
  visibility: visible;
}
.nav_section.active {
  opacity: 1;
  visibility: visible;
  transition-property: all;
  transition-timing-function: ease-in-out;
  transition-duration: 0.3s;
  transition-delay: 0.8s;
}
.nav_left {
  width: 80%;
  display: flex;
}
.nav_left .column {
  width: 50%;
}
.menu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.menu-mega-menu-left-container .menu li {
  padding: 25px 0;
  list-style: none;
  margin: 0;
}
.menu-mega-menu-left-container .menu li a,
.our_capabilities_title {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 30px;
  line-height: 100%;
  color: var(--white);
  text-decoration: none;
  position: relative;
}
.menu-mega-menu-left-container .menu li a::after,
.our_capabilities_title::after,
.menu-our-capabilities-menu-container .menu li a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -10px;
  width: 0;
  background-color: var(--sky-blue);
  height: 1px;
  transition: all ease-in-out 0.3s 0s;
}
.our_capabilities_title {
  margin: 25px 0;
  display: inline-block;
}
.nav_right {
  width: 40%;
  padding: 55px 0 0 0;
}
.menu-our-capabilities-menu-container .menu li {
  padding: 15px 0;
}
.menu-our-capabilities-menu-container .menu li a {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 100%;
  color: var(--white);
  text-decoration: none;
  position: relative;
}
.menu-our-capabilities-menu-container .menu li.current-menu-item a, .menu-mega-menu-left-container .menu li.current-menu-item a {
  color: var(--sky-blue);
}
.menu-mega-menu-left-container .menu li.current-menu-item a::after,
.menu-our-capabilities-menu-container .menu li.current-menu-item a::after,
.our_capabilities_title:hover::after {
  width: 100%;
}
.menu-mega-menu-left-container .menu li a:hover::after,
.menu-our-capabilities-menu-container .menu li a:hover::after,
.our_capabilities_title:hover::after {
  width: 100%;
}
.nav_right_title {
  margin: 0 0 24px;
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 40px;
  line-height: 110%;
  color: #202427;
}
.nav_right .menu_button_info {
  padding: 35px 0 90px;
}
.nav_right .social_icon_header {
  display: flex;
  align-items: center;
}
.nav_right .social_icon_header .footer_icon {
  margin: 0 15px 0 0;
}
.nav_right .footer_icon.social_icon_3::before {
  background-color: #f2f9f9;
}
.nav_right .social_icon_header .footer_icon a {
  color: #202427 !important;
}
.nav_right .social_icon_header .footer_icon a img {
  filter: brightness(0.2);
}
.nav_right .social_icon_header .footer_icon:hover a img {
  filter: brightness(20);
}
.mega_menu_section:after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 43%;
  background: #f2f9f9;
  z-index: -1;
  background-image: url(images/home-banner-graphics.svg);
  background-repeat: no-repeat;
  background-position: center 136%;
  background-size: 150% 50%;
}

.page-template-our-work header.section_header.black_bg,
.error404 header.section_header.white_header {
  display: none;
}
/* .page-template-our-work .our_work_text h1 {
  line-height: 115%;
  max-width: 1038px;
  margin: 0 auto;
} */
.our_work_text.pera_title h1 {
  line-height: 115%;
  max-width: 1038px;
  margin: 0 auto;
}
.our_work_list {
  margin: 0;
  padding: 0;
  min-height: 700px;
}
.our_work_list ul {
  display: flex;
  justify-content: space-between;
  margin: 0;
  padding: 0;
  list-style: none;
  flex-wrap: wrap;
}
/* .home .our_work_list ul li {
  display: block;
  padding-bottom: 30px;
} */
.our_work_list ul li {
  width: 47%;
  /* display: none; */
  padding: 0 0 30px;
}
.work_nav li.select {
  display: none;
}
/* .our_work_list ul li:nth-child(even) {
  padding-top: 110px;
} */
/* .page-template-our-work .our_work_list ul li {
  padding-bottom: 30px;
} */
/* .page-template-our-work .our_work_list ul li:nth-child(odd) {
  padding-top: 110px;
}*/
/* .page-template-our-work .our_work_list ul li:nth-child(even) {
  padding-top: inherit;
} */

/* .our_work_list ul li.web-app:nth-child(even) {
  padding-top: 110px;
} */
.our_work_info {
  padding: 30px 0;
}
.our_work_info_top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 0 20px;
}
.comming-soontext, .comming-soontext a {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  text-align: right;
  color: #202427;
  text-decoration: none;
  display: none;
}
.view-more-text {
  display: none;
}
.our-work .our_work_text {
  padding-bottom: 50px;
  text-align: center;
}
.error-404 {
  height: calc(100vh - 548px);
  background: var(--dark-black);
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.our_work_info p {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 140%;
  color: var(--dark-black);
}
.our_work_description {
  font-family: "Plus Jakarta Sans";
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 140%;
  color: #202427;
  padding: 12px 0 0 0;
}
.right_menu li.current-menu-item a {
  color: var(--sky-blue) !important;
}
.right_menu li.current-menu-item a:after {
  background-color: var(--sky-blue) !important;
  width: 100%;
}
.center-btn {
  text-align: center;
}
.pad-top-60 {
  padding-top: 60px;
}
.pad-top-30 {
  padding-top: 30px;
}
/* .aos-init {
  transform: translateZ(0) !important;
  transition-duration: 1s !important;
} */
.page-template-ecommerce-ux .services_inner_banner_left {
  width: 60%;
}

.section_industries {
  padding: 120px 0;
}
body.active {
  overflow-y: hidden !important;
}

.about-learn-more {
  text-align: center;
}
.capabilitis_slider_learn_more a:hover svg path {
  fill: #ffd536;
}
/* .success_stories_blog_arrow a:hover svg path {
    fill: #ffd536;
} */

.bottomtotop {
  position: fixed;
  bottom: 30px;
  z-index: 9999;
  right: 80px;
}
.bottomtotop a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  background: #f2f9f9;
  border: 1px solid #74797b;
  border-radius: 50%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
  box-shadow: 0px 0px 5px rgba(255, 255, 255, 0.5);
}
.bottomtotop a.active {
  opacity: 1;
  visibility: visible;
}
.other_success {
  max-width: 1085px;
  margin: 0 auto;
}
.other_success .our_focus_details {
  padding: 64px 0;
}
.other_success_stories_otr .our_focus_img img {
  width: 100%;
}
.career_apply_now .gform_footer.top_label input#gform_submit_button_4:hover {
  background-color: var(--black) !important;
  color: var(--white) !important;
  border-color: var(--black) !important;
}
.section_success_stories .other_success .our_focus_details {
    padding: 0 0 96px;
}
.section_success_stories .other_success .our_focus_details:last-child {
    padding-bottom: 0;
}
.banner_img_blog {
    position: relative;
}
#spinner {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url(/wp-content/uploads/2022/12/Group-87.svg) 50% 50% no-repeat #fdfbf3;
}

.work_nav {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 0 0 100px;
}
.work_nav li {
  padding: 0 8px 16px;
  list-style: none;
}
.work_nav li a {
  padding: 10px 20px;
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 130%;
  color: #202427;
  border: 1px solid #636668;
  border-radius: 40px;
  text-decoration: none;
  transition: all 0.3s linear;
  display: block;
}
.work_nav li a.active {
  background: #202427;
  color: #fff;
}
.company-logo-title {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 24px;
  line-height: 160%;
  color: #1E325A;
}
.select-menu.mobile {
  display: none;
}
.our_work_image {
  position: relative;
}
.view-more {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.view-more a {
  height: 100%;
  width: 100%;
  cursor: url(images/view-more.svg) 50 50, auto;
  text-decoration: none;
}

.coming-soon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.coming-soon a {
  height: 100%;
  width: 100%;
  cursor: url(images/coming-soon-icon.svg) 50 50, auto;
  text-decoration: none;
}


/* ======== Case Study Health-e Start ======== */

.our-work-template .section_footer {
    margin-top: 0px !important;
    padding-top: 84px;
}
.banner-top-section {
  padding: 90px 0 60px;
}
.banner-top {
  text-align: center;
}
.banner-logo {
  padding: 0 0 107px;
}
.banner-logo img {
  margin: 0 auto;
}
.banner-title {
  margin: 0 auto;
  max-width: 1062px;
}
.heading-1 {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 48px;
  line-height: 130%;
  text-align: center;
  color: var(--black);
}

.banner-image-section {
  padding: 90px 0 0 0;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  /* transition: all 0.3s linear; */
  width: 80%;
  margin: 0 auto;
}
.banner-image-main {
  text-align: center;
  position: relative;
}
.banner-image-main > img {
  margin: 0 auto; 
  max-width: 388px;
}

.banner-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -60%);
  height: 88px;
  width: 88px;
  z-index: 99;
}
.banner-icon img {
  border: 2px solid #8E7CDF;
  border-radius: 50%;
  box-shadow: 8.12151px 6.4972px 40.6075px rgba(0, 0, 0, 0.1);
}
.banner-icon-1 {
  margin: 0 0 0 -300px;
}
.banner-icon-2 {
  margin: 0 0 0 -160px;
}
.banner-icon-3 {
  margin: 0 0 0 160px;
}
.banner-icon-4 {
  margin: 0 0 0 300px;
}
.overview-section {
  padding: 100px 0;
}
.overview-content {
  padding: 0;
  display: flex;
  align-items: flex-end;
  max-width: 1100px;
  margin: 0 auto;
  justify-content: space-between;
}
.heading-2 {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 36px;
  line-height: 115%;
  color: var(--dark-black);
  padding: 0 0 30px;
}
.overview-content-left {
  width: 56%;
}
.overview-content-right {
  width: 44%;
  padding-left: 100px;
}
.overview-content-right ul {
  display: grid;
  grid-auto-flow: column dense;
  grid-gap: 0 50px;
  list-style: none;
}
.overview-content-right ul li {
  margin: 0;
  padding: 30px 0 0 0;
}
.overview-content-right ul li strong {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-size: 16px;
  line-height: 100%;
  color: var(--dark-black);
  margin: 0 0 8px;
  display: block;
}
.overview-content-right ul li p {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 100%;
  color: var(--dark-black);
}
.overview-content-right ul li:last-child {
  grid-column: span 4;
  grid-row: span 4;
}
.overview-content-right ul li:last-child p {
  line-height: 178%;
}
.overview-gallery {
  padding: 70px 0 180px;
}
.overview-gallery ul {
  list-style: none;
  display: grid;
  gap: 30px;
  padding: 0;
  max-width: 1200px;
  margin: 0 auto;
}
.overview-gallery ul li {
  margin: 0;
  padding: 0;
}
.overview-gallery ul li:nth-child(1) {
  grid-column: 1;
  grid-row: 1 / span 5;
  padding-top: 18px;
  transition-delay: 0.2s !important;
}
.overview-gallery ul li:nth-child(2) {
  grid-column: 2;
  grid-row: 1 / span 5;
  padding-top: 36px;
  transition-delay: 0.3s !important;
}
.overview-gallery ul li:nth-child(3) {
  grid-column: 3;
  grid-row: 1 / span 2;
  transition-delay: 0.4s !important;
}
.overview-gallery ul li:nth-child(4) {
  grid-column: 3;
  grid-row: 3 / span 3;
  transition-delay: 0.5s !important;
}
.overview-gallery ul li:nth-child(5) {
  grid-column: 4 / span 1;
  grid-row: 1 / span 5;
  padding-top: 36px;
  transition-delay: 0.6s !important;
}

.challenge-content {
  margin: 0;
  padding: 0;
}
.challenge-content .sub-heading {
  text-align: center;
  padding: 0 0 50px;
}
.challenge-list {
  max-width: 1058px;
  margin: 0 auto;
  padding: 0 0 100px;
}
.challenge-list ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  gap: 0 30px;
}
.challenge-list ul li {
  width: 33.3%;
}
.challenge-list ul li:nth-child(1) {
  transition-delay: 0.2s !important;
}
.challenge-list ul li:nth-child(2) {
  /* padding: 0 30px; */
  transition-delay: 0.4s !important;
}
.challenge-list ul li:nth-child(3) {
  transition-delay: 0.6s !important;
}
.h5 {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
  color: var(--dark-black);
  padding: 0 0 24px;
  display: block;
}
.challenge-list-icon {
  padding: 0 0 30px;
}
.gray-section {
  padding: 60px 0;
  background-color: #F3FAFA;
}
.gray-content {
  max-width: 846px;
  margin: 0 auto;
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  text-align: center;
  color: var(--dark-black);
}

.our-approch-section {
  padding: 80px 0 90px;
  background: linear-gradient(180deg, rgba(242, 249, 249, 0) 4.88%, #F2F9F9 101.83%);
}
.our-approch-content-top {
  text-align: center;
  padding: 0 0 60px;
}
.approch-title .heading-2 {
  padding: 40px 0 32px 0;
}
.our-approch-content-top p {
  max-width: 845px;
  margin: 0 auto;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  text-align: center;
  color: var(--dark-black);
}
.our-approch-list {
  margin: 0 auto;
  max-width: 962px;
  padding: 0 0 160px;
}
.our-approch-list ul {
  display: flex;
  justify-content: space-between;
  list-style: none;
  gap: 0 34px;
}
.our-approch-list ul li {
  width: 33.3%;
}
.our-approch-list ul li:nth-child(1) {
  transition-delay: 0.2s !important;
}
.our-approch-list ul li:nth-child(2) {
  /* padding: 0 34px; */
  transition-delay: 0.4s !important;
}
.our-approch-list ul li:nth-child(3) {
  transition-delay: 0.6s !important;
}
.our-approach-list-info {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  color: var(--dark-black);
  padding: 38px 34px;
  background: #FFF5D3;
  box-shadow: 0px 5px 0px #C4AF63;
  height: 100%;
}

.nav-system-title {
  max-width: 842px;
  margin: 0 0 0 110px;
  padding: 0 0 65px;
}
.nav-system-title .heading-2 {
  padding: 0 0 30px;
}
.wireframing-visual-section {
  background: #F2F9F9;
}
.black-bg {
  background: #1C1C1C;
}
.wireframing-content {
  padding: 90px 0 70px 0;
}
.wireframing-title {
  max-width: 840px;
  padding: 0 0 65px 0;
  margin: 0 0 0 110px;
}
.wireframing-title .heading-2 {
  color: #ffffff;
  padding: 0 0 40px;
}
.wireframing-title p {
  color: #ffffff;
}
.wireframing-slider {
  margin: 0;
  padding: 0;
  overflow: hidden;
}
.wireframing-slider .swiper-wrapper {
  transition-timing-function: linear !important;
  position: relative;
}
.wireframing-slider .wireframing_slide {
  width: 25% !important;
  padding: 0 18px;
}
/* .wireframing-slider ul {
  margin: 0;
  list-style: none;
  cursor: move;
}
.wireframing-image img {
  width: 100%;
}
.wireframing-slider ul li {
  padding: 0 18px;
  width: 25%;
} */

.visual-section {
  padding: 90px 0;
}
.visual-title {
  max-width: 840px;
  padding: 0 0 55px 0;
  margin: 0 0 0 110px;
}
.visual-list {
  margin: 0 auto;
  max-width: 1282px;
}
.visual-list ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 -2px;
}
.visual-list ul li {
  background: #FFFFFF;
  border: 2px solid #F2F9F9;
  height: 860px;
  width: 50%;
  display: flex;
  align-items: flex-end;
  overflow: hidden;
}
.visual-list ul li:nth-child(2) {
  align-items: flex-start;
}
.visual-image {
  max-width: 490px;
  margin: 0 auto;
}

.visual-para {
  padding: 116px 0 128px;
}
.visual-para p {
  max-width: 840px;
  margin: 0 auto;
}

/* .visual-slider {
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  max-width: 1440px;
}
.visual-slider ul {
  margin: 0;
  list-style: none;
}
.visual-slider-image img {
  width: 100%;
}
.visual-slider ul li {
  padding: 0 18px;
  width: 25%;
} */

.visual-slider {
  margin: 0 auto;
  padding: 0;
  overflow: hidden;
  /* max-width: 1440px; */
}
.visual-slider .swiper-wrapper {
  transition-timing-function: linear !important;
  position: relative;
}
.visual-slider .visual_slide {
  /* width: 25% !important; */
  padding: 30px 0;
  width: 320px !important;
}
.visual-slider .visual_slide img {
  box-shadow: 0px 4px 27px rgba(45, 68, 68, 0.08);
  border-radius: 4px;
  border: none;
  /* max-height: 692px;
  max-width: 320px;
  margin: 0 auto; */
}
.key-title {
  max-width: 686px;
  margin: 0 0 0 110px;
  padding: 0 0 95px;
}
.key-list {
  max-width: 1064px;
  margin: 0 auto;
}
.key-list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.key-list ul li {
  width: 100%;
  background: #FFFFFF;
  display: flex;
  margin: 0 0 15px;
  overflow: hidden;
}
.key-list ul li:nth-child(1) {
  padding: 0 58px 58px 64px;
  align-items: flex-end;
}
.key-list ul li:nth-child(1) .key-image {
  padding-bottom: 35px;
  flex-basis: 100%;
}
.key-list ul li:nth-child(1) .key-info {
  margin: 0 0 0 -370px;
  flex-basis: 100%;
  max-width: 497px;
}
.key-list ul li:nth-child(2) {
  flex-direction: row-reverse;
  padding: 0 42px 0 88px;
  justify-content: space-between;
}
.key-list ul li:nth-child(2) .key-image {
  max-width: 529px;
}
.key-list ul li:nth-child(2) .key-info {
  padding: 96px 0 0 0;
  max-width: 271px;
}
.key-list ul li:nth-child(3) {
  padding: 56px 100px 0 64px;
  align-items: flex-start;
}
.key-list ul li:nth-child(3) .key-image {
  width: 578px;
}
.key-list ul li:nth-child(3) .key-info {
  max-width: 408px;
  padding: 50px 0 0 0;
  margin: 0 0 0 -105px;
}
.heading-3 {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 30px;
  line-height: 140%;
  color: var(--dark-black);
  padding: 0 0 24px;
}
.key-info p {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 22px;
  line-height: 160%;
  color: var(--dark-black);
}
.uikit-section {
  padding: 120px 0 138px;
}
.uikit-title {
  display: flex;
  align-items: flex-start;
  padding: 0 110px 34px;
}
.uikit-title .heading-2 {
  padding: 0;
  width: 40%;
}
.uikit-title p {
  max-width: 516px;
}
.uikit-list {
  margin: 0;
  padding: 0 110px;
}
.uikit-list ul {
  margin: 0 -15px;
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.uikit-list ul li {
  padding: 0 15px 70px;
}
.uikit-list ul li:nth-child(1) {
  width: 30%;
}
.uikit-list ul li:nth-child(2) {
  width: 70%;
}
.uikit-list ul li:nth-child(3) {
  width: 100%;
  padding-bottom: 0;
}
.uikit-label {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  color: #93A6A6;
  margin: 0 0 16px;
}
.uikit-image img {
  box-shadow: 0px 4px 27px rgba(45, 68, 68, 0.08);
  border-radius: 6px;
}

.delivered-section {
  padding: 148px 0 148px;
}
.delivered-title {
  max-width: 1062px;
  margin: 0 auto;
  padding: 0 0 42px;
}
.delivered-title .heading-2 {
  padding: 0 0 24px;
}
.delivered-box {
  max-width: 1062px;
  margin: 0 auto;
  /* padding: 0 0 148px; */
}
.delivered-box ul {
  margin: 0 -6px;
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: space-between;
}
.delivered-box ul li {
  width: 33.3%;
  padding: 0 6px;
}
.delivered-info {
  border: 1px solid #00BFF2;
  padding: 32px;
  height: 100%;
}
.delivered-number {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 28px;
  line-height: 115%;
  color: var(--dark-black);
  margin: 0 0 8px;
}
.delivered-description p {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  color: var(--dark-black);
}

.testimonial-slide {
  padding: 148px 110px 0;
  display: none;
}
.testimonial-slide ul {
  margin: 0;
  padding: 0;
  list-style: none;
  max-width: 953px;
}
.testimonial-slide ul li {
  margin: 0;
}
.testimonial-content {
  padding: 0 0 38px;
}
.testimonial-content p {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-size: 32px;
  line-height: 158.5%;
  color: var(--dark-black);
}
.testimonial-info {
  display: flex;
  align-items: center;
}
.testimonial-author-image {
  width: 64px;
  height: 64px;
}
.testimonial-author-image img {
  height: 100%;
  width: 100%;
  border-radius: 50%;
  border: none;
}
.testimonial-author-name {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
  color: var(--dark-black);
}
.testimonial-author-position {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 160%;
  color: var(--dark-black);
}
.testimonial-info-right {
  padding: 0 0 0 22px;
}

.review-section {
  padding: 0 0 88px;
}
.review-content {
  max-width: 1060px;
  margin: 0 auto;
}
.review-title {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 0 0 38px;
}
.review-title-left {
  max-width: 625px;
}
.review-title-right {
  width: 298px;
}
.review-title-right ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
}
.review-title-right ul li:last-child {
  padding-left: 50px;
}
.heading-5 {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
  color: var(--dark-black);
}
.review-sub-title {
  padding: 0 0 65px;
}
.review-box ul {
  column-count: 3;
  column-gap: 18px;
}
.review-box ul li {
  margin: 0;
  display: grid;
  grid-template-rows: 1fr auto;
  margin-bottom: 18px;
  break-inside: avoid;
  -webkit-break-inside: avoid;
}
.review-box ul li .review-info {
  grid-row: 1 / -1;
  grid-column: 1;
}
.review-info {
  background: #8259D6;
  /* box-shadow: 0px 4px 27px rgba(45, 68, 68, 0.08); */
  border-radius: 6px;
  padding: 30px;
}
.review-box ul li:nth-child(1) {
  transition-delay: 0.2s !important;
}
.review-box ul li:nth-child(2) {
  transition-delay: 0.3s !important;
}
.review-box ul li:nth-child(3) {
  transition-delay: 0.4s !important;
}
.review-box ul li:nth-child(4) {
  transition-delay: 0.5s !important;
}
.review-box ul li:nth-child(5) {
  transition-delay: 0.6s !important;
}
.review-box ul li:nth-child(6) {
  transition-delay: 0.7s !important;
}
.review-star {
  margin: 0 0 15px;
}
.review-star-content p {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 150%;
  color: var(--white);  
}
.review-star-author-name {
  padding: 15px 0 0 0;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 140%;
  text-transform: capitalize;
  color: var(--white); 
}

.case-study-contact .about_design_form {
  padding: 110px 50px 80px;
}
.case-study-contact .about_design_form {
  gap: 45px;
}
.case-study-contact .about_design_form_right {
  flex-basis: 100%;
}
.case-study-contact .about_design_form_left {
  flex-basis: 100%;
  max-width: 44%;
}
.case-study-contact .about_design_form_left p {
  max-width: 500px;
}
.uikit-image-mobile {
  display: none;
}
.view-full-screen {
  display: none;
}


/* ======== Case Study Health-e End ======== */


/* ======== Case Study Marketing Collateral Single Image Start ======== */

.marketing-overview-section {
  padding: 0 0 83px;
}
.marketing-overview-content .overview-content-right {
  padding: 0;
  width: 100%;
}
.marketing-overview-content .overview-content-right ul {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 0 80px;
  list-style: none;
  grid-template-columns: auto auto auto;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
}
.marketing-overview-content .overview-content-right ul li {
  margin: 0;
  padding: 0;
}
.marketing-overview-content .overview-content-right ul li:last-child {
  grid-column: auto;
  grid-row: auto;
}
.marketing-overview-content .overview-content-right ul li p {
  line-height: 178%;
}

.marketing-image-section {
  padding: 120px 0;
}
.marketing-image-content {
  margin: 0 auto;
  max-width: 1062px;
}
.marketing-image-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.marketing-image-content ul li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.marketing-image-content ul li img {
  width: 100%;
}

/* ======== Case Study Marketing Collateral Single Image End ======== */

/* ======== Case Study Marketing Collateral Two Column Image Start ======== */

.marketing-image-section {
  padding: 92px 0;
}
.marketing-image-content-two ul {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: dense;
    gap: 28px;
    list-style: none;
}
.marketing-image-content-two ul li {
  margin: 0;
  grid-row: span 2;
}
.marketing-image-content-two ul li:nth-child(1) {
  grid-row: span 1;
}
.marketing-image-content-two ul li:nth-child(2) {
  padding-top: 32%;
}
/* .marketing-image-content-two ul li img {
  width: 100%;
  height: 100%;
  object-position: center;
  object-fit: cover;
} */

.postid-2628 .marketing-image-content-two ul li:nth-child(1), .postid-2629 .marketing-image-content-two ul li:nth-child(1) {
  grid-row: span 2;
}
.postid-2628 .marketing-image-content-two ul li:nth-child(2), .postid-2629 .marketing-image-content-two ul li:nth-child(2) {
  padding-top: 25%;
}
.postid-2628 .marketing-image-content-two ul li, .postid-2629 .marketing-image-content-two ul li {
  grid-row: span 3;
}

.postid-2603 .marketing-image-content-two ul li {
  margin: 0;
  grid-row: span 3;
}
.postid-2603 .marketing-image-content-two ul li:nth-child(1) {
  grid-row: span 2;
}
.postid-2603 .marketing-image-content-two ul li:nth-child(2) {
  padding-top: 35%;
}

/* ======== Case Study Marketing Collateral Two Column Image End ======== */


/* ======== Handtyped Case Study Start ======== */

.heading-4 {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 600;
  font-size: 24px;
  line-height: 150%;
  color: var(--dark-black);
  padding: 0 0 24px;
}
.banner-image-main > img.full-width {
  max-width: 100%;
}
.our-work-template-case-study-handtyped .overview-content {
  align-items: center;
}
.our-work-template-case-study-handtyped .overview-content-left {
  width: 58%;
}
.our-work-template-case-study-handtyped .overview-gallery ul {
  max-width: 900px;
  margin: 0;
  padding: 0 92px;
}
.our-work-template-case-study-handtyped .overview-gallery ul li:nth-child(1) {
  padding-top: 0;
  width: 546px;
}
.our-work-template-case-study-handtyped .overview-gallery ul li:nth-child(2) {
  padding-top: 174px;
  width: 328px;
}
.our-work-template-case-study-handtyped .overview-gallery {
  padding-bottom: 132px;
}
.our-work-template-case-study-handtyped .challenge-list {
  max-width: 856px;
}
/* .our-work-template-case-study-handtyped .challenge-list ul {
  margin: 0 -20px;
} */
.our-work-template-case-study-handtyped .challenge-list ul li {
  width: 50%;
  /* padding: 0 20px; */
}
.our-work-template-case-study-handtyped .our-approch-content-top p {
  max-width: 956px;
}
.our-work-template-case-study-handtyped .our-approch-list {
  max-width: 1172px;
  padding: 0 0 130px;
}
/* .our-work-template-case-study-handtyped .our-approch-list ul {
  margin: 0 -17px;
} */
/* .our-work-template-case-study-handtyped .our-approch-list ul li {
  width: 33.3%;
  padding: 0 17px;
} */
.txt-center {
  text-align: center;
  margin: 0 auto;
}
.our-work-template-case-study-handtyped .visual-para {
  padding: 90px 0 60px;
}
.nav-system-image img {
  margin: 0 auto;
}
.our-work-template-case-study-handtyped .delivered-section {
  padding: 120px 0;
}
.our-work-template-case-study-handtyped .delivered-info {
  border: none;
}
.our-work-template-case-study-handtyped .delivered-number, .our-work-template-case-study-handtyped .delivered-description p {
  color: var(--white);
}
.our-work-template-case-study-handtyped .delivered-box ul li:nth-child(1) .delivered-info {
  background-color: #78849C;
}
.our-work-template-case-study-handtyped .delivered-box ul li:nth-child(2) .delivered-info {
  background-color: #F3A485;
}
.our-work-template-case-study-handtyped .delivered-box ul li:nth-child(3) .delivered-info {
  background-color: #8CBAC2;
}

.key-list.handtyped-key-list ul li:nth-child(1) {
  padding: 0 58px 0 0;
  align-items: flex-start;
  background: #fdfdfd;
}
.key-list.handtyped-key-list ul li:nth-child(1) .key-image {
  /* position: relative;
  max-width: 300px;
  height: 608px;
  margin: 0 auto;
  padding: 98px 0 0 0; */
  padding-bottom: 0 !important;
  padding-top: 30px !important;
}
.key-list.handtyped-key-list ul li:nth-child(1) .key-image img {
  margin: 0px 0 -100px -12px;
}
/* .key-list.handtyped-key-list ul li:nth-child(1) .key-image::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  background-image: url(images/interactive-onbording-mobile-bg.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: contain;
  transform: translate(-47%, -45%);
  width: 594px;
  height: 620px;
} */
.key-list.handtyped-key-list ul li:nth-child(1) .key-info {
  margin: 0 0 0 auto;
  flex-basis: 100%;
  max-width: 408px;
  padding: 113px 0 0 0;
}
.key-list.handtyped-key-list ul li:nth-child(2) {
  background-image: url(images/how-to-setup-bg.svg);
  background-position: -3px -3px;
  background-repeat: no-repeat;
  background-size: 105%;
  background-color: #FFFFFF;
  padding: 46px 1px 1px 83px;
}
.key-list.handtyped-key-list ul li:nth-child(2) .heading-4 {
  padding-bottom: 18px;
}
.key-list.handtyped-key-list ul li:nth-child(2) .key-info {
  padding: 55px 0 0 0;
  max-width: 323px;
}
.key-list.handtyped-key-list ul li:nth-child(2) .key-image {
  max-width: 534px;
}

.key-list.handtyped-key-list ul li:nth-child(3) {
  background-image: url(images/manage-font-bg.svg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: #1E325A;
  align-items: flex-end;
  padding: 55px 80px 17px 75px;
}
.key-list.handtyped-key-list ul li:nth-child(3) .key-info {
  max-width: 401px;
  padding: 0 0 70px;
  margin: 0px 0 0 -70px;
}
.key-list.handtyped-key-list ul li:nth-child(3) .key-info .heading-3 {
  color: #FFFFFF;
}
.key-list.handtyped-key-list ul li .key-info .heading-3 {
  padding-bottom: 18px;
}
.key-list.handtyped-key-list ul li:nth-child(3) .key-info p {
  color: #ffffff;
}
.key-list.handtyped-key-list ul li:nth-child(3) .key-image {
  width: 856px;
} 

.handtyped-banner-image-section {
  padding: 162px 0 0 0;
  position: relative;
  overflow: hidden;
  /* width: 100%; */
  margin: 0 auto;
}
.handtyped-banner-image-section .banner-image-main {
  position: relative;
  display: flex;
  justify-content: center;
  margin: 0 auto;
  max-width: 793px;
  z-index: 9;
  align-items: flex-end;
}
.bottom-shape {
  position: absolute;
  bottom: -151px;
  max-width: 1375px;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  left: -50px;
  right: -50px;
  z-index: 1;
}
.banner-bg-line {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}
.banner-image-main-center {
  flex-basis: 100%;
  max-width: 322px;
  position: relative;
  z-index: 1;
  margin: 0 -10px;
}
.banner-image-main-left, .banner-image-main-right {
  flex-basis: 100%;
  max-width: 244px;
}
.banner-mobile-image-left-shape {
  top: -110px;
  position: absolute;
  left: -100px;
}
.banner-mobile-image-right-shape {
  top: -110px;
  position: absolute;
  right: -100px;
}

.our-work-template-case-study-handtyped .our-approch-section {
  background: linear-gradient(180deg, rgba(254, 254, 254, 0) 4.88%, #FBF4EA 101.29%) !important;
}
.our-work-template-case-study-handtyped .wireframing-visual-section {
  background: #FBF4EA;
}
.our-work-template-case-study-handtyped .visual-slider .visual_slide img {
  border-radius: 16px;
  box-shadow: -3px 5px 13px rgba(83, 66, 40, 0.07);
}
.our-work-template-case-study-handtyped .uikit-list ul li:nth-child(2) {
  width: 68.5%;
}
.our-work-template-case-study-handtyped .uikit-list ul li:nth-child(1) {
  width: 31.5%;
}
.our-work-template-case-study-handtyped .uikit-title p {
  max-width: 625px;
}
.our-work-template-case-study-handtyped .uikit-label {
  color: #968061;
}
.our-work-template-case-study-handtyped .visual-list ul {
  margin: 0 -4px;
}
.our-work-template-case-study-handtyped .visual-list ul li {
  border: 4px solid #FBF4EA;
}
.our-work-template-case-study-handtyped .uikit-list {
  margin: 0;
  padding: 0;
}
.our-work-template-case-study-handtyped .uikit-title {
  display: flex;
  align-items: flex-start;
  padding: 0 0 34px;
}
.our-work-template-case-study-handtyped .uikit-content {
  max-width: 1062px;
  margin: 0 auto;
}

/* ======== Handtyped Case Study End ======== */

/* ======== Vidstep Case Study Step ======== */

.vidatep-banner-image-section {
  padding: 64px 0 0 0;
  overflow: hidden;
  width: 80%;
  margin: 0 auto;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.vidatep-banner-image-section .container {
  position: relative;
}
.vidatep-banner-bg {
  position: absolute;
  right: 58%;
  top: -62px;
  bottom: -42px;
  width: 610px;
}
.vidatep-banner-image {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  position: relative;
  z-index: 1;
}
.vidatep-banner-mobile-image {
  margin: 0 -30px 0 0;
  position: relative;
  max-width: 270px;
  z-index: 1;
}
.vidatep-banner-mobile-image img {
  box-shadow: 10.4262px -5.95785px 23.8314px rgba(0, 0, 0, 0.21), inset 0px 5.95785px 13.4052px #FFFFFF, inset 0px 0px 23.8314px #FFFFFF;
  border-radius: 38px 38px 0 0;
}
.vidatep-banner-desktop-image {
  max-width: 742px;
  position: relative;
  z-index: 0;
}
.vidatep-banner-desktop-gif-image {
  position: absolute;
  top: 85px;
  right: 44px;
  border-radius: 5px;
  overflow: hidden;
  max-width: 361px;
  height: 270px;
}
.vidatep-banner-desktop-gif-image img {
  width: 100%;
  height: 100%;
}
.our-work-template-case-study-vidstep .overview-content-left p {
  padding: 0 0 30px;
}
.our-work-template-case-study-vidstep .overview-content-left p + p {
  padding-bottom: 14px;
}
.our-work-template-case-study-vidstep .overview-content {
  align-items: flex-start;
}
.our-work-template-case-study-vidstep .overview-content-left {
  width: 67%;
}
.our-work-template-case-study-vidstep .overview-content-right {
  padding-top: 40px;
}
.our-work-template-case-study-vidstep .overview-content .overview-content-left ul {
  margin: 0;
  padding: 0;
  display: flex; 
  align-items: center;
  list-style: none;
}
.our-work-template-case-study-vidstep .overview-content .overview-content-left ul li {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 20px;
  line-height: 100%;
  color: #202427;
  padding-right: 38px;
}
.our-work-template-case-study-vidstep .overview-content .overview-content-left ul li:last-child {
  padding-right: 0;
}
.our-work-template-case-study-vidstep .overview-content .overview-content-left ul li strong {
  font-weight: 700;
}
.our-work-template-case-study-vidstep .overview-gallery {
  padding: 120px 0;
}
.our-work-template-case-study-vidstep .challenge-list {
  padding: 0 0 120px; 
  max-width: inherit;
}
/* .our-work-template-case-study-vidstep .challenge-list ul li {
  width: 33.3%;
} */
/* .our-work-template-case-study-vidstep .challenge-list ul li:nth-child(2) {
  padding: 0 28px;
} */
.our-work-template-case-study-vidstep .gray-content {
  padding: 38px 0;
  position: relative;
}
.our-work-template-case-study-vidstep .gray-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 50px;
  height: 1px;
  background-color: #74797B;
  margin: 0 auto;
}
.our-work-template-case-study-vidstep .gray-content::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 50px;
  height: 1px;
  background-color: #74797B;
  margin: 0 auto;
}
.our-work-template-case-study-vidstep .our-approch-section {
  padding: 0 0 130px;
  background: #ffffff;
}
.our-work-template-case-study-vidstep .our-approch-content-top p {
  max-width: 860px;
}
/* .our-work-template-case-study-vidstep .our-approch-list ul {
  margin: 0 -17px;
} */
/* .our-work-template-case-study-vidstep .our-approch-list ul li {
  width: 33.3%;
  padding: 0 17px;
} */
.our-work-template-case-study-vidstep .our-approch-list {
  padding: 0;
}

.redesign-section {
  padding: 120px 0 0;
  background: #EEF3FB;
}
.redesign-content-top {
  max-width: 1062px;
  margin: 0 auto 75px;
  text-align: center;
}
.redesign-title .heading-2 {
  padding: 30px 0 27px;
}
.redesign-content-top p {
  max-width: 844px;
  margin: 0 auto;
}
.redesign-content-bottom {
  background: #FFFFFF;
  padding: 80px 50px 0 80px;
  margin: 0 auto 30px;
  max-width: 1278px;
}
.redesign-content-bottom .sub-heading {
  padding: 0 0 40px;
  max-width: 887px;
}
.redesign-content-bottom .heading-4 {
  padding: 0 0 12px;
}
.redesign-content-bottom .sub-heading p {
  max-width: 764px;
}
.arrow-image {
  max-width: 130px;
  margin: -15px auto -15px;
}
.arrow-image img {
  margin: 0 0 0 -60px;
  width: 100%;
}
.custom-graphics-content {
  background: #FFFFFF;
  padding: 80px 70px 0;
  margin: 0 auto 30px;
  max-width: 1278px;
}
.custom-graphics-content-top {
  max-width: 754px;
  margin: 0 auto;
  text-align: center;
  padding: 0 0 115px;
}
.custom-graphics-content-bottom {
  margin: 0;
}
.custom-graphics-content-bottom ul {
  display: flex;
  flex-wrap: wrap;
}
.custom-graphics-content-bottom ul li {
  border-right: 1px solid #D7E8E8;
  padding: 0 40px 50px;
  width: 33.3%;
}

.custom-graphics-content-bottom ul li:nth-child(3), .custom-graphics-content-bottom ul li:nth-child(5) {
  border-right: none;
}
.custom-graphics-content-bottom ul li:nth-child(4), .custom-graphics-content-bottom ul li:nth-child(5){
  border-top: 1px solid #D7E8E8;
  padding-top: 46px;
  width: 50%;
}
.custom-graphics-info {
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 130%;
  text-align: center;
  color: #74797B;
  margin: 0 0 40px;
}
.custom-graphics-image {
  text-align: center;
}

.redesign-wesite-section {
  background: #1C438A;
  margin: 0 auto;
  max-width: 1278px;
  padding: 120px 60px 130px;
  position: relative;
  overflow: hidden;
}
.redesign-wesite-section::before {
  content: "";
  position: absolute;
  right: 0;
  top: 14%;
  background-image: url(images/redesign-website-right-helight.svg);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 210px;
  height: 930px;
}
.redesign-wesite-section::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  background-image: url(images/redesign-website-left-helight.svg);
  width: 256px;
  height: 561px;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: 100%;
  z-index: 0;
}
.redesign-wesite-content-top {
  max-width: 758px;
  margin: 0 auto 55px;
  text-align: center;
  position: relative;
  z-index: 1;
}
.white_text .heading-4, .white_text p {
  color: #ffffff;
}
.redesign-wesite-content-top .heading-4 {
  padding-bottom: 16px;
}
.redesign-wesite-content-bottom {
  margin: 0;
  position: relative;
  z-index: 1;
  padding: 0 0 120px;
}
.redesign-wesite-image {
  max-width: 1060px;
  height: 708px;
  margin: 0 auto;
  overflow: hidden;
}
.redesign-wesite-image img {
  width: 100%;
}

.redesign_wesite_tabbing {
  margin: 0 -60px;
  padding: 0 0 120px;
}
.redesign_wesite_tabbing_list {
  margin: 0 0 50px;
  border-bottom: 1px solid #416EBF;
}
.redesign_wesite_tabbing_list ul {
  display: flex;
  align-items: center;
  justify-content: center;
  list-style: none;
}
.redesign_wesite_tabbing_list ul li {
  margin: 0;
  padding: 0 30px;
}
.redesign_wesite_tabbing_list ul li a {
  padding: 20px 0;
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 160%;
  text-align: center;
  color: #FFFFFF;
  display: block;
  text-decoration: none;
}
.redesign_wesite_tabbing_list ul li.active a {
  text-shadow: 0 0 1px #ffffff;
}
.redesign_wesite_tabbing_list ul li a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 2px;
  background-color: #FFFFFF;
  opacity: 0;
  visibility: hidden;
}
.redesign_wesite_tabbing_list ul li.active a::after {
  opacity: 1;
  visibility: visible;
}

.redesign_wesite_tabbing_details {
  max-width: 923px;
  margin: 0 auto;
}
.redesign_wesite_tabbing {
  position: relative;
  z-index: 1;
}
.tab-bottom-section {
  position: relative;
  z-index: 1;
}
.tab-bottom-section ul {
  display: flex;
  align-items: flex-start;
  list-style: none;
  margin: 0 -20px;
}
.tab-bottom-section ul li {
  width: 50%;
  padding: 0 20px;
  text-align: center;
}
.tab-bottom-label {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-size: 24px;
  line-height: 140%;
  text-align: center;
  color: #FFFFFF;
  margin: 0 0 30px;
}
.for-webapp-section {
  padding: 120px 0 0 0;
  background: #EEF3FB;
}
.for-webapp-top {
  max-width: 1062px;
  margin: 0 auto 80px;
  text-align: center;
}
.for-webapp-top .heading-2 {
  padding: 30px 0 27px;
}
.for-webapp-top p {
  max-width: 844px;
  margin: 0 auto;
}
.for-webapp-list-content .for-webapp-list-box {
  padding: 120px 0 108px;
  background: #05132F;
}
.for_webapp_slide {
  /* padding: 30px 0; */
  width: auto !important;
}
.for-webapp-list-slider .swiper-wrapper {
  transition-timing-function: linear !important;
  position: relative;
  /* transition-duration: 60s !important; */
}
.setting-visual-tone {
  padding: 174px 0 117px;
  max-width: 1062px;
  margin: 0 auto;
  text-align: center;
}
.setting-visual-tone p {
  max-width: 792px;
  margin: 0 auto;
}

.guided-vidstep-content {
  position: relative;
  background: #1C438A;
  max-width: 1280px;
  margin: 0 auto 30px;
  padding: 80px 100px 50px;
}
.guided-vidstep-content::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  background-image: url(images/guided-vidstep-graphics.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 0;
  width: 421px;
  height: 379px;
}
.guided-vidstep-heading {
  max-width: 672px;
  margin: 0 0 80px;
  position: relative;
  z-index: 1;
}
.guided-vidstep-video {
  margin: 0;
  position: relative;
  z-index: 1;
}
.guided-vidstep-video video {
  width: 100%;
}

.viewers-information-content {
  position: relative;
  background: #1C438A;
  max-width: 1280px;
  margin: 0 auto 30px;
  padding: 80px 100px 50px;
}
.viewers-information-content::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background-image: url(images/viewers-vidstep-graphics.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 0;
  width: 348px;
  height: 373px;
}
.viewers-information-heading {
  margin: 0 auto 60px;
  max-width: 700px;
  text-align: center;
  padding: 0 70px;
}
.viewers-information-image {
  max-width: 991px;
  margin: 0 auto;
}
.light-dark-content {
  position: relative;
  background: #1C438A;
  max-width: 1280px;
  margin: 0 auto;
  padding: 110px 170px 150px 80px;
  display: flex;
}
.light-dark-content::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-image: url(images/light-dark-graphics.svg);
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: 0 0;
  width: 307px;
  height: 423px;
}
.light-dark-left {
  flex-basis: 100%;
  max-width: 672px;
  padding: 30px 0 0 0;
  position: relative;
  z-index: 1;
}
.light-dark-right {
  max-width: 320px;
  flex-basis: 100%;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.light-dark-right-image img {
  width: 100%;
}
.light-dark-right .light-dark-right-image:nth-child(2) {
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  /* transform: scale(0,1);
  transform-origin: right; */
  transition: all 0.3s linear;
  opacity: 0;
  visibility: hidden;
}
.light-dark-right .light-dark-right-image.active:nth-child(2) {
  /* transform: scale(1,1); */
  opacity: 1;
  visibility: visible;
}
.light-dark-heading {
  margin: 0 0 40px;
  max-width: 465px;
  position: relative;
  z-index: 1;
}
.light-dark-icon {
  margin: 0;
}
.light-dark-icon ul {
  display: flex;
  align-items: center;
  list-style: none;
  margin: 0;
  padding: 0;
}
.light-dark-icon ul li {
  margin: 0 23px 0 0;
}
.light-dark-icon ul li a {
  height: 64px;
  width: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #FFFFFF;
  border-radius: 50%;
}
.light-dark-icon ul li.active:nth-child(1) a {
  background: linear-gradient(137.79deg, #FAA500 -3.69%, #FA8700 132.96%);
  border-color: #FAA500;
}
.light-dark-icon ul li.active:nth-child(2) a {
  background-color: #000000;
  border-color: #000000;
}
.our-work-template-case-study-vidstep .uikit-content {
  max-width: 1062px;
  margin: 0 auto;
}
.our-work-template-case-study-vidstep .uikit-title {
  padding: 0 0 80px;
}
.our-work-template-case-study-vidstep .uikit-list {
  padding: 0;
}
.our-work-template-case-study-vidstep .uikit-title p {
  max-width: 762px;
}


.our-work-template-case-study-vidstep .wireframing-visual-section {
  background-color: #FFFFFF;
}
.our-work-template-case-study-vidstep .uikit-image img {
  box-shadow: none;
  border-radius: 0;
}
.our-work-template-case-study-vidstep .review-title-left {
  max-width: 480px;
}
.our-work-template-case-study-vidstep .review-title-right {
  max-width: 516px;
  flex-basis: 100%;
  padding-left: 40px;
  padding-bottom: 18px;
}
.our-work-template-case-study-vidstep .review-box ul li .review-info {
  background-color: #E8EFFD;
  box-shadow: none;
}
.our-work-template-case-study-vidstep .review-box ul li:nth-child(1) .review-info, .our-work-template-case-study-vidstep .review-box ul li:nth-child(4) .review-info, .our-work-template-case-study-vidstep .review-box ul li:nth-child(5) .review-info {
  background-color: #E8FDF9;
}
.our-work-template-case-study-vidstep .review-star-content p, .our-work-template-case-study-vidstep .review-star-author-name {
  color: var(--dark-black);
}



/* ======== Vidstep Case Study End ======== */

.xenia-slider {
  margin: 0;
  padding: 60px 0 0 0 !important;
  overflow: hidden;
}
.xenia-slider .swiper-wrapper {
  transition-timing-function: linear !important;
  position: relative;
}
.xenia-slider .xenia_slider {
  width: 80% !important;
  padding: 0 18px;
}
.section_services_cta {
  padding-top: 100px;
}

.helps_enterprise_slider.swiper.helps_enterprise_slider_otr.swiper-container-horizontal {
  overflow: inherit;
}
.service_read_more_button {
  padding: 20px 0 30px 0;
  border-bottom: 1px solid #202427;
}
.our_offering_accordian_que:last-child .service_read_more_button {
  border-bottom: none;
}
.helps_slider_info p {
  color: #636668;
}


/**************** Recent Blog ***************/

.fresh-blog-list-row {
  display: flex;
  align-items: center;
  gap: 0 60px;
}
.fresh-blog-list {
  display: flex;
  align-items: center;
  width: 50%;
}
.fresh-blog-list .blog-image {
  flex-basis: 100%;
  max-width: 300px;
  /* height: 300px; */
  width: 100%;
}
.fresh-blog-list .blog-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-info {
  margin: 0;
  padding: 0 0 0 30px;
}
.blog-info h3 {
  color: #081019;
  font-family: Plus Jakarta Sans;
  font-size: 22px;
  font-style: normal;
  font-weight: 400;
  line-height: 146%;
  padding: 0 0 30px;
}
.redesign_wesite_tabbing_info {
  min-height: 5350px;
}

/* 8-8-2023 css */
ul.project-tiles li:first-child {
  opacity: 1 !important;
  transform: translateZ(0) !important;
}
ul.project-tiles li:nth-child(2) {
  opacity: 1 !important;
  transform: translateZ(0) !important;
}

.our_focus_details:first-child {
  opacity: 1 !important;
  transform: translateZ(0) !important;
}

.fresh_slider:first-child {
  opacity: 1 !important;
  transform: translateZ(0) !important;
}


section#get_in_touch_info {
  position: relative;
  z-index: 1;
}