.nav .logo .custom-logo-lifeform {
background-image: url(https://sdx.scsstatic.ch/v2.152.1/js/webcomponents/webcomponents/assets/lifeform-spritesheet%402x.png);
}

.r123formelement {
    margin-bottom: 20px;
    padding: 8px 16px;
border-radius: var(--sdx-border-radius-medium, 8px);
border: 1px solid var(--sdx-forms-color-border, #666);
background: var(--sdx-forms-color-background, #FFF);

color: var(--sdx-color-text-default, #333);

/* SDX/Standard/Desktop */
font-family: var(--sdx-font-family-thesans, TheSans);
font-size: var(--sdx-font-size-standard, 18px);
font-style: normal;
font-weight: var(--sdx-font-weight-standard, 400);
line-height: var(--sdx-font-line-height-standard, 24px); /* 133.333% */
letter-spacing: var(--sdx-font-letter-spacing-standard, -0.1px);
}

select.r123formelement {
	

	 display: inline-block;
  line-height: 24px;
  letter-spacing: -0.1px;
  font-size: 18px;
  height: 48px;
  width: 100%;
  outline: 0;
  border: 1px solid #666;
  border-radius: 5px;
  background-color: #fff;
  padding: 0 16px;
  padding-right: 40px;
  color: #333;
  font-weight: 400;
  user-select: text;
  backface-visibility: hidden;
  caret-color: #086adb;
  font-family: TheSans, sans-serif;
  text-rendering: optimizeLegibility;
  margin: 0;
  max-width: 430px;
  margin-right: 20px;
  /*
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  

  
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23086adb' viewBox='0 0 320 512'%3E%3Cpath d='M31.3 192L160 320l128.7-128c9.2-9.2 9.2-24.1 0-33.3s-24.1-9.2-33.3 0L160 253.5 64.6 158.6c-9.2-9.2-24.1-9.2-33.3 0s-9.2 24.1 0 33.4z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 16px center;
  background-size: 24px 24px;
border-radius: var(--sdx-border-radius-medium, 8px);
border: 1px solid var(--sdx-forms-color-border, #666);
background: var(--sdx-forms-color-background, #FFF);
*/
}

.r123formelement:active {
    border-color: #666;
}


.banner-image-wrapper1 {
 position: relative;
 width: 100%;
 /* height: 300px; */
 border-radius: 12px;
 overflow: hidden;
 margin: auto;
 
 background-position-y: 50%;
 background-position-x: 50%;
 background-repeat: no-repeat;
 background-size: cover;
 max-width: 1126px;
	min-height: 560px;
 margin-top: 36px;
 

}

.banner-title-text1.left {
 margin-left: 0; 
 
 color: #fff;
 position: absolute;
 top: 0;
 left: 0;
 color: white;
 font-size: 20px;
 font-family: Arial, sans-serif;
 padding-right: 32px;
 padding-bottom: 32px;
 max-width: 430px;
 height: 100%;
 
}
.banner-title-text1 h1 {
 font-size: 32px;
 line-height: 40px;
 letter-spacing: -0.7px;
 font-family: TheSans, sans-serif;
 font-weight: 700;
	margin-bottom:16px;
}
.banner-subtext{
font-family: TheSans, sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 133.333% */
letter-spacing: -0.1px;
 overflow: hidden;
 color: #fff;
 text-overflow: ellipsis;
 white-space: nowrap;
 flex: 1 0 0;

}
 
 .banner-title-text1 .icon{
 display: inline-flex;

 gap: 8px;
 align-self: stretch;
width: 32px;
 height: 32px;
 padding: 3px 5px 3px 0;
 justify-content: center;
 align-items: center;
 font-size: 28px;
 
 	 display: inline-flex; /* Ensures proper alignment if the icon uses background images */
 align-items: center;
 justify-content: center;

 }

.date-location-wrapper {
	background-image: none;
    
    background-color: white;
	margin: 64px auto 32px auto;
	padding:0;
}
.livestreambullets{
	    background-image: none;
    border-radius: 12px;
    background-color: var(--Support-colours-Horizon-Tint-2, #F8FAFB);
    padding: 36px 24px;
    max-width: 1126px;
}
.swisscom-event-tag{
	display:inline-block;
	width: auto;
height: 28px;
gap: 4px;
border-radius: 12px;
border-width: 1px;
padding-top: 2px;
padding-right: 16px;
padding-bottom: 2px;
padding-left: 16px;

border:1px solid #fff;
font-family: TheSans, sans-serif;
font-weight: 600;
font-size: 16px;
line-height: 24px;
letter-spacing: 0px;
 margin-bottom: 18px;
}
.banner-icon{
	width: 32px;
height: 32px;
top: 2.13px;
left: 6.4px;

}
 
 .banner-event-location, .banner-event-date, .banner-event-time{
 display: inline-flex;
 align-items: center;
 gap: 0 8px;
 margin-bottom:16px;
 }


.banner-title-text1 .icon{

}
 
 .go-to-program-button{
 position: absolute;
 bottom: 32px;
 left: 40px;
 font-family: TheSans;
 font-size: 18px;
 font-style: normal;
 font-weight: 400;
 line-height: 24px;
 letter-spacing: -0.1px;
 background-color: transparent;
 border: none;
 padding: 0;
}

.go-to-program-button a:link, .go-to-program-button a:active, .go-to-program-button a:visited, .go-to-program-button a:hover{

color: white;

}
 
 .overview-content, .overview-content div, .overview-content li {
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: 32px; /* 133.333% */
letter-spacing: -0.1px;
color:#333;
}

 div#overview {
 padding: 64px 117px;
}
 
 .video-container {
 position: relative;
 width: 100%;

 aspect-ratio: 16 / 9; /* Maintains 16:9 aspect ratio */
 margin: auto; /* Centers the video */
 }

 .video-container iframe {
 position: absolute;
 width: 100%;
 height: 100%;
 top: 0;
 left: 0;
 border: 0;
 border-radius: 12px;
 }
 
 .event-agenda-wrapper {
 padding: 48px 0;
 background-color: #F8FAFB;
}
 
.event-agenda-wrapper h3, .event-faq-wrapper h3 {
 color: var(--Primary-colours-Swisscom-Navy, #015);
text-align: center;

font-family: var(--sdx-font-family-thesans, TheSans);
font-size: var(--sdx-font-size-d3, 48px);
font-style: normal;
font-weight: var(--sdx-font-weight-d3, 700);
line-height: var(--sdx-font-line-height-d3, 56px); /* 116.667% */
letter-spacing: var(--sdx-font-letter-spacing-d3, -0.9px);
}
 .agenda-section {
border-radius: 12px;
 border: 1px solid var(--Support-colours-Grey-Tint-6, #ADADAD);
 background: var(--Primary-colours-White, #FFF);
}
 
 .agenda-accordion{
 background-color: transparent;
 cursor: pointer;
 width: 100%;
 border: none;
 text-align: left;
 outline: none;
 transition: 0.4s;
 display: block;
 white-space: pre-wrap;
 position: relative;
	border-bottom:none;
}
 
 h4.accordion-title{
color: var(--Primary-colours-Swisscom-Navy, #015);

/* SDX/H5/Desktop */
font-family: TheSans;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 24px; /* 133.333% */
letter-spacing: -0.1px;
padding: 24px;
}

.accordion-title:before, .faq-title:before{
 top: 24px;
	color: var(--Primary-colours-Swisscom-Navy, #015);
}

.accordion-title:hover, .accordion-title:hover::before, .accordion-row:hover {
 color: var(--Primary-colours-Swisscom-Navy, #015);
}

 .agenda-title {
color: var(--Primary-colours-Swisscom-Navy, #015);
/* SDX/H2/Desktop */
font-family: var(--sdx-font-family-thesans, TheSans);
font-size: var(--sdx-font-size-h2, 32px);
font-style: normal;
font-weight: var(--sdx-font-weight-h2, 700);
line-height: var(--sdx-font-line-height-h2, 40px); /* 125% */
letter-spacing: var(--sdx-font-letter-spacing-h2, -0.7px);
}
 
 .agenda-time {
color: var(--Primary-colours-Swisscom-Navy, #015);

/* SDX/H2/Desktop */
font-family: var(--sdx-font-family-thesans, TheSans);
font-size: var(--sdx-font-size-h2, 32px);
font-style: normal;
font-weight: var(--sdx-font-weight-h2, 700);
line-height: var(--sdx-font-line-height-h2, 40px); /* 125% */
letter-spacing: var(--sdx-font-letter-spacing-h2, -0.7px);
 max-width:210px;
}

 
 .form-section {
 width: 100%;
 box-sizing: border-box;
 display: block;
 padding: 36px 150px;
 
 border-radius: 12px;
 background: var(--EDP-Gradient, linear-gradient(133deg, #6B1089 -4.27%, #33116E 22.96%, #15115F 38.89%, #011C66 57.16%, #022C7D 75%, #086ADB 113.16%));
 max-width: 780px;
 margin: 64px auto;
 border-radius: 12px;
}
 
.form-wrapper {
 margin: 0px;
 background-color: white;
 padding: 24px;
 width: auto;
	border-radius: 12px;
	margin: 36px auto;

}

div#registration h3 {
 color: #FFF;
 text-align: center;
 font-family: var(--sdx-font-family-thesans, TheSans);
 font-size: var(--sdx-font-size-h2, 32px);
 font-style: normal;
 font-weight: var(--sdx-font-weight-h2, 700);
 line-height: var(--sdx-font-line-height-h2, 40px);
 letter-spacing: var(--sdx-font-letter-spacing-h2, -0.7px);
}

div#registration > .multilang p, #registration > .multilang div {
 color: #FFF;
 text-align: center;
 font-family: TheSans;
 font-size: 24px;
 font-style: normal;
 font-weight: 400;
 line-height: 32px;
 letter-spacing: -0.2px;
}
 
 
#loadPrivacyLegalContent{
padding: 0 54px;
}
div#loadPrivacyLegalContent div {
 color: var(--Primary-colours-White, #FFF);
 text-align: center;
 font-family: var(--sdx-font-family-thesans, TheSans);
 font-size: var(--sdx-font-size-smaller, 14px);
 font-style: normal;
 font-weight: var(--sdx-font-weight-smaller, 400);
 line-height: var(--sdx-font-line-height-smaller, 20px);
 letter-spacing: var(--sdx-font-letter-spacing-smaller, 0.1px);
}
#loadPrivacyLegalContent a {
 font-size: 11px !important;
 color: #1af;
 line-height: 24px;
 border-bottom: 1px solid #fff !important;
 color: #fff;
 text-decoration: none !important;
}
 
 
 .r123FormSubmit, .swisscom-button{
 color: #fff;
 display: flex;

 min-width: 160px;
padding: 12px 0px;
 flex-direction: column;
 justify-content: center;
 align-items: flex-start;
 border-radius: 8px;
 background-color: #086ADB;
float:none;
 margin: 24px auto 0 auto;
}
 @media screen and (max-width: 768px ) { 
.banner-image-wrapper1 {
 margin-top:20px;
 }
 
 .go-to-program-button{
 left: 24px;
 }
 
.logo-wrapper {
    max-width: 1380px;
    margin: 0 auto;
    padding-left: 12px;
}


 .event-bread-crumb.multilang {
    padding-left: 24px;
}
 
 .overview-content, .overview-content div, .overview-content li {
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 24px; /* 133.333% */
letter-spacing: -0.1px;
color:#333;
}

 div#overview {
 padding: 36px 24px;
}

.page-wrapper.sidecut {
 padding: 24px;
}
 }
 
 /*speaker carousel*/
 .carousel {
   
    position: relative;
   
}
 #Speaker-Carousel .carousel-inner{
	     border-radius: 12px;
    background: var(--Support-colours-Horizon-Tint-2, #F8FAFB);
   
    padding: 0;
	margin:0 auto;
 }
 
 .event-agenda-wrapper h3, .event-faq-wrapper h3{
	 margin-bottom:0;
	 padding-bottom:0;
 }
 
 .agendalist-container {
    margin-top: 48px;
}

#Speaker-Carousel .carousel-inner {
    background-image: none;
    border-radius: 12px;
    background-color: var(--Support-colours-Horizon-Tint-2, #F8FAFB);
}

div#Speaker-Carousel {
	padding:0;
}

.speaker-slide-content .flex-list {
	flex-direction: row;
}

.carousel-speaker-name{
		color: var(--Primary-colours-Swisscom-Navy, #015);

/* SDX/Dark/H2/Desktop */
font-family: TheSans;
font-size: 32px;
font-style: normal;
font-weight: 700;
line-height: 40px; /* 125% */
letter-spacing: -0.7px;
	
	
}
.carousel-speaker-title{
color: var(--Primary-colours-Swisscom-Navy, #015);
font-family: var(--sdx-font-family-thesans, TheSans);
font-size: var(--sdx-font-size-h2, 32px);
font-style: normal;
font-weight: 300;
line-height: var(--sdx-font-line-height-h2, 40px); /* 125% */
letter-spacing: var(--sdx-font-letter-spacing-h2, -0.7px);

}




.carousel-indicators {
  width: 40%;
  display: flex;
  justify-content: flex-start; /* No spacing between items */
  padding: 0;
  margin: 20px auto 0;
  list-style: none;
      bottom: -10px;
     text-align: center;
   align-items: center;
    left: 33%;
}

.carousel-indicators li.pager-item {
  width: 33.33%; /* Exactly 3 items per row, no gap */
  height: 4px;
  background-color: #ccc;
  border-radius: 2px;
  transition: background-color 0.3s ease;
  margin: 0; /* Important: no space between li */
  padding: 0;
border-radius: 4px;
background: var(--Support-colours-Grey-Tint-8, #D6D6D6) !important;
}
.carousel-indicators li.pager-item.active {
	width: 33.33%; /* Exactly 3 items per row, no gap */
  height: 4px;
  background-color: #ccc;
  border-radius: 2px;
  transition: background-color 0.3s ease;
  margin: 0; /* Important: no space between li */
  padding: 0;
  border-radius: 4px;
background: var(--Interaction-colours-Interaction-Blue, #086ADB) !important;
top:0;
}

.carousel-control {
	display: flex;
    align-items: center;
	 top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    text-decoration: none;
   
    cursor: pointer;
    border-radius: 40px;
    border: 1px solid var(--Interaction-colours-Grey-Rollover, #B1B9BE) !important;
    background: rgba(255, 255, 255, 0.80);
   
    width: 40px;
    height: 40px;
   
    justify-content: center;
    align-items: center;
    
}

 .right.carousel-control {
   
    display: flex;
    align-items: center;
	 top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    text-decoration: none;
   
    cursor: pointer;
    border-radius: 40px;
    border: 1px solid var(--Interaction-colours-Grey-Rollover, #B1B9BE) !important;
    background: rgba(255, 255, 255, 0.80);
   
    width: 40px;
    height: 40px;
   
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 15px;
   
   
}

 .left.carousel-control {
   display: flex;
    align-items: center;
	 top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    text-decoration: none;
   
    cursor: pointer;
    border-radius: 40px;
    border: 1px solid var(--Interaction-colours-Grey-Rollover, #B1B9BE) !important;
    background: rgba(255, 255, 255, 0.80);
   
    width: 40px;
    height: 40px;
   
    justify-content: center;
    align-items: center;
   
    position: absolute;
    left: 15px;
    
}

span.fa.fa-angle-right.fa-3x, .left.carousel-control span.fa-angle-left.fa-3x {
    color: var(--sdx-color-int-blue--active);
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
}

table[data=profileTable], table[data=questionTable], 
table[data=confirmationTable] {
	 text-align: center;
	color: #015;
   
    font-family: TheSans;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.2px;
}


table[data=profileTable] .multilang p, table[data=profileTable] .multilang div,
table[data=questionTable] .multilang p, table[data=questionTable] .multilang div,
table[data=confirmationTable] .multilang p, table[data=confirmationTable] .multilang div
 {
	color: #015;
   
    font-family: TheSans;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: -0.2px;
}
table[data=confirmationTable] {
	text-align: left;
}
textarea.r123formelement {
	margin-top: 10px;
}
 .agenda-desc{
 max-width: 100% !important;
 }
 
 
 
.speaker-onemodertor{
	    text-align: left;
        background-image: none;
    border-radius: 12px;
    background-color: var(--Support-colours-Horizon-Tint-2, #F8FAFB);
   padding: 70px 20%;
    margin:0 auto;
    
}
.speaker-onemodertor .flex-speaker-details {
	    margin-left: 40px;
}
.flex-list {
    display: flex;
    flex-wrap: wrap;
    flex: 1;
    
}
.speaker-onemodertor .flex-list {
    flex-direction: row;
}
.carousel-speaker-subtitle {
font-size: 18px;
    letter-spacing: -0.1px;
    line-height: 24px;
    font-family: inherit;
    font-weight: 400;
    margin: 0;
}


 @media (max-width: 768px) {
	 .speaker-onemodertor{
		 padding:10px;
	 }
	 .banner-details-regbutton {
    padding: 0 24px;
}
.content-section .container{
		padding:0;
	}
	.regformsidecut {
    padding-left: 24px;
    padding-right: 24px;
	    margin: 36px auto;
	}
	.regformsidecut .form-section{
		    padding: 24px;
    margin: 0;
	}
	.form-wrapper{
		margin: 36px auto;
	}
	.event-agenda-wrapper .container{
		padding:0;
	}
	.event-agenda-wrapper {
        padding: 24px;
    }
 }


.form-table input[type=radio] {
    margin: 0 5px 0 0;
}

.sdx-container .footer .logo .logo-lifeform {
    background-image: url(https://sdx.scsstatic.ch/v2.152.1/js/webcomponents/webcomponents/assets/lifeform-spritesheet%402x.png);
}

table[data=confirmationTable] .multilang p, table[data=confirmationTable] .multilang div {
  font-size: 18px;
    letter-spacing: -0.1px;
    line-height: 24px;
}