.digidot_cards .digidot_cards_nav { 
  display: flex;
  gap: 24px;
  margin-bottom: 20px;
}

.digidot_cards .digidot_cards_digidot {
  --digidot_cards_digidot_width: 5;
  position: relative;
  height: 30px;
  margin-bottom: 50px;
}

.digidot_cards .digidot_cards_digidot::before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: calc((var(--digidot_cards_digidot_width) * 1%) - 15px);
  height: 3px;
  transform: translateY(-50%);
  background-color: var(--primary);
  transition: all 300ms ease-in-out;
}

.digidot_cards .digidot_cards_digidot::after {
  content: '';
  position: absolute;
  top: 50%;
  left: calc((var(--digidot_cards_digidot_width) * 1%) - 30px);
  width: 16px;
  height: 16px;
  border-radius: 100%;
  transform: translateY(-50%);
  background-color: var(--primary);
  transition: all 300ms ease-in-out;
}

.digidot_cards_wrapper {
  max-width: 800px;
  margin: 0 auto;
}

.digidot_cards .digidot_cards_nav_button { 
  padding: 1rem;
  font-size: 0.9em;
  flex: 1 1 auto;
  border: 0;
  color: var(--secondary);
  font-weight: 700;
  background-color: #f5f5f5;
}

.digidot_cards .digidot_cards_nav_button.active,
.digidot_cards .digidot_cards_nav_button:hover { color: var(--primary); }

.digidot_cards .digidot_cards_nav_button.active { pointer-events: none; }

.digidot_cards .digidot_cards_item { 
  position: relative; 
  padding: 50px 30px 30px;
  background-color: var(--secondary);
  border-radius: var(--radius-2);
  overflow: hidden;
}

.digidot_cards .digidot_cards_item:not(.active) { display: none; }

.digidot_cards .digidot_cards_item_inner {
  position: relative;
  text-align: center;
}

.digidot_cards .digidot_cards_item_image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
}

.digidot_cards .digidot_cards_item_image_hidden {
  position: absolute;
  right: 100vw;
}

.digidot_cards .digidot_cards_item_title { color: white; }

.digidot_cards .digidot_cards_item_content { 
  max-width: 640px;
  margin: 0 auto 1em;
  color: white;
}

.digidot_cards .digidot_cards_item_url_wrapper { text-align: right; }

.digidot_cards .digidot_cards_item_url { 
  transition: all 300ms ease-in-out;
  font-size: 0.8em;
}

.digidot_cards .digidot_cards_item_url:hover { color: white; }

.digidot_cards .digidot_cards_accordion { display: none; }

@media screen and (max-width: 1200px) {
  .digidot_cards .digidot_cards_nav,
  .digidot_cards .digidot_cards_digidot,
  .digidot_cards .digidot_cards_wrapper { display: none; }

  .digidot_cards .digidot_cards_accordion { 
    display: block;
    color: white;
   }
}

.digidot_cards .digidot_cards_accordion .accordion_content { 
  position: relative;
  background-color: var(--secondary);
}

.digidot_cards .digidot_cards_accordion .accordion_content .accordion_content_inner {
  position: relative;
  padding: 24px;
}


/* Temp */
/* For heading */
/* body .elementor-widget:not(:last-child) {  } */

body .elementor-widget:not(:last-child).elementor-widget-heading{ margin-block-end: 10px; }