@media (max-width: 768px) {

    .logo {

        background-color: #309ee8;

        height: 60px;

    }

    .logo-desktop {

        display: none;

    }

    .logo-mobile {

        display: block;

        width: 230px;

    }

    .hero-text-mobile {

        font-size: 32px;

        font-weight: 600;

        color: #386280;

    }



    .hero-text-mobile span {

        font-weight: 900;

        color: #f89a21;

    }



    .hero-content {

        padding: 0 25px;

        gap: 0;

    }

    .hero-text {

        width: 100%;

        max-width: 450px;

    }

    .hero-text .consent-checkbox {

        display: flex;

        justify-content: center;

    }

    .hero-image {

        width: 100%;

        display: flex;

        justify-content: center;

    }

    .hero-section {

        padding-top: 0;

    }



    .container {

        padding: 0 20px;

    }

    .hero-section .container {

        padding: 0;

    }



    .advisors-image {

        max-width: 400px;

        margin: -35px 0;

    }



    body {

        padding: 0;

    }

    .page-container {

        margin: 0;

        border-radius: 0;

    }



    .hero-title {

        display: none;

    }



    .hero-subtitle {

        font-size: 18px;

        margin-bottom: 12px;

    }



    .consent-body {

        width: 100%;

        max-width: 450px;

        margin-left: auto;

        margin-right: auto;

    }



    .checkbox,

    .consent-body .checkbox {

        width: 14px;

        height: 14px;

    }



    .checkbox:checked::after,

    .consent-body .checkbox:checked::after {

        font-size: 10px;

        top: 0.7px;

        left: 1.5px;

    }



    .checkbox-label.light {

        font-size: 13px;

    }



    .checkbox-label.large {

        font-size: 13px;

    }



    .section-title {

        /* font-size: 36px; */

        margin-bottom: 12px;

    }



    .step-text {

        justify-content: center;

        width: 100%;

        max-width: 350px;

        height: 70px;

    }



    .guidance-title {

        font-size: 32px;

        line-height: 38px;

        color: #386280;

        font-weight: 600;

    }



    .guidance-note {

        display: block;

        font-size: 18px;

        color: #064168;

        font-weight: 600;

        text-align: center;

        margin-top: 50px;

    }



    .guidance-section .email-form-section {

        margin-top: 12px;

        margin-bottom: 12px;

    }



    .email-form-body .email-input {

        width: 150px;

        font-size: 18px;

        padding: 13px 12px;

    }



    .email-form-body .email-input-wrapper {

        padding-right: 6px;

    }



    .email-form-body {

        width: 100%;

        max-width: 450px;

        margin: auto;

    }



    .email-form-body .consultation-button {

        font-size: 16px;

        padding: 12px;

    }



    .section-title {

        font-size: 50px;

    }



    .email-form-body .search-icon {

        font-size: 15px;

    }



    .faq-container,

    .testimonials-container {

        margin: 0;

        padding: 24px 0;

    }



    .testimonials-section {

        padding: 32px 0;

    }



    .testimonials-container {

        flex-direction: column;

    }



    .testimonials-title {

        text-align: center;

    }



    .testimonial-meta {

        flex-direction: column;

        align-items: flex-start;

        gap: 4px;

    }



    .cta-section {

        padding: 75px 0px 75px 0px;

    }



    .cta-title {

        font-size: 32px;

        line-height: 38px;

    }



    .footer {

        padding: 30px 0 15px 0;

        background-color: #dde7ee;

        border-radius: 0;

    }



    .footer-nav {

        /* flex-direction: column; */

        /* gap: 16px; */

        text-align: center;

    }



    .footer-link {

        font-size: 14px;

    }



    .footer-copyright {

        padding: 0 0 12px 0;

    }



    .footer-copyright div {

        font-size: 13px;

    }
	
.consent-checkbox {
    display: inline-flex;
    align-items: flex-start;
    justify-content: center; /* centers the block under input */
    gap: 8px;
    padding-top: 10px;
    text-align: left;
    max-width: 100%;
    flex-wrap: nowrap;
  }

  .checkbox {
    flex-shrink: 0;
    margin-top: 3px; /* aligns with first line of label */
  }

  .checkbox-label {
    display: inline;
    line-height: 1.4;
    word-break: break-word;
  }
	
	 .email-form-body .consultation-button {

        font-size: 14px;
		min-width:150px;

    }
	

}