.WhatItIsPackagingComponent {
  padding: 4rem 0; }
  .WhatItIsPackagingComponent h3 {
    color: #1a1818;
    font-size: 2rem; }
  .WhatItIsPackagingComponent.isDark h3 {
    color: #515150; }
  .WhatItIsPackagingComponent.isDark .list-packaging > div {
    color: #515150; }
    .WhatItIsPackagingComponent.isDark .list-packaging > div > h5 {
      color: #515150; }
    .WhatItIsPackagingComponent.isDark .list-packaging > div button {
      color: #515150; }
  @media (min-width: 768px) {
    .WhatItIsPackagingComponent .columns {
      -moz-column-count: 2;
           column-count: 2;
      -moz-column-gap: 3rem;
           column-gap: 3rem; } }
  .WhatItIsPackagingComponent .list-packaging > div {
    padding: 1rem 3rem;
    margin-bottom: 0;
    color: #1a1818; }
    .WhatItIsPackagingComponent .list-packaging > div:first-child {
      padding-top: 3rem; }
    .WhatItIsPackagingComponent .list-packaging > div:last-child {
      padding-bottom: 3rem; }
    @media (max-width: 767px) {
      .WhatItIsPackagingComponent .list-packaging > div {
        padding: 0 2rem; } }
    .WhatItIsPackagingComponent .list-packaging > div table {
      width: 100%; }
    .WhatItIsPackagingComponent .list-packaging > div > h5 {
      color: #515150;
      padding-left: 1rem;
      padding-right: 5rem;
      transition: all .8s ease-in-out; }
      @media (max-width: 767px) {
        .WhatItIsPackagingComponent .list-packaging > div > h5 span {
          display: block; } }
      .WhatItIsPackagingComponent .list-packaging > div > h5:hover {
        cursor: pointer;
        background-position: 0 30%;
        background-image: linear-gradient(transparent, rgba(238, 238, 238, 0.08), rgba(238, 238, 238, 0.21), rgba(238, 238, 238, 0.45)); }
    .WhatItIsPackagingComponent .list-packaging > div button {
      position: absolute;
      top: 0;
      right: 0;
      border: 0;
      background-color: transparent;
      font-weight: 700;
      color: #c1282a; }
      .WhatItIsPackagingComponent .list-packaging > div button:after {
        content: " ";
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        width: 1rem;
        height: .7rem;
        display: inline-block;
        margin-left: 1rem;
        vertical-align: middle; }
    .WhatItIsPackagingComponent .list-packaging > div a {
      background: transparent;
      color: #FFFFFF;
      border-radius: 37px;
      padding: 1rem 3rem;
      border: 2px solid #FFFFFF;
      margin-left: 5%;
      font-weight: 600;
      text-decoration: none; }
      .WhatItIsPackagingComponent .list-packaging > div a:hover {
        background-color: #515150;
        color: #c1282a; }
    .WhatItIsPackagingComponent .list-packaging > div:last-child {
      margin-bottom: 0; }
  .WhatItIsPackagingComponent .inv {
    display: none; }
  .WhatItIsPackagingComponent .green-arrow:focus {
    outline: none; }
  .WhatItIsPackagingComponent .green-arrow.fold::after {
    vertical-align: initial; }
  .WhatItIsPackagingComponent .green-arrow.expand::after {
    vertical-align: initial; }
  .WhatItIsPackagingComponent .cImage {
    max-width: 100%;
    width: 100%; }
  .WhatItIsPackagingComponent .bb-1 {
    border-bottom: 2px solid #f7f7f7; }
  .WhatItIsPackagingComponent strong {
    font-family: "Cosmos_EE_Bold", sans-serif; }