.what_we_are {
  margin-top: 80px;
  background: #fff;
  width: 100%;
  padding: 40px 0;
  display: flex;
}

.temp-up img {
  width: 500px;
}

.we_cont {
  width: 55%;
}
.review_right {
  width: 45%;

  display: flex;
  flex-direction: column;
  padding-left: 50px;
  justify-content: center;
}
.review_right > div {
  transition: 0.3s ease-in-out;
}

.we_cont h1 {
  font-size: 34px;

  font-family: "LatoLatin-Bold";
  margin-bottom: 15px;
}
.we_cont h3 {
  font-size: 18px;
  line-height: 25px;
  font-family: "LatoLatin-Medium";
}
.we_cont p {
  font-size: 16px;
  margin-top: 15px;
}
.about_why {
  padding: 55px 0;width: 100%;float: left;
  background: #f5f5f5;
}
.sec_header {
  display: flex;
  margin-bottom: 30px;
  flex-direction: column;
  align-items: center;
}
.sec_header h1 , .sec_header h2 {
  font-size: 26px;text-align: center;color: #000;
  font-family: "LatoLatin-Bold";
}
.sec_header p {
  font-size: 17px;
  text-align: center;
  font-family: "LatoLatin-Medium";
 
  margin: 15px 0 0 0;
  opacity: 0.8;
}
.abt_box {
  background: #fcfcfc;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 0 16px rgba(0, 0, 0, 0.1);
  position: relative;
  text-align: left;

  border-radius: 8px;
  display: flex;
  width: calc(33.33% - 20px);
  overflow: visible;
  white-space: normal;
  transition: all 0.3s;
  border: 0;
  padding: 80px 20px 20px;
  display: flex;
  flex-direction: column;
  margin: 60px 10px 0 10px;
}

.abt_box:hover {
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 8px 16px rgba(0, 0, 0, 0.2);
}

.feactures_abt {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.abt_box h3 {
  color: #000;
  font-size: 20px;
  font-family: "LatoLatin-Bold";
  margin-top: 10px;
}
.abt_box p {
  font-size: 16px;
  margin: 18px 0;
}

.min_round {
  position: absolute;
  top: -50px;
  left: 20px;
  height: 120px;
  width: 120px;

  display: flex;

  align-items: center;

  justify-content: center;
  border-radius: 100%;

  padding: 25px;
}
.min_round img {
  width: 48px;
}

#first {
  background: radial-gradient(
      circle at center,
      rgb(0 108 255) 60% transparent 62%
    ),
    -webkit-gradient(linear, left top, left bottom, color-stop(40%, white), color-stop(0%, rgb(226
              226 226)));
  background: -o-radial-gradient(
      center,
      circle,
      rgb(0 108 255) 60%,
      transparent 62%
    ),
    -o-linear-gradient(top, white 40%, rgb(226 226 226) 0%);
  background: radial-gradient(
      circle at center,
      rgb(0 108 255) 60%,
      whitesmoke 62%
    ),
    linear-gradient(to bottom, white 40%, rgb(226 226 226) 0%);
}

.client_logo {
  position: relative;
  width: 150px;
  height: 150px;
  /* display: inline-block; */
  display: flex;
  justify-items: center;
  align-items: center;

  margin: 0 45px;

  justify-items: center;
}
.client_logo img {
  height: auto;
  width: auto;
  max-height: 100%;
  max-width: 100%;
}

.marq_flex {
  display: flex;
  margin: 20px 0 40px 0;
}

.our_client {
  padding: 40px 0;
  width: 100%;float: left;
}

/*
  .marquee {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 200px;
    overflow-x: hidden;
  }
  
  .track {
    position: relative;
      overflow: hidden;
    white-space: nowrap;
    will-change: transform;
    animation: marquee 10s linear infinite;
  }
  
  @keyframes marquee {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
  }
  */

.ag_full {
  display: flex;
  width: 100%;justify-content: space-between;
  align-items: center;

}
.ag_left {
  display: flex;
  align-items: center;
  background: #ffffffcf;
  border-radius: 8px;
  overflow: hidden;
}
.n_ad_text p{font-size: 16px;color: #fff;}
.sat_cli {
  display: flex;
  flex-direction: column;
  background: #006cff1c;

  padding: 18px;
}
.sat_cli b {
  font-family: "LatoLatin-Bold";
  font-size: 44px;
  line-height: 44px;
}
.sat_cli span {
  font-size: 18px;
  font-family: "LatoLatin-Medium";
}
.ad_flexbtn {
  display: flex;
  align-items: center;
}
.n_ad_text {
  flex: 1;
  padding: 0 15px;
  font-size: 16px;
  font-family: "LatoLatin-Medium";
}

.ad_flexbtn button {
  margin: 0;
  white-space: nowrap;
}
.ad_flexbtn button:first-child {
  margin-right: 15px;
}
.office_pic_sec {
  margin-top: 40px;
}
.office_pic_sec div img {
  width: 100%;
}

.dic_flex {
  display: flex;
}
.left_d {
  display: flex;
}
.cent_d {
  display: flex;
  justify-content: center;
}
.right_d {
  display: flex;
  justify-content: flex-end;
}
.bordered_div {
  border: 1px solid #ddd;
  padding: 15px;
  border-radius: 12px;
  background: #006cff47;
  box-shadow: 0px 3px 6px 1px #a9a9a982;
  margin-top: -11px;
}
.new-style-f .bordered_div{
    width: 210px;margin: 0;
}
.new-style-f .bordered_div{margin-bottom: 10px;}
.rating_d_flex {
  display: flex;
  align-items: center;
}
.rating_d_flex p {
  color: #000;
  font-family: "LatoLatin-Medium";
  text-transform: uppercase;
  margin: 0;
  padding-right: 10px;
}
.logo_and_star {
  display: flex;
  align-items: center;
  margin-top: 8px;
}
.icon_yl {
  display: flex;
}
.icon_yl i {
  color: #ff5429;
  font-size: 12px;
}

.logo_and_star img {
  width: 80px;
  height: 24px;
}
.logo_and_star p {
  padding-left: 14px;
  font-family: "LatoLatin-Bold";
  margin: 0;
  font-size: 14px;
  color: #000;
}

.agileFlex {
  display: flex;width: 100%;
}
.agile_vectore {
  width: 50%;
  padding-right: 100px;
}
.agile_sec {
  padding: 40px 0;float: left;width: 100%;
}
.agile_vectore img {
  width: 100%;
}
.new_work_process {
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.new_work_process h1,.new_work_process h2 {
  font-size: 30px;line-height: 35px;
  font-family: "LatoLatin-Bold";
}
.new_work_process p {
  font-size: 17px;

  font-family: "LatoLatin-Medium";

  margin: 15px 0 0 0;
  opacity: 0.9;
}

.new_testi {
  display: flex;
  align-items: center;
  flex-direction: column;
}
.n_fleft {
  margin-bottom: 20px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
}
.n_fleft h2 {
  font-size: 30px;
  font-family: "LatoLatin-Bold";
}
.n_fleft p {
  font-size: 16px;
  font-family: "LatoLatin-Medium";
  margin: 15px 0 0 0;
}
.n_fright {
  width: 100%;
  float: left;
}

.n_r_card {
  position: relative;
}
.n_r_card .slick-track {
  padding: 45px 0 0 0;
}

.n_r_card .slick-current {
  opacity: 1;
  filter: blur(0px);
}

.review_client {
  background: #fff;
  padding: 60px 20px 20px;
  position: relative;
  transition: 0.3s ease-in;
  border-radius: 4px;
  box-shadow: 2px 2px 30px rgb(0 0 0 / 10%);

  margin: 0 30px;
}
.review_client_p {
  text-overflow: ellipsis;
  margin: 0;
  line-height: 24px;
  color: #7e7e7e;
  font-size: 16px;
  height: 216px;
  overflow: hidden;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
}
.ic_user {
  width: 60px;
  height: 45px;
  border-radius: 4px;
  border: 1px solid #e7e7e7;
  overflow: hidden;
  position: absolute;
  top: -24px;
  right: 0;
  box-shadow: 0px 1px 8px 2px #9191912b;
}
.ic_user img {
  width: 100%;
  object-fit: cover;
  height: 100%;
}
.n_cus_title {
  padding: 10px 24px;
  position: absolute;
  top: -16px;
  left: -25px;
  background: #348aff;
  border-radius: 0px 28px 0px 0px;
  width: 190px;
}
.n_cus_title::after {
  content: "";
  bottom: -15px;
  left: 1px;
  position: absolute;
  border-left: 18px solid transparent;
  border-right: 18px solid transparent;
  border-bottom: 18px solid #006cff;
  transform: rotate(45deg);
}
.n_cus_title p {
  color: #fff;
  font-size: 16px;
  margin: 0 0 5px 0;
}

.n_r_card .slick-arrow {
  top: auto;
  bottom: -20px;
}
.n_r_card .slick-prev {
  transform: translate(0, -50%);
  left: 45%;
  z-index: 1;
}

.n_r_card .slick-next {
  transform: translate(0, -50%);
  right: 45%;
  z-index: 1;
}

.n_r_card .slick-prev::before {
  content: "";
  width: 15px;
  height: 15px;
  border-top: 3px solid #006cff;
  border-left: 3px solid #006cff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  transform: rotate(-45deg);
}

.n_r_card .slick-next::before {
  content: "";
  width: 15px;
  height: 15px;
  border-top: 3px solid #006cff;
  border-right: 3px solid #006cff;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -5px;
  margin-left: -5px;
  transform: rotate(45deg);
}

.n_client_sec {
  background: #006cff14;
  padding: 70px 0;
  float: left;
  width: 100%;
}

@media screen and (max-width: 991px) and (min-width: 768px) {
  .dic_flex {
    flex-direction: column;
  }
  .we_cont,
  .review_right {
    width: 100%;
  }
  .review_right {
    flex-direction: row;
    padding: 0;
    margin-top: 30px;
    justify-content: space-around;
  }
  .ag_full {
   
    align-items: flex-end;
  }
  .n_ad_text p {
    margin: 20px 0;
  }
  .ad_flexbtn {
    width: 100%;
    margin-top: 20px;
    justify-content: flex-end;
  }
  .ad_flexbtn button {
    width: auto;
  }
  .abt_box {
    width: calc(50% - 20px);
  }
  .agile_vectore {
    width: 60%;
    padding-right: 0px;
  }
  .new_work_process {
    width: 100%;
  }
}

@media screen and (max-width: 767px) and (min-width: 320px) {
  .we_cont h1 {
    font-size: 24px;
  }
  .dic_flex {
    flex-direction: column;
  }
  .we_cont,
  .review_right {
    width: 100%;
  }
  .review_right {
    padding: 0;
    justify-content: space-around;
  }
  .ag_full {
    flex-wrap: wrap;
    margin-top: 25px;
    align-items: center;
    flex-direction: column;
  }
  .n_ad_text p {
    margin: 0;
  }
  .n_ad_text {
    margin-top: 15px;
  }
  .ad_flexbtn {
    width: 100%;
    margin-top: 20px;
    justify-content: center;
  }
  .ad_flexbtn button {
    width: auto;
  }
  .abt_box {
    width: 100%;
    margin: 38px 0 0 0;
  }
  .agile_vectore {
    width: 100%;
    padding: 0px;
  }
  .new_work_process {
    width: 100%;
    text-align: center;
  }
  .review_right {
    order: 1;
  }
  .we_cont {
    order: 2;
    margin-top: 40px;
    text-align: center;
  }
  .ag_left img {
    width: 40px;
  }
  .sat_cli b {
    font-size: 24px;
    line-height: 26px;
  }
  .office_pic_sec {
    display: none;
  }
  .sec_header p {
    max-width: 100%;
  }
  .sec_header h1 ,.sec_header h2 {
    font-size: 20px;text-align: center;line-height: 26px;
  }
  .feactures_abt {
    flex-direction: column;
  }
  .abt_box {
    padding: 50px 15px 15px;
  }
  .min_round {
    top: -30px;
    left: 20px;
    height: 80px;
    width: 80px;
  }
  .agileFlex {
    flex-direction: column;
  }
  .client_logo {
    position: relative;
    width: 50px;
    height: 50px;
    /* display: inline-block; */
    margin: 0 26px;
    justify-items: center;
  }
}

/* -------------------------------------------------------------- */

.n_how_we_work {
  float: left;
  width: 100%;
  padding: 60px 0;
  background: #f6f8f9;
}
.timeline {
  width: 100%;
  position: relative;
  display: flex;
}
.timeline::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 40px;
  background-color: #006cff;
  transform: translate(0, -50%);
}
.process-item {
  height: 400px;
  width: 20%;
  position: relative;
  text-align: center;
}
.process_work {
  display: flex;
}
.up_block {
  position: absolute;
  top: 20px;
  left: 0;
  padding-bottom: 20px;
  right: 0;
  height: 160px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.up_block P {
  font-size: 14px;
  margin: 0;
  color: #616161;
  line-height: 1.6;
}
.up_block h4 {
  margin-top: 10px;
  text-transform: uppercase;
  font-size: 20px;
  font-weight: 700;
  color: #006cff;
}
.down_block {
  position: absolute;
  bottom: 20px;
  left: 0;
  right: 0;
  height: 160px;
  text-align: center;
}
.down_block::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  width: 6px;
  background-color: #006cff;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
}

.cste {
  position: absolute;
  top: 180px;
  line-height: 40px;
  font-size: 26px;
  left: 50%;
  z-index: 1;
  transform: translate(-50%, 0%);
  color: #fff;
}
.down_block i {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  width: 90px;
  height: 90px;
  font-size: 40px;
  color: #fff;
  border-radius: 50%;
  background-color: #006cff;
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 2;
  bottom: 0;
}

.evenstep .down_block {
  top: 20px;
  bottom: auto;
}

.evenstep .down_block i {
  top: 0;
  bottom: auto;
}
.evenstep .up_block {
  bottom: 20px;
  top: auto;
  justify-content: flex-start;
  padding-top: 20px;
  padding-bottom: 0;
}

.evenstep .up_block h4 {
  margin-top: 0;
  margin-bottom: 10px;
}
.sectiti {
  font-size: 35px;
}

/*new*/

.n_rg {
  position: relative;
  display: flex;
  background: transparent;
  width: 65%;
  margin: 0 auto;
  border-radius: 18px;
}
.n_rg ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  color: #fff;

}
.n_first span {
  background: #006cff;
  border-radius: 5px;
}

.n_rg ul li {
  display: flex;
  flex-direction: column;
  text-align: center;
  align-items: center;

  padding: 20px;
  width: 25%;
  position: relative;
}
.n_rg ul li div {
  display: flex;
  align-items: center;
  margin: 12px 0 0px;
}
.n_rg ul li div i {
  width: 28px;
  height: 28px;
  font-size: 15px;
  color: #fff;
  background: #006cff;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.lf_blog {
  float: left;
  width: 250px;
  height: 250px;
  border-radius: 12px;
  overflow: hidden;
}
.lf_blog img {
  width: 100%;
}
.n_rg ul li::after {
  background-repeat: no-repeat;
  content: url(../images/ele.png);
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.rf_desc_our {
  flex: 1;
  padding-left: 80px;
}
.our_intro {
  display: flex;
}

.n_rg ul li p {
  font-size: 14px;
  margin: 0;
}
.n_rg ul li h5 {
  padding-right: 8px;

  font-size: 40px;
  font-family: "LatoLatin-Bold";
}

.yr10 {
  position: relative;
  color: #fff;
  width: 60%;
  font-size: 25px;
  line-height: 40px;
  text-decoration: underline;
}

.list_benif {
  display: flex;
  list-style: none;
  flex-wrap: wrap;
}
.list_benif li {
  position: relative;
  width: 50%;
  color: #fff;
  font-size: 16px;
  margin-top: 15px;
  padding-left: 30px;
}

.list_benif li i {
  background: #006cff;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 12px;
}

/*core service v1 start*/

.mainflex {
  display: flex;

  width: 100%;
  justify-content: center;
}

.full_card_body {
  float: left;
  width: 33.33%;

  padding: 0 15px;
  border-radius: 6px;
  position: relative;
  overflow: hidden;
}

.n_fron {
  width: 100%;
  height: 225px;
  overflow: hidden;
  position: relative;
  border-radius: 12px;
}
.n_fron img {
  width: 100%;
  height: 100%;
}
.n_desc {
  width: 100%;
  display: flex;
  flex: 1;
  padding: 0 25px;
}
.inner {
  background: #fff;
  margin-top: -79px;
  position: relative;
  border-radius: 12px;
  padding: 24px 15px;
  text-align: center;
}

.inner h4 {
  font-size: 20px;
  margin-bottom: 15px;
  font-weight: 700;
  color: #006cff !important;
}
.inner p {
  font-size: 14px;
  opacity: 0.8;
}

.btm_it {
  display: flex;
  flex-wrap: wrap;
  transition: 0.5s;
  justify-content: center;
  transform: translate(0px, 100px);
}
.btm_it span {
  padding: 5px 8px;
  border: 1px solid #ddd;
  border-radius: 15px;
  min-width: 80px;
  display: inline-block;
  text-align: center;
  margin: 5px 5px 0 0;
  color: #fff;
  background: #ffffff33;
  font-size: 13px;
  line-height: 19px;
  font-weight: 500;
}
.bl_over {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 15px;
  padding-bottom: 90px;
  transition: 0.5s;
  display: flex;
  align-items: flex-end;
  height: 100%;
  background: rgba(0, 0, 0, 0);
}

.full_card_body :hover .btm_it {
  transform: translate(0px);
}

.full_card_body :hover .bl_over {
  background: rgba(0, 0, 0, 0.35);
}
.cor_serv_con {
  display: flex;
  text-align: center;
  width: 100%;
  margin: 0px 0 32px 0;
}
.cor_serv_con p {
  color: #fff;
  font-size: 16px;
}

/*core service v1 end*/

/*video sec start*/

.video_col-left {
  text-align: center;
  margin-bottom: 30px;
}
.video_col-right {
  width: 100%;
  float: left;
}

/*video sec end*/

/*core service v2 star*/

.skes-item {
  padding: 30px 20px;
  width: 100%;
  display: flex;
  color: #fff;
  flex-direction: column;
  transition: 0.3s;
}
.skew1 {
  background: #088ffe;
  transform: skewY(3deg);
}
.skew2 {
  background: #259cff;
  transform: skewY(-3deg);
}

.sxknai {
  width: 44px;
  height: 44px;
  position: relative;
}
.skes-item img {
  width: 44px;
}

.skew1 .skew-desc {
  transform: skewY(-3deg);
}
.skew2 .skew-desc {
  transform: skewY(3deg);
}

.skew1 .dev-ic {
  transform: skewY(-3deg);
}
.skew2 .dev-ic {
  transform: skewY(3deg);
}

.pos-rel {
  position: relative;
  width: 33.33%;
  display: flex;
}

.skew-desc {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

.skew-desc h4 {
  font-size: 20px;
  font-family: "LatoLatin-Bold";
}
.skew-desc p {
  font-size: 15px;
  opacity: 0.9;
  margin: 15px 0 0 0;
}

.skew1:hover {
  transform: scale(1.04) skewY(3deg);
  z-index: 1;
}
.skew2:hover {
  transform: scale(1.04) skewY(-3deg);
  z-index: 1;
}

/*core service v2 end*/

/* -------------------------------------------------------------------------------------- */

.new_revie {
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 44px;
  box-shadow: 0px 3px 6px 1px #0000002e;

  width: 440px;
  justify-content: space-between;
  padding: 0 20px;

  display: flex;
}

.new_revie .bordered_div {
  background: transparent;
  margin-top: 0;
  border: none;
  box-shadow: none;
}

/* ------------------------------------------------------------------------------------- */

.videobg {
  z-index: 9999;
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
}

.videobg.flexx {
  display: flex;
}

.videomidware {
  width: 700px;
  position: relative;

  z-index: 99999;
}

.videomidware a i {
  color: #fff;
  font-size: 20px;
}

/* ------------------------------------------------------------------- */

#canvas,
#text {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  z-index: -1;
}

#text {
  min-height: 100vh;
  width: 100vw;
  z-index: 1;
  color: #fff;
  text-transform: uppercase;
  font-size: 8vmin;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

#text h1 {
  opacity: 0.9;
}

/* ---------------------------------------- */

#particles-js2 {
  opacity: 0.8;
  width: 100%;

  background-color: #fff;
  background-image: url("");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

.count-particles {
  background: #000022;
  position: absolute;
  top: 48px;
  left: 0;
  width: 80px;
  color: #13e8e9;
  font-size: 0.8em;
  text-align: left;
  text-indent: 4px;
  line-height: 14px;
  padding-bottom: 2px;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
}

.js-count-particles {
  font-size: 1.1em;
}

#stats,
.count-particles {
  -webkit-user-select: none;
}

#stats {
  border-radius: 3px 3px 0 0;
  overflow: hidden;
}

.count-particles {
  border-radius: 0 0 3px 3px;
}

/*our client like us start*/

.client_review_video {
  float: left;
  width: 100%;
  background: #161821;
  padding: 60px 0 60px 0;
  position: relative;
}
.video_play_ic {
  color: #fff;
  font-size: 40px;
  position: absolute;
  left: 30px;
  top: 30px;
  opacity: 0.1;
  font-size: 144px;
}
.client-video-full {
  display: flex;
  align-items: center;
}
.client_video_left {
  padding-right: 80px;
  color: #fff;
  flex: 1;
}
.client_video_left h3 {
  font-size: 30px;
  font-family: "LatoLatin-Bold";
}
.client_video_left p {
  font-size: 14px;
  margin-top: 18px;
  /*margin-bottom: 20px;*/
  line-height: 20px;
}
.round_video {
  width: 340px;
  height: 340px;
  margin: 0 30px;
}
.video_inner {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  border: 6px solid #006cff;
  overflow: hidden;
  position: relative;
}
.video_inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.video_inner a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #0000003d;
}
.client_desc {
  position: absolute;
  bottom: 0;
  padding: 12px;
  text-align: center;
  font-size: 15px;
  background: #006cff54;
  font-weight: 100;
  font-weight: 100;
  width: 100%;
  color: #fff;
}
.videomidware a {
  position: absolute;
  top: -20px;
  right: -20px;
}
.videomidware video {
  width: 700px;
}
.testimon_minus {
  background: #f5f5f5;
  margin-bottom: -24px;
}

/*our client like us start*/
.our_paid_adv {
  float: left;
  width: 100%;
  padding: 60px 0 20px 0;
}
.our_paid_adv_title {
  text-align: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.our_paid_adv_title h2 {
  margin-top: 16px;color: #000;
  font-size: 28px;
  font-family: "LatoLatin-Bold";
}

.step {
  position: relative;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  padding-left: 0;
  margin-right: -0.9375rem;
  margin-left: -0.9375rem;
}
.step .step-item {
  display: flex;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
  width: 30%;
}
.step .step-content-wrapper {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 45px;
}
.step .step-content {
  -ms-flex: 1;
  flex: 1;
  margin-top: 20px;
}
.step .step-icon {
  display: -ms-inline-flexbox;
  display: inline-flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 16px;
  font-weight: 600;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  margin-right: 1rem;
}
.step .step-icon::after {
  position: absolute;
  top: 3.59375rem;
  left: 1.5625rem;
  height: calc(100% - 2.65625rem);
  border-left: 0.125rem solid #e7eaf3;
  content: "";
}
@media (min-width: 768px) {
  .step-md:not(.step-inline) .step-content-wrapper {
    display: block;
  }
  .step-md .step-icon {
    margin-bottom: 1rem;
  }
  .step-md .step-icon::after {
    top: 25px;
    left: 4.0625rem;
    width: calc(100% - 4.0625rem);
    height: 1.0625rem;
    border-top: 0.125rem solid #e7eaf3;
    border-left: none;
  }
  .step-md.step-centered .step-item:nth-child(3) .step-icon::after {
    display: none;
  }
}
@media (min-width: 768px) {
  .step-md.step-centered {
    text-align: center;
  }
  .step-md.step-centered .step-item:last-child .step-icon::after {
    display: none;
  }
  .step-md.step-centered .step-icon {
    margin-left: auto;
    margin-right: auto;
  }
  .step-md.step-centered .step-icon::after {
    width: calc(100% - 3.125rem);
    left: calc(50% + 2.5rem);
  }
}
.step-icon-soft-primary {
  color: #377dff;
  background-color: rgba(55, 125, 255, 0.1);
}
.step-content h3 {
  font-size: 20px;color: #000;
  font-family: "LatoLatin-Medium";
  margin-bottom: 15px;
}
.step-content p {
  font-size: 16px;color: #000;
  padding: 0 10px;
}

.paid_adv_list {
  display: flex;
  width: 52%;
  flex-direction: column;
  list-style: none;
}
.paid_adv_list li {
  margin-bottom: 24px;align-items: center;
  display: flex;
}
.paid_adv_list li i {
  font-size: 14px;
  padding: 4px;
  /* width: 1.75rem; */
  color: #377dff;
  border-radius: 50%;
  background: rgba(55, 125, 255, 0.1);
  /* height: 1.75rem; */
}
.paid_adv_list li p {
  color: #1e2022;
  font-size: 16px;
  margin: 0;
  padding-left: 14px;
}
.service_game_flex {
  display: flex;
  width: 65%;align-items:center;
  justify-content: center;
  margin: 0 auto;
}

.rf_card {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  flex: 1;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  padding: 30px;
  background-color: #fff;
  background-clip: border-box;
  border: 0.0625rem solid #e7eaf3;
  border-radius: 12px;
  border-width: 0;
  box-shadow: 0px 12px 15px rgba(140, 152, 164, 0.1);
}

.rf_card h3 {
  margin: 18px 0;
  color: #1e2022;
  font-size: 26px;
  font-family: "LatoLatin-Medium";
}
.rf_card p {
  margin: 0;
  color: #677788;
  font-size: 16px;
  line-height: 27px;
}

.spect_desc i {
  font-size: 26px;
  width: 50px;
  display: flex;
  border-radius: 50%;
  height: 50px;
  color: #fff;
  background: linear-gradient(to bottom, #9477b4 0%, #fc73b4 100%);
  align-items: center;
  justify-content: center;

  margin: 0 auto;
  margin-bottom: 20px;
}
.justi_center {
  justify-content: center;
  text-align: center;
}

.social-adv-methodcard {
  display: flex;
  flex-direction: column;
  padding: 25px;
  transition: 0.4s;
  margin-top: 25px;
    border-radius: 8px;
}

.social-adv-methodcard h3 {
  font-size: 26px;
  margin: 0 0 15px 0;
  font-family: "LatoLatin-Bold";
  width: 66%;
  color: #0069fd;
}
.social-adv-methodcard p {
  font-size: 16px;
}

.social-adv-methodcard:hover {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);

  background: #fff;
  border-color: transparent !important;
  -moz-transform: translate3d(0, -3px, 0);
  -o-transform: translate3d(0, -3px, 0);
  -ms-transform: translate3d(0, -3px, 0);
  -webkit-transform: translate3d(0, -3px, 0);
  transform: translate3d(0, -3px, 0);
}
.step .step-content {
  transition: 0.4s;
  padding: 15px;
}
.step-content-wrapper:hover .step-content {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
  background-color: rgba(55, 125, 255, 0.1);

  border-color: transparent !important;
  -moz-transform: translate3d(0, -3px, 0);
  -o-transform: translate3d(0, -3px, 0);
  -ms-transform: translate3d(0, -3px, 0);
  -webkit-transform: translate3d(0, -3px, 0);
  transform: translate3d(0, -3px, 0);
}

.step .step-icon {
  transition: 0.3s;
}

.step-content-wrapper:hover .step-icon {
  color: #fff;
  background-color: rgba(55, 125, 255, 1);
}

.step-content {
  position: relative;
}
.typed-cursor {
  font-style: normal;
}

.right_tab_circle {
  width: 50%;
  float: left;
  padding: 0 15px;
}
.holderCircle {
  width: 100%;
  height: 500px;
  border-radius: 100%;
  margin: 0px auto;
  position: relative;
}
.rounds {
  position: absolute;
  right: 40px;
  top: 45px;
  width: 410px;
  height: 410px;
  border-radius: 100%;
  -webkit-animation: rotation 100s infinite linear;
  background: url(../images/yearofexp.jpg);
  background-size: cover;
}
.dotCircle {
  width: 100%;
  height: 100%;
  position: absolute;
  margin: auto;
  top: 0;
  transition: all 2s ease 0s;

  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 100%;
  z-index: 20;
}
.dotCircle .itemDot {
  display: flex;
  align-items: center;
  transition: 0.3s ease-in-out;
  justify-content: center;
  width: 80px;
  height: 80px;
  position: absolute;
  background: #ffffff;
  color: #006cff;
  border-radius: 20px;
  text-align: center;
  line-height: 57px;
  font-size: 30px;
  z-index: 3;
  cursor: pointer;
  /* border: 2px solid #f3f4f8; */
  box-shadow: 0 0 6px rgba(17, 20, 39, 0.15);
}
.contentCircle {
  width: 250px;
  border-radius: 100%;
  color: #fff;
  position: relative;
  top: 46%;
  left: 56%;
  transform: translate(-50%, -50%);
}
.CirItem {
  border-radius: 100%;
  color: #fff;
  position: absolute;
  text-align: center;
  bottom: 0;
  left: 0;
  opacity: 0;
  transform: scale(0);
  transition: 0.5s;
  font-size: 15px;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  margin: auto;
}
.CirItem.active {
  z-index: 1;
  opacity: 1;
  transform: scale(1);
  transition: 0.5s;
}
.CirItem h2 {
  font-size: 26px;
  margin-bottom: 11px;
}
.CirItem p {
  font-size: 16px;
  margin: 0;
}
.itemDot i {
  font-size: 18px;
  transition: 0.2s linear;
}
.itemDot.active {
  background: linear-gradient(
    193deg,
    rgb(251 20 21 / 100%) 0%,
    rgb(1 108 255 / 100%) 100%
  );
}
.itemDot.active i {
  color: #fff;
}
.itemDot:hover {
  background: linear-gradient(
    193deg,
    rgb(251 20 21 / 100%) 0%,
    rgb(1 108 255 / 100%) 100%
  );
}
.hero_abso_banner {
  width: 100%;
  text-align: center;
  position: absolute;
  top: 30px;
  left: 0;
}
.flex_banner_circle {
  display: flex;
  align-items: center;
}
.red_title {
  font-size: 32px;
  font-family: "LatoLatin-Bold";
  text-align: center;
  color: #fa1011;
  margin-bottom: 22px;
}
.red_title + p {
  font-size: 16px;
  opacity: 0.8;
  text-align: center;
  color: #fff;
  margin-bottom: 47px;
}
.ntitle_how_we_work{
  margin-bottom: 60px;
  font-family: 'LatoLatin-Medium';
  font-size: 30px;
  color: #006cff;
  text-transform: capitalize;

  text-align: center;
  float: left;
  width: 100%;
  font-weight: 600;
  font-family: 'LatoLatin-Black';

}
.counts_bg{
  
  padding: 70px 0;
  background: linear-gradient(
    193deg,
    rgb(251 20 21 / 75%) 0%,
    rgb(1 108 255 / 85%) 100%
  );
  border-radius: 12px;
  width: 100%;
}
.counts_sub_title{font-size: 28px;
  margin-bottom: 25px;
  text-align: center;
  font-family: 'LatoLatin-Bold';
  color: #fff;}
  .counts_sub_title + p{  font-size: 16px;
    width: 55%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 35px;
    color: #e5e5e5;}
.rating_bar_width{display: flex; justify-content: center;}
.rating_bar_width .new_revie{margin-bottom: 55px}
.video_right_width{width: 700px;display: flex;justify-content: space-around;}
.what_they_say{font-size: 30px; font-family: 'LatoLatin-Bold'}
.what_they_say + p {    font-size: 16px;
  font-family: 'LatoLatin-Medium';
  margin: 15px 0 0 0;}
  .core_service{display: flex; width: 100%}



.video_right_width .slick-arrow{
    position: absolute;
    background-size: 10px;
    bottom: -60px;
    top: auto;
    background-repeat: no-repeat;
    z-index: 2;
}
.video_right_width .slick-prev{
  background-image: url('../images/pre.png');
  left: 45%;
  right: auto;
  
}
.video_right_width .slick-next{
  background-image: url('../images/next.png');
  right: 45%;
  left: auto;
}

.top_mobile_bar{       display: none;
  justify-content: space-between;
  padding: 13px;
  border-bottom: 1px solid #ddd;
}
.s_logo {width: 175px;}
.close_main_drawer{padding: 3px;}
.close_main_drawer img{width: 20px;}

.angle-right{display: none;}
.que-new-wrap{display: flex;margin-top: 25px;}
.que-new-wrap a{background: #006cff;border-radius: 8px;padding: 10px 35px;display: flex;flex-direction: column;align-items: center;color: #fff;    font-family: 'LatoLatin-Bold';
box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}
.que-new-wrap span{font-size: 12px;}
.que-new-wrap p{margin: 0;font-size: 20px;}



/*.newbgstyle{    background: url(../images/ss.png);    background-size: 100%;}*/







.newbgstyle h1::before{    position: absolute;
    font-size: 80px;
    top: -28px;
    -webkit-text-fill-color: transparent;
    opacity: .3;
    z-index: 0;
    width: 100%;}


.socialmediaads::before{    content: 'Social Ads';
    -webkit-text-stroke: 2px #fff;
    left: 0;}

.seo-stroke::before{
     content: 'SEO';
    -webkit-text-stroke: 2px #fff;
    left: 0;
}

.hybride-app::before{
    content: 'Hybrid App';
    -webkit-text-stroke: 2px #fff;
    left: 0;
}



.social-service-cust{    text-align: center;margin: 16px 0;
    font-size: 28px;
    font-family: 'LatoLatin-Bold';}

.perkssec{
        width: 100%;
    background-color: rgba(55, 125, 255, 0.1);
    float: left;
    padding: 60px 0;
}
.advmethodsec{
    width: 100%;
    float: left;
    padding: 60px 0;
    background: url(../images/ss.png);
}
.bespokesec{display: flex;flex-direction: column;text-align: center;margin-bottom: 20px;align-items: center;}
.bespokesec h2{font-size: 32px;
    font-family: 'LatoLatin-Bold';}
.bespoke-para{font-size: 16px;margin: 15px 0; font-family:LatoLatin-Medium;width: 66%;}
.scrsticksec{    float: left;
    width: 100%;
    position: relative;}
.leftsticky{    display: flex;
    flex-direction: column;
    position: sticky;
    top: 100px;
    left: 0;
    z-index: 2;
    padding-right: 40px;
    width: 50%;
    float: left;
    align-items: flex-end;
    align-content: flex-end;
}
.leftsticky img{width: 400px;}
.advmethod-step{display: flex;flex-direction: column;flex: 1;padding-left: 50px;}
.roisec{
    float: left;padding: 50px 0;
    width: 100%;}
.roiwrap{display: flex;
    background: url('../images/ss.png');
    /* height: 250px; */
    background-position: center;
    background-size: cover;
    padding: 35px 50px 35px 50px;
    border-radius: 17px;
    background-repeat: no-repeat;
    align-items: center;
    justify-content: center;}
.roiwrap p{font-size: 20px;font-weight: 700;margin: 0; margin-right: 40px;}



.newportfolio{    float: left;
    width: 100%;
    padding: 60px 0;
    margin-top: 80px;
    background: #f5f5f5;}
.client_data{display: flex;margin-top: 40px;list-style: none;}
        .client_data li{font-size: 15px!important;padding: 0 15px;border-right: 1px solid #d1d1d1;display: flex;
    flex-direction: column;
    align-items: center;}
        .client_data li:first-child {padding-left: 0;}
        .client_data li:last-child{border:none;}
        .client_data li i{margin-bottom: 12px;}



        .pp_row{display: flex;width: 100%;  padding: 50px 0;  align-items: center;}
        .pp_col{flex: 50%;display: flex;flex-direction: column;    justify-content: center;    align-items: flex-start;}
        .pp_row .pp_col:first-child{border-radius: 12px;overflow: hidden;    box-shadow: 0px 3px 14px 1px #d7d7d7;}
        .pp_row .pp_col:nth-child(2){       padding: 50px;
 background: #ffffff;
    box-shadow: 0px 2px 14px -1px #ddd;
    border-radius: 0 16px 16px 0;} 

    .pp_row.row_reverce .pp_col:nth-child(2){border-radius: 16px 0 0 16px;}
        .pp_col p{font-size: 16px;margin: 0;}
        .pp_col h2{font-size: 26px;  font-family: 'LatoLatin-Medium';margin-bottom: 15px;}

        .pp_col .img_heightRelative {padding: 40px;}

        .learnmore_project{     background: #006cff;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    font-family: 'LatoLatin-Bold';
    display: flex;
    align-items: center;
    border-radius: 28px;
    float: left;
    justify-content: flex-start;
    padding: 12px 25px;}
        .learnmore_project span{background: #006cff;width: 60px;height: 2px;margin-left: 15px;display: none;}
        .tech{display: none;list-style: none;margin: 25px 0;}
        .tech li{
            color: #fff;
    font-size: 14px;
  
    margin-right: 12px;
    background: #006cff;
    padding: 5px 13px;
    border-radius: 22px;
        }
.pp_col img{width: 580px;height: 100%;}

.row_reverce{flex-direction: row-reverse;}
.flex-item-center{display: flex;align-items: center;}
.banner-text-wrapper{color: #222;}
.portfolio-banner-text{display: flex;flex-direction: column;}
.portfolio-banner-text h1{    font-size: 48px;color: #006cff;position: relative;
    font-family: 'LatoLatin-Bold';
    margin-bottom: 20px;}
.client_data li p{font-size: 15px!important;}
.our_wr{font-size: 24px;}
.portfolio-banner-text h1::after{    position: absolute;
    font-size: 80px;
    top: -15px;
    -webkit-text-fill-color: transparent;
    opacity: .1;    content: 'Work';
    -webkit-text-stroke: 2px #006cff;
    left: 0;
    z-index: 0;
    width: 100%;}
.res-img-wrap{width: 100%;}
.res-img-wrap img{width: 100%;}
.port-lb{font-size: 16px;font-weight: 600;padding: 15px 0 15px 0;}
.btmround{margin-top: -43px;}

.car-details{float: left;width: 100%;padding: 80px 0 40px 0;height: 450px;margin-top: 80px;background: linear-gradient( 193deg, rgb(251 20 21 / 75%) 0%, rgb(1 108 255 / 85%) 100% );}
.flex-wrap-req{display: flex;align-items: flex-start;}
.flex-left-wrap-det{margin-bottom: 15px;display: flex;flex-direction: column;flex: 1;padding-right: 40px;}
.flex-left-wrap-det h4{font-size: 28px; margin-bottom: 6px;font-family: 'LatoLatin-Bold';}
.flex-left-wrap-det h5{    margin-bottom: 15px;}
.flex-left-wrap-det p{    margin-bottom: 15px;}
.job-desc-wrap{display: flex;flex-direction: column;}
.job-desc-wrap h3{font-size: 24px;margin-bottom: 20px;font-family: 'LatoLatin-Bold';}
.form-wrapper-fix{display: flex;padding: 35px 0 0 0;flex-direction: column;}
.req-dm{ display: flex;
    flex-direction: column;
    flex: 1;
    align-items: center;
    justify-content: center;}
.req-demo-sec{float: left;width: 100%;margin-top: 80px;padding: 60px 0;background: #fdfdfd;}
.main-wrapper{display: flex;width: 100%;}

.f-width{width: 450px;}
.right-wrap-flex-n{display: flex;flex: 1;position: relative;padding: 30px;background: #fff;    box-shadow: 0px 0px 10px 0px #cfcfcf52;}
.f-width h2, .f-width h1{font-size: 38px;font-family: 'LatoLatin-Bold';margin-bottom: 10px;}
.f-width h2 span, .f-width h1 span{color: #006cff;}
.f-width p{font-size: 20px;}

.iti__country-list {
    width: 300px;
}



/*------------------------service/hire header start------------------------*/
.services_drawer {
    left: 50%;
    position: absolute;
    width: 90%;
    max-width: 1300px;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    border-radius: 0;
    top: 82%;
    transform: translate(-50%, 6%);
    border-radius: 12px;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    background: #fff;
    z-index: -1;
    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
    box-shadow: 0 0 8px #ccc;
}

.services_drawer ul { 
    display: flex;   
    padding: 0 20px 20px 20px; 
    list-style: none;
    flex-wrap: wrap;
    width: 70%;
}
.services_drawer ul li {
    width: 25%;
    padding: 0 15px;
    margin-top: 24px;
}
.services_drawer .hire-dev-width li{
    width: 33%;
}
.covermore{
    width: 36%!important;
}

.services_drawer ul li > a {
    font-size: 14px;
    text-transform: uppercase;
       font-family: 'LatoLatin-Bold';

    padding-bottom: 12px;
    margin-bottom: 12px;
    display: flex;
    border-bottom: 1px solid #ddd;
    align-items: center;
    color: #2b2b2b;
    transition: 0.3s;
}

.services_drawer ul li div a:hover {
    color: #006cff;
}


.services_drawer ul li:hover > a{
    color: #006cff;
}

.services_drawer ul li:first-child div {
    padding: 0px;
}
.services_drawer ul li div{    display: flex;
    flex-direction: column;
}
.services_drawer ul li div a {
    font-size: 15px;
    margin: 2px 0;
    color: #2b2b2b;
/*    transition: all 0.3s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;*/
}

.services_drawer ul li > a > img {
    width: 21px;
    height: 21px;
    margin-right: 6px;
}

.last_contact {
    padding: 20px;
    width: 100%;
    display: flex;
    justify-content: space-around;
    background: url(../images/new-ban.jpg);
    align-items: flex-end;
}

.last_contact div {}

.last_contact div a {
    display: flex;
    align-items: center;
}

.last_contact div a img {
    width: 35px;
    height: 35px;
}

.last_contact div span {
    display: flex;
    flex-direction: column;
    color: #fff;
    padding-left: 12px;
    font-size: 18px;
    font-weight: 500;
}

.last_contact div span em {
    font-size: 14px;
    color: #fff;
    font-weight: 500;
    font-style: normal;
    text-transform: uppercase;
}

.Top_menu > ul > li.service_static {
    position: static;
}
.Top_menu > ul > li.service_non_relative {
    position: static;
}

/* .ullist li:hover .services_drawer {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    transform: translate(-50%, 0%);
    transition-delay: 0s, 0s, 0.3s;
} */

.services_drawer .arrow-up {
    display: none;
}
.n_right_img{
    width: 30%;
    position: relative;
    
}
.n_right_img img{
    width: 100%;
}
.n_right_img::after{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background: linear-gradient(90.3deg,#000000a1 29.37%,rgba(0,0,0,.06) 70.26%,rgba(0,0,0,0) 80.38%);
    width: 100%;
    height: 100%;
}
.n_bn_text{
        position: absolute;
    top: 50%;
    z-index: 3;
    padding-left: 20px;
    transform: translate(0, -50%);
}
.n_bn_text p{
    color: #fff;
        margin: 25px 0;
    font-size: 18px;

}
.firstdraweractive{display: block;}


.hovered{visibility: visible;opacity: 1;z-index: 1;transform: translate(-50%, 0%);
transition-delay: 0s, 0s, 0.3s;}
.free-quote{    background: #006cff;
    color: #fff!important;
    padding: 8px 19px!important;
    border-radius: 24px;}
    .free-quote::before{display: none;}
    .ullist li.active a.free-quote{color: #fff!important;}
.menu_item_title{display: none;}


@media screen and (max-width:991px) and (min-width:318px) {
    .services_drawer{visibility: visible;opacity: 1;box-shadow: none;border-radius: 0; position: fixed;top: 61px;left: -105%;width: 100%;height: 100%;z-index: 99;max-width: none;transform: translate(0);overflow: auto;       transition: all 0.4s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.4s;  }
    .services_drawer ul li{width: 100%;padding: 0;margin-top: 18px;}
    .services_drawer ul{width: 100%;}
    .drawerOpen{left: 0;}
    .covermore{width: 100%!important;}
    .services_drawer ul li > a{}
    .free-quote{width: auto!important;}
    .menu_item_title{    display: flex;
    padding: 10px 15px;
    align-items: center;
    background: #1072fd;
    width: 100%;
    justify-content: center;}
    .menu_item_title img{width: 22px;}
    .menu_item_title span{     flex: 1;
    display: flex;
    justify-content: center; font-size: 20px;color: #fff;font-family: 'LatoLatin-Bold';}
    .services_drawer ul li:first-child div{padding: 0;}
    .n_right_img{width: 100%;}
    .last_contact{flex-direction: column;}
    .last_contact div{width: 100%;}
}

/*------------------------service/hire header end------------------------*/






/* ---------------career page css start-------------------*/

.n_career_sec{
    height: 474px;
    margin-top: 70px;
    width: 100%;
    
    display: flex;
    align-items: center;
    background-size: 100% 100%;
    /* justify-content: center; */
    background: url(../images/team.jpg) no-repeat;
    background-size: 100%;

}
.n_titles_car{
    display: flex;flex-direction: column;width: 100%;
}
.n_titles_car h2 , .n_titles_car h1{
    font-size: 30px;
    font-family: 'LatoLatin-Bold';
    margin: 0;
    color: #000;
}
.n_titles_car p{
    font-size: 16px;margin: 0;
    margin-top: 20px;
    padding-right: 25px;
    color: #5a5a5a;
}

.car_benifits{
    display: flex;justify-content: space-between;
}
.n_car_box{
    background: #fff;
    padding: 30px;    width: 23%;border-radius: 12px;

        box-shadow: 0 0 0 0.05rem rgba(8,60,130,.06), 0 0 1.25rem rgba(30,34,40,.04);
}
.n_car_box svg{width: 35px;height: 35px;}
.n_car_box p{font-size: 15px;}
.n_car_box h4{   
    margin: 10px 0 15px 0;
    font-weight: 700;font-size: 16px;
    color: #343f52;
    word-spacing: 0.1rem;
    letter-spacing: 1px;}
.n_c_minus{
    padding-bottom: 40px;
        margin-top: -126px;

}
.career_bg_over{
        background: #0000004f;
    height: 100%;
    width: 100%;
}
.box_rounded{
    display: flex;
    border-radius: 8px;
    overflow: hidden;
}
.join_our_team{
    float: left;
    width: 100%;
    padding: 40px 0;
}

.col_height{height: 185px;}
.solo_height{height: 215px;margin-bottom: 30px;}
.box_rounded img{width: 100%;    object-fit: cover;}

.upper_lett{text-transform: uppercase;letter-spacing: 1px;}
.after_style{position: relative;padding-top: 35px;}
.after_style::after{      position: absolute;
    left: -10px;
    top: 0px;
    width: 480px;
    height: 290px;
    border-radius: 12px;
    content: '';
    background: #006cff29;
    z-index: -1;
}
.job_position_wrapper{display: flex;padding: 25px;flex-direction: column;   margin-bottom: 30px; background: #e4ecff;
border-radius: 8px;    align-items: flex-start;    align-items: center;}

.job_title_head{    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;}
.job_opening{
    padding: 40px 0;
    float: left;
    width: 100%;
}
.job_title_head h2{   
        font-size: 34px;
    font-family: 'LatoLatin-Bold';
    margin: 15px 0 25px 0;
    color: #000;
    max-width: 65%;
    line-height: 40px;
}
.job_position_wrapper h4{
      font-size: 18px;
    font-family: 'LatoLatin-Bold';
    margin: 0;
    line-height: 26px;
    letter-spacing: 0.5px;
}
.job_position_wrapper p{
    font-size: 14px;
    margin: 0;
}
.job_position_wrapper a {
        background: #006cff;margin-top: 10px;
    color: #fff;
    border-radius: 18px;
    padding: 8px 16px;
}
.role_wrapper{
    display: flex;align-items: center;padding: 4px 0 15px 0;
}
.role_wrapper span{background: #006cff; font-size: 10px; padding: 2px 4px; color:#fff!important;border-radius: 4px;font-weight: 400;margin-left: 8px;}

.role_flex_desc{    display: flex;
    flex-direction: column;
    align-items: center;}
.role_flex_desc h1{    font-size: 44px; font-family: 'LatoLatin-Medium';margin-bottom: 20px;
    color: #fff;}
.car_role_details{display: flex;}
.car_role_details div{display: flex;padding: 0 14px;    align-items: center;}
.car_role_details div p{margin: 0;font-size: 16px;color: #fff;padding-left: 8px;}
.car_role_details div i{color: #fff;}


.job_respo{    
    background: #fff;
    border-radius: 12px;
    padding: 40px;
    box-shadow: 0 0 0 0.05rem rgba(8,60,130,.06), 0 0 1.25rem rgba(30,34,40,.04);
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: 80%;
}
.job_dec_minus{
         margin-top: -200px;
    width: 100%;
    float: left;
}

.sub_list{display: flex;width: 100%;flex-wrap: wrap;}
.sub_list li{width: 50%;font-size: 15px;position: relative;display: flex;align-items: center;margin-top: 4px;}
.sub_list li i{color: #006cff;}
.sub_list li p{padding-left: 15px;margin: 0;}


.rounded-btn:hover{color: #fff!important;}
.rounded-btn{font-size: 16px;}

.n_career_sec {
    transition: background-image 0.5s ease;
}


/*-----------------------file upload box start-----------------------*/

.doc_main_block{    width: 100%; display: inline-block;position: relative;margin-bottom: 20px;}
.doc_main_block_om{    width: 100%; display: inline-block;position: relative;margin-bottom: 20px;margin-left:-18px;margin-top:-10px;}
.doc_title_flex {display: flex;width: 100%;justify-content: space-between; margin-bottom: 9px;align-items: center;}
.j_doc_label {width: 100%; position: relative;height: 150px;border-radius: 8px;
 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2); border: solid 1px #006cff; background-color: #fff; display: flex; justify-content: center; overflow: hidden; align-items: center;flex-direction: column;cursor: pointer;}
.j_doc_label input {opacity: 0;position: absolute;}
.project_doc_upload{ height:60px; }
.UploadBlank {width: 100%;float: left;text-align: center;}
.doc_up_ic {width: 20px;margin: 0 auto 12px auto;display: block;}
.j_doc_label i {font-style: normal;color: #006cff;font-size: 1.4rem;line-height: 17px;padding: 0 11px;text-align: center;width: 100%;float: left;    word-break: break-all;}
.uploadedCon{float: left;width: 100%;text-align: center;display: none;}
.uploadedCon > img {margin-bottom: 7px;width: 30px;height: 30px;}
.delete {display: none;position: absolute; bottom: 15px; right: 12px;}
.delete > img {width: 20px;height: 20px;}
.doc_upload_title {float: left;font-size: 15px; color: #8d8d8d;margin: 0;}
.upload_notes {float: left; width: 100%;line-height: 12px;font-size: 1rem;margin-top: 8px;}
.j_doc_label.doc_sucess{border: 1px solid #D3DAE1;}
.j_doc_label.doc_fail{border: 1px solid #D3DAE1;}
.j_doc_label.doc_sucess::after {position: absolute;left: 0;bottom: 0;height: 3px;width: 100%;content: '';background: #002953;transition: 0.3s;}
.j_doc_label.doc_fail::after { position: absolute;left: 0; bottom: 0; height: 3px; width: 100%; content: ''; background: #B40000;transition: 0.3s;}
.retryLogo{    display: none;position: absolute;bottom: 15px;right: 12px;}
.retryLogo img{width: 20px;height: 20px;}
.upload_status{font-size: 12px;color: red;display: none;}
.New__n_form{width: 100%;}
.mtom{margin-top:10px;}
.mtom2{margin-top:16px;}






/* ---------------career page css end---------------------*/





.banner_hire{
    width: 100%;
    float: left;
    margin: 80px 0 0 0; 
    position: relative;
    overflow: hidden;
}
.hire-hero-row{
        display: flex;
    align-items: center;
}
.hire_img{
        width: 600px;
}
.hire_role{flex: 1;}
.hire_role h1{font-size: 32px; font-family: 'LatoLatin-Bold';color: #006cff;    margin-bottom: 15px;
}
.hire_role p{font-size: 16px;color: #1f1f1f;margin: 0;    }
.with-auto{width: auto;}
.hire_form_width{width: 400px;}
.field{width: 100%;}

.mobile_field{    display: flex;
    margin-bottom: 25px;
  
    position: relative;width: 100%;    border-radius: 4px;
    border: 1px solid #d1d1d1;}
.mobile_field .field{margin: 0;}
.mobile_field .field input{border: 0;}
.mobile_field .iti__selected-flag{    background: #ddd;}
.mobile_field .iti  #cont_phone{outline: none;border:none;padding: 0;}
.mobile_field .iti__flag-container{border: none!important;}

.hire_point{list-style: none;display: flex;flex-direction: column;}
.hire_point li{    
    font-size: 16px;
    margin-top: 15px;
    display: flex;
    font-weight: 500;
    font-family: 'LatoLatin-bold';
    border-radius: 6px;
    padding: 10px 0;  
    align-items: center;
    color: #fff;}
.hire_point li i{color: #fff;padding-right: 15px;}

.process_fullwrap{    position: relative;
    padding: 50px 0;
    width: 100%;
    float: left;}

.process_fullwrap::before {
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    background: #00add4;
    visibility: hidden;
    opacity: 0;
    transition: .4s ease-in-out;
}
.process_fullwrap::after {
    content: '';
    width: 2px;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0;
    margin: auto;
    background: #fff;

}

.fullwrap{
        width: 100%;
 margin-bottom: 30px;
    float: left;
    position: relative;
}


.leftwrap{width: 50%;float: left;position: relative;padding-right: 40px;}
.leftwrap::after{      
    width: 20px;
    border-radius: 50%;
    height: 20px;
    background: #fff;
    content: '';
    position: absolute;
    right: -10px;
    display: flex;
    top: 50%;
    z-index: 1;
    justify-content: center;
    transform: translateY(-50%);
    align-items: center;
}
.leftwrap::before{ 
    width: 8px;
    border-radius: 50%;
    height: 8px;
    background: #006cff;
    content: '';
    position: absolute;
    right: -4px;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
 
}
.bg_wrap{
       background: #fff;
    border-radius: 8px;
    padding: 20px;text-align: right;
    position: relative;
    display: flex;
    flex-direction: column;
}
.bg_wrap::after{
      content: '';
    position: absolute;
    right: -22px;
    top: 50%;
    border-top: 12px solid #fff;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid transparent;
   
    transform: rotate(-90deg) translateX(50%);
}

.bg_wrap strong{    margin-bottom: 10px;
    font-size: 16px;}
.bg_wrap p{   margin: 0; font-size: 15px;
}

.rightwrap{
        float: right;
    padding-left: 40px;
    padding-right: 0;
}
.rightwrap::before{
    left: -4px;
}
.rightwrap::after{
    left: -10px;
}

.rightwrap .bg_wrap::after{
        left: -24px;
    border-top: 12px solid transparent;
    border-left: 12px solid transparent;
    border-right: 12px solid #fff;
    border-bottom: 12px solid transparent;
    transform: rotate(0deg) translateY(-50%);
    right: auto;
}

.rightwrap .bg_wrap{text-align: left;}

.serv{display: flex;flex-wrap: wrap;justify-content:center; list-style: none;}
.serv li{text-align: center;    width: 16.66%;margin-top: 40px;}
.serv li p{color: #fff;text-transform: uppercase;margin-top: 15px;}
.serv li img{width: 45px;}
.serv li i{font-size: 34px;color: #fff;}


.absolute-hello{    width: 80px;
    position: absolute;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient( 193deg, rgb(251 20 21 / 75%) 0%, rgb(1 108 255 / 85%) 100% );
    top: -45px;
    left: -50px;
    display: flex;
    align-items: center;
    justify-content: center;}
.absolute-hello p{font-size: 16px;font-family: 'LatoLatin-Bold';margin: 0;color: #fff;}



.flex-full{flex: 1;}
    .flex-full input{width: 100%;}




.service-review{display: flex;padding: 10px 0;}
.service-review .bordered_div{margin: 0 10px 0 0;background: #f3f3f3;}
.service-review .bordered_div p{font-size: 14px;color: #000;}
.service-review .bordered_div .logo_and_star img{width: 60px;height: auto;}


.topformsec{
    float: left;
    width: 100%;
    padding: 50px 0;
    margin-top: 80px;
    background: linear-gradient( 193deg, rgb(251 20 21 / 75%) 0%, rgb(1 108 255 / 63%) 100% );
}
.hs_heroparts{display: flex;width: 100%;}
.hs_herofirst{flex: 1;display: flex;align-items: center;color: #fff;
    padding-right: 50px;}
.hs_herofirst h1{line-height: 46px;
     font-size: 38px;position: relative;
    font-family: 'LatoLatin-Bold';
    margin-bottom: 25px;}
.hs_herofirst p{font-size: 18px;}
.hs_herofirst h2{font-size: 22px;font-family: 'LatoLatin-Medium';padding: 22px 0;}
.hu_ullist{display: flex;flex-direction: column;}
.hu_ullist li{font-size: 16px;margin-top: 10px;}
.hu_formbox{border-radius: 15px;
    -webkit-box-shadow: 0 15px 14px 0 rgba(0,0,0,.1);background: #fff;
    box-shadow: 0 15px 14px 0 rgba(0,0,0,.1);    border-radius: 12px;
    overflow: hidden;}
.hu_forminner{padding: 25px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;}
.hu_formtitle{    padding: 15px 20px;
    background: #ededed;
    font-family: 'LatoLatin-Bold';
    font-size: 20px;
    color: #000;}

.hu_sstep{    display: flex;
    flex-direction: column;
    color: #fff;
    margin-top: 20px;
    padding-left: 67px;
    background: url(../images/free-arrow.png) no-repeat;
    background-size: 47px;
    

}
.hu_sstep h4{font-size: 18px;  line-height: 25px;  margin: 0 0 5px 0;
 font-family: 'LatoLatin-Medium';}
.hu_sstep p{font-size: 15px;margin: 0;opacity: 0.85;}


.hu_faq{display:flex; width: 100%;}
.hu_faqque{flex: 1;}
/*.{display: flex;align-items: center;}*/

.hu_faq_list{      background-color: #FBFBFB;margin-bottom: 22px;
   
    border-radius: 12px;
    border: 1px solid #ddd;}
.hu_faq_list a{font-size: 18px;color: #000;display: flex;justify-content: space-between; width: 100%; padding: 20px; font-family: 'LatoLatin-Medium';}
.hu_faq_coll_desc{     display: none; 
    padding: 0px 20px 20px;
  
    flex-direction: column;}
.hu_faq_coll_desc p{font-size: 16px;margin: 0;}
.hu_faq_coll_desc ul{display: flex;flex-direction: column;    list-style: upper-alpha;
}
.hu_faq_coll_desc ul li{    display: flex;flex-direction: column;
    font-size: 16px;margin-top: 15px;
    background: url(../images/tick-bl.png) no-repeat;
    background-size: 20px;
    padding-left: 33px;}

.react-fe{    width: 100%;
    float: left;
    padding: 50px 0;}
.box_flex-item{
    display: flex;align-items: center;    justify-content: space-between;

}
.first_flex{display: flex;flex: 1;}
.img_flex_div{display: flex;flex: 1;padding: 20px;}
.img_flex_div img{}
.sec_flex_desc{display: flex;flex-direction: column;flex: 1;    padding: 40px;
    background:  #f1f3f7;
    box-shadow: 0px 1px 18px 4px rgb(0 0 0 / 4%);
    border-radius: 12px;}
.sec_flex_desc h3{font-size: 24px;line-height: 30px;font-family: 'LatoLatin-Bold';margin-bottom: 24px;}
.sec_flex_desc p{font-size: 16px;}
.process-img{display: flex;flex-direction: column;width: 40%;}
.process-steps{           display: flex;
    flex-direction: column;
    flex: 1;
    padding: 40px;
    background: #006cff;
    box-shadow: 0px 1px 18px 4px rgb(0 0 0 / 35%);
  
    border-radius: 12px;
    }

    .d-flex{display: flex;}
    .act_stp{display: flex;flex-direction: column;}

    .act_stp h3{   
        font-size: 24px;margin-bottom: 15px;
        line-height: 30px;
        font-family: 'LatoLatin-Bold';
        color: #fff;}

    .sec_nex_bg{background:  #f1f3f7;}
    .mb-30{margin-bottom: -30px;}

    .sec_nex_bg .sec_flex_desc{ background: #fff;}
    

.spectrum_container{
    display: flex;    flex-wrap: wrap;
    justify-content: center;
    margin-top: 15px;
   
}
.seo_spectrum{
    width: 100%;
    float: left;
    padding: 60px 0;
    background: #faf6fb;
}
.spectrum{
      padding: 20px;
    margin: 20px 10px 0 10px;
    display: flex;
    width: calc(33.33% - 20px);
    background: #fff;
    position: relative;
    border-radius: 3px;
    box-shadow: 0px 5px 7px 0px rgba(0, 0, 0, 0.04);
}
.spect_desc h4{
    font-size: 20px;
     font-family: 'LatoLatin-Bold';
    color: #633991;
    margin-bottom: 18px;
}
.spect_desc p{
    font-size: 16px;
    color: #959094;
    margin: 0;
}
.spectrum::before{
        content: "";
    position: absolute;
    width: 3px;
    color: #fc73b4;
    background: -moz-linear-gradient(top, #9477b4 0%, #fc73b4 100%);
    background: -webkit-linear-gradient(top, #9477b4 0%, #fc73b4 100%);
    background: linear-gradient(to bottom, #9477b4 0%, #fc73b4 100%);
    top: 0;
    bottom: 0;
    left: 0;
}
.seo-step{
       display: flex;
    align-items: center;
   
    position: relative;
    background: #fff;
    padding: 15px;
    box-shadow: -10px -9px 9px -7px #00000036

}
.seo-step::after{
    position: absolute;
    left: 0;content: "";
    top: 0;width: 100%;
    height: 4px;
     background: rgb(1,108,255);
background: linear-gradient(193deg, rgba(1,108,255,1) 0%, rgba(251,20,21,1) 100%);
}
.seo-step::before{
    position: absolute;
    left: 0;content: "";
    top: 0;width: 4px;
    height: 100%;
     background: rgb(1,108,255);
background: linear-gradient(193deg,rgba(251,20,21,1)  0%, rgba(1,108,255,1) 100%);
}

.seo_step_desc{
    flex: 1;display: flex;flex-direction: column;
}
.seo_step_desc h3{
        font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;margin-bottom: 10px;
    font-size: 16px;
}
.seo_step_desc p{
        font-size: 14px;margin: 0;
    line-height: 1.5;
    font-weight: 300;
    color: #666666;
}
div .seo-step:nth-child(2){width: 94%;}
div .seo-step:nth-child(3){width: 88%;}
div .seo-step:nth-child(4){width: 82%;}
div .seo-step:nth-child(5){width: 76%;}
div .seo-step:nth-child(6){width: 70%;}
div .seo-step:nth-child(7){width: 64%;}



.service_ben{    float: left;
    width: 100%;
    padding: 40px 0;
    background: linear-gradient( 193deg, rgb(251 20 21 / 75%) 0%, rgb(1 108 255 / 85%) 100% );
}

.delivering-sec{background: #F8F8F8;display: flex;width: 100%;padding: 60px 0;}
.two-flex-sl{display: flex;align-items: center;}
.v-img-box{width: 500px;}
.v-img-box img{width: 100%;}
.flex-full-desc{flex:1;padding-right: 35px;}
.flex-full-desc h2{font-size: 28px; font-family: 'LatoLatin-Bold';line-height: 38px;}
.para-style{font-size: 16px;display: flex;flex-direction: column;padding-bottom: 20px;}
.para-style p{margin: 0;font-size: 16px;margin-top: 15px;line-height: 24px;}
.let-talk-btn{    background: #006cff;
    border-radius: 28px;
    padding: 14px 21px;
    display: inline-block;font-size: 16px;
    align-items: center;
    color: #fff;
    font-family: 'LatoLatin-Bold';
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);}
.let-talk-btn:hover, .let-talk-btn:focus{color: #fff;}

.bg-layer{background: url(../images/social-media-logos.jpg);padding: 0;}
.bg-layer-color{    display: flex;background: linear-gradient( 193deg, rgb(251 20 21 / 75%) 0%, rgb(1 108 255 / 63%) 100% );height: 100%;
    width: 100%;
    padding: 60px 0;}

.center-text-white{text-align: center;color: #1a1a1a;}


.flex-tm-wrap{    color: #fff;
    text-align: center;
    margin-bottom: 20px;
    
    display: flex;
    flex-direction: column;}
.flex-tm-wrap span{font-size: 16px; }
.serve-full{width: 100%;}
.stair-sec{width: 100%;
    float: left;
    padding: 60px 0;}
.stair-sec h2{text-align: center; font-size: 36px;font-family: 'LatoLatin-Bold';}
.climb-img-pos{    width: 200px;
    position: absolute;
    left: -46px;
    z-index: -1;
    bottom: 223px;
    opacity: 0.6;}
.pre-wrpapper{flex: 1;padding-right: 30px;text-align: right;display: flex;flex-direction: column-reverse;align-items:flex-end;position: relative;}
.para-wrapper{display: flex;margin-top: 60px;}
.step-img-box-wrap{width: 35%;height: 600px;float: right;}
.step-img-box-wrap img{width: 100%;height: 100%;object-fit: cover;}







.titlee_android_iphone{width:100%;float:left;}
.titlee_android_iphone h2{text-align:center;float:left;width:100%;margin:0px 0 50px 0;font-size:30px;font-family: 'LatoLatin-Bold';color:#000000;}
.indwe_serve{width:100%;float:left;margin-bottom:50px;}
.indwe_serve p{width:100%;float:left;font-size:16px;color:#000;text-align:center;margin-bottom:0px;}
.development_process{width:100%;float:left;padding:50px 0px;overflow:hidden;}
.development_process .titlee_android_iphone h2{margin-bottom:15px;}
.process-box{background:#fff;padding:10px;border-radius:15px;position:relative;box-shadow:-1px 1px 16px 1px #a9a9a969;}
.process-left:after{content:"";border-top:15px solid #ffffff;border-bottom:15px solid #ffffff;border-left:15px solid #ffffff;border-right:15px solid #ffffff;display:inline-grid;position:absolute;right:-15px;top:42%;transform:rotate(45deg);box-shadow:3px -2px 3px 0px #00000036;z-index:1;}
.process-right:after{content:"";border-top:15px solid #ffffff00;border-bottom:15px solid #ffffff;border-left:15px solid #ffffff;border-right:15px solid #ffffff00;display:inline-grid;position:absolute;left:-15px;top:42%;transform:rotate(45deg);box-shadow:-1px 1px 3px 0px #0000001a;z-index:1;}
.process-step{background:#3C8DFC;text-align:center;width:80%;margin:0 auto;color:#fff;padding-top:8px;position:relative;top:-26px;border-radius:0px 0px 10px 10px;box-shadow:-6px 8px 0px 0px #00000014;}
.process-point-right{background:#ffffff;width:25px;height:25px;border-radius:50%;border:8px solid #006cff;box-shadow:0 0 0px 4px #5c5c5c;margin:auto 0;position:absolute;bottom:-72px;left:-63px;}
.process-point-right:before{content:"";height:137px;width:11px;background:#9b9b9b;display:inline-grid;transform:rotate(36deg);position:relative;left:-50px;top:-0px;}
.process-point-left{background:#ffffff;width:25px;height:25px;border-radius:50%;border:8px solid #006cff;box-shadow:0 0 0px 4px #5c5c5c;margin:auto 0;position:absolute;bottom:-77px;right:-72px;}
.process-point-left:before{content:"";height:135px;width:11px;background:#9b9b9b;display:inline-grid;transform:rotate(-38deg);position:relative;left:50px;top:0px;}
.process-last:before{display:none;}
.process-box p{z-index:9;}
.process-box p small{font-size:16px;color:#111;}
.process-step p{font-size:20px;}
.process-step h2{font-size:39px;}
.process-step:after{content:"";border-top:8px solid #04889800;border-bottom:8px solid #006cff;border-left:8px solid #04889800;border-right:8px solid #006cff;display:inline-grid;position:absolute;left:-16px;top:0;}
.process-step:before{content:"";border-top:8px solid #ff000000;border-bottom:8px solid #006cff;border-left:8px solid #006cff;border-right:8px solid #ff000000;display:inline-grid;position:absolute;right:-16px;top:0;}
.process-line-l{background:#f9f9f9;height:4px;position:absolute;width:131px;right:-153px;top:58px;z-index:9;}
.process-line-r{background:#f9f9f9;height:4px;position:absolute;width:112px;left:-134px;top:63px;}

.android-stroke::before {
    content: 'Android App';
    -webkit-text-stroke: 2px #fff;
    left: 0;
}

.What_We_Did_So_Far{    width: 100%;
    float: left;
    padding: 50px 0;}
.titlee_android_iphone{width:100%;float:left;}

.didsofar_point{width:100%;float:left;}
.point_data{width:100%;float:left;  position: relative;z-index: 0; border: 2px solid #3C8DFC;padding: 15px;    display: flex;border-radius: 8px;
    flex-direction: column; transition: 0.2s;
    justify-content: center;
    align-items: center;}
.text_didsofar{width:100%;float:left;}
.text_didsofar strong{width:100%;float:left;font-size:22px;font-family:'LatoLatin-Medium';text-align:center;padding-bottom:5px;}
.text_didsofar p{width:100%;float:left;font-size:18px;color:#585858;text-align:center;margin-bottom:0px;}
.pointicon{width:100px;height:100px;background:#3C8DFC;padding:15px 15px;border-radius:30% 70% 70% 30% / 30% 30% 70% 70%;box-shadow:5px 5px 0px #f3f3f3;margin:0 auto;margin-bottom:30px;}


.point_data::before, .point_data::after{    position: absolute;
    background: #fff;
    z-index: -1;
    transition: 1s;
    content: '';}
.point_data::before{    height: 103%;
    width: 100%;}
.point_data::after {
    height: 100%;
    width: 103%;
}

.point_data:hover::after{height: 0;}
.point_data:hover::before{width: 0;}
.point_data:hover{box-shadow:  0px 0px 48px 0px rgb(161 161 161 / 30%);transform:  translateY(-6px);}

.center-with-img img{background: linear-gradient(to bottom, #9477b4 0%, #fc73b4 100%);border-radius: 50%;padding: 8px;width: 70px;margin-bottom: 15px;}

.service-rend{float: left;width: 100%;padding: 50px 0;}
.flex{display: flex;}
.relative{position: relative;}
.left-bg-sticky{position: sticky;top: 60px;left: 0; width: 400px;height: 600px; background: url(../images/bg-dev.jpg);background-repeat: no-repeat; display: flex;flex-direction: column;padding: 50px 35px;border-radius: 8px;align-items:flex-start;}
.left-bg-sticky h2{color: #fff;font-size: 30px;line-height: 40px;}
.left-bg-sticky p{font-size: 18px;color: #fff;opacity: 0.9;margin-top: 25px;line-height: 30px;}
.right-stickty-box{    flex: 1;
    padding: 40px 80px;
    display: flex;
    flex-direction: column;}
.indi-box{display: flex;padding: 35px;background: #e4eef9;margin-bottom: 30px;border-radius: 12px;    position: sticky;left: 0; box-shadow:  1px 1px 19px 0px #0a0a0a1c;}
.cus-flex-items{display: flex;flex-direction: column;padding-left: 25px;}
.indi-box .pointicon{margin-bottom: 0;}
.cus-flex-items strong{font-size: 20px;margin-bottom: 12px;font-weight: 400; font-family: 'LatoLatin-Bold';color: #000;}
.cus-flex-items p{    font-size: 17px;
    line-height: 23px;}

.right-stickty-box .indi-box:first-child{top: 40px;}
.right-stickty-box .indi-box:nth-child(2){top: 80px;}
.right-stickty-box .indi-box:nth-child(3){top: 120px;}
.right-stickty-box .indi-box:nth-child(4){top: 160px;}
.right-stickty-box .indi-box:nth-child(5){top: 200px;}
.right-stickty-box .indi-box:nth-child(6){top: 240px;}
.right-stickty-box .indi-box:nth-child(7){top: 280px;}
.right-stickty-box .indi-box:nth-child(8){top: 320px;}
.right-stickty-box .indi-box:nth-child(9){top: 360px;}

.indi-box .pointicon img{width:50px;}


.ios-stroke::before {
    content: 'iOS App';
    -webkit-text-stroke: 2px #fff;
    left: 0;
}
.bg-bann-sec{    background: url(../images/cottonbro.jpg);
    min-height: 300px;
    padding: 75px 0;
    background-repeat: no-repeat;
    background-size: cover;
    float: left;
    width: 100%;}
.right-fx{    width: 48%;
    float: right;
    color: #fff;}
.right-fx h3{font-size: 26px;margin-bottom: 25px;line-height: 38px;}
.right-fx p{font-size: 16px;opacity: 0.9;margin-bottom: 20px;}
.wordpress-stroke::before{content: 'WordPress';-webkit-text-stroke: 2px #fff;left: 0;}
.itemcenter-flex{align-items: center;}
.itemcenter-flex .process-img{padding-right: 50px;flex: 1;}
.itemcenter-flex .hu_sstep p{font-size: 16px;opacity: 1;}


.main_bx{float:left;width:100%;}
.flbox{float:left;width:100%;}
.flbox li{width:33.33%;float:left;padding:0 15px 15px;list-style:none;}
.flbox li .fl_w100{float:left;width:100%;position:relative;overflow:hidden;background:#fff;border-radius:10px;box-shadow:10.565px 22.658px 50px 0 rgb(0 0 0 / 10%);padding:20px;}
.ttleiphone{    text-align: center;
    float: left;
    width: 100%;
    margin: 0px 0 50px 0;
    font-size: 30px;
    font-weight: 600;
    font-family: 'LatoLatin-Medium';
    color: #000000;}
.icimg{float:left;width:100%;}
.icimg img{margin:30px auto;height:50px;display:block;transition:all 0.5s ease-in-out;-moz-transition:all 0.4s;transform:rotate(0deg);}
.serviceTitle{font-size:20px;color:#000;float:left;width:100%;text-align:center;font-family:'LatoLatin-Medium';margin-bottom:10px;height:44px;}
.datadis{width:100%;height:100%;position:absolute;top:0;right:-100%;font-size:16px;line-height: 26px; padding:3% 4%;background:rgb(11 154 205 / 90%);color:white;transition:all 0.5s ease-in-out;-moz-transition:all 0.4s;text-align:justify;}
.fl_w100:hover .datadis{right:0%;top:0px;}
.fl_w100:hover .icimg > img{transform:rotate(360deg);}
.ourservices{float:left;width:100%;padding:50px 0;}
.word_page .serviceTitle{font-size:18px;}
.grid-wrapper{display: grid;grid-gap: 38px;   padding-top: 25px; grid-template-columns: repeat(3, 1fr);}
.grid-wrapper-div{display: flex;flex-direction: column;align-items: center;padding: 20px; border: 1px solid #ddd;text-align: center;  border-radius: 8px;  transition: all .3s ease;
    -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;}
.img-bg-white{background: #fff;padding: 10px;margin-top: -54px;}
.grid-wrapper-div img{opacity: 0.6;transition: all .3s ease;
    -webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;}
.title-h2-flex{    justify-content: center;display: flex;margin: 0 0 35px 0;font-size: 28px;font-weight: 600;font-family: 'LatoLatin-Medium';color: #000000;}
.sec-pad-flt{width: 100%;padding: 50px 0;float: left;}
.grid-wrapper-div h3{font-size: 19px;font-family: 'LatoLatin-Bold';color: #000;margin: 20px 0 20px 0;}
.grid-wrapper-div p{font-size: 16px;line-height: 23px;margin: 0;}
.grid-wrapper-div:hover{border: 1px solid #006cff;box-shadow: 10.565px 22.658px 50px 0 rgb(0 0 0 / 10%);z-index: 2;}
.grid-wrapper-div:hover img{opacity: 1;}
.hire-dev-wrapper{padding-top: 15px;}
.hire-our-dev-cta{    background: #fff;
    color: #006cff;
    font-size: 18px;font-family: 'LatoLatin-Medium';
    padding: 10px;
    display: flex;
    border-radius: 6px;
    justify-content: flex-start;}

.testing-stroke::before {
    content: 'Testing';
    -webkit-text-stroke: 2px #fff;
    left: 0;
}
.rounded-btn{white-space: nowrap;}
.benifts-label li div:hover h3{    transform: translateX(10px);}
.item-wrapper p{font-size: 18px;padding: 5px;}


.top-about{background: url(../images/office.jpg);align-items:flex-end;height: 552px;margin-top: 74px; display: flex;background-repeat: no-repeat;background-size:100%;float: left;width: 100%;}
.bg-layred{background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.7));width: 100%;display: flex;padding: 60px 0;float: left;}
.about-desc-sec{width: 100%;float: left;padding: 50px 0;}
.wrap-about{display: flex;width: 100%;}
.his-wrap{display: flex;flex-direction: column;}
.his-wrap h2{font-size: 30px;line-height: 36px; font-family: 'LatoLatin-Bold';color: #000000;margin-bottom: 20px;}
.his-wrap h3{font-size: 20px;line-height: 26px; font-family: 'LatoLatin-Bold';color: #000000;margin-bottom: 20px;}
.his-wrap p{font-size: 16px;font-family: 'LatoLatin-Medium';color: #4e4e4e;}
.our-story-wrapper{float: left;width: 100%;padding: 50px 0;background: url(../images/stand12.jpg);height: 378px;background-repeat: no-repeat;background-size: cover;}
.our-story-wrapper h2{  font-size: 30px;margin-bottom: 25px; line-height: 36px;font-family: 'LatoLatin-Bold';
color: #fff;}
.our-story-wrapper p{text-align: center;color: #ffffffc7;font-size: 16px;}
.flex-for-cd{display: flex;width: 100%;flex-direction: column;align-items:center;}
.w-hun-point{width: 100%;margin: 0;}
.w-hun-point ul li p{font-size: 16px;    margin-top: 8px;}
.socilIc li:first-child {float: left;}
   /* .marquee {
            height: 200px;
            width: 100%;

            overflow: hidden;
            box-sizing: border-box;
            position: relative;

        }

        .marquee--inner {
            display: flex;
            width: 100%;
            margin: 30px 0;
            position: absolute;
            animation: marquee 10s linear infinite;
        }

        .marquee--inner:hover {
            animation-play-state: paused;
        } */
        .marquee {
          height: 200px;
          width: 100%;
          overflow: hidden;
          box-sizing: border-box;
          position: relative;
        }

        .marquee--inner {
          display: flex;
          width: fit-content; /* let it size naturally */
          position: absolute;
          animation: marquee 25s linear infinite;
        }

        .marquee--inner:hover {
          animation-play-state: paused;
        }

      @keyframes marquee {
        0% {
          transform: translateX(0);
        }
        100% {
          transform: translateX(-50%); /* only scroll half width */
        }
      }

   

        .n_f {
            display: flex;
        }

        /* @keyframes marquee {
            0% {
                left: 0;
            }

            100% {
                left: -100%;
            }
        } */


.nsub-test{    font-size: 30px;
    font-family: 'LatoLatin-Bold';}
.ndesc-test{    font-size: 16px;
    font-family: 'LatoLatin-Medium';
    margin: 15px 0 0 0;
    text-align: center;}

 .spac-desc{font-size: 16px;max-width: 100%;text-align: center;}

.top-font-style{font-size: 18px;color: #fff;}
.new-font-style h4{font-size: 16px;}
.flex-dir-consult{flex-direction: column;}
.flex-dir-consult p{margin: 0 0 30px 0;font-size: 28px;text-align: center;}
.flex-dir-consult img{width: 128px;margin-bottom: 20px;}
.faq-que{font-size: 32px;line-height: 36px;font-family: 'LatoLatin-Bold'; margin-bottom: 24px;}
.indi-box span{font-size: 40px;color: #006cff73;}



.program-deve-bg{    background: url(../images/programmer-scanning.jpg);background-size: cover;}
.program-deve-bg .right-fx{    width: 60%;
    padding: 40px;
    background: #624944;
    border-radius: 18px;}
.w-new-up{width: 500px;}
.w-new-up img{border-radius: 12px;}
.n-flex-col{flex-direction: column;}

.change-fonts-space p{font-size: 24px;margin-bottom: 15px;}
.change-fonts-space .pf-para{    margin-bottom: 20px; font-size: 16px;
    text-align: center;}
.n-slice{display: flex; padding: 0 160px;margin-top: 40px;}
.sec--slice{padding: 60px 0;float: left;width: 100%;}
.sec--slice h1 , .sec--slice h2 {font-size: 28px;text-align: center;font-family: 'LatoLatin-Bold';margin-bottom: 20px;}
.sec--slice h4{font-size: 18px;text-align: center;    font-family: 'LatoLatin-Medium';}

.slc-bg{width: 400px;border-radius: 12px;height: 400px;overflow: hidden;margin: 0 10px;}
.concept{background: url(../images/concept.jpg);background-size: cover;}
.apis{background: url(../images/api.jpg);background-size: cover;}
.flex--inner{display: flex;height: 100%; background: #00000070;flex-direction: column;padding: 30px;justify-content:flex-end;color: #fff;text-align: center;}
.flex--inner strong{font-weight: 400;font-size: 19px;font-family: 'LatoLatin-Bold';margin-bottom: 15px;}
.flex--inner div{font-size: 16px;}
.ov-the-img{    width: 300px;    box-shadow: 0px 0px 12px 2px rgb(0 0 0 / 11%);

    position: relative;
    right: -58px;top: 20px;
    border-radius: 12px;
}
.ov-the-img img{    width: 100%;
    border-radius: 12px;
    height: 430px;
    object-fit: cover;    object-position: left;
}
.ov-the-img + .process-steps{padding-left: 120px;}
.sec_nex_bg .img_flex_div{    justify-content: flex-end;}
.frame-works{display: flex;}
.frame-works li{flex: 1;border:1px solid #ddd;padding: 20px;display: flex;align-items: center;justify-content: center;}
.frame-works li img{height: 70px;}
.framework-we-use{float: left;width: 100%;padding: 50px 0;}
.framework-title{    font-size: 28px;
    line-height: 34px;
    font-family: 'LatoLatin-Bold';
   
    text-align: center;
    margin-bottom: 40px;}

.flex-block-w{padding: 50px 0;float: left;width: 100%;}
.flex-border-div{display: flex;flex-wrap: wrap;}
.flex-fif{width: 50%;border:1px solid #ddd;padding: 20px 50px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.flex-fif img{width: 80%;}
.flex-border-div .flex-fif:first-child{border-left: 0;border-top: 0;}
.flex-border-div .flex-fif:nth-child(2){border-right: 0;border-top: 0;    background: #f5f5f5;}
.flex-border-div .flex-fif:nth-child(3){border-left: 0;border-bottom: 0;    background: #f5f5f5;}
.flex-border-div .flex-fif:nth-child(4){border-right: 0;border-bottom: 0;}
.flex-fif h3{font-size:22px;font-family: 'LatoLatin-Bold';margin: 0;color: #000;line-height: 28px;}
.flex-fif p{font-size:16px;color: #000;margin-top: 15px;}


.bg-img-full{background: linear-gradient( 193deg, rgb(0 0 0 / 75%) 0%, rgb(0 108 255) 100% );padding:65px 0; }
.bg-img-full::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: linear-gradient(rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.7));z-index: 0;}
.bg-img-full .hs_heroparts{position: relative;z-index: 1;}
.bg-img-full .hire_form_width{display: none;}
.bg-img-full .hs_herofirst p{font-size: 16px;}


.new-part-sec{float: left;width: 100%;padding: 50px 0;}
.flexing-div{display: flex;flex-wrap: wrap;align-items: center;}
.laravel-title{text-align: center;display: flex;flex-direction: column;width: 100%;}
.laravel-title h3{font-size: 26px;line-height: 34px;font-family: 'LatoLatin-Bold';margin-bottom: 45px;}
.laravel-title span{text-transform: uppercase;font-size: 16px;color: #000;margin-bottom: 10px;}

.left-dev-img{width: 500px;}
.left-dev-img img{width: 100%;}
.ex-dev-desc{flex: 1;padding-left: 55px;}
.ex-dev-desc p{font-size: 18px;margin-bottom: 20px;}
.new-dark-style .pointicon{display: flex;color: #fff;justify-content: center;align-items: center;}
.new-dark-style .cus-flex-items{flex: 1;}
.new-dark-style .pointicon i{font-size: 32px;}
.benifits-flex{display: flex;flex-direction: column;}
.benifits-sec-new{float: left;width: 100%;padding: 50px 0;}

.benifits-bor{    display: flex;
    flex-direction: column;
   
    float: left;
    align-items: flex-start;
    align-content: flex-start;
    padding: 0;
    }
.benifits-bor li{font-size: 16px;color: #000;list-style: initial;margin: 4px 0;}

.flex-h2-title{    justify-content: center;
    display: flex;
    margin: 0 0 25px 0;
    font-size: 28px;
   
    font-family: 'LatoLatin-Bold';
    color: #000000;}

.flex-h2-title ~ p{  font-family: 'LatoLatin-Medium';  font-size: 16px;text-align: center;color: #000;}

.flex-item-left{  margin-right: 40px;  display: flex;padding-right: 40px;padding: 20px;
    flex-direction: column;
   }
.flexible-cols{display: flex;margin-top: 30px;justify-content: center;}
.flx-ml-auto{display: flex;}
.adv-lara-t{    font-size: 18px;line-height: 26px;
    font-family: 'LatoLatin-Bold';
    color: #000;}

.flx-ml-auto img{width: 520px;border-radius: 8px;height: 100%;
    object-fit: cover;}
.p-sda{    font-family: 'LatoLatin-Medium';margin: 20px 0 0 0;
    font-size: 16px;
    text-align: center;
    color: #000;}

.node-frame{float: left;width: 100%;padding: 20px 0; }
.node-frame .flexing-div{padding: 20px 0;}
.frameic{    width: 250px;
    border: 1px solid #f3f3f3;
    padding: 17px;
    border-radius: 14px;
    background: #ffff;
    box-shadow: 2px 1px 8px 1px #48484821;}
.frameic img{width: 100%;}
.flex-rev-cols{    flex-direction: row-reverse;}
.flex-rev-cols .ex-dev-desc{padding: 0 55px 0 0;}
.flex-rev-cols .ex-dev-desc p{text-align: right;}
.img-src-python{background: url(../images/python.jpg);background-size: cover;background-position: center;}
.img-src-java{background: url(../images/java.png);    
    background-size: cover;
   background-position: center;}
.img-src-and{background: url(../images/android-ban.png);    
    background-size: cover;
    background-position: right;background-position: center;}
.img-src-ios{background: url(../images/ios-bann.jpg);    
    background-size: cover;
    background-position: right;background-position: center;}
.img-src-hyb{
background: url(../images/hybrid-bann.jpg);    
    background-size: cover;background-position: center;}
.img-src-linkbuild{background: url(../images/linkbuild-bann.jpg);background-size: cover;background-position: center;}
.img-src-seo{background: url(../images/seo-banner.jpg);background-size: cover;background-position: center;}
.img-src-sma{background: url(../images/sma-ban.jpg);background-size: cover;background-position: center;}
.img-src-testing{background: url(../images/testing-bann.jpg);background-size: cover;background-position: center;}
.img-src-ang-service{background: url(../images/angular-bann.jpg);background-size: cover;background-position: center;}
.img-src-auto-test{background: url(../images/auto-testing-bann.jpg);background-size: cover;background-position: center;}
.img-src-auto-test::before{    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 1));}
.img-src-flutter-bann{background: url(../images/flutter-bann.jpg);background-size: cover;background-position: center;}

.img-src-graphics-bann{background: url(../images/colorful-wallpaper.jpg);background-size: cover;background-position: center;}

.img-src-qa-manual{background: url(../images/manual-qa-banner.jpg);background-size: cover;background-position: center;}


.mobile-app-testing-bann{background: url(../images/mobile-app-testing-bann.jpg);background-size: cover;background-position: center; }
.h-auto{height: auto;min-height: inherit;}


.vuejs-bann{background: url(../images/vue-bann.jpg);background-size: cover;background-position: center; }

.n-para-p{display: flex;flex-direction: column;}
.n-para-p p{    font-size: 18px;margin: 30px 0 0;}
.normal-p{    font-size: 16px;color: #000;
    margin-top: 20px;}

.img-src-ror{background: url(../images/ror.jpg); background-size: cover;background-position: right;}
.img-src-php{background: url(../images/php.jpg); background-size: cover;background-position: right;}

.img-src-wordpress{background: url(../images/wordpress-ban.png); background-size: cover;background-position: right;}

.img-src-aiapp{background: url(../images/ai.jpg);  
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;}
.img-reactjs-bann{background: url(../images/reactjs-bann.jpg); background-size: cover;}
.img-webcode-bann{     background: url(../images/web-lap.jpg); 
    background-size: cover;
    background-position: center;}

.img-logo-bann{     background: url(../images/logo-banner.jpg); 
    background-size: cover;
    background-position: center;}

.para-style ul{list-style: none;}
.para-style ul li{ font-size: 18px;margin-top: 10px;line-height: 24px;}
.growth-cent{display: flex;flex-direction: column;text-align: center;margin-bottom: 25px;}
.growth-cent h2{margin: 0px;color: #000;font-size: 28px;font-family: "LatoLatin-Bold";margin-bottom: 20px;}
.growth-cent p{font-size: 16px;color: #000;}
.ds-paflex{display: flex;flex-direction: column;}
.ds-paflex p{    font-size: 16px;color: #000;margin: 24px 0 0;}
.center-align-v{align-items: center;}
.center_div-nf{display: flex;width: 100%;}
.sec-tp-title{float: left;width: 100%;padding: 50px 0;    background: #00759d1a;}
.flex-wordpress{display: flex;flex-direction: column;flex: 1;padding-left: 80px;}
.wordpress-logo{width: 400px;}
.wordpress-logo img{width: 100%;}
.flex-wordpress ul{display: flex;flex-direction: column;padding-left: 30px;margin-top: 20px;}
.flex-wordpress ul li{font-size: 16px;margin-bottom: 15px;color: #000; }
.center_div-nf p{font-size: 18px;   color: #000; font-family: "LatoLatin-Bold";}
.cms-img-p{    width: 100%;padding: 25px;}
.new-font-style .flex-full-desc h2{font-size: 26px;}
.new-font-style .para-style p{font-size: 16px;}
.font-style-news .left-bg-sticky h2{    font-size: 26px;line-height: 36px;}
.font-style-news .left-bg-sticky p{font-size: 16px;line-height: 24px;}
.flex-dir-col-type li{flex-direction: column;}
.flex-dir-col-type li strong{font-weight: normal;}
.imp-vision-sec{padding: 50px 0;float: left;width: 100%;}
.section-headers{display: flex;flex-direction: column;margin-bottom: 25px; align-items: center;}
.section-headers h2{    font-size: 26px;
    text-align: center;
    color: #000;
    font-family: "LatoLatin-Bold"; }
.section-headers p{    font-size: 16px;
    text-align: center;
    font-family: "LatoLatin-Medium";
    max-width: 76%;
    margin: 15px 0 0 0;
    opacity: 0.8;}
.goals-wrapper{    display: flex;
    flex-wrap: wrap;
    justify-content: center;}
.goal-wrap-in{  margin-top: 25px; align-items:flex-start;flex: 0 0 33.333%;display: flex;
    max-width: 33.333%;
    padding: 0 12px;}
.pd-flex-1{flex: 1;padding-left: 20px;}
.goal-wrap-in img{width: 64px;height: 64px;}
.pd-flex-1 h4{font-size: 18px;font-family: 'LatoLatin-Bold';color: #000;margin-bottom: 10px;}
.pd-flex-1 p{font-size: 15px;color: #000;}
.design-point{float: left;width: 100%;padding: 60px 0;}
.designs-tp-header{display: flex;flex-direction: column;}
.designs-tp-header h2{    font-size: 26px;
    text-align: center;
    color: #000;
    font-family: "LatoLatin-Bold";}
.designs-tp-header p{    font-size: 16px;color: #000;
    text-align: center;
    font-family: "LatoLatin-Medium";
    
    margin: 15px 0 0 0;
  }
.img-point-wrapper{display: flex;align-items: center;margin-top: 50px;width: 72%;margin: 40px auto 0 auto;}
.point-wrpa-he{font-size: 18px;color: #000;font-family: 'LatoLatin-Bold';text-align: center;}
.b-slic-first{flex: 1;}
.design-mp{width: 411px;}
.provide-design{display: flex;flex-direction: column;list-style: none;margin-bottom: 15px;}
.provide-design li{font-size: 16px;margin-top: 10px;color: #000;position: relative;padding-left: 20px;}
.provide-design li::before{position: absolute;left: 3px;top: 6px;width: 8px; height: 8px;border-radius: 50%;background: #006cff;content: '';}

.hire-dev-sec-style{float: left;width: 100%;padding: 50px 0;    background: url(../images/colorful-wallpaper.jpg);
    background-size: cover;
    background-position: center;}
.searching-dev-wrapper{display: flex;flex-direction: column;width: 100%;align-items: center;justify-content: space-between;}
.searching-dev-wrapper h3{font-size: 28px;font-family: "LatoLatin-Bold";color: #fff;margin-bottom: 45px;}
.round-circle{    width: 266px;z-index: 1;position: relative;height: 266px;flex-direction: column;border-radius: 50%;display: flex;justify-content: center;align-items: center;background: #fff;box-shadow: 0px 0px 13px 1px #00000014;}
.round-circle p{font-size: 20px;font-family: "LatoLatin-Bold";}
.round-circle a{    padding: 12px 17px;
    font-size: 14px;}
.hire-dev-sec-style::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 0;}
.fix-size-icon .indi-box .pointicon img{width: 48px;}
.right-side-padding{padding: 0 0 0 35px;}
.faq_w_full img{width: 500px;}
.bg-src-img-services{float: left;width: 100%;padding: 60px 0;background: url(../images/uxui-bann.jpg);background-size: 100%;}
.img-uxui-bann{    background: url(../images/ux-ui-bg-bann.jpg);background-size: cover;background-position: center;background-repeat: no-repeat;}
.w-right-full{width: 100%;}
.v-tsc h2{margin-bottom: 25px;}
.v-tsc p{margin-bottom: 35px;font-size: 16px;}
.designsys-web-bann{float: left;width: 100%;padding: 60px 0;background: url(../images/html-system-websites-concept.jpg);background-size: 100%;}
 
.blr-img-src{background: url(../images/representation-user-experience.jpg);}
.design-blur-style{float: left;width: 100%;padding: 60px 0;background-size: 100%;position: relative;}
.design-blur-style::after{position: absolute;content: ''; top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.15);z-index: -1;}
.sec-target-style h2{font-family: 'LatoLatin-Bold';line-height: 38px;font-size: 28px;margin-bottom: 15px;}
.sec-target-style{width: 60%;}
.sec-target-style p{font-size: 18px;opacity: 1;}
.sec-target-style ul{padding-left: 0px;margin-bottom: 25px;}
.sec-target-style ul li{font-size: 16px;margin-top: 2px;}
.flex-slider{float: left;width: 100%;}
.flex-box-wrapper{background: #fff;padding: 30px;height: auto;border-radius: 8px;overflow: hidden;box-shadow: 3px 3px 11px 2px #0000001a;flex-direction: column;margin: 0 15px;}
.flex-box-wrapper p{font-size: 20px;font-family: 'LatoLatin-Bold';color: #000;}
.flex-box-wrapper i{font-style: normal;font-size: 16px;color: #000;}

.flex-slider .slick-track{display: flex;padding: 15px 0;}
.data-slick-section{padding: 60px 0;float: left;width: 100%;}
.extra-para{display: flex;flex-direction: column;}
.extra-para p{font-size: 16px;color: #000;font-family: 'LatoLatin-Medium';font-style: italic;}
.w16{background: url(../images/onboard.jpg);}
.job-interview{background: url(../images/job-interview.jpg);}
.suit-tale{background: url(../images/suit-tale.jpg);background-repeat: no-repeat;background-size: cover;}
.pwa{background: url(../images/pwa.svg);background-repeat: no-repeat;background-size: cover;}

.benifts-label{display: flex;width: 100%;flex-wrap: wrap;list-style: none;}
.benifts-label li{float: left;padding: 0 10px;margin: 10px 0;}
.width-1-3 li{width: 33.33%;}
.benifts-label li div{    width: 100%;position: relative;background: #4d98ff ;border-radius: 24px;  height: 100%;min-height: 120px;display: flex;overflow: hidden;align-items: center;
}
.benifts-label li div h3{ font-size: 16px;transition: 0.4s; color: #000; font-family: "LatoLatin-Bold";    display: flex;height: 100%;padding-left: 20px;align-items: center; padding-right: 20px;    border-radius: 24px;width: 100%;background: #c2dfff;}
.benifts-label li div p{   margin: 0; font-size: 37px;width: 64px;display: flex;color: #fff;align-items: center;justify-content: center;}
.benifts-label li div::before{position: absolute;left: 0;top: 0;}
.label-counter-sec{float: left;width: 100%;padding: 60px 0;}
.label-counter-sec div.labelstitle{text-align: center;margin-bottom: 30px;}
div.labelstitle h2{   margin-bottom: 20px;    font-family: 'LatoLatin-Bold';line-height: 38px; font-size: 26px;}
div.labelstitle p{font-size: 16px;}
.sticky-top-full .indi-box{top: 70px!important;}
.ast-box-wrapper{display: flex;flex-wrap: wrap;width: 100%;list-style: none;}
.ast-box-wrapper li{padding:  0 20px;width: 33.33%;margin-top: 30px;}
.col-box-wrap{display: flex;width: 100%;  flex-direction: column;border-radius: 16px;padding: 20px;height: 100%;}
.col-box-wrap div{display: flex;align-items: center;margin-bottom: 15px;}
.ast-box-wrapper li i{font-size: 20px;margin-right: 10px;}
.ast-box-wrapper li strong{font-size: 20px;color: #000;margin: 0;}
.ast-box-wrapper li p{font-size: 16px;margin-bottom: 0;}
.ast-box-wrapper li li{font-size: 16px;color: #000;margin: 0;}
.one-bg{background: #ffebeb 0% 0% no-repeat padding-box;}
.two-bg{background: #f3f1ff 0% 0% no-repeat padding-box;}
.three-bg{background: #e8f0ff 0% 0% no-repeat padding-box;}
.four-bg{background: #e2fcf6 0% 0% no-repeat padding-box;}

.multi-sec-wrapper{float: left;width: 100%;padding: 60px 0;}
.fin-con{background: url(../images/fin-con.png);}
.ongo-work{background: url(../images/ongo-work.jpg);}
.bg-lay-wrap{display: flex;justify-content: space-between;align-items: center;}
.bg-lay-wrap h3{color: #fff;font-size: 34px;font-family: 'LatoLatin-Bold';}
.height-decs{min-height: 150px;position: relative;}
.height-decs::before{    content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #000;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  z-index: -1;}
.adv_blocks{padding-top: 20px;}
.adv_blocks ul{margin-top: 20px;}
.v-img-box-400{width: 400px;}
.v-img-box-400 img{width: 100%;}

.v-img-box-450{width: 450px;}
.v-img-box-450 img{width: 100%;}

.tp_wrapper-gra{display: flex;flex-direction: column;margin-top: 35px;align-items: center;}
.tp_wrapper-gra .benifts-label{margin-bottom: 20px;}
.mt-2{margin-top: 20px;}
.min_round i{font-size: 34px;color: #fff;}

@media screen and (max-width: 767px) and (min-width: 318px){
    .flbox li{width:100%;}
    .ourservices{padding:30px 0;}
}


@media screen and (max-width: 991px) and (min-width: 768px){
    .process-steps{margin-top: 20px;}
    .ast-box-wrapper li{width: 50%;}
}


@media screen and (max-width: 767px) and (min-width: 318px){
    .What_We_Did_So_Far{padding:30px 0px 30px;}
    .titlee_android_iphone h2{font-size:24px;line-height:33px;margin-bottom: 20px;}
}



@media screen and (max-width: 1199px) and (min-width: 992px) {
.video_right_width {width: 500px;}
    .pp_col img{width: 100%;}
    .n_titles_car{padding-top: 30px;}
    .right-stickty-box{padding: 30px 0 30px 30px;}
    .ttleiphone{margin-bottom: 25px;}
    .top-about{height: 415px;}
    .flex-fif{padding: 20px;}
    .img-point-wrapper{width: 85%;}
    .faq_w_full img{width: 400px;}
}

@media screen and (max-width: 1025px) and (min-width: 992px) {
  .head_logo a > img{width: 170px;}
  .rounds{right: 0;}
    .item-wrapper i{width: 100%;}
    
}


@media screen and (max-width: 991px) and (min-width: 768px) {
  .rightType{width: 100%;  
    text-align: center;
    display: flex;
    align-items: center;}
  .flex_banner_circle{flex-direction: column;}
  .First_sec{height: 100vh;}
  #particles-js2{height: 100vh;}
  .pos-rel{width: 100%;}
  .core_service{flex-direction: column;}
  .skew1, .skew2, .skew3{transform: skewY(0deg);}
  .skew-desc{transform: skewY(0deg)!important;}
  .n_rg{width: 85%;}
  .counts_sub_title + p{width: 80%;}
  .client-video-full{flex-direction: column;}
  .video_right_width {margin-top: 50px;}
  .socilIc li:last-child{width: 100%;position: static;margin: 10px 0;}
  .right_tab_circle{width: 540px;margin-top: 40px;}
     .top_mobile_bar{display: flex;}
    .Top_menu > ul > li > a::before{display: none;}
    .flex-item-center{flex-direction: column;}
    .que-new-wrap{margin-bottom: 40px;}
    .portfolio-banner-text{align-items:center;}
    .our_wr{text-align: center;}
    .pp_col img{width: 100%;}
    .pp_row .pp_col:nth-child(2){padding: 15px;}
    .pp_row{padding: 30px 0;}
    .pp_col h2{font-size: 22px;margin-bottom: 10px;}
    .n_career_sec{height: 340px;}
    .n_car_box{padding: 15px;width: 49%;margin-bottom: 15px;}
    .after_style::after{display: none;}
    .col_height{display: none;}
    .join_our_team{padding: 0 0 30px 0;}
    .n_titles_car h2 , .n_titles_car h1{margin: 15px 0;}
    .job_opening{padding: 10px 0;}
    
    .upper_lett {
    text-transform: uppercase;
    letter-spacing: 1px;margin-bottom: 10px;
    font-size: 24px;
    font-family: 'LatoLatin-Bold';}
    .job_position_wrapper{padding: 20px;}
    .n_form{flex-direction: column;}
    .m-full-field .fifty{width: 100%;}
     .main-wrapper{flex-direction: column;}
    .right-wrap-flex-n .fifty{width: 100%;}
    .right-wrap-flex-n .n_form{flex: 1;}
    .f-width{width: 100%;}
    .main-wrapper{width: 100%;padding: 0 100px;}
    .right-wrap-flex-n{margin-top: 50px;}
    .hs_heroparts{flex-direction: column;align-items:center;}
    .hs_herofirst{flex: 100%;padding: 0;}
    .item_cont{flex-wrap: wrap;}
    .item-wrapper{flex: 50%;}
    .itemcenter-flex{flex-direction: column;}
    .process-img{padding: 0 50px;width: 100%;}
    .itemcenter-flex .process-img{width: 100%;}
    .right-fx{width: 100%;  background: #000000a1;padding: 24px;}
    .topformsec{margin-top: 64px;}
    .top-about{height: auto;margin-top: 64px;}
    .sat_cli b{font-size: 32px;line-height: 36px;}
    .sat_cli span{font-size: 16px;}
    .bg-layred{padding: 120px 0 30px 0;}
    .wrap-about{flex-direction: column;}
    .sec_header h1, .sec_header h2{text-align: center;}
    .sec_header p{max-width: 90%;}
    .agileFlex{flex-direction: column;align-items: center;}
    .our-story-wrapper{background-repeat: no-repeat;}
    .point_data::before, .point_data::after{display: none;}
    .point_data{border:0px solid #ddd;}
    .right-stickty-box{padding: 0;}
    .res-flex-control{flex-direction: column;}
    .left-bg-sticky{height: auto;width: 100%;background-size: cover;margin-bottom: 25px;position: static;}
    .indi-box{position: static;}
    .two-flex-sl{flex-direction: column;}
    .flex-full-desc{display: flex;flex-direction: column;text-align: center;align-items: center;padding: 0 0 35px 0;}
    .process-left:after{display: none;}
    .process-right:after{display: none;}
    .process-box{margin-top: 45px;}
    .indwe_serve{margin-bottom: 0;}
    .hire_form_width{width: 100%;}
    .spectrum{width: 48%;margin: 30px 0 0 0;}
    .spectrum_container{justify-content: space-between;}
    .job_respo{width: 90%;}
    .car-details{margin-top: 64px;}
    .car_benifits{flex-wrap: wrap;}
    .service_game_flex{width: 85%;}
    .leftsticky img{width: 100%;}
    .leftsticky{padding-right: 20px;width: 40%;}
    .advmethod-step{padding-left: 20px;}
    .social-adv-methodcard h3{font-size: 21px;}
    .sec_flex_desc{width: auto;padding: 25px;}
    .img_flex_div img{width: 100%;}
    .sec_flex_desc h3{font-size: 24px;line-height: 28px;}
    .datadis{background: #fff!important;position: static;padding: 0;display: flex;width: 100%;text-align: center;color: #222;}
    .flbox.word_page{display: flex;flex-wrap:wrap;}
    .flbox li .fl_w100{height: 100%;}
    .flbox li{width: 50%;padding: 8px;}
    .icimg img{margin: 15px auto;}
    .grid-wrapper{    grid-template-columns: repeat(2, 1fr);grid-gap:25px;}
    .box_flex-item{flex-direction: column;}
    .first_flex{width: 100%;}
    .flex-cols-img{flex-direction: column;}
    .hu_faq{flex-direction: column;    align-items: center;}
    .hu_faqque{width: 100%;}
    .n-slice{padding: 0 50px;}
    .img_flex_div{padding: 50px;}
    .ov-the-img{       margin: 0 auto;
    left: 0;
    top: 46px;width: 500px;}
    .ov-the-img + .process-steps{padding-left: 40px;padding-top: 50px;}
    .flex-border-div{flex-direction: column;}
    .flex-fif{width: 100%;text-align: center;}
    .flex-fif{width: 100%;}
    .flex-fif img{width: 100%;}
    .flex-border-div .flex-fif:nth-child(3){order: 4;}
    .hu_ullist{margin-bottom: 15px;}
    .flexing-div{flex-direction: column;}
    .laravel-title h3{margin-bottom: 20px;}
    .ex-dev-desc{padding: 0;text-align: center;padding-top: 20px;}
    
    .flexible-cols{flex-direction: column;}
    .flx-ml-auto{display: none;}
    
    .flex-rev-cols .ex-dev-desc{padding: 0;}
    .flex-rev-cols .ex-dev-desc p{text-align: center;}
    .step .step-item{width: 50%;}
    .step-md .step-icon::after{display: none;}
    .paid_adv_list li{margin-bottom: 15px;}
    .flex-item-left{margin: 0;}
    .flexible-cols{margin-top: 5px;}
    .goal-wrap-in{max-width: 50%;flex: 50%;}
    .img-point-wrapper{width: 100%;}
}


@media screen and (max-width: 767px) and (min-width: 250px) {
  .skes-item{    border-radius: 42px 8px 42px 8px;  }
  .flex_banner_circle{flex-direction: column;}
  #particles-js2{height: 465px;}
  .right_tab_circle{display: none;}
  .rightType h2{line-height: 28px;}
  .rightType h3{margin: 34px 0;}
  .hero_abso_banner{margin-top: 30px;}
  .core_service{flex-direction: column;}
  .skew1, .skew2, .skew3{transform: skewY(0deg);}
  .pos-rel{width: 100%;padding: 5px 0;}
  .skew-desc{transform: skewY(0deg)!important;}
  .up_block{position: static;height: auto;text-align: left;  padding: 0 0 0 25px!important;}
  .down_block{position: static;height: auto;}
  .process-item{width: 100%;}
  .process_work{flex-direction: column;}
  .down_block::after{display: none;}
  .process-item{height: auto;display: flex;  margin-top: 30px;  flex-direction: row-reverse;}
  .down_block i{position: static;transform: translate(0);}
  .cste{display: none;}
  .ntitle_how_we_work{margin-bottom: 15px;font-size: 26px;}
  .n_how_we_work{padding: 45px 0;}
  .timeline::after{display: none;}
  .up_block h4{    order: 1;
    margin: 0 0 5px 0!important;
    font-size: 18px!important;}
  .up_block p{order: 2;}
  .counts_sub_title + p{width: 90%;}
  .n_rg ul{flex-wrap: wrap;}
  .n_rg ul li{width: 50%;padding: 10px;}
  .n_rg{width: 100%;padding: 0 15px;}
  .rating_bar_width .new_revie{ margin-bottom: 0;   background: transparent;display: flex;flex-direction: column;width: 100%;align-items: center;border: none;box-shadow: none;}
  .new_revie .bordered_div{background: #fff;margin-bottom: 20px;}
    .client_video_left{padding: 0;width: 100%;}
    .secDefault{padding: 45px 0;}
    .client-video-full{flex-direction: column;}
    .client_review_video{padding: 45px 0;}
    .counts_bg{padding: 45px 0;}
    .client_video_left h3{font-size: 26px;}
    .n_rg ul li h5{font-size: 28px;}
    .red_title{font-size: 26px;}
    .counts_sub_title{font-size: 26px;}
    .video_right_width {margin-top: 40px;margin-bottom: 50px;width: 100%;}
    .round_video{width: 260px;height: 260px;margin: 0 15px;}
    .n_client_sec{padding: 45px 0;}
    .n_fleft h2{font-size: 26px;}
    .n_fleft{padding: 0;}
    .n_r_card .slick-next{right: 41%;}
    .n_r_card .slick-prev{left: 41%;}
    .head_logo a > img{height: 30px;}
    .videomidware{width: 95%;margin: 0 auto;}
    .videomidware video{width: 100%;}
    .videomidware a{right: 0;top: -26px;}
    
    .video_right_width .slick-prev{    left: 41%;    }
    .video_right_width .slick-next{    right: 42%;    }
    .free-quote{margin-top: 10px;}

    .bg-rm{background: none!important;    display: flex;
      justify-content: center;}
      .top_mobile_bar{display: flex;}
      .angle-right{width: 20px;display: inline-block;}
    
    .flex-item-center{flex-direction: column;}
    .our_wr{font-size: 16px;}
    .portfolio-banner-text h1{font-size: 30px;margin-bottom: 10px;}
    .portfolio-banner-text h1::after{    font-size: 48px;top: -21px;}
    .newportfolio{margin-top: 64px;padding: 45px 0 30px 0;}
    .client_data{margin-top: 20px;}
    .client_data li p{font-size: 14px!important;text-align: center;}
    .que-new-wrap{margin-top: 15px;margin-bottom: 30px; justify-content: center;}
    .que-new-wrap p{font-size: 16px;}
    .que-new-wrap a{padding: 7px 31px;}
    .portfolioTabs{padding: 30px 0;}
    .portfolioTabsList>li{padding: 0 4px;}
    .portfolioTabsList>li>a{padding: 8px 16px;background: #d9d9d9;}
    .pp_row{padding:30px 0 0;flex-direction:column;}
    .pp_col img{width: 100%;}
    .pp_row .pp_col:nth-child(2){padding: 20px;}
    .pp_col h2{font-size: 20px;    font-family: 'LatoLatin-Bold';}
    .learnmore_project{padding: 8px 19px;}
    .pp_col p{font-size: 14px;line-height: 20px;}
    .n_c_minus{margin: 0;padding-bottom: 15px;}
    .n_career_sec{height: 200px;margin-top: 64px;background-size: cover;}
    .after_style::after{display: none;}
    .car_benifits{flex-direction: column;}
    .n_car_box{width: 100%;padding: 15px;display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 10px;border-radius: 6px;background: #f5f5f5;}
    .n_car_box svg{width: 20px;height: 20px;}
    .n_car_box h4{margin: 0;font-size: 14px;padding-left: 12px;}
    .n_car_box p{    margin: 10px 0 0 0;font-size: 13px;line-height: 16px;}
    .join_our_team{padding: 15px 0;}
    .col_height{display: none;}
    .after_style .col-md-12{padding: 0;}
    .n_titles_car h2 , .n_titles_car h1{margin: 10px 0;font-size: 24px;}
    .n_titles_car p{padding: 0;font-size: 15px;margin-top: 10px;}
    .job_opening{padding: 15px 0 0 0;}
    
    .upper_lett{    font-size: 20px;font-family: 'LatoLatin-Bold';margin-bottom: 15px;}
    .job_position_wrapper{padding: 15px;margin-bottom: 12px;}
    .job_position_wrapper h4{font-size: 16px;}
    .upper_lett{display: none;}
    .role_wrapper{padding-bottom: 8px;}
    .car-details{margin-top: 64px;padding: 35px 0;height: 315px;}
    .role_flex_desc h1{font-size: 20px;margin-bottom: 8px;}
    .job_respo{width: 100%;padding: 20px;}
    .flex-wrap-req{flex-direction: column;}
    .car_role_details div p{font-size: 14px;}
    .flex-left-wrap-det{padding: 0;}
    .flex-left-wrap-det h4{font-size: 16px;}
    .flex-left-wrap-det h5{    margin-bottom: 14px;font-size: 12px;}
    .flex-left-wrap-det p{font-size: 14px;margin: 0;}
    .flex-wrap-req{padding-bottom: 20px;}
    .job-desc-wrap h3{font-size: 16px;margin-bottom: 10px;}
    .sub_list{flex-direction: column;}
    .sub_list li{width: 100%;}
    .sub_list li p {padding-left: 0;margin: 0 0 5px 0;font-size: 14px;}
    .form-wrapper-fix{padding: 20px 0 0 0;}
    .New__n_form{flex-direction: column;}
    .New__n_form .fifty{width: 100%;}
    .n_left_abps{position: static;transform: translate(0);width: 100%;margin-top: 20px;height: auto;}
    .n_white_bx{margin: 0;width: 100%;padding: 20px;flex-direction: column;}
    .paraaa{display: none;}
    .sm-top{margin-top: 76px;}
    .n_white_bx{flex-direction: column-reverse;}
    .n_title{font-size: 18px;margin-bottom: 20px;}
    .m-full-field .fifty{width: 100%;}
    .main-wrapper{flex-direction: column;}
    .main-wrapper{width: 100%;padding: 0 5px;}
    .right-wrap-flex-n{margin-top: 50px;padding: 30px 15px;}
    .absolute-hello{top: -58px;left: -15px;}
    .f-width{width: 100%;}
     .right-wrap-flex-n .fifty{width: 100%;}
    .req-demo-sec{margin-top:64px;padding: 40px 0; }
    .f-width h2,.f-width h1{font-size: 24px;}
    .f-width p{font-size: 16px;}
     .hs_heroparts{flex-direction: column;align-items:center;}
    .hs_herofirst{padding: 0;}
     .item-wrapper{flex: 50%;}
    .itemcenter-flex{flex-direction: column;}
    .process-img{padding: 0 50px;}
    .itemcenter-flex .process-img{width: 100%;padding: 0 15px;}
    .right-fx{width: 100%;  background: #000000a1;padding: 24px;}
    .topformsec{margin-top: 64px;}
    .hire_form_width{width: 100%;}
    .hs_herofirst h1{font-size: 24px;line-height: 30px;margin-bottom: 15px;}
    .newbgstyle h1::before{font-size: 50px;top: -16px;}
    .service-review .bordered_div p{font-size: 10px;}
    .rating_d_flex{flex-direction: column;}
    .logo_and_star{flex-direction: column;}
    .service-review .bordered_div{margin: 0 5px;}
    .service-review{justify-content: center;}
    .hs_herofirst p{font-size: 16px;}
    .pointicon{margin-bottom: 14px;}
    .text_didsofar strong{font-size: 18px;padding-bottom: 0;}
    
    .testing_offer{margin-top: 30px;}
    .title_sec h2{font-size: 22px;line-height: 32px;margin-bottom: 20px;}
    .item-wrapper p{font-size: 16px;}
    .react-fe{padding: 30px 0;}
    .process-steps{padding: 20px;}
    .act_stp h3{font-size: 18px;text-align: center;line-height: 26px;}
    .hu_sstep{margin-top: 0;background: none;padding: 0;}
    .itemcenter-flex .hu_sstep p{text-align: center;margin-bottom: 10px;}
    .bg-bann-sec{padding: 30px 0;min-height: auto;}
    .right-fx{padding: 15px;    display: flex;
    flex-direction: column;
    align-items: center;}
    .right-fx h3{font-size: 18px;margin-bottom: 20px;line-height: 26px;text-align: center;}
    .right-fx p{text-align: center;}
    .why_ch{padding: 30px 0;background: none;}
    .wid_cu{width: 100%;}
    .service_ben{padding: 30px 0;}
    .serv li{width: 50%;margin-top: 25px;}
    .grid-wrapper{flex-direction: column;display: flex;column-gap: 0;}
    .sec-pad-flt{padding: 30px 0;}
    .process-img{margin-bottom: 25px;}
    .ttleiphone{font-size: 22px;margin-bottom: 25px;}
    .top-about{background-position: right;background-size: cover;height: auto;margin-top: 64px;}
    .wrap-about{flex-direction: column;}
    .about-desc-sec{padding: 30px 0;}
    .his-wrap h2{font-size: 20px;line-height: 26px;text-align: center;}
    .his-wrap h3{font-size: 16px;line-height: 20px;text-align: center;}
    .his-wrap p{text-align: center;}
    .our-story-wrapper h2{font-size: 22px;}
    .our-story-wrapper{background-size: cover;background-position: right;height: auto;padding: 30px 0;}
    .bg-layred{padding: 100px 0 30px 0;}
    .sec_header p{font-size: 16px;}
    .sec_header{margin-bottom: 0;}
    .new_work_process h1,.new_work_process h2{font-size: 22px;line-height: 26px;}
    .new_work_process p{font-size: 16px;}
    .about_why{padding: 30px 0;}
    .agile_sec{padding: 30px 0;}
    .our_client{padding: 30px 0;}
    .marquee{height: 100px;}
    .res-flex-control{flex-direction: column;}
    .left-bg-sticky{width: 100%;position: static;padding: 25px;height: auto;background-size: cover;}
    .two-flex-sl{flex-direction: column;}
    .v-img-box{width: 100%;}
    .right-stickty-box{padding: 0;margin-top: 15px;}
    .spectrum_container{flex-direction: column;}
    .service-rend{padding: 30px 0;}
    .left-bg-sticky h2{font-size: 20px;line-height: 28px;}
    .left-bg-sticky p{line-height: 30px;font-size: 16px;}
    .indi-box{position: static;padding: 20px;flex-direction: column;margin-bottom: 15px;}
    .cus-flex-items{padding-left: 0px;text-align: center;}
    .cus-flex-items strong{font-size: 18px;margin: 10px 0;}
    .cus-flex-items p{font-size: 16px;line-height: 22px;}
    .delivering-sec{padding: 30px 0;}
    .flex-full-desc h2{font-size: 22px;line-height: 26px;}
    .para-style p{font-size: 16px;line-height: 22px;}
    .flex-full-desc{padding: 0;text-align: center;margin-bottom: 0px;}
    .development_process{padding: 30px 0;}
    .process-left:after{display: none;}
    .process-right:after{display: none;}
    .process-step h2{font-size: 26px;}
    .process-step{width: 60%;}
    .process-step p{font-size: 12px;}
    .process-box p{text-align: center;}
    .process-box{margin-top: 28px;}
    .indwe_serve{margin-bottom: 25px;}
    .seo_spectrum{padding: 30px 0;}
    .spectrum{width: 100%;margin: 20px 0 0 0;}
    .social-service-cust{font-size: 22px;line-height: 26px;margin-top: 0;}
    .roisec{padding: 30px 0;}
    .roiwrap{flex-direction: column;text-align: center;padding: 20px;}
    .roiwrap p{font-size: 18px;margin: 0;line-height: 22px;margin-bottom: 15px;}
    .after_style{padding: 0 15px;}
    .solo_height{margin-bottom: 15px;}
    .job_title_head h2{font-size: 24px;margin: 0 0 15px 0;}
    .stair-sec{padding: 30px 0;}
    .stair-sec h2{font-size: 24px;}
    .para-wrapper{margin-top: 25px;flex-direction: column;}
    .step-img-box-wrap{display: none;}
    .pre-wrpapper{padding-right: 0;}
    .scrsticksec{display: flex;flex-direction: column;}
    .box_flex-item{flex-direction: column;}
    .img_flex_div{width: 100%;display: flex;}
    .img_flex_div img{width: 90%;margin: 0 auto;}
    .perkssec{padding: 30px 0;}
    .our_paid_adv_title h2{font-size: 22px;line-height: 28px;margin: 10px 0 0 0;}
    .our_paid_adv_title{margin-bottom: 20px;}
    .service_game_flex{flex-direction: column;width: 100%;}
    .paid_adv_list{width: 100%;}
    .leftsticky{width: 100%;padding: 0;position: static;}
    .rf_card{display: none;}
    .paid_adv_list li{margin-bottom: 18px;}
    .advmethodsec{padding: 30px 0;}
    .bespokesec h2{font-size: 22px;line-height: 26px;}
    .bespoke-para{width: 100%;}
    .leftsticky img{width: 60%;margin: 0 auto;}
    .advmethod-step{padding: 0;}
    .social-adv-methodcard{margin-top: 0;padding: 20px;}
    .social-adv-methodcard h3{width: 100%;font-size: 20px;margin-bottom: 10px;}
    .sec_flex_desc{width: 100%;padding: 20px;margin: 20px 0;}
    .sec_flex_desc h3{font-size: 20px;margin-bottom: 15px;line-height: 28px;}
    .sec_flex_desc p{margin: 0;}
    .bespokesec{margin-bottom: 0;}
    .flex-tm-wrap{margin-bottom: 0;}
    .datadis{background: #fff!important;position: static;padding: 0;display: flex;width: 100%;text-align: center;color: #222;}
    .flbox.word_page{display: flex;flex-wrap:wrap;}
    .flbox li .fl_w100{height: 100%;}
    .flbox li{width: 100%;padding: 8px;}
    .icimg img{margin: 15px auto;}
    .grid-wrapper{    grid-template-columns: repeat(2, 1fr);grid-gap:40px;}
    .serviceTitle{height: auto; font-family: 'LatoLatin-Bold';}
    .title-h2-flex{font-size: 20px;text-align: center;line-height: 28px;}
    .grid-wrapper-div h3{margin: 10px 0 20px 0;}
    .flex-cols-img{flex-direction: column;}
    .width-of-img{width: 100%;}
    .flex-rev-col{flex-direction: column-reverse;}
    .faq-img-mobile{width: 100%;}
    .hu_faq{flex-direction: column;}
    .faq-que{font-size: 22px;margin-bottom: 15px;}
    .flex-dir-consult p{margin: 15px 0;}
    .flex-dir-consult img{width: 80px;margin-bottom: 0;}
    .v-img-box{margin-top: 25px;}
    .program-deve-bg .right-fx{background: #292929db;width: 100%;padding: 20px;}
    .process-img{width: 100%;}
    .faq_w_full img{width: 100%;}
    .sec--slice h1 , .sec--slice h2 {font-size: 24px;}
    .sec--slice h4{font-size: 16px;}
    .n-slice{padding: 0;flex-direction: column;}
    .slc-bg{margin: 0;width: 100%;height: 330px;}
    .concept{margin-top: 15px;}
    .sec--slice{padding: 30px 0;}
    .hu_sstep{margin-top: 15px;}
    .framework-we-use{padding: 30px 0;}
    .framework-title{font-size: 22px;margin-bottom: 20px;}
    .frame-works li{width: 50%;}
    .frame-works{flex-wrap: wrap;}
    .frame-works li img{height: 75px;}
    .ov-the-img + .process-steps{padding-left: 20px;padding-top: 40px;}
    .ov-the-img{ width: calc(100% - 40px);top: 15px;left: 0;margin: 0 auto;}
    .ov-the-img img{height: auto;}
        .flex-border-div{flex-direction: column;}
    .flex-fif{width: 100%;text-align: center;}
    .flex-fif{width: 100%;padding: 20px;}
    .flex-fif img{width: 100%;}
    .flex-border-div .flex-fif:nth-child(3){order: 4;}
    .flex-block-w{padding: 0 0 20px 0;}
    .hu_ullist{margin-bottom: 20px;}
    .new-part-sec{padding: 30px 0;}
    .laravel-title span{font-size: 14px;line-height: 22px;}
    .laravel-title h3{font-size: 20px;line-height: 26px;margin-bottom: 25px;}
    .ex-dev-desc{padding: 15px 0 0;}
    .laravel-title{text-align: left;}
    .benifits-sec-new{padding: 30px 0; }
    .flex-h2-title{line-height: 28px;font-size: 20px;}
    .flex-h2-title ~ p{text-align: left;}
    .flx-ml-auto img{width: 100%;}
    .flexible-cols{flex-direction: column;margin-top: 10px;}
    .flex-item-left{margin: 0 0 0px 0;padding-top: 0;}
    .adv-lara-t{font-size: 16px;line-height: 24px;}
    .flex-rev-cols .ex-dev-desc{padding: 0;}
    .flex-rev-cols .ex-dev-desc p{text-align: left;}
    .ex-dev-desc p{font-size: 16px;}
    .node-frame .flexing-div{padding: 10px 0;flex-direction: column;}
    .benifits-bor li{font-size: 14px;}
    .hu_faq_list a{font-size: 16px;}
    .hu_faq_list{margin-bottom: 15px;}
    .n-para-p p{font-size: 16px;}
    .our_paid_adv{padding: 30px 0;}
    .step{flex-direction: column;}
    .step .step-item{width: 100%;}
    .step .step-content{margin-top: 0;}
    .step .step-content-wrapper{margin-bottom: 0;}
    .step .step-icon::after{display: none;}
    .step-content p{padding: 0;}
    .ds-paflex p{margin-top: 15px;}
    .growth-cent h2{font-size: 20px;line-height: 26px;}
    .services_drawer .hire-dev-width li{width: 100%;}
    .frameic{margin-bottom: 15px;width: 150px;}
    .center_div-nf{flex-direction: column;align-items: center;}
    .wordpress-logo{width: 150px;}
    .flex-wordpress{padding: 0;}
    .sec-tp-title{padding: 30px 0;}
    .center_div-nf p{text-align: center;font-size: 16px;margin: 15px 0 0;}
    .flex-wordpress ul{padding: 0;list-style: none;margin-top: 10px;}
    .flex-wordpress ul li{text-align: center;}
    .img-src-aiapp{background-position: right;}
    .img-src-ang-service{background-position: right;}
    .imp-vision-sec{padding: 30px 0;}
    .section-headers h2{font-size: 20px;line-height: 28px;}
    .new-font-style .flex-full-desc h2{font-size: 22px;}
    .abt_box h3{font-size: 18px;}
    .section-headers p{max-width: 100%;}
    .goal-wrap-in{max-width: 100%;flex: 100%;}
    .design-point{padding: 30px 0;}
    .designs-tp-header h2{font-size: 22px;}
    .img-point-wrapper{width: 100%;margin: 20px 0 0;flex-direction: column-reverse;}
    .b-slic-first{margin-top: 35px;}
    .min_round img{width: 32px;}
    .mobile-image h2{font-size: 20px!important;}
    .mobile-image .v-img-box img{width: 70%;margin: 0 auto;display: block;}
    .mb-dflex-rev .v-img-box{margin: 0 0 25px 0;}
    
    .design-mp{width: 100%;}
    .img-reactjs-bann{background-position: right;}
    .design-mp img{width: 100%;}
    .bg-src-img-services{padding: 30px 0;}
    .m-width-full{display: flex;flex-direction: column;}
    .m-width-full .item-wrapper{width: 100%;}
    .m-width-full .item-wrapper i{opacity: 1;    transform: translateY(0px);}
    .m-width-full .item-wrapper > div{ padding: 20px;justify-content: center;}
    .sec-target-style{width: 100%;}
    .design-blur-style{padding: 20px 0;}
    .sec-target-style h2{font-size: 18px;line-height: 24px;}
    .sec-target-style p{font-size: 14px;text-align: left;}
    
    .sec-target-style ul {padding-left: 20px;}
    .sec-target-style ul li{font-size: 14px;}
    
     .ast-box-wrapper li{width: 100%;padding: 0;}
    .width-1-3 li{width: 100%;}
    .benifts-label li div{min-height: 76px;}
    .benifts-label li div p{font-size: 26px;}
    .mt-set-2{margin-top: 15px;}
    .mt-set-2 .flex-item-left{padding-bottom: 0;}
    .bg-lay-wrap{flex-direction: column;text-align: center;}
    .bg-lay-wrap h3{margin-bottom: 20px;font-size: 24px;}
    .benifts-label li div h3{font-size: 14px;}
    .v-img-box-400{width: 100%;margin-top: 24px;}
    .v-img-box-450{width: 100%;margin-top: 24px;}
    .socilIc li:first-child {width: 100%;}
}

/* Adding Privacy Policy and Terms & Condition Pages */
.k-privacy-policy {
  margin-top: 100px;
  margin-bottom: 25px;
}
.k-privacy-policy h1{
  text-align: center;
  float: left;
  width: 100%;
  margin: 0px 0 50px 0;
  font-size: 30px;
  font-family: 'LatoLatin-Bold';
  color: #000000;
}

.k-privacy-policy h2{
  line-height: 28px;
  font-size: 20px;
  position: relative;
  font-family: 'LatoLatin-Bold';
  margin: 20px 0;
}

.k-privacy-policy p {
  font-size: 16px;
  margin-bottom: 10px;
  font-family: 'LatoLatin-Regular';
}

.k-privacy-policy ul {
  padding-left: 25px;
  margin-bottom: 10px;
}

/* Foooter CSS */
.bottom-footer-flexbox
{
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
}
.copyright-desc
{
    display: inline-flex;
    margin: 0px;
    font-size: 14px;
}
.social-icon-flexbox
{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    column-gap:5px;
}

.social-icons-link
{
  display: inline-flex;
  width: 51px;
  height: 51px;
}
.social-icons-link img
{
  width: 100%;
  height: 100%;
}
.producted-link
{
  width: 120px;  
}
.producted-link img
{
  width: 100%;
}
.terms-ul
{
  display: inline-flex;
  list-style: none;
  column-gap: 10px;
}
.terms-ul li
{ 
  display: inline-block;
}

.terms-ul li a {
  font-size: 14px;
  color: #ddd;
}
.terms-ul li a:hover {
  color: #ffc454;
}


@media screen and (max-width:992px) {
  .bottom-footer-flexbox{flex-direction: column;align-items: flex-start;row-gap: 10px;}  
  .copyright-desc{font-size: 12px;}
  .producted-link {width: 100px;}
  .terms-ul li{border-right: 1px solid #464646;padding-right: 10px;}
  .terms-ul li:last-child{border: none;}

}