body {
    background-color: #fff;
}
.partner-hero-section {
    background: url('/subpage_mastheads/masthead_organizations_desktop.jpg') no-repeat center center;
    background-size: cover;
    padding: 6rem 2rem; /* Already in rem */
    text-align: center;
    color: #ffffff;
    height: 12.5rem; /* 200px / 16px = 12.5rem */
}

.asset-hero-container {
    max-width: 67rem; /* 1200px / 16px = 75rem */
    margin: 0 auto;
}

.asset-hero-title {
    font-size: 3.875rem; /* 62px / 16px = 3.875rem */
    font-weight: 700;
    font-family: 'Oxygen', sans-serif;
    color: #ffffff;
    margin-bottom: 1rem; /* Already in rem */
}

.asset-hero-subtitle {
    font-size: 2rem; /* 32px / 16px = 2rem */
    font-weight: 400;
    line-height: 1.6; /* Unitless line-height is generally preferred */
    font-family: 'Source Sans Pro', sans-serif;
    color: #ffffff;
}





/*----------------------------------------------------------------------------------------------------------------------------------*/

.wmf-section {
    background-color: #fff;
    padding: 5rem 2rem; /* Already in rem */
    font-family: 'Source Sans Pro', sans-serif;
    color: #012A4A;
}

.wmf-header {
    max-width: 62.5rem; /* 1000px / 16px = 62.5rem */
    margin: 0 auto 3rem; /* Already in rem */
    text-align: left;
}

.wmf-title {
    font: 2rem 'Oxygen'; /* 32px / 16px = 2rem */
    font-weight: 700;
    line-height: 1.3; /* Unitless line-height is generally preferred */
    color: #012A4A;
    text-align: left;
    max-width: 75rem; /* 1200px / 16px = 75rem */
}

.wmf-title span {
    text-decoration: underline;
    color: #01497C;
}

.wmf-flex-container {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 62.5rem; /* 1000px / 16px = 62.5rem */
    margin: 0 auto;

}

.wmf-content {
    flex: 1 1 55%;

}

.wmf-right {
    flex: 1 1 40%;
}

.wmf-image {
    text-align: center;
}

.wmf-image img {
    max-width: 50%;
    height: auto;
}

.wmf-list-title {
    font: 1.75rem 'Oxygen'; /* 28px / 16px = 1.75rem */
    font-weight: 700;
    line-height: 1.3; /* Unitless line-height is generally preferred */
    margin-bottom: 2rem; /* Already in rem */
    color: #012A4A;
    padding-right: 0;
    display: inline-block;
    max-width: 37.5rem; /* 600px / 16px = 37.5rem */
}

.wmf-benefits-list {
    list-style: none;
    padding: 0;
    border-bottom: 0.125rem solid #03AAAD; /* 2px / 16px = 0.125rem */
    padding-bottom: 3rem; /* Already in rem */
}

.wmf-benefits-list li {
    display: flex;
    align-items: flex-start;
    gap: 0.625rem; /* 10px / 16px = 0.625rem */
    margin-bottom: 1.5rem; /* Already in rem */
    font-size: 1rem; /* 16px / 16px = 1rem */
    color: #000;
    line-height: 1.6; /* Unitless line-height is generally preferred */
}

.wmf-benefits-list li img {
    width: 1.125rem; /* 18px / 16px = 1.125rem */
    height: 1.125rem; /* 18px / 16px = 1.125rem */
    margin-top: 0.25rem; /* 4px / 16px = 0.25rem */
    flex-shrink: 0;
}

.wmf-divider {
    border: none;
    border-top: 0.125rem solid #03AAAD; /* 2px / 16px = 0.125rem */
    margin: 2rem 0; /* Already in rem */
    width: 100%;
}

.wmf-testimonial {
    text-align: left;
}

.wmf-testimonial-label {
    font: 1.125rem 'Source Sans Pro'; /* 18px / 16px = 1.125rem */
    font-weight: 600;
    color: #01497C;
    text-transform: uppercase;
    margin-bottom: 0.5rem; /* Already in rem */
    text-align: center;
}

.wmf-testimonial-text {
    font-size: 1rem; /* 16px / 16px = 1rem */
    font-style: italic;
    color: #01497C;
    max-width: 43.75rem; /* 700px / 16px = 43.75rem */
    margin: 0 auto 2.5rem auto; /* Already in rem */
    line-height: 1.6; /* Unitless line-height is generally preferred */
}

.wmf-testimonial-author {
    font-size: 0.8125rem; /* 13px / 16px = 0.8125rem */
    color: #555;
    margin-top: 1rem; /* Already in rem */
}

/*----------------------------------------------------------------------------------------------------------------------------------*/


.partner-section {
    background-color: #ffffff;
    padding: 0rem 2rem; /* Already in rem */
    font-family: 'Source Sans Pro', sans-serif;
    color: #012A4A;
    text-align: center;
}

.partner-container {
    max-width: 62.5rem; /* 1000px / 16px = 62.5rem */
    margin: 0 auto;
}

.partner-testimonial-label {
    font: 1.125rem 'Source Sans Pro'; /* 18px / 16px = 1.125rem */
    font-weight: 600;
    color: #01497C;
    text-transform: uppercase;
    margin-bottom: 0.5rem; /* Already in rem */

}

.partner-testimonial {
    font-size: 1rem; /* 16px / 16px = 1rem */
    font-style: italic;
    color: #01497C;
    max-width: 43.75rem; /* 700px / 16px = 43.75rem */
    margin: 0 auto 2.5rem auto; /* Already in rem */
    line-height: 1.6; /* Unitless line-height is generally preferred */
    margin-bottom: 5rem; /* Already in rem */
}

.partner-title {
    font: 3rem 'Oxygen'; /* 48px / 16px = 3rem */
    font-weight: 700;
    margin-bottom: 3rem; /* Already in rem */
    color: #012A4A;
    margin-top: 5rem;
}

.partner-steps {
    display: flex;
    flex-wrap: wrap;
    gap: 2rem; /* Already in rem */
    justify-content: center;
}

.partner-step {
    flex: 1 1 15.625rem; /* 250px / 16px = 15.625rem */
    max-width: 17.5rem; /* 280px / 16px = 17.5rem */
}

.step-icon {
    position: relative;
    width: 2.5rem; /* 40px / 16px = 2.5rem */
    height: 2.5rem; /* 40px / 16px = 2.5rem */
    margin: 0 auto 1rem; /* Already in rem */
}

.step-icon img {
    width: 100%;
    height: 100%;
    display: block;
}

.step-number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 1.125rem; /* 18px / 16px = 1.125rem */
    font-weight: 700;
    color: #ffffff;
    font-family: 'Oxygen', sans-serif;
}

.step-text {
    font-size: 1rem; /* 16px / 16px = 1rem */
    font-weight: 400;
    line-height: 1.6; /* Unitless line-height is generally preferred */
    color: #000000;
    margin-bottom: 5rem;
}



/*----------------------------------------------------------------------------------------------------------------------------------*/



.form-section {
    background-color: #f5f5f5;
    padding: 6rem 2rem; /* Already in rem */
    font-family: 'Source Sans Pro', sans-serif;
}

.form-container {
    max-width: 56.25rem; /* 900px / 16px = 56.25rem */
    margin: 0 auto;
    color: #012A4A;
}

.form-heading {
    text-align: center;
    font-size: 3rem; /* 48px / 16px = 3rem */
    font-family: 'Oxygen', sans-serif;
    font-weight: 700;
    margin-bottom: 0.5rem; /* Already in rem */
    color: #012A4A;
}

.form-subheading {
    text-align: center;
    font-size: 1.125rem; /* 18px / 16px = 1.125rem */
    margin-bottom: 3rem; /* Already in rem */
    color: #012A4A;
}

.contact-form {
    display: flex;
    flex-direction: column;
    gap: 2rem; /* Already in rem */
}

.form-row {
    display: flex;
    flex-wrap: wrap;
    gap: 5rem; /* Already in rem */
}

.form-group {
    flex: 1 1 45%;
}

label {
    display: block;
    font-size: 0.875rem; /* 14px / 16px = 0.875rem */
    font-weight: 600;
    margin-bottom: 0.5rem; /* Already in rem */
    color: #012A4A;
}

input,
select,
textarea {
    width: 100%;
    padding: 0.75rem 0; /* Already in rem */
    border: 0.125rem solid #01497C; /* 2px / 16px = 0.125rem */
    border-radius: 0.25rem; /* 4px / 16px = 0.25rem */
    font-size: 1rem; /* 16px / 16px = 1rem */
    font-family: 'Source Sans Pro', sans-serif;
    color: #012A4A;
}


textarea {
    resize: vertical;
}

.form-buttons {
    display: flex;
    justify-content: center;
    gap: 1.5rem; /* Already in rem */
    margin-top: 1rem; /* Already in rem */
}

.btn {
    padding: 0.75rem 2rem; /* Already in rem */
    font-size: 0.9375rem; /* 15px / 16px = 0.9375rem */
    font-weight: 600;
    border-radius: 999px; /* This value is fine as it is */
    border: 0.125rem solid #01497C; /* 2px / 16px = 0.125rem */
    background-color: transparent;
    color: #012A4A;
    cursor: pointer;
    transition: 0.3s ease;
}

.submit-btn {
    background-color: #01497C;
    color: #fff;
}

.submit-btn:hover {
    background-color: #012A4A;
}

.cancel-btn:hover {
    background-color: #e6e6e6;
}


/*----------------------------------------------------------------------------------------------------------------------------------*/






@media (max-width: 60rem) {  
  .partner-hero-section {
    padding: 10rem 0;
    height: 32.5rem;
    padding-bottom: 0;
  }

  .asset-hero-container{
    max-width: 64rem;
  }

  .partner-title {
    max-width: 64rem;
    text-align: center;
  }

  .asset-benefits-container {
    flex-direction: column;
    align-items: center; /* Optional: center-align content */
    text-align: center;
    max-width: 64rem;
    margin: 0 right;
  }

  .asset-benefits-list li {
    font-size: 2rem;
    align-items: center;
    margin: 0 right;
  }

  .asset-benefits-list li img {
    transform: scale(2);
    padding-right: 1rem;
  }

  .asset-benefits-left,
  .asset-benefits-right {
    width: 100%;
    max-width: 100%;
  }
  .asset-benefits-right {
    padding-top: 5rem;
  }


  .partner-steps{
    max-width: 64rem;
    margin: 0 auto;

  }

  .step-text {
    font-size: 2rem;
    text-align: left;
  }

  .form-subheading {
    font-size: 2rem;
  }
  label{
  font-size: 2rem;
  }

  .btn{

    font-size: 1.125rem;      /* increase font size */
    padding: 1rem 0rem;       /* increase padding */
    min-width: 50%;          /* full width if stacked */
    border-radius: 0.5rem;    /* optional: smoother corners */
  }
}



/*----------------------------------------------------------------------------------------------------------------------------------*/



@media (max-width: 30rem) {

  .partner-hero-section {
    padding: 10rem 0;
    height: 32.5rem;
    padding-bottom: 0;
  }

  .asset-hero-container {
    max-width: 34rem;
  }

  .partner-title {
    max-width: 34rem;
    text-align: center;
    margin: 0 auto;
    padding-top: 5rem;
    padding-bottom: 2.5rem;
  }

  .asset-benefits-container {
    flex-direction: column;
    align-items: center; /* Optional: center-align content */
    text-align: center;
    max-width: 34rem;
  }

  .asset-benefits-list li {
    font-size: 2rem;
    align-items: center;
  }

  .asset-benefits-list li img {
    transform: scale(2);
    padding-right: 1rem;
  }

  .asset-benefits-left,
  .asset-benefits-right {
    width: 100%;
    max-width: 100%;
  }
  .asset-benefits-right {
    padding-top: 5rem;
  }


  .partner-steps{
    max-width: 34rem;
    margin: 0 auto;

  }

  .step-text {
    font-size: 2rem;
    text-align: left;
  }

  .form-subheading {
    font-size: 2rem;
  }
  label{
  font-size: 2rem;
  }

  .btn{

    font-size: 1.125rem;      /* increase font size */
    padding: 1rem 0rem;       /* increase padding */
    min-width: 50%;          /* full width if stacked */
    border-radius: 0.5rem;    /* optional: smoother corners */
  }
}