/*specific pages container*/
.home-custom-css{}
.community-custom-css{}
.agenda-custom-css{}
.speakers-custom-css{}

/*main container of each section*/

.element-13062768 h2 {
  text-align: left;
  padding-left: 50px;
}
.element-13062771 {
  margin-left: 50px;
  color: white;
}
.element-13047526 .main-app-container {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.element-13047525 {
  width: 100%;
}

.element-13047525 h2 {
  margin-bottom: 0;
}


.main-app-container {}
.section-2510016 .element-13062768 .atom-main {
  text-align: left;
}
.section-2500008 .atom-sectionMain {
  background-image: url(https://i.ibb.co/D96fTWm/image-1.jpg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}


/*
call-to-action buttons e.g:
Register, Join The Community etc
*/


/*Top navigation bar container*/
.template-nav {}

/*Top navigation bar items container*/
#bs-example-navbar-collapse-1 {}

/*social share buttons container*/
.social-share-button {}

/*social share buttons per social network*/
.social-share-button.facebook {}
.social-share-button.twitter {}
.social-share-button.linkedin {}
.social-share-button.google {}

/*Register component */
.register-container {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  width: 100%;
}

.register-container-title {
	font-size: 48px !important;
  	color: #00B2FF !important;
  	font-weight: 600 !important;
}

.btn-register {
  color: white;
  font-size: 24px;
  padding: 24px 84px;
  border-radius: 50px;
  background: #EA34F7;
  border: 0;
}

@media only screen and (max-width: 768px) {
  .register-container {
  	flex-direction: column !important;
    gap: 20px;
  }
  
  .register-container-title {
      font-size: 32px !important;
  }
  
  .btn-register {
  	padding: 12px 48px;
    font-size: 18px;
  }
}

@media only screen and (max-width: 600px) {
  .register-container {
  	flex-direction: column;
  }
  
   .register-container-title {
      font-size: 24px !important;
  }
}

/* Hero */
.hero-container {
  display: flex;
  flex-direction: column !important;
  margin: 30px 0;
}

.hero-title {
 font-size: 80px !important;
 font-weight: 600 !important;
 color: #ffff !important;
  line-height: 72px !important;
}

.hero-cta {
  background: black; 
  color: white; 
  border: none; 
  border-radius: 50px; 
  width:370px; 
  height: 76px;
}

@media only screen and (max-width: 768px) {
  .hero-container {
    justify-content: center;
  }
  .hero-title {
 	font-size: 48px !important;
    line-height: 56px;
  }
}

@media only screen and (max-width: 600px) {
  .hero-container {
    margin: 10px 0;
  }
  
  .hero-title {
 	font-size: 42px !important;
  }
  .hero-cta {
   	width: 100%;
    height: 52px;
  }
}

/* Breakout Sessions */
.breakout-title {
color:black; 
text-align:center;
}

.breakout-container {
	display:flex; 
flex-direction: column; 
align-items: center;
}

.breakout-session {
	align-items:center; 
display: flex; 
flex-direction: row; 
max-width: 70%; 
margin: 8px 0; 
background: white;
border-radius:10px; 
border: 0.5px solid #00B2FF;
  padding: 0 29px;
}

.breakout-img-container {
	margin: -20px;
}

.breakout-img {
  background-color: gray; 
  width: 100px; 
  height: 100px; 
 border-radius: 50%; 
  position: relative; 
  right: 30px;
}

.breakout-session-subtitle {
  font-size: 14px !important; 
  font-family:'Roboto';
  font-weight: !important; 
  color: #9FACBC !important; 
  margin-top: 40px;
}

.breakout-session-title {
	font-size:28px !important; 
	font-weight: 600; 
	color: #384450 !important; 
  line-height: 36px !important;
}

.breakout-session-body {
  font-size: 18px !important; 
  font-family: 'Roboto'; 
  color: #384450 !important; 
  line-height: 28px; 
  margin-top: 16px; 
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .breakout-session {
    flex-direction: column;   
    padding: 32px;
    margin: 24px 0;
  }
  .breakout-session-helper {
   margin-top: -0px; 
  }
  .breakout-img {
    width: 120px; 
    height: 120px; 
    right: 0;
    bottom: 70px;
  }
   .breakout-session-title {
    font-size: 20px !important;
    line-height: 28px !important;
  }
  .breakout-session-subtitle {
  	margin: 0 !important;
  }
   .breakout-session-body {
    font-size: 16px !important;
    margin-bottom: 0!important;
  }
}

@media only screen and (max-width: 600px) {
  .breakout-session {
    flex-direction: column;   
    padding: 32px;
    max-width: 100%;
    margin: 32px 0;
  }
  .breakout-session-title {
    font-size: 20px;
  }
  .breakout-img {
    width: 92px; 
    height: 92px; 
    bottom: 62px;
  }
  .breakout-session-helper {
   margin-top: -20px; 
  }
}


/* Keynote Sessions */
.keynote-title {
color:black; 
text-align:center;
}

.keynote-container {
	display:flex; 
flex-direction: column; 
align-items: center;
}

.keynote-session {
	align-items:center; 
	display: flex; 
	flex-direction: row; 
	max-width: 70%; 
	margin: 8px 0; 
	background: white;
	border-radius:10px; 
	border: 0px solid #00B2FF;
  	padding: 0 20px;
}

.keynote-img-container {
	margin: -20px;
}

.keynote-img {
  background-color: gray; 
  width: 100px; 
  height: 100px; 
 border-radius: 50%; 
  position: relative; 
  right: 50px;
}

.keynote-session-title {
	font-size:28px !important; 
	font-weight: 600; 
	color: #384450 !important; 
  	margin-top: 40px !important; 
    line-height: 36px !important;
}

.keynote-session-body {
  font-size: 18px !important; 
  font-family: 'Roboto'; 
  color: #384450 !important; 
  line-height: 28px; 
  margin-top: 16px; 
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .keynote-session {
    flex-direction: column;   
    padding: 32px;
    margin: 24px 0;
  }

  .keynote-img {
    width: 120px; 
    height: 120px; 
    right: 0;
    bottom: 70px;
  }
   .keynote-session-title {
    font-size: 20px !important;
    line-height: 28px !important;
    margin-top: 0 !important;
  }
   .keynote-session-body {
    font-size: 16px !important;
    margin-bottom: 0!important;
  }
}

@media only screen and (max-width: 600px) {
  .keynote-session {
    flex-direction: column;   
    padding: 32px;
    max-width: 100%;
    margin: 32px 0;
  }
  .keynote-session-title {
    font-size: 20px;
  }
  .keynote-img {
    width: 92px; 
    height: 92px; 
    bottom: 62px;
  }
  .keynote-session-helper {
   margin-top: -20px; 
  }
}


/* Speakers */
.custom-speakers-title {
	color: #00B2FF !important;
  	font-size: 48px !important;
  	font-weight: 600;
}

.custom-speakers-container {
    display: flex;
  	flex-wrap: wrap;
	gap: 30px;
  	justify-content: space-between;
  	text-align: center;
}

.custom-speaker{
    background-color: white;
    color: blue;
    width: 300px;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 348px;
  	padding: 48px 0 40px;
}

.custom-speaker-img {
	width: 120px;  
  	height: 120px;
  	background: gray;
  	border-radius: 50%;
}

.custom-speaker-name {
 	font-size: 28px;
  	font-weight: 600;
  	margin-top: 24px;
}

.custom-speaker-position {
 	color: #384450 !important;
  	font-size: 18px !important;
  	font-weight: 400 !important;
  	margin: 12px 0;
}

.custom-speaker-datarobot {
 	color: #00B2FF !important;
  	font-weight: 600;
  	font-size: 20px !important;
}

.custom-speakers-button-container {
 display: flex;
  margin-top: 40px;
  align-items: center;
}

.custom-speakers-button {
 background: #19224A;
  color: white;
  font-size: 20px;
  width: 285px;
  height: 72px;
  border-radius: 50px;
  border: none;
}

/*  Attend section */
.attend-container {
background: white; border: none; border-radius:24px; padding: 30px; height: 340px;
}

.attend-img {
width: 70px; height: 70px; margin-bottom: 20px;
}

.attend-title {
font-family: 'Titillium Web', sans-serif;
}

.attend-body {
font-family: 'Titillium Web', sans-serif;
}

@media only screen and (max-width: 600px) {
  	.attend-container {
   	height: 320px;   
  }
  
.attend-img {
   display: flex !important; 
    margin: 0 auto 40px auto !important;
  }
  
	.attend-title {
      font-size:  20px;
  }
  .attend-body {
   font-size: 16px; 
  }
}