.ce-clickable {
  cursor: pointer;
}

.hero {
      background: linear-gradient(135deg, #f8f9fa, #e9ecef);
      
    }
    .feature-icon {
      font-size: 2rem;
      color: #3b82f6;
    }
    .section {
      padding: 60px 0;
    }
    .footer {
      background-color: #f1f3f5;
      padding: 20px 0;
      font-size: 0.9rem;
      color: #6c757d;
    }
    .input-group-vertical {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: vertical !important;
    -webkit-box-direction: normal !important;
        -ms-flex-direction: column !important;
            flex-direction: column !important;
    -webkit-box-align: stretch !important;
        -ms-flex-align: stretch !important;
            align-items: stretch !important;
  }

  .input-group-vertical > .input-group-text,
  .input-group-vertical > .form-control {
    width: 100% !important;
    border-radius: 0 !important;
    margin: 0 !important;
    padding-left: 0.75rem !important;
    padding-right: 0.75rem !important;
    text-align: center !important;
  }

  .input-group-vertical > .input-group-text {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
  }

  .input-group-vertical > :first-child {
    border-top-left-radius: 0.375rem !important;
    border-top-right-radius: 0.375rem !important;
  }

  .input-group-vertical > :last-child {
    border-bottom-left-radius: 0.375rem !important;
    border-bottom-right-radius: 0.375rem !important;
  }

  .input-group-vertical ::-webkit-input-placeholder {
    text-align: center !important;
  }

  .input-group-vertical ::-moz-placeholder {
    text-align: center !important;
  }

  .input-group-vertical :-ms-input-placeholder {
    text-align: center !important;
  }

  .input-group-vertical ::-ms-input-placeholder {
    text-align: center !important;
  }

  .input-group-vertical ::placeholder {
    text-align: center !important;
    font-size: 1.1rem !important;
  }
  .input-group-vertical > .input-group-text-large {
    font-size: 1.6rem !important;
  }

  .dropdown-wrapper {
      position: relative; /* establishes positioning context for the dropdown */
    }

    .dropdown-list {
      position: absolute;
      top: 100%; /* just below the input */
      left: 0;
      right: 0;
      z-index: 1050; /* above most elements */
      display: none;
      background-color: #fff;
      max-height: 50vh;
      overflow-y: auto;
    }

    .dropdown-list.show {
      display: block;
    }