@import '_content/Blazor.Bootstrap/Blazor.Bootstrap.olwso25aue.bundle.scp.css';

/* _content/Diamond2o/Components/Layout/LoginLayout.razor.rz.scp.css */
html.no-scroll[b-p0w99o09zu],
body.no-scroll[b-p0w99o09zu] {
    height: 100%;
    overflow: hidden !important;
    touch-action: none !important; /* prevents some touch scrolling on mobile */
    -webkit-overflow-scrolling: auto !important;
}
.login-header[b-p0w99o09zu] {
    height: 75px;
    background: #fff;
    box-shadow: 0 4px 24px 0 rgb(0 0 0 / .25);
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    align-items: center
}

.header-container[b-p0w99o09zu] {
    width: 100%;
    max-width: 1464px;
    margin: 0 auto;
    padding: 0 12px;
    display: flex;
    align-items: center
}

.header-logo[b-p0w99o09zu] {
    height: 36px;
    flex-shrink: 0
}

.mobile-menu-toggle[b-p0w99o09zu] {
    display: none;
    flex-direction: column;
    gap: 4px;
    cursor: pointer
}

.mobile-header-layout[b-p0w99o09zu] {
    display: flex !important;
    width: 100%;
    align-items: center;
    height: 39px
}

.mobile-left-section[b-p0w99o09zu] {
    display: flex;
    align-items: center;
    gap: 26px
}

.mobile-cart[b-p0w99o09zu] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.header-nav[b-p0w99o09zu] {
    display: flex;
    gap: 32px;
    margin-left: 64px;
    height: 75px
}

[b-p0w99o09zu] .telerik-nav-link {
    font-size: 14px;
    font-weight: 400;
    color: #2F2F2F;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer
}

    [b-p0w99o09zu] .telerik-nav-link:hover {
        color: #FFD88C
    }

.nav-has-menu[b-p0w99o09zu] {
    display: inline-flex;
    align-items: center;
    gap: 4px
}

.nav-chevron[b-p0w99o09zu] {
    transition: transform 0.2s ease;
    opacity: .6
}

.nav-item-wrapper.menu-open .nav-chevron[b-p0w99o09zu], .nav-item-wrapper:hover .nav-chevron[b-p0w99o09zu] {
    transform: rotate(180deg);
    opacity: 1
}

.nav-item-wrapper[b-p0w99o09zu] {
    position: relative;
    display: flex;
    align-items: center
}

.header-spacer[b-p0w99o09zu] {
    flex-grow: 1
}

.header-actions[b-p0w99o09zu] {
    display: flex;
    margin-left: 75px;
    align-items: center
}

    .header-actions > *[b-p0w99o09zu] {
        margin-right: 11px
    }

    .header-actions .sign-in-btn[b-p0w99o09zu] {
        margin-right: 0
    }

.cart-container[b-p0w99o09zu] {
    position: relative
}

.sign-in-btn[b-p0w99o09zu] {
    color: #414142;
    font-size: 14px;
    cursor: pointer
}

[b-p0w99o09zu] .contact-us {
    margin-left: 46px !important;
    background-color: #FFD88C;
    border: none;
    padding: 9px 24px;
    font-weight: 400;
    cursor: pointer;
    color: #414142;
    font-size: 14px;
    letter-spacing: .1px;
    border-radius: 4px;
    width: 96px;
    height: 44px
}

    [b-p0w99o09zu] .contact-us:hover {
        background: #FFF4DD
    }

    [b-p0w99o09zu] .contact-us:focus {
        box-shadow: none !important
    }

[b-p0w99o09zu] .custom-badge {
    background-color: #FFD88C !important;
    font-size: 7px;
    color: #2F2F2F
}

.login-body[b-p0w99o09zu] {
    padding-top: 75px;
    overflow-x: hidden
}

.mega-menu[b-p0w99o09zu] {
    position: fixed;
    top: 75px;
    left: 50%;
    transform: translateX(-50%) translateY(-8px);
    width: 100%;
    max-width: 1320px;
    background: #fff;
    border-bottom: 10px solid #FFD88C;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 8px 32px rgb(0 0 0 / .12);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease,transform 0.2s ease,visibility 0.2s;
    pointer-events: none
}

.mega-menu-visible[b-p0w99o09zu] {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    pointer-events: auto
}

.mega-menu-inner[b-p0w99o09zu] {
    max-width: 1344px;
    margin: 0 auto;
    padding: 32px;
    border-top: 1px solid #D2D5DA;
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
    max-height: 400px;
}

.mega-menu[b-p0w99o09zu]::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 14px;
    background: #fff0
}

.mega-menu-expertise .mega-menu-inner[b-p0w99o09zu] {
    padding: 0 0 22px 32px
}

.mega-expertise-header[b-p0w99o09zu] {
    display: flex;
    align-items: center;
    gap: 38px;
    margin-bottom: 32px;
    height: 52px
}

.mega-expertise-label[b-p0w99o09zu] {
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    color: #B2B2B2;
    white-space: nowrap;
    flex-shrink: 0;
    min-width: 80px
}

.mega-expertise-desc[b-p0w99o09zu] {
    font-size: 12px;
    color: #767676;
    margin: 0;
    background: #F4F4F4;
    padding: 21px 20px 18px;
    width: 100%
}

.mega-expertise-columns[b-p0w99o09zu] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 32px
}

[b-p0w99o09zu] .mega-div-tag {
    font-size: 10px;
    line-height: 100%;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 8px;
    text-decoration: none;
    display: block;
}

    [b-p0w99o09zu] .mega-div-tag:hover {
        text-decoration: underline !important
    }

.mega-div-tag.tag-ec[b-p0w99o09zu] {
    color: #2D9B8E
}

.mega-div-tag.tag-we[b-p0w99o09zu] {
    color: #009CBD
}

.mega-div-tag.tag-be[b-p0w99o09zu] {
    color: #0072CE
}

.mega-div-tag.tag-ls[b-p0w99o09zu] {
    color: #0032A0
}

.mega-div-name[b-p0w99o09zu] {
    font-size: 10px;
    font-weight: 600;
    color: #2f2f2f;
    text-transform: uppercase;
    letter-spacing: 10%;
    margin-bottom: 25px;
    line-height: 100%
}

.mega-div-links[b-p0w99o09zu] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.mega-div-link[b-p0w99o09zu] {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #2F2F2F;
    text-decoration: none;
    transition: color 0.15s,border-color 0.15s;
    line-height: 100%;
    height: 16px
}

    .mega-div-link:hover[b-p0w99o09zu] {
        text-decoration: underline
    }

.mega-view-all[b-p0w99o09zu] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #414142;
    text-decoration: none;
    margin-top: 23px;
    transition: gap 0.15s;
    height: 30px;
    align-items: center
}

    .mega-view-all svg path[b-p0w99o09zu] {
        stroke: #2f2f2f
    }

    .mega-view-all:hover[b-p0w99o09zu] {
        font-weight: 600
    }

        .mega-view-all:hover svg path[b-p0w99o09zu] {
            stroke: #FFD88C
        }

.mega-menu-industries .mega-menu-inner[b-p0w99o09zu] {
    padding: 20px 32px 22px 32px;
}

.mega-industries-header[b-p0w99o09zu] {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

.mega-industries-label[b-p0w99o09zu] {
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    color: #B2B2B2;
    white-space: nowrap;
    flex-shrink: 0
}

.mega-industries-grid[b-p0w99o09zu] {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 0 28px
}

.mega-industries-column[b-p0w99o09zu] {
    display: flex;
    flex-direction: column
}

.mega-industries-col[b-p0w99o09zu] {
    padding-bottom: 35px
}

    .mega-industries-col:last-child[b-p0w99o09zu] {
        padding-bottom: 0
    }

.mega-industries-heading[b-p0w99o09zu] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 10px;
    font-weight: 600;
    color: #767676;
    text-transform: uppercase;
    letter-spacing: 10%;
    text-decoration: none;
    margin-bottom: 21px;
    line-height: 100%;
    transition: color 0.15s
}

    .mega-industries-heading:hover[b-p0w99o09zu] {
        text-decoration: underline;
    }

    .mega-industries-heading svg[b-p0w99o09zu] {
        color: #2F2F2F;
        flex-shrink: 0;
        margin-top: 1px
    }

.mega-industries-links[b-p0w99o09zu] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.mega-industries-link[b-p0w99o09zu] {
    font-size: 12px;
    font-weight: 400;
    display: flex;
    align-items: center;
    color: #2f2f2f;
    text-decoration: none;
    line-height: 100%;
    transition: color 0.15s
}

    .mega-industries-link:hover[b-p0w99o09zu] {
        text-decoration: underline
    }

.mega-industries-footer[b-p0w99o09zu] {
    margin-top: 30px;
    height: 30px
}

.mega-industries-view-all[b-p0w99o09zu] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #414142;
    text-decoration: none;
    transition: gap 0.15s;
    height: 30px;
    align-items: center
}

    .mega-industries-view-all svg path[b-p0w99o09zu] {
        stroke: #2f2f2f
    }

    .mega-industries-view-all:hover[b-p0w99o09zu] {
        font-weight: 600
    }

        .mega-industries-view-all:hover svg path[b-p0w99o09zu] {
            stroke: #FFD88C
        }

.mega-menu-simple .mega-menu-inner[b-p0w99o09zu] {
    padding: 20px 32px 22px 32px;
}

.mega-simple-columns-4[b-p0w99o09zu] {
    display: grid;
    grid-template-columns: repeat(4,1fr) !important;
    gap: 0 32px
}

.mega-simple-columns[b-p0w99o09zu] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 0 32px
}

.mega-simple-columns-6[b-p0w99o09zu] {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 0 32px
}

.mega-simple-heading[b-p0w99o09zu], a.mega-simple-heading[b-p0w99o09zu] {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #B2B2B2;
    margin-bottom: 38px !important;
    line-height: 100%;
    text-decoration: none
}

.mega-simple-links[b-p0w99o09zu] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.mega-simple-link[b-p0w99o09zu] {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #2F2F2F;
    text-decoration: none;
    line-height: 100%;
    border-bottom: 1px solid #fff0;
    transition: color 0.15s
}

    .mega-simple-link:hover[b-p0w99o09zu] {
        text-decoration: underline
    }

.mega-menu-resources .mega-menu-inner[b-p0w99o09zu] {
    padding: 0
}

.mega-resources-layout[b-p0w99o09zu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px
}

.mega-resources-left[b-p0w99o09zu] {
    display: flex;
    flex-direction: column;
    padding: 20px 32px 22px 32px;
}

.mega-resources-label[b-p0w99o09zu] {
    font-size: 16px;
    font-weight: 500;
    color: #B2B2B2;
    margin-bottom: 33px;
    line-height: 100%
}

.mega-resources-columns[b-p0w99o09zu] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 113px
}

.mega-resources-links[b-p0w99o09zu] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.mega-resources-link[b-p0w99o09zu] {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #2F2F2F;
    text-decoration: none;
    line-height: 100%;
    border-bottom: 1px solid #fff0;
    transition: color 0.15s
}

    .mega-resources-link:hover[b-p0w99o09zu] {
        text-decoration: underline
    }

.mega-resources-view-all[b-p0w99o09zu] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #414142;
    text-decoration: none;
    margin-top: 33px;
    transition: gap 0.15s;
    height: 30px
}

    .mega-resources-view-all:hover[b-p0w99o09zu] {
        font-weight: 600
    }

        .mega-resources-view-all:hover svg path[b-p0w99o09zu] {
            stroke: #FFD88C
        }

.mega-resources-right[b-p0w99o09zu] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    background: #F4F4F4;
    padding: 40px;
}

.mega-resources-featured-title[b-p0w99o09zu], .mega-resources-videos-title[b-p0w99o09zu] {
    font-size: 18px;
    font-weight: 400;
    color: #2F2F2F;
    margin: 0 0 20px 0;
    line-height: 129%
}

.mega-resources-featured-desc[b-p0w99o09zu], .mega-resources-videos-desc[b-p0w99o09zu] {
    font-size: 12px;
    font-weight: 400;
    color: #2f2f2f;
    margin: 0 0 12px 0;
    line-height: 1.5
}

.mega-resources-featured-link[b-p0w99o09zu], .mega-resources-videos-link[b-p0w99o09zu] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #414142;
    text-decoration: none;
    transition: gap 0.15s
}

    .mega-resources-featured-link:hover[b-p0w99o09zu], .mega-resources-videos-link:hover[b-p0w99o09zu] {
        font-weight: 600
    }

        .mega-resources-featured-link:hover svg path[b-p0w99o09zu], .mega-resources-videos-link:hover svg path[b-p0w99o09zu] {
            stroke: #FFD88C
        }

.mega-menu-locations .mega-menu-inner[b-p0w99o09zu] {
    padding: 20px 32px 22px
}

.mega-locations-title[b-p0w99o09zu] {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #B2B2B2;
    margin-bottom: 30px;
    line-height: 100%
}

.mega-locations-layout[b-p0w99o09zu] {
    display: grid;
    grid-template-columns: 3fr 2fr
}

.mega-locations-us[b-p0w99o09zu] {
    border-right: 1px solid #E5E5E5;
    padding-right: 32px
}

.mega-locations-region-heading[b-p0w99o09zu] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
    font-weight: 400;
    color: #767676;
    line-height: 100%;
    text-transform: uppercase;
    letter-spacing: 10%;
    text-decoration: none;
    margin-bottom: 20px;
    transition: color 0.15s
}

    .mega-locations-region-heading:hover[b-p0w99o09zu] {
        font-weight: 600;
        text-decoration: underline;
    }

        .mega-locations-region-heading:hover svg path[b-p0w99o09zu] {
            stroke: #FFD88C
        }

.mega-locations-states-grid[b-p0w99o09zu] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px 20px
}

.mega-locations-link[b-p0w99o09zu] {
    font-size: 12px;
    font-weight: 400;
    color: #2F2F2F;
    text-decoration: none;
    line-height: 1.5;
    transition: color 0.15s
}

    .mega-locations-link:hover[b-p0w99o09zu] {
        text-decoration: underline
    }

.mega-locations-other[b-p0w99o09zu] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 32px 48px;
    padding-left: 32px
}

.mega-locations-region[b-p0w99o09zu] {
    display: flex;
    flex-direction: column
}

.mega-locations-countries[b-p0w99o09zu] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.mega-locations-footer[b-p0w99o09zu] {
    margin-top: 51px
}

.mega-locations-view-all[b-p0w99o09zu] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #414142;
    text-decoration: none;
    transition: gap 0.15s;
    height: 30px;
    display: flex;
    align-items: center
}

    .mega-locations-view-all:hover[b-p0w99o09zu] {
        font-weight: 600
    }

        .mega-locations-view-all:hover svg path[b-p0w99o09zu] {
            stroke: #FFD88C
        }

@media (max-width:768px) {
    .desktop-only[b-p0w99o09zu] {
        display: none !important
    }

    .mobile-menu-toggle[b-p0w99o09zu] {
        display: flex
    }
}

@media (min-width:769px) {
    .mobile-only[b-p0w99o09zu] {
        display: none !important
    }
}

@media (min-width:1200px) {
    .header-container[b-p0w99o09zu] {
        max-width: 1164px
    }

    .header-nav[b-p0w99o09zu] {
        gap: 30px;
        margin-left: 50px
    }

    .mega-menu[b-p0w99o09zu] {
        max-width: 1140px
    }
}

@media (min-width:1400px) {
    .header-container[b-p0w99o09zu] {
        max-width: 1344px
    }

    .header-nav[b-p0w99o09zu] {
        gap: 40px;
        margin-left: 80px
    }

    .mega-menu[b-p0w99o09zu] {
        max-width: 1320px
    }
}

.mobile-nav-overlay[b-p0w99o09zu] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(6.3px);
    background: #292929C7;
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease,visibility 0.3s ease
}

    .mobile-nav-overlay.show[b-p0w99o09zu] {
        opacity: 1;
        visibility: visible
    }

.mobile-nav[b-p0w99o09zu] {
    position: fixed;
    top: 0;
    left: -353px;
    width: 330px;
    height: 90vh;
    background: #fff;
    z-index: 9999;
    transition: left 0.3s ease;
    box-shadow: 2px 0 10px rgb(0 0 0 / .1);
    border-radius: 0 0 10px 0;
    border-bottom: 11px solid #FFD88C
}

    .mobile-nav.expanded[b-p0w99o09zu] {
        left: 0
    }

.mobile-nav-content[b-p0w99o09zu] {
    padding: 24px 0px 65px 0px;
    height: 100%;
    display: flex;
    overflow-y: auto;
    flex-direction: column
}

.mobile-nav-header[b-p0w99o09zu] {
    display: flex;
    gap: 26px;
    align-items: center;
    margin-bottom: 46px;
    padding-left: 30px;
    height: 33px;
}

.mobile-nav-close-btn[b-p0w99o09zu] {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #2F2F2F;
    font-weight: 400;
    line-height: 1;
    margin-left: -8px;
    display: flex;
    align-items: center;
}

.mobile-nav-logo[b-p0w99o09zu] {
    height: 32px;
    width: auto
}

.mobile-nav-divider[b-p0w99o09zu] {
    height: 1px;
    background: #B3B3B3;
    margin: 46px 30px;
}

.mobile-nav-footer-links[b-p0w99o09zu] {
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.mobile-nav-menu[b-p0w99o09zu] {
    flex: 1;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0 30px;
}

    .mobile-nav-menu .mobile-submenu .mobile-back-btn[b-p0w99o09zu] {
        padding-left: 30px;
        padding-right: 0;
    }

    .mobile-nav-menu .mobile-submenu .mobile-submenu-content[b-p0w99o09zu] {
        padding-left: 0;
        padding-right: 0;
    }

[b-p0w99o09zu] .mobile-nav-item {
    display: flex;
    align-items: center;
    padding: 5px 0px;
    font-size: 14px;
    font-weight: 400;
    color: #414142;
    cursor: pointer;
    text-decoration: none;
    gap: 10px;
    height: 30px;
    border: none;
    background: #fff0;
}

    [b-p0w99o09zu] .mobile-nav-item:hover {
        font-weight: 600;
        color: #FFD88C;
    }

    [b-p0w99o09zu] .mobile-nav-item span svg {
        color: #1E1E1E
    }

        [b-p0w99o09zu] .mobile-nav-item:hover span svg {
            color: #FFD88C
        }

.mobile-nav-signin[b-p0w99o09zu] {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #2F2F2F;
    padding-left: 30px;
    cursor: pointer;
    border: none;
    margin: 46px 0;
    background: none;
    text-align: left;
}

.mobile-nav-contact-btn[b-p0w99o09zu] {
    background: #FFD88C;
    color: #414142;
    border: none;
    padding: 15px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    cursor: pointer;
    text-align: center;
    width: 80%;
    margin: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .mobile-nav-contact-btn:hover[b-p0w99o09zu] {
        background: #FFF4DD
    }

.mobile-nav-subscribe[b-p0w99o09zu] {
    margin-top: 19px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #414142
}

@media (min-width:768px) {
    .mobile-nav[b-p0w99o09zu], .mobile-nav-overlay[b-p0w99o09zu] {
        display: none
    }
}

.mobile-nav[b-p0w99o09zu]::-webkit-scrollbar {
    width: 0
}

.logo-link[b-p0w99o09zu] {
    display: inline-flex;
    align-items: center;
    text-decoration: none
}

.mega-div-name-link[b-p0w99o09zu] {
    text-decoration: none
}

.mega-simple-heading-link[b-p0w99o09zu] {
    display: block;
    text-decoration: none;
    color: #9ca3af;
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 16px;
    transition: color 0.15s
}

    .mega-simple-heading-link:hover[b-p0w99o09zu] {
        color: #0032A0
    }

a.mobile-nav-item[b-p0w99o09zu] {
    text-decoration: none;
    color: #414142;
    justify-content: space-between
}

a.mobile-nav-subscribe[b-p0w99o09zu] {
    text-decoration: none
}

a.sign-in-btn[b-p0w99o09zu] {
    text-decoration: none
}

a.mobile-nav-signin[b-p0w99o09zu] {
    text-decoration: none;
    display: block
}

a.mobile-nav-contact-btn[b-p0w99o09zu] {
    text-decoration: none;
    display: block;
    text-align: center
}

a.telerik-nav-link.nav-has-menu[b-p0w99o09zu] {
    display: inline-flex;
    align-items: center;
    gap: 4px
}

/*Mobile nav css*/

.mobile-submenu[b-p0w99o09zu] {
    height: 100%;
}

.mobile-back-btn[b-p0w99o09zu] {
    width: 100%;
    background: #f3f3f3;
    border: none;
    text-align: left;
    padding: 25px 30px;
    font-size: 14px;
}

.mobile-submenu-content[b-p0w99o09zu] {
    padding: 33px;
}

.mobile-division[b-p0w99o09zu] {
    margin-bottom: 32px;
}

.mobile-division-tag[b-p0w99o09zu] {
    font-size: 10px;
    font-weight: 400;
    margin-bottom: 4px;
}

    .mobile-division-tag.tag-ec[b-p0w99o09zu] {
        color: #2D9B8E !important
    }

    .mobile-division-tag.tag-we[b-p0w99o09zu] {
        color: #009CBD !important
    }

    .mobile-division-tag.tag-be[b-p0w99o09zu] {
        color: #0072CE !important
    }

    .mobile-division-tag.tag-ls[b-p0w99o09zu] {
        color: #0032A0 !important
    }

.mobile-division-title[b-p0w99o09zu] {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 27px;
    color: #2f2f2f;
}

[b-p0w99o09zu] .mobile-submenu-link {
    display: block;
    color: #2f2f2f;
    text-decoration: none;
    padding: 10px 0;
    font-size: 14px;
}

.mobile-view-all[b-p0w99o09zu] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #2f2f2f;
    font-weight: 400;
    text-decoration: none;
    margin-top: 15px;
    font-size: 14px;
    padding: 5px 0px;
}

.mobile-menu-heading[b-p0w99o09zu] {
    font-size: 16px;
    font-weight: 700;
    color: #b2b2b2;
    margin-bottom: 24px;
}

.mobile-division[b-p0w99o09zu] {
    margin-bottom: 33px;
}

    .mobile-division:last-child[b-p0w99o09zu],
    .mobile-division:last-of-type[b-p0w99o09zu] {
        margin-bottom: 0;
    }

.mobile-back-btn[b-p0w99o09zu] {
    width: 100%;
    border: none;
    background: #f4f4f4;
    text-align: left;
    padding: 23px 22px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #414142;
    font-weight: 400;
}

.mobile-submenu-link[b-p0w99o09zu] {
    display: block;
    padding: 12px 0;
    text-decoration: none;
    color: #2f2f2f;
}

.mobile-resource-featured[b-p0w99o09zu] {
    margin-top: 46px;
}

.mobile-feature-card[b-p0w99o09zu] {
    padding: 40px;
    background: #f4f4f4;
}

    .mobile-feature-card h4[b-p0w99o09zu] {
        margin-bottom: 12px;
        font-size: 18px;
        line-height: 1.3;
        margin-top: 0px;
        font-weight: 400;
        color: #2f2f2f;
    }

    .mobile-feature-card p[b-p0w99o09zu] {
        line-height: 1.5;
        margin-bottom: 18px;
        margin-top: 0px;
        font-size: 12px;
        font-weight: 400;
        color: #2f2f2f;
    }

.mobile-submenu-menu-item[b-p0w99o09zu] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

    .mobile-submenu-menu-item + .mobile-submenu-menu-item[b-p0w99o09zu] {
        margin-top: 15px;
    }

.mobile-nav-menu.submenu-open[b-p0w99o09zu] {
    padding-left: 0px;
    padding-right: 0;
}

    .mobile-nav-menu.submenu-open .mobile-submenu-content[b-p0w99o09zu] {
        padding-left: 46px;
        padding-right: 30px;
        padding-bottom: 0px;
    }

.mobile-feature-card + .mobile-feature-card[b-p0w99o09zu] {
    padding-top: 0;
}

.mobile-submenu-section[b-p0w99o09zu] {
    margin-bottom: 40px;
}

    .mobile-submenu-section:last-child[b-p0w99o09zu],
    .mobile-submenu-section:last-of-type[b-p0w99o09zu] {
        margin-bottom: 0;
    }

.mobile-submenu .mobile-menu-heading[b-p0w99o09zu] {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 27px;
    color: #2f2f2f;
}

.mobile-submenu .mobile-submenu-link[b-p0w99o09zu] {
    display: block;
    padding: 5px 0;
    color: #414142;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mobile-submenu .mobile-featured-cta[b-p0w99o09zu] {
    padding: 40px;
    margin-top: 10px;
    background: #f4f4f4;
}

.mobile-featured-cta h4[b-p0w99o09zu] {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.3;
    margin-top: 0px;
    font-weight: 400;
    color: #2f2f2f;
}

.mobile-featured-cta p[b-p0w99o09zu] {
    line-height: 1.5;
    margin-bottom: 18px;
    margin-top: 0px;
    font-size: 12px;
    font-weight: 400;
    color: #2f2f2f;
}
/* _content/Diamond2o/Components/Layout/MainLayout.razor.rz.scp.css */
html.no-scroll[b-0roatmbubc],
body.no-scroll[b-0roatmbubc] {
    height: 100%;
    overflow: hidden !important;
    touch-action: none !important; /* prevents some touch scrolling on mobile */
    -webkit-overflow-scrolling: auto !important;
}

.page[b-0roatmbubc] {
    position: relative;
    display: flex;
    flex-direction: column
}

main[b-0roatmbubc] {
    flex: 1
}

.sidebar[b-0roatmbubc] {
    width: 300px !important;
    background: #F4F4F4;
    top: 14% !important
}

.top-row[b-0roatmbubc] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center
}

    .top-row[b-0roatmbubc]  a, .top-row[b-0roatmbubc]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none
    }

        .top-row[b-0roatmbubc]  a:hover, .top-row[b-0roatmbubc]  .btn-link:hover {
            text-decoration: underline
        }

        .top-row[b-0roatmbubc]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis
        }

@media (max-width:640.98px) {
    .top-row[b-0roatmbubc] {
        justify-content: space-between
    }

        .top-row[b-0roatmbubc]  a, .top-row[b-0roatmbubc]  .btn-link {
            margin-left: 0
        }
}

@media (min-width:641px) {
    .page[b-0roatmbubc] {
        flex-direction: row
    }

    .sidebar[b-0roatmbubc] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0
    }

    .top-row[b-0roatmbubc] {
        position: sticky;
        top: 0;
        z-index: 1
    }

        .top-row.auth[b-0roatmbubc]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0
        }

    .top-row[b-0roatmbubc], article[b-0roatmbubc] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important
    }
}

#blazor-error-ui[b-0roatmbubc] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgb(0 0 0 / .2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: .6rem 1.25rem .7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000
}

    #blazor-error-ui .dismiss[b-0roatmbubc] {
        cursor: pointer;
        position: absolute;
        right: .75rem;
        top: .5rem
    }

.login-header[b-0roatmbubc] {
    height: 75px;
    background-color: #fff;
    box-shadow: 0 4px 24px 0 rgb(0 0 0 / .25);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    align-items: center
}

.header-container[b-0roatmbubc] {
    width: 100%;
    max-width: 1464px;
    margin: 0 auto;
    padding: 0 12px;
    display: flex;
    align-items: center
}

.header-logo[b-0roatmbubc] {
    height: 36px;
    flex-shrink: 0
}

.header-nav[b-0roatmbubc] {
    display: flex;
    gap: 32px;
    margin-left: 64px;
    height: 75px
}

[b-0roatmbubc] .telerik-nav-link {
    font-size: 14px;
    font-weight: 400;
    color: #2F2F2F;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer
}

    [b-0roatmbubc] .telerik-nav-link:hover {
        color: #FFD88C
    }

.nav-has-menu[b-0roatmbubc] {
    display: inline-flex;
    align-items: center;
    gap: 4px
}

.nav-chevron[b-0roatmbubc] {
    transition: transform 0.2s ease;
    opacity: .6
}

.nav-item-wrapper.menu-open .nav-chevron[b-0roatmbubc], .nav-item-wrapper:hover .nav-chevron[b-0roatmbubc] {
    transform: rotate(180deg);
    opacity: 1
}

.nav-item-wrapper[b-0roatmbubc] {
    position: relative;
    display: flex;
    align-items: center
}

.header-spacer[b-0roatmbubc] {
    flex-grow: 1
}

.header-actions[b-0roatmbubc] {
    display: flex;
    margin-left: 40px;
    align-items: center;
    position: relative
}

    .header-actions > *[b-0roatmbubc] {
        margin-right: 11px
    }

    .header-actions .sign-in-btn[b-0roatmbubc] {
        margin-right: 0
    }

.cart-container[b-0roatmbubc] {
    position: relative
}

.sign-in-btn[b-0roatmbubc] {
    color: #414142;
    font-size: 14px
}

[b-0roatmbubc] .contact-us {
    margin-left: 46px !important;
    background-color: #FFD88C;
    border: none;
    padding: 9px 24px;
    font-weight: 400;
    cursor: pointer;
    color: #414142;
    font-size: 14px;
    letter-spacing: .1px;
    border-radius: 4px;
    width: 96px;
    height: 44px
}

    [b-0roatmbubc] .contact-us:hover {
        background: #FFF4DD
    }

    [b-0roatmbubc] .contact-us:focus {
        box-shadow: none !important
    }

[b-0roatmbubc] .custom-badge {
    background-color: #FFD88C !important;
    font-size: 7px;
    color: #2F2F2F
}

.btn-login[b-0roatmbubc], .btn-signup[b-0roatmbubc] {
    height: 40px;
    padding: 0 16px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer
}

.btn-login[b-0roatmbubc] {
    background: #fff0;
    border: 1px solid #ccc
}

.btn-signup[b-0roatmbubc] {
    background: #000;
    color: #2F2F2F;
    border: none
}

.login-body[b-0roatmbubc] {
    padding-top: 75px;
    height: 100%
}

.account-anchor[b-0roatmbubc] {
    display: inline-block;
    cursor: pointer;
    font-weight: 400
}

.k-animation-container.account-popup[b-0roatmbubc] {
    top: 75px !important
}

    .k-animation-container.account-popup .k-popup[b-0roatmbubc] {
        padding: 4px !important;
        width: 100% !important;
        box-sizing: border-box
    }

        .k-animation-container.account-popup .k-popup > div[b-0roatmbubc] {
            display: flex;
            flex-direction: column;
            padding: 4px
        }

.account-item + .account-item[b-0roatmbubc] {
    margin-top: 6px
}

.account-item[b-0roatmbubc] {
    display: flex;
    align-items: center;
    padding: 6px 14px;
    padding: 6px 20px 6px 14px;
    height: 32px;
    width: 100%;
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
    white-space: nowrap;
    color: #757575;
    font-size: 14px;
    font-weight: 400;
    transition: background-color 0.2s ease
}

.account-popup-divider[b-0roatmbubc] {
    color: #D9D9D9;
    margin: 6px 0;
    border-top: 1px solid #D9D9D9
}

.account-item:hover[b-0roatmbubc] {
    background: #f8f9fa;
    color: #2F2F2F
}

.mega-menu[b-0roatmbubc] {
    position: fixed;
    top: 75px;
    left: 50%;
    transform: translateX(-50%) translateY(-8px);
    width: 100%;
    max-width: 1320px;
    background: #fff;
    border-bottom: 10px solid #FFD88C;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 8px 32px rgb(0 0 0 / .12);
    z-index: 11000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease,transform 0.2s ease,visibility 0.2s;
    pointer-events: none;
}

.mega-menu-visible[b-0roatmbubc] {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    pointer-events: auto
}

.mega-menu-inner[b-0roatmbubc] {
    max-width: 1344px;
    margin: 0 auto;
    padding: 32px;
    border-top: 1px solid #D2D5DA;
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
    max-height: 400px;
}

.mega-menu[b-0roatmbubc]::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 14px;
    background: #fff0
}

.mega-menu-expertise .mega-menu-inner[b-0roatmbubc] {
    padding: 0 0 22px 32px
}

.mega-expertise-header[b-0roatmbubc] {
    display: flex;
    align-items: center;
    gap: 38px;
    margin-bottom: 32px;
    height: 52px
}

.mega-expertise-label[b-0roatmbubc] {
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    color: #B2B2B2;
    white-space: nowrap;
    flex-shrink: 0;
    min-width: 80px
}

.mega-expertise-desc[b-0roatmbubc] {
    font-size: 12px;
    color: #767676;
    margin: 0;
    background: #F4F4F4;
    padding: 21px 20px 18px;
    width: 100%
}

.mega-expertise-columns[b-0roatmbubc] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 32px
}

[b-0roatmbubc] .mega-div-tag {
    font-size: 10px;
    line-height: 100%;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 8px;
    text-decoration: none;
    display: block;
}

.mega-div-tag:hover[b-0roatmbubc] {
    text-decoration: underline
}

.mega-div-tag.tag-ec[b-0roatmbubc] {
    color: #2D9B8E
}

.mega-div-tag.tag-we[b-0roatmbubc] {
    color: #009CBD
}

.mega-div-tag.tag-be[b-0roatmbubc] {
    color: #0072CE
}

.mega-div-tag.tag-ls[b-0roatmbubc] {
    color: #0032A0
}

.mega-div-name[b-0roatmbubc] {
    font-size: 10px;
    font-weight: 600;
    color: #2f2f2f;
    text-transform: uppercase;
    letter-spacing: 10%;
    margin-bottom: 25px;
    line-height: 100%
}

.mega-div-links[b-0roatmbubc] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.mega-div-link[b-0roatmbubc] {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #2F2F2F;
    text-decoration: none;
    transition: color 0.15s,border-color 0.15s;
    line-height: 100%;
    height: 16px
}

    .mega-div-link:hover[b-0roatmbubc] {
        text-decoration: underline
    }

.mega-view-all[b-0roatmbubc] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #414142;
    text-decoration: none;
    margin-top: 23px;
    transition: gap 0.15s;
    height: 30px;
    align-items: center
}

    .mega-view-all svg path[b-0roatmbubc] {
        stroke: #2f2f2f
    }

    .mega-view-all:hover[b-0roatmbubc] {
        font-weight: 600
    }

        .mega-view-all:hover svg path[b-0roatmbubc] {
            stroke: #FFD88C
        }

.mega-menu-industries .mega-menu-inner[b-0roatmbubc] {
    padding: 20px 32px 22px 32px;
}

.mega-industries-header[b-0roatmbubc] {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

.mega-industries-label[b-0roatmbubc] {
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    color: #B2B2B2;
    white-space: nowrap;
    flex-shrink: 0
}

.mega-industries-grid[b-0roatmbubc] {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 0 28px
}

.mega-industries-column[b-0roatmbubc] {
    display: flex;
    flex-direction: column
}

.mega-industries-col[b-0roatmbubc] {
    padding-bottom: 35px
}

    .mega-industries-col:last-child[b-0roatmbubc] {
        padding-bottom: 0
    }

.mega-industries-heading[b-0roatmbubc] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 10px;
    font-weight: 600;
    color: #767676;
    text-transform: uppercase;
    letter-spacing: 10%;
    text-decoration: none;
    margin-bottom: 21px;
    line-height: 100%;
    transition: color 0.15s
}

    .mega-industries-heading:hover[b-0roatmbubc] {
        text-decoration: underline;
    }

    .mega-industries-heading svg[b-0roatmbubc] {
        color: #2F2F2F;
        flex-shrink: 0;
        margin-top: 1px
    }

.mega-industries-links[b-0roatmbubc] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.mega-industries-link[b-0roatmbubc] {
    font-size: 12px;
    font-weight: 400;
    display: flex;
    align-items: center;
    color: #2f2f2f;
    text-decoration: none;
    line-height: 100%;
    transition: color 0.15s
}

    .mega-industries-link:hover[b-0roatmbubc] {
        text-decoration: underline
    }

.mega-industries-footer[b-0roatmbubc] {
    margin-top: 30px;
    height: 30px
}

.mega-industries-view-all[b-0roatmbubc] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #414142;
    text-decoration: none;
    transition: gap 0.15s;
    height: 30px;
    align-items: center
}

    .mega-industries-view-all svg path[b-0roatmbubc] {
        stroke: #2f2f2f
    }

    .mega-industries-view-all:hover[b-0roatmbubc] {
        font-weight: 600
    }

        .mega-industries-view-all:hover svg path[b-0roatmbubc] {
            stroke: #FFD88C
        }

.mega-menu-simple .mega-menu-inner[b-0roatmbubc] {
    padding: 20px 32px 22px 32px;
}

.mega-simple-columns-4[b-0roatmbubc] {
    display: grid;
    grid-template-columns: repeat(4,1fr) !important;
    gap: 0 32px
}

.mega-simple-columns[b-0roatmbubc] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 0 32px
}

.mega-simple-columns-6[b-0roatmbubc] {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 0 32px
}

.mega-simple-heading[b-0roatmbubc], a.mega-simple-heading[b-0roatmbubc] {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #B2B2B2;
    margin-bottom: 38px !important;
    line-height: 100%;
    text-decoration: none
}

.mega-simple-links[b-0roatmbubc] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.mega-simple-link[b-0roatmbubc] {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #2F2F2F;
    text-decoration: none;
    line-height: 100%;
    border-bottom: 1px solid #fff0;
    transition: color 0.15s
}

    .mega-simple-link:hover[b-0roatmbubc] {
        text-decoration: underline
    }

.mega-menu-resources .mega-menu-inner[b-0roatmbubc] {
    padding: 0
}

.mega-resources-layout[b-0roatmbubc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px
}

.mega-resources-left[b-0roatmbubc] {
    display: flex;
    flex-direction: column;
    padding: 20px 32px 22px 32px;
}

.mega-resources-label[b-0roatmbubc] {
    font-size: 16px;
    font-weight: 500;
    color: #B2B2B2;
    margin-bottom: 33px;
    line-height: 100%
}

.mega-resources-columns[b-0roatmbubc] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 113px
}

.mega-resources-links[b-0roatmbubc] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.mega-resources-link[b-0roatmbubc] {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #2F2F2F;
    text-decoration: none;
    line-height: 100%;
    border-bottom: 1px solid #fff0;
    transition: color 0.15s
}

    .mega-resources-link:hover[b-0roatmbubc] {
        text-decoration: underline
    }

.mega-resources-view-all[b-0roatmbubc] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #414142;
    text-decoration: none;
    margin-top: 33px;
    transition: gap 0.15s;
    height: 30px
}

    .mega-resources-view-all:hover[b-0roatmbubc] {
        font-weight: 600
    }

        .mega-resources-view-all:hover svg path[b-0roatmbubc] {
            stroke: #FFD88C
        }

.mega-resources-right[b-0roatmbubc] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    background: #F4F4F4;
    padding: 40px;
}

.mega-resources-featured-title[b-0roatmbubc], .mega-resources-videos-title[b-0roatmbubc] {
    font-size: 18px;
    font-weight: 400;
    color: #2F2F2F;
    margin: 0 0 20px 0;
    line-height: 129%
}

.mega-resources-featured-desc[b-0roatmbubc], .mega-resources-videos-desc[b-0roatmbubc] {
    font-size: 12px;
    font-weight: 400;
    color: #2f2f2f;
    margin: 0 0 12px 0;
    line-height: 1.5
}

.mega-resources-featured-link[b-0roatmbubc], .mega-resources-videos-link[b-0roatmbubc] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #414142;
    text-decoration: none;
    transition: gap 0.15s
}

    .mega-resources-featured-link:hover[b-0roatmbubc], .mega-resources-videos-link:hover[b-0roatmbubc] {
        font-weight: 600
    }

        .mega-resources-featured-link:hover svg path[b-0roatmbubc], .mega-resources-videos-link:hover svg path[b-0roatmbubc] {
            stroke: #FFD88C
        }

.mega-menu-locations .mega-menu-inner[b-0roatmbubc] {
    padding: 20px 32px 22px
}

.mega-locations-title[b-0roatmbubc] {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #B2B2B2;
    margin-bottom: 30px;
    line-height: 100%
}

.mega-locations-layout[b-0roatmbubc] {
    display: grid;
    grid-template-columns: 3fr 2fr
}

.mega-locations-us[b-0roatmbubc] {
    border-right: 1px solid #E5E5E5;
    padding-right: 32px
}

.mega-locations-region-heading[b-0roatmbubc] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
    font-weight: 400;
    color: #767676;
    line-height: 100%;
    text-transform: uppercase;
    letter-spacing: 10%;
    text-decoration: none;
    margin-bottom: 20px;
    transition: color 0.15s
}

    .mega-locations-region-heading:hover[b-0roatmbubc] {
        font-weight: 600;
        text-decoration: underline;
    }

        .mega-locations-region-heading:hover svg path[b-0roatmbubc] {
            stroke: #FFD88C
        }

.mega-locations-states-grid[b-0roatmbubc] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px 20px
}

.mega-locations-link[b-0roatmbubc] {
    font-size: 12px;
    font-weight: 400;
    color: #2F2F2F;
    text-decoration: none;
    line-height: 1.5;
    transition: color 0.15s
}

    .mega-locations-link:hover[b-0roatmbubc] {
        text-decoration: underline
    }

.mega-locations-other[b-0roatmbubc] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 32px 48px;
    padding-left: 32px
}

.mega-locations-region[b-0roatmbubc] {
    display: flex;
    flex-direction: column
}

.mega-locations-countries[b-0roatmbubc] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.mega-locations-footer[b-0roatmbubc] {
    margin-top: 51px
}

.mega-locations-view-all[b-0roatmbubc] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #414142;
    text-decoration: none;
    transition: gap 0.15s;
    height: 30px;
    display: flex;
    align-items: center
}

    .mega-locations-view-all:hover[b-0roatmbubc] {
        font-weight: 600
    }

        .mega-locations-view-all:hover svg path[b-0roatmbubc] {
            stroke: #FFD88C
        }

.mobile-menu-toggle[b-0roatmbubc] {
    display: none;
    flex-direction: column;
    gap: 4px;
    cursor: pointer
}

.mobile-header-layout[b-0roatmbubc] {
    display: flex !important;
    width: 100%;
    align-items: center;
    height: 39px
}

.mobile-left-section[b-0roatmbubc] {
    display: flex;
    align-items: center;
    gap: 26px
}

.hamburger-line[b-0roatmbubc] {
    width: 22px;
    height: 2px;
    background: #000
}

.mobile-cart[b-0roatmbubc] {
    margin-left: auto;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mobile-nav-wrapper[b-0roatmbubc] {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100vw;
    background: #EEFEFF;
    display: flex;
    align-items: center;
    padding-left: 32px;
    padding-right: 32px;
    padding-top: 24px;
    padding-bottom: 20px;
    z-index: 2000
}

.mobile-bottom-nav[b-0roatmbubc] {
    height: 76px;
    width: 100%;
    background: #fff;
    border-radius: 65px;
    border-top: 1px solid #e0e0e0;
    box-shadow: 0 0 4.4px rgb(0 0 0 / .25);
    display: flex;
    justify-content: center;
    padding: 16px 10px 16px 15px;
    align-items: center;
    z-index: 2000
}

.nav-items[b-0roatmbubc] {
    width: 100%;
    max-width: 370px;
    margin: 0 auto;
    display: flex;
    gap: 24px;
    align-items: center
}

.nav-item[b-0roatmbubc] {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    text-decoration: none;
    color: #6c757d;
    background: none;
    border: none;
    cursor: pointer;
    min-height: 50px;
    min-width: 50px;
    border-radius: 12px;
    transition: all 0.2s ease
}

    .nav-item:hover[b-0roatmbubc] {
        background-color: #f8f9fa;
        transform: translateY(-2px)
    }

    .nav-item.active[b-0roatmbubc] {
        color: #FFD88C;
        background-color: rgb(255 216 140 / .1)
    }

.nav-item--more[b-0roatmbubc] {
    color: #2F2F2F
}

.nav-icon[b-0roatmbubc] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px
}

    .nav-icon svg[b-0roatmbubc] {
        width: 24px;
        height: 24px;
        stroke: currentColor;
        fill: none;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round
    }

.mobile-more-menu[b-0roatmbubc] {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    pointer-events: none
}

    .mobile-more-menu.show[b-0roatmbubc] {
        opacity: 1;
        visibility: visible;
        pointer-events: auto
    }

.more-menu-content[b-0roatmbubc] {
    position: absolute;
    bottom: 100px;
    right: 35px;
    width: 197px;
    background: #2F2F2F;
    padding: 18px 14px;
    max-height: 400px;
    overflow-y: auto;
    transform: translateY(20px) scale(.95);
    transition: all 0.3s ease
}

.mobile-more-menu.show .more-menu-content[b-0roatmbubc] {
    transform: translateY(0) scale(1)
}

.more-menu-items[b-0roatmbubc] {
    display: flex;
    flex-direction: column;
    gap: 4px
}

[b-0roatmbubc] .more-menu-item {
    display: flex;
    align-items: center;
    padding: 10px 25px;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    font-weight: 400;
    justify-content: flex-end;
    border: none;
    cursor: pointer;
    width: 100%;
    text-align: right;
    transition: background-color 0.2s ease
}

    [b-0roatmbubc] .more-menu-item.active {
        color: #FFD88C !important;
        font-weight: bold !important
    }

        [b-0roatmbubc] .more-menu-item.active span {
            font-weight: bold !important
        }

.more-menu-item-section[b-0roatmbubc] {
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #767676;
    text-align: right
}

.more-menu-item .menu-icon[b-0roatmbubc] {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff
}

    .more-menu-item .menu-icon svg[b-0roatmbubc] {
        width: 18px;
        height: 18px;
        stroke: #2F2F2F;
        fill: none;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round
    }

.more-menu-divider[b-0roatmbubc] {
    height: 1px;
    background-color: #767676;
    margin-top: 7px;
    margin-bottom: 5px
}

.mobile-more-menu:not(.show)[b-0roatmbubc] {
    pointer-events: none
}

[b-0roatmbubc] .menu-link {
    width: 50px;
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 10px 13px;
    border-radius: 20px;
    text-decoration: none;
    color: #2F2F2F;
    font-size: 12px;
    font-weight: 400;
    justify-content: flex-start;
    height: 44px
}

.menu-icon[b-0roatmbubc] {
    display: inline-flex;
    justify-content: center;
    color: #2F2F2F
}

.menu-link:hover[b-0roatmbubc] {
    background-color: rgb(255 255 255 / .1);
    color: #2F2F2F
}

[b-0roatmbubc] .menu-link.active {
    color: #2F2F2F;
    border: 1px solid #ED9D00 !important;
    border-radius: 999px !important;
    background: none !important
}

    [b-0roatmbubc] .menu-link.active .menu-icon {
        color: #ED9D00
    }

@media (min-width:1200px) {
    .header-container[b-0roatmbubc] {
        max-width: 1164px
    }

    .header-nav[b-0roatmbubc] {
        gap: 30px;
        margin-left: 50px
    }

    .mobile-bottom-nav[b-0roatmbubc], .mobile-more-menu[b-0roatmbubc] {
        display: none !important
    }

    .mega-menu[b-0roatmbubc] {
        max-width: 1140px
    }
}

@media (min-width:1400px) {
    .header-container[b-0roatmbubc] {
        max-width: 1344px
    }

    .header-nav[b-0roatmbubc] {
        gap: 40px;
        margin-left: 80px
    }

    .mega-menu[b-0roatmbubc] {
        max-width: 1320px
    }
}

@media (max-width:768px) {
    .desktop-only[b-0roatmbubc] {
        display: none !important
    }

    .mobile-menu-toggle[b-0roatmbubc] {
        display: flex
    }

    .mobile-bottom-nav[b-0roatmbubc] {
        display: flex !important
    }
}

@media (max-width:768px) {
    .desktop-only[b-0roatmbubc] {
        display: none !important
    }

    .mobile-only[b-0roatmbubc] {
        display: block
    }

    [b-0roatmbubc] .page_content {
        height: 100%;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding-top: 75px !important;
        padding-bottom: 120px !important;
        max-width: none;
        width: 100vw;
        margin: 0;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .page_content[b-0roatmbubc]::-webkit-scrollbar {
        display: none
    }
}

@media (min-width:769px) {
    .mobile-only[b-0roatmbubc] {
        display: none !important
    }
}

@media (max-width:480px) {
    .desktop-only[b-0roatmbubc] {
        display: none !important
    }

    .mobile-only[b-0roatmbubc] {
        display: block
    }

    .page_content[b-0roatmbubc] {
        height: 100%;
        overflow-y: auto !important;
        overflow-x: hidden !important;
        padding-top: 75px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 120px !important;
        max-width: none;
        width: 100%;
        margin: 0;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

        .page_content[b-0roatmbubc]::-webkit-scrollbar {
            display: none
        }

    [b-0roatmbubc] .custom-badge {
        right: 7px !important;
        top: -12px;
    }

    .nav-items[b-0roatmbubc] {
        gap: 24px
    }
}

@media (max-width:430px) {
    .nav-items[b-0roatmbubc] {
        gap: 15px
    }
}

@media (max-width:480px) and (min-width:375px) {
    .page_content[b-0roatmbubc] {
        height: 100%;
        overflow-y: auto !important;
        overflow-x: auto !important;
        padding-top: 75px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 120px !important;
        width: calc(100vw - 60px);
        max-width: none;
        margin: 0;
        scrollbar-width: none;
        -ms-overflow-style: none
    }
}

@media (max-width:375px) {
    .page_content[b-0roatmbubc] {
        height: 100%;
        overflow-y: auto !important;
        overflow-x: auto !important;
        padding-top: 75px !important;
        padding-left: 0px !important;
        padding-right: 0px !important;
        padding-bottom: 120px !important;
        width: calc(100vw - 60px);
        max-width: none;
        margin: 0;
        scrollbar-width: none;
        -ms-overflow-style: none
    }

    .nav-items[b-0roatmbubc] {
        gap: 5px
    }

    .mobile-bottom-nav[b-0roatmbubc] {
        width: 100%
    }
}

.page_content[b-0roatmbubc] {
    flex: 1;
    overflow-y: auto;
    overflow-x: hidden;
    padding: calc(75px + 52px) 0 16px 20px;
    padding-right: 0px !important;
    position: relative;
    background: linear-gradient(180deg,#F9F9F9 0%,#EEFEFF 100%);
    z-index: 1
}

.right-bleed-bg[b-0roatmbubc] {
    position: fixed;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100vh;
    background: linear-gradient(180deg,#F9F9F9 0%,#EEFEFF 100%);
    z-index: 0;
    pointer-events: none
}

.mobile-nav-overlay[b-0roatmbubc] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(6.300000190734863px);
    background: #292929C7;
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease,visibility 0.3s ease
}

    .mobile-nav-overlay.show[b-0roatmbubc] {
        opacity: 1;
        visibility: visible
    }

.mobile-nav[b-0roatmbubc] {
    position: fixed;
    top: 0;
    left: -353px;
    width: 330px;
    height: 90vh;
    background-color: #fff;
    z-index: 9999;
    transition: left 0.3s ease;
    box-shadow: 2px 0 10px rgb(0 0 0 / .1);
    border-radius: 0 0 10px 0;
    border-bottom: 11px solid #FFD88C
}

    .mobile-nav.expanded[b-0roatmbubc] {
        left: 0
    }

.mobile-nav-content[b-0roatmbubc] {
    padding: 24px 0px 65px 0px;
    height: 100%;
    display: flex;
    overflow-y: auto;
    flex-direction: column
}

.mobile-nav-header[b-0roatmbubc] {
    display: flex;
    gap: 26px;
    align-items: center;
    margin-bottom: 46px;
    padding-left: 30px;
    height: 33px;
}

.mobile-nav-close-btn[b-0roatmbubc] {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #2F2F2F;
    font-weight: 400;
    line-height: 1;
    margin-left: -8px;
    display: flex;
    align-items: center;
}

.mobile-nav-logo[b-0roatmbubc] {
    height: 32px;
    width: auto
}

.mobile-nav-divider[b-0roatmbubc] {
    height: 1px;
    background: #B3B3B3;
    margin: 46px 30px;
}

.mobile-nav-footer-links[b-0roatmbubc] {
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.mobile-nav-menu[b-0roatmbubc] {
    flex: 1;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0 30px;
}

    .mobile-nav-menu .mobile-submenu .mobile-back-btn[b-0roatmbubc] {
        padding-left: 30px;
        padding-right: 0;
    }

    .mobile-nav-menu .mobile-submenu .mobile-submenu-content[b-0roatmbubc] {
        padding-left: 0;
        padding-right: 0;
    }

[b-0roatmbubc] .mobile-nav-item {
    display: flex;
    align-items: center;
    padding: 5px 0px;
    font-size: 14px;
    font-weight: 400;
    color: #414142;
    cursor: pointer;
    text-decoration: none;
    gap: 10px;
    height: 30px;
    border: none;
    background: #fff0;
}

    [b-0roatmbubc] .mobile-nav-item:hover {
        font-weight: 600;
        color: #FFD88C;
    }

    [b-0roatmbubc] .mobile-nav-item span svg {
        color: #1E1E1E
    }

    [b-0roatmbubc] .mobile-nav-item:hover span svg {
        color: #FFD88C
    }

.mobile-nav-signin[b-0roatmbubc] {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #2F2F2F;
    padding-left: 30px;
    cursor: pointer;
    border: none;
    margin: 46px 0;
    background: none;
    text-align: left;
}

.mobile-nav-contact-btn[b-0roatmbubc] {
    background: #FFD88C;
    color: #414142;
    border: none;
    padding: 15px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    cursor: pointer;
    text-align: center;
    width: 80%;
    margin: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .mobile-nav-contact-btn:hover[b-0roatmbubc] {
        background-color: #FFF4DD
    }

.mobile-nav-subscribe[b-0roatmbubc] {
    margin-top: 19px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #414142
}

.mega-menu-visible ~ * .collapse-toggle[b-0roatmbubc],
.mega-menu-visible .collapse-toggle[b-0roatmbubc] {
    display: none;
}

@media (min-width:768px) {
    .mobile-nav[b-0roatmbubc], .mobile-nav-overlay[b-0roatmbubc] {
        display: none
    }
}

.mobile-nav[b-0roatmbubc]::-webkit-scrollbar {
    width: 0
}

.mobile-nav[b-0roatmbubc]::-webkit-scrollbar-track {
    background: #fff0
}

.mobile-nav[b-0roatmbubc]::-webkit-scrollbar-thumb {
    background: #fff0
}

/*Mobile nav css*/

.mobile-submenu[b-0roatmbubc] {
    height: 100%;
}

.mobile-back-btn[b-0roatmbubc] {
    width: 100%;
    background: #f3f3f3;
    border: none;
    text-align: left;
    padding: 25px 30px;
    font-size: 14px;
}

.mobile-submenu-content[b-0roatmbubc] {
    padding: 33px;
}

.mobile-division[b-0roatmbubc] {
    margin-bottom: 32px;
}

.mobile-division-tag[b-0roatmbubc] {
    font-size: 10px;
    font-weight: 400;
    margin-bottom: 4px;
}

    .mobile-division-tag.tag-ec[b-0roatmbubc] {
        color: #2D9B8E !important
    }

    .mobile-division-tag.tag-we[b-0roatmbubc] {
        color: #009CBD !important
    }

    .mobile-division-tag.tag-be[b-0roatmbubc] {
        color: #0072CE !important
    }

    .mobile-division-tag.tag-ls[b-0roatmbubc] {
        color: #0032A0 !important
    }

.mobile-division-title[b-0roatmbubc] {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 27px;
    color: #2f2f2f;
}

[b-0roatmbubc] .mobile-submenu-link {
    display: block;
    color: #2f2f2f;
    text-decoration: none;
    padding: 10px 0;
    font-size: 14px;
}

.mobile-view-all[b-0roatmbubc] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #2f2f2f;
    font-weight: 400;
    text-decoration: none;
    margin-top: 15px;
    font-size: 14px;
    padding: 5px 0px;
}

.mobile-menu-heading[b-0roatmbubc] {
    font-size: 16px;
    font-weight: 700;
    color: #b2b2b2;
    margin-bottom: 24px;
}

.mobile-division[b-0roatmbubc] {
    margin-bottom: 33px;
}

    .mobile-division:last-child[b-0roatmbubc],
    .mobile-division:last-of-type[b-0roatmbubc] {
        margin-bottom: 0;
    }

.mobile-back-btn[b-0roatmbubc] {
    width: 100%;
    border: none;
    background: #f4f4f4;
    text-align: left;
    padding: 23px 22px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #414142;
    font-weight: 400;
}

.mobile-submenu-link[b-0roatmbubc] {
    display: block;
    padding: 12px 0;
    text-decoration: none;
    color: #2f2f2f;
}

.mobile-resource-featured[b-0roatmbubc] {
    margin-top: 46px;
}

.mobile-feature-card[b-0roatmbubc] {
    padding: 40px;
    background: #f4f4f4;
}

    .mobile-feature-card h4[b-0roatmbubc] {
        margin-bottom: 12px;
        font-size: 18px;
        line-height: 1.3;
        margin-top: 0px;
        font-weight: 400;
        color: #2f2f2f;
    }

    .mobile-feature-card p[b-0roatmbubc] {
        line-height: 1.5;
        margin-bottom: 18px;
        margin-top: 0px;
        font-size: 12px;
        font-weight: 400;
        color: #2f2f2f;
    }

.mobile-submenu-menu-item[b-0roatmbubc] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

    .mobile-submenu-menu-item + .mobile-submenu-menu-item[b-0roatmbubc] {
        margin-top: 15px;
    }

.mobile-nav-menu.submenu-open[b-0roatmbubc] {
    padding-left: 0px;
    padding-right: 0;
}

    .mobile-nav-menu.submenu-open .mobile-submenu-content[b-0roatmbubc] {
        padding-left: 46px;
        padding-right: 30px;
        padding-bottom: 0px;
    }

.mobile-feature-card + .mobile-feature-card[b-0roatmbubc] {
    padding-top: 0;
}

.mobile-submenu-section[b-0roatmbubc] {
    margin-bottom: 40px;
}

    .mobile-submenu-section:last-child[b-0roatmbubc],
    .mobile-submenu-section:last-of-type[b-0roatmbubc] {
        margin-bottom: 0;
    }

.mobile-submenu .mobile-menu-heading[b-0roatmbubc] {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 27px;
    color: #2f2f2f;
}

.mobile-submenu .mobile-submenu-link[b-0roatmbubc] {
    display: block;
    padding: 5px 0;
    color: #414142;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mobile-submenu .mobile-featured-cta[b-0roatmbubc] {
    padding: 40px;
    margin-top: 10px;
    background: #f4f4f4;
}

.mobile-featured-cta h4[b-0roatmbubc] {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.3;
    margin-top: 0px;
    font-weight: 400;
    color: #2f2f2f;
}

.mobile-featured-cta p[b-0roatmbubc] {
    line-height: 1.5;
    margin-bottom: 18px;
    margin-top: 0px;
    font-size: 12px;
    font-weight: 400;
    color: #2f2f2f;
}

@media (max-width: 768px) {

    .k-animation-container.account-popup:has(.k-child-animation-container>.k-popup)[b-0roatmbubc] {
        top: 75px !important
    }

    .k-animation-container.account-popup .k-popup[b-0roatmbubc] {
        width: 100% !important;
        max-width: 720px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        top: 75px;
    }

        .k-animation-container.account-popup .k-popup > div[b-0roatmbubc] {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            padding: 32px !important;
        }

    .k-animation-container.account-popup .account-item[b-0roatmbubc] {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 15px 14px !important;
        height: 50px !important;
        font-size: 16px !important;
        line-height: 20px !important;
        font-weight: 400 !important;
        color: #757575 !important;
    }

        .k-animation-container.account-popup .account-item + .account-item[b-0roatmbubc] {
            margin-top: 10px;
        }

    .k-animation-container.account-popup .account-popup-divider[b-0roatmbubc] {
        width: 90% !important;
        margin: 10px auto !important;
    }
}
/* _content/Diamond2o/Components/Layout/MasterLayout.razor.rz.scp.css */
html.no-scroll[b-q4duzu1mq8],
body.no-scroll[b-q4duzu1mq8] {
    height: 100%;
    overflow: hidden !important;
    touch-action: none !important; /* prevents some touch scrolling on mobile */
    -webkit-overflow-scrolling: auto !important;
}
.login-header[b-q4duzu1mq8] {
    height: 75px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 1000;
    background: rgb(47 47 47 / .3);
    backdrop-filter: blur(4px);
    box-shadow: none;
    display: flex;
    align-items: center;
    transition: background-color 0.3s ease,box-shadow 0.3s ease,backdrop-filter 0.3s ease
}

    .login-header.scrolled[b-q4duzu1mq8] {
        background: #ffffff !important;
        backdrop-filter: none;
        box-shadow: 0 4px 24px 0 rgb(0 0 0 / .25)
    }

.header-container[b-q4duzu1mq8] {
    width: 100%;
    max-width: 1464px;
    margin: 0 auto;
    padding: 0 12px;
    display: flex;
    align-items: center
}

.header-logo[b-q4duzu1mq8] {
    height: 32px;
    flex-shrink: 0
}

.header-nav[b-q4duzu1mq8] {
    display: flex;
    gap: 32px;
    margin-left: 64px
}

.login-header.scrolled[b-q4duzu1mq8]  .header-nav a {
    color: #2F2F2F
}

[b-q4duzu1mq8] .header-nav a {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    white-space: nowrap
}

    [b-q4duzu1mq8] .header-nav a:hover {
        color: #FFD88C
    }

.header-spacer[b-q4duzu1mq8] {
    flex-grow: 1
}

.header-actions[b-q4duzu1mq8] {
    display: flex;
    margin-left: 40px;
    align-items: center;
    position: relative
}

    .header-actions > *[b-q4duzu1mq8] {
        margin-right: 11px
    }

    .header-actions .sign-in-btn[b-q4duzu1mq8] {
        margin-right: 0
    }

[b-q4duzu1mq8] .custom-badge {
    background-color: #FFD88C !important;
    font-size: 7px;
    color: #2F2F2F
}

.cart-container[b-q4duzu1mq8] {
    position: relative
}

.cart-icon[b-q4duzu1mq8] {
    color: #fff
}

.login-header.scrolled .cart-icon[b-q4duzu1mq8] {
    color: #2f2f2f
}

.pipe-divider[b-q4duzu1mq8] {
    color: #fff
}

.login-header.scrolled .pipe-divider[b-q4duzu1mq8] {
    color: #b3b3b3
}

.sign-in-btn[b-q4duzu1mq8] {
    color: #fff;
    font-size: 14px;
    margin-right: 16px;
    cursor: pointer
}

.login-header.scrolled .sign-in-btn[b-q4duzu1mq8] {
    color: #414142
}

[b-q4duzu1mq8] .contact-us {
    margin-left: 46px !important;
    background-color: #FFD88C;
    border: none;
    padding: 9px 24px;
    font-weight: 400;
    cursor: pointer;
    color: #414142;
    font-size: 14px;
    letter-spacing: .1px;
    border-radius: 4px;
    width: 96px;
    height: 44px
}

    [b-q4duzu1mq8] .contact-us:hover {
        background: #FFF4DD
    }

    [b-q4duzu1mq8] .contact-us:focus {
        box-shadow: none !important
    }

.account-anchor[b-q4duzu1mq8] {
    display: inline-block;
    cursor: pointer;
    font-weight: 400;
    border: none;
    background: #fff0
}

.k-animation-container.account-popup[b-q4duzu1mq8] {
    top: 75px !important
}

    .k-animation-container.account-popup .k-popup[b-q4duzu1mq8] {
        padding: 4px !important;
        width: 100% !important;
        box-sizing: border-box
    }

        .k-animation-container.account-popup .k-popup > div[b-q4duzu1mq8] {
            display: flex;
            flex-direction: column;
            padding: 4px
        }

.account-item + .account-item[b-q4duzu1mq8] {
    margin-top: 6px
}

.account-item[b-q4duzu1mq8] {
    display: flex;
    align-items: center;
    padding: 6px 20px 6px 14px;
    height: 32px;
    width: 100%;
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
    white-space: nowrap;
    color: #757575;
    font-size: 14px;
    font-weight: 400;
    transition: background-color 0.2s ease
}

.account-popup-divider[b-q4duzu1mq8] {
    color: #D9D9D9;
    margin: 6px 0;
    border-top: 1px solid #D9D9D9
}

.account-item:hover[b-q4duzu1mq8] {
    background: #f8f9fa;
    color: #2F2F2F
}

.hero-banner.hero--with-bg.hero--software[b-q4duzu1mq8] {
    position: relative;
    width: 100%;
    height: 420px;
    overflow: hidden;
    isolation: isolate
}

.hero--software img.hero-img[b-q4duzu1mq8] {
    position: absolute;
    width: 100%;
    height: 420px;
    object-fit: cover;
    aspect-ratio: 4096 / 2391;
    object-position: 40% 29%;
    display: block
}

.hero-banner.hero--with-bg.hero--training[b-q4duzu1mq8] {
    position: relative !important;
    width: 100% !important;
    height: 592px !important;
    min-height: 592px;
    overflow: hidden !important;
    isolation: isolate !important
}

.hero--training img.hero-img[b-q4duzu1mq8] {
    position: absolute !important;
    width: 100% !important;
    height: 592px !important;
    min-height: 592px;
    object-fit: cover !important;
    aspect-ratio: 4096 / 2391;
    object-position: 40% 29% !important;
    display: block !important
}

.hero-banner[b-q4duzu1mq8]::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100vw;
    height: 13px;
    background: url(/images/hero-border.webp) center/cover no-repeat;
    z-index: 3
}

@media (max-width:768px) {
    .hero-banner[b-q4duzu1mq8]::after {
        height: 13px;
        background-size: 100% 100%;
        width: 100%;
        left: 0;
        transform: none
    }
}

@media (max-width:576px) {
    .hero-banner[b-q4duzu1mq8]::after {
        height: 13px;
        background-size: 100% 100%;
        width: 100%;
        left: 0;
        transform: none
    }
}

.hero-overlay[b-q4duzu1mq8] {
    position: absolute;
    inset: 0;
    background: linear-gradient(270deg,#fff0 0%,#2B2B2B 100%);
    background-blend-mode: multiply;
    pointer-events: none;
    z-index: 1
}

.master-page-content-container[b-q4duzu1mq8] {
    position: relative;
    z-index: 2;
    height: 100%;
    width: 100%;
    margin: 0 auto;
    max-width: 1464px;
    padding: 0 12px;
    display: flex;
    align-items: flex-end
}

@media (min-width:1200px) {
    .master-page-content-container[b-q4duzu1mq8] {
        max-width: 1164px
    }
}

@media (min-width:1400px) {
    .master-page-content-container[b-q4duzu1mq8] {
        max-width: 1344px
    }
}

.hero-breadcrumb[b-q4duzu1mq8] {
    margin-bottom: 115px
}

.hero-container[b-q4duzu1mq8] {
    position: static;
    max-width: 700px;
    color: #fff;
    padding-bottom: 63px
}

.hero-title[b-q4duzu1mq8] {
    font-size: clamp(28px, 4vw, 40px);
    font-weight: 400;
    line-height: 100%;
    margin: 0;
}

.hero-subtitle[b-q4duzu1mq8] {
    font-size: clamp(14px, 1.6vw, 14px);
    opacity: .95;
    line-height: 19px
}

    .hero-subtitle p[b-q4duzu1mq8], .hero-subtitle > p[b-q4duzu1mq8], .hero-subtitle p:first-child[b-q4duzu1mq8], .hero-subtitle p:last-child[b-q4duzu1mq8], div.hero-subtitle p[b-q4duzu1mq8], div.hero-subtitle > p[b-q4duzu1mq8] {
        margin: 0 !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
        padding: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

[b-q4duzu1mq8] .hero-subtitle p, [b-q4duzu1mq8] .hero-subtitle > p {
    margin: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 !important
}

.hero-cards-container[b-q4duzu1mq8] {
    position: absolute;
    right: 12px;
    bottom: 13px;
    z-index: 3
}

.hero-cards[b-q4duzu1mq8] {
    display: flex;
    gap: 0
}

.hero-card-wrapper[b-q4duzu1mq8] {
    position: relative
}

.last-card-full-bleed[b-q4duzu1mq8] {
    position: relative;
    overflow: visible
}

.full-bleed-background[b-q4duzu1mq8] {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100vw;
    z-index: 1
}

    .full-bleed-background.light[b-q4duzu1mq8] {
        background: #f4f4f4
    }

    .full-bleed-background.dark[b-q4duzu1mq8] {
        background: #2F2F2F
    }

.card-content-wrapper[b-q4duzu1mq8] {
    position: relative;
    z-index: 2
}

.hero--software .last-card-full-bleed[b-q4duzu1mq8] {
    min-height: 136px
}

.hero--software[b-q4duzu1mq8]  .k-card.full-bleed-card .k-card-body {
    padding-right: 0px !important
}

.hero--training .last-card-full-bleed[b-q4duzu1mq8] {
    min-height: 204px
}

.hero--training[b-q4duzu1mq8]  .k-card.full-bleed-card .k-card-body {
    padding-right: 0px !important
}

[b-q4duzu1mq8] .k-card.full-bleed-card {
    background: transparent !important;
    position: relative;
    z-index: 2;
    border: none !important
}

    [b-q4duzu1mq8] .k-card.full-bleed-card .k-card-body {
        background: transparent !important
    }

.hero--software[b-q4duzu1mq8]  .k-card.full-bleed-card .k-card-body {
    padding: 16px 144px 24px 24px
}

.hero--training[b-q4duzu1mq8]  .k-card.full-bleed-card .k-card-body {
    padding: 25px 24px 51px 38px
}

[b-q4duzu1mq8] .k-card.training.light {
    background: #f4f4f4 !important;
    color: #414142 !important;
    width: 351px;
    border-radius: 0;
    height: 204px;
    border: none
}

    [b-q4duzu1mq8] .k-card.training.light .k-card-body {
        padding: 25px 27px 51px 45px
    }

[b-q4duzu1mq8] .k-card.telerik-blazor.full-bleed-card.dark.training, [b-q4duzu1mq8] .k-card.dark.training.telerik-blazor, [b-q4duzu1mq8] .k-card.training.dark {
    background: #2F2F2F !important;
    color: #ffffff !important;
    width: 230px;
    border-radius: 0;
    height: 204px;
    z-index: 1;
    border: none
}

    [b-q4duzu1mq8] .k-card.training.dark .k-card-body {
        padding: 25px 24px 51px 38px
    }

[b-q4duzu1mq8] .k-card.software.light {
    background: #f4f4f4 !important;
    color: #414142 !important;
    width: 294px;
    height: 100%;
    border-radius: 0
}

    [b-q4duzu1mq8] .k-card.software.light .k-card-body {
        padding: 16px 24px 24px
    }

[b-q4duzu1mq8] .k-card.software.dark {
    background: #2F2F2F !important;
    color: #ffffff !important;
    width: 270px;
    border-radius: 0
}

    [b-q4duzu1mq8] .k-card.software.dark .k-card-body {
        padding: 16px 24px 24px 24px
    }

.hero-card-content[b-q4duzu1mq8] {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.software .hero-card-content h2[b-q4duzu1mq8] {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0
}

.training .hero-card-content h2[b-q4duzu1mq8] {
    margin-bottom: 14px;
    font-size: 16px;
    line-height: 100%;
    font-weight: 600;
    text-transform: uppercase;
    margin-top: 0
}

.hero-card-content p[b-q4duzu1mq8] {
    font-size: 14px;
    margin-bottom: 0px !important;
    line-height: 100%;
    font-weight: 400
}

.hero-card-content div p[b-q4duzu1mq8] {
    margin-bottom: 0px !important;
    margin-top: 0px !important
}

[b-q4duzu1mq8] .hero-card-content p, [b-q4duzu1mq8] .hero-card-content div p {
    margin-bottom: 0px !important;
    margin-top: 0px !important
}

.arrow[b-q4duzu1mq8] {
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 25px;
    cursor: pointer;
    border: none;
    background: #fff0;
    color: currentColor;
    width: 100%;
    padding: 0
}

.mobile-menu-toggle[b-q4duzu1mq8] {
    display: none;
    flex-direction: column;
    gap: 4px;
    cursor: pointer;
    color: #fff;
    border: none;
    background: #fff0
}

.login-header.scrolled .mobile-menu-toggle[b-q4duzu1mq8] {
    color: #2f2f2f
}

.mobile-header-layout[b-q4duzu1mq8] {
    display: flex !important;
    width: 100%;
    align-items: center;
    height: 39px
}

.mobile-left-section[b-q4duzu1mq8] {
    display: flex;
    align-items: center;
    gap: 26px
}

.mobile-cart[b-q4duzu1mq8] {
    margin-left: auto;
    display: flex !important;
    align-items: center;
    gap: 10px;
}

@media (max-width:1200px) {
    .hero--with-bg[b-q4duzu1mq8] {
        background-position: 58% center
    }

    .mobile-header-layout[b-q4duzu1mq8] {
        display: none !important
    }
}

@media (max-width:1400px) {
    .hero--with-bg[b-q4duzu1mq8] {
        background-position: 62% center
    }

    .mobile-header-layout[b-q4duzu1mq8] {
        display: none !important
    }
}

@media (max-width:992px) {
    .hero--with-bg[b-q4duzu1mq8] {
        background-position: 52% center
    }
}

@media (max-width:768px) {
    .hero--training img.hero-img[b-q4duzu1mq8] {
        object-fit: cover !important;
        object-position: 55% center !important
    }

    .hero--software img.hero-img[b-q4duzu1mq8] {
        background-position: 50% center;
        height: 476px
    }

    .hero-overlay[b-q4duzu1mq8] {
        background: linear-gradient(to right,rgb(0 0 0 / .65) 0%,rgb(0 0 0 / .5) 32%,rgb(0 0 0 / .3) 68%,rgb(0 0 0 / .15) 100%)
    }

    .hero-banner.hero--with-bg.hero--software[b-q4duzu1mq8] {
        height: 476px !important
    }

    .hero-banner.hero--with-bg.hero--training[b-q4duzu1mq8] {
        height: 592px !important
    }
}

@media (max-width:768px) {
    .desktop-only[b-q4duzu1mq8] {
        display: none !important
    }

    [b-q4duzu1mq8] .contact-us.desktop-only {
        display: none !important
    }

    .mobile-only[b-q4duzu1mq8] {
        display: block !important
    }

    .mobile-menu-toggle[b-q4duzu1mq8] {
        display: flex
    }

    .mobile-header-layout[b-q4duzu1mq8] {
        display: flex !important
    }

    .mobile-bottom-nav[b-q4duzu1mq8] {
        display: flex !important
    }
}

.login-body[b-q4duzu1mq8] {
    padding-top: 0;
    overflow-x: hidden;
}

.header-nav[b-q4duzu1mq8] {
    display: flex;
    gap: 32px;
    margin-left: 64px;
    height: 75px
}

[b-q4duzu1mq8] .telerik-nav-link {
    font-size: 14px;
    font-weight: 400;
    color: #2F2F2F;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer
}

    [b-q4duzu1mq8] .telerik-nav-link:hover {
        color: #FFD88C
    }

.nav-has-menu[b-q4duzu1mq8] {
    display: inline-flex;
    align-items: center;
    gap: 4px
}

.nav-chevron[b-q4duzu1mq8] {
    transition: transform 0.2s ease;
    opacity: .6
}

.nav-item-wrapper.menu-open .nav-chevron[b-q4duzu1mq8], .nav-item-wrapper:hover .nav-chevron[b-q4duzu1mq8] {
    transform: rotate(180deg);
    opacity: 1
}

.nav-item-wrapper[b-q4duzu1mq8] {
    position: relative;
    display: flex;
    align-items: center
}

.mega-menu[b-q4duzu1mq8] {
    position: fixed;
    top: 75px;
    left: 50%;
    transform: translateX(-50%) translateY(-8px);
    width: 100%;
    max-width: 1320px;
    background: #fff;
    border-bottom: 10px solid #FFD88C;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 8px 32px rgb(0 0 0 / .12);
    z-index: 11000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease,transform 0.2s ease,visibility 0.2s;
    pointer-events: none
}

.mega-menu-visible[b-q4duzu1mq8] {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    pointer-events: auto
}

.mega-menu-inner[b-q4duzu1mq8] {
    max-width: 1344px;
    margin: 0 auto;
    padding: 32px;
    border-top: 1px solid #D2D5DA;
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
    max-height: 400px;
}

.mega-menu[b-q4duzu1mq8]::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 14px;
    background: #fff0
}

.mega-menu-expertise .mega-menu-inner[b-q4duzu1mq8] {
    padding: 0 0 22px 32px
}

.mega-expertise-header[b-q4duzu1mq8] {
    display: flex;
    align-items: center;
    gap: 38px;
    margin-bottom: 32px;
    height: 52px
}

.mega-expertise-label[b-q4duzu1mq8] {
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    color: #B2B2B2;
    white-space: nowrap;
    flex-shrink: 0;
    min-width: 80px
}

.mega-expertise-desc[b-q4duzu1mq8] {
    font-size: 12px;
    color: #767676;
    margin: 0;
    background: #F4F4F4;
    padding: 21px 20px 18px;
    width: 100%
}

.mega-expertise-columns[b-q4duzu1mq8] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 32px
}

[b-q4duzu1mq8] .mega-div-tag {
    font-size: 10px !important;
    line-height: 100%;
    font-weight: 400 !important;
    text-transform: capitalize;
    margin-bottom: 8px;
    text-decoration: none !important;
    display: block;
}

[b-q4duzu1mq8] .header-nav .mega-div-tag:hover {
    text-decoration: underline !important
}

.mega-div-tag.tag-ec[b-q4duzu1mq8] {
    color: #2D9B8E !important
}

.mega-div-tag.tag-we[b-q4duzu1mq8] {
    color: #009CBD !important
}

.mega-div-tag.tag-be[b-q4duzu1mq8] {
    color: #0072CE !important
}

.mega-div-tag.tag-ls[b-q4duzu1mq8] {
    color: #0032A0 !important
}

.mega-div-name[b-q4duzu1mq8] {
    font-size: 10px;
    font-weight: 600;
    color: #2f2f2f;
    text-transform: uppercase;
    letter-spacing: 10%;
    margin-bottom: 25px;
    line-height: 100%
}

.mega-div-links[b-q4duzu1mq8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.mega-div-link[b-q4duzu1mq8] {
    display: block;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #2F2F2F !important;
    text-decoration: none !important;
    transition: color 0.15s,border-color 0.15s;
    line-height: 100%;
    height: 16px
}

    .mega-div-link:hover[b-q4duzu1mq8] {
        text-decoration: underline !important;
    }

.mega-view-all[b-q4duzu1mq8] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 20px;
    color: #414142 !important;
    text-decoration: none !important;
    margin-top: 23px;
    transition: gap 0.15s;
    height: 30px;
    align-items: center
}

    .mega-view-all svg path[b-q4duzu1mq8] {
        stroke: #2f2f2f !important
    }

    .mega-view-all:hover[b-q4duzu1mq8] {
        font-weight: 600 !important;
    }

        .mega-view-all:hover svg path[b-q4duzu1mq8] {
            stroke: #FFD88C !important
        }

.mega-menu-industries .mega-menu-inner[b-q4duzu1mq8] {
    padding: 20px 32px 22px 32px;
}

.mega-industries-header[b-q4duzu1mq8] {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

.mega-industries-label[b-q4duzu1mq8] {
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: 100%;
    color: #B2B2B2 !important;
    white-space: nowrap;
    flex-shrink: 0
}

.mega-industries-grid[b-q4duzu1mq8] {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 0 28px
}

.mega-industries-column[b-q4duzu1mq8] {
    display: flex;
    flex-direction: column
}

.mega-industries-col[b-q4duzu1mq8] {
    padding-bottom: 35px
}

    .mega-industries-col:last-child[b-q4duzu1mq8] {
        padding-bottom: 0
    }

.mega-industries-heading[b-q4duzu1mq8] {
    display: inline-flex;
    align-items: center;
    gap: 12px !important;
    font-size: 10px !important;
    font-weight: 600 !important;
    color: #767676 !important;
    text-transform: uppercase;
    letter-spacing: 10%;
    text-decoration: none !important;
    margin-bottom: 21px;
    line-height: 100%;
    transition: color 0.15s;
    white-space: normal !important;
}

    .mega-industries-heading:hover[b-q4duzu1mq8] {
        text-decoration: underline !important;
    }

    .mega-industries-heading svg[b-q4duzu1mq8] {
        color: #2F2F2F;
        flex-shrink: 0;
        margin-top: 1px
    }

.mega-industries-links[b-q4duzu1mq8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.mega-industries-link[b-q4duzu1mq8] {
    font-size: 12px !important;
    font-weight: 400 !important;
    display: flex;
    align-items: center;
    color: #2f2f2f !important;
    text-decoration: none !important;
    line-height: 100%;
    transition: color 0.15s;
    white-space: normal !important;
}

    .mega-industries-link:hover[b-q4duzu1mq8] {
        text-decoration: underline !important
    }

.mega-industries-footer[b-q4duzu1mq8] {
    margin-top: 30px;
    height: 30px
}

.mega-industries-view-all[b-q4duzu1mq8] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 20px;
    color: #414142 !important;
    text-decoration: none;
    transition: gap 0.15s;
    height: 30px;
    align-items: center
}

    .mega-industries-view-all svg path[b-q4duzu1mq8] {
        stroke: #2f2f2f !important
    }

    .mega-industries-view-all:hover[b-q4duzu1mq8] {
        font-weight: 600 !important
    }

        .mega-industries-view-all:hover svg path[b-q4duzu1mq8] {
            stroke: #FFD88C !important
        }

.mega-menu-simple .mega-menu-inner[b-q4duzu1mq8] {
    padding: 20px 32px 22px 32px;
}

.mega-simple-columns-4[b-q4duzu1mq8] {
    display: grid;
    grid-template-columns: repeat(4,1fr) !important;
    gap: 0 32px
}

.mega-simple-columns[b-q4duzu1mq8] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 0 32px
}

.mega-simple-columns-6[b-q4duzu1mq8] {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 0 32px
}

.mega-simple-heading[b-q4duzu1mq8], a.mega-simple-heading[b-q4duzu1mq8] {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #B2B2B2;
    margin-bottom: 38px !important;
    line-height: 100%;
    text-decoration: none
}

.mega-simple-links[b-q4duzu1mq8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.mega-simple-link[b-q4duzu1mq8] {
    display: block;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #2F2F2F !important;
    text-decoration: none !important;
    line-height: 100%;
    border-bottom: 1px solid #fff0;
    transition: color 0.15s
}

    .mega-simple-link:hover[b-q4duzu1mq8] {
        text-decoration: underline !important
    }

.mega-menu-resources .mega-menu-inner[b-q4duzu1mq8] {
    padding: 0
}

.mega-resources-layout[b-q4duzu1mq8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px
}

.mega-resources-left[b-q4duzu1mq8] {
    display: flex;
    flex-direction: column;
    padding: 20px 32px 22px 32px;
}

.mega-resources-label[b-q4duzu1mq8] {
    font-size: 16px;
    font-weight: 500;
    color: #B2B2B2;
    margin-bottom: 33px;
    line-height: 100%
}

.mega-resources-columns[b-q4duzu1mq8] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 113px
}

.mega-resources-links[b-q4duzu1mq8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.mega-resources-link[b-q4duzu1mq8] {
    display: block;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #2F2F2F !important;
    text-decoration: none !important;
    line-height: 100%;
    border-bottom: 1px solid #fff0;
    transition: color 0.15s
}

    .mega-resources-link:hover[b-q4duzu1mq8] {
        text-decoration: underline !important
    }

.mega-resources-view-all[b-q4duzu1mq8] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 20px;
    color: #414142 !important;
    text-decoration: none !important;
    margin-top: 33px;
    transition: gap 0.15s;
    height: 30px
}

    .mega-resources-view-all:hover[b-q4duzu1mq8] {
        font-weight: 600 !important
    }

        .mega-resources-view-all:hover svg path[b-q4duzu1mq8] {
            stroke: #FFD88C !important
        }

.mega-resources-right[b-q4duzu1mq8] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    background: #F4F4F4;
    padding: 40px;
}

.mega-resources-featured-title[b-q4duzu1mq8], .mega-resources-videos-title[b-q4duzu1mq8] {
    font-size: 18px;
    font-weight: 400;
    color: #2F2F2F;
    margin: 0 0 20px 0;
    line-height: 129%
}

.mega-resources-featured-desc[b-q4duzu1mq8], .mega-resources-videos-desc[b-q4duzu1mq8] {
    font-size: 12px;
    font-weight: 400;
    color: #2f2f2f;
    margin: 0 0 12px 0;
    line-height: 1.5
}

.mega-resources-featured-link[b-q4duzu1mq8], .mega-resources-videos-link[b-q4duzu1mq8] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #414142 !important;
    text-decoration: none;
    transition: gap 0.15s
}

    .mega-resources-featured-link:hover[b-q4duzu1mq8], .mega-resources-videos-link:hover[b-q4duzu1mq8] {
        font-weight: 600 !important
    }

        .mega-resources-featured-link:hover svg path[b-q4duzu1mq8], .mega-resources-videos-link:hover svg path[b-q4duzu1mq8] {
            stroke: #FFD88C !important
        }

.mega-menu-locations .mega-menu-inner[b-q4duzu1mq8] {
    padding: 20px 32px 22px
}

.mega-locations-title[b-q4duzu1mq8] {
    display: block;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #B2B2B2 !important;
    margin-bottom: 30px;
    line-height: 100%
}

.mega-locations-layout[b-q4duzu1mq8] {
    display: grid;
    grid-template-columns: 3fr 2fr
}

.mega-locations-us[b-q4duzu1mq8] {
    border-right: 1px solid #E5E5E5;
    padding-right: 32px
}

.mega-locations-region-heading[b-q4duzu1mq8] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 10px !important;
    font-weight: 400 !important;
    color: #767676 !important;
    line-height: 100%;
    text-transform: uppercase;
    letter-spacing: 10%;
    text-decoration: none !important;
    margin-bottom: 20px;
    transition: color 0.15s
}

    .mega-locations-region-heading:hover[b-q4duzu1mq8] {
        font-weight: 600 !important;
        text-decoration: underline !important;
    }

        .mega-locations-region-heading:hover svg path[b-q4duzu1mq8] {
            stroke: #FFD88C !important
        }

.mega-locations-states-grid[b-q4duzu1mq8] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px 20px
}

.mega-locations-link[b-q4duzu1mq8] {
    font-size: 12px !important;
    font-weight: 400 !important;
    color: #2F2F2F !important;
    text-decoration: none !important;
    line-height: 1.5;
    transition: color 0.15s
}

    .mega-locations-link:hover[b-q4duzu1mq8] {
        text-decoration: underline !important
    }

.mega-locations-other[b-q4duzu1mq8] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 32px 48px;
    padding-left: 32px
}

.mega-locations-region[b-q4duzu1mq8] {
    display: flex;
    flex-direction: column
}

.mega-locations-countries[b-q4duzu1mq8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.mega-locations-footer[b-q4duzu1mq8] {
    margin-top: 51px
}

.mega-locations-view-all[b-q4duzu1mq8] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px !important;
    font-weight: 400 !important;
    line-height: 20px;
    color: #414142 !important;
    text-decoration: none !important;
    transition: gap 0.15s;
    height: 30px;
    display: flex;
    align-items: center
}

    .mega-locations-view-all:hover[b-q4duzu1mq8] {
        font-weight: 600 !important
    }

        .mega-locations-view-all:hover svg path[b-q4duzu1mq8] {
            stroke: #FFD88C !important
        }

@media (min-width:1200px) {
    .header-container[b-q4duzu1mq8] {
        max-width: 1164px
    }

    .header-nav[b-q4duzu1mq8] {
        gap: 30px !important;
        margin-left: 50px !important
    }

    .mobile-only[b-q4duzu1mq8] {
        display: none !important
    }

    .mega-menu[b-q4duzu1mq8] {
        max-width: 1140px !important;
    }
}

@media (min-width:1400px) {
    .header-container[b-q4duzu1mq8] {
        max-width: 1344px
    }

    .header-nav[b-q4duzu1mq8] {
        gap: 40px !important;
        margin-left: 80px !important
    }

    .mobile-only[b-q4duzu1mq8] {
        display: none !important
    }

    .mega-menu[b-q4duzu1mq8] {
        max-width: 1320px !important;
    }
}

@media (max-width:768px) {
    .hero-cards-container[b-q4duzu1mq8] {
        display: none
    }

    .master-page-content-container[b-q4duzu1mq8] {
        padding: 0px !important
    }

    .hero-title[b-q4duzu1mq8] {
        padding-left: 30px;
        padding-right: 30px;
        margin-bottom: 35px !important;
        font-size: 38px !important
    }

        .hero-title.mb-32[b-q4duzu1mq8] {
            margin-bottom: 32px !important
        }

    .hero-subtitle[b-q4duzu1mq8] {
        padding-left: 30px;
        padding-right: 30px
    }

    .mobile-hero-cards-container[b-q4duzu1mq8] {
        display: block !important;
        position: static;
        width: 100%;
        margin-top: 31px
    }

    .mobile-hero-cards[b-q4duzu1mq8] {
        display: flex;
        flex-direction: column;
        gap: 0;
        width: 100vw
    }

        .mobile-hero-cards[b-q4duzu1mq8]  .k-card {
            width: 100% !important;
            border-radius: 0 !important;
            margin: 0
        }

            .mobile-hero-cards[b-q4duzu1mq8]  .k-card.light {
                background: #f4f4f4 !important;
                color: #414142 !important;
                height: max-content !important
            }

            .mobile-hero-cards[b-q4duzu1mq8]  .k-card.dark {
                background: #2F2F2F !important;
                color: #ffffff !important;
                height: max-content !important
            }

            .mobile-hero-cards[b-q4duzu1mq8]  .k-card.light .k-card-body {
                padding: 14px 31px 23px 46px !important
            }

            .mobile-hero-cards[b-q4duzu1mq8]  .k-card.dark .k-card-body {
                padding: 10px 31px 21px 46px !important
            }

        .mobile-hero-cards .hero-card-content[b-q4duzu1mq8] {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            width: 100%;
            position: relative
        }

            .mobile-hero-cards .hero-card-content .content-wrapper[b-q4duzu1mq8] {
                flex: 1
            }

            .mobile-hero-cards .hero-card-content h2[b-q4duzu1mq8] {
                margin-bottom: 8px;
                margin-top: 19px;
                font-size: 16px;
                line-height: 100%;
                font-weight: 600;
                text-transform: uppercase
            }

            .mobile-hero-cards .hero-card-content p[b-q4duzu1mq8] {
                font-size: 14px;
                margin-bottom: 0px !important;
                margin-top: 0px !important;
                line-height: 100%;
                font-weight: 400
            }

        .mobile-hero-cards .arrow[b-q4duzu1mq8] {
            font-size: 20px;
            display: flex;
            align-items: center;
            justify-content: flex-end;
            cursor: pointer;
            margin-left: 16px;
            flex-shrink: 0;
            margin-top: 0;
            align-self: flex-start;
            width: max-content
        }

    .hero-container[b-q4duzu1mq8] {
        padding-bottom: 13px;
        width: 100%
    }

    .mobile-hero-cards .last-card-full-bleed[b-q4duzu1mq8] {
        position: static
    }

    .mobile-hero-cards .full-bleed-background[b-q4duzu1mq8] {
        display: none
    }

    .mobile-hero-cards .card-content-wrapper[b-q4duzu1mq8] {
        position: static
    }

    [b-q4duzu1mq8] .custom-badge {
        right: 7px !important;
        top: -12px;
    }
}

.mobile-hero-cards-container[b-q4duzu1mq8] {
    display: none
}

@media (max-width:767px) {
    .hero-title.detail-page-title[b-q4duzu1mq8] {
        font-size: 32px !important
    }
}

.mobile-nav-overlay[b-q4duzu1mq8] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(6.3px);
    background: #292929C7;
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease,visibility 0.3s ease
}

    .mobile-nav-overlay.show[b-q4duzu1mq8] {
        opacity: 1;
        visibility: visible
    }

.mobile-nav[b-q4duzu1mq8] {
    position: fixed;
    top: 0;
    left: -353px;
    width: 330px;
    height: 90vh;
    background-color: #fff;
    z-index: 9999;
    transition: left 0.3s ease;
    box-shadow: 2px 0 10px rgb(0 0 0 / .1);
    border-radius: 0 0 10px 0;
    border-bottom: 11px solid #FFD88C
}

    .mobile-nav.expanded[b-q4duzu1mq8] {
        left: 0
    }

.mobile-nav-content[b-q4duzu1mq8] {
    padding: 24px 0px 65px 0px;
    height: 100%;
    display: flex;
    overflow-y: auto;
    flex-direction: column
}

.mobile-nav-header[b-q4duzu1mq8] {
    display: flex;
    gap: 26px;
    align-items: center;
    margin-bottom: 46px;
    padding-left: 30px;
    height: 33px;
}

.mobile-nav-close-btn[b-q4duzu1mq8] {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #2F2F2F;
    font-weight: 400;
    line-height: 1;
    margin-left: -8px;
    display: flex;
    align-items: center;
}

.mobile-nav-logo[b-q4duzu1mq8] {
    height: 32px;
    width: auto
}

.mobile-nav-divider[b-q4duzu1mq8] {
    height: 1px;
    background-color: #B3B3B3;
    margin: 46px 30px;
}

.mobile-nav-footer-links[b-q4duzu1mq8] {
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.mobile-nav-menu[b-q4duzu1mq8] {
    flex: 1;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0 30px;
}

    .mobile-nav-menu .mobile-submenu .mobile-back-btn[b-q4duzu1mq8] {
        padding-left: 30px;
        padding-right: 0;
    }

    .mobile-nav-menu .mobile-submenu .mobile-submenu-content[b-q4duzu1mq8] {
        padding-left: 0;
        padding-right: 0;
    }

[b-q4duzu1mq8] .mobile-nav-item {
    display: flex;
    align-items: center;
    padding: 5px 0px;
    font-size: 14px;
    font-weight: 400;
    color: #414142;
    cursor: pointer;
    text-decoration: none;
    border-bottom: none;
    gap: 10px;
    height: 30px;
    border: none;
    background: #fff0;
}

    [b-q4duzu1mq8] .mobile-nav-item:hover {
        font-weight: 600;
        color: #FFD88C;
    }

    [b-q4duzu1mq8] .mobile-nav-item span svg {
        color: #1E1E1E
    }

    [b-q4duzu1mq8] .mobile-nav-item:hover span svg {
        color: #FFD88C
    }

.mobile-nav-signin[b-q4duzu1mq8] {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #2F2F2F;
    padding-left: 30px;
    cursor: pointer;
    text-align: left;
    border: none;
    border-radius: 0;
    margin: 46px 0;
    background: none
}

.mobile-nav-contact-btn[b-q4duzu1mq8] {
    background: #FFD88C;
    color: #414142;
    border: none;
    padding: 15px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    cursor: pointer;
    text-align: center;
    width: 80%;
    margin: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .mobile-nav-contact-btn:hover[b-q4duzu1mq8] {
        background-color: #FFF4DD
    }

.mobile-nav-subscribe[b-q4duzu1mq8] {
    margin-top: 19px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #414142
}

@media (min-width:768px) {
    .mobile-nav[b-q4duzu1mq8], .mobile-nav-overlay[b-q4duzu1mq8] {
        display: none
    }
}

.mobile-nav[b-q4duzu1mq8]::-webkit-scrollbar {
    width: 0
}

.mobile-nav[b-q4duzu1mq8]::-webkit-scrollbar-track {
    background: #fff0
}

.mobile-nav[b-q4duzu1mq8]::-webkit-scrollbar-thumb {
    background: #fff0
}

.site-footer[b-q4duzu1mq8] {
    background: #2f2f2f;
}

.footer-container[b-q4duzu1mq8] {
    width: 100%;
    max-width: 1464px;
    margin: 0 auto;
    padding: 0 12px;
    box-sizing: border-box
}

@media (min-width:1200px) {
    .footer-container[b-q4duzu1mq8] {
        max-width: 1164px
    }
}

@media (min-width:1400px) {
    .footer-container[b-q4duzu1mq8] {
        max-width: 1344px
    }
}

.footer-subscribe-banner[b-q4duzu1mq8] {
    background: #2F2F2F;
    padding: 30px 0 0
}

.footer-subscribe-inner[b-q4duzu1mq8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    background: #FFF;
    padding: 27px 50px;
    border-radius: 10px
}

.footer-subscribe-text[b-q4duzu1mq8] {
    flex: 1;
    min-width: 0
}

.footer-subscribe-title[b-q4duzu1mq8] {
    font-size: 24px;
    font-weight: 400;
    color: #414142;
    margin: 0 0 3px 0;
    line-height: 120%
}

.footer-subscribe-desc[b-q4duzu1mq8] {
    font-size: 20.25px;
    font-weight: 300;
    color: #414142;
    margin: 0;
    line-height: 155%
}

.footer-subscribe-btn[b-q4duzu1mq8] {
    flex-shrink: 0;
    background-color: #FFD88C;
    color: #414142;
    border: none;
    padding: 10px 20px;
    height: 40px;
    width: 204px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    cursor: pointer;
    white-space: nowrap;
    transition: background-color 0.2s ease;
    text-align: center;
    text-decoration: none
}

    .footer-subscribe-btn:hover[b-q4duzu1mq8] {
        background-color: #FFF4DD
    }

@media (max-width:600px) {
    .footer-container[b-q4duzu1mq8] {
        padding: 0 30px;
    }

    .footer-subscribe-title[b-q4duzu1mq8] {
        margin-bottom: 15px !important;
    }

    .footer-subscribe-inner[b-q4duzu1mq8] {
        flex-direction: column;
        align-items: flex-start;
        padding: 15px 20px;
    }

    .footer-subscribe-btn[b-q4duzu1mq8] {
        width: 100%
    }
}

.footer-main[b-q4duzu1mq8] {
    background-color: #2F2F2F;
    padding: 63px 0 67px
}

.footer-main-inner[b-q4duzu1mq8] {
    display: flex;
    gap: 120px;
    align-items: flex-start
}

.footer-brand[b-q4duzu1mq8] {
    flex-shrink: 0;
    display: flex;
    flex-direction: column;
    gap: 40px
}

.footer-logo-img[b-q4duzu1mq8] {
    height: 100%;
    width: 175px;
    display: block
}

.footer-social[b-q4duzu1mq8] {
    display: flex;
    gap: 16px;
    align-items: center
}

.footer-social-link[b-q4duzu1mq8] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    border: 1px solid rgb(255 255 255 / .25);
    transition: border-color 0.2s ease,background-color 0.2s ease;
    text-decoration: none
}

    .footer-social-link:hover[b-q4duzu1mq8] {
        border-color: #FFD88C;
        background-color: rgb(255 216 140 / .1)
    }

    .footer-social-link svg[b-q4duzu1mq8] {
        width: 18px;
        height: 18px
    }

.footer-links-grid[b-q4duzu1mq8] {
    flex: 1;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 122px;
    min-width: 0
}

.footer-col-title[b-q4duzu1mq8] {
    font-size: 20.25px;
    font-weight: 400;
    line-height: 20px;
    color: #fff;
    margin: 0 0 15px 0;
    text-transform: uppercase;
    white-space: nowrap
}

.footer-col-title--hq[b-q4duzu1mq8] {
    margin-top: 24px;
    margin-bottom: 10px
}

.footer-col-list[b-q4duzu1mq8] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 14px
}

.footer-link[b-q4duzu1mq8] {
    font-size: 14px;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    transition: color 0.2s ease;
    line-height: 1.4;
    display: inline-block
}

    .footer-link:hover[b-q4duzu1mq8] {
        color: #FFD88C
    }

.footer-phone[b-q4duzu1mq8] {
    font-size: 14px;
    font-weight: 400;
    color: #FFD88C;
    text-decoration: none
}

    .footer-phone:hover[b-q4duzu1mq8] {
        color: #FFF4DD;
        text-decoration: underline
    }

.footer-address[b-q4duzu1mq8] {
    font-size: 13px;
    font-weight: 400;
    color: #B3B3B3;
    line-height: 1.6;
    margin: 0
}

@media (max-width:1100px) {
    .footer-main-inner[b-q4duzu1mq8] {
        flex-direction: column;
        gap: 36px
    }

    .footer-links-grid[b-q4duzu1mq8] {
        grid-template-columns: repeat(4,1fr);
        width: 100%
    }
}

@media (max-width:900px) {
    .footer-links-grid[b-q4duzu1mq8] {
        grid-template-columns: repeat(2,1fr);
        gap: 28px 40px
    }
}

@media (max-width:600px) {
    .footer-main[b-q4duzu1mq8] {
        padding: 36px 0 32px
    }

    .footer-links-grid[b-q4duzu1mq8] {
        grid-template-columns: repeat(2,1fr);
        gap: 35px 24px
    }

    .footer-col-title[b-q4duzu1mq8] {
        font-size: 14px
    }

    .footer-link[b-q4duzu1mq8], .footer-address[b-q4duzu1mq8] {
        font-size: 13px
    }
}

.footer-bottom[b-q4duzu1mq8] {
    background-color: #2f2f2f
}

.footer-bottom-inner[b-q4duzu1mq8] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 12px;
    border-top: 1px solid #ffffff;
    padding: 24px 0 30px 0
}

.footer-copyright[b-q4duzu1mq8] {
    font-size: 14px;
    font-weight: 300;
    color: #FFF;
    white-space: nowrap;
    margin-bottom: 0
}

.footer-bottom-links[b-q4duzu1mq8] {
    display: flex;
    gap: 24px
}

.footer-bottom-link[b-q4duzu1mq8] {
    font-size: 14px;
    font-weight: 300;
    color: #FFF;
    text-decoration: none;
    transition: color 0.2s ease;
    white-space: nowrap;
    margin-right: 90px
}

    .footer-bottom-link:hover[b-q4duzu1mq8] {
        color: #fff
    }

@media (max-width:480px) {
    .footer-bottom-inner[b-q4duzu1mq8] {
        flex-direction: column-reverse;
        align-items: flex-start
    }

    .footer-bottom-links[b-q4duzu1mq8] {
        gap: 16px
    }
}

.scroll-to-top-btn[b-q4duzu1mq8] {
    position: fixed;
    bottom: 39px;
    right: 49px;
    z-index: 2000;
    width: 63px;
    height: 63px;
    border-radius: 50%;
    border: 1px solid #707070;
    background-color: #2F2F2F;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgb(0 0 0 / .2);
    opacity: 0;
    transform: translateY(16px);
    pointer-events: none;
    transition: opacity 0.3s ease,transform 0.3s ease,background-color 0.2s ease
}

    .scroll-to-top-btn.visible[b-q4duzu1mq8] {
        opacity: 1;
        transform: translateY(0);
        pointer-events: auto
    }

@media (max-width:768px) {
    .scroll-to-top-btn[b-q4duzu1mq8] {
        bottom: 20px;
        right: 16px;
    }
}

/*Mobile nav css*/

.mobile-submenu[b-q4duzu1mq8] {
    height: 100%;
}

.mobile-back-btn[b-q4duzu1mq8] {
    width: 100%;
    background: #f3f3f3;
    border: none;
    text-align: left;
    padding: 25px 30px;
    font-size: 14px;
}

.mobile-submenu-content[b-q4duzu1mq8] {
    padding: 33px;
}

.mobile-division[b-q4duzu1mq8] {
    margin-bottom: 32px;
}

.mobile-division-tag[b-q4duzu1mq8] {
    font-size: 10px;
    font-weight: 400;
    margin-bottom: 4px;
}

    .mobile-division-tag.tag-ec[b-q4duzu1mq8] {
        color: #2D9B8E !important
    }

    .mobile-division-tag.tag-we[b-q4duzu1mq8] {
        color: #009CBD !important
    }

    .mobile-division-tag.tag-be[b-q4duzu1mq8] {
        color: #0072CE !important
    }

    .mobile-division-tag.tag-ls[b-q4duzu1mq8] {
        color: #0032A0 !important
    }

.mobile-division-title[b-q4duzu1mq8] {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 27px;
    color: #2f2f2f;
}

[b-q4duzu1mq8] .mobile-submenu-link {
    display: block;
    color: #2f2f2f;
    text-decoration: none;
    padding: 10px 0;
    font-size: 14px;
}

.mobile-view-all[b-q4duzu1mq8] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #2f2f2f;
    font-weight: 400;
    text-decoration: none;
    margin-top: 15px;
    font-size: 14px;
    padding: 5px 0px;
}

.mobile-menu-heading[b-q4duzu1mq8] {
    font-size: 16px;
    font-weight: 700;
    color: #b2b2b2;
    margin-bottom: 24px;
}

.mobile-division[b-q4duzu1mq8] {
    margin-bottom: 33px;
}

    .mobile-division:last-child[b-q4duzu1mq8],
    .mobile-division:last-of-type[b-q4duzu1mq8] {
        margin-bottom: 0;
    }

.mobile-back-btn[b-q4duzu1mq8] {
    width: 100%;
    border: none;
    background: #f4f4f4;
    text-align: left;
    padding: 23px 22px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #414142;
    font-weight: 400;
}

.mobile-submenu-link[b-q4duzu1mq8] {
    display: block;
    padding: 12px 0;
    text-decoration: none;
    color: #2f2f2f;
}

.mobile-resource-featured[b-q4duzu1mq8] {
    margin-top: 46px;
}

.mobile-feature-card[b-q4duzu1mq8] {
    padding: 40px;
    background: #f4f4f4;
}

    .mobile-feature-card h4[b-q4duzu1mq8] {
        margin-bottom: 12px;
        font-size: 18px;
        line-height: 1.3;
        margin-top: 0px;
        font-weight: 400;
        color: #2f2f2f;
    }

    .mobile-feature-card p[b-q4duzu1mq8] {
        line-height: 1.5;
        margin-bottom: 18px;
        margin-top: 0px;
        font-size: 12px;
        font-weight: 400;
        color: #2f2f2f;
    }

.mobile-submenu-menu-item[b-q4duzu1mq8] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

    .mobile-submenu-menu-item + .mobile-submenu-menu-item[b-q4duzu1mq8] {
        margin-top: 15px;
    }

.mobile-nav-menu.submenu-open[b-q4duzu1mq8] {
    padding-left: 0px;
    padding-right: 0;
}

    .mobile-nav-menu.submenu-open .mobile-submenu-content[b-q4duzu1mq8] {
        padding-left: 46px;
        padding-right: 30px;
        padding-bottom: 0px;
    }

.mobile-feature-card + .mobile-feature-card[b-q4duzu1mq8] {
    padding-top: 0;
}

.mobile-submenu-section[b-q4duzu1mq8] {
    margin-bottom: 40px;
}

    .mobile-submenu-section:last-child[b-q4duzu1mq8],
    .mobile-submenu-section:last-of-type[b-q4duzu1mq8] {
        margin-bottom: 0;
    }

.mobile-submenu .mobile-menu-heading[b-q4duzu1mq8] {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 27px;
    color: #2f2f2f;
}

.mobile-submenu .mobile-submenu-link[b-q4duzu1mq8] {
    display: block;
    padding: 5px 0;
    color: #414142;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mobile-submenu .mobile-featured-cta[b-q4duzu1mq8] {
    padding: 40px;
    margin-top: 10px;
    background: #f4f4f4;
}

.mobile-featured-cta h4[b-q4duzu1mq8] {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.3;
    margin-top: 0px;
    font-weight: 400;
    color: #2f2f2f;
}

.mobile-featured-cta p[b-q4duzu1mq8] {
    line-height: 1.5;
    margin-bottom: 18px;
    margin-top: 0px;
    font-size: 12px;
    font-weight: 400;
    color: #2f2f2f;
}
@media (max-width: 768px) {

    .k-animation-container.account-popup:has(.k-child-animation-container>.k-popup)[b-q4duzu1mq8] {
        top: 75px !important
    }

    .k-animation-container.account-popup .k-popup[b-q4duzu1mq8] {
        width: 100% !important;
        max-width: 720px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        top: 75px;
    }

        .k-animation-container.account-popup .k-popup > div[b-q4duzu1mq8] {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            padding: 32px !important;
        }

    .k-animation-container.account-popup .account-item[b-q4duzu1mq8] {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 15px 14px !important;
        height: 50px !important;
        font-size: 16px !important;
        line-height: 20px !important;
        font-weight: 400 !important;
        color: #757575 !important;
    }

        .k-animation-container.account-popup .account-item + .account-item[b-q4duzu1mq8] {
            margin-top: 10px;
        }

    .k-animation-container.account-popup .account-popup-divider[b-q4duzu1mq8] {
        width: 90% !important;
        margin: 10px auto !important;
    }
}
/* _content/Diamond2o/Components/Layout/NavMenu.razor.rz.scp.css */
.navbar-toggler[b-f6y1mvw5um]{appearance:none;cursor:pointer;width:3.5rem;height:2.5rem;color:#fff;position:absolute;top:.5rem;right:1rem;border:1px solid rgb(255 255 255 / .1);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") no-repeat center/1.75rem rgb(255 255 255 / .1)}.navbar-toggler:checked[b-f6y1mvw5um]{background-color:rgb(255 255 255 / .5)}.top-row[b-f6y1mvw5um]{min-height:3.5rem;background-color:rgb(0 0 0 / .4)}.navbar-brand[b-f6y1mvw5um]{font-size:1.1rem}.bi[b-f6y1mvw5um]{display:inline-block;position:relative;width:1.25rem;height:1.25rem;margin-right:.75rem;top:-1px;background-size:cover}.bi-house-door-fill-nav-menu[b-f6y1mvw5um]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-house-door-fill' viewBox='0 0 16 16'%3E%3Cpath d='M6.5 14.5v-3.505c0-.245.25-.495.5-.495h2c.25 0 .5.25.5.5v3.5a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4a.5.5 0 0 0 .5-.5Z'/%3E%3C/svg%3E")}.bi-plus-square-fill-nav-menu[b-f6y1mvw5um]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-plus-square-fill' viewBox='0 0 16 16'%3E%3Cpath d='M2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2H2zm6.5 4.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3a.5.5 0 0 1 1 0z'/%3E%3C/svg%3E")}.bi-list-nested-nav-menu[b-f6y1mvw5um]{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='white' class='bi bi-list-nested' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M4.5 11.5A.5.5 0 0 1 5 11h10a.5.5 0 0 1 0 1H5a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 3 7h10a.5.5 0 0 1 0 1H3a.5.5 0 0 1-.5-.5zm-2-4A.5.5 0 0 1 1 3h10a.5.5 0 0 1 0 1H1a.5.5 0 0 1-.5-.5z'/%3E%3C/svg%3E")}.figma-sidebar .collapse-toggle[b-f6y1mvw5um]{position:absolute;right:0;top:50%;left:100%;transform:translateY(25px);width:26px;height:21px;border-radius:0 6px 6px 0;border:1px solid #dcdcdc;background:#D9D9D9;display:grid;place-items:center;cursor:pointer;z-index:99;align-items:center;justify-content:center}.collapse-toggle .chev[b-f6y1mvw5um]{height:16px;width:16px;color:#2F2F2F;line-height:1}nav[b-f6y1mvw5um]{margin-top:30%!important}.nav-item[b-f6y1mvw5um]{font-size:.9rem;padding-bottom:.5rem}.nav-item:first-of-type[b-f6y1mvw5um]{padding-top:1rem}.nav-item:last-of-type[b-f6y1mvw5um]{padding-bottom:1rem}.ma-divider[b-f6y1mvw5um]{height:1px;background:#F4F4F4;margin-top:29px;margin-bottom:10px;opacity:.9}.sidebar-header[b-f6y1mvw5um]{position:relative}.figma-sidebar[b-f6y1mvw5um]{width:204px;height:calc(100vh - 72px);margin-top:72px;flex-shrink:0;display:flex;flex-direction:column;transition:width 250ms ease;will-change:width;background:#fff;overflow:visible}.sidebar-nav[b-f6y1mvw5um]{flex:1;padding:10px 0 18px;display:flex;flex-direction:column}.menu[b-f6y1mvw5um]{list-style:none;margin:12px 0 0 0;padding:0 12px;padding-left:0;overflow-x:visible}.mb-10[b-f6y1mvw5um]{margin-bottom:10px}.mt-20[b-f6y1mvw5um]{margin-top:20px!important}.menu-item[b-f6y1mvw5um]{position:relative;padding:0;margin-top:0;width:172px}[b-f6y1mvw5um] .menu-link{width:auto;display:flex;align-items:center;gap:12px;padding:10px 16px;border-radius:20px;text-decoration:none;color:#2F2F2F;font-size:12px;font-weight:400;justify-content:flex-start;height:44px}[b-f6y1mvw5um] .custom-menu-link{height:50px}.menu-icon[b-f6y1mvw5um]{display:inline-flex;justify-content:center;color:#2F2F2F}.menu-link:hover[b-f6y1mvw5um]{background-color:rgb(255 255 255 / .1);color:#2F2F2F}[b-f6y1mvw5um] .menu-link.active{color:#2F2F2F;border:1px solid #ED9D00!important;border-radius:999px!important;background:none!important}[b-f6y1mvw5um] .menu-link.active .menu-icon{color:#ED9D00}.menu-divider[b-f6y1mvw5um][b-f6y1mvw5um]{height:1px;background:#F4F4F4;margin:10px 0;opacity:.9}.menu-divider--full[b-f6y1mvw5um][b-f6y1mvw5um]{margin-left:-12px;margin-right:-12px;margin-top:17px;margin-bottom:20px}.figma-sidebar.collapsed .menu-divider--full[b-f6y1mvw5um][b-f6y1mvw5um]{margin-left:0!important;margin-right:0!important;margin-top:12px;margin-bottom:19px}.figma-sidebar.collapsed .ma-divider[b-f6y1mvw5um][b-f6y1mvw5um]{margin-top:20px}[b-f6y1mvw5um] .menu-link.mt-10{margin-top:10px}.logout-text[b-f6y1mvw5um]{margin-left:8px;font-size:14px;font-weight:400;color:#2F2F2F}.sidebar-header[b-f6y1mvw5um]{flex:0 0 auto}.sidebar-scroll[b-f6y1mvw5um]{flex:1 1 auto;overflow-y:auto;overflow-x:visible;scrollbar-gutter:stable;margin-top:38px;padding:0 14px;padding-left:0}.sidebar-footer[b-f6y1mvw5um]{flex:0 0 auto;margin-top:auto;position:sticky;bottom:0;background:#fff;padding:18px 22px 20px;padding-left:0}[b-f6y1mvw5um] .logout-btn{width:172px;border-radius:6px;background:#FFD88C;border:0;color:#2d2d2d;font-size:13px;font-weight:500;padding:10px 12px;display:flex;justify-content:center;align-items:center;gap:10px;box-shadow:none;height:37px}[b-f6y1mvw5um] .logout-btn .k-button-text {display: flex; align-items: center;} [b-f6y1mvw5um] .logout-btn:hover{background:#FFF4DD}.page.app-shell.sidebar-collapsed .figma-sidebar[b-f6y1mvw5um]{width:79px;transition:width .18s ease-in-out}.figma-sidebar.collapsed .menu[b-f6y1mvw5um]{padding:0 12px}.figma-sidebar.collapsed[b-f6y1mvw5um]  .menu-link{justify-content:center!important;gap:0!important;padding:12px 0;width:100%}.figma-sidebar.collapsed[b-f6y1mvw5um] .menu-item{width:50px!important}.figma-sidebar.collapsed[b-f6y1mvw5um]  .custom-menu-link{height:44px}.figma-sidebar.collapsed .menu-text[b-f6y1mvw5um],.figma-sidebar.collapsed .logout-text[b-f6y1mvw5um]{display:none}.figma-sidebar.collapsed .sidebar-footer[b-f6y1mvw5um]{padding:18px 10px 20px;display:flex;justify-content:center;padding-left:0;margin-left:5px}.figma-sidebar.collapsed .logout-btn[b-f6y1mvw5um]{padding:10px 0}.figma-sidebar.collapsed .collapse-toggle[b-f6y1mvw5um]{right:2px}.figma-sidebar.collapsed nav[b-f6y1mvw5um]{margin-top:100%!important}.figma-sidebar.collapsed[b-f6y1mvw5um] .logout-btn{height:36px;width:36px}.figma-sidebar[b-f6y1mvw5um].collapsed .sidebar-scroll[b-f6y1mvw5um][b-f6y1mvw5um]{padding:0px!important}
/* _content/Diamond2o/Components/Layout/ShoppingCartLayout.razor.rz.scp.css */
html.no-scroll[b-ub0x7ut29n],
body.no-scroll[b-ub0x7ut29n] {
    height: 100%;
    overflow: hidden !important;
    touch-action: none !important; /* prevents some touch scrolling on mobile */
    -webkit-overflow-scrolling: auto !important;
}
.page[b-ub0x7ut29n] {
    position: relative;
    display: flex;
    flex-direction: column
}

main[b-ub0x7ut29n] {
    flex: 1
}

.sidebar[b-ub0x7ut29n] {
    width: 300px !important;
    background: #F4F4F4;
    top: 14% !important
}

.top-row[b-ub0x7ut29n] {
    background-color: #f7f7f7;
    border-bottom: 1px solid #d6d5d5;
    justify-content: flex-end;
    height: 3.5rem;
    display: flex;
    align-items: center
}

    .top-row[b-ub0x7ut29n]  a, .top-row[b-ub0x7ut29n]  .btn-link {
        white-space: nowrap;
        margin-left: 1.5rem;
        text-decoration: none
    }

        .top-row[b-ub0x7ut29n]  a:hover, .top-row[b-ub0x7ut29n]  .btn-link:hover {
            text-decoration: underline
        }

        .top-row[b-ub0x7ut29n]  a:first-child {
            overflow: hidden;
            text-overflow: ellipsis
        }

@media (max-width:640.98px) {
    .top-row[b-ub0x7ut29n] {
        justify-content: space-between
    }

        .top-row[b-ub0x7ut29n]  a, .top-row[b-ub0x7ut29n]  .btn-link {
            margin-left: 0
        }
}

@media (min-width:641px) {
    .page[b-ub0x7ut29n] {
        flex-direction: row
    }

    .sidebar[b-ub0x7ut29n] {
        width: 250px;
        height: 100vh;
        position: sticky;
        top: 0
    }

    .top-row[b-ub0x7ut29n] {
        position: sticky;
        top: 0;
        z-index: 1
    }

        .top-row.auth[b-ub0x7ut29n]  a:first-child {
            flex: 1;
            text-align: right;
            width: 0
        }

    .top-row[b-ub0x7ut29n], article[b-ub0x7ut29n] {
        padding-left: 2rem !important;
        padding-right: 1.5rem !important
    }
}

#blazor-error-ui[b-ub0x7ut29n] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgb(0 0 0 / .2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: .6rem 1.25rem .7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000
}

    #blazor-error-ui .dismiss[b-ub0x7ut29n] {
        cursor: pointer;
        position: absolute;
        right: .75rem;
        top: .5rem
    }

.login-header[b-ub0x7ut29n] {
    height: 75px;
    background-color: #fff;
    box-shadow: 0 4px 24px 0 rgb(0 0 0 / .25);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100;
    display: flex;
    align-items: center
}

.header-container[b-ub0x7ut29n] {
    width: 100%;
    max-width: 1464px;
    margin: 0 auto;
    padding: 0 12px;
    display: flex;
    align-items: center
}

.header-logo[b-ub0x7ut29n] {
    height: 36px;
    flex-shrink: 0
}

[b-ub0x7ut29n] .telerik-nav-link {
    font-size: 14px;
    font-weight: 400;
    color: #2F2F2F;
    text-decoration: none;
    white-space: nowrap
}

    [b-ub0x7ut29n] .telerik-nav-link:hover {
        color: #FFD88C
    }

.header-spacer[b-ub0x7ut29n] {
    flex-grow: 1
}

.header-actions[b-ub0x7ut29n] {
    display: flex;
    margin-left: 40px;
    align-items: center;
    position: relative
}

    .header-actions > *[b-ub0x7ut29n] {
        margin-right: 11px
    }

    .header-actions .sign-in-btn[b-ub0x7ut29n] {
        margin-right: 0
    }

.cart-container[b-ub0x7ut29n] {
    position: relative
}

.sign-in-btn[b-ub0x7ut29n] {
    color: #414142;
    font-size: 14px
}

[b-ub0x7ut29n] .contact-us {
    margin-left: 46px !important;
    background-color: #FFD88C;
    border: none;
    padding: 9px 24px;
    font-weight: 400;
    cursor: pointer;
    color: #414142;
    font-size: 14px;
    letter-spacing: .1px;
    border-radius: 4px;
    width: 96px;
    height: 40px
}

    [b-ub0x7ut29n] .contact-us:hover {
        background: #FFF4DD
    }

    [b-ub0x7ut29n] .contact-us:focus {
        box-shadow: none !important
    }

[b-ub0x7ut29n] .custom-badge {
    background-color: #FFD88C !important;
    font-size: 7px;
    color: #2F2F2F
}

.btn-login[b-ub0x7ut29n], .btn-signup[b-ub0x7ut29n] {
    height: 40px;
    padding: 0 16px;
    border-radius: 6px;
    font-size: 14px;
    cursor: pointer
}

.btn-login[b-ub0x7ut29n] {
    background: #fff0;
    border: 1px solid #ccc
}

.btn-signup[b-ub0x7ut29n] {
    background: #000;
    color: #2F2F2F;
    border: none
}

.login-body[b-ub0x7ut29n] {
    padding-top: 75px;
    height: 100%
}

.account-anchor[b-ub0x7ut29n] {
    display: inline-block;
    cursor: pointer;
    font-weight: 400
}

.k-animation-container.account-popup[b-ub0x7ut29n] {
    top: 75px !important
}

    .k-animation-container.account-popup .k-popup[b-ub0x7ut29n] {
        padding: 4px !important;
        width: 100% !important;
        box-sizing: border-box
    }

        .k-animation-container.account-popup .k-popup > div[b-ub0x7ut29n] {
            display: flex;
            flex-direction: column;
            padding: 4px
        }

.account-item + .account-item[b-ub0x7ut29n] {
    margin-top: 6px
}

.account-item[b-ub0x7ut29n] {
    display: flex;
    align-items: center;
    padding: 6px 14px;
    padding: 6px 20px 6px 14px;
    height: 32px;
    width: 100%;
    text-decoration: none;
    box-sizing: border-box;
    cursor: pointer;
    white-space: nowrap;
    color: #757575;
    font-size: 14px;
    font-weight: 400;
    transition: background-color 0.2s ease
}

.account-popup-divider[b-ub0x7ut29n] {
    color: #D9D9D9;
    margin: 6px 0;
    border-top: 1px solid #D9D9D9
}

.account-item:hover[b-ub0x7ut29n] {
    background: #f8f9fa;
    color: #2F2F2F
}

@media (min-width:1200px) {
    .header-container[b-ub0x7ut29n] {
        max-width: 1164px
    }

    .header-nav[b-ub0x7ut29n] {
        gap: 30px !important;
        margin-left: 50px !important
    }

    .mega-menu[b-ub0x7ut29n] {
        max-width: 1140px !important
    }
}

@media (min-width:1400px) {
    .header-container[b-ub0x7ut29n] {
        max-width: 1344px
    }

    .header-nav[b-ub0x7ut29n] {
        gap: 40px;
        margin-left: 80px
    }

    .mega-menu[b-ub0x7ut29n] {
        max-width: 1320px !important
    }
}

@media (min-width:769px) {
    .mobile-only[b-ub0x7ut29n] {
        display: none !important
    }

    .mobile-header-layout[b-ub0x7ut29n] {
        display: none
    }
}

@media (max-width:768px) {
    .desktop-only[b-ub0x7ut29n] {
        display: none !important
    }

    .mobile-menu-toggle[b-ub0x7ut29n] {
        display: flex !important
    }

    [b-ub0x7ut29n] .custom-badge {
        right: 7px !important;
        top: -15px;
    }
}

.page_content[b-ub0x7ut29n] {
    height: 100vh;
    background: #fff;
    padding: calc(72px + 3px) 0 0px !important;
    overflow-y: hidden !important;
}

.mobile-menu-toggle[b-ub0x7ut29n] {
    display: none;
    flex-direction: column;
    gap: 4px;
    cursor: pointer
}

.mobile-header-layout[b-ub0x7ut29n] {
    display: flex;
    width: 100%;
    align-items: center;
    height: 39px
}

.mobile-left-section[b-ub0x7ut29n] {
    display: flex;
    align-items: center;
    gap: 26px
}

.hamburger-line[b-ub0x7ut29n] {
    width: 22px;
    height: 2px;
    background: #000
}

.mobile-cart[b-ub0x7ut29n] {
    margin-left: auto;
    display: flex !important;
    align-items: center;
    gap: 10px;
}

.mobile-nav-overlay[b-ub0x7ut29n] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(6.300000190734863px);
    background: #292929C7;
    z-index: 9998;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease,visibility 0.3s ease
}

    .mobile-nav-overlay.show[b-ub0x7ut29n] {
        opacity: 1;
        visibility: visible
    }

.mobile-nav[b-ub0x7ut29n] {
    position: fixed;
    top: 0;
    left: -353px;
    width: 330px;
    height: 90vh;
    background: #fff;
    z-index: 9999;
    transition: left 0.3s ease;
    box-shadow: 2px 0 10px rgb(0 0 0 / .1);
    border-radius: 0 0 10px 0;
    border-bottom: 11px solid #FFD88C
}

    .mobile-nav.expanded[b-ub0x7ut29n] {
        left: 0
    }

.mobile-nav-content[b-ub0x7ut29n] {
    padding: 24px 0px 65px 0px;
    height: 100%;
    display: flex;
    overflow-y: auto;
    flex-direction: column
}

.mobile-nav-header[b-ub0x7ut29n] {
    display: flex;
    gap: 26px;
    align-items: center;
    margin-bottom: 46px;
    padding-left: 30px;
    height: 33px;
}

.mobile-nav-close-btn[b-ub0x7ut29n] {
    background: none;
    border: none;
    font-size: 20px;
    cursor: pointer;
    color: #2F2F2F;
    font-weight: 400;
    line-height: 1;
    margin-left: -8px;
    display: flex;
    align-items: center;
}

.mobile-nav-logo[b-ub0x7ut29n] {
    height: 32px;
    width: auto
}

.mobile-nav-divider[b-ub0x7ut29n] {
    height: 1px;
    background: #B3B3B3;
    margin: 46px 30px;
}

.mobile-nav-footer-links[b-ub0x7ut29n] {
    padding: 0 30px;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.mobile-nav-menu[b-ub0x7ut29n] {
    flex: 1;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
    padding: 0 30px;
}

    .mobile-nav-menu .mobile-submenu .mobile-back-btn[b-ub0x7ut29n] {
        padding-left: 30px;
        padding-right: 0;
    }

    .mobile-nav-menu .mobile-submenu .mobile-submenu-content[b-ub0x7ut29n] {
        padding-left: 0;
        padding-right: 0;
    }

[b-ub0x7ut29n] .mobile-nav-item {
    display: flex;
    align-items: center;
    padding: 5px 0px;
    font-size: 14px;
    font-weight: 400;
    color: #414142;
    cursor: pointer;
    text-decoration: none;
    gap: 10px;
    height: 30px;
    border: none;
    background: #fff0;
}

    [b-ub0x7ut29n] .mobile-nav-item:hover {
        font-weight: 600;
        color: #FFD88C;
    }

    [b-ub0x7ut29n] .mobile-nav-item span svg {
        color: #1E1E1E
    }

    [b-ub0x7ut29n] .mobile-nav-item:hover span svg {
        color: #FFD88C
    }

.mobile-nav-signin[b-ub0x7ut29n] {
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #2F2F2F;
    padding-left: 30px;
    cursor: pointer;
    border: none;
    margin: 46px 0;
    background: none;
    text-align: left;
}

.mobile-nav-contact-btn[b-ub0x7ut29n] {
    background: #FFD88C;
    color: #414142;
    border: none;
    padding: 15px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 400;
    height: 44px;
    cursor: pointer;
    text-align: center;
    width: 80%;
    margin: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .mobile-nav-contact-btn:hover[b-ub0x7ut29n] {
        background-color: #FFF4DD
    }

.mobile-nav-subscribe[b-ub0x7ut29n] {
    margin-top: 19px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #414142
}

@media (min-width:768px) {
    .mobile-nav[b-ub0x7ut29n], .mobile-nav-overlay[b-ub0x7ut29n] {
        display: none
    }

    .page_content[b-ub0x7ut29n] {
        overflow: auto;
        overflow-x: hidden;
    }
}

.mobile-nav[b-ub0x7ut29n]::-webkit-scrollbar {
    width: 0
}

.mobile-nav[b-ub0x7ut29n]::-webkit-scrollbar-track {
    background: #fff0
}

.mobile-nav[b-ub0x7ut29n]::-webkit-scrollbar-thumb {
    background: #fff0
}

.header-nav[b-ub0x7ut29n] {
    display: flex;
    gap: 32px;
    margin-left: 64px;
    height: 75px
}

[b-ub0x7ut29n] .telerik-nav-link {
    font-size: 14px;
    font-weight: 400;
    color: #2F2F2F;
    text-decoration: none;
    white-space: nowrap;
    cursor: pointer
}

    [b-ub0x7ut29n] .telerik-nav-link:hover {
        color: #FFD88C
    }

.nav-has-menu[b-ub0x7ut29n] {
    display: inline-flex;
    align-items: center;
    gap: 4px
}

.nav-chevron[b-ub0x7ut29n] {
    transition: transform 0.2s ease;
    opacity: .6
}

.nav-item-wrapper.menu-open .nav-chevron[b-ub0x7ut29n], .nav-item-wrapper:hover .nav-chevron[b-ub0x7ut29n] {
    transform: rotate(180deg);
    opacity: 1
}

.nav-item-wrapper[b-ub0x7ut29n] {
    position: relative;
    display: flex;
    align-items: center
}

.mega-menu[b-ub0x7ut29n] {
    position: fixed;
    top: 75px;
    left: 50%;
    transform: translateX(-50%) translateY(-8px);
    width: 100%;
    max-width: 1320px;
    background: #fff;
    border-bottom: 10px solid #FFD88C;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 8px 32px rgb(0 0 0 / .12);
    z-index: 11000;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease,transform 0.2s ease,visibility 0.2s;
    pointer-events: none
}

.mega-menu-visible[b-ub0x7ut29n] {
    opacity: 1;
    visibility: visible;
    transform: translateX(-50%) translateY(0);
    pointer-events: auto
}

.mega-menu-inner[b-ub0x7ut29n] {
    max-width: 1344px;
    margin: 0 auto;
    padding: 32px;
    border-top: 1px solid #D2D5DA;
    overflow-y: auto;
    overflow-x: hidden;
    height: auto;
    max-height: 400px;
}

.mega-menu[b-ub0x7ut29n]::before {
    content: "";
    position: absolute;
    top: -12px;
    left: 0;
    right: 0;
    height: 14px;
    background: #fff0
}

.mega-menu-expertise .mega-menu-inner[b-ub0x7ut29n] {
    padding: 0 0 22px 32px
}

.mega-expertise-header[b-ub0x7ut29n] {
    display: flex;
    align-items: center;
    gap: 38px;
    margin-bottom: 32px;
    height: 52px
}

.mega-expertise-label[b-ub0x7ut29n] {
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    color: #B2B2B2;
    white-space: nowrap;
    flex-shrink: 0;
    min-width: 80px
}

.mega-expertise-desc[b-ub0x7ut29n] {
    font-size: 12px;
    color: #767676;
    margin: 0;
    background: #F4F4F4;
    padding: 21px 20px 18px;
    width: 100%
}

.mega-expertise-columns[b-ub0x7ut29n] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 32px
}

[b-ub0x7ut29n] .mega-div-tag {
    font-size: 10px;
    line-height: 100%;
    font-weight: 400;
    text-transform: capitalize;
    margin-bottom: 8px;
    text-decoration: none;
    display: block;
}

[b-ub0x7ut29n] .mega-div-tag:hover {
    text-decoration: underline !important
}

.mega-div-tag.tag-ec[b-ub0x7ut29n] {
    color: #2D9B8E
}

.mega-div-tag.tag-we[b-ub0x7ut29n] {
    color: #009CBD
}

.mega-div-tag.tag-be[b-ub0x7ut29n] {
    color: #0072CE
}

.mega-div-tag.tag-ls[b-ub0x7ut29n] {
    color: #0032A0
}

.mega-div-name[b-ub0x7ut29n] {
    font-size: 10px;
    font-weight: 600;
    color: #2f2f2f;
    text-transform: uppercase;
    letter-spacing: 10%;
    margin-bottom: 25px;
    line-height: 100%
}

.mega-div-links[b-ub0x7ut29n] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.mega-div-link[b-ub0x7ut29n] {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #2F2F2F;
    text-decoration: none;
    transition: color 0.15s,border-color 0.15s;
    line-height: 100%;
    height: 16px
}

    .mega-div-link:hover[b-ub0x7ut29n] {
        text-decoration: underline
    }

.mega-view-all[b-ub0x7ut29n] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #414142;
    text-decoration: none;
    margin-top: 23px;
    transition: gap 0.15s;
    height: 30px;
    align-items: center
}

    .mega-view-all svg path[b-ub0x7ut29n] {
        stroke: #2f2f2f
    }

    .mega-view-all:hover[b-ub0x7ut29n] {
        font-weight: 600
    }

        .mega-view-all:hover svg path[b-ub0x7ut29n] {
            stroke: #FFD88C
        }

.mega-menu-industries .mega-menu-inner[b-ub0x7ut29n] {
    padding: 20px 32px 22px 32px;
}

.mega-industries-header[b-ub0x7ut29n] {
    display: flex;
    align-items: center;
    margin-bottom: 30px
}

.mega-industries-label[b-ub0x7ut29n] {
    font-size: 16px;
    font-weight: 600;
    line-height: 100%;
    color: #B2B2B2;
    white-space: nowrap;
    flex-shrink: 0
}

.mega-industries-grid[b-ub0x7ut29n] {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 0 28px
}

.mega-industries-column[b-ub0x7ut29n] {
    display: flex;
    flex-direction: column
}

.mega-industries-col[b-ub0x7ut29n] {
    padding-bottom: 35px
}

    .mega-industries-col:last-child[b-ub0x7ut29n] {
        padding-bottom: 0
    }

.mega-industries-heading[b-ub0x7ut29n] {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    font-size: 10px;
    font-weight: 600;
    color: #767676;
    text-transform: uppercase;
    letter-spacing: 10%;
    text-decoration: none;
    margin-bottom: 21px;
    line-height: 100%;
    transition: color 0.15s
}

    .mega-industries-heading:hover[b-ub0x7ut29n] {
        text-decoration: underline;
    }

    .mega-industries-heading svg[b-ub0x7ut29n] {
        color: #2F2F2F;
        flex-shrink: 0;
        margin-top: 1px
    }

.mega-industries-links[b-ub0x7ut29n] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.mega-industries-link[b-ub0x7ut29n] {
    font-size: 12px;
    font-weight: 400;
    display: flex;
    align-items: center;
    color: #2f2f2f;
    text-decoration: none;
    line-height: 100%;
    transition: color 0.15s
}

    .mega-industries-link:hover[b-ub0x7ut29n] {
        text-decoration: underline
    }

.mega-industries-footer[b-ub0x7ut29n] {
    margin-top: 30px;
    height: 30px
}

.mega-industries-view-all[b-ub0x7ut29n] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #414142;
    text-decoration: none;
    transition: gap 0.15s;
    height: 30px;
    align-items: center
}

    .mega-industries-view-all svg path[b-ub0x7ut29n] {
        stroke: #2f2f2f
    }

    .mega-industries-view-all:hover[b-ub0x7ut29n] {
        font-weight: 600
    }

        .mega-industries-view-all:hover svg path[b-ub0x7ut29n] {
            stroke: #FFD88C
        }

.mega-menu-simple .mega-menu-inner[b-ub0x7ut29n] {
    padding: 20px 32px 22px 32px;
}

.mega-simple-columns-4[b-ub0x7ut29n] {
    display: grid;
    grid-template-columns: repeat(4,1fr) !important;
    gap: 0 32px
}

.mega-simple-columns[b-ub0x7ut29n] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 0 32px
}

.mega-simple-columns-6[b-ub0x7ut29n] {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    gap: 0 32px
}

.mega-simple-heading[b-ub0x7ut29n], a.mega-simple-heading[b-ub0x7ut29n] {
    display: block;
    font-size: 16px;
    font-weight: 500;
    color: #B2B2B2;
    margin-bottom: 38px !important;
    line-height: 100%;
    text-decoration: none
}

.mega-simple-links[b-ub0x7ut29n] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 10px
}

.mega-simple-link[b-ub0x7ut29n] {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #2F2F2F;
    text-decoration: none;
    line-height: 100%;
    border-bottom: 1px solid #fff0;
    transition: color 0.15s
}

    .mega-simple-link:hover[b-ub0x7ut29n] {
        text-decoration: underline
    }

.mega-menu-resources .mega-menu-inner[b-ub0x7ut29n] {
    padding: 0
}

.mega-resources-layout[b-ub0x7ut29n] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 32px
}

.mega-resources-left[b-ub0x7ut29n] {
    display: flex;
    flex-direction: column;
    padding: 20px 32px 22px 32px;
}

.mega-resources-label[b-ub0x7ut29n] {
    font-size: 16px;
    font-weight: 500;
    color: #B2B2B2;
    margin-bottom: 33px;
    line-height: 100%
}

.mega-resources-columns[b-ub0x7ut29n] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 113px
}

.mega-resources-links[b-ub0x7ut29n] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 12px
}

.mega-resources-link[b-ub0x7ut29n] {
    display: block;
    font-size: 12px;
    font-weight: 400;
    color: #2F2F2F;
    text-decoration: none;
    line-height: 100%;
    border-bottom: 1px solid #fff0;
    transition: color 0.15s
}

    .mega-resources-link:hover[b-ub0x7ut29n] {
        text-decoration: underline
    }

.mega-resources-view-all[b-ub0x7ut29n] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #414142;
    text-decoration: none;
    margin-top: 33px;
    transition: gap 0.15s;
    height: 30px
}

    .mega-resources-view-all:hover[b-ub0x7ut29n] {
        font-weight: 600
    }

        .mega-resources-view-all:hover svg path[b-ub0x7ut29n] {
            stroke: #FFD88C
        }

.mega-resources-right[b-ub0x7ut29n] {
    display: flex;
    flex-direction: column;
    gap: 32px;
    background: #F4F4F4;
    padding: 40px;
}

.mega-resources-featured-title[b-ub0x7ut29n], .mega-resources-videos-title[b-ub0x7ut29n] {
    font-size: 18px;
    font-weight: 400;
    color: #2F2F2F;
    margin: 0 0 20px 0;
    line-height: 129%
}

.mega-resources-featured-desc[b-ub0x7ut29n], .mega-resources-videos-desc[b-ub0x7ut29n] {
    font-size: 12px;
    font-weight: 400;
    color: #2f2f2f;
    margin: 0 0 12px 0;
    line-height: 1.5
}

.mega-resources-featured-link[b-ub0x7ut29n], .mega-resources-videos-link[b-ub0x7ut29n] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 400;
    color: #414142;
    text-decoration: none;
    transition: gap 0.15s
}

    .mega-resources-featured-link:hover[b-ub0x7ut29n], .mega-resources-videos-link:hover[b-ub0x7ut29n] {
        font-weight: 600
    }

        .mega-resources-featured-link:hover svg path[b-ub0x7ut29n], .mega-resources-videos-link:hover svg path[b-ub0x7ut29n] {
            stroke: #FFD88C
        }

.mega-menu-locations .mega-menu-inner[b-ub0x7ut29n] {
    padding: 20px 32px 22px
}

.mega-locations-title[b-ub0x7ut29n] {
    display: block;
    font-size: 16px;
    font-weight: 600;
    color: #B2B2B2;
    margin-bottom: 30px;
    line-height: 100%
}

.mega-locations-layout[b-ub0x7ut29n] {
    display: grid;
    grid-template-columns: 3fr 2fr
}

.mega-locations-us[b-ub0x7ut29n] {
    border-right: 1px solid #E5E5E5;
    padding-right: 32px
}

.mega-locations-region-heading[b-ub0x7ut29n] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 10px;
    font-weight: 400;
    color: #767676;
    line-height: 100%;
    text-transform: uppercase;
    letter-spacing: 10%;
    text-decoration: none;
    margin-bottom: 20px;
    transition: color 0.15s
}

    .mega-locations-region-heading:hover[b-ub0x7ut29n] {
        font-weight: 600;
        text-decoration: underline;
    }

        .mega-locations-region-heading:hover svg path[b-ub0x7ut29n] {
            stroke: #FFD88C
        }

.mega-locations-states-grid[b-ub0x7ut29n] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 10px 20px
}

.mega-locations-link[b-ub0x7ut29n] {
    font-size: 12px;
    font-weight: 400;
    color: #2F2F2F;
    text-decoration: none;
    line-height: 1.5;
    transition: color 0.15s
}

    .mega-locations-link:hover[b-ub0x7ut29n] {
        text-decoration: underline
    }

.mega-locations-other[b-ub0x7ut29n] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 32px 48px;
    padding-left: 32px
}

.mega-locations-region[b-ub0x7ut29n] {
    display: flex;
    flex-direction: column
}

.mega-locations-countries[b-ub0x7ut29n] {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 8px
}

.mega-locations-footer[b-ub0x7ut29n] {
    margin-top: 51px
}

.mega-locations-view-all[b-ub0x7ut29n] {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 12px;
    font-weight: 400;
    line-height: 20px;
    color: #414142;
    text-decoration: none;
    transition: gap 0.15s;
    height: 30px;
    display: flex;
    align-items: center
}

    .mega-locations-view-all:hover[b-ub0x7ut29n] {
        font-weight: 600
    }

        .mega-locations-view-all:hover svg path[b-ub0x7ut29n] {
            stroke: #FFD88C
        }

/*Mobile nav css*/

.mobile-submenu[b-ub0x7ut29n] {
    height: 100%;
}

.mobile-back-btn[b-ub0x7ut29n] {
    width: 100%;
    background: #f3f3f3;
    border: none;
    text-align: left;
    padding: 25px 30px;
    font-size: 14px;
}

.mobile-submenu-content[b-ub0x7ut29n] {
    padding: 33px;
}

.mobile-division[b-ub0x7ut29n] {
    margin-bottom: 32px;
}

.mobile-division-tag[b-ub0x7ut29n] {
    font-size: 10px;
    font-weight: 400;
    margin-bottom: 4px;
}

    .mobile-division-tag.tag-ec[b-ub0x7ut29n] {
        color: #2D9B8E !important
    }

    .mobile-division-tag.tag-we[b-ub0x7ut29n] {
        color: #009CBD !important
    }

    .mobile-division-tag.tag-be[b-ub0x7ut29n] {
        color: #0072CE !important
    }

    .mobile-division-tag.tag-ls[b-ub0x7ut29n] {
        color: #0032A0 !important
    }

.mobile-division-title[b-ub0x7ut29n] {
    font-size: 10px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 27px;
    color: #2f2f2f;
}

[b-ub0x7ut29n] .mobile-submenu-link {
    display: block;
    color: #2f2f2f;
    text-decoration: none;
    padding: 10px 0;
    font-size: 14px;
}

.mobile-view-all[b-ub0x7ut29n] {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #2f2f2f;
    font-weight: 400;
    text-decoration: none;
    margin-top: 15px;
    font-size: 14px;
    padding: 5px 0px;
}

.mobile-menu-heading[b-ub0x7ut29n] {
    font-size: 16px;
    font-weight: 700;
    color: #b2b2b2;
    margin-bottom: 24px;
}

.mobile-division[b-ub0x7ut29n] {
    margin-bottom: 33px;
}

    .mobile-division:last-child[b-ub0x7ut29n],
    .mobile-division:last-of-type[b-ub0x7ut29n] {
        margin-bottom: 0;
    }

.mobile-back-btn[b-ub0x7ut29n] {
    width: 100%;
    border: none;
    background: #f4f4f4;
    text-align: left;
    padding: 23px 22px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #414142;
    font-weight: 400;
}

.mobile-submenu-link[b-ub0x7ut29n] {
    display: block;
    padding: 12px 0;
    text-decoration: none;
    color: #2f2f2f;
}

.mobile-resource-featured[b-ub0x7ut29n] {
    margin-top: 46px;
}

.mobile-feature-card[b-ub0x7ut29n] {
    padding: 40px;
    background: #f4f4f4;
}

    .mobile-feature-card h4[b-ub0x7ut29n] {
        margin-bottom: 12px;
        font-size: 18px;
        line-height: 1.3;
        margin-top: 0px;
        font-weight: 400;
        color: #2f2f2f;
    }

    .mobile-feature-card p[b-ub0x7ut29n] {
        line-height: 1.5;
        margin-bottom: 18px;
        margin-top: 0px;
        font-size: 12px;
        font-weight: 400;
        color: #2f2f2f;
    }

.mobile-submenu-menu-item[b-ub0x7ut29n] {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

    .mobile-submenu-menu-item + .mobile-submenu-menu-item[b-ub0x7ut29n] {
        margin-top: 15px;
    }

.mobile-nav-menu.submenu-open[b-ub0x7ut29n] {
    padding-left: 0px;
    padding-right: 0;
}

    .mobile-nav-menu.submenu-open .mobile-submenu-content[b-ub0x7ut29n] {
        padding-left: 46px;
        padding-right: 30px;
        padding-bottom: 0px;
    }

.mobile-feature-card + .mobile-feature-card[b-ub0x7ut29n] {
    padding-top: 0;
}

.mobile-submenu-section[b-ub0x7ut29n] {
    margin-bottom: 40px;
}

    .mobile-submenu-section:last-child[b-ub0x7ut29n],
    .mobile-submenu-section:last-of-type[b-ub0x7ut29n] {
        margin-bottom: 0;
    }

.mobile-submenu .mobile-menu-heading[b-ub0x7ut29n] {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 27px;
    color: #2f2f2f;
}

.mobile-submenu .mobile-submenu-link[b-ub0x7ut29n] {
    display: block;
    padding: 5px 0;
    color: #414142;
    text-decoration: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.mobile-submenu .mobile-featured-cta[b-ub0x7ut29n] {
    padding: 40px;
    margin-top: 10px;
    background: #f4f4f4;
}

.mobile-featured-cta h4[b-ub0x7ut29n] {
    margin-bottom: 12px;
    font-size: 18px;
    line-height: 1.3;
    margin-top: 0px;
    font-weight: 400;
    color: #2f2f2f;
}

.mobile-featured-cta p[b-ub0x7ut29n] {
    line-height: 1.5;
    margin-bottom: 18px;
    margin-top: 0px;
    font-size: 12px;
    font-weight: 400;
    color: #2f2f2f;
}

@media (max-width: 768px) {

    .k-animation-container.account-popup:has(.k-child-animation-container>.k-popup)[b-ub0x7ut29n] {
        top: 75px !important
    }

    .k-animation-container.account-popup .k-popup[b-ub0x7ut29n] {
        width: 100% !important;
        max-width: 720px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
        border-radius: 8px !important;
        overflow: hidden !important;
        top: 75px;
    }

        .k-animation-container.account-popup .k-popup > div[b-ub0x7ut29n] {
            display: flex !important;
            flex-direction: column !important;
            align-items: center !important;
            padding: 32px !important;
        }

    .k-animation-container.account-popup .account-item[b-ub0x7ut29n] {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
        padding: 15px 14px !important;
        height: 50px !important;
        font-size: 16px !important;
        line-height: 20px !important;
        font-weight: 400 !important;
        color: #757575 !important;
    }

        .k-animation-container.account-popup .account-item + .account-item[b-ub0x7ut29n] {
            margin-top: 10px;
        }

    .k-animation-container.account-popup .account-popup-divider[b-ub0x7ut29n] {
        width: 90% !important;
        margin: 10px auto !important;
    }
}
/* _content/Diamond2o/Components/Layout/TrainingSearchLayout.razor.rz.scp.css */
.page[b-u3dymkgsen]{position:relative;display:flex;flex-direction:column}main[b-u3dymkgsen]{flex:1}.sidebar[b-u3dymkgsen]{width:300px!important;background:#F4F4F4;top:14%!important}.top-row[b-u3dymkgsen]{background-color:#f7f7f7;border-bottom:1px solid #d6d5d5;justify-content:flex-end;height:3.5rem;display:flex;align-items:center}.top-row[b-u3dymkgsen]  a,.top-row[b-u3dymkgsen]  .btn-link{white-space:nowrap;margin-left:1.5rem;text-decoration:none}.top-row[b-u3dymkgsen]  a:hover,.top-row[b-u3dymkgsen]  .btn-link:hover{text-decoration:underline}.top-row[b-u3dymkgsen]  a:first-child{overflow:hidden;text-overflow:ellipsis}@media (max-width:640.98px){.top-row[b-u3dymkgsen]{justify-content:space-between}.top-row[b-u3dymkgsen]  a,.top-row[b-u3dymkgsen]  .btn-link{margin-left:0}}@media (min-width:641px){.page[b-u3dymkgsen]{flex-direction:row}.sidebar[b-u3dymkgsen]{width:250px;height:100vh;position:sticky;top:0}.top-row[b-u3dymkgsen]{position:sticky;top:0;z-index:1}.top-row.auth[b-u3dymkgsen]  a:first-child{flex:1;text-align:right;width:0}.top-row[b-u3dymkgsen],article[b-u3dymkgsen]{padding-left:2rem!important;padding-right:1.5rem!important}}#blazor-error-ui[b-u3dymkgsen]{color-scheme:light only;background:lightyellow;bottom:0;box-shadow:0 -1px 2px rgb(0 0 0 / .2);box-sizing:border-box;display:none;left:0;padding:.6rem 1.25rem .7rem 1.25rem;position:fixed;width:100%;z-index:1000}#blazor-error-ui .dismiss[b-u3dymkgsen]{cursor:pointer;position:absolute;right:.75rem;top:.5rem}.login-header[b-u3dymkgsen]{height:75px;background-color:#fff;box-shadow:0 4px 24px 0 rgb(0 0 0 / .25);position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center}.header-container[b-u3dymkgsen]{width:100%;max-width:1464px;margin:0 auto;padding:0 12px;display:flex;align-items:center}.header-logo[b-u3dymkgsen]{height:36px;flex-shrink:0}.header-nav[b-u3dymkgsen]{display:flex;gap:32px;margin-left:64px}[b-u3dymkgsen] .telerik-nav-link{font-size:14px;font-weight:400;color:#2F2F2F;text-decoration:none;white-space:nowrap}[b-u3dymkgsen] .telerik-nav-link:hover{color:#FFD88C}.header-spacer[b-u3dymkgsen]{flex-grow:1}.header-actions[b-u3dymkgsen]{display:flex;margin-left:135px;align-items:center;position:relative}.header-actions>*[b-u3dymkgsen]{margin-right:11px}.header-actions .sign-in-btn[b-u3dymkgsen]{margin-right:0}.cart-container[b-u3dymkgsen]{position:relative}.sign-in-btn[b-u3dymkgsen]{color:#414142;font-size:14px;cursor:pointer}[b-u3dymkgsen] .contact-us{margin-left:46px!important;background-color:#FFD88C;border:none;padding:9px 24px;font-weight:400;cursor:pointer;color:#414142;font-size:14px;letter-spacing:.1px;border-radius:4px;width:96px;height:40px}[b-u3dymkgsen] .contact-us:hover{background:#FFF4DD}[b-u3dymkgsen] .contact-us:focus{box-shadow:none!important}[b-u3dymkgsen] .custom-badge{background-color:#FFD88C!important;font-size:7px;color:#2F2F2F}.btn-login[b-u3dymkgsen],.btn-signup[b-u3dymkgsen]{height:40px;padding:0 16px;border-radius:6px;font-size:14px;cursor:pointer}.btn-login[b-u3dymkgsen]{background:#fff0;border:1px solid #ccc}.btn-signup[b-u3dymkgsen]{background:#000;color:#2F2F2F;border:none}.login-body[b-u3dymkgsen]{padding-top:75px;height:100%}.account-anchor[b-u3dymkgsen]{display:inline-block;cursor:pointer;font-weight:400}.k-animation-container.account-popup[b-u3dymkgsen]{top:75px!important}body:has(.training-search-select) .k-animation-container.account-popup .k-popup[b-u3dymkgsen],body .k-animation-container.account-popup .k-popup[b-u3dymkgsen]{padding:4px!important;width:100%!important;box-sizing:border-box!important;border-top:none!important;box-shadow:0 2px 10px rgb(0 0 0 / .1)!important;outline:initial!important;border:1px solid #ccc!important;filter:initial!important;padding-top:4px!important;margin-left:0!important;margin-right:0!important}body .k-animation-container.account-popup .k-popup>div[b-u3dymkgsen]{display:flex;flex-direction:column;padding:4px}.account-item+.account-item[b-u3dymkgsen]{margin-top:6px}.account-item[b-u3dymkgsen]{display:flex;align-items:center;padding:6px 14px;padding:6px 20px 6px 14px;height:32px;width:100%;text-decoration:none;box-sizing:border-box;cursor:pointer;white-space:nowrap;color:#757575;font-size:14px;font-weight:400;transition:background-color 0.2s ease}.account-popup-divider[b-u3dymkgsen]{color:#D9D9D9;margin:6px 0;border-top:1px solid #D9D9D9}.account-item:hover[b-u3dymkgsen]{background:#f8f9fa;color:#2F2F2F}@media (min-width:1200px){.header-container[b-u3dymkgsen]{max-width:1164px}.header-nav[b-u3dymkgsen]{gap:30px;margin-left:50px}}@media (min-width:1400px){.header-container[b-u3dymkgsen]{max-width:1344px}.header-nav[b-u3dymkgsen]{gap:40px;margin-left:80px}}.training_page_content[b-u3dymkgsen]{height:100vh;overflow:auto;overflow-x:hidden;padding:calc(72px + 16px) 0 16px 0!important}
/* _content/Diamond2o/Components/Pages/Software/SoftwareDetail.razor.rz.scp.css */
.feature-video-meta[b-lhzidl1zxr], .video-meta[b-lhzidl1zxr], .video-info[b-lhzidl1zxr], .custom-video-overlay[b-lhzidl1zxr] {
    display: flex;
    align-items: center
}

.feature-video-meta[b-lhzidl1zxr] {
    gap: 10px;
    color: #8c8c8c;
    font-size: 14px
}

.featured-video-name[b-lhzidl1zxr] {
    font-size: 48px;
    line-height: 1.15;
    font-weight: 400;
    color: #1f1f1f;
    margin: 0
}

.video-frame-wrapper[b-lhzidl1zxr] {
    position: relative;
    width: 100%;
    aspect-ratio: 16/9;
    overflow: hidden;
    background: #d9d9d9;
    height: 100%
}

.custom-video-frame[b-lhzidl1zxr], .secure-video[b-lhzidl1zxr], iframe[b-lhzidl1zxr] {
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    display: block
}

.video-duration-badge[b-lhzidl1zxr] {
    position: absolute;
    left: 10px;
    bottom: 10px;
    background: rgb(255 255 255 / .95);
    color: #1f1f1f;
    font-size: 11px;
    font-weight: 500;
    padding: 4px 8px;
    border-radius: 4px;
    z-index: 5
}

.video-frame-wrapper iframe[b-lhzidl1zxr], .video-frame-wrapper iframe > *[b-lhzidl1zxr], .video-frame-wrapper iframe html[b-lhzidl1zxr], .video-frame-wrapper iframe body[b-lhzidl1zxr] {
    width: 100% !important;
    height: 100% !important
}

.video-frame-wrapper .wistia_embed[b-lhzidl1zxr], .video-frame-wrapper .wistia_responsive_padding[b-lhzidl1zxr], .video-frame-wrapper .wistia_responsive_wrapper[b-lhzidl1zxr] {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: 100% !important;
    padding: 0 !important
}

.video-frame-wrapper iframe[b-lhzidl1zxr] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    border: 0;
    object-fit: cover
}

.video-left .video-frame-wrapper[b-lhzidl1zxr] {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden
}

    .video-left .video-frame-wrapper iframe[b-lhzidl1zxr] {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
        border: 0
    }

.video-thumbnail[b-lhzidl1zxr] {
    width: 125px;
    height: 125px;
    min-width: 220px;
    position: relative;
    overflow: hidden;
    background: #e5e5e5
}

    .video-thumbnail .wistia_responsive_padding[b-lhzidl1zxr], .video-thumbnail .wistia_responsive_wrapper[b-lhzidl1zxr], .video-thumbnail .wistia_embed[b-lhzidl1zxr] {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
        margin: 0 !important
    }

    .video-thumbnail iframe.custom-video-frame[b-lhzidl1zxr] {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        min-width: 100% !important;
        min-height: 100% !important;
        border: 0 !important;
        overflow: hidden !important;
        display: block !important
    }

    .video-thumbnail iframe[b-lhzidl1zxr] {
        background: #000
    }

.video-card[b-lhzidl1zxr] {
    display: flex;
    gap: 16px
}

.wistia_embed .w-chrome[b-lhzidl1zxr] {
    height: 100% !important
}

.video-thumb-img[b-lhzidl1zxr] {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.play-overlay[b-lhzidl1zxr] {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    font-size: 22px;
    color: #fff;
    background: rgb(0 0 0 / .6);
    border-radius: 50%;
    padding: 10px 14px;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 45px;
    width: 45px
}

.wistia_responsive_padding[b-lhzidl1zxr], .wistia_responsive_wrapper[b-lhzidl1zxr], .wistia_embed[b-lhzidl1zxr] {
    width: 100% !important;
    height: 100% !important
}

.software-tab-desktop-only[b-lhzidl1zxr] {
    display: block
}

.software-tabs-dropdown-mobile-only[b-lhzidl1zxr] {
    display: none
}

.software-detail-page[b-lhzidl1zxr] {
    font-family: Arial,Helvetica,sans-serif;
    background: #fff
}

.software-details-content-section[b-lhzidl1zxr] {
    margin-top: 32px;
    width: 100%
}

.product-section[b-lhzidl1zxr] {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 47px;
    margin-bottom: 57px;
    margin-top: 72px
}

.product-text[b-lhzidl1zxr] {
    flex: 1 1 0;
    min-width: 0;
}

    .product-text h1[b-lhzidl1zxr] {
        font-size: 40px;
        font-weight: 400;
        color: #2F2F2F;
        margin: 0 0 20px 0;
        line-height: 100%;
        margin-top: 51px
    }

    .product-text .software-subtitle[b-lhzidl1zxr] {
        color: #2F2F2F;
        font-size: 14px;
        line-height: 19px;
        font-weight: 400;
        margin-bottom: 47px
    }

.edition-price-wrapper[b-lhzidl1zxr] {
    display: flex;
    align-items: flex-start;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    overflow: hidden;
    background: #fff;
    width: fit-content;
    max-width: 100%;
    margin-bottom: 8px
}

.edition-price-label[b-lhzidl1zxr] {
    background: #F4F4F4;
    width: 187px;
    min-width: 187px;
    flex-shrink: 0;
    padding: 19px 15px 18px 32px;
    text-align: center;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center;
    align-self: stretch
}

    .edition-price-label span[b-lhzidl1zxr] {
        font-weight: 400;
        color: #2F2F2F;
        text-transform: uppercase;
        font-size: 16px;
        line-height: 100%;
        letter-spacing: 1.6px
    }

.edition-details-grid[b-lhzidl1zxr] {
    display: grid;
    grid-template-columns: repeat(4,200px);
    background: #fff;
    flex: 1;
    min-width: 0
}

.edition-detail-item[b-lhzidl1zxr] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 15px;
    background: #fff;
    box-sizing: border-box;
    min-height: 56px
}

    .edition-detail-item:nth-child(4n)[b-lhzidl1zxr] {
        border-right: none
    }

    .edition-detail-item:nth-last-child(-n+4)[b-lhzidl1zxr] {
        border-bottom: none
    }

    .edition-detail-item .edition-name[b-lhzidl1zxr] {
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
        color: #2F2F2F;
        margin-bottom: 5px
    }

    .edition-detail-item .edition-price[b-lhzidl1zxr] {
        font-size: 16px;
        line-height: 135%;
        font-weight: 600;
        color: #2F2F2F
    }

.comparison-link[b-lhzidl1zxr] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

    .comparison-link .comparison-link-btn[b-lhzidl1zxr] {
        display: flex;
        align-items: center;
        color: #2f2f2f;
        text-decoration: underline;
        font-size: 14px;
        line-height: 19px;
        font-weight: 400;
        border: none;
        background: #fff0;
        cursor: pointer
    }

        .comparison-link .comparison-link-btn:hover[b-lhzidl1zxr] {
            font-weight: 600
        }

@media (min-width:993px) {
    .edition-details-grid[b-lhzidl1zxr] {
        grid-template-columns: repeat(4,200px)
    }

    .edition-detail-item:nth-child(4n)[b-lhzidl1zxr] {
        border-right: none
    }

    .edition-detail-item:nth-last-child(-n+4)[b-lhzidl1zxr] {
        border-bottom: none
    }
}

@media (min-width:769px) and (max-width:992px) {
    .edition-details-grid[b-lhzidl1zxr] {
        grid-template-columns: repeat(3,200px)
    }

    .edition-detail-item:nth-child(4n)[b-lhzidl1zxr] {
        border-right: 1px solid #e0e0e0
    }

    .edition-detail-item:nth-child(3n)[b-lhzidl1zxr] {
        border-right: none
    }

    .edition-detail-item:nth-last-child(-n+3)[b-lhzidl1zxr] {
        border-bottom: none
    }
}

@media (min-width:481px) and (max-width:768px) {
    .edition-details-grid[b-lhzidl1zxr] {
        grid-template-columns: repeat(2,200px)
    }

    .edition-detail-item:nth-child(4n)[b-lhzidl1zxr], .edition-detail-item:nth-child(3n)[b-lhzidl1zxr] {
        border-right: 1px solid #e0e0e0
    }

    .edition-detail-item:nth-child(2n)[b-lhzidl1zxr] {
        border-right: none
    }

    .edition-detail-item:nth-last-child(-n+2)[b-lhzidl1zxr] {
        border-bottom: none
    }
}

@media (max-width:480px) {
    .edition-price-wrapper[b-lhzidl1zxr] {
        flex-direction: column;
        width: 100%
    }

    .edition-price-label[b-lhzidl1zxr] {
        width: 100%;
        min-width: 100%;
        border-right: none;
        min-height: 60px;
        align-self: auto
    }

    .edition-details-grid[b-lhzidl1zxr] {
        grid-template-columns: 1fr;
        width: 100%
    }

    .edition-detail-item[b-lhzidl1zxr] {
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
        width: 100%;
        min-height: 80px;
        padding: 20px 15px
    }

        .edition-detail-item:last-child[b-lhzidl1zxr] {
            border-bottom: none
        }

        .edition-detail-item:nth-child(4n)[b-lhzidl1zxr], .edition-detail-item:nth-child(3n)[b-lhzidl1zxr], .edition-detail-item:nth-child(2n)[b-lhzidl1zxr] {
            border-right: none
        }
}

@media (max-width:768px) {
    .edition-price-wrapper[b-lhzidl1zxr] {
        flex-direction: row;
        width: 100%;
        margin-bottom: 10px !important
    }

    .edition-price-label[b-lhzidl1zxr] {
        width: 84px;
        min-width: 84px;
        padding: 12px;
        height: auto;
        align-self: stretch;
    }

        .edition-price-label span[b-lhzidl1zxr] {
            font-size: 16px;
            writing-mode: horizontal-tb;
            letter-spacing: 2px
        }

    .edition-details-grid[b-lhzidl1zxr] {
        grid-template-columns: repeat(2,minmax(0,1fr));
        width: 100%
    }

    .edition-detail-item[b-lhzidl1zxr] {
        padding: 12px;
        min-height: auto
    }

    .edition-name[b-lhzidl1zxr] {
        font-size: 13px
    }

    .edition-price[b-lhzidl1zxr] {
        font-size: 15px
    }

    .edition-detail-item:nth-child(4n)[b-lhzidl1zxr], .edition-detail-item:nth-last-child(-n+4)[b-lhzidl1zxr] {
        border: none
    }

    .technical-sheet-section[b-lhzidl1zxr] {
        margin-top: 0px !important;
    }

    .technical-sheet-content[b-lhzidl1zxr] {
        gap: 15px !important;
    }

    .technical-sheet-link[b-lhzidl1zxr] {
        padding-left: 0px !important;
    }
}

@media (max-width:360px) {
    .edition-price-label[b-lhzidl1zxr] {
        padding: 15px 10px
    }

        .edition-price-label span[b-lhzidl1zxr] {
            font-size: 14px
        }

    .edition-detail-item[b-lhzidl1zxr] {
        padding: 15px 10px
    }

        .edition-detail-item .edition-name[b-lhzidl1zxr] {
            font-size: 13px
        }

        .edition-detail-item .edition-price[b-lhzidl1zxr] {
            font-size: 15px
        }
}

.price-card[b-lhzidl1zxr] {
    flex: 0 0 284px;
    width: 284px;
    height: 382px;
    box-sizing: border-box;
    padding: 25px;
    background: #F4F4F4;
    border-radius: 4px 4px 0 0;
    flex-shrink: 0
}

.price-card-header[b-lhzidl1zxr] {
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing: 1.6px;
    line-height: 100%;
    color: #1E1E1E;
    margin-bottom: 10px;
    height: 26px;
    display: flex
}

.price-card-subtext[b-lhzidl1zxr] {
    font-size: 12px;
    color: #1E1E1E;
    margin-bottom: 26px;
    line-height: 15px;
    font-weight: 400
}

.software-bundle-dropdown[b-lhzidl1zxr] {
    height: 36px;
    border: none;
    border-bottom: 1px solid #1D1B2070;
    border-radius: 0;
    font-size: 14px;
    margin-bottom: 26px;
    background: #fff0
}

    .software-bundle-dropdown .k-input-inner[b-lhzidl1zxr] {
        padding-left: 16px
    }

    .software-bundle-dropdown:hover[b-lhzidl1zxr] {
        background: #fff0
    }

.custom-dropdown-popup[b-lhzidl1zxr], .custom-dropdown-popup *[b-lhzidl1zxr], .custom-dropdown-popup .k-list[b-lhzidl1zxr], .custom-dropdown-popup .k-list-item[b-lhzidl1zxr], .custom-dropdown-popup .k-list-container[b-lhzidl1zxr], .custom-dropdown-popup .k-popup[b-lhzidl1zxr], .custom-dropdown-popup .k-animation-container[b-lhzidl1zxr] {
    margin: 0 !important;
    padding: 0 !important;
    text-indent: 0 !important;
    list-style: none !important
}

.custom-dropdown-popup[b-lhzidl1zxr] {
    border: 1px solid #ccc !important;
    border-radius: 0 !important;
    box-shadow: 0 2px 4px rgb(0 0 0 / .1) !important;
    width: 234px;
    z-index: 1;
}

    .custom-dropdown-popup .k-list[b-lhzidl1zxr] {
        width: 100% !important;
        background: white !important
    }

    .custom-dropdown-popup .k-list-item[b-lhzidl1zxr] {
        width: 100% !important;
        box-sizing: border-box !important;
        position: relative !important;
        padding-left: 25px !important
    }

.dropdown-group-header[b-lhzidl1zxr] {
    background: #767676 !important;
    color: white !important;
    font-weight: 400 !important;
    font-size: 10px !important;
    line-height: 15px !important;
    text-align: center !important;
    pointer-events: none !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    position: relative !important;
    margin: 0 !important;
    padding: 8px 0 !important;
    left: 0 !important;
    right: 0 !important;
    text-indent: 0 !important;
    text-align: center !important;
    border: none !important;
    outline: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important
}

.dropdown-item-content[b-lhzidl1zxr] {
    background: white !important;
    transition: background-color 0.2s ease !important;
    cursor: pointer !important;
    width: 100% !important;
    box-sizing: border-box !important;
    display: block !important;
    position: relative !important;
    padding: 10px 25px !important;
    margin: 0 !important;
    left: 0 !important;
    right: 0 !important
}

.custom-dropdown-popup .k-list-item:hover .dropdown-item-content[b-lhzidl1zxr] {
    background: #f0f0f0 !important
}

.custom-dropdown-popup .k-list-item.k-selected .dropdown-item-content[b-lhzidl1zxr] {
    background: #FFD88C !important
}

.item-title[b-lhzidl1zxr] {
    font-size: 14px !important;
    font-weight: 400 !important;
    color: #2F2F2F !important;
    line-height: 19px !important;
    margin-bottom: 4px !important;
    width: 100% !important;
    margin-left: 0 !important;
    text-indent: 0 !important;
    padding-left: 25px !important;
    padding-right: 25px !important
}

.software-details-item-price[b-lhzidl1zxr] {
    font-size: 12px !important;
    color: #767676 !important;
    line-height: 15px !important;
    font-weight: 400 !important;
    width: 100% !important;
    text-align: left !important;
    margin-left: 0 !important;
    text-indent: 0 !important;
    padding-left: 25px !important;
    padding-right: 25px !important
}

.custom-dropdown-popup .k-list-container[b-lhzidl1zxr] {
    width: 234px !important
}

.custom-dropdown-popup ul[b-lhzidl1zxr] {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important
}

.custom-dropdown-popup li[b-lhzidl1zxr] {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
    text-indent: 0 !important
}

.custom-dropdown-popup .k-list-item[class*="k-"][b-lhzidl1zxr] {
    padding-left: 0 !important;
    margin-left: 0 !important
}

.custom-dropdown-popup .k-list-item > *[b-lhzidl1zxr] {
    margin-left: 0 !important;
    padding-left: 0 !important;
    text-indent: 0 !important
}

.custom-dropdown-popup .k-list-item:has(.dropdown-group-header)[b-lhzidl1zxr] {
    padding: 0 !important;
    margin: 0 !important;
    width: 100% !important
}

.custom-dropdown-popup .k-popup[b-lhzidl1zxr] {
    padding: 0 !important;
    margin: 0 !important
}

.k-animation-container:has(.custom-dropdown-popup)[b-lhzidl1zxr] {
    padding: 0 !important;
    margin: 0 !important
}

.dropdown-group-header[b-lhzidl1zxr] {
    position: static !important;
    transform: none !important
}

.dropdown-item-content[b-lhzidl1zxr] {
    position: static !important;
    transform: none !important
}

@media (max-width:768px) {
    .k-animation-container[b-lhzidl1zxr] {
        max-width: none !important;
        overflow: visible !important
    }

        .k-animation-container > .custom-dropdown-popup[b-lhzidl1zxr] {
            width: 100% !important;
            min-width: 100% !important;
            max-width: 100% !important;
            box-sizing: border-box !important;
            margin: 0 !important
        }

    .custom-dropdown-popup .k-list-container[b-lhzidl1zxr] {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important
    }

    .custom-dropdown-popup .k-list[b-lhzidl1zxr] {
        width: 100% !important
    }

    .custom-dropdown-popup .k-list-item[b-lhzidl1zxr] {
        width: 100% !important;
        padding: 0 !important
    }
}

.price-row[b-lhzidl1zxr] {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 25px;
    justify-content: space-between
}

.quantity-selector[b-lhzidl1zxr] {
    display: flex;
    align-items: center;
    gap: 5px
}

.quantity-dropdown[b-lhzidl1zxr] {
    width: 46px !important;
    border: none;
    border-bottom: 1px solid #000;
    border-radius: 0
}

    .quantity-dropdown:hover[b-lhzidl1zxr] {
        background: transparent !important
    }

    .quantity-dropdown .k-input-inner[b-lhzidl1zxr] {
        font-size: 14px !important;
        padding: 0px !important;
        text-align: center !important
    }

    .quantity-dropdown .k-input-button[b-lhzidl1zxr] {
        width: 20px !important
    }

    .quantity-dropdown .k-svg-icon[b-lhzidl1zxr] {
        color: #666 !important
    }

    .quantity-dropdown .k-input-inner:focus[b-lhzidl1zxr] {
        border-bottom: 2px solid #007bff !important;
        outline: none !important;
        box-shadow: none !important
    }

    .quantity-dropdown:hover .k-input-inner[b-lhzidl1zxr] {
        border-bottom-color: #007bff !important
    }

    .quantity-dropdown .k-picker-wrap[b-lhzidl1zxr] {
        border: none !important;
        border-radius: 0 !important;
        background: transparent !important
    }

    .quantity-dropdown .k-picker[b-lhzidl1zxr] {
        border: none !important;
        border-radius: 0 !important;
        background: transparent !important
    }

.price-display[b-lhzidl1zxr] {
    display: flex;
    align-items: baseline;
    gap: 8px
}

.current-price[b-lhzidl1zxr] {
    font-size: 40px;
    font-weight: 400;
    color: #1E1E1E;
    line-height: 100%;
    height: 48px;
    display: flex;
    align-items: center
}

.original-price[b-lhzidl1zxr] {
    font-size: 16px;
    color: #B3B3B3;
    line-height: 120%;
    text-decoration: line-through;
    font-weight: 400;
    line-height: 1
}

.editions-section[b-lhzidl1zxr] {
    margin-bottom: 72px
}

.add-to-cart-btn[b-lhzidl1zxr] {
    width: 100%;
    height: 37px;
    padding: 10px 84px;
    background: #fff !important;
    border: 1px solid #B3B3B3;
    border-radius: 4px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #2F2F2F;
    cursor: pointer;
    margin-bottom: 16px;
    transition: background 0.2s
}

    .add-to-cart-btn:focus[b-lhzidl1zxr] {
        box-shadow: none !important
    }

.buy-btn[b-lhzidl1zxr] {
    width: 100%;
    height: 37px;
    padding: 10px 92px;
    background: #FFD88C;
    border: none;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #2F2F2F;
    cursor: pointer;
    transition: background 0.2s
}

    .buy-btn:focus[b-lhzidl1zxr] {
        box-shadow: none !important
    }

    .buy-btn:hover[b-lhzidl1zxr] {
        background: #FFF4DD
    }

.recent-updates-description p[b-lhzidl1zxr] {
    margin-bottom: 48px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #2F2F2F
}

.recent-updates-title[b-lhzidl1zxr] {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 100% !important;
    letter-spacing: 1.6px;
    color: #2F2F2F;
    text-transform: uppercase;
    margin-top: 0px !important
}

.recent-update-summary[b-lhzidl1zxr] {
    margin-top: 18px;
    margin-bottom: 72px
}

.recent-update-summery-content[b-lhzidl1zxr] {
    background: #f4f4f4;
    padding: 17px 23px 17px 22px;
    display: flex;
    border-radius: 6px;
    align-items: center;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #2F2F2F;
    margin-bottom: 15px
}

    .recent-update-summery-content p[b-lhzidl1zxr] {
        margin-bottom: 0
    }

.no-data-message[b-lhzidl1zxr] {
    padding: 80px;
    text-align: center;
    color: #2f2f2f
}

    .no-data-message p[b-lhzidl1zxr] {
        margin-bottom: 0
    }

.accordion[b-lhzidl1zxr] {
    margin-top: 72px
}

.accordion-button[b-lhzidl1zxr] {
    font-size: 18px !important;
    line-height: 150% !important;
    font-weight: 600 !important;
    color: #2F2F2F !important;
    height: 67px;
    padding: 20px 32px !important
}

    .accordion-button[b-lhzidl1zxr]::after {
        display: none !important
    }

.custom-accordion-icon[b-lhzidl1zxr] {
    position: absolute;
    right: 1rem;
    top: 50%;
    transform: translateY(-50%);
    transition: transform 0.2s ease-in-out
}

.accordion-button.collapsed .custom-accordion-icon[b-lhzidl1zxr] {
    transform: translateY(-50%) rotate(0deg)
}

.accordion-button:not(.collapsed) .custom-accordion-icon[b-lhzidl1zxr] {
    transform: translateY(-50%) rotate(-180deg)
}

.accordion-button.collapsed .custom-accordion-icon svg path[b-lhzidl1zxr] {
    stroke: #1E1E1E !important
}

.accordion-button:not(.collapsed) .custom-accordion-icon svg path[b-lhzidl1zxr] {
    stroke: #FFD88C !important
}

.accordion-item[b-lhzidl1zxr] {
    border: none !important;
    border-bottom: 1px solid #B3B3B3 !important;
    margin-bottom: 0 !important;
    border-radius: 0px !important
}

.accordion-header[b-lhzidl1zxr] {
    height: auto !important;
    margin: 0px !important
}

.accordion-button:not(.collapsed)[b-lhzidl1zxr] {
    font-size: 18px !important;
    line-height: 150% !important;
    font-weight: 600 !important;
    color: #2F2F2F !important;
    background: white !important;
    border-bottom: none !important
}

.accordion-button:focus[b-lhzidl1zxr] {
    box-shadow: none !important
}

.accordion-body[b-lhzidl1zxr] {
    background: #f4f4f4 !important;
    font-size: 16px !important;
    line-height: 135%;
    font-weight: 400;
    color: #6D7280 !important;
    padding: 20px 32px !important
}

@media (max-width:768px) {
    .accordion-body li[b-lhzidl1zxr] {
        margin-left: 18px !important
    }

    .editions-section .accordion-item h2[b-lhzidl1zxr], .accordion-item h2[b-lhzidl1zxr] {
        margin-top: 0px !important
    }
}

.accordion-body p[b-lhzidl1zxr] {
    margin-bottom: 0
}

.accordion-item:not(:last-child)[b-lhzidl1zxr] {
    border-bottom: 1px solid #b3b3b3 !important
}

.accordion-collapse[b-lhzidl1zxr] {
    border-bottom: none !important
}

.accordion-item .accordion-collapse.collapsing[b-lhzidl1zxr] {
    border-bottom: 1px solid #f4f4f4 !important
}

.accordion-item:has(.accordion-collapse.show)[b-lhzidl1zxr] {
    border-bottom: 1px solid #f4f4f4 !important
}

.accordion-item[aria-expanded="true"][b-lhzidl1zxr] {
    border-bottom: 1px solid #f4f4f4 !important
}

.accordion-button:not(.collapsed)[b-lhzidl1zxr] {
    font-size: 18px !important;
    line-height: 150% !important;
    font-weight: 600 !important;
    color: #2F2F2F !important;
    background: white !important;
    border-bottom: none !important
}

.accordion-button:focus[b-lhzidl1zxr] {
    box-shadow: none !important
}

.faq-title[b-lhzidl1zxr] {
    font-size: 32px;
    line-height: 123%;
    font-weight: 500;
    color: #2f2f2f;
    margin-top: 72px;
    margin-bottom: 30px;
    height: 39px;
    display: flex;
    align-items: center
}

.faq-subtitle p[b-lhzidl1zxr] {
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #2f2f2f;
    margin-bottom: 42px
}

.faq-accordion[b-lhzidl1zxr] {
    margin-top: 0px !important
}

    .faq-accordion .accordion-item[b-lhzidl1zxr] {
        border: 1px solid #F4F4F4 !important;
        margin-bottom: .5rem
    }

    .faq-accordion .accordion-button[b-lhzidl1zxr] {
        border: none;
        color: #212529;
        display: flex;
        align-items: center
    }

        .faq-accordion .accordion-button p[b-lhzidl1zxr] {
            margin-bottom: 0
        }

        .faq-accordion .accordion-button:not(.collapsed)[b-lhzidl1zxr] {
            background-color: #FFF4DD !important;
            color: #0c63e4;
            border-color: #86b7fe
        }

        .faq-accordion .accordion-button:focus[b-lhzidl1zxr] {
            z-index: 3;
            border-color: #86b7fe;
            outline: 0;
            box-shadow: 0 0 0 .25rem rgb(13 110 253 / .25)
        }

    .faq-accordion .accordion-body p[b-lhzidl1zxr] {
        margin-bottom: 0px !important
    }

.tabs-navigation[b-lhzidl1zxr] {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    height: 40px
}

.tab-nav-arrow[b-lhzidl1zxr] {
    background: none;
    border: none;
    padding: 8px;
    cursor: pointer;
    height: 40px;
    width: 40px;
    color: #2F2F2F;
    transition: background 0.2s;
    display: flex;
    align-items: center;
    justify-content: center
}

    .tab-nav-arrow svg[b-lhzidl1zxr] {
        height: 16px !important;
        width: 16px !important;
        flex-shrink: 0;
        display: block
    }

    .tab-nav-arrow:hover:not(:disabled)[b-lhzidl1zxr] {
        background: #e0e0e0
    }

    .tab-nav-arrow:disabled[b-lhzidl1zxr] {
        opacity: .5;
        color: #767676;
        cursor: not-allowed
    }

.tabs-container[b-lhzidl1zxr] {
    display: flex;
    flex-direction: row;
    flex: 1;
    overflow-x: auto;
    gap: 0;
    align-items: center
}

.tabs-container[b-lhzidl1zxr] {
    -ms-overflow-style: none;
    scrollbar-width: none
}

    .tabs-container[b-lhzidl1zxr]::-webkit-scrollbar {
        height: 0;
        display: none
    }

.tab-item[b-lhzidl1zxr] {
    padding: 10px 16px;
    cursor: pointer;
    height: 37px;
    min-width: 179px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #767676;
    text-align: center;
    transition: all 0.2s;
    white-space: nowrap;
    background: #fff0;
    border: none
}

    .tab-item.active[b-lhzidl1zxr] {
        color: #2F2F2F;
        background: #F4F4F4;
        font-weight: 400
    }

.tab-content[b-lhzidl1zxr] {
    display: none
}

    .tab-content.active[b-lhzidl1zxr] {
        display: block
    }

.editions-section h2[b-lhzidl1zxr], .editions-section h3[b-lhzidl1zxr] {
    font-size: 32px;
    font-weight: 400;
    line-height: 123%;
    color: #2F2F2F;
    margin: 72px 0 20px 0
}

.editions-subtitle[b-lhzidl1zxr] {
    color: #2F2F2F;
    font-size: 14px;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 41px
}

.table[b-lhzidl1zxr] {
    width: 100%;
    border-collapse: collapse
}

    .table th[b-lhzidl1zxr] {
        background: #333;
        color: #fff;
        padding: 12px 15px;
        text-align: left;
        font-weight: 500
    }

    .table td[b-lhzidl1zxr] {
        border: 1px solid #e0e0e0;
        padding: 12px 15px
    }

    .table .section-header td[b-lhzidl1zxr] {
        background: #f5f5f5;
        font-weight: 600
    }

    .table .feature-cell[b-lhzidl1zxr] {
        width: 50%
    }

    .table .edition-cell[b-lhzidl1zxr] {
        text-align: center
    }

.resources[b-lhzidl1zxr] {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    gap: 40px
}

.resource-card[b-lhzidl1zxr] {
    display: flex;
    margin-bottom: 15px
}

    .resource-card img[b-lhzidl1zxr] {
        width: 60px;
        height: 60px;
        margin-right: 15px;
        object-fit: cover
    }

    .resource-card b[b-lhzidl1zxr] {
        display: block;
        margin-bottom: 5px
    }

    .resource-card p[b-lhzidl1zxr] {
        margin: 0;
        font-size: 14px;
        color: #666
    }

.software-services[b-lhzidl1zxr] {
    margin-top: 72px
}

    .software-services h2[b-lhzidl1zxr] {
        font-size: 32px;
        line-height: 123%;
        font-weight: 400;
        color: #2f2f2f;
        margin-bottom: 20px
    }

.services-description p[b-lhzidl1zxr] {
    margin-bottom: 59px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #2f2f2f
}

.recent-update-summery-content p:last-child[b-lhzidl1zxr] {
    margin-bottom: 0px !important
}

@media (max-width:768px) {
    .update-box[b-lhzidl1zxr] {
        grid-template-columns: 42px 1fr !important;
        gap: 0px !important
    }

    .update-content[b-lhzidl1zxr] {
        padding: 34px 9px 41px 15px !important
    }

    .update-icon[b-lhzidl1zxr] {
        width: 42px !important
    }

    .product-text h2[b-lhzidl1zxr] {
        margin-bottom: 37px !important;
        margin-top: 32px !important
    }

    .editions-subtitle[b-lhzidl1zxr] {
        margin-bottom: 48px !important
    }

    .recent-updates-description p[b-lhzidl1zxr] {
        margin-bottom: 35px !important
    }

    .recent-update-summary[b-lhzidl1zxr] {
        margin-top: 35px !important
    }

    .recent-update-summery-content[b-lhzidl1zxr] {
        padding: 10px !important
    }

    .software-services[b-lhzidl1zxr] {
        margin-top: 52px !important
    }

    .services-grid[b-lhzidl1zxr] {
        grid-template-columns: 1fr !important
    }

    .gallery-grid[b-lhzidl1zxr] {
        grid-template-columns: 1fr !important;
        margin-top: 52px !important
    }

    .china-pricing-box[b-lhzidl1zxr] {
        flex-direction: column;
        justify-content: center !important;
        height: max-content !important
    }

    .china-left h3[b-lhzidl1zxr] {
        margin-top: 0px !important
    }

    .china-right[b-lhzidl1zxr] {
        flex-direction: column;
        margin-top: 66px;
        width: 100%
    }

        .china-pricing-box .china-right a[b-lhzidl1zxr], .china-right a[b-lhzidl1zxr] {
            width: 100% !important
        }

    .have-questions-section-grid[b-lhzidl1zxr] {
        grid-template-columns: 1fr !important
    }

    .software-tab-desktop-only[b-lhzidl1zxr] {
        display: none
    }

    .software-tabs-dropdown-mobile-only[b-lhzidl1zxr] {
        display: block;
        margin-bottom: 16px
    }

    .featured-video[b-lhzidl1zxr] {
        grid-template-columns: 1fr !important
    }

    .tab-dropdown[b-lhzidl1zxr] {
        width: 100%;
        padding: 10px 20px;
        font-size: 16px;
        border-radius: 4px;
        background: #F4F4F4;
        border-color: #F4F4F4;
        height: 48px
    }

        .tab-dropdown .k-input-button .k-svg-icon svg[b-lhzidl1zxr] {
            display: none !important
        }

        .tab-dropdown .k-input-button .k-svg-icon[b-lhzidl1zxr] {
            background: none !important;
            width: 20px;
            height: 20px
        }

            .tab-dropdown .k-input-button .k-svg-icon[b-lhzidl1zxr]::before {
                content: "";
                display: block;
                width: 20px;
                height: 20px;
                background-image: url("data:image/svg+xml, %3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7.5L10 12.5L15 7.5' stroke='%232F2F2F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
                background-repeat: no-repeat;
                background-position: center;
                background-size: contain;
                transition: transform 0.2s ease
            }

        .tab-dropdown .k-input-button:hover[b-lhzidl1zxr] {
            background: #fff0
        }

        .tab-dropdown .k-input-button[b-lhzidl1zxr] {
            display: inline-flex !important;
            border-left: none;
            width: 40px;
            align-items: center;
            justify-content: center
        }

    .price-card[b-lhzidl1zxr] {
        width: 100% !important;
        height: 367px !important
    }

    .product-section[b-lhzidl1zxr] {
        margin-top: 32px !important;
        flex-direction: column;
        gap: 64px !important
    }

    .editions-section h2[b-lhzidl1zxr], .editions-section h3[b-lhzidl1zxr] {
        margin-top: 48px !important
    }

    .contact-us-section[b-lhzidl1zxr] {
        margin-top: 124px
    }

    .contact-btn[b-lhzidl1zxr] {
        width: 100% !important
    }

    .china-left h3[b-lhzidl1zxr] {
        margin-top: 0px !important
    }
}

.services-grid[b-lhzidl1zxr] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px
}

.service-card[b-lhzidl1zxr] {
    background: #f4f4f4;
    border-radius: 6px;
    padding: 32px
}

    .service-card h3[b-lhzidl1zxr] {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 23px;
        font-size: 20px;
        line-height: 20px;
        height: 30px;
        color: #414142;
        margin-top: 0
    }

    .service-card p[b-lhzidl1zxr] {
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;
        color: #2f2f2f;
        margin-bottom: 0
    }

.arrow[b-lhzidl1zxr] {
    font-size: 18px
}

.gallery-grid[b-lhzidl1zxr] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px;
    margin-top: 72px
}

.gallery-item[b-lhzidl1zxr] {
    background: rgb(0 0 0 / .2);
    display: flex;
    align-items: center
}

    .gallery-item img[b-lhzidl1zxr] {
        width: 100%
    }

.contact-us-section[b-lhzidl1zxr] {
    margin-top: 72px
}

.top-section[b-lhzidl1zxr] {
    align-items: center
}

    .top-section h2[b-lhzidl1zxr] {
        height: 39px;
        font-size: 32px;
        font-weight: 400;
        line-height: 123%;
        color: #2f2f2f;
        margin-bottom: 21px
    }

.intro-text p[b-lhzidl1zxr] {
    margin-bottom: 19px;
    font-weight: 400;
    font-size: 14px;
    line-height: 19px;
    color: #2f2f2f
}

.right-info h3[b-lhzidl1zxr] {
    font-weight: 400;
    font-size: 20px;
    line-height: 28px;
    color: #2f2f2f;
    margin-bottom: 7px;
    height: 35px;
    display: flex;
    align-items: center;
    margin-top: 0 !important;
}

.info-block p[b-lhzidl1zxr] {
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #2f2f2f;
    margin-bottom: 39px
}

.info-block:last-child p:last-child[b-lhzidl1zxr] {
    margin-bottom: 0
}

.contact-us-right .info-block:last-child p:last-child[b-lhzidl1zxr] {
    margin-bottom: 0
}

.info-block:last-child[b-lhzidl1zxr] {
    margin-bottom: 0
}

.contact-us-grid[b-lhzidl1zxr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 94px
}

.contact-us-left[b-lhzidl1zxr] {
    justify-content: center
}

    .contact-us-left h2[b-lhzidl1zxr] {
        color: #2F2F2F;
        display: flex;
        align-items: center;
        font-size: 40px;
        line-height: 123%;
        font-weight: 400;
        margin-bottom: 21px;
        margin-top: 0px !important
    }

.contact-us-left[b-lhzidl1zxr], .contact-us-right[b-lhzidl1zxr] {
    display: flex;
    flex-direction: column
}

@media (max-width:768px) {
    .contact-us-grid[b-lhzidl1zxr] {
        grid-template-columns: 1fr;
        gap: 94px
    }
}

@media (max-width:992px) and (min-width:769px) {
    .contact-us-grid[b-lhzidl1zxr] {
        gap: 1.5rem
    }
}

.contact-btn[b-lhzidl1zxr] {
    height: 37px;
    width: 167px;
    background: #FFD88C;
    border: none;
    padding: 9px 24px;
    font-size: 14px;
    font-weight: 400;
    line-height: 19px;
    color: #2f2f2f;
    display: flex;
    text-decoration: none;
    align-items: center;
    justify-content: center;
    border-radius: 4px
}

    .contact-btn:hover[b-lhzidl1zxr] {
        background: #FFF4DD
    }

.china-pricing-box[b-lhzidl1zxr] {
    background: #F4F4F4;
    padding: 38px 44px;
    margin-top: 103px;
    border-radius: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 144px
}

.china-left h3[b-lhzidl1zxr] {
    height: 35px;
    display: flex;
    font-size: 32px;
    font-weight: 400;
    line-height: 120%;
    color: #2f2f2f;
    margin-bottom: 16px;
    margin-top: 0
}

.china-left p[b-lhzidl1zxr] {
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #2f2f2f;
    margin-bottom: 0
}

.china-right[b-lhzidl1zxr] {
    gap: 14px;
    display: flex;
    align-items: center
}

    .china-right a[b-lhzidl1zxr] {
        width: 185px !important
    }

.have-questions-section[b-lhzidl1zxr] {
    margin-top: 72px;
    padding-top: 72px;
    padding-bottom: 72px;
    background: linear-gradient(90deg,#005E71 0%,#001E60 100%);
    position: relative
}

    .have-questions-section[b-lhzidl1zxr]::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -99vw;
        width: 100vw;
        background: linear-gradient(90deg,#001E60 0%,#005E71 100%)
    }

    .have-questions-section[b-lhzidl1zxr]::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: -99vw;
        width: 100vw;
        background: linear-gradient(90deg,#001E60 0%,#005E71 100%)
    }

.have-questions-title[b-lhzidl1zxr] {
    height: 49px;
    font-size: 40px !important;
    line-height: 123% !important;
    font-weight: 400 !important;
    text-align: center !important;
    color: #ffffff !important;
    margin-bottom: 39px !important
}

.have-questions-section-grid[b-lhzidl1zxr] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 24px
}

.have-questions-section-grid-card[b-lhzidl1zxr] {
    background: #f4f4f4;
    border-radius: 6px;
    padding: 32px 20px;
    z-index: 1
}

.team-name[b-lhzidl1zxr] {
    margin-bottom: 11px;
    font-size: 18px;
    line-height: 128%;
    font-weight: 400;
    color: #2f2f2f;
    text-align: center
}

.team-email[b-lhzidl1zxr] {
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    text-decoration: underline;
    text-align: center;
    color: #2f2f2f;
    margin-bottom: 0;
    display: flex;
    justify-content: center
}

.comparison-table[b-lhzidl1zxr] {
    font-family: 'Fira Sans Condensed',sans-serif !important
}

    .comparison-table table[b-lhzidl1zxr] {
        font-family: 'Fira Sans Condensed',sans-serif !important
    }

        .comparison-table table tr[b-lhzidl1zxr] {
            height: 42px !important
        }

            .comparison-table table tr p[b-lhzidl1zxr] {
                margin-bottom: 0px !important
            }

        .comparison-table table th[b-lhzidl1zxr], .comparison-table table td[b-lhzidl1zxr] {
            font-family: 'Fira Sans Condensed',sans-serif
        }

.tutorial-section[b-lhzidl1zxr] {
    margin-top: 72px
}

.featured-video[b-lhzidl1zxr] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    margin-bottom: 45px;
    align-items: start
}

.video-left[b-lhzidl1zxr] {
    width: 100%;
    height: 420px;
    background: linear-gradient(0deg,#D9D9D9,#D9D9D9),linear-gradient(180deg,#fff0 0%,rgb(0 0 0 / .2) 100%)
}

    .video-left video[b-lhzidl1zxr] {
        width: 100%;
        height: 100%;
        object-fit: fill;
        display: block
    }

.video-right[b-lhzidl1zxr] {
    height: 100%;
    padding: 32px
}

.video-content[b-lhzidl1zxr] {
    display: flex;
    flex-direction: column;
    width: 100%;
    gap: 15px
}

.video-meta[b-lhzidl1zxr] {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-shrink: 0
}

.video-info[b-lhzidl1zxr] {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #767676
}

    .video-info span[b-lhzidl1zxr] {
        font-size: 12px;
        line-height: 15px;
        color: #767676;
        white-space: nowrap
    }

.more-tutorials-wrapper[b-lhzidl1zxr] {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 32px;
}

.more-tutorials-btn[b-lhzidl1zxr] {
    background: transparent;
    background-color: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    padding: 9px 24px;
    font-size: 16px;
    line-height: 135%;
    color: #2f2f2f;
    font-weight: 400;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

@media (max-width:768px) {
    .video-title[b-lhzidl1zxr] {
        font-size: 14px;
        -webkit-line-clamp: 3
    }

    .video-info[b-lhzidl1zxr] {
        font-size: 11px
    }

    .video-left[b-lhzidl1zxr] {
        height: 248px !important
    }

    .video-right[b-lhzidl1zxr] {
        padding: 0px !important
    }

        .video-right .featured-video-name[b-lhzidl1zxr] {
            margin-top: 23px !important
        }

    .have-questions-title[b-lhzidl1zxr] {
        height: auto !important;
    }
}

@media (max-width:480px) {
    .video-card[b-lhzidl1zxr] {
        flex-direction: column;
        height: auto !important;
        align-items: flex-start !important
    }

    .video-content[b-lhzidl1zxr] {
        min-height: auto !important
    }

    .video-card .video-content .video-title[b-lhzidl1zxr] {
        margin-bottom: 0px !important
    }
}

.featured-video-name[b-lhzidl1zxr] {
    margin-top: 26px !important;
    font-size: 24px !important;
    line-height: 120% !important;
    font-weight: 400 !important;
    color: #2F2F2F !important;
    margin-bottom: 0 !important
}

.video-grid[b-lhzidl1zxr] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 20px;
    row-gap: 20px
}

.video-card[b-lhzidl1zxr] {
    display: flex;
    gap: 18px;
    padding: 11px 9px;
    border-radius: 4px;
    align-items: center;
    height: 144px
}

.video-thumbnail[b-lhzidl1zxr] {
    position: relative;
    width: 122px;
    height: 122px;
    overflow: hidden;
    background: #D9D9D9;
    flex-shrink: 0;
    cursor: pointer
}

    .video-thumbnail video[b-lhzidl1zxr] {
        width: 100%;
        height: 100%;
        object-fit: cover;
        display: block
    }

.feature-video-meta[b-lhzidl1zxr] {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    color: #767676;
    display: flex;
    align-items: center;
    gap: 9px
}

@media (max-width:768px) {
    .video-grid[b-lhzidl1zxr] {
        grid-template-columns: 1fr
    }
}

.recent-order-grid-section[b-lhzidl1zxr] {
    width: 100% !important;
    max-width: 100vw;
    overflow-x: auto !important;
    display: block !important;
    -webkit-overflow-scrolling: touch
}

.custom-grid .k-grid-header[b-lhzidl1zxr], .custom-grid .k-grid-content[b-lhzidl1zxr] {
    overflow: scroll !important;
    overflow-y: hidden !important
}

.custom-grid.k-grid[b-lhzidl1zxr] {
    display: block !important;
    width: 100% !important
}

.page-numbers[b-lhzidl1zxr] {
    display: flex;
    gap: 4px
}

.editable-price-input[b-lhzidl1zxr] {
    width: 120px
}

    .editable-price-input .k-input[b-lhzidl1zxr] {
        text-align: right
    }

.product-info-accordion[b-lhzidl1zxr] {
    width: 100%
}

.product-accordion-item[b-lhzidl1zxr] {
    position: relative
}

    .product-accordion-item.collapsed .product-accordion-button[b-lhzidl1zxr] {
        border-bottom: 1px solid #B3B3B3
    }

    .product-accordion-item.expanded .product-accordion-button[b-lhzidl1zxr] {
        border-bottom: none
    }

    .product-accordion-item.expanded .product-accordion-collapse.show[b-lhzidl1zxr] {
        border-bottom: 1px solid #B3B3B3
    }

.product-accordion-header[b-lhzidl1zxr] {
    margin: 0;
    padding: 0
}

.product-accordion-item h2[b-lhzidl1zxr] {
    margin: 0px !important;
    margin-top: 0px !important
}

.product-accordion-button[b-lhzidl1zxr] {
    all: unset;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 20px 32px;
    cursor: pointer;
    font-size: 18px;
    font-weight: 600;
    color: #2F2F2F;
    transition: background-color 0.2s ease
}

.product-accordion-title[b-lhzidl1zxr] {
    flex: 1;
    pointer-events: none
}

.product-accordion-icon[b-lhzidl1zxr] {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-left: 12px;
    pointer-events: none;
    transform: rotate(0deg);
    transition: transform 0.3s ease
}

    .product-accordion-icon.rotated[b-lhzidl1zxr] {
        transform: rotate(180deg)
    }

.product-accordion-collapse[b-lhzidl1zxr] {
    display: none;
    border-top: 1px solid #d0d0d0;
    background: #F4F4F4
}

    .product-accordion-collapse.show[b-lhzidl1zxr] {
        display: block
    }

.product-accordion-body[b-lhzidl1zxr] {
    padding: 20px 32px;
    font-size: 16px;
    line-height: 135%;
    font-weight: 400;
    color: #2f2f2f
}

[b-lhzidl1zxr] .product-accordion-body *[style*="background"] {
    background-color: transparent !important;
    background: none !important;
    color: #2F2F2F !important;
}

[b-lhzidl1zxr] .product-accordion-collapse .product-accordion-body ul {
    margin: 0px !important
}

    [b-lhzidl1zxr] .product-accordion-collapse .product-accordion-body ul p {
        margin: 0px !important
    }

[b-lhzidl1zxr] .product-accordion-collapse .product-accordion-body p {
    margin: 0px !important
}

@media (max-width:1024px) {
    .product-accordion-button[b-lhzidl1zxr] {
        padding: 18px 24px;
        font-size: 17px
    }

    .product-accordion-body[b-lhzidl1zxr] {
        padding: 18px 24px;
        font-size: 14px
    }
}

@media (max-width:768px) {
    .product-accordion-button[b-lhzidl1zxr] {
        padding: 16px 20px;
        font-size: 16px
    }

    .product-accordion-body[b-lhzidl1zxr] {
        padding: 16px 20px;
        font-size: 14px;
        line-height: 1.6
    }

    .product-accordion-icon[b-lhzidl1zxr] {
        margin-left: 8px
    }

    .accordion .product-accordion-item h2[b-lhzidl1zxr] {
        margin-top: 0px !important
    }
}

@media (max-width:480px) {
    .product-accordion-button[b-lhzidl1zxr] {
        padding: 14px 16px;
        font-size: 15px
    }

    .product-accordion-body[b-lhzidl1zxr] {
        padding: 14px 16px;
        font-size: 13px
    }

    .accordion .product-accordion-item h2[b-lhzidl1zxr] {
        margin-top: 0px !important
    }
}

.acc-item[b-lhzidl1zxr] {
    border: 1px solid #F4F4F4;
    border-radius: 0;
    overflow: hidden
}

    .acc-item:first-child[b-lhzidl1zxr] {
        border-top-left-radius: 10px;
        border-top-right-radius: 10px
    }

    .acc-item:last-child[b-lhzidl1zxr] {
        border-bottom-left-radius: 10px;
        border-bottom-right-radius: 10px
    }

.acc-btn[b-lhzidl1zxr] {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 32px;
    background: #fff;
    border: none;
    cursor: pointer;
    font-size: 18px;
    font-weight: 500;
    color: #2f2f2f;
    text-align: left;
    gap: 12px
}

    .acc-btn.open[b-lhzidl1zxr] {
        background: #FFF4DD
    }

.acc-icon[b-lhzidl1zxr] {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    transition: transform 0.25s ease
}

.acc-btn.open .acc-icon[b-lhzidl1zxr] {
    transform: rotate(180deg)
}

.acc-body[b-lhzidl1zxr] {
    overflow: hidden;
    max-height: 0;
    transition: max-height 0.3s ease;
    background: #fff
}

    .acc-body p[b-lhzidl1zxr] {
        margin: 0
    }

    .acc-body.open[b-lhzidl1zxr] {
        max-height: 500px;
        border-top: .5px solid #e2ddd4
    }

.acc-inner[b-lhzidl1zxr] {
    padding: 20px 32px;
    font-size: 16px !important;
    line-height: 150% !important;
    color: #2f2f2f !important;
    background: #F4F4F4 !important;
}

[b-lhzidl1zxr] .acc-inner p[style],
[b-lhzidl1zxr] .acc-inner p *[style] {
    all: revert !important;
    color: inherit !important;
    background-color: transparent !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    line-height: inherit !important;
    margin: 0 !important;
    padding: 0 !important;
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    display: revert !important;
    box-sizing: border-box !important;
}

[b-lhzidl1zxr] .acc-body .acc-inner p {
    margin: 0px !important
}

[b-lhzidl1zxr] .video-frame-wrapper .w-big-play-button > div:first-child {
    background: #d3d3d3 !important
}

[b-lhzidl1zxr] .video-frame-wrapper .w-big-play-button > div:nth-child(2) {
    background-color: rgb(211 211 211 / .7) !important
}

[b-lhzidl1zxr] .video-frame-wrapper .w-bottom-bar-lower > div:first-child > div:nth-child(2) {
    background: rgb(211 211 211 / .85) !important
}

[b-lhzidl1zxr] .video-frame-wrapper .w-bottom-bar-lower > div:first-child > div:first-child {
    background: #d3d3d3 !important
}

[b-lhzidl1zxr] .video-frame-wrapper .w-vulcan-v2-button:hover, .video-frame-wrapper .w-vulcan-v2-button:focus[b-lhzidl1zxr] {
    background-color: rgb(211 211 211 / .2) !important
}

.video-grid[b-lhzidl1zxr] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 20px
}

.video-card[b-lhzidl1zxr] {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    padding: 10px !important;
    border-radius: 4px !important;
    align-items: flex-start !important;
    height: auto !important;
    min-height: 0 !important
}

.video-frame-wrapper[b-lhzidl1zxr] {
    width: 100% !important;
    aspect-ratio: 16 / 9;
    overflow: hidden !important;
    background: #d9d9d9 !important;
    position: relative !important;
    height: 197px !important
}

    .video-frame-wrapper.featured[b-lhzidl1zxr] {
        height: 100%;
        min-height: 420px
    }

    .video-frame-wrapper img.video-thumb-img[b-lhzidl1zxr] {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        display: block !important
    }

.video-duration-badge[b-lhzidl1zxr] {
    right: 10px !important;
    left: auto !important;
    bottom: 10px !important;
    background: rgb(255 255 255 / .95) !important;
    color: #1f1f1f !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    padding: 4px 8px !important;
    border-radius: 4px !important;
    z-index: 5 !important;
    box-shadow: 0 1px 2px rgb(0 0 0 / .06) !important
}

.play-overlay[b-lhzidl1zxr] {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%,-50%) !important;
    font-size: 22px !important;
    color: #fff !important;
    background: rgb(0 0 0 / .6) !important;
    border-radius: 50% !important;
    padding: 10px 14px !important;
    z-index: 10 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    height: 45px !important;
    width: 45px !important
}

.video-info span[b-lhzidl1zxr] {
    white-space: nowrap !important
}

@media (max-width:768px) {
    .video-grid[b-lhzidl1zxr] {
        grid-template-columns: 1fr !important
    }

    .featured-video .video-left[b-lhzidl1zxr] {
        height: 248px !important
    }
}

.video-frame-wrapper.grid[b-lhzidl1zxr] {
    height: 197px !important;
    max-height: 197px !important;
    aspect-ratio: auto !important;
    overflow: hidden !important
}

.video-frame-wrapper.featured[b-lhzidl1zxr] {
    aspect-ratio: auto !important;
    height: 100% !important;
    min-height: 320px !important
}

.video-frame-wrapper[b-lhzidl1zxr]  .wistia_responsive_padding, .video-frame-wrapper[b-lhzidl1zxr]  .wistia_responsive_wrapper, .video-frame-wrapper[b-lhzidl1zxr]  .wistia_embed, .video-frame-wrapper[b-lhzidl1zxr]  iframe {
    padding-top: 0 !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 0 !important;
    min-height: 0 !important;
    position: absolute !important;
    inset: 0 !important;
    box-sizing: border-box !important;
    object-fit: cover !important
}

.video-frame-wrapper[b-lhzidl1zxr]  .w-chrome, .video-frame-wrapper[b-lhzidl1zxr]  .w-control-bar, .video-frame-wrapper[b-lhzidl1zxr]  .w-bottom-bar, .video-frame-wrapper[b-lhzidl1zxr]  .w-top-bar, .video-frame-wrapper[b-lhzidl1zxr]  .w-big-play-button {
    z-index: 60 !important;
    pointer-events: auto !important
}

.video-frame-wrapper img.video-thumb-img[b-lhzidl1zxr] {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important
}

.technical-sheet-section[b-lhzidl1zxr] {
    background: linear-gradient(180deg, #F9F9F9 0%, #EEFEFF 100%);
    border-radius: 10px;
    padding: 20px 32px;
    margin: 41px 0 72px 0;
    display: flex;
    align-items: center;
}

.technical-sheet-content[b-lhzidl1zxr] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
    width: 100%;
}

.technical-sheet-title[b-lhzidl1zxr] {
    font-size: 22px;
    font-weight: 400;
    line-height: 129%;
    margin: 0;
    color: #2F2F2F;
}

.technical-sheet-link[b-lhzidl1zxr] {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    font-weight: 400;
    color: #414142;
    text-decoration: none;
    white-space: nowrap;
    padding: 12px;
}

    .technical-sheet-link:hover[b-lhzidl1zxr] {
        font-weight: 600;
    }

        .technical-sheet-link:hover svg path[b-lhzidl1zxr] {
            stroke: #FFD88C;
        }
/* _content/Diamond2o/Components/Pages/TrainingSearch/Training.razor.rz.scp.css */
.type-card img[b-66sw1mlu0u] {
    height: 100px;
    width: 200px
}

.mb-33[b-66sw1mlu0u] {
    margin-bottom: 33px !important
}

.promo-img img[b-66sw1mlu0u] {
    height: 100px;
    width: 200px
}

.topics[b-66sw1mlu0u] {
    margin-top: 46px
}

.topics-title[b-66sw1mlu0u] {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 1.6px;
    line-height: 100%;
    color: #2F2F2F;
    margin-bottom: 33px;
    margin-top: 0
}

.topic-grid[b-66sw1mlu0u] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    column-gap: 25px;
    row-gap: 20px;
    margin-bottom: 99px
}

.topic-card[b-66sw1mlu0u] {
    background: #F4F4F4;
    padding: 18px 23px 18px 21px;
    height: 59px;
    border-radius: 4px;
    font-size: 18px;
    line-height: 129%;
    font-weight: 400;
    color: #2F2F2F;
    cursor: pointer;
    transition: box-shadow 0.3s ease,transform 0.3s ease;
    position: relative;
    border: none;
    text-align: left
}

    .topic-card:hover[b-66sw1mlu0u] {
        box-shadow: 0 -2px 6px rgb(0 0 0 / .1),0 4px 8px rgb(0 0 0 / .15)
    }

.training-types[b-66sw1mlu0u] {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 19px;
    margin-top: 99px;
    width: 100%
}

.type-card[b-66sw1mlu0u] {
    position: relative;
    height: 184px;
    border-radius: 4px;
    overflow: hidden;
    cursor: pointer;
    border: none;
    background: none;
    padding: 0
}

    .type-card img[b-66sw1mlu0u] {
        width: 100%;
        height: 100%;
        object-fit: cover
    }

    .type-card .overlay[b-66sw1mlu0u] {
        position: absolute;
        inset: 0;
        background: linear-gradient(to top,rgb(0 0 0 / .7),#fff0);
        z-index: 1
    }

.type-card-content[b-66sw1mlu0u] {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 30px;
    text-align: center;
    color: #fff;
    z-index: 2;
}

    .type-card-content h3[b-66sw1mlu0u] {
        font-size: 24px;
        line-height: 120%;
        font-weight: 400;
        text-align: center;
        margin: 0px;
    }

    .type-card-content p[b-66sw1mlu0u] {
        margin-top: 10px;
        font-size: 16px;
        font-weight: 400;
        margin-bottom: 0px;
        line-height: 120%;
    }

.stats-section[b-66sw1mlu0u] {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr 1fr;
    padding-top: 72px;
    padding-bottom: 72px;
    gap: 30px;
    background: #F4F4F4;
    position: relative
}

    .stats-section[b-66sw1mlu0u]::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -100vw;
        width: 100vw;
        background: #F4F4F4
    }

    .stats-section[b-66sw1mlu0u]::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: -100vw;
        width: 100vw;
        background: #F4F4F4
    }

.stats-text h3[b-66sw1mlu0u] {
    font-size: 40px;
    font-weight: 400;
    line-height: 100%;
    color: #2F2F2F;
    margin-bottom: 16px;
    height: 47px;
    display: flex;
    align-items: center
}

.stats-text p[b-66sw1mlu0u] {
    line-height: 19px;
    font-size: 14px;
    font-weight: 400;
    color: #2F2F2F;
    margin-bottom: 0
}

.stat-number[b-66sw1mlu0u] {
    font-size: 40px;
    font-weight: 700
}

.promo-section[b-66sw1mlu0u] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 77px;
    background: linear-gradient(180deg,#F9F9F9 0%,#EEFEFF 100%);
    position: relative;
    width: 100%;
    align-items: center;
    padding-top: 72px;
    padding-bottom: 72px
}

    .promo-section[b-66sw1mlu0u]::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -99vw;
        width: 100vw;
        background: linear-gradient(180deg,#F9F9F9 0%,#EEFEFF 100%);
        z-index: -1
    }

    .promo-section[b-66sw1mlu0u]::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: -99vw;
        width: 100vw;
        background: linear-gradient(180deg,#F9F9F9 0%,#EEFEFF 100%);
        z-index: -1
    }

@media (max-width:992px) {
    .promo-section[b-66sw1mlu0u] {
        grid-template-columns: 1fr;
        gap: 40px
    }
}

@media (max-width:768px) {
    .promo-section[b-66sw1mlu0u] {
        gap: 77px
    }

    .promo-section-text h2[b-66sw1mlu0u] {
        font-size: 32px !important;
        line-height: 100% !important;
        font-weight: 400 !important;
    }

    .course-title[b-66sw1mlu0u] {
        font-size: 16px !important;
        line-height: 135% !important;
        font-weight: 400 !important
    }

    .slider-btn.left[b-66sw1mlu0u] {
        left: -25px !important
    }

    .slider-btn.right[b-66sw1mlu0u] {
        right: -25px !important
    }

    .training-types[b-66sw1mlu0u] {
        grid-template-columns: 1fr !important;
        margin-top: 64px !important
    }

    .topic-grid[b-66sw1mlu0u] {
        grid-template-columns: 1fr !important;
        row-gap: 25px !important;
        margin-bottom: 32px !important
    }
}

.promo-img img[b-66sw1mlu0u] {
    width: 100%;
    border-radius: 10px 10px 120px 10px;
    height: 298px
}

.promo-section-text h2[b-66sw1mlu0u] {
    display: flex;
    align-items: center;
    color: #2F2F2F;
    font-weight: 100;
    font-size: 40px;
    line-height: 100%;
    margin-bottom: 14px;
    margin-top: 0
}

.promo-section-text[b-66sw1mlu0u]  p {
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #2F2F2F;
    margin-bottom: 45px;
    margin-top: 0
}

.dark-promo-text[b-66sw1mlu0u]  p {
    color: #fff !important;
    margin-top: 0
}

.primary-btn[b-66sw1mlu0u] {
    background: #FFD88C;
    border: none;
    padding: 10px 20px;
    height: 45px;
    width: max-content;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #414142;
    border-radius: 6px;
    cursor: pointer
}

    .primary-btn:hover[b-66sw1mlu0u] {
        background: #FFF4DD
    }

.promo-section-dark[b-66sw1mlu0u] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 77px;
    position: relative;
    width: 100%;
    background: linear-gradient(90deg,#005E71 0%,#001E60 100%);
    align-items: center;
    padding-top: 72px;
    padding-bottom: 72px
}

@media (max-width:992px) {
    .promo-section-dark[b-66sw1mlu0u] {
        grid-template-columns: 1fr;
        gap: 40px
    }
}

@media (max-width:768px) {
    .promo-section-dark[b-66sw1mlu0u] {
        gap: 77px
    }

    .primary-btn[b-66sw1mlu0u] {
        width: 100% !important
    }
}

.promo-section-dark[b-66sw1mlu0u]::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -99vw;
    width: 100vw;
    background: linear-gradient(90deg,#001E60 0%,#005E71 100%);
    z-index: -1
}

.promo-section-dark[b-66sw1mlu0u]::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -99vw;
    width: 100vw;
    background: linear-gradient(90deg,#001E60 0%,#005E71 100%);
    z-index: -1
}

.promo-section-text[b-66sw1mlu0u] {
    position: static;
    z-index: 1
}

.courses[b-66sw1mlu0u] {
    margin-top: 72px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%
}

.course-section-title[b-66sw1mlu0u] {
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    line-height: 100%;
    font-weight: 400;
    color: #2F2F2F;
    margin-bottom: 57px;
    margin-top: 0
}

.free-course-wrapper[b-66sw1mlu0u] {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%
}

.course-grid[b-66sw1mlu0u] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 28px;
    width: 100%
}

[b-66sw1mlu0u] .free-course-card {
    background: #F4F4F4;
    box-shadow: 0 2px 4.5px 0 #00000040;
    border-radius: 6px;
    padding: 20px;
    text-align: left;
    border: none
}

    [b-66sw1mlu0u] .free-course-card .k-card-body {
        padding: 0;
        display: flex;
        flex-direction: column;
        height: 100%
    }

.course-top[b-66sw1mlu0u] {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px
}

.format-tag[b-66sw1mlu0u] {
    background: #D9D9D9;
    padding: 5px;
    border-radius: 6px;
    font-size: 12px;
    line-height: 20px;
    font-weight: 400;
    color: #707070;
    height: 30px
}

.course-title[b-66sw1mlu0u] {
    color: #2F2F2F;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 15px;
    margin-top: 0
}

.course-bu[b-66sw1mlu0u] {
    text-align: right;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #2f2f2f;
    margin-top: auto
}

.slider-btn[b-66sw1mlu0u] {
    position: absolute;
    background: none;
    border: none;
    font-size: 48px;
    cursor: pointer;
    color: #666;
    z-index: 10
}

    .slider-btn:hover[b-66sw1mlu0u] {
        color: #333
    }

    .slider-btn.left[b-66sw1mlu0u] {
        left: -50px
    }

    .slider-btn.right[b-66sw1mlu0u] {
        right: -50px
    }

.view-btn[b-66sw1mlu0u] {
    margin-top: 40px;
    padding: 12px 10px;
    height: 44px;
    background: #fff;
    border: 1px solid #707070;
    border-radius: 6px;
    font-size: 14px;
    line-height: 23px;
    font-weight: 400;
    color: #414142;
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 72px
}

    .view-btn:hover[b-66sw1mlu0u] {
        background: #FFD88C;
        border: none
    }

.testimonials[b-66sw1mlu0u] {
    margin-bottom: 72px
}

.testimonial-wrapper[b-66sw1mlu0u] {
    display: flex;
    align-items: center;
    gap: 5px;
    width: 100%;
    position: relative;
}

.testimonials h2[b-66sw1mlu0u] {
    margin-top: 72px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 40px;
    line-height: 100%;
    font-weight: 400;
    color: #000;
    margin-bottom: 33px
}

.testimonial-grid[b-66sw1mlu0u] {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 29px;
    align-items: stretch
}

.testimonial[b-66sw1mlu0u] {
    background: #F4F4F4;
    padding: 30px 51px 32px 47px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    min-height: 100%
}

.testimonial-svg[b-66sw1mlu0u] {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 21px;
    flex-shrink: 0
}

.testimonial-content[b-66sw1mlu0u] {
    font-size: 16px;
    line-height: 135%;
    font-weight: 400;
    color: #2F2F2F;
    margin-bottom: 0px;
    flex-grow: 1;
    margin-top: 0
}

.testimonial-author[b-66sw1mlu0u] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-top: auto;
    flex-shrink: 0
}

.author-initial[b-66sw1mlu0u] {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #FFF;
    color: #2F2F2F;
    font-weight: 400;
    font-size: 20px;
    line-height: 120%;
    flex-shrink: 0
}

.author-info[b-66sw1mlu0u] {
    display: flex;
    flex-direction: column;
    gap: 2px
}

.author-name[b-66sw1mlu0u] {
    font-size: 16px;
    font-weight: 400;
    color: #757575;
    margin: 0;
    line-height: 135%
}

.author-title[b-66sw1mlu0u] {
    font-size: 12px;
    color: #B3B3B3;
    font-weight: 400;
    line-height: 15px
}

/* Slider arrows */
.testimonial-wrapper .slider-btn[b-66sw1mlu0u] {
    width: 32px;
    height: 32px;
    min-width: 32px;
    padding: 0;
    border: none;
    background: transparent;
    color: #414142;
    font-size: 48px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 2;
}

    .testimonial-wrapper .slider-btn:hover:not(:disabled)[b-66sw1mlu0u] {
        color: #000000;
    }

    .testimonial-wrapper .slider-btn:disabled[b-66sw1mlu0u] {
        opacity: 0.35;
        cursor: not-allowed;
    }

.testimonial-mobile[b-66sw1mlu0u] {
    display: none;
}

.testimonial-desktop[b-66sw1mlu0u] {
    display: block;
}

@media (max-width: 767px) {

    /* Hide desktop testimonials on mobile */
    .testimonial-desktop[b-66sw1mlu0u] {
        display: none !important;
    }

    /* Mobile testimonial wrapper */
    .testimonial-mobile[b-66sw1mlu0u] {
        display: block;
        width: 100%;
        min-width: 0;
        padding: 0 20px 20px;
        box-sizing: border-box;
        overflow: visible;
    }

        /* Telerik carousel wrapper */
        .testimonial-mobile[b-66sw1mlu0u]  .testimonial-mobile-carousel {
            display: block;
            width: 100%;
            height: 270px !important;
            min-width: 0;
            padding: 0;
            margin: 0;
            border: none !important;
            border-radius: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            overflow: visible !important;
        }

        /* Telerik internal scroll view */
        .testimonial-mobile[b-66sw1mlu0u]  .k-scrollview {
            display: block;
            width: 100%;
            height: 270px !important;
            min-width: 0;
            margin: 0;
            border: none !important;
            border-radius: 4px !important;
            background: transparent !important;
            overflow: hidden !important;
        }

        .testimonial-mobile[b-66sw1mlu0u]  .k-scrollview-wrap,
        .testimonial-mobile[b-66sw1mlu0u]  .k-scrollview-view {
            height: 100%;
            min-width: 0;
            border-radius: 4px !important;
            overflow: hidden !important;
        }

    /* Testimonial card */
    .testimonial-mobile-card[b-66sw1mlu0u] {
        box-sizing: border-box;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        width: 100%;
        max-width: 100%;
        height: 270px;
        min-width: 0;
        padding: 28px 27px;
        margin: 0;
        border: 1px solid transparent;
        border-radius: 4px;
        background: #F4F4F4;
        overflow: hidden;
        animation: testimonialSlide-b-66sw1mlu0u 600ms ease-in-out both;
    }

    @keyframes testimonialSlide-b-66sw1mlu0u {
        from {
            opacity: 0;
            transform: translateX(50px);
        }

        to {
            opacity: 1;
            transform: translateX(0);
        }
    }


    /* Quote icon */
    .testimonial-mobile-card .testimonial-svg[b-66sw1mlu0u] {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-shrink: 0;
        width: 100%;
        margin: 0 auto 22px;
    }

        .testimonial-mobile-card .testimonial-svg svg[b-66sw1mlu0u] {
            display: block;
            width: auto;
            max-width: 100%;
            height: auto;
        }

    /* Testimonial content */
    .testimonial-mobile-card .testimonial-content[b-66sw1mlu0u] {
        display: -webkit-box;
        box-sizing: border-box;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        margin: 0;
        color: #2F2F2F;
        font-family: inherit;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.65;
        text-align: left;
        white-space: normal !important;
        overflow-wrap: anywhere;
        word-break: normal;
        overflow: hidden;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
    }

    /* Custom dots: outside and below the card */
    .testimonial-custom-dots[b-66sw1mlu0u] {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 9px;
        width: 100%;
        min-height: 8px;
        box-sizing: border-box;
        padding: 0;
        margin: 16px 0 0;
        border: none;
        background: transparent;
    }

        /* Inactive dots */
        .testimonial-custom-dots .testimonial-dot[b-66sw1mlu0u] {
            appearance: none;
            display: block;
            flex: 0 0 8px;
            width: 8px;
            height: 8px;
            min-width: 8px;
            min-height: 8px;
            padding: 0;
            margin: 0;
            border: none;
            border-radius: 50%;
            background-color: #D9D9D9;
            box-shadow: none;
            cursor: pointer;
            transition: background-color 0.2s ease;
        }

            /* Active dot */
            .testimonial-custom-dots .testimonial-dot.active[b-66sw1mlu0u] {
                background-color: #2F2F2F;
            }

            /* Keyboard accessibility */
            .testimonial-custom-dots .testimonial-dot:focus-visible[b-66sw1mlu0u] {
                outline: 2px solid #2F2F2F;
                outline-offset: 3px;
            }
}

/* Hide mobile testimonials on tablet and desktop */
@media (min-width: 768px) {
    .testimonial-mobile[b-66sw1mlu0u] {
        display: none !important;
    }
}
/* _content/Diamond2o/Components/Pages/TrainingSearch/TrainingDetails.razor.rz.scp.css */
.closing-soon-banner[b-htu9ibnq4v] {
    width: 100%;
    margin-top: 72px
}

.coming-soon-bar[b-htu9ibnq4v] {
    background: #FFF4DD;
    border-radius: 10px;
    width: 100%;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    overflow: hidden;
    height: 65px
}

.closing-soon-banner-text[b-htu9ibnq4v] {
    padding: 24px 25px;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 1.6px;
    text-transform: uppercase;
    font-weight: 400;
    color: #414142;
    height: 64px
}

.closing-soon-icon[b-htu9ibnq4v] {
    background: #FFD88C;
    color: #fff;
    width: 60px;
    height: 65px;
    font-size: 28px;
    display: flex;
    align-items: center;
    justify-content: center
}

.share-bar[b-htu9ibnq4v] {
    background: #D9D9D9;
    padding: 14px 34px;
    border-radius: 0 0 4px 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    height: 48px
}

.share-text[b-htu9ibnq4v] {
    font-size: 14px;
    line-height: 23px;
    font-weight: 400;
    color: #2f2f2f;
    height: 20px;
    display: flex;
    align-items: center
}

.share-icons[b-htu9ibnq4v] {
    display: flex;
    gap: 18px;
    align-items: center
}

.icon[b-htu9ibnq4v] {
    cursor: pointer
}

.training-divider[b-htu9ibnq4v] {
    height: 1px;
    background: #eee;
    margin: 8px 0 4px;
    margin-top: auto;
    width: 100%
}

.training-details-session-card[b-htu9ibnq4v] {
    display: flex;
    flex-direction: column;
    border: 1px solid #D9D9D9;
    border-radius: 6px;
    padding: 10px;
    background: #fff0;
    min-height: 100px;
}

    .training-details-session-card:hover[b-htu9ibnq4v] {
        border: 2px solid #FFD88C
    }

    .training-details-session-card.active[b-htu9ibnq4v] {
        border: 2px solid #FFD88C;
        background: #FFF4DD
    }

.info-wrapper[b-htu9ibnq4v] {
    position: relative;
    display: inline-block
}

.info-icon[b-htu9ibnq4v] {
    position: absolute;
    bottom: 0;
    right: -10px
}

.tooltip-text[b-htu9ibnq4v] {
    visibility: hidden;
    width: 270px;
    background-color: #767676;
    color: #fff;
    text-align: center;
    padding: 5px;
    border-radius: 4px;
    position: absolute;
    z-index: 10;
    bottom: 30px;
    left: 130px;
    transform: translateX(-50%);
    font-size: 12px;
    opacity: 0;
    transition: opacity 0.2s ease
}

.info-wrapper:hover .tooltip-text[b-htu9ibnq4v] {
    visibility: visible;
    opacity: 1
}

.top-banner[b-htu9ibnq4v] {
    background: #e9d3a5;
    padding: 10px;
    text-align: center;
    font-weight: 600;
    font-size: 14px
}

.training-section-title[b-htu9ibnq4v] {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 56px;
    height: 29px;
    line-height: 120%;
    display: flex;
    align-items: center;
    color: #2f2f2f;
    margin-top: 0
}

.sub-text[b-htu9ibnq4v] {
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    color: #1e1e1e;
    margin-bottom: 24px;
    margin-top: 0px;
}

.timer[b-htu9ibnq4v] {
    background: #FFF4DD;
    padding: 2px 5px;
    border-radius: 4px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 7px
}

.discount-text[b-htu9ibnq4v] {
    font-size: 10px;
    line-height: 11px;
    font-weight: 400;
    color: #2F2F2F;
    margin-top: 24px;
    margin-bottom: 0
}

.share[b-htu9ibnq4v] {
    margin-top: 20px;
    padding: 15px;
    background: #f3f3f3;
    text-align: center;
    border-radius: 6px
}

.nav-link[b-htu9ibnq4v] {
    background: none !important;
    text-decoration: underline !important;
    font-size: 14px !important;
    line-height: 19px !important;
    font-weight: 400;
    cursor: pointer;
    color: #2f2f2f !important;
    height: 33px !important;
    padding: 8px 19px !important;
    border: none !important
}

    .nav-link:hover[b-htu9ibnq4v] {
        font-weight: 600
    }

html[b-htu9ibnq4v] {
    scroll-behavior: smooth
}

.section-nav[b-htu9ibnq4v] {
    gap: 27px;
    display: flex;
    align-items: center
}

.policy-section[b-htu9ibnq4v] {
    margin-top: 62px;
    width: 100%
}

    .policy-section h2[b-htu9ibnq4v] {
        margin-bottom: 25px;
        font-size: 24px;
        line-height: 120%;
        font-weight: 400;
        color: #1E1E1E;
        margin-top: 0
    }

    .policy-section ul[b-htu9ibnq4v] {
        color: #2f2f2f
    }

        .policy-section ul li[b-htu9ibnq4v] {
            line-height: 30px;
        }

.content-grid-wrapper[b-htu9ibnq4v] {
    position: relative;
    overflow: hidden;
    margin-left: calc(-50vw + 50%);
    margin-right: calc(-50vw + 50%);
    padding-left: calc(50vw - 50%);
    padding-right: calc(50vw - 50%);
    background: linear-gradient(180deg,#F9F9F9 0%,#EEFEFF 100%);
    min-width: 100vw
}

.content-grid[b-htu9ibnq4v] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    padding-top: 72px;
    background: linear-gradient(180deg,#F9F9F9 0%,#EEFEFF 100%);
    padding-bottom: 72px;
    min-width: 100%;
    width: 100%
}

    .content-grid > *[b-htu9ibnq4v] {
        min-width: 0
    }

.content-grid-wrapper[b-htu9ibnq4v]::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100vw;
    width: 100vw;
    background: linear-gradient(180deg,#F9F9F9 0%,#EEFEFF 100%);
    z-index: -1
}

.content-grid-wrapper[b-htu9ibnq4v]::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: -100vw;
    width: 100vw;
    background: linear-gradient(180deg,#F9F9F9 0%,#EEFEFF 100%);
    z-index: -1
}

.course-meta[b-htu9ibnq4v] {
    display: flex;
    gap: 40px;
    margin-bottom: 56px;
    align-items: center;
    height: 42px
}

.badge[b-htu9ibnq4v] {
    padding: 10px !important;
    font-weight: 400 !important;
    display: flex !important;
    align-items: center;
    gap: 10px;
    color: #2f2f2f !important;
    font-size: 16px !important;
    line-height: 135% !important;
    height: 42px
}

.ceu[b-htu9ibnq4v] {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 16px;
    font-weight: 400;
    line-height: 135%;
    color: #2F2F2F
}

.badge[b-htu9ibnq4v] {
    padding: 10px;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #2f2f2f;
    font-size: 16px;
    line-height: 135%;
    height: 42px
}

    .badge svg[b-htu9ibnq4v] {
        width: 16px;
        height: 16px;
        flex-shrink: 0
    }

.course-meta[b-htu9ibnq4v] {
    display: flex;
    gap: 40px;
    margin-bottom: 56px;
    align-items: center;
    height: 42px
}

.short-desc[b-htu9ibnq4v] {
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 30px !important;
    color: #2f2f2f !important;
    margin-bottom: 56px;
    margin-top: 0;
    letter-spacing: 0px;
}

    .short-desc [style][b-htu9ibnq4v] {
        font-size: 16px !important;
        line-height: 30px !important;
        font-weight: 400 !important;
        color: #2f2f2f !important;
        font-family: inherit !important;
    }

    /* Make all descendants inherit the computed text properties from .short-desc */
    .short-desc[b-htu9ibnq4v],
    .short-desc *[b-htu9ibnq4v] {
        color: inherit;
        font-weight: inherit;
        font-size: inherit;
        line-height: inherit;
        font-family: inherit !important;
    }

/* Blazor CSS isolation: ensure component children also inherit */
[b-htu9ibnq4v] .short-desc,
[b-htu9ibnq4v] .short-desc * {
    color: #2f2f2f !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 30px !important;
    font-family: inherit !important;
}

    /* Keep existing image rules */
    .short-desc img[b-htu9ibnq4v],
    [b-htu9ibnq4v] .short-desc img {
        width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        display: block !important;
        object-fit: contain !important;
    }

    /* Preserve previously used paragraph override */
    [b-htu9ibnq4v] .short-desc p {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
    }

.session-box[b-htu9ibnq4v] {
    background: #fff;
    padding: 30px 20px;
    width: auto;
    border: 1px solid #BBE4FF;
    border-bottom: 0
}

    .session-box h2[b-htu9ibnq4v] {
        font-size: 16px;
        font-weight: 400;
        line-height: 100%;
        letter-spacing: 1.6px;
        color: #1e1e1e;
        text-transform: uppercase;
        margin-bottom: 15px;
        height: 19px;
        display: flex;
        align-items: center;
        margin-top: 0
    }

.training-details-session-grid[b-htu9ibnq4v] {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 15px;
    align-items: stretch
}

.training-type[b-htu9ibnq4v] {
    font-size: 12px;
    font-weight: 600;
    color: #1D1B20;
    margin-bottom: 7px;
    height: 24px;
    display: flex;
    align-items: center
}

.city[b-htu9ibnq4v] {
    margin-bottom: 7px;
    white-space: normal;
    font-size: 12px;
    line-height: 15px;
    color: #1D1B20;
    height: 24px;
    display: flex;
    align-items: center
}

.training-date[b-htu9ibnq4v] {
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    margin-bottom: 3px;
    color: #1D1B20;
    text-align: left
}

.time[b-htu9ibnq4v] {
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    margin-bottom: 8px !important;
    color: #1D1B20;
    height: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    text-align: left;
}

.price-value[b-htu9ibnq4v] {
    font-size: 20px;
    line-height: 28px;
    font-weight: 400;
    color: #1D1B20;
    height: 28px;
    display: flex;
    align-items: center
}

.training-price[b-htu9ibnq4v] {
    margin-top: 10px;
    padding-top: 10px;
    border-top: 1px solid #eee;
    font-weight: 700;
    font-size: 16px
}

.total h2[b-htu9ibnq4v] {
    margin-top: 24px;
    margin-bottom: 20px;
    font-size: 40px;
    line-height: 100%;
    font-weight: 400;
    color: #1e1e1e;
    height: auto !important
}

.traning-details-items-footer[b-htu9ibnq4v] {
    display: flex;
    flex-direction: row;
    gap: 16px
}

[b-htu9ibnq4v] .cart {
    width: 100%;
    height: 37px;
    border-radius: 4px;
    background: #FFFFFF !important;
    padding: 7px 24px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #2f2f2f;
    border-color: #b3b3b3
}

    [b-htu9ibnq4v] .cart:focus {
        box-shadow: none !important
    }

[b-htu9ibnq4v] .buy {
    width: 100%;
    height: 37px;
    border-radius: 4px;
    background: #FFD88C;
    padding: 7px 24px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400;
    color: #2f2f2f;
    border: none
}

    [b-htu9ibnq4v] .buy:hover {
        background: #FFF4DD !important
    }

    [b-htu9ibnq4v] .buy:focus {
        box-shadow: none !important
    }

.partner-section[b-htu9ibnq4v] {
    padding: 49px 0;
    width: 100%;
    background: linear-gradient(90deg,#005E71 0%,#001E60 100%);
    color: #fff;
    position: relative;
    z-index: 1
}

    .partner-section h2[b-htu9ibnq4v] {
        height: 29px;
        display: flex;
        align-items: center;
        font-size: 24px;
        line-height: 120%;
        font-weight: 400;
        margin-bottom: 10px;
        position: relative;
        z-index: 2;
        margin-top: 0
    }

    .partner-section p[b-htu9ibnq4v] {
        font-size: 16px;
        line-height: 135%;
        font-weight: 400;
        margin-bottom: 30px;
        height: 22px;
        display: flex;
        position: relative;
        z-index: 2;
        margin-top: 0
    }

        .partner-section p.no-data[b-htu9ibnq4v] {
            margin-bottom: 0px !important;
        }

    .partner-section[b-htu9ibnq4v]::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -99vw;
        width: 100vw;
        background: linear-gradient(90deg,#001E60 0%,#005E71 100%);
        z-index: -1
    }

    .partner-section[b-htu9ibnq4v]::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: -99vw;
        width: 100vw;
        background: linear-gradient(90deg,#001E60 0%,#005E71 100%);
        z-index: -1
    }

.partner-grid[b-htu9ibnq4v] {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px;
    position: relative;
    z-index: 2
}

.partner-card[b-htu9ibnq4v] {
    background: #fff;
    border-radius: 4px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #2f2f2f;
    height: max-content;
    position: relative;
    z-index: 3
}

    .partner-card h4[b-htu9ibnq4v] {
        font-size: 16px;
        line-height: 135%;
        font-weight: 400;
        text-decoration: underline;
        color: #2f2f2f;
        margin-bottom: 10px;
        cursor: pointer;
        margin-top: 0
    }

.partners-details[b-htu9ibnq4v] {
    display: flex;
    gap: 5px;
    color: #767676;
    font-size: 14px;
    line-height: 19px;
    font-weight: 400
}

.partner-card[b-htu9ibnq4v] .partner-cart {
    height: auto;
    min-height: 100%;
    width: 36px;
    border: none;
    background: #FFD88C;
    cursor: pointer;
    align-self: stretch !important
}
    .partner-card[b-htu9ibnq4v] .partner-cart .k-button-text {
        display: flex;
        align-items: center;
    }

    .partner-card[b-htu9ibnq4v] .partner-cart:hover {
        background: #FFF4DD !important
    }

.add-btn[b-htu9ibnq4v] {
    background: #f2b84b;
    border: none;
    padding: 10px 14px;
    border-radius: 6px;
    font-size: 20px;
    cursor: pointer
}

.instructor[b-htu9ibnq4v] {
    margin-top: 72px;
    width: 100%
}

    .instructor h2[b-htu9ibnq4v] {
        height: 51px;
        font-weight: 400;
        font-size: 24px;
        line-height: 120%;
        color: #2F2F2F;
        margin-bottom: 21px;
        display: flex
    }

.instructor-card[b-htu9ibnq4v] {
    display: flex;
    gap: 24px;
    align-items: center;
    height: 64px;
    margin-left: 13px
}

    .instructor-card h4[b-htu9ibnq4v] {
        font-size: 16px;
        line-height: 135%;
        font-weight: 400;
        color: #2f2f2f;
        height: 22px;
        display: flex;
        align-items: center;
        margin-bottom: 0
    }

    .instructor-card p[b-htu9ibnq4v] {
        font-size: 14px;
        line-height: 150%;
        font-weight: 400;
        color: #6D7280;
        height: 21px;
        display: flex;
        margin-bottom: 0
    }

.instructor-divider[b-htu9ibnq4v] {
    margin-top: 8px;
    color: #B3B3B3;
    margin-bottom: 8px
}

.instructor img[b-htu9ibnq4v] {
    width: 64px;
    height: 64px;
    border-radius: 50%
}

#topicsAccordion .accordion-collapse[b-htu9ibnq4v] {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease
}

    #topicsAccordion .accordion-collapse.show[b-htu9ibnq4v] {
        max-height: 1000px;
        border-radius: 0
    }

#topicsAccordion .accordion-body[b-htu9ibnq4v] {
    background: #f3f3f3;
    padding: 16px
}

#topicsAccordion .accordion-button[b-htu9ibnq4v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 16px;
    background: #fff;
    border: none;
    font-weight: 600;
    cursor: pointer;
    border-bottom: 1px solid #B3B3B3 !important;
    border-radius: 0px !important
}

    #topicsAccordion .accordion-button[b-htu9ibnq4v]::after {
        display: none !important
    }

.custom-accordion-icon[b-htu9ibnq4v] {
    transition: transform 0.3s ease
}

.accordion-button:not(.collapsed) .custom-accordion-icon[b-htu9ibnq4v] {
    transform: rotate(180deg)
}

.course-topics .accordion-item[b-htu9ibnq4v] {
    border: none;
    background: #fff0;
    box-shadow: none
}

.course-topics .accordion-button[b-htu9ibnq4v] {
    background: transparent !important;
    box-shadow: none;
    font-weight: 600;
    padding-left: 0
}

    .course-topics .accordion-button:not(.collapsed)[b-htu9ibnq4v] {
        background: transparent !important;
        color: inherit
    }

.course-topics .accordion-body[b-htu9ibnq4v] {
    background: #f4f4f4 !important;
    padding: 0 0 0 20px;
    font-size: 16px;
    font-family: inherit;
    color: #333
}

    .course-topics .accordion-body *[b-htu9ibnq4v] {
        background: transparent !important;
        border: none !important;
        font-family: inherit !important;
        color: inherit !important
    }

.tags[b-htu9ibnq4v] {
    margin-top: 40px
}

.training-tag[b-htu9ibnq4v] {
    display: flex;
    flex-direction: column;
    margin-top: 62px;
    width: 100%;
    margin-bottom: 72px;
}

    .training-tag h3[b-htu9ibnq4v] {
        margin-bottom: 25px;
        font-size: 24px;
        line-height: 120%;
        font-weight: 400;
        color: #2f2f2f;
        margin-top: 0
    }

.training-tags-content[b-htu9ibnq4v] {
    display: flex;
    gap: 10px;
    flex-wrap: wrap
}

.training-tags[b-htu9ibnq4v] {
    display: inline-block;
    background-color: #D9D9D9;
    color: #2F2F2F;
    padding: 5px 10px;
    border-radius: 4px;
    height: 30px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 400
}

.other[b-htu9ibnq4v] {
    width: 100%;
    background: linear-gradient(180deg,#F9F9F9 0%,#EEFEFF 100%);
    padding-top: 87px;
    padding-bottom: 120px;
    margin-bottom: 72px;
    position: relative
}

    .other[b-htu9ibnq4v]::before {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        left: -100vw;
        width: 100vw;
        background: linear-gradient(180deg,#F9F9F9 0%,#EEFEFF 100%)
    }

    .other[b-htu9ibnq4v]::after {
        content: "";
        position: absolute;
        top: 0;
        bottom: 0;
        right: -100vw;
        width: 100vw;
        background: linear-gradient(180deg,#F9F9F9 0%,#EEFEFF 100%)
    }

    .other h2[b-htu9ibnq4v] {
        text-align: center;
        margin-bottom: 67px;
        font-size: 40px;
        line-height: 100%;
        font-weight: 400;
        color: #000;
        margin-top: 0
    }

.related-grid[b-htu9ibnq4v] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 24px
}

.related-card[b-htu9ibnq4v] {
    background: #fff;
    padding: 20px;
    border-radius: 6px;
    border: 1px solid #BBE4FF
}

    .related-card h4[b-htu9ibnq4v] {
        margin-bottom: 15px;
        font-size: 20px;
        line-height: 28px;
        font-weight: 400;
        color: #2f2f2f;
        margin-top: 0
    }

.course-business-unit[b-htu9ibnq4v] {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    color: #2F2F2F;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px
}

.format[b-htu9ibnq4v] {
    background: #eee;
    padding: 4px 8px;
    border-radius: 4px;
    font-size: 12px
}

.course-topics[b-htu9ibnq4v] {
    margin-top: 62px;
    width: 100%
}

    .course-topics h2[b-htu9ibnq4v] {
        display: flex;
        font-size: 24px;
        font-weight: 400;
        line-height: 120%;
        color: #2f2f2f;
        margin-bottom: 0;
        height: 51px;
        margin-top: 0px !important
    }

#topics.course-topics p[b-htu9ibnq4v] {
    margin-top: 0px !important
}

.topic-content[b-htu9ibnq4v] {
    background: #f4f4f4;
    padding: 20px;
    margin-top: 10px
}

    .topic-content ul[b-htu9ibnq4v] {
        padding-left: 20px
    }

    .topic-content li[b-htu9ibnq4v] {
        margin-bottom: 8px
    }

@media (max-width:768px) {
    .content-grid[b-htu9ibnq4v] {
        grid-template-columns: 1fr !important;
        padding-top: 43px;
        gap: 43px !important;
        padding-bottom: 32px !important
    }

    .partner-section[b-htu9ibnq4v] {
        padding: 72px 0px !important
    }

    .training-section-title[b-htu9ibnq4v] {
        margin-bottom: 30px
    }

    .short-desc[b-htu9ibnq4v] {
        margin-bottom: 30px !important
    }

    .course-meta[b-htu9ibnq4v] {
        margin-bottom: 30px !important;
        gap: 20px !important
    }

    .session-box[b-htu9ibnq4v] {
        width: 100%
    }

    .traning-details-items-footer[b-htu9ibnq4v] {
        flex-direction: column
    }

    .instructor-card h4[b-htu9ibnq4v] {
        height: auto
    }

    .section-nav[b-htu9ibnq4v] {
        flex-direction: column;
        gap: 15px !important
    }

    .related-grid[b-htu9ibnq4v] {
        grid-template-columns: 1fr !important
    }

    .partner-section p[b-htu9ibnq4v] {
        height: auto !important
    }

    .partner-grid[b-htu9ibnq4v] {
        grid-template-columns: 1fr !important
    }

    .training-details-session-grid[b-htu9ibnq4v] {
        grid-template-columns: 1fr 1fr !important
    }

    .share-bar[b-htu9ibnq4v] {
        padding: 13px 22px !important
    }

    .share-text[b-htu9ibnq4v] {
        height: auto !important;
        line-height: 20px !important
    }

    .other[b-htu9ibnq4v] {
        padding-top: 72px !important
    }

        .other h2[b-htu9ibnq4v] {
            font-size: 32px !important;
            margin-bottom: 37px !important
        }

    .closing-soon-banner[b-htu9ibnq4v] {
        margin-top: 32px !important;
    }

    .coming-soon-bar[b-htu9ibnq4v] {
        height: auto !important
    }

    .closing-soon-icon[b-htu9ibnq4v] {
        height: stretch !important
    }

    .closing-soon-banner-text[b-htu9ibnq4v] {
        height: auto !important;
        padding: 20px !important
    }
}

.topics-accordion[b-htu9ibnq4v] {
    display: flex;
    flex-direction: column;
    width: 100%
}

.topics-accordion-item[b-htu9ibnq4v] {
    border-bottom: 1px solid #B3B3B3
}

.topics-accordion-trigger[b-htu9ibnq4v] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 20px 32px;
    background-color: #fff0;
    border: none;
    cursor: pointer;
    text-align: left;
    gap: 16px
}

    .topics-accordion-trigger:hover[b-htu9ibnq4v] {
        background-color: #fff0
    }

    .topics-accordion-trigger:focus[b-htu9ibnq4v] {
        outline: none
    }

.topics-accordion-title[b-htu9ibnq4v] {
    flex: 1;
    font-size: 18px;
    font-weight: 600;
    line-height: 150%;
    color: #2f2f2f;
    margin: 0
}

.topics-accordion-chevron[b-htu9ibnq4v] {
    flex-shrink: 0;
    width: 20px;
    height: 20px;
    color: #2f2f2f;
    transition: transform 0.3s ease,color 0.3s ease
}

.topics-accordion-item.is-open .topics-accordion-chevron[b-htu9ibnq4v] {
    transform: rotate(180deg);
    color: #ED9D00
}

.topics-accordion-item.is-open .topics-accordion-trigger[b-htu9ibnq4v] {
    border-bottom: 1px solid #B3B3B3
}

.topics-accordion-content[b-htu9ibnq4v] {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.3s ease
}

.topics-accordion-item.is-open .topics-accordion-content[b-htu9ibnq4v] {
    grid-template-rows: 1fr
}

.topics-accordion-inner[b-htu9ibnq4v] {
    overflow: hidden;
    min-height: 0
}

[b-htu9ibnq4v] .topics-accordion-inner p {
    margin: 0 !important;
}

.topics-accordion-item.is-open .topics-accordion-inner[b-htu9ibnq4v] {
    padding: 20px 32px;
    background-color: #F4F4F4;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #6D7280;
}

[b-htu9ibnq4v] .topics-accordion-inner *[style*="background"] {
    background-color: transparent !important;
    background: none !important;
}

[b-htu9ibnq4v] .topics-accordion-content .topics-accordion-inner ul {
    margin: 0;
    padding-left: 24px;
    list-style-type: disc
}

    [b-htu9ibnq4v] .topics-accordion-content .topics-accordion-inner ul li {
        margin-top: 8px;
        list-style-type: circle
    }

[b-htu9ibnq4v] .topics-accordion-content .topics-accordion-inner li {
    margin-bottom: 0px !important;
    font-size: 16px !important;
    font-weight: 400 !important;
    line-height: 150% !important;
    color: #6D7280 !important;
}

.topics-accordion-inner p[b-htu9ibnq4v] {
    margin: 0 0 8px 0 !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    color: #6D7280
}

.topics-accordion-item.is-open[b-htu9ibnq4v] {
    border-bottom: none
}