<style>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Sofia+Sans:ital,wght@0,1..1000;1,1..1000&display=swap" rel="stylesheet">

h1 {
  font-family: 'Sofia Sans', sans-serif!important;;
  font-weight: 800;
}


.stylizedButton.buttonStyle007 { background: #6699CC!important; border-radius: 8px!important; padding: 15px 25px 15px 25px!important;
}

.stylizedButton.buttonStylea {  background: #FFCC33!important; border-radius: 8px!important; padding: 15px 25px 15px 25px!important;
}

  .accordion-item {
    margin-bottom: 20px;
  }
  
  .accordion-header {
    background: #f0f0f0;
    padding: 12px 15px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  
  .accordion-header:hover {
    background: #e8e8e8;
  }
  
  .accordion-icon {
    transition: transform 0.3s;
    font-size: 12px;
  }
  
  .accordion-icon.active {
    transform: rotate(180deg);
  }
  
  .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease;
  }
  
  .accordion-content.active {
    max-height: 500px;
  }
  
  .accordion-body {
    padding: 15px;
  }


  .pte-subscribe {
  background: var(--pte-box-bg, #f3f3f3);
  padding: 32px;
  margin: 24px 0;
}

/* Heading */
.pte-subscribe .gadgetTitleHn,
.pte-subscribe .titleOuterContainer h3,
.pte-subscribe h3 {
  color: var(--pte-heading-color, #1f1f1f);
  font-size: 2rem;
  line-height: 1.2;
  margin: 0 0 18px 0;
  font-weight: 700;
}

/* Mandatory note + labels: streamlined and subtle */
.pte-subscribe .mandatoryFieldsTitle,
.pte-subscribe .fieldLabel,
.pte-subscribe .fieldLabel span {
  color: var(--pte-label-color, #666);
  font-size: 0.92rem;
  font-weight: 500;
  line-height: 1.3;
}

.pte-subscribe .mandatoryFieldsTitle {
  margin-bottom: 14px;
}

.pte-subscribe .mandatorySymbol {
  opacity: 0.55;
}

/* Field spacing */
.pte-subscribe .fieldContainer,
.pte-subscribe .fieldSubContainer {
  margin-bottom: 16px;
}

/* Inputs */
.pte-subscribe input[type="text"],
.pte-subscribe input[type="email"] {
  width: 100%;
  box-sizing: border-box;
  background: var(--pte-input-bg, #f2f2f2);
  border: 1px solid var(--pte-input-border, #d4d4d4);
  border-radius: 0;
  box-shadow: none;
  padding: 13px 14px;
  font-size: 1rem;
  color: var(--pte-input-text, #222);
}

.pte-subscribe input[type="text"]:focus,
.pte-subscribe input[type="email"]:focus {
  outline: none;
  border-color: var(--pte-focus-border, #999);
  background: #fff;
}

/* Button: match Learn More feel, square corners */
.pte-subscribe .typeButton,
.pte-subscribe input[type="submit"],
.pte-subscribe button {
  background: var(--pte-button-bg, #2f5ea8);
  color: var(--pte-button-text, #fff);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  padding: 12px 22px;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  text-transform: none;
  cursor: pointer;
}

.pte-subscribe .typeButton:hover,
.pte-subscribe input[type="submit"]:hover,
.pte-subscribe button:hover {
  filter: brightness(0.95);
}

/* Validation / help text */
.pte-subscribe .fieldBody .typeInstruction,
.pte-subscribe .validationError,
.pte-subscribe .fieldError,
.pte-subscribe .errorText {
  font-size: 0.9rem;
  margin-top: 6px;
}

/* Desktop layout: first + last name side by side */
@media (min-width: 768px) {
  .pte-subscribe .fieldContainer:nth-of-type(1),
  .pte-subscribe .fieldContainer:nth-of-type(2) {
    width: calc(50% - 10px);
    display: inline-block;
    vertical-align: top;
  }

  .pte-subscribe .fieldContainer:nth-of-type(1) {
    margin-right: 20px;
  }

  .pte-subscribe .fieldContainer:nth-of-type(3) {
    display: block;
    width: 100%;
  }
}
</style>

 