@media (min-width: 1600px) {
    .homebanner.section-padding {
        --spacingSec-top: 80px;
        --spacingSec-bottom: 100px;
    }

    .rates-hero h1 {
        font-size: 80px;
    }

}

@media (min-width: 1440px) {
    .about-hero__content h1 {
        font-size: 70px;
    }

    .works-hero__content h1 {
        font-size: 56px;
    }
}

@media (min-width: 992px) {
    .faq-page-hero h1 {
        font-size: 56px;
    }

    .contact-hero .section-heading h1 {
        font-size: 48px;
    }

    .legal-hero h1,
    .post-hero h1 {
        font-size: 48px;
    }

    .contact-page .container {
        margin-top: calc((var(--spacingSec-top) + 60px) * -1);
    }
}

@media (min-width: 768px) {
    .product-card--featured .product-card__icon {
        width: 78px;
        height: 78px;
        border-radius: 27.9px;
    }

    .product-card--featured .product-card__icon img {
        max-height: 39px;
        max-width: 39px;
    }

}

@media (max-width: 1600px) {
    :root {
        --spacing: 100px;
    }

    h1 {
        font-size: 80px;
    }

    h2 {
        font-size: 50px;
    }

    .guide-callout h3 {
        font-size: 36px;
    }

    .homebanner__wrapper {
        --size: 460px;
    }

    .pricing-card__subtitle {
        font-size: 20px;
    }

    .process-timeline__grid {
        gap: 27px;
    }

    .pricing-card,
    .tool-card {
        padding: 40px 30px;
    }
    .our-values .tool-card {
        padding: 20px 20px;
    }
    .our-values  .tool-card p {
        font-size: 17px;
        line-height: 29px;
    }
    .pricing-card__details li {
        font-size: 20px;
        line-height: 1.5;
    }

    .pricing-card h3 {
        font-size: 30px;
        margin: 0 0 24px;
    }

    .pricing-card__rate {
        font-size: 50px;
    }

    .tool-card__icon {
        margin-bottom: 30px;
    }

    .tool-card p {
        margin: 0 0 40px;
    }

    .tool-card h3 {
        font-size: 22px;
        line-height: 1.27;
    }

    .support-contact__grid {
        -ms-grid-columns: 1fr 566px;
        grid-template-columns: 1fr 566px;
    }

    .guide-callout p {
        margin-bottom: 65px;
    }
    .hero-stats__item {
        min-width: 130px;
    }
    .our-story .hero-stats .hero-stats__value {
        font-size: 28px;
    }
    .hero-stats__list {
        gap: 10px;
    }
    .site-branding img, .site-branding svg {
        max-width: 246px;
    }
    .footer-brand__logo a img {
        max-width: 246px;
        width: 100%;
    }
}

/*1600*/
@media (max-width: 1439px) {
    :root {
        --spacing: 90px;
    }

    h1 {
        font-size: 70px;
    }

    h2 {
        font-size: 48px;
    }

    .guide-callout h3 {
        font-size: 34px;
    }

    #primary-menu {
        gap: 34px;
    }

    .btn,
    .homebanner__content p,
    .section-heading p,
    .rate-section .feature-list li .homebanner__content p,
    .product-card p,
    .product-card__link,
    .process-step p,
    .pricing-card__btn,
    .tool-card__link,
    .rate-form-card h3,
    .partner-program__list li,
    .works-hero__float-card h4,
    .step-card h3,
    .trust-badges__item strong,
    .contact-info-card h3,
    .faq-help-card h3,
    .numbered-step h4,
    .rate-section .feature-list li,
    .tool-card p {
        font-size: 18px;
        line-height: 1.5;
    }

    .product-card h3,
    .process-step h3,
    .pricing-card__subtitle,
    .pricing-card__rate span,
    .pricing-card__details li,
    .tool-card h3,
    .guide-callout p,
    .partner-program__list li strong {
        font-size: 20px;
    }

    .product-card__icon {
        margin-bottom: 20px;
    }

    .product-card h3 {
        margin: 0 0 7px;
    }

    .product-card {
        padding: 32px 25px;
    }

    .process-step {
        padding: 30px 20px;
    }

    .process-step__number {
        font-size: 58px;
        line-height: 59.84px;
        margin-bottom: 20px;
    }

    .guide-callout {
        padding: 50px 30px;
    }

    .testimonial-card {
        padding: 20px;
    }

    .testimonial-track,
    .testimonial-column--pair {
        gap: 20px;
    }

    .testimonial-card__header {
        margin-bottom: 16px;
    }

    .testimonial-card p {
        line-height: 1.5;
    }

    .partner-program__list li strong {
        margin-bottom: 6px;
    }

    .support-contact__grid {
        -ms-grid-columns: 1fr 60px 506px;
        grid-template-columns: 1fr 506px;
        gap: 60px;
    }

    .pricing-card__rate {
        font-size: 45px;
    }

    .pricing-card h3 {
        font-size: 25px;
    }

    .badge {
        font-size: 16px;
    }

    .pricing-grid {
        gap: 20px;
    }

    .guide-callout p {
        margin-bottom: 60px;
    }
}

/*1440*/
@media (max-width: 1299px) {
    .our-values .advantage-grid {
        gap: 10px;
    }
    .partner-signup__side {
        padding:35px 20px;
    }
    .partner-signup__form {
        padding:35px 20px;
    }
}

/*1299*/
@media (max-width: 1199px) {
    :root {
        --spacing: 80px;
    }

    h1 {
        font-size: 58px;
    }

    h2 {
        font-size: 42px;
    }

    .guide-callout h3 {
        font-size: 32px;
    }

    #primary-menu {
        gap: 20px;
    }

    .btn,
    .homebanner__content p,
    .section-heading p,
    .rate-section .feature-list li .homebanner__content p,
    .product-card p,
    .product-card__link,
    .process-step p,
    .pricing-card__btn,
    .tool-card__link,
    .rate-form-card h3,
    .partner-program__list li,
    .works-hero__float-card h4,
    .step-card h3,
    .trust-badges__item strong,
    .contact-info-card h3,
    .faq-help-card h3,
    .numbered-step h4,
    .rate-section .feature-list li,
    .tool-card p {
        font-size: 16px;
    }

    .product-card h3,
    .process-step h3,
    .pricing-card__subtitle,
    .pricing-card__rate span,
    .pricing-card__details li,
    .tool-card h3,
    .guide-callout p,
    .partner-program__list li strong {
        font-size: 18px;
    }

    .homebanner__wrapper {
        --size: 390px;
    }

    .process-timeline__grid,
    .products-grid__wrapper,
    .pricing-grid,
    .tools-card-grid,
    .guide-callout {
        gap: 20px;
    }

    .process-step__number {
        font-size: 60px;
        line-height: 64.84px;

        margin-bottom: 10px;
    }

    .process-step {
        padding: 20px;
    }

    .tool-card__icon {
        margin-bottom: 20px;
    }

    .tool-card p {
        margin: 0 0 30px;
    }

    .pricing-card,
    .tool-card {
        padding: 30px 20px;
    }

    .rate-section__grid,
    .partner-program__grid,
    .support-contact__grid {
        -ms-grid-columns: 1fr 424px;
        grid-template-columns: 1fr 424px;
    }

    .pricing-card__rate {
        font-size: 36px;
    }

    .pricing-card h3 {
        font-size: 22px;
    }

    span.pricing-card__subtitle {
        font-size: 16px;
    }

    .pricing-card__btn {
        font-size: 18px;
        padding: 12px 12px;
    }

    .guide-callout p {
        margin-bottom: 40px;
    }

    .guide-callout__list li {
        font-size: 17.53px;
        line-height: 1.228;
    }

    .guide-callout__inside {
        padding: 19px;
    }

    .step-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    .step-card {
        padding: 20px;
    }

    .stat-card {
        padding: 30px 20px;
    }

    .bento-grid {
        gap: 20px;
    }

    .bento-feature {
        padding: 48px 20px;
    }

    .bento-fees {
        padding: 40px 20px;
    }

    .contact-form-card {
        border-radius: 18px;
        padding: 34px 25px;
    }
    .our-values .advantage-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }
}

/*1199*/

@media (max-width: 1024px) {
    .guide-callout h3 {
        font-size: 30px;
    }

    .navigation {
        gap: 0;
    }

    .menu-toggle {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    #primary-menu {
        position: fixed;
        inset: 0;
        height: 100vh;
        width: 100%;
        margin: 0;
        background-color: var(--primary);
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: flex-start;
        gap: 0;
        padding: 100px 20px 40px;
        opacity: 0;
        visibility: hidden;
        -webkit-transform: translateY(-12px);
        -ms-transform: translateY(-12px);
        transform: translateY(-12px);
        -webkit-transition: opacity 0.4s ease, visibility 0s linear 0.4s, -webkit-transform 0.4s ease;
        transition: opacity 0.4s ease, visibility 0s linear 0.4s, -webkit-transform 0.4s ease;
        transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0.4s;
        transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0.4s, -webkit-transform 0.4s ease;
        z-index: 200;
        overflow: hidden;
        overflow-y: auto;
    }

    #primary-menu.is-open {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity 0.4s ease, visibility 0s linear 0s, -webkit-transform 0.4s ease;
        transition: opacity 0.4s ease, visibility 0s linear 0s, -webkit-transform 0.4s ease;
        transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0s;
        transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0s, -webkit-transform 0.4s ease;
    }

    #primary-menu li {
        width: 100%;
        border-bottom: 1px solid rgba(var(--white-rgba), 0.1);

        /* per-item stagger */
        opacity: 0;
        -webkit-transform: translateY(14px);
        -ms-transform: translateY(14px);
        transform: translateY(14px);
        -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
        transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
        transition: opacity 0.4s ease, transform 0.4s ease;
        transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
        -webkit-transition-delay: 0s;
        transition-delay: 0s;
    }

    #primary-menu.is-open li {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    #primary-menu.is-open li:nth-child(1) {
        -webkit-transition-delay: 0.08s;
        transition-delay: 0.08s;
    }

    #primary-menu.is-open li:nth-child(2) {
        -webkit-transition-delay: 0.14s;
        transition-delay: 0.14s;
    }

    #primary-menu.is-open li:nth-child(3) {
        -webkit-transition-delay: 0.2s;
        transition-delay: 0.2s;
    }

    #primary-menu.is-open li:nth-child(4) {
        -webkit-transition-delay: 0.26s;
        transition-delay: 0.26s;
    }

    #primary-menu.is-open li:nth-child(5) {
        -webkit-transition-delay: 0.32s;
        transition-delay: 0.32s;
    }

    #primary-menu.is-open li:nth-child(6) {
        -webkit-transition-delay: 0.38s;
        transition-delay: 0.38s;
    }

    #primary-menu li a {
        display: block;
        padding: 10px 0;
        font-size: 14px;
        font-family: var(--secondary-font);
        color: var(--white);
    }

    #primary-menu li a:hover,
    #primary-menu li a:focus {
        color: var(--secondary);
    }

    .right-nav-menu {
        gap: 16px;

    }

    .right-nav-menu.is-open {
        opacity: 1;
        visibility: visible;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity 0.4s ease, visibility 0s linear 0s, -webkit-transform 0.4s ease;
        transition: opacity 0.4s ease, visibility 0s linear 0s, -webkit-transform 0.4s ease;
        transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0s;
        transition: opacity 0.4s ease, transform 0.4s ease, visibility 0s linear 0s, -webkit-transform 0.4s ease;
        pointer-events: auto;
    }

    .right-nav-menu li {
        width: 100%;
    }

    .right-nav-menu li:first-child a {
        color: rgba(var(--white-rgba), 0.7);
    }

    .right-nav {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 10px;
    }

    body.menu-open {
        overflow: hidden;
    }

    .footer-top {
        -ms-grid-columns: 1fr 30px 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 40px 30px;
    }

    .footer-brand {
        -ms-grid-column-span: 2;
        grid-column: span 2;
    }

    .product-card--featured {
        -ms-grid-row-span: 1;
        grid-row: span 1;
        -ms-grid-column-span: 8;
        grid-column: span 8;
    }

    .guide-callout p {
        margin-bottom: 30px;
    }
    .our-story .hero-stats .hero-stats__value {
        font-size: 20px;
        line-height: 1.18;
    }
    .our-story .hero-stats {
        padding: 25px 10px;
        margin-top: 28px;
    }
    .broker-process__content h2 {
        margin: 0 0 25px;
    }
   .our-story .hero-stats__label {
        font-size: 12px;
        line-height: 1.4;
    }
    .our-story .hero-stats__list {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: start;
    }
    .our-story .broker-process__grid {
        gap: 30px;
    }

}

/*1024*/

@media (max-width: 991px) {
    .process-timeline__grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .our-story .broker-process__grid {
        display: flex;
        flex-direction: column-reverse;
    }
    .our-story .hero-stats .hero-stats__value {
        font-size: 24px;
        line-height: 1.18;
    }
    .homebanner__wrapper {
        --size: 300px;
    }

    :root {
        --spacing: 60px;
    }

    h1 {
        font-size: 44px;
    }

    h2 {
        font-size: 36px;
    }

    .homebanner__wrapper {
        gap: 20px;
    }

    .pricing-grid,
    .advantage-grid {
        -ms-grid-columns: 1fr 20px 1fr;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .tools-card-grid,
    .step-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .partner-program__grid,
    .support-contact__grid,
    .rate-section__grid,
    .about-hero__grid,
    .about-story__grid,
    .works-hero__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .hero-stats {
        padding: 32px 30px;
    }

    .hero-stats__list {
        gap: 20px;
    }

    .hero-stats__value {
        font-size: 29px;
    }

    .guide-callout p {
        margin-bottom: 20px;
    }

    .bento-feature {
        -ms-grid-column-span: 7;
        grid-column: span 7;
    }

    .bento-fees {
        -ms-grid-column-span: 5;
        grid-column: span 5;
    }

    .works-hero__float-card {
        bottom: 20px;
        left: 20px;
        padding: 20px;
    }

    .faq-page__grid {
        gap: 20px;
    }

    .faq-item summary {
        padding: 19px 20px;
        gap: 15px;
        font-size: 16px;
    }

    .faq-category__header h2 {
        font-size: 20px;
    }

    .testimonial-track {
        -webkit-animation-duration: 80s;
        animation-duration: 80s;
    }
    .partner-signup__grid {
        grid-template-columns: 1fr;
    }
}

/*991*/

@media (max-width: 767px) {

    :root {
        --spacing: 50px;
    }

    h1 {
        font-size: 38px;
    }

    h2 {
        font-size: 32px;
    }

    .homebanner__wrapper,
    .process-timeline__grid,
    .pricing-grid,
    .tools-card-grid,
    .guide-callout,
    .rate-section__grid,
    .partner-program__grid,
    .support-contact__grid,
    .products-grid__wrapper,
    .footer-top,
    .advantage-grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .footer-brand {
        -ms-grid-column-span: 1;
        grid-column: span 1;
    }

    .footer-bottom {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 8px;
    }

    .homebanner__content h1 span,
    .section-heading h2 span {
        display: inline;
    }

    .hero-stats {
        padding: 30px 0;
    }

    .hero-stats__list {
        gap: 10px 0;
        display: -ms-grid;
        display: grid;
        -ms-grid-columns: 1fr 0 1fr;
        grid-template-columns: 1fr 1fr;
    }

    .hero-stats__label {
        font-size: 12px;
    }

    .hero-stats__value {
        font-size: 25px;
    }

    .btn {
        padding: 8px 17px;
    }

    .section-heading {
        margin-bottom: 40px;
    }
    .cta-banner__actions {
            margin-top: -15px;
    }
    .siteHeader .container {
        gap: 0;
    }

    .product-card--featured {
        grid-row: auto;
        -ms-grid-column-span: 4;
        grid-column: span 4;
    }

    .products-grid__wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .product-card__icon {
        width: 46px;
        height: 46px;
    }

    .product-card__icon svg,
    .product-card__icon img {
        max-height: 20px;
        max-width: 20px;
    }

    .product-card {
        padding: 20px;
    }

    .contact-form {
        padding: 25px;
    }

    .contact-form .form-group {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 6px;
        margin-bottom: 15px;
    }

    .contact-form .form-row {
        gap: 15px;
    }

    .guide-callout {
        padding: 40px 20px;
    }

    .guide-callout__list li {
        font-size: 16px;
    }

    .testimonial-card p {
        font-size: 14px;
    }

    .testimonial-track {
        --size: 260px;
    }

    .testimonial-card__header {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .testimonial-card__stars {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .testimonial-card {
        padding: 20px;
    }

    .about-story__stat {
        padding: 20px;
    }

    .about-story__stat .hero-stats__value {
        font-size: 28px;
    }

    .bento-fees,
    .bento-feature,
    .stat-card {
        -ms-grid-column-span: 12;
        grid-column: span 12;
    }

    .contact-page__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .contact-form-card,
    .contact-info-card {
        padding: 30px 20px;
    }

    .faq-item summary {
        padding: 20px 20px;
        font-size: 16px;
    }

    .broker-process__grid,
    .partner-signup__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }

    .partner-signup__side,
    .partner-signup__form {
        padding: 28px;
    }

    .tool-card__icon {
        width: 47px;
        height: 47px;
    }

    .numbered-steps {
        gap: 20px;
    }

    .pipeline-preview__table td,
    .pipeline-preview__table th,
    .pipeline-preview__header {
        padding: 15px;
    }

    .partner-signup__side>p {
        margin: 0 0 22px;
    }

    .partner-signup__quote {
        margin: 22px 0 0;
        padding-top: 22px;
    }

    .faq-page__grid {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .faq-category__header h2 {
        font-size: 18px;
    }

    .testimonial-track {
        -webkit-animation-duration: 100s;
        animation-duration: 100s;
    }

    .eyebrow {
        margin-bottom: 10px;
    }

    .bento-feature .section-heading h2 {
        font-size: 28px;
    }

    .faq-help-card {
        padding: 30px 20px;
    }
    .error-404__code {
    font-size: 90px;
}

.error-404__search {
    flex-direction: column;
}

}

/*767*/

@media (max-width: 575px) {
    .about-story__img {
        height: 156px;
    }

    .tools-card-grid,
    .step-grid {
        grid-template-columns: repeat(1, 1fr);
    }

    .pipeline-preview__tab {
        padding: 4px 5px;
    }

    .pipeline-preview__header span {
        font-size: 12px;
    }

    .post-hero h1 {
        font-size: 36px;
    }

    .single-post .post-navigation .nav-links {
        grid-template-columns: 1fr;
    }

    .single-post .post-navigation .nav-next,
    .single-post .post-navigation .nav-next a {
        text-align: left;
        align-items: flex-start;
    }
    .our-story .hero-stats .hero-stats__value {
        font-size: 24px;
    }
    .our-values .advantage-grid {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}

/*575*/

@media (max-width: 480px) {

    .site-branding img, .site-branding svg {
        height: auto;
        max-width: 180px;
    }

    .contact-form .form-row {
        -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    }
}

/*480*/

@media (max-width: 420px) {

    .right-nav-menu li.navButton,
    .right-nav-menu li.navButton a {
        display: none;
    }

    .right-nav-menu {
        gap: 0;
    }
}




/* team new sec */
@media(max-width:1600px){
    .role {
        font-size: 13px;
        line-height: 1.7;
    }
    .team-content {
        padding: 0 0 0 25px;
    }
    .team-photo {
        height: 400px;
    }
    .team-content h2 {
        font-size: clamp(30px, 2.3vw, 30px);
        line-height: 1;
    }
}
@media(max-width:1440px){
     .role{
        font-size: 12px;
        line-height: 1.5;
    }
    .team-content p {
        font-size: 15px;
        line-height: 1.52;
    }
    .team-content {
        padding: 0px 0 0 25px;
    }
    .team-photo {
        height: 370px;
    }
    .name-line {
        margin: 15px 0 15px;
    }
}
 @media (max-width: 1280px) {
    .team-content {
        padding: 0px 0 0 15px;
    }
    .team-content h2 {
        font-size: clamp(25px, 2vw, 30px);
        line-height: 1;
    }
    .team-card {
        padding: 30px 20px;
    }
    .team-grid {
        gap: 20px;
    }
    .our-story .hero-stats {
        margin-top: 15px;
    }
 }
 @media (max-width: 1180px) {
      .leadership-section {
        padding: 60px 28px 70px;
      }
      .team-content p {
        font-size: 14px;
        line-height: 1.52;
    }
      .team-grid {
        grid-template-columns: 1fr;
        max-width: 760px;
        margin: 0 auto;
      }
    .disclosure p {
        font-size: 14px;
        line-height: 1.4;
    }
      .team-card,
      .team-card.reverse {
        grid-template-columns: minmax(260px, 44%) minmax(0, 1fr);
      }

      .team-card.reverse .team-photo {
        order: 2;
      }

      .team-card.reverse .team-content {
        order: 1;
        padding-left: 0;
        padding-right: 32px;
      }

      .team-photo {
        height: 350px;
      }
    }

    @media (max-width: 680px) {
      .leadership-section {
        padding: 48px 16px 55px;
      }

      .leadership-section::before {
        width: 250px;
        height: 250px;
        left: -150px;
        top: -140px;
      }

      .leadership-section::after {
        width: 230px;
        height: 230px;
        right: -130px;
        bottom: -130px;
      }

      .team-section .section-heading {
        margin-bottom: 30px;
      }

      .eyebrow {
        font-size: 14px;
        letter-spacing: 0.27em;
        gap: 13px;
      }



      .section-heading h1 {
        margin-top: 17px;
        font-size: clamp(31px, 9vw, 40px);
      }

     .team-section .section-heading p {
        margin-top: 17px;
        font-size: 15px;
        line-height: 1.6;
      }

      .team-grid {
        gap: 22px;
      }

      .team-card,
      .team-card.reverse {
        display: flex;
        flex-direction: column;
        padding: 16px;
        border-radius: 11px;
      }

      .team-card.reverse .team-photo,
      .team-card.reverse .team-content {
        order: initial;
      }

      .team-photo {
        width: 100%;
        height: min(430px, 100vw);
        min-height: 320px;
      }

      .team-content,
      .team-card.reverse .team-content {
        width: 100%;
        padding: 25px 0px 0px;
      }

      .role {
        margin-bottom: 12px;
        font-size: 10px;
        line-height: 1.48;
      }

      .team-content h2 {
        max-width: none;
        font-size: 25px;
      }

      .name-line {
        margin: 15px 0 17px;
      }

      .team-content p {
        font-size: 15px;
        line-height: 1.58;
      }
      article.team-card:after {
            bottom: 0;
            top:inherit;
        }
        .broker-process__image img {
            height: 300px;
        }
        .about-story__collage {
            gap: 10px;
        }
        .about-story__col {
            gap: 10px;
        }
        .about-hero__image img {
            height: auto;
            min-height:280px;
        }
    }

    @media (max-width: 400px) {
      .team-photo {
        min-height: 280px;
      }

      .team-content h2 {
        font-size: 25px;
      }
      .team-content p {
            font-size: 14px;
            line-height: 1.58;
        }
        .broker-process__image img {
            height: 280px;
        }
        .about-story__col:first-child {
            padding-top: 0px;
        }
    } 
    /* team new sec */