/*
Theme Name: Twenty Twenty Child
Theme URI: https://wordpress.org/themes/twentytwenty/
Template: twentytwenty
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Our default theme for 2020 is designed to take full advantage of the flexibility of the block editor. Organizations and businesses have the ability to create dynamic landing pages with endless layouts using the group and column blocks. The centered content column and fine-tuned typography also makes it perfect for traditional blogs. Complete editor styles give you a good idea of what your content will look like, even before you publish. You can give your site a personal touch by changing the background colors and the accent color in the Customizer. The colors of all elements on your site are automatically calculated based on the colors you pick, ensuring a high, accessible color contrast for your visitors.
Tags: blog,one-column,custom-background,custom-colors,custom-logo,custom-menu,editor-style,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,block-patterns,block-styles,wide-blocks,accessibility-ready
Version: 2.7.1723179424
Updated: 2024-08-09 04:57:04

*/
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Damion&display=swap');
  /*   font-family: "Damion", cursive; */

body,
h1,
h2,
h3,
h4,
h6,
ul,
p {
  font-family: "Inter", sans-serif;
}
:root {
  --orange: #e4622a;
}
body{margin:0;}
.text_orange {
  color: var(--orange);
  font-weight: 800;
}
img{
  max-width:100%;
}
* {
  box-sizing: border-box;
}
/*code snippet*/
.ekit-template-content-header ul.elementskit-navbar-nav li:last-child a {
  border-radius: 52px;
  background: #e4622a;
  font-weight: 600;
  line-height: normal;
  text-transform: uppercase;
  padding: 15px 29px !important;
  height: unset;
  position: relative;
}
.ekit-template-content-header ul.elementskit-navbar-nav li:last-child a:hover {
  background: #e4622a;
}
.banner-sec {
  position: relative;
}

.banner-sec:before {
  content: "";
  background-image: url("https://bytecode.bytecodeapps.in/wp-content/uploads/2024/09/shape-31-new-3.webp");
  position: absolute;
  top: 0;
  left: 0;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  z-index: 99;
}
.banner-sec:after {
  content: "";
  background-image: url("https://bytecode.bytecodeapps.in/wp-content/uploads/2024/09/shape-31-new-3.webp");
  position: absolute;
  bottom: 0px;
  right: 0;
  transform: rotate(180deg);
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
  z-index: 99;
}
.grid_col p {
  margin-bottom: 0;
  line-height: 1;
}

.grid_col .e-con-full {
  border: 1px solid #ededed;
  padding: 20px 10px;
}
.grid_col {
  position: relative;
}
.grid_col .e-con-full:after {
  position: absolute;
  content: "";
  width: 0;
  height: 100%;
  top: 0;
  right: 0;
  border-radius: 5px;
  z-index: 1;
  background-color: #e4622a;
  box-shadow: inset 2px 2px 2px #ffffff80, 7px 7px 20px #0000001a,
    4px 4px 5px #0000001a;
  transition: all 0.5s ease;
}
.grid_col .e-con-full:hover:after {
  width: 100%;
  left: 0;
}

.grid_col .e-con-full:hover img {
  filter: invert(1);
}
.grid_col .e-con-full:hover p {
  color: #fff;
}
.grid_col .elementor-widget-text-editor,
.grid_col .elementor-widget-image {
  z-index: 2;
  position: relative;
}
.banner_img img {
  /*animation: animate 30s linear infinite;*/
}
.quote-popup-close {
  position: relative !important;
  right: 9px !important;
  z-index: 99;
}
/* ---------services--------- */

.home-grid-block.grid-images-block li:nth-child(6) {
  background-image: linear-gradient(
    45deg,
    rgba(31, 6, 182, 1) 0%,
    rgba(144, 67, 188, 1) 60%
  );
}
.service-list li.active .tile.tile--service {
  background-image: linear-gradient(67deg, #0956a3 0%, #043f7b 95%);
}
.service-list li:hover .tile.tile--service {
  background-image: linear-gradient(67deg, #0956a3 0%, #043f7b 95%);
}
.tile.tile--service {
  padding: 45px 30px;
  box-shadow: -0.7px 2.9px 53.8px 0 rgba(0, 0, 0, 16%);
  border-radius: 14px;
  position: relative;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 145%;
  margin-left: -45%;
  background-image: url(https://bytecode.bytecodeapps.in/wp-content/uploads/2024/09/bg-dots.webp);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  max-width: 500px;
}
.tile.tile--service .icn {
  width: 38px;
  height: 38px;
  display: flex;
  margin-left: 27px;
}
.tile.tile--service h3 {
  line-height: 1.33;
  margin: 0;
  width: calc(100% - 65px);
  color: #000;
  font-size: 20px;
  font-weight: 400;
  text-align: right;
}
.service-list li.active .service-list__item .tile.tile--service::before {
  transform: rotate(192deg);
}
.service-list {
  counter-reset: bytecode-service-counter;
  margin-top: 5rem;
  list-style: none;
}
.services-content .new-heading-style h4,
.services-content .new-heading-style p {
  color: inherit;
}
.services-content .new-heading-style h4 {
  font-size: 25px;
  font-weight: 600;
  line-height: 35px;
  letter-spacing: 0;
  margin: 0;
}
.services-content .new-heading-style p {
  font-size: 15px;
  font-weight: 300;
  line-height: 20px;
  letter-spacing: 0;
  margin: 5px 0 35px 0;
}
.services-content-direct-child
  .new-heading-style
  a.btn-register-header.btn-plane {
    text-decoration: unset !important;
    font-weight: 500;
    text-transform: uppercase;
    max-width: 220px;
    text-align: center;
    background: #e4622a;
    color: #fff;
    padding: 16px 32px;
    border-radius: 52px;
    display: inline-block;
    font-size: 16px;
    border: 2px solid #e4622a;
}
.services-content-direct-child .new-heading-style a.btn-register-header.book_a_demo {
  background-color: #ffffff00;
  color: #fff;
  margin-left: 10px;
  border-color: #fff;
}
.services-content-tech-child-upper span {
  font-size: 20px;
  font-weight: 900;
  line-height: 32px;
}
.services-content-tech-child-upper p {
  margin: 0;
  font-size: 15px;
  font-weight: 400;
  line-height: 20px;
}
.services-content-tech-child-upper {
  display: flex;
}
.services-content-tech-child-upper div:first-child {
  padding-right: 20px;
  margin-right: 20px;
  border-right: 1px solid #fff;
  width: 180px;
}
.services-content-tech-child-bottom {
  display: flex;
  gap: 30px;
  margin-top: 40px;
}
.home-services-inners {
  position: sticky;
  top: 15.5vh;
  /* transform: translateY(-50%); */
  left: 0;
  /* min-height: 745px; */
  overflow: hidden;
  padding-bottom: 57.5%;
  border-radius: 12px;
}
.quote-popup {
  z-index: 9999 !important;
}
.services-content-outer-box {
  display: flex;
  justify-content: end;
  flex-direction: column;
  height: 100%;
}
.home-services-inners .services-content {
    padding: 0px 0px 35px 40px;
    height: 100%;
    vertical-align: middle;
    position: absolute;
    -webkit-transition: opacity 0.25s linear;
    transition: opacity 0.25s linear;
    top: 0;
    color: #fff;
    border-radius: 8px;
    width: 100%;
}
.services-content .new-heading-style h3 {
  margin: 0;
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 23px;
}
.services-content .new-heading-style .sub-title {
  font-size: 24px;
  margin-bottom: 17px;
}
.services-content .new-heading-style .btn-plane::before {
  right: 1rem;
  border: none;
  margin: 0;
  top: 50%;
  transform: translateY(-50%);
  left: unset;
  height: 34px;
  width: 34px;
  background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-ed8a77c/wp-content/themes/Avada-Child-Theme/media/2022/08/d41d8cd98f00b204e9800998ecf8427e.services-arrow.svg");
  background-size: contain;
  background-position: center;
}
.services-content .new-heading-style .btn-plane {
  background: transparent;
  border: none;
  font-size: 20px;
  font-weight: bold;
  padding-left: 0;
  padding-right: 5rem;
  text-decoration: underline !important;
  margin-top: 2rem;
}
.services-title {
  position: sticky;
  top: 0;
}
.services-title-main {
  flex: 0 0 25%;
  max-width: 25%;
}
.service-list li:not(:last-child) {
  margin-bottom: 3rem;
  display: block;
}
.service-list li {
  /* margin: 0; */
  max-height: 120px;
  height: 120px;
}
.service-list li a.service-list__item {
  display: inline-block;
  width: 100%;
  height: 100%;
}
.service-list li a.service-list__item .tile.tile--service {
  padding: 10px 20px;
  height: 100%;
}
.service-list li a.service-list__item .tile.tile--service img {
  height: 100%;
  object-fit: contain;
  max-height: 60px;
}
.services-wrapper {
  align-items: unset;
}
.service__item .icn {
  margin-bottom: 1.5rem;
}
.service-list li.active .service-list__item h3 {
  font-weight: bold;
}
.color-primary {
  color: #70aa26;
}
.section--services {
  padding-bottom: 70px;
}
.new-heading-style {
  position: relative;
  width: 100%;
}
.service__item h4 {
  font-size: 20px;
  font-weight: 400;
}
section.our_services_Sec a {
  color: #fff;
}
.services_disc h2 {
  display: flex;
  align-items: center;
  font-size: 21px;
  margin-bottom: 20px;
}

.services_disc h2 img {
  max-width: 34px;
  margin-right: 13px;
  animation: spin 3s infinite linear;
}
.services_disc h3 {
  font-size: 30px;
}
.services_disc {
  margin-bottom: 50px;
}
.services-detail-main {
  flex: 0 0 75%;
  max-width: 75%;
}

.services-wrapper {
  display: flex;
}

@keyframes animate {
  0% {
    transform: translateX(0) scale(1);
  }
  50% {
    transform: rotate(70deg) scale(1.1);
  }
  0% {
    transform: rotate(0deg) scale(1);
  }
}

.ekit-template-content-header ul.elementskit-navbar-nav li a {
  height: unset;
}

.ekit-template-content-header ul.elementskit-navbar-nav li {
  display: flex;
  align-items: center;
}

.main_footer a.ekit-menu-nav-link {
  padding: 6px 0 !important;
}
.main_footer ul.elementskit-navbar-nav li {
  display: block;
  width: 100%;
}
.main_footer {
  background-image: linear-gradient(
    180deg,
    #0956a3 0%,
    #03203d 97.54%
  ) !important;
}
.main_footer .elementskit-menu-container {
  height: unset !important;
}
section#shadow-host-companion {
  padding: 0;
}
.main_footer .elementor-element {
  gap: 0;
}

.main_footer h5 {
  padding-bottom: 12px;
  margin-bottom: 28px;
  position: relative;
}

.main_footer h5:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 20px;
  height: 3px;
  border-radius: 30px;
  background: var(--hover_color, #e4622a);
}

/*Bulb CSS*/
.services_logo_list li.circle_logo {
  position: absolute;
  padding: 6px;
  background: #fff;
  border-radius: 50%;
  height: 50px;
  width: 50px;
  transition: all ease 1s;
  transform: scale(0.6);
  margin: 0;
}
.services_logo_list li.circle_logo.active {
  transform: scale(1);
  opacity: 1;
}
ul.services_logo_list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.services_logo_list li.circle_logo img {
  max-width: 100%;
  position: relative;
  z-index: 1;
}
.services_logo_list li.circle_logo.circle-logo1 {
  left: 1.5%;
  top: 30%;
}
.services_logo_list li.circle_logo.circle-logo2 {
  left: 24.3%;
  top: 8.3%;
}
.services_logo_list li.circle_logo.circle-logo3 {
  left: 17.5%;
  top: 55.3%;
}
.services_logo_list li.circle_logo.circle-logo4 {
  left: 30.3%;
  top: 20.2%;
}
.services_logo_list li.circle_logo.circle-logo5 {
  left: 51%;
  top: 49.9%;
}
.bulb_services_list {
  position: static;
}

.bulb_wrapper {
  position: relative;
  max-width: 500px;
}

.svg_wrapper svg {
  display: block;
}

.services_logo_list li:after {
  left: -10%;
  top: -10%;
  height: 120%;
  width: 120%;
  background: rgb(255 255 255 / 50%);
  opacity: 0;
  box-shadow: 0 0 0 rgb(255 255 255 / 60%);
  animation: pulso 2s infinite;
  transition: 0.5s;
  content: "";
  /*border: 3px solid #fff;*/
  position: absolute;
  border-radius: 50%;
  margin: auto;
  z-index: -1;
}
.services_logo_list li.circle_logo.active:after {
  opacity: 1;
}

@keyframes pulso {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
  }
  70% {
    -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
  }
}
/* Experiences   */
.work_plateform_col p {
  margin: 0;
}
.work_plateform_img {
  width: 75px;
  flex: 0 0 75px;
  min-width: 75px;
}
.work_plateform_col > .e-con {
  padding: 0;
}

.work_plateform_col img {
  width: 75px;
}

/* ----challenge-sec---- */
.challenges_sec .tab {
  display: inline-block;
  padding: 30px;
  background-color: transparent;
  border-radius: 10px;
  cursor: pointer;
  flex: 0 0 20%;
  max-width: 20%;
}
.challenges_sec_main{
  max-width: 100%;
}
.challenges_sec .tab h4,
.challenges_sec .tab p {
  color: #000;
}
.challenges_sec .tab p {
  color: rgb(0 0 0 / 60%);
}
.challenges_sec .challenges_tab.active {
  border-radius: 10px 10px 0px 0px;
  background: #08539e;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.04);
  align-self: stretch;
  min-height: 300px;
}
.challenges_sec .challenges_tab {
  background-color: #fff;
  box-shadow: 0 0 20px 0 #0000000a;
  max-width: 19%;
  min-height: 280px;
  max-height: 280px;
}
.challenges_sec .content {
  display: none;
}

.challenges_sec .content.active {
  display: block;
}
.tab_wrapper {
  display: flex;
  align-items: start;
  column-gap: 20px;
  justify-content: space-between;
}

.tab_top_content h4 {
  font-family: "Inter";
  font-size: 20px;
  font-style: normal;
  font-weight: 500;
  line-height: 30px;
  position: relative;
  margin-top: 20px;
  color: #fff;
}

.tab_top_content {
  text-align: center;
}
.challenges_sec .challenges_tab.active h4,
.challenges_sec .challenges_tab.active p {
  color: #fff;
}
.tab_top_content p {
  font-family: Inter;
  font-size: 15px;
  color: #fff;
  font-style: normal;
  font-weight: 400;
  line-height: 20px;
}

.tab_top_content img {
  margin: auto;
  min-height: 60px;
  object-fit: contain;
  height: 60px;
}
.challenges_sec .content {
  background: linear-gradient(180deg, #0956a3 0%, #03203d 97.54%);
  padding: 50px 40px 50px;
  margin-top: 0px;
}

.challenges_content h3 {
  margin: 0;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 32px;
  line-height: 42px;
}
.tab_top_content h4:after,
.challenges_content h3:after {
  bottom: -10px;
  left: 0;
  right: 0;
  width: 29px;
  height: 3px;
  border-radius: 10px;
  background: #e4622a;
  margin: auto;
  content: "";
  display: block;
  position: absolute;
}
.challenges_content ul li span {
  color: rgb(255 255 255 / 10%);
  font-size: 100px;
  font-weight: bold;
}
.challenges_content .inner_content ul.main_list {
  display: flex;
  text-align: center;
  position: relative;
  justify-content: center;
  margin: 0;
  padding: 0px;
  gap: 30px;
}
.challenges_content .inner_content ul.main_list li {
  text-align: left;
  display: flex;
  color: rgb(255 255 255 / 80%);
  flex-direction: column;
  align-items: flex-start;
  font-size: 15px;
  line-height: 20px;
  font-weight: 500;
  font-family: "Inter", sans-serif;
  margin: 6px 0 2px 16px;
}
.count_wrap {
  display: flex;
  justify-content: start;
  width: 100%;
  position: absolute;
  left: 20px;
  top: 50px;
}
.challenges_content ul.inner_list {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #fff;
  padding-left: 0px;
  margin-left: 0;
  margin-bottom: 15px;
  opacity: 0.8;
}

.challenges_content .inner_content ul.inner_list li:before {
  position: absolute;
  top: 7px;
  left: -16px;
  background: rgb(255 255 255 / 80%);
  width: 5px;
  height: 5px;
  border-radius: 50%;
  content: "";
}

.challenges_content .inner_content ul.inner_list li {
  position: relative;
}

.challenges_content .inner_content p {
  margin-bottom: 0;
  margin-top: 20px;
  text-align: left;
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
  font-family: "Inter", sans-serif;
  color: #fff;
}
.challenges_content .inner_content {
  margin-top: 55px;
}
.challenges_content a,
.service-list li.view-more-item a.view-more-btn {
  background: #e4622a;
  color: #fff;
  padding: 16px 32px;
  border-radius: 52px;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  position: relative;
}
.service-list li.view-more-item a.view-more-btn {
  padding: 0px !important;
  background-color: transparent !important;
}
.service-list li.view-more-item a.view-more-btn::before {
  box-shadow: 0 0 0 rgb(255 255 255 / 40%);
  animation: pulso 2s infinite;
  transition: 0.5s;
  content: "";
  width: 15px;
  height: 15px;
  border: 3px solid #fff;
  position: absolute;
  left: -40px;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}
.service-list li.view-more-item {
  max-height: 90px;
}
.service-list li.view-more-item a.view-more-btn {
  width: 100%;
  text-align: center;
  padding: 20px 0;
  font-size: 28px;
  letter-spacing: 0;
  position: relative;
  border-radius: 12px;
  height: 100%;
}
.service-list li.view-more-item a.view-more-btn .tile.tile--service {
  padding: 20px 30px;
  box-shadow: -0.7px 2.9px 53.8px 0 rgba(0, 0, 0, 16%);
  border-radius: 14px;
  position: relative;
  background: #e4622a;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  width: 145%;
  margin-left: -45%;
  max-width: 500px;
  height: 100%;
}
.consultation_btn {
  text-align: center;
  margin-top: 50px;
}
.challenges_content a:hover {
  background: #fff;
  color: #e4622a;
}
.challenges_content .inner_content ul.main_list > li {
  margin: 0 20px;
}
.challenges_content .inner_content ul.main_list > li {
  /* max-width: 400px; */
  margin: 0 auto;
  background-color: rgba(255,255,255,0.05);
  border-radius: 20px;
  padding: 20px;
  width: 23%;
  position: relative;
}
.c_list_item {
  padding: 0 20px;
}
.challenges_sec {
  /* padding: 0 90px; */
}
.c_list_item h5, .count_wrap+div h5 {
  margin: 15px 0 10px;
  font-size: 20px;
  font-weight: bold;
  text-align: left;
  color: #fff;
  font-family: "inter", sans-serif;
  letter-spacing: 0px;
}
/* .c_list_item {
  max-width: 350px;
  margin: 0 auto;
} */
/*code snippet end*/

.team_slider_wrapper .slick-slide img {
  display: block;
  margin: 0 auto;
}
ul.slick-dots {
  clear: both;
  display: block;
  flex: 0 0 100%;
  max-width: 100%;
  display: flex;
  list-style: none;
  justify-content: center;
  align-items: center;
  margin: 30px 0 0 0;
  gap: 10px;
}
.team_slider_wrapper .e-con-inner {
  flex-wrap: wrap !important;
}
ul.slick-dots li button {
  background: transparent;
  border: 0;
  font-size: 0;
  padding: 0;
  height: 10px;
  width: 10px;
  display: block;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
}
ul.slick-dots li {
  margin: 0;
}
ul.slick-dots li.slick-active button {
  background: #fff;
}
.banner-sec:after,
.banner-sec:before {
  z-index: 0 !important;
}
.main_header {
  z-index: 990;
}
.banner-sec > div {
  z-index: 1;
}

body .services_logo_list li.circle_logo {
  padding: 10px;
  height: 54px;
  width: 54px;
  margin: -2px 0 0 -2px;
}
.services_logo_list li.circle_logo:before {
  content: "";
  height: 100%;
  width: 100%;
  border-radius: 50%;
  z-index: 2;
  border: 3px solid #1faaca;
  display: block;
  position: absolute;
  left: 0;
  top: 0;
}
.svg_wrapper svg {
  height: auto;
  width: auto;
}
.main_header.header_fixed {
  background: rgb(4 63 123 / 87%);
}
.main_header .e-con-inner {
  transition: all ease 0.4s;
}
.main_header.header_fixed .e-con-inner {
  padding-top: 5px;
  padding-bottom: 5px;
}
.challenges_sec .content {
  display: none !important;
}
.challenges_sec .content.active {
  display: block !important;
}
.services_logo_list li.circle_logo.circle-logo6 {
  left: 74.4%;
  top: 40.6%;
}
.services_logo_list li.circle_logo.circle-logo7 {
  left: 62.8%;
  top: 32.7%;
}
.services_logo_list li.circle_logo.circle-logo8 {
  left: 37.9%;
  top: 33.9%;
}
.services_logo_list li.circle_logo.circle-logo9 {
  left: 68.2%;
  top: 15.2%;
}
.services_logo_list li.circle_logo.circle-logo10 {
  left: 30%;
  top: 46.3%;
}
.services_logo_list li.circle_logo.circle-logo11 {
  left: 1.5%;
  top: 52.5%;
}
.services_logo_list li.circle_logo.circle-logo12 {
  left: 36.5%;
  top: 70%;
}
.services_logo_list li.circle_logo.circle-logo13 {
  left: 7%;
  top: 8.5%;
}
.services_logo_list li.circle_logo.circle-logo14 {
  left: 59.5%;
  top: 66.2%;
}
.services_logo_list li.circle_logo.circle-logo15 {
  left: 9.4%;
  top: 39.2%;
}
.services_logo_list li.circle_logo.circle-logo16 {
  left: 50%;
  top: 0;
}

.contact-us-banner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://bytecode.bytecodeapps.in/wp-content/uploads/2024/09/Mask-group.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.core-values-boxes .elementor-icon-box-content h5.elementor-icon-box-title {
  margin: 30px 0 10px 0;
}

.core-values-boxes .elementor-icon-box-content p span {
  display: block;
  padding-top: 2px;
}
.core-values-container::before{
  background-image: url(https://bytecode.bytecodeapps.in/wp-content/uploads/2024/09/shape.webp);
  filter: brightness(0) saturate(100%) invert(0%) sepia(100%) saturate(7500%) hue-rotate(327deg) brightness(114%) contrast(114%) !important;
  content: "";
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  width: 101px;
  height: 91px;
  left: unset;
  filter: unset;
  opacity: 0.5;
}
.core-values-container:hover::before {
  content: "";
  background-image: url(https://bytecode.bytecodeapps.in/wp-content/uploads/2024/09/shape.webp);
  filter: unset !important;
  opacity: 1;
}

.core-values-container:hover .elementor-icon-box-wrapper * {
  color: #fff !important;
}

.core-values-container .elementor-icon-box-wrapper .elementor-icon-box-icon i {
  background: #e4622a;
  border-radius: 50%;
  padding: 10px;
  width: 74px;
  height: 74px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact-page-form form input, .contact-page-form form textarea {
  background: #d9d9d96e;
  border: unset;
  border-radius: 4px;
  height: 60px;
  width: 100%;
  padding: 0 10px;
}
.contact-page-form form textarea {
  min-height: 140px;
}

.contact-page-form form {
  display: flex;
  flex-wrap: wrap;
  row-gap: 35px;
  justify-content: space-between;
  max-width: 1080px;
  margin: 0 auto;
}

.contact-page-form form input::placeholder {
  font-size: 15px;
  font-weight: 400;
}

.contact-page-form form textarea::placeholder {
  font-size: 15px;
  font-weight: 500;
  font-family: 'Inter';
  padding: 16px 0;
}

.contact-page-form form p {
  width: 49%;
  margin: 0;
}
.contact-page-form form p span {
  display: block;
}

.contact-page-form form p:nth-child(6),
.contact-page-form form p:nth-child(7) {
  width: 100%;
}

.contact-page-form form p:nth-child(7) {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

.contact-page-form form p:nth-child(7) input {
  width: 250px;
  margin: auto;
  border-radius: 50px;
  font-size: 16px;
  font-weight: 500;
  padding: 14px 0;
}

.contact-page-form form .wpcf7-response-output {
  display: block;
  width: 100%;
  text-align: center;
  margin-top: -25px;
}

g#BULB-BOTTOM rect,
g#BULB-BOTTOM path {
  fill: #e4622a;
}

.wdt-custom-img-box-carousel-h1 .wdt-icon-box-wrapper .swiper-slide {
  border: 1px solid #000;
  border-radius: 16px;
}
.wdt-custom-img-box-carousel-h1 .wdt-carousel-holder .swiper {
  max-width: 1700px;
  padding-bottom: 110px;
}

.wdt-custom-img-box-carousel-h1
  .wdt-carousel-holder
  .swiper
  .wdt-icon-box-wrapper
  .swiper-slide.swiper-slide-next {
  top: 90px;
}

/*  */
.review-slider {
  width: 100%;
  max-width: 1700px;
  overflow: hidden;
  position: relative;
}
.slider_container {
  display: flex;
  transition: transform 0.3s ease-in-out;
}
.review_slide {
  flex: 0 0 33.3333%;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0.6;
  transform: scale(0.9);
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
}
.review_slide.slick-center {
  opacity: 1;
  transform: scale(1);
}
.review-card {
  background-color: #fff;
  padding: 22px 30px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  text-align: center;
}
.review-card p {
  font-size: 16px;
  margin-bottom: 15px;
  color: #000;
  line-height: 24px;
  text-align: start;
  font-style: italic;
  margin-top: 15px;
}
.reviewer {
  padding-top: 18px;
  border-top: 1px solid #00000021;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 18px;
}
.reviewer img {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 10px;
}
.reviewer-info h3 {
  margin: 0;
  font-size: 1em;
  font-weight: bold;
  color: #333;
}
.review-card .reviewer-info p {
  margin: 0;
  font-size: 0.85em;
  color: #777;
  padding: unset;
  line-height: unset;
  font-style: unset;
}
.reviewer-paltform,
.reviewer-platform {
  display: flex;
  justify-content: space-between;
  margin-bottom: 15px;
}
.reviewer-paltform img,
.reviewer-platform img {
  object-fit: contain;
}
.paltform-div,
.platform-div {
  display: flex;
  align-items: center;
  gap: 5px;
  background-color: #00000017;
  border-radius: 4px;
  padding: 2px 7px 2px 2px;
}
.paltform-div span,
.platform-div span {
  font-size: 12px;
}
.paltform-div img,
.platform-div img {
  width: 25px;
  height: 25px;
}
.reviewre-details {
  display: flex;
  align-items: center;
}
.reviewer-info {
  text-align: start;
}
.review-slider .slider_container .slick-list {
  padding: 0 !important;
}

/* 20-aug-2024 */
.banner-count-number .elementor-counter .elementor-counter-title::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -15px;
  width: 22px;
  height: 5px;
  background: #e4622a;
  border-radius: 4px;
}
.banner-count-number .elementor-counter .elementor-counter-title {
  position: relative;
}
.experiencing-heading-box::before {
  content: "";
  background-image: url(https://bytecode.bytecodeapps.in/wp-content/uploads/2024/09/shape-34-2.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  left: 0px;
  top: -580px;
  max-width: 1060px;
  width: 100%;
  height: 1000px;
  rotate: 9deg;
  z-index: 1;
}
section#services {
  padding: 0;
}
.services-content-direct-child {
  display: flex;
  gap: 40px;
  height: auto;
  align-items: end;
  z-index: 9;
  position: relative;
  flex-wrap: wrap;
  max-width: 85%;
}
.btn_animate .elementor-button {
  position: relative;
}
.btn_animate .elementor-button:after,
.ekit-template-content-header ul.elementskit-navbar-nav li:last-child a:after,
.bytecode-story-dot.active:after, .challenges_content a:after, a.Geta_Quote_btn {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  box-shadow: 0 0 0 rgb(228 98 42 / 60%);
  animation: pulso2 2s infinite;
  transition: 0.5s;
  content: "";
  position: absolute;
  border-radius: 50px;
  margin: auto;
  z-index: 1;
  pointer-events: none;
}
.bytecode-story-dot.active:after {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  box-shadow: 0 0 0 0 rgba(228, 98, 42, 0.6);
  animation: pulso3 2s infinite;
  transition: 0.5s;
  content: "";
  position: absolute;
  border-radius: 50px;
  margin: auto;
  z-index: 1;
  pointer-events: none;
}
@keyframes pulso2 {
  0% {
    -moz-box-shadow: 0 0 0 0 rgba(228, 98, 42, 0.8);
    box-shadow: 0 0 0 0 rgba(228, 98, 42, 0.8);
  }
  70% {
    -moz-box-shadow: 0 0 0 20px rgba(228, 98, 42, 0);
    box-shadow: 0 0 0 20px rgba(228, 98, 42, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(228, 98, 42, 0);
    box-shadow: 0 0 0 0 rgba(228, 98, 42, 0);
  }
}
@keyframes pulso3 {
  0% {
    -moz-box-shadow: 0 0 0 rgba(8, 88, 163, 0.8);
    box-shadow: 0 0 0 rgba(8, 88, 163, 0.8);
  }
  70% {
    -moz-box-shadow: 0 0 0 20px rgba(228, 98, 42, 0);
    box-shadow: 0 0 0 20px rgba(228, 98, 42, 0);
  }
  100% {
    -moz-box-shadow: 0 0 0 0 rgba(228, 98, 42, 0);
    box-shadow: 0 0 0 0 rgba(228, 98, 42, 0);
  }
}
.industries_list_wrap {
  display: flex;
  flex-wrap: wrap;
  /* padding: 50px 0; */
}
.i_single_item {
  flex: 0 0 25%;
  max-width: 25%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 30px 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  border-right: 1px solid rgba(0, 0, 0, 0.2);
  transition: 0.3s;
}
.i_single_item a {
  display: block;
}
.i_single_item figure {
  display: block;
  margin: 0;
}
.i_single_item figure img {
  display: block;
  margin: 0 auto;
  transition: 0.3s;
}
.i_single_item h5 {
  margin: 10px 0 0;
  font-size: 16px;
  text-transform: uppercase;
}
.i_single_item:nth-child(4n + 4) {
  border-right: 0;
}
.i_single_item:last-child,
.i_single_item:nth-last-child(2),
.i_single_item:nth-last-child(3),
.i_single_item:nth-last-child(4) {
  border-bottom: 0;
}
.i_single_item:hover {
  background: linear-gradient(135deg, #0956a3 0%, #03203d 100%);
}

.i_single_item figure img {
  max-width: 40px;
  max-height: 40px;
  object-fit: contain;
}
.i_single_item a {
  color: #000;
  transition: 0.3s;
}

.i_single_item:hover a {
  color: #fff;
}

.i_single_item:hover img {
  filter: invert(1);
}
.service-list li.active .tile.tile--service img,
.service-list li:hover .tile.tile--service img {
  filter: invert(1);
}
.service-list li.active .tile.tile--service span.counter_image img,
.service-list li:hover .tile.tile--service span.counter_image img {
  filter: unset;
}
.services-section {
  margin-top: 40px;
  min-height: 500px;
}
.service-section-slider {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  justify-content: space-between;
}
.service-section-slider a {
  width: 23%;
  padding: 50px 40px 70px;
  border-radius: 16px;
  border: 1px solid #000;
}
.service-section-slider a img {
  width: 100px;
  height: 100px;
  object-fit: contain;
}
.service-section-slider a h3 {
  margin: 15px 0 20px 0;
  font-size: 30px;
  line-height: 1.2;
  color: #200233;
}
.service-section-slider a p {
  font-size: 16px;
  line-height: 26px;
  color: #757575;
  margin: 0;
}
.service-section-slider
  .slick-slide.slick-current.slick-active
  + .slick-slide.slick-active {
  margin-top: 90px;
}
.service-section-slider .slick-track {
  display: flex;
  gap: 40px;
}
.services-section ul.slick-dots {
  display: none !important;
}
.banner-points p {
  margin: 0;
}
.challenges_sec .challenges_tab.active img {
  filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(2%)
    hue-rotate(50deg) brightness(104%) contrast(101%);
}
ul#menu-header-menu li:last-child:hover a {
  color: #fff;
  cursor: pointer;
}
ul#menu-header-menu li:last-child a:hover {
  color: #fff;
  cursor: pointer;
}
/* book consultation popup */
.popup_book_cons .popup {
  max-width: 800px;
  width: 100%;
  padding: 15px;
}
button#close-popup {
  border-radius: 50%;
  padding: 15px;
  font-size: 0;
  position: absolute;
  top: -10px;
  right: -10px;
  border: unset;
}
button#close-popup::before {
  content: "";
  width: 90%;
  height: 90%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(https://bytecode.bytecodeapps.in/wp-content/uploads/2024/08/cross.svg);
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%)
    hue-rotate(100deg) brightness(103%) contrast(101%);
  display: flex;
}
/* book consultation popup end */

/* popup */
.modal_popup {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 900px;
  width: 100%;
  background-color: #fff;
  border-radius: 15px;
  box-shadow: 0 4rem 6rem rgba(0, 0, 0, 0.3);
  z-index: 9999;
  transition: all 0.5s;
  overflow: hidden;
  display: none;
}
.btn--close-modal {
  position: absolute;
  right: 10px;
  top: 10px;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.btn--close-modal span {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 30px;
  height: 30px;
  z-index: 9;
}
.btn--close-modal span:before,
.btn--close-modal span:after {
  position: absolute;
  left: 15px;
  top: 4px;
  content: "";
  background: #000;
  width: 1px;
  height: 20px;
}
.btn--close-modal span:before {
  transform: rotate(45deg);
}
.btn--close-modal span:after {
  transform: rotate(-45deg);
}
.modal_popup.cta_modal .btn-popup-wrapper {
  border-radius: 15px 15px 0 0;
  background-color: #fff;
}
.modal_popup .form_wrap {
  padding: 0;
}
.flex_wrapper {
  display: flex;
}
body .modal_popup .form_left {
  flex: 0 0 400px;
  max-width: 400px;
  padding: 50px 50px 20px;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-left-radius: 15px;
  background-position: top;
}
.app_form_rght {
  flex: 0 0 calc(100% - 400px);
  max-width: calc(100% - 400px);
  padding: 50px 50px 20px;
}
.form_left .heading h4 {
  color: #fff;
  font-weight: 600;
  font-size: 32px;
  margin: 0;
}
/* popup end */

.cls-1,
.cls-2 {
  stroke: transparent !important;
}
/* about-page */
.about_banner::before {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 50%;
  background-image: url(https://bytecode.bytecodeapps.in/wp-content/uploads/2024/09/Mask-group-2-1.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  left: unset;
  max-width: 900px;
}
.page-id-2258 p,
.page-id-2258 h1,
.page-id-2258 h2,
.page-id-2258 h3 {
  padding: 0;
  margin: 0;
}
.about-us-management p {
  margin-left: -38px !important;
}
.experience-box {
  max-height: 300px;
}
.experience-parent-box::before {
  content: "";
  position: absolute;
  right: 200px;
  bottom: -140px;
  left: unset;
  top: unset;
  background-image: url(https://bytecode.bytecodeapps.in/wp-content/uploads/2024/08/three-dots.svg);
  background-position: center;
  background-repeat: repeat;
  background-size: 33px;
  width: 217px;
  height: 100px;
  filter: brightness(0) saturate(100%) invert(16%) sepia(68%) saturate(4280%)
    hue-rotate(200deg) brightness(88%) contrast(93%);
}
.experience-parent-box::after {
  content: "";
  position: absolute;
  top: unset;
  bottom: -50px;
  left: unset;
  right: 0;
  background-image: url(https://bytecode.bytecodeapps.in/wp-content/uploads/2024/09/svg-arrow-1.webp);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100px;
  height: 100px;
}
.bytecode-story-slider {
  position: relative;
  margin: 0 auto;
  /* overflow: hidden; */
}

.bytecode-story-slides {
  display: flex;
  transition: transform 0.5s ease;
}

.bytecode-story-slide {
  min-width: 100%;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: 100px;
}

.bytecode-story-slide img {
  width: 100%;
  height: 450px;
  object-fit: cover;
  border-radius: 20px;
  overflow: hidden;
}

.bytecode-story-controls {
  text-align: center;
  margin-top: 0;
  position: relative;
  display: flex;
  justify-content: space-around;
}
.bytecode-story-controls::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  height: 1px;
  border-top: 1px dashed #0858a3;
  z-index: -1;
}
.bytecode-story-dot {
  cursor: pointer;
  margin: 0 5px;
  border: none;
  background-color: #e7f6ff !important;
  font-size: 16px;
  position: relative;
  width: 60px;
  height: 60px;
  border-radius: 50% !important;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.bytecode-story-dot span.slide-year {
  position: absolute;
  left: -38px;
  top: 80px;
  width: 130px;
  color: #0858a3;
  background: transparent;
  font-size: 28px;
  line-height: 56px;
  font-weight: bold;
  border-radius: 8px;
}
button.bytecode-story-dot:nth-child(even) span.slide-year {
  top: -80px;
}
.bytecode-story-dot.active span.slide-year {
  color: #fff;
  background: #0858a3;
  font-size: 28px;
}

.bytecode-story-dot.active {
  background-color: #0858a3 !important;
  color: #fff;
  position: relative;
}
span.center-dot {
  width: 9px;
  height: 9px;
  background: #0858a3;
  border-radius: 50%;
}
.bytecode-story-dot.active span.center-dot {
  background: #fff;
}
.bytecode-story-slider-container {
  max-width: 1740px;
  width: 100%;
  margin: auto;
  overflow: hidden;
  position: relative;
}
.bytecode-story-slide-left {
  width: 50%;
}
.bytecode-story-slide-left h2 {
  color: #0858a32e;
  font-size: 150px;
  margin: 0;
  letter-spacing: 22px;
}
.bytecode-story-slide-left p {
  margin: 0;
  font-size: 16px;
  line-height: 33px;
  font-weight: 400;
  color: #000;
  letter-spacing: 0px;
}
.bytecode-story-slide-right {
  width: 40%;
}
.bytecode-story-slider-parent {
  position: relative;
  margin-top: 130px;
  padding: 0 20px;
}
.bytecode-story-slider-parent::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 20%;
  background-color: #0858a3;
  z-index: -1;
}
.bytecode-story-dot.active span.slide-year::before {
  content: "";
  position: absolute;
  top: -8px;
  left: 50%;
  transform: translateX(-50%) rotate(45deg);
  width: 30px;
  height: 30px;
  background: #0858a3;
  z-index: -1;
}
button.bytecode-story-dot:nth-child(even) span.slide-year::before {
  top: 34px;
}
.bytecode-story-slide-left p:first-letter {
  font-size: 38px;
}

.banner-point-text {
  position: relative;
}

.banner-point-text:after {
  position: absolute;
  top: 0;
  content: "";
  left: 0px;
  height: 100%;
  width: 1px;
  background: #fff;
}
.banner-point-text p {
  padding: 0 30px;
}
.banner-point-text:first-child:after {
  display: none;
}
.banner-point-text:first-child p {
  padding-left: 0;
}
.work_plateform_col h5.elementor-heading-title a:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.work_plateform_col {
  position: relative;
}
.work_plateform_col div {
  position: unset;
}
.about-us-text h2 {
  text-shadow: 1px 0 rgba(221, 221, 221, 0.2), -1px 0 rgba(221, 221, 221, 0.2),
    0 1px rgba(221, 221, 221, 0.2), 0 -1px rgba(221, 221, 221, 0.2),
    1px 1px rgba(221, 221, 221, 0.2), -1px -1px rgba(221, 221, 221, 0.2),
    1px -1px rgba(221, 221, 221, 0.2), -1px 1px rgba(221, 221, 221, 0.2);
  opacity: 0.5;
}
.book_consultation_popup .popup {
  background: linear-gradient(to bottom, #0956a3, #03203d);
  border: unset !important;
  padding: 0 !important;
  max-width: 850px;
}
.book_consultation_popup .popup-overlay {
  background-color: rgb(0 0 0 / 77%) !important;
}
.popup-left-text {
  color: #fff;
  height: fit-content;
  padding: 40px 0 40px 40px;
}
.popup-left-text h2 {
  font-size: 32px;
  letter-spacing: 0;
  margin: 0;
}
.popup-left-text span.pupup-divider {
  width: 80px;
  height: 5px;
  background: #e4622a;
  display: inline-block;
  border-radius: 2px;
}
.popup-left-text h4 {
  margin: 10px 0 0;
  font-size: 20px;
  letter-spacing: 0;
  font-weight: 500;
}
.popup-left-points {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-top: 25px;
}
.popup-left-points .popup-pt {
  display: flex;
  align-items: center;
  gap: 15px;
  font-size: 14px;
  letter-spacing: 0;
  font-weight: 300;
  line-height: 1.4;
}
.banner-popup-custom-class {
  display: flex;
  gap: 20px;
  max-height: 550px;
  align-items: center;
  width: 100% !important;
}
.banner-popup-custom-class iframe {
  max-height: 550px;
  height: 100%;
  background: #fff;
  display: flex;
  align-items: center;
  /* padding-top: 50px; */
  margin-right: 40px;
}

/* about-page css end*/

.page-template-services .main_header {
  background: rgba(12, 67, 91, 0.87);
}
.service_banner {
  background-image: url("https://bytecode.bytecodeapps.in/wp-content/uploads/2024/09/testimonial-bg-1.webp");
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 650px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.service_banner .services_banner_content h2 span {
  -webkit-background-clip: text !important;
  font-weight: 700;
  font-size: 46px;
  margin: 0;
  padding: 0 8px;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.service_banner .services_banner_content h2 span.span-text1 {
  background: linear-gradient(to right, #58adff, #146dc3);
}
.service_banner .services_banner_content h2 span.span-text2 {
  background: linear-gradient(89deg, #146dc3 0%, #0956a3 97.54%);
}
.service_banner .services_banner_content h2 span.span-text3 {
  background: linear-gradient(to right, #0956a3, #021b35);
}
.service_banner .services_banner_content a {
  background: #e4622a;
  color: #fff;
  padding: 16px 32px;
  border-radius: 52px;
  display: inline-block;
  font-size: 16px;
  text-decoration: none;
  font-weight: 600;
  position: relative;
}
.service_banner .services_banner_content p {
  font-size: 28px;
  margin-bottom: 40px;
}
.service_banner .services_banner_content a:after {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  box-shadow: 0 0 0 rgb(228 98 42 / 60%);
  animation: pulso2 2s infinite;
  transition: 0.5s;
  content: "";
  position: absolute;
  border-radius: 50px;
  margin: auto;
  z-index: 1;
  pointer-events: none;
}
.service_list_sidebar ul {
  list-style: none;
  background: linear-gradient(180deg, #0956a3 0%, #03203d 97.54%);
  margin: 0;
  padding: 30px 0;
  border-radius: 0 20px 20px 0;
}
.service_list_sidebar ul a {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  padding: 12px 0;
  text-transform: capitalize;
  border-bottom: 1px solid #24629f;
  display: block;
}
.service_list_sidebar ul li {
  margin-bottom: 0;
}
.service_list_sidebar {
  flex: 0 0 250px;
  max-width: 250px;
  position: sticky;
  top: 115px;
  left: 0;
}
.service_list_sidebar ul li:last-child a {
  border: 0;
}
.service_list_sidebar ul a:hover {
  color: #ff7d45;
}
.service_list-wrapper {
  position: relative;
  display: flex;
  padding: 80px 0;
  align-items: flex-start;
}
.service_list_content {
  flex: 0 0 calc(100% - 400px);
  max-width: calc(100% - 400px);
  padding: 0 70px;
}
.grid_columns {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 60px;
}
.column_left {
  width: 50%;
}
.column_right {
  width:50%;
}
.column_left h3 {
  margin-top: 0;
  margin-bottom: 20px;
  color: #000;
  line-height: 1.3;
  font-size: 42px;
  letter-spacing: 0.2px;
}
.column_left h3 span {
  display: block;
}
.grid_columns .column_left p {
  margin-bottom: 30px;
  padding-right: 60px;
}
.grid_columns .column_left a {
  background: linear-gradient(122deg, #0956a3 0%, #03203d 97.54%);
  color: #fff;
  padding: 16px 32px;
  border-radius: 52px;
  display: inline-block;
  font-size: 16px;
  text-decoration: none;
  font-weight: 600;
  position: relative;
}
.btn_wrapper li {
  list-style: none;
  padding: 0;
}
.btn_wrapper li a {
  list-style: none;
  margin: 0;
  background: transparent;
  /* box-shadow: 0 5px 20px rgba(0,0,0,0.05); */
  border-radius: 10px;
  margin-bottom: 10px;
  flex: 0 0 calc(50% - 5px);
  /* max-width: calc(50% - 5px); */
  color: #fff;
  text-align: center;
  border: 1px solid #08539d;
  display: block;
  padding:10px;
}
.btn_wrapper ul {
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  padding:0px;
}
.btn_wrapper li a {
  text-decoration: none;
  color: #095097;
}
.column_right p {
  font-size: 16px;
  margin-bottom: 50px;
}
.btn_wrapper li:hover a {
  color: #e4622a;
}
.s_slide .s_slides_block {
  display: flex;
  gap: 20px;
  margin-bottom: 50px;
}
.service_slider {
  margin: 80px 0 150px;
}
.s_img_overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 50px 30px 10px;
  color: #fff;
}
.s_img img {
  width: 100%;
  display: block;
}
.left_slide {
  flex: 0 0 calc(50% - 10px);
  max-width: calc(50% - 10px);
  position: relative;
}
.right_slide {
  flex: 0 0 calc(50% - 10px);
  max-width: calc(50% - 10px);
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 30px;
}
.s_img_logo {
  margin-bottom: 20px;
}
.s_img_overlay p {
  font-size: 14px;
}
.s_img_logo img {
  max-width: 150px;
  width: 100%;
}
.s_result_row h4 {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
}
.result_wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}
.result_wrap h5 {
  font-size: 18px;
  margin: 0;
  font-weight: 600;
}
.result_content p {
  font-size: 12px;
}
.s_slide .logo-img {
  margin-bottom: 30px;
}
p.right_slide_text {
  font-size: 16px;
}
.client_info {
  display: flex;
  align-items: center;
  margin-top: 30px;
}
.client_info-wrap {
  margin-left: 10px;
}

.client_info-wrap p.name {
  font-size: 18px;
  margin-bottom: 8px;
}
.client_info-wrap p {
  margin: 0;
}
.client_info-wrap p.desg {
  font-size: 14px;
}
.service_list_content button.slick-arrow,
.service_slider.portfolio button.slick-arrow {
  font-size: 0;
  border-radius: 0;
  border: 0;
  position: absolute;
  bottom: -30px;
  z-index: 10;
  width: 64px;
  height: 64px;
}
.service_list_content .slick-arrow.slick-prev,
.service_slider.portfolio .slick-arrow.slick-prev {
  left: 0;
  background: url("https://bytecode.bytecodeapps.in/wp-content/uploads/2024/09/left-arrow.webp")
    0 0 / 60% no-repeat;
}
.service_list_content .slick-arrow.slick-next,
.service_slider.portfolio .slick-arrow.slick-next {
  left: 70px;
  background: url("https://bytecode.bytecodeapps.in/wp-content/uploads/2024/09/next-5.webp")
    0 0 / 60% no-repeat;
}
.service_list_content .slick-arrow.slick-disabled,
.service_slider.portfolio .slick-arrow.slick-disabled {
  opacity: 0.2;
}
.s_img img {
  border-radius: 10px;
}
.company_reviews .s_img_overlay {
  position: static;
  padding: 0;
}
.company_reviews {
  display: flex;
  justify-content: center;
  max-width: 1040px;
  margin: 100px auto;
}
.company_reviews .s_img img {
  border-radius: 10px 0 0 10px;
}
.company_reviews .column_right {
  background-color: #1c1c1c;
  border-radius: 0 12px 12px 0;
  padding: 37px 30px 35px 47px;
}
.company_reviews .column_left,
.company_reviews .column_right {
  min-height: 420px;
  flex: 0 0 50%;
  width: inherit;
  max-width: 50%;
}
.company_reviews .s_img,
.company_reviews .s_img img {
  height: 100%;
}
/* .digital_transformation {
  background: linear-gradient(122deg, #0956a3 0%, #03203d 97.54%);
  border: 2px solid #1fb2ea;
  border-radius: 20px;
  margin: 2rem auto 7rem;
  padding: 54px 44px 60px;
  position: relative;
  text-align: center;
  z-index: 2;
  max-width: 1080px;
} */
.digital_transformation h2 {
  margin: 0 0 50px 0;
  font-size: 40px;
  color: #fff;
}
.digital_transformation h2 span {
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent;
}
.digital_transformation h2 span.span-text1 {
  background: linear-gradient(to right, #58adff, #146dc3);
}
.digital_transformation h2 span.span-text2 {
  background: linear-gradient(89deg, #146dc3 0%, #0956a3 97.54%);
}
.digital_transformation h2 span.span-text3 {
  background: linear-gradient(to right, #0956a3, #58adff);
}
.digital_transformation a {
  background: #e4622a;
  color: #fff;
  padding: 16px 32px;
  border-radius: 52px;
  display: inline-block;
  font-size: 16px;
  text-decoration: none;
  font-weight: 600;
  position: relative;
}
.digital_transformation a:after {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  box-shadow: 0 0 0 rgb(228 98 42 / 60%);
  animation: pulso2 2s infinite;
  transition: 0.5s;
  content: "";
  position: absolute;
  border-radius: 50px;
  margin: auto;
  z-index: 1;
  pointer-events: none;
}
.service_slider .s_img_wrap {
  height: 100%;
}
.service_slider .s_img {
  height: 100%;
}
.service_slider .slick-slide img {
  height: 100%;
  object-fit: cover;
  object-position: center;
  max-height: 500px;
}
/*  */
.quote-popup-content form.wpcf7-form {
  position: relative;
  height: 100%;
  padding: 40px 30px;
}
.quote-popup-content form.wpcf7-form.wpcf7-form::before {
  content: "";
  position: absolute;
  left: -100%;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(https://bytecode.bytecodeapps.in/wp-content/uploads/2024/10/bytecode-form.png);
  border-radius: 8px 0 0 8px;
  background-position: 0 bottom;
  background-repeat: no-repeat;
  background-size: contain;
  background-color: #f2f2f2;
}
.quote-popup-content {
  margin: 50px auto !important;
  width: 100% !important;
  max-width: 1000px;
  border-radius: 8px;
  /* position: absolute; */
  /* left: 50%; */
  /* top: 50%; */
  /* transform: translate(-50%, -50%); */
  /* background-image: linear-gradient(
  180deg,
  #0956a3 0%,
  #03203d 97.54%
) !important; */
 background-color: #ffffff;
  padding: 0px !important;
  border:0px!important;
}
.quote-popup-content * {
  color: #1a1a1a !important;
}
.quote-popup-content form h4 {
  font-size: 16px;
  font-weight: 700;
  color: #212529;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 0;
  margin-top: 0;
}
form .quato_form_in.about {
  margin: 25px 0;
}
.quato_form_field_row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -10px;
}
.quato_form_field_col.half {
  width: 50%;
  padding: 0 10px;
}
.quato_form_field_col.full {
  width: 100%;
  padding: 0 10px;
}
.quato_form_field_col p {
  line-height: 14px;
  margin-bottom: 0px;
  margin: 0;
  margin-top: 10px;
  font-weight: 400;
  color: #666666;
  font-size: 14px;
}
.quato_form_field_col .quato_form_field_type input, .quato_form_field_col .quato_form_field_type textarea {
  border: 1px solid #858585;
  width: 100%;
  border-radius: 6px;
  color: #000 !important;
  box-shadow: none;
}
.quato_form_field_col p br {
  display: none;
}
.quote-popup-content form .quato_form_in.basic .quato_form_field_col.full {
  margin-top: 10px;
}
form .quato_form_in {
  margin: 0 0 10px 0;
}
form
  .quato_form_in.about
  .quato_form_field_col.half
  .quato_form_field_type.budget
  p {
  margin: 0;
}
form
  .quato_form_in.about
  .quato_form_field_col.half
  .quato_form_field_type.budget
  p
  span.wpcf7-form-control {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.quato_form_field_type.budget .wpcf7-radio > span,
.quato_form_field_type.services .wpcf7-checkbox > span {
  width: 50%;
  flex: 0 0 50%;
  margin: 0;
  display: flex;
  align-items: center;
  padding-bottom: 17px;
  line-height: 1.3;
}
.quato_form_field_type.budget .wpcf7-radio > span label,
.quato_form_field_type.services .wpcf7-checkbox > span label {
  margin: 0;
  display: flex;
  align-items: flex-start;
}
.quato_form_field_type.budget input,
.quato_form_field_type.services input {
  width: 21px;
  height: 21px;
  margin-right: 9px;
}
.quato_form_field_type.upload.files {
  height: 100px;
  border: 2px dashed #ddd;
  width: 100%;
  border-radius: 6px;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
}
.quato_form_field_type.upload.files p {
  margin-bottom: 0;
}
.quato_form_field_type input[type="file"] {
  height: 100%;
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: 2px;
  top: 2px;
  width: auto;
  opacity: 0;
  cursor: pointer;
  width: 100%;
}
.quato_form_field_type.upload.files a {
  color: #464646;
  text-decoration: underline;
  font-weight: 600;
  text-underline-offset: 1px;
  margin-left: 7px;
}
.modal
  .modal-dialog-scrollable
  .modal-body
  form.wpcf7-form
  .wpcf7-form-control-wrap {
  display: block;
  margin-bottom: 15px;
}
.quato_form_field_type.budget .wpcf7-radio,
.quato_form_field_type.services .wpcf7-checkbox {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.quato_form_field_type.services .wpcf7-checkbox > span {
  width: 25%;
  flex: 0 0 25%;
  padding: 0 15px 17px 0;
  line-height: 1.3;
}
.quato_form_field .quato_form_field_type input,
.quato_form_field .quato_form_field_type select,
.contact_form form .form-control textarea {
  /* box-shadow: 0px 0px 7px 0px #fff; */
}

.quato_form_in input[type="text"], .quato_form_in input[type="email"], .quato_form_in input[type="tel"], .quato_form_field_type textarea, .quato_form_field_type select {
  border: 1px solid #858585;
  width: 100%;
  border-radius: 6px;
  max-height: 125px;
  height: 40px;
  padding: 8px 15px;
  box-shadow: none;
  outline: none;
}
.quato_form_field_type textarea{
  min-height: 100px;
}
.quato_form_in.recommended .quato_form_field_col.full select {
  padding: 10px;
  color: #000 !important;
  height: 40px;
}
.quato_form_in.recommended .quato_form_field_col.full select option {
  color: #000 !important;
}
span.wpcf7-not-valid-tip {
    margin-top: 5px;
    font-size: 12px;
    color: #cb2121 !important;
}
.quote-popup-content form .wpcf7-response-output {
  text-align: center;
}
.quato_sumbit_form {
  position: relative;
  margin-top: 20px;
}
.quato_sumbit_form p {
  margin: 0;
}
.quato_sumbit_form input.wpcf7-form-control.wpcf7-submit.has-spinner {
  width: 100%;
  margin: 0px auto;
  background: #e4622a;
  padding: 18px 45px;
  color: #fff!important;
  max-width: 100%;
  text-align: center;
  display: block;
  border: 0px solid #e4622a;
  border-radius: 6px;
  text-transform: uppercase;
  font-size: 14px;
}
.quato_sumbit_form span.wpcf7-spinner {
  position: absolute;
  right: 29%;
  bottom: 17px;
}
/*  */
.service-list li a.service-list__item .tile.tile--service img {
  max-width: 250px;
}
.service-list li a.service-list__item .tile.tile--service {
  padding: 20px;
}
.services-content:after {
  /* background: linear-gradient( rgba(0,0,0,0),rgba(0,0,0,0.7), rgba(0,0,0,1)  ); */
  background: linear-gradient(
    0deg,
    rgba(0, 0, 0, 1) 0%,
    rgba(0, 0, 0, 0.9) 5%,
    rgba(0, 0, 0, 0) 100%
  );
  position: absolute;
  content: "";
  left: 0;
  width: 100%;
  height: 500px;
  bottom: 0;
}
.reviewer .reviewer-logo img {
  object-fit: contain;
  width: auto;
  border-radius: 0;
  max-height: 40px;
  max-width: 130px;
}
.client-img img {
  height: auto;
  max-width: 60px;
  border-radius: 50%;
}
/* .service-list li:last-child img {
    display: none;
}
.service-list li:last-child .tile.tile--service {
    background-image: unset;
    background-color: #e4622a;
    position: relative;
}
.service-list li:last-child .tile.tile--service::before {
    content: "view more";
    transform: unset !important;
    font-size: 40px;
    text-transform: uppercase;
    letter-spacing: 0;
}
.service-list li:last-child a{
    position: relative;
}
.service-list li:last-child a:before {
    box-shadow: 0 0 0 rgb(255 255 255 / 40%);
    animation: pulso 2s infinite;
    transition: 0.5s;
    content: "";
    width: 15px;
    height: 15px;
    border: 3px solid #fff;
    position: absolute;
    left: -80px;
    border-radius: 50%;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}
.service-list li:last-child .tile.tile--service:after {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    opacity: 1;
    box-shadow:0 0 0 0 rgba(228, 98, 42, 0.6);
    animation: pulso4 2s infinite;
    transition: 0.5s;
    content: "";
    position: absolute;
    border-radius: 14px;
    margin: auto;
    z-index: 1;
    pointer-events: none;
}
@keyframes pulso4 {
    0% {
        -moz-box-shadow: 0 0 0 0 rgba(228, 98, 42, 0.8);
        box-shadow: 0 0 0 0 rgba(228, 98, 42, 0.8);
    }
    70% {
        -moz-box-shadow: 0 0 0 20px rgba(228, 98, 42, 0);
        box-shadow: 0 0 0 20px rgba(228, 98, 42, 0);
    }
    100% {
        -moz-box-shadow: 0 0 0 0 rgba(228, 98, 42, 0);
        box-shadow: 0 0 0 0 rgba(228, 98, 42, 0);
    }
} */
.quato_form_in.about
  .quato_form_field_row
  .quato_form_field_col.half:nth-child(2),
.quato_form_in.about .quato_form_field_row .quato_form_field_col.full,
.quato_form_in.services {
  display: none;
}
.quato_form_in.about .quato_form_field_row .quato_form_field_col.half {
  width: 100%;
}
.quote-popup-content .wpcf7.js {
  width: 100%;
  margin: 0;
}
.wpcf7 form .wpcf7-response-output {
  font-size: 13px;
  line-height: 20px;
  border-color: #d13c3c !important;
  padding: 10px 15px;
  border: 1px dashed;
}

.about_banner{
	background: var(--gradient2, linear-gradient(180deg, #0956A3 0%, #03203D 97.54%));
}
.about_banner_heading{
	color: #FFF;
	font-family: Inter;
	text-align:center;
	font-size: 60px;
	font-style: normal;
	font-weight: 700;
	line-height: 72px; 
	text-transform: uppercase;
	position:relative;
	margin: 11px 0 30px !important;
	padding-bottom: 20px;

}
.about_banner_heading:after{
content:"";
width: 50px;
height: 5px;
	position:absolute;
bottom:0;
	left:50%;
	background: #E4622A;
	transform:translate(-50%, -0%)
}
.about_banner_heading span{
	color:#1FAACA;
}
.about_banner_dis{
	max-width:853px !important;
	margin:0 auto ;
}
.about_banner img {
    margin-bottom: -50%;
}

/* accordian css */
.accordion__content {
  display: none;
}
.accordion__content.active{
  display: block;
}
.accordion-wrapper h3.accordion__title {
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0;
  color: #000;
  margin: 0;
  padding: 16px 24px 16px 16px;
  position: relative;
  border-bottom: 1px solid #00000040;
}
.accordion-wrapper .accordion {
  overflow: hidden;
  /* border: 1px solid rgba(203,213,225,1); */
  /* margin-bottom: 20px; */
  /* border-radius: 0.8em; */
  /* box-shadow: 0px 0px 4px 0px #0000001a; */
}
.accordion-wrapper .accordion .accordion__content.active {
  padding: 16px;
  border-bottom: 1px solid #00000040;
}
.accordion__content.active .accordion-body * {
  color: #000;
}

h3.accordion__title.active {
  /* background-color: #e2e8f0; */
}
.accordion-wrapper h3.accordion__title::before {
  content: "+";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  font-size: 20px;
}
h3.accordion__title.active::before {
  content: "-";
}
.btn_icon_wrap .bytecode-btn {
  margin-bottom: 15px;
  border-radius: 47px;
background-color:#0956a3;
 font-weight: 600;
  font-size: 14px !important;
  text-transform: uppercase;
  color: #fff !important;
  vertical-align: super;
  padding: 15px 25px 15px 55px !important;
  position: relative;
  display: inline-flex;
  align-items: center;
  overflow: hidden;
  text-decoration: none;
  white-space: nowrap;
}

.btn_icon_wrap .bytecode-btn:before {
  box-shadow: 0 0 0 rgb(255 255 255 / 40%);
  animation: pulso 2s infinite;
  transition: 0.5s;
  content: "";
  width: 15px;
  height: 15px;
  border: 3px solid #fff;
  position: absolute;
  left: 18px;
  border-radius: 50%;
  top: 0;
  bottom: 0;
  margin: auto;
  z-index: 1;
}
.why-join-us-grid h3 {
  position: relative;
display:inline-block;
}

.why-join-us-grid h3::after {
  content: "";
  background-image: url(https://bytecode.bytecodeapps.in/wp-content/uploads/2024/09/check-icon-bytecode-shopify.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 70%;
  width: 20px;
  height: 20px;
  position: absolute;
  right: -27px;
  top: 5px;
  background-color: #b2f5b2;
  border-radius: 50%;
  padding: 4px;
}


/* accordian css-end */

.apply-now .apply-now-content {
  margin: auto;
  width: 80%;
  max-width: 500px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 25px 25px 0px 25px;
}
.apply-now .apply-now-content form label {
  color: #000;
}
.apply-now .apply-now-content p span.wpcf7-form-control-wrap {
  width: 100%;
  display: inline-block;
}
.apply-now .apply-now-content form p {
  margin: 0;
}
.apply-now .apply-now-content p input {
  padding: 10px 14px;
  border-radius: 4px;
  border: 1px solid #ddd;
  width: 100%;
  margin-bottom: 10px;
}
.apply-now .apply-now-content p input.wpcf7-submit {
  margin-top: 10px;
}
.apply-now span.wpcf7-not-valid-tip {
  margin-top: 0;
  font-size: 14px;
}
.post-logo img {
  object-fit: contain;
  height: 100%;
  width: 100%;
}
.post-logo {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%);
  max-width: 290px;
  height: 120px;
  width: 100%;
  opacity: 0.3;
}
.visinary_sec h3.elementor-icon-box-title {
  margin: 0;
  margin-top: 20px;
}

.visinary_sec_one, .visinary_sec_two, .visinary_sec_three{
  overflow: hidden;
  position: relative;
}

.visinary_sec_one::before, .visinary_sec_two::before, .visinary_sec_three::before {
  content: "";
  position: absolute;
  top: unset;
  bottom: 0;
  left: 0;
  width: 100%;
  border: unset;
  height: 70%;
  background-image: url(https://bytecode.bytecodeapps.in/wp-content/uploads/2024/09/abstract-orange-smooth-wave-lines-scaled-1.webp);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  opacity: 0.1;
  transition: all 0.3s;
  animation: run 2s ease-in-out infinite;
}
/* .visinary_sec_one:hover::before, .visinary_sec_two:hover::before, .visinary_sec_three:hover::before {
  transform: translateX(0px);
  opacity: 1;
} */
.visinary_sec_one svg, .visinary_sec_two svg, .visinary_sec_three svg {
  /* filter: brightness(0) saturate(100%) invert(100%) sepia(62%) saturate(1899%) hue-rotate(182deg) brightness(120%) contrast(99%); */
}

.service_slider.portfolio .right_slide img {
  max-width: 350px;
  max-height: 70px;
  min-height: 70px;
  object-fit: contain;
}
.service_list_content .s_slides_block .left_slide {
  position: relative;
}
.service_list_content .s_slides_block .left_slide::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.5662640056022409) 77%, rgba(8,9,11,1) 100%);
}
a.Geta_Quote_btn {
  background: #e4622a;
  color: #fff;
  padding: 16px 32px;
  border-radius: 52px;
  display: inline-block;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  text-decoration: unset;
  width: fit-content;
  cursor: pointer;
}
.banner-sec {
  height: 100vh;
}
section#services .container>.row {
  display: none;
}
/* referral-page-css */
.lead-generation-steps svg {
  filter: brightness(0) saturate(100%) invert(52%) sepia(96%) saturate(2635%) hue-rotate(343deg) brightness(92%) contrast(94%);
}
.referal-pg-main-heading h2 {
  display: flex;
  align-items: center;
  justify-content: center;
}
.referal-pg-main-heading h2 img {
  width: 38px;
  margin: 0 5px 0 15px;
  border: 1px solid #ddd;
  border-radius: 50%;
  padding: 4px;
}
span.leads-steps {
  color: #8b8b8b;
  font-weight: 400;
  font-size: 14px;
  padding-bottom: 4px;
}
.referral-page-form form * {
  color: #fff;
}
.referral-page-form form {
  max-width: 1000px;
  width: 100%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  background: linear-gradient(180deg, #0956A3 0%, #03203D 100%);
  padding: 40px;
  border-radius: 12px;
}
.referral-page-form form p {
  margin: 0;
  width: 48%;
}
.referral-page-form form p span {
  width: 100%;
  display: block;
}
.referral-page-form form p span input, .referral-page-form form p span select {
  width: 100%;
  outline: unset;
  border: 1px solid #e0e0e0;
  border-radius: 10px;
  padding: 16px 20px;
  font-size: 16px;
  color: #000;
}
.referral-page-form form p span select option {
  color: #000;
}
.referral-form-top-head {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 15px;
  margin-bottom: 20px;
}
.referral-form-img, form .referral-form-top-head .referral-form-img p, .referral-page-form form .referral-form-text p, .referral-page-form form .referral-form-policy p {
  width: fit-content;
}
.referral-form-img img {
  width: 50px;
  height: 50px;
  object-fit: contain;
}
.referral-form-text h3 {
  margin: 0;
  font-size: 20px;
  /* color: #040404; */
}
.referral-page-form form p input.wpcf7-submit {
  padding: 12px 20px;
  border-radius: 12px;
  font-size: 16px;
  border-color: #e4622a;
  text-transform: uppercase;
}
.referral-page-form form p:nth-child(13) {
  width: fit-content;
  display: flex;
  position: relative;
  margin-top: 20px;
}
.referral-page-form form p:nth-child(13) span.wpcf7-spinner {
  position: absolute;
  bottom: -30px;
  width: 25px;
  height: 25px;
}
.referral-page-form form .referral-form-policy p {
  width: fit-content;
  padding-top: 11px;
}
.referral-form-policy {
  margin-top: 20px;
}
.lead-generation-steps .elementor-icon-box-content p {
  padding-top: 15px;
  margin-top: 17px;
  border-top: 1px solid #ddd;
}
.service_slider_referral_page button {
  position: absolute;
  top: -100px;
  right: 0;
  font-size: 0;
  width: 50px;
  height: 50px;
  border-radius: 50% !important;
  background-color: #fff !important;
  border: 1px solid #ddd;
}
.service_slider.service_slider_referral_page {
  margin: 40px 0 0px; 
}
.service_slider_referral_page button::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-image: url(
  /wp-content/uploads/2024/09/right-arrow.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 25px;
  height: 25px;
}
.service_slider_referral_page button.slick-prev {
  right: 70px;
  rotate: 180deg;
}
.service_slider_referral_page .client_info-wrap p.name {
  font-size: 18px;
  margin: 0;
}
/* referral-page-css-ends */




.quote_popup_content_inner {
  display: flex;
}
.quote_popup_content_left {
  flex: 0 0 50%;
  max-width: 50%;
  position: relative;
  z-index: 1;
  padding: 40px 20px;
}
.quote_popup_content_left h3 {
  color: #000 !important;
  font-size: 28px;
  margin: 0 0 20px;
}

.quote_popup_content_left h3 span {
  color: #e4622a !important;
}
.quote_popup_content_right {
  flex: 0 0 50%;
  max-width: 50%;
}
.quote-popup-content {
  position: relative;
}
.quote-popup-content span.quote-popup-close {
  position: absolute!important;
  right: 10px!important;
  top: 0!important;
}




/* responsive start form here ==================================================== */
@media (max-width: 768px) {
  .review_slide {
    flex: 0 0 100%;
  }
}
@media (max-width:1600px) and (min-width:1367px){
  .banner-h1 h1 {
    font-size: 62px !important;
}
}
@media (max-width:1600px) and (min-width:1401px){
  .about_banner {
    padding-bottom: 160px !important;
}
}
@media (max-width:1600px){
  .challenges_sec .tab {
    padding: 15px;
    padding-top: 20px;
}
.tab_top_content h4 {
  font-size: 17px;
  line-height: 1.4;
  margin-top: 20px;
}
.tab_top_content p {
  font-size: 14px;
}
.challenges_sec .challenges_tab {
  min-height: 270px !important;
}
.challenges_sec .challenges_tab {
  max-width: 19%;
}
.tab_wrapper {
  column-gap: 0;
}
.challenges_content .inner_content ul.main_list > li {
  width: 25%;
  padding-right: 40px;
}
.c_list_item h5, .count_wrap+div h5 {
  font-size: 16px;
}
.challenges_content .inner_content ul.main_list li {
  font-size: 14px;
}
.bulb_services_block {
  zoom: 0.8;
}
}

@media (max-width:1366px){
  .bulb_services_block {
    zoom: 0.7;
}
  body .banner-point-text p {
    padding: 0 15px;
}
.tab_top_content img {
  min-height: unset;
  height: 40px;
}
.tab_top_content h4 {
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 20px;
  margin-top: 10px;
}
.tab_top_content p {
  font-size: 12px;
  line-height: 1.4;
}
.service-section-slider a {
  width: 23%;
  padding: 40px 22px;
}
.service-section-slider a img {
  width: 65px;
  height: auto;
}
.service-section-slider a h3 {
  font-size: 20px;
  margin-bottom: 10px;
}
.service-section-slider a p {
  font-size: 13px;
  line-height: 1.4;
}
.service-section-slider .slick-track {
  gap: 15px;
}
.services-section {
  min-height: 330px;
}
.services-content .new-heading-style p {
  font-size: 12px;
  margin: 5px 0 0px 0;
  line-height: 1.4;
}
.services-content-direct-child
  .new-heading-style
  a.btn-register-header.btn-plane {
    padding: 12px 20px;
    font-size: 14px;
}
.services-content-direct-child {
  gap: 20px;
}
.services-content-tech-child-bottom {
  margin-top: 20px;
}
.home-services-inners .services-content {
  padding: 0px 0px 20px 20px;
}
.about_banner_heading {
  font-size: 44px;
  line-height: 1.2;
}
.c_list_item h5, .count_wrap+div h5 {
  font-size: 14px;
  margin-bottom: 0;
}
.challenges_content .inner_content ul.main_list li {
  font-size: 12px;
}
.challenges_content a, .service-list li.view-more-item a.view-more-btn {
  padding: 12px 20px;
  font-size: 14px;
}
.services-content .new-heading-style h4 {
  font-size: 18px;
  line-height: 1.2;
}
.services-content-tech-child-upper p {
  font-size: 12px;
  line-height: 1.2;
}
.services-content-tech-child-upper span {
  font-size: 18px;
  line-height: 1.2;
}
.service-list li a.service-list__item .tile.tile--service {
  padding: 15px;
}
.service-list li {
  max-height: 80px;
}
.service-list li a.service-list__item .tile.tile--service img {
  max-height: 25px;
}
.work_plateform_col img {
  width: 55px;
}
.review-card p {
  font-size: 12px;
  line-height: 1.4;
}
.i_single_item h5 {
  font-size: 14px;
}
.ekit-template-content-header ul.elementskit-navbar-nav li:last-child a {
  padding: 12px 20px !important;
}
.services-detail-main {
  flex: 0 0 65%;
  max-width: 65%;
}
.services-title-main {
  flex: 0 0 25%;
  max-width: 25%;
}
.industries_list_wrap {
  justify-content: center;
}
.i_single_item {
  flex: 0 0 21%;
  max-width: 21%;
}
.post-logo {
  top: 10px;
  height: 70px;
}
.service-list li.view-more-item {
  max-height: 70px;
}
}

@media (min-width: 768px) {
  .visinary_sec_one, .visinary_sec_three{
    animation-name: floating;
      animation-duration: 4s;
      animation-iteration-count: infinite;
      animation-timing-function: ease-in-out;
  }
  @keyframes floating {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, 15px); }
    to   { transform: translate(0, -0px); }    
  }
  .visinary_sec_two{
    animation-name: floating-infi;
      animation-duration: 4s;
      animation-iteration-count: infinite;
      animation-timing-function: ease-in-out;
  }
  @keyframes floating-infi {
    from { transform: translate(0,  0px); }
    65%  { transform: translate(0, -15px); }
    to   { transform: translate(0, 0px); }    
  }
}

@media (max-width: 1440px) {
  .service_list_content .grid_columns .column_left,
  .service_list_content .grid_columns .column_right {
    flex: 0 0 calc(50% - 10px);
    width: inherit;
    max-width: calc(50% - 10px);
  }
  .grid_columns {
    gap: 20px;
  }
  .company_reviews .column_right {
    padding: 0;
  }
}

@media (max-width: 1200px) {
  .quote-popup-content {
    width: 90% !important;
  }
}

@media (max-width: 1040px) {
  .btn_wrapper li a {
    font-size: 14px;
  }
  .grid_columns .column_left p {
    font-size: 16px;
  }
  .column_left h3 {
    font-size: 32px;
  }
  .column_right p {
    margin-bottom: 20px;
  }
  .ekit-template-content-header ul.elementskit-navbar-nav li:last-child a {
    color: #fff !important;
  }
}
@media (max-width: 991px) {
  .quato_form_field_type.budget .wpcf7-radio > span,
  .quato_form_field_type.services .wpcf7-checkbox > span {
    width: 100%;
    flex: 0 0 100%;
    padding-bottom: 10px;
  }
  .quato_form_field_type.services .wpcf7-checkbox > span {
    width: 50%;
    flex: 0 0 50%;
    padding: 0 15px 10px 0;
  }
  .service_list_content .grid_columns .column_left,
  .service_list_content .grid_columns .column_right {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .service_list_content .grid_columns .column_left,
  .service_list_content .grid_columns .column_right {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .grid_columns {
    flex-wrap: wrap;
  }
  .grid_columns .column_left p {
    margin-bottom: 20px;
  }
  .company_reviews {
    margin: 50px auto;
  }
  .grid_columns {
    flex-wrap: wrap;
  }
  .company_reviews {
    margin: 50px auto;
  }

  .left_slide,
  .right_slide {
    flex: 0 0 calc(100% - 10px);
    max-width: calc(100% - 10px);
  }

  .s_slide .s_slides_block {
    flex-wrap: wrap;
  }
  .service_list_content {
    padding: 0 20px;
  }
  .service_list-wrapper .slick-slide .logo-img img {
    max-width: 150px;
  }
  .company_reviews .column_left,
  .company_reviews .column_right {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .company_reviews {
    flex-wrap: wrap;
  }

  .company_reviews .column_right {
    border-radius: 12px;
  }
  .service_list-wrapper .slick-slide .s_img img {
    min-height: 400px;
    object-fit: cover;
  }
  .service_banner .services_banner_content h2 span {
    font-size: 34px;
  }
  .service_banner .services_banner_content p {
    font-size: 24px;
  }
  .book_consultation_popup .popup {
    width: 95%;
  }
  .services-wrapper .services-title .service-list {
    display: flex;
    overflow: scroll;
    gap: 10px;
    padding-left: 10px;
  }
  .services-wrapper {
    flex-wrap: wrap;
  }
  .services-detail-main,
  .services-title-main {
    flex: 0 0 100%;
    max-width: 100%;
  }
  .service-list,
  .service-list li:not(:last-child) {
    margin-left: 0;
  }
  .service-list li:not(:last-child) {
    margin-bottom: 2rem;
    margin-top: 2rem;
}
.service-list li {
  height: 100px;
}
.service-list li a.service-list__item .tile.tile--service {
  height: 70px;
}
  .tile.tile--service {
    padding: 20px 10px;
    width: 100%;
    margin-left: 0;
    margin: auto;
    max-width: 400px;
  }
  .service-list {
    margin-top: 3rem;
  }
  .services-content-tech-child-upper,
  .services-content-tech-child-bottom {
    margin-top: 20px;
  }
  .service-list li.view-more-item a.view-more-btn {
    max-width: 200px;
    min-width: 180px;
    height: 100%;
}
  .service-list li.view-more-item a.view-more-btn .tile.tile--service {
    padding: 15px 20px;
    width: 100%;
    margin-left: 0;
    height: 100%;
    font-size: 22px;
  }
  .service-list li.view-more-item a.view-more-btn::before {
    left: 15px;
  }
  .services-wrapper .services-title .service-list li.view-more-item {
    margin: 20px 0;
}
.portfolioRow .portfolioCol9 {
  padding: 80px 15px 30px;
}
section {
  padding: 2rem 0;
}
}

@media (max-width: 767px) {
  .contact-page-form form {
    row-gap: 10px;
  }
  .right_slide {
    padding: 20px;
  }

  .s_img_overlay {
    padding: 20px;
  }
  .quato_form_field_col.half {
    width: 100%;
  }
  .quote-popup-content form .quato_form_in.basic .quato_form_field_col.full {
    margin-top: 0px;
  }
  form .quato_form_in {
    margin: 0 0 20px 0;
  }
    .wpcf7 form .wpcf7-response-output {
    margin: 0.5em 0.5em 0.5em;
  }
  form .quato_form_in.about {
    margin: 20px 0;
  }
  .quote-popup-content form h4 {
    font-size: 16px;
  }
  .quato_form_field_type.services .wpcf7-checkbox > span {
    width: 100%;
    flex: 0 0 100%;
  }
  .quato_form_field_type.budget input,
  .quato_form_field_type.services input {
    width: 17px;
    height: 17px;
  }
  .services-content .new-heading-style p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
  }

  .experience-challenges-content.active {
    background-image: linear-gradient(180deg, #0956a3 0%, #03203d 100%);
  }
  .experience-challenges-content.active * {
    color: #fff !important;
  }
  .experience-challenges-content.active .tab_top_content img {
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%)
      hue-rotate(108deg) brightness(104%) contrast(104%);
  }
  .quote-popup-content form.wpcf7-form.wpcf7-form::before {
    display: none;
  }
  .quote-popup-content .wpcf7.js {
    width: 100%;
  }
  .quote-popup-content form.wpcf7-form.wpcf7-form {
    padding: 0;
  }
  .quote-popup-content form .quato_form_in.basic .quato_form_field_col.full,
  .quote-popup-content form .quato_form_in.basic .quato_form_field_col.half {
    margin-top: 0px;
  }
  .quote-popup-content {
    padding: 0px !important;
  }
  .quote_popup_content_inner {
    flex-wrap: wrap;
  }
.quote_popup_content_left {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 30px 15px;
}
.quote_popup_content_right {
  flex: 0 0 100%;
  max-width: 100%;
  padding: 0 15px 30px;
}
  .services-wrapper .services-title .service-list {
    margin-bottom: 0;
}
.banner-logos-slider {
  position: static !important;
}
.challenges_content .inner_content p {
  font-size: 14px;
  font-weight: 600;
}
.banner-sec {
  height: auto;
}
body section.portfolioBanner {
  padding: 0 15px;
}
body .portfolioBanner h1 {
  font-size: 24px;
  line-height: 1.2;
  margin-bottom: 10px;
}
body .portfolioRow .portfolioCol9 {
  padding: 80px 0px 30px;
}
body .portfolioRow>div, body .portfolioProjectItemRow > div, body .portfolioProjectItemContent {
  padding: 0 0px;
}
body .portfolioBanner p {
  font-size: 16px;
  margin-bottom: 20px;
}
a.Geta_Quote_btn, body a.portfolioProjectBtn.btn_mob {
  padding: 12px 20px;
  border-radius: 52px;
  font-size: 12px;
}
body .portfolioProjectLogo img {
  max-width: 100px;
  margin-bottom: 15px;
}
body .portfolioProjectItemRow h3 {
  font-size: 22px;
  margin: 0 0 10px;
}
body .portfolioProjectItemRow p, body .portfolioProject2item p {
  font-size: 14px;
}
body .portfolioProject2item{
  padding: 30px 15px 30px;
}
body .portfolioProject2Header {
  margin-bottom: 15px;
}
body span.portfolioProjectInfoTitle, body span.portfolioProjectInfoValue {
  font-size: 14px;
}
.referral-page-form form p {
  margin: 0;
  width: 100%;
}
.referral-page-form form {
  padding: 20px;
  gap: 15px;
}
.referral-form-text h3 {
  font-size: 14px;
}
.referral-form-img, form .referral-form-top-head .referral-form-img p, .referral-page-form form .referral-form-text p, .referral-page-form form .referral-form-policy p {
  font-size: 14px;
}
.referral-page-form form p span input, .referral-page-form form p span select {
  padding: 12px 16px;
  font-size: 14px;
}
.referal-pg-main-heading h2 img {
  width: 30px;
}
.referral-page-form form p:nth-child(13), .referral-form-policy {
  margin-top: 0;
}
.referral-page-form form .referral-form-policy p {
  padding-top: 0px;
}
.referral-form-top-head {
  margin-bottom: 10px;
}
.referral-form-img img {
  width: 35px;
  height: 35px;
}
.service_slider.service_slider_referral_page {
  margin: 70px 0 0px;
}
.service_slider_referral_page button {
  top: -70px;
  width: 35px;
  height: 35px;
}
.service_slider_referral_page button.slick-prev {
  right: 50px;
}
.service_slider_referral_page button::before {
  width: 18px;
  height: 18px;
}
.service_slider_referral_page .s_img_overlay {
  height: 100%;
  overflow: scroll;
}
.service_slider.service_slider_referral_page .s_img_wrap {
  min-height: 330px;
}
.contact-page-form form p {
  width: 100%;
  margin: 0;
}
.contact-page-form form input, .contact-page-form form textarea {
  height: 50px;
}
.quote_popup_content_left h3 {
  font-size: 22px;
  margin: 5px 0 15px;
}

}

@media (max-width: 599px) {
  .service_list-wrapper .slick-slide .s_img img {
    min-height: 400px;
    object-fit: cover;
  }

  .right_slide {
    padding: 20px;
  }

  .s_img_overlay {
    padding: 20px;
  }
  .service_list_sidebar {
    flex: 0 0 100%;
    max-width: 100%;
    top: 80px;
    z-index: 99;
  }

  .service_list-wrapper {
    flex-wrap: wrap;
    padding-top: 0;
  }

  .service_list_sidebar ul {
    display: flex;
    border-radius: 0;
    background: #fff;
    overflow: auto;
    padding: 10px 0;
  }

  .service_list_sidebar ul li {
    background: linear-gradient(180deg, #0956a3 0%, #03203d 97.54%);
    width: auto;
    text-align: center;
    border-radius: 50px;
    white-space: nowrap;
    padding: 10px 20px;
  }
  .service_list_sidebar ul li a {
    padding: 0;
    border: revert-layer;
  }

  .service_list_sidebar ul li {
    margin-left: 10px;
  }

  .service_list_content {
    flex: 0 0 100%;
    max-width: 100%;
    margin-top: 50px;
  }
  .service_banner .services_banner_content h2 span {
    font-size: 28px;
  }
  .service_banner .services_banner_content p {
    font-size: 20px;
  }
  .services_banner_content {
    padding: 0 20px;
  }
  .service_slider {
    margin: 40px 0 80px;
  }
  .services-content .new-heading-style p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
  }
}
@media (max-width: 479px) {
  .service_banner .services_banner_content p {
    font-size: 18px;
    margin-bottom: 30px;
  }
  .why-join-us-grid {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
}

@media (min-width: 1024px) {
  .banner-count-number {
    min-width: 1000px;
  }
}
@media (min-width: 1025px) and (max-width: 1400px) {
  .about_banner {
    margin-bottom: 20%;
  }
  .experience-box {
    max-height: unset;
    min-height: unset;
    height: fit-content;
    padding: 40px 20px;
    gap: 15px;
  }
  .bytecode-story-slide-left h2 {
    font-size: 180px;
  }
  .about-us-left-text-sec {
    margin: 90px 0;
  }
  .about-us-text h2 {
    font-size: 100px !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .banner-count-number {
    min-width: 740px;
  }
}

@media (max-width: 1550px) {
 
}
@media (max-width: 1410px) {
  .challenges_sec .challenges_tab {
    max-height: 380px;
  }
}
@media (max-width: 1150px) {
  .experiencing-heading-box::before {
    max-width: 660px;
  }
  ul.services_logo_list {
    list-style: none;
    padding: 0;
    margin: 0;
    position: absolute;
    top: -2%;
    left: -2%;
    height: 100%;
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .bulb_services_block {
    margin: 0 auto 40px;
  }
  .bg-guarantee-img {
    background-image: unset !important;
  }
  .industries_list_wrap {
    padding: 0;
  }
  .experiencing-heading-box::before {
    max-width: 280px;
  }
  .tab_top_content h4 {
    font-size: 14px;
    line-height: 1.2em;
  }
  .tab_top_content p {
    font-size: 12px;
  }
  .challenges_sec .challenges_tab {
    max-width: 19%;
  }
  .tab_wrapper {
    column-gap: 0;
  }
  .challenges_sec .challenges_tab {
    min-height: 320px;
    max-height: 330px;
    padding: 12px;
  }
  .tab_top_content img {
    min-height: 40px;
    height: 50px;
  }
  .challenges_sec .content {
    padding: 30px 20px 40px;
  }
  .challenges_content .inner_content {
    margin-top: 30px;
  }
  .challenges_content .inner_content ul.main_list {
    gap: 30px;
    flex-wrap: wrap;
}
  .challenges_content .inner_content ul.main_list > li {
    width: 46%;
    padding-right: 12px;
    margin: 0;
}
  .c_list_item h5 {
    font-size: 15px;
    font-weight: 600;
  }
  .challenges_content .inner_content ul.main_list li {
    font-size: 12px;
  }
  .services-content-outer-box {
    justify-content: end;
  }
  .services-content-direct-child {
    align-items: end;
    flex-wrap: wrap;
    justify-content: start;
    height: auto;
    gap: 0;
    max-width: 100%;
  }
  .new-heading-style {
    width: 90%;
  }
  .services-content-tech-child {
    width: 100%;
  }
  .work_plateform_col img {
    width: 45px;
  }
  .experience-box {
    max-height: unset;
    min-height: unset;
    height: fit-content;
  }
  .year-of-experience-text br {
    display: none;
  }
  body .about_banner_heading {
    font-size: 34px;
    line-height: 1.2em;
  }
  .abt-cmpny-absolute-img {
    position: static !important;
  }
  .experience-parent-box::before {
    display: none;
  }
  .bytecode-story-slide-left h2 {
    color: #0858a32e;
    font-size: 110px;
    margin: 0;
    letter-spacing: 6px;
  }
  .bytecode-story-slide-left p {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: 0px;
  }
  .bytecode-story-slide-right {
    width: 50%;
  }
  .bytecode-story-slide {
    gap: 20px;
  }
  .bytecode-story-slide img {
    height: 250px;
  }
  .bytecode-story-slide-left p:first-letter {
    font-size: 32px;
  }
  .bytecode-story-dot {
    width: 45px;
    height: 45px;
  }
  .bytecode-story-dot span.slide-year,
  .bytecode-story-dot.active span.slide-year {
    font-size: 22px;
  }
  .bytecode-story-dot span.slide-year {
    left: -26px;
    top: 60px;
    width: 90px;
    line-height: 46px;
  }
  button.bytecode-story-dot:nth-child(even) span.slide-year {
    top: -65px;
  }
  button.bytecode-story-dot:nth-child(even) span.slide-year::before {
    top: 21px;
  }
  .about_banner img {
    margin-bottom: 0 !important;
  }
  ul#menu-header-menu li#menu-item-341 {
    padding-left: 15px;
}
.banner-sec {
  max-height: 100vh;
}
.bulb_services_block {
  zoom: 0.8;
}
body .services_logo_list li.circle_logo {
  zoom: 0.8;
}
.challenges_content h3 {
  font-size: 28px;
  line-height: 1.2;
}
}

@media (max-width: 767px) {
  .why-join-us-grid h3::after {
    top: 1px;
}
.accordion-wrapper h3.accordion__title {
  font-size: 16px;
}
.accordion-body strong {
  font-size: 14px;
}
.accordion-body ul {
  font-size: 14px;
}
  .bulb_wrapper {
    max-width: 320px;
    width: 100%;
    margin: 0 auto 50px;
  }
  .banner-point-text:first-child:after {
    display: block;
  }
  .banner-point-text:first-child p,
  .banner-point-text p {
    padding: 0 15px;
  }
  .bulb_wrapper .svg_wrapper svg {
    width: 100%;
  }
  .challenges_sec .challenges_tab.active p {
    display: block;
  }
  .challenges_sec .challenges_tab p {
    display: none;
  }
  .tab_wrapper {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
    margin-bottom: 20px;
  }
  .challenges_sec .challenges_tab {
    max-width: 100%;
    width: 100%;
  }
  .challenges_sec .challenges_tab {
    min-height: unset;
    max-height: unset;
    height: auto;
  }
  .challenges_sec .challenges_tab.active {
    border-radius: 10px;
    min-height: auto;
  }
  .challenges_content .inner_content {
    margin-top: 40px;
  }
  .challenges_content .inner_content ul.main_list {
    flex-direction: column;
  }
  .challenges_content .inner_content ul.main_list:before {
    top: 20px;
    right: unset;
    left: 17px;
    height: 100%;
    width: 3px;
  }
  .challenges_content .inner_content ul.main_list > li {
    width: 100%;
    padding-right: 12px;
    margin: unset;
  }
  body .challenges_content ul li span {
    opacity: 0.1;
}
  .count_wrap {
    justify-content: start;
    position: relative;
    left: 0px;
    top: 40px;
    height: 0;
  }
  .c_list_item {
    max-width: 350px;
    margin: unset;
    padding-left: 60px;
  }
  .challenges_content ul.inner_list {
    margin-bottom: 0;
  }
  .challenges_content a {
    padding: 12px 20px;
    font-size: 12px;
    letter-spacing: 1px;
  }
  .i_single_item {
    flex: 0 0 50%;
    max-width: 50%;
    padding: 20px 0;
  }
  .industries_list_wrap .i_single_item:nth-child(even) {
    border-right: unset;
  }
  .i_single_item h5 {
    font-size: 14px;
  }
  .i_single_item:nth-last-child(3),
  .i_single_item:nth-last-child(4) {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
  }
  .challenges_content h3 {
    font-size: 22px;
  }
  .service-section-slider a h3 {
    font-size: 28px;
  }
  .service-section-slider a p {
    font-size: 14px;
    line-height: 1.2;
  }
  .service-section-slider .slick-track {
    gap: 10px;
  }
  .services-content-tech-child-upper {
    display: block;
  }
  .services-title {
    position: static;
  }

  .home-services-inners .services-content {
    padding: 0px 0px 20px 20px;
  }
  .home-services-inners {
    min-height: 500px;
  }
  .services-content-tech-child-upper div:first-child {
    padding-right: 0;
    margin-right: 0;
    border-right: unset;
    width: 100%;
  }
  .tab_top_content p,
  .challenges_content .inner_content p,
  .challenges_content .inner_content ul.main_list li,
  .c_list_item h5,
  .challenges_content h3,
  .tab_top_content h4 {
    color: #000;
  }
  .experience-challenges-content {
    border: 1px solid #000;
    padding: 20px;
    border-radius: 8px;
    width: 100%;
  }
  .challenges_content h3:after {
    display: none;
  }
  .challenges_content p {
    text-align: center;
    font-size: 12px;
    margin: 10px 0;
}
.consultation_btn {
  margin-top: 20px;
}
  .experience-sec-toggle-tab {
    display: none;
  }
  .experience-challenges-content {
    width: 100%;
  }
  .experience-challenges-content.active .experience-sec-toggle-tab {
    display: block;
  }
  body .modal_popup .form_left {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 50px 50px 20px;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-left-radius: 15px;
    background-position: top;
  }
  .app_form_rght {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 50px 50px 20px;
  }
  .flex_wrapper {
    flex-wrap: wrap;
  }
  .modal_popup {
    width: 90%;
  }
  body .modal_popup .form_left {
    min-height: 250px;
  }
  .form_right {
    width: 100%;
  }
  body .about_banner_heading {
    font-size: 28px;
  }
  .about_banner img {
    margin-bottom: 0 !important;
  }
  .about_banner_heading {
    margin: 11px 0 10px !important;
  }
  .about-us-management p {
    margin-left: 0px !important;
  }
  .bytecode-story-slider-parent {
    padding: 0 15px;
  }
  .banner-popup-custom-class {
    gap: 5px;
    max-height: 100vh;
    align-items: center;
    width: 100% !important;
    flex-wrap: wrap;
    overflow: scroll;
    height: 95vh !important;
  }
  .popup-left-text {
    height: fit-content;
    padding: 20px 0 20px 20px;
  }
  .banner-popup-custom-class iframe {
    margin: auto;
    height: 420px;
  }
  .popup-left-points .popup-pt {
    font-size: 12px;
  }
  .popup-left-points {
    gap: 10px;
    margin-top: 20px;
  }
  .popup-left-text h2 {
    font-size: 28px;
  }
  .popup-left-text h4 {
    font-size: 18px;
  }
  .book_consultation_popup .popup {
    width: 93%;
  }
  .banner-sec {
  max-height: unset;
  }
.post-logo {
  height: 50px;
  max-width: 130px;
}
.services-section {
  min-height: 240px;
}
.services-content-direct-child
  .new-heading-style
  a.btn-register-header.btn-plane {
    padding: 12px 20px;
    margin-left: 0 !important;
}
.new-heading-style {
  width: 96%;
}
.experience-challenges-content.active .tab_top_content {
  background-color: #fff;
  border-radius: 8px;
  padding: 10px 0;
  margin-bottom: 20px;
}
.experience-challenges-content.active .tab_top_content img {
  filter: unset;
}
.experience-challenges-content.active .tab_top_content h4 {
  color: #000 !important;
}
}

@media (max-width: 600px) {
  .bytecode-story-slide {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    position: relative;
  }
  .bytecode-story-slide-left,
  .bytecode-story-slide-right {
    width: 100%;
    position: relative;
  }
  .bytecode-story-slider-parent::after {
    display: none;
  }
  .bytecode-story-slide-right::after {
    content: "";
    position: absolute;
    right: 0px;
    top: 0;
    height: 100%;
    width: 20%;
    background-color: #0858a3;
    z-index: -1;
  }
  .bytecode-story-slide-left h2 {
    font-size: 70px;
  }
  .bytecode-story-dot span.slide-year,
  .bytecode-story-dot.active span.slide-year {
    font-size: 16px;
  }
  .bytecode-story-dot span.slide-year {
    left: -12px;
    top: 50px;
    width: 56px;
    line-height: 34px;
  }
  .bytecode-story-dot.active span.slide-year::before {
    width: 16px;
    height: 16px;
  }
  button.bytecode-story-dot:nth-child(even) span.slide-year {
    top: -49px;
  }
  .bytecode-story-dot {
    width: 35px;
    height: 35px;
  }
}

@media (max-width: 360px) {
  .experiencing-heading-box::before {
    max-width: 240px;
  }
}

@media (min-width: 1025px) and (max-width: 1600px) {
  .work_plateform > .e-con-inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between !important;
  }
  .work_plateform > .e-con-inner .work_plateform_col {
    width: 31.5%;
  }
}

@media (max-width: 1024px) {
  .footer-child-container
    .elementor-widget-ekit-nav-menu
    .ekit-nav-dropdown-hover {
    position: static;
    background: transparent;
  }
  .footer-child-container .elementskit-nav-identity-panel {
    display: none !important;
  }
  .footer-child-container button {
    display: none;
  }
  .main_footer h5 {
    margin-bottom: 15px;
  }
}
@media (min-width: 992px) {
  .services-title {
    padding: 320px 0;
  }
}

/* .footer-child-container .elementor-widget-ekit-nav-menu ul a {
    color: #fff !important;
} */

/* Animation */
/* .ocean {
  border-radius: 0 0 10px 10px;
  height: 114px;
  left: 0;
  overflow: hidden;
  width: 100%;
  position: absolute;
  top: -29px;
  transform: rotate(180deg);
}

.wave {
  transition: all 0.3s ease-in-out;
  -webkit-animation: wave 20s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
  animation: wave 20s cubic-bezier(0.36, 0.45, 0.63, 0.53) infinite;
  background: url(https://bytecode.bytecodeapps.in/wp-content/uploads/2024/09/wave-blue-animate-1-13.svg);
  background-repeat: repeat-x;
  -webkit-background-size: 325px;
  -moz-background-size: 325px;
  -ms-background-size: 325px;
  -o-background-size: 325px;
  background-size: 894px;
  top: -10px;
  height: 110px;
  opacity: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  width: 16000px;
}
@keyframes wave {
  0% {
    margin-left: 0;
  }
  to {
    margin-left: -1600px;
  }
} */
.experiencing-heading-box .elementor-element {
  position: unset;
}
.services_logo_Sec {
  overflow: hidden !important;
  position: relative;
  max-width: 100%;
  /* background: linear-gradient(
    45deg,
    #d0e9ff 0%,
    #abeeff 29%,
    #98cedf 66%,
    #7ebed3 100%
  );
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
  background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
  background-image: linear-gradient(120deg, #eff5fa 0%, #ebedee 100%);
  background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  background-image: linear-gradient(
    to top,
    #d5d4d0 0%,
    #d5d4d0 1%,
    #eeeeec 31%,
    #efeeec 75%,
    #e9e9e7 100%
  );
  background-color: #cddcdc;
  background-image: radial-gradient(
      at 50% 100%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 100%
    ),
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.25) 0%,
      rgba(0, 0, 0, 0.25) 100%
    );
  background-blend-mode: screen, overlay; */
}
.services_logo_Sec > div {
  position: unset;
}

.services_logo_Sec > div::before,
.services_logo_Sec > div::after {
  content: "";
  width: 50vmax;
  height: 50vmax;
  position: absolute;
  left: -20vmin;
  top: -20vmin;
  animation: morph 15s linear infinite alternate, spin 20s linear infinite;
  z-index: 1;
  will-change: border-radius, transform;
  transform-origin: 55% 55%;
  pointer-events: none;
  background: rgba(255, 255, 255, 0.2);
  background: rgb(9 84 160 / 2%);
}

.services_logo_Sec > div::after {
  width: 70vmin;
  height: 70vmin;
  left: auto;
  right: -10vmin;
  top: auto;
  bottom: 0;
  animation: morph 10s linear infinite alternate,
    spin 26s linear infinite reverse;
  transform-origin: 20% 20%;
}

/* @-webkit-keyframes Gradient {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

@-moz-keyframes Gradient {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
}

@keyframes Gradient {
  0% {
    background-position: 0 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0 50%;
  }
} */

@keyframes morph {
  0% {
    border-radius: 40% 60% 60% 40% / 70% 30% 70% 30%;
  }
  100% {
    border-radius: 40% 60%;
  }
}

@keyframes spin {
  to {
    transform: rotate(1turn);
  }
}
.porfolio_sec {
  /* background: linear-gradient(
    45deg,
    #d0e9ff 0%,
    #abeeff 29%,
    #98cedf 66%,
    #7ebed3 100%
  );
  background-size: 400% 400%;
  -webkit-animation: Gradient 15s ease infinite;
  -moz-animation: Gradient 15s ease infinite;
  animation: Gradient 15s ease infinite;
  background-image: linear-gradient(to top, #cfd9df 0%, #e2ebf0 100%);
  background-image: linear-gradient(120deg, #eff5fa 0%, #ebedee 100%);
  background-image: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);
  background-image: linear-gradient(
    to top,
    #d5d4d0 0%,
    #d5d4d0 1%,
    #eeeeec 31%,
    #efeeec 75%,
    #e9e9e7 100%
  );
  background-color: #cddcdc;
  background-image: radial-gradient(
      at 50% 100%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 100%
    ),
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.25) 0%,
      rgba(0, 0, 0, 0.25) 100%
    );
  background-blend-mode: screen, overlay; */
}
.portfolio_animation {
  position: unset;
}
.porfolio_sec .elementor-widget-shortcode {
  position: relative;
  z-index: 2;
}
.area {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  /* background-image: radial-gradient(
      at 50% 100%,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(0, 0, 0, 0.5) 100%
    ),
    linear-gradient(
      to bottom,
      rgba(255, 255, 255, 0.25) 0%,
      rgba(0, 0, 0, 0.25) 100%
    ); */
}

.circles {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
}

.circles li {
  position: absolute;
  display: block;
  list-style: none;
  width: 20px;
  height: 20px;
  background: rgba(255, 255, 255, 0.2);
  background: rgb(9 84 160 / 8%);
  animation: animate 25s linear infinite;
  top: -150px;
}

.circles li:nth-child(1) {
  left: 25%;
  width: 80px;
  height: 80px;
  animation-delay: 0s;
}

.circles li:nth-child(2) {
  left: 10%;
  width: 20px;
  height: 20px;
  animation-delay: 2s;
  animation-duration: 12s;
}

.circles li:nth-child(3) {
  left: 70%;
  width: 20px;
  height: 20px;
  animation-delay: 4s;
}

.circles li:nth-child(4) {
  left: 40%;
  width: 60px;
  height: 60px;
  animation-delay: 0s;
  animation-duration: 18s;
}

.circles li:nth-child(5) {
  left: 65%;
  width: 20px;
  height: 20px;
  animation-delay: 0s;
}

.circles li:nth-child(6) {
  left: 75%;
  width: 110px;
  height: 110px;
  animation-delay: 3s;
}

.circles li:nth-child(7) {
  left: 35%;
  width: 150px;
  height: 150px;
  animation-delay: 7s;
}

.circles li:nth-child(8) {
  left: 50%;
  width: 25px;
  height: 25px;
  animation-delay: 15s;
  animation-duration: 45s;
}

.circles li:nth-child(9) {
  left: 20%;
  width: 15px;
  height: 15px;
  animation-delay: 2s;
  animation-duration: 35s;
}

.circles li:nth-child(10) {
  left: 85%;
  width: 150px;
  height: 150px;
  animation-delay: 0s;
  animation-duration: 11s;
}

@keyframes animate {
  0% {
    transform: translateY(0) rotate(0deg);
    opacity: 1;
    border-radius: 0;
  }

  100% {
    transform: translateY(1000px) rotate(720deg);
    opacity: 0;
    border-radius: 50%;
  }
}


/* ============= */
/* .challenges_content .inner_content ul.main_list {
  flex-direction: column;
}
.challenges_content .inner_content ul.main_list > li {
  width: 100%;
  max-width: unset;
  display: flex;
  flex-direction: row-reverse;
}
.count_wrap span {
  display: none !important;
}
.challenges_content .inner_content ul.main_list:before {
  opacity: 0;
}
.c_list_item {
  max-width: unset;
  margin: unset;
  width: 100%;
} */

.floating_menu {
  position: fixed;
  right: 15px;
  top: 50%;
  z-index: 999;
  padding: 5px;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.2);
  transform: translateY(-50%);
  background-color: rgba(255, 255, 255, 0.2);
  box-shadow: 0 0 20px rgba(0,0,0,0.12);
}
.floating_menu li {
  margin: 10px 0;
  position: relative;
  list-style: none;
}
.floating_menu a {
  display: block;
}
ul.floating_menu .f_m_item:hover .f_m_label, li.f_m_item.active .f_m_label {
  display: block;
}
.f_m_label {
  position: absolute;
  top: -4px;
  display: none;
  right: -3px;
  background: #0956A3;
  padding: 8px 35px 8px 12px;
  font-size: 12px;
  color: #fff;
  line-height: 14px;
  border-radius: 20px;
  z-index: -1;
  min-width: inherit;
  width: auto;
  white-space: nowrap;
}
ul.floating_menu .f_m_item:hover svg, li.f_m_item.active svg {
  border-color: #fff;
}
.floating_menu a svg circle {
  fill: #e4622a;
}
ul.floating_menu .f_m_item:hover svg, li.f_m_item.active svg {
  border: 1px solid #fff;
  border-radius: 50px;
}
ul.floating_menu .f_m-icon svg {
  width: 22px;
  height: 22px;
  display: block;
}
ul.floating_menu .f_m_item:hover .f_m-icon svg circle, li.f_m_item.active .f_m-icon svg circle {
  fill: #fff;
}
ul.floating_menu .f_m-icon svg rect {
  fill: #000;
  opacity: 0;
}
ul.floating_menu .f_m_item:hover .f_m-icon svg rect, li.f_m_item.active .f_m-icon svg rect {
  fill: #fff;
}


/* ============ */

/* service page css */

.page-template-services .main_header {
  background: rgba(12, 67, 91,0.87);
}
.service_banner {
  background-image: url('https://bytecode.bytecodeapps.in/wp-content/uploads/2024/09/testimonial-bg-1.webp');
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 650px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}
.service_banner .services_banner_content h2 span{
  -webkit-background-clip: text !important;
  font-weight: 700;
  font-size: 46px;
  margin: 0;
  padding: 0 8px;
  background-clip: text ;
  -webkit-text-fill-color: transparent;
}
.service_banner .services_banner_content h2 span.span-text1{
background:  linear-gradient(to right, #58adff, #146dc3);
}
.service_banner .services_banner_content h2 span.span-text2{
  background: linear-gradient(89deg, #146dc3  0%, #0956A3 97.54%);
}
.service_banner .services_banner_content h2 span.span-text3{
  background: linear-gradient(to right, #0956A3, #021b35);
}
.service_banner .services_banner_content a{
  background: #e4622a;
  color: #fff;
  padding: 16px 32px;
  border-radius: 52px;
  display: inline-block;
  font-size: 16px;
  text-decoration:none;
  font-weight: 600;
  position:relative;
}
.service_banner .services_banner_content p {
  font-size: 28px;
  margin-bottom: 40px;
}
.service_banner .services_banner_content a:after{
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  box-shadow: 0 0 0 rgb(228 98 42 / 60%);
  animation: pulso2 2s infinite;
  transition: 0.5s;
  content: "";
  position: absolute;
  border-radius: 50px;
  margin: auto;
  z-index: 1;
  pointer-events: none;
}
.service_list_sidebar ul {
  list-style: none;
  background: linear-gradient(180deg, #0956A3 0%, #03203D 97.54%);
  margin: 0;
  padding: 30px 0 30px 15px;
  border-radius: 0 20px 20px 0;
}
.service_list_sidebar ul a {
  color: #fff;
  font-size: 16px;
  text-decoration: none;
  padding: 12px 0;
  text-transform: capitalize;
  border-bottom: 1px solid #24629f;
  display: block;
}
.service_list_sidebar ul li {
  margin-bottom: 0;
}
.service_list_sidebar {
  flex:0 0 250px;
  max-width: 250px;
  position: sticky;
  top: 115px;
  left: 0;
}
.service_list_sidebar ul li:last-child a {
  border: 0;
}
.service_list_sidebar ul a:hover {
  color: #ff7d45;
}
.service_list-wrapper{
  position:relative;
  display:flex;
  padding:80px 0;
  align-items:flex-start;
  /* max-width:1740px; */
}
.service_list_content {
  flex: 0 0 calc(100% - 400px);
  max-width: calc(100% - 400px);
  padding: 0 70px;
}
.grid_columns {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  margin-bottom: 60px;
}
.column_left h3 {
  margin-top: 0;
  margin-bottom: 20px;
  color: #000;
  line-height: 1.3;
  font-size: 42px;
  letter-spacing: 0.2px;
}
.column_left h3 span {
  display: block;
}
.grid_columns .column_left a {
  background: linear-gradient(122deg, #0956A3 0%, #03203D 97.54%);
  color: #fff;
  padding: 16px 32px;
  border-radius: 52px;
  display: inline-block;
  font-size: 16px;
  text-decoration: none;
  font-weight: 600;
  position: relative;
}

.btn_wrapper ul {
  margin: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.btn_wrapper li a {
  text-decoration: none;
  color: #095097;
}
.column_right p {
  font-size: 16px;
  margin-bottom:50px;
}
.btn_wrapper li:hover a {
  color: #e4622a;
}
.s_slide .s_slides_block{
  display: flex;
  gap:20px;
  margin-bottom:50px;
}
.service_slider {
  margin: 80px 0 150px;
}
.s_img_overlay {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 50px 30px 10px;
  color: #fff;
}
.s_img img {
  width: 100%;
  display: block;
}
.left_slide {
  flex: 0 0 calc(50% - 10px);
  max-width: calc(50% - 10px);
  position: relative;
}
.right_slide {
  flex: 0 0 calc(50% - 10px);
  max-width: calc(50% - 10px);
  border: 1px solid #ddd;
  border-radius: 10px;
  padding: 30px;
}
.s_img_logo {
  margin-bottom: 20px;
}
.s_img_overlay p {
  font-size: 14px;
}
.s_img_logo img {
  max-width: 150px;
  width: 100%;
}
.s_result_row h4 {
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
}
.result_wrap {
  display: flex;
  align-items: center;
  gap: 20px;
}
.result_wrap h5 {
  font-size: 18px;
  margin: 0;
  font-weight: 600;
}
.result_content p {
  font-size: 12px;
}
.s_slide .logo-img {
  margin-bottom: 30px;
}
p.right_slide_text {
  font-size: 16px;
}
.client_info-wrap {
  margin-left: 10px;
}

.client_info-wrap p.name {
  font-size: 18px;
}
.client_info-wrap p.desg {
  font-size: 14px;
}
.service_list_content button.slick-arrow {
  font-size: 0;
  border-radius: 0;
  border: 0;
position: absolute;
bottom: -30px;
z-index: 10;
width: 64px;
height: 64px;
 
}
.service_list_content .slick-arrow.slick-prev {
  left: unset;
  right: 50px;
  bottom: 50px;
  background: url("https://bytecode.bytecodeapps.in/wp-content/uploads/2024/09/left-arrow.webp") 0
0 / 60% no-repeat;
}
.service_list_content .slick-arrow.slick-next {
  left: unset;
  right: 0px;
  bottom: 50px;
  background: url("https://bytecode.bytecodeapps.in/wp-content/uploads/2024/09/next-5.webp") 0 0 / 60% no-repeat;
}
.service_list_content .slick-arrow.slick-disabled {
opacity: 0.2;
}
.s_img img {
  border-radius: 10px;
}
.company_reviews .s_img_overlay{
  position:static;
  padding:0;
}
.company_reviews {
  display: flex;
  justify-content: center;
  max-width: 1040px;
  margin: 100px auto;
}
.company_reviews .s_img img {
  border-radius: 10px 0 0 10px;
}
.company_reviews .column_right{
  background-color: #1C1C1C;
  border-radius: 0 12px 12px 0;
  padding: 37px 30px 35px 47px;
}
.company_reviews .column_left, .company_reviews .column_right {
  min-height: 420px;
  flex: 0 0 50%;
  width:inherit;
  max-width: 50%;
}
.company_reviews .s_img, .company_reviews .s_img img {
  height: 100%;
}
.digital_transformation{
  background: linear-gradient(122deg, #0956A3 0%, #03203D 97.54%);
  /* border: 2px solid #1FB2EA; */
  border-radius: 20px;
  margin: 2rem auto 7rem;
  padding: 54px 44px 60px;
  position: relative;
  text-align: center;
  z-index: 2;
  max-width: 1600px;
}
.digital_transformation h2 {
  margin: 0 0 50px 0;
  font-size: 40px;
  color: #fff;
}
.digital_transformation h2 span{
  -webkit-background-clip: text !important;
  -webkit-text-fill-color:transparent;
}
.digital_transformation h2 span.span-text1{
background:  linear-gradient(to right, #58adff, #146dc3);
}
.digital_transformation h2 span.span-text2{
  background: linear-gradient(89deg, #146dc3  0%, #0956A3 97.54%);
}
.digital_transformation h2 span.span-text3{
  background: linear-gradient(to right, #0956A3, #58adff);
}
.digital_transformation a{
  background: #e4622a;
  color: #fff;
  padding: 16px 32px;
  border-radius: 52px;
  display: inline-block;
  font-size: 16px;
  text-decoration: none;
  font-weight: 600;
  position: relative;
}
.digital_transformation a:after{
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  box-shadow: 0 0 0 rgb(228 98 42 / 60%);
  animation: pulso2 2s infinite;
  transition: 0.5s;
  content: "";
  position: absolute;
  border-radius: 50px;
  margin: auto;
  z-index: 1;
  pointer-events: none;
}
.service_list-wrapper .s_img_wrap {
  height: 100%;
}
.service_list-wrapper .s_img {
  height: 100%;
}
.service_list-wrapper .slick-slide img {
  height: 100%;
}

@media (max-width:1440px){
  .service_list_content .grid_columns .column_left, .service_list_content .grid_columns .column_right {
  flex: 0 0 calc(50% - 10px);
  width: inherit;
  max-width: calc(50% - 10px);
}
.grid_columns {
  gap: 20px;
}
.company_reviews .column_right {
  padding: 0;
}
}
@media (max-width:1040px){
.btn_wrapper li a {
  font-size: 14px;
}
.grid_columns .column_left p {
  font-size: 16px;
}
.column_left h3 {
  font-size: 32px;
}
.column_right p {
  margin-bottom: 20px;
}
}
@media (max-width:991px){
  .service_list_content .grid_columns .column_left, .service_list_content .grid_columns .column_right {
  flex: 0 0 100%;
  max-width: 100%;
}

.service_list_content .grid_columns .column_left, .service_list_content .grid_columns .column_right {
  flex: 0 0 100%;
  max-width: 100%;
}
.grid_columns {
  flex-wrap: wrap;
}
.grid_columns .column_left p {
  margin-bottom: 20px;
}
.company_reviews {
  margin: 50px auto;
}
.grid_columns {
  flex-wrap: wrap;
}
.company_reviews {
  margin: 50px auto;
}

.left_slide, .right_slide {
  flex: 0 0 calc(100% - 10px);
  max-width: calc(100% - 10px);
}

.s_slide .s_slides_block {
  flex-wrap: wrap;
}
.service_list_content {
  padding: 0 20px;
}
.service_list-wrapper .slick-slide .logo-img img {
  max-width: 150px;
}
.company_reviews .column_left, .company_reviews .column_right {
  flex: 0 0 100%;
  max-width: 100%;
}

.company_reviews {
  flex-wrap: wrap;
}

.company_reviews .column_right {
  border-radius: 12px;
}
.service_list-wrapper .slick-slide .s_img img {
  min-height: 400px;
  object-fit: cover;
}
.service_banner .services_banner_content h2 span {
  font-size: 34px;
}
.service_banner .services_banner_content p {
  font-size: 24px;
}
}
@media (max-width:767px){
  .right_slide {
  padding: 20px;
}

.s_img_overlay {
  padding: 20px;
}
}
@media (max-width:599px){
  .service_banner {
    min-height: 400px;
}
  .service_list-wrapper .slick-slide .s_img img {
  min-height: 400px;
  object-fit: cover;
}

.right_slide {
  padding: 20px;
}

.s_img_overlay {
  padding: 20px;
}
.service_list_sidebar {
  flex: 0 0 100%;
  max-width: 100%;
  top: 80px;
  z-index: 99;
}

.service_list-wrapper {
  flex-wrap: wrap;
  padding: 0;
}
.service_slider {
  margin: 20px 0 20px;
}
.grid_columns {
  margin-bottom: 20px;
}
.digital_transformation {
  margin: 0rem auto 0rem;
  padding: 30px 20px 40px;
}
.digital_transformation h2 {
  margin: 0 0 30px 0;
  font-size: 32px;
}

.service_list_sidebar ul {
  display: flex;
  border-radius: 0;
  background: #fff;
  overflow: auto;
  padding: 10px 0;
}

.service_list_sidebar ul li {
  background: linear-gradient(180deg, #0956A3 0%, #03203D 97.54%);
  width: auto;
  text-align: center;
  border-radius: 50px;
  white-space: nowrap;
  padding: 10px 20px;
}
.service_list_sidebar ul li a {
  padding: 0;
  border: revert-layer;
}

.service_list_sidebar ul li {
  margin-left: 10px;
}

.service_list_content {
  flex: 0 0 100% !important;
  max-width: 100% !important;
  margin-top: 50px;
  padding: 0 15px !important;
}
.grid_columns .column_left p {
  padding-right: 0;
}
.service_banner .services_banner_content h2 span {
  font-size: 28px;
}
.service_banner .services_banner_content p {
  font-size: 20px;
}
.services_banner_content {
  padding: 0 20px;
}
.service_slider {
  margin: 40px 0 80px;
}
}
@media (max-width:479px){
  .service_banner .services_banner_content p {
  font-size: 18px;
  margin-bottom: 30px;
}
}
/* service page css end */


.lead-generation-container {

}
.lead-generation-icon {
  text-align: start;
}
.lead-generation-card {
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 30px;
  width: 23%;
  text-align: center;
  margin-bottom: 40px;
}

.lead-generation-icon img {
  width: 40px;
  height: 40px;
}

.lead-generation-step {
  color: #ff7f00;
  font-size: 14px;
  margin-bottom: 10px;
  text-align: start;
}

.lead-generation-title {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-bottom: 15px;
  text-align: start;
  border-bottom: 1px solid #ddd;
}

.lead-generation-description {
  text-align: start;
  font-size: 16px;
  font-weight: 400;
  color: #5a5a5a;
}



.lead-generation-card-outer {
  display: flex;
  border-bottom: 1px solid #ddd;
  margin-bottom: 40px;
}
.lead-generation-card-data {
  display: flex;
  align-items: center;
  gap: 0px;
  width: 85%;
  margin-bottom: 40px;
}
ul.lead-generation-card-data-main-list {
  display: flex;
  padding: 0;
  list-style: none;
  gap: 20px;
  margin: 0;
  height: 100%;
}
ul.lead-generation-card-data-main-list>li {
  background-color: #08549f;
  padding: 20px;
  border-radius: 8px;
  color: #fff;
  position: relative;
}
ul.lead-generation-card-data-main-list>li h4 {
  font-size: 18px;
}
ul.lead-generation-card-data-main-list>li span {
  color: rgb(255 255 255 / 10%);
  font-size: 100px;
  font-weight: bold;
}
.lead-generation-card-data h3 {
  /* transform: translateY(-50%) rotate(-90deg); */
  width: auto;
  max-width: 100%;
  margin: 0;
  font-size: 32px;
  height: 50px;
  rotate: -90deg;
  text-align: center;
}
ul.lead-generation-card-data-main-list>li li {
  list-style: circle;
  font-size: 14px;
  margin-bottom: 10px;
  line-height: 1.4;
}
ul.lead-generation-card-data-main-list>li ul {
  padding: 0 0 0 20px;
}
ul.lead-generation-card-data-main-list>li .count_wrap {
  top: 0;
}
.lead-generation-card-data-inner {
  height: 100%;
}
ul.lead-generation-card-data-main-list.lead-generation-card-data-main-list-slides {
  display: none;
}

@media (max-width:1400px){
  .service_list_content {
    flex: 0 0 calc(100% - 250px);
    max-width: calc(100% - 250px);
    padding: 0 70px;
}
}

@media (max-width:991px){
.service_slider {
  margin: 40px 0 40px;
}
.grid_columns {
  margin-bottom: 40px;
}
}

@media (max-width:767px){
  .service_list_content {
      padding: 0 25px;
  }
}


/* Footer Service Menus css  Start*/
.main_footer ul li a.ekit-menu-nav-link {
  color:#fff;
  font-size:15px;
  font-weight: 400;

}
.main_footer ul li a.ekit-menu-nav-link:hover {
  color:#e4622a;
}
.main_footer ul#menu-services_menus {
  margin:0;
}
@media (max-width:1366px){
  .main_footer ul li a.ekit-menu-nav-link {
      color: #fff;
      font-size: 12px;
  }
  }
/* Footer Service Menus css End */