/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Header CSS */

body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  color: #000 !important;
}
select, input, textarea { 
  -webkit-appearance: none;
}
html {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
*:focus { outline: none; }
.breaking-text {
  overflow-wrap: anywhere;
}

/* Relume Global Styles */

/* Get rid of top margin on first element in any rich text element */
.w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child {
  margin-top: 0 !important;
}

/* Get rid of bottom margin on last element in any rich text element */
.w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child {
  margin-bottom: 0 !important;
}

/* 
Make the following elements inherit typography styles from the parent and not have hardcoded values. 
Important: You will not be able to style for example "All Links" in Designer with this CSS applied.
Uncomment this CSS to use it in the project. Leave this message for future hand-off.
*/
a,
.w-input,
.w-select,
.w-tab-link,
.w-nav-link,
.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}

/* Prevent all click and hover interaction with an element */
.pointer-events-off {
  pointer-events: none;
}

/* Enables all click and hover interaction with an element */
.pointer-events-on {
  pointer-events: auto;
}

/* Snippet enables you to add class of div-square which creates and maintains a 1:1 dimension of a div.*/
.div-square::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}

/*Hide focus outline for main content element*/
main:focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}

/* Make sure containers never lose their center alignment*/
.container-medium, .container-small, .container-large {
  margin-right: auto !important;
  margin-left: auto !important;
}

/*Reset selects, buttons, and links styles*/
.w-input, .w-select, a {
  color: inherit;
  text-decoration: inherit;
  font-size: inherit;
}

/*Apply "..." after 3 lines of text */
.text-style-3lines {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/* Apply "..." after 2 lines of text */
.text-style-2lines {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
/* Apply "..." at 100% width */
.truncate-width { 
  width: 100%; 
  white-space: nowrap; 
  overflow: hidden; 
  text-overflow: ellipsis; 
}
/* Removes native scrollbar */
.no-scrollbar {
  -ms-overflow-style: none;  // IE 10+
  overflow: -moz-scrollbars-none;  // Firefox
}

.no-scrollbar::-webkit-scrollbar {
  display: none; // Safari and Chrome
}

/* Adds inline flex display */
.display-inlineflex {
  display: inline-flex;
}

/* These classes are never overwritten */
.hide {
  display: none !important;
}

/* Css start for Custom Edit */
.padding-section-medium{
  padding-top: 60px !important;
  padding-bottom: 60px !important;
}
.ss-header .padding-bottom.padding-speakers{
  padding-bottom: 0;
}
.ss-header .margin-bottom.margin-medium{
  margin-bottom: 30px; 
}
.ss-header .margin-bottom.margin-small{
  margin-bottom: 15px; 
}
.ss-header h1 {
  font-style: normal;
  font-size: 48px;
  font-weight: 700;
  max-width: 650px;
  text-transform: none;
  margin: 0 auto;
  line-height: normal;
}
.margin-top.margin-speakers.ss-margin-speakers {
  margin: 30px 0 0;
}
.ss-partner-groups .speaker-profile-image{
  width: 144px;
  height: 144px;
}
.ss-partner-groups .margin-top.margin-small{
  margin-top: 25px; 
}
.ss-column-left .w-layout-grid.layout223_item-list {
  grid-row-gap: 26px;
}
.hs_submit.hs-submit .actions {
  margin-top: 6px;
}
.ss-partner-groups .padding-global {
  padding: 0;
}
.ss-partners {
  margin-top: 40px;
}
.ss-partners .text-style-allcaps .hs_cos_wrapper {
  letter-spacing: 2.8px;
}
.ss-partners .margin-bottom.margin-xsmall {
  margin-bottom: 20px;
}
.ss-partners .partner-logo-group {
  gap: 40px;
}
.ss-margin-speakers .align-contents-center {
  justify-content: flex-start;
}
.ss-margin-speakers .speaker-grid {
    gap: 40px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-auto-flow: unset;
}
.ss-margin-speakers .speaker-grid .speaker-group.ss-speaker-group {
  max-width: 100%;
}
.contact5_content.ss-column-left {
  max-width: 520px;
  width: 100%;
}
.ss-form_content.ss-column-right{
  max-width: 544px; 
  width: 100%;
}
.ss-form_content.ss-column-right .reg-form-wrap.limited-width {
  width: 100%;
  max-width: 100%;
}
.ss-form_content.ss-column-right .reg-form-wrap.limited-width .input{
  margin-right: 0; 
}
.ss-reg-form-wrap .contact5_form-block.w-form form fieldset.form-columns-2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ss-reg-form-wrap .contact5_form-block.w-form form fieldset.form-columns-2 .field.hs-form-field,
.ss-reg-form-wrap .contact5_form-block.w-form form fieldset.form-columns-2 .hs-dependent-field{
  max-width: calc(50% - 10px);
  width: 100%;
  float: none;
}
.ss-reg-form-wrap .contact5_form-block.w-form form fieldset,
.reg-form-wrap.limited-width.ss-reg-form-wrap .hs-form,
.ss-reg-form-wrap .contact5_form-block.w-form form fieldset.form-columns-2 .hs-dependent-field .field.hs-form-field{
  max-width: 100%;
}
.ss-reg-form-wrap .contact5_form-block.w-form form fieldset.form-columns-2 input{
  width: 100% !important;
}
.ss-reg-form-wrap .contact5_form-block.w-form fieldset.form-columns-1 .hs-input.hs-fieldtype-intl-phone {
  outline: 0;
}
.ss-column-left .w-layout-grid.layout223_item-list {
  padding: 0;
}
.ss-reg-form-wrap .contact5_form-block.w-form fieldset.form-columns-1 .hs-input.hs-fieldtype-intl-phone input.hs-input {
  width: calc(70% - 20px) !important;
}
.ss-reg-form-wrap .contact5_form-block.w-form form fieldset.form-columns-0 {
  display: none;
}
.w-layout-grid.contact5_component.ss-main-container {
  display: flex;
  flex-wrap: wrap;
  gap: 60px 30px;
}
.hs_submit.hs-submit .actions input.hs-button.primary.large {
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  letter-spacing: 0.63px;
  line-height: 1;
}
.padding-global.ss-footer-container .w-layout-grid.footer4_top-wrapper {
  max-width: 1280px;
  margin: 0 auto;
  width: 100%;
}
.ss-reg-form-wrap .contact5_form-block.w-form .hs-form-booleancheckbox input[type=checkbox] + span:before {
  content: '';
  width: 13px;
  height: 13px;
  display: block;
  border: 1px solid #767676;
  border-radius: 2px;
  position: absolute;
  top: 1px;
  left: 0;
  background: #fff;
}
.ss-reg-form-wrap .contact5_form-block.w-form .hs-form-booleancheckbox input[type=checkbox]:checked + span:before{
  background: #5030e9;
  border-color: #5030e9;
}
.ss-reg-form-wrap .contact5_form-block.w-form .hs-form-booleancheckbox {
  position: relative;
  padding-left: 21px;
}
.ss-reg-form-wrap .contact5_form-block.w-form .hs-form-booleancheckbox input[type=checkbox] {
  opacity: 0;
  width: 0 !important;
  height: 0 !important;
  visibility: hidden;
  margin: 0;
  position: absolute;
  left:0;
  top: 0;
}
.ss-reg-form-wrap .contact5_form-block.w-form .hs-form-booleancheckbox input[type=checkbox] + span:after {
  content: '';
  width: 7px;
  height: 3px;
  border-bottom: 2px solid #fff;
  border-left: 2px solid #fff;
  display: block;
  position: absolute;
  top: 5px;
  left: 3px;
  transform: rotate(-45deg);
  opacity: 0;
  transition: .3s ease all;
}
.ss-reg-form-wrap .contact5_form-block.w-form .hs-form-booleancheckbox input[type=checkbox]:checked + span:after {
  opacity: 1; 
}
/* .legal-consent-container{
display: none; 
} */
.legal-consent-container p{
  font-size: 12px;
  color: #484848;
}
.legal-consent-container p:first-letter {
  margin-left: -3px;
}
.legal-consent-container p a {
  color: #5030e9;
}
.ss-reg-form-wrap .hs-form-field label {
  font-size: 16px;
  color: #000;
  margin-bottom: 2px;
}
.ss-reg-form-wrap .hs-form-field label .hs-form-required{
  color: #EF6B51;
}
.ss-reg-form-wrap .contact5_form-block.w-form .hs-form-booleancheckbox label {
  font-size: 12px;
  color: #484848;
}
.ss-reg-form-wrap .contact5_form-block.w-form .hs-input {
  padding: 0 16px;
  height: 45px;
}
.ss-reg-form-wrap .contact5_form-block.w-form fieldset.form-columns-1 .hs-input.hs-fieldtype-intl-phone{
  padding-left: 0;
  padding-right: 0;
}
.hs_error_rollup {
  margin-bottom: 20px;
}
.hs-error-msgs label.hs-main-font-element {
  color: #EF6B51;
}
.ss-form_content.ss-column-right .reg-form-wrap {
  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.10);
}
/* Css End for Custom Edit */

@media all and (max-width: 1300px){
  .contact5_content.ss-column-left {
    max-width: 45%;
  } 
  .ss-form_content.ss-column-right {
    max-width: calc(55% - 60px);
  }
}
@media all and (max-width: 1199px){
  .contact5_content.ss-column-left {
    max-width: 45%;
  } 
  .ss-form_content.ss-column-right {
    max-width: calc(55% - 60px);
  }
}
@media screen and (max-width: 991px) {
  .hide, .hide-tablet {
    display: none !important;
  }

  /* Custom Media css start here */
  .w-layout-grid.contact5_component.ss-main-container {
    grid-template-columns: 1fr;
  } 
  .contact5_content.ss-column-left,
  .ss-form_content.ss-column-right{
    max-width: 100%; 
  }
  /* Custom Media css end here */
}
@media screen and (max-width: 767px) {
  .hide-mobile-landscape{
    display: none !important;
  }
  /* Custom Media css start here */
  .padding-section-medium{
    padding-top: 60px !important;
    padding-bottom: 60px !important;   
  }
  .ss-reg-form-wrap .contact5_form-block.w-form form fieldset.form-columns-2 .field.hs-form-field,
  .ss-reg-form-wrap .contact5_form-block.w-form form fieldset.form-columns-2 .hs-dependent-field{
    max-width: 100%;
  }
  .ss-header h1{
    font-size: 36px; 
  }
  .reg-form-wrap.limited-width.ss-reg-form-wrap {
    padding: 30px 20px;
  } 
  .ss-margin-speakers .speaker-grid {
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: unset;
    width: 100%;
}
  /* Custom Media css end here */
}
@media screen and (max-width: 479px) {
  .hide-mobile{
    display: none !important;
  }


  /* Custom Media css start here */
 .ss-margin-speakers .speaker-grid {
    gap: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-flow: unset;
}
  .ss-partner-groups .speaker-profile-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1;
  }   
  .ss-partner-groups .margin-top.margin-small a.link-hover-color .hs_cos_wrapper {
    font-size: 16px;
  }   
  /* Custom Media css end here */
}

.margin-0 {
  margin: 0rem !important;
}

.padding-0 {
  padding: 0rem !important;
}

.spacing-clean {
  padding: 0rem !important;
  margin: 0rem !important;
}

.margin-top {
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-top {
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}

.margin-right {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
  margin-left: 0rem !important;
}

.padding-right {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
  padding-left: 0rem !important;
}

.margin-bottom {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}

.padding-bottom {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}

.margin-left {
  margin-top: 0rem !important;
  margin-right: 0rem !important;
  margin-bottom: 0rem !important;
}

.padding-left {
  padding-top: 0rem !important;
  padding-right: 0rem !important;
  padding-bottom: 0rem !important;
}

.margin-horizontal {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.padding-horizontal {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}

.margin-vertical {
  margin-right: 0rem !important;
  margin-left: 0rem !important;
}

.padding-vertical {
  padding-right: 0rem !important;
  padding-left: 0rem !important;
}



/* Prevents hover states from being used on Tablet & Mobile */
@media only screen and (min-width: 992px) {

  /* Makes all text inside component black. 
  Change the color of the text here, instead of on Webflow for this to work */
  .cta38_component a {
    color: #000000;
  }

  /* Makes all text inside component grey on hover.
  Change the color of the text here, instead of on Webflow for this to work */
  .cta38_component:hover a {
    color: #c4c4c4;
  }

  /* Makes text inside link block black on hover.
  Change the color of the text here, instead of on Webflow for this to work */
  .cta38_component:hover a:hover {
    color: #000000;
  }

}
@media (max-width:540px){
  .cta-logo{max-width:275px !important;
  max-width: 275px !important;
    height: auto;}
}