.elementor-3717 .elementor-element.elementor-element-60d4d39{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.58;}.elementor-3717 .elementor-element.elementor-element-60d4d39 .elementor-background-slideshow__slide__image{background-position:bottom left;}.elementor-3717 .elementor-element.elementor-element-60d4d39::before, .elementor-3717 .elementor-element.elementor-element-60d4d39 > .elementor-background-video-container::before, .elementor-3717 .elementor-element.elementor-element-60d4d39 > .e-con-inner > .elementor-background-video-container::before, .elementor-3717 .elementor-element.elementor-element-60d4d39 > .elementor-background-slideshow::before, .elementor-3717 .elementor-element.elementor-element-60d4d39 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3717 .elementor-element.elementor-element-60d4d39 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#3F454B;}.elementor-3717 .elementor-element.elementor-element-60d4d39.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3717 .elementor-element.elementor-element-6bec19b{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3717 .elementor-element.elementor-element-6bec19b.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3717 .elementor-element.elementor-element-a0e406b{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.58;}.elementor-3717 .elementor-element.elementor-element-a0e406b .elementor-background-slideshow__slide__image{background-position:bottom left;}.elementor-3717 .elementor-element.elementor-element-a0e406b::before, .elementor-3717 .elementor-element.elementor-element-a0e406b > .elementor-background-video-container::before, .elementor-3717 .elementor-element.elementor-element-a0e406b > .e-con-inner > .elementor-background-video-container::before, .elementor-3717 .elementor-element.elementor-element-a0e406b > .elementor-background-slideshow::before, .elementor-3717 .elementor-element.elementor-element-a0e406b > .e-con-inner > .elementor-background-slideshow::before, .elementor-3717 .elementor-element.elementor-element-a0e406b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#3F454B;}.elementor-3717 .elementor-element.elementor-element-a0e406b.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3717 .elementor-element.elementor-element-4680f05{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3717 .elementor-element.elementor-element-4680f05.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3717 .elementor-element.elementor-element-01c602d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3717 .elementor-element.elementor-element-513d635{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.58;}.elementor-3717 .elementor-element.elementor-element-513d635 .elementor-background-slideshow__slide__image{background-position:bottom left;}.elementor-3717 .elementor-element.elementor-element-513d635::before, .elementor-3717 .elementor-element.elementor-element-513d635 > .elementor-background-video-container::before, .elementor-3717 .elementor-element.elementor-element-513d635 > .e-con-inner > .elementor-background-video-container::before, .elementor-3717 .elementor-element.elementor-element-513d635 > .elementor-background-slideshow::before, .elementor-3717 .elementor-element.elementor-element-513d635 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3717 .elementor-element.elementor-element-513d635 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#3F454B;}.elementor-3717 .elementor-element.elementor-element-513d635.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3717 .elementor-element.elementor-element-15c58df{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3717 .elementor-element.elementor-element-15c58df.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3717 .elementor-element.elementor-element-6d505c9{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--overlay-opacity:0.58;}.elementor-3717 .elementor-element.elementor-element-6d505c9 .elementor-background-slideshow__slide__image{background-position:bottom left;}.elementor-3717 .elementor-element.elementor-element-6d505c9::before, .elementor-3717 .elementor-element.elementor-element-6d505c9 > .elementor-background-video-container::before, .elementor-3717 .elementor-element.elementor-element-6d505c9 > .e-con-inner > .elementor-background-video-container::before, .elementor-3717 .elementor-element.elementor-element-6d505c9 > .elementor-background-slideshow::before, .elementor-3717 .elementor-element.elementor-element-6d505c9 > .e-con-inner > .elementor-background-slideshow::before, .elementor-3717 .elementor-element.elementor-element-6d505c9 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-color:#3F454B;}.elementor-3717 .elementor-element.elementor-element-6d505c9.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3717 .elementor-element.elementor-element-55c0f25{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-3717 .elementor-element.elementor-element-55c0f25.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3717 .elementor-element.elementor-element-2c4d8c9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3717 .elementor-element.elementor-element-e0bed83{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3717 .elementor-element.elementor-element-f440527{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-3717 .elementor-element.elementor-element-0768ec7{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3717 .elementor-element.elementor-element-0768ec7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3717 .elementor-element.elementor-element-d94dd9c{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:50px 50px;--row-gap:50px;--column-gap:50px;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.elementor-3717 .elementor-element.elementor-element-d94dd9c.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3717 .elementor-element.elementor-element-457a03c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-3717 .elementor-element.elementor-element-518170f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-3717 .elementor-element.elementor-element-518170f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3717 .elementor-element.elementor-element-b7a7078{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:0%;--padding-bottom:0%;--padding-left:6%;--padding-right:6%;}.elementor-3717 .elementor-element.elementor-element-b7a7078.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-field-group{padding-right:calc( 30px/2 );padding-left:calc( 30px/2 );margin-bottom:20px;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-form-fields-wrapper{margin-left:calc( -30px/2 );margin-right:calc( -30px/2 );margin-bottom:-20px;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-field-group > label, .elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-field-subgroup label{color:#324A6D;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-field-group > label{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-field-type-html{padding-bottom:41px;color:#324A6D;font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-field-group .elementor-field{color:#324A6D;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-field-group .elementor-field, .elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-field-subgroup label{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){border-color:#C8D5DC;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-field-group .elementor-select-wrapper select{border-color:#C8D5DC;border-width:1px 1px 1px 1px;border-radius:0px 0px 0px 0px;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-field-group .elementor-select-wrapper::before{color:#C8D5DC;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-button{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;border-style:solid;border-width:1px 1px 1px 1px;border-radius:50px 50px 50px 50px;padding:3% 13% 3% 13%;}.elementor-3717 .elementor-element.elementor-element-01547b8 .e-form__buttons__wrapper__button-next{background-color:#467FF7;color:#FFFFFF;border-color:#467FF7;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-button[type="submit"]{background-color:#467FF7;color:#FFFFFF;border-color:#467FF7;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-button[type="submit"] svg *{fill:#FFFFFF;}.elementor-3717 .elementor-element.elementor-element-01547b8 .e-form__buttons__wrapper__button-previous{background-color:#467FF7;color:#ffffff;}.elementor-3717 .elementor-element.elementor-element-01547b8 .e-form__buttons__wrapper__button-next:hover{background-color:#02010100;color:#467FF7;border-color:#467FF7;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-button[type="submit"]:hover{background-color:#02010100;color:#467FF7;border-color:#467FF7;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-button[type="submit"]:hover svg *{fill:#467FF7;}.elementor-3717 .elementor-element.elementor-element-01547b8 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-message{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:300;text-transform:none;font-style:normal;text-decoration:none;line-height:1.5em;letter-spacing:0px;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-message.elementor-message-success{color:#467FF7;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-message.elementor-message-danger{color:#324A6D;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-message.elementor-help-inline{color:#324A6D;}.elementor-3717 .elementor-element.elementor-element-01547b8 .e-form__indicators__indicator, .elementor-3717 .elementor-element.elementor-element-01547b8 .e-form__indicators__indicator__label{font-family:"Poppins", Sans-serif;font-size:16px;font-weight:500;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1em;letter-spacing:0px;}.elementor-3717 .elementor-element.elementor-element-01547b8{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-primary-color:#324A6D;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-primary-color:#467FF7;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-primary-color:#467FF7;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;width:var( --container-widget-width, 112.854% );max-width:112.854%;--container-widget-width:112.854%;--container-widget-flex-grow:0;border-radius:5px 5px 5px 5px;}.elementor-3717 .elementor-element.elementor-element-01547b8.elementor-element{--flex-grow:0;--flex-shrink:0;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-3717 .elementor-element.elementor-element-f440527{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-3717 .elementor-element.elementor-element-d94dd9c{--gap:30px 30px;--row-gap:30px;--column-gap:30px;--margin-top:8%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:35%;}.elementor-3717 .elementor-element.elementor-element-d94dd9c.e-con{--order:99999 /* order end hack */;}.elementor-3717 .elementor-element.elementor-element-457a03c{width:var( --container-widget-width, 637.707px );max-width:637.707px;--container-widget-width:637.707px;--container-widget-flex-grow:0;}.elementor-3717 .elementor-element.elementor-element-b7a7078{--margin-top:20px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-field-group > label{font-size:14px;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-field-type-html{font-size:14px;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-field-group .elementor-field, .elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-field-subgroup label{font-size:14px;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-button{font-size:14px;}.elementor-3717 .elementor-element.elementor-element-01547b8 .elementor-message{font-size:14px;}.elementor-3717 .elementor-element.elementor-element-01547b8 .e-form__indicators__indicator, .elementor-3717 .elementor-element.elementor-element-01547b8 .e-form__indicators__indicator__label{font-size:14px;}}@media(max-width:767px){.elementor-3717 .elementor-element.elementor-element-d94dd9c{--margin-top:25%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}}@media(min-width:768px){.elementor-3717 .elementor-element.elementor-element-01c602d{--content-width:100vw;}.elementor-3717 .elementor-element.elementor-element-2c4d8c9{--content-width:100vw;}.elementor-3717 .elementor-element.elementor-element-e0bed83{--content-width:100vw;}.elementor-3717 .elementor-element.elementor-element-f440527{--content-width:1200px;}.elementor-3717 .elementor-element.elementor-element-0768ec7{--width:54.279%;}.elementor-3717 .elementor-element.elementor-element-d94dd9c{--width:99.97%;}.elementor-3717 .elementor-element.elementor-element-518170f{--width:50%;}.elementor-3717 .elementor-element.elementor-element-b7a7078{--width:88.5%;}}@media(max-width:1024px) and (min-width:768px){.elementor-3717 .elementor-element.elementor-element-0768ec7{--width:615.136px;}.elementor-3717 .elementor-element.elementor-element-d94dd9c{--width:158.059%;}.elementor-3717 .elementor-element.elementor-element-518170f{--width:500.273px;}.elementor-3717 .elementor-element.elementor-element-b7a7078{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-6bec19b *//* ==========================================================
   SUNRICH FLOW
   HOME HERO
========================================================== */

.sr-home-hero {

    --sr-white: #f5f5f5;
    --sr-navy: #071744;

    /* 铜金色 */
    --sr-brass: #c28b4b;

    /* CTA 橙色 */
    --sr-orange: #f36b16;

    --sr-light: #d8dee8;

    position: relative;

    isolation: isolate;

    width: 100%;
    min-height: 570px;

    display: flex;
    align-items: center;

    margin: 0;
    padding: 0;

    overflow: hidden;

    box-sizing: border-box;

    /* ======================================================
       BACKGROUND IMAGE
    ====================================================== */

    background-image:
        url("https://sunrichmro.com/wp-content/uploads/2026/08/Brass-Valve-Supply-Partner-1.png");

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    background-color: #081426;
}


/* ==========================================================
   RESET
========================================================== */

.sr-home-hero *,
.sr-home-hero *::before,
.sr-home-hero *::after {
    box-sizing: border-box;
}


/* ==========================================================
   DARK OVERLAY
========================================================== */

.sr-home-hero__overlay {

    position: absolute;

    inset: 0;

    z-index: 0;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(3, 11, 25, 0.90) 0%,
            rgba(3, 11, 25, 0.84) 30%,
            rgba(3, 11, 25, 0.68) 50%,
            rgba(3, 11, 25, 0.36) 72%,
            rgba(3, 11, 25, 0.12) 100%
        );
}


/* ==========================================================
   INNER
   调整桌面端左侧距离
========================================================== */

.sr-home-hero__inner {

    position: relative;

    z-index: 1;

    width: 100%;

    /*
     * 桌面端：
     * 1440px 屏幕大约 86px
     * 1920px 屏幕大约 115px
     */
    padding:
        68px
        clamp(72px, 6vw, 120px);
}


/* ==========================================================
   CONTENT
========================================================== */

.sr-home-hero__content {

    width: 100%;

    max-width: 720px;

    margin: 0;

    padding: 0;
}


/* ==========================================================
   EYEBROW
========================================================== */

.sr-home-hero__eyebrow {

    position: relative;

    display: inline-block;

    margin: 0 0 18px;

    padding-left: 34px;

    color: var(--sr-brass);

    font-size: 12px;

    line-height: 1.4;

    font-weight: 700;

    letter-spacing: 1.2px;

    text-transform: uppercase;
}


.sr-home-hero__eyebrow::before {

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    width: 24px;

    height: 2px;

    transform: translateY(-50%);

    background: var(--sr-brass);
}


/* ==========================================================
   H1
========================================================== */

.sr-home-hero__title {

    width: 100%;

    margin: 0;

    padding: 0;

    color: var(--sr-white);

    font-size:
        clamp(42px, 4.2vw, 58px);

    line-height: 1.05;

    font-weight: 700;

    letter-spacing: -1.2px;
}


.sr-home-hero__title span {

    display: block;

    margin-top: 5px;

    color: var(--sr-white);
}


/* ==========================================================
   DESCRIPTION
========================================================== */

.sr-home-hero__desc {

    width: 100%;

    max-width: 680px;

    margin: 23px 0 0;

    padding: 0;

    color: var(--sr-light);

    font-size: 15.5px;

    line-height: 1.7;

    font-weight: 400;
}


/* ==========================================================
   FEATURES
========================================================== */

.sr-home-hero__features {

    width: 100%;

    margin-top: 30px;

    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 14px;
}


/* ==========================================================
   FEATURE
========================================================== */

.sr-home-hero__feature {

    min-width: 0;

    text-align: center;
}


/* ==========================================================
   FEATURE ICON
========================================================== */

.sr-home-hero__feature-icon {

    width: 50px;

    height: 50px;

    margin:
        0
        auto
        9px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid rgba(255,255,255,0.30);

    border-radius: 50%;

    background:
        rgba(255,255,255,0.035);

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease;
}


/* ==========================================================
   SVG
========================================================== */

.sr-home-hero__feature-icon svg {

    width: 22px;

    height: 22px;

    fill: none;

    stroke: #dce3ec;

    stroke-width: 1.7;

    stroke-linecap: round;

    stroke-linejoin: round;

    transition:
        stroke 0.2s ease;
}


/* ==========================================================
   FEATURE HOVER
========================================================== */

.sr-home-hero__feature:hover
.sr-home-hero__feature-icon {

    transform: translateY(-2px);

    border-color:
        rgba(194,139,75,0.80);

    background:
        rgba(194,139,75,0.09);
}


.sr-home-hero__feature:hover
.sr-home-hero__feature-icon svg {

    stroke:
        var(--sr-brass);
}


/* ==========================================================
   FEATURE TEXT
========================================================== */

.sr-home-hero__feature-text {

    color:
        rgba(255,255,255,0.92);

    font-size: 11px;

    line-height: 1.28;

    font-weight: 600;
}


.sr-home-hero__feature-text span {

    display: block;
}


/* ==========================================================
   BUTTONS
========================================================== */

.sr-home-hero__buttons {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 30px;
}


/* ==========================================================
   BUTTON BASE
========================================================== */

.sr-home-hero__btn,
.sr-home-hero__btn:visited {

    min-width: 180px;

    height: 48px;

    padding:
        0
        22px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 4px;

    font-size: 12px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 0.15px;

    text-decoration: none !important;

    transition:
        transform 0.2s ease,
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}


/* ==========================================================
   PRIMARY BUTTON
========================================================== */

.sr-home-hero__btn--primary,
.sr-home-hero__btn--primary:visited {

    color:
        #ffffff !important;

    background:
        var(--sr-orange);

    border:
        1px solid var(--sr-orange);
}


.sr-home-hero__btn--primary:hover {

    color:
        #ffffff !important;

    background:
        #dc5f13;

    border-color:
        #dc5f13;

    transform:
        translateY(-2px);
}


/* ==========================================================
   SECONDARY BUTTON
========================================================== */

.sr-home-hero__btn--outline,
.sr-home-hero__btn--outline:visited {

    color:
        #ffffff !important;

    background:
        rgba(255,255,255,0.02);

    border:
        1px solid rgba(255,255,255,0.58);
}


.sr-home-hero__btn--outline:hover {

    color:
        var(--sr-navy) !important;

    background:
        #ffffff;

    border-color:
        #ffffff;

    transform:
        translateY(-2px);
}


/* ==========================================================
   LAPTOP
========================================================== */

@media (max-width: 1100px) {

    .sr-home-hero {

        min-height: 540px;

        background-position:
            center center;
    }


    .sr-home-hero__inner {

        padding:
            62px
            52px;
    }


    .sr-home-hero__content {

        max-width: 650px;
    }


    .sr-home-hero__title {

        font-size:
            clamp(39px, 4.1vw, 50px);
    }


    .sr-home-hero__features {

        gap: 10px;
    }


    .sr-home-hero__feature-icon {

        width: 47px;

        height: 47px;
    }

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 850px) {

    .sr-home-hero {

        background-position:
            58% center;
    }


    .sr-home-hero__inner {

        padding:
            58px
            28px;
    }


    .sr-home-hero__content {

        max-width: 620px;
    }


    .sr-home-hero__overlay {

        background:
            linear-gradient(
                90deg,
                rgba(3,11,25,0.93) 0%,
                rgba(3,11,25,0.84) 58%,
                rgba(3,11,25,0.52) 100%
            );
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 600px) {

    .sr-home-hero {

        min-height: auto;

        background-position:
            62% center;
    }


    .sr-home-hero__overlay {

        background:
            rgba(3,11,25,0.80);
    }


    .sr-home-hero__inner {

        padding:
            48px
            18px;
    }


    /* EYEBROW */

    .sr-home-hero__eyebrow {

        margin-bottom: 14px;

        padding-left: 27px;

        font-size: 9px;

        letter-spacing: 1px;
    }


    .sr-home-hero__eyebrow::before {

        width: 18px;
    }


    /* TITLE */

    .sr-home-hero__title {

        font-size: 35px;

        line-height: 1.08;

        letter-spacing: -0.7px;
    }


    .sr-home-hero__title span {

        margin-top: 4px;
    }


    /* DESCRIPTION */

    .sr-home-hero__desc {

        margin-top: 18px;

        font-size: 13px;

        line-height: 1.62;
    }


    /* FEATURES */

    .sr-home-hero__features {

        grid-template-columns:
            repeat(5, minmax(0,1fr));

        gap: 5px;

        margin-top: 24px;
    }


    .sr-home-hero__feature-icon {

        width: 39px;

        height: 39px;

        margin-bottom: 7px;
    }


    .sr-home-hero__feature-icon svg {

        width: 18px;

        height: 18px;
    }


    .sr-home-hero__feature-text {

        font-size: 8px;

        line-height: 1.25;
    }


    /* BUTTONS */

    .sr-home-hero__buttons {

        gap: 8px;

        margin-top: 24px;
    }


    .sr-home-hero__btn,
    .sr-home-hero__btn:visited {

        flex: 1;

        min-width: 0;

        height: 44px;

        padding:
            0
            10px;

        font-size: 10px;
    }

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 390px) {

    .sr-home-hero__title {

        font-size: 31px;
    }


    .sr-home-hero__features {

        gap: 3px;
    }


    .sr-home-hero__feature-icon {

        width: 35px;

        height: 35px;
    }


    .sr-home-hero__feature-icon svg {

        width: 16px;

        height: 16px;
    }


    .sr-home-hero__feature-text {

        font-size: 7.2px;
    }

}


/* ==========================================================
   REDUCED MOTION
========================================================== */

@media (prefers-reduced-motion: reduce) {

    .sr-home-hero__feature-icon,
    .sr-home-hero__feature-icon svg,
    .sr-home-hero__btn {

        transition: none;
    }


    .sr-home-hero__feature:hover
    .sr-home-hero__feature-icon,

    .sr-home-hero__btn:hover {

        transform: none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4680f05 *//* ==========================================================
   SUNRICH FLOW
   HOME HERO
========================================================== */

.sr-home-hero {

    --sr-white: #f5f5f5;
    --sr-navy: #071744;

    /* 铜金色 */
    --sr-brass: #c28b4b;

    /* CTA 橙色 */
    --sr-orange: #f36b16;

    --sr-light: #d8dee8;

    position: relative;

    isolation: isolate;

    width: 100%;
    min-height: 570px;

    display: flex;
    align-items: center;

    margin: 0;
    padding: 0;

    overflow: hidden;

    box-sizing: border-box;

    /* ======================================================
       BACKGROUND IMAGE
    ====================================================== */

    background-image:
        url("https://sunrichmro.com/wp-content/uploads/2026/08/Brass-Valve-Supply-Partner-1.png");

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    background-color: #081426;
}


/* ==========================================================
   RESET
========================================================== */

.sr-home-hero *,
.sr-home-hero *::before,
.sr-home-hero *::after {
    box-sizing: border-box;
}


/* ==========================================================
   DARK OVERLAY
========================================================== */

.sr-home-hero__overlay {

    position: absolute;

    inset: 0;

    z-index: 0;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(3, 11, 25, 0.90) 0%,
            rgba(3, 11, 25, 0.84) 30%,
            rgba(3, 11, 25, 0.68) 50%,
            rgba(3, 11, 25, 0.36) 72%,
            rgba(3, 11, 25, 0.12) 100%
        );
}


/* ==========================================================
   INNER
   调整桌面端左侧距离
========================================================== */

.sr-home-hero__inner {

    position: relative;

    z-index: 1;

    width: 100%;

    /*
     * 桌面端：
     * 1440px 屏幕大约 86px
     * 1920px 屏幕大约 115px
     */
    padding:
        68px
        clamp(72px, 6vw, 120px);
}


/* ==========================================================
   CONTENT
========================================================== */

.sr-home-hero__content {

    width: 100%;

    max-width: 720px;

    margin: 0;

    padding: 0;
}


/* ==========================================================
   EYEBROW
========================================================== */

.sr-home-hero__eyebrow {

    position: relative;

    display: inline-block;

    margin: 0 0 18px;

    padding-left: 34px;

    color: var(--sr-brass);

    font-size: 12px;

    line-height: 1.4;

    font-weight: 700;

    letter-spacing: 1.2px;

    text-transform: uppercase;
}


.sr-home-hero__eyebrow::before {

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    width: 24px;

    height: 2px;

    transform: translateY(-50%);

    background: var(--sr-brass);
}


/* ==========================================================
   H1
========================================================== */

.sr-home-hero__title {

    width: 100%;

    margin: 0;

    padding: 0;

    color: var(--sr-white);

    font-size:
        clamp(42px, 4.2vw, 58px);

    line-height: 1.05;

    font-weight: 700;

    letter-spacing: -1.2px;
}


.sr-home-hero__title span {

    display: block;

    margin-top: 5px;

    color: var(--sr-white);
}


/* ==========================================================
   DESCRIPTION
========================================================== */

.sr-home-hero__desc {

    width: 100%;

    max-width: 680px;

    margin: 23px 0 0;

    padding: 0;

    color: var(--sr-light);

    font-size: 15.5px;

    line-height: 1.7;

    font-weight: 400;
}


/* ==========================================================
   FEATURES
========================================================== */

.sr-home-hero__features {

    width: 100%;

    margin-top: 30px;

    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 14px;
}


/* ==========================================================
   FEATURE
========================================================== */

.sr-home-hero__feature {

    min-width: 0;

    text-align: center;
}


/* ==========================================================
   FEATURE ICON
========================================================== */

.sr-home-hero__feature-icon {

    width: 50px;

    height: 50px;

    margin:
        0
        auto
        9px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid rgba(255,255,255,0.30);

    border-radius: 50%;

    background:
        rgba(255,255,255,0.035);

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease;
}


/* ==========================================================
   SVG
========================================================== */

.sr-home-hero__feature-icon svg {

    width: 22px;

    height: 22px;

    fill: none;

    stroke: #dce3ec;

    stroke-width: 1.7;

    stroke-linecap: round;

    stroke-linejoin: round;

    transition:
        stroke 0.2s ease;
}


/* ==========================================================
   FEATURE HOVER
========================================================== */

.sr-home-hero__feature:hover
.sr-home-hero__feature-icon {

    transform: translateY(-2px);

    border-color:
        rgba(194,139,75,0.80);

    background:
        rgba(194,139,75,0.09);
}


.sr-home-hero__feature:hover
.sr-home-hero__feature-icon svg {

    stroke:
        var(--sr-brass);
}


/* ==========================================================
   FEATURE TEXT
========================================================== */

.sr-home-hero__feature-text {

    color:
        rgba(255,255,255,0.92);

    font-size: 11px;

    line-height: 1.28;

    font-weight: 600;
}


.sr-home-hero__feature-text span {

    display: block;
}


/* ==========================================================
   BUTTONS
========================================================== */

.sr-home-hero__buttons {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 30px;
}


/* ==========================================================
   BUTTON BASE
========================================================== */

.sr-home-hero__btn,
.sr-home-hero__btn:visited {

    min-width: 180px;

    height: 48px;

    padding:
        0
        22px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 4px;

    font-size: 12px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 0.15px;

    text-decoration: none !important;

    transition:
        transform 0.2s ease,
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}


/* ==========================================================
   PRIMARY BUTTON
========================================================== */

.sr-home-hero__btn--primary,
.sr-home-hero__btn--primary:visited {

    color:
        #ffffff !important;

    background:
        var(--sr-orange);

    border:
        1px solid var(--sr-orange);
}


.sr-home-hero__btn--primary:hover {

    color:
        #ffffff !important;

    background:
        #dc5f13;

    border-color:
        #dc5f13;

    transform:
        translateY(-2px);
}


/* ==========================================================
   SECONDARY BUTTON
========================================================== */

.sr-home-hero__btn--outline,
.sr-home-hero__btn--outline:visited {

    color:
        #ffffff !important;

    background:
        rgba(255,255,255,0.02);

    border:
        1px solid rgba(255,255,255,0.58);
}


.sr-home-hero__btn--outline:hover {

    color:
        var(--sr-navy) !important;

    background:
        #ffffff;

    border-color:
        #ffffff;

    transform:
        translateY(-2px);
}


/* ==========================================================
   LAPTOP
========================================================== */

@media (max-width: 1100px) {

    .sr-home-hero {

        min-height: 540px;

        background-position:
            center center;
    }


    .sr-home-hero__inner {

        padding:
            62px
            52px;
    }


    .sr-home-hero__content {

        max-width: 650px;
    }


    .sr-home-hero__title {

        font-size:
            clamp(39px, 4.1vw, 50px);
    }


    .sr-home-hero__features {

        gap: 10px;
    }


    .sr-home-hero__feature-icon {

        width: 47px;

        height: 47px;
    }

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 850px) {

    .sr-home-hero {

        background-position:
            58% center;
    }


    .sr-home-hero__inner {

        padding:
            58px
            28px;
    }


    .sr-home-hero__content {

        max-width: 620px;
    }


    .sr-home-hero__overlay {

        background:
            linear-gradient(
                90deg,
                rgba(3,11,25,0.93) 0%,
                rgba(3,11,25,0.84) 58%,
                rgba(3,11,25,0.52) 100%
            );
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 600px) {

    .sr-home-hero {

        min-height: auto;

        background-position:
            62% center;
    }


    .sr-home-hero__overlay {

        background:
            rgba(3,11,25,0.80);
    }


    .sr-home-hero__inner {

        padding:
            48px
            18px;
    }


    /* EYEBROW */

    .sr-home-hero__eyebrow {

        margin-bottom: 14px;

        padding-left: 27px;

        font-size: 9px;

        letter-spacing: 1px;
    }


    .sr-home-hero__eyebrow::before {

        width: 18px;
    }


    /* TITLE */

    .sr-home-hero__title {

        font-size: 35px;

        line-height: 1.08;

        letter-spacing: -0.7px;
    }


    .sr-home-hero__title span {

        margin-top: 4px;
    }


    /* DESCRIPTION */

    .sr-home-hero__desc {

        margin-top: 18px;

        font-size: 13px;

        line-height: 1.62;
    }


    /* FEATURES */

    .sr-home-hero__features {

        grid-template-columns:
            repeat(5, minmax(0,1fr));

        gap: 5px;

        margin-top: 24px;
    }


    .sr-home-hero__feature-icon {

        width: 39px;

        height: 39px;

        margin-bottom: 7px;
    }


    .sr-home-hero__feature-icon svg {

        width: 18px;

        height: 18px;
    }


    .sr-home-hero__feature-text {

        font-size: 8px;

        line-height: 1.25;
    }


    /* BUTTONS */

    .sr-home-hero__buttons {

        gap: 8px;

        margin-top: 24px;
    }


    .sr-home-hero__btn,
    .sr-home-hero__btn:visited {

        flex: 1;

        min-width: 0;

        height: 44px;

        padding:
            0
            10px;

        font-size: 10px;
    }

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 390px) {

    .sr-home-hero__title {

        font-size: 31px;
    }


    .sr-home-hero__features {

        gap: 3px;
    }


    .sr-home-hero__feature-icon {

        width: 35px;

        height: 35px;
    }


    .sr-home-hero__feature-icon svg {

        width: 16px;

        height: 16px;
    }


    .sr-home-hero__feature-text {

        font-size: 7.2px;
    }

}


/* ==========================================================
   REDUCED MOTION
========================================================== */

@media (prefers-reduced-motion: reduce) {

    .sr-home-hero__feature-icon,
    .sr-home-hero__feature-icon svg,
    .sr-home-hero__btn {

        transition: none;
    }


    .sr-home-hero__feature:hover
    .sr-home-hero__feature-icon,

    .sr-home-hero__btn:hover {

        transform: none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-15c58df *//* ==========================================================
   SUNRICH FLOW
   HOME HERO
========================================================== */

.sr-home-hero {

    --sr-white: #f5f5f5;
    --sr-navy: #071744;

    /* 铜金色 */
    --sr-brass: #c28b4b;

    /* CTA 橙色 */
    --sr-orange: #f36b16;

    --sr-light: #d8dee8;

    position: relative;

    isolation: isolate;

    width: 100%;
    min-height: 570px;

    display: flex;
    align-items: center;

    margin: 0;
    padding: 0;

    overflow: hidden;

    box-sizing: border-box;

    /* ======================================================
       BACKGROUND IMAGE
    ====================================================== */

    background-image:
        url("https://sunrichmro.com/wp-content/uploads/2026/08/Brass-Valve-Supply-Partner-1.png");

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    background-color: #081426;
}


/* ==========================================================
   RESET
========================================================== */

.sr-home-hero *,
.sr-home-hero *::before,
.sr-home-hero *::after {
    box-sizing: border-box;
}


/* ==========================================================
   DARK OVERLAY
========================================================== */

.sr-home-hero__overlay {

    position: absolute;

    inset: 0;

    z-index: 0;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(3, 11, 25, 0.90) 0%,
            rgba(3, 11, 25, 0.84) 30%,
            rgba(3, 11, 25, 0.68) 50%,
            rgba(3, 11, 25, 0.36) 72%,
            rgba(3, 11, 25, 0.12) 100%
        );
}


/* ==========================================================
   INNER
   调整桌面端左侧距离
========================================================== */

.sr-home-hero__inner {

    position: relative;

    z-index: 1;

    width: 100%;

    /*
     * 桌面端：
     * 1440px 屏幕大约 86px
     * 1920px 屏幕大约 115px
     */
    padding:
        68px
        clamp(72px, 6vw, 120px);
}


/* ==========================================================
   CONTENT
========================================================== */

.sr-home-hero__content {

    width: 100%;

    max-width: 720px;

    margin: 0;

    padding: 0;
}


/* ==========================================================
   EYEBROW
========================================================== */

.sr-home-hero__eyebrow {

    position: relative;

    display: inline-block;

    margin: 0 0 18px;

    padding-left: 34px;

    color: var(--sr-brass);

    font-size: 12px;

    line-height: 1.4;

    font-weight: 700;

    letter-spacing: 1.2px;

    text-transform: uppercase;
}


.sr-home-hero__eyebrow::before {

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    width: 24px;

    height: 2px;

    transform: translateY(-50%);

    background: var(--sr-brass);
}


/* ==========================================================
   H1
========================================================== */

.sr-home-hero__title {

    width: 100%;

    margin: 0;

    padding: 0;

    color: var(--sr-white);

    font-size:
        clamp(42px, 4.2vw, 58px);

    line-height: 1.05;

    font-weight: 700;

    letter-spacing: -1.2px;
}


.sr-home-hero__title span {

    display: block;

    margin-top: 5px;

    color: var(--sr-white);
}


/* ==========================================================
   DESCRIPTION
========================================================== */

.sr-home-hero__desc {

    width: 100%;

    max-width: 680px;

    margin: 23px 0 0;

    padding: 0;

    color: var(--sr-light);

    font-size: 15.5px;

    line-height: 1.7;

    font-weight: 400;
}


/* ==========================================================
   FEATURES
========================================================== */

.sr-home-hero__features {

    width: 100%;

    margin-top: 30px;

    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 14px;
}


/* ==========================================================
   FEATURE
========================================================== */

.sr-home-hero__feature {

    min-width: 0;

    text-align: center;
}


/* ==========================================================
   FEATURE ICON
========================================================== */

.sr-home-hero__feature-icon {

    width: 50px;

    height: 50px;

    margin:
        0
        auto
        9px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid rgba(255,255,255,0.30);

    border-radius: 50%;

    background:
        rgba(255,255,255,0.035);

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease;
}


/* ==========================================================
   SVG
========================================================== */

.sr-home-hero__feature-icon svg {

    width: 22px;

    height: 22px;

    fill: none;

    stroke: #dce3ec;

    stroke-width: 1.7;

    stroke-linecap: round;

    stroke-linejoin: round;

    transition:
        stroke 0.2s ease;
}


/* ==========================================================
   FEATURE HOVER
========================================================== */

.sr-home-hero__feature:hover
.sr-home-hero__feature-icon {

    transform: translateY(-2px);

    border-color:
        rgba(194,139,75,0.80);

    background:
        rgba(194,139,75,0.09);
}


.sr-home-hero__feature:hover
.sr-home-hero__feature-icon svg {

    stroke:
        var(--sr-brass);
}


/* ==========================================================
   FEATURE TEXT
========================================================== */

.sr-home-hero__feature-text {

    color:
        rgba(255,255,255,0.92);

    font-size: 11px;

    line-height: 1.28;

    font-weight: 600;
}


.sr-home-hero__feature-text span {

    display: block;
}


/* ==========================================================
   BUTTONS
========================================================== */

.sr-home-hero__buttons {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 30px;
}


/* ==========================================================
   BUTTON BASE
========================================================== */

.sr-home-hero__btn,
.sr-home-hero__btn:visited {

    min-width: 180px;

    height: 48px;

    padding:
        0
        22px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 4px;

    font-size: 12px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 0.15px;

    text-decoration: none !important;

    transition:
        transform 0.2s ease,
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}


/* ==========================================================
   PRIMARY BUTTON
========================================================== */

.sr-home-hero__btn--primary,
.sr-home-hero__btn--primary:visited {

    color:
        #ffffff !important;

    background:
        var(--sr-orange);

    border:
        1px solid var(--sr-orange);
}


.sr-home-hero__btn--primary:hover {

    color:
        #ffffff !important;

    background:
        #dc5f13;

    border-color:
        #dc5f13;

    transform:
        translateY(-2px);
}


/* ==========================================================
   SECONDARY BUTTON
========================================================== */

.sr-home-hero__btn--outline,
.sr-home-hero__btn--outline:visited {

    color:
        #ffffff !important;

    background:
        rgba(255,255,255,0.02);

    border:
        1px solid rgba(255,255,255,0.58);
}


.sr-home-hero__btn--outline:hover {

    color:
        var(--sr-navy) !important;

    background:
        #ffffff;

    border-color:
        #ffffff;

    transform:
        translateY(-2px);
}


/* ==========================================================
   LAPTOP
========================================================== */

@media (max-width: 1100px) {

    .sr-home-hero {

        min-height: 540px;

        background-position:
            center center;
    }


    .sr-home-hero__inner {

        padding:
            62px
            52px;
    }


    .sr-home-hero__content {

        max-width: 650px;
    }


    .sr-home-hero__title {

        font-size:
            clamp(39px, 4.1vw, 50px);
    }


    .sr-home-hero__features {

        gap: 10px;
    }


    .sr-home-hero__feature-icon {

        width: 47px;

        height: 47px;
    }

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 850px) {

    .sr-home-hero {

        background-position:
            58% center;
    }


    .sr-home-hero__inner {

        padding:
            58px
            28px;
    }


    .sr-home-hero__content {

        max-width: 620px;
    }


    .sr-home-hero__overlay {

        background:
            linear-gradient(
                90deg,
                rgba(3,11,25,0.93) 0%,
                rgba(3,11,25,0.84) 58%,
                rgba(3,11,25,0.52) 100%
            );
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 600px) {

    .sr-home-hero {

        min-height: auto;

        background-position:
            62% center;
    }


    .sr-home-hero__overlay {

        background:
            rgba(3,11,25,0.80);
    }


    .sr-home-hero__inner {

        padding:
            48px
            18px;
    }


    /* EYEBROW */

    .sr-home-hero__eyebrow {

        margin-bottom: 14px;

        padding-left: 27px;

        font-size: 9px;

        letter-spacing: 1px;
    }


    .sr-home-hero__eyebrow::before {

        width: 18px;
    }


    /* TITLE */

    .sr-home-hero__title {

        font-size: 35px;

        line-height: 1.08;

        letter-spacing: -0.7px;
    }


    .sr-home-hero__title span {

        margin-top: 4px;
    }


    /* DESCRIPTION */

    .sr-home-hero__desc {

        margin-top: 18px;

        font-size: 13px;

        line-height: 1.62;
    }


    /* FEATURES */

    .sr-home-hero__features {

        grid-template-columns:
            repeat(5, minmax(0,1fr));

        gap: 5px;

        margin-top: 24px;
    }


    .sr-home-hero__feature-icon {

        width: 39px;

        height: 39px;

        margin-bottom: 7px;
    }


    .sr-home-hero__feature-icon svg {

        width: 18px;

        height: 18px;
    }


    .sr-home-hero__feature-text {

        font-size: 8px;

        line-height: 1.25;
    }


    /* BUTTONS */

    .sr-home-hero__buttons {

        gap: 8px;

        margin-top: 24px;
    }


    .sr-home-hero__btn,
    .sr-home-hero__btn:visited {

        flex: 1;

        min-width: 0;

        height: 44px;

        padding:
            0
            10px;

        font-size: 10px;
    }

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 390px) {

    .sr-home-hero__title {

        font-size: 31px;
    }


    .sr-home-hero__features {

        gap: 3px;
    }


    .sr-home-hero__feature-icon {

        width: 35px;

        height: 35px;
    }


    .sr-home-hero__feature-icon svg {

        width: 16px;

        height: 16px;
    }


    .sr-home-hero__feature-text {

        font-size: 7.2px;
    }

}


/* ==========================================================
   REDUCED MOTION
========================================================== */

@media (prefers-reduced-motion: reduce) {

    .sr-home-hero__feature-icon,
    .sr-home-hero__feature-icon svg,
    .sr-home-hero__btn {

        transition: none;
    }


    .sr-home-hero__feature:hover
    .sr-home-hero__feature-icon,

    .sr-home-hero__btn:hover {

        transform: none;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-55c0f25 *//* ==========================================================
   SUNRICH FLOW
   HOME HERO
========================================================== */

.sr-home-hero {

    --sr-white: #f5f5f5;
    --sr-navy: #071744;

    /* 铜金色 */
    --sr-brass: #c28b4b;

    /* CTA 橙色 */
    --sr-orange: #f36b16;

    --sr-light: #d8dee8;

    position: relative;

    isolation: isolate;

    width: 100%;
    min-height: 570px;

    display: flex;
    align-items: center;

    margin: 0;
    padding: 0;

    overflow: hidden;

    box-sizing: border-box;

    /* ======================================================
       BACKGROUND IMAGE
    ====================================================== */

    background-image:
        url("https://sunrichmro.com/wp-content/uploads/2026/08/Brass-Valve-Supply-Partner-1.png");

    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

    background-color: #081426;
}


/* ==========================================================
   RESET
========================================================== */

.sr-home-hero *,
.sr-home-hero *::before,
.sr-home-hero *::after {
    box-sizing: border-box;
}


/* ==========================================================
   DARK OVERLAY
========================================================== */

.sr-home-hero__overlay {

    position: absolute;

    inset: 0;

    z-index: 0;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(3, 11, 25, 0.90) 0%,
            rgba(3, 11, 25, 0.84) 30%,
            rgba(3, 11, 25, 0.68) 50%,
            rgba(3, 11, 25, 0.36) 72%,
            rgba(3, 11, 25, 0.12) 100%
        );
}


/* ==========================================================
   INNER
   调整桌面端左侧距离
========================================================== */

.sr-home-hero__inner {

    position: relative;

    z-index: 1;

    width: 100%;

    /*
     * 桌面端：
     * 1440px 屏幕大约 86px
     * 1920px 屏幕大约 115px
     */
    padding:
        68px
        clamp(72px, 6vw, 120px);
}


/* ==========================================================
   CONTENT
========================================================== */

.sr-home-hero__content {

    width: 100%;

    max-width: 720px;

    margin: 0;

    padding: 0;
}


/* ==========================================================
   EYEBROW
========================================================== */

.sr-home-hero__eyebrow {

    position: relative;

    display: inline-block;

    margin: 0 0 18px;

    padding-left: 34px;

    color: var(--sr-brass);

    font-size: 12px;

    line-height: 1.4;

    font-weight: 700;

    letter-spacing: 1.2px;

    text-transform: uppercase;
}


.sr-home-hero__eyebrow::before {

    content: "";

    position: absolute;

    left: 0;

    top: 50%;

    width: 24px;

    height: 2px;

    transform: translateY(-50%);

    background: var(--sr-brass);
}


/* ==========================================================
   H1
========================================================== */

.sr-home-hero__title {

    width: 100%;

    margin: 0;

    padding: 0;

    color: var(--sr-white);

    font-size:
        clamp(42px, 4.2vw, 58px);

    line-height: 1.05;

    font-weight: 700;

    letter-spacing: -1.2px;
}


.sr-home-hero__title span {

    display: block;

    margin-top: 5px;

    color: var(--sr-white);
}


/* ==========================================================
   DESCRIPTION
========================================================== */

.sr-home-hero__desc {

    width: 100%;

    max-width: 680px;

    margin: 23px 0 0;

    padding: 0;

    color: var(--sr-light);

    font-size: 15.5px;

    line-height: 1.7;

    font-weight: 400;
}


/* ==========================================================
   FEATURES
========================================================== */

.sr-home-hero__features {

    width: 100%;

    margin-top: 30px;

    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    gap: 14px;
}


/* ==========================================================
   FEATURE
========================================================== */

.sr-home-hero__feature {

    min-width: 0;

    text-align: center;
}


/* ==========================================================
   FEATURE ICON
========================================================== */

.sr-home-hero__feature-icon {

    width: 50px;

    height: 50px;

    margin:
        0
        auto
        9px;

    display: flex;

    align-items: center;

    justify-content: center;

    border:
        1px solid rgba(255,255,255,0.30);

    border-radius: 50%;

    background:
        rgba(255,255,255,0.035);

    transition:
        transform 0.2s ease,
        border-color 0.2s ease,
        background-color 0.2s ease;
}


/* ==========================================================
   SVG
========================================================== */

.sr-home-hero__feature-icon svg {

    width: 22px;

    height: 22px;

    fill: none;

    stroke: #dce3ec;

    stroke-width: 1.7;

    stroke-linecap: round;

    stroke-linejoin: round;

    transition:
        stroke 0.2s ease;
}


/* ==========================================================
   FEATURE HOVER
========================================================== */

.sr-home-hero__feature:hover
.sr-home-hero__feature-icon {

    transform: translateY(-2px);

    border-color:
        rgba(194,139,75,0.80);

    background:
        rgba(194,139,75,0.09);
}


.sr-home-hero__feature:hover
.sr-home-hero__feature-icon svg {

    stroke:
        var(--sr-brass);
}


/* ==========================================================
   FEATURE TEXT
========================================================== */

.sr-home-hero__feature-text {

    color:
        rgba(255,255,255,0.92);

    font-size: 11px;

    line-height: 1.28;

    font-weight: 600;
}


.sr-home-hero__feature-text span {

    display: block;
}


/* ==========================================================
   BUTTONS
========================================================== */

.sr-home-hero__buttons {

    display: flex;

    flex-wrap: wrap;

    gap: 12px;

    margin-top: 30px;
}


/* ==========================================================
   BUTTON BASE
========================================================== */

.sr-home-hero__btn,
.sr-home-hero__btn:visited {

    min-width: 180px;

    height: 48px;

    padding:
        0
        22px;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    border-radius: 4px;

    font-size: 12px;

    line-height: 1;

    font-weight: 700;

    letter-spacing: 0.15px;

    text-decoration: none !important;

    transition:
        transform 0.2s ease,
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease;
}


/* ==========================================================
   PRIMARY BUTTON
========================================================== */

.sr-home-hero__btn--primary,
.sr-home-hero__btn--primary:visited {

    color:
        #ffffff !important;

    background:
        var(--sr-orange);

    border:
        1px solid var(--sr-orange);
}


.sr-home-hero__btn--primary:hover {

    color:
        #ffffff !important;

    background:
        #dc5f13;

    border-color:
        #dc5f13;

    transform:
        translateY(-2px);
}


/* ==========================================================
   SECONDARY BUTTON
========================================================== */

.sr-home-hero__btn--outline,
.sr-home-hero__btn--outline:visited {

    color:
        #ffffff !important;

    background:
        rgba(255,255,255,0.02);

    border:
        1px solid rgba(255,255,255,0.58);
}


.sr-home-hero__btn--outline:hover {

    color:
        var(--sr-navy) !important;

    background:
        #ffffff;

    border-color:
        #ffffff;

    transform:
        translateY(-2px);
}


/* ==========================================================
   LAPTOP
========================================================== */

@media (max-width: 1100px) {

    .sr-home-hero {

        min-height: 540px;

        background-position:
            center center;
    }


    .sr-home-hero__inner {

        padding:
            62px
            52px;
    }


    .sr-home-hero__content {

        max-width: 650px;
    }


    .sr-home-hero__title {

        font-size:
            clamp(39px, 4.1vw, 50px);
    }


    .sr-home-hero__features {

        gap: 10px;
    }


    .sr-home-hero__feature-icon {

        width: 47px;

        height: 47px;
    }

}


/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 850px) {

    .sr-home-hero {

        background-position:
            58% center;
    }


    .sr-home-hero__inner {

        padding:
            58px
            28px;
    }


    .sr-home-hero__content {

        max-width: 620px;
    }


    .sr-home-hero__overlay {

        background:
            linear-gradient(
                90deg,
                rgba(3,11,25,0.93) 0%,
                rgba(3,11,25,0.84) 58%,
                rgba(3,11,25,0.52) 100%
            );
    }

}


/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 600px) {

    .sr-home-hero {

        min-height: auto;

        background-position:
            62% center;
    }


    .sr-home-hero__overlay {

        background:
            rgba(3,11,25,0.80);
    }


    .sr-home-hero__inner {

        padding:
            48px
            18px;
    }


    /* EYEBROW */

    .sr-home-hero__eyebrow {

        margin-bottom: 14px;

        padding-left: 27px;

        font-size: 9px;

        letter-spacing: 1px;
    }


    .sr-home-hero__eyebrow::before {

        width: 18px;
    }


    /* TITLE */

    .sr-home-hero__title {

        font-size: 35px;

        line-height: 1.08;

        letter-spacing: -0.7px;
    }


    .sr-home-hero__title span {

        margin-top: 4px;
    }


    /* DESCRIPTION */

    .sr-home-hero__desc {

        margin-top: 18px;

        font-size: 13px;

        line-height: 1.62;
    }


    /* FEATURES */

    .sr-home-hero__features {

        grid-template-columns:
            repeat(5, minmax(0,1fr));

        gap: 5px;

        margin-top: 24px;
    }


    .sr-home-hero__feature-icon {

        width: 39px;

        height: 39px;

        margin-bottom: 7px;
    }


    .sr-home-hero__feature-icon svg {

        width: 18px;

        height: 18px;
    }


    .sr-home-hero__feature-text {

        font-size: 8px;

        line-height: 1.25;
    }


    /* BUTTONS */

    .sr-home-hero__buttons {

        gap: 8px;

        margin-top: 24px;
    }


    .sr-home-hero__btn,
    .sr-home-hero__btn:visited {

        flex: 1;

        min-width: 0;

        height: 44px;

        padding:
            0
            10px;

        font-size: 10px;
    }

}


/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 390px) {

    .sr-home-hero__title {

        font-size: 31px;
    }


    .sr-home-hero__features {

        gap: 3px;
    }


    .sr-home-hero__feature-icon {

        width: 35px;

        height: 35px;
    }


    .sr-home-hero__feature-icon svg {

        width: 16px;

        height: 16px;
    }


    .sr-home-hero__feature-text {

        font-size: 7.2px;
    }

}


/* ==========================================================
   REDUCED MOTION
========================================================== */

@media (prefers-reduced-motion: reduce) {

    .sr-home-hero__feature-icon,
    .sr-home-hero__feature-icon svg,
    .sr-home-hero__btn {

        transition: none;
    }


    .sr-home-hero__feature:hover
    .sr-home-hero__feature-icon,

    .sr-home-hero__btn:hover {

        transform: none;
    }

}/* End custom CSS */
/* Start custom CSS for form, class: .elementor-element-01547b8 *//* ==============================
   SUNRICH FLOW - FORM BUTTON
============================== */

.sr-br-quote-form .elementor-button{
    /*width:100%;*/
    min-height:50px;

    display:flex;
    align-items:center;
    justify-content:center;

    gap:12px;

    padding:0 24px;

    border:0 !important;
    border-radius:5px !important;

    background:linear-gradient(
        90deg,
        #ff6a00 0%,
        #f47a20 100%
    ) !important;

    color:#ffffff !important;

    font-size:15px !important;
    line-height:1 !important;
    font-weight:700 !important;

    letter-spacing:0;

    box-shadow:none !important;

    transition:
        transform .2s ease,
        box-shadow .2s ease,
        background .2s ease;
}


/* 添加右箭头 */
.sr-br-quote-form .elementor-button::after{
    content:"→";

    font-size:22px;
    line-height:1;
    font-weight:400;

    transition:transform .2s ease;
}


/* hover */
.sr-br-quote-form .elementor-button:hover{
    background:linear-gradient(
        90deg,
        #f35f00 0%,
        #e96c14 100%
    ) !important;

    transform:translateY(-1px);

    box-shadow:0 7px 18px rgba(244,122,32,.18) !important;
}


/* hover箭头轻微向右 */
.sr-br-quote-form .elementor-button:hover::after{
    transform:translateX(4px);
}


/* mobile */
@media(max-width:767px){

    .sr-br-quote-form .elementor-button{
        min-height:50px;

        font-size:14px !important;
    }

}/* End custom CSS */