/* import SUSE font */
@import url('https://fonts.googleapis.com/css2?family=SUSE:wght@100..800&display=swap');

body {
  /* SUSE font specifics */
  font-family: 'SUSE', Verdana, serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  /* other styles */
  font-size: 16px;
  line-height: 24px;
  color: #17312c;
}

.form-heading{
  background: #EFEFEF;
}
#headerPartner{
  background-color: #0C322C !important;
}
.mktoForm{
  width: 100% !important;
}
.container-fluid{
  max-width: 1460px !important;
  padding: 0 30px !important;
}
.form-heading{

  color: #000000;
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
  padding: 40px 50px;
}

.pre-heading {
  background-color: #39B97A;
}

section.speaker-sec {
  background-color: #ffffff;
}

.form-heading {
  background: #EFEFEF;
}

/* Add your custom CSS below */
.mktoForm input[type=text]:focus,
.mktoForm input[type=url]:focus,
.mktoForm input[type=email]:focus,
.mktoForm input[type=tel]:focus,
.mktoForm input[type=number]:focus,
.mktoForm input[type=date]:focus,
.mktoForm select.mktoField:focus,
.mktoForm textarea.mktoField:focus {
  outline: 0px !important;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
  -webkit-box-shadow: 0 0 0 30px white inset !important;
  -webkit-text-fill-color: #999999 !important;
}

input:-internal-autofill-selected {
  background-color: #ffffff !important;
}

label#LblcheckBoxforms a {
  color: rgb(57, 185, 122) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-decoration: underline;
}

label#Lbloptin a {
  color: rgb(57, 185, 122) !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  text-decoration: underline;
}

.mktoForm * {
  font-size: 16px !important;
  color: #000000 !important;
}

.mktoForm .mktoRequiredField .mktoAsterix {
  display: none !important;
}

.mktoForm {
  width: 100% !important;
}

span.formSpan {
  width: 100% !important;
  display: block;
}

.mktoForm .mktoFormRow {
  clear: both;
  margin: 0 -10px;
}

.mktoForm .mktoFormRow .mktoFormCol {
  width: 50%;
  margin: 0 0 25px !important;
  float: left;
  padding: 0 10px;
}

.agendaTable .last .date::before {
  height: 50%;
}

.mktoForm .mktoFormRow .mktoFormCol:nth-last-child(2):first-child {
  width: 100% !important;
}

.mktoForm .mktoFieldWrap {
  float: left;
  width: 100% !important;
}

.mktoForm .mktoFormRow .mktoFormCol .mktoOffset,
.mktoForm .mktoFormRow .mktoFormCol .mktoGutter {
  display: none;
}

.mktoForm .mktoFormRow .mktoFormCol label.mktoLabel {
  width: auto !important;
  clear: both;
  float: left;
  padding: 0 0 6px;
  display: inline-block !important;
}

.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm textarea.mktoField,
.mktoForm select.mktoField {
  width: 100% !important;
  padding: 12px 16px !important;
  margin: 0 !important;
  font-size: 16px !important;
  color: #000000 !important;
  border: 1px solid #DADADA;
  border-radius: 3px;
  font-weight: 400 !important;
  min-height: 49px !important;
}

.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm textarea.mktoField,
.mktoForm select.mktoField:hover,
.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm textarea.mktoField,
.mktoForm select.mktoField:active,
.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm textarea.mktoField,
.mktoForm select.mktoField:focus-within,
.mktoForm input[type=text],
.mktoForm input[type=url],
.mktoForm input[type=email],
.mktoForm input[type=tel],
.mktoForm input[type=number],
.mktoForm input[type=date],
.mktoForm textarea.mktoField,
.mktoForm select.mktoField:focus-visible {
  border: 1px solid #DADADA !important;
}

.mktoForm .mktoError .mktoErrorMsg .mktoErrorDetail {
  display: block;
  color: #fff !important;
  font-size: inherit !important;
  font-weight: inherit !important;
}

.mktoError {
  left: 10px !important;
}

.mktoForm input[type=text]::-webkit-input-placeholder,
.mktoForm input[type=url]::-webkit-input-placeholder,
.mktoForm input[type=email]::-webkit-input-placeholder,
.mktoForm input[type=tel]::-webkit-input-placeholder,
.mktoForm input[type=number]::-webkit-input-placeholder,
.mktoForm input[type=date]::-webkit-input-placeholder,
.mktoForm textarea.mktoField::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #999999 !important;
  background-color: #ffffff !important;
}

.mktoForm input[type=text]::-moz-placeholder,
.mktoForm input[type=url]::-moz-placeholder,
.mktoForm input[type=email]::-moz-placeholder,
.mktoForm input[type=tel]::-moz-placeholder,
.mktoForm input[type=number]::-moz-placeholder,
.mktoForm input[type=date]::-moz-placeholder,
.mktoForm textarea.mktoField::-moz-placeholder {
  /* Firefox 19+ */
  color: #999999 !important;
  background-color: #ffffff !important;
}

.mktoForm input[type=text]:-ms-input-placeholder,
.mktoForm input[type=url]:-ms-input-placeholder,
.mktoForm input[type=email]:-ms-input-placeholder,
.mktoForm input[type=tel]:-ms-input-placeholder,
.mktoForm input[type=number]:-ms-input-placeholder,
.mktoForm input[type=date]:-ms-input-placeholder,
.mktoForm textarea.mktoField:-ms-input-placeholder {
  /* IE 10+ */
  color: #999999 !important;
  background-color: #ffffff !important;
}

.mktoForm input[type=text]:-moz-placeholder,
.mktoForm input[type=url]:-moz-placeholder,
.mktoForm input[type=email]:-moz-placeholder,
.mktoForm input[type=tel]:-moz-placeholder,
.mktoForm input[type=number]:-moz-placeholder,
.mktoForm input[type=date]:-moz-placeholder,
.mktoForm textarea.mktoField:-moz-placeholder {
  width: 100% !important;
  color: #999999 !important;
  background-color: #ffffff !important;
}

.mktoForm select.mktoField {
  padding: 5px 0 6px !important;
  line-height: 1.3;
}

.mktoForm .mktoError .mktoErrorMsg {
  color: #f3f3f3 !important;
  font-size: 12px !important;
}

.mktoForm .mktoRadioList>label,
.mktoForm .mktoCheckboxList>label {
  line-height: 1 !important;
  min-height: auto !important;
  margin: 0 0 0 0px !important;
  padding: 9px 0 7px 40px;
  font-size: 14px !important;
  line-height: 24px;
  font-weight: 400 !important;
  position: relative;
  min-height: 30px !important;
}

.mktoForm .mktoRadioList,
.mktoForm .mktoCheckboxList {
  padding: 0 !important;
  width: 100% !important;
}

.mktoButtonRow {
  display: block !important;
}

.mktoButtonRow button.mktoButton {
  border-width: 0px !important;
  border-radius: 0px !important;
  border: none !important;
  background-image: none !important;
  background-color: #FE7C3F !important;
  font-size: 14px !important;
  color: #000000 !important;
  line-height: 1.2 !important;
  text-align: center;
  font-weight: 500 !important;
  text-shadow: none !important;
  padding: 9px 56px !important;
  width: unset !important;
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.mktoButtonRow span.mktoButtonWrap {
  margin: 0 !important;
  display: block !important;
  width: 100% !important;
  text-align: center;
  !important;
}

.mktoForm select.mktoField {
  -moz-appearance: none !important;
  background-image: url(https://more.suse.com/rs/937-DCH-261/images/arrowt%20%281%29.png) !important;
  background-color: #ffffff !important;
  background-repeat: no-repeat !important;
  padding: 10px 25px 10px 16px !important;
  text-indent: 0.01px;
  text-overflow: "";
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  -ms-appearance: none !important;
  -o-appearance: none !important;
  appearance: none !important;
  border-radius: 3px !important;
  background-size: 34px !important;
  background-position: right center !important;
}

.mktoForm select.mktoField::-ms-expand {
  display: none !important;
}

.mktoForm #DateofBirth.mktoField {
  -moz-appearance: none;
  background-image: url(https://more.suse.com/rs/937-DCH-261/images/calender-1.png);
  background-color: #ffffff;
  background-repeat: no-repeat;
  padding: 10px 25px 10px 16px !important;
  text-indent: 0.01px;
  text-overflow: "";
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  border-radius: 3px;
  background-size: 40px;
  background-position: right center;
  min-height: 49px !important;
}

.mktoForm #DateofBirth.mktoField::-ms-expand {
  display: none !important;
}

input[type="date"]::-webkit-calendar-picker-indicator {
  opacity: 0;
}

label#LblcheckBoxforms {
  display: inline-block !important;
  width: 90% !important;
  font-size: 14px !important;
  line-height: 24px;
  font-weight: 400 !important;
  padding-left: 45px;
}

label#Lbloptin {
  display: inline-block !important;
  width: 90% !important;
  font-size: 14px !important;
  line-height: 24px;
  font-weight: 400 !important;
  padding-left: 45px;
}

label {
  font-weight: 500 !important;
}

.mktoHtmlText {
  width: 100% !important;
}

.mktoForm input[type=checkbox]+label:before,
.mktoForm input[type=radio]+label:before,
.single_checkbox>label:before,
.unsub_check>label:before {
  content: "";
  position: absolute !important;
  width: 24px !important;
  height: 24px !important;
  margin-left: 0 !important;
  font-size: 11px !important;
  line-height: 14px !important;
  font-weight: normal !important;
  border: 1px solid #707070 !important;
  background-color: #FFFFFF !important;
  top: 3px !important;
  margin-top: 0 !important;
  left: 0px !important;
  border-radius: 0px !important;
  text-align: center !important;
  padding: 0 !important;
  opacity: 0.45;
}

.mktoForm .mktoRadioList>input,
.mktoForm .mktoCheckboxList>input {
  padding: 0 !important;
  margin-top: 1px !important;
  float: left !important;
}


.mktoForm input[type=checkbox],
.mktoForm input[type=radio] {
  display: none !important;
}

.mktoForm .mktoCheckboxList,
.mktoForm .mktoRadioList {
  padding: 0 !important;
  width: 100% !important;
}

.mktoForm input[type=checkbox]:checked+label:before,
.mktoForm .single_checked:before,
.mktoForm input[type=radio]:checked+label:before {
  content: '\2713' !important;
  font-weight: 900 !important;
  font-size: 18px !important;
  text-rendering: auto !important;
  line-height: 22px !important;
  color: #707070 !important;
  background-color: #ffffff !important;
  opacity: 0.45;
  background: #fff !important;
}

@media all and (max-width: 800px) {
  .topics-list {
    margin: 0 10px;
  }
}

@media only screen and (max-width: 480px) {
  .form-heading {
    padding: 40px 15px !important;
  }

  .mktoForm input[type=url],
  .mktoForm input[type=text],
  .mktoForm input[type=date],
  .mktoForm input[type=tel],
  .mktoForm input[type=email],
  .mktoForm input[type=number],
  .mktoForm textarea.mktoField {
    padding: 17px 8px !important;
  }

  .mktoButtonRow button.mktoButton {
    width: 100% !important;
  }

  .mktoForm input[type=tel] {
    width: 70% !important;
  }

  .mktoForm select.mktoField {
    margin-bottom: 9px !important;
  }

  .mktoForm .mktoFormRow .mktoRequiredField .mktoAsterix {
    float: right !important;
    padding-right: 0 !important;
    padding-left: 5px !important;
  }

  .mktoForm a {
    padding: 0 !important;
    display: inline !important;
  }

  .mktoForm .mktoFormRow .mktoFormCol {
    width: 100% !important;
    margin: 0 0 17px !important;
    float: left;
    padding: 0 10px;
  }

}

section.banner-sec {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.container-fluid {
  max-width: 1460px !important;
  padding: 0 30px !important;
}

.pre-heading {
  font-size: 22px;
  font-weight: 500;
  color: #000000;
  min-width: 250px;
  text-align: left;
  padding: 7px 30px;
  background-color: #39B97A;
  display: inline-block;
}

.form-heading {

  color: #000000;
  font-size: 30px;
  font-weight: 500;
  line-height: 35px;
  padding: 40px 50px;
}

.form-headingcontent {
  padding-bottom: 40px;
}


.flex-container {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}


.left-section {
  flex: 1 1 49.99999%;
}

.right-form {
  flex: 1 1 49.99999%;
}

.sub-heading {
  font-size: 24px;
  color: #000000;
  font-weight: 500;
  line-height: 32px;
  margin-bottom: 10px;
}

.content {
  font-size: 18px;
  line-height: 26px;
  color: #0C322C;
  font-weight: 400;
}

.content-section {
  padding-right: 61px;
}

footer {
  background-color: #0C322C !important;
}


/*LOGOs Section ends*/

label#Lbloptin~.mktoLogicalField.mktoCheckboxList label {
  padding: 0 !important;
  min-height: 0 !important;
  position: static;
}

label#Lbloptin~.mktoLogicalField.mktoCheckboxList label:before {
  left: 12px !important;
}

/*responsive*/

@media (max-width: 1399px) {
  .container-fluid {
    max-width: 1460px !important;
  }
}

@media (max-width: 480px) {
  header img {
    max-width: 100px !important;
  }
}
