/*css/components/cards/css/index.scss*/
.card {
   box-sizing: border-box;
   display: flex;
   flex-direction: column;
   padding: var(--obj_padding-large);
   text-decoration: none;
   border-radius: var(--corner-12, 0.75rem);
   background-color: var(--theme--background);
}
.card[card-layout=none] {
   padding: 0;
   background: transparent;
}
.card[card-style~=border] {
   border: 0.0625rem solid var(--theme--border);
}
.card[card-style~=border][color-theme] {
   border: 0.0625rem solid var(--theme--accent);
}
.card[card-style~=glass] {
   background-color: rgba(22, 27, 50, 0.8);
   -webkit-backdrop-filter: blur(0.75rem);
           backdrop-filter: blur(0.75rem);
}

.person-card {
   --_border-width: 0.0625rem;
   --_gold: var(--theme--border);
   --_red: var(--theme--border);
   --_blue: var(--theme--border);
   --_logo-opacity: 0.9;
   --_glow-opacity: 0;
   --_corner: var(--corner-12);
   --_glow-inset: 2.5rem;
   border-radius: var(--_corner);
   padding: 0;
   container-type: inline-size;
   container-name: pricing-card;
   position: relative;
}
.person-card::after, .person-card::before {
   position: absolute;
   inset: -1px;
   border-radius: inherit;
   z-index: -1;
   display: block;
   content: "";
}
.person-card:before {
   background-image: conic-gradient(from var(--_gradient_angle), var(--_gold), var(--_red), var(--_blue), var(--_red), var(--_gold));
}
.person-card::after {
   opacity: var(--_glow-opacity, 0);
   filter: blur(1.5rem);
   inset: 0.5rem;
   background-image: conic-gradient(from var(--_gradient_angle), var(--_gold), var(--_red), var(--_blue), var(--_red), var(--_gold));
}
.person-card:hover::after, .person-card:hover::before {
   animation: card-border-rotation 5s linear infinite;
}
.person-card[speaker-type=exec-summit]:before {
   background-image: conic-gradient(from var(--_gradient_angle), var(--theme--accent), var(--theme--accent-light), var(--theme--accent));
}
.person-card[speaker-type=exec-summit]:after {
   background-image: conic-gradient(from var(--_gradient_angle), var(--theme--accent), var(--theme--accent-light), var(--theme--accent));
}
.person-card-border-wrapper {
   display: flex;
   flex-direction: column;
   border-radius: inherit;
   background-color: var(--theme--background);
   position: relative;
   height: 100%;
   justify-content: flex-start;
   align-items: flex-start;
   padding: var(--obj_padding-mini);
   gap: var(--obj_padding);
}
.person-background {
   border-radius: inherit;
   position: absolute;
   width: 100%;
   height: 100%;
   inset: 0;
   -o-object-fit: cover;
      object-fit: cover;
   opacity: var(--_glow-opacity, 0);
}
.person-company {
   display: flex;
   flex-direction: row;
   justify-content: center;
   align-items: center;
   gap: 0.7692307692em;
   font-size: clamp(0.6875rem, 0.19vw + 0.64375rem, 0.8125rem);
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
   padding: 0.2307692308em 0.6923076923em;
   border-radius: 99em;
   background: var(--theme--background);
   color: var(--theme--primary_text);
   border: 1px solid var(--theme--border);
   position: relative;
}
.person-media_area {
   display: flex;
   justify-content: center;
   align-items: center;
   width: 100%;
}
.person-media_content {
   position: relative;
   aspect-ratio: 1;
   border-radius: var(--corner-8);
   overflow: clip;
   width: 9rem;
   max-width: 90%;
}
.person-media_content::after {
   display: block;
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   inset: 0;
   -o-object-fit: cover;
      object-fit: cover;
   opacity: calc(1 - var(--_glow-opacity));
   background-color: var(--theme--background);
   mix-blend-mode: color;
}
[speaker-type=exec-summit] .person-media_content::after {
   display: none;
}
.person-headshot {
   position: absolute;
   width: 100%;
   height: 100%;
   inset: 0;
   -o-object-fit: cover;
      object-fit: cover;
}
.person-text_area {
   position: relative;
}
.person-text_content {
   display: flex;
   flex-direction: column;
   gap: 0.5rem;
}
.person-name {
   color: var(--theme--primary_text);
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
   font-size: 18px;
   font-size: clamp(1rem, 0.19vw + 0.95625rem, 1.125rem);
   font-style: normal;
   font-weight: 700;
   line-height: 115%;
}
.person-title {
   color: var(--theme--border);
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
   font-size: clamp(0.6875rem, 0.19vw + 0.64375rem, 0.8125rem);
   font-style: normal;
   font-weight: 600;
   line-height: 145%;
   letter-spacing: -0.01em;
   transition: 0.5s color;
}
[speaker-type=exec-summit] .person-title {
   color: var(--theme--secondary_text);
}
@media (max-width: 767px) {
   .person-title {
      color: var(--theme--secondary_text);
   }
}
.person-title:hover {
   color: vaR(--theme--primary_text);
}
.person-hidden-data {
   display: none;
}
.person-list-item a {
   height: 100%;
}

.register_card-card {
   background-color: var(--theme--background-em);
   max-width: 50rem;
   margin-inline: auto;
   padding: 0;
   flex-direction: row;
   flex-wrap: wrap;
   overflow: clip;
   position: relative;
}
.register_card-background {
   z-index: initial;
}
.register_card-text_area.text_area {
   display: grid;
   grid-template-columns: 1fr auto;
   flex-basis: 20.9375rem;
   flex-grow: 1;
   flex-shrink: 0;
   padding: var(--obj_padding);
   position: relative;
}
.register_card-headline {
   grid-column: 1/-1;
   align-self: self-start;
}
.register_card-headline h3 {
   color: var(--theme--primary_text, #fff);
   font-family: var(--primary_font, "Raleway Variable", "Raleway", sans-serif);
   font-weight: 500;
   font-size: clamp(2.625rem, 1.69vw + 2.23125rem, 3.75rem);
   line-height: 1.1;
   text-wrap: pretty;
   font-weight: 500;
   max-width: 20.9375rem;
}
.register_card-details.text_content {
   gap: 0;
   grid-column: 1;
   align-self: self-end;
}
.register_card-details h4 {
   font-size: 1.0625rem;
   font-weight: 300;
}
.register_card-details p {
   font-size: 0.75rem;
   font-weight: 300;
}
.register_card-headline-button {
   align-self: self-end;
   grid-column: 2;
}
.register_card-media_area {
   flex-basis: 12.5rem;
   flex-grow: 2;
   flex-shrink: 0;
   min-height: 12.5rem;
   position: relative;
}
.register_card-media_area .media_content {
   width: 100%;
   height: 100%;
   position: relative;
}
.register_card-media_area .media_content img {
   position: absolute;
   width: 100%;
   height: 100%;
   inset: 0;
   -o-object-fit: cover;
      object-fit: cover;
}

.past_event-card {
   --_border-width: 0.0625rem;
   --_gold: var(--theme--border);
   --_red: var(--theme--border);
   --_blue: var(--theme--border);
   --_logo-opacity: 0.9;
   --_glow-opacity: 0;
   --_corner: var(--corner-12);
   --_glow-inset: 2.5rem;
   border-radius: var(--_corner);
   padding: 0;
   container-type: inline-size;
   container-name: pricing-card;
   position: relative;
}
.past_event-card::after, .past_event-card::before {
   position: absolute;
   inset: -1px;
   border-radius: inherit;
   z-index: -1;
   display: block;
   content: "";
}
.past_event-card:before {
   background-image: conic-gradient(from var(--_gradient_angle), var(--_gold), var(--_red), var(--_blue), var(--_red), var(--_gold));
}
.past_event-card::after {
   opacity: var(--_glow-opacity, 0);
   filter: blur(1.5rem);
   inset: 0.5rem;
   background-image: conic-gradient(from var(--_gradient_angle), var(--_gold), var(--_red), var(--_blue), var(--_red), var(--_gold));
}
.past_event-card:hover::after, .past_event-card:hover::before {
   animation: card-border-rotation 5s linear infinite;
}
.past_event-card-wrapper {
   display: flex;
   flex-direction: column;
   border-radius: inherit;
   background-color: var(--theme--background);
   position: relative;
   height: 100%;
   justify-content: flex-start;
   align-items: flex-start;
   padding: var(--obj_padding-mini);
   gap: var(--obj_padding);
}
.past_event-text_area.text_area {
   gap: 0.75rem;
   flex-grow: 1;
   align-items: flex-start;
}
.past_event-text_area.text_area .text_content {
   gap: 0.125rem;
}
.past_event-logo {
   height: 2.5rem;
   width: auto;
   max-width: 100%;
   filter: brightness(10) saturate(0);
}
.past_event-arrow {
   background: var(--_button-color, #126587);
   height: 100%;
   width: 2.5em;
   display: flex;
   justify-content: center;
   align-items: center;
   position: relative;
   background: #339499;
   height: 2.5em;
   box-shadow: var(--indigo-shadow);
   transition: 0.4s background 0.3s translate;
   display: none;
}
.past_event-arrow svg {
   height: 0.625em;
   transition: 0.1s all;
}