/* override global index.css */
body.single-webinar .bg-black {
  background-color: #343741;
}

p {
  font-family: adelle-sans, sans-serif;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.875rem;
}

.main-content ul {
  list-style: disc;
}

.bg-mobile {
  position: relative;
}

.bg-mobile::before {
  content: "";
  display: block;
  position: absolute;
  width: 100vw;
  height: 100%;
  top: 0;
  left: calc((100vw - 100%) / -2);
  background-image: var(--bg);
  background-repeat: no-repeat;
  background-position: 25%;
  background-size: cover;
  object-fit: cover;
}

.page-title {
  font-size: calc(23px + 5 * (100vw - 375px) / (1920 - 375));
  line-height: calc(55px + 5 * (100vw - 375px) / (1920 - 375));
  font-weight: 700;
  color: #FFF;
  text-transform: uppercase;
  letter-spacing: 1.4px;
  text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.7);
}

.heading-headline {
  font-size: calc(43px + 2 * (100vw - 375px) / (1920 - 375));
  line-height: calc(53px + 2 * (100vw - 375px) / (1920 - 375));
  font-weight: 400;
  color: #FFF;
  --bs-heading-color: #FFF;
  text-shadow: 0px 3px 10px rgba(0, 0, 0, 0.7);
}

.full-width {
  display: none;
}

@media screen and (min-width: 992px) {
  .full-width {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    object-fit: cover;
    display: unset;
    max-width: unset;
    height: 100%;
  }
}

/* @media screen and (min-width: 992px) {
  .hero-content {
    position: absolute;
    z-index: 2;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
    width: 100%;
    color: #fff;
  }
} */

.col-right {
  padding-block: 3rem;
}

@media screen and (min-width: 992px) {
  .col-right.detach {
    display: flex;
    justify-content: flex-end;
    position: sticky;
    top: 80px;
  }
}


@media screen and (width: 992px) {
  .form {
    margin-inline: 1rem;
    margin-block: 1rem;
  }
}

.is-desktop .form {
  width: 350px;
  position: relative;
  transition: all 0.2s;
}

.is-desktop .form.detached {
  position: fixed;
  top: 20px;
}

.is-desktop .form.detached h3 {
  padding-top: 0;
  padding-bottom: 0;
}

/* Hero Section */
.hero-background {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.hero-content {
    padding: 3rem 0;
}

/* Each section */
.lp-section{
  margin-top: 3rem;
}

.lp-section strong {
  font-weight: 900 !important;
}
.two-column {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 992px) {
 .two-column {
    flex-direction: row;
    gap: 2rem;
    margin: auto;
  }
  .two-column-heading-with-textbox .two-column {
    width: 80% 
  }
  .two-column > div {
    width: 50%;
  }
}
.divider {
  border-bottom: 1px solid lightgray;
  width: 75% !important;
  margin: 2rem auto;
  
}
.orange-text {
  color: #f47721;
}

.op-title, .works-title {
  font-size: 1.2rem;
  margin-bottom: 0 !important;
}

/* list */
.disc-list {
  list-style: disc;
}
.disc-list li {
  font-size: 1.125rem;
  margin-bottom: .5rem;
}

.two-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
@media screen and (min-width: 992px) {
  .two-cta {
    flex-direction: row;
    justify-content: center;
    
  }
}
  .two-cta a {
    margin-left: 0px !important;
  }

  .options {
    display: flex;
  }
/* Forms */
.forms {
  display: flex;
  gap: 2rem;
  justify-content: center;
}
@media screen and (max-width: 1024px) {
  .forms {
    flex-direction: column;
    align-items: center;
  }
}
.mktoForm .mktoFormRow:has(#optIn__c) {
  display: flex;

}
.mktoForm .mktoFormRow:has(#optIn__c) > .mktoFieldDescriptor > .mktoFieldWrap {
  display: flex;
  
}
.mktoForm .mktoFormRow:has(#optIn__c) > .mktoFieldDescriptor > .mktoFieldWrap .mktoGutter {
  width: 0px !important;
  
}

.mktoForm .mktoFormRow:has(#optIn__c) .mktoHtmlText {
  width: 100% !important;
  
}
/* Survey Form */
.form-survey form {
   color:#FFF !important;
   background-color: #343741;
   border-radius: 10px;
   padding: 3rem;
 
    
}
.form-survey .mktoFormRow:not(:nth-of-type(7)) {
  margin-bottom: 2rem;
}
.form-survey form .mktoFieldWrap {
  width: 100% !important;
  overflow: hidden !important;
}
.form-survey form select, .form-contact form select {
  width: 100% !important;
  border-radius: 10px;
  color:#343741;
    appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0 10px;
} 
 .form-contact #Country {
  background-color: #E5E5E5;
  padding: .5rem;
}
.form-survey form label {
  display: flex;
  gap: 5px;
}
form label .mktoAsterix, .form-survey form .mktoErrorMsg, .form-survey form .mktoInstruction {
  color: #f47721;
}
.form-survey form .mktoInstruction {
  font-style: italic;
}
.form-survey form .mktoErrorMsg {
  font-size: medium;
}
.form-survey form option{
  /* width: 100%; */
  /* font-size: small; */
}

/* Survey form button */
.form-survey form .mktoButtonRow {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.mktoForm .mktoButtonWrap.mktoPaperMashup button.mktoButton  {
  font-size: 18px;
  border-radius: 9999px;
  padding: .5rem 1rem;
}
.mktoForm .mktoButtonWrap.mktoPaperMashup {
  margin-left: 0px !important;
}

.mktoRadioList, .mktoCheckboxList:not(:last-of-type) {
  display: grid;
  grid-template-columns: auto 1fr;   /* input = auto width, label = remaining space */
  justify-content: center;           /* center entire grid horizontally */
  align-items: center;               /* vertically center each pair */
  column-gap: 10px;                  /* space between input and label */
  row-gap: 10px;                     /* space between rows */
  text-align: left;                  /* keep label text readable */
  padding-left: 15px;
}

/* Ensure each input and label pair aligns nicely */
.mktoRadioList input[type="radio"], .mktoCheckboxList input[type="checkbox"] {
  justify-self: end;   /* input aligns to right edge of its grid cell */
}

.mktoRadioList label, .mktoCheckboxList label {
  justify-self: start; /* label starts right next to the input */
  margin-bottom: 0px;
}

.mktoForm .mktoFormRow .mktoFieldWrap label {
  margin-bottom: 0px;
}
.mktoForm .mktoFormRow .mktoFieldWrap input {
  width: 100% !important;
  border-radius: 10px;
}

/* Contact Form */
.form-contact form {
  border: 3px solid #343741;
  border-radius: 10px;
  padding: 3rem;
}
.form-contact form label {
  display: flex;
}

.form-contact .mktoButtonWrap {
  margin-left: 0px !important;
 display: flex;
 justify-content: center;
}
.form-contact form .mktoButtonRow  {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.form-contact .mktoForm .mktoButtonRow button  {
  font-size: 16px;
  border-radius: 9999px;
  padding: .5rem 2rem;
  color: #FFF;
  background-color: #f47721 !important;
  font-weight: 600;
} 

/*# sourceMappingURL=template-landing-page-decision-stage.css.map */