.bg_lines {
   background: url(https://appinventiv.com/wp-content/themes/twentynineteen-child/new-images/bg-liness.webp)no-repeat;
   background-size: 100%;
   height: 1200px;
   width: 100%;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   z-index: 1;
 }

 .video-wrapper {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 18px;
 }

 .top_content_wrap {
   text-align: center;
   position: relative;
   z-index: 3;
 }

 .heading1 span {
   color: #1468FB;
 }

 .app__subhead+.app__subhead {
   margin-top: 25px;
 }

 .top_content_wrap .common__btn {
   margin: 55px auto;
 }


 /* Client logos starts here */
 .client_logos {
   position: relative;
   width: 100%;
   padding: 30px 80px;
 }

 .client-logo-slider.owl-carousel .owl-item img {
   width: auto;
 }

 .client-logo-slider.owl-carousel .owl-item img.kpmg {
   width: 90px;
 }

 .client-logo-slider.owl-carousel .owl-item img.google {
   width: 100px;
 }

 .client-logo-slider .owl-stage {
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .trusted_brands {
   color: #A6AAAE;
   font-size: 18px;
   display: block;
   padding: 10px 0 30px;
 }

 .horizontal_line::before {
   width: 100%;
   z-index: 0;
   left: 0;
 }

 .horizontal_line::after {
   display: none;
 }

 .trusted_brands span {
   position: relative;
   background-color: #000000;
   display: inline-block;
   padding: 0 45px;
 }

 /* Client logos ends here */


 .bg_wrapper {
   background-color: #000;
   padding: 5rem 0;
   margin-top: -1px;
 }

 .bg_wrapper.pd_btm {
   padding: 5rem 0 10rem;
 }

 .top_head_wrap.bg_wrapper {
   background-color: #000;
   padding-top: 0;
 }

 .slider {
   margin: 100px 0 0;
 }

 .slider.owl-theme .owl-nav {
   margin-top: 0px;
   position: absolute;
   top: -60px;
   right: 20px;
 }

 .service_cards {
   color: #fff;
   background: #110E19;
   border: 1px solid #373F4B;
   border-radius: 15px;
   padding: 40px 30px;
   min-height: 500px;
 }

 .service_cards .para {
   font-size: 16px;
   font-weight: 400;
   line-height: 1.7;
 }

 .service_card_inner a {
   color: #039C9D;
 }

 .active_hover .service_card_inner a,
 .active .service_card_inner a {
   color: #00DBD9;
 }

 .service_cards .serv_card_list .para {
   margin: 10px 0 0;
   min-height: auto;
 }

 .serv_card_list {
   margin: 30px 0;
 }

 .scrollle_content {
   overflow-y: scroll;
   height: 340px;
   padding-right: 10px;
   margin-top: 15px;
 }

 .scrollle_content::-webkit-scrollbar {
   -webkit-appearance: none;
   width: 2px;
 }

 .scrollle_content::-webkit-scrollbar-thumb {
   background-color: #75A9FD;
 }

 .scrollle_content::-webkit-scrollbar-track {
   border-radius: 10px;
   background-color: transparent;
 }

 .serv_card_list li {
   position: relative;
   font-size: 20px;
   font-weight: 600;
   line-height: 1.2;
   color: #B6B6B8;
   padding-left: 30px;
   margin-bottom: 22px;
 }

 .list_head {
   cursor: pointer;
 }

 .card_accord a,
 .card_accord a:hover {
   color: #6CFBCE;
 }

 .serv_card_list li span {
   position: absolute;
   left: 0;
   top: 0;
 }

 .pin_spacers {
   height: calc(50vh - 170px);
   width: 100%;
   background-color: #000;
 }

 .case_full_banner {
   padding-top: 15vh;
   position: relative;
   z-index: 2;
 }

 .case_full_banner img {
   width: 100%;
 }


 /* Services we offer starts here */
 .services_container {
   display: flex;
   border: 1px solid #15497E;
   margin-top: 4rem;
   border-radius: 25px;
   overflow: hidden;
 }

 .services_lt {
   position: relative;
   padding: 60px 60px 50px 30px;
   width: 50%;
   background-image: linear-gradient(to right bottom, #24c2f8, #0084ff, #005cff, #0b0df4);
 }

 .scroll_list {
  overflow-y: scroll;
  height: 420px;
  padding-right: 80px
}

.scrollle_content::-webkit-scrollbar,.scroll_list::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 4px
}

.scroll_list::-webkit-scrollbar-thumb {
  background-color: #fff;
  border-radius: 10px
}

.scroll_list::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #8897fa
}


 .scroll_list_num {
   position: absolute;
   left: -60px;
   font-weight: 500;
 }

 .tab-link {
   color: #8DC1FB;
   font-size: 22px;
   font-weight: 700;
   padding: 30px 0;
   cursor: pointer;
   position: relative;
   margin-left: 60px;
 }

 .tab-link:not(:last-child) {
   border-bottom: 1px solid #89B5FD;
 }

 .tab-link.current {
   color: #FFFFFF;
 }

 .services_rt {
   position: relative;
   width: 50%;
   display: flex;
   align-items: center;
 }

 .sevices_rt_inner {
   position: relative;
   padding: 50px 100px;
 }

 .serv_card_head {
   color: #FFFFFF;
   font-weight: 600;
 }

 .card_para {
   color: #FFFFFF;
   display: block;
   margin: 20px 0 0;
   font-size: 16px;
   font-weight: 300;
   line-height: 1.5;
 }

 .tab-content {
   display: none;
 }

 .tab-content.current {
   display: block;
 }

 .tab-content figure {
   border-radius: 10px;
   background-image: linear-gradient(to bottom, #23C0F8, #1FA0F7, #186DF6, #1140F5, #0904F4);
   width: 55px;
   height: 54px;
   display: flex;
   align-items: center;
   margin-bottom: 30px;
 }

 /* Services we offer ends here */

 .stats_wrap {
   background: #303236;
   border: 1px solid #4C4C4C;
   padding: 3rem 0 3.5rem;
   margin: 7rem 2rem 7rem;
   border-radius: 10px;
   position: relative;
 }

 .stats_wrap .digits span,
 .stats_wrap .stats-head {
   color: #fff;
 }

 .stats_wrap .states_panel {
   display: flex;
   align-items: center;
   justify-content: space-between;
   padding: 1.5rem 5rem 2.5rem;
   justify-content: space-around;
 }

 /* .digits span:before {
   position: absolute;
   content: "";
   background-color: #000;
   height: 1px;
   bottom: -16px;
   width: 150px;
   left: 50%;
   transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
 } */

 .digits span {
   font-size: 72px;
   line-height: .8;
   color: #fff;
   font-weight: 700;
   position: relative;
   display: block;
   text-align: center;
 }

 .stats-head {
   font-size: 24px;
   font-weight: 400;
   color: #fff;
   display: block;
   text-align: center;
   padding-top: 25px;
   line-height: 1.4;
   min-height: 87px;
 }

 .stats_wrap .btn_line {
   color: #fff;
   background-color: #1468FB;
   border: 2px solid #1468FB;
 }

 .common__btn.blk .btn-effect {
   color: #000;
   border: 2px solid #000;
 }

 .stats_wrap .common__btn {
   margin: 0 auto;
 }

 .common__btn.blk svg {
   stroke: #000;
 }


 .top_head_wrap {
   background-color: #16161D;
   padding-bottom: 20px;
 }

 .case_full_banner figure img {
   max-width: 100%;
 }

 .top_head_wrap .heading1 {
   font-size: 82px;
   line-height: 1.2;
   font-weight: 700;
   color: #fff;
   margin-bottom: 0;
 }

 .service_sec__detail__panel {
   padding: 100px 0;
   background-color: #16161D;
 }

 .service_sec_flex_row {
   display: flex;
   justify-content: space-between;
 }

 .service_sec_left_sec {
   width: 50%;
   padding-right: 50px;
 }

 .service_sec_right_sec .para:last-child {
   margin-bottom: 0;
 }

 .service_sec_flex_row+.service_sec_flex_row {
   padding-top: 80px;
 }

 .sticky {
   position: sticky;
   top: 100px;
 }

 .service_sec_right_sec {
   width: 50%;
   padding-left: 40px;
 }

 .service_sec_right_sec .para:first-child {
   margin-top: 0;
 }

 .gaps {
   padding: 80px 0;
 }

 .bg_color_wrapper {
   background-color: #FDFBF7;
 }



 .tab_img_wrap,
 .tab_img_wrap+.para {
   width: 50%;
 }

 .tab_img_wrap img {
   width: 100%;
 }





 .tab-detail,
 .tab-detail2 {
   display: none;
 }

 .tab-link-wrapper span {
   color: #868892;
   display: inline-block;
   position: relative;
   padding-left: 2rem;
   cursor: pointer;
   font-size: 28px;
   font-weight: 600;
   line-height: 1.4;
 }

 .tab__head_panel ul .tab-link-wrapper:not(:last-child) {
   padding-bottom: 95px;
 }

 .cl_serv_part {
   padding: 4rem 0 6rem;
   position: relative;
 }

 .ellipse2 {
   position: absolute;
   right: -33%;
   top: 0;
   z-index: 1;
 }

 .ellipse1 {
   position: absolute;
   left: -33%;
   top: -210px;
   z-index: 1;
 }

 .tab__head_panel {
   width: 30%;
 }

 .parter_tab_panel {
   padding: 4rem 0 0;
   position: relative;
   z-index: 2;
 }

 .part_rght_panel {
   width: 70%;
 }

 .tab_detl_inner .para {
   color: #fff;
   font-size: 20px;
   line-height: 1.6;
   font-weight: 300;
   margin: 0 0 0 80px;
 }

 .tab-link-wrapper span:before {
   position: absolute;
   content: "";
   left: 0;
   top: 10px;
   width: 8px;
   height: 8px;
   background-color: #fff;
   border-radius: 50%;
   opacity: 0;
 }

 .tab-link-wrapper.active span::before {
   opacity: 1;
 }

 .tab-link-wrapper.active span {
   color: #fff;
 }


 .tech_card {
   position: relative;
 }

 .tech_card::before {
   position: absolute;
   content: "";
   background-color: #F1F2FD;
   border-radius: 5px;
   left: -10px;
   top: 0;
   width: calc(100% + 20px);
   height: 100%;
   opacity: 0;
   z-index: -1;
 }

 .tech_card:hover::before {
   opacity: 1;
 }

 .tech_card .para {
   margin: 0;
   font-size: 14px;
 }

 .tech_card .heading4 {
   color: #000;
   margin-top: 20px;
   font-weight: 500;
 }




 /* Advance tech css */

 .advanced_tech {
   padding: 6rem 0 3rem;
 }

 .grid_col3 {
   display: grid;
   grid-template-columns: 1fr 1fr 1fr;
   grid-column-gap: 100px;
   grid-row-gap: 20px;
   padding: 4rem 0 3rem;
 }

 .tech_card {
   position: relative;
   padding: 40px 30px;
   border: 1px solid transparent;
 }

 .tech_card figure {
   border-radius: 5px;
   background-image: linear-gradient(to bottom, #4D4B53, #3E3B44, #2C2933);
   width: 33px;
   height: 32px;
   display: flex;
   align-items: center;
 }

 .tech_card:hover {
   background-color: #F1F2FD;
   border-radius: 15px;
 }

 .tech_card:hover .para,
 .tech_card:hover .heading4 {
   color: #000;
   opacity: 1;
 }

 .tech_card .para {
   margin: 0;
   font-size: 14px;
   color: #000;
   /* opacity: 0.7; */
 }

 .tech_card .heading4 {
   color: #000;
   margin: 20px 0;
   font-weight: 500;
 }

 /* Advance tech css ends */


 /* Industries We Cater To starts here */
 .sec_gap {
   margin: 0;
 }

 .sec_gap .btn_line {
   color: #fff;
   background-color: #1468FB;
   border: 2px solid #1468FB;
 }

 .grid_colm_panel {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(20%, 1fr));
   padding-top: 4rem;
   position: relative;
 }

 .grid_colm_panel ul {
   display: flex;
   flex-direction: column;
 }

 .grid_colm_panel ul li {
   width: 100%;
 }

 .grid_colm_panel.owl-carousel .owl-item img {
   width: auto;
 }

 .grid_colm_item {
   text-align: center;
   border-right: 1px solid #3c3c3c;
   border-bottom: 1px solid #3c3c3c;
   padding: 40px 50px;
   min-height: 215px;
   display: flex;
   align-items: center;
 }

 .grid_colm_item figure {
   border-radius: 10px;
   background-image: linear-gradient(to bottom, #343338, #302e34, #2b2a2f, #27252b, #232127);
   width: 45px;
   height: 45px;
   display: flex;
   align-items: center;
   margin: 0 auto;
 }

 .grid_colm_item a:hover img {
   transform: scale(1.1);
 }

 .grid_colm_item a:hover .grid_colm_head {
   color: #1468FB;
 }

 .grid_colm_head {
   color: #FFFFFF;
   font-size: 16px;
   font-weight: 300;
   line-height: 1.3;
   padding-top: 20px;
 }

 .grid_colm_panel:before {
   position: absolute;
   content: "";
   top: 0;
   right: -10px;
   width: 30px;
   height: 100%;
   background-color: #000000;
   z-index: 1;
 }

 .grid_colm_panel:after {
   position: absolute;
   content: "";
   bottom: -10px;
   width: 100%;
   height: 30px;
   background-color: #000000;
   z-index: 1;
 }

 /* Industries We Cater To ends here */

 /* Sticky */
 .flx_wrap {
   padding: 3rem 0 4rem;
 }

 .flx_left {
   width: 40%;
 }

 .flx_left.one {
   width: 56%;
 }

 /* .flx_left .heading2 {
  margin-top: 80px;
} */
 .edge_techlist figure {
   border-radius: 5px;
   background: linear-gradient(to bottom, #343338, #302e34, #2b2a2f, #27252b, #232127);
   width: 35px;
   height: 34px;
   display: flex;
   align-items: center;
   margin-right: 20px;
   flex-shrink: 0;
 }

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

 .edge_head {
   font-size: 18px;
   font-weight: 500;
   color: #FFF;
 }

 .edge_techlist .para {
   font-size: 14px;
   margin-top: 0;
   color: #FFFFFF;
 }

 .flx_left .edge_techlist:not(:last-child) {
   padding-bottom: 0;
 }

 /* Sticky */

 .android_service {
   padding: 4rem 0px 8rem;
 }

 .grid_col_panel {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-column-gap: 35px;
   max-width: 1100px;
   grid-row-gap: 40px;
   padding-top: 4rem;
   position: relative;
 }

 .grid_col_tech {
   padding: 50px 35px;
   min-height: 227px;
   width: 350px;
   border-radius: 10px;
   background-color: #0B0B0B;
   border: 1px solid #343434;
 }

 .grid_col_tech:hover {
   background-color: #191919;
   border: 1px solid #343434;
 }

 .grid_col_tech figure {
   border-radius: 10px;
   background-color: #0363FF;
   /* background-image: linear-gradient(to bottom, #343338, #302e34, #2b2a2f, #27252b, #232127); */
   width: 50px;
   height: 50px;
   display: flex;
   align-items: center;
 }

 .grid_col_head {
   color: #fff;
   font-size: 20px;
   font-weight: 700;
   line-height: 1.3;
   padding-top: 30px;
 }


 /* CTA */

 /* CTA */
 .cloud_cta_banner {
   border-radius: 10px;
   margin: 5rem 4rem;
   padding: 1rem 0;
   position: relative;
   text-align: center;
   z-index: 2;
 }


 .heading3 {
   color: #000;
   font-size: 34px;
   font-weight: 400;
 }

 .centerimg img {
   max-width: 100%;
   display: block;
   border-radius: 30px;
 }

 .cloud_cta_banner .common__btn {
   margin: 60px auto 60px;
 }

 .cloud_cta_banner .btn_line {
   color: #fff;
   background-color: #1468FB;
   border: 2px solid #1468FB;
 }

 .text-grad {
   color: #0363FF;
   font-size: 34px;
   font-weight: 400;
 }

 /* CTA ends */


.bg_wrapper.pd0 {
  padding-bottom: 0;
}
 .cloud_project_panel {
   padding: 0 !important;
 }

 .lt_sec,
 .rt_sec {
   width: 45%;
   margin: 130px 0;
   position: relative;
 }

 .lt_sec,
 .rt_sec {
   position: relative;
 }

 .cloud_project_panel .heading2 {
   color: #fff;
 }

 .cloud_project_panel .para {
   color: #d4d4d4;
 }

 .process_card {
   margin-bottom: 40px;
 }

 .process_card .heading4 {
   margin-bottom: 0;
   color: #fff;
   font-weight: 700;
   /* padding-left: 25px; */
 }

 .process_card .para {
   margin: 15px 0 0;
   font-size: 18px;
 }

 .spacer {
   height: 60vh;
   opacity: 0.2;
 }

 .cards_wrapper {
   position: relative;
   width: 200px;
   height: 200px;
   margin: 0 auto;
 }

 .process_card {
   position: absolute;
   top: 0;
   left: 0;
   background-color: #000;
   border: 1px solid #4a4a4a;
   border-radius: 15px;
   padding: 55px 65px;
   width: 494px;
   min-height: 126px;
 }

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

 .process_card_info figure {
   background: #0363ff;
   width: 54px;
   height: 52px;
   border-radius: 5px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .process_card:nth-child(2) {
   top: 10px;
 }

 .process_card:nth-child(3) {
   top: 40px;
 }

 .process_card:nth-child(4) {
   top: 70px;
 }

 .process_card:nth-child(5) {
   top: 100px;
 }

 .process_card:nth-child(6) {
   top: 130px;
 }

 .process_card:nth-child(7) {
   top: 160px;
 }


 /* CTA ends */

 .center_cta {
   padding: 6rem 0 2rem;
 }

 .cta_centerimg {
   margin-top: 1rem;
 }

 .cta_centerimg img {
   max-width: 100%;
 }

 .cta_hd {
   font-size: 36px;
   font-weight: 400;
   line-height: 1.3;
 }

 .center {
   margin: 40px auto 0;
 }

 .cta_centerimg img {
   display: block;
 }



 /* Portfolio css */

 /* horizontal slider */
 .case_scoll_sec {
   width: 500%;
   height: 90vh;
   display: flex;
   flex-wrap: nowrap;
 }

 .panel {
   width: 100%;
   height: 90vh;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   box-sizing: border-box;
   padding: 0;
   border-radius: 15px;
   margin-right: 60px;
 }

 .orange {
   background-color: #e77614;
 }

 .purple {
   background-color: #8d3dae;
 }

 .red {
   background-color: #c82736;
 }

 .blue {
   background-color: #2c7ad2;
 }

 .case_study_panel {
   position: relative;
 }

 .block_bubble {
   color: #d4c9c9;
   background-color: #393839;
   font-size: 1.25rem;
   width: 100px;
   height: 100px;
   /* top: 50%;
  left: 50%; */
   margin: -110px 0 0 -130px;
   border-radius: 50%;
   position: absolute;
   left: 440px;
   top: 200px;
   z-index: 2;
   pointer-events: none !important;
   will-change: transform;
   transform: scale(0);
   transition: 400ms transform cubic-bezier(0.68, 0.55, 0.265, 0.55);
 }

 .case_study_panel .common__btn a {
   position: relative;
   z-index: 3 !important;
 }

 .block_bubble.is-inview {
   transform: scale(1);
 }

 .case_study_panel.cursor-btn .block_bubble {
   transform: scale(0);
 }

 .block_bubble.is-inview {
   transform: scale(1);
 }

 .bg_wrapper.value_clients {
   padding-top: 0;
 }

 .cl_success_stories {
   padding: 7rem 0 5rem;
 }

 .port_stats {
   display: flex;
   color: #fff;
   padding-bottom: 30px;
 }

 .states_head {
   color: #fff;
 }

 .stats_text {
   font-size: 16px;
   font-weight: 300;
   line-height: 1.3;
   padding-top: 5px;
 }

 .stats_text.result {
   font-size: 20px;
   font-weight: 500;
   color: #fff;
   padding-bottom: 15px;
 }

 .states_head span {
   font-size: 32px;
   line-height: 1;
   font-weight: 700;
   display: inline-block;
 }

 .states_head+.states_head {
   margin-left: 20px;
   padding-left: 20px;
   border-left: 1px solid #c1c1c1;
 }

 .port__left .para {
   color: #fff;
   line-height: 1.4;
   font-size: 18px;
   font-weight: 300;
   padding: 20px 0;
 }

 .port__left .para br {
   display: none;
 }

 .port__left {
   width: 760px;
   height: 784px;
   padding: 40px 100px 40px 80px;
   overflow: hidden;
   border: 1px solid #c1c1c1;
   display: flex;
   flex-direction: column;
   justify-content: center;
   border-radius: 15px 0 0 15px;
 }

 .port__rght {
   width: 760px;
   height: 784px;
   position: relative;
   border-radius: 0 15px 15px 0;
 }

 .port__rght img {
   width: 100%;
 }

 .port__rght::before {
   position: absolute;
   content: "";
   background: #333;
   background-position: center;
   width: 85%;
   height: calc(100% + 80px);
   border-radius: 50px;
   top: -35px;
   left: -10px;
   z-index: -1;
   filter: blur(75px);
   bottom: 10px;
 }

 .img1 {
   background: url("https://appinventiv.com/wp-content/themes/twentynineteen-child/new-images/kfc-port-banner.webp") no-repeat;
   background-position: center;
   background-size: cover;
 }

 .img2 {
   background: url("https://appinventiv.com/wp-content/themes/twentynineteen-child/new-images/jobget-port-banner.webp") no-repeat;
   background-position: center;
   background-size: cover;
 }

 .img3 {
   background: url("https://appinventiv.com/wp-content/themes/twentynineteen-child/new-images/dominos-banner.webp") no-repeat;
   background-position: center;
   background-size: cover;
 }

 .img4 {
   background: url("https://appinventiv.com/wp-content/themes/twentynineteen-child/new-images/Edamama-portfolio-banner.webp") no-repeat;
   background-position: center;
   background-size: cover;
 }

 .img5 {
   background: url("https://appinventiv.com/wp-content/themes/twentynineteen-child/new-images/youcomm-banner.webp") no-repeat;
   background-position: center;
   background-size: cover;
 }



 /* Portfolio css ends */




 /* Client testimonial */
 .cl_testimonial_panel {
   padding: 8rem 0;
   margin-top: -1px;
   background: url(https://appinventiv.com/wp-content/themes/twentynineteen-child/new-images/testimonial-bg-img.webp) no-repeat;
   background-position: center;
   background-size: cover;
 }

 #sync1 {
   background: #000011;
   border-radius: 15px;
   border: 1px solid #5f5f6a;
   position: relative;
   padding: 60px 60px 100px;
   margin: 5rem auto;
   max-width: 1060px;
   width: 100%;
 }

 #sync1 .owl-dots {
   position: absolute;
   left: 50%;
   bottom: 25px;
   transform: translateX(-50%);
 }

 #sync2 .owl-stage {
   display: flex;
   align-items: center;
 }

 #sync1.owl-theme .owl-dots .owl-dot span {
   width: 60px;
   height: 2px;
 }

 #sync1.owl-theme .owl-dots .owl-dot.active span,
 #sync1.owl-theme .owl-dots .owl-dot:hover span {
   background-color: #115dfb;
 }

 #sync1.owl-theme .owl-dots .owl-dot.active span {
   height: 4px;
 }

 #sync1.owl-theme .owl-dots .owl-dot span,
 #sync1.owl-theme .owl-dots .owl-dot span {
   background-color: #707070;
 }

 .cl_logo img {
   cursor: pointer;
 }

 #sync2 {
   max-width: 350px;
   width: 100%;
   margin: 0 auto;
 }

 .client__left {
   width: 200px;
   display: flex;
   justify-content: flex-start;
   margin-top: 20px;
 }

 .client__left .client-image img {
   width: 80px;
   margin: 0 0 20px;
 }

 .client__right {
   width: calc(100% - 250px);
   padding-left: 40px;
   position: relative;
 }

 .client__name {
   font-weight: 700;
   font-size: 18px;
   padding-bottom: 5px;
 }

 .client__des {
   font-weight: 400;
   font-size: 14px;
   line-height: 1.4;
 }

 .client__right .para {
   margin-top: 10px;
   font-weight: 300;
   line-height: 1.8;
 }


 .cl_testimonial_panel .owl-carousel .cl_logo img {
   width: auto;
   opacity: 0.3;
 }

 .cl_testimonial_panel .owl-carousel .current .cl_logo img {
   opacity: 1;
 }


 .cl_testimonial_panel .owl-item.active .serv_card_head,
 .cl_testimonial_panel .owl-item.active .para {
   color: #fff;
 }

 .fadeOut {
   -webkit-animation-name: fadeOut;
   animation-name: fadeOut;
 }

 @-webkit-keyframes fadeOut {
   0% {
     opacity: 0;
   }

   100% {
     opacity: 0;
   }
 }

 @keyframes fadeOut {
   0% {
     opacity: 0;
   }

   100% {
     opacity: 0;
   }
 }

 /* Client testimonial ends */



 /* Tech stack starts here */
 .tab_chip span {
   border: 2px solid #000;
   border-radius: 5px;
   padding: 0 35px;
   height: 70px;
   text-align: center;
   font-size: 22px;
   font-weight: 500;
   color: #000;
   cursor: pointer;
   display: flex;
   align-items: center;
 }

 .tab_chip span:hover,
 .tab_chip.active span {
   background-color: #126BFB;
   border: 2px solid #126BFB;
   color: #fff;
 }

 .techstack_logo img {
   max-width: 100%;
 }

 .tab_chips_wrap .owl-item {
   width: auto !important;
 }

 .tech_stack_detail {
   display: none;
 }

 .techstack_panel {
   padding: 6rem 0;
   position: relative;
 }

 .drag_bubble {
   color: #d4c9c9;
   background-color: #393839;
   font-size: 1.25rem;
   width: 100px;
   height: 100px;
   border-radius: 50%;
   position: absolute;
   right: 30px;
   top: 200px;
   z-index: 2;
   pointer-events: none !important;
   will-change: transform;
   transform: scale(0);
   transition: 400ms transform cubic-bezier(0.68, 0.55, 0.265, 0.55);
 }

 .techstack_panel .heading2 {
   z-index: 1;
 }

 .drag_bubble.is-inview {
   transform: scale(1);
 }

 .techstack_panel.cursor-drag .drag_bubble {
   transform: scale(0);
 }


 .tech_steck_panel {
   display: flex;
   justify-content: space-around;
   padding-top: 50px;
 }

 .caption-image {
   padding-left: 120px;
 }

 /* .lft_panel {
   width: 50%;
 }

 .rht_panel {
   padding-left: 8rem;
 } */

 .grid__panel.three {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   grid-column-gap: 50px;
   grid-row-gap: 2rem;
 }

 .grid__panel.four {
   display: grid;
   grid-template-columns: repeat(4, 1fr);
   grid-column-gap: 50px;
   grid-row-gap: 2rem;
   padding-left: 8rem;
 }

 .grid__panel.two {
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   align-items: flex-start;
 }

 .grid__panel {
   display: flex;
   grid-row-gap: 4rem;
   column-gap: 4rem;
   flex-wrap: wrap;
   justify-content: center;
 }

 .tech__icon figure {
   background: #E5E5E5;
   border-radius: 15px;
   width: 80px;
   height: 80px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .tab__tech__wrap li,
 .tab__tech__wrap li a {
   color: #838383;
   margin: 20px 0;
   font-size: 20px;
   font-weight: 600;
   line-height: 1;
   position: relative;
 }

 .tech__icon {
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
 }

 .tech__icon span {
   padding-top: 15px;
   display: block;
   text-align: center;
 }

 .tab__tech__wrap li a {
   text-decoration: underline !important;
   text-align: left;
 }

 .tech_stack_detail .icon_panel {
   padding: 2rem 0;
 }

 .inner_caption {
   font-size: 18px;
   font-weight: 400;
   line-height: 1.2;
   padding-bottom: 2rem;
   text-align: center;
   color: #000;
 }

 .tab_chips_wrap {
   position: relative;
   z-index: 3;
   width: 1450px;
   margin: 60px auto;
 }

 .tab_chips_wrap .owl-stage {
   padding: 50px 0 !important;
   margin: 0 40px !important;
   cursor: grab;
 }

 .techstack_logo {
   width: 33%;
   padding: 0 0 30px;
 }

 .tech_stack_detail .ds_flex {
   display: flex;
   flex-wrap: wrap;

   text-align: center;
 }

 .techstack_logo figure {
   min-height: 90px;
   display: flex;
   align-items: center;
 }

 .tech_stack_wrap {
   max-width: 950px;
   width: 100%;
   margin: 0 auto;
 }

 /* Tech stack ends here */



 /* socialtopcont start css */

 .socialtopcont_wrap {
   padding: 4rem 0 5rem;
   margin-top: -1px;
   background-color: #0F0F0F;
 }

 .socialtopcont {
   align-items: center;
   justify-content: space-between;
 }

 .socialtopcont .socialtop_left {
   max-width: 60%;
   flex: 0 0 60%;
 }

 .socialtopcont .socialtop_right {
   max-width: 40%;
   flex: 0 0 40%;
   position: relative;
   z-index: 2;
 }

 /* .socialtopcont .socialtop_left .soctophead_left {
   padding: 30px 100px 30px 50px;
 } */

 .socialtopcont .socialtop_left .soctophead_left h2 {
   color: #fff;
   font-size: 34px;
   line-height: 1.4;
   font-weight: 500;
 }

 .socialtopcont .socialtop_left .soctophead_left p {
   color: #fff;
   font-size: 16px;
   line-height: 1.4;
 }

 .socialtopcont .socialtop_left .soctophead_left .btn_line {
   color: #fff;
   background-color: #1468FB;
   border: 2px solid #1468FB;
 }

 .socialtopcont .socialtop_right .soctophead_right {
   display: flex;
   margin-left: 15px;
   width: 495px;
   height: 366px;
 }

 .img6 {
   background: url("https://appinventiv.com/wp-content/themes/twentynineteen-child/css/react-native-app-development-company-images/react-cta-banner.webp") no-repeat;
   background-position: center;
   background-size: cover;
 }

 /* socialtopcont end css */





 /* cards css */
 .service_inner {
   padding: 6rem 0 1rem;
   position: relative;
 }

 .service_inner .common__btn {
   margin: 50px auto;
 }

 .slider-counter {
   position: absolute;
   top: 30px;
   left: 0;
   font-size: 20px;
   font-weight: 800;
   color: #fff;
 }

 .slider-counter i,
 .slider-counter var {
   font-style: normal;
 }


 .owl-carousel svg {
   position: absolute;
   margin-left: 0;
   fill: none;
   stroke-linecap: round;
   stroke-linejoin: round;
   stroke: #fff;
   width: 50px;
   height: 40px;
   stroke-width: 0.5;
   transition: all 0.3s ease;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -ms-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
 }

 .owl-carousel .owl-prev svg {
   transform: rotate(180deg) translate(50%, 35%);
   -webkit-transform: rotate(180deg) translate(50%, 35%);
 }

 .owl-nav {
   position: absolute;
   top: -80px;
   right: 50px;
   width: 70px;
   height: 30px;
   display: flex;
   align-items: center;
 }

 .owl-nav button {
   width: 50px;
   position: relative;
 }

 .owl-nav .disabled svg {
   opacity: 0.3;
   cursor: default !important;
 }

 .owl-stage {
   padding-left: 0 !important;
 }

 .bar {
   position: absolute;
   content: "";
   background: #8F8E92;
   width: 28px;
   height: 1px;
   top: 14px;
   left: 35px;
 }

 .bar+span {
   padding-left: 50px;
   color: #8F8E92;
 }

 /* card css start */
 .service_slider.owl-carousel .owl-item img {
   width: auto;
 }

 .service_panels {
   position: relative;
   padding-top: 5rem;
 }


 /* .process_slider .owl-item img {
  width: auto;
} */



 .agile_dev_process {
   background-color: #000;
   padding: 5rem 0;
 }

 .industries_panel {
   padding: 0rem 0 3rem;
   position: relative;
   z-index: 2;
 }

 .bg-radial {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 100%;
   height: 100%;
   background-image: url('https://appinventiv.com/wp-content/themes/twentynineteen-child/css/mobile-game-app-development-services-images/BG-radial.webp');
   background-size: cover;
   background-repeat: no-repeat;
   z-index: -1;
 }

 .process-card {
   position: relative;
 }

 .para.wht {
   color: #fff;
 }

 .process-card-info figure {
   background-color: #0363FF;
   border-radius: 10px;
   width: 54px;
   height: 54px;
   display: flex;
   align-items: center;
   justify-content: center;
 }

 .process-card-info .heading4 {
   margin: 0 0 0 40px;
 }

 .card_icon {
   width: auto;
   display: block;

 }

 .process_card_info .para {
   color: #fff;
   font-size: 14px;
   margin-bottom: 0;
 }

 .heading4 {
   color: #fff;
   font-size: 20px;
   font-weight: 700;
   margin-bottom: 20px;
 }

 .prcess__num {
   position: absolute;
   left: 55px;
   top: 20px;
   color: #fff;
   font-size: 11px;
   font-weight: 500;
 }

 .prcess__num:before {
   position: absolute;
   content: "";
   background: #1163FB;
   width: 8px;
   height: 8px;
   border-radius: 50%;
   left: -15px;
   top: 2px;
 }

 .process_card_panel .owl-stage {
   padding: 0 !important;
 }

 /* cards css ends */



 /* Tabing css */
 .it_consult_inner {
   padding: 4rem 0 3rem;
 }

 .it_consult_head {
   margin-bottom: 50px;
 }

 .it_consult_head p {
   color: #fff;
   font-size: 18px;
   line-height: 1.4;
   padding-top: 10px;
 }

 .tabs.it_consult_tabs {
   position: relative;
   z-index: 2;
 }

 .list_panel ul {
   -moz-column-count: 4;
   column-count: 5;
   padding-left: 20px;
 }

 .list_panel ul li {
   list-style-image: url("https://appinventiv.com/wp-content/themes/twentynineteen-child/css/it-consulting-images/dot-icon.svg");
   color: #fff;
   font-size: 18px;
   font-weight: 500;
   line-height: 1.4;
   padding: 10px 10px 20px 10px;
 }

 .list_panel.blk ul li {
   color: #000;
 }

 .list_panel ul li.blank {
   list-style-image: none;
 }

 /* Tabing css ends */



 .stats_text+.port_stats {
   padding-top: 20px;
 }

 .stats_text.nw {
   padding-top: 0;
 }

 .stats_text.nw span {
   padding-top: 5px;
 }

 .stats_text.result {
   font-size: 20px;
   font-weight: 500;
 }


 .faq_grid_panel {
   display: grid;
   grid-column-gap: 50px;
   grid-row-gap: 50px;
   grid-template-columns: 1fr 1fr;
   padding: 4rem 0 0;
 }

 .faq_col {
   padding-bottom: 2rem;
 }


 @media (max-width: 1899px) {
   .case_full_banner {
     padding-top: 20vh
   }


 }


 @media (max-width:1680px) {
   .common__btn .btn-effect {
     font-size: 14px;
   }

   .top_head_wrap .heading1 {
     font-size: 78px;
   }

   .trusted_brands {
     font-size: 16px;
   }

   .serv_card_head {
     font-size: 28px;
   }

   .service_cards .para {
     font-size: 14px;
   }

   .service_cards figure {
     width: 66px;
     height: 66px;
   }

   .service_cards {
     min-height: 470px;
   }

   .common__btn.top_spc {
     margin-top: 50px;
   }

   .digits span {
     font-size: 60px;
   }

   .stats-head {
     font-size: 18px;
   }

   .tab_hd {
     font-size: 24px;
   }

   .card_info figure {
     width: 53px;
     height: 51px;
   }

   .cycle-tab-item .para {
     font-size: 18px;
   }

   .tab-pane figure {
     max-width: 480px;
   }

   .card_info .heading2 {
     font-size: 22px;
   }

   .caption {
     font-size: 14px;
   }

   .card_info {
     min-height: 340px;
   }

   .bene_slide_lft span {
     font-size: 18px;
   }

   .states_head span {
     font-size: 26px;
   }

   .cl__partners {
     max-width: 800px;
   }

   .logo_info .para {
     font-size: 14px;
   }

   .logo_info h3 {
     font-size: 26px;
   }

   .tab_chip span {
     font-size: 20px;
   }

   .tech_stack_wrap {
     max-width: 750px;
   }

   .card_box {
     max-width: 170px;
   }

   .stats_panel .para {
     font-size: 12px;
   }

   .tech__icon img {
     transform: scale(.8);
     -webkit-transform: scale(.8);
   }

   .tab__head_panel ul .tab-link-wrapper:not(:last-child) {
     padding-bottom: 65px;
   }

   .typehealthcare_tabs a {
     font-size: 18px;
   }

 }



 @media (max-width: 1550px) {
   .top_head_wrap .heading1 {
     font-size: 70px;
   }

   .serv_card_list li {
     font-size: 15px;
   }

   .serv_card_head {
     font-size: 26px;
   }

   .digits span {
     font-size: 54px;
   }

   .stats-head {
     font-size: 16px;
   }

   .tab_hd {
     font-size: 22px;
   }

   .cycle-tab-item .para {
     font-size: 16px;
   }

   .tab-pane figure {
     max-width: 460px;
   }

   .card_info .heading2 {
     font-size: 18px;
   }

   .caption {
     font-size: 12px;
   }

   .card_info {
     min-height: 330px;
   }

   .tab-link-wrapper span {
     font-size: 25px;
   }

   .tab_detl_inner .para {
     font-size: 18px;
     margin: 0 0 0 50px;
   }

   .port__left {
     width: 560px;
     height: 620px;
     padding: 40px 80px 40px 60px;
   }

   .port__rght {
     width: 600px;
     height: 620px;
   }

   .port__left .para {
     font-size: 16px;
   }

   .states_head span {
     font-size: 21px;
   }

   .cl__partners {
     max-width: 800px;
   }

   .logo_info .para {
     font-size: 16px;
   }

   .logo_info h3 {
     font-size: 25px;
   }

   .tab_chip span {
     font-size: 18px;
   }

   .tech_stack_wrap {
     max-width: 780px;
   }

   .card_box {
     max-width: 180px;
   }

   .stats_panel .para {
     font-size: 12px;
   }

   .small-container {
     width: 720px;
   }

   .blog_image_link {
     height: 266px;
   }

   .indus_card .para {
     font-size: 14px;
   }

   .typehealthcare_tabs .tabs-stage ul li {
     font-size: 18px;
   }

   .tab-link {
     font-size: 22px;
   }

   .process_card .para {
     font-size: 14px;
   }

 }

 @media (max-width:1440px) {
   .top_head_wrap .heading1 {
     font-size: 68px;
   }

   .heading2 {
     font-size: 46px;
   }

   .app__subhead,
   .serv_card_list li {
     font-size: 17px;
   }

   .serv_card_head {
     font-size: 26px;
   }

   .digits span {
     font-size: 54px;
   }

   .stats-head {
     font-size: 16px;
   }

   .tab_hd {
     font-size: 22px;
   }

   .cycle-tab-item .para {
     font-size: 18px;
   }

   .tab-pane figure {
     max-width: 450px;
   }

   .card_info .heading2 {
     font-size: 18px;
   }

   .caption {
     font-size: 12px;
   }

   .card_info {
     min-height: 330px;
   }

   .port__left {
     width: 530px;
     height: 570px;
     padding: 40px 80px 40px 60px;
   }

   .port__rght {
     width: 570px;
     height: 570px;
   }

   .bene_slide_lft span {
     font-size: 18px;
   }

   .tab-link-wrapper span {
     font-size: 25px;
   }

   .cl__partners {
     max-width: 800px;
   }

   .logo_info .para {
     font-size: 14px;
   }

   .logo_info h3 {
     font-size: 25px;
   }

   .tab_chip span {
     font-size: 17px;
   }

   .tech_stack_wrap {
     max-width: 750px;
   }

   .card_box {
     max-width: 170px;
   }

   .stats_panel .para {
     font-size: 12px;
   }

   .app-faq-wrap-list li .head {
     font-size: 16px;
   }

   .app-faq-wrap-list li .faq-content-wrap p {
     font-size: 13px;
   }

   .service_cards .para {
     font-size: 13px;
   }

   .process_card_info .para {
     font-size: 14px;
   }

   .grid_col_heading {
     font-size: 14px;
   }

   .tab_detl_inner .para {
     font-size: 16px;
   }

 }

 @media (max-width:1366px) {
   .top_head_wrap .heading1 {
     font-size: 66px;
   }

   .serv_card_list li {
     font-size: 15px;
   }

   .serv_card_head {
     font-size: 26px;
   }

   .card_info {
     padding: 40px 30px;
   }

   .cycle-tab-item .para {
     font-size: 16px;
   }

   .tab-pane figure {
     max-width: 450px;
   }

   .card_info {
     min-height: 290px;
   }

   .tab-link-wrapper span {
     font-size: 22px;
   }

   .card_para {
     font-size: 14px;
   }

 }


 @media (max-width:1280px) {
   .top_head_wrap .heading1 {
     font-size: 64px;
   }
 }

 @media screen and (max-width: 1200px) {
   .top_head_wrap .heading1 {
     font-size: 56px;
   }

   .top_content_wrap .app__subhead {
     font-size: 18px;
   }

   .common__btn .btn-effect {
     font-size: 13px;
     padding: 12px 50px 12px 24px;
   }

   .client_logos {
     padding: 30px 10px;
   }

   .heading2 {
     font-size: 40px;
   }

   .app__subhead,
   .serv_card_list li {
     font-size: 16px;
   }

   .services_lt {
     padding: 40px 40px 40px 30px;
   }

   .scroll_list {
     height: 360px;
     padding-right: 50px;
   }

   .tab-link {
     font-size: 20px;
     padding: 26px 0;
   }

   .sevices_rt_inner {
     padding: 30px 70px;
   }

   .serv_card_head {
     font-size: 24px;
   }

   .services_container .card_para {
     font-size: 13px;
   }

   .stats_wrap .states_panel {
     padding: 1.5rem 2rem 2.5rem;
   }

   .digits span {
     font-size: 48px;
   }

   .states_panel .stats-head {
     font-size: 14px;
   }

   .stats-head {
     min-height: 60px;
   }

   .heading4 {
     font-size: 22px;
   }

   .grid_col3 .tech_card .para {
     font-size: 13px;
   }

   .grid_colm_item .grid_colm_head {
     font-size: 14px;
   }

   .tab-link-wrapper span {
     font-size: 20px;
   }

   .tab__head_panel ul .tab-link-wrapper:not(:last-child) {
     padding-bottom: 45px;
   }

   .tab_detl_inner .para {
     font-size: 14px;
   }

   .cta_hd {
     font-size: 32px;
   }

   .portfolio_info .port__left .para {
     font-size: 14px;
     margin: 0;
   }

   .port__left .stats_text.result,
   .port__left .states_head span {
     font-size: 18px;
   }

   .port_logo img {
     margin-bottom: 20px;
   }

   .port_logo figure {
     max-width: 140px;
   }

   #sync1 .client__right .para {
     font-size: 14px;
   }

   #sync1 .client__name {
     font-size: 16px;
   }

   #sync1 .client__des {
     font-size: 12px;
   }

   #sync2 .cl_logo {
     max-width: 120px;
     margin: 0 auto;
   }

   #sync2 .cl_logo img {
     max-width: 100%;
   }

   .slider-counter {
     font-size: 18px;
   }

   .process_card {
     padding: 60px 30px 30px;
   }

   .slider_container .process_card_info .para {
     font-size: 14px;
     margin-top: 20px;
   }

   .tech_icon .grid_col_heading {
     font-size: 14px;
   }

   .tech_icon figure {
     width: 90px;
     height: 90px;
   }

   .tech_icon figure img {
     max-width: 40px;
   }

   .process_card_info .heading4 {
     font-size: 20px;
     margin-bottom: 10px;
   }

   .process_card_info figure {
     width: 48px;
     height: 48px;
     margin-bottom: 30px;
   }

   .process_slider .owl-item img {
     max-width: 25px;
   }

   .recog_col figure {
     width: 110px;
     margin: 0 auto;
   }

   .recog_col figure img {
     max-width: 100%;
   }


   .grid_col3 {
     grid-column-gap: 70px;
   }

   .tech_card::before {
     width: 100%;
     height: 100%;
     left: 0;
   }

   .grid_col3 .tech_card figure {
     display: flex;
     align-items: center;
     justify-content: center;
   }

   .grid_tech_panel {
     padding: 50px 130px 0;
   }
 }

 @media screen and (max-width: 1024px) {
   .container {
     width: 100%;
     margin: 0 auto;
     padding: 0 15px;
   }

   .app__subhead br {
     display: none;
   }

   .top_head_wrap .heading1 {
     font-size: 50px;
   }

   .top_content_wrap .app__subhead {
     font-size: 16px;
   }

   .trusted_brands {
     font-size: 14px;
   }

   .trusted_brands span {
     padding: 0 20px;
   }

   .client-logo-slider.owl-carousel .owl-item img {
     max-width: 110px;
   }

   .client-logo-slider.owl-carousel .owl-item img.kfc {
     width: 75px;
   }

   .client-logo-slider.owl-carousel .owl-item img.kpmg {
     width: 75px;
   }

   .client-logo-slider.owl-carousel .owl-item img.google {
     width: 80px;
   }

   .bg_wrapper {
     padding: 3rem 0;
   }

   .heading2 {
     font-size: 36px;
   }

   .app__subhead,
   .serv_card_list li {
     font-size: 14px;
   }

   .tab-link {
     font-size: 18px;
     padding: 22px 0;
   }

   .scroll_list {
     padding-right: 40px;
     height: 320px;
   }

   .serv_card_head {
     font-size: 20px;
   }

   .services_container .card_para {
     font-size: 12px;
     line-height: 20px;
   }

   .tab-content figure {
     width: 45px;
     height: 45px;
   }

   .tab-content figure img {
     max-width: 24px;
   }

   .digits span {
     font-size: 40px;
   }

   .states_panel .stats-head {
     font-size: 13px;
   }

   .stats_wrap {
     margin: 7rem 0;
   }

   .advanced_tech {
     padding: 5rem 0 3rem;
   }

   .grid_col3 {
     grid-column-gap: 40px;
   }

   .heading4 {
     font-size: 18px;
   }

   .tech_card figure img {
     max-width: 36px;
   }

   .grid_colm_item {
     padding: 20px;
     min-height: 180px;
   }

   .tab-link-wrapper span {
     font-size: 18px;
   }

   .tab_detl_inner .para {
     font-size: 13px;
     margin-left: 30px;
   }

   .pin_spacers {
     height: calc(50vh - 380px);
   }

   .case_full_banner {
     padding-top: 10vh;
   }

   .tab__head_panel ul .tab-link-wrapper:not(:last-child) {
     padding-bottom: 40px;
   }

   .panel {
     height: auto;
     margin-right: 30px;
   }

   .portfolio_info .port__rght,
   .portfolio_info .port__left {
     height: 500px;
   }

   .port__left {
     padding: 40px;
     width: 500px;
   }

   .port__rght {
     width: 500px;
   }

   .portfolio_info .port__left .para {
     line-height: 24px;
   }

   .cl_testimonial_panel {
     padding: 5rem 0;
     margin-top: -2px;
   }

   #sync1 .client__right .para {
     font-size: 13px;
     line-height: 20px;
   }

   .common__btn {
     margin-top: 30px;
   }

   #sync1 {
     padding: 40px 55px 70px;
   }

   #sync1 .client__name {
     font-size: 15px;
   }

   .process_card_info .heading4 {
     font-size: 18px;
   }

   .slider_container .process_card_info .para {
     font-size: 13px;
     margin-top: 15px;
   }

   .grid_tech_panel {
     padding-bottom: 4rem;
   }

   .recog_col figure {
     width: 100px;
   }

   .our_recognitions {
     padding-bottom: 1rem;
   }

   .grid_tech_panel {
     padding: 50px 100px 0;
   }

   .techstack_panel {
     padding: 4rem 15px;
   }

   .tech_stack_wrap {
     padding-top: 30px;
   }

   .tab_chips_wrap {
     max-width: 1160px;
     width: 100%;
     overflow-x: scroll;
     height: 90px;
     padding-bottom: 20px;
     margin: 50px auto 0;
     justify-content: flex-start;
   }

   .tab_chips_wrap .item {
     margin-right: 20px;
   }

   .tab_chip span {
     min-width: 160px;
   }


   .socialtopcont .socialtop_left {
     max-width: 50%;
   }

   .socialtopcont .socialtop_right {
     max-width: 50%;
   }

   .socialtopcont .socialtop_left .soctophead_left h2 {
     font-size: 22px;
   }

   .socialtopcont .socialtop_right .soctophead_right {
     margin-left: 0;
     max-width: 100%;
   }

   br {
     display: none;
   }

 }


 @media screen and (max-width: 912px) {

   .sevices_rt_inner {
     padding: 30px 40px;
   }

   .services_lt {
     padding: 30px 20px 30px 30px;
   }

   .scroll_list_num {
     left: -45px;
   }

   .tab-link {
     margin-left: 45px;
   }

   .scroll_list {
     height: 300px;
   }

   .serv_card_head {
     font-size: 18px;
   }

   .states_panel .digits {
     width: 20%;
   }

   .digits span:before {
     width: 100%;
   }

   .digits span {
     font-size: 32px;
   }

   .states_panel .stats-head {
     font-size: 12px;
   }

   .grid_col3 {
     grid-column-gap: 20px;
   }

   .tech_card {
     padding: 20px;
   }

   .heading4 {
     font-size: 16px;
   }

   .tech_card .heading4 {
     margin: 20px 0 12px;
   }

   .heading2 {
     font-size: 32px;
   }

   .tech_card figure img {
     max-width: 30px;
   }

   .process_card_info .heading4 {
     font-size: 20px;
   }

   .has-buttons .owl-nav {
     right: 50px;
   }

   #sync2 .cl_logo {
     max-width: 100px;
   }

   .grid_tech_panel {
     padding: 50px 50px 30px;
   }

   .slider-counter {
     font-size: 16px;
     top: 56px;
   }

   .has-buttons .owl-nav button.owl-prev,
   .has-buttons .owl-nav button.owl-next {
     background-size: 20px;
   }

   .tech_icon .grid_col_heading {
     font-size: 13px;
   }

   .process_card {
     min-height: auto;
   }
 }

 @media screen and (max-width: 820px) {
   .heading2 {
     font-size: 30px;
   }

   .client-logo-slider.owl-carousel .owl-item img {
     width: 80px;
   }

   .client-logo-slider.owl-carousel .owl-item img.google {
     width: 70px;
   }

   .client-logo-slider.owl-carousel .owl-item img.kpmg {
     width: 65px;
   }

   .client-logo-slider.owl-carousel .owl-item img.kfc {
     width: 65px;
   }

   .tab-link {
     font-size: 16px;
   }

   .grid_colm_item {
     min-height: 160px;
   }

   .grid_colm_item figure {
     width: 40px;
     height: 40px;
   }

   .grid_colm_panel.owl-carousel .owl-item img {
     max-width: 20px;
   }

   .grid_colm_item .grid_colm_head {
     font-size: 13px;
   }

   .tab-link-wrapper span {
     font-size: 16px;
   }

   .tab_img_wrap {
     width: 45%;
   }

   .tab__head_panel ul .tab-link-wrapper:not(:last-child) {
     padding-bottom: 30px;
   }

   .cta_hd {
     font-size: 28px;
   }

   .portfolio_info .port__left .para {
     font-size: 13px;
   }

   .port__left .stats_text.result,
   .port__left .states_head span {
     font-size: 16px;
   }

   .port_logo figure {
     max-width: 120px;
   }

   .port_stats {
     padding-top: 30px;
   }

   .portfolio_info .port__rght,
   .portfolio_info .port__left {
     height: 450px;
   }

   .tech_stack_wrap .inner_caption,
   .port__left .stats_text {
     font-size: 14px;
   }

   .prcess__num {
     left: 20px;
   }

   .process_card_info figure {
     width: 40px;
     height: 40px;
   }

   .service_slider .owl-item img {
     max-width: 22px;
   }

   .process_card {
     padding: 50px 20px 20px;
   }

   .our_recognitions .para {
     font-size: 14px;
   }

   .recog_col figure {
     width: 80px;
   }

   .client__left {
     width: 150px;
   }

   .client__right {
     width: calc(100% - 200px);
   }

   #sync1 {
     padding: 40px 30px 40px;
   }

   #sync2 .cl_logo {
     max-width: 80px;
   }
 }

 @media screen and (max-width: 767px) {
   .container {
     width: 100%;
     margin: 0 auto;
     padding: 0 15px;
   }

   .bg_lines {
     display: none;
   }

   .heading1 br {
     display: inherit;
   }

   .our_recognitions .para br {
     display: none;
   }

   .heading2 br {
     display: none;
   }

   .grid_colm_item figure {
     width: 40px;
     height: 40px;
   }

   .grid_colm_panel.owl-carousel .owl-item img {
     max-width: 20px;
   }

   .top_head_wrap .heading1 {
     font-size: 40px;
   }

   .sub_para br {
     display: none;
   }

   .heading3,.text-grad {
     font-size: 20px;
   }
   .cloud_cta_banner .common__btn {
    margin: 40px auto 40px;
   }
   .centerimg img {
    border-radius: 0;
   }
   

   .services_container {
     margin-top: 3rem;
   }

   .scroll_list {
     padding-right: 20px;
   }

   .services_lt {
     padding: 20px;
   }

   .tab-link {
     padding: 18px 0;
   }

   .sevices_rt_inner {
     padding: 30px;
   }

   .serv_card_head {
     font-size: 16px;
   }

   .tab-content figure {
     width: 40px;
     height: 40px;
     margin-bottom: 24px;
   }

   .card_para {
     margin-top: 15px;
   }

   .stats_wrap {
     margin-top: 6rem;
   }

   .digits span {
     font-size: 30px;
   }

   .stats_wrap .states_panel {
     padding: 1.5rem 1rem 2.5rem;
   }

   .grid_col3 {
     grid-template-columns: 1fr 1fr;
   }

   .grid_colm_item {
     min-height: 120px;
     padding: 10px;
   }

   .grid_colm_item .grid_colm_head {
     font-size: 12px;
   }

   .grid_colm_item figure {
     width: 30px;
     height: 30px;
   }

   .grid_colm_panel.owl-carousel .owl-item img {
     max-width: 13px;
   }

   .heading2 {
     font-size: 27px;
   }

   .states_panel .stats-head {
     font-size: 11px;
   }

   .socialtopcont {
     flex-direction: column;
   }

   .socialtopcont .socialtop_right .soctophead_right {
     margin-left: 0;
     max-width: 100%;
   }

   .socialtopcont .socialtop_left {
     max-width: 100%;
   }

   .socialtopcont .socialtop_right {
     padding-top: 75px;
     max-width: 100%;
   }

   .socialtopcont .socialtop_left .soctophead_left h2 {
     font-size: 20px;
   }

   .tab-link-wrapper span {
     padding-left: 18px;
   }

   .tab-link-wrapper span:before {
     top: 7px;
     width: 5px;
     height: 5px;
   }

   .tab-link-wrapper span {
     font-size: 14px;
   }

   .tab_detl_inner .para {
     font-size: 12px;
     margin-left: 10px;
   }

   .client__left {
     width: 130px;
   }

   .client__right {
     width: calc(100% - 150px);
   }

   .grid_tech_panel {
     grid-column-gap: 12px;
     padding: 50px 10px 30px;
   }

   .tech_icon figure {
     width: 80px;
     height: 80px;
   }

   .tech_icon figure img {
     max-width: 35px;
   }

   .recog_col figure {
     width: 70px;
   }

   #sync1 .owl-dots {
     bottom: 5px;
   }

   .client_logos {
     padding: 25px 0;
   }

   .trusted_brands {
     font-size: 12px;
   }

   .process_card {
     min-height: 320px;
   }

   .prcess__num {
     left: 35px;
   }

   .service_slider .owl-nav {
     top: -60px;
   }

   /* Top banner css */
   .case_full_banner {
     padding-top: 0;
   }

   .pin_spacers {
     display: none;
   }

   .top_head_wrap.bg_wrapper {
     padding-top: 8rem;
   }

   .top_content_wrap .common__btn {
     margin: 35px auto;
   }

   /* Top banner css ends */


   .tech_steck_panel {
     flex-direction: column;
   }

   .caption-image {
     padding-left: 15px;
   }

   .rht_panel {
     padding-top: 50px;
   }

   .grid_col_panel {
     grid-template-columns: 1fr;
   }

   .grid_col_tech {
     width: 100%;
     min-height: auto
   }
   .grid_col_panel {
    grid-row-gap: 10px
   }
   .android_service {
    padding: 4rem 0px;
   }

   .grid_col_head {
     font-size: 16px;
   }


   .blog__panel {
     flex-direction: column;
   }

   .blog_col {
     width: 100%;
   }

   .blog_caption {
     min-height: auto;
   }

   .blog_col {
     margin-bottom: 40px;
   }

   .blog__panel {
     padding: 0;
   }

   .blog-sec {
     padding: 0 0 2rem;
   }


   /* FAQ */
   .faq_grid_panel {
     grid-template-columns: 1fr;
     grid-row-gap: 20px;
     grid-column-gap: 20px;
     padding: 2rem 0 0;
   }

   .app-faq-wrap-list .head {
     font-size: 16px;
     padding: 20px 40px 25px 0;
   }

   .app-faq-wrap-list {
     padding: 15px;
   }

   .faq-content-wrap {
     padding-right: 0;
   }

   .faq_col_panel .faq_col:not(:last-child) {
     margin-bottom: 20px;
   }

   /* FAQ ends*/


   /* Footer css */
   .headq__panel {
     padding: 2rem 0;
   }

   .foot-top-col {
     max-width: 100%;
     width: 100%;
     margin-bottom: 30px;
   }

   .flexrow {
     padding-bottom: 20px
   }

   .hd_logo img {
     max-width: 100px;
   }

   .most_trust_badge span {
     font-size: 10px;
     font-weight: 400;
     line-height: 1.5;
     padding-left: 8px;
   }

   .most_trust_badge {
     margin-left: 20px;
     padding: 5px;
   }

   .countries__wrapper {
     grid-template-columns: repeat(1, 1fr);
   }

   br {
     display: none;
   }

   .filter {
     width: 35px;
     height: 35px;
   }

   .footer_wrapper .flex_wrapper.space_between {
     flex-direction: column;
   }

   .foot-top-col {
     position: relative;
   }

   .foot-col-plus {
     position: absolute;
     right: 0;
     top: -6px;
     width: 30px;
     height: 30px;
   }

   .foot-col-plus:after,
   .foot-col-plus:before {
     position: absolute;
     content: "";
     background: #fff;
   }

   .active .foot-col-plus:after {
     opacity: 0;
   }

   .foot-col-plus:before {
     width: 18px;
     height: 2px;
     top: 14px;
     left: 5px;
   }

   .foot-col-plus:after {
     height: 17px;
     width: 2px;
     left: 13px;
     top: 7px;
     opacity: 1;
   }

   .footer_list {
     margin: 0 0 20px 0;
     padding-left: 20px;
   }

   .career span {
     right: 0;
     top: 12px;
     padding: 5px 10px;
   }

   .foot-col-head {
     padding-bottom: 10px;
   }

   .footer-mid {
     padding: 50px 0 0;
   }

   .foot-col-head {
     font-size: 20px;
   }

   .top_arrw {
     display: none;
   }

   .top_arrw_mobile {
     display: block;
   }

   .full_stack p {
     margin: 20px 0 0 0;
     font-size: 14px;
   }

   .statutory-mwrapper,
   .copy_rght,
   .foot_social_network {
     width: 100%;
   }

   .copy_rght {
     padding-top: 15px;
   }

   .copy_rght ul>li {
     line-height: 1;
     margin-bottom: 8px;
   }

   /* Footer css ends*/


   /* portfolio css */
   .case_scoll_sec {
     width: 350%;
   }

   .block_bubble {
     display: none;
   }

   /* portfolio css ends */

   .blog_caption {
     min-height: auto;
   }

   .blog_col {
     margin-bottom: 40px;
   }

   .blog__panel {
     padding: 0;
   }

   .blog-sec {
     padding: 0 0 2rem;
   }

   .performance_driver_section {
     padding-top: 4rem;
   }

   #sticky1>div {
     transform: none !important;
   }

   .flx_wrap.ds_flex {
     flex-direction: column;
     padding: 0;
   }

   .flx_left.one,
   .flx_left {
     width: 100%;
   }

   .flx_left {
     padding: 2rem 0 0;
   }

   .cloud_cta_banner .heading4 {
     font-size: 18px
   }

   .cta_logo {
     top: 2px;
     max-width: 215px;
   }

   .cloud_cta_banner {
     margin: 0 15px;
     padding: 50px 15px;
   }

   .port__left .heading3 {
     font-size: 16px;
   }

   .process-card {
     width: 100%;
     min-height: auto;
   }

   .slider-counter {
     font-size: 13px;
   }

   .service_panels {
     position: relative;
   }

   .list_panel ul {
     -moz-column-count: 2;
     column-count: 2;
   }

   .list_panel ul li {
     font-size: 16px;
   }

   .it_consult_head {
     margin-bottom: 20px;
   }

   .it_consult_inner {
     padding: 2rem 0;
   }

   .rt_sec {
     grid-template-columns: 1fr;
   }

   .rt_sec .process_card {
     width: 100%;
     padding: 40px 20px;
     margin-bottom: 15px;
     position: relative;
     top: auto;
     min-height: auto;
   }

   .talk_us_contact {
     padding: 4rem 0 0;
   }

   .form-col-50 {
     padding: 30px 15px;
   }

   .form_hm_panel .ds_flex:not(.flex_al_center) {
     flex-direction: column;
   }

   .form-col {
     width: 100%;
   }

   #sync1 .client__des {
     margin-left: 20px;
     font-size: 12px;
   }


 }

 @media screen and (max-width: 650px) {

   .heading2 {
     font-weight: 500;
     line-height: 26px;
   }

   .horizontal_line::before {
     display: none;
   }

   .top_content_wrap .app__subhead {
     font-size: 14px;
     margin-top: 10px;
   }

   .top_head_wrap .heading1 {
     font-size: 24px;
   }

   .common__btn .btn-effect {
     font-size: 12px;
     padding: 10px 40px 10px 20px;
   }

   .client_logos {
     padding: 0;
   }

   .top_head_wrap.bg_wrapper {
     padding-bottom: 0;
   }

   .bg_wrapper {
     padding: 3rem 0;
   }

   .heading2 {
     font-size: 22px;
   }

   .app__subhead {
     padding-top: 5px;
   }

   .services_container {
     margin-top: 50px;
     border: 0;
     padding: 0;
     border-radius: 0;
   }

   .services_lt {
     display: none;
   }

   .services_rt {
     width: 100%;
   }

   .sevices_rt_inner {
     padding: 0;
   }

   .services_rt .tab-content {
     display: block;
   }

   .trusted_brands span {
     padding: 0;
   }

   .tab-accordion-header {
     display: flex;
     align-items: center;
     min-height: 68px;
     padding: 10px 12px;
     background-color: #1E1E1E;
     border-radius: 8px;
   }

   .tab-accordion-header figure {
     margin: 0 16px 0 0;
     width: 20px;
     height: auto;
     background: transparent;
     flex-shrink: 0;
   }

   .tab-accordion-header .serv_card_head {
     position: relative;
     padding-right: 36px;
     flex: 1;
   }

   .tab-accordion-header .serv_card_head::before {
     background-image: url('https://appinventiv.com/wp-content/themes/twentynineteen-child/css/ai-ml-images/mobile-arrow.svg');
     background-repeat: no-repeat;
     background-position-y: center;
     background-position-x: calc(100% - 10px);
     position: absolute;
     content: "";
     right: 10px;
     top: -4px;
     width: 35px;
     height: 35px;
   }

   .active .tab-accordion-header .serv_card_head::before {
     transform: rotate(-180deg);
   }

   .tab-content figure img {
     max-width: 18px;
   }

   .tab-content.active .tab-accordion-header {
     background: linear-gradient(90deg, rgba(36, 199, 248, 1) 0%, rgba(10, 6, 244, 1) 100%);
   }

   .tab-content {
     margin-bottom: 24px;
   }

   .tab-content .tab-accordion-body {
     display: none;
     overflow: hidden;
     transition: max-height 0.2s ease-out;
   }

   .serv_card_head {
     line-height: 24px;
   }

   .stats_wrap {
     margin: 40px 0;
     padding: 23px 0 30px;
   }

   .stats_wrap .states_panel {
     flex-wrap: wrap;
     padding: 10px 18px 0;
     justify-content: space-between;
   }

   .states_panel .digits {
     width: 45%;
   }

   .digits span:before {
     width: 90px;
   }

   .states_panel .stats-head {
     font-size: 10px;
     margin-bottom: 30px;
   }

   .advanced_tech {
     padding: 48px 0;
   }

   .grid_col3 {
     grid-template-columns: 1fr;
     padding: 30px 0;
     grid-row-gap: 10px;
     grid-column-gap: 0;
   }

   .tech_card {
     padding: 30px 20px;
   }

   .grid_col3 .tech_card .para {
     font-size: 12px;
   }

   .grid_colm_panel .item .grid_colm_item:nth-last-of-type(1) {
     border-bottom: 0;
   }

   .grid_colm_panel .item .grid_colm_item:nth-of-type(1) {
     padding-top: 0;
     padding-bottom: 24px;
   }

   .grid_colm_panel .item .grid_colm_item:nth-of-type(2) {
     padding-top: 30px;
     padding-bottom: 30px;
   }

   .grid_colm_panel .item .grid_colm_item:nth-of-type(3) {
     padding-top: 24px;
     padding-bottom: 0;
   }

   .grid_colm_panel:after {
     display: none;
   }

   .grid_colm_panel .owl-dots,
   .grid_tech_panel .owl-dots {
     text-align: center;
     margin-top: 6px;
     padding-bottom: 10px;
   }

   .grid_colm_panel .owl-dots .owl-dot,
   .grid_tech_panel .owl-dots .owl-dot {
     width: 8px;
     height: 8px;
     border-radius: 50%;
     background-color: #707070;
     margin: 4px;
   }

   .grid_colm_panel .owl-dots .owl-dot.active,
   .grid_tech_panel .owl-dots .owl-dot.active {
     width: 24px;
     height: 8px;
     border-radius: 8px;
     background-color: #126BFB;
   }

   .grid_colm_item {
     min-height: unset;
   }

   .cl_serv_part {
     padding-top: 3rem;
   }

   .cl_serv_part .app__subhead {
     position: relative;
     z-index: 1;
   }

   .parter_tab_panel {
     padding-top: 30px;
   }

   .parter_tab_panel>.ds_flex {
     flex-direction: column;
   }

   .tab__head_panel {
     width: 100%;
   }

   .part_rght_panel {
     margin-top: 10px;
     width: 100%;
   }

   .tab_img_wrap {
     display: none;
   }

   .tab_detl_inner .para {
     margin-left: 0;
     font-size: 14px;
     width: 100%;
   }

   .ellipse1,
   .ellipse2 {
     width: 305px;
     height: 305px;
   }

   .ellipse1 img,
   .ellipse2 img {
     width: 100%;
     opacity: .7;
   }

   .ellipse1 {
     left: -50%;
     top: -100px;
   }

   .ellipse2 {
     top: unset;
     right: -60%;
     bottom: -20px;
     z-index: 0;
     transform: rotate(185deg);
   }

   .center_cta {
     padding: 60px 0;
   }

   .cta_hd {
     font-size: 22px;
     margin-bottom: 10px;
   }

   .cta_centerimg img {
     margin: 0;
   }

   .center {
     margin: 30px auto 40px;
   }

   .cl_success_stories {
     padding: 30px 24px;
   }

   .panel {
     margin-right: 20px;
     display: block;
   }

   .portfolio_info>.ds_flex {
     flex-direction: column;
   }

   .portfolio_info .port__left {
     height: 300px;
     border-radius: 15px 15px 0 0;
     width: 100%;
     padding: 20px;
   }

   .common__btn {
     margin-top: 20px;
   }

   .portfolio_info .port__rght {
     height: 300px;
     width: 100%;
     border-radius: 0 0 15px 15px;
   }

   .portfolio_info .port__left .para {
     font-size: 12px;
     line-height: 18px;
     padding: 0;
   }

   .port_logo img {
     margin-bottom: 15px;
     max-width: 90px;
   }

   .port__left .stats_text.result,
   .port__left .states_head span {
     font-size: 14px;
   }


   .port__left .stats_text {
     font-size: 10px;
   }
   .tech_stack_wrap .inner_caption {
    font-size: 14px;
   }
   .stats_text+.port_stats {
     padding-top: 10px;
   }

   .cl_testimonial_panel {
     padding: 4rem 0;
   }

   #sync1.owl-theme .owl-dots .owl-dot span {
     width: 30px;
   }

   #sync1 {
     margin: 40px 0;
     padding: 24px;
   }

   .cl_testimonial_panel .item>.ds_flex {
     flex-direction: column-reverse;
   }

   .client__left {
     width: 100%;
     margin-top: 10px;
   }

   .client__right {
     width: 100%;
     padding: 0;
   }

   .client__right .common__btn {
     display: none;
   }

   #sync1 .client__right .para {
     font-size: 12px;
   }

   .quatation__mark {
     display: none;
   }

   .client__left .client-image img {
     width: 50px;
     height: 50px;
   }

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

   .client-image {
     margin-right: 16px;
   }

   .client__left .client-image img {
     margin-bottom: 0;
   }

   .cl_testimonial_panel .owl-theme .owl-nav {
     margin-top: 20px;
   }

   #sync2 .cl_logo {
     width: 60px;
   }

   .has-buttons .owl-nav {
     right: 24px;
     top: 5px;
   }

   .has-buttons .owl-nav button.owl-prev,
   .has-buttons .owl-nav button.owl-next {
     background-size: 16px;
   }

   .has-buttons .owl-nav button.owl-prev {
     margin-right: 8px;
   }

   .service_slider .owl-item img {
     max-width: 16px;
   }

   .service_slider {
     padding-top: 50px;
   }

   .process_card_panel {
     padding-bottom: 70px;
   }

   .service_panel {
     padding-top: 25px;
   }

   .bar {
     width: 15px;
     top: 8px;
   }

   .process_card_info figure {
     width: 42px;
     height: 42px;
     margin: 0;
   }
   .process_card_info .heading4 {
    font-size: 18px;
    margin: 0 0 0 20px;
   }
   .bg_wrapper.pd0 {
    padding-bottom: 3rem;
   }

   .process_slider .owl-item img {
     max-width: 16px;
   }

   .grid_tech_panel {
     padding: 35px 10px 20px;
     grid-column-gap: 10px;
   }

   .tech_icon .grid_col_heading {
     font-size: 11px;
   }

   .our_recognitions {
     padding: 60px 0 30px;
   }

   .recog_grid_panel::after {
     display: none;
   }

   .recog_grid_panel {
     padding: 0;
   }

   .recog_col {
     padding-right: 25px;
   }


   /* Service css */
   .slider.owl-carousel .owl-item img {
     opacity: 1;
   }

   /* Service css ends */



   /* portfolio css */
   .sec_gap {
     padding: 4rem 0 0;
   }

   .cl_success_stories {
     padding: 30px 0;
   }

   .case_scoll_sec {
     width: 100%;
     display: flex;
     flex-wrap: nowrap;
     flex-direction: column;
     height: 100%;
   }

   .panel {
     display: block;
     height: auto;
     margin: 0 0 20px 0;
   }

   .portfolio_info>.ds_flex {
     flex-direction: column;
   }

   .portfolio_info .port__left {
     border-radius: 15px 15px 0 0;
     width: 100%;
     padding: 30px 20px;
     height: auto;
   }

   .block_bubble {
     display: none;
   }

   .port__left .stats_text {
     font-size: 12px;
   }

   .portfolio_info>.ds_flex {
     flex-direction: column;
   }

   .common__btn {
     margin-top: 20px;
   }

   .portfolio_info .port__rght {
     height: 300px;
     width: 100%;
     border-radius: 0 0 15px 15px;
   }

   .portfolio_info .port__left .para {
     font-size: 12px;
     line-height: 18px;
     padding: 0;
   }

   .port_logo img {
     margin-bottom: 15px;
     max-width: 90px;
   }

   .port__left .stats_text.result,
   .port__left .states_head span {
     font-size: 14px;
   }

   /* portfolio css ends */


   /* Tech stach panel css */
   .techstack_panel {
     padding: 4rem 15px;
   }

   .rt_sec {
     display: block;
   }

   .grid__panel {
     grid-row-gap: 2rem;
     column-gap: 2rem;
   }

   .tab_chips_wrap {
     height: 80px;
   }

   .tab_chips_wrap .item {
     margin-right: 20px;
     min-width: 150px;
     text-align: center;
   }

   .tab_chip span {
     font-size: 16px;
     padding: 0 15px;
     height: 60px;
     justify-content: center
   }

   .tech__icon span {
     font-size: 12px;
   }

   /* Tech stach panel css ends */

   /* Process card */
   .cloud_project_panel .ds_flex {
     flex-direction: column;
   }

   .lt_sec,
   .rt_sec {
     width: 100%;
     margin: 0;
   }

   .cloud_project_panel {
     padding: 0;
   }


   /* Process card ends */
   .tab-content .tab-accordion-body {
     display: none;
     overflow: hidden;
     transition: max-height 0.2s ease-out;
     max-height: 100% !important;
   }

   .tab-accordion-header .serv_card_head {
     position: relative;
     padding-right: 36px;
     flex: 1;
   }

   .tab-accordion-header .serv_card_head::before {
     background-image: url('https://appinventiv.com/wp-content/themes/twentynineteen-child/new-images/mobile-arrow.svg');
     background-repeat: no-repeat;
     background-position-y: center;
     background-position-x: calc(100% - 10px);
     position: absolute;
     content: "";
     right: 10px;
     top: -4px;
     width: 35px;
     height: 35px;
   }

   .active .tab-accordion-header .serv_card_head::before {
     transform: rotate(-180deg);
   }


 }

 @media screen and (max-width: 576px) {
   .trusted_brands {
     font-size: 11px;
   }
 }

 @media screen and (max-width: 480px) {
   .trusted_brands {
     font-size: 10px;
     padding-bottom: 22px;
   }

   #sync2 .cl_logo {
     width: 55px;
   }

   .client-logo-slider.owl-carousel .owl-item img {
     width: 70px;
   }

   .client-logo-slider.owl-carousel .owl-item img.google {
     width: 56px;
   }

   .client-logo-slider.owl-carousel .owl-item img.kpmg {
     width: 54px;
   }

   .client-logo-slider.owl-carousel .owl-item img.kfc {
     width: 50px;
   }

   .serv_card_head {
     font-size: 15px;
   }

   .tab-accordion-header {
     min-height: 65px;
   }

   .port__rght {
     height: 280px;
   }

   .tech_icon .grid_col_heading {
     font-size: 10px;
     min-height: 50px;
   }

   .process_card .process_card_info .para,
   #sync1 .client__des {
     font-size: 12px;
   }

   .app-faq-wrap-list .head {
     font-size: 14px;
   }

 }