/**
 * Homepage mobile QA
 *
 * Scoped fixes for Figma comments 36, 37, 40, 41, 42, 43, and 44.
 */

body.home .hon-homepage-products-view-all {
    display: none;
}

@media (max-width: 767px) {
    html body.home .hon-homepage-products {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
    }

    html body.home .hon-homepage-products-view-all {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 7px !important;
        min-width: 114px !important;
        min-height: 35px !important;
        margin: 34px auto 0 !important;
        padding: 9px 22px !important;
        border-radius: 31px !important;
        background: linear-gradient(117deg, #61baf9 19.67%, #4dcee5 66.93%) !important;
        box-shadow: 0 4px 40px 0 rgba(76, 149, 238, 0.40) !important;
        color: #ffffff !important;
        font-family: "Open Sans", sans-serif !important;
        font-size: 14px !important;
        font-weight: 400 !important;
        line-height: 1 !important;
        text-decoration: none !important;
        white-space: nowrap !important;
    }

    html body.home .hon-homepage-products-view-all:hover,
    html body.home .hon-homepage-products-view-all:focus {
        color: #ffffff !important;
        text-decoration: none !important;
    }

    html body.home .hon-homepage-products-view-all-icon {
        display: inline-flex !important;
        width: 14px !important;
        height: 14px !important;
        color: currentColor !important;
    }

    html body.home .hon-homepage-products-view-all-icon svg {
        display: block !important;
        width: 14px !important;
        height: 14px !important;
    }

    html body.home .hon-homepage-products-nav:not([hidden]) {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        top: min(152px, 39vw) !important;
        width: 44px !important;
        height: 56px !important;
        padding: 0 !important;
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        box-shadow: none !important;
        color: transparent !important;
        font-size: 0 !important;
        line-height: 0 !important;
        -webkit-tap-highlight-color: transparent !important;
    }

    html body.home .hon-homepage-products-nav::before {
        content: "" !important;
        display: block !important;
        width: 16px !important;
        height: 28px !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 16px 28px !important;
    }

    html body.home .hon-homepage-products-prev {
        left: -6px !important;
    }

    html body.home .hon-homepage-products-next {
        right: -6px !important;
    }

    html body.home .hon-homepage-products-prev::before {
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='28' viewBox='0 0 16 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.610273 12.3702C0.219708 12.7609 0.000301361 13.2907 0.000301361 13.8432C0.000301361 14.3956 0.219708 14.9254 0.610273 15.3161L12.3957 27.1015C12.5879 27.3005 12.8178 27.4592 13.0719 27.5684C13.3261 27.6775 13.5995 27.735 13.8761 27.7374C14.1527 27.7398 14.4271 27.6871 14.6831 27.5824C14.9391 27.4776 15.1717 27.3229 15.3673 27.1273C15.563 26.9317 15.7176 26.6991 15.8224 26.4431C15.9272 26.187 15.9799 25.9127 15.9775 25.6361C15.9751 25.3594 15.9176 25.0861 15.8084 24.8319C15.6992 24.5777 15.5405 24.3478 15.3415 24.1557L5.02902 13.8432L15.3415 3.53065C15.721 3.13773 15.931 2.61147 15.9263 2.06523C15.9215 1.51899 15.7024 0.996461 15.3161 0.610194C14.9299 0.223927 14.4074 0.00482546 13.8611 7.87555e-05C13.3149 -0.00466795 12.7886 0.20532 12.3957 0.584816L0.610273 12.3702Z' fill='%2361BAF9'/%3E%3C/svg%3E") !important;
    }

    html body.home .hon-homepage-products-next::before {
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='28' viewBox='0 0 16 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.3673 12.3702C15.7578 12.7609 15.9772 13.2907 15.9772 13.8432C15.9772 14.3956 15.7578 14.9254 15.3673 15.3161L3.58185 27.1015C3.38967 27.3005 3.15979 27.4592 2.90561 27.5684C2.65144 27.6775 2.37806 27.735 2.10144 27.7374C1.82481 27.7398 1.55048 27.6871 1.29445 27.5824C1.03841 27.4776 0.805804 27.3229 0.610194 27.1273C0.414584 26.9317 0.25989 26.6991 0.155138 26.4431C0.0503863 26.187 -0.00232512 25.9127 7.86605e-05 25.6361C0.00248244 25.3594 0.0599539 25.0861 0.169139 24.8319C0.278325 24.5777 0.437037 24.3478 0.636016 24.1557L10.9485 13.8432L0.636016 3.53065C0.256521 3.13773 0.0465323 2.61147 0.051279 2.06523C0.0560258 1.51899 0.275127 0.996461 0.661394 0.610194C1.04766 0.223927 1.57019 0.00482546 2.11643 7.87555e-05C2.66267 -0.00466795 3.18893 0.20532 3.58185 0.584816L15.3673 12.3702Z' fill='%2361BAF9'/%3E%3C/svg%3E") !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-1c192c2.c-industry-lead {
        --padding-top: 0 !important;
        --padding-bottom: 0 !important;
        --padding-left: 16px !important;
        --padding-right: 16px !important;
        padding: 0 16px !important;
        background-color: #f8fbff !important;
        background-image:
            linear-gradient(90deg, rgba(97, 186, 249, 0.20) 0%, rgba(77, 206, 229, 0.08) 30%, rgba(255, 255, 255, 0) 54%),
            linear-gradient(270deg, rgba(91, 131, 232, 0.22) 0%, rgba(91, 157, 232, 0.09) 30%, rgba(255, 255, 255, 0) 54%),
            linear-gradient(180deg, #fbfdff 0%, #f4f9ff 100%) !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-1c192c2.c-industry-lead:not(.elementor-motion-effects-element-type-background),
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-1c192c2.c-industry-lead > .elementor-motion-effects-container > .elementor-motion-effects-layer {
        background-color: #f8fbff !important;
        background-image:
            linear-gradient(90deg, rgba(97, 186, 249, 0.20) 0%, rgba(77, 206, 229, 0.08) 30%, rgba(255, 255, 255, 0) 54%),
            linear-gradient(270deg, rgba(91, 131, 232, 0.22) 0%, rgba(91, 157, 232, 0.09) 30%, rgba(255, 255, 255, 0) 54%),
            linear-gradient(180deg, #fbfdff 0%, #f4f9ff 100%) !important;
        background-repeat: no-repeat !important;
        background-size: 100% 100% !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-1c192c2.c-industry-lead > .e-con-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        width: 100% !important;
        max-width: none !important;
        padding: 40px 0 !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-7a7f2cd1.c-ind-headi {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 0 24px !important;
        padding: 0 !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-b98e814,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-46fcf396 {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-46fcf396 {
        margin-top: -2px !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-b98e814 .elementor-heading-title,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-46fcf396 .elementor-heading-title {
        margin: 0 !important;
        font-family: "Bebas Neue", sans-serif !important;
        font-size: clamp(46px, 12.4vw, 55px) !important;
        font-weight: 400 !important;
        line-height: 1.05 !important;
        letter-spacing: -0.55px !important;
        text-align: center !important;
        text-transform: uppercase !important;
        white-space: nowrap !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-b98e814 .elementor-heading-title {
        color: #000000 !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-b98e814 .elementor-heading-title::after {
        content: " BUILT" !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-46fcf396 .elementor-heading-title {
        color: transparent !important;
        font-size: 0 !important;
        line-height: 0 !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-46fcf396 .elementor-heading-title::after {
        content: "ON QUALITY" !important;
        display: block !important;
        color: #5b9de8 !important;
        font-family: "Bebas Neue", sans-serif !important;
        font-size: clamp(46px, 12.4vw, 55px) !important;
        font-weight: 400 !important;
        line-height: 1.05 !important;
        letter-spacing: -0.55px !important;
        text-align: center !important;
        text-transform: uppercase !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-4c68d3c.c-industry-lead-btn-con {
        align-items: center !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-2a9ad834 {
        width: min(100%, 310px) !important;
        margin: 0 !important;
        text-align: center !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-2a9ad834 p {
        margin: 0 !important;
        font-size: 12px !important;
        line-height: 1.55 !important;
        letter-spacing: 0 !important;
        text-align: center !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-5dc77f73.c-industry-lead-btn {
        margin-top: 24px !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-74c30b8.c-hero-product-block,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-5c1dd5a.c-hero-product-block {
        border-color: rgba(255, 255, 255, 0.24) !important;
        background: linear-gradient(180deg, rgba(7, 15, 25, 0.46), rgba(7, 15, 25, 0.30)) !important;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 16px 38px rgba(0, 0, 0, 0.24) !important;
        -webkit-backdrop-filter: blur(14px) saturate(120%) !important;
        backdrop-filter: blur(14px) saturate(120%) !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-74c30b8.c-hero-product-block {
        align-items: center !important;
        gap: 16px !important;
        padding: 14px 18px !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-74c30b8 img.e-2a745633-efabd5e {
        align-self: center !important;
        width: 74px !important;
        max-width: 74px !important;
        flex-basis: 74px !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-74c30b8 .elementor-element-446cf9e5 {
        align-self: stretch !important;
        display: flex !important;
        flex: 1 1 auto !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: flex-start !important;
        gap: 5px !important;
        min-height: 0 !important;
        width: auto !important;
        padding: 0 !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-74c30b8 .elementor-element-48f992a2,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-74c30b8 .elementor-element-711a163a,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-74c30b8 .elementor-element-339cf811 {
        margin: 0 !important;
        padding: 0 !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-74c30b8 .elementor-element-48f992a2 .elementor-heading-title {
        font-size: 23px !important;
        line-height: 1 !important;
        text-underline-offset: 5px !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-74c30b8 .elementor-element-711a163a .elementor-heading-title {
        max-width: 190px !important;
        font-size: 11px !important;
        line-height: 1.28 !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-74c30b8 .elementor-button {
        min-height: 36px !important;
        padding: 8px 18px !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-5c1dd5a.c-hero-product-block {
        position: absolute !important;
        display: flex !important;
        align-items: center !important;
        justify-content: flex-start !important;
        min-height: 80px !important;
        height: 80px !important;
        padding: 0 58px 0 16px !important;
        box-sizing: border-box !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-5c1dd5a .elementor-element-2a36b8ad {
        display: flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: flex-start !important;
        gap: 0 !important;
        width: 100% !important;
        height: 47px !important;
        min-height: 47px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-5c1dd5a .elementor-element-710e890d {
        align-items: center !important;
        gap: 16px !important;
        height: 47px !important;
        min-height: 47px !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-5c1dd5a .elementor-element-710e890d::after {
        content: none !important;
        display: none !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-5c1dd5a::after {
        content: "" !important;
        position: absolute !important;
        top: 50% !important;
        right: 17px !important;
        display: block !important;
        width: 24px !important;
        height: 24px !important;
        background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 5L16 12L9 19' stroke='white' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
        background-size: 24px 24px !important;
        transform: translateY(-50%) !important;
        pointer-events: none !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-5c1dd5a img {
        width: 47px !important;
        height: 47px !important;
        flex-basis: 47px !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-5c1dd5a .elementor-heading-title,
    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-5c1dd5a .elementor-heading-title a {
        font-size: 28px !important;
        line-height: 1 !important;
        text-underline-offset: 6px !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-2ed5e08.c-industry-lead {
        --min-height: 56px !important;
        --padding-top: 0 !important;
        --padding-bottom: 0 !important;
        min-height: 56px !important;
        height: 56px !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        overflow: hidden !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-49860a4e.c-custom-icons-wrap {
        --min-height: 56px !important;
        min-height: 56px !important;
        height: 56px !important;
        overflow: visible !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-49860a4e.c-custom-icons-wrap > .e-con-inner {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: flex-start !important;
        width: max-content !important;
        max-width: none !important;
        min-height: 56px !important;
        height: 56px !important;
        gap: 34px !important;
        padding: 0 24px !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-2ed5e08 .e-div-block-base {
        display: flex !important;
        flex: 0 0 auto !important;
        flex-direction: row !important;
        align-items: center !important;
        gap: 12px !important;
        width: auto !important;
        min-width: max-content !important;
        min-height: 56px !important;
        height: 56px !important;
        padding: 0 !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-2ed5e08 img.e-image-base {
        width: 30px !important;
        height: 30px !important;
        flex: 0 0 30px !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-2ed5e08 .e-heading-base {
        margin: 0 !important;
        font-size: 28px !important;
        line-height: 1 !important;
        letter-spacing: 1.2px !important;
        white-space: nowrap !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-737b35ed {
        --flex-direction: column !important;
        --padding-top: 30px !important;
        --padding-bottom: 0 !important;
        --padding-left: 20px !important;
        --padding-right: 20px !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-737b35ed > .e-con-inner {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        gap: 0 !important;
        width: 100% !important;
        max-width: none !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-60bda011 {
        order: 1 !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-2d3967ac {
        order: 2 !important;
        width: calc(100% + 40px) !important;
        max-width: calc(100% + 40px) !important;
        margin: 34px -20px 0 !important;
        padding: 0 !important;
        align-self: center !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-3a98dcfb {
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        text-align: center !important;
    }

    html body.home .elementor.elementor-32795 .elementor-element.elementor-element-3a98dcfb img {
        content: url("../home/trusted-researchers-mobile-qa44.png") !important;
        display: block !important;
        width: 100% !important;
        max-width: none !important;
        height: auto !important;
        border-radius: 0 !important;
    }
}
