@media screen and (min-width: 992px) {
  .metiers_ap-case4 > .container > .row > div:first-of-type {
    padding-left: 5vw;
  }
  .metiers_ap-case4 > .container > .row > div:nth-of-type(2) > div {
    margin-left: auto;
  }
}
#app_m .personal.nav-link{
  font-size: 18px!important;
  padding-right: 0;
  padding-left: 0;
  font-family: Gotham-Medium;
  color: #a6a6a6;
  padding-left: 0;
    padding-right: 0;
    margin-left: 8px;
    margin-right: 8px;
}

#app_m ul > li > a{
    font-family: Gotham-Medium;
    color: #808384;
}

#app_m ul > li > a:hover  {
    text-decoration: none;
    border-bottom-color: #fda418;
    border-bottom-style: solid;
    border-bottom-width: 6px;
    color: #4f526d !important;
}

#app_m ul > li > .selected  {
    text-decoration: none;
    border-bottom-color: #fda418;
    border-bottom-style: solid;
    border-bottom-width: 6px;
    color: #4f526d !important;
}



#app_m ul > li > a{
    text-decoration: none;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 6px;
    
}


#app_m p{
  font-family: Gotham-Book;
  color: #808384;
  padding-bottom: 25px;
}

#app_m .content_app_m {
    font-family: Gotham-Medium;
}

#app_m h6{
  line-height: 1.5rem;
}

#app_m ul > li {
  font-family: Gotham-Medium;
  color: #808384;
}

#app_m ul>li{
  margin-bottom: 10px;
}


#app_m .background-img-blog {
    min-height: 100%;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    z-index: 1;
    width: 90%;
    position: absolute;
    top: -50px;
    margin: 0 auto;
}


#app_m .background-img-blog-responsive {
    min-height: 105vh;
    background-size: cover!important;
    background-repeat: no-repeat!important;
    z-index: 1;
    width: 90%;
    position: absolute;
    top: -50px;
    margin: 0 auto;
}


.snapp_app_metier_image_bc{
  min-height: 100%;
  background-size: contain!important;
  background-repeat: no-repeat!important;
  background-position: center!important;
  z-index: 1;
  width: 90%;
}

.metiers_ap-case4 > .container, .metiers_ap-case2 > .container{
    max-width: 100%;
    padding-left: 10vw;
    padding-right: 10vw;
}

.snnap_app_metiers_content{
  padding-right: 5vw;
}

.metiers_ap-case4.gray{
  background-color: white;
  padding-bottom: 0vh;
}

.metiers_ap-case4.gray > .container{
   background-color: #f7f6f6;
   background: linear-gradient(175deg, #f7f6f6 84%, white 1%, white 99%);
   padding-bottom: 7vh;
}
.metiers_ap-case2.white{
  background-color: white;
  padding-top: 0vh;
  padding-bottom: 0vh;
} 

.metiers_ap-case4 > .container > .row > .snnap_app_metiers_content{
  padding-top: 10vh;
}

.metiers_ap-case4 > .container > .row > .snnap_app_metiers_img > .snapp_app_metier_image_bc{
    margin-top: -5vh;
}

.metiers_ap-case2 > .container > .row > .snnap_app_metiers_img > .snapp_app_metier_image_bc{
    margin-top: 5vh;
    min-height: 90%;
}

.metiers_ap-case2.white > .container{
   background: linear-gradient(176deg, white 84%, #f7f6f6 1%, #f7f6f6 99%);
   padding-bottom: 22vh;
}

.metiers_ap-case4 ~ .metiers_ap-case4 {
    padding-top: 0vh;
    margin-top: -5vh;
}
.metiers_ap-case4 ~ .metiers_ap-case4 > .container > .row > .snnap_app_metiers_img > .snapp_app_metier_image_bc {
    min-height: 110%;
}

.metiers_ap-case2 ~ .metiers_ap-case2 {
    padding-bottom: 10vh;
}

.metiers_ap-case2 ~ .metiers_ap-case2  > .container {
    background: unset;
    padding-bottom: 0vh;
}

.metiers_ap-case2 ~ .metiers_ap-case2  > .container > .row > .snnap_app_metiers_content{
  padding-top: 10vh;
}

.metiers_ap-case2 ~ .metiers_ap-case2  > .container > .row > .snnap_app_metiers_img > .snapp_app_metier_image_bc {
   position: absolute;
    bottom: 0;
}

.aplications_metiers-intro-section {
    padding: 10vh 0;
}
/***********************
Mobile First Resposive
*************************/

@media screen and (max-width:991px){
  .order-0{
    order: 0;
  }
  .order-1{
    order: 0;
  }
  #app_m .background-img-blog {
    min-height: 100%;
    background-size: contain!important;
    position: relative;    
    }


    #app_m .background-img-blog-responsive {
        position: relative;
      background-size: contain!important;
    }
    #app_m .background-img-blog, .background-img-blog-responsive {
    min-height: 10vh;
  }
}


@media screen and (min-width:426px) and (max-width:769px){
  .app_m-alt{
    margin-left: 0px;
    width: 100%;
    height: 100%;
  }
  .app_m-alt-2 {
      margin-right: 0px;
      width: 100%;
      height: 100%;
      margin-left: 0px;
  }
}

@media screen and (max-width:426px){  
  .app_m-alt{
    margin-left: 0px;
    width: 100%;
    height: 100%;
  }
  .app_m-alt-2 {
      margin-right: 0px;
      width: 100%;
      height: 100%;
      margin-left: 0px;
  }
  .app_g_btn{
    margin-top: 0px;
  }
  #app_m .background-img-blog {
    min-height: 100%;
  }
  .snapp_app_metier {
    padding: 0 !important;
  }
}

@media screen and (min-width: 769px) and (max-width:1000px){
  .app_m-alt{
    margin-left: 0;
    width: 100%;
    height: 100vh;
    background-position: center center !important;
  }
  .app_m-alt-2 {
      /*margin-right: 129px;*/
      width: 98%;
      height: 100vh;
      /*margin-left: -117px;*/
      background-position: center center !important;
  }

}

@media screen and (min-width:770px) and (max-width:991px){
  .image_app_g > div > div{
    margin-left: 0px;
    margin-right: 0px;
  }
  .image_app_g{
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 0px!important;
  }
  .app_g_btn{
    margin-top: 50px!important;
  }
  .app_section_g > .container{
        max-width: 90%;
  }
  
}

@media screen and (min-width: 1000px) and (max-width:1920px){
    .app_m-alt{
    margin-left: 90px;
    width: 100%;
    height: 85vh;
    background-position: center center !important;
  }
  .app_m-alt-2 {
      /*margin-right: 129px;*/
      width: 98%;
      height: 85vh;
      /*margin-left: -117px;*/
      background-position: center center !important;
  }

}



@media screen and (max-width:1024px){  
  .aplications_metiers-intro-section {
    padding-bottom: 5vh;
  }

  .metiers_ap-case4 > .container > .row > .snnap_app_metiers_content {
    padding-top: 5vh;
  }

  .snapp_app_metier_image_bc {
    width: 100%;
    min-height: 107%;
  }

  .metiers_ap-case4 > .container, .metiers_ap-case2 > .container {
    max-width: 100%;
    padding-left: 5vw;
    padding-right: 5vw;
  }
  .metiers_ap-case2 ~ .metiers_ap-case2 > .container > .row > .snnap_app_metiers_img > .snapp_app_metier_image_bc {
    position: relative;
    bottom: 0;
  }
}

@media screen and (max-width:991px){  
  .metiers_ap-case4.gray {
    padding-left: 0;
    padding-right: 0;
  }

  .snapp_app_metier_image_bc {
    width: 100%;
    height: 75vh;
  }
  .metiers_ap-case4 > .container > .row > .snnap_app_metiers_img > .snapp_app_metier_image_bc {
    margin-top: 4vh;
  }

  .metiers_ap-case2.white {
    padding-top: 10vh;
    
  }

  .metiers_ap-case2 > .container > .row > .snnap_app_metiers_img > .snapp_app_metier_image_bc {
    height: 75vh;
  }

  .metiers_ap-case2.white > .container {
    padding-bottom: 2vh;
    background: unset;
  }

  .metiers_ap-case4 ~ .metiers_ap-case4 {
    padding-top: 0vh;
    margin-top: 2vh;
  }
  .metiers_ap-case4.gray > .container {
    background: #f7f6f6;
    padding-bottom: 15vh;
  }

  .metiers_ap-case2 ~ .metiers_ap-case2 {

    padding-top: 0vh;
  }

  .metiers_ap-case2 ~ .metiers_ap-case2 > .container > .row > .snnap_app_metiers_content {
    padding-top: 5vh;
}
}

@media screen and (max-width: 576px){ 
  .metiers_ap-case4 > .container > .row > .snnap_app_metiers_img > .snapp_app_metier_image_bc {
      margin-top: 2vh;
    }

    .snapp_app_metier_image_bc {
        background-size: cover!important;
        height: 500px;
    }
    .metiers_ap-case4.gray > .container {
      
      padding-bottom: 10vh;
    }

    .metiers_ap-case2 > .container > .row > .snnap_app_metiers_img > .snapp_app_metier_image_bc {
      height: 500px;
      background-size: cover!important;
    }

    .metiers_ap-case4 ~ .metiers_ap-case4 > .container > .row > .snnap_app_metiers_img > .snapp_app_metier_image_bc {
        min-height: unset;
    }
}



@media screen and (min-width: 1540px) {
  

  .metiers_ap-case4.gray > .container {
    
    background: linear-gradient(175deg, #f7f6f6 75%, white 1%, white 99%);
    padding-bottom: 20vh;
  }
  
}