@charset "UTF-8";
    @layer bricks.reset, bricks.gutenberg, bricks.icons;

    @layer bricks {
        :root {
            --bricks-vh: 1vh;
            --bricks-transition: all 0.2s;
            --bricks-color-primary: #ffd64f;
            --bricks-color-secondary: #fc5778;
            --bricks-text-dark: #212121;
            --bricks-text-medium: #616161;
            --bricks-text-light: #9e9e9e;
            --bricks-text-info: #00b0f4;
            --bricks-text-success: #11b76b;
            --bricks-text-warning: #ffa100;
            --bricks-text-danger: #fa4362;
            --bricks-bg-info: #e5f3ff;
            --bricks-bg-success: #e6f6ed;
            --bricks-bg-warning: #fff2d7;
            --bricks-bg-danger: #ffe6ec;
            --bricks-bg-dark: #263238;
            --bricks-bg-light: #f5f6f7;
            --bricks-border-color: #dddedf;
            --bricks-border-radius: 4px;
            --bricks-tooltip-bg: #23282d;
            --bricks-tooltip-text: #eaecef
        }

      
        figure {
            margin: 1em 40px
        }

        img {
            border-style: none
        }

        button,
        input,
        optgroup,
        select,
        textarea {
            font-family: sans-serif;
            font-size: 100%;
            line-height: 1.15;
            margin: 0
        }

        button,
        input {
            overflow: visible
        }

        button,
        select {
            text-transform: none
        }
   
        textarea {
            overflow: auto
        }    

        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit
        }
     
        .brxe-section {
            align-items: center;
            display: flex;
            flex-direction: column;
            margin-left: auto;
            margin-right: auto;
            width: 100%
        }

        @media (max-width:767px) {
            .brxe-section {
                flex-wrap: wrap
            }
        }

        .brxe-container {
            align-items: flex-start;
            display: flex;
            flex-direction: column;
            margin-left: auto;
            margin-right: auto;
            width: 1100px
        }

        @media (max-width:767px) {
            .brxe-container {
                flex-wrap: wrap
            }
        }

        .brxe-block {
            align-items: flex-start;
            display: flex;
            flex-direction: column;
            width: 100%
        }

        @media (max-width:767px) {
            .brxe-block {
                flex-wrap: wrap
            }
        }


        .brx-popup-content.brxe-container {
            flex-wrap: nowrap
        }



        input[type=button],
        input[type=checkbox],
        input[type=radio] {
            width: auto
        }

        input[type=checkbox],
        input[type=radio],
        input[type=submit],
        select {
            cursor: pointer
        }

        textarea {
            height: auto;
            line-height: inherit !important;
            min-height: 90px;
            padding: 10px 12px
        }

        ::placeholder {
            color: var(--bricks-text-light)
        }

        #brx-content {
            flex: 1;
            position: relative;
            width: 100%
        }

        #brx-header.brx-sticky .bricks-nav-menu>li>a,
        #brx-header.brx-sticky>.brxe-block,
        #brx-header.brx-sticky>.brxe-container,
        #brx-header.brx-sticky>.brxe-div,
        #brx-header.brx-sticky>.brxe-section {
            transition: inherit
        }

        [data-brx-ls-wrapper] {
            transition: opacity .3s ease-in-out
        }

        .brxe-button {
            width: auto
        }

        @keyframes blink {
            to {
                opacity: 0
            }
        }

        :where(.brxe-divider) {
            align-items: center;
            display: flex;
            font-size: 30px;
            gap: 30px
        }

        :where(.brxe-divider).horizontal {
            width: 100%
        }

        :where(.brxe-divider).horizontal .line {
            border-top: 1px solid
        }

        :where(.brxe-divider).vertical {
            flex-direction: column
        }

        :where(.brxe-divider).vertical .line {
            border-right: 1px solid;
            width: auto
        }

        :where(.brxe-divider) .line {
            position: relative;
            width: 100%
        }

        :where(.brxe-divider) a {
            display: inline-flex
        }

        :where(.brxe-heading)>[contenteditable] {
            display: inline-block;
            text-decoration: inherit
        }

        a.brxe-image {
            display: inline-block
        }

        figure.brxe-image {
            margin: 0
        }

        :where(.brxe-image).tag {
            display: inline-block;
            height: fit-content;
            position: relative;
            width: auto
        }

        :where(.brxe-image).overlay {
            position: relative
        }

        :where(.brxe-image).overlay:before {
            bottom: 0;
            content: "";
            left: 0;
            pointer-events: none;
            position: absolute;
            right: 0;
            top: 0
        }

        :where(.brxe-image):before {
            border-radius: inherit
        }

        :where(.brxe-image) img {
            border-radius: inherit;
            height: 100%;
            position: static !important;
            transition: inherit;
            width: 100%
        }

        @keyframes load8 {
            0% {
                -webkit-transform: rotate(0deg);
                transform: rotate(0deg)
            }

            to {
                -webkit-transform: rotate(1turn);
                transform: rotate(1turn)
            }
        }

        @keyframes spin {
            to {
                -webkit-transform: rotate(1turn);
                transform: rotate(1turn)
            }
        }

        @keyframes scrolling {
            0% {
                opacity: 1
            }

            to {
                opacity: 0;
                -webkit-transform: translateY(10px);
                transform: translateY(10px)
            }
        }

        .bricks-background-primary {
            background-color: var(--bricks-color-primary)
        }
    }

    @font-face {
        font-family: "Oswald";
        font-weight: 400;
        src: url("https://hengping-industry.com/wp-content/uploads/2024/06/oswald-v53-latin-regular.woff2") format("woff2");
        font-display: swap
    }

    @font-face {
        font-family: "Oswald";
        font-weight: 700;
        src: url("https://hengping-industry.com/wp-content/uploads/2024/06/oswald-v53-latin-700.woff2") format("woff2");
        font-display: swap
    }

    @font-face {
        font-family: "Poppins";
        font-weight: 400;
        src: url("https://hengping-industry.com/wp-content/uploads/2024/06/poppins-v21-latin-regular.woff2") format("woff2");
        font-display: swap
    }

    @font-face {
        font-family: "Poppins";
        font-weight: 700;
        src: url("https://hengping-industry.com/wp-content/uploads/2024/06/poppins-v21-latin-700.woff2") format("woff2");
        font-display: swap
    }
   
    :root {
        --text-xs: clamp(12.64px, -.01vw + 12.69px, 12.5px);
        --text-s: clamp(14.22px, .08vw + 13.96px, 15px);
        --text-m: clamp(16px, .21vw + 15.33px, 18px);
        --text-l: clamp(18px, .37vw + 16.8px, 21.6px);
        --text-xl: clamp(20.25px, .59vw + 18.36px, 25.92px);
        --h6: clamp(12.8px, -.04vw + 12.94px, 12.38px);
        --h5: clamp(16px, .05vw + 15.83px, 16.5px);
        --h4: clamp(20px, .21vw + 19.33px, 22px);
        --h3: clamp(25px, .45vw + 23.56px, 25.33px);
        --h2: clamp(31.25px, .82vw + 28.64px, 39.09px);
        --h1: clamp(39.06px, 1.36vw + 34.71px, 52.11px);
        --h-title: clamp(48.83px, 2.15vw + 41.95px, 69.46px)
    }

   

    .brxe-section {
        padding-top: 75px;
        padding-right: 20px;
        padding-bottom: 75px;
        padding-left: 20px
    }

    .brxe-div:where(:not(.brx-dropdown-content)) {
        display: flex
    }

    :root .bricks-button[class*=primary]:not(.outline) {
        background-color: var(--bricks-color-gkjrau)
    }

    :root .bricks-button[class*=primary] {
        color: var(--bricks-color-4eea45);
        font-family: "Oswald"
    }

    :root .bricks-button[class*=secondary]:not(.outline) {
        background-color: var(--bricks-color-rjzdgj)
    }

    :root .bricks-button[class*=secondary] {
        font-family: "Oswald"
    }

    :where(.brxe-accordion .accordion-content-wrapper) a,
    :where(.brxe-icon-box .content) a,
    :where(.brxe-list) a,
    :where(.brxe-post-content):not([data-source=bricks]) a,
    :where(.brxe-posts .dynamic p) a,
    :where(.brxe-shortcode) a,
    :where(.brxe-tabs .tab-content) a,
    :where(.brxe-team-members) .description a,
    :where(.brxe-testimonials) .testimonial-content-wrapper a,
    :where(.brxe-text) a,
    :where(a.brxe-text),
    :where(.brxe-text-basic) a,
    :where(a.brxe-text-basic),
    :where(.brxe-post-comments) .comment-content a {
        color: var(--bricks-color-gkjrau)
    }

    @media (max-width:767px) {
        .brxe-section {
            padding-top: 50px;
            padding-right: 16px;
            padding-bottom: 50px;
            padding-left: 16px
        }

        .brxe-div:where(:not(.brx-dropdown-content)) {
            display: flex
        }
    }

    .shadow.brxe-block {
        box-shadow: 0 0 8px 0 var(--bricks-color-22a15f);
        align-items: stretch;
        padding-top: 20px;
        padding-right: 20px;
        padding-bottom: 20px;
        padding-left: 20px
    }

    .shadow.brxe-block:hover {
        box-shadow: 0 0 12px 0 var(--bricks-color-8fb3a3)
    }

    :root {
        --bricks-color-4eea45: #f5f5f5;
        --bricks-color-22a15f: #e0e0e0;
        --bricks-color-8fb3a3: #9e9e9e;
        --bricks-color-5e3dc0: #616161;
        --bricks-color-5abad1: #424242;
        --bricks-color-942898: #212121;
        --bricks-color-bfd89e: #ffeb3b;
        --bricks-color-931336: #ffc107;
        --bricks-color-188955: #ff9800;
        --bricks-color-010680: #ff5722;
        --bricks-color-c5c3c8: #f44336;
        --bricks-color-49db30: #9c27b0;
        --bricks-color-1e838a: #2196f3;
        --bricks-color-d64556: #03a9f4;
        --bricks-color-df1b0e: #81d4fa;
        --bricks-color-87e79d: #4caf50;
        --bricks-color-dd0798: #8bc34a;
        --bricks-color-0c1809: #cddc39;
        --bricks-color-olaioj: #fff;
        --bricks-color-ueoqyc: #000;
        --bricks-color-eehwdj: #333;
        --bricks-color-gkjrau: #124098;
        --bricks-color-rjzdgj: #8870D9;
        --bricks-color-uyfyuv: rgba(122, 122, 122, .82)
    }

    :root[data-brx-theme=dark] {
        --bricks-color-4eea45: #f5f5f5;
        --bricks-color-22a15f: #e0e0e0;
        --bricks-color-8fb3a3: #9e9e9e;
        --bricks-color-5e3dc0: #616161;
        --bricks-color-5abad1: #424242;
        --bricks-color-942898: #212121;
        --bricks-color-bfd89e: #ffeb3b;
        --bricks-color-931336: #ffc107;
        --bricks-color-188955: #ff9800;
        --bricks-color-010680: #ff5722;
        --bricks-color-c5c3c8: #f44336;
        --bricks-color-49db30: #9c27b0;
        --bricks-color-1e838a: #2196f3;
        --bricks-color-d64556: #03a9f4;
        --bricks-color-df1b0e: #81d4fa;
        --bricks-color-87e79d: #4caf50;
        --bricks-color-dd0798: #8bc34a;
        --bricks-color-0c1809: #cddc39;
        --bricks-color-olaioj: #fff;
        --bricks-color-ueoqyc: #000;
        --bricks-color-eehwdj: #333;
        --bricks-color-gkjrau: #124098;
        --bricks-color-rjzdgj: #fe9900;
        --bricks-color-uyfyuv: rgba(122, 122, 122, .82)
    }

    #brxe-yjkila .line {
        height: 3px
    }

    #brxe-yjkila.horizontal .line {
        border-top-width: 3px;
        border-top-color: var(--bricks-color-rjzdgj);
        width: 20%
    }

    #brxe-yjkila.vertical .line {
        border-right-color: var(--bricks-color-rjzdgj);
        border-right-width: 20%
    }

    @media (max-width:991px) {
        #brxe-yjkila.horizontal {
            justify-content: center
        }
    }

    #brxe-vnixnp .line {
        height: 3px
    }

    #brxe-vnixnp.horizontal .line {
        border-top-width: 3px;
        border-top-color: var(--bricks-color-rjzdgj);
        width: 16%
    }

    #brxe-vnixnp.vertical .line {
        border-right-color: var(--bricks-color-rjzdgj);
        border-right-width: 16%
    }

    #brxe-vnixnp.horizontal {
        justify-content: center
    }

    @media (max-width:767px) {
        #brxe-tnsvtg {
            text-align: center
        }
    }

    #brxe-pusecv .line {
        height: 3px
    }

    #brxe-pusecv.horizontal .line {
        border-top-width: 3px;
        border-top-color: var(--bricks-color-rjzdgj);
        width: 8%
    }

    #brxe-pusecv.vertical .line {
        border-right-color: var(--bricks-color-rjzdgj);
        border-right-width: 8%
    }

    #brxe-pusecv.horizontal {
        justify-content: center
    }

    #brxe-pusecv.vertical {
        align-self: center
    }

    #brxe-pusecv {
        margin-bottom: 24px
    }

    #brxe-dgfiwt {
        color: var(--bricks-color-olaioj)
    }

    @media (max-width:991px) {
        #brxe-dgfiwt {
            font-size: var(--text-l)
        }
    }

    @media (max-width:767px) {
        #brxe-dgfiwt {
            font-size: var(--h3)
        }
    }

    @media (max-width:478px) {
        #brxe-dgfiwt {
            font-size: var(--h3)
        }
    }

    #brxe-nfjgnr {
        color: var(--bricks-color-olaioj);
        width: 10%
    }

    #brxe-nfjgnr .line {
        height: 2px
    }

    #brxe-nfjgnr.horizontal .line {
        border-top-width: 2px
    }

    #brxe-jmlizk {
        color: var(--bricks-color-olaioj);
        text-align: center;
        line-height: 24px;
        font-size: var(--text-s);
        padding-right: 16px;
        padding-left: 16px
    }

    @media (max-width:991px) {
        #brxe-jmlizk {
            line-height: 1.5;
            font-size: var(--text-xs)
        }
    }

    @media (max-width:767px) {
        #brxe-jmlizk {
            font-size: var(--text-s)
        }
    }

    @media (max-width:478px) {
        #brxe-jmlizk {
            font-size: var(--text-m)
        }
    }

    #brxe-awgnyu {
        flex-direction: column;
        background-color: rgba(51, 51, 51, .74);
        row-gap: 14px;
        align-items: center;
        height: 100%;
        padding-top: 32px;
        padding-bottom: 32px
    }

    @media (max-width:991px) {
        #brxe-awgnyu {
            row-gap: 2px
        }
    }

    @media (max-width:478px) {
        #brxe-awgnyu {
            row-gap: 16px
        }
    }

    #brxe-dplqjt {
        background-image: url("https://hengping-industry.com/wp-content/uploads/2024/06/custom-labels-for-food-industry.jpg");
        background-size: cover;
        height: 311px;
    }

    #brxe-lzlmgl {
        color: var(--bricks-color-olaioj)
    }

    @media (max-width:991px) {
        #brxe-lzlmgl {
            font-size: var(--text-l)
        }
    }

    @media (max-width:767px) {
        #brxe-lzlmgl {
            font-size: var(--h3)
        }
    }

    @media (max-width:478px) {
        #brxe-lzlmgl {
            font-size: var(--h3)
        }
    }

    #brxe-qpcabt {
        color: var(--bricks-color-olaioj);
        width: 10%
    }

    #brxe-qpcabt .line {
        height: 2px
    }

    #brxe-qpcabt.horizontal .line {
        border-top-width: 2px
    }

    #brxe-juxyhr {
        color: var(--bricks-color-olaioj);
        text-align: center;
        line-height: 24px;
        font-size: var(--text-s);
        padding-right: 16px;
        padding-left: 16px
    }

    @media (max-width:991px) {
        #brxe-juxyhr {
            line-height: 1.5;
            font-size: var(--text-xs)
        }
    }

    @media (max-width:767px) {
        #brxe-juxyhr {
            font-size: var(--text-s)
        }
    }

    @media (max-width:478px) {
        #brxe-juxyhr {
            font-size: var(--text-m)
        }
    }

    #brxe-qmzyuf {
        flex-direction: column;
        background-color: rgba(51, 51, 51, .74);
        row-gap: 14px;
        align-items: center;
        height: 100%;
        padding-top: 32px;
        padding-bottom: 32px
    }

    @media (max-width:991px) {
        #brxe-qmzyuf {
            row-gap: 2px
        }
    }

    @media (max-width:478px) {
        #brxe-qmzyuf {
            row-gap: 16px
        }
    }

    #brxe-djscdq {
        background-image: url("https://hengping-industry.com/wp-content/uploads/2024/06/custom-labels-for-personal-care.jpg");
        background-size: cover;
        height: 311px;
    }

    #brxe-rzziae {
        color: var(--bricks-color-olaioj)
    }

    @media (max-width:991px) {
        #brxe-rzziae {
            font-size: var(--text-l)
        }
    }

    @media (max-width:767px) {
        #brxe-rzziae {
            font-size: var(--h3)
        }
    }

    @media (max-width:478px) {
        #brxe-rzziae {
            font-size: var(--h3)
        }
    }

    #brxe-hmrlhi {
        color: var(--bricks-color-olaioj);
        width: 10%
    }

    #brxe-hmrlhi .line {
        height: 2px
    }

    #brxe-hmrlhi.horizontal .line {
        border-top-width: 2px
    }

    #brxe-swwayi {
        color: var(--bricks-color-olaioj);
        text-align: center;
        line-height: 24px;
        font-size: var(--text-s);
        padding-right: 16px;
        padding-left: 16px
    }

    @media (max-width:991px) {
        #brxe-swwayi {
            line-height: 1.5;
            font-size: var(--text-xs)
        }
    }

    @media (max-width:767px) {
        #brxe-swwayi {
            font-size: var(--text-s)
        }
    }

    @media (max-width:478px) {
        #brxe-swwayi {
            font-size: var(--text-m)
        }
    }

    #brxe-uhrdus {
        flex-direction: column;
        background-color: rgba(51, 51, 51, .74);
        row-gap: 14px;
        align-items: center;
        height: 100%;
        padding-top: 32px;
        padding-bottom: 32px
    }

    @media (max-width:991px) {
        #brxe-uhrdus {
            row-gap: 2px
        }
    }

    @media (max-width:478px) {
        #brxe-uhrdus {
            row-gap: 16px
        }
    }

    #brxe-rxnspa {
        background-image: url("https://hengping-industry.com/wp-content/uploads/2024/06/custom-labels-for-electronics-products.jpg");
        background-size: cover;
        height: 311px;
    }

    #brxe-crbcnf {
        color: var(--bricks-color-olaioj)
    }

    @media (max-width:991px) {
        #brxe-crbcnf {
            font-size: var(--text-l)
        }
    }

    @media (max-width:767px) {
        #brxe-crbcnf {
            font-size: var(--h3)
        }
    }

    @media (max-width:478px) {
        #brxe-crbcnf {
            font-size: var(--h3)
        }
    }

    #brxe-ztzyzg {
        color: var(--bricks-color-olaioj);
        width: 10%
    }

    #brxe-ztzyzg .line {
        height: 2px
    }

    #brxe-ztzyzg.horizontal .line {
        border-top-width: 2px
    }

    #brxe-qsarae {
        color: var(--bricks-color-olaioj);
        text-align: center;
        line-height: 24px;
        font-size: var(--text-s);
        padding-right: 16px;
        padding-left: 16px
    }

    @media (max-width:991px) {
        #brxe-qsarae {
            line-height: 1.5;
            font-size: var(--text-xs)
        }
    }

    @media (max-width:767px) {
        #brxe-qsarae {
            font-size: var(--text-s)
        }
    }

    @media (max-width:478px) {
        #brxe-qsarae {
            font-size: var(--text-m)
        }
    }

    #brxe-pigsph {
        flex-direction: column;
        background-color: rgba(51, 51, 51, .74);
        row-gap: 14px;
        align-items: center;
        height: 100%;
        padding-top: 32px;
        padding-bottom: 32px
    }

    @media (max-width:991px) {
        #brxe-pigsph {
            row-gap: 2px
        }
    }

    @media (max-width:478px) {
        #brxe-pigsph {
            row-gap: 16px
        }
    }

    #brxe-ukxjiw {
        background-image: url("https://hengping-industry.com/wp-content/uploads/2024/05/label-for-new-energy.jpg");
        background-size: cover;
        height: 311px;
    }

    #brxe-kmeqzj {
        color: var(--bricks-color-olaioj)
    }

    @media (max-width:991px) {
        #brxe-kmeqzj {
            font-size: var(--text-l)
        }
    }

    @media (max-width:767px) {
        #brxe-kmeqzj {
            font-size: var(--h3)
        }
    }

    @media (max-width:478px) {
        #brxe-kmeqzj {
            font-size: var(--h3)
        }
    }

    #brxe-yumgaa {
        color: var(--bricks-color-olaioj);
        width: 10%
    }

    #brxe-yumgaa .line {
        height: 2px
    }

    #brxe-yumgaa.horizontal .line {
        border-top-width: 2px
    }

    #brxe-ygvqew {
        color: var(--bricks-color-olaioj);
        text-align: center;
        line-height: 24px;
        font-size: var(--text-s);
        padding-right: 16px;
        padding-left: 16px
    }

    @media (max-width:991px) {
        #brxe-ygvqew {
            line-height: 1.5;
            font-size: var(--text-xs)
        }
    }

    @media (max-width:767px) {
        #brxe-ygvqew {
            font-size: var(--text-s)
        }
    }

    @media (max-width:478px) {
        #brxe-ygvqew {
            font-size: var(--text-m)
        }
    }

    #brxe-huxsyk {
        flex-direction: column;
        background-color: rgba(51, 51, 51, .74);
        row-gap: 14px;
        align-items: center;
        height: 100%;
        padding-top: 32px;
        padding-bottom: 32px
    }

    @media (max-width:991px) {
        #brxe-huxsyk {
            row-gap: 2px
        }
    }

    @media (max-width:478px) {
        #brxe-huxsyk {
            row-gap: 16px
        }
    }

    #brxe-pvmpub {
        background-image: url("https://hengping-industry.com/wp-content/uploads/2024/06/custom-labels-for-health-care-and-medical.jpg");
        background-size: cover;
        height: 311px;
    }

    #brxe-xaqbxn {
        color: var(--bricks-color-olaioj)
    }

    @media (max-width:991px) {
        #brxe-xaqbxn {
            font-size: var(--text-l)
        }
    }

    @media (max-width:767px) {
        #brxe-xaqbxn {
            font-size: var(--h3)
        }
    }

    @media (max-width:478px) {
        #brxe-xaqbxn {
            font-size: var(--h3)
        }
    }

    #brxe-hjtnqj {
        color: var(--bricks-color-olaioj);
        width: 10%
    }

    #brxe-hjtnqj .line {
        height: 2px
    }

    #brxe-hjtnqj.horizontal .line {
        border-top-width: 2px
    }

    #brxe-wlamiz {
        color: var(--bricks-color-olaioj);
        text-align: center;
        line-height: 24px;
        font-size: var(--text-s);
        padding-right: 16px;
        padding-left: 16px
    }

    @media (max-width:991px) {
        #brxe-wlamiz {
            line-height: 1.5;
            font-size: var(--text-xs)
        }
    }

    @media (max-width:767px) {
        #brxe-wlamiz {
            font-size: var(--text-s)
        }
    }

    @media (max-width:478px) {
        #brxe-wlamiz {
            font-size: var(--text-m)
        }
    }

    #brxe-palxtn {
        flex-direction: column;
        background-color: rgba(51, 51, 51, .74);
        row-gap: 14px;
        align-items: center;
        height: 100%;
        padding-top: 32px;
        padding-bottom: 32px
    }

    @media (max-width:991px) {
        #brxe-palxtn {
            row-gap: 2px
        }
    }

    @media (max-width:478px) {
        #brxe-palxtn {
            row-gap: 16px
        }
    }

    #brxe-jgycsv {
        background-image: url("https://hengping-industry.com/wp-content/uploads/2024/06/custom-labels-for-chemical-and-industrial.jpg");
        background-size: cover;
        height: 311px;
    }

    #brxe-imlxgz {
        display: grid;
        align-items: initial;
        grid-gap: 18px;
        grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
        max-width: 1400px;
        width: 80%
    }

    #brxe-imlxgz>div :hover {
        transform: rotateY(90deg);
        transition: transform 1s
    }

    @media (max-width:991px) {
        #brxe-imlxgz {
            grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
            width: 100%
        }
    }

    @media (max-width:478px) {
        #brxe-imlxgz {
            width: 100%
        }
    }

    #brxe-baybla {
        row-gap: 16px
    }

    @media (max-width:991px) {
        #brxe-baybla {
            padding-top: 30px;
            padding-bottom: 30px
        }
    }

    #brxe-qeywtk.horizontal {
        justify-content: center
    }

    #brxe-qeywtk .line {
        height: 3px
    }

    #brxe-qeywtk.horizontal .line {
        border-top-width: 3px;
        border-top-color: var(--bricks-color-gkjrau);
        width: 4%
    }

    #brxe-qeywtk.vertical .line {
        border-right-color: var(--bricks-color-gkjrau);
        border-right-width: 4%
    }

    #brxe-krnpcf .line {
        height: 3px
    }

    #brxe-krnpcf.horizontal .line {
        border-top-width: 3px;
        width: 4%;
        border-top-color: var(--bricks-color-gkjrau)
    }

    #brxe-krnpcf.vertical .line {
        border-right-width: 4%;
        border-right-color: var(--bricks-color-gkjrau)
    }

    #brxe-krnpcf.horizontal {
        justify-content: center
    }

    @keyframes ring_btn01 {
        0% {
            box-shadow: 0 0 0 0 rgba(255, 255, 255, .7)
        }

        100% {
            box-shadow: 0 0 0 10px rgba(255, 255, 255, 0)
        }
    }

    @media (max-width:478px) {
        #brxe-vyvanf {
            text-align: center
        }
    }

    #brxe-qnnzhi {
        font-weight: 500
    }

    #brxe-zoxsbe .line {
        height: 3px
    }

    #brxe-zoxsbe.horizontal .line {
        border-top-width: 3px;
        border-top-color: var(--bricks-color-rjzdgj);
        width: 16%
    }

    #brxe-zoxsbe.vertical .line {
        border-right-color: var(--bricks-color-rjzdgj);
        border-right-width: 16%
    }

    #brxe-zoxsbe.horizontal {
        justify-content: center
    }

    #brxe-zoxsbe.vertical {
        align-self: center
    }

    #brxe-zoxsbe {
        margin-bottom: 20px
    }

    #brxe-jngero {
        color: var(--bricks-color-olaioj)
    }

    @media (max-width:991px) {
        #brxe-jngero {
            font-size: var(--h4)
        }
    }

    @media (max-width:767px) {
        #brxe-jngero {
            font-size: var(--h2)
        }
    }

    @media (max-width:478px) {
        #brxe-jngero {
            font-size: var(--h4)
        }
    }

    #brxe-tccykv {
        color: var(--bricks-color-olaioj);
        font-size: var(--text-s)
    }

    @media (max-width:991px) {
        #brxe-tccykv {
            line-height: 1.5
        }
    }

    @media (max-width:767px) {
        #brxe-tccykv {
            font-size: var(--text-l)
        }
    }

    @media (max-width:478px) {
        #brxe-tccykv {
            font-size: var(--text-xs)
        }
    }

    #brxe-libbuz:hover {
        background-color: var(--bricks-color-rjzdgj)
    }

    #brxe-libbuz {
        background-color: var(--bricks-color-uyfyuv)
    }

    @media (max-width:767px) {
        #brxe-libbuz {
            font-size: var(--text-l)
        }
    }

    @media (max-width:478px) {
        #brxe-libbuz {
            padding-bottom: 6px;
            font-size: 10px
        }
    }

    #brxe-cconrx {
        flex-direction: column;
        row-gap: 16px;
        background-color: var(--bricks-color-gkjrau);
        padding-top: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
        padding-left: 40px;
        width: 331px
    }

    @media (max-width:991px) {
        #brxe-cconrx {
            padding-top: 20px;
            padding-right: 10px;
            padding-bottom: 20px;
            padding-left: 10px;
            justify-content: space-around;
            width: 100%
        }
    }

    @media (max-width:767px) {
        #brxe-cconrx {
            padding-right: 20px;
            padding-left: 20px;
            row-gap: 0px;
            width: 100%
        }
    }

    @media (max-width:478px) {
        #brxe-cconrx {
            padding-top: 10px;
            padding-right: 10px;
            padding-bottom: 10px;
            padding-left: 10px;
            row-gap: 4px;
            height: 233px
        }
    }

    #brxe-sfudbh {
        width: 331px
    }

    @media (max-width:991px) {
        #brxe-sfudbh {
            width: 100%
        }

        #brxe-sfudbh:not(.tag),
        #brxe-sfudbh img {
            object-fit: cover
        }
    }

    @media (max-width:767px) {
        #brxe-sfudbh {
            width: 100%
        }
    }

    @media (max-width:478px) {
        #brxe-sfudbh {
            height: 466px
        }
    }

    #brxe-gmkvnm {
        color: var(--bricks-color-olaioj)
    }

    @media (max-width:991px) {
        #brxe-gmkvnm {
            font-size: var(--h4)
        }
    }

    @media (max-width:767px) {
        #brxe-gmkvnm {
            font-size: var(--h2)
        }
    }

    @media (max-width:478px) {
        #brxe-gmkvnm {
            font-size: var(--h4)
        }
    }

    #brxe-nhunkq {
        color: var(--bricks-color-olaioj);
        font-size: var(--text-s)
    }

    @media (max-width:991px) {
        #brxe-nhunkq {
            line-height: 1.5
        }
    }

    @media (max-width:767px) {
        #brxe-nhunkq {
            font-size: var(--text-l)
        }
    }

    @media (max-width:478px) {
        #brxe-nhunkq {
            font-size: var(--text-xs)
        }
    }

    #brxe-oveyks:hover {
        background-color: var(--bricks-color-gkjrau)
    }

    #brxe-oveyks {
        background-color: var(--bricks-color-uyfyuv)
    }

    @media (max-width:767px) {
        #brxe-oveyks {
            font-size: var(--text-l)
        }
    }

    @media (max-width:478px) {
        #brxe-oveyks {
            padding-bottom: 6px;
            font-size: 10px
        }
    }

    #brxe-toeyrv {
        flex-direction: column;
        row-gap: 16px;
        background-color: var(--bricks-color-rjzdgj);
        padding-top: 40px;
        padding-right: 40px;
        padding-bottom: 40px;
        padding-left: 40px;
        width: 331px
    }

    @media (max-width:991px) {
        #brxe-toeyrv {
            padding-top: 20px;
            padding-right: 10px;
            padding-bottom: 20px;
            padding-left: 10px;
            height: 100%;
            justify-content: space-between;
            width: 100%
        }
    }

    @media (max-width:767px) {
        #brxe-toeyrv {
            padding-right: 20px;
            padding-left: 20px;
            row-gap: 0px
        }
    }

    @media (max-width:478px) {
        #brxe-toeyrv {
            padding-top: 10px;
            padding-right: 10px;
            padding-bottom: 10px;
            padding-left: 10px;
            row-gap: 4px;
            height: 233px
        }
    }

    #brxe-jyxabf {
        width: 331px
    }

    @media (max-width:991px) {
        #brxe-jyxabf {
            height: 100%;
            width: 100%
        }

        #brxe-jyxabf:not(.tag),
        #brxe-jyxabf img {
            object-fit: cover
        }
    }

    #brxe-abtbqw {
        width: 331px
    }

    @media (max-width:991px) {
        #brxe-abtbqw {
            height: 100%;
            width: 100%
        }

        #brxe-abtbqw:not(.tag),
        #brxe-abtbqw img {
            object-fit: cover
        }
    }

    #brxe-yzypxs {
        color: var(--bricks-color-olaioj)
    }

    @media (max-width:991px) {
        #brxe-yzypxs {
            font-size: var(--h4)
        }
    }

    @media (max-width:767px) {
        #brxe-yzypxs {
            font-size: var(--h2)
        }
    }

    @media (max-width:478px) {
        #brxe-yzypxs {
            font-size: var(--h4)
        }
    }

    #brxe-exqoto {
        color: var(--bricks-color-olaioj);
        font-size: var(--text-s);
        padding-bottom: 0
    }

    @media (max-width:991px) {
        #brxe-exqoto {
            line-height: 1.5
        }
    }

    @media (max-width:767px) {
        #brxe-exqoto {
            font-size: var(--text-l)
        }
    }

    @media (max-width:478px) {
        #brxe-exqoto {
            font-size: var(--text-xs)
        }
    }

    #brxe-egbazg:hover {
        background-color: var(--bricks-color-gkjrau)
    }

    #brxe-egbazg {
        background-color: var(--bricks-color-uyfyuv)
    }

    @media (max-width:767px) {
        #brxe-egbazg {
            font-size: var(--text-l)
        }
    }

    @media (max-width:478px) {
        #brxe-egbazg {
            font-size: 10px
        }
    }

    #brxe-pswpyd {
        background-color: var(--bricks-color-rjzdgj);
        flex-direction: column;
        row-gap: 16px;
        padding-top: 40px;
        padding-right: 40px;
        padding-bottom: 80px;
        padding-left: 40px;
        width: 331px
    }

    @media (max-width:991px) {
        #brxe-pswpyd {
            height: 100%;
            padding-top: 20px;
            padding-right: 10px;
            padding-bottom: 20px;
            padding-left: 10px;
            justify-content: space-between;
            width: 100%
        }
    }

    @media (max-width:767px) {
        #brxe-pswpyd {
            row-gap: 0px;
            padding-right: 20px;
            padding-left: 20px
        }
    }

    @media (max-width:478px) {
        #brxe-pswpyd {
            padding-top: 10px;
            padding-right: 10px;
            padding-bottom: 10px;
            padding-left: 10px;
            row-gap: 4px;
            height: 233px
        }
    }

    #brxe-bzpcam {
        width: 331px
    }

    @media (max-width:991px) {
        #brxe-bzpcam {
            height: 100%;
            width: 100%
        }

        #brxe-bzpcam:not(.tag),
        #brxe-bzpcam img {
            object-fit: cover
        }
    }

    #brxe-bcjzsd {
        color: var(--bricks-color-olaioj)
    }

    @media (max-width:991px) {
        #brxe-bcjzsd {
            font-size: var(--h4)
        }
    }

    @media (max-width:767px) {
        #brxe-bcjzsd {
            font-size: var(--h2)
        }
    }

    @media (max-width:478px) {
        #brxe-bcjzsd {
            font-size: var(--h4)
        }
    }

    #brxe-nnwllu {
        color: var(--bricks-color-olaioj);
        font-size: var(--text-s)
    }

    @media (max-width:991px) {
        #brxe-nnwllu {
            line-height: 1.5
        }
    }

    @media (max-width:767px) {
        #brxe-nnwllu {
            font-size: var(--text-l)
        }
    }

    @media (max-width:478px) {
        #brxe-nnwllu {
            font-size: var(--text-xs)
        }
    }

    #brxe-nttrnn {
        background-color: var(--bricks-color-uyfyuv)
    }

    #brxe-nttrnn:hover {
        background-color: var(--bricks-color-rjzdgj)
    }

    @media (max-width:767px) {
        #brxe-nttrnn {
            font-size: var(--text-l)
        }
    }

    @media (max-width:478px) {
        #brxe-nttrnn {
            font-size: 10px
        }
    }

    #brxe-qmrpim {
        flex-direction: column;
        row-gap: 16px;
        padding-top: 40px;
        padding-right: 40px;
        padding-bottom: 80px;
        padding-left: 40px;
        background-color: var(--bricks-color-gkjrau);
        width: 331px
    }

    @media (max-width:991px) {
        #brxe-qmrpim {
            height: 100%;
            padding-top: 20px;
            padding-right: 10px;
            padding-bottom: 20px;
            padding-left: 10px;
            justify-content: space-between;
            width: 100%
        }
    }

    @media (max-width:767px) {
        #brxe-qmrpim {
            row-gap: 0px;
            padding-right: 20px;
            padding-left: 20px
        }
    }

    @media (max-width:478px) {
        #brxe-qmrpim {
            padding-top: 10px;
            padding-right: 10px;
            padding-bottom: 10px;
            padding-left: 10px;
            row-gap: 4px;
            height: 233px
        }
    }

    #brxe-jvdvjz {
        align-items: center;
        align-items: initial;
        align-items: stretch;
        width: 70%;
        max-width: 1400px;
        grid-template-columns: repeat(4, 1fr);
        display: grid;
        justify-content: center
    }

    @media (max-width:991px) {
        #brxe-jvdvjz {
            width: 100%;
            grid-template-columns: repeat(auto-fill, minmax(220px, 1fr))
        }
    }

    @media (max-width:767px) {
        #brxe-jvdvjz {
            grid-template-columns: repeat(auto-fill, minmax(300px, 1fr))
        }
    }

    @media (max-width:478px) {
        #brxe-jvdvjz {
            width: 100%
        }
    }

    #brxe-icerdi {
        background-color: var(--bricks-color-4eea45);
        row-gap: 16px
    }

    @media (max-width:991px) {
        #brxe-icerdi {
            padding-top: 30px;
            padding-bottom: 30px
        }
    }

    #brxe-2c325a.horizontal .line {
        border-top-color: var(--bricks-color-gkjrau);
        border-top-width: 3px;
        width: 55px
    }

    #brxe-2c325a.vertical .line {
        border-right-color: var(--bricks-color-gkjrau);
        border-right-width: 55px
    }

    #brxe-2c325a .line {
        height: 3px
    }

    #brxe-ecb6a0 .bricks-button:hover {
        background-color: var(--bricks-color-rjzdgj)
    }

    #brxe-ecb6a0 .bricks-button {
        text-transform: uppercase
    }

    .brxe-ffbprs .brxe-gjxakv.brxe-text-basic {
        font-size: 15px;
        text-align: left
    }

    .brxe-ffbprs .brxe-trveju.brxe-text-basic {
        font-size: 15px;
        color: var(--bricks-color-uyfyuv)
    }

    .brxe-ffbprs .brxe-eyjavx.brxe-div {
        flex-direction: column;
        padding-right: 10px;
        padding-left: 10px;
        justify-content: space-between;
        row-gap: 8px;
        height: 100%
    }

    .brxe-ffbprs .brxe-vmazkg.brxe-div {
        flex-direction: column;
        overflow: hidden;
        row-gap: 16px;
        height: 100%
    }

    .brxe-ffbprs .brxe-zsnjhi.brxe-text-basic {
        font-size: var(--text-m)
    }

    .brxe-ffbprs .brxe-ojlnal.brxe-div {
        color: var(--bricks-color-olaioj);
        background-color: var(--bricks-color-gkjrau);
        position: absolute;
        right: 16px;
        padding-right: 12px;
        padding-left: 12px;
        border-radius: 100px;
        top: 16px
    }

    .brxe-ffbprs.brxe-div {
        flex-direction: column;
        overflow: hidden;
        justify-content: space-between;
        position: relative;
        border-radius: 10px;
        box-shadow: 0 0 2px 2px var(--bricks-color-22a15f);
        padding-bottom: 12px
    }

    .brxe-ffbprs.brxe-div:hover {
        transform: translateY(-5px)
    }

    #brxe-hkevlt.horizontal .line {
        width: 1px;
        border-top-width: 20px
    }

    #brxe-hkevlt.vertical .line {
        border-right-width: 1px
    }

    #brxe-hkevlt .line {
        height: 20px
    }

    #brxe-qljdoc .bricks-button:hover {
        background-color: var(--bricks-color-rjzdgj)
    }
    .brxe-button {
        cursor: pointer
    }
	 .bricks-button {
            align-items: center;
            border-width: 0;
            display: inline-flex;
            gap: 10px;
            justify-content: center;
            letter-spacing: .5px;
            padding: .5em 1em;
            text-align: center
        }