.tab-pane {
  display: none;
}
.tab-pane.active {
  display: block;
}
.services_stack_tabs .nav.nav-pills {
  display: flex;
  list-style: none;
  justify-content: center;
}
.expertise_sprite {
  background-image:url(../../../assets/images/hire-dot-net-developers/expertise-sprite.webp)
}
.bg-aws {
  width:62px;
  height:63px;
  background-position:-169px -78px
}
.bg-aws_cloud_watch {
  width:62px;
  height:63px;
  background-position:-5px -159px
}
.bg-aws_x_ray {
  width:62px;
  height:63px;
  background-position:-77px -159px
}
.bg-azure_app_insights {
  width:62px;
  height:63px;
  background-position:-149px -159px
}
.bg-azure_devops {
  width:62px;
  height:63px;
  background-position:-242px -5px
}
.bg-ci_cd {
  width:62px;
  height:63px;
  background-position:-242px -78px
}
.bg-data_dog {
  width:62px;
  height:63px;
  background-position:-242px -151px
}
.bg-digital_ocean {
  width:62px;
  height:63px;
  background-position:-5px -232px
}
.bg-docker {
  width:62px;
  height:63px;
  background-position:-77px -232px
}
.bg-google_cloud {
  width:62px;
  height:49px;
  background-position:-530px -131px
}
.bg-grafana {
  width:62px;
  height:63px;
  background-position:-149px -232px
}
.bg-jenkins {
  width:62px;
  height:63px;
  background-position:-221px -232px
}
.bg-kubernetes {
  width:62px;
  height:63px;
  background-position:-314px -5px
}
.bg-microsoft_azure {
  width:62px;
  height:63px;
  background-position:-314px -78px
}
.bg-new_relic {
  width:62px;
  height:51px;
  background-position:-530px -70px
}
.bg-prometheus {
  width:62px;
  height:63px;
  background-position:-314px -151px
}
.bg-rackspace {
  width:62px;
  height:63px;
  background-position:-314px -224px
}
.bg-team_city {
  width:62px;
  height:63px;
  background-position:-5px -305px
}
.bg-blazor {
  width:62px;
  height:63px;
  background-position:-77px -305px
}
.bg-devextreme {
  width:62px;
  height:63px;
  background-position:-149px -305px
}
.bg-fluent_validation {
  width:62px;
  height:63px;
  background-position:-221px -305px
}
.bg-mediatr {
  width:72px;
  height:63px;
  background-position:-5px -5px
}
.bg-mvvm_light_toolkit {
  width:62px;
  height:63px;
  background-position:-293px -305px
}
.bg-mvvm_toolkit {
  width:62px;
  height:63px;
  background-position:-386px -5px
}
.bg-polly {
  width:62px;
  height:63px;
  background-position:-386px -78px
}
.bg-signair {
  width:62px;
  height:63px;
  background-position:-386px -151px
}
.bg-ado_dot_net {
  width:62px;
  height:49px;
  background-position:-530px -190px
}
.bg-asp_dot_net_mvc {
  width:62px;
  height:43px;
  background-position:-530px -363px
}
.bg-asp_dot_net_mvc_core {
  width:62px;
  height:43px;
  background-position:-530px -416px
}
.bg-asp_dot_net_webforms {
  width:62px;
  height:43px;
  background-position:-530px -469px
}
.bg-dot_net_core {
  width:62px;
  height:63px;
  background-position:-386px -224px
}
.bg-dot_net_framework {
  width:62px;
  height:63px;
  background-position:-386px -297px
}
.bg-entity_framework {
  width:62px;
  height:63px;
  background-position:-5px -378px
}
.bg-microsoft_silverlight {
  width:62px;
  height:63px;
  background-position:-77px -378px
}
.bg-uwp {
  width:63px;
  height:49px;
  background-position:-5px -524px
}
.bg-wcf {
  width:62px;
  height:43px;
  background-position:-78px -524px
}
.bg-windows_forms {
  width:62px;
  height:63px;
  background-position:-149px -378px
}
.bg-wpf {
  width:62px;
  height:43px;
  background-position:-150px -524px
}
.bg-xamarin {
  width:62px;
  height:63px;
  background-position:-221px -378px
}
.bg-c_sharp {
  width:62px;
  height:71px;
  background-position:-5px -78px
}
.bg-css3 {
  width:62px;
  height:55px;
  background-position:-438px -451px
}
.bg-f_sharp {
  width:62px;
  height:63px;
  background-position:-293px -378px
}
.bg-html5 {
  width:62px;
  height:55px;
  background-position:-530px -5px
}
.bg-javascript {
  width:62px;
  height:63px;
  background-position:-365px -378px
}
.bg-powershell {
  width:62px;
  height:47px;
  background-position:-530px -249px
}
.bg-python {
  width:63px;
  height:63px;
  background-position:-77px -78px
}
.bg-rider_ide {
  width:62px;
  height:63px;
  background-position:-458px -5px
}
.bg-sql {
  width:62px;
  height:63px;
  background-position:-458px -78px
}
.bg-t_sql {
  width:62px;
  height:63px;
  background-position:-458px -151px
}
.bg-typescript {
  width:63px;
  height:63px;
  background-position:-169px -5px
}
.bg-vbdotnet {
  width:62px;
  height:63px;
  background-position:-458px -224px
}
.bg-visual_studio {
  width:62px;
  height:47px;
  background-position:-530px -306px
}
.bg-visual_studio_code {
  width:63px;
  height:55px;
  background-position:-365px -451px
}
.bg-xml {
  width:62px;
  height:25px;
  background-position:-222px -524px
}
.bg-fiddler {
  width:62px;
  height:63px;
  background-position:-458px -297px
}
.bg-moq {
  width:62px;
  height:63px;
  background-position:-458px -370px
}
.bg-mstest {
  width:62px;
  height:63px;
  background-position:-5px -451px
}
.bg-nunit {
  width:62px;
  height:63px;
  background-position:-77px -451px
}
.bg-postman {
  width:62px;
  height:63px;
  background-position:-149px -451px
}
.bg-selenium {
  width:62px;
  height:63px;
  background-position:-221px -451px
}
.bg-specflow {
  width:72px;
  height:63px;
  background-position:-87px -5px
}
.bg-xnunit {
  width:62px;
  height:63px;
  background-position:-293px -451px
}
ul.nav.nav-pills {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.services_stack_tabs ul.nav {
  border-bottom:1px solid #d3d3d3;
  margin-bottom:50px
}
.services_stack_tabs ul.nav li {
  flex:0 0 auto
}
.services_stack_tabs ul.nav li a {
  font-size:18px;
  padding:10px 30px;
  font-weight:600;
  display:inline-block;
  margin-bottom:-1px;
  color:#000;
  border-bottom:2px solid transparent;
  transition:all .3s;
  text-decoration: none;
}
.services_stack_tabs ul.nav li a.active {
  border-bottom:2px solid #0d56b0;
  color:#0d56b0
}
.services_stack_tabs ul.nav li a:focus,
.services_stack_tabs ul.nav li a:hover {
  border-bottom:2px solid #0d56b0;
  color:#0d56b0
}
.services_stack_tabs .tab-content .technologiesList {
  display:flex;
  flex-wrap:wrap;
  column-gap:10px;
  align-items:center;
  justify-content:center;
  row-gap:10px;
  text-align:center
}
.services_stack_tabs .tab-content .technologiesList .li {
  display:flex;
  flex-wrap:wrap;
  flex-direction:column;
  flex:0 0 180px;
  background:#fff;
  border-radius:15px;
  min-height:150px;
  padding:20px 15px;
  align-items:center;
  color:#000;
  transition:all .3s;
  justify-content:center
}
.services_stack_tabs .tab-content .technologiesList .li a {
  display:block;
  width:100%;
  transition:all .3s
}
.services_stack_tabs .tab-content .technologiesList .li:focus,
.services_stack_tabs .tab-content .technologiesList .li:hover {
  box-shadow:0 4px 8px rgba(0,0,0,.1)
}
.services_stack_tabs .tab-content .technologiesList .li:focus,
.services_stack_tabs .tab-content .technologiesList .li:hover {
  color:#0d56b0
}
.services_stack_tabs .tab-content .technologiesList .li .img {
  max-height:80px;
  display:block;
  margin:0 auto 15px
}
ul.nav.nav-pills {
  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center
}
.technical_expertise_icons {
  background:url(../../assets/images/angular/technical_expertise_sprites.webp);
  display:inline-block
}
.bg-Adobe_XD {
  width:42px;
  height:40px;
  background-position:-5px -5px
}
.bg-Angular_materials {
  width:42px;
  height:40px;
  background-position:-57px -5px
}
.bg-Bitbucket {
  width:40px;
  height:40px;
  background-position:-109px -5px
}
.bg-Bootstrap {
  width:40px;
  height:40px;
  background-position:-109px -55px
}
.bg-Figma {
  width:40px;
  height:40px;
  background-position:-5px -105px
}
.bg-Firebase {
  width:40px;
  height:40px;
  background-position:-55px -105px
}
.bg-Github {
  width:40px;
  height:40px;
  background-position:-105px -105px
}
.bg-Gitlab {
  width:40px;
  height:40px;
  background-position:-159px -5px
}
.bg-Invision {
  width:40px;
  height:40px;
  background-position:-159px -55px
}
.bg-Javascript {
  width:40px;
  height:40px;
  background-position:-159px -105px
}
.bg-JQuery {
  width:40px;
  height:40px;
  background-position:-5px -155px
}
.bg-KendoUI {
  width:40px;
  height:40px;
  background-position:-55px -155px
}
.bg-Laravel {
  width:40px;
  height:40px;
  background-position:-105px -155px
}
.bg-MongoDB {
  width:42px;
  height:40px;
  background-position:-5px -55px
}
.bg-MsSQL {
  width:40px;
  height:40px;
  background-position:-155px -155px
}
.bg-MySQL {
  width:40px;
  height:40px;
  background-position:-209px -5px
}
.bg-Net {
  width:40px;
  height:40px;
  background-position:-209px -55px
}
.bg-NodeJS {
  width:42px;
  height:40px;
  background-position:-57px -55px
}
.bg-postgre_SQL {
  width:40px;
  height:40px;
  background-position:-209px -105px
}
.bg-PrimeNG {
  width:40px;
  height:40px;
  background-position:-209px -155px
}
.bg-RXJS {
  width:40px;
  height:40px;
  background-position:-5px -205px
}
.bg-Syncfusion {
  width:40px;
  height:40px;
  background-position:-55px -205px
}
.bg-Typescript {
  width:40px;
  height:40px;
  background-position:-105px -205px
}


/* new tab css start */
.technologiesList.mobileHeightShowMore .f-18.li img {
    width: 62px;
    max-height: 60px;
    margin: 0 auto 15px;
    min-height: 60px;
}
/* new tab css end */

@media (max-width:1600px) {
  .services_stack_tabs ul.nav li a {
    padding:10px 15px
  }
}
@media (max-width:1199px) {
  .services_stack_tabs.w-100.mt-3 ul.nav.nav-pills {
    flex-wrap:nowrap;
    justify-content: center;
    overflow:auto;
    overflow-y:hidden
  }
  .f-18 {
    font-size:17px
  }
  .services_stack_tabs ul.nav li a {
    font-size:18px;
    padding:10px 15px
  }
  .technology_expertise .sub_title {
    line-height:normal
  }
  h1.title span {
    display: inline-block;
    width: auto;
}
}
@media (max-width:991px) {
  .services_stack_tabs ul.nav li a {
    padding:10px 35px
  }
  .services_stack_tabs .tab-content .technologiesList .li {
    flex:0 0 123px;
    padding:10px 20px
  }
  .services_stack_tabs ul.nav li a {
    padding:10px 25px;
    font-size:16px
  }
  .technologiesList {
    flex-wrap:wrap;
    row-gap:30px
  }
}
@media (max-width:767px) {
  .services_stack_tabs ul.nav {
    flex-direction:unset;
    flex-wrap:nowrap;
    overflow-y:hidden;
    justify-content:flex-start!important
  }
  .services_stack_tabs ul.nav li a {
    padding:10px 15px;
    min-width:150px;
    text-align:center
  }
  .services_stack_tabs .tab-content .technologiesList .li {
    margin-bottom:10px
  }
  .technologiesList {
    flex-wrap:wrap;
    row-gap:0
  }
  .technology_expertise .sub_title br {
    display:none
  }
}
@media (max-width:575px) {
  .services_stack_tabs .tab-content .technologiesList .li {
    font-size:14px
  }
  .f-18 {
    font-size:16px
  }
  .services_stack_tabs ul.nav li a {
    min-width:130px
  }
  .services_stack_tabs ul.nav {
    margin-bottom:30px
  }
  .services_stack_tabs .tab-content .technologiesList .li {
    flex:1;
    padding:10px
  }
}