/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/fast-css-loader/lib/index.js??ruleSet[1].rules[1].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].use[2]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[1].use[3]!./blocks/header/title/style.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
/* Bootstrap */
/* Vendors */
.h--title {
  position: relative; }
  @media (min-width: 768px) {
    .h--title::after {
      content: '';
      width: 30%;
      height: 100%;
      background-image: url(../assets/images/shapes/shape_1.svg);
      background-repeat: no-repeat;
      background-size: cover;
      background-position: 0% 50%;
      display: block;
      position: absolute;
      right: 0;
      top: 0;
      bottom: 0; } }
  @media (min-width: 768px) {
    .h--title .l__wrapper {
      max-width: 60%; } }
  .h--title .l__wrapper:not(.has-content) {
    position: relative;
    padding-left: calc(clamp(calc((32px * var(--min-font-size-controler))), calc(1.84971vw), calc(32px * var(--max-font-size-controler))) + var(--spacers-xs));
    min-height: clamp(calc((32px * var(--min-font-size-controler))), calc(2.25434vw), calc(39px * var(--max-font-size-controler)));
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .h--title .l__wrapper:not(.has-content)::before {
      content: '';
      width: clamp(calc((28px * var(--min-font-size-controler))), calc(1.84971vw), calc(32px * var(--max-font-size-controler)));
      height: clamp(calc((32px * var(--min-font-size-controler))), calc(2.25434vw), calc(39px * var(--max-font-size-controler)));
      background-size: contain;
      display: block;
      background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='34' height='38' viewBox='0 0 34 38' fill='none'><path d='M18.3891 37.8931H0L15.4039 19L0 0.106934H18.3891L33.793 19L18.3891 37.8931Z' fill='%231C1917'/></svg>");
      background-repeat: no-repeat;
      background-size: contain;
      position: absolute;
      top: 0;
      left: 0;
      -webkit-filter: var(--mark-filter);
              filter: var(--mark-filter); }
  .h--title .read-more[aria-expanded="true"] .when-closed {
    display: none; }
  .h--title .read-more[aria-expanded="true"] .when-open {
    display: inline !important; }
  .h--title .collapsible-content .inline-collapse {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out, max-height 0.3s ease-in-out; }
    .h--title .collapsible-content .inline-collapse.show {
      opacity: 1;
      max-height: 2000px; }
    .h--title .collapsible-content .inline-collapse p {
      margin-bottom: 0; }
      .h--title .collapsible-content .inline-collapse p:not(:last-child) {
        margin-bottom: 1rem; }

