span {
       color: var(--ce-primary-color);
   }

   /* 
  input,
  select {
    border: 1px solid var(--ce-primary-color);
  } */



   input[type='text'] {
       max-width: 100px;
       border-top-left-radius: 8px !important;
       border-bottom-left-radius: 8px !important;
       border: 1px solid #d2d6da;
   }

   .custom-input:hover,
   .custom-input:focus,
   .custom-input:focus-visible,
   .custom-input:focus-within,
   .custom-input:active,

   .custom-select:hover,
   .custom-select:focus,
   .custom-select:focus-visible,
   .custom-select:focus-within,
   .custom-select:active,

   .custom-date:hover,
   .custom-date:focus,
   .custom-date:focus-visible,
   .custom-date:focus-within,
   .custom-date:active {
       border-color: var(--ce-primary-color);
   }

   .location-finder-container {
       position: relative;
   }

   .scroll-container {
       overflow-y: scroll;
       scrollbar-width: none;
       -ms-overflow-style: none;
       max-height: 100vh;
   }

   .scroll-container::-webkit-scrollbar {
       display: none;
   }

   body {
       background-color: white !important;
   }

   .custom-select {
       background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23ffffff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), linear-gradient(to right, transparent calc(100% - 40px), var(--ce-primary-color) 20px);
       background-size: 40px 18px, 100% 100%;
       display: inline-block;
       max-width: 365px;
       padding-left: 1em;
   }

   .custom-select option:hover,
   .custom-select option:focus,
   .custom-select option:focus-visible,
   .custom-select option:focus-within,
   .custom-select option:active {
       background-color: var(--ce-primary-color);
       color: white;
       z-index: 9999;
       border-color: initial;
   }


   .custom-date {
       appearance: none;
       -webkit-appearance: none;
       -moz-appearance: none;
       background-image: url('data:image/svg+xml,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 448 512%27%3E%3Cpath fill=%27white%27 d=%27M96 32l0 32L48 64C21.5 64 0 85.5 0 112l0 48 448 0 0-48c0-26.5-21.5-48-48-48l-48 0 0-32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 32L160 64l0-32c0-17.7-14.3-32-32-32S96 14.3 96 32zM448 192L0 192 0 464c0 26.5 21.5 48 48 48l352 0c26.5 0 48-21.5 48-48l0-272z%27%3E%3C/path%3E%3C/svg%3E'), linear-gradient(to right, transparent calc(100% - 37px), var(--ce-primary-color) 0);
       background-repeat: no-repeat;
       background-position: right 0 center;
       border: solid 1px #d2d6da;
       width: auto !important;
       flex: none !important;
       background-size: 40px 18px, 100% 100%;
       padding-left: 1em;
       padding-right: 10px;
       display: inline-block;
   }

   .custom-date::-webkit-calendar-picker-indicator {
       opacity: 0;
       /* Hide the native calendar icon in WebKit browsers */
   }

   .custom-date::-moz-calendar-picker-indicator {
       display: none;
       /* Hide the native calendar icon in Firefox */
   }

   /* Icon styling */
   .calendar-icon {
       position: relative;
       right: 25px;
       top: 17px;
       transform: translateY(-50%);
       pointer-events: none;
       color: white;
       font-size: 0.8rem;
       z-index: 9;
   }

   .color-blue {
       color: var(--ce-primary-color);
       font-weight: bold;
   }

   .card {
       box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 -4px 6px -1px rgba(0, 0, 0, 0.06), 4px 0 6px -1px rgba(0, 0, 0, 0.1), -4px 0 6px -1px rgba(0, 0, 0, 0.06);
   }

   .btn-secondary-custom,
   .btn-secondary-custom:hover,
   .btn-secondary-custom:focus,
   .btn-secondary-custom:focus-visible,
   .btn-secondary-custom:focus-within,
   .btn-secondary-custom:active {
       padding: 8.5px 14px;
       background-color: var(--ce-primary-color);
       color: white;
       border-top-left-radius: 0;
       border-bottom-left-radius: 0;
   }

   .btn-secondary-custom i,
   .btn-primary i {
       margin-right: 0.25rem;
   }

   .newbie-card {
       padding: 0.75rem;
   }

   .image-container {
       position: relative;
   }

   .card-image {
       max-height: 250px;
       width: 100%;
       object-fit: cover;
   }

   .date-badge {
       width: 9rem;
       margin-top: -60px;
       position: relative;
       box-shadow:
           0px 4px 6px -1px rgba(0, 0, 0, 0.4),
           0px 10px 4px -1px rgba(0, 0, 0, 0.06);
       background-color: var(--ce-primary-color);
   }

   .event-time {
       color: rgba(11, 11, 11, 0.45);
       font-weight: 600;
       line-height: 24px;
   }

   .title {
       font-size: 1rem;
       font-weight: 600;
   }

   .text-sm {
       font-size: 0.875rem;
       color: #6c757d;
   }

   .moving-tab .nav-link {
       color: transparent !important;
   }

   .nav.nav-pills .nav-link {
       color: var(--ce-primary-color);
   }

   .nav.nav-pills .nav-link.active {
       background-color: white;
   }

   .nav.nav-pills .nav-link.disabled {
       color: #6c757d;
   }

   .form-control:disabled,
   .form-control[readonly] {
       opacity: .65;
   }

   @media screen and (max-width: 767px) {

       .custom-date,
       .custom-select {
           display: inline-block !important;
           width: 100% !important;
           justify-content: left !important;
           max-width: 100%;
       }
   }