/* ///////////////////////////
/////////////////////////////
////////// Desktop /////////
////////////////////////////
/////////////////////////// */


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

  blockquote p{
    font-size: 0.9rem !important;
  }

  p{
    font-size: 1rem !important;
  }

  ul{
    font-size: 1rem !important;
    font-weight: 300;
  }

  .uagb-slider-container{
    padding: 10px;
  }

  .swiper-content{
    padding: 20px !important;
  }

  .swiper-button-prev, .swiper-button-next{
    display: flex !important;
  }

  .container-text-slider-with-back{
    margin-left: 3.2vw !important;
    margin-right: 3.2vw !important;
  }

  .texte-media-after-title{
    padding-top: 5rem!important;
  }

  .texte-media-background2{
    padding-top: 5rem!important;
    padding-left: 50px!important;
    padding-right: 50px!important;
  }

  .texte-media-communaute{
    padding-left: 50px!important;
    padding-right: 50px!important;
  }

  .groupe-texte-background2{
    margin-left: 75px!important;
    margin-right: 75px!important;
  }

  .groupe-texte-v2{
    margin-left: 0!important;
    margin-right: 0!important;
  }

  .details-famille summary{
    font-size: 2rem!important;
  }

  .container-text-slider-boutique{
    padding-left: 75px!important;
    padding-right: 75px!important;
  }

  .container-img-liens img{
    transition: 0.2s;
    scale: 1;
  }

  .container-img-liens img:hover{
    transition: 0.2s;
    scale: 1.05;
  }
}


/* ///////////////////////////
/////////////////////////////
////////// Tablet ///////////
/////////////////////////////
/////////////////////////// */

@media screen and (min-width: 768px) and (max-width: 1023px) {

  blockquote p{
    font-size: 0.8rem !important;
  }

  p{
    font-size: 0.9rem!important;
  }

  ul{
    font-size: 0.9rem !important;
    font-weight: 300;
  }

  .container-text-slider{
    flex-direction: column;
  }

  .container-text-slider div{
    flex-basis: 100% !important;
  }

  .container-text-slider-with-back{
    margin-left: 0 !important;
    margin-right: 0 !important;
    flex-direction: column;
  }

  .container-text-slider-with-back div{
    flex-basis: 100% !important;
  }

  .container-text-slider-with-back img{
    aspect-ratio: 1/1 !important;
    object-fit: cover;
  }

  .order-for-tablet{
    order: 2;
  }

  .groupe-texte-background2{
    margin-left: 5px!important;
    margin-right: 5px!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
  }

  .texte-media-right{
    margin-left: 5px!important;
    margin-right: 5px!important;
  }

  .groupe-texte-v2{
    padding-left: 0!important;
    padding-right: 0!important;
    margin-left: 5px!important;
    margin-right: 5px!important;
  }

  .details-famille summary{
    font-size: 1.6rem!important;
  }

  .container-services-liens{
    flex-wrap: nowrap!important;
    gap: 20px!important;
    padding-bottom: 0!important;
    padding-top: 0!important;
  }

  .container-img-liens{
    margin-top: 0;
  }

  .container-img-liens img{
    object-fit: contain;
  }

  .container-text-slider-boutique{
    flex-direction: column;
  }

  .step-title{
    max-width: 100%!important;
  }

  .slider-profession-solennelle img{
    object-position: left;
  }

}


/* ///////////////////////////
/////////////////////////////
////////// Mobile ///////////
/////////////////////////////
/////////////////////////// */

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

  h2{
    font-size: 1.9rem !important;
  }

  h6{
    font-size: 1.7rem;
  }

  blockquote p{
    font-size: 0.7rem !important;
  }

  p{
    font-size: 0.8rem!important;
  }

  ul{
    font-size: 0.8rem !important;
    font-weight: 300;
  }

  .swiper-content{
    padding: 0 !important;
  }

  .uagb-slider-container{
    padding: 0 !important;
  }

  .swiper-pagination{
    bottom: -10px !important;
  }

  .img-slider-1 img{
    height: auto !important;
    aspect-ratio: 1/1 !important;
  }

  .container-text-slider-with-back{
    margin-left: -2.5vw !important;
    margin-right: -2.5vw !important;
  }

  .container-img-liens{
    flex-wrap: wrap;
  }

  .container-img-liens figure{
    flex-basis: 45%;
  }

  .container-img-liens img{
    height: auto !important;
  }

  .groupe-texte-background2{
    margin-left: 5px!important;
    margin-right: 5px!important;
    padding-left: 15px!important;
    padding-right: 15px!important;
  }

  .texte-media-right{
    margin-left: 5px!important;
    margin-right: 5px!important;
  }

  .groupe-texte-v2{
    padding-left: 0!important;
    padding-right: 0!important;
    margin-left: 5px!important;
    margin-right: 5px!important;
  }

  .container-services-liens{
    flex-direction: column!important;
    gap: 5px!important;
    align-items: center!important;
    padding-bottom: 0!important;
    padding-top: 0!important;
  }

  .container-services-liens div{
    width: 100%!important;
  }

  .step-title{
    max-width: 85vw!important;
    font-size: 1.2rem !important;
  }

  .step-sub-tilte{
    max-width: 60%!important;
  }

  .slider-profession-solennelle img{
    height: auto !important;
  }

  .slider-profession-solennelle .swiper-pagination{
    bottom: 20px !important;
  }
}

a {
  font-family: 'Roboto Slab' !important;
}

.img-slider-1 img{
  aspect-ratio: 1/1;
  object-fit: cover;
}

.swiper-button-prev, .swiper-button-next{
  display: none;
}


.section-home-background-sec{
  margin-left: 15px;
  margin-right: 15px;
  border-radius: 10px;
}

.texte-media-background-start{
  border-radius: 10px 10px 0 0!important;
}

.texte-media-background-end{
  border-radius: 0 0 10px 10px!important;
}

.container-text-slider-boutique{
  margin-left: 5px!important;
  margin-right: 5px!important;
}

.img-slider-1 img{
  height: 500px;
  object-fit: cover;
}

.details-famille{
  padding: 25px!important;
  border-radius: 10px;
}

.details-famille summary{
  font-family: Urbanist;
  font-weight: 600;
  font-size: 1.3rem;
}

.details-famille summary::marker{
  color: #E1D169;
}

.details-sous-famille{
  margin-left: 0!important;
}

.nos-services, .nos-liens {
  flex-basis: min-content!important;
}

.details-nos-services, .details-nos-liens{
  padding: 20px!important;
  border-radius: 10px;
}

.details-nos-services summary, .details-nos-liens summary{
  font-family: Urbanist;
  font-weight: 600;
  font-size: 1.1rem;
}

.details-nos-services summary::marker, .details-nos-liens summary::marker{
  color: #E1D169;
}



#pum-2356{
  backdrop-filter: blur(3px)!important;
  transition: 0.2s!important;
}

.n2-ss-slider-2{
  filter: drop-shadow(12px 10px 7px rgba(19, 18, 11, 0.2));
}

.slider-profession-solennelle .uagb-container-inner-blocks-wrap{
  width: fit-content !important;
}

.slider-profession-solennelle img{
  aspect-ratio: 3/2 !important;
  width: 100% !important;
  height: 600px;
}

.slider-profession-solennelle .img-3-slider-profession img{
  object-position: 50% 26% !important;
}

.slider-profession-solennelle .swiper-button-prev{
  left: 0 !important;
}

.slider-profession-solennelle .swiper-button-next{
  right: 15px !important;
}