.bottom-mask-container {
  display: flex;
  height: 137px;
  background: transparent;
  width: 100%;
  justify-content: space-between;
  margin: auto;
  position: absolute;
  z-index: 2;
  bottom: 0;
}

/* الجزئيْن 2 & 4 */
.bottom-mask {
  flex: none;
  width: auto;
  /* طابق عرض الكابّ من ملف SVG */
  background: #fff;
  /* لون خلفية البروز المنحني */
  height: 100%;
  /* نطبق ClipPath المناسب */
}

.bottom-mask--left {
  /* flex: auto; */
  /* نطبق ClipPath المناسب */
}

.bottom-mask--right {
  /* flex: 3 auto auto; */
  /* نطبق ClipPath المناسب */
}

.bottom-mask--left {
  /* clip-path: url(#cap-left); */
}

.bottom-mask--right {
  /* clip-path: url(#cap-right); */
}

/* الجزء الأوسط المرن (part 3 + الأجزاء المسطحة الواحدية 1&5 مخفية باللون الأبيض من الخلف) */
.bottom-mask {
  /* flex: auto; */
  background: transparent;
  /* نفس لون cap */
  height: 100%;
  /* margin-left: -1px; */
  /* margin-right: -1px; */
  transition: width 1.5s cubic-bezier(1, 0, 1, .6);
  transition: width 1s cubic-bezier(1, 0, 1, .6);
  transition: width 0.5s cubic-bezier(1, 0, 1, .6);
  transition: width 0.334s cubic-bezier(1, 0, 1, .6);
  /* thos */
  /* will-change: width; */
}

/* المحتوى */
.bottom-mask--br {
  position: absolute;
  bottom: 0;
  height: 19%;
  width: 100%;
  display: block;
  /* background: #ffffff54; */
  background: var(--b-mask-curved-c);
}

.bottom-mask--bg {
  position: absolute;
  /* max-width: 81.991vw; */
  max-width: 100vw;
  top: 0;
  height: 100%;
  max-height: 81%;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  transition: width 1.5s cubic-bezier(1, 0, 1, .6);
  transition: width 1s cubic-bezier(1, 0, 1, .6);
  transition: width 0.5s cubic-bezier(1, 0, 1, .6);
  transition: width 0.334s cubic-bezier(1, 0, 1, .6);
  /* thos */
  /* will-change: width; */
  /* justify-content: space-between; */
  justify-content: space-between;
  z-index: 2;
  width: 100%;
}

/* .header__content {
  position: absolute;
  top: 0;
  left: 50%;
  width: 64.421vw;
  transform: translateX(-50%);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  z-index: 3;
} */