/* input(577,52): run-time error CSS1046: Expect comma, found '92'
input(577,58): run-time error CSS1046: Expect comma, found '/'
input(734,25): run-time error CSS1046: Expect comma, found '249'
input(734,32): run-time error CSS1046: Expect comma, found ')' */
@import url('https://fonts.googleapis.com/css2?family=Bitter:wght@400;500;600;700;800&family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');
@import url('https://www.events500documents.com/Content/FontImport.css');

:root {
    --dark-blue: rgb(4, 50, 86);
    --title-color:  rgb(0, 117, 245);
    --light-blue: #eef6ff;
    --border-color: rgb(205, 214, 220);
    --blue-border-color: rgb(217, 224, 229);
    --padding: 20px;
    --grey: #f3f5f6;
    --grey-border: 1px solid rgb(205, 214, 220);
    --grey-text: #778493 /*rgb(139, 147, 152)*/;
    --prospect-header-bg: #f9fafb;
    --prospect-h1: 32pt;
    --customer-h1: 28pt;
    --prospect-h2: 26pt;
    --prospect-h3: 15pt;
    --prospect-font-size: 12pt;
    --prospect-padding: 100px;

   
    --customer-portal-border-radius:8px;
    --customer-portal-font-size:11.4pt;
    --customer-portal-font-family:'omnes-pro', sans-serif;
}


/*_______________________body____________________*/

html body {
    
    font-family: var(--customer-portal-font-family);/*Target*/
    font-size: var(--customer-portal-font-size);/*Target*/
    color: black;
}

.portal-loading {
    display: table;
    width: 100%;
    text-align: center;
    height: 80vh;
}

.portal-loading > div {
    display: table-cell;
    vertical-align: middle;
}

.portal-loading img {
    width: 60px;
}


/*_______________________nav_____________________*/
.portal-nav {
    position: fixed;
    background: white;
    width: 100%;
    z-index: 600;
    display: flex;
    align-items: center;
    padding: 0px 16px;
    font-size: var(--customer-portal-font-size);/*Target*/
    box-shadow: 0px 0px 15px #15202c15
}

/*--------logo-------*/
.portal-nav-logo {
    width: 183px;
    text-align: center;
    padding: 4px 0px;
}

.portal-nav-logo img{
    max-width:170px;
    max-height:45px;
    height:unset;
    margin:auto;
}

/*--------collapse-------*/
.portal-nav-collapse, .portal-nav-mobie-collapse {
    padding: 15px;
    cursor: pointer;
}

.portal-nav-collapse:hover, .portal-nav-mobie-collapse:hover {
    background: var(--grey);
}

.portal-nav-collapse i, .portal-nav-mobie-collapse i {
    font-size: 15pt;
    color: var(--title-color);
}


/*--------center------*/
.portal-nav-center {
    margin: 0;
    padding: 0;
    display: flex;
}

.portal-nav-center a:hover {
    text-decoration: none;
}

.portal-nav-link {
    padding: 18px 20px;
    padding-bottom: 18px;
    text-decoration: none;
    border-bottom: 2px solid white;
    color: black;
    cursor: pointer;
}

.portal-nav-link.active, .portal-nav-link:hover {
    border-bottom: 2px solid var(--title-color);
    font-weight: 500;
    color: var(--title-color);
}

/*--------right-------*/
.portal-nav-right {
    margin-left: auto;
}

.portal-nav-right ul {
    margin-bottom: 3px;
}

.portal-nav-right li {
    display: inline-block;
    vertical-align: middle;
    padding-right: 20px;
}

.portal-nav-right a:link, .portal-nav-right a:hover, .portal-nav-right a:visited {
    color: var(--title-color);
    text-decoration: none;
    font-weight:600;
}


/*___________________body____________________*/
.portal-body {
    position: relative;
    padding-top: 54px;
    background: white;
    display: flex;
    height: calc(100vh - 38px);
    overflow: auto;
    background: white;
}


/*_________________body control______________*/
.portal-body-control {
    width: 250px;
    padding-top: 20px;
    max-height: 100%;
    padding: 20px;
    min-height: 100%;
    border-right: var(--grey-border);
    background: var(--prospect-header-bg);
    border-right: none;
    font-size:var(--customer-portal-font-size);

}


/*___________________body content____________________*/
.portal-body-content {
    flex-grow: 10;
    height: calc(100vh - 93px);
    overflow: auto;
    background: white;
}


/*______________________overides___________________-*/
.window{
    font-family: 'Inter', sans-serif;
}
.window-loading {
    width: 50px;
}

.doc-drop-header .large-button {
    font-family: 'Source Sans Pro', sans-serif;
}

html body .window-box-shadow > header, .window-input-file-button, .minimized-tab-selected {
    background: var(--title-color);
    border-bottom: var(--title-color);
}

#moveableWindowDropdownLoading {
    width: 400px;
}

html body .small-button {
    background: var(--title-color);
}

html body .email-send{
    background:var(--prospect-header-bg);
}

html body .control-input, html body .table-plan-nav .window-input {
    box-shadow: none;
    background: var(--input-grey);
    border-radius: 8px;
}

html body .window-input {
    border-radius: 8px;
    background:var(--prospect-header-bg);
}

html body .nullable-checkbox-true, html body .checkbox-selected {
    background: var(--title-color);
}

#windowDropdownLoading {
    background: white;
}

html body .fr-box.fr-basic .fr-element{
    background:var(--prospect-header-bg);
}

#minmizedTabs {
  
    
}

html body .minimized-tab {
    height: 34px;
    padding: 2px;
    border-radius: 8px 8px 0px 0px;
}


@media screen and (max-width:600px) {
    .table-plan-nav {
        background: white;
    }

    html body .control-input, html body .table-plan-nav .window-input {
        background: var(--grey);
        border-radius: 8px;
    }
}

/*___________doc dropdown_________*/
html body .doc-drop-button {
    background: var(--title-color);
    border-radius: 8px;
}

/*____________table/seating plan_________*/
.table-plan-window .window-ribbon {
    box-shadow: none;
    height: unset;
    border-radius: 0px;
    padding: 0px 10px;
    padding-bottom: 0px;
    background: var(--input-grey);
    white-space: nowrap;
    background: white;
}

.table-plan-window.manage-tp-event-plan .window-ribbon > div {
    min-width: 1050px;
    display:flex;
}

.table-plan-window .window-body-border {
    background: white;
}

.table-plan-window .table-plan-nav {
    background: white;
    padding-top: 35px;
    font-size: 10pt;
}

.table-plan-window .table-plan-nav .window-label {
    font-size: 10pt;
}

html body .table-plan-window .window-ribbon > div {
    min-width: 1050px;
}

.table-plan-window .window-ribbon .window-ribbon-button, .table-plan-window .table-plan-info-show-hide {
    background: white;
    border-radius: 6px;
    margin: 8px 3px;
    box-shadow: none;
    padding: 13px 20px;
    height: unset;
    margin-bottom: 0px;
    font-weight: 600;
    color: black;
    /* box-shadow: 0px 0px 5px rgb(22, 24, 25, 0.05);*/
    border: var(--grey-border);
    background: var(--prospect-header-bg);
    border: none;
    font-size: 10pt;
}

html body .table-plan-window .window-ribbon .mcr-save, html body .table-plan-window .window-ribbon .mcr-sumbit-seating-plan {
    background: var(--title-color);
    color: white;
    border: none;
}

.table-plan-window .table-plan-info-show-hide img {
    width: 13px;
    margin-right: 0px;
}

html body .tp-table-chair > * {
    fill: var(--title-color);
    stroke: var(--title-color);
}

html body .tp-table-chair text {
    fill: white;
}

html body .tp-table-chair-populated > * {
    fill: #69bf0d
}

html body .sps-label.sps-label-menu-populated {
    background: #69bf0d;
}

html body .tp-guest-holding-guest {
    border-color: #69bf0d;
}

/*html body .tp-guest-holding {
    top: calc(100vh - 100px);
}*/

.table-plan-window .tp-ba-shape {
    fill: white;
}

html body .table-plan-window .tpn-menu-set-menus-menus {
    width: 173px;
}

html body .menu-button, html body .tpcm-add-menu-option, html body .menu-button:hover, html body .tpcm-add-menu-option:hover, html body .small-button {
    background: var(--title-color);
    border-radius: 8px;
    color: white;
    font-weight: 600;
}

html body .tpn-menu-option {
    background: var(--input-grey);
    box-shadow: none;
}

html body .tp-add-tables.tp-add-tables-editting {
    width: 560px;
}

html body .tp-add-tables {
    width: 670px;
}

html body .manage-blocked-area {
    width: 495px;
}

html body .table-plan-nav.table-plan-nav-full{
    right:unset;
    left:15px;
    width:calc(100vw - 30px);
}

html body .table-plan-nav.table-plan-nav-full .control-input, html body .table-plan-nav.table-plan-nav-full .window-input{
    padding:9px 8px;
}

/*___________________media queries____________________*/
@media screen and (max-width:1300px) {
    .portal-body-control {
        position: fixed;
        z-index: 20;
    }
}


@media screen and (max-width:620px) {

    .portal-nav-right li:nth-child(1) {
        display: none;
    }

    .portal-nav-logo {
        width: unset;
        margin-right: 10px;
    }

    #moveableWindowDropdownLoading {
        width: 90%;
    }
}

.prospect-portal-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 10000;
    background: rgba(255,255,255,1);
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    display:none;
}

.prospect-portal-event-type-select {
    width: 500px;
    max-width: 90vw;
    text-align: center;
    font-size: var(--prospect-font-size-pt-md);
    line-height: 1.4;
}

.prospect-portal-event-type-select header {
    margin-bottom: var(--prospect-space-20);
}

.prospect-portal-event-type-select header img{
    width: 200px;
    margin-bottom: var(--prospect-space-15);
}

.prospect-portal-event-type-select header h1{
    font-weight: bold;
    margin-bottom: var(--prospect-space-10);
}

.prospect-portal-event-type-select select {
    border: var(--grey-border);
    padding: var(--prospect-space-20);
    border-radius: var(--prospect-radius-sm);
    width: 100%;
    margin-bottom: var(--prospect-space-20);
}



:root {
    --prospect-container-max-width: 1260px;
    --prospect-container-max-width-wide: 1360px;
    --prospect-container-padding-x: 30px;
    --prospect-container-padding-x-mobile: 24px;
    --prospect-section-padding-mobile: 60px;
    --prospect-padding-section-md: 72px;
    --prospect-padding-section-lg: 84px;
    --prospect-nav-height: 64px;
    --prospect-nav-dropdown-top: 46px;
    --prospect-nav-dropdown-top-collapsed: 20px;
    --prospect-space-4: 4px;
    --prospect-space-5: 5px;
    --prospect-space-6: 6px;
    --prospect-space-8: 8px;
    --prospect-space-9: 9px;
    --prospect-space-10: 10px;
    --prospect-space-12: 12px;
    --prospect-space-14: 14px;
    --prospect-space-15: 15px;
    --prospect-space-16: 16px;
    --prospect-space-18: 18px;
    --prospect-space-20: 20px;
    --prospect-space-22: 22px;
    --prospect-space-24: 24px;
    --prospect-space-26: 26px;
    --prospect-space-28: 28px;
    --prospect-space-30: 30px;
    --prospect-space-32: 32px;
    --prospect-space-34: 34px;
    --prospect-space-36: 36px;
    --prospect-space-40: 40px;
    --prospect-space-42: 42px;
    --prospect-space-44: 44px;
    --prospect-space-48: 48px;
    --prospect-space-52: 52px;
    --prospect-space-56: 56px;
    --prospect-space-60: 60px;
    --prospect-space-64: 64px;
    --prospect-space-72: 72px;
    --prospect-space-80: 80px;
    --prospect-space-84: 84px;
    --prospect-space-88: 88px;
    --prospect-space-92: 92px;
    --prospect-space-94: 94px;
    --prospect-space-100: 100px;
    --prospect-space-120: 120px;
    --prospect-space-130: 130px;
    --prospect-space-150: 150px;
    --prospect-size-icon-xs: 20px;
    --prospect-size-icon-sm: 22px;
    --prospect-size-icon-md: 24px;
    --prospect-size-icon-lg: 26px;
    --prospect-size-icon-xl: 28px;
    --prospect-size-icon-2xl: 30px;
    --prospect-size-badge-sm: 40px;
    --prospect-size-badge-md: 48px;
    --prospect-size-badge-lg: 52px;
    --prospect-size-badge-xl: 56px;
    --prospect-size-avatar: 64px;
    --prospect-font-size-pt-xs: 9.2pt;
    --prospect-font-size-pt-sm: 10pt;
    --prospect-font-size-pt-md: 13pt;
    --prospect-font-size-pt-lg: 15pt;
    --prospect-font-size-pt-xl: 26pt;
    --prospect-font-size-pt-2xl: 30pt;
    --prospect-font-size-pt-3xl: 50pt;
    --prospect-radius-sm: 8px;
    --prospect-radius-md: 10px;
    --prospect-radius-lg: 14px;
    --prospect-radius-xl: 16px;
    --prospect-radius-2xl: 18px;
    --prospect-radius-3xl: 20px;
    --prospect-radius-4xl: 22px;
    --prospect-radius-pill: 999px;
    --prospect-font-size-xs: 14px;
    --prospect-font-size-sm: 15px;
    --prospect-font-size-md: 16px;
    --prospect-font-size-lg: 17px;
    --prospect-font-size-xl: 18px;
    --prospect-font-size-2xl: 22px;
    --prospect-font-size-3xl: 24px;
    --prospect-letter-spacing-tight: -0.02em;
    --prospect-letter-spacing-tighter: -0.03em;
    --prospect-color-page: #f9fafb;
    --prospect-color-page-alt: #f1f4f7;
    --prospect-color-page-muted: #f8fafc;
    --prospect-color-surface: white;
    --prospect-color-surface-soft: #f5f9fc;
    --prospect-color-accent-soft: #e8f1ff;
    --prospect-color-accent-soft-alt: #e6f0ff;
    --prospect-color-text-heading: #0b1320;
    --prospect-color-text-strong: #111827;
    --prospect-color-text-body: #4b5563;
    --prospect-color-text-muted: #5f6b7a;
    --prospect-color-text-subtle: #778493;
    --prospect-color-text-link: #556274;
    --prospect-color-icon: #0d6efd;
    --prospect-color-border-nav: #ebeff3;
    --prospect-color-border-soft: #e6ebf1;
    --prospect-color-border-soft-alt: #edf1f5;
    --prospect-color-border-card: #dde5ed;
    --prospect-color-border-card-strong: #dce4ec;
    --prospect-color-border-control: #dfe6ee;
    --prospect-shadow-accent: 0 10px 24px rgba(0, 117, 245, 0.22);
    --prospect-shadow-accent-lg: 0 14px 28px rgba(0, 117, 245, 0.22);
    --prospect-shadow-card-soft: 0 8px 22px rgba(15, 23, 42, 0.05);
    --prospect-shadow-card: 0 12px 28px rgba(15, 23, 42, 0.08);
    --prospect-shadow-card-sm: 0 2px 8px rgba(15, 23, 42, 0.06), 0 12px 28px rgba(15, 23, 42, 0.04);
    --prospect-shadow-card-hover: 0 18px 36px rgba(15, 23, 42, 0.1);
    --prospect-shadow-dropdown: 0 20px 36px rgba(15, 23, 42, 0.12);
    --prospect-shadow-video: 0 30px 55px rgba(15, 23, 42, 0.18);
    --prospect-shadow-overlay: 0px 0px 10px rgb(86 92 99 / 0.25);
    --prospect-gradient-accent: linear-gradient(180deg, #1982ff 0%, #0075f5 100%);
    --prospect-transition-hover: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
    --prospect-transition-image: transform 0.28s ease, filter 0.28s ease;
}
/*_________________________Nav_________________________*/
.prospect-portal-display-nav {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    z-index: 250;
    background: rgba(249, 250, 251, 0.96);
    font-size: var(--prospect-font-size-md);
    border-bottom: 1px solid var(--prospect-color-border-nav);
    transition: background-color 0.2s ease, box-shadow 0.2s ease, backdrop-filter 0.2s ease, -webkit-backdrop-filter 0.2s ease;
}

.prospect-portal-display-nav-scrolled {
    background: rgba(249, 250, 251, 0.78);
    backdrop-filter: blur(14px);
    -webkit-backdrop-filter: blur(14px);
}

.prospect-portal-display-nav > div {
    display: flex;
    align-items: center;
}

.prospect-portal-display-nav-cont {
    width: 100%;
    min-height: var(--prospect-nav-height);
    padding: 0px 26px;
    gap: var(--prospect-space-24);
    margin: auto;
}

.portal-nav-mobie-collapse {
    display: none;
    padding: var(--prospect-space-20);
}

.portal-nav-collapsed {
    position: fixed;
    background: var(--prospect-color-surface);
    z-index: 1000000;
    width: 100%;
    top: 52px;
    text-align: center;
    border-bottom: var(--grey-border);
    max-height: 80vh;
    overflow: auto;
}

/*---------------logo---------------*/
.portal-display-nav-logo {
    cursor: pointer;
    padding: 6px 0px;
    display: flex;
    align-items: center;
}

.portal-display-nav-logo img {
    width: 136px;
}

/*-------------center--------------*/
.portal-display-nav-center {
    display: flex;
    flex: 1 1 auto;
    justify-content: center;
    align-items: center;
    gap: var(--prospect-space-8);
}

.portal-display-nav-link {
    padding: 18px 14px;
    cursor: pointer;
    font-weight: 500;
    display: flex;
    gap: 6px;
    align-items: center;
    color: var(--prospect-color-text-body);
    font-size: var(--prospect-font-size-xs);
    line-height: 1;
    border-radius: var(--prospect-radius-pill);
    transition: var(--prospect-transition-hover);
}

.portal-display-nav-link:hover {
    color: var(--prospect-color-text-strong);
    background: rgba(13, 110, 253, 0.06);
    transform: translateY(-1px);
}

.portal-display-nav-link img {
    width: 20px;
    margin: -5px 0px;
}

.portal-display-nav-chevron {
    font-size: 12px;
    color: #7b8794;
}

/*-----------right-----------------*/
.portal-display-nav-right {
    margin-left: 0px;
}

.prospect-portal-display-nav .portal-display-demo {
    padding: 10px 26px;
    font-size: var(--prospect-font-size-xs);
    font-weight: 500;
    border-radius: var(--prospect-radius-pill);
    background: var(--prospect-gradient-accent);
    box-shadow: var(--prospect-shadow-accent);
}

/*-----------nav collapse----------*/
.portal-nav-collapsed {
    top: var(--prospect-nav-height);
}

.portal-nav-collapsed .portal-display-demo {
    margin: var(--prospect-space-20);
    margin-top: 0px;
}

/*---------Nav Dropdown---------*/
.portal-nav-live-demos:hover .portal-display-nav-dropdown {
    display: block;
}

.portal-display-nav-dropdown {
    position: fixed;
    background: var(--prospect-color-surface);
    top: var(--prospect-nav-dropdown-top);
    padding: var(--prospect-space-8) 0px;
    border-radius: var(--prospect-radius-xl);
    border: 1px solid var(--prospect-color-border-nav);
    box-shadow: var(--prospect-shadow-dropdown);
    display: none;
}

.portal-display-nav-dropdown div {
    padding: 15px 24px;
    width: 220px;
    color: black;
    border-radius: var(--prospect-radius-md);
    border-left: 3px solid transparent;
    font-weight: 500;
    transition: var(--prospect-transition-hover);
}

.portal-display-nav-dropdown div:hover {
    border-left: 3px solid var(--title-color);
    background: rgb(245 249 252);
    text-decoration: none;
}

.portal-display-nav-dropdown a:hover {
    text-decoration: none;
}

.portal-nav-live-demos .window-loading {
    width: 14px;
}

@media screen and (max-width:1300px) {
    .prospect-portal-display-nav-cont {
        width: 100%;
    }
}

@media screen and (max-width:1250px) {
    html body .portal-display-nav-center,
    html body .portal-display-nav-right {
        display: none;
    }

    .portal-nav-mobie-collapse {
        margin-left: auto;
        display: block;
    }

    .portal-display-nav-link {
        justify-content: center;
    }
}

@media screen and (max-width:1000px) {
    .portal-display-nav-dropdown {
        position: relative;
        box-shadow: none;
        top: var(--prospect-nav-dropdown-top-collapsed);
        border: 1px solid var(--title-color);
        padding: 0px;
        display: block;
        width: 100%;
    }

    .portal-nav-live-demos > span {
        display: none;
    }

    .portal-display-nav-dropdown div {
        width: 100%;
    }
}
/*________________________Header__________________________*/
.prospect-portal-header {
    border-radius: 0px;
    margin: auto;
    max-width: 100%;
    background: var(--prospect-header-bg);
    padding-bottom: var(--prospect-space-100);
}

.prospect-portal-header > div,
.prospect-portal-header-content {
    padding: 70px var(--prospect-container-padding-x) 0px;
    text-align: left;
    margin: auto;
    border-radius: 0px;
    margin-bottom: 0px;
    display: flex;
    gap: var(--prospect-space-60);
    align-items: start;
}

.prospect-portal-header .prospect-portal-header-title {
    margin-bottom: 0px;
    margin: 0;
    text-align: left;
}

.prospect-portal-header .prospect-portal-header-title p.prospect-portal-title-quote {
    font-style: italic;
    margin-top: 26px;
    margin-bottom: var(--prospect-space-30);
    color: var(--prospect-color-text-muted);
    border-left: 4px solid #cfe2ff;
    padding-left: 18px;
    max-width: 500px;
    font-size: var(--prospect-font-size-md);
    line-height: 1.55;
    font-weight: 400;
}

.portal-header-buttons {
    display: flex;
    gap: var(--prospect-space-14);
    flex-wrap: wrap;
    margin-top: 28px;
}

.portal-header-buttons .prospect-portal-button {
    text-transform: unset;
    padding: 8px 30px;
    border-radius: var(--prospect-radius-pill);
    font-size: var(--prospect-font-size-md);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--prospect-space-10);
    font-weight: 500;
}

.portal-header-buttons .portal-demo {
    box-shadow: var(--prospect-shadow-accent);
}

.prospect-portal-header > div > div:nth-child(1) {
    flex-basis: 50%;
}

.prospect-portal-header > div > div:nth-child(2) {
    flex-basis: 50%;
}

.prospect-portal-header-media {
    display: flex;
    flex-direction:column;
    gap:30px;
}

.prospect-portal-header img {
    width: 100%;
}

.prospect-portal-header video {
    width: 100%;
    max-width: 600px;
    border-radius: var(--prospect-radius-4xl);
    cursor: pointer;
    box-shadow: var(--prospect-shadow-video);
}

.prospect-portal-header-badges{
    display:flex;
    align-items:center;
    gap:15px;
    justify-content:center;
}

.prospect-portal-header-badges > div{
    flex-basis:50%;
}

.prospect-portal-header-badges .portal-header-capterra{
    margin-top:0px;
}

.prospect-portal-header-badges > .prospect-portal-header-mia{
    border:1px solid var(--prospect-color-border-card);
    border-radius:100px;
    overflow:hidden;
    background:white;
    flex-basis:30%;
}

.prospect-portal-header-flex {
    display: flex;
    gap: 25px;
    align-items: flex-end;
    flex-wrap: wrap;
}

.portal-header-capterra {
    width: auto;
    margin-top: 26px;
    margin-bottom: -6px;
}

.portal-header-capterra-badge {
    display: inline-flex;
    align-items: center;
    gap: var(--prospect-space-8);
    padding: 18px;
    border-radius: var(--prospect-radius-pill);
    border: 1px solid var(--prospect-color-border-card);
    background: var(--prospect-color-surface);
    color: var(--prospect-color-text-muted);
    font-size: var(--prospect-font-size-xs);
    font-weight: 600;
}

.portal-header-capterra-badge:hover,
.portal-header-capterra-badge:focus {
    color: var(--prospect-color-text-muted);
    text-decoration: none;
}

.portal-header-capterra-stars {
    color: #ffb400;
    letter-spacing: 1px;
    font-size: var(--prospect-font-size-sm);
    line-height: 1;
}

.portal-header-capterra-score {
    color: var(--prospect-color-text-strong);
    font-size: var(--prospect-font-size-sm);
    font-weight: 700;
}

.portal-header-capterra-source {
    color: #6b7280;
    font-weight: 500;
}

@media screen and (max-width:1100px) {
    .prospect-portal-header {
        background: var(--prospect-color-surface);
        padding-bottom: var(--prospect-space-100);
    }

    .prospect-portal-header > div > div {
        text-align: center;
    }

    html body .prospect-portal-header .prospect-portal-title {
        text-align: center;
    }

    html body .prospect-portal-header > div > div:nth-child(1) {
        flex-basis: 100%;
    }

    .prospect-portal-header > div > div:nth-child(2) {
        flex-basis: 100%;
    }

    .prospect-portal-header .portal-header-buttons {
        justify-content: center;
    }

    .prospect-portal-header > div,
    .prospect-portal-header-content {
        padding-top: var(--prospect-padding-section-md);
        gap: var(--prospect-space-40);
        flex-wrap: wrap;
        justify-content: center;
    }

    .prospect-portal-header .prospect-portal-title p,
    .prospect-portal-header .prospect-portal-title h1,
    .prospect-portal-header .prospect-portal-title p.prospect-portal-title-quote {
        margin-left: auto;
        margin-right: auto;
    }
}

@media screen and (max-width:600px){
    .prospect-portal-header-badges {
        flex-wrap:wrap;
    }

    .prospect-portal-header-badges > div{
        flex-basis:100%;
    }

    .prospect-portal-header-badges > .prospect-portal-header-mia{
        flex-basis:60%;
    }
}

@media screen and (max-width:450px) {
    .prospect-portal-header > div,
    .prospect-portal-header-content {
        padding-top: 56px;
    }

    .prospect-portal-header-flex {
        justify-content: center;
    }

    .prospect-portal-header-flex > .portal-header-demo {
        flex-basis: 100%;
    }

    .prospect-portal-header-flex .portal-header-capterra {
        margin-top: 0px;
    }

    .prospect-portal-title h1 {
        font-size: 38px;
    }

    .portal-header-buttons .prospect-portal-button {
        width: 100%;
    }
}
/*_______________________Footer_______________________*/
.portal-footer {
    padding: 72px var(--prospect-container-padding-x) 40px;
    font-size: var(--prospect-font-size);
    background: var(--prospect-color-surface);
    border-top: 1px solid var(--prospect-color-border-soft);
}

.portal-footer-inner {
    max-width: var(--prospect-container-max-width-wide);
}

.portal-footer-links {
    display: grid;
    grid-template-columns: minmax(280px, 1.2fr) repeat(3, minmax(180px, 1fr));
    gap: var(--prospect-space-60);
    align-items: start;
    padding-bottom: 56px;
}

.portal-footer-brand {
    padding-right: var(--prospect-space-20);
}

.portal-footer-logo {
    width: 190px;
    margin-bottom: 28px;
    display: block;
}

.portal-footer-logo img {
    width: 100%;
}

.portal-footer-brand p {
    max-width: 320px;
    margin: 0 0 34px;
    color: var(--prospect-color-text-muted);
    font-size: var(--prospect-font-size-sm);
    line-height: 1.55;
}

.portal-footer-column > *,
.portal-footer-brand > * {
    display: block;
}

.portal-footer-column > * {
    margin-bottom: var(--prospect-space-12);
}

.portal-footer-column a,
.portal-footer-column div,
.portal-footer-column span {
    color: var(--prospect-color-text-link);
    font-size: var(--prospect-font-size-sm);
    line-height: 1.45;
    font-weight: 400;
    cursor: pointer;
    transition: color 0.2s ease, transform 0.2s ease;
}

.portal-footer-column a:hover,
.portal-footer-column div:hover,
.portal-footer-column span:hover {
    color: var(--prospect-color-text-strong);
    text-decoration: none;
    transform: translateX(2px);
}

.portal-footer-column a div {
    display: block;
}

.portal-footer-links b {
    font-weight: 700;
    display: block;
    margin-bottom: 26px;
    text-transform: uppercase;
    color: var(--prospect-color-text-strong);
    font-size: var(--prospect-font-size-xs);
    line-height: 1.1;
    letter-spacing: 0.07em;
}

.portal-footer-links b.sub {
    text-transform: uppercase;
    margin-top: 34px;
    margin-bottom: 10px;
    color: var(--title-color);
    font-size: var(--prospect-font-size-sm);
    letter-spacing: 0.08em;
}

.portal-footer-socials {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.portal-footer-socials a {
    width: 52px;
    height: 52px;
    border-radius: var(--prospect-radius-pill);
    background: #f2f5f8;
    color: #6b7280;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--prospect-font-size-3xl);
    transition: var(--prospect-transition-hover);
}

.portal-footer-socials a:hover {
    color: var(--prospect-color-text-strong);
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: var(--prospect-shadow-card-soft);
}

.portal-footer-contact-column a {
    cursor: pointer;
}

.portal-footer-bottom {
    padding-top: 36px;
    border-top: 1px solid var(--prospect-color-border-soft);
    text-align: center;
}

.portal-footer-bottom span {
    color: var(--prospect-color-text-muted);
    font-size: var(--prospect-font-size-sm);
    line-height: 1.5;
}

@media screen and (max-width:1100px) {
    .portal-footer-links {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 56px 44px;
    }
}

@media screen and (max-width:700px) {
    .portal-footer {
        padding: 56px var(--prospect-container-padding-x-mobile) 32px;
    }

    .portal-footer-links {
        grid-template-columns: 1fr;
        gap: var(--prospect-space-40);
        padding-bottom: 36px;
        text-align: center;
    }

    .portal-footer-brand {
        padding-right: 0;
    }

    .portal-footer-logo,
    .portal-footer-brand p {
        margin-left: auto;
        margin-right: auto;
    }

    .portal-footer-socials {
        justify-content: center;
    }

    .portal-footer-column > * {
        margin-bottom: var(--prospect-space-14);
    }

    .portal-footer-links b {
        margin-bottom: 18px;
    }

    .portal-footer-links b.sub {
        margin-top: 24px;
    }

    .portal-footer-bottom {
        padding-top: 28px;
    }
}
/*______________________________Video Overlay__________________________*/
.prospect-video-overlay {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    z-index: 250;
    background: #0d0f12e1;
    display: none;
    justify-content: center;
    align-items: center;
}

.prospect-video-overlay-close {
    position: fixed;
    top: 0px;
    right: 0px;
    padding: var(--prospect-space-20);
    color: white;
    font-size: 30pt;
    cursor: pointer;
}

.prospect-video-overlay-video {
    width: 70%;
    border-radius: var(--prospect-radius-sm);
    overflow: hidden;
}

.prospect-video-overlay-video video {
    width: 100%;
}

@media screen and (max-width:1000px) {
    .prospect-video-overlay-video {
        width: 98%;
    }
}

/*__________________________________Cookie Policy______________________________*/
html body .freeprivacypolicy-com---palette-light.freeprivacypolicy-com---nb {
    font-family: var(--customer-portal-font-family);
    border-radius: var(--prospect-radius-sm) 0px 0px 0px;
}

html body .freeprivacypolicy-com---palette-light .cc-nb-okagree {
    background: var(--title-color);
    border-radius: var(--prospect-radius-sm);
    border: 1px solid var(--title-color);
}

html body .freeprivacypolicy-com---palette-light .cc-nb-reject {
    background: var(--prospect-color-surface);
    color: var(--title-color);
    border: 1px solid var(--title-color);
    border-radius: var(--prospect-radius-sm);
}

html body .freeprivacypolicy-com---palette-light .cc-nb-changep {
    border-radius: var(--prospect-radius-sm);
}
:root {
}

html body {
    font-family: 'Inter', sans-serif;
    font-size: var(--prospect-font-size);
    font-weight: 400;
    color: black;
}

.prospect-portal {
    width: 100%;
    margin: auto;
    height: 100%;
}

.prospect-portal-cont {
    max-width: 1260px;
    margin: auto;
}

.prospect-portal-section {
    padding: 0px var(--prospect-container-padding-x);
    padding-bottom: var(--prospect-padding);
}

@media screen and (max-width:600px) {
    html body .prospect-portal-section {
        padding-bottom: var(--prospect-section-padding-mobile);
    }
}


/*_________________________Body___________________________*/
.portal-display-body {
    padding-top: var(--prospect-nav-height);
    height: unset;
    font-size: var(--prospect-font-size);
    line-height: 1.5;
}


/*___________________Loading________________*/
.prospect-portal-loading {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100vw;
    height: 100vh;
    display: flex;
    z-index: 2;
    justify-content: center;
    align-content: center;
    align-items: center;
    background: white;
}

.prospect-portal-loading img {
    width: 60px;
}


/*_________________________Titles_________________________*/
.prospect-portal-header-title {
}

.prospect-portal-header-title h1 {
    font-size: clamp(42px, 4.4vw, 59px);
    font-weight: bold;
    margin-bottom: 20px;
    line-height: 1.05;
    letter-spacing: -1px;
    max-width: 560px;
}

.prospect-portal-header-title p {
    color: #778493;
    font-size: 18px;
    line-height: 1.6;
    max-width: 540px;
    font-weight: 400;
}


.prospect-portal-title {
    margin: auto;
    margin-bottom: var(--prospect-space-60);
    text-align: center;
}

.prospect-portal-title {
}


.prospect-portal-title h1 {
    font-size: 46px;
    font-weight: bold;
    margin-bottom: var(--prospect-space-20);
    line-height: 1.05;
    letter-spacing: -1px;
}

.prospect-portal-title p {
    color: #778493;
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
}

.prospect-portal-title-text-grouping {
    display: flex;
    gap: var(--prospect-space-20);
}

.prospect-portal-title-text-group {
    padding: var(--prospect-space-20);
    border: var(--grey-border);
    border-radius: var(--prospect-radius-sm);
}

/*---------------------sub titles----------------*/
.prospect-portal-sub-title {
    margin-bottom: var(--prospect-space-30);
}

.prospect-portal-sub-title h2 {
    font-size: var(--prospect-h2);
    font-weight: 700;
}


/*___________________Button___________________*/
.prospect-portal-button {
    background: var(--title-color);
    padding: var(--prospect-space-18);
    color: white;
    border-radius: var(--prospect-radius-sm);
    font-weight: 700;
    cursor: pointer;
    text-align: center;
    transition: var(--prospect-transition-hover);
}

.prospect-portal-button:hover,
.prospect-portal-button:focus-visible {
    color: white;
    text-decoration: none;
    transform: translateY(-2px);
    box-shadow: var(--prospect-shadow-accent-lg);
}

.prospect-portal-button-light {
    background: white;
    border: var(--grey-border);
    color: black;
}

.prospect-portal-button-light:hover,
.prospect-portal-button-light:focus-visible {
    color: black;
    border-color: var(--prospect-color-border-card);
    box-shadow: var(--prospect-shadow-card-soft);
}

.prospect-portal-button .window-loading {
    width: 20px;
}


/*----------Inverted---------*/
.prospect-portal-button-inverted {
    background: white;
    border: 1px solid var(--title-color);
    color: var(--title-color);
}

.prospect-portal-button-inverted:hover,
.prospect-portal-button-inverted:focus-visible {
    color: var(--title-color);
    background: #f8fbff;
}



/*_______________Large Link________________*/
.prospect-portal-link {
    color: var(--title-color);
    font-weight: 500;
    cursor: pointer;
    transition: color 0.2s ease, transform 0.2s ease;
}

.prospect-portal-link:hover,
.prospect-portal-link:focus-visible {
    color: #005fcc;
    transform: translateX(2px);
}

/*_______________________Calculator______________________*/
.prospect-calculator-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 24%, rgba(205, 227, 255, 0.5) 0%, rgba(205, 227, 255, 0) 28%),
        radial-gradient(circle at 83% 30%, rgba(213, 231, 255, 0.45) 0%, rgba(213, 231, 255, 0) 24%),
        radial-gradient(circle at 32% 70%, rgba(238, 245, 255, 0.72) 0%, rgba(238, 245, 255, 0) 26%),
        linear-gradient(180deg, #fbfdff 0%, #f8fbff 58%, #ffffff 84%, #ffffff 100%);
    border-top: 1px solid var(--prospect-color-border-soft);
}

.prospect-calculator-hero-inner {
    position: relative;
    min-height: 500px;
    padding: 40px var(--prospect-container-padding-x) 132px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prospect-calculator-hero-content {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 920px;
    text-align: center;
}

.prospect-calculator-hero-capterra {
    margin: 0 auto 34px;
}

.prospect-calculator-hero-capterra .portal-header-capterra-badge {
    padding: 12px 18px;
    border-color: #d9e2ec;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.prospect-calculator-hero-title {
    margin-bottom: 0;
}

.prospect-calculator-hero-title h1 {
    max-width: 760px;
    margin: 0 auto 28px;
    font-size: 60px;
    line-height: 1;
    letter-spacing: -0.05em;
    color: #0b1320;
}

.prospect-calculator-hero-title p {
    max-width: 820px;
    margin: 0 auto 42px;
    font-size: 21px;
    line-height: 1.5;
    color: #526071;
}

.prospect-calculator-hero-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 220px;
    padding: 10px 34px;
    border-radius: var(--prospect-radius-pill);
    font-size: 17px;
    font-weight: 600;
    box-shadow: var(--prospect-shadow-accent-lg);
}

.prospect-calculator-hero-icon {
    position: absolute;
    width: 118px;
    height: 118px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.85;
    pointer-events: none;
    z-index: 0;
}

.prospect-calculator-hero-icon-left {
    top: 126px;
    left: 10%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d7e8ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19h16'/%3E%3Cpath d='M7 16V8'/%3E%3Cpath d='M12 16V5'/%3E%3Cpath d='M17 16v-4'/%3E%3C/svg%3E");
}

.prospect-calculator-hero-icon-right {
    right: 12%;
    bottom: 110px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d7e8ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19h16'/%3E%3Cpath d='M7 16V8'/%3E%3Cpath d='M12 16V5'/%3E%3Cpath d='M17 16v-4'/%3E%3C/svg%3E");
}

.prospect-calculator-page-shell {
    max-width: 1500px;
}

.prospect-calculator-page-card {
    max-width: 1120px;
    margin: -72px auto 0;
    padding-top: 44px;
    border-radius: 22px;
    border: 1px solid #e3e9f0;
    background: white;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
    position: relative;
    z-index: 1;
}

.prospect-portal-calc {
    font-weight: 500;
}

.prospect-portal-calc-calc {
}

/*---titles---*/
.prospect-portal-calc-sub-title {
    margin-top: 0px;
    margin-bottom: var(--prospect-space-30);
    display: flex;
    align-items: center;
    gap: var(--prospect-space-20);
}

.prospect-portal-calc-sub-title h2 {
    font-size: var(--prospect-h2);
    font-weight: 700;
    margin-bottom: var(--prospect-space-15);
}

/*---calc questions---*/
html body .calc-question label {
    font-weight: 400;
}

html body .calc-question label b {
    font-weight: 700;
}


/*---calc box---*/
.calc-box {
    padding: var(--prospect-space-30);
    border-radius: var(--prospect-radius-sm);
    background: var(--prospect-header-bg);
    border: none;
}

html body .calc-box input {
    border: none;
}

.calc-box-blue {
}

html body .calc-box-blue input {
}

/*---split---*/
.prospect-portal-calc-split {
    display: flex;
    gap: var(--prospect-space-30);
    flex-wrap: wrap;
}

.prospect-portal-calc-split > div {
    flex-grow: 1;
}

/*---labels & inputs---*/
.prospect-portal-calc-calc label {
    font-weight: 600;
    display: block;
    margin-bottom: var(--prospect-space-10);
    line-height: 1.3;
}

.prospect-portal-calc-calc input {
    border: var(--grey-border);
    padding: var(--prospect-space-10);
    border-radius: var(--prospect-radius-sm);
}

#eventValue {
    margin-left: var(--prospect-space-5);
}

.time-display {
    margin-left: var(--prospect-space-5);
    color: var(--title-color);
    font-weight: 500;
}

/*---Info---*/
.prospect-portal-calc-business-info {
    margin-bottom: var(--prospect-space-40);
    border-radius: var(--prospect-radius-sm);
}

.prospect-portal-calc-business-info .prospect-portal-calc-split > div {
    flex-basis: 47%;
}

/*---Packages---*/
.prospect-portal-calc-packages {
    margin-bottom: var(--prospect-space-30);
}

.prospect-portal-calc-costs table {
    width: 100%;
    margin-top: var(--prospect-space-20);
    text-align: left;
}

.prospect-portal-calc-costs th {
    font-weight: 600;
    padding: var(--prospect-space-10) var(--prospect-space-20);
}

.prospect-portal-calc-costs td {
    padding-bottom: var(--prospect-space-15);
    vertical-align: middle;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.prospect-portal-calc-costs td > div {
    height: 60px;
    display: flex;
    align-items: center;
    padding: 0px var(--prospect-space-20);
    border: var(--grey-border);
    gap: var(--prospect-space-10);
    background: var(--prospect-header-bg);
    border: none;
}

.prospect-portal-calc-costs td:nth-child(1) {
    width: 60px;
}

.prospect-portal-calc-costs td:nth-child(1) > div {
    border-right: 0px;
    border-radius: var(--prospect-radius-sm) 0px 0px var(--prospect-radius-sm);
    justify-content: center;
    padding-right: 0px;
}

.prospect-portal-calc-costs td:nth-child(2) > div {
    border-right: 0px;
    border-left: 0px;
    line-height: 1.2;
    font-weight: 500;
}

.prospect-portal-calc-costs td:nth-child(3) > div {
    border-left: 0px;
    border-radius: 0px var(--prospect-radius-sm) var(--prospect-radius-sm) 0px;
}

.prospect-portal-calc-costs input[type="number"] {
    width: 70px;
    text-align: center;
    border: none;
}

.prospect-portal-calc-costs input[type="checkbox"] {
    transform: scale(1.4);
}

.package-selected td > div {
    color: white;
    background: var(--title-color);
    border-color: var(--title-color) !important;
}

.package-selected td > div input[type="number"] {
    border: 1px solid var(--title-color);
}

/*--------Package Help-------*/
/*-----Icon-------*/
.package-help-icon {
    position: relative;
}

.package-help-icon img {
    width: 25px;
}

.package-help-icon img:nth-child(2) {
    display: none;
}

.package-selected .package-help-icon img:nth-child(1) {
    display: none;
}

.package-selected .package-help-icon img:nth-child(2) {
    display: block;
}

/*------Window------*/
.package-help-window {
    position: absolute;
    background: var(--prospect-color-surface);
    color: black;
    padding: var(--prospect-space-30);
    border-radius: var(--prospect-radius-sm);
    box-shadow: var(--prospect-shadow-overlay);
    display: none;
    cursor: default;
    z-index: 50;
    max-width: 450px;
    line-height: 1.3;
}

html body .package-help:hover .package-help-window {
    display: block;
}

.package-help-window p {
    text-align: left;
}

.package-help-window img {
    width: 90%;
    margin: auto;
    margin-bottom: var(--prospect-space-20);
}

.package-help-window .prospect-portal-button {
    margin-top: var(--prospect-space-20);
}

#readonlyUsers .package-help-window{
    max-width: 500px;
}

#readonlyUsers img{
    max-width: 350px;
}


.package-help-table {
    padding: var(--prospect-space-5);
    border-radius: var(--prospect-radius-sm);
    margin-top: var(--prospect-space-10);
    background: var(--prospect-color-surface-soft)
}

.package-help-table table {
    margin-top: 0px;
    text-align: center;
}

.package-help-table caption {
    caption-side: top;
    padding: var(--prospect-space-5) var(--prospect-space-10);
    color: var(--title-color);
}

.package-help-table table td, .package-help-table table th {
    text-align: left;
    padding: var(--prospect-space-5) var(--prospect-space-10);
}

.package-help-table table tr:nth-child(odd) td {
    background: white
}

.prospect-portal-calc-costs .package-help-table .package-help-table-discount {
    padding: 7px var(--prospect-space-20);
    height: unset;
    border: 1px solid var(--title-color);
    border-left: 1px solid var(--title-color);
    border-right: 1px solid var(--title-color);
    border-radius: var(--prospect-radius-sm);
    display: inline-block;
    background: var(--prospect-color-surface);
    color: var(--title-color);
    font-weight: 600;
    width: 80px;
    text-align: center;
}

@media screen and (max-width: 900px) {
    .package-help-window {
        left: 20%;
        width: 60%;
    }
}

@media screen and (max-width: 500px) {
    .package-help-window {
        left: 5%;
        width: 90%;
    }
}



/*----Times-----*/
.prospect-portal-calc-times {
    margin-bottom: var(--prospect-space-30);
}

.prospect-portal-calc-times .calc-question {
    flex-basis: 30%;
    flex-grow: 2;
}

.prospect-portal-calc-time-time {
    margin-left: var(--prospect-space-10);
    font-weight: 600;
    color: var(--title-color);
}


/*--------------Results------------*/
.calc-result {
    border-radius: 22px;
    border: 1px solid #e3e9f0;
    padding: var(--prospect-space-40);
    color: white;
    margin-bottom: var(--prospect-space-40);
    color: black;
    text-align: center;
    background: white;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
}

#calcResults .prospect-portal-title h1 {
    text-transform: capitalize;
}

/*---split---*/
.calc-result-split {
    display: flex;
    gap: var(--prospect-space-30);
    flex-wrap: wrap;
    color: black;
}

.calc-result-split > div {
    flex-grow: 1;
    min-width: 30%;
    max-width: 48%;
}

.calc-result .calc-box {
}

/*---breakdown---*/

.calc-result-time-breakdown {
    display: flex;
    gap: var(--prospect-space-30);
}

.calc-result-time-breakdown > div {
    flex-grow: 2;
}

.calc-result-time-breakdown .prospect-portal-calc-sub-title span {
    font-size: var(--prospect-h3);
    text-align: center;
    font-weight: 700;
}

.calc-result-time-breakdown .calc-box:nth-child(2) {
    background: var(--prospect-color-surface-soft);
    color: black;
    margin-bottom: var(--prospect-space-30);
}

html body .calc-box.calc-result-increase {
    background: var(--prospect-color-surface-soft);
    color: black;
    text-align: center;
}

html body .calc-result-increase > div {
    font-size: var(--prospect-font-size-pt-xl);
    color: var(--title-color);
}

html body .calc-result-increase-small {
    font-size: var(--prospect-font-size-pt-md);
    color: black;
    font-weight: 500;
}


.calc-result-time-label {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: var(--prospect-space-10);
}

.calc-result-time-label-help img {
    width: var(--prospect-size-icon-xs);
    cursor: pointer;
    position: relative;
    bottom: 3px;
}

html body .calc-result-times .calc-result-title {
    font-size: var(--prospect-font-size-pt-md);
    margin-bottom: var(--prospect-space-15);
    color: #8897a8
}

html body .calc-result-times span {
    font-weight: 700;
    font-size: var(--prospect-h3);
}

.calc-result-time-label-help {
    position: relative;
}

.calc-result-time-help {
    position: absolute;
    max-width: 450px;
    min-width: 400px;
    background: var(--prospect-color-surface);
    color: black;
    padding: var(--prospect-space-30);
    border-radius: var(--prospect-radius-sm);
    box-shadow: var(--prospect-shadow-overlay);
    z-index: 50;
    display: none;
}

.calc-result-time-label-help:hover .calc-result-time-help {
    display: block;
}

html body .calc-result-time-help span {
    font-weight: 500;
    font-size: var(--prospect-font-size)
}

.calc-result-time-help b {
    font-weight: 700;
}

@media screen and (max-width: 1600px) {
    .calc-result-time-help {
        left: -275px;
    }
}

@media screen and (max-width: 500px) {
    .calc-result-time-label-help {
        position: unset;
    }

    .calc-result-time-help {
        left: 5%;
        width: 90vw;
        min-width: unset;
    }
}



/*---results---*/
.calc-result-results {
    border-radius: var(--prospect-radius-sm);
    margin-top: var(--prospect-space-40);
}

.calc-result-results > div {
    margin-bottom: var(--prospect-space-30);
}

html body .calc-result-split-week > div {
    max-width: 32%;
}

.calc-result-results .calc-box {
    background: var(--title-color);
    color: white;
}

html body .calc-result-results .calc-result-title {
    margin-bottom: var(--prospect-space-15);
    font-size: var(--prospect-font-size-pt-md);
}

.calc-result-results span {
    font-size: var(--prospect-font-size-pt-xl);
    font-weight: 700;
}

#calcResults .calc-result-title {
    font-weight: 500;
}

.calc-result-summary {
    font-size: var(--prospect-h2);
    font-weight: 600;
    margin-bottom: var(--prospect-space-40);
    text-align: center;
}

.calc-result-summary b {
    font-weight: 700;
    font-size: var(--prospect-h1);
    color: var(--title-color)
}


/*-------------Mobile---------------*/
@media screen and (max-width:750px) {
    .prospect-calculator-hero-inner {
        min-height: auto;
        padding: 48px var(--prospect-container-padding-x) 96px;
    }

    .prospect-calculator-hero-title h1 {
        font-size: 48px;
    }

    .prospect-calculator-page-card {
        margin-top: -48px;
    }

    .calc-result-time-breakdown {
        flex-wrap: wrap;
    }
}

@media screen and (max-width:650px) {
    .prospect-calculator-hero-icon {
        display: none;
    }

    .prospect-calculator-hero-title h1 {
        font-size: 40px;
    }

    .prospect-calculator-hero-title p {
        font-size: 18px;
        margin-bottom: 32px;
    }

    .prospect-calculator-page-card {
        margin-top: -36px;
        padding-top: 30px;
        border-radius: 18px;
    }

    #calcResults .prospect-portal-title {
        display: none;
    }

    .calc-result {
        padding: 0px;
        border: none;
    }

    .calc-result-times .calc-box {
        background: var(--prospect-header-bg);
    }

    .calc-result-split > div, html body .calc-result-split-week > div {
        max-width: 100%;
    }



    .prospect-portal-calc-costs td > div {
        height: 110px;
    }

    .prospect-portal-calc-costs tbody tr:nth-child(1) td > div {
        height: 150px;
    }
}

/*______________________Dashboard Overrides_______________________*/
/*html body .prospect-portal .dashboard{
    top:53px;   
}*/

/*------------Body control-----------*/
/*html body .body-control{
    background:white;
    top:53px;
}

html body .control-input{
    border-radius:8px;
    padding:6px;
     background:white;
    border:var(--grey-border);
}

html body .chart-display-chart{
    background:white;
    border-radius:8px;
    width:100%;
    max-width:228px;
}*/


/*-------Datepicker-----*/
/*html body .prospect-portal .body-control .ui-datepicker{
    box-shadow:none;
    
    border:var(--grey-border);
}

html body .ui-datepicker .ui-datepicker-header, html body .ui-datepicker .ui-datepicker-month, html body .ui-datepicker .ui-datepicker-year, html body .ui-datepicker .ui-datepicker-current-day{
    background:var(--title-color);
}*/

/*---------------Stats/Charts------------*/
/*html body .dashboard-statistic, html body .dashboard-chart, html body .dashboard-statistics-title{
    box-shadow:none;
    border-radius:8px;
    border:var(--grey-border);
}

html body .dashboard-chart-maximise{
    display:none;
}*/


/*_________________________Demo___________________________*/

.prospect-demo-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 24%, rgba(205, 227, 255, 0.5) 0%, rgba(205, 227, 255, 0) 28%),
        radial-gradient(circle at 83% 30%, rgba(213, 231, 255, 0.45) 0%, rgba(213, 231, 255, 0) 24%),
        radial-gradient(circle at 32% 70%, rgba(238, 245, 255, 0.72) 0%, rgba(238, 245, 255, 0) 26%),
        linear-gradient(180deg, #fbfdff 0%, #f8fbff 58%, #ffffff 84%, #ffffff 100%);
    border-top: 1px solid var(--prospect-color-border-soft);
}

.prospect-demo-hero-inner {
    position: relative;
    min-height: 500px;
    padding: 40px var(--prospect-container-padding-x) 132px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prospect-demo-hero-content {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 920px;
    text-align: center;
}

.prospect-demo-hero-capterra {
    margin: 0 auto 34px;
}

.prospect-demo-hero-capterra .portal-header-capterra-badge {
    padding: 12px 18px;
    border-color: #d9e2ec;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.prospect-demo-hero-title {
    margin-bottom: 0;
}

.prospect-demo-hero-title h1 {
    max-width: 640px;
    margin: 0 auto 28px;
    font-size: 60px;
    line-height: 1;
    letter-spacing: -0.05em;
    color: #0b1320;
}

.prospect-demo-hero-title p {
    max-width: 820px;
    margin: 0 auto 42px;
    font-size: 21px;
    line-height: 1.5;
    color: #526071;
}

.prospect-demo-hero-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 220px;
    padding: 10px 34px;
    border-radius: var(--prospect-radius-pill);
    font-size: 17px;
    font-weight: 600;
    box-shadow: var(--prospect-shadow-accent-lg);
}

.prospect-demo-hero-button:hover {
    color: white;
    text-decoration: none;
}

.prospect-demo-hero-icon {
    position: absolute;
    width: 118px;
    height: 118px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d7e8ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m10 9 5 3-5 3z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.85;
    pointer-events: none;
    z-index: 0;
}

.prospect-demo-hero-icon-left {
    top: 126px;
    left: 10%;
}

.prospect-demo-hero-icon-right {
    right: 12%;
    bottom: 110px;
}

.prospect-demo-page-shell {
    max-width: 1500px;
}

.prospect-demo-page-card {
    max-width: 980px;
    margin: 0 auto;
    padding: 44px 42px;
    border-radius: 22px;
    border: 1px solid #e3e9f0;
    background: white;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
    transition: var(--prospect-transition-hover);
}

.prospect-demo-page-card:hover,
.prospect-demo-page-card:focus-within {
    transform: translateY(-4px);
    border-color: #c9d9eb;
    box-shadow: var(--prospect-shadow-card-hover);
}

.prospect-demo-page-card .prospect-portal-sub-title {
    margin-bottom: 34px;
}

.prospect-demo-page-card .prospect-portal-sub-title h2 {
    margin-bottom: 14px;
    font-size: 30px;
    line-height: 1.15;
    letter-spacing: -0.03em;
    color: #111827;
}

.prospect-demo-page-card .prospect-portal-sub-title p {
    color: #667587;
    font-size: 17px;
    line-height: 1.6;
}

.prospect-demo-page-card .prospect-portal-demo-form label {
    margin-bottom: 8px;
    color: #111827;
    font-size: 15px;
    font-weight: 600;
}

.prospect-demo-page-card .prospect-portal-demo-form input,
.prospect-demo-page-card .prospect-portal-demo-form textarea {
    padding: 14px 16px;
    border: 1px solid #dfe6ee;
    border-radius: 14px;
    background: #f8fbff;
    color: #111827;
    font-size: 16px;
    line-height: 1.5;
}

.prospect-demo-page-card .prospect-portal-demo-form input::placeholder,
.prospect-demo-page-card .prospect-portal-demo-form textarea::placeholder {
    color: #8a97a8;
}

.prospect-demo-page-card .prospect-portal-demo-form textarea {
    min-height: 132px;
}

.prospect-demo-page-card #submitDemo {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 260px;
    padding: 10px 30px;
    border-radius: var(--prospect-radius-pill);
    font-size: 16px;
    font-weight: 600;
    box-shadow: var(--prospect-shadow-accent-lg);
}

.prospect-demo-page-card .form-split {
    gap: 24px;
}

.prospect-portal-demo-breaker-band {
    background: var(--prospect-color-page-muted);
    border-top: 1px solid var(--prospect-color-border-soft);
    border-bottom: 1px solid var(--prospect-color-border-soft);
}

.prospect-portal-demo-breaker-section {
    padding-top: var(--prospect-space-120);
    padding-bottom: var(--prospect-space-130);
    text-align: center;
}

.prospect-portal-demo-breaker-title {
    margin-bottom: var(--prospect-space-42);
}

.prospect-portal-demo-breaker-title h1 {
    margin-bottom: var(--prospect-space-22);
    font-size: 46px;
    line-height: 1.03;
    letter-spacing: -0.04em;
    color: var(--prospect-color-text-heading);
}

.prospect-portal-demo-breaker-title p {
    max-width: 860px;
    margin: 0 auto;
    color: var(--prospect-color-text-muted);
    font-size: var(--prospect-font-size-xl);
    line-height: 1.55;
}

.prospect-portal-demo-breaker-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: var(--prospect-space-14);
    padding: var(--prospect-space-8) var(--prospect-space-22);
    border-radius: var(--prospect-radius-pill);
    font-size: var(--prospect-font-size-md);
    font-weight: 600;
    box-shadow: var(--prospect-shadow-accent-lg);
}

.prospect-portal-demo-breaker-button i {
    font-size: var(--prospect-font-size-md);
}




.prospect-portal-demo {
    background: var(--prospect-color-surface);
    padding: var(--prospect-space-40);
    border: 1px solid var(--prospect-color-border-nav);
    border-radius: var(--prospect-radius-sm);
    padding-bottom: var(--prospect-space-40);
    transition: var(--prospect-transition-hover);
}

.prospect-portal-demo:hover,
.prospect-portal-demo:focus-within {
    transform: translateY(-3px);
    border-color: var(--prospect-color-border-card);
    box-shadow: var(--prospect-shadow-card-soft);
}

.prospect-portal-demo-form {
    width: 100%;
    text-align: left;
}

.prospect-portal-demo-form > div {
    margin-bottom: var(--prospect-space-20);
}

.prospect-portal-demo-form .prospect-portal-sub-title{
   margin-bottom: var(--prospect-space-30);
}

.form-split {
    display: flex;
    gap: var(--prospect-space-20);
}

.form-split > div {
    flex-grow: 2;
}

.prospect-portal-demo-form label {
    font-weight: 600;
    display: block;
    margin-bottom: var(--prospect-space-5);
}

.prospect-portal-demo-form input, .prospect-portal-demo-form textarea {
    border: none;
    border-radius: var(--prospect-radius-sm);
    padding: var(--prospect-space-12);
    width: 100%;
    background: var(--prospect-header-bg);
}

.prospect-portal-demo-form textarea {
    min-height: var(--prospect-space-100);
}

/*------------------Success------------------*/
.prospect-portal-demo-success {
    line-height: 1.5;
    text-align: center;
    background: var(--prospect-color-surface);
    padding: var(--prospect-space-40);
    border-radius: var(--prospect-radius-sm);
    border: var(--grey-border);
}

.prospect-portal-demo-success p{
    margin-bottom: var(--prospect-space-20);
}

.prospect-portal-demo-success img {
    width: var(--prospect-space-80);
    margin-bottom: var(--prospect-space-20);
}


@media screen and (max-width:600px) {
    .prospect-demo-hero-inner {
        padding: 84px var(--prospect-container-padding-x-mobile) 78px;
    }

    .prospect-demo-hero-capterra {
        margin-bottom: 24px;
    }

    .prospect-demo-hero-capterra .portal-header-capterra-badge {
        padding: 10px 14px;
    }

    .prospect-demo-hero-title h1 {
        margin-bottom: 22px;
        font-size: 42px;
        line-height: 1;
    }

    .prospect-demo-hero-title p {
        margin-bottom: 32px;
        font-size: 18px;
    }

    .prospect-demo-hero-button {
        width: 100%;
        max-width: 260px;
        font-size: 17px;
    }

    .prospect-demo-hero-icon {
        width: 72px;
        height: 72px;
    }

    .prospect-demo-hero-icon-left {
        top: 84px;
        left: 2%;
    }

    .prospect-demo-hero-icon-right {
        right: 4%;
        bottom: 76px;
    }

    .prospect-demo-page-card {
        padding: 28px 24px 24px;
        border-radius: 18px;
    }

    .prospect-demo-page-card .prospect-portal-sub-title h2 {
        font-size: 24px;
    }

    .prospect-demo-page-card #submitDemo {
        width: 100%;
        min-width: 0;
    }

    .prospect-portal-demo-breaker-section {
        padding-top: var(--prospect-padding-section-md);
        padding-bottom: var(--prospect-space-80);
    }

    .prospect-portal-demo-breaker-title {
        margin-bottom: var(--prospect-space-32);
    }

    .prospect-portal-demo-breaker-title h1 {
        font-size: 38px;
    }

    .prospect-portal-demo-breaker-title p {
        font-size: var(--prospect-font-size-lg);
    }

    .prospect-portal-demo{
        padding:0px;
        border:none;
    }

    .form-split {
        flex-wrap: wrap;
    }
}

@media screen and (max-width:900px) {
    .prospect-demo-hero-inner {
        min-height: 0;
        padding-top: 110px;
        padding-bottom: 104px;
    }

    .prospect-demo-hero-title h1 {
        font-size: clamp(44px, 8vw, 60px);
    }

    .prospect-demo-hero-title p {
        font-size: 20px;
    }

    .prospect-demo-hero-icon {
        width: 92px;
        height: 92px;
    }

    .prospect-demo-hero-icon-left {
        top: 96px;
        left: 4%;
    }

    .prospect-demo-hero-icon-right {
        right: 5%;
        bottom: 86px;
    }

    .prospect-demo-page-card {
        padding: 36px 32px 32px;
    }
}

/*___________________________Documents__________________________*/
.prospect-portal-docs .window-loading{
    width: var(--prospect-size-icon-xs);
}


.doc-drop-header .doc-drop-button{
    display:none;
}
.prospect-integrations-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 24%, rgba(205, 227, 255, 0.5) 0%, rgba(205, 227, 255, 0) 28%),
        radial-gradient(circle at 83% 30%, rgba(213, 231, 255, 0.45) 0%, rgba(213, 231, 255, 0) 24%),
        radial-gradient(circle at 32% 70%, rgba(238, 245, 255, 0.72) 0%, rgba(238, 245, 255, 0) 26%),
        linear-gradient(180deg, #fbfdff 0%, #f8fbff 58%, #ffffff 84%, #ffffff 100%);
    border-top: 1px solid var(--prospect-color-border-soft);
}

.prospect-integrations-hero-inner {
    position: relative;
    min-height: 560px;
    padding: 60px var(--prospect-container-padding-x) 132px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prospect-integrations-hero-content {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 920px;
    text-align: center;
}

.prospect-integrations-hero-capterra {
    margin: 0 auto 34px;
}

.prospect-integrations-hero-capterra .portal-header-capterra-badge {
    padding: 12px 18px;
    border-color: #d9e2ec;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.prospect-integrations-hero-title {
    margin-bottom: 0;
}

.prospect-integrations-hero-title h1 {
    max-width: 760px;
    margin: 0 auto 28px;
    font-size: 60px;
    line-height: 1;
    letter-spacing: -0.05em;
    color: #0b1320;
}

.prospect-integrations-hero-title p {
    max-width: 860px;
    margin: 0 auto 42px;
    font-size: 21px;
    line-height: 1.5;
    color: #526071;
}

.prospect-integrations-hero-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 220px;
    padding: 10px 34px;
    border-radius: var(--prospect-radius-pill);
    font-size: 17px;
    font-weight: 600;
    box-shadow: var(--prospect-shadow-accent-lg);
}

.prospect-integrations-hero-icon {
    position: absolute;
    width: 118px;
    height: 118px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.85;
    pointer-events: none;
    z-index: 0;
}

.prospect-integrations-hero-icon-left {
    top: 126px;
    left: 10%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d7e8ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h6'/%3E%3Cpath d='M14 12h6'/%3E%3Cpath d='M12 4v6'/%3E%3Cpath d='M12 14v6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E");
}

.prospect-integrations-hero-icon-right {
    right: 12%;
    bottom: 110px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d7e8ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12h6'/%3E%3Cpath d='M14 12h6'/%3E%3Cpath d='M12 4v6'/%3E%3Cpath d='M12 14v6'/%3E%3Ccircle cx='12' cy='12' r='2'/%3E%3C/svg%3E");
}

.prospect-integrations-page-shell {
    max-width: 1240px;
    margin: -72px auto 0;
    position: relative;
    z-index: 1;
}

.prospect-integrations-category {
    position: relative;
    margin-top: 0;
    padding: 72px 0;
    z-index: 0;
}

.prospect-integrations-category::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 99vw;
    transform: translateX(-50%);
    background: #ffffff;
    border-top: 1px solid #edf1f5;
    border-bottom: 1px solid #edf1f5;
    z-index: -1;
}

.prospect-integrations-category:last-child::before{
    border-bottom:none;
}

.prospect-integrations-category:nth-child(even)::before {
    background: var(--prospect-header-bg);
}

.prospect-integrations-category:first-child::before {
    border-top: none;
}

.prospect-integrations-category-header {
    max-width: 760px;
    margin: 0 auto 40px;
    text-align: center;
}

.prospect-integrations-category-header h2 {
    margin: 0;
    font-size: 36px;
    line-height: 1.05;
    letter-spacing: -0.03em;
    color: #0b1320;
    font-weight: 700;
}

.prospect-integrations-category-header p {
    margin: 18px auto 0;
    font-size: 18px;
    line-height: 1.55;
    color: #526071;
}

.prospect-integrations-category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: 18px;
}

.prospect-integration-card {
    display: flex;
    align-items: center;
    gap: 16px;
    min-height: 104px;
    padding: 22px 24px;
    border-radius: 18px;
    border: 1px solid #e3e9f0;
    background:
        linear-gradient(135deg, rgba(236, 245, 255, 0.72) 0%, rgba(255, 255, 255, 0) 42%),
        #ffffff;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
    text-align: left;
    transition: var(--prospect-transition-hover);
}

.prospect-integration-card:hover,
.prospect-integration-card:focus-within {
    transform: translateY(-4px);
    border-color: #c9d9eb;
    box-shadow: var(--prospect-shadow-card-hover);
}

.prospect-integration-card-icon {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 54px;
    height: 54px;
    border-radius: 16px;
    background: #ecf5ff;
    box-shadow: inset 0 0 0 1px rgba(12, 124, 250, 0.08);
    transition: var(--prospect-transition-image);
}

.prospect-integration-card-icon i {
    font-size: 21px;
    color: #0c7cfa;
}

.prospect-integration-card:hover .prospect-integration-card-icon,
.prospect-integration-card:focus-within .prospect-integration-card-icon {
    transform: scale(1.03);
}

.prospect-integration-card-content h3 {
    margin: 0;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 700;
    color: #101828;
}

@media screen and (max-width:1100px) {
    .prospect-integrations-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width:750px) {
    .prospect-integrations-hero-inner {
        min-height: auto;
        padding: 48px var(--prospect-container-padding-x) 96px;
    }

    .prospect-integrations-hero-title h1 {
        font-size: 48px;
    }

    .prospect-integrations-page-shell {
        margin-top: -48px;
    }

    .prospect-integrations-category {
        padding: 60px 0;
    }
}

@media screen and (max-width:650px) {
    .prospect-integrations-hero-icon {
        display: none;
    }

    .prospect-integrations-hero-title h1 {
        font-size: 40px;
    }

    .prospect-integrations-hero-title p {
        font-size: 18px;
        margin-bottom: 32px;
    }

    .prospect-integrations-category-grid {
        grid-template-columns: 1fr;
    }

    .prospect-integrations-page-shell {
        margin-top: -36px;
    }

    .prospect-integrations-category {
        padding: 48px 0;
    }

    .prospect-integration-card {
        min-height: 0;
        padding: 20px 22px;
        border-radius: 18px;
    }

    .prospect-integrations-category-header h2 {
        font-size: 30px;
    }

    .prospect-integrations-category-header p {
        font-size: 16px;
    }
}

/*___________________________________Introduction___________________________________*/

.prospect-portal-introduction {
    text-align: center;
}

.prospect-portal-intro-section {
    padding: var(--prospect-space-40) 0px;
}

.intro-box {
    border: var(--grey-border);
    border-radius: var(--prospect-radius-sm);
    padding: var(--prospect-space-30);
    line-height: 1.4;
}
/*---------breaker---------*/
.prospect-portal-breaker-cont {
    background: radial-gradient(circle at top center, rgba(22, 29, 38, 0.78) 0%, rgba(11, 16, 23, 0.98) 42%, #090e14 100%);
    padding: 0px;
    text-align: left;
    font-weight: 500;
}

.prospect-portal-breaker-inner {
    padding: var(--prospect-padding) var(--prospect-container-padding-x);
}

.prospect-portal-breaker {
    display: flex;
    gap: var(--prospect-space-88);
    align-items: center;
    background: transparent;
    color: white;
    padding: 0px;
    margin: 0px;
    border-radius: 0px;
}

.prospect-portal-breaker-content {
    flex-basis: 58%;
}

.prospect-portal-breaker-card {
    flex-basis: 42%;
    max-width: 580px;
    margin-left: auto;
    padding: var(--prospect-space-44) var(--prospect-space-42);
    border-radius: var(--prospect-radius-4xl);
    background: rgba(28, 34, 42, 0.92);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.prospect-portal-breaker.portal-element h2 {
    margin: 0 0 var(--prospect-space-44);
    font-size:clamp(30px, 3vw, 36px);
    line-height: 1.06;
    letter-spacing: -0.03em;
    max-width: 720px;
    color: white;
}

.prospect-portal-breaker-card h3 {
    margin: 0 0 var(--prospect-space-16);
    font-size: var(--prospect-font-size-3xl);
    font-weight: 700;
    line-height: 1.15;
    color: white;
}

.prospect-portal-breaker-card p {
    margin: 0 0 var(--prospect-space-34);
    color: rgba(255, 255, 255, 0.72);
    font-size: var(--prospect-font-size-xl);
    line-height: 1.55;
}

.breaker-bullet {
    display: flex;
    align-items: center;
    gap: var(--prospect-space-20);
    margin-bottom: var(--prospect-space-24);
}

.breaker-bullet:last-child {
    margin-bottom: 0px;
}

.breaker-bullet-icon {
    width: var(--prospect-size-badge-md);
    height: var(--prospect-size-badge-md);
    flex: 0 0 var(--prospect-size-badge-md);
    border-radius: var(--prospect-radius-lg);
    background: var(--prospect-gradient-accent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 12px 24px rgba(0, 117, 245, 0.24);
}

.breaker-bullet-icon i {
    font-size: var(--prospect-font-size-2xl);
    color: white;
}

.breaker-bullet p {
    margin: 0;
    color: white;
    font-size: 19px;
    font-weight: 500;
    line-height: 1.45;
}

.prospect-portal-breaker-secondary-button,
.prospect-portal-breaker-primary-button {
    width: 100%;
    justify-content: center;
    border-radius: var(--prospect-radius-pill);
    padding: var(--prospect-space-8) var(--prospect-space-26);
    font-size: var(--prospect-font-size-md);
}

.prospect-portal-breaker-secondary-button {
    background: transparent;
    border: 1px solid rgba(255, 255, 255, 0.16);
    color: white;
    margin-bottom: var(--prospect-space-16);
}

.prospect-portal-breaker-secondary-button i {
    font-size: var(--prospect-font-size-xl);
}

.prospect-portal-breaker-primary-button {
    background: var(--prospect-gradient-accent);
    border: none;
    color: white;
    box-shadow: 0 14px 28px rgba(0, 117, 245, 0.24);
}

@media screen and (max-width:1100px) {
    .prospect-portal-breaker-inner {
        padding-top: var(--prospect-padding);
        padding-bottom: var(--prospect-padding);
    }

    .prospect-portal-breaker {
        flex-wrap: wrap;
        gap: var(--prospect-space-44);
    }

    .prospect-portal-breaker-content,
    .prospect-portal-breaker-card {
        flex-basis: 100%;
        max-width: none;
    }
}

@media screen and (max-width:700px) {
    .prospect-portal-breaker-inner {
        padding-top: var(--prospect-section-padding-mobile);
        padding-bottom: var(--prospect-section-padding-mobile);
    }

    .prospect-portal-breaker.portal-element h2 {
        margin-bottom: var(--prospect-space-30);
    }

    .breaker-bullet {
        gap: var(--prospect-space-16);
        align-items: flex-start;
    }

    .breaker-bullet-icon {
        width: 54px;
        height: 54px;
        flex-basis: 54px;
        border-radius: var(--prospect-radius-xl);
    }

    .breaker-bullet-icon i {
        font-size: var(--prospect-font-size-3xl);
    }

    .breaker-bullet p {
        font-size: var(--prospect-font-size-lg);
    }

    .prospect-portal-breaker-card {
        padding: var(--prospect-space-30) var(--prospect-space-24);
        border-radius: var(--prospect-radius-2xl);
    }
}
/*---------blue breaker---------*/
.prospect-portal-blue-breaker-band {
    background: var(--prospect-color-page);
    border-top: 1px solid var(--prospect-color-border-soft-alt);
    border-bottom: 1px solid var(--prospect-color-border-soft-alt);
}

.prospect-portal-blue-breaker {
    background: linear-gradient(135deg, #1f7cff 0%, #0075f5 100%);
    color: white;
    border-radius: 0px;
    padding: 0px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

.prospect-portal-blue-breaker-inner {
    padding: var(--prospect-padding-section-md) var(--prospect-container-padding-x);
    display: flex;
    text-align: left;
    align-items: center;
    gap: var(--prospect-space-64);
}

.prospect-portal-blue-breaker-inner > div:nth-child(1) {
    flex-basis: 60%;
}

.prospect-portal-blue-breaker-inner > div:nth-child(2) {
    text-align: right;
    flex-grow: 2;
}

.prospect-portal-blue-breaker-badge {
    display: inline-flex;
    align-items: center;
    gap: var(--prospect-space-10);
    padding: var(--prospect-space-10) var(--prospect-space-18);
    border-radius: var(--prospect-radius-pill);
    background: rgba(255, 255, 255, 0.12);
    color: white;
    font-size: var(--prospect-font-size-md);
    font-weight: 600;
    margin-bottom: var(--prospect-space-26);
}

.prospect-portal-blue-breaker-badge i {
    font-size: var(--prospect-font-size-md);
}

.prospect-portal-blue-breaker h2 {
    font-size: clamp(34px, 3.2vw, 52px);
    line-height: 1.1;
    letter-spacing: -0.03em;
    margin: 0 0 22px;
    max-width: 760px;
    color: white;
}

.prospect-portal-blue-breaker p {
    margin: 0;
    font-size: var(--prospect-font-size-xl);
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.85);
}

.prospect-portal-blue-breaker .prospect-portal-title {
    text-align: left;
    color: white;
    padding: 0px;
    margin: 0px;
}

.prospect-portal-blue-breaker .prospect-portal-title p {
    color: white;
}

.prospect-portal-blue-breaker .prospect-portal-button {
    border: 1px solid rgba(255, 255, 255, 0.65);
    margin-left: auto;
    background: var(--prospect-color-surface);
    color: var(--prospect-color-text-strong);
    padding: 15px 34px;
    border-radius: var(--prospect-radius-pill);
    font-size: var(--prospect-font-size-md);
    box-shadow: none;
}


@media screen and (max-width:780px) {
    .prospect-portal-blue-breaker-inner {
        padding: var(--prospect-space-40) var(--prospect-container-padding-x);
        flex-wrap: wrap;
        gap: var(--prospect-space-28);
    }

    .prospect-portal-blue-breaker-inner > div {
        flex-grow: 2;
        flex-basis: 100%;
    }

    .prospect-portal-blue-breaker-inner > div:nth-child(2) {
        text-align: left;
    }

    .prospect-portal-blue-breaker .prospect-portal-button {
        margin-left: 0px;
    }
}

/*-----------bullets-----------*/
.prospect-portal-intro-bullets-band {
    border-top: 1px solid var(--prospect-color-border-soft-alt);
    border-bottom: 1px solid var(--prospect-color-border-soft-alt);
    background: var(--prospect-color-surface);
}

.prospect-portal-intro-bullets {
    position: relative;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 92px;
    row-gap: var(--prospect-space-40);
    padding: var(--prospect-space-92) var(--prospect-container-padding-x) var(--prospect-space-94);
    margin-bottom: 0px;
}

.prospect-portal-intro-bullets::before {
    content: "";
    position: absolute;
    top: 124px;
    left: 15%;
    right: 15%;
    height: 1px;
    background: #e7edf3;
    z-index: 0;
}

.portal-bullet {
    position: relative;
    z-index: 1;
    background: transparent;
    padding: 0px;
    text-align: center;
    border: none;
}

.portal-bullet-image {
    width: var(--prospect-size-avatar);
    height: var(--prospect-size-avatar);
    margin: 0 auto var(--prospect-space-32);
    border-radius: var(--prospect-radius-2xl);
    background: var(--prospect-color-accent-soft);
    display: flex;
    align-items: center;
    justify-content: center;
}

.portal-bullet-image i {
    color: var(--prospect-color-icon);
    font-size: var(--prospect-size-icon-2xl);
    line-height: 1;
}

.portal-bullet h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: var(--prospect-space-22);
    color: var(--prospect-color-text-strong);
}

.portal-bullet p {
    max-width: 420px;
    margin: 0 auto;
    font-size: var(--prospect-font-size-xl);
    line-height: 1.5;
    color: var(--prospect-color-text-muted);
    font-weight: 400;
}

@media screen and (max-width:1100px) {
    .prospect-portal-intro-bullets {
        grid-template-columns: 1fr;
        row-gap: var(--prospect-space-56);
        padding-top: var(--prospect-padding-section-md);
        padding-bottom: var(--prospect-padding-section-md);
    }

    .prospect-portal-intro-bullets::before {
        display: none;
    }
}

@media screen and (max-width:700px) {
    .prospect-portal-intro-bullets {
        padding: var(--prospect-space-56) var(--prospect-container-padding-x);
        row-gap: var(--prospect-space-44);
    }

    .portal-bullet-image {
        margin-bottom: var(--prospect-space-24);
    }

    .portal-bullet h2 {
        font-size: 24px;
        margin-bottom: var(--prospect-space-16);
    }

    .portal-bullet p {
        font-size: var(--prospect-font-size-lg);
        line-height: 1.6;
    }
}

/*--------client logos--------*/
.prospect-client-logos-band {
    position: relative;
    width: 100%;
    padding: 24px 0;
    background: linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
    border-top: 1px solid var(--prospect-color-border-soft-alt);
    border-bottom: 1px solid var(--prospect-color-border-soft-alt);
    overflow: hidden;
}

.prospect-client-logos-inner {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.prospect-client-logos-title {
    padding: 0 var(--prospect-container-padding-x);
    text-align: center;
}

.prospect-client-logos-title span {
    display: inline-block;
    color: #6b7280;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.prospect-client-logos-marquee {
    position: relative;
    width: 100%;
    
}

.prospect-client-logos-marquee::before,
.prospect-client-logos-marquee::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 120px;
    z-index: 1;
    pointer-events: none;
}

.prospect-client-logos-marquee::before {
    left: 0;
    background: linear-gradient(90deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.prospect-client-logos-marquee::after {
    right: 0;
    background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0) 100%);
}

.prospect-client-logos-track {
    display: flex;
    align-items: center;
    width: max-content;
    gap: 20px;
    animation: prospect-client-logos-scroll 80s linear infinite;
}

.prospect-client-logos-band:hover .prospect-client-logos-track {
    animation-play-state: paused;
}

.prospect-client-logo-item {
    width: 180px;
    min-width: 180px;
    height: 88px;
    padding: 16px 22px;
    border: 1px solid rgba(220, 228, 236, 0.9);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.88);
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.04);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: var(--prospect-transition-hover);
}

.prospect-client-logo-item:hover {
    transform: translateY(-20px) scale(2);
    border-color: #cfdbe8;
    box-shadow: var(--prospect-shadow-card-soft);
    z-index: 2;
}

.prospect-client-logo-item:hover img{
    transform: translateY(-6px);
}

.prospect-client-logo-item img {
    max-width: 100%;
    max-height: 42px;
    width: auto;
    height: auto;
    object-fit: contain;
    transition: var(--prospect-transition-image);
}

.prospect-client-logo-name {
    position: absolute;
    right: 12px;
    bottom: 8px;
    left: 12px;
    color: black;
    font-size: 8px;
    font-weight: 600;
    line-height: 1.2;
    text-align: center;
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.prospect-client-logo-item:hover .prospect-client-logo-name,
.prospect-client-logo-item:focus-within .prospect-client-logo-name {
    opacity: 1;
    transform: translateY(0);
}

@keyframes prospect-client-logos-scroll {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-50% - 10px));
    }
}

@media screen and (max-width:700px) {
    .prospect-client-logos-band {
        padding: 20px 0;
    }

    .prospect-client-logos-title {
        padding: 0 var(--prospect-container-padding-x-mobile);
    }

    .prospect-client-logos-marquee::before,
    .prospect-client-logos-marquee::after {
        width: 48px;
    }

    .prospect-client-logos-track {
        gap: 16px;
        animation-duration: 65s;
    }

    .prospect-client-logo-item {
        width: 148px;
        min-width: 148px;
        height: 76px;
        padding: 14px 18px;
        border-radius: 16px;
    }

    .prospect-client-logo-item img {
        max-height: 36px;
    }

    .prospect-client-logo-name {
        font-size: 11px;
    }
}


/*------------element----------*/
.portal-element h1 {
    font-size: var(--prospect-h1);
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: var(--prospect-space-10);
}

.portal-element h2 {
    font-size: var(--prospect-h3);
    font-weight: 600;
    line-height: 1.3;
    margin-bottom: var(--prospect-space-12);
}

.portal-element p {
    font-size:var(--prospect-font-size);
}

/*--------integrations---------*/

.prospect-portal-integrations-cont {
    padding-top: var(--prospect-padding);
    padding-bottom: var(--prospect-padding);
}

.prospect-portal-integrations {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--prospect-space-24);
}

.prospect-portal-integrations .portal-element {
    min-height: 392px;
    padding: 54px var(--prospect-space-32) var(--prospect-space-36);
    border-radius: var(--prospect-radius-2xl);
    text-align: left;
    border: 1px solid var(--prospect-color-border-card-strong);
    background: #ffffff;
    box-shadow: var(--prospect-shadow-card-sm);
}

.prospect-integrations-category-grid,
.prospect-portal-integrations {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--prospect-space-24);
}

.prospect-integration-card,
.prospect-portal-integrations .portal-element {
    border-radius: var(--prospect-radius-2xl);
    border: 1px solid var(--prospect-color-border-card-strong);
    background: #ffffff;
    box-shadow: var(--prospect-shadow-card-sm);
    transition: var(--prospect-transition-hover);
}

.prospect-integration-card:hover,
.prospect-integration-card:focus-within,
.prospect-portal-integrations .portal-element:hover,
.prospect-portal-integrations .portal-element:focus-within {
    transform: translateY(-4px);
    border-color: #c9d9eb;
    box-shadow: var(--prospect-shadow-card-hover);
}

.prospect-portal-integrations-icon{
    padding:15px 15px;
    border-radius:14px;
    background:#ecf5ff;
    display:inline-block;
    margin-bottom:20px;
}

.prospect-portal-integrations-icon i{
    font-size:21pt;
    color:#0c7cfa;
}

@media screen and (max-width:1100px) {
    .prospect-portal-integrations,
    .prospect-integrations-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media screen and (max-width:700px) {
    .prospect-portal-integrations-cont {
        padding-top: var(--prospect-section-padding-mobile);
        padding-bottom: var(--prospect-section-padding-mobile);
    }

    .prospect-portal-integrations,
    .prospect-integrations-category-grid {
        grid-template-columns: 1fr;
        gap: var(--prospect-space-20);
    }
}

/*---------testimonials--------*/
.prospect-portal-testimonials-band {
    background: var(--prospect-color-page-alt);
    border-top: 1px solid var(--prospect-color-border-soft);
    border-bottom: 1px solid var(--prospect-color-border-soft);
}

.prospect-portal-intro-testimonials {
    text-align: center;
    padding-top: var(--prospect-padding);
    padding-bottom: var(--prospect-padding);
}

.prospect-portal-intro-testimonials .prospect-portal-button {
    margin-top: var(--prospect-space-36);
}

.prospect-portal-intro-testimonials .prospect-portal-sub-title h2 {
    font-size: clamp(30px, 3vw, 36px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: var(--prospect-letter-spacing-tight);
    max-width: 720px;
    margin: 0 auto var(--prospect-space-56);
}

.prospect-portal-intro-testimonials .prospect-portal-sub-title b {
    font-weight: 700;
}

.prospect-portal-intro-testimonials > div:nth-child(2) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--prospect-space-30);
}

.prospect-testimonial {
    position: relative;
    text-align: left;
    min-height: 100%;
    border: 1px solid var(--prospect-color-border-card);
    border-radius: var(--prospect-radius-2xl);
    background: var(--prospect-color-surface);
    padding: var(--prospect-space-32) var(--prospect-space-32) var(--prospect-space-30);
    box-shadow: var(--prospect-shadow-card-soft);
    overflow:hidden;
}

.prospect-testimonial::after {
    content: "";
    position: absolute;
    top: -22px;
    right: -20px;
    width: 96px;
    height: 96px;
    color: #e7eef8;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23e7eef8' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3Cpath d='M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    opacity: 0.95;
}

.five-star {
    display: flex;
    gap: var(--prospect-space-5);
    margin-bottom: var(--prospect-space-24);
    position: relative;
    z-index: 1;
}

.five-star img {
    width: var(--prospect-size-icon-sm);
}

.prospect-testimonial p {
    margin: 0;
    color: var(--prospect-color-text-body);
    font-size: var(--prospect-font-size-xs);
    line-height: 1.72;
    position: relative;
    z-index: 1;
}

.prospect-testimonial > div {
    position: relative;
    z-index: 1;
}

.signature {
    display: block;
    margin-top: var(--prospect-space-28);
    padding-top: var(--prospect-space-24);
    margin-bottom: 6px;
    border-top: 1px solid var(--prospect-color-border-soft);
    font-weight: 700;
    font-size: var(--prospect-font-size-md);
    color: var(--prospect-color-text-strong);
    font-style: normal;
}

.venue {
    display: block;
    font-weight: 500;
    font-size: var(--prospect-font-size-sm);
    color: var(--prospect-color-icon);
    font-style: normal;
}

.prospect-portal-intro-testimonials > div:nth-child(3) {
    text-align: center;
}

.prospect-portal-intro-testimonials > div:nth-child(3) .prospect-portal-button {
    padding: var(--prospect-space-14) var(--prospect-space-26);
    border-radius: var(--prospect-radius-pill);
    border-color: #d9e1ea;
    font-size: var(--prospect-font-size-sm);
    color: var(--prospect-color-text-strong);
}


@media screen and (max-width:700px) {
    .prospect-portal-intro-testimonials {
        padding-top: var(--prospect-section-padding-mobile);
        padding-bottom: var(--prospect-section-padding-mobile);
    }

    .prospect-portal-intro-testimonials .prospect-portal-sub-title h2 {
        margin-bottom: var(--prospect-space-40);
    }

    .prospect-portal-intro-testimonials > div:nth-child(2) {
        grid-template-columns: 1fr;
    }

    .prospect-testimonial {
        padding: var(--prospect-space-26) var(--prospect-space-24);
    }

    .prospect-testimonial::after {
        width: 78px;
        height: 78px;
        right: 12px;
    }
}

/*------------tools-----------*/
.prospect-portal-tools-band {
    background: var(--prospect-header-bg);
    border-top: 1px solid #edf1f5;
    border-bottom: 1px solid #edf1f5;
}

.prospect-portal-tools-section {
    padding-top: 84px;
    padding-bottom: 84px;
}

.prospect-portal-tools {
    text-align: left;
}

.prospect-portal-tools-title {
    margin-bottom: 40px;
}

.prospect-portal-tools-title h1 {
    max-width: none;
}

.prospect-portal-tools-title p {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

/*--------nav--------*/
.portal-tools-nav {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    overflow: visible;
    white-space: normal;
    margin-bottom: 22px;
}

.portal-tools-nav:before {
    display: none;
}

.portal-tools-nav-item {
    padding: 11px 16px;
    cursor: pointer;
    position: relative;
    font-size: 15px;
    font-weight: 500;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    border: 1px solid #edf1f5;
    border-radius: 999px;
    background: white;
    color: #4b5563;
    transition: var(--prospect-transition-hover);
}

.portal-tools-nav-item i {
    font-size: 14px;
}

.portal-tools-nav-item:hover {
    color: #111827;
    border-color: #dfe6ee;
}

.portal-tools-nav-item.active {
    font-weight: 600;
    color: white;
    background: linear-gradient(180deg, #1982ff 0%, #0075f5 100%);
    border-color: transparent;
    box-shadow: 0 10px 24px rgba(0, 117, 245, 0.22);
}

.portal-tools-nav-item.active:after,
.portal-tools-nav-item:hover:after {
    display: none;
}

/*--------helper-------*/
.portal-tools-helper {
    text-align: center;
    margin-bottom: 44px;
}

.portal-tools-helper p {
    margin: 0;
    color: #6b7280;
    font-size: 14px;
    line-height: 1.6;
    font-weight:400;
}

/*--------body--------*/
.portal-tools-body-item {
    display: none;
    gap: 44px;
    text-align: left;
    align-items: center;
    padding: 30px;
    border: 1px solid #dfe6ee;
    border-radius: 28px;
    background: linear-gradient(90deg, #ffffff 0%, #ffffff 28%, #eef5ff 100%);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8);
    transition: var(--prospect-transition-hover);
}

.portal-tools-body-item.active {
    display: flex;
}

.portal-tools-body-item.active:hover,
.portal-tools-body-item.active:focus-within {
    transform: translateY(-4px);
    border-color: #c9d9eb;
    box-shadow: var(--prospect-shadow-card-hover), inset 0 1px 0 rgba(255, 255, 255, 0.8);
}

.portal-tools-copy,
.portal-tools-preview {
    flex-basis: 50%;
}

.portal-tools-copy {
    padding: 32px 34px;
}

.portal-tools-preview {
    display: flex;
    align-items: center;
    justify-content: center;
}

.portal-tools-preview img {
    width: 100%;
    border-radius: 20px;
    transition: var(--prospect-transition-image);
}

.portal-tools-body-item.active:hover .portal-tools-preview img,
.portal-tools-body-item.active:focus-within .portal-tools-preview img {
    transform: translateY(-3px) scale(1.01);
}

.portal-tools-body-item .portal-element {
    margin-bottom: 28px;
}

.portal-tools-icon-badge {
    width: 48px;
    height: 48px;
    margin-bottom: 28px;
    border-radius: 14px;
    background: #e8f1ff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #0d6efd;
    font-size: 24px;
}

.portal-tools-body-item .portal-element h2 {
    font-size: 30px;
    font-weight: 700;
    line-height: 1.15;
    margin-bottom: 18px;
}

.portal-tools-body-item .portal-element p {
    max-width: 500px;
    color: #4b5563;
    font-weight:400;
    font-size: 18px;
    line-height: 1.6;
}

.portal-tools-cta-link:hover {
    text-decoration: none;
}

.portal-tools-cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    padding: 8px 20px;
    border-radius: 999px;
    font-size: 15px;
    color: #111827;
    border-color: #d9e1ea;
    font-weight:500;
    transition: var(--prospect-transition-hover);
}

.portal-tools-cta i {
    font-size: 14px;
}

@media screen and (max-width:1100px) {
    .prospect-portal-tools-section {
        padding-top: 72px;
        padding-bottom: 72px;
    }

    .portal-tools-body-item {
        flex-direction: column;
        padding: 28px;
    }

    .portal-tools-copy,
    .portal-tools-preview {
        flex-basis: 100%;
        width: 100%;
    }

    .portal-tools-copy {
        padding: 12px;
    }
}

@media screen and (max-width:700px) {
    .prospect-portal-tools-section {
        padding-top: 56px;
        padding-bottom: 56px;
    }

    .portal-tools-nav {
        justify-content: flex-start;
        flex-wrap: nowrap;
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 6px;
    }

    .portal-tools-helper {
        margin-bottom: 30px;
    }

    .portal-tools-body-item {
        padding: 22px;
        border-radius: 22px;
        gap: 24px;
    }

    .portal-tools-copy {
        padding: 4px;
    }

    .portal-tools-body-item .portal-element h2 {
        font-size: 26px;
    }

    .portal-tools-body-item .portal-element p {
        font-size: 17px;
    }
}

.prospect-portal-bios-cont {
    text-align: center;
    background: white;
    padding-top: var(--prospect-padding);
    padding-bottom: var(--prospect-padding);
}

.prospect-portal-bios-cont .prospect-portal-title {
    text-align: center;
    margin-bottom: var(--prospect-space-56);
}

.prospect-portal-bios-cont .prospect-portal-title h1 {
    font-size: clamp(30px, 3vw, 36px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: -0.02em;
    max-width: 680px;
    margin-left: auto;
    margin-right: auto;
}

.prospect-portal-bios-cont .prospect-portal-title p {
    max-width: 760px;
    margin-left: auto;
    margin-right: auto;
}

.prospect-portal-bios-cont .prospect-portal-sub-title b {
    font-weight: bold;
}

.prospect-portal-bios {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--prospect-space-30);
}

.prospect-portal-bio {
    border-radius: var(--prospect-radius-2xl);
    background: var(--prospect-color-surface);
    border: 1px solid var(--prospect-color-border-card);
    padding: var(--prospect-space-30) var(--prospect-space-30) var(--prospect-space-34);
    min-height: 100%;
    font-size: var(--prospect-font-size-lg);
    box-shadow: var(--prospect-shadow-card-soft);
}

.prospect-portal-bio-header {
    display: flex;
    align-items: center;
    gap: var(--prospect-space-16);
    margin-bottom: var(--prospect-space-28);
    text-align: left;
}

.prospect-portal-bio-image {
    width: var(--prospect-size-avatar);
    height: var(--prospect-size-avatar);
    flex: 0 0 var(--prospect-size-avatar);
    border-radius: var(--prospect-radius-pill);
    background: var(--prospect-color-accent-soft);
    color: var(--prospect-color-icon);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: var(--prospect-font-size-xl);
    font-weight: 700;
}

.prospect-portal-bio-header-text {
    min-width: 0;
}

.prospect-portal-bio-name {
    font-weight: 700;
    font-size: var(--prospect-space-20);
    line-height: 1.25;
    color: var(--prospect-color-text-strong);
    margin-bottom: var(--prospect-space-4);
}

.prospect-portal-bio-job {
    font-size: var(--prospect-font-size-sm);
    line-height: 1.3;
    color: var(--prospect-color-icon);
    font-weight: 500;
}

.prospect-portal-bio-bio {
    text-align: left;
}

.prospect-portal-bio-bio p {
    margin: 0;
    color: var(--prospect-color-text-body);
    font-size: var(--prospect-font-size-xs);
    line-height: 1.7;
}

@media screen and (max-width:700px) {
    .prospect-portal-bios-cont {
        padding-top: var(--prospect-section-padding-mobile);
        padding-bottom: var(--prospect-section-padding-mobile);
    }

    .prospect-portal-bios {
        grid-template-columns: 1fr;
    }
}

.prospect-portal-installations-band {
    background: var(--prospect-color-page-alt);
    border-top: 1px solid var(--prospect-color-border-soft);
    border-bottom: 1px solid var(--prospect-color-border-soft);
}

.prospect-portal-installations-cont {
    padding-top: var(--prospect-padding);
    padding-bottom: var(--prospect-padding);
}

.prospect-portal-installations-cont .prospect-portal-sub-title {
    text-align: center;
    margin-bottom: var(--prospect-space-56);
}

.prospect-portal-installations-cont .prospect-portal-sub-title h2 {
    font-size: clamp(30px, 3vw, 36px);
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: var(--prospect-letter-spacing-tight);
    max-width: 680px;
    margin: 0 auto var(--prospect-space-18);
}

.prospect-portal-installations-cont .prospect-portal-sub-title p {
    color: var(--prospect-color-text-muted);
    font-size: var(--prospect-font-size-xl);
    line-height: 1.6;
    max-width: 720px;
    margin: 0 auto;
}

.prospect-portal-installations {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--prospect-space-48);
    align-items: start;
}

.prospect-portal-installations .portal-element {
    position: relative;
    border: 1px solid var(--prospect-color-border-card-strong);
    border-radius: var(--prospect-radius-3xl);
    background: var(--prospect-color-surface);
    padding: var(--prospect-space-48) var(--prospect-space-34) var(--prospect-space-36);
    text-align: left;
    box-shadow: var(--prospect-shadow-card);
}

.prospect-portal-install-number {
    position: absolute;
    top: calc(var(--prospect-space-20) * -1);
    left: 32px;
    width: var(--prospect-size-badge-sm);
    height: var(--prospect-size-badge-sm);
    border-radius: var(--prospect-radius-pill);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: var(--prospect-space-20);
    font-weight: 700;
    background: var(--prospect-gradient-accent);
    box-shadow: var(--prospect-shadow-accent);
}

.prospect-portal-install-number span {
    line-height: 1;
}

.prospect-portal-installations .portal-element h3 {
    font-size: var(--prospect-font-size-2xl);
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 var(--prospect-space-18);
    color: var(--prospect-color-text-strong);
}

.prospect-portal-installations .portal-element p {
    color: var(--prospect-color-text-body);
    font-size: var(--prospect-font-size-md);
    line-height: 1.7;
    margin: 0;
}

@media screen and (max-width:1100px) {
    .prospect-portal-installations-cont {
        padding-top: var(--prospect-padding);
        padding-bottom: var(--prospect-padding);
    }

    .prospect-portal-installations {
        grid-template-columns: 1fr;
        gap: var(--prospect-space-36);
    }
}

@media screen and (max-width:700px) {
    .prospect-portal-installations-cont {
        padding-top: var(--prospect-section-padding-mobile);
        padding-bottom: var(--prospect-section-padding-mobile);
    }

    .prospect-portal-installations-cont .prospect-portal-sub-title {
        margin-bottom: var(--prospect-space-40);
    }

    .prospect-portal-installations .portal-element {
        padding: var(--prospect-space-42) var(--prospect-space-24) var(--prospect-space-28);
    }

    .prospect-portal-install-number {
        left: 24px;
    }

    .prospect-portal-installations .portal-element p {
        font-size: var(--prospect-font-size-md);
        line-height: 1.65;
    }

}

.prospect-online-bookings-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 24%, rgba(205, 227, 255, 0.5) 0%, rgba(205, 227, 255, 0) 28%),
        radial-gradient(circle at 83% 30%, rgba(213, 231, 255, 0.45) 0%, rgba(213, 231, 255, 0) 24%),
        radial-gradient(circle at 32% 70%, rgba(238, 245, 255, 0.72) 0%, rgba(238, 245, 255, 0) 26%),
        linear-gradient(180deg, #fbfdff 0%, #f8fbff 58%, #ffffff 84%, #ffffff 100%);
    border-top: 1px solid var(--prospect-color-border-soft);
}

.prospect-online-bookings-hero-inner {
    position: relative;
    min-height: 500px;
    padding: 40px var(--prospect-container-padding-x) 132px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prospect-online-bookings-hero-content {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 920px;
    text-align: center;
}

.prospect-online-bookings-hero-capterra {
    margin: 0 auto 34px;
}

.prospect-online-bookings-hero-capterra .portal-header-capterra-badge {
    padding: 12px 18px;
    border-color: #d9e2ec;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.prospect-online-bookings-hero-title {
    margin-bottom: 0;
}

.prospect-online-bookings-hero-title h1 {
    max-width: 760px;
    margin: 0 auto 28px;
    font-size: 60px;
    line-height: 1;
    letter-spacing: -0.05em;
    color: #0b1320;
}

.prospect-online-bookings-hero-title p {
    max-width: 820px;
    margin: 0 auto 42px;
    font-size: 21px;
    line-height: 1.5;
    color: #526071;
}

.prospect-online-bookings-hero-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 220px;
    padding: 10px 34px;
    border-radius: var(--prospect-radius-pill);
    font-size: 17px;
    font-weight: 600;
    box-shadow: var(--prospect-shadow-accent-lg);
}

.prospect-online-bookings-hero-icon {
    position: absolute;
    width: 118px;
    height: 118px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.85;
    pointer-events: none;
    z-index: 0;
}

.prospect-online-bookings-hero-icon-left {
    top: 126px;
    left: 10%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d7e8ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M7 8h10'/%3E%3Cpath d='M7 12h7'/%3E%3Cpath d='M7 16h5'/%3E%3C/svg%3E");
}

.prospect-online-bookings-hero-icon-right {
    right: 12%;
    bottom: 110px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d7e8ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M7 8h10'/%3E%3Cpath d='M7 12h7'/%3E%3Cpath d='M7 16h5'/%3E%3C/svg%3E");
}

.prospect-online-bookings-page-shell {
    max-width: 1500px;
    margin: auto;
    margin-bottom: var(--prospect-padding);
}

.prospect-online-bookings-page-card {
    max-width: 1240px;
    margin: -72px auto 0;
    border-radius: 22px;
    border: 1px solid #e3e9f0;
    background: white;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
    position: relative;
    z-index: 1;
    padding-top:30px;
}

.prospect-portal-online-bookings .prospect-portal-cont {
    background: var(--prospect-color-surface);
    border-radius: 22px;
}

#onlineBookingIframe {
    width: 1px;
    min-width: 100%;
    border: none;
    border-radius: 22px;
}

@media screen and (max-width:750px) {
    .prospect-online-bookings-hero-inner {
        min-height: auto;
        padding: 48px var(--prospect-container-padding-x) 96px;
    }

    .prospect-online-bookings-hero-title h1 {
        font-size: 48px;
    }

    .prospect-online-bookings-page-card {
        margin-top: -48px;
    }
}

@media screen and (max-width:650px) {
    .prospect-online-bookings-hero-icon {
        display: none;
    }

    .prospect-online-bookings-hero-title h1 {
        font-size: 40px;
    }

    .prospect-online-bookings-hero-title p {
        font-size: 18px;
        margin-bottom: 32px;
    }

    .prospect-online-bookings-page-card {
        margin-top: -36px;
        border-radius: 18px;
    }

    #onlineBookingIframe {
        border-radius: 18px;
    }
}

.prospect-testimonials-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 24%, rgba(205, 227, 255, 0.5) 0%, rgba(205, 227, 255, 0) 28%),
        radial-gradient(circle at 83% 30%, rgba(213, 231, 255, 0.45) 0%, rgba(213, 231, 255, 0) 24%),
        radial-gradient(circle at 32% 70%, rgba(238, 245, 255, 0.72) 0%, rgba(238, 245, 255, 0) 26%),
        linear-gradient(180deg, #fbfdff 0%, #f8fbff 58%, #ffffff 84%, #ffffff 100%);
    border-top: 1px solid var(--prospect-color-border-soft);
}

.prospect-testimonials-hero-inner {
    position: relative;
    min-height: 600px;
    padding: 60px var(--prospect-container-padding-x) 132px;
    padding-top:60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prospect-testimonials-hero-content {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 920px;
    text-align: center;
}

.prospect-testimonials-hero-capterra {
    margin: 0 auto 34px;
}

.prospect-testimonials-hero-capterra .portal-header-capterra-badge {
    padding: 12px 18px;
    border-color: #d9e2ec;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.prospect-testimonials-hero-title {
    margin-bottom: 0;
}

.prospect-testimonials-hero-title h1 {
    max-width: 640px;
    margin: 0 auto 28px;
    font-size: 60px;
    line-height: 1;
    letter-spacing: -0.05em;
    color: #0b1320;
}

.prospect-testimonials-hero-title p {
    max-width: 780px;
    margin: 0 auto 42px;
    font-size: 21px;
    line-height: 1.5;
    color: #526071;
}

.prospect-testimonials-hero-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 220px;
    padding: 10px 34px;
    border-radius: var(--prospect-radius-pill);
    font-size: 17px;
    font-weight: 600;
    box-shadow: var(--prospect-shadow-accent-lg);
}

.prospect-testimonials-hero-quote {
    position: absolute;
    width: 118px;
    height: 118px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d7e8ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3Cpath d='M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.85;
    pointer-events: none;
    z-index: 0;
}

.prospect-testimonials-hero-quote-left {
    top: 126px;
    left: 10%;
}

.prospect-testimonials-hero-quote-right {
    right: 12%;
    bottom: 110px;
}

.prospect-testimonials-breaker {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 18% 24%, rgba(173, 210, 255, 0.72) 0%, rgba(173, 210, 255, 0) 32%),
        radial-gradient(circle at 83% 30%, rgba(166, 206, 255, 0.62) 0%, rgba(166, 206, 255, 0) 28%),
        radial-gradient(circle at 32% 70%, rgba(219, 235, 255, 0.9) 0%, rgba(219, 235, 255, 0) 30%),
        linear-gradient(180deg, #f3f8ff 0%, #edf5ff 56%, #ffffff 84%, #ffffff 100%);
    
}

.prospect-testimonials-breaker-inner {
    max-width: 1800px;
    padding: 82px var(--prospect-container-padding-x) 82px;
}

.prospect-testimonials-breaker-content {
    max-width: 980px;
    margin: 0 auto;
    text-align: center;
}

.prospect-testimonials-breaker-badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 34px;
    padding: 8px 22px;
    border-radius: var(--prospect-radius-pill);
    background: rgba(204, 226, 255, 0.72);
    color: #0d6efd;
    font-size: 15px;
    font-weight: 500;
}

.prospect-testimonials-breaker-badge i {
    font-size: 20px;
}

.prospect-testimonials-breaker-content h2 {
    max-width: 660px;
    margin: 0 auto 30px;
    font-size: 48px;
    line-height: 1.05;
    letter-spacing: -0.045em;
    color: #0b1320;
}

.prospect-testimonials-breaker-content p {
    margin: 0 auto 44px;
    color: #526071;
    font-size: 16px;
    line-height: 1.5;
}

.prospect-testimonials-breaker-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-width: 274px;
    padding: 10px 34px;
    border-radius: var(--prospect-radius-pill);
    font-size: 16px;
    font-weight: 600;
    box-shadow: var(--prospect-shadow-accent-lg);
}

.prospect-testimonials-breaker-button i {
    font-size: 20px;
}

.prospect-portal-testimonials-cont {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: var(--prospect-space-30);
   
    padding-bottom: var(--prospect-padding);
}

.prospect-testimonials-page-grid {
    max-width: 1500px;
}

.prospect-testimonials-page-grid .prospect-testimonials-page-card {
    position: relative;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    padding: 38px 38px 34px;
    border-radius: 22px;
    border: 1px solid #e3e9f0;
    background: white;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
    transition: var(--prospect-transition-hover);
}

.prospect-testimonials-page-grid .prospect-testimonials-page-card:hover,
.prospect-testimonials-page-grid .prospect-testimonials-page-card:focus-within {
    transform: translateY(-4px);
    border-color: #c9d9eb;
    box-shadow: var(--prospect-shadow-card-hover);
}

.prospect-testimonials-page-grid > div:nth-child(3n + 2) .prospect-testimonials-page-card {
    border-color: #9bc5ff;
    box-shadow: 0 0 0 1px rgba(155, 197, 255, 0.08), 0 10px 28px rgba(15, 23, 42, 0.05);
}

.prospect-testimonials-page-grid .prospect-testimonials-page-card-quote {
    position: absolute;
    top: 20px;
    right: 22px;
    width: 40px;
    height: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d7e8ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3Cpath d='M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.95;
}

.prospect-testimonials-page-grid .five-star {
    margin-bottom: 28px;
}

.prospect-testimonials-page-grid .five-star img {
    width: 23px;
}

.prospect-testimonials-page-card-body {
    padding-bottom: 28px;
    border-bottom: 1px solid #e7edf3;
    margin-bottom: 24px;
    flex: 1 1 auto;
}

.prospect-testimonials-page-card-body p {
    margin: 0;
    color: #4f5d6e;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
}

.prospect-testimonials-page-card-footer {
    display: flex;
    align-items: center;
    gap: 16px;
}

.prospect-testimonials-page-card-avatar {
    width: 48px;
    height: 48px;
    flex: 0 0 48px;
    border-radius: 999px;
    background: #dcebff;
    color: #0d6efd;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 700;
}

.prospect-testimonials-page-card-meta {
    min-width: 0;
}

.prospect-testimonials-page-card-signature {
    display: block;
    color: #111827;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom:2px;
}

.prospect-testimonials-page-card-venue {
    display: block;
    color: #667587;
    font-size: 13px;
    line-height: 1.4;
    font-weight: 500;
}

@media screen and (max-width:800px) {
    .prospect-portal-testimonials-cont {
        grid-template-columns: 1fr;
        padding-top: var(--prospect-section-padding-mobile);
        padding-bottom: var(--prospect-section-padding-mobile);
    }

    .prospect-testimonials-page-grid {
        max-width: none;
    }
}

@media screen and (max-width:900px) {
    .prospect-testimonials-hero-inner {
        min-height: 0;
        padding-top: 110px;
        padding-bottom: 104px;
    }

    .prospect-testimonials-hero-title h1 {
        font-size: clamp(44px, 8vw, 60px);
    }

    .prospect-testimonials-hero-title p {
        font-size: 20px;
    }

    .prospect-testimonials-hero-quote {
        width: 92px;
        height: 92px;
    }

    .prospect-testimonials-hero-quote-left {
        top: 96px;
        left: 4%;
    }

    .prospect-testimonials-hero-quote-right {
        right: 5%;
        bottom: 86px;
    }

    .prospect-testimonials-breaker-inner {
        padding-top: 110px;
        padding-bottom: 114px;
    }

    .prospect-testimonials-breaker-content h2 {
        font-size: clamp(44px, 7vw, 64px);
    }

    .prospect-testimonials-breaker-content p,
    .prospect-testimonials-breaker-badge {
        font-size: 20px;
    }

    .prospect-testimonials-page-grid .prospect-testimonials-page-card {
        padding: 32px 30px 28px;
    }

    .prospect-testimonials-page-card-body p {
        font-size: 18px;
    }
}

@media screen and (max-width:600px) {
    .prospect-testimonials-hero-inner {
        padding: 84px var(--prospect-container-padding-x-mobile) 78px;
    }

    .prospect-testimonials-breaker-inner {
        padding: 84px var(--prospect-container-padding-x-mobile) 90px;
    }

    .prospect-testimonials-breaker-badge {
        gap: 10px;
        margin-bottom: 24px;
        padding: 10px 18px;
        font-size: 17px;
    }

    .prospect-testimonials-breaker-badge i {
        font-size: 18px;
    }

    .prospect-testimonials-breaker-content h2 {
        margin-bottom: 24px;
        font-size: 42px;
        line-height: 1;
    }

    .prospect-testimonials-breaker-content p {
        margin-bottom: 32px;
        font-size: 18px;
    }

    .prospect-testimonials-breaker-button {
        width: 100%;
        max-width: 280px;
        min-width: 0;
        font-size: 17px;
    }

    .prospect-testimonials-breaker-button i {
        font-size: 18px;
    }

    .prospect-testimonials-hero-capterra {
        margin-bottom: 24px;
    }

    .prospect-testimonials-hero-capterra .portal-header-capterra-badge {
        padding: 10px 14px;
    }

    .prospect-testimonials-hero-title h1 {
        margin-bottom: 22px;
        font-size: 42px;
        line-height: 1;
    }

    .prospect-testimonials-hero-title p {
        margin-bottom: 32px;
        font-size: 18px;
    }

    .prospect-testimonials-hero-button {
        width: 100%;
        max-width: 260px;
        font-size: 17px;
    }

    .prospect-testimonials-hero-quote {
        width: 72px;
        height: 72px;
    }

    .prospect-testimonials-hero-quote-left {
        top: 84px;
        left: 2%;
    }

    .prospect-testimonials-hero-quote-right {
        right: 4%;
        bottom: 76px;
    }

    .prospect-testimonials-page-grid .prospect-testimonials-page-card {
        padding: 28px 24px 24px;
    }

    .prospect-testimonials-page-grid .prospect-testimonials-page-card-quote {
        top: 18px;
        right: 18px;
        width: 34px;
        height: 34px;
    }

    .prospect-testimonials-page-grid .five-star {
        margin-bottom: 22px;
    }

    .prospect-testimonials-page-card-body {
        padding-bottom: 22px;
        margin-bottom: 20px;
    }

    .prospect-testimonials-page-card-body p {
        font-size: 17px;
        line-height: 1.7;
    }
}

.prospect-news-hero {
    position: relative;
    overflow: hidden;
    background: radial-gradient(circle at 18% 24%, rgba(205, 227, 255, 0.5) 0%, rgba(205, 227, 255, 0) 28%), radial-gradient(circle at 83% 30%, rgba(213, 231, 255, 0.45) 0%, rgba(213, 231, 255, 0) 24%), radial-gradient(circle at 32% 70%, rgba(238, 245, 255, 0.72) 0%, rgba(238, 245, 255, 0) 26%), linear-gradient(180deg, #fbfdff 0%, #f8fbff 58%, #ffffff 84%, #ffffff 100%);
    border-top: 1px solid var(--prospect-color-border-soft);
}

.prospect-news-hero-inner {
    position: relative;
    min-height: 600px;
    padding: 60px var(--prospect-container-padding-x) 132px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.prospect-news-hero-content {
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 920px;
    text-align: center;
}

.prospect-news-hero-capterra {
    margin: 0 auto 34px;
}

.prospect-news-hero-capterra .portal-header-capterra-badge {
    padding: 12px 18px;
    border-color: #d9e2ec;
    box-shadow: 0 10px 24px rgba(15, 23, 42, 0.06);
}

.portal-header-capterra .portal-header-capterra-logo{
    width:80px;
}

.prospect-news-hero-title {
    margin-bottom: 0;
}

.prospect-news-hero-title h1 {
    max-width: 760px;
    margin: 0 auto 28px;
    font-size: 60px;
    line-height: 1;
    letter-spacing: -0.05em;
    color: #0b1320;
}

.prospect-news-hero-title p {
    max-width: 860px;
    margin: 0 auto 42px;
    font-size: 21px;
    line-height: 1.5;
    color: #526071;
}

.prospect-news-hero-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 220px;
    padding: 10px 34px;
    border-radius: var(--prospect-radius-pill);
    font-size: 17px;
    font-weight: 600;
    box-shadow: var(--prospect-shadow-accent-lg);
}

.prospect-news-hero-quote {
    position: absolute;
    width: 118px;
    height: 118px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    opacity: 0.85;
    pointer-events: none;
    z-index: 0;
}

.prospect-news-hero-quote-left {
    top: 126px;
    left: 10%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d7e8ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5A2.5 2.5 0 0 1 6.5 3H20v15.5A2.5 2.5 0 0 0 17.5 16H4z'/%3E%3Cpath d='M6.5 3v13'/%3E%3Cpath d='M8.5 7H16'/%3E%3Cpath d='M8.5 10H15.5'/%3E%3Cpath d='M8.5 13H13.5'/%3E%3C/svg%3E");
}

.prospect-news-hero-quote-right {
    right: 12%;
    bottom: 110px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23d7e8ff' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 5.5A2.5 2.5 0 0 1 6.5 3H20v15.5A2.5 2.5 0 0 0 17.5 16H4z'/%3E%3Cpath d='M6.5 3v13'/%3E%3Cpath d='M8.5 7H16'/%3E%3Cpath d='M8.5 10H15.5'/%3E%3Cpath d='M8.5 13H13.5'/%3E%3C/svg%3E");
}

.prospect-news-page-grid {
    max-width: 1500px;
}

.prospect-portal-news-cont {
    display: flex;
    flex-wrap: wrap;
    gap: var(--prospect-space-30);
}

.prospect-news-story {
    flex-basis: 31%;
    flex-grow: 2;
    padding: 38px 38px 34px;
    border-radius: 22px;
    border: 1px solid #e3e9f0;
    background: white;
    box-shadow: 0 10px 28px rgba(15, 23, 42, 0.05);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    transition: var(--prospect-transition-hover);
}

.prospect-news-story:hover,
.prospect-news-story:focus-within {
    transform: translateY(-4px);
    border-color: #c9d9eb;
    box-shadow: var(--prospect-shadow-card-hover);
}

.prospect-news-page-grid > div:nth-child(3n + 2) {
    box-shadow: 0 0 0 1px rgba(155, 197, 255, 0.08), 0 10px 28px rgba(15, 23, 42, 0.05);
}

.prospect-news-story > div {
    margin-bottom: var(--prospect-space-20);
    width: 100%;
}

.prospect-news-story-image {
    text-align: center;
    width: 100%;
}

.prospect-news-story-image img {
    max-height: 200px;
    max-width: 100%;
    margin: auto;
    border-radius: 16px;
    transition: var(--prospect-transition-image);
}

.prospect-news-story:hover .prospect-news-story-image img,
.prospect-news-story:focus-within .prospect-news-story-image img {
    transform: scale(1.02);
}

.prospect-news-story-headline {
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
    color: #111827;
}

.prospect-news-story-published {
    color: #667587;
    font-size: 14px;
    font-weight: 500;
}

.prospect-news-story-story {
    max-height: 200px;
    overflow: hidden;
}

.prospect-news-story-story * {
    font-size: var(--prospect-font-size) !important;
    font-family: 'omnes-pro', sans-serif !important;
    font-weight: 500 !important;
    color: black !important;
}

.prospect-news-story > .prospect-news-story-link {
    margin-top: auto;
    margin-bottom: 0px;
    width: 100%;
}

.prospect-news-story-link .prospect-portal-button {
    border-radius: var(--prospect-radius-pill);
    border-color: #d9e2ec;
    padding: 10px 22px;
    font-size: 15px;
    font-weight: 600;
}

@media screen and (max-width:600px) {
    .prospect-news-hero-inner {
        padding: 84px var(--prospect-container-padding-x-mobile) 78px;
    }

    .prospect-news-hero-capterra {
        margin-bottom: 24px;
    }

    .prospect-news-hero-capterra .portal-header-capterra-badge {
        padding: 10px 14px;
    }

    .prospect-news-hero-title h1 {
        margin-bottom: 22px;
        font-size: 42px;
        line-height: 1;
    }

    .prospect-news-hero-title p {
        margin-bottom: 32px;
        font-size: 18px;
    }

    .prospect-news-hero-button {
        width: 100%;
        max-width: 260px;
        font-size: 17px;
    }

    .prospect-news-hero-quote {
        width: 72px;
        height: 72px;
    }

    .prospect-news-hero-quote-left {
        top: 84px;
        left: 2%;
    }

    .prospect-news-hero-quote-right {
        right: 4%;
        bottom: 76px;
    }

    .prospect-news-story {
        padding: 28px 24px 24px;
        flex-basis: 100%;
    }

    .prospect-news-story-image img {
        max-height: 180px;
    }

    .prospect-news-story-headline {
        font-size: 22px;
    }
}

@media screen and (max-width:900px) {
    .prospect-news-hero-inner {
        min-height: 0;
        padding-top: 110px;
        padding-bottom: 104px;
    }

    .prospect-news-hero-title h1 {
        font-size: clamp(44px, 8vw, 60px);
    }

    .prospect-news-hero-title p {
        font-size: 20px;
    }

    .prospect-news-hero-quote {
        width: 92px;
        height: 92px;
    }

    .prospect-news-hero-quote-left {
        top: 96px;
        left: 4%;
    }

    .prospect-news-hero-quote-right {
        right: 5%;
        bottom: 86px;
    }

    .prospect-news-story {
        padding: 32px 30px 28px;
    }
}

/*-----------------New Story---------------*/
.prospect-portal-news-story-cont {
    text-align: center;
    padding: 50px;
    border-radius: var(--prospect-radius-sm);
    margin-top: var(--prospect-space-10);
    margin-bottom: 50px;
    font-size: var(--prospect-font-size-pt-lg);
}

.prospect-portal-news-story-cont header {
    margin-bottom: var(--prospect-space-30);
}

.prospect-portal-news-story-cont header img {
    max-width: 100%;
    margin-bottom: var(--prospect-space-30);
    max-height: 400px;
    border-radius: var(--prospect-radius-sm);
}

.prospect-portal-news-story-cont header h1 {
    font-size: var(--prospect-font-size-pt-3xl);
    font-weight: 700;
    line-height: 1.2;
}

/* The story is rendered inside an iframe via srcdoc so the article shows
   exactly as its uploaded HTML defines. The portal only controls the
   iframe's box, never the article's typography or layout.
   Height is set in JS (onload handler) to the article's full content
   height so the iframe never has its own scrollbar. */
.prospect-portal-news-story-cont iframe.story {
    display: block;
    width: 100%;
    border: 0;
    background: white;
    overflow: hidden;
}

.prospect-portal-news-story-cont footer {
    margin-top: var(--prospect-space-30);
}

.prospect-portal-news-story-cont .published {
    margin-bottom: var(--prospect-space-20);
    color: #808080;
}

.prospect-portal-news-story-cont .author > * {
    display: block;
    text-align: center;
    margin: auto;
    margin-bottom: var(--prospect-space-10);
}

.prospect-portal-news-story-cont .author img {
    width: var(--prospect-space-150);
    border-radius: 100px;
}

.prospect-portal-news-story-cont .author-name {
    font-weight: 700;
}

.walkthrough-window{
    background:#4b19a8;
    color:white;
    width:300px;
    border-radius:8px;
    position:fixed;
    display:none;    
    z-index:5000000000;
    font-size:11pt;
    padding:15px;
    padding-right:30px;
    line-height:1.3;
    box-shadow:0px 0px 30px rgba(0,0,0,0.3);
}

.walkthrough-window-triangle{
    content: '';
    width: 0;
    height: 0;
    border-bottom: 13px solid #4b19a8;
    border-right: 13px solid transparent;
    border-left:13px solid transparent;
    position: fixed;
    z-index: 20;
}

.walkthrough-continue{
    position:absolute;
    right:0px;
    top:0px;
    padding:10px;
    color:white;
    font-size:15pt;
    cursor:pointer;
}

.walkthrough-continue img{
    width:23px;
}

.walkthrough-header{
    font-weight:bold;
    margin-bottom:5px;
}