.conditional {
    overflow: hidden;
    max-height: 0;
    opacity: 0;
    transition: max-height 0.25s ease, opacity 0.2s ease;
  }
  .conditional.show { max-height: 80px; opacity: 1; }




  /*---------------------------------Theme dropdown style in abstract form----------------------------*/
.dropdownTheme { position: relative; width: 100%; }
.dropdown-btn { width: 100%; padding: 10px; border: 1px solid #eddddd; background: #fff; text-align: left; cursor: pointer; border-radius:5px;}
.dropdown-list { display: none; position: absolute; width: 100%; border: 1px solid #ccc; background: #fff; z-index: 10; }
.dropdown-list.open { display: block; }
.option { padding: 10px; cursor: pointer; white-space: normal; word-break: break-word; line-height: 1.5; }
.option:hover { background: #f0f0f0; }



   .dropdown-list {
               background: #d8e0e5;
        }