.ql-size-huge{
  font-size: 32px;
}
.ql-size-large{
  font-size: 18px;
}
.ql-size-small{
  font-size: 12px;
}

#newsss section a.btn{
  background: linear-gradient(90deg, #004a99 0%, #0097db 100%);
}

#Industrial .about-us-area .about-content p,#academic .about-us-area .about-content p,#DNA .about-us-area .about-content p{
  column-count: 2;
}
#Industrial .about-us-area .vedio-inner{
  width: 100%;
} 
#Industrial .about-us-area .vedio-inner img{
  width: 100%;
} 
#solution .post-content .ax-gallery-content p a{
  --radius: 24px;
  padding: 15px 30px;
  border-radius: 24px;
  font-size: 16px;
  line-height: 1.1875em;
  cursor: pointer;
  outline: 0;
  width: fit-content;
  margin-top: 5px;
  text-decoration: none;
  transition: .2sease;
 display: inline-block;
 column-span: all;
  color: #fff !important;
  background: linear-gradient(90deg, #004a99 0%, #0097db 100%);
}
.about-us-area .row .about-content div a,.description-top-section a,.axblock-black a{
  --radius: 24px;
  padding: 15px 30px;
  border-radius: 24px;
  font-size: 16px;
  line-height: 1.1875em;
  cursor: pointer;
  outline: 0;
  width: fit-content;
  text-decoration: none;
  transition: .2sease;
 
  color: #fff;
  background: linear-gradient(90deg, #004a99 0%, #0097db 100%);
  
}
#knowledge .about-us-area .row .about-content div ul li{
  list-style-type:disc;
  list-style-position: inside;
}
#knowledge .about-us-area .row .about-content div ul li a{
  color:#333;
  background:none;
  font-size: 16px;
  text-decoration: underline;
  font-weight: 900;
  padding: 0;
  display: inline-block;
  line-height: 1em;
}
.about-us-area .row .about-content div ul li a:hover{
  color:#333;
  background:none;
}
#knowledge .about-us-area .row .about-content div a,.description-top-section a{
  display: block;
}
.about-us-area .row .about-content div a{
  /* left: 20px;
  bottom: 30px;
  position: absolute; */
  column-span: all;
}
.about-us-area .row .about-content div a:hover,.description-top-section a:hover {
 background-color: #000;
 color: #fff;
}
#video_t2{
  margin-top: 30px;
  background: linear-gradient(90deg, #004a99 0%, #0097db 100%);
}
#video_t3{
  display: inline-block;
  color: #004a99;
  width: 50%;
  font-size: 28px;
}
#video_t4{
  font-size: 14px;
}
.input-group  .input-group-append .input-group-text{
  color: #fff;
  font-size: 14px;
  background: linear-gradient(90deg, #004a99 0%, #0097db 100%);
}
.footer .svg{
  position: absolute;
  width: 50%;
  top:0;
  right:0;
  z-index: 0;
}
.dhz{
  height: 84px;
  display: none;
}
.footer .container{
  z-index: 2;position: relative;
}
.footer h2{
  cursor: pointer;
}
#home_source .container{
  max-width: 100%;
  text-align: left;
  background-color: rgb(51 51 51 / 70%);
  height: 100%;
  width: 40%;
  margin-left: 0;
  padding: 0 6%;
  padding-top: 9%;
  
}
#home_source  .text{
  margin-left: 0;
}
#fj .align-items-center{
  width: 100%;
}
#fj .align-items-center .vedio-inner{
  width: 100%;
}
#fj .align-items-center img{
  width: 100%;
  border-bottom-left-radius: 80% ;
  object-fit:cover
}
.outer-box .form-control {
  display: inline;
  width: 80px;
}
#jion_hidden.navigation li a {
  font-weight: 100;
}
#jion_hidden {
  margin-left: 50px;
}
.expertises-section {
  background: transparent linear-gradient(244deg, #0097db 0, #004a99 100%)
    0 0 no-repeat padding-box;
  padding: 80px 0;
  position: relative;
  z-index: 1;
  overflow: hidden;
}
.expertises-section p {
  color: #fff;
  width: 60px;
  padding-right: 10%;
  width: 50%;
  float: left;
  font-size: 6em;
  line-height: 1em;
}
.right-desktop {
  width: 40%;
  float: right;
}
.expertises-list {
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 30px;
}
.card-expertise {
  background: #fff;
  display: grid;
  grid-template-columns: 0.7fr 1.3fr;
  align-items: center;
  border-radius: 10px;
  color: var(--primary);
  position: relative;
  z-index: 3;
}
.card-expertise p {
  line-height: 10px;
  color: #000;
  font-size: 15px;
  cursor: pointer;
}
.card-expertise img {
  height: 155px;
}

.img-expertise {
  overflow: hidden;
}
.text-expertise {
  margin-left: 25px;
  color: var(--primary);
}
.card-expertise a.title-card {
  text-decoration: none;
  color: var(--primary);
  font-weight: 700;
  font-family: var(--font-family-semi-bold);
  text-wrap: balance;
}
.link-card-expertise {
  text-decoration: underline;
  color: var(--primary);
  font-size: 16px;
}
.recrutement-section {
  background: #fff4db;
  position: relative;
  font-size: 1em;
}
.recrutement-section .recrutement-container {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.recrutement-section .left-desktop {
  position: relative;
  width: auto;
  height: 100%;
  display: inline-block;
}
.recrutement-section .left-desktop img {
  margin: -50px auto 0 -1em;
  height: auto;
  width: auto;
  z-index: 2;
  position: relative;
}
.recrutement-section .right-desktop {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 515px;
  padding: 0;
}
.recrutement-section .right-desktop .ax-under-title {
  color: #333;
}
.recrutement-section .blue--color {
  font-size: 60px;
  color: #333;
}
.recrutement-section strong {
  font-size: 60px;
  line-height: 60px;
  color: #febc2a;
}
.footer .Welcome {
  text-align: center;
  font-size: 135px;
  font-weight: bold;

  margin: 0;
}
.footer{
  border-bottom: 1px solid #fff;
}
.footer .WelcomeContent {
  padding: 130px 0;
 
}
.footer .link-btn {
  margin-top: 80px;
}
.footer .btn {
  width: 280px;
  display: block;
  margin: 0 auto;
}
.ribbons {
  position: absolute;
  top: 20px;
  left: 0;
  z-index: 2;
  color: #fff;
}
.ribbons p {
}
.ribbons .ribbon {
  font-family: var(--font-family-light);
  padding: 4px 15px;
  font-size: 14px;
  color: var(--white);
  border-top-right-radius: 15px;
  border-bottom-right-radius: 15px;
  width: fit-content;
  margin-bottom: 5px;
}
.team-section .image-box {
  min-height: 220px;
  height: 220px;
}
.image-box a {
  display: block;
  height: 100%;
  width: 100%;
}
.team-section img {
  width: 100%;
  height: 100%;
}
.team-btn .btn {
  width: 280px;
  display: block;
  margin: 0 auto;
}
.team-video video {
  border-top-left-radius: 100px;
  display: block;
  margin: 0 auto;
}
.about-us-area img {
  max-height: 420px;
}
.page-wrapper .portfolio-section{
  min-height: 800px;
 background:  transparent linear-gradient(209deg, #0097db 0, #004a99 100%) 0 0 no-repeat padding-box;
}
.page-wrapper .portfolio-section h2{
  color: #fff;
}
.page-wrapper .portfolio-section p{
  font-size: 25px;
  color: #fff;
}
.input-group{
  margin: 0 auto;
}
.page-wrapper .footer-bottom  a{
  color: #fff;
}
/*hef*/
.axtopsection-block {
  position: relative;
  color: #fff;
}
.axtopsection-block a{
  color: #fff;
}
.axtopsection-block .breadcrumb_last{
  
}
.axtopsection-block .topsection-background {
  height: 600px;
  padding-top: 0;
  background: 0 0;
  position: relative;
}
.axtopsection-block .topsection-background .axtopsection-fond {
  background-image: none;
  background-size: cover;
    background-repeat: no-repeat;
}
.axtopsection-block .topsection-background .axtopsection-fond .container-title-groupe {
  top: 2em;
  z-index: 2;
}
.text-element {
  padding: 1em;
  position: absolute;
  z-index: 2;
  top: 50%;
  transform: translateY(-50%);
}
.breadcrumb-yoast {
  display: block;
  padding-bottom: 20px;
}
.axtopsection-block .topsection-background .axtopsection-fond .container-title-groupe .ax-title2 {
  padding-bottom: 0;
  text-align: start;
  max-width: 1000px;
  color: #fff;
}
.axtopsection-block .container-text {
  padding: 50px 0;
  width: 100%;
  margin: 0;
}
.axtopsection-block .description-top-section {
  max-width: 900px;
}
.axtopsection-block .topsection-background .axtopsection-fond video, .axtopsection-block .topsection-background .axtopsection-fond img {
  border-radius: 0;
  width: 100%;
  height: 100%;
  inset: 0;
  position: absolute;
  object-fit: cover;
  margin: 0 auto;
  display: block;
  max-width: 100%;
}
.axreassurances-block .ax-title3 {
  color: #004a99;
  text-align: center;
  margin-bottom: 20px;
  margin-top: 30px;
  font-size: 35px;
  line-height: 2em;
}
.axreassurances-block .flex-block {
  justify-content: space-around;
    flex-wrap: wrap;
    display: flex;
    width: 100%;
    margin: auto;
}
.axreassurances-block .card-icon {
  width: 33%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 40px 20px;
  border: 1px solid #fff;
  background:#f2f7ff;
}
.axreassurances-block .card-icon .container-image_reassurance {
  padding-bottom: 20px;
}
.axreassurances-block .card-icon .ax-title2 {
  color: #0097db;
  padding-bottom: 5px;
  font-size: 30px;
}
.axreassurances-block .card-icon .sub-title-icon {
  color: #333;
}
.axreassurances-block .card-icon .container-image_reassurance img {
  width: 100%;
  height: auto;
  height: 40px;
}
.axblock {
  position: relative;
  padding: 0;
}
.axblock .axcms-container {
  display: flex;
  justify-content: space-between;
}
.axblock .axcms-container .ax-cms1-content {
  margin: auto;
  width: 40%;
  padding: 20px 0 0 20px;
}
.axblock .axcms-container .ax-cms1-img {
  width: 50%;
  min-height: 700px;
  position: relative;
}
.axblock .axcms-container .ax-cms1-content .ax-title3 {
  color:#004a99;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
.axblock .axcms-container .ax-cms1-content .text-content {
  padding-bottom: 20px;
}
.axblock .axcms-container .ax-cms1-content .text-content a,.axblock .axcms-container .ax-cms1-content .text-content p {
  line-height: 1.25em;
}
.axblock .axcms-container .ax-cms1-img img {
  padding-bottom: 0;
  height: 100%;
  object-fit: cover;
  width: 100%;
}
.axblock .container{
  width: 100%;
  max-width: 100%;
}
.axblock {
  background-color: #f2f7ff;
  padding: 0 0 calc(var(--section-spacer) / 2) 0;
}
.axcms-container.content-left .ax-cms1-img img {
  position: absolute;
  border-top-right-radius: 350px;
}

.axcms-container.content-left {
  flex-direction: row-reverse;
  max-width: 100%;
}
.axcms-container.content-right .ax-cms1-img img {
  position: absolute;
  border-bottom-left-radius: 350px;
  max-height: none;
}
/*joinhref*/
.page-header {
  padding: 30px 0 60px 0;
}
.breadcrumb-yoast {
  display: block;
  padding-bottom: 20px;
}
.breadcrumb-yoast span {
  font-size: 14px;
  color: #fff;
}
.breadcrumb-yoast span a {
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  transition: ease.2s;
}
.page-header {
  background: transparent linear-gradient(209deg, #0097db 0, #004a99 100%) 0 0 no-repeat padding-box;
}
.page-header .ax-title2 {
  padding: 0 80px;
  text-align: center;
  color: #fff;
}
.contact-page-info img{height: 100%;
    width: 100%;
    max-width: 100%;
    object-fit: cover;
    border-radius: 100px 0;
}
#cinfo2 .row{
  min-height: 280px;
}
#cinfo2  .gradient-overlay {
  margin-left: 15px;
  margin-right: 15px;
  position: absolute;
  border-bottom-right-radius: 100px;
  z-index: 2;
  top: 0;
  left: 0;
  width: calc(100% - 30px) ;
  height: 100%;
  background: linear-gradient(0deg, #004a99 0, rgba(38, 87, 230, 0) 50%);
}


.child-page-title {
  z-index: 3;
  height: 100%;
  justify-content: flex-end;
  margin-bottom: 10px;
  width: 100%;
  padding-left: 25px;
  display: flex;
  bottom: 0;
  width: 100%;
  flex-direction: column;
  position: absolute;
}
.child-page-title a {
  font-weight: 700;
  text-decoration: none;
  text-align: left;
  color:#fff;
  font-size: 1.25em;
  transition: ease-in-out.2s;
  max-width: 200px;
}
.child-page-title a:hover{
  color: #febc2a;
}
.titre-carrieres {
  padding: 20px 0 80px;
  margin-bottom: 0;
  z-index: 2;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}
.titre-carrieres .breadcrumb-yoast {
  margin-bottom: 20px;
  padding: 0 0 0 20px;
  text-align: left;
}
.breadcrumb-yoast {
  display: block;
  padding-bottom: 20px;
}
.ax-title2 {
  text-align: center;
  color: #fff;
  line-height: 1.08em;
  font-size: 50px;
}
.candidature-section {
  padding:5rem 1rem;
  background: #fff4db;
    position: relative;
}
.carrieres-main .candidature-section .candidature-container {
  display: flex;
  flex-direction: row;
  width: 100%;
    padding: 0 1rem;
    margin: 0 auto;
}
.carrieres-main .candidature-section .ax-under-title {
  margin-bottom: 10px;
}
.ax-two-color {
  margin-bottom: 20px;
}
.ax-two-color p {
  line-height: 1.08em;
  font-size: 60px;
}
.ax-two-color strong {
  color: #febc2a;
}
.candidature-section .right-content {
  margin: auto;
}
.carrieres-main .candidature-section .right-content .btn {
  font-size: 20px;
}
.btn-gradient-first {
  border: none;
  background: linear-gradient(90deg, #febc2a 0%, #e66926 100%);
  color: #fff;
  transition: none;
}
.candidature-section:after {
  position: absolute;
  content: "";
  background-image: url(//hef.group/wp-content/themes/hef/dist/../assets/img/svg/fond-organique.svg);
  background-size: cover;
  background-repeat: no-repeat;
  height: 100%;
  width: 400px;
  top: 0;
  left: 0;
  z-index: 0;
}
.carrieres-main .btn {
  margin: auto;
}
/*our-tribology-training*/
.wp-block-group {
  box-sizing: border-box;
}
.ax-two-columns {
  column-count: 2;
}
.ax-two-columns {
  padding: 1em;
}
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 1120px;
  margin-left: auto !important;
  margin-right: auto !important;
}
body .is-layout-flex {
  display: flex;
}
.wp-block-image {
  margin: 0 0 1em;
}
.wp-block-image img {
  box-sizing: border-box;
  height: auto;
  max-width: 100%;
  vertical-align: bottom;
}
.wp-container-core-group-is-layout-2 {
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
}
.wp-block-file:not(.wp-element-button) {
  font-size: .8em;
  margin: 1em auto 0 auto;
  border: none;
  display: block;
  width: 358px;
  background: linear-gradient(90deg, #004a99 0%, #0097db 100%);
  color: #fff;
  transition: none;
}
.wp-block-file:not(.wp-element-button):hover {
  font-size: .8em;
  margin: 1em auto 0 auto;
  border: none;
  display: block;
  width: 358px;
  background: linear-gradient(90deg, #004a99 0%, #0097db 100%);
  color: #fff;
  transition: none;
}

.wp-block-file:not(.wp-element-button) a{
  color: #fff;
 
 
  margin: 0 auto;
}
.axformation {
  padding: 1em 0px 2em;
}
.axformation .container-card-formations {
  width: 70%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
    grid-gap: 1.5rem;
}
.axformation .container-card-formations .formation-card {
  border-radius: 20px;
}
.axformation .container-card-formations .formation-card .img-formation {
  max-height: 450px;
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
}

.axformation .container-card-formations .formation-card .text-formation {
  padding: 40px;
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.axformation .container-card-formations .formation-card .text-formation .description-formation {
  padding-top: 20px;
}
.axformation .container-card-formations .formation-card .text-formation .title-formation {
  font-size: 14px;
  font-weight: 700;
}
.dates-formations {
  padding: 0;
  margin-bottom: 5rem;
}
.dates-formations .dates-container {
  background-color: #f2f7ff;
  padding: 60px 0;
}
.ax-title3 {
  color: #004a99;
  margin-bottom: 20px;
  font-size: 25px;

}
.dates-formations .dates-container .number-of-formation {
  display: flex;
  justify-content: center;
}
.dates-formations .dates-container .number-of-formation .card-date {
  width: fit-content;
  padding: 0 70px;
  text-align: center;
}
.dates-formations .dates-container .number-of-formation .card-date .number-formation {
  font-size: 20px;
  font-weight: 700;
  padding-bottom: 10px;
}
.btn-inscription-formation .btn-inscription {
  margin: 40px auto 0;
}
.btn-inscription-formation{
  text-align: center;
}
.dates-formations{
  text-align: center;
}
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 1120px;
  margin-left: auto !important;
  margin-right: auto !important;
}
.axformation .container-card-formations .formation-card {
  box-shadow: 0 0 22px 0 rgba(0, 0, 0, .3);
  border-radius: 10px;
}
#categories-list, #main-content.archive #categories-list {
  gap: 50px;
  margin-bottom: 30px;
}
#categories-list, #main-content.archive #categories-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 30px;
  margin-bottom: 0;
  padding-top: 60px;
}
#categories-list .link-categorie, #main-content.archive #categories-list .link-categorie {
  font-size: 18px !important;
}
#categories-list .link-categorie:first-child {
  text-decoration: underline;
  color: #004a99;
}

#actu-first-categorie,#actu-second-categorie {
  padding: 2rem 0;
}
#actu-first-categorie .ax-title3,#actu-second-categorie .ax-title3 {
  padding-bottom: 25px;
    color: #004a99;
    text-align: center;
}
#actu-first-categorie .container,
#actu-second-categorie .container{
  grid-template-columns: repeat(3, 1fr);
  display: grid;
    grid-gap: 1.5rem;
}
#actu-second-categorie {
  background-color: #f2f7ff;
}
#actu-second-categorie .swiper-slide {
  margin-top: 40px;
  position: relative;
  transform: none;
}
.single-post-card_two {
  position: relative;
  border-radius: 10px;
  transition: ease-in-out.2s;
}
.single-post-card_two img {
  border-radius: 10px;
  aspect-ratio: 441 / 248;
  object-fit: cover;
  width: 100%;
}
#actu-second-categorie .single-post-card_two .slide-text {
  padding: 25px;
}
.single-post-card_two:has(img) .slide-text {
  transform: translateX(-50%);
  position: absolute;
  bottom: -15%;
  left: 50%;
}
.single-post-card_two .slide-text {
  background-color: #fff;
  border-radius: 5px;
  padding: 20px;
  z-index: 3;
  justify-content: flex-end;
  width: 90%;
}
.single-post-card_two .slide-text .ribbons {
  position: relative;
  top: 0;
}
.single-post-card_two .slide-text .actu-link {
  color: var(--primary-ligth);
  transition: ease-in-out.2s;
  text-decoration: underline;
}
.single-post-card_two .slide-text .ax-title4 {
  color: #000;
  padding-bottom: 12px;
  font-size: 20px;
  text-decoration: none;
  max-height: 60px;
  overflow: hidden;
}
.ax-textandimg {
  padding: calc(5rem / 2) 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ax-textandimg-medias-container video{
  width: 100%;
 
}
#textandimg02 .ax-textandimg-content{
 
  float: right;
}
#textandimg02 h2{
  font-size: 35px;
}
#textandimg02 .ax-textandimg-medias-container{

  float: left;
}
.content-right.content-right, .content-left.content-right {
  flex-direction: row;
}
.text-content{
  column-count: 2;
  column-gap: 20px;
  line-height: 20px;
  font-size: 16px;
}
.ax-textandimg-medias-container img{
  width: 100%;
  margin-top: 30px;
}
.ax-textandimg-medias-container{
  width: 40%;
  float: right;
  box-sizing: border-box;
  padding: 20px;
}
.content-right .ax-textandimg-content, .ax-textandimg-container.content-left .ax-textandimg-content {
  width: 60%;
  
  float: left;
}
#textandimg02 h2{
  margin-top: 175px;
}
.content-right .ax-textandimg-content, .ax-textandimg-container.content-left .ax-textandimg-content {
  padding: 0 10px;

}
.content-right .ax-textandimg-content .ax-title3, .content-left .ax-textandimg-content .ax-title3 {
  max-width: 800px;
  margin-bottom: 20px;
  text-wrap: balance;
  padding: 0;
}
.blue-bg {
  background: #f2f7ff;
}
.page-header .ribbons {
  position: relative;
  top: 0;
  padding-bottom: 15px;
  width: auto;
  display: flex;
}
.page-header .ribbons .ribbon {
  margin: 0 auto;
  border-radius: 15px;
}
.page-header .ax-title3 {
  padding-bottom: 25px;
}
.page-header .ax-title3 {
  font-size: 35px;
  color: #fff;
}
.page-header .excerpt {
  padding-bottom: 40px;
  width: 70%;
  margin: 0 auto;
}
.page-header .wp-post-image {
  max-height: 460px;
  width: 70%;
  margin: 0 auto;
  object-position: center;
  border-radius: 5px;
  display: block;
}
#newCDetail .page-header {
  background-size: 100% 70%;
}
.content-post {
  margin: 0 auto;
}
.ax-textandimg {
  padding: calc(5rem / 2) 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#newDetail .ax-textandimg {
  padding-bottom: 0px;
}
.custom-yarpp-template {
  position: relative;
  margin: 0 auto;
  padding: 5rem 0;
  border-top: 1px solid #d4d4d4;
}
.custom-yarpp-template .ax-title3 {
  color: #004a99;

  
  margin-bottom: 20px;
  line-height: 1.14em;
  font-size: 35px;
}
.yarpp-related {
  margin-bottom: 1em;
  margin-top: 1em;
}
.custom-yarpp-template .swiper {
  padding-top: 20px;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
#news2 .team-member{
  margin-right: 10px;
}
.team-member{
  border-radius: 5px;
}
.ax-gallery {
  padding: calc(5rem / 2) 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.ax-gallery-container.content-right, .ax-gallery-container.content-left {
  flex-direction: column;
  gap: 20px;
}
.ax-gallery-container.content-left {
  flex-direction: row-reverse;
}
.ax-gallery-container {
  height: auto;
  padding: 0;
  display: flex;
  border-radius: 100px 0;
  align-items: stretch;
  flex-direction: row;
}

.ax-gallery-medias-container>*:not(:last-child) {
  margin-bottom: 10px;
}
.ax-gallery-medias-container>:first-child {
  border-radius: 100px 0 0;
}
.gallery-item {
  overflow: hidden;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.ax-gallery-medias-container {
  min-height: 400px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  width: 40%;
  height: auto;
  max-height: 80vh;
  padding: 0;
}
.ax-gallery-container.content-right .ax-gallery-content, .ax-gallery-container.content-left .ax-gallery-content {
  width: 70%;
  margin: auto;
}
.ax-gallery-medias-container>* {
  flex-grow: 1;
  height: calc(50% - 10px);
}
.gallery-item img {
  position: absolute;
  
}
.gallery-item img {
  object-position: 50% 50%;
  width: 100%;
  max-width: none;
  height: auto;
}
.ax-gallery-medias-container>:last-child {
  border-radius: 0 0 100px;
}
#solutions {
  padding: 5rem 0;
  scroll-margin-top: 100px;
}
.grid-medium-3 {
  display: grid;
    grid-gap: 1.5rem;
  grid-template-columns: repeat(3, 1fr);
}
#solutions .ax-title4 {
  color: #004a99;
  padding-bottom: 18px;
  line-height: 1.2em;
  font-size: 25px;
}
#solutions .card-marche, #solutions .more_marches {
  border-radius: 10px;
  text-decoration: none;
  box-shadow: 0 0 15px -8px rgba(0, 0, 0, .8);
  transition: ease-in-out.4s;
}
#solutions .marche-thumbnail {
  overflow: hidden;
  max-height: 150px;
  min-height: 150px;
  height: 100%;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  background-color: #d4d4d4;
}
#solutions .marche-thumbnail img {
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
  height: 100%;
  object-fit: cover;
}
#solutions .content-marche {
  padding: 35px 0;
  text-align: center;
}
.ax-cms1 .container{
  padding: 0 0;
}
#mediatheque .cards-mediatheque {
  padding: 30px 0;
}
#mediatheque .card-mediatheque {
  flex-direction: row;
  align-items: center;
  padding: 30px 0;
  display: flex;
  justify-content: space-between;
  border-top: 1px solid #d4d4d4;
}
#mediatheque .btn{
  padding: .4rem .5rem;
  font-size: .875rem;
  line-height: 1.5;
  border-radius: .2rem;
}
#mediatheque .align-items-center{
  padding-top: 30px;
}
.axblock-black {
  margin-bottom: 1rem;
}
.ax-black .ax-black-img{
 
}
.ax-black .ax-black-img img{
  max-height: 300px;
  border-radius: 100px 0;
}
.ax-black .ax-black-img video{
  margin-top: 8px;
  max-height: 300px;

}
.axblock-black .ax-black-container.black {
  background-color: #333;
  flex-direction: row;
        justify-content: space-between;
        display: flex;
    align-items: center;
    padding: 0;
    color: #fff;
}
.axblock-black .ax-black-container .ax-black-content {
  padding: 35px 75px;
  width: 50%;
  
}
.axblock-black .ax-black-container .ax-black-content .ax-title3 {
  padding-bottom: 20px;
  margin-bottom: 20px;
  color: #fff;
}
.axblock-black .ax-black-container .ax-black-content .text-content {
  padding-bottom: 30px;
}
.axblock-black .ax-black-container .ax-black-img {
  width: 50%;
}
#solutions .card-marche{
  cursor: pointer;
}
#solutions .card-marche img{
  width: 100%;
}
#solutions .card-marche .text-link{
  text-decoration: underline;
}
#exampleModal img {
  width: 100%;
  height: auto;
}
#knowledge_con .vedio-inner{
  width: 100%;
}
#knowledge_con .vedio-inner img{
  width: 100%;
}
#knowledge_con .vedio-inner video{
  width: 100%;
}
.widget-content a{
  color: #fff;
}
.widget-content a:hover{
  color: #fff;
  text-decoration: underline;
}
.default-portfolio-item .inner-box{
  height: 100%;
}
.default-portfolio-item .inner-box .image-box{
  height: 100%;
}
.default-portfolio-item .inner-box img {
  max-height: 400px;
  height: 100%;
}
#hhef .about-content p,#joinhef .about-content p{
  column-count: 2;
}
.about-content p{

  margin-bottom: 0;
  color: #333;
  font-family: "SplineLight",sans-serif;
  font-size: 16px;
}
@media only screen and (max-width: 991px) {
  .main-header .logo-outer .logo img {
    width:80px;
  }
  .axtopsection-block .topsection-background {
    padding-top: 2em;
    position: relative;
    background: transparent linear-gradient(209deg, #007bff 0%, var(--primary) 100%) 0 0 no-repeat padding-box;
    background-size: 100% 85%;
  }
  .axtopsection-block .topsection-background .axtopsection-fond {
    background-image: url(//hef.group/wp-content/themes/hef/dist/blocks/../../assets/img/fonds/fond-alaloupe.svg);
    background-size: cover;
    background-repeat: no-repeat;
}
.axtopsection-block .topsection-background .axtopsection-fond video, .axtopsection-block .topsection-background .axtopsection-fond img {
  width: 90%;
  left: 50%;
 
  margin: 0 auto;
  border-radius: 10px;
}
.axtopsection-block .container {
  width: 100%;
  padding: 0 var(--padding-container);
  margin: 0 auto;
  max-width: calc(var(--container) + var(--padding-container)* 2);
}
.axtopsection-block .text-element{
  top:30%
}
.axtopsection-block .container-text {
  padding:  0;

}
.axtopsection-block .topsection-background .axtopsection-fond video, .axtopsection-block .topsection-background .axtopsection-fond img {
  position: relative;
  top:320px;
  left: 0;
  
}
.breadcrumb-yoast {
  display: none;

}
.axtopsection-block .topsection-background .axtopsection-fond .container-title-groupe {
  top:0
}
.axreassurances-block .card-icon {
  width: 50%;
  margin: 0;
  padding: 10px 20px;
  justify-content: center;
}
.axreassurances-block .card-icon .ax-title2 {
  font-size: 20px;
}
.axreassurances-block .card-icon .sub-title-icon {
  font-size: 14px;
}
.axblock .axcms-container .ax-cms1-content{
  width: 100%;
}
.axblock .axcms-container .ax-cms1-content{
  width: 100%;
}
.axblock .axcms-container .ax-cms1-img{
  width: 100%;
  

}
.axcms-container.content-right,
.axcms-container.content-left {
  flex-direction: column-reverse;
}
.axblock .axcms-container .ax-cms1-img{
  min-height: 300px;
}
.axblock  .axcms-container.content-right .ax-cms1-img img {max-height: 300px;}
/*joinhef*/
.page-header {
  padding: 20px 0 30px 0;
}
#cinfo2 .row .a1{
  min-height: 280px;
  margin-bottom: 40px;
  position: relative;
}
/*our-career-oppo*/
.titre-carrieres {
  padding: 40px 0 40px;
  
}
.ax-title2{
  font-size: 30px;
}
.ax-two-columns {
  column-count:auto;
}
.axformation .container-card-formations {
  
  grid-template-columns: repeat(1, 1fr);

}
.ax-textandimg-medias-container{
  width: 100%;
  float: none;
}
.content-right .ax-textandimg-content, .ax-textandimg-container.content-left .ax-textandimg-content {
  width: 100%;

  float: none;
}
#textandimg02 h2{
   margin-top: 30px;
}
.text-content{
  column-count: 1;
}
#actu-first-categorie .container,#actu-second-categorie .container {
  grid-template-columns: repeat(1, 1fr);
}
.ax-gallery-container.content-left {
  flex-direction: column;
}
.ax-gallery-container.content-right .ax-gallery-content, .ax-gallery-container.content-left .ax-gallery-content {
  width: 90%;
  margin: auto;
}

.ax-gallery-medias-container {
  width: 100%;
}
.btn-gallery{
  text-align: center;
}
#solutions .grid-medium-3 {
  display: grid;
    grid-gap: 1.5rem;
  grid-template-columns: repeat(1, 1fr);
}

.axblock-black .ax-black-container.black {
  flex-direction: column;
}
.axblock-black .ax-black-container .ax-black-content {
  padding: 20px;
  width: 100%;
}
.axblock-black .ax-black-container .ax-black-img{
  width: 90%;
}

#home_source .container{
  max-width: 100%;

  background-color: rgb(51 51 51);
  height: 48%;
  width: 100%;
  padding-top: 9%;
  
}
#home_source .slider-caption{
  height: 600px;
}
#home_source .container h2{
  font-size: 20px;
}
#home_source  .slider-caption{
  align-items:flex-end
}
#home_source  .slider-wrapper{
  height: 600px;
}
#home_source .image{
 position: absolute;
 width: 100%;
}
#home_source .image img{
 
  width: 100%;
  min-height: 320px;
} 
.about-us-area .about-content{
padding: 0 10px;
}
.portfolio-section{
  padding-bottom: 80px;
}
.portfolio-section .default-portfolio-item{
  padding: 0 80px;

}
.portfolio-section .default-portfolio-item img{
  min-height: 200px;
  height: 200px;
}
.page-wrapper .portfolio-section{
  min-height: 1050px;
}
.testimonial.pb-110{
  padding-bottom: 0;
}
.partners-section{
  padding: 0 10px;
}
.footer.pt-95{
  padding-top: 10px;
}
.footer .container{
  padding: 16px 20px;
}
.footer .svg{
  position: static;
  width: 100%;
}
.page-wrapper .main-header {
  width: 100%;
  background-color: #fff;
  position: fixed;
}
.dhz{
  height: 84px;
  display: block;
}
.portfolio-section .default-portfolio-item .overlay-box {
  position: absolute;
  left: 20px;
  top: 60px;
  right: 20px;
  bottom: 0px;
}
.portfolio-section .section-title{
  text-align: center;
}
}