/* /Components/Layout/Footer.razor.rz.scp.css */
footer[b-xa4ys34941] {
    overflow: clip;
}

.footer-circle-gray[b-xa4ys34941] {
        /* Take the image out of normal flow so it can overlap the card. */
    position: absolute;
        /* Push the image slightly outside the right edge of the container. */
    right: 0rem;
    bottom: 0px;
        /* Keep the image responsive while capping its max display size. */
            z-index: -1;
    /* Prevent the image from intercepting button/link clicks under it. */
    pointer-events: none;
}
/* /Components/Layout/MainLayout.razor.rz.scp.css */
.page[b-lmrxldttei] {
    position: relative;
    overflow-x: clip;
    display: flex;
    flex-direction: column;
}

main[b-lmrxldttei] {
    flex: 1;
}

.sidebar[b-lmrxldttei] {
    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
}

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

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

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

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

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

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

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

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

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

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

    
}

#blazor-error-ui[b-lmrxldttei] {
    color-scheme: light only;
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    box-sizing: border-box;
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}

    #blazor-error-ui .dismiss[b-lmrxldttei] {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
    }
/* /Components/Pages/AboutUs.razor.rz.scp.css */
.feature-line-wide[b-4moqotjmwf] {
    width: 20%;
    height: 2px;
}

.partner-line-wide[b-4moqotjmwf] {
    width: 30%;
    height: 2px;
}


.aboutus-top-blue-gradient-ball[b-4moqotjmwf],
.aboutus-top-yellow-gradient-ball[b-4moqotjmwf],
.aboutus-middle-blue-gradient-ball[b-4moqotjmwf],
.aboutus-middle-yellow-gradient-ball[b-4moqotjmwf],
.aboutus-blue-gradient-ball[b-4moqotjmwf],
.aboutus-yellow-gradient-ball[b-4moqotjmwf] {
    position: absolute;
    width: 380px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    pointer-events: none;
}

.aboutus-top-blue-gradient-ball[b-4moqotjmwf],
.aboutus-middle-blue-gradient-ball[b-4moqotjmwf],
.aboutus-blue-gradient-ball[b-4moqotjmwf] {
    background: radial-gradient(circle at center, rgba(0, 99, 255, 0.45) 0%, rgba(102, 185, 255, 0.30) 38%, rgba(255, 255, 255, 0.08) 70%, rgba(255, 255, 255, 0) 100%);
}

.aboutus-top-yellow-gradient-ball[b-4moqotjmwf],
.aboutus-middle-yellow-gradient-ball[b-4moqotjmwf],
.aboutus-yellow-gradient-ball[b-4moqotjmwf] {
    background: radial-gradient(circle at center, rgba(255, 140, 0, 0.45) 0%, rgba(255, 170, 70, 0.30) 38%, rgba(255, 220, 170, 0.08) 70%, rgba(255, 255, 255, 0) 100%);
}

.aboutus-top-blue-gradient-ball[b-4moqotjmwf] {
    right: 700px;
    top: -300px;
    z-index: -1;
}

.aboutus-top-yellow-gradient-ball[b-4moqotjmwf] {
    right: 200px;
    top: -300px;
    z-index: 1;
}

.aboutus-middle-blue-gradient-ball[b-4moqotjmwf] {
    right: -300px;
    top: 2800px;
    z-index: 1;
}

.aboutus-middle-yellow-gradient-ball[b-4moqotjmwf] {
    right: -320px;
    top: 2400px;
    z-index: 1;
}

.aboutus-blue-gradient-ball[b-4moqotjmwf] {
    right: -300px;
    top: 60px;
    z-index: 1;
}

.aboutus-yellow-gradient-ball[b-4moqotjmwf] {
    right: -320px;
    top: 790px;
    z-index: 1;
}

.aboutus-hero-section .container[b-4moqotjmwf] {
    position: relative;
    z-index: 2;
}

.everything-section[b-4moqotjmwf] {
    background-color: #000000;
}

.everything-title[b-4moqotjmwf] {
    color: #ffffff;
}

.everything-title-muted[b-4moqotjmwf] {
    color: #9d9d9d;
}


.history-image-right[b-4moqotjmwf] {
    float: right;
    width: min(65%, 630px);
    margin: 0 0 1rem 1.5rem;
}

@media (max-width: 992px) {
    .history-image-right[b-4moqotjmwf] {
        float: none;
        display: block;
        width: 100%;
        margin: 0 0 1rem;
    }
}

.aboutus-accent-yellow[b-4moqotjmwf] {
    color: #fdd835;
}

.aboutus-red-600[b-4moqotjmwf] {
    color: var(--bs-red-600, #ed1c24);
}

.aboutus-book-demo-btn[b-4moqotjmwf] {
    background-color: #D50000;
    border-color: #D50000;
    color: #ffffff;
}

.aboutus-book-demo-btn:hover[b-4moqotjmwf],
.aboutus-book-demo-btn:focus[b-4moqotjmwf],
.aboutus-book-demo-btn:active[b-4moqotjmwf] {
    background-color: #b00000;
    border-color: #b00000;
    color: #ffffff;
}


.van-BG[b-4moqotjmwf] {
    background-image: url('img/Van-BG-image.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 750px;
}

.top-circle-gradient[b-4moqotjmwf] {
        /* Take the image out of normal flow so it can overlap the card. */
    position: absolute;
    /* Push the image slightly outside the right edge of the container. */
    left: 0;
    top: 0;
    /* Render above the bordered card (which uses a lower z-index). */
    z-index: -1;
    /* Prevent the image from intercepting button/link clicks under it. */
    pointer-events: none;
}

.gray-circleline-bg[b-4moqotjmwf] {
        /* Take the image out of normal flow so it can overlap the card. */
    position: absolute;
    /* Push the image slightly outside the right edge of the container. */
    right: 0;
    top: 1500px;
    /* Render above the bordered card (which uses a lower z-index). */
    z-index: 1;
    /* Prevent the image from intercepting button/link clicks under it. */
    pointer-events: none;
}

.everything-gradient-circle[b-4moqotjmwf] {
        /* Take the image out of normal flow so it can overlap the card. */
    position: absolute;
    /* Push the image slightly outside the right edge of the container. */
    right: -3rem;
    top: 3700px;
    /* Keep the image responsive while capping its max display size. */
    width: min(30%, 300px);
    /* Render above the bordered card (which uses a lower z-index). */
    z-index: 3;
    /* Prevent the image from intercepting button/link clicks under it. */
    pointer-events: none;
}

.everything-gradient-circle-yellow[b-4moqotjmwf] {
        /* Take the image out of normal flow so it can overlap the card. */
    position: absolute;
    /* Push the image slightly outside the right edge of the container. */
    left: -10rem;
    top: 4240px;
    /* Keep the image responsive while capping its max display size. */
    width: min(30%, 300px);
    /* Render above the bordered card (which uses a lower z-index). */
    z-index: 3;
    /* Prevent the image from intercepting button/link clicks under it. */
    pointer-events: none;
}

.three-decades-logo[b-4moqotjmwf] {
    width: 525px;
    height: auto;
}

@media (min-width: 576px) and (max-width: 1199.98px) {
    .three-decades-actions .btn[b-4moqotjmwf] {
        font-size: 1rem;
        white-space: nowrap;
    }
}

@media (max-width: 991.98px) {
    .aboutus-blue-gradient-ball[b-4moqotjmwf] {
        right: -140px;
        top: 20px;
        width: 260px;
    }

    .three-decades-logo[b-4moqotjmwf] {
        width: 100%;
        max-width: 400px;
    }
}
/* /Components/Pages/Home.razor.rz.scp.css */
.home-hero[b-g1u282neys] {
    background-image: url('img/HomepageHeader-bg.png');
    background-repeat: no-repeat;
    background-position: top right;
    background-size: cover;
    min-height: 900px;
}

.hero-subtitle[b-g1u282neys] {
    font-size: 1.75rem;
}

.text-brand-blue[b-g1u282neys] {
    color: #1e3d8f;
}

.metric-divider-wrap[b-g1u282neys] {
    height: 100px;
}

.what-you-get[b-g1u282neys] {
    background-image: url('img/OnePlatform-Homepage-bg.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    min-height: 750px;
}

.feature-line-wide[b-g1u282neys] {
    width: 80%;
    height: 2px;
}

.everything-section[b-g1u282neys] {
    background-color: #000000;
    padding-bottom: 100px;
}

#everything-you-need[b-g1u282neys] {
    scroll-margin-top: 96px;
}

.everything-title[b-g1u282neys] {
    color: #ffffff;
}

.everything-title-muted[b-g1u282neys] {
    color: #9d9d9d;
}

.everything-gradient-circle[b-g1u282neys] {
        /* Take the image out of normal flow so it can overlap the card. */
    position: absolute;
    /* Push the image slightly outside the right edge of the container. */
    right: -3rem;
    top: 1500px;
    /* Keep the image responsive while capping its max display size. */
    width: min(30%, 300px);
    /* Render above the bordered card (which uses a lower z-index). */
    z-index: 3;
    /* Prevent the image from intercepting button/link clicks under it. */
    pointer-events: none;
}

.everything-gradient-circle-yellow[b-g1u282neys] {
        /* Take the image out of normal flow so it can overlap the card. */
    position: absolute;
    /* Push the image slightly outside the right edge of the container. */
    left: -6rem;
    top: 2500px;
    /* Keep the image responsive while capping its max display size. */
    width: min(30%, 300px);
    /* Render above the bordered card (which uses a lower z-index). */
    z-index: 3;
    /* Prevent the image from intercepting button/link clicks under it. */
    pointer-events: none;
}

.trusted-section[b-g1u282neys] {
    padding-bottom: 100px;
}

.three-decades-section[b-g1u282neys] {
    padding-bottom: 50px;
}

.three-decades-card[b-g1u282neys] {
    min-height: 500px;
    z-index: 1;
}

.three-decades-kicker[b-g1u282neys] {
    color: #ffffff;
    font-style: italic;
}

.text-accent-blue[b-g1u282neys] {
    color: #2f56a5;
}

.ready-section[b-g1u282neys] {
    padding-bottom: 100px;
}

.book-demo-header[b-g1u282neys] {
    background-color: #2f56a5 !important;
}

.book-demo-form[b-g1u282neys] {
    max-width: 900px;
}

.captcha-placeholder[b-g1u282neys] {
    display: inline-block;
}

.captcha-checkbox[b-g1u282neys] {
    width: 24px;
    height: 24px;
}

.get-started-btn[b-g1u282neys] {
    background-color: #1e3a8a;
}

.homepage-metrics-fullbleed[b-g1u282neys] {
    width: 100vw;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    border-radius: 0;
    padding-left: 100px;
    padding-right: 100px;
}

.three-decades-wrap[b-g1u282neys] {
    position: relative;
}

.three-decades-image[b-g1u282neys] {
    /* Take the image out of normal flow so it can overlap the card. */
    position: absolute;
    /* Push the image slightly outside the right edge of the container. */
    right: 8rem;
    /* Drop the image a bit below the bottom edge for the "floating" effect. */
    bottom: 1rem;
    /* Keep the image responsive while capping its max display size. */
    width: min(60%, 620px);
    /* Render above the bordered card (which uses a lower z-index). */
    z-index: 3;
    /* Prevent the image from intercepting button/link clicks under it. */
    pointer-events: none;
}

@media screen and (max-width: 1199.98px) {
    .home-hero[b-g1u282neys] {
        background-position: -820px 0px;
    }
    .three-decades-image[b-g1u282neys] {
        right: 6.5rem;
        width: min(45%, 450px);
    }  
}

@media screen and (max-width: 991.98px) {
    /* col-md-8 */
    .home-hero[b-g1u282neys] {
        background-position: -820px 0px;
    }

    .what-you-get[b-g1u282neys] {
        min-height: auto;
        padding: 4rem 0;
    }

    .homepage-metrics-fullbleed[b-g1u282neys] {
        padding-left: 40px;
        padding-right: 40px;
    }

    .three-decades-content[b-g1u282neys] {
        max-width: calc(100% - 2rem);
    }

    .three-decades-image[b-g1u282neys] {
        right: .8rem;
        width: min(65%, 650px);
    }   

    .hero-subtitle[b-g1u282neys] {
        font-size: 1.5rem;
    }
}

@media screen and (max-width: 767.98px) {
    /* col-sm-8 */
    .home-hero[b-g1u282neys] {
        background-position: -980px 0px;
        min-height: 620px;
    }

    .three-decades-image[b-g1u282neys] {
        right: 0.6rem;
        width: min(75%, 360px);
        bottom: 0.25rem;
    }

    .what-you-get[b-g1u282neys],
    .everything-section[b-g1u282neys],
    .trusted-section[b-g1u282neys],
    .ready-section[b-g1u282neys] {
        padding-bottom: 70px;
    }

    .hero-subtitle[b-g1u282neys] {
        font-size: 1.25rem;
    }

    .homepage-metrics[b-g1u282neys] {
        flex-direction: column;
        gap: 1rem;
    }

    .homepage-metrics .metric-divider[b-g1u282neys] {
        display: none !important;
    }

    .homepage-metrics .fs-5[b-g1u282neys] {
        margin-left: 0 !important;
        margin-right: 0 !important;
        text-align: center;
        width: 100%;
    }

    .homepage-metrics .fs-5[b-g1u282neys]::after {
        content: "";
        display: block;
        width: min(260px, 75%);
        height: 1px;
        margin: 0.75rem auto 0;
        background-color: currentcolor;
        opacity: 0.25;
    }

    .homepage-metrics .fs-5:last-of-type[b-g1u282neys]::after {
        display: none;
    }

    .homepage-metrics-fullbleed[b-g1u282neys] {
        padding-left: 24px;
        padding-right: 24px;
    }

    #everything-you-need[b-g1u282neys] {
        scroll-margin-top: 72px;
    }

    .three-decades-card[b-g1u282neys] {
        min-height: auto;
        padding-bottom: 12rem;
    }

    .three-decades-content[b-g1u282neys] {
        max-width: 100%;
        margin: 1rem !important;
    }
}

@media screen and (max-width: 575.98px) {
    .home-hero[b-g1u282neys] {
        background-position: -1000px 0px;
        min-height: 540px;
    }

    .hero-subtitle[b-g1u282neys] {
        font-size: 1.1rem;
    }

    .three-decades-card[b-g1u282neys] {
        padding-bottom: 10rem;
    }
}
/* /Components/Pages/MeetTheTeam.razor.rz.scp.css */
.people-behind-section[b-9v7eakzshk] {
    background-color: #000000;
    color: white;
    height: 450px;
    padding-top: 50px;
}

.team-line-header[b-9v7eakzshk] {
    display: block;
    width: 20%;
    height: 2px;
    margin-right: auto;
    margin-left: auto;
}

.people-team-section[b-9v7eakzshk] {
    background-color: #ffffff;
    position: relative;
    z-index: 1;
}

.everything-gradient-circle-lt[b-9v7eakzshk] {
        /* Take the image out of normal flow so it can overlap the card. */
    position: absolute;
    /* Push the image slightly outside the right edge of the container. */
    left: -10rem;
    top: -115px;
    /* Keep the image responsive while capping its max display size. */
    width: min(30%, 300px);
    /* Render above the bordered card (which uses a lower z-index). */
    z-index: 3;
    /* Prevent the image from intercepting button/link clicks under it. */
    pointer-events: none;
}

.everything-gradient-circle-rt[b-9v7eakzshk] {
        /* Take the image out of normal flow so it can overlap the card. */
    position: absolute;
    /* Push the image slightly outside the right edge of the container. */
    right: -10rem;
    top: 285px;
    /* Keep the image responsive while capping its max display size. */
    width: min(30%, 300px);
    /* Render above the bordered card (which uses a lower z-index). */
    z-index: 1;
    /* Prevent the image from intercepting button/link clicks under it. */
    pointer-events: none;
}

.bullzeye-bg[b-9v7eakzshk] {
    position: absolute;
    left: 50%;
    top: -530px;
    width: min(980px, 100vw);
    transform: translateX(-50%);
    z-index: 1;
    pointer-events: none;
}

.ready-to-work-section[b-9v7eakzshk] {
    background-color: #000000;
    color: white;
    height: 450px;
}

.everything-gradient-circle-lt-bottom[b-9v7eakzshk] {
        /* Take the image out of normal flow so it can overlap the card. */
    position: absolute;
    /* Push the image slightly outside the right edge of the container. */
    left: -10rem;
    top: 1800px;
    /* Keep the image responsive while capping its max display size. */
    width: min(30%, 300px);
    /* Render above the bordered card (which uses a lower z-index). */
    z-index: 1;
    /* Prevent the image from intercepting button/link clicks under it. */
    pointer-events: none;
}

.everything-gradient-circle-rt-bottom[b-9v7eakzshk] {
        /* Take the image out of normal flow so it can overlap the card. */
    position: absolute;
    /* Push the image slightly outside the right edge of the container. */
    right: -10rem;
    top: 2200px;
    /* Keep the image responsive while capping its max display size. */
    width: min(30%, 300px);
    /* Render above the bordered card (which uses a lower z-index). */
    z-index: 1;
    /* Prevent the image from intercepting button/link clicks under it. */
    pointer-events: none;
}

.bullzeye-bg-bottom[b-9v7eakzshk] {
        /* Take the image out of normal flow so it can overlap the card. */
    position: absolute;
    /* Push the image slightly outside the right edge of the container. */
    right: 30rem;
    top: 2010px;
     width: 980px;
    /* Render above the bordered card (which uses a lower z-index). */
    z-index: 1;
    /* Prevent the image from intercepting button/link clicks under it. */
    pointer-events: none;
}
/* /Components/Pages/Thankyou.razor.rz.scp.css */
.everything-section[b-h42bagzkm6] {
    background-color: #000000;
    background-image: url('/img/WhyServmanPro-circleBG.png');
    /* Centers the image so cropping happens evenly on the edges */
    background-position: top center;
    /* Prevents the image from repeating if the container is larger than the image */
    background-repeat: no-repeat;
    min-height: 600px;
}

.everything-title[b-h42bagzkm6] {
    color: #ffffff;
}

.thank-you-title[b-h42bagzkm6] {
    margin-top: 8rem;
    margin-bottom: 1rem;
}

.thank-you-message[b-h42bagzkm6] {
    max-width: 750px;
}

.feature-line-wide[b-h42bagzkm6] {
    width: 240px;
    height: 2px;
}

.everything-gradient-circle[b-h42bagzkm6] {
        /* Take the image out of normal flow so it can overlap the card. */
    position: absolute;
    /* Push the image slightly outside the right edge of the container. */
    left: -10rem;
    top: -140px;
    /* Keep the image responsive while capping its max display size. */
    width: min(30%, 300px);
    /* Render above the bordered card (which uses a lower z-index). */
    z-index: 3;
    /* Prevent the image from intercepting button/link clicks under it. */
    pointer-events: none;
}

.everything-gradient-circle-bottom[b-h42bagzkm6] {
        /* Take the image out of normal flow so it can overlap the card. */
    position: absolute;
    /* Push the image slightly outside the right edge of the container. */
    right: -10rem;
    top: 440px;
    /* Keep the image responsive while capping its max display size. */
    width: min(30%, 300px);
    /* Render above the bordered card (which uses a lower z-index). */
    z-index: 1;
    /* Prevent the image from intercepting button/link clicks under it. */
    pointer-events: none;
}

.trusted-by-section[b-h42bagzkm6] {
    position: relative;
    z-index: 5;
    background-color: #FFFFFF;
}


.trusted-by-wrap[b-h42bagzkm6] {
    background-color: #f2f2f2;
    padding: 1rem;
    border-radius: 8px;
}
/* /Components/Pages/WhyServman.razor.rz.scp.css */

.aboutus-top-blue-gradient-ball[b-3oa3delhzw],
.aboutus-top-yellow-gradient-ball[b-3oa3delhzw],
.aboutus-middle-blue-gradient-ball[b-3oa3delhzw],
.aboutus-middle-yellow-gradient-ball[b-3oa3delhzw],
.aboutus-blue-gradient-ball[b-3oa3delhzw],
.aboutus-yellow-gradient-ball[b-3oa3delhzw] {
    position: absolute;
    width: 380px;
    aspect-ratio: 1 / 1;
    border-radius: 50%;
    pointer-events: none;
}

.aboutus-top-blue-gradient-ball[b-3oa3delhzw],
.aboutus-middle-blue-gradient-ball[b-3oa3delhzw],
.aboutus-blue-gradient-ball[b-3oa3delhzw] {
    background: radial-gradient(circle at center, rgba(0, 99, 255, 0.45) 0%, rgba(102, 185, 255, 0.30) 38%, rgba(255, 255, 255, 0.08) 70%, rgba(255, 255, 255, 0) 100%);
}

.aboutus-top-yellow-gradient-ball[b-3oa3delhzw],
.aboutus-middle-yellow-gradient-ball[b-3oa3delhzw],
.aboutus-yellow-gradient-ball[b-3oa3delhzw] {
    background: radial-gradient(circle at center, rgba(255, 140, 0, 0.45) 0%, rgba(255, 170, 70, 0.30) 38%, rgba(255, 220, 170, 0.08) 70%, rgba(255, 255, 255, 0) 100%);
}

.aboutus-top-blue-gradient-ball[b-3oa3delhzw] {
    right: 700px;
    top: -285px;
    z-index: -1;
}

.aboutus-top-yellow-gradient-ball[b-3oa3delhzw] {
    right: 200px;
    top: -300px;
    z-index: 1;
}

.feature-line-wide[b-3oa3delhzw] {
    width: 20%;
    height: 2px;
}

.everything-section[b-3oa3delhzw] {
    background-color: #000000;
    background-image: url('/img/WhyServmanPro-circleBG.png');
    /* Centers the image so cropping happens evenly on the edges */
    background-position: top center;

    /* Prevents the image from repeating if the container is larger than the image */
    background-repeat: no-repeat;
}

.everything-title[b-3oa3delhzw] {
    color: #ffffff;
}

.red-1996[b-3oa3delhzw] {
    color: #eb2426;
}

.blue-2018[b-3oa3delhzw] {
    color: #2b52b6;
}

.green-2026[b-3oa3delhzw] {
    color: #28a745;
}

.yellow-today[b-3oa3delhzw] {
    color: #f0c000;
}

.aboutus-accent-yellow[b-3oa3delhzw] {
    color: #FFD700; /* Example yellow color */
}

.trusted-section[b-3oa3delhzw] {
    background-color: #1e3d8f;
}

.leader-logo-wrap[b-3oa3delhzw] {
    background-color: #ffffff;
    padding: 1rem;
    border-radius: 8px;
}

.dome[b-3oa3delhzw] {
        width: 100%;
        height: clamp(72px, 8vw, 120px);
        background-color: #1e3d8f;
        border-radius: 50% 50% 0 0 / 100% 100% 0 0;
}

.field-service[b-3oa3delhzw] {
        padding: 5rem 0;
        color: #f8f9fa;
        background-image: url('/img/WhyServmanPro-fieldService.png');
        background-size: cover;
        /* Keeps the image 20% from the left edge and 80% from the top edge */
        background-position: 20% 80%; 
        height: 800px;
}

.gray-circleline-bg[b-3oa3delhzw] {
        /* Take the image out of normal flow so it can overlap the card. */
    position: absolute;
    /* Push the image slightly outside the right edge of the container. */
    right: 0;
    top: 1500px;
    /* Render above the bordered card (which uses a lower z-index). */
    z-index: 1;
    /* Prevent the image from intercepting button/link clicks under it. */
    pointer-events: none;
}

.right-rings[b-3oa3delhzw] {
        /* Take the image out of normal flow so it can overlap the card. */
    position: absolute;
    /* Push the image slightly outside the right edge of the container. */
    right: 0;
    top: 70px;
    /* Render above the bordered card (which uses a lower z-index). */
    z-index: -1;
    /* Prevent the image from intercepting button/link clicks under it. */
    pointer-events: none;
    width: 10%;
    height: auto;
}
/* /Components/Shared/Bio.razor.rz.scp.css */
.bio-dialog[b-xnizq78tbw] {
    width: calc(100vw - 2rem);
    max-width: 900px;
}

.bio-content[b-xnizq78tbw] {
    min-height: 28rem;
}

.bio-headshot[b-xnizq78tbw] {
    display: block;
    width: 100%;
    height: 100%;
    min-height: 28rem;
    object-fit: cover;
}

.bio-copy[b-xnizq78tbw] {
    padding: 2rem 2.5rem;
}

.bio-name[b-xnizq78tbw] {
    margin: 0 2rem 0.5rem 0;
    font-size: 1.75rem;
    font-weight: 700;
}

.bio-work-title[b-xnizq78tbw] {
    margin-bottom: 1.5rem;
    color: #254b9b;
    font-size: 1.25rem;
}

.bio-text[b-xnizq78tbw] {
    font-size: 1rem;
    line-height: 1.35;
}

.bio-education[b-xnizq78tbw] {
    color: #254b9b;
    font-size: 1rem;
    line-height: 1.35;
}

.bio-close[b-xnizq78tbw] {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 1;
}

@media (max-width: 991.98px) {
    .bio-content[b-xnizq78tbw],
    .bio-headshot[b-xnizq78tbw] {
        min-height: 0;
    }

    .bio-headshot[b-xnizq78tbw] {
        max-height: 32rem;
    }

    .bio-copy[b-xnizq78tbw] {
        padding: 2rem;
    }
}

@media (max-width: 575.98px) {
    .bio-dialog[b-xnizq78tbw] {
        width: calc(100vw - 1rem);
    }

    .bio-copy[b-xnizq78tbw] {
        padding: 1.5rem;
    }

    .bio-name[b-xnizq78tbw] {
        font-size: 1.75rem;
    }

    .bio-work-title[b-xnizq78tbw] {
        margin-bottom: 1.5rem;
        font-size: 1.25rem;
    }

    .bio-text[b-xnizq78tbw] {
        font-size: 1rem;
    }
}
/* /Components/Shared/BookDemoModal.razor.rz.scp.css */
.book-demo-form .form-select[b-o4rr2g8eh5] {
    font: inherit;
}
/* /Components/Shared/DarkFeatureCard.razor.rz.scp.css */
.feature-dark-title[b-owp1tv97b2] {
    color: #ffffff;
}

.feature-line-narrow[b-owp1tv97b2] {
    width: 30%;
}

.feature-dark-copy[b-owp1tv97b2] {
    color: #cccccc;
    font-weight: 300;
}

.feature-dark-copy-bright[b-owp1tv97b2] {
    color: #f2f2f2;
}

.dark-feature-card-link[b-owp1tv97b2] {
    color: inherit;
    text-decoration: none;
    display: block;
    height: 100%;
}

.dark-feature-card-link:hover[b-owp1tv97b2] {
    color: inherit;
    text-decoration: none;
}
/* /Components/Shared/LeaderTestimonialCard.razor.rz.scp.css */
.leaders-card[b-s1qr6n1zoj] {
    display: flex;
    flex-direction: column;
}

.quotes-icon[b-s1qr6n1zoj] {
    width: 15%;
}

.quote-copy[b-s1qr6n1zoj] {
    font-weight: 300;
}

.leader-logo-wrap[b-s1qr6n1zoj] {
    background-color: #e6e6e6;
    padding: 1rem;
    border-radius: 8px;
    width: 40%;
}

.leader-logo[b-s1qr6n1zoj] {
    width: 100%;
}

.leader-company[b-s1qr6n1zoj] {
    font-weight: 300;
    color: #1e3d8f;
}

@media screen and (max-width: 991.98px) {
    .leader-logo-wrap[b-s1qr6n1zoj] {
        width: 45%;
    }
}

@media screen and (max-width: 767.98px) {
    .leader-logo-wrap[b-s1qr6n1zoj] {
        width: 50%;
    }
}

@media screen and (max-width: 575.98px) {
    .leader-logo-wrap[b-s1qr6n1zoj] {
        width: 35%;
    }
}
/* /Components/Shared/Team.razor.rz.scp.css */
.team-line[b-lzlsn8ukiv] {
    width: 20%;
    height: 2px;
}