  select#SelectTabs {
    display: none;
  }
  @media screen and (max-width: 1650px) {
    .career_circle {
      left: 50%;
      right: 0;
      top: 40%;
      bottom: 0;
      transform: translateX(-50%);
    }
    section.section_contact_us:after {
      bottom: -15%;
      right: -1px;
      width: 103%;
      height: 277px;
    }
    .section_services_cta::after {
      bottom: -99px;
      width: 82.7%;
      height: 229px;
    }

  }

  @media screen and (max-width: 1365px) {

    .title_h1 {
      font-size: 46px;
    }
    .banner {
      max-width: 702px;
    } 

    .capabilitis_slider_info {
      max-width: unset;
    }
  
    .nav_tabbing_why ul li a {
      font-size: 18px;
    }
    .mega_menu_section:after {
        width: 40%;
    }
  
    /*********************  our story *-*****************/
  
    .section_about_us {
      padding: 70px 0 106px;
    }
    .title_h2 {
      font-size: 38px;
    }
    .about_us_text {
      padding-bottom: 60px;
    }
    .about_us_count {
      padding-right: 90px;
      margin-right: 90px;
    }
    .section_growth_partner {
      padding: 260px 0 80px;
      margin-top: -150px;
    }
    .growth_partner {
      gap: 104px;
    }
    .title_h5 {
      font-size: 46px;
    }
    .growth_partner_text h2 {
      padding-bottom: 22px;
    }
    .section_what_we_stand_for {
      padding: 90px 0;
    }
    .our_values_otr {
      grid-gap: 40px 62px;
      max-width: 1159px;
      padding-top: 40px;
    }
    .section_our_focus {
      padding: 90px 0px 90px;
    }
    .our_focus_contain a {
      margin-top: 37px;
    }
    .section_meet_great_people {
      padding: 95px 0;
    }
    .section_footer {
      padding: 219px 0 50px;
      margin-top: -150px;
    }
    .footer_top {
      padding-bottom: 50px;
      margin-bottom: 50px;
    }
    .title_h9 {
      font-size: 60px;
    }
    .about_design_form {
      padding: 60px 60px;
      gap: 39px;
    }
    div#frm_field_14_container .frm_opt_container label {
      padding: 6px 13px !important;
      font-size: 15px !important;
      line-height: 24px !important;
    }
  
    /*********************  career ******************/
  
    .career_what_we_stand .our_values_otr {
      grid-gap: 40px 60px;
    }
    .testinomail_customer_info {
      max-width: 525px;
    }
    .customer_testinomials_right .swiper-autoheight .swiper-wrapper {
      height: 810px !important;
    }
    .customer_testinomials {
      gap: 60px;
    }
    .section_career_open_position {
      padding: 130px 0 130px;
    }
    .career_fresh_blogs {
      padding-bottom: 70px;
    }
    .section_inner_banner {
      padding: 80px 0 392px;
    }
    .career_fresh_blogs_list {
      gap: 106px 30px;
    }
    .career_gallary_otr {
      grid-gap: 8px;
    }
  
    section.section_carrer_inner_banner.black_bg {
      padding: 70px 0 60px;
    }
  
    /*********************  Success Stories ******************/
  
    .success_stories_text {
      padding-bottom: 90px;
    }
  
    /********** contact us *************/
    /* section.section_contact_us:after {
      bottom: -36px;
    } */
    .fresh_slider {
      width: 48.4%;
    }
  
    /*********************  Design Strategy ******************/
  
    .services_our_offering_left.span_title {
      width: 42.82%;
    }
    .services_our_offering {
      gap: 78px;
    }
    .need_a_design_strategy_main {
      gap: 40px 52px;
    }
    .need_a_design_strategy_otr {
      padding: 90px 0;
    }
    .services_inner_banner {
      padding: 110px 0 110px;
    }
    section.section_our_strategic_design_approach.black_bg {
      padding: 90px 0;
    }
    .our_strategic_design_approach h2 {
      padding-bottom: 70px;
    }
    section.section_services_our_offering {
      padding: 90px 0 90px;
    }
    .services_our_offering {
      gap: 55px;
    }
    .services_cta_otr::after {
      bottom: -122px;
    }
    section.section_services_our_work {
      padding: 90px 0;
    }
    .services_our_work_blog {
      gap: 70px;
    }
    .services_our_work_title h2 {
      padding-bottom: 70px;
    }
    .services_our_work_main:nth-child(even) {
      margin-top: 80px;
    }
    .faq_title h2 {
      padding-bottom: 25px;
    }
    section.section_faq {
      padding-bottom: 90px;
    }
    section.section_capabilitis {
      padding: 90px 0 90px;
    }
    .capabilitis_title.span_title {
      padding-bottom: 70px;
    }
  
    /************ User Experience **************/
  
    section.section_benefit {
      padding: 90px 0 70px;
    }
    .benefit_info {
      gap: 90px;
    }
    .need_a_design_strategy_info_text.pera_title p br {
      display: none;
    }
    .services_our_offering_left.span_title h2 br {
      display: none;
    }
    .benefit_blog.pera_title p br {
      display: none;
    }
  
    /************** markeeting ux************/
    .page-template-marketing-ux .services_inner_banner {
      padding: 90px 0 127px;
    }
    .page-template-marketing-ux
      section.section_services_our_offering.light_color_bg.user_experience_offering {
      padding: 90px 0 60px;
    }
    .section_our_offering_tabbing {
      padding: 90px 0;
    }
    .offering_tabbing li a {
      padding: 0 27px 17px 27px;
    }
    .our_offering_tabbing_otr {
      gap: 70px;
      padding-bottom: 70px;
    }
    /*  .offering_left_list {padding-top: 36px;} */
    .offering_left_list li {
      margin-bottom: 16px;
    }
    .page-template-marketing-ux .section_faq {
      padding-top: 90px;
    }
  
    .our_work_otr {
      gap: 105px;
    }
    .main_box_row {
      grid-gap: 40px;
    }
    .mainbannerdiv {
      gap: 40px;
    }
    .banner_img_blog {
      height: 820px;
    }
    .section_banner {
      padding: 102px 0 125px;
    }
  
    /******  success details  *****/
  
    .succes_story_text h1 {
      /* font-size: 34px;
      line-height: 50px; */
      padding-bottom: 60px;
    }
    .succes_story_text span {
      padding-bottom: 38px;
    }
    .success_story_top {
      padding-bottom: 80px;
    }
    section.section_success_story_tabbing {
      padding: 90px 0 112px;
    }
  
    /****  blog tags details **********/
  
    .tags_boxis_otr {
      width: 47%;
    }
    .success_story_tabbing_info_color_pera mark br {
      display: none;
    }
  
    .services_right_tabbing_img {
      width: 250px;
    }
    .swiper-slide.industries_slider {
      padding: 0 30px;
    }
    .work_nav li a {
      padding: 8px 18px;
      font-size: 15px;
    }

    /*********************  Health-e Case study *****************/

    .overview-gallery ul li:nth-child(3) img, .overview-gallery ul li:nth-child(4) img {
      width: 100%;
      height: 100%;
      object-fit: cover;
    }  
    .marketing-image-content-two ul li:nth-child(2) {
      padding-top: 33%;
    }


    /*********************  Handtyped Case study *****************/

    .our-work-template-case-study-handtyped .overview-gallery ul {
      padding: 0 40px;
    }

    .career_fresh_blogs_img {
      position: relative;
      width: 250px;
      height: 250px;
    }

    .career_fresh_blogs_img {
      position: relative;
      width: 280px;
      height: 280px;
    }
    /* .services_landing_banner_left h1 {
      font-size: 50px;
    } */
    .services_landing {
      font-size: 32px;
    }
    .title_h7 {
      font-size: 25px;
    }
    .our_work_text.pera_title h1 {
      line-height: 115%;
      max-width: 878px;
      margin: 0 auto;
      font-size: 50px;
    }
    .title_h2.title_line {
      font-size: 38px;
    }
    .need_a_design_strategy_info_text h3 {
      font-size: 26px;
    }
    .page-template-user-experience .need_a_design_strategy_title h2, .page-template-user-interface .need_a_design_strategy_title h2, .e-commerce-section .need_a_design_strategy_title h2 {
      max-width: 705px;
    }
    .helps_enterprise_title {
      max-width: 800px;
      margin: 0 0 60px;
    }

  }
  
  @media screen and (max-width: 1280px) {

    .title_h1 {
      font-size: 40px;
    }

    /*********************  our story *****************/
  
    .meet_great_people {
      gap: 68px;
    }
    .meet_great_people_right_img {
      grid-gap: 19px;
    }
    .meet_great_people_right {
      width: 48%;
      margin-top: 49px;
    }
    .inner_banner span {
      padding-bottom: 20px;
    }
    .section_inner_banner {
      padding: 70px 0 322px;
    }
    .inner_banner_img {
      margin-top: -262px;
    }
    .about_us_text span {
      padding-bottom: 20px;
    }
    .about_us_text h2 {
      padding-bottom: 20px;
      max-width: 654px;
    }
    .title_h2 {
      font-size: 32px;
    }
    .about_us_text a.a_btn {
      margin-top: 30px;
    }
    .about_us_text {
      padding-bottom: 45px;
    }
    .about_us_counting {
      justify-content: inherit;
    }
    .about_us_count {
      padding-right: 80px;
      margin-right: 80px;
    }
    .about_us_count p {
      font-size: 22px;
    }
    .customer_love_company h2 {
      padding-bottom: 30px;
      max-width: 715px;
    }
    .section_growth_partner {
      padding: 243px 0 80px;
      margin-top: -159px;
    }
    .title_h5 {
      font-size: 32px;
    }
    .growth_partner {
      gap: 74px;
    }
    .title_pera p {
      font-size: 20px;
    }
    .growth_partner_text p {
      padding-bottom: 20px;
    }
    .section_what_we_stand_for {
      padding: 75px 0;
    }
    .what_we_stand_for span {
      padding-bottom: 14px;
    }
    .our_values_otr {
      grid-gap: 30px 32px;
      max-width: 1159px;
      padding-top: 30px;
    }
    .section_our_focus {
      padding: 85px 0px 85px;
    }
    .title_h7 {
      font-size: 30px;
    }
    .services_landing_design_process_info h3 {
      font-size: 25px;
      min-height: 90px;
    }
    /* .our_focus_details {padding-top: 50px; } */
    .our_focus_title {
      padding-bottom: 10px;
    }
    .our_focus_contain p {
      font-size: 22px;
    }
    .our_focus_contain a {
      margin-top: 27px;
    }
    .section_meet_great_people {
      padding: 90px 0;
    }
    .about_design_form {
      padding: 50px 52px;
      gap: 50px;
    }
    .about_us_btn a {
      margin-right: 9px;
    }
    .title_h9 {
      font-size: 50px;
    }
    .about_design_form_left h2 {
      padding-bottom: 15px;
    }
    .about_us_form_rating {
      margin-top: 14px;
    }
    .submit_btn button {
      margin-top: 25px;
    }
    .footer_location a p {
      margin-right: 0;
    }
    .fresh_slider_text a.a_btn_circle {
      margin-top: 20px;
    }
  
    /*********************  career ******************/
  
    .section_inner_banner {
      padding: 60px 0 320px;
    }
    .career_text_blog {
      padding: 25px 18px;
    }
    .career_what_we_stand .our_values_otr {
      grid-gap: 40px 50px;
    }
    .career_circle {
      top: 39%;
      transform: translateX(-50%);
      width: 130px;
      height: 130px;
    }
    .customer_testinomials {
      gap: 50px;
    }
    .pagination_test {
      right: -36px !important;
    }
    .customer_testinomial_blog p {
      font-size: 22px;
      line-height: 170%;
    }
    .testinomail_customer_info {
      max-width: 445px;
    }
    .customer_testinomials_right .swiper-autoheight .swiper-wrapper {
      height: 760px !important;
    }
    .section_customer_testinomials {
      padding: 80px 0;
    }
    .customer_testinomial_blog {
      padding: 32px;
    }
    .customer_testinomial_blog {
      border: 1px solid #202427;
      padding: 32px;
    }
    .career_open_position_text {
      margin-bottom: 30px;
    }
    .section_career_gallary {
      padding: 90px 0 0;
    }
    .section_career_fresh_blogs {
      padding: 80px 0;
    }
    .career_gallary_title {
      padding-bottom: 59px;
    }
    .section_career_open_position {
      padding: 100px 0 100px;
    }
    .career_fresh_blogs_list {
      gap: 106px 30px;
    }
    .banner_img_blog {
      height: 730px;
    }
    .about_design_form_right .frm_opt_container {
      flex-wrap: wrap !important;
    }
    /* .swiper-slide.industries_slider {padding: 0 66px;} */
    .about_design_form .frm_message {
      max-width: 54%;
    }
    .career_gallary_otr {
      grid-gap: 6px;
    }
    .fresh_slider {
      width: 47.83%;
    }
  
    .career_job_left {
      width: 73%;
    }
  
    /*********************  Success Stories ******************/
  
    .section_success_stories {
      padding: 70px 0 90px;
    }
    .success_stories_text {
      padding-bottom: 70px;
    }
    .success_stories_img {
      width: 50%;
    }
    .success_stories_otr {
      grid-gap: 40px;
    }
    .success_stories_logo {
      width: 38%;
    }
    .success_stories_blog_title h2,
    .success_stories_blog_title h3 {
      font-size: 18px;
    }
    .success_stories_text span {
      padding-bottom: 18px;
    }
  
    /************** contact us ***********/
    .contact_us_right {
      padding: 40px 50px 30px 40px;
    }
  
    /*********************  Design Strategy ******************/
  
    .services_inner_banner_left {
      width: 56%;
    }
    .services_inner_banner {
      padding: 90px 0 90px;
    }
    .need_a_design_strategy_main {
      gap: 30px 30px;
    }
    .need_a_design_strategy_info_text:nth-child(2) {
      margin-top: 0;
    }
    .need_a_design_strategy_info_text {
      padding-bottom: 30px;
    }
    .services_our_offering_left.span_title {
      width: 47.82%;
    }
    .services_our_offering {
      gap: 35px;
    }
    .our_offering_accordian_text {
      padding: 20px 0 20px;
    }
    .services_cta {
      gap: 60px;
    }
    .services_cta_otr::after {
      bottom: -129px;
    }
    .our_work_otr_text_otr {
      padding-bottom: 20px;
    }
    .services_our_work_blog {
      gap: 60px;
    }
    section.section_faq {
      padding-bottom: 70px;
    }
  
    .contact_us_right_info .gform_heading h2 {
      font-size: 44px;
    }
    .gform_footer.top_label input#gform_submit_button_3 {
      right: 17px;
    }
  
    /************** markeeting ux************/
    .page-template-marketing-ux .section_faq {
      padding-top: 80px;
    }
    .page-template-marketing-ux .services_inner_banner {
      padding: 80px 0 108px;
    }
    .page-template-marketing-ux
      section.section_services_our_offering.light_color_bg.user_experience_offering {
      padding: 80px 0 60px;
    }
    .page-template-marketing-ux .services_our_offering_left.span_title {
      width: 42%;
    }
    .section_our_offering_tabbing {
      padding: 80px 0;
    }
    .offering_tabbing li a {
      padding: 0 15px 20px 15px;
      font-size: 16px;
    }
    .offering_tabbing li {
      min-width: fit-content;
    }
    .offering_tabbing {
      overflow: auto;
    }
    .offering_tabbing ul {
      overflow-x: auto;
    }
    .our_offering_tabbing_otr {
      gap: 50px;
      padding-bottom: 60px;
    }
    .offering_tabbing_slider {
      padding-top: 47px;
    }
    .our_offering_tabbing_title {
      margin-bottom: 50px;
    }
  
    .footer_email {
      width: 43%;
      text-align: center;
    }
  
    /************** landing page ***************/
  
    .services_landing_main_blog_text a {
      margin-top: 35px;
    }
    section.section_services_landing_info {
      padding: 90px 0;
    }
    .services_landing_main_blog_img {
      margin-right: 30px;
    }
    .services_landing_design_process_info h3 br {
      display: none;
    }
    .services_landing_pera_blog {
      gap: 50px;
    }
    .services_landing_otr {
      padding-bottom: 70px;
      margin-bottom: 70px;
    }
    .services_landing_design_process_title {
      padding-bottom: 62px;
    }
    section.section_services_landing_design_process {
      padding: 110px 0 100px;
    }
    .section_services_our_approch {
      padding: 100px 0;
    }
    .section_about_design_form label.gfield_label {
      font-size: 17px !important;
      line-height: 150% !important;
    }
    .services_our_approch {
      gap: 60px;
    }
    .services_our_approch_main {
      grid-gap: 60px;
    }
    .services_landing_banner {
      gap: 95px;
    }
    .services_landing {
      font-size: 30px;
      line-height: 130%;
    }
    /* .title_h1 {
      line-height: 58px;
    } */
  
    .section_about {
      padding: 110px 0;
    }
    .our_work_otr {
      gap: 40px;
    }
    .our_work_otr_left {
      width: 50%;
    }
    .our_work_title {
      flex-wrap: wrap;
      gap: 14px;
    }
    .our_work_otr_right {
      flex: 1;
    }
    .our_work_otr {
      padding-bottom: 70px;
    }
    .services_text {
      padding-bottom: 40px;
      max-width: 100%;
    }
    .nav_tabbing_why {
      padding-bottom: 40px;
    }
    .services_tabbing {
      gap: 60px;
    }
    .section_services {
      padding: 100px 0 80px;
    }

    .section_banner {
      padding: 92px 0 115px;
    }
  
    /*************  success list ***********/
    .succes_story_text span {
      padding-bottom: 28px;
    }
    .success_story_top {
      gap: 40px;
    }
    .succes_story_text {
      width: 70%;
    }
    .success_story_img {
      width: 30%;
    }
    .succes_story_text h1 {
      /* font-size: 35px;
      line-height: 46px; */
      padding-bottom: 40px;
    }
  
    section.section_success_story {
      padding: 60px 0;
    }
    section.section_success_story_tabbing {
      padding: 80px 0 102px;
    }
    .success_story_tabbing_main_title h2 {
      font-size: 27px;
    }
    .success_story_tabbing_desktop {
      gap: 55px;
    }
    section.other_success_stories_otr {
      padding: 90px 0;
    }
  
    section.section_career_fresh_blogs.section_blog_details
      .career_fresh_blogs_list {
      gap: 60px 30px;
      justify-content: space-between;
    }
    .fresh_slider.first_blog_bg .fresh_slider_text h3 {
      font-size: 34px;
    }
    .section_blog_details .career_fresh_blogs {
      padding-bottom: 50px;
    }
    .fresh_slider.first_blog_bg .career_fresh_blogs_img {
      margin-right: 40px;
    }
  
    /****  blog details **********/
    .blog_details_img {
      margin-bottom: 64px;
    }
    /*    .blog_details_main ul {padding-top: 20px;}*/
    .blog_details_form .frm_submit {
      position: absolute;
      right: 18px;
      bottom: 3px;
    }
    .section_blog_details_form .frm_fields_container {
      position: relative !important;
    }
  
    /****  blog tags details **********/
  
    .tags_boxis_otr {
      width: 47%;
    }
    .tags_images img {
      max-width: 260px;
      height: 260px;
    }
    header.page-header {
      width: 100%;
      padding-bottom: 50px;
    }
    .page-header h2.title_h1 span {
      padding-top: 10px;
      font-size: 47px;
    }
    .tags_otr {
      padding: 70px 0 90px;
    }
    .tags_images_otr {
      display: flex;
      gap: 30px;
    }
    .tags_otr {
      gap: 0 40px;
    }
  
    /************* user experience************/
    .benefit_info {
      gap: 70px;
    }
    .page-template-user-experience section.section_faq {
      padding: 90px 0;
    }
    /* .page-template-user-interface .section_services_cta {
      margin-top: 80px;
    } */
    .page-template-user-interface section.section_faq {
      padding: 80px 0;
    }
    .page-template-user-interface .benefit_title {
      padding-bottom: 70px;
    }
  
    .right_menu li a {
      font-size: 16px;
    }
    .right_menu li {
      display: inline-block;
      margin: 0 15px;
    }
  
    .container {
      padding-left: 50px;
      padding-right: 50px;
    }
    .section_banner::after {
      height: 300px;
    }
    .nav_tabbing_why ul li a {
      font-size: 16px;
    }
    .nav_tabbing_why ul li {
      padding: 20px 15px 20px 0;
    }
    .services_right_text {
      width: 50%;
      padding: 0 20px;
    }
    .section_industries {
      padding: 80px 0;
    }

    .mega_menu_section:after {
        width: 38%;
    }
    .nav_right_title {
        font-size: 32px;
    }
    .nav_right .menu_button_info {
        padding: 25px 0 50px;
    }

    .work_nav {
      padding: 0 0 60px;
    }
    .work_nav li {
      padding: 0 5px 10px;
      list-style: none;
    }
    .work_nav li a {
      padding: 8px 15px;
      font-size: 14px;
    }

    /*********************  Health-e Case study *****************/

    .wireframing-title, .visual-title {
      margin-left: 50px;
    }
    .visual-list ul li {
      padding: 0 30px;
      height: 710px;
    }
    .visual-slider .visual_slide {
      padding: 25px 20px;
      width: 25% !important;
      margin: 0 !important;
    }
    .key-list ul li:nth-child(3) .key-info {
      max-width: 408px;
      padding: 0;
      margin: 0 0 0 -155px;
    }

    /*********************  Handtyped Case study *****************/

    .banner-bg-line {
      bottom: 60px;
    }
    .our-work-template-case-study-handtyped .overview-gallery ul {
      padding: 0;
    }
    .key-list.handtyped-key-list ul li:nth-child(2) {
      background-size: cover;
    }

    .career_fresh_blogs_img {
      position: relative;
      width: 220px;
      height: 220px;
    }

    /* .services_landing_banner_left h1 {
      font-size: 42px;
    } */

    .about_design_form_left h2 {
      font-size: 40px;
    }
    .our_work_text.pera_title h1 {
      font-size: 42px;
    }
    .title_h2.title_line {
      font-size: 32px;
    }
    .need_a_design_strategy_info_text h3 {
      font-size: 24px;
    }
    .title_h12 {
      font-size: 30px;
    }
    .title_h6 {
      font-size: 22px;
    }
    .capabilitis_slider_info_otr {
      padding: 22px;
      min-height: 375px;
    }
    .page-template-user-experience .need_a_design_strategy_title h2, .page-template-user-interface .need_a_design_strategy_title h2, .e-commerce-section .need_a_design_strategy_title h2 {
      max-width: 585px;
    }
    
    .offering_tabbing ul {
      justify-content: space-between;
    }
    .enterprise_products_box {
      padding: 20px;
    }
    .enterprise_products_slide_list {
      width: 25% !important;
    }
    .offer_tab_webapp .our_offering_tabbing_otr_left span {
      font-weight: 500;
      font-size: 25px;
    }
    section.section_career_fresh_blogs.section_blog_details .fresh_slider.first_blog_bg .career_fresh_blogs_img {
      height: 350px;
    }
    section.section_contact_us:after {
      bottom: -18%;
    }
    .nav_tabbing_why ul {
      margin: 0;
    }
    .about_us_count h3, .count_number span {
      font-size: 30px;
    }
    .about_us_count p {
      font-size: 18px;
    }
    .career_text_blog p br {
      display: none;
    }
    .customer_testinomials_btn span {
      display: inline-block;
      text-decoration: none;
      font-size: 16px;
      line-height: normal;
      color: var(--dark-black);
      border: 1px solid var(--dark-black);
      border-radius: 50px;
      padding: 10px 20px;
      margin: 0 16px 22px 0;
      letter-spacing: 0;
      text-transform: capitalize;
      font-weight: 500;
    }
    .career_open_position {
      gap: 50px;
    }

    .blog-info {
      padding: 20px 0 0;
    }
    .fresh-blog-list {
      flex-wrap: wrap;
    }

    .heading-1 {
      font-size: 40px;
    }
    .heading-2 {
      font-size: 30px;
    }
    .challenge-content .sub-heading {
      padding-bottom: 30px;
    }
    .heading-3 {
      font-size: 25px;
    }
    .heading-4 {
      font-size: 22px;
      padding-bottom: 15px;
    }
    .challenge-list-icon {
      padding: 0 0 20px;
    }
    .key-list ul li:nth-child(2) {
      padding: 0 40px 0 40px;
    }
    .key-list ul li:nth-child(1) {
      padding: 0 40px 58px 40px;
    }
    .key-list ul li:nth-child(3) {
      padding: 56px 40px 0 40px;
      align-items: flex-start;
    }
    .key-info p {
      font-size: 20px;
    }
    .case-study-contact .about_design_form {
      padding-left: 0;
      padding-right: 0;
    }

    .header_btn_info {
      margin-left: 10px;
    }
    .blog_details_text_otr h2 {
      font-size: 32px;
    }

  }
  
  @media screen and (max-width: 1024px) {
    
    .title_h1 {
      font-size: 35px;
      line-height: 115%;
    }
    .main-container {
      padding-top: 88px;
    }
    /********************************  our story **************************/
  
    .right_menu li {
      margin: 0 13.5px;
    }
    .section_inner_banner {
      padding: 60px 0 272px;
    }
    .inner_banner_img {
      margin-top: -212px;
    }
    .about_us_text span {
      padding-bottom: 10px;
    }
    .title_h2 {
      font-size: 37px;
    }
    .about_us_count {
      padding-right: 75px;
      margin-right: 75px;
    }
    .growth_partner {
      gap: 54px;
    }
    .title_h5 {
      font-size: 36px;
    }
    .growth_partner_text span {
      padding-bottom: 10px;
    }
    .growth_partner_text h2 {
      padding-bottom: 12px;
    }
    .title_pera p {
      font-size: 19px;
    }
    .title_h3 {
      font-size: 28px;
    }
    .growth_partner_details p {
      padding-bottom: 0;
    }
    .section_growth_partner {
      padding: 223px 0 80px;
      margin-top: -149px;
    }
    .section_what_we_stand_for {
      padding: 80px 0;
    }
    .what_we_stand_for h2 {
      line-height: 1.1;
    }
    .our_values_otr {
      grid-gap: 25px 25px;
      max-width: 1159px;
      padding-top: 20px;
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .title_h6 {
      font-size: 23px;
    }
    .our_values_blog h3 {
      padding-bottom: 10px;
    }
    .industries_text span {
      padding-bottom: 10px;
    }
    .title_h7 {
      font-size: 28px;
    }
    .section_our_focus {
      padding: 80px 0px;
    }
    .our_focus span {
      padding-bottom: 10px;
    }
    .our_focus_details {
      gap: 42px;
    }
    .our_focus_left {
      width: 41.14%;
    }
    .our_focus_title_left h3 {
      font-size: 22px;
      padding-bottom: 8px;
    }
    .our_focus_contain p {
      font-size: 20px;
      line-height: 1.6;
    }
    .our_focus_contain a {
      margin-top: 30px;
    }
    .section_meet_great_people {
      padding: 85px 0;
    }
    .meet_great_people_right {
      width: 59%;
      margin-top: 50px;
    }
    .meet_great_people {
      gap: 38px;
    }
    .meet_great_people_left a {
      margin-top: 29px;
    }
    .footer_menu ul {
      grid-gap: 16px 10px;
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    /*    .footer_top {padding-bottom: 30px;margin-bottom: 30px;}*/
    .footer_location a {
      margin-right: 12px;
    }
    .section_footer {
      padding: 249px 0 50px;
      margin-top: -190px;
    }
    .about_design_form {
      gap: 30px;
    }
    .title_h9 {
      font-size: 40px;
    }
    .about_us_btn a {
      margin-right: 9px;
      margin-bottom: 10px;
    }
    .about_us_btn a:last-child {
      margin-right: 0;
      margin-bottom: 0;
    }
    p {
      font-size: 18px;
    }
    .about_us_form_rating h3 {
      font-size: 21px;
      line-height: 28px;
      margin-right: 10px;
    }
    .input_box {
      width: 100%;
    }
    .fresh_slider:nth-child(even) {
      width: 100%;
    }
    .count_number span {
      margin-top: 0;
    }
  
    .customer_testinomials_right {
      height: unset;
    }
    section.section_what_we_stand_for.career_what_we_stand {
      padding: 80px 0 80px;
    }
    .about_design_form_right .frm_opt_container {
      display: flex !important;
      gap: 24px !important;
      flex-wrap: wrap;
    }
  
    /*********************  career ******************/
  
    .section_inner_banner {
      padding: 50px 0 270px;
    }
    .inner_banner.span_title a {
      margin-top: 40px;
    }
    .career_blog {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .career_what_we_stand .our_values_otr {
      grid-gap: 40px 40px;
    }
    .career_circle span {
      left: 21%;
      top: 33%;
    }
    .career_circle {
      top: 38%;
      transform: translateX(-50%);
      width: 120px;
      height: 120px;
    }
    .customer_testinomials_left h2 {
      padding-bottom: 40px;
    }
    .customer_testinomials {
      gap: 40px;
    }
    .customer_testinomials_right {
      width: 58.63%;
    }
    .customer_testinomials_left {
      width: 37.282%;
    }
    .section_career_open_position {
      padding: 90px 0 90px;
    }
    .career_gallary_title span {
      padding-bottom: 25px;
    }
    .section_career_gallary {
      padding: 85px 0 0;
    }
    /*     .fresh_slider_text {flex: 1;} */
    .career_fresh_blogs_img {
      margin-right: 40px;
      width: 100%;
    }
    .career_fresh_blogs_img img {
      width: 100%;
    }
    .career_fresh_blogs_img img {
      width: 100%;
    }
    .career_gallary_title span {
      padding-bottom: 20px;
    }
    .career_open_position {
      gap: 40px;
    }
    .career_fresh_blogs {
      padding-bottom: 50px;
    }
    .career_fresh_blogs_list {
      gap: 50px;
      flex-wrap: wrap;
    }
    .fresh_slider {
      width: 100%;
    }
    .fresh_slider {
      width: 85%;
      margin: 0 auto;
      gap: 30px;
    }
    .about_design_form .frm_message {
      max-width: 100%;
      order: 2;
      margin-top: 20px !important;
      position: unset;
    }
  
    .career_job_right {
      width: 25%;
    }
    section.section_career_job {
      padding: 70px 0;
    }
    /* .career_job {gap: 70px;}
   */
  
    /*********************  Success Stories ******************/
  
    .success_stories_text span {
      padding-bottom: 16px;
    }
    .success_stories_text {
      padding-bottom: 60px;
    }
    .about_design_form_right textarea {
      height: 86px !important;
    }
  
    /******************** contact us ******************/
  
    .conatct_email h3 {
      font-size: 18px;
    }
    .conatct_email a {
      font-size: 18px;
    }
    .contact_social {
      width: 44px;
      height: 44px;
    }
    .contact_social.social_icon_4:after {
      width: 44px;
      height: 44px;
    }
    .contact_social.social_icon_4:before {
      width: 42px;
      height: 42px;
    }
  
    .job_foram_title h2 {
      font-size: 25px;
      padding-bottom: 20px;
    }
    .white-popup-block {
      max-width: 80%;
      padding: 40px 30px;
    }
  
    /*********************  Design Strategy ******************/
  
    .services_inner_banner {
      padding: 80px 0 80px;
    }
    .services_inner_banner_left {
      width: 51%;
    }
    .need_a_design_strategy_otr {
      padding: 80px 0;
    }
    .need_a_design_strategy_info_text h3 {
      padding-bottom: 25px;
    }
    .our_strategic_design_approach h2 {
      padding-bottom: 50px;
    }
    .design_approach_tabbing_list ul {
      gap: 16px;
    }
    .design_approach_tabbing_list li {
      min-width: 100px;
    }
    section.section_our_strategic_design_approach.black_bg {
      padding: 80px 0;
    }
    section.section_services_our_offering {
      padding: 80px 0 80px;
    }
    .services_our_offering {
      gap: 30px;
    }
    .our_offering_accordian_ans {
      padding: 20px 0 0px;
    }
    .our_offering_accordian_text {
      padding: 20px 0 20px;
    }
    .services_cta {
      gap: 40px;
      padding: 0;
    }
    .services_cta_left {
      width: 45%;
    }
    .services_cta_otr::after {
      bottom: -146px;
    }
    section.section_services_our_work {
      padding: 80px 0;
    }
    .services_our_work_title h2 {
      padding-bottom: 50px;
    }
    .services_our_work_blog {
      gap: 50px;
    }
    .services_our_work_main:nth-child(even) {
      margin-top: 50px;
    }
    .services_our_work_img {
      padding-bottom: 20px;
    }
    section.section_faq {
      padding-bottom: 50px;
    }
    section.section_capabilitis {
      padding: 80px 0 80px;
    }
    .capabilitis_title.span_title {
      padding-bottom: 50px;
    }
  
    .success_story_bottom_blog:after {
      right: -50px;
    }
  
    .contact_us_right_info .gform_heading h2 {
      font-size: 40px;
    }
    .gform_footer.top_label input#gform_submit_button_3 {
      right: 24px;
    }
  
    .client_around_left.span_title {
      width: 100%;
    }
    .page-template-user-interface .services_inner_banner_left {
      width: 56%;
    }
    .page-template-user-interface .section_benefit {
      padding: 80px 0 60px;
    }
    .page-template-user-interface .services_our_offering_left.span_title {
      width: 42%;
    }
  
    /************** markeeting ux************/
    .page-template-marketing-ux .section_faq {
      padding-top: 70px;
    }
    .page-template-marketing-ux .services_inner_banner {
      padding: 70px 0 88px;
    }
    .section_our_offering_tabbing {
      padding: 70px 0;
    }
    .our_offering_tabbing_title {
      margin-bottom: 40px;
    }
    /* .our_offering_tabbing_otr {
      flex-direction: column-reverse;
    }
    .our_offering_tabbing_otr_right {
      width: 100%;
    } */
    .our_offering_tabbing_main {
      padding-top: 30px;
    }
    .offering_tabbing_slider {
      margin: 0;
    }
    /* .our_offering_tabbing_otr_left_main {
      width: 100%;
    } */
    .our_offering_tabbing_otr_left p {
      color: #636668;
      max-width: 100%;
    }
    /* .our_offering_tabbing_otr:nth-child(even) {
      flex-direction: column-reverse;
    } */
    .our_offering_tabbing_otr {
      gap: 50px;
      padding-bottom: 50px;
    }
    .page-template-marketing-ux .services_our_offering_left.span_title {
      width: 40%;
    }
  
    /************** landing page ***************/
  
    .services_landing_main_blog_text a {
      margin-top: 20px;
    }
    .services_landing_pera_blog {
      gap: 30px;
      flex-wrap: wrap;
    }
    .services_landing_main_blog_list li {
      font-size: 17px;
      line-height: 130%;
      padding-bottom: 15px;
    }
    .services_landing_design_process_blog {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    section.section_services_landing_design_process {
      padding: 90px 0 80px;
    }
    .services_our_approch_main {
      grid-gap: 30px;
    }
    .services_our_approch_left {
      width: 36.282%;
    }
    .services_our_approch_right {
      width: auto;
      flex: 1;
    }
    .services_landing_banner {
      gap: 65px;
    }
    .services_landing_main_blog_img {
      width: 33%;
    }
    .services_landing {
      font-size: 33px;
      line-height: 114%;
    }
  
    .section_about {
      padding: 90px 0;
    }
    .about h2 {
      padding-bottom: 80px;
    }
    .client_around_the_world {
      max-width: 1054px;
      margin: 0 auto;
      padding-bottom: 30px;
      flex-wrap: wrap;
      justify-content: center;
      gap: 30px;
    }
    .section_our_work {
      padding: 90px 0;
    }
    .our_work_otr {
      gap: 35px;
    }
    .our_work_title {
      gap: 10px;
    }
    .our_work_otr_left a {
      margin-top: 24px;
    }
    .our_work_title {
      padding-bottom: 25px;
    }
    .our_work_otr {
      padding-bottom: 65px;
    }
    .services_text {
      max-width: 100%;
      padding-bottom: 40px;
    }
    /* .nav_tabbing_why ul li {padding: 20px 18px 19px 0;}
      .nav_tabbing_why ul li {padding: 20px 18px 19px 0;}
      .nav_tabbing_why ul li a {font-size: 17px;line-height: 27px;} */
    .section_banner {
      padding: 82px 0 105px;
    }
  
    /************  success list ********/
    .succes_story_text span {
      padding-bottom: 20px;
    }
    .succes_story_text h1 {
      /* font-size: 32px;
      line-height: 42px; */
      padding-bottom: 30px;
    }
    .success_story_top {
      padding-bottom: 70px;
    }
    section.section_success_story_tabbing {
      padding: 60px 0 82px;
    }
    .success_story_tabbing_main_title h2 {
      font-size: 26px;
    }
    .success_story_tabbing_main_title h2 {
      margin-bottom: 50px;
    }
    section.other_success_stories_otr {
      padding: 80px 0;
    }
  
    /****************** user experience*************/
    .benefit_blog.pera_title span:after {
      right: -29px;
      bottom: 16px;
      width: 60px;
      height: 60px;
    }
    section.section_benefit {
      padding: 80px 0 60px;
    }
    .benefit_info {
      gap: 50px;
    }
    .page-template-user-experience section.section_faq {
      padding: 80px 0;
    }
    /* .page-template-user-interface .section_services_cta {
      margin-top: 70px;
    } */
    .page-template-user-interface section.section_faq {
      padding: 70px 0;
    }
    .page-template-user-interface .benefit_title {
      padding-bottom: 60px;
    }
  
    section.section_career_fresh_blogs.section_blog_details
      .career_fresh_blogs_img {
      margin-right: 20px;
    }
    .blog_list_form .blog_details_form.light_color_bg {
      padding: 60px 80px 68px;
    }
  
    /****  blog details **********/
    .blog_discuss_project {
      margin-bottom: 30px;
    }
    .blog_list_otr_info.blog_details_otr_info.pera_title {
      padding-bottom: 48px;
    }
    .blog_employ_details {
      padding-top: 50px;
    }
    section.section_blog_details {
      padding: 81px 0 80px;
    }
    .blog_details_form.light_color_bg {
      padding: 80px 110px 80.97px 111px;
    }
    .blog_details_form h2 {
      line-height: 49.8px;
    }
    .blog_details_form .frm_submit {
      position: absolute;
      right: 13.58%;
      bottom: 83px;
    }
    section.section_career_fresh_blogs.blog_details_otr {
      padding: 80px 0 80px;
    }
  
    .blog_details_title h1 {
      line-height: 50px;
      padding-bottom: 30px;
    }
    .blog_details_img {
      margin-bottom: 50px;
    }
    .blog_detail_main_img_otr {
      padding-bottom: 50px;
    }
  
    /****  blog tags details **********/
  
    .tags_otr {
      gap: 40px;
      flex-direction: column;
      justify-content: center;
      align-items: center;
    }
    .tags_boxis_otr {
      width: 75%;
    }
    header.page-header {
      padding-bottom: 0;
    }
    .tags_otr {
      padding: 60px 0 80px;
    }
    .blog_details_form h2 {
      font-size: 34px;
      line-height: 45px;
    }
  
    .page-template-user-experience .services_inner_banner_left.span_title {
      width: 59%;
    }
    section.section_services_our_offering.light_color_bg.user_experience_offering {
      padding: 80px 0 76px;
    }
    .page-template-user-experience .need_a_design_strategy_title h2,
    .page-template-user-interface .need_a_design_strategy_title h2 {
      padding-bottom: 59px;
    }
    .page-template-user-experience .need_a_design_strategy_info_text h3 br {
      display: none;
    }
    .page-template-user-experience .need_a_design_strategy_main {
      gap: 30px;
    }
  
    .bank_linbe_div:after {
      display: none;
    }
    .services_landing_design_process_blog .swiper-wrapper {
      display: flex;
      flex-wrap: nowrap;
      grid-gap: 0px;
    }
    .services_landing_design_process_info {
      padding: 0;
    }
    .swiper-pagination {
      bottom: -20px !important;
    }
  
    /********  mobile *******/
  
    /* .mobileIcon {display: block;}
      .mobileIcon { height: 24px; cursor: pointer; z-index:99999; position: relative; display: flex; align-items: center; min-width: 24px; }
      .mobileIcon a { width: 55px; height: 7px; border-radius: 0; display: inline-block; background: #000; position: relative; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; }
      .mobileIcon a:before { position: absolute; content: ''; width: 54px; height: 7px; border-radius: 0; background: #000; top: -12px; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; }
      .mobileIcon a:after { position: absolute; content: ''; width: 54px; height: 7px; border-radius: 0; background: #000; bottom: -12px; -webkit-transition: all .3s ease 0s; -moz-transition: all .3s ease 0s; -ms-transition: all .3s ease 0s; -o-transition: all .3s ease 0s; transition: all .3s ease 0s; }
      .menu-open .mobileIcon a { background: rgb(255 255 255 / 0%); }
      .menu-open .mobileIcon a:before { transform: rotate(45deg); top: -1px; background: #ffffff;}
      .menu-open .mobileIcon a:after { transform: rotate(-45deg); top: -1px; background: #ffffff;}
      .mobileIcon a:before { width: 32px; height: 4px; border-radius: 5px; background: #ffffff; }
      .mobileIcon a, .mobileIcon a:after{ width: 32px; height: 4px; border-radius: 5px; background: #ffffff; }
      .mobileIcon a {width: 32px;}
      .right_menu{position:fixed;top:0;right:0;background:var(--dark-black);bottom:0;z-index:999;width:100%;transition:transform 300ms ease-in-out 0s;transform:translate3d(100%,0,0);transition:transform 300ms ease,opacity 300ms ease;padding:50px 30px 30px;box-shadow:0 10px 10px 0 rgb(0 0 0 / 23%);flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column;display:flex;max-width:100%;}
      .menu-open .right_menu{transform:translate3d(0,0,0) scale3d(1,1,1);backface-visibility:hidden;transition:transform 300ms ease,opacity 300ms ease;display:flex;overflow:auto; align-items: center;justify-content: center;}
      .menu-open{overflow:hidden;}
     
     
     .white_header .mobileIcon a:before {
         background: #000000;
     }
      .white_header .mobileIcon a, .white_header .mobileIcon a:after {
         background: #000000;
     }
     .white_header .right_menu li a {
         color: #ffffff;
     }
  
     .menu-open .white_header .mobileIcon a:before {
         background: #fff;
     }
     .menu-open .white_header .mobileIcon a {background: #00000000; }
     .menu-open .white_header .mobileIcon a:after{
             background: #fff;
     }
     .right_menu ul li {display: block;text-align: center;padding-bottom: 33px;}
     .right_menu li a {font-size: 27px;} */
  
    /*************** mobile****************/
  
    .menu-mian-menu-container,
    .header_btn_info {
      display: none;
    }
    .client_around_left.span_title {
      max-width: 100%;
      flex-basis: 100%;
      padding: 0 0 10px;
    }
    .client_around_right {
      margin-top: -30px;
    }
    .accordian_mobile {
      display: block;
    }
    .services_tabbing.tabbing_decktop {
      display: none;
    }
    .section_services {
      padding: 80px 0 80px;
    }
    .services_right_text {
      width: 100%;
      padding: 0;
    }
    .accordial_que {
      display: flex;
      align-items: center;
      /* justify-content: space-between; */
      padding: 16px 0;
      border-bottom: 1px solid rgba(81, 94, 113, 0.5) !important;
      text-decoration: none;
    }
    .services_right_text h3 {
      padding: 0;
      font-size: 24px;
    }
    .accordian_ans {
      padding: 20px 0;
      border-bottom: 1px solid rgba(81, 94, 113, 0.5);
    }
    .services_right_text p {
      padding: 30px 0;
      max-width: 100%;
    }
    .services_right_list {
      width: 100%;
      padding: 0 0 15px;
    }
    .accordial_icon {
      height: 24px;
      width: 24px;
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 16px 0 0;
    }
    .accordial_icon svg {
      transform: rotate(90deg);
      width: 80%;
      height: 80%;
      transition: all 0.3s linear;
    }
    .accordial_que.active .accordial_icon svg {
      transform: rotate(-90deg);
      width: 80%;
      height: 80%;
    }
    .about_design_form_left h2 {
      font-size: 35px;
    }
    .services_right_blog:last-child .accordial_que  {
        border-bottom: none;
    }
    .our_work_text.pera_title h1 {
      font-size: 30px;
      max-width: 530px;
    }
    .work_nav {
      display: block;
      padding: 0 6px 6px;
      max-width: 60%;
      margin: 0 auto 50px;
      position: relative;
    }
    .work_nav::after {
      position: absolute;
      left: 0;
      right: 0;
      content: "";
      top: 50px;
      bottom: 0;
      z-index: 0;
      box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.15);
      border-radius: 4px;
      background-color: #ffffff;
      opacity: 0;
      visibility: hidden;
    }
    .work_nav.active::after {
      opacity: 1;
      visibility: visible;
      transition: all 0.3s linear;
    }
    .work_nav li {
      padding: 0;
      position: relative;
      z-index: 1;
      display: none;
    }
    .work_nav li a {
      border: none;
      border-radius: 0;
      font-size: 16px;
      padding: 12px 16px;
    }
    .work_nav .select {
      padding: 13px 20px;
      font-family: 'Plus Jakarta Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 130%;
      color: #202427;
      border: 1px solid #74797B;
      border-radius: 4px;
      text-decoration: none;
      transition: all 0.3s linear;
      display: block;
      position: relative;
      margin: 0;
    }
    .work_nav .select::after {
      content: "";
      position: absolute;
      right: 20px;
      top: 50%;
      transform: translate(0,-50%);
      height: 24px;
      width: 24px;
      background-image: url(/wp-content/uploads/2023/04/select-dropdown-icon.svg);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 100%;
    }
    /* .work_nav li.select.active {
      background: #202427;
      color: #fff;
    } */
    .work_nav li.select {
      display: block;
      margin: 0 -5px 6px;
    }
    /* .select-menu.mobile {
      display: block;
      padding: 5px;
      max-width: 60%;
      margin: 0 auto 50px;
    } */
    /* #mobile-filter {
      width: 100%;
      height: 50px;
      padding: 0 20px;
      outline: none;
      font-family: 'Plus Jakarta Sans';
      font-style: normal;
      font-weight: 500;
      font-size: 16px;
      line-height: 130%;
      color: #202427;
      border: 1px solid #74797B;
      -webkit-appearance: none;
	   -moz-appearance: none;
			appearance: none;
      border-radius: 75px;
      background-image: url(/wp-content/uploads/2023/04/select-dropdown-icon.svg);
      background-position: 95% center;
      background-repeat: no-repeat;
      background-color: #ffffff;
    }
    #mobile-filter:focus {
      outline: none;
    }
    .our_work_list ul li:nth-child(odd), .page-template-our-work .our_work_list ul li:nth-child(odd) {
      padding-top: 0;
    } */

    /*********************  Health-e Case study *****************/

    .banner-top-section {
      padding: 60px 0 60px;
    }
    .banner-logo {
      padding: 0 0 80px;
    }
    .overview-content-right {
      padding-left: 70px;
    }
    .overview-gallery {
      padding: 60px 0 120px;
    }
    .overview-section {
      padding: 60px 0;
    }
    .challenge-content .sub-heading {
      text-align: center;
      padding: 0 0 30px;
    }
    .gray-content {
      font-size: 30px;
    }
    .approch-title .heading-2 {
      padding: 25px 0 30px 0;
    }
    .heading-2 {
      font-size: 32px;
    }
    .our-approch-content-top {
      padding-bottom: 80px;
    }
    .our-approch-list {
      padding: 0 0 100px;
    }
    .nav-system-title {
      margin: 0 auto;
      padding: 0 0 50px;
    }
    .wireframing-content {
      padding: 50px 0 50px 0;
    }
    .wireframing-title .heading-2 {
      padding: 0 0 30px;
    }
    .wireframing-title, .visual-title {
      margin-left: 0;
    }
    .wireframing-title {
      padding: 0 30px 40px;
    }
    .visual-list ul li {
      height: auto;
      padding-top: 60px;
    }
    .visual-list ul li:nth-child(2) {
      padding-top: 0;
      padding-bottom: 60px;
    }
    .visual-para {
      padding: 80px 0 80px;
    }
    .key-title {
      max-width: 686px;
      margin: 0;
      padding: 0 0 50px;
    }
    .key-list ul li:nth-child(1) {
      padding: 0 30px 40px 30px;
      align-items: flex-end;
    }
    .heading-3 {
      font-size: 22px;
      line-height: 160%;
      padding: 0 0 8px;
    }
    .heading-3 br {
      display: none;
    }
    .key-info p {
      font-size: 20px;
    }
    .key-list ul li:nth-child(2) {
      flex-direction: row-reverse;
      padding: 0 30px 0 30px;
      justify-content: space-between;
    }
    .key-list ul li:nth-child(2) .key-info {
      padding: 70px 30px 0 0;
      max-width: 330px;
    }
    .key-list ul li:nth-child(3) {
      padding: 50px 50px 0 30px;
      align-items: flex-start;
    }
    .uikit-section {
      padding: 80px 0 90px;
    }
    .uikit-title {
      display: flex;
      align-items: flex-start;
      padding: 0 0 30px;
    }
    .uikit-list {
      margin: 0;
      padding: 0;
    }
    .delivered-section {
      padding: 100px 0 100px;
    }
    .delivered-box {
      max-width: 1062px;
      margin: 0 auto;
      /* padding: 0 0 100px; */
    }
    .testimonial-content p {
      font-size: 26px;
    }
    .testimonial-slide {
      padding: 60px 0 0;
    }
    .review-title-right {
      width: 100%;
      padding: 0 0 0 30px;
    }
    .case-study-contact .about_design_form {
      padding: 60px 0px 60px;
    }
    .case-study-contact .about_design_form {
      gap: 20px;
    }
    ul#Footer-Menu {
      gap: 15px 25px;
    }

    .comming-soontext, .comming-soontext a, .view-more-text {
      display: block;
    }
    .view-more-text .a_btn_circle {
      font-size: 15px;
    }


    .our-work-template-case-study-handtyped .visual-list ul li {
      height: auto;
      padding-top: 60px;
    }
    .our-work-template-case-study-handtyped .visual-list ul li:nth-child(2) {
      padding-top: 0;
      padding-bottom: 60px;
    }
    .key-list.handtyped-key-list ul li:nth-child(1) {
      padding: 0 20px 0 0;
      align-items: flex-start;
    }
    .key-list.handtyped-key-list ul li:nth-child(2) {
      padding-left: 40px;
    }
    .key-list.handtyped-key-list ul li:nth-child(3) {
      padding-left: 50px;
      padding-right: 50px;
    }
    

    .arrowPacman-clip svg:first-child {
      opacity: 0;
    }

    .enterprise_products_slide_list {
      width: 30% !important;
    }

    .page-template-blog .fresh_slider:nth-child(even) {
      width: 100%;
    }
    .fresh_slider {
      width: 100%;
    }
    .fresh_slider.first_blog_bg a {
      width: 48.5%;
    }
    .services_landing_design_process_info h3 {
      min-height: inherit;
    }
    .services_landing_design_process_info h3 {
      font-size: 20px;
    }

    .home .service_read_more_button {
      padding: 0 0 10px;
    }

    .fresh_slider_text {
      width: 47%;
    }
    .fresh_slider.first_blog_bg .fresh_slider_text h3 {
      font-size: inherit;
    }
    .coming-soon a {
      cursor: auto;
    }
    .view-more a {
      cursor: pointer;
    }

    .blog_discuss_text h3 {
      font-size: 25px;
      line-height: 120%;
    }
    .blog_discuss_text {
      padding: 0 50px;
    }

  }
  
  @media screen and (max-width: 999px) {
    .banner h1 {
      padding-bottom: 32px;
    }
    .home h1.title_h1 {
      font-size: 56px;
    }
    .home h1.title_h1 strong {
      font-size: 72px;
      padding-top: 10px !important;
      display: block;
    }
    .banner.span_title p {
      font-size: 20px;
      padding-bottom: 32px !important;
  }



    .title_h1 {
      font-size: 30px;
    }
    .container {
      padding-left: 30px;
      padding-right: 30px;
    }

    /*************************** our story *********************/
  
    .right_menu li {
      margin: 0 10px;
    }
    .section_inner_banner {
      padding: 50px 0 252px;
    }
    .title_h2 {
      font-size: 34px;
    }
    .about_us_text h2 {
      padding-bottom: 20px;
      max-width: 484px;
    }
    .about_us_text {
      padding-bottom: 40px;
    }
    .about_us_count p {
      font-size: 18px;
    }
    .customer_love_company h2 {
      padding-bottom: 30.5px;
      max-width: 605px;
    }
    .growth_partner {
      flex-direction: column-reverse;
      gap: 30px;
    }
    .growth_partner_left {
      width: 100%;
    }
    .growth_partner_left_img img {
      width: 100%;
    }
    .growth_partner_right {
      width: 100%;
    }
    .section_growth_partner {
      padding: 163px 0 80px;
      margin-top: -129px;
    }
    .other_success .our_focus_details {
      padding: 22px 0;
    }
    /* .our_focus_details {padding-top: 40px;} */
    .our_focus_details {
      flex-direction: column;
      gap: 30px;
    }
    .our_focus_left {
      width: 100%;
    }
    .our_focus_img img {
      width: 100%;
    }
    .meet_great_people {
      gap: 30px;
      flex-direction: column;
    }
    .meet_great_people_left {
      width: 100%;
    }
    .meet_great_people_right {
      width: 76%;
      margin-top: 50px;
    }
    .about_design_form {
      gap: 30px;
      flex-direction: column;
    }
    .about_design_form_left {
      width: 100%;
    }
    .about_design_form_right {
      width: 100%;
    }
    .about_us_btn a {
      margin-bottom: 0px;
    }
    .title_h9 {
      font-size: 37px;
    }
    .input_box input {
      margin-bottom: 16px;
      width: 100%;
    }
    .check_box {
      padding-top: 20px;
    }
    .footer_menu ul {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    /*    .footer_menu {width: 62.31%;}*/
    /*    .footer_logo {width: 33.377%;}*/
    .social_icon {
      gap: 14px;
    }
    .footer_bottom {
      flex-wrap: wrap;
      justify-content: center;
      gap: 35px;
    }
    .section_about_us {
      padding: 60px 0 90px;
    }
  
    /*********************  career ******************/
  
    .section_inner_banner {
      padding: 40px 0 252px;
    }
    .customer_testinomials {
      flex-wrap: wrap;
    }
    .customer_testinomials_left {
      width: 100%;
    }
    .customer_testinomials_right {
      width: 100%;
    }
    .testinomail_customer_info {
      margin: 0 auto;
      max-width: 100%;
    }
    .pagination_test {
      right: -50px !important;
    }
    .career_open_position {
      flex-wrap: wrap;
    }
    .career_open_position_left {
      width: 100%;
    }
    .career_open_position_right {
      width: 100%;
    }
    .career_open_position_img img {
      margin: 0 auto;
      max-width: 224px;
    }
    .section_career_open_position {
      padding: 80px 0 80.87px;
    }
    .career_open_position_text {
      margin-bottom: 25px;
    }
    .career_fresh_blogs {
      padding-bottom: 40px;
    }
    .career_fresh_blogs h2 {
      line-height: 48px;
    }
    .career_circle {
      top: 36%;
    }
    .customer_testinomials_btn span {
      margin: 0 16px 16px 0;
    }
    .customer_testinomial_blog p {
      font-size: 20px;
      line-height: 170%;
    }
    .fresh_slider {
      width: 100%;
    }
    .fresh_slider:nth-child(even) {
      width: 100%;
    }
    section.section_what_we_stand_for.career_what_we_stand {
      padding: 51.11px 0 80px;
    }
    .section_footer {
      padding: 60px 0 80px;
      margin-top: 0;
    }
    .banner_img_blog {
      height: 540px;
    }
    .growth_partner_left_img img {
      max-width: 430px;
      margin: 0 auto;
    }
  
    .accordial_que {
      display: flex;
      align-items: center;
      /* justify-content: space-between; */
      border-bottom: 1px solid rgba(81, 94, 113, 0.5) !important;
    }
    .services_right_blog:last-child .accordial_que, .services_right_blog:last-child .accordian_ans  {
        border-bottom: none !important;
    }
    .accordial_que h3 {
      padding-bottom: 0;
      font-size: 22px;
      font-weight: 500;
      line-height: 32px;
      color: rgb(255 255 255 / 100%);
    }
    .accordial_que {
      padding: 20px 2px;
    }
    .accordian_ans {
      padding: 30px 0;
    }
    .accordial_que.active h3 {
      color: #fff;
    }
    .our_work_text {
      text-align: left;
    }
    .our_work_text h2 {
      margin: 0;
    }
  
    /*  .career_job {gap: 30px;} */
    .career_job_left {
      width: 80%;
    }
    .career_job_right {
      width: 25%;
    }
    .carrer_inner_banner_title {
      flex-wrap: wrap;
      gap: 30px;
    }
  
    /*********************  Success Stories ******************/
  
    .success_stories_otr {
      grid-gap: 50px;
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .success_stories_img {
      width: 50%;
    }
    .success_stories_logo {
      width: 50%;
    }
    .success_stories_img img {
      width: 100%;
      object-fit: cover;
    }
    .section_success_stories {
      padding: 70px 0 80px;
    }
  
    .other_success_stories_title {
      padding-bottom: 35px;
    }
    .section_success_stories .other_success .our_focus_details {
      padding: 0 0 40px;
    }
  
    /******************  contact us ***********/
  
    .contact_us_blog {
      flex-direction: column;
    }
    .contact_us_left {
      width: 100%;
      order: 2;
    }
    .contact_us_email {
      padding-bottom: 30px;
    }
    .contact_us_right {
      width: 100%;
    }
    section.section_contact_us:after {
      bottom: -180px;
    }
  
    /*********************  Design Strategy ******************/
  
    .services_inner_banner {
      padding: 70px 0 70px;
    }
    .need_a_design_strategy_otr {
      padding: 70px 0;
    }
    .need_a_design_strategy_main {
      gap: 30px 30px;
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .need_a_design_strategy_info_text p br {
      display: none;
    }
    section.section_our_strategic_design_approach.black_bg {
      padding: 70px 0;
    }
    .design_approach_tabbing_list li::before {
      left: 34px;
      bottom: 16px;
      width: 6px;
      height: 6px;
    }
    .design_approach_tabbing_list li:after {
      left: 8%;
      top: 50%;
      right: 0;
      width: 70px;
      height: 70px;
    }
    .design_approach_tabbing_list li {
      min-width: 80px;
    }
    .design_approach_tabbing_list ul {
      gap: 10px;
    }
    .design_approach_tabbing_list li::before {
      left: 37px;
      bottom: 16px;
      width: 5px;
      height: 5px;
    }
    .design_approach_tabbing_list {
      padding-bottom: 30px;
    }
    section.section_services_our_offering {
      padding: 70px 0 50px;
    }
    .services_our_offering {
      gap: 30px;
      flex-wrap: wrap;
    }
    .services_our_offering_left.span_title {
      width: 100%;
    }
    .services_our_offering_right {
      width: 100%;
    }
    .services_cta {
      gap: 30px;
      padding: 0 40px;
    }
    .services_cta_otr {
      padding-top: 50px;
      padding-bottom: 50px;
    }
    .services_cta_right a {
      margin-top: 25px;
    }
    section.section_services_our_work {
      padding: 70px 0;
    }
    .services_our_work_blog {
      gap: 50px;
      flex-wrap: wrap;
    }
    .services_our_work_main {
      width: 80%;
    }
    .services_our_work_main:nth-child(even) {
      margin-top: 0;
    }
  
    .success_story_bottom_blog:after {
      right: -20px;
    }
  
    .contact_us_right_info .gform_heading h2 {
      font-size: 38px;
    }
  
    /* .blog_details_form input {
      width: 550px !important;
    } */
    .gform_footer.top_label input#gform_submit_button_3 {
      right: 28px;
    }
    .page-template-user-interface .services_our_offering_left.span_title {
      width: 100%;
    }
  
    /************** markeeting ux************/
    .page-template-marketing-ux .services_our_offering {
      gap: 40px;
    }
    .page-template-marketing-ux
      section.section_services_our_offering.light_color_bg.user_experience_offering {
      padding: 60px 0 50px;
    }
    .section_our_offering_tabbing {
      padding: 60px 0;
    }
    .our_offering_tabbing_main {
      margin-top: 0;
      padding-top: 0;
    }
    .offering_tabbing_slider {
      padding-top: 0;
    }
    .swiper-pagination-tabbing {
      padding: 12px 0 0px;
    }
    .our_offering_tabbing_otr {
      gap: 30px;
      border-bottom: 1px solid #ddd;
      margin: 0 0 30px;
    }
    .our_offering_tabbing_otr:last-child {
      border-bottom: none;
      margin-bottom: 0;
    }
    .page-template-marketing-ux .services_our_offering_left.span_title {
      width: 100%;
    }
    .footer_email {
      width: 100%;
    }
    .tabbing_slider_img {
      max-width: 80%;
      margin: 0 auto;
    }
    .our_offering_tabbing_otr_info {
      display: none;
    }
  
    /************** landing page ***************/
  
    .services_landing_banner {
      gap: 50px;
    }
    .services_landing_main_blog_img {
      width: 35%;
      margin-right: 30px;
    }
    .services_landing_main_blog_text {
      width: auto;
      flex: 1;
    }
    .services_our_approch_left {
      width: 46%;
    }
    .services_our_approch_main {
      display: flex;
      flex-wrap: wrap;
      padding-top: 0;
    }
    .services_our_approch_main_otr.aos-init.aos-animate {
      width: 100%;
    }
    .services_our_approch {
      gap: 20px;
    }
    .services_landing_pera {
      width: 100%;
    }
    .services_landing {
      font-size: 31px;
      line-height: 110%;
    }
  
    select#SelectTabs {
      display: block;
    }
    .nav_tabbing_why ul {
      display: none;
    }
    .nav_tabbing_why select#SelectTabs {
      background: transparent;
      padding: 15px 18px;
      width: 100%;
      border: 0;
      font-size: 22px;
      color: #fff;
      outline: none;
      border-bottom: 1px solid #fff;
      border-radius: 0;
    }
    .nav_tabbing_why select option {
      color: #000;
    }
    .nav_tabbing_why {
      width: 50%;
    }
    .accordial_que svg {
      transform: rotate(91deg);
    }
    .accordial_que.active svg {
      transform: rotate(271deg);
    }
  
    .services_tabbing {
      flex-direction: column;
      gap: 50px;
    }
    .section_our_work {
      padding: 60px 0;
    }
    .section_about {
      padding: 60px 0;
    }
    .about h2 {
      padding-bottom: 60px;
    }
    .client_around_the_world {
      padding-bottom: 50px;
    }
    .title_h12 {
      font-size: 26px;
    }
    .title_h11 {
      font-size: 28px;
    }
    .services_right_list li br {
      display: none;
    }
    .accordial_que:last-child {
      border-bottom: 0;
    }
  
    /************  success list ********/
    .success_story_top {
      flex-direction: column;
    }
    /* .success_story_img {
      width: 100%;
    } */
    .success_story_img {
      width: 100%;
      max-width: 340px;
    }
    .success_story_img img {
      width: 100%;
    }
    .succes_story_text {
      width: 100%;
    }
  
    .success_story_top {
      padding-bottom: 60px;
    }
    .success_story_tabbing_left {
      display: none;
    }
    .success_story_tabbing_right {
      width: 100%;
    }
    .success_story_tabbing_main_title h2 {
      margin-bottom: 30px;
    }
    .success_story_top {
      gap: 40px;
    }
    section.other_success_stories_otr {
      padding: 70px 0;
    }
  
    /********** user experience ******************/
    .benefit_info {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    section.section_benefit {
      padding: 60px 0 60px;
    }
    .page-template-user-experience section.section_faq {
      padding: 70px 0;
    }
    /* .page-template-user-interface .section_services_cta {
      margin-top: 60px;
    } */
    .page-template-user-interface section.section_faq {
      padding: 60px 0;
    }
    .page-template-user-interface .benefit_title {
      padding-bottom: 50px;
    }
  
    section.section_career_fresh_blogs.section_blog_details {
      padding: 80px 0 80px;
    }
    .section_blog_details .career_fresh_blogs {
      padding-bottom: 40px;
    }
    section.section_career_fresh_blogs.section_blog_details
      .fresh_slider.first_blog_bg
      .career_fresh_blogs_img {
      width: 100%;
      height: 220px;
    }
    .fresh_slider.first_blog_bg {
      gap: 30px;
    }
    .fresh_slider.first_blog_bg .fresh_slider_text {
      width: 100%;
    }
    .fresh_slider.first_blog_bg .fresh_slider_text h3 {
      font-size: 22px;
      line-height: 32px;
    }
    .blog_details_form .blog_list_main_form .frm_submit {
      position: absolute;
      right: 0px;
      bottom: 2.5px;
    }
    .blog_list_form .blog_details_form.light_color_bg {
      padding: 60px 70px 68px;
    }
    .blog_details_form p {
      padding-bottom: 40px;
      font-size: 22px;
    }
    .blog_list_form h2 {
      line-height: 1.2;
    }
  
    /****  blog details **********/
  
    .blog_details_title h1 {
      line-height: 45.4px;
    }
    .blog_details_calender {
      padding-bottom: 30px;
    }
    .blog_details_img {
      margin-bottom: 44px;
    }
    .blog_details_text_otr h2 {
      font-size: 26px;
    }
    .blog_details_main {
      padding-bottom: 50px;
    }
    .blog_detail_main_img_otr {
      padding-bottom: 50px;
    }
    .blog_discuss_text h3 {
      line-height: 36px;
    }
    .blog_discuss_text a.a_btn {
      margin-top: 28px;
      padding: 12px 28.29px;
    }
    .blog_details_form .frm_submit {
      position: absolute;
      right: -0.42%;
      bottom: 3px;
    }
    .blog_details_form.light_color_bg {
      padding: 40px 50px;
    }
    .page-template-blog .fresh_slider:nth-child(even) {
      width: 100%;
    }
  
    /****  blog tags details **********/
  
    .tags_boxis_otr {
      width: 90%;
    }
    .page-header h2.title_h1 span {
      padding-top: 10px;
      font-size: 42px;
      line-height: 56px;
    }
    section.section_services_our_offering.light_color_bg.user_experience_offering {
      padding: 70px 0 50px;
    }
    .page-template-user-experience .need_a_design_strategy_title h2,
    .page-template-user-interface .need_a_design_strategy_title h2 {
      padding-bottom: 40px;
    }
    /* .page-template-user-experience .need_a_design_strategy_main {
      gap: 0px;
    }
   */
    /************** OUR WORK Page ***************/
    .our-work .our_work_text {
      padding-bottom: 50px;
      text-align: center;
    }
    .our_work_list ul li {
      width: 48%;
    }
    .company-logo {
      max-width: 45%;
    }
    .our_work_info p {
      font-size: 18px;
    }
    .view-more-text .yellow_circle_btn {
      width: 32px;
      height: 32px;
      overflow: hidden;
    }
    .view-more-text .yellow_circle_btn .arrowPacman {
      right: -14px;
    }
    .view-more-text .arrowPacman svg {
      max-width: 40%;
    }
    .our_work_info {
      padding: 20px 0;
    }

    /* .our_work_list ul li {
      width: 100%;
      padding: 0 0 20px;
    }
    .our_work_list ul li:nth-child(even) {
      padding-top: 0;
    }
    .our_work_list ul li:last-child {
      padding-bottom: 0;
    } */
    .section_banner {
      padding: 60px 0;
    }
    .section_banner::after {
      display: none;
    }
    .pad-top-60 {
        padding-top: 30px;
    }
    .section_services {
        padding: 60px 0;
    }
    .section_our_focus {
        padding: 60px 0;
    }
    .read-button {
        position: static;
        padding: 20px 0 0 0;
    }
    .our_focus_left {
        margin: 0 auto;
    }
    .our_focus_right {
        max-width: 80%;
        margin: 0 auto;
    }
    .section_industries {
        padding: 60px 0;
    }
    .section_career_fresh_blogs {
        padding: 60px 0;
    }
    .about_design_form {
        padding: 30px;
    }
    .footer_top {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .footer_menu {
        width: unset;
        padding: 0 0 0 30px;
    }

    .mega_menu_section:after {
        display: none;
    } 
    .nav_section {
        flex-wrap: wrap;
        padding: 130px 0 0;
        height: auto;
        /* min-height: 100vh; */
    }
    .nav_left {
        width: 100%;
        padding: 0 0 60px;
    }
    .mega_menu_section .header {
        padding: 30px 30px 0;
    }
    .mobile-menu-icon-close .menu-bar span {
        background-color: var(--white);
    }
    .menu-mega-menu-left-container .menu li {
        padding: 16px 0;
    }
    .menu-mega-menu-left-container .menu li a, .our_capabilities_title {
        font-size: 22px;
    }
    .menu-our-capabilities-menu-container .menu li a {
        font-size: 16px;
        opacity: 0.8;
        font-weight: 400;
    }
    .menu-our-capabilities-menu-container .menu li a:hover {
        opacity: 1;
    }
    .nav_right {
        width: 100%;
        padding: 40px 0;
        background: #F2F9F9;
        position: relative;
    }
    .nav_right::after {
        content: "";
        position: absolute;
        left: -30px;
        right: -30px;
        background: #F2F9F9;
        top: 0;
        bottom: 0;
        z-index: -1;
    }
    /* .mega_menu_section::before {
        content: "";
        background: #F2F9F9;
        position: absolute;
        left: 0;
        right: 0;
        height: 350px;
        z-index: -1;
        display: block;
        width: 100%;
        top: 100%;
        transform: translate(0, -350px);
    } */


    
  /*********************  Health-e Case study *****************/

    .heading-1 {
      font-size: 32px;
    }
    .heading-2 {
      font-size: 28px;
    }
    .heading-4 {
      font-size: 20px;
    }
    .overview-content {
      flex-wrap: wrap;
    }
    .overview-content-left {
      width: 100%;
    }
    .overview-content-right {
      padding-left: 0;
      width: 100%;
    }
    .gray-section {
      padding: 40px 0;
    }
    .gray-content {
      font-size: 26px;
    }
    .our-approch-list ul {
      flex-wrap: wrap;
      gap: 0 20px;
    }
    .our-approch-list ul li {
      margin: 0 auto 24px;
      width: 48%;
    }
    .our-approch-list ul li:nth-child(2) {
      padding: 0;
    }
    .our-approch-list ul li:last-child {
      margin-bottom: 0;
    }
    .wireframing-slider .wireframing_slide {
      width: 33.3% !important;
    }
    /* .visual-list ul li {
      height: 500px;
    } */
    .visual-slider .visual_slide {
      width: 33.3% !important;
    }
    .key-info p {
      font-size: 18px;
    }
    .delivered-info {
      padding: 20px;
    }
    .delivered-info p br {
      display: none;
    }
    .review-title {
      flex-wrap: wrap;
    }
    .review-title-right {
      width: 100%;
      padding: 20px 0 0;
    }
    .case-study-contact .about_design_form_left {
      padding: 0 0 30px;
      max-width: 100%;
    }
    .case-study-contact .about_design_form_right {
      width: 100%;
    }
    .about_design_form_right input, .about_design_form_right textarea {
      max-width: 100% !important;
    }

    .marketing-image-section {
      padding: 60px 0;
    }

    .marketing-image-content-two ul li:nth-child(2) {
      padding-top: 0;
    }
    .marketing-image-content-two ul {
      grid-template-columns: repeat(1, 1fr);
      gap: 28px;
    }
    .postid-2628 .marketing-image-content-two ul li:nth-child(2), .postid-2629 .marketing-image-content-two ul li:nth-child(2), .postid-2603 .marketing-image-content-two ul li:nth-child(2) {
      padding-top: 0;
    }

    .our-work-template-case-study-handtyped .overview-gallery ul li:nth-child(1) {
      padding-top: 0;
      width: 100%;
    }
    .our-work-template-case-study-handtyped .overview-gallery ul li:nth-child(2) {
      padding-top: 65px;
      width: 80%;
    }

    .our-work-template-case-study-handtyped .overview-content-left {
      width: 100%;
    }
    /* .our-work-template-case-study-handtyped .our-approch-list ul li {
      width: 100%;
      padding: 0;
    } */
    .our-work-template-case-study-handtyped .our-approch-list ul {
      margin: 0;
    }
    /* .our-work-template-case-study-handtyped .visual-list ul li {
      height: 500px;
    } */

    .key-list ul li:nth-child(1) .key-info {
      margin: 0 0 0 -300px;
      flex-basis: 100%;
      max-width: 340px;
    }
    .key-list ul li:nth-child(3) .key-info {
      max-width: 308px;
      padding: 0;
      margin: 0 0 0 -105px;
    }
    .our-work-template-case-study-handtyped .uikit-list ul li:nth-child(1) {
      width: 32%;
    }
    .our-work-template-case-study-handtyped .uikit-list ul li:nth-child(2) {
      width: 68%;
    }

    .our-work-template-case-study-handtyped .uikit-title p {
      max-width: 525px;
    }
    .our-work-template-case-study-handtyped .delivered-section {
      padding: 60px 0;
    }

    .banner-image-main-center {
      max-width: 242px;
    }
    .banner-image-main-left, .banner-image-main-right {
      max-width: 185px;
    }
    .banner-mobile-image-left-shape {
      top: -70px;
      left: -70px;
      width: 40%;
    }
    .banner-mobile-image-right-shape {
      top: -70px;
      right: -70px;
      width: 40%;
    }
    .handtyped-banner-image-section {
      padding-top: 90px !important;
    }
    .banner-bg-line {
      bottom: 0;
      top: 0;
    }
    .banner-bg-line img {
      height: 100%;
    }

    .section_about_design_form {
      padding-bottom: 30px;
    }

    /* .services_landing_banner_left h1 {
      font-size: 30px;
    } */
    .services_landing_main_blog_text h2 {
      padding-bottom: 20px;
    }
    .services_landing {
      font-size: 24px;
      line-height: 110%;
    }
    section.section_services_landing_banner {
      padding: 40px 0 70px;
    }
    section.section_services_landing_info {
      padding: 60px 0;
    }
    .section_services_our_approch {
      padding: 60px 0;
    }
    ul#Footer-Menu {
      gap: 20px 25px;
    }
    .services_our_approch_main_otr h3 {
      font-size: 24px;
    }
    .services_our_approch_main_otr h3 br {
      display: none;
    }
    .services_our_approch_main_otr_img {
      margin-bottom: 10px;
      justify-content: flex-start;
    }
    .title_h7 {
      font-size: 22px;
    }
    .title_h2 {
      font-size: 26px;
    }

    .banner_left h3, .banner_right h3, .banner_right span, .banner_left span {
      font-size: 22px;
    }
    .need_a_design_strategy_info_text h3 br {
      display: none;
    }
    .design_approach_tabbing_info {
      min-height: 200px;
    }
    .need_a_design_strategy_info_text:nth-last-child(2) {
      padding-bottom: 30px;
      border-bottom: 1px solid #202427;
    }
    .services_cta_right h2 {
      font-size: 30px;
      line-height: 120%;
    }
    .section_services_cta {
      padding-top: 60px;
    }
    .enterprise_products_slide_list {
      width: 40% !important;
    }
    .helps_slider_info h4 {
      font-size: 20px;
      line-height: 130%;
    }
    .helps_slider_info p {
      font-size: 16px;
    }
    .helps_slider_icon {
      margin-bottom: 15px;
    }
    .helps_enterprise_slider ul li {
      padding-right: 30px;
    }
    .section_enterprise_products {
      padding: 60px 0;
    }

    .our_offering_tabbing_otr {
      flex-direction: column;
    }
    .our_offering_tabbing_otr_right {
      width: 100%;
    }
    .our_offering_tabbing_otr_left_main {
      width: 100%;
    }
    .our_offering_tabbing_otr:nth-child(even) {
      flex-direction: column;
    }
    .our_offering_tabbing_otr_left span {
      font-size: 22px;
    }
    .our_offering_tabbing_otr_left h3 {
      font-size: 24px;
      padding-bottom: 24px;
    }
    .offer_tab_webapp .our_offering_tabbing_otr_left span {
      font-size: 22px;
    }
    section.section_contact_us:after {
      bottom: -200px;
    }

    .success_story_bottom {
      display: flex;
      align-items: center;
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 30px 30px;
    }
    .success_story_bottom_blog {
      width: 47%;
    }

    .success_story_bottom_blog:nth-child(2)::after {
      display: none;
    }
    .career_gallary_title h2 {
      line-height: inherit;
    }
   
    .services_right_list {
      padding-bottom: 10px;
    }

    .fresh-blog-list-row {
      display: flex;
      align-items: flex-start;
      gap: 0 30px;
    }
    .fresh-blog-list .blog-image {
      max-width: 100%;
    }
    .overview-gallery ul {
      gap: 15px;
    }

    .about_design_form_left {
      max-width: 100%;
    }
    .challenge-list ul li:nth-child(2) {
      padding: 0 !important;
    }
    .challenge-list ul {
      gap: 20px !important;
      flex-wrap: wrap;
    }
    .challenge-list ul li {
      width: 100%;
    }

    .review-info {
      padding: 20px;
    }
    .page-template-blog .fresh_slider.first_blog_bg a {
      width: 100%;
    }

    .our-work-template-case-study-handtyped .challenge-list ul li {
      width: 48%;
    }
  }
  
  @media screen and (max-width: 767px) {
    .container {
      padding: 0 20px;
    }
    h1.title_h1 {
      font-size: 34px;
      letter-spacing: -1px;
    }
    h1.title_h1 strong {
      font-size: 45px;
      padding-top: 5px !important;
      display: block;
      letter-spacing: -1px;
    }
    .banner.span_title p {
      font-size: 20px;
    }
    .banner_blog_center {
      display: flex;
      flex-direction: column;
      gap: 15px;
      justify-content: center;
      width: 100%;
      align-items: center;
    }
  
    .title_h1 {
      font-size: 28px;
    }
    .section_header {
      padding: 14.5px 0;
    }
    .inner_banner span {
      padding-bottom: 16px;
    }
    .inner_banner_img {
      margin-top: -122px;
    }
    .section_inner_banner {
      padding: 50px 0 162px;
    }
    /* .title_h2 {
      font-size: 31px;
    } */
    .about_us_counting {
      flex-wrap: wrap;
      justify-content: start;
      gap: 30px 6.4px;
    }
    .about_us_count {
      width: 34%;
    }
    .about_us_count:last-child {
      width: 35%;
    }
    .about_us_count:nth-child(2) {
      border-right: 0;
      padding-right: 0;
      margin-right: 0;
    }
    .title_h5 {
      font-size: 31px;
    }
    .title_h3 {
      font-size: 26px;
    }
    .title_pera p {
      font-size: 18px;
    }
    .growth_partner_details p {
      margin-top: 0px;
    }
    .what_we_stand_for span {
      padding-bottom: 10px;
    }
    .our_values_otr {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .our_values_blog h3 {
      padding-bottom: 5px;
    }
    /* .title_h7 {
      font-size: 26px;
    } */
    .section_meet_great_people {
      padding: 80px 0;
    }
    .meet_great_people_right {
      width: 82%;
      margin-top: 50px;
    }
    .title_h9 {
      font-size: 31px;
    }
    .about_design_form_left h2 {
      padding-bottom: 10px;
    }
    .about_us_form_rating {
      margin-top: 5px;
    }
    .about_us_form_rating h3 {
      font-size: 19px;
      line-height: 26px;
      margin-right: 10px;
    }
    .footer_top {
      flex-direction: column;
      gap: 30px;
    }
    .footer_logo {
      width: 100%;
    }
    .footer_logo img {
      margin: 0 auto;
    }
    .footer_menu {
      width: 100%;
      padding: 0;
    }
    .social_icon {
      gap: 24px;
    }
    section.section_our_focus.light_color_bg {
      overflow: hidden;
    }
    /*     section.section_industries.black_bg {padding: 90px 0 86px;}*/
  
    /*********************  career ******************/
  
    .career_inner_banner {
      margin-top: -120px !important;
      padding-top: 0px !important;
    }
    .career_blog {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      grid-gap: 40px;
    }
    /*     .career_text_blog.white_bg {background: var(--dark-black);} */
    /*     .career_text_blog h2 {color: var(--white);}
      .career_text_blog p {color: var(--white);} */
    .career_text_blog {
      padding: 30px;
    }
    .page_career .section_inner_banner {
      padding: 50px 0;
    }
    .our_values_otr {
      padding-top: 30px;
    }
    .career_what_we_stand .our_values_otr {
      grid-gap: 30px 30px;
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .customer_testinomials_left h2 {
      padding-bottom: 40px;
    }
    .customer_testinomials_right {
      min-height: 330px;
    }
    .customer_testinomials_right .swiper-autoheight .swiper-wrapper {
      height: 330px !important;
    }
    .pagination_test {
      right: -40px !important;
      gap: 14px !important;
    }
    .customer_testinomial_img {
      padding-bottom: 25px;
    }
    /*    .customer_testinomials_btn span {padding-bottom: 00px;}*/
    .career_circle {
      top: 31%;
      width: 100px;
      height: 100px;
    }
    .career_circle span {
      left: 15%;
      top: 29%;
      font-size: 15px;
    }
    .career_fresh_blogs_img {
      margin-right: 30px;
    }
    .fresh_slider_text h3 {
      font-size: 20px;
      line-height: 30px;
    }
    .career_fresh_blogs_list {
      gap: 40px;
    }
    .career_fresh_blogs h2 {
      line-height: 33.8px;
    }
    .career_open_position_title h3 {
      padding-bottom: 15px;
    }
    .section_career_gallary {
      padding: 80px 0 0;
    }
    .career_gallary_title h2 {
      line-height: 1;
    }
    .customer_testinomials_btn span {
      margin: 0 20px 20px 0;
    }
    .career_fresh_blogs span {
      padding-bottom: 5px;
    }
    section.section_what_we_stand_for.career_what_we_stand h2.line_h2.title_h2 {
      line-height: 33.8px;
    }
    .customer_testinomials_btn span:last-child {
      margin: 0;
    }
    .banner_img_blog {
      height: 480px;
    }
    .banner_img_blog {
      height: 430px !important;
    }
    .header_btn_info {
      margin-left: 0;
    }
    /* .customer_love_company_slider_otr .swiper-wrapper {flex-wrap: wrap;}
      .swiper-slide.customer_love_company_slider_img {width: unset !important;margin-right: 0 !important;max-width: 263px;}*/
    /*    .section_growth_partner {padding: 80px 0 80px;margin-top: 50px;}*/
    .our_focus_left {
      max-width: 400px;
      margin-right: auto;
    }
    .career_fresh_blogs h1 {
      line-height: 50px;
    }
    .services_right_list ul {
      grid-template-columns: auto;
    }
    .swiper-slide.industries_slider {
      padding: 0 30px;
    }
    .career_gallary_otr {
      grid-gap: 5px;
    }
    .fresh_slider_text {
      width: 56%;
    }
  
    .career_job {
      flex-direction: column;
    }
    .career_job_left {
      width: 100%;
    }
    .career_job_right {
      width: 100%;
      position: sticky;
      bottom: 0;
    }
    .career_job_btn {
      margin: 0 auto;
      text-align: center;
    }
    .career_job_btn a,
    .head_btn_applay a.a_btn.popup-modal {
      padding: 15px 32px 16px;
      display: inline-block !important;
      width: 100%;
    }
    section.section_career_job {
      padding: 60px 0;
    }
    .career_job_btn a,
    .head_btn_applay a.a_btn.popup-modal {
      padding: 15px 32px 16px;
      display: inline-block !important;
      width: 100%;
    }
    .section_career_job .container {
      padding: 0;
    }
    .section_career_job .career_job_left {
      padding: 0 30px;
    }
  
    /*********************  Success Stories ******************/
  
    .success_stories_logo {
      width: 40%;
    }
    .about_design_form {
      padding: 30px;
    }
    .footer_logo {
      justify-content: center;
    }
    ul#Footer-Menu {
      justify-content: center;
    }
  
    .page-template-success-story-list header.section_header.black_bg {
      display: block;
    }
    .page-template-success-story-list header.section_header.white_header {
      display: none;
    }
  
    /******************  contact us ***********/
    .contact_us_right {
      padding: 30px;
    }
    .contact_us_right_info.about_design_form_right button {
      width: 100% !important;
    }
  
    .job_foram_title h2 {
      font-size: 22px;
      padding-bottom: 10px;
    }
    span.wpcf7-form-control-wrap input,
    span.wpcf7-form-control-wrap textarea {
      height: 46px !important;
      padding: 10.25px 0 10.75px !important;
      font-size: 16px !important;
      line-height: 160% !important;
    }
    input#ApplyNow {
      font-size: 16px;
      margin-top: 40px;
    }
  
    /*********************  Design Strategy ******************/
  
    .services_inner_banner {
      padding: 55px 0 133px;
      flex-wrap: wrap;
      position: relative;
    }
    .services_inner_banner_left {
      width: 70% !important;
    }
    .services_inner_banner_right {
      width: 37%;
      position: absolute;
      bottom: 0;
      right: -81px;
    }
    section.section_services_inner_banner {
      overflow: hidden;
      margin-top: -2px;
    }
    .services_cta {
      gap: 30px;
      padding: 0 43px;
      flex-wrap: wrap;
    }
    .services_cta_right {
      width: 100%;
      text-align: center;
    }
    .services_cta_left {
      width: 100%;
      display: flex;
      align-items: center;
    }
    .services_cta_right a.a_btn {
      display: none !important;
    }
    .services_cta_btn_mobile a.a_btn {
      display: block !important;
    }
    .services_cta_img {
      width: 100%;
      margin: 0 auto;
      padding-bottom: 0;
    }
    .services_cta_title {
      text-align: left;
      flex-basis: 100%;
    }
    .services_cta_title h3 {
      padding-bottom: 11px;
      font-weight: 700;
    }
    .services_cta_btn_mobile {
      width: 100%;
      position: relative;
      z-index: 1;
      margin: 0 auto;
      max-width: 170px;
    }
    .services_cta_btn_mobile a.a_btn {
      display: inline-block !important;
      width: 100%;
      padding: 12px 20% 12px 20px;
    }
    .services_our_work_title h2 br {
      display: none;
    }
    .services_cta_btn_mobile .arrowPacman {
      right: 0;
    }
    /* .services_cta_otr::after {
      bottom: -106px;
      width: 242%;
    } */
    .services_cta_otr::after {
      display: none;
    }
    .faq_que {
      width: 90%;
    }
    .capabilitis_slider {
      margin-left: 20px;
    }
    .approach_tabbing_destop {
      display: none;
    }
    .mobile_approch {
      display: block;
    }
    .design_approach_accordian_que h3 {
      color: #fff;
      text-align: center;
    }
    .design_approach_accordian_ans {
      display: none;
    }
    .design_approach_accordian_ans.title_pera p {
      color: #c7cdd1;
      text-align: center;
    }
    /* .design_approach_accordian_que.active
      + .design_approach_accordian_ans.title_pera {
      display: block;
    } */
    .design_approach_accordian_que {
      margin: 25px 0 54px;
      text-align: center;
      position: relative;
      z-index: 0;
    }
    .design_approach_accordian_que h3,
    .design_approach_accordian_que h3 strong {
      font-weight: 600;
    }
    .design_approach_accordian_que:after {
      content: "";
      position: absolute;
      left: 0;
      top: 50%;
      right: 0;
      width: 82px;
      height: 82px;
      background: #2e3438;
      border-radius: 50%;
      transform: translate(0,-50%);
      opacity: 1;
      z-index: -1;
      margin: 0 auto;
    }
    .design_approach_accordian {
      padding-bottom: 18px;
      position: relative;
    }
    .design_approach_accordian_ans p {
      padding-bottom: 30px;
    }
    .design_approach_accordian:after {
      content: "";
      position: absolute;
      left: 8px;
      right: 0;
      bottom: 22px;
      margin: 0 auto;
      width: 12px;
      height: 1px;
      background: #ffffff;
    }
    .design_approach_accordian:last-child:after {
      display: none;
    }
    .need_a_design_strategy_info_text:nth-last-child(2) {
      padding-bottom: 30px;
      border-bottom: 1px solid #202427;
    }
  
    .success_story_bottom_blog:after {
      display: none;
    }
  
    .head_btn_applay {
      display: none;
    }
  
    .contact_us_right_info .gform_heading h2 {
      font-size: 35px;
    }
  
    .section_about_design_form legend.gfield_label.gfield_label_before_complex {
      font-size: 16px !important;
      line-height: 160% !important;
      padding-bottom: 10px !important;
    }
    .about_design_form_right input,
    .about_design_form_right textarea {
      max-width: 100% !important;
    }
    .about_design_form_right input {
      height: 44px !important;
    }
    .section_about_design_form .gform_wrapper.gravity-theme .gform_fields {
      grid-row-gap: 25px 0;
      grid-column-gap: 0;
      display: flex;
      flex-wrap: wrap;
    }
    .gform_wrapper.gravity-theme .gfield:not(.gfield--width-full) {
      width: 100%;
    }
  
    .section_about_design_form label.gfield_label {
      top: 11px !important;
    }
  
    /* .blog_details_form input {
      width: 460px !important;
    } */
    .gform_footer.top_label input#gform_submit_button_3 {
      font-size: 16px !important;
      line-height: 160% !important;
      max-width: 179px !important;
      padding: 10px 49px 14px !important;
      height: 50px !important;
    }
  
    .career_apply_now .gform_body.gform-body input,
    .career_apply_now .gform_body.gform-body textarea {
      max-width: 100% !important;
      height: 44px !important;
    }
    .career_apply_now .gform_body.gform-body label {
      top: 10px;
    }
    .page-template-user-interface .services_inner_banner_left {
      width: 100%;
    }
    .page-template-user-interface .section_benefit {
      padding: 60px 0 60px;
    }
  
    /************** markeeting ux************/
    .page-template-marketing-ux .section_faq {
      padding-top: 60px;
    }
    .page-template-marketing-ux .services_inner_banner_left {
      width: 100%;
    }
    .page-template-marketing-ux .services_inner_banner {
      padding: 55px 0 141px;
    }
    .our_offering_tabbing_otr_left h3 {
      font-size: 26px;
    }
    .offering_tabbing_slider {
      margin: 0 -30px;
    }
  
    /************** landing page ***************/
  
    .services_landing_banner {
      flex-wrap: wrap;
    }
    .services_landing_banner_left {
      width: 100%;
    }
    .services_landing_main_blog {
      flex-wrap: wrap;
      gap: 24px;
    }
    .services_landing_main_blog_img {
      width: 100%;
      margin: 0;
    }
    .services_landing_otr {
      padding-bottom: 60px;
      margin-bottom: 60px;
    }
    .services_landing_design_process_blog {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    /* .services_landing {
      font-size: 29px;
      line-height: 89%;
    } */
    .services_landing_main_blog_img img {
      max-width: 250px;
    }
  
    .our_work_otr_left {
      width: 100%;
    }
    .our_work_otr {
      flex-wrap: wrap;
    }
    .services_text {
      max-width: 100%;
      padding-bottom: 50px;
    }
    .services_tabbing {
      gap: 35px;
    }
    .section_services {
      padding: 80px 0 40px;
    }
    .services_right_blog {
      position: relative;
    }
  
    .nav_tabbing_why {
      width: 100%;
    }
    .banner_left {
      padding-right: 30px;
      margin-right: 30px;
    }
    .banner span {
      padding-bottom: 16px;
      font-size: 14px;
      max-width: 100%;
      line-height: 140%;
    }
  
    /**********  success list *********/
    .success_story_img {
      width: 89%;
      margin: 0 auto;
    }
    .succes_story_text h1 {
      font-size: 25px;
    }
    .story_decription h3 {
      font-size: 18px;
    }
    .story_decription p {
      font-size: 16px;
    }
    .success_story_top {
      padding-bottom: 40px;
    }
    .success_story_bottom {
      flex-wrap: wrap;
      gap: 30px 30px;
      position: relative;
    }
    .success_story_bottom_blog h5 {
      font-size: 14px;
    }
    .success_story_bottom_blog p {
      font-size: 16px;
    }
    .success_story_bottom_blog {
      width: 42%;
    }
    .success_story_bottom_blog {
      padding-right: 0;
      margin-right: 0;
      border: 0;
    }
    .success_story_bottom:after {
      content: "";
      position: absolute;
      left: 43%;
      bottom: 0;
      width: 1px;
      height: 100%;
      background: #b6d7d7;
    }
    section.section_success_story_tabbing {
      padding: 50px 0 72px;
    }
    .success_story_tabbing_main_title h2 {
      margin-bottom: 20px;
    }
    section.other_success_stories_otr {
      padding: 60px 0;
      margin-bottom: 40px;
    }
  
    /*********** form *********/
    .job_foram p {
      grid-template-columns: repeat(1, minmax(0, 1fr));
      grid-gap: 20px;
    }
    span.wpcf7-form-control-wrap {
      width: 100% !important;
    }
    span.wpcf7-form-control-wrap input,
    span.wpcf7-form-control-wrap textarea {
      max-width: 100% !important;
      width: 100% !important;
    }
  
    /****************** User experience ***************/
    .benefit_info {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .benefit_blog {
      text-align: left;
    }
    .benefit_blog.pera_title span:after {
      right: -69px;
      bottom: 16px;
    }
    .page-template-user-experience section.section_faq {
      padding: 60px 0 36px;
    }
    .page-template-user-interface .benefit_title {
      padding-bottom: 40px;
    }
    .page-template-user-interface section.section_faq {
      padding: 60px 0 36px;
    }
  
    .services_landing_pera a.a_btn_circle.black_text {
      display: none !important;
    }
    .mobile_btn_services {
      display: block;
    }
  
    .blog_details_form .blog_list_main_form .frm_submit {
      position: unset;
      margin-top: 30px !important;
    }
    section.section_career_fresh_blogs.section_blog_details
      .career_fresh_blogs_list {
      gap: 50px;
    }
    .blog_list_form .blog_details_form.light_color_bg {
      padding: 40px;
    }
  
    /****  blog details **********/
    .blog_details_text_otr {
      max-width: 537px;
    }
    .blog_detail_main_img_otr {
      padding-bottom: 30px;
    }
    .blog_tag_info {
      gap: 20px;
    }
    .blog_details_otr_info h3 {
      font-size: 27px;
      padding-top: 16px;
    }
    .blog_discuss_project.pera_title {
      flex-direction: column-reverse;
    }
    .blog_discuss_project_img {
      width: auto;
    }
    .blog_discuss_project_img img {
      width: 100%;
    }
    .blog_employ_details {
      flex-direction: column;
    }
    .blog_employ_details_img {
      width: 100%;
    }
    .blog_employ_details_img img {
      width: 100%;
      object-fit: cover;
    }
    .blog_tag_info a {
      padding: 4px 14px;
    }
    section.section_blog_details {
      padding: 81px 0 50px;
    }
    .blog_details_share_main {
      gap: 20px;
    }
    .blog_details_share_main_description h4 {
      padding-bottom: 8px;
    }
    .blog_details_form .frm_submit {
      bottom: 2px;
    }
    .blog_details_form.light_color_bg {
      padding: 60px 20px;
    }
  
    /****  blog tags details **********/
  
    .tags_boxis_otr {
      width: 100%;
    }
    .blog_details_form h2 {
      font-size: 30px;
      line-height: 40px;
    }
    .blog_list_main_form button.frm_button_submit,
    .blog_details_form button.frm_button_submit {
      padding: 11.11px 29.25px !important;
      font-size: 16px !important;
    }
    .page-template-user-experience .services_inner_banner_left.span_title {
      width: 60%;
    }
  
    .pad-top-60 {
      padding-top: 30px;
    }
    .section_banner {
        padding: 40px 0;
    }
    .banner a {
        margin-top: 42px;
    }
    .a_btn {
        padding: 13px 60px 13px 22px;
    }
    .main_box_row {
        grid-gap: 20px !important;
        margin: -60% !important;
    }
    .section_about {
        padding: 60px 0;
    }
    .title_h11 {
        font-size: 20px;
    }
    .client_around_right {
        margin-top: -10px;
    }
    .client_around_right {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 0;
        height: auto;
    }
    .client_aroung_logo img {
        margin: 0 auto;
    }
    /* .our_focus h2 {
        font-weight: 600;
        line-height: 140%;
        font-size: 26px;
    } */
    /* .title_h2 {
        font-size: 26px;
    } */
    .our_focus {
        padding: 0 0 30px;
    }


    /*********************  Health-e Case study *****************/

    .banner-top-section {
      padding: 75px 0 50px;
    }
    .banner-logo {
      padding: 0 0 60px;
    }
    .heading-1 {
      font-size: 28px;
    }
    .banner-image-section {
      padding: 45px 0 0 0;
    }
    .banner-icon {
      height: 50px;
      width: 50px;
    }
    .banner-icon-1 {
      margin: 0 0 0 -200px;
    }
    .banner-icon-2 {
      margin: 0 0 0 -130px;
    }
    .banner-icon-3 {
      margin: 0 0 0 130px;
    }
    .banner-icon-4 {
      margin: 0 0 0 200px;
    }
    .banner-image-main > img {
      max-width: 290px;
      margin: 0 auto;
    }
    .heading-2 {
      font-size: 26px;
      padding: 0 0 20px;
      line-height: 140%;
    }
    .overview-content-right ul li p {
      font-size: 16px;
    }
    .overview-gallery ul {
      gap: 20px;
      max-width: 440px;
    }
    .overview-gallery ul li:nth-child(1) {
      grid-column: 1;
      grid-row: 1 / span 1;
      padding-top: 60px;
    }
    .overview-gallery ul li:nth-child(2) {
      grid-column: 2;
      grid-row: 1 / span 1;
      padding-top: 0;
    }
    .overview-gallery ul li:nth-child(3) {
      grid-column: 2;
      grid-row: 2 / span 1;
    }
    .overview-gallery ul li:nth-child(4) {
      grid-column: 2;
      grid-row: 3 / span 1;
    }
    .overview-gallery ul li:nth-child(5) {
      grid-column: 1 / span 1;
      grid-row: 2 / span 2;
      padding-top: 0;
      margin: -112px 0 0 0;
    }
    .challenge-list ul {
      flex-wrap: wrap;
    }
    .challenge-list ul li:nth-child(2) {
      padding: 36px 0;
    }
    .challenge-list-icon {
      padding: 0;
      flex-basis: 100%;
      max-width: 36px;
    }
    .challenge-list ul li {
      display: flex;
      width: 100%;
    }
    .challenge-list-info {
      padding: 0 0 0 16px;
    }
    .challenge-list-info .h5 {
      padding-bottom: 10px;
    }
    .h5 {
      font-size: 18px;
    }
    .heading-4 {
      font-size: 20px;
      line-height: 160%;
      padding: 0 0 11px;
  }
    .gray-content {
      font-size: 20px;
    }
    .our-approch-section {
      padding: 60px 0;
    }
    .our-approch-content-top p {
      font-size: 18px;
    }
    .our-approch-content-top p br {
      display: none;
    }
    .our-approch-content-top {
      padding-bottom: 40px;
    }
    .wireframing-slider .wireframing_slide {
      width: 50% !important;
    }
    .visual-section {
      padding: 60px 0;
    }
    .visual-list ul li {
      height: auto;
      width: 100%;
      padding-top: 60px;
      order: 2;
    }
    .visual-list ul li:nth-child(2) {
      align-items: flex-start;
      padding-top: 0;
      padding-bottom: 40px;
      order: 1;
    }
    .visual-para {
      padding: 40px 0 30px;
    }
    .visual-slider .visual_slide {
      width: 50% !important;
    }
    .key-list ul li {
      margin: 0 0 24px;
      padding: 0 25px 36px !important;
      flex-wrap: wrap;
      overflow: hidden;
    }
    .key-list ul li .key-image {
      padding: 0 0 25px !important;
    }
    .key-list ul li:nth-child(1) .key-info {
      margin: 0;
    }
    .key-list ul li:nth-child(1) .key-image {
      margin: 0 -25px;
    } 
    .key-info .heading-4 {
      font-size: 18px;
      padding: 0 0 8px;
    }
    .key-info p {
      font-size: 16px;
    }
    .key-list ul li:nth-child(2) .key-info {
      padding: 0;
      max-width: 100%;
    }
    .key-list ul li:nth-child(3) .key-info {
      max-width: 100%;
      padding: 0;
      margin: 0;
    }
    .uikit-title {
      flex-wrap: wrap;
    }
    .uikit-title .heading-2 {
      width: 100%;
      padding: 0 0 24px;
    }
    .uikit-label {
      font-size: 16px;
    }
    .uikit-list ul li:nth-child(1) {
      width: 100%;
    }
    .uikit-list ul li:nth-child(2) {
      width: 100%;
    }
    .uikit-list ul li {
      padding: 0 0 50px;
    }
    .uikit-list ul {
      margin: 0;
    }
    .delivered-section {
      padding: 60px 0;
    }
    .delivered-box ul {
      flex-wrap: wrap;
      margin: 0;
    }
    .delivered-box ul li {
      padding: 0 0 15px;
      width: 100%;
    }
    .delivered-box ul li:last-child {
      padding: 0;
    }
    .testimonial-content p {
      font-size: 22px;
    }
    .testimonial-author-name {
      font-size: 22px;
    }
    .testimonial-author-position {
      font-size: 16px;
    }
    .review-title-right ul li {
      width: 100%;
    }
    .review-title-right ul li:last-child {
      padding-left: 20px;
    }
    .heading-5 {
      font-size: 22px;
    }
    .review-sub-title {
      padding: 0 0 40px;
    }
    .review-section {
      padding: 0 0 60px;
    }
    .review-box ul {
      column-count: 1;
      column-gap: 18px;
    }
    .key-list ul li:nth-child(3) {
      padding-top: 40px !important;
    }

    .uikit-image-mobile {
      display: block;
    }
    .uikit-image {
      display: none;
    }
    
    .view-full-screen {
      display: block;
    }
    .mfp-content .zoom-anim-dialog img {
      margin: 0 auto;
      max-width: inherit;
      padding: 0 20px;
      width: 767px;
    }
    .mfp-close-btn-in #seamless_section_image-full .mfp-close {
      background-color: #ffffff;
      margin: 0;
    }
    .view-full-screen {
      padding: 22px 0 0 0;
      text-align: center;
    }
    .view-full-screen a {
      font-family: 'Plus Jakarta Sans';
      font-style: normal;
      font-weight: 600;
      font-size: 12px;
      line-height: 140%;
      text-align: center;
      letter-spacing: 0.1em;
      text-decoration-line: underline;
      text-transform: uppercase;
      color: #202427;
      transition: all 0.3s linear;
    }
    .view-full-screen a:hover {
      text-decoration: none;
    }
    .our-work-template .mfp-content {
      background: #fff;
      border-radius: 5px;
    }
    .mfp-content .zoom-anim-dialog {
      overflow-x: auto;
      padding: 30px 0;
    }
    .uikit-section {
      padding: 50px 0 70px;
    }
    .overview-gallery {
      padding-top: 10px;
      padding-bottom: 90px;
    }
    .banner-image-section {
      width: 100% !important;
    }
    .challenge-list {
      padding-bottom: 50px;
    }
    .gray-content {
      text-align: left;
    }

    .marketing-image-section {
      padding: 50px 0;
    }

    .marketing-overview-content .overview-content-right ul {
      display: grid;
      grid-auto-flow: column dense;
      grid-gap: 0 50px;
      list-style: none;
      grid-template-columns: inherit;
      justify-content: space-between;
      width: auto;
      margin: 0;
    }
    .marketing-overview-content .overview-content-right ul li:last-child {
      grid-column: span 4;
      grid-row: span 4;
    }
    .marketing-overview-content .overview-content-right ul li {
      margin: 0;
      padding: 30px 0 0;
    }
    .marketing-overview-content .overview-content-right ul li p {
      line-height: 100%;
    }
    .marketing-overview-content .overview-content-right ul li:last-child p {
      line-height: 178%;
    }
    
    .our-work-template-case-study-handtyped .overview-gallery {
      padding-bottom: 80px;
      padding-top: 30px;
    }
    .our-work-template-case-study-handtyped .challenge-list ul {
      margin: 0;
    }
    .our-work-template-case-study-handtyped .challenge-list ul li {
      padding: 0 0 30px;
      width: 100%;
    }
    .our-work-template-case-study-handtyped .our-approch-list {
      padding: 0 0 80px;
    }
    /* .our-work-template-case-study-handtyped .visual-list ul li {
      height: 660px;
    } */
    .key-list.handtyped-key-list ul li:nth-child(2) {
      padding: 25px 25px 0 !important;
      flex-direction: column-reverse;
    }
    .key-list.handtyped-key-list ul li:nth-child(2) .key-info {
      padding: 0 0 30px;
      max-width: 100%;
      margin: 0;
    }
    .key-list.handtyped-key-list ul li:nth-child(2) .key-image {
      max-width: 534px;
      padding: 0 !important;
      margin: 0 !important;
    }
    .key-list.handtyped-key-list ul li:nth-child(3) .key-info {
      max-width: 100%;
      padding: 0;
      margin: 0;
    }
    .our-work-template-case-study-handtyped .uikit-list ul li:nth-child(1) {
      width: 100%;
    }
    .our-work-template-case-study-handtyped .uikit-list ul li:nth-child(2) {
      width: 100%;
    }
    .our-work-template-case-study-handtyped .delivered-section {
      padding: 60px 0;
    }

    .banner-image-main-left, .banner-image-main-right {
      display: none;
    }
    .key-list.handtyped-key-list ul li:nth-child(1) .key-info {
      padding: 40px 0 0 0;
    }
    .key-list.handtyped-key-list ul li:nth-child(1) {
      flex-direction: column-reverse;
      padding-bottom: 0 !important;
    }

    .key-list.handtyped-key-list ul li:nth-child(1) .key-image img {
      margin: 0px 0 -60px -12px;
    }

    .pad-top-30 {
      padding-top: 10px;
    }
    .banner_left h3, .banner_right h3, .banner_right span, .banner_left span {
      font-size: 22px !important;
    }
    .services_landing_main_blog_text a {
      margin-top: 28px;
    }

    .span_title span {
      line-height: 120%;
    }
    .title_h2.title_line {
      font-size: 26px;
    }
    .need_a_design_strategy_info_text h3 {
      font-size: 22px;
      padding-bottom: 15px;
    }
    .title_h12 {
      font-size: 20px;
    } 
    .title_pera p {
      font-size: 16px;
    }
    section.section_our_strategic_design_approach.black_bg {
      padding: 70px 30px;
    }

    .section_services_cta {
      padding-top: 40px;
    }
    .services_cta_otr {
      padding-top: 30px;
      padding-bottom: 30px;
    }
    .services_cta {
      gap: 30px;
      padding: 0 30px;
      flex-wrap: wrap;
    }
    .services_cta_right h2 {
      font-size: 26px;
    }
    .services_cta_left {
      gap: 20px !important;
    }
    .services_cta_img {
      width: 80%;
    }
    .services_cta_title h3 {
      font-size: 20px;
    }
    .section_enterprise_products {
      padding: 40px 0;
    }
    .pad-bottom-100 {
      padding-bottom: 40px !important;
    } 
    .page-template-ecommerce-ux .services_inner_banner_left {
      width: 100%;
    }
    .our_offering_tabbing_otr_left p {
      padding-bottom: 25px !important;
      line-height: 150% !important;
    } 
    .our_offering_tabbing_otr_left span {
      font-size: 20px;
    }
    .our_offering_tabbing_otr_left h3 {
      font-size: 22px;
      padding-bottom: 20px;
    }
    .offering_left_list li {
      margin-bottom: 15px;
    }
    .offering_tabbing_slider {
      padding-top: 0 !important;
    } 
    .tabbing_slider_img {
      max-width: 100% !important;
      margin: 0 auto !important;
    }
    .offering_tabbing_slider {
      margin: 0 !important;
    }
    section.section_services_landing_design_process {
      padding: 50px 0;
    }
    section.section_capabilitis {
      padding: 50px 0;
    }
    .section_our_offering_tabbing {
      padding: 30px 0;
    }
    section.section_benefit {
      padding: 30px 0;
    }
    .section_enterprise_products {
      padding: 50px 0;
    }
    .section_our_focus {
      padding: 50px 0 !important;
    }
    .benefit_blog h3:after {
      left: 0;
      transform: translate(0,-50%);
    }
    .benefit_blog h3 {
      margin-bottom: 40px;
    }
    .our-approch-list ul li {
      width: 100%;
    }
    .our_work_list ul li {
      width: 100%;
      padding: 0 0 40px;
    }
    .blog_details_form input {
      padding-right: 200px !important;
    }

  }
  
  @media screen and (max-width: 600px) {

    .main-container {
      padding-top: 66px;
    }
    .arrowPacman {
      right: 2px;
    }
    .inner_banner .yellow_circle_btn .arrowPacman {
      right: 1px;
    }
    .page-template-career .inner_banner .yellow_circle_btn .arrowPacman {
      right: inherit;
    }
    
    .page-template-user-experience .services_inner_banner_left.span_title {
      width: 100%;
    }
    .services_inner_banner_left {
      width: 100% !important;
    }

    /*************************** our story *********************/
    /* .title_h1 {
      font-size: 32px;
    } */
    .about_us_text h2 {
      padding-bottom: 20px;
    }
    p {
      font-size: 17px;
    }
    .about_us_text a.a_btn {
      margin-top: 40px;
    }
    .about_us_count p {
      font-size: 14px;
      text-align: left;
      line-height: 20px;
    }
    .about_us_count {
      width: 46%;
    }
    .about_us_count:last-child {
      width: 46%;
    }
    .title_h5 {
      font-size: 24px;
    }
    /* .title_pera p {
      font-size: 18px;
    } */
    .title_h3 {
      font-size: 24px;
    }
    .our_values_otr {
      padding-top: 10px;
      gap: 20px;
    }
    .meet_great_people_right_img {
      grid-gap: 18px;
    }
    .meet_great_people_right {
      width: 100%;
      margin-top: 50px;
    }
    .about_us_btn a {
      margin-bottom: 10px;
    }
    .header_logo img {
      max-width: 130px;
    }
    .section_header {
      padding: 17.5px 0;
    }
    .about_us_text span {
      padding-bottom: 16px;
    }
    .about_us_count h3 {
      text-align: left;
      font-size: 30px;
      line-height: 30px;
    }
    .count_number {
      padding-bottom: 10px;
      align-items: flex-start;
      justify-content: flex-start;
    }
    .growth_partner_text span {
      padding-bottom: 16px;
    }
    .growth_partner_text h2 {
      padding-bottom: 30px;
    }
    .growth_partner_text p {
      padding-bottom: 0px;
    }
    .growth_partner_details p {
      font-size: 16px;
      line-height: 124%;
      padding-bottom: 0;
    }
    .growth_partner_details h3.title_h3.white_text {
      padding-bottom: 8px;
    }
    .growth_partner {
      gap: 44px;
    }
    .what_we_stand_for span {
      padding-bottom: 16px;
    }
    .what_we_stand_for h2 {
      line-height: 1.6;
      font-weight: 700;
    }
    .our_values_blog h3 {
      padding-bottom: 10px;
    }
    .industries_text {
      padding: 0px 20px 50px;
      max-width: 100%;
      text-align: center;
      margin: 0 auto;
    }
    .industries_text span {
      padding-bottom: 20px;
    }
    .industries_text.container h2 br {
      display: none;
    }
    .meet_great_people_left h2 {
      line-height: 44.8px;
    }
   
    .meet_slider {
      width: 52px;
      height: 52px;
    }
   
    .title_h9 {
      font-size: 32px;
    }
    .about_design_form.light_color_bg {
      margin: 0 -20px;
    }
    .about_design_form {
      padding: 60px 20px 60px;
    }
    .about_design_form_left h2 {
      padding-bottom: 24px;
    }
    .about_us_form_rating {
      margin-top: 24px;
    }
    .about_design_form_left p {
      line-height: 25.6px;
    }
    .about_us_form_rating h3 {
      font-size: 24px;
      line-height: 38.4px;
      margin-right: 10px;
    }
    .about_us_form_rating p {
      font-weight: 400;
      line-height: 28.8px;
      font-size: 18px !important;
    }
    .about_design_form_right.pera_title p {
      font-size: 18px;
      line-height: 29px;
    }
    .about_us_btn a {
      margin-bottom: 16px;
      padding: 7px 16.7px;
      margin-right: 16px;
      font-size: 16px;
      line-height: 1;
    }
    .submit_btn {
      width: 100%;
    }
    .submit_btn button {
      margin-top: 40px;
      width: 100%;
    }
    .section_footer {
      padding: 60px 0 80px;
      margin-top: 0;
    }
    .footer_logo p {
      text-align: center;
    }
    .footer_top {
      gap: 60px;
    }
    .footer_menu ul {
      grid-gap: 24px 25px;
      grid-template-columns: auto auto;
    }
    .footer_top {
      padding-bottom: 50px;
      margin-bottom: 50px;
    }
    .footer_location a {
      margin-right: 24px;
    }
    .footer_bottom {
      gap: 35px;
    }
    .footer_email p,
    .footer_email a {
      font-size: 16px;
      line-height: 140%;
      text-align: center;
    }
    .footer_icon {
      width: 40px;
      height: 40px;
    }
    .footer_icon.social_icon_3::before {
      width: 38px;
      height: 38px;
    }
    .footer_icon.social_icon_3::after {
      width: 40px;
      height: 40px;
    }
    .footer_icon.social_icon_1 img {
      max-width: 15px;
    }
    .footer_icon.social_icon_2 img {
      max-width: 19px;
    }
    .footer_icon.social_icon_3 img {
      max-width: 17px;
    }
    .footer_bottom {
      padding-bottom: 40px;
    }
    .about_us_text h2 {
      font-weight: 400;
    }
    .about_us_count:nth-child(1) {
      order: 1;
    }
    .about_us_count:nth-child(2) {
      order: 3;
    }
    .about_us_count:nth-child(3) {
      order: 3;
    }
    .about_us_count:nth-child(4) {
      order: 2;
      width: 32%;
    }
    .about_us_count {
      padding-right: 0;
      margin-right: 0;
      border-right: 0;
    }
    .about_us_count {
      width: 32%;
    }
    .about_us_counting {
      position: relative;
    }
    .about_us_counting:after {
      content: "";
      position: absolute;
      left: 188px;
      bottom: 0;
      background: rgba(0, 0, 0, 0.2);
      width: 1px;
      height: 100%;
    }
    .our_focus_img:before {
      left: -5px;
      top: 68%;
    }
    /* .yellow_circle_btn .arrowPacman {
      right: -15px;
    } */
  
    .about_design_form_right input[type="radio"] {
      font-size: 16px !important;
      line-height: 16px !important;
    }
    .about_design_form_right .frm_radio label {
      padding: 5.5px 25.85px !important;
      z-index: 0;
    }
    .about_design_form_right input,
    .about_design_form_right textarea {
      font-size: 16px !important;
      line-height: 16px !important;
      max-width: 100% !important;
    }
    .about_design_form_right .frm_opt_container {
      gap: 6px 4px !important;
    }
    .about_us_counting {
      gap: 30px 60px;
    }
    .page-template-career footer.section_footer.black_bg {
      margin-top: 0 !important;
    }
    .frm_submit button {
      width: 100% !important;
      margin-top: 20px !important;
      margin-bottom: 0 !important;
      padding: 15px 20px !important;
      font-size: 16px !important;
      line-height: 16px !important;
    }
    /*  .swiper-slide.customer_love_company_slider_img:nth-child(2){max-width: 300px;} */


    .swiper-slide.customer_love_company_slider_img:nth-child(even) {
      width: 60% !important;
    }
    .swiper-slide.customer_love_company_slider_img:nth-child(odd) {
      width: 50% !important;
    }

    .growth_partner_details h3.title_h3.white_text {
      font-weight: 500;
    }
    .about_design_form_right .frm_opt_container div#frm_checkbox_14-0,
    .about_design_form_right .frm_opt_container div#frm_checkbox_14-1 {
      margin-bottom: 20px !important;
    }
    .career_gallary_img:nth-child(4) {
      order: 3;
    }
    .career_gallary_img:nth-child(3) {
      order: 4;
    }
  
    /*********************  career ******************/
    .testinomail_customer_info {
      max-width: 440px;
    }
    .customer_testinomial_blog p {
      font-size: 16px;
      line-height: 28.8px;
    }
    .customer_testinomials {
      gap: 40px;
    }
    .customer_testinomial_blog {
      padding: 28px;
    }
    .pagination_test {
      right: 147px !important;
      gap: 12px !important;
      flex-direction: row;
      top: 109% !important;
    }
    .customer_testinomials_btn span {
      font-size: 16px;
      line-height: 20.8px;
    }
    .customer_testinomial_img {
      padding-bottom: 20px;
    }
    .customer_testinomial_img {
      padding-bottom: 18px;
    }
    .mobileIcon a,
    .mobileIcon a:after {
      height: 3px;
    }
    .mobileIcon a:before {
      height: 3px;
    }
    .career_open_position_title h3 {
      padding-bottom: 16px;
      line-height: 23px;
    }
    p {
      font-size: 16px;
      line-height: 130%;
    }
    .our_focus.span_title {
      text-align: left;
    }
    .our_focus span {
      padding-bottom: 16px;
    }
    .our_focus_img:after {
      width: 324px;
    }
    .our_focus_title_left h3 {
      font-size: 20px;
      padding-bottom: 12px;
    }
    .our_focus_title_left p {
      font-size: 16px;
      line-height: 1;
    }
    .our_focus_title {
      padding-bottom: 20px;
    }
    .our_focus_contain p {
      padding-top: 20px;
    }
    .career_fresh_blogs_img img {
      width: 100%;
      height: 100%;
    }
    /*    .career_fresh_blogs_img {height: auto;}*/
    .fresh_slider_text h3 {
      font-size: 22px;
      line-height: 32px;
      font-weight: 300;
    }
    .fresh_slider_text a.a_btn_circle {
      margin-top: 20px;
    }
    /* .yellow_circle_btn {
      width: 24px;
      height: 24px;
    } */
    section.section_what_we_stand_for.career_what_we_stand .our_values_otr {
      padding-top: 33px;
    }
    section.section_what_we_stand_for.career_what_we_stand p {
      line-height: 28.8px;
    }
    .career_circle {
      top: 33%;
      width: 72px;
      height: 72px;
    }
    .career_circle span {
      font-size: 12px;
      line-height: 12px;
      left: 3%;
      top: 32%;
    }
    .customer_testinomials_btn span {
      padding: 7.12px 17.02px;
    }
    .customer_testinomial_img img {
      width: 41.87px;
      height: 41.87px;
    }
    .customer_testinomial_img h3 {
      font-size: 16px;
      line-height: 1;
      padding-bottom: 4.7px;
    }
    .customer_testinomial_img span {
      font-size: 14px;
      line-height: 14px;
    }
    .pagination_test span.swiper-pagination-bullet {
      width: 12px !important;
      height: 12px !important;
    }
    .career_open_position_right h2 {
      line-height: 28.6px;
    }
    .career_gallary_otr {
      grid-gap: 5px;
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    /*     .career_gallary_otr {margin: 0 -20px;} */
  
    /* .footer_menu li:nth-child(2) {
      order: 7;
    }
    .footer_menu li:nth-child(3) {
      order: 6;
    }
    .footer_menu li:nth-child(4) {
      order: 2;
    }
    .footer_menu li:nth-child(5) {
      order: 3;
    }
    .footer_menu li:nth-child(6) {
      order: 9;
    }
    .footer_menu li:nth-child(7) {
      order: 8;
    }
    .footer_menu li:nth-child(8) {
      order: 4;
    }
    .footer_menu li:nth-child(9) {
      order: 5;
    }
    .footer_menu li:nth-child(10) {
      order: 11;
    }
    .footer_menu li:nth-child(11) {
      order: 10;
    } */
    .customer_testinomials_right .swiper-autoheight .swiper-wrapper {
      height: 252px !important;
    }
    .industries_text.container.span_title h2 {
      font-size: 18px;
      line-height: 28.8px;
    }
    .industries_slider p {
      font-size: 10.7px;
      line-height: 10.7px;
    }
    .our_focus_left {
        max-width: 100%;
    }
    .our_focus_right {
        max-width: 100%;
        margin: 0 auto;
    }
    .our_focus_img img {
        object-fit: cover;
    }
    .about_us_count:nth-child(1) span {
      margin-top: -5px;
    }
    .about_us_count:nth-child(4) span {
      margin-top: -5px;
    }
    .footer_logo {
      flex-direction: column;
    }
    ul#Footer-Menu {
      justify-content: center;
    }
    .career_fresh_blogs h1 {
      line-height: 33.8px;
    }
    .swiper-slide.industries_slider {
      padding: 0 10px;
      max-width: 80%;
    }
    .career_open_position_img img {
      max-width: 210px;
    }
    section.section_carrer_inner_banner.black_bg {
      padding: 30px 0;
    }
    .carrer_inner_banner_right.pera_title {
      flex-wrap: wrap;
      gap: 16px;
    }
    .carrer_inner_banner_right.pera_title p {
      margin-right: 0;
      padding-right: 0;
      border-right: 0;
      width: 100%;
    }
  
    /*********************  Success Stories ******************/
  
    .section_success_stories {
      padding: 60px 0 60px;
    }
    .success_stories_text h1 {
      padding-bottom: 16px;
    }
    .success_stories_otr {
      grid-gap: 30px;
    }
    .success_stories_blog_text {
      padding-top: 16px;
    }
    .success_stories_blog_title {
      align-items: flex-start;
      flex-direction: column;
    }
    .success_stories_blog_title h3 {
      margin-left: 0;
      margin-top: 8px;
    }
    .success_stories_blog_title h2,
    .success_stories_blog_title h3 {
      font-size: 16px;
    }
  
    .other_success_stories_title {
      padding-bottom: 30px;
    }
    .apply_now_file {
      padding: 15px 15px !important;
    }
  
    /************ contact us *********/
    section.section_contact_us.light_color_bg {
      padding: 0 0 100px 0;
    }
    .contact_us_icon {
      width: 32px;
      height: 32px;
    }
    .contact_us_blog {
      gap: 40px;
      margin: 0 -20px;
    }
    .contact_us_left {
      padding: 0 20px;
    }
    .contact_us_right {
      padding: 30px 20px;
    }
    .contact_address p {
      font-size: 16px;
    }
    .contact_social_icon h3 {
      font-size: 18px;
    }
    .contact_social {
      width: 32px;
      height: 32px;
    }
    .contact_social.social_icon_4:before {
      width: 30px;
      height: 30px;
    }
    .contact_social.social_icon_4:after {
      width: 32px;
      height: 32px;
    }
    .contact_social a {
      max-width: 14px;
      margin: 0 auto;
    }
    section.section_contact_us:after {
      bottom: -220px;
    }
    .footer_email p br {
      display: block;
    }
    .white-popup-block {
      padding: 30px 20px;
    }
  
    /*********************  Design Strategy ******************/
  
    .services_cta_left {
      gap: 19px;
    }
    .services_our_work_main {
      width: 100%;
    }
    .services_inner_banner_right {
      width: 46%;
      bottom: 0;
      right: -72px;
    }
  
    .success_story_img {
      display: none;
    }
    .succes_story_decription_mobile {
      display: flex;
      align-items: center;
      gap: 20px;
    }
    .succes_story_decription {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      flex-direction: column;
    }
    .succes_story_decription_mobile .success_story_img {
      display: block;
      width: 32%;
      margin: 0;
    }
    .story_decription_logo img {
      max-width: 90%;
      margin-top: 40px;
    }
  
    .services_inner_banner_left a.a_btn {
      padding: 9px 46px 10px 16px;
    }
  
    .career_job_btn {
      padding-top: 40px;
    }
    .career_job_btn a,
    .head_btn_applay a.a_btn.popup-modal {
      padding: 17px 32px 17px;
    }
    .carrer_inner_banner_title {
      padding-top: 24px;
    }
  
    .contact_us_right_info .gform_heading h2 {
      font-size: 32px;
      line-height: 1.16;
      padding-bottom: 14px;
    }
    .contact_us_right_info .gform_heading span {
      padding-bottom: 20px !important;
    }
    .contact_us_right_info legend.gfield_label.gfield_label_before_complex {
      font-size: 16px !important;
      line-height: 26px !important;
      padding-bottom: 2px !important;
    }
    .contact_us_right_info .gchoice.gchoice_1_5_1,
    .contact_us_right_info .gchoice.gchoice_1_5_2,
    .contact_us_right_info .gchoice.gchoice_1_5_3,
    .contact_us_right_info .gchoice.gchoice_1_5_4 {
      padding: 5px 15px 7px !important;
    }
    .contact_us_right_info div#input_1_5 {
      gap: 8px 8px !important;
    }
    .contact_us_right_info label.gfield_label {
      font-size: 16px !important;
      line-height: 160% !important;
    }
    .contact_us_right_info .ginput_container.ginput_container_text input,
    .contact_us_right_info
      .ginput_container.ginput_container
      ginput_container_textarea
      textarea {
      font-size: 16px !important;
      line-height: 28.8px !important;
      padding: 9px 0 9px !important;
    }
    .about_design_form_right input {
      height: 44px !important;
    }
    .gchoice.gchoice_1_9_1 {
      margin-top: 10px !important;
    }
    .contact_us_right_info input#gform_submit_button_1 {
      font-size: 18px !important;
      line-height: 100% !important;
      padding: 12px 29px !important;
      height: 53px !important;
      margin-top: 30px !important;
      width: 100% !important;
    }
    .contact_us_right_info label.gfield_label {
      top: 10px !important;
    }
  
    .section_about_design_form label.gfield_label {
      font-size: 16px !important;
      line-height: 100% !important;
      top: 15px !important;
    }
    .section_about_design_form .gfield_checkbox {
      gap: 8px;
    }
    .section_about_design_form .gchoice.gchoice_2_5_1,
    .section_about_design_form .gchoice.gchoice_2_5_2,
    .section_about_design_form .gchoice.gchoice_2_5_3,
    .section_about_design_form .gchoice.gchoice_2_5_4 {
      padding: 6px 15px 7px !important;
    }
    .section_about_design_form
      .gform_footer.top_label
      input#gform_submit_button_2 {
      /* width: 100%; */
      height: 48px !important;
      padding: 14px 48px !important;
      font-size: 16px !important;
      line-height: 100% !important;
      border-radius: 0 !important;
      -webkit-border-radius: 0 !important;
      -moz-border-radius: 0 !important;
    }
  
    /* .blog_details_form input {
      width: 440px !important;
      margin: 0 auto;
    } */
    .gform_footer.top_label input#gform_submit_button_3 {
      right: 1px;
      max-width: 139px !important;
      padding: 10px 29px 14px !important;
    }
    section.section_blog_details_form .blog_details_form.light_color_bg {
      margin: 0 -20px;
    }
    div#field_3_1 label.gfield_label {
      font-size: 16px !important;
      line-height: 160% !important;
    }
  
    .career_apply_now .gform_wrapper.gravity-theme .gform_fields {
      grid-row-gap: 25px;
      grid-column-gap: 20px;
    }
    .career_apply_now .gform_body.gform-body label {
      font-size: 16px !important;
    }
    .career_apply_now div#field_4_11 label {
      font-size: 16px !important;
    }
    .career_apply_now .gform_footer.top_label {
      margin-top: 40px !important;
    }
  
    /************** markeeting ux************/
    .tabbing_slider_img {
      max-width: 356px;
      margin: 0 auto;
    }
    .offering_tabbing_slider {
      padding-top: 40px;
    }
    .tabbing_btn_1:after {
      left: -37px;
      top: -24px;
      width: 59.96px;
      height: 60px;
    }
    .tabbing_slider_btn {
      left: 8px;
      right: 8px;
    }
    .tabbing_btn_2:after {
      right: -37px;
      top: -24px;
      width: 60px;
      height: 60px;
    }
  
    .offering_left_list li {
      margin-bottom: 12px;
    }
    .our_offering_tabbing_otr {
      padding-bottom: 40px;
    }
    .our_offering_tabbing_otr_left p {
      padding-bottom: 36px;
    }
    .offering_tabbing_slider {
      margin: 0 -20px;
    }
    div#offering_2 p,
    div#offering_6 p,
    div#offering_4 p {
      padding-bottom: 0;
    }
  
    .fresh_slider {
      flex-direction: column;
    }
    .fresh_slider a {
      width: 100%;
    }
    .capabilitis_slider_text h3 {
      font-size: 22px;
    }
  
    /************** landing page ***************/
  
    .services_landing_main_blog_img img {
      max-width: 250px;
    }
    .services_our_approch {
      flex-wrap: wrap;
    }
    .services_our_approch_left {
      width: 100%;
    }
    .services_landing_banner_img img {
      max-width: 360px;
    }
    .our_work_text {
      padding-bottom: 50px;
    }
    .our_work_title p {
      font-size: 14px;
    }
    .our_work_title {
      padding-bottom: 16px;
    }
    .section_growth_partner {
      padding: 120px 0 60px;
      margin-top: -75px;
    }
    /* .career_open_arrow svg {max-width: 30px;}*/
    .section_services {
      padding: 80px 0 80px;
    }
  
    /*************  success list *********/
    .success_story_bottom_blog {
      width: 46%;
    }
    .success_story_tabbing_main_title h2 {
      font-size: 22px;
    }
    .succes_story_text span {
      text-align: left;
    }
    .success_story_tabbing_info h4 {
      font-size: 20px;
      line-height: 32px;
    }
    section.section_success_story_tabbing {
      padding: 40px 0 60px;
    }
    .success_story_tabbing_main_title {
      text-align: left;
    }
  
    /****************** form *******/
    .white-popup-block {
      padding: 40px 30px;
    }
    a.popup-modal-dismiss svg {
      max-width: 16px;
      position: absolute;
      right: 20px;
      top: 0px;
    }
    span.wpcf7-form-control-wrap input,
    span.wpcf7-form-control-wrap textarea {
      height: 42px !important;
      padding: 10.25px 0 10.75px !important;
      font-size: 16px !important;
    }
    input#ApplyNow {
      font-size: 16px;
      margin-top: 30px;
      padding: 10.12px 27.2px;
    }
    .apply_now_file h5 {
      font-size: 16px !important;
    }
  
    /***************** user Experience *************/
    .benefit_title {
      text-align: left;
    }
    .benefit_title.span_title span {
      padding-bottom: 16px;
    }
    .benefit_blog h3 {
      font-size: 40px;
    }
    .benefit_blog.pera_title span:after {
      right: -69px;
      bottom: 20px;
    }
    .benefit_blog h4 {
      font-size: 18px;
      line-height: 130%;
    }
    .benefit_blog a {
      font-size: 11px;
      line-height: 13px;
    }
    /* .benefit_blog h3 {
      padding-bottom: 36px;
    } */
    /* .benefit_blog h3:after {
      left: 0;
      transform: translate(0,-50%);
    } */
  
    section.section_career_fresh_blogs.section_blog_details
      .fresh_slider.first_blog_bg
      .career_fresh_blogs_img {
      width: 100%;
    }
    section.section_career_fresh_blogs.section_blog_details
      .career_fresh_blogs_img {
      margin-right: 00px;
    }
    section.section_career_fresh_blogs.section_blog_details
      .fresh_slider.first_blog_bg
      .career_fresh_blogs_img {
      width: 100%;
    }
    .section_blog_details .fresh_slider:nth-child(odd) .fresh_slider_text {
      width: 100%;
    }
    .blog_list_form .blog_details_form.light_color_bg {
      padding: 30px;
    }
  
    /****  blog details **********/
    .blog_details_text_otr {
      max-width: 437px;
    }
    .blog_details_text_otr h2 {
      font-size: 22px;
    }
    /*    .blog_details_otr_info ul {margin: 20px 0;}*/
    .blog_discuss_text {
      padding: 30px;
      background: #202427;
    }
    .blog_details_title h1 {
      padding-bottom: 20px;
    }
    .blog_quotation p {
      padding: 25px 0px 25px;
      margin-left: 18px;
    }
  
    section.section_blog_details {
      padding: 60px 0 50px;
    }
    .blog_tag_info .tags {
      flex-wrap: wrap;
      gap: 13px 0;
    }
    .blog_details_share_otr {
      flex-direction: column;
      align-items: flex-start;
      gap: 30px;
    }
    .blog_details_share_main {
      order: 2;
    }
    .blog_details_form h2 {
      font-size: 24px;
      line-height: 28px;
    }
    .blog_details_form p {
      padding-bottom: 26px;
      font-size: 16px;
      line-height: 26px;
      max-width: 274px;
      margin: 0 auto;
    }
  
    .success_story_bottom_blog:nth-child(2) {
      order: 3;
    }
    .success_story_bottom_blog:nth-child(4) {
      order: 4;
    }
    .contact_us_right button.frm_button_submit {
      padding: 17px 29px !important;
    }
  
    /****  blog tags details **********/
  
    .tags_images_otr {
      flex-direction: column;
    }
    .fresh_slider_text {
      width: 100%;
    }
    .tags_images img {
      max-width: 100%;
      height: 100%;
    }
  
    .success_story_tabbing_info_color_pera strong {
      font-size: 16px;
      line-height: 26px;
      font-weight: 600;
    }
  
    /* section.section_career_fresh_blogs.section_blog_details
      .fresh_slider.first_blog_bg
      .career_fresh_blogs_img {
      padding-top: 100.6%;
    } */
    /* .career_fresh_blogs_img {
      padding-top: 99.6%;
    } */
    .fresh_slider.first_blog_bg a {
      width: 100%;
    }
  
    .enterprise_products_box {
      padding: 30px;
    }
    .enterprise_products_slide_list {
      width: 80% !important;
    }
    .enterprise_products_title {
      text-align: left;
      margin: 0 auto 40px;
      max-width: 980px;
    }
  
    .helps_enterprise_slider ul li {
      padding-right: 20px;
    }
    .helps_enterprise_section {
      padding: 60px 0;
    }
    .pad-top-100 {
      padding-top: 50px;
    }
    .about_design_form_left h2 {
      font-size: 24px;
    }
    .our_focus_contain {
        min-height: 105px;
    }
    .nav_right_title {
        font-size: 24px;
        font-weight: 600;
    } 
    .mega_menu_section .header {
        padding: 30px 20px 0;
    }
    .menu-mega-menu-left-container .menu li a, .our_capabilities_title {
        font-size: 18px;
    }
    .nav_section {
        padding: 80px 0 0;
        height: 100%;
        align-items: flex-end;
    }
    .menu-mega-menu-left-container .menu li {
      padding: 12px 0;
    }
    .menu-our-capabilities-menu-container .menu li {
      padding: 8px 0;
    }
    .our_capabilities_title {
        margin: 10px 0 15px;
    }
    .nav_left {
        width: 100%;
        padding: 0 0 20px;
    }
    .nav_right_title br {
        display: none;
    }
    .menu-our-capabilities-menu-container .menu li {
        padding: 10px 0;
    }
    .services_right_tabbing_img {
        width: 150px;
        margin: 0;
    }

    .bottomtotop {
      position: fixed;
      bottom: 30px;
      z-index: 999;
      left: 20px;
    }
    .bottomtotop a {
      height: 38px;
      width: 38px;
    }
    .bottomtotop a svg {
      max-width: 40%;
    }
    .nav_right_title {
      font-size: 20px;
      font-weight: 600;
      margin: 0 0 15px;
    }
    .nav_right .menu_button_info {
      padding: 15px 0 30px;
    }
    /* .a_btn p {
      font-size: 15px;
      line-height: 120%;
    } */

    .section_about_design_form {
      padding-bottom: 0;
    }
    
    .select-menu.mobile {
      display: block;
      padding: 0 0 30px;
      max-width: 100%;
      margin: 0 auto;
    }

    .our_work_text.pera_title h1 {
      font-size: 26px;
      line-height: 130%;
    }
    .faq_que h3 {
      font-size: 20px;
    }
    .capabilitis_slider_text p br {
      display: none;
    }
    .benefit_blog h4 br {
      display: none;
    }

    .white-popup-block {
      max-width: 100%;
    }

    .fresh-blog-list-row {
      flex-wrap: wrap;
      gap: 30px;
    }
    .fresh-blog-list {
      width: 100%;
    }
    .fresh-blog-list .blog-image {
      max-width: 300px;
    }

    .work_nav {
      max-width: 100%;
      margin-bottom: 30px;
    }

    .blog_details_form input {
      padding-right: 150px !important;
    }

  }
  
  @media screen and (max-width: 479px) {

    /*************************** our story *********************/
  
    .customer_testinomials_btn span {
      margin: 0 8px 14px 0;
      padding: 7.12px 14.3px;
    }
    .customer_testinomials_btn {
      margin-top: 20px;
    }
    .section_inner_banner {
      padding: 40px 0 126px;
    }
    .inner_banner_img {
      margin-top: -92px !important;
    }
    .count_number {
      padding-bottom: 10px;
    }
    .our_values_blog p {
      max-width: 325px;
    }
    .title_h3 {
      font-size: 22px;
    }
    .title_h6 {
      font-size: 18px;
      line-height: 36px;
    }
    .our_values_otr {
      padding-top: 30px;
      gap: 30px;
    }
    .pera_title p {
      font-size: 16px !important;
    }
    .title_h7 {
      font-size: 22px;
    }
    .our_focus_contain p {
      font-size: 16px;
      line-height: 180%;
    }
    .meet_great_people_left a {
      margin-top: 25px;
    }
    .meet_great_people_right {
      width: 100%;
    }
    /* .meet_great_people_right_img {
      grid-gap: 24px 20px;
    } */
    .a_btn_circle {
      font-size: 16px;
      line-height: 1;
    }
    .yellow_circle_btn {
      width: 36px;
      height: 36px;
    }
    .yellow_circle_btn .arrowPacman {
      right: -9px;
    }
    .meet_great_people_left {
      margin: 0 auto;
      text-align: center;
    }
    .meet_great_people_left h2 {
      line-height: 130%;
      font-weight: 500;
      text-align: center;
      max-width: 100%;
      margin: 0 auto;
      font-size: 24px;
    }
    .meet_great_people_img img {
      width: 52px;
      transform: scale(1);
      max-height: 52px;
    }
    .about_us_counting:after {
      left: 150px;
    }
    .about_us_count {
      width: 36%;
    }
    .meet_great_people {
      gap: 24px;
    }
    .banner_img_blog {
      height: 420px;
    }
    .career_img_blog {
      padding-top: 95.72%;
    }
    .customer_testinomials_btn {
      max-width: 91%;
    }
    /*********************  career ******************/
  
    .testinomail_customer_info {
      max-width: 100%;
      margin: 0;
    }
    .career_text_blog {
      padding: 30px 10px 41px;
    }
    .career_blog {
      grid-gap: 20px;
    }
    .career_img_video_blog img {
      height: 280px;
    }
    .customer_testinomial_blog {
      padding: 24px;
    }
    .career_open_position_text {
      margin-bottom: 20px;
    }
    .career_open_position_right h2 {
      padding-bottom: 30px;
    }
    .career_gallary_title span {
      padding-bottom: 18px;
    }
    .fresh_slider {
      flex-wrap: wrap;
      gap: 18px;
    }
    .career_fresh_blogs_img {
      margin-right: 0;
      width: 100%;
    }
    .fresh_slider_text a {
      margin-top: 20px;
    }
    .section_footer.career_footer {
      padding: 60px 0 50px;
    }
    .career_what_we_stand .our_values_otr {
      grid-gap: 30px;
    }
    .footer_menu li a {
      font-size: 16px;
    }
    .fresh_slider:nth-child(even) .fresh_slider_text {
      max-width: 296px;
    }
    section.section_what_we_stand_for.career_what_we_stand .our_values_blog p {
      max-width: unset;
    }
    .career_gallary_otr {
      grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    }
    .customer_testinomials_right {
      min-height: 252px;
    }
    .inner_banner .yellow_circle_btn .arrowPacman {
      right: 6px;
      transform: rotate(90deg);
      top: 12px;
    }
    .about_design_form_right div#field_z7hkz_label {
      padding-bottom: 10px !important;
      font-size: 16px !important;
      line-height: 26px !important;
    }
    div#frm_field_14_container .frm_opt_container input[type="checkbox"] {
      font-size: 16px !important;
      line-height: 16px !important;
    }
    div#frm_field_14_container .frm_opt_container label {
      padding: 8px 16px !important;
      font-size: 16px !important;
      line-height: 16px !important;
    }
    .accordial_que h3 {
      padding-bottom: 0;
      font-size: 18px;
      line-height: 160%;
    }
    .fresh_slider_text {
      width: 100%;
    }
    .fresh_slider a {
      width: 100%;
    }
    .section_career_fresh_blogs {
      padding: 60px 0;
    }
    .about_design_form {
      padding: 40px 20px 60px;
    }
    .about_design_form_left h2 {
      max-width: 100%;
      padding-bottom: 15px;
    }
    .about_us_form_rating {
      margin-top: 14px;
    }
    .about_us_form_rating {
      display: flex;
      align-items: center;
    }
    .about_us_form_rating h3 {
      font-size: 18px;
      line-height: 160%;
      margin-right: 10px;
      padding-bottom: 0;
    }
    .about_design_form_right .frm_opt_container div#frm_checkbox_14-0,
    .about_design_form_right .frm_opt_container div#frm_checkbox_14-1 {
      margin-bottom: 0 !important;
    }
    div#frm_field_14_container {
      margin-bottom: 20px !important;
    }
    .about_design_form_right input {
      height: 44px !important;
    }
    .about_design_form_right input,
    .about_design_form_right textarea {
      border-bottom: 1px solid #202427 !important;
    }
    .about_design_form_right .frm_form_field {
      margin-bottom: 22px !important;
    }
    .frm_submit button {
      margin-top: 18px !important;
    }
    .section_footer {
      padding: 60px 0 80px;
    }
    .footer_top {
      gap: 40px;
    }
    .footer_bottom {
      padding-bottom: 30px;
      gap: 30px;
    }
  
    .section_about_us {
      padding: 60px 0 60px;
    }
    .our_story_connect_btn a.a_btn {
      margin-top: 40px;
    }
    /* .section_growth_partner {
      padding: 233px 0 60px;
    } */
    .growth_partner_left {
      display: flex;
      align-items: center;
      gap: 20px;
    }
    .growth_partner_left_img {
      width: 47.15%;
    }
    .growth_partner_details {
      padding-top: 0;
      text-align: left;
      flex: 1;
    }
    .growth_partner_details h3.title_h3.white_text {
      font-weight: 700;
    }
    .section_what_we_stand_for {
      padding: 60px 0;
    }
    .section_meet_great_people {
      padding: 30px 0;
    }
    .page-template-career footer.section_footer.black_bg {
      padding-top: 60px;
    }
    section.section_what_we_stand_for.career_what_we_stand {
      padding: 60px 0 60px;
    }
    .section_customer_testinomials {
      padding: 60px 0;
    }
    .customer_testinomials_left h2 {
      padding-bottom: 30px;
    }
    .customer_testinomial_img img {
      margin-right: 14px;
    }
    .section_career_open_position {
      padding: 60px 0;
    }
    .section_career_gallary {
      padding: 60px 0 0;
    }
    .career_gallary_title {
      padding-bottom: 63px;
    }
    .career_gallary_title h2 {
      line-height: 120%;
      font-weight: 600;
    }
    .fresh_slider.first_blog_bg a {
      width: 100%;
    }
    section.section_career_fresh_blogs.section_blog_details {
      padding: 60px 0 60px !important;
    }
    .page-template-blog .section_footer {
      padding-top: 60px;
    }
    .page-template-blog .section_career_fresh_blogs.section_blog_details {
      padding: 40px 0 60px !important;
    }
  
    .carrer_inner_banner.span_title span {
      padding-bottom: 16px;
    }
    .carrer_inner_banner_title {
      gap: 24px;
    }
    section.section_career_job {
      padding: 30px 0 60px;
    }
    .career_job_title h2 {
      line-height: 140%;
      font-weight: 600;
      padding-bottom: 16px;
      font-size: 20px;
    }
    .career_job_title.pera_title {
      padding-bottom: 30px;
    }
    .career_job_title.pera_title ul {
      padding-left: 20px;
    }
    .career_job_title h2 {
      padding-bottom: 16px;
    }
    .single-career footer.section_footer.black_bg {
      padding: 60px 0 60px;
    }
    .carrer_inner_banner_right p {
      font-size: 14px;
      line-height: 16px;
    }
    .career_job_title li {
      font-size: 16px;
      line-height: 26px;
      color: #202427;
    }
    .section_career_job .career_job_left {
      padding: 0 20px;
    }
  
    /*********************  Success Stories ******************/
  
    .success_stories_img {
      width: 42.6%;
    }
    .success_stories_logo {
      width: 32%;
    }
    .about_design_form_right textarea {
      height: 70px !important;
    }
    .with_frm_style .vertical_radio .frm_checkbox label,
    .with_frm_style .vertical_radio .frm_radio label {
      padding-left: 26px;
      text-indent: -26px;
    }
  
    /************ contact us *********/
    .contact_us_right_title h1.title_h2 {
      font-weight: 300;
      padding-bottom: 14px;
      font-size: 32px;
      line-height: 37px;
    }
    .contact_us_right_title p {
      padding-bottom: 20px;
    }
    div#frm_field_23_container div#field_z7hkz2_label {
      padding-bottom: 10px !important;
    }
    .contact_us_right_info #frm_field_23_container input[type="checkbox"] {
      font-size: 16px !important;
      line-height: 1 !important;
    }
    .contact_us_right_info #frm_field_23_container label {
      font-size: 16px !important;
      line-height: 1 !important;
      padding: 8px 16px !important;
    }
  
    a.popup-modal-dismiss svg {
      max-width: 13px;
      top: -4px;
    }
    .job_foram_title h2 {
      font-size: 20px;
    }
    .contact_us_right_info .contact_us_right_title p {
      line-height: 26px;
    }
    div#field_z7hkz2_label {
      font-size: 16px !important;
      line-height: 26px;
    }
    .contact_us_right_info .frm_form_field {
      margin-bottom: 30px !important;
    }
    .frm_form_field .contact_us_right_title {
      margin-bottom: -13px !important;
    }
    .contact_us_right_info label {
      margin-top: 10px !important;
    }
    .contact_us_right_info .frm_submit button {
      margin-top: 0px !important;
    }
  
    /*********************  Design Strategy ******************/
  
    .services_inner_banner_right {
      width: 57.3%;
      bottom: 0;
      right: -81px;
    }
    .services_inner_banner_left a {
      margin-top: 45px;
    }
    .services_inner_banner_left span {
      padding-bottom: 16px;
    }
    .need_a_design_strategy_otr {
      padding: 60px 0;
    }
    .need_a_design_strategy_title h2 {
      margin-top: 16px;
    }
    .need_a_design_strategy_title h2 {
      font-weight: 400;
    }
    .need_a_design_strategy_main {
      gap: 0;
    }
    .need_a_design_strategy_info_text h3 {
      padding-bottom: 16px;
      font-size: 20px;
      font-weight: 600;
    }
    .need_a_design_strategy_info_text {
      padding-bottom: 25px;
      margin-bottom: 30px;
    }
    .need_a_design_strategy_title {
      padding-bottom: 40px;
    }
    .need_a_design_strategy_info_text:last-child {
      margin-bottom: 0;
    }
    section.section_our_strategic_design_approach.black_bg {
      padding: 60px 0;
    }
    .our_strategic_design_approach span {
      padding-bottom: 16px;
    }
    .design_approach_accordian_que h3,
    .design_approach_accordian_que h3 strong {
      font-weight: 600;
      font-size: 20px;
    }
    /* .design_approach_accordian_que:after {
      left: 39%;
      top: 39%;
    } */
    section.section_our_strategic_design_approach.black_bg {
      padding: 60px 0 20px;
    }
    .design_approach_accordian_ans.title_pera p {
      line-height: 25.6px;
      font-size: 16px;
    }
    .services_our_offering_left span {
      padding-bottom: 16px;
    }
    .services_our_offering_left.span_title {
      width: 100%;
    }
    .our_offering_accordian_text {
      padding: 16px 0px 16px;
    }
    .our_offering_accordian_ans {
      padding: 16px 0 0px;
    }
    .accordian_icon {
      width: 24px;
      height: 24px;
    }
    .accordian_icon span:after {
      top: 9px;
      right: 6px;
      width: 8px;
      height: 2px;
    }
    .accordian_icon span::before {
      top: 6px;
      right: 9px;
      width: 2px;
      height: 8px;
    }
    section.section_services_our_offering {
      padding: 60px 0 60px;
    }
    /* section.section_services_cta.container {
      padding: 0;
    } */
    .services_cta {
      padding: 0 20px;
    }
    .services_cta_right h2 {
      font-size: 24px;
      line-height: 160%;
      padding-bottom: 8px;
    }
    .services_cta_title h3 {
      font-size: 18px;
    }
    .services_cta_title p {
      font-size: 15px;
      line-height: 140%;
    }
    .services_cta_btn_mobile .arrowPacman {
      right: 0;
    }
    /* .services_cta_otr {
      padding-top: 60px;
      padding-bottom: 60px;
    } */
    .services_cta_otr::after {
      bottom: -134px;
      width: 243%;
    }
    section.section_services_our_work {
      padding: 60px 0;
    }
    .services_our_work_title {
      text-align: left;
    }
    .services_our_work_title span {
      padding-bottom: 16px;
    }
    .services_our_work_title h2 {
      padding-bottom: 40px;
    }
    .services_our_work_img {
      padding-bottom: 15px;
    }
    .our_work_otr_text_otr {
      padding-bottom: 16px;
    }
    .our_work_otr_text_pera {
      padding-bottom: 16px;
    }
    .our_work_otr_text_pera {
      padding-bottom: 16px;
      max-width: 82%;
    }
    .our_work_otr_text_pera span:nth-child(2):after {
      display: none;
    }
    .faq_que_otr {
      padding-bottom: 15px;
      padding-top: 15px;
    }
    .faq_que_title {
      width: 24px;
      height: 23px;
    }
    .faq_que_title::before {
      left: 9px;
      width: 2px;
      height: 8px;
      margin-top: -6px;
      top: 12px;
    }
    .faq_que_title::after {
      left: 6px;
      width: 8px;
      height: 2px;
      margin-top: -1px;
      top: 10px;
    }
    .faq_que h3 {
      font-size: 18px;
      line-height: 130%;
    }
    section.section_faq {
      padding-bottom: 36px;
    }
    .faq_title h2 {
      padding-bottom: 5px;
    }
    section.section_capabilitis {
      padding: 60px 0 60px;
    }
    .capabilitis_title.span_title {
      padding-bottom: 40px;
    }
    .capabilitis_title span {
      padding-bottom: 16px;
    }
    .capabilitis_slider {
      margin-left: 20px !important;
    }
    .capabilitis_slider_info_otr {
      padding: 22px;
      min-height: 350px;
    }
    .capabilitis_slider_text h3 {
      padding-bottom: 18px;
    }
    .capabilitis_slider_text p {
      line-height: 160%;
    }
    .capabilitis_slider_img {
      top: 14px;
      right: -15px;
      min-height: inherit;
    }
    .design_approach_accordian:after {
      bottom: 20px;
    }
  
    .contact_us_right_info div#input_1_9 input {
      margin-top: -15px !important;
    }
    .contact_us_right_info label {
      margin-top: 0px !important;
    }
    .contact_us_right {
      min-height: auto;
      padding: 50px 20px;
    }
    div#gform_confirmation_message_1 {
      padding: 34px 0;
    }
    .gform_confirmation_wrapper h4 {
      font-size: 30px;
    }
    .gform_confirmation_wrapper {
      font-size: 16px;
      line-height: 150%;
      max-width: 310px;
      margin: 0 auto;
    }
    .gform_confirmation_wrapper a {
      padding: 18px 34px;
      margin-top: 30px;
    }
    .section_about_design_form
      .gform_wrapper.gravity-theme
      .gfield-choice-input
      + label {
      max-width: 88%;
    }
    /* .blog_details_form input {
      width: 350px !important;
    } */
    .career_apply_now .gform_footer.top_label input#gform_submit_button_4 {
      font-size: 16px !important;
    }
  
    /************** markeeting ux************/
  
    .offering_tabbing_slider {
      margin: 0 -20px;
    }
    .offering_tabbing li a {
      font-size: 16px;
      line-height: 26px;
    }
    .tabbing_slider_img {
      max-width: 266px;
      margin: 0 auto;
    }
    .our_offering_tabbing_otr_left span {
      font-size: 18px;
      line-height: 100%;
      padding-bottom: 14px;
    }
    .our_offering_tabbing_otr_left h3 {
      font-size: 20px;
      padding-bottom: 18px;
    }
    .our_offering_tabbing_otr_left p {
      padding-bottom: 26px;
    }
    .offering_left_list li {
      font-size: 16px;
      line-height: 22px;
    }
    .tabbing_slider_btn svg {
      max-width: 7px;
    }
    .our_offering_tabbing_otr_left p {
      line-height: 26px;
    }
  
    section.section_career_fresh_blogs.section_blog_details
      .career_fresh_blogs_img {
      width: 100%;
    }
    .fresh_slider {
      flex-wrap: wrap;
    }
    section.section_career_fresh_blogs.section_blog_details
      .career_fresh_blogs_img {
      margin-right: 0px;
    }
    .fresh_slider:nth-child(even) .fresh_slider_text {
      max-width: 100%;
    }
    section.section_career_fresh_blogs.section_blog_details
      .career_fresh_blogs_list {
      gap: 40px;
    }
    section.section_career_fresh_blogs.section_blog_details
      .fresh_slider.first_blog_bg
      .career_fresh_blogs_img {
      width: 100%;
    }
    section.section_career_fresh_blogs.section_blog_details
      .career_fresh_blogs_img {
      margin-right: 00px;
    }
    section.section_career_fresh_blogs.section_blog_details
      .fresh_slider.first_blog_bg
      .career_fresh_blogs_img {
      width: 100%;
    }
    .section_blog_details .fresh_slider:nth-child(odd) .fresh_slider_text {
      width: 100%;
    }
  
    .fresh_slider.first_blog_bg {
      gap: 18px;
    }
    .page-template-blog
      section.section_career_fresh_blogs.section_blog_details
      .career_fresh_blogs_list {
      gap: 30px;
    }
    /* .career_fresh_blogs_img {
      padding-top: 100.6%;
    } */
  
    /**************  blog details **************/
  
    .blog_details_text_otr {
      max-width: 347px;
    }
    .blog_details_form.light_color_bg {
      padding: 60px 20px;
    }
    .blog_details_main {
      padding-bottom: 20px;
    }
    section.section_blog_details {
      padding: 40px 0 40px;
    }
    .blog_details_title h1 {
      line-height: 36.8px;
    }
    .blog_details_calender p {
      color: rgba(32, 36, 39, 0.4);
      font-size: 14px;
    }
    .blog_details_img {
      margin-bottom: 30px;
    }
    .blog_details_subtext {
      padding-bottom: 20px;
    }
    .blog_details_text_otr h2 {
      font-size: 22px;
      padding-bottom: 16px;
    }
    .blog_details_text_otr {
      padding-bottom: 30px;
    }
    .blog_details_main li {
      font-size: 16px;
    }
    .blog_details_otr_info h3 {
      font-size: 22px;
    }
    .blog_details_otr_info {
      padding-bottom: 30px;
    }
    .blog_tag_info {
      gap: 13px;
      align-items: stretch;
    }
  
    .page-header h2.title_h1 span {
      font-size: 36px;
      line-height: 42px;
    }
  
    /* section.section_contact_us:after {
      bottom: -18%;
      left: -19%;
      width: 200%;
    } */
    .our_focus_img:before {
      top: 90%;
    }
  
    .frm_message a.a_btn {
      padding: 12px 31px;
      font-size: 18px;
      line-height: 29px;
    }
    .contact_us_right {
      min-height: auto;
      padding: 30px 20px;
    }
    section.section_services_our_offering.light_color_bg.user_experience_offering {
      padding: 60px 0 40px;
    }
    .page-template-user-experience .need_a_design_strategy_title h2,
    .page-template-user-interface .need_a_design_strategy_title h2 {
      padding-bottom: 0;
    }
  
    .capabilitis_slider_text h3 {
      font-size: 18px;
    }
  
    /************** landing page ***************/
  
    /* .services_landing_banner_left.span_title .title_h1 {
      font-size: 26px;
      line-height: 130%;
    } */
    .services_landing_banner_img img {
      max-width: 300px;
      margin: 0 auto;
      height: 300px;
    }
    section.section_services_landing_banner {
      padding: 55px 0 60px;
    }
    .services_landing_banner_left span {
      padding-bottom: 16px;
    }
    section.section_services_landing_info {
      padding: 35px 0 50px;
    }
    section.section_services_landing_design_process {
      padding: 60px 0;
    }
    .services_landing_design_process_title {
      padding-bottom: 40px;
    }
    .services_landing_main_blog_text h2 {
      padding-bottom: 16px;
    }
    .services_landing_main_blog_img img {
      max-width: 190px;
    }
    .services_our_approch_main {
      padding-top: 0px;
    }
    .section_services_our_approch {
      padding: 60px 0;
    }
    .services_our_approch_main_otr h3 {
      padding-bottom: 10px;
    }
    .title_h7 {
      font-size: 18px;
    }
    p {
      font-size: 16px;
      line-height: 26px;
    }
    .title_h2 {
      line-height: 130%;
      font-size: 22px;
    }
    .services_landing_design_process_list li {
      font-size: 16px;
      padding-bottom: 20px;
    }
    .services_landing_design_process_info span {
      display: inline-block;
    }
    .services_landing_design_process_info h3 {
      padding-bottom: 16px;
    }
    .bank_linbe_div {
      margin-bottom: 18px;
    }
    .services_landing {
      font-size: 22px;
    }
    .services_landing_otr {
      padding-bottom: 40px;
      margin-bottom: 30px;
    }
    .title_h1 {
      max-width: 100%;
    }
    .e-commerce-section .need_a_design_strategy_title h2 {
      margin-bottom: 0;
    }
    .about h2 {
      padding-bottom: 50px;
    }
    .client_around_the_world {
      padding-bottom: 36px;
      gap: 10px;
    }
    .services_text {
      padding-bottom: 40px;
    }
    .banner_left h3,
    .banner_right h3 {
      font-size: 18px !important;
    }
    .banner_left h3 span,
    .banner_right h3 span {
      font-size: 16px !important;
    }
    .banner_right span,
    .banner_left span {
      margin-left: 2px;
    }
    .our_work_otr_left h3 {
      font-size: 20px;
    }
    .our_focus_img img {
      max-width: 100%;
    }
    .our_focus_img:after {
      width: 100%;
    }
    .career_text_blog h2 {
      font-size: 14px;
    }
    .career_text_blog p {
      font-size: 16px;
      line-height: 160%;
    }
    .career_text_blog p br {
      display: none;
    }  
    .banner h1 {
      padding-bottom: 32px;
    }
    .mainbannerdiv {
      gap: 20px;
    }
    .mobileIcon a:before {
      top: -9px;
    }
    .mobileIcon a:after {
      bottom: -9px;
    }
    .about span {
      padding-bottom: 16px;
    }
    .section_our_work {
      padding: 60px 0;
    }
    .our_work_text span {
      padding-bottom: 16px;
    }
    .our_work_text h2 {
      margin: 0;
      max-width: 100%;
    }
    .our_work_text {
      padding-bottom: 40px;
    }
    .our_worker_logo {
      padding-bottom: 16px;
    }
    .our_work_title {
      padding-bottom: 30px;
    }
    .our_work_otr {
      padding-bottom: 40px;
      gap: 30px;
    }
    .section_services {
      padding: 60px 0 60px;
    }
    .services_text span {
      padding-bottom: 16px;
    }
    .services_text {
      padding-bottom: 24px;
    }
    
    .section_our_focus {
      padding: 60px 0px;
    }
    .our_focus h2 br {
      display: none;
    }
    .services_our_approch_main_otr_img {
      margin-bottom: 10px;
    }
  
    /*************  success list ********/
    .success_story_tabbing_info h4 {
      padding-bottom: 16px;
    }
    .success_story_tabbing_info p {
      padding-bottom: 20px;
      line-height: 26px;
    }
    .success_story_tabbing_info_color_pera p {
      padding-bottom: 0;
      font-size: 18px;
      line-height: 29px;
    }
    .success_story_tabbing_info_quation p {
      padding-bottom: 0;
    }
    .success_story_tabbing_info_quation {
      padding: 20px 30px;
      margin: 0 0 16px;
    }
    .success_story_tabbing_info_list p {
      margin-bottom: 0px;
    }
    .share_story_social_icon .heateor_sss_facebook:after {
      width: 32px;
      height: 32px;
    }
    .share_story_social_icon a.heateor_sss_facebook span,
    .share_story_social_icon .heateor_sss_button_twitter span,
    .share_story_social_icon .heateor_sss_button_linkedin span,
    .share_story_social_icon .heateor_sss_button_instagram span {
      width: 32px !important;
      height: 32px !important;
    }
    .share_story_social_icon .heateor_sss_button_twitter:after {
      width: 32px;
      height: 32px;
    }
    .share_story_social_icon .heateor_sss_button_linkedin:after {
      width: 32px;
      height: 32px;
    }
    .share_story_social_icon .heateor_sss_button_instagram:after {
      width: 32px;
      height: 32px;
    }
    div.heateor_sss_follow_ul a,
    div.heateor_sss_horizontal_sharing div.heateor_sss_sharing_ul a {
      margin: 0px 8px 0 0 !important;
    }
    .success_story_tabbing_info_list li {
      font-size: 16px;
      line-height: 26px;
    }
    .success_story_img {
      width: 85.15%;
    }
    .success_story_top {
      gap: 30px;
    }
    /* .story_decription_logo img {
      max-width: 61px;
    } */
    .success_story_bottom_blog {
      width: 100%;
    }
    .success_story_bottom:after {
      left: 49%;
      display: none;
    }
    .success_story_tabbing_info_color_pera {
      padding-bottom: 20px;
    }
  
    .client_around_left.span_title span {
      line-height: 14px;
    }
    .services_text p {
      line-height: 26px;
    }
    .share_success_story h4 {
      font-size: 16px;
      line-height: 19px;
    }
    .success_stories_text p {
      line-height: 25px;
    }
  
    .our_values_blog h3 {
      font-size: 20px;
      line-height: 22px;
    }
    .our_values_blog p {
      line-height: 1.8;
    }
  
    .succes_story_text h1 {
      font-size: 22px;
      line-height: 160%;
      padding-bottom: 30px;
    }
    .success_story_bottom {
      gap: 20px;
    }
    .success_story_bottom_blog p {
      max-width: 100%;
    }
    section.section_success_story {
      padding: 40px 0 60px;
    }
    .white-popup-block {
      padding: 30px 20px;
    }
  
    /************ User experience ********/
    .benefit_blog.pera_title span:after {
      right: -71px;
      bottom: 25px;
    }
    /* .services_right_tabbing_img {
        width: 120px;
        margin: 0 auto;
    } */


    /*********************  Health-e Case study *****************/
    .banner-top {
      text-align: left;
    }
    .banner-logo {
      padding: 0 0 40px;
      margin: 0;
    } 
    .banner-logo img {
      margin: 0;
      max-width: 134px;
    }
    .banner-title .heading-1 {
      text-align: left;
    }
    .banner-icon {
      height: 42px;
      width: 42px;
    }
    .banner-image-main > img {
      max-width: 180px;
      margin: 0 auto;
    }
    .banner-icon-1 {
      margin: 0 0 0 -135px;
    }
    .banner-icon-2 {
      margin: 0 0 0 -80px;
    }
    .banner-icon-3 {
      margin: 0 0 0 80px;
    }
    .banner-icon-4 {
      margin: 0 0 0 135px;
    }
    .overview-gallery ul li:nth-child(5) {
      margin: -76px 0 0 0;
    }
    .challenge-content .sub-heading {
      text-align: left;
    }
    .gray-section {
      padding: 35px 0;
    }
    .gray-content {
      font-size: 18px;
      padding: 0;
    }
    .our-approch-content-top {
      text-align: left;
    }
    .our-approch-content-top p {
      text-align: left;
    }
    .our-approach-list-info {
      padding: 25px;
      font-size: 16px;
    }
    .our-approch-list {
      padding: 0 0 60px;
    }
    .wireframing-title {
      padding: 0 20px 40px;
    }
    .wireframing-slider .wireframing_slide, .visual-slider .visual_slide {
      width: 70% !important;
    }
    .delivered-number {
      font-size: 24px;
    }
    .delivered-description p {
      font-size: 16px;
    }
    .review-box ul li:last-child {
      margin-bottom: 0 !important;
    }
    .wireframing-section .container {
      padding: 0 !important;
    }
    .overview-section {
      padding: 40px 0;
    }
    .our-approch-section {
      padding: 40px 0;
    }
    .heading-1 {
      font-size: 30px;
    }

    .title_h1 {
      font-size: 25px;
    }
    .banner_left {
      padding-right: 30px;
      margin-right: 30px;
      width: 50%;
    }
    .banner_right {
      width: 50%;
    }
    .our_work_info p {
      font-size: 18px;
    }

    .fresh_slider_text h3 {
      font-size: 20px;
      line-height: 130%;
      font-weight: 300;
    }
    .our_work_text.pera_title h1 {
      font-size: 24px;
      line-height: 130%;
    }

    .services_cta_btn_mobile a.a_btn {
      display: block !important;
      width: 100%;
      padding: 10px 30% 10px 20px;
      font-size: 16px;
    }
    .title_h2.title_line {
      font-size: 22px;
    }
    .page-template-user-experience .need_a_design_strategy_main {
      gap: 0;
    }
    .offer_tab_webapp .our_offering_tabbing_otr_left span {
      font-size: 20px !important;
      line-height: 130% !important;
    }

    .contact_us_right_info .gform_heading h2 {
      font-size: 24px;
    }
    .contact_us_right_info input#gform_submit_button_1 {
      margin-top: 10px !important;
    }
    .contact_us_icon {
      margin-right: 12px;
    }
    .contact_us_icon {
      width: 20px;
      height: 25px;
    }
    .conatct_email a {
      font-size: 16px;
    }
    .conatct_email h3 {
      font-size: 16px;
    }
    .success_story_tabbing_info_quation {
      padding: 10px 20px;
    }
    .success_story_tabbing_main_title h2 {
      font-size: 20px;
    }
    .success_story_tabbing_info h4 {
      font-size: 18px;
      line-height: 130%;
    }
    .fresh-blog-list .blog-image {
      max-width: 100%;
    }
    .overview-gallery ul {
      max-width: 320px;
    }
    .overview-gallery ul li:nth-child(5) {
      margin: -60px 0 0 0;
    }
    .gray-content {
      padding: 0 10px !important;
      font-size: 18px !important;
    }
    .heading-3 {
      font-size: 20px;
      line-height: 140%;
      padding: 0 0 10px;
    }
    .our_focus_title_left p {
      font-size: 15px;
    }
    .our_focus_title_left h3 {
      font-size: 18px;
    }
    .benefit_title h2 br {
      display: none;
    }

    h3.heading-3 {
      font-size: 20px;
    }
    .heading-2 {
      font-size: 24px;
    }
    .view-more-text .a_btn_circle {
      font-size: 14px;
    }
    .view-more-text .yellow_circle_btn {
      width: 30px;
      height: 30px;
      overflow: hidden;
    }
    .view-more-text .arrowPacman svg {
      max-width: 40%;
    }
    .view-more-text .yellow_circle_btn .arrowPacman {
      right: -14px;
    }
    .our_work_info_top .company-logo {
      max-width: 45%;
    }
    .our_focus_title_right {
      max-width: 40%;
    }

    .banner_img img {
      max-width: 126px;
      height: 95px;
    }

  }
  
  @media screen and (max-width: 374px) {

    .services_cta_btn_mobile a.a_btn {
      display: block!important;
      width: 100%;
      padding: 8px 32% 8px 20px;
      font-size: 16px;
    }
    /*************************** career *********************/
  
    .footer_menu ul {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .footer_top {
      padding-bottom: 25px;
      margin-bottom: 25px;
    }
    .footer_email p,
    .footer_email a {
      font-size: 15px;
    }
    .social_icon {
      gap: 16px;
    }
    .footer_icon {
      width: 45px;
      height: 45px;
    }
    .footer_icon.social_icon_3::after {
      width: 45px;
      height: 45px;
    }
    .footer_icon.social_icon_3::before {
      width: 43px;
      height: 43px;
    }
    .section_footer.career_footer {
      padding: 50px 0 40px;
    }
  
    .fresh_slider_text h3 {
      font-size: 18px;
      line-height: 29px;
    }
    /* .career_fresh_blogs span {
      padding-bottom: 15px;
    } */
    .career_gallary_img {
      grid-column: span 2;
    }
  
    .customer_testinomials_right .swiper-autoheight .swiper-wrapper {
      height: 370px !important;
    }
    .customer_testinomial_img img {
      margin-right: 8px;
    }
    .customer_testinomial_img h3 {
      font-size: 20px;
    }
    .customer_testinomial_img span {
      font-size: 14px;
    }
    .customer_testinomials_btn span {
      font-size: 16px;
      line-height: 24px;
    }
    .customer_testinomials_btn span {
      padding: 9px 15px;
    }
  
    /* .blog_details_form input {
      width: 280px !important;
    } */
    .gform_footer.top_label input#gform_submit_button_3 {
      max-width: 119px !important;
      padding: 10px 19px 14px !important;
      height: 50px !important;
    }
  
    .title_h1 {
      font-size: 27px;
    }
    .banner_left h3,
    .banner_right h3 {
      text-align: left;
    }
    .banner_left {
      padding-right: 20px;
      margin-right: 40px;
    }
    .banner h1 {
      padding-bottom: 30px;
    }
    .about_us_count {
      width: 32%;
    }
    .about_us_counting:after {
      left: 125px;
    }
    .about_us_form_rating p {
      line-height: 20.8px;
      font-size: 16px !important;
    }
  
    /****  blog details **********/
  
    .blog_details_text_otr {
      max-width: 277px;
    }

  }

  @supports (-webkit-touch-callout: none) {
    .nav_right {
      padding: 30px 0 130px;
    }
  }
  
  @supports not (-webkit-touch-callout: none) {
    .nav_right {
      padding: 30px 0 80px;
    }
  }
  