/*
* Prefixed by https://autoprefixer.github.io
* PostCSS: v8.4.14,
* Autoprefixer: v10.4.7
* Browsers: last 4 version
*/
/**
* Top Hero - Center with Background Image Layout Styles * Specific styles for centered content with background image variant */

.top-hero {
   position: relative;
   background-color: #F8F4EC;
}

.top-hero__content {
display: -webkit-box;
   display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
   -webkit-box-direction: normal;
   -ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
   -ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
   -ms-flex-pack: end;
justify-content: flex-end;
   height: 100%;
   background-color: white;
   border-radius: 28px;
   padding: 32px !important;
   max-width: 1440px;
   margin: auto;
}

.top-hero__title {
   text-align: center;
   z-index: 990;
   position: relative;
}

.top-hero__sub-title {
   text-align: center;
   z-index: 990;
   position: relative;
}

.top-hero .title-section-center .title-section__sous-titre * {
   color: #3A2A1F;
   line-height: 1.4;
}

.top-hero .title-section-center .title-section__sous-titre p {
   margin-bottom: 16px;
}

.top-hero .title-section-center .title-section__sous-titre p:last-of-type {
   margin-bottom: 0;
}

.top-hero .cta-component {
   margin-top: 32px;
}

@media all and (max-width:550px) {
   .top-hero>.container {
      padding: 16px !important;
   }
}