:root {
    --vivid-blue: #1056B0;
    --darker-blue: #1C4C69;
    --dark-gray: #E0E1E4;
    --mid-gray: #D4D4D4;
    --light-gray: #F5F5F7;
    --muted-blue-gray: #879EAF;
    --green: #219D61;
}

body {
    font-family: "Instrument Sans", sans-serif;
    font-size: 1rem;
    color: #000;
}

a {
    color: inherit;
}

a:hover {
    color: inherit
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

th {
    font-weight: 400;
}

/* components */
.table {
    font-size: 0.9rem;
    margin-bottom: 0;
}

.table th {
    font-weight: 500;
}

.nav-link {
    color: inherit;
}

.nav-link:hover {
    color: inherit;
}

.btn {
    /* font-size: 1rem; */
}

@media (max-width: 768px) {
    .btn {
        padding-top: 0.3rem;
        padding-bottom: 0.3rem;
    }
}

.btn-primary {
    border-radius: 4px;
    background: var(--vivid-blue);
}

.btn-primary:hover {
    background: var(--vivid-blue);
}

.btn-primary:active:focus {
    background: var(--vivid-blue);
    box-shadow: none;
}

.btn-primary img {
    vertical-align: text-bottom;
}

.btn-success:hover {
    background: var(--vivid-blue);
    box-shadow: none;
}

.btn-success,
.btn-success:hover,
.btn-success:focus,
.btn-success:active {
    color: #fff;
    background: var(--green);
    border-color: var(--green);
}

.btn-danger {
    font-weight: 600;
    background: var(--red, #B01010);
    border-color: var(--red, #B01010);
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active {
    background: var(--red, #B01010);
    box-shadow: none;
}

.sidebar {
    box-shadow: 6px 0px 7px 0px rgba(187, 217, 239, 0.30);
}

ul.list-group.list-group-striped li:nth-of-type(odd){
    background: #E0E1E4;
}
ul.list-group.list-group-striped li:nth-of-type(even){
}

.btn-lg {
    font-size: 1.38rem;
}

@media (max-width: 768px) {
    .btn-lg {
        font-size: 1.13rem;
    }
}

.dropdown-menu {
    font-size: 1rem;
}

.dropdown-item {
    color: #000;
}

.dropdown-item-icon {
    margin-right: 10px;
}

.form-group {
    position: relative;
    margin-bottom: 1.25rem;
}

.invalid-feedback strong {
    font-weight: 500;
}


.page-holder {
    padding-top: 0;
    max-width: 1400px;
    min-height: calc(100vh - 126px);
}

@media (max-width: 768px) {
    .page-holder {
        padding-top: 30px;
        padding-bottom: 30px;
        min-height: 0;
        flex-grow: 1;
        /* overflow-x: hidden; */
        overflow-y: auto;
    }
}

/* hack */
.form-group .mb-3 {
    margin-bottom: 0!important
}

.form-group .form-label {
    position: absolute;
    top: 15px;
    left: 10px;
    padding: 0px 5px 0px 5px;
    font-size: 15px;
    color: #575757;
    transition: 0.2s;
    pointer-events: none;
}

.form-control {
    font-size: 16px;
    border: 1px solid #D4D4D4;
    border-radius: 4px;
    color: #000;
}

.form-group .form-control,
.form-group .form-select {
    padding: 1.325rem 0.875rem 0.325rem;
}

select:invalid,
select option[value=""] {
  color: #999999;
}

option:first-child
{
    color: #ccc;
}

.form-control:focus,
.form-select:focus {
    box-shadow: none;
    border-color: var(--vivid-blue);
}

.form-group .form-control:focus~.form-label,
.form-group .form-control:valid~.form-label,
.form-group .form-select:focus~.form-label,
.form-group .form-select:valid~.form-label,
.form-group.focused .form-label,
.form-group.valid .form-label  {
    top: 5px;
    font-size: 13px;
}

.form-group .form-select[value=""] {
    color: #fff;
}

.form-group .form-select:valid {
    /* color: #fff; */
}

.form-group.focused .form-label {
    color: var(--vivid-blue);
}

.form-control:focus~.form-label {
    color: var(--vivid-blue);
}

.form-icon {
    position: absolute;
    top: 13px;
    right: 16px;
    color: #575757;
}

.was-validated .form-control:invalid, .form-control.is-invalid {
    background-size: calc(0.85em + 0.475rem) calc(0.85em + 0.475rem)
}

.form-check-input[type="checkbox"] {
    border-radius: 3px;
}

.form-check-input {
    border-width: 2px;
    border-color: #879EAF;
    border-radius: 3px;
}


.form-check-input:active,
.form-check-input:focus {
    box-shadow: none;
}


.form-check-input:checked {
    background: var(--vivid-blue);
    border-color: var(--vivid-blue);
    box-shadow: none;
}

.form-check-label {
    font-size: 16px;
}

.form-check-label a {
    color: var(--vivid-blue);
}

.text-muted {
    color: #575757!important;
}

.card {
    border-radius: 4px;
    background: rgba(255, 255, 255, 0.95);
}

.p2c-dashboard .card {
    box-shadow: 0px 0px 15px 0px #FFF inset, 0px 6px 7px 0px rgba(187, 217, 239, 0.60);
}

.p2c-auth .card,
.p2c-base-login .card {
    max-width: 400px;
    min-width: 400px;
    padding: 10px;
    /* margin-left: auto;
    margin-right: auto; */
    margin-left: 15px;
    margin-right: 15px;
}

.card-header, .card-body, .card-footer {
    padding: 20px;
}

.p2c-dashboard .card-header,
.p2c-dashboard .card-body,
.p2c-dashboard .card-footer {
    padding: 25px;
}




@media (max-width: 768px) {
    .card-header, .card-body, .card-footer {
        padding: 15px;
    }
}
.alert {
    line-height: normal;
}

.alert-info {
    background: #DCEEFB;
    border-color: #5BB2C1;
    color: var(--vivid-blue);
}

.modal-body {
    padding: .5rem;
}


/* utils */

/* utils/ */


/*  */
.p2c-max-width {
    max-width: 900px;
}

.p2c-card {
    box-shadow: 0px 20px 50px 0px rgba(50, 174, 209, 0.50);
}

.p2c-dashboard-card {
    border-radius: 8px;
    box-shadow: 0px 0px 15px 0px #FFF inset, 0px 6px 7px 0px rgba(187, 217, 239, 0.60);
}

.p2c-btn-primary {
    background-color: #000;
    color: #fff;
    border: 1px solid #007bff;
    border-radius: 4px;
    border: 1px solid #000;
    /* padding: 8px 16px; */
    /* font-size: 16px; */
    /* padding-top: 0.575rem;
    padding-bottom: 0.575rem; */
    font-weight: 600;
    letter-spacing: -0.16px;
}

.p2c-btn-primary:hover {
    color: #fff;
    background-color: #000;
}

.p2c-btn-outline {
    background-color: #fff;
    border: 1px solid #000;
    border-radius: 4px;
    /* padding: 8px 16px; */
    /* font-size: 16px; */
    font-weight: 600;
    letter-spacing: -0.16px;
}


.p2c-h1 {
    font-size: 95px;
    font-style: normal;
    font-weight: 400;
    line-height: 100px; /* 105.263% */
    letter-spacing: -1.9px;
}

@media (max-width: 768px) {
    .p2c-h1 {
        font-size: 52px;
        font-weight: 400;
        line-height: 54px;
        letter-spacing: -1.04px;

    }
}


.p2c-text-body {
    font-size: 24px;
    font-weight: 400;
    line-height: 1.33;
    letter-spacing: -0.24px;
}

@media (max-width: 768px) {
    .p2c-text-body {
        font-size: 18px;
        letter-spacing: -0.18px;
    }
}

.p2c-btn-nav-dropdown {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 15px;
    margin-bottom: 20px;
    background: #fff;
    text-align: left;
    border: 1px solid var(--mid-gray, #D4D4D4);
}


/*  */

/* Header */

.p2c-navbar {
    padding: 8px 20px;
    position: sticky;
    top: 0;
    background: rgba(255, 255, 255, 0.90);
    backdrop-filter: blur(10px);
}

.p2c-navbar .nav-link {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    letter-spacing: -0.16px;
    margin-right: 24px;
}


/* Hero */
.p2c-hero {
    position: relative;
    overflow: hidden;
    padding-top: 50px;
}


.p2c-hero-background {
    display: block;
    position: absolute;
    top: -56px;
    width: 1920;
    /* height: 1800px; */
    z-index: -1;
}

@media (max-width: 768px) {
    .p2c-hero-background {
        max-width: 250%;
        left: -20%;
    }
}

.p2c-hero-info-box {
    padding-top: 200px;
    padding-bottom: 200px;
    position: relative;
    z-index: 1;
}

@media (max-width: 768px) {
    .p2c-hero-info-box {
        padding-top: 0;
        padding-bottom: 30px;
    }
}

.p2c-hero-title {
    margin-bottom: 40px;
}

.p2c-hero-description {
    margin-bottom: 40px;
}

@media (max-width: 768px) {
    .p2c-hero-title {
        margin-bottom: 30px;
    }
    .p2c-hero-description {
        margin-bottom: 30px;
    }
}

.p2c-hero-graphic {
    max-width: 120%;
}

@media (max-width: 768px) {
    .p2c-hero-graphic {
        position: relative;
        left: 50%;
        transform: translateX(-50%);
        /* max-width: 100%; */
        margin-top: -100px;
    }
}

/* Motto */
.p2c-hero-motto {
    position: relative;
    text-align: center;
    padding-bottom: 90px;
}

.p2c-hero-motto-symbol {
    margin-bottom: -250px;
    max-width: 60%;
}

@media (max-width: 768px) {
    .p2c-hero-motto-symbol {
        margin-bottom: -80px
    }
}

.p2c-hero-motto-label {
    margin-bottom: 15px;
    font-size: 18px;
    font-weight: 500;
    line-height: 30px;
    letter-spacing: 5.4px;
}

.p2c-hero-motto-description {
    margin-bottom: 30px;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.24;
    letter-spacing: -0.4px;
}

@media (max-width: 768px) {
    .p2c-hero-motto-description {
        font-size: 25px;
    }
}

.p2c-hero-motto-postscript {
    font-size: 22px;
    font-weight: 400;
    line-height: 1.68;
}

@media (max-width: 768px) {
    .p2c-hero-motto-postscript {
        font-size: 20px;
    }
}

/* Home Chat */
.p2c-chatim-box {
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
}

.p2c-chatim {
    position: relative;
    display: inline-block;
}

[data-anim="default"] {
    opacity: 0;
    transform: translateY(-200px);
    transition: 0.9s;
}

.p2c-chatim-bg {
    max-width: 100%;
}

.p2c-chatim-avatar-1 {
    position: absolute;
    left: 33px;
    bottom: -10px;
    width: 19%;
    transition-delay: 0.5s;
}

.p2c-chatim-avatar-2 {
    position: absolute;
    top: -24px;
    right: 7.39%;
    width: 19%;
    transition-delay: 0.5s;
}

.p2c-chatim-leadhero {
    position: absolute;
    top: -14.85%;
    right: 24.97%;
    width: 35.94%;
    transition-delay: 1s;
}

.p2c-chatim-dealhero {
    position: absolute;
    left: 18.48%;
    bottom: 21.04%;
    width: 35.83%;
    transition-delay: 1s;
}


.p2c-chatim.in-view .p2c-chatim-bg,
.p2c-chatim.in-view .p2c-chatim-avatar-1,
.p2c-chatim.in-view .p2c-chatim-avatar-2,
.p2c-chatim.in-view .p2c-chatim-leadhero,
.p2c-chatim.in-view .p2c-chatim-dealhero {
    opacity: 1;
    transform: translateY(0);
}


/* Networking */
.p2c-networking-section {
    position: relative;
    background: linear-gradient(180deg, #FFF 0.47%, #A0EAFF 11.48%);
}

.p2c-networking-text {
    padding-top: 250px;
    padding-bottom: 250px;
    text-align: center;
    font-size: 50px;
    font-weight: 400;
    line-height: 1.24;
}

@media (max-width: 768px) {
    .p2c-networking-text {
        padding-top: 145px;
        /* padding-bottom: 145px; */
        font-size: 25px;
    }
}

.custom-shape-divider-bottom-1716312264 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    transform: rotate(180deg);
}

.custom-shape-divider-bottom-1716312264 svg {
    position: relative;
    display: block;
    width: calc(138% + 1.3px);
    height: 56px;
}

.custom-shape-divider-bottom-1716312264 .shape-fill {
    fill: #FFFFFF;
}

/* how it works */
.p2c-howitworks {
    position: relative;
    margin-top: -160px;
    padding-bottom: 100px;
}

.p2c-howitworks-title {
    margin-bottom: 40px;
    font-size: 40px;
    font-weight: 500;
    line-height: 1.375;
    letter-spacing: -0.4px;
}

@media (max-width: 768px) {
    .p2c-howitworks-title {
        font-size: 25px;
    }
}



.p2c-howitworks-slider {
    position: relative;
    padding-right: 60px;
    padding-left: 60px;
}

@media (max-width: 768px) {
    .p2c-howitworks-slider {
        padding-right: 0;
        padding-left: 0;
        margin-right: calc(var(--bs-gutter-x, 1rem) * -1);
        margin-left: calc(var(--bs-gutter-x, 1rem) * -1);
    }
}

.p2c-howitworks-slides-container {
    position: relative;
    display: flex;
    overflow-y: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

@media (max-width: 768px) {
    .p2c-howitworks-slides-container {
        padding-left: 20px;
    }
}

.p2c-howitworks-slide-prev,
.p2c-howitworks-slide-next {
    position: absolute;
    top: 0;
    bottom: 0;
    height: 50px;
    margin-top: auto;
    margin-bottom: auto;
}

.p2c-howitworks-slide-prev.disabled,
.p2c-howitworks-slide-next.disabled {
    opacity: .2;
}


.p2c-howitworks-slide-prev {
    left: 0;
}

.p2c-howitworks-slide-next {
    right: 0;
}

.p2c-howitworks-slide-prev img {
    transform: rotate(180deg);
}

.p2c-howitworks-slides-container::-webkit-scrollbar {
    display: none;
}

.p2c-howitworks-slide {
    width: 340px;
    flex-shrink: 0;
    padding: 0 50px;
    text-align: center;
}

@media (max-width: 768px) {
    .p2c-howitworks-slide {
        padding: 0 20px;
    }
}

.p2c-howitworks-slide:last-child {
    margin-right: 0;
}

.p2c-howitworks-slide-img {
    max-width: 100%;
    margin-bottom: 30px;
}

.p2c-howitworks-slide-text {
    font-size: 18px;
    font-weight: 400;
}



/* How It Works */
.p2c-get-started {
    margin-bottom: 150px;
    padding: 22px 39px 22px 60px;
    border-radius: 4px;
    background: linear-gradient(101deg, #A1EAFF 0%, #D3F5FF 69.11%, #FFF 79.93%);
}

.p2c-get-started-title {
    margin-bottom: 25px;
    font-size: 45px;
    font-weight: 500;
    line-height: 1.22;
    letter-spacing: -0.55px;
}

.p2c-get-started-text {
    margin-bottom: 30px;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.68;
}

.p2c-get-started-graphic {
    max-width: 100%;
}

@media (max-width: 768px) {
    .p2c-get-started {
        padding: 50px 15px;
        text-align: center;
    }

    .p2c-get-started-title {
        font-size: 34px;
    }
    .p2c-get-started-text {
        font-size: 18px;
    }
    .p2c-get-started-graphic {
        margin-top: 30px;
    }
}


/* Strip */
.p2c-strip {
    display: flex;
    max-width: 100%;
    overflow: hidden;
    padding: 30px 112px;
    border-top: 1px solid #E0E1E4;
}

.p2c-strip img {
    flex-shrink: 0;
    margin-right: 70px;
}

@media (max-width: 768px) {
    .p2c-strip {
        padding: 20px;
    }

    .p2c-strip img {
        margin-right: 30px;
    }
}


/* Footer */
.p2c-footer {
    overflow: hidden;
    position: relative;
    padding-top: 30px;
    padding-bottom: 30px;
    background: #29495C;

}

.p2c-footer-bg-svg {
    position: absolute;
    left: 20%;
    bottom: 0
}

.p2c-footer-top {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 140px;
}

@media (max-width: 768px) {
    .p2c-footer-top {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 60px;
    }
}

.p2c-footer-nav {

}

@media (max-width: 768px) {
    .p2c-footer-nav {
        margin-top: 30px;
    }
}

.p2c-footer-bottom {
    display: flex;
    position: relative;
    justify-content: space-between;
    align-items: center;
}

.p2c-footer-copy {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
}

@media (max-width: 768px) {
    .p2c-footer-copy {
        
    }
}

.p2c-footer-social {
    display: flex;
}

.p2c-footer-social a {
    margin-left: 30px;
}


@media (max-width: 768px) {
    .p2c-footer-social a {
        margin-left: 15px;
    }
}



/* ABOUT */
/* hero */
.p2c-about-hero {
    position: relative;
    padding-top: 80px;
    padding-bottom: 100px;
    overflow-x: clip;
}

.p2c-about-hero-background {
    display: block;
    position: absolute;
    top: 0;
    z-index: -1;
}

.p2c-about-title {
    margin-bottom: 20px;
    font-size: 32px;
    font-weight: 500;
    line-height: 55px;
    letter-spacing: -0.32px;
}

.p2c-about-text {
    margin-bottom: 0;
    margin-right: auto;
    margin-left: auto;
    max-width: 1030px;
    font-size: 20px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: -0.2px;
}

.p2c-about-hero-graphic {
    width: 100%;
}


/* motto */
.p2c-about-motto {
    padding-top: 30px;
    padding-bottom: 30px;
}


/* info */
.p2c-about-info {
    padding-top: 30px;
    padding-bottom: 210px;
}

.p2c-about-info-item {
    height: 100%;
    padding: 30px;
    border-radius: 8px;
    border: 1px solid #A5DDED;
}


/* team */
.p2c-about-team {
    padding-top: 100px;
    padding-bottom: 100px;
    margin-bottom: 150px;
    background: #F5F5F7;
    border-top: 1px solid #E0E1E4;
    border-bottom: 1px solid #E0E1E4;
}

.p2c-about-team-member {
    margin-bottom: 50px;
    text-align: center;
}

.p2c-about-team-member-photo {
    margin-bottom: 20px;
    border-radius: 50%;
}

.p2c-about-team-member-name {
    margin-bottom: 5px;
    font-size: 20px;
    font-weight: 600;
}

.p2c-about-team-member-title {
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: 400;
}


/* Login */
.p2c-base-login {
    padding-top: 80px;
    padding-bottom: 160px;
    background: linear-gradient(156deg, #FFF -0.68%, rgba(255, 255, 255, 0.00) 30.15%), radial-gradient(52.04% 29.27% at 50% 53.54%, #59FFFF 0%, rgba(89, 255, 255, 0.00) 100%), linear-gradient(0deg, #FFF 7.29%, rgba(255, 255, 255, 0.00) 50%), radial-gradient(72.22% 63.12% at 13.49% 14.91%, #87C9FF 0%, #11C6F9 100%);
}

.p2c-login-title {
    font-size: 25px;
    font-weight: 400;
    letter-spacing: -0.25px;
}

.p2c-login-description {
    font-size: 18px;
    color: #575757
}

.p2c-login-forget-password {
    font-size: 16px;
    color: var(--vivid-blue);
}

.b2c-login-submit {
    margin-top: 10px;
}

.b2c-login-footer {
    margin-top: 30px;
    font-size: 16px;
}

.b2c-login-footer a {
    color: var(--vivid-blue);
}

.p2c-auth {
    padding-top: 80px;
    padding-bottom: 160px;
    background: linear-gradient(156deg, #FFF -0.68%, rgba(255, 255, 255, 0.00) 30.15%), radial-gradient(52.04% 29.27% at 50% 53.54%, #59FFFF 0%, rgba(89, 255, 255, 0.00) 100%), linear-gradient(0deg, #FFF 7.29%, rgba(255, 255, 255, 0.00) 50%), radial-gradient(72.22% 63.12% at 13.49% 14.91%, #87C9FF 0%, #11C6F9 100%);
}


/* Register */
.p2c-card-register {
    max-width: 480px!important;
}

.p2c-form-captcha .form-label {
    display: none;
}

.p2c-auth-form .form-text.text-muted {
    display: none
}


/* completion */
.p2c-auth-info-text {
    font-size: 18px;
    line-height: normal;
}


/*
Role Selection
*/
.p2c-card-select-role {
    max-width: 630px!important;
}

.p2c-card-role {
    max-width: 470px!important;
}

.p2c-role-selection-title {

}

.p2c-role-selection-item {
    display: flex;
    border-radius: 4px;
    border: 1px solid #E0E1E4;
    background: #FFF;
}

@media (max-width: 768px) {
    .p2c-role-selection-item {
        padding: 10px;
    }
}

.p2c-role-selection-item:last-child {
    margin-bottom: 0;
}

.p2c-role-selection-item-img {
    align-self: flex-end;
}

.p2c-role-selection-item-img img {
    max-width: 100%;

}

@media (max-width: 768px) {
    .p2c-role-selection-item-img {
        max-width: 50%;
    }
}

.p2c-role-selection-item-info {
    padding: 15px 30px 20px 20px;
}

@media (max-width: 768px) {
    .p2c-role-selection-item-info {
        padding: 0;
    }
}


.p2c-role-selection-item-info h3 {
    font-size: 22px;
    line-height: normal;
}

.p2c-role-selection-item-list li {
    list-style-type: square;
    font-size: 16px;
    line-height: 26px;
}

@media (max-width: 768px) {
    .p2c-role-selection-item-list li {
        font-size: 14px;
        line-height: 21px;
    }

    .p2c-role-selection-item-info h4 {
        font-size: 20px;
    }
}


/*

    DASHBOARD

*/

.p2c-ds-bg {
    background: radial-gradient(137.9% 118.57% at 78.68% 16.48%, #C6D8F0 0%, #FFF 50%, #DFE9F7 100%), #F5F8FC;
    background-blend-mode: multiply, normal;
}

.p2c-ds-bg.dealhero {
    background: radial-gradient(137.9% 118.57% at 78.68% 16.48%, #B8E1FF 0%, #FFF 50%, #D7EEFF 100%), #F2FAFF;
}


/* Sidebar */
.sidebar {
    padding: 20px;
}

@media (max-width: 1199.98px) {
    .sidebar {
        padding: 5px;
        overflow-y: auto;
    }
}

.sidebar-menu {
    font-size: 0.94rem;
    box-shadow: none;
    font-weight: 500;
}

.sidebar-link {
    padding: 10px;
}

.sidebar-link[data-bs-toggle="collapse"] {
    border-radius: 4px 4px 0px 0px;
}

.sidebar-link[data-bs-toggle="collapse"]::before {
    display: none;
}

@media (min-width: 1200px) {
    .p2c-sidebar-link-arrow {
        position: absolute;
        transition: 0.2s;
        right: 20px;
    }
}

.p2c-sidebar-link-arrow {
    /* top: 50%; */
    /* transform: translateY(-50%); */
}

.sidebar-link[aria-expanded='true'] .p2c-sidebar-link-arrow {
    transform: rotate(180deg);
}


.sidebar-link.active {
    background: #2EA7C8;
    color: #fff;
    border-radius: 4px
}

.sidebar.leadhero .sidebar-link.active {
    background: var(--faded-cyan, #5C8BC2);
}

.sidebar-link[aria-expanded='true'] {
    border-radius: 4px 4px 0px 0px;
}

.sidebar-link:focus {
    background: #C0E5EE;
}

.sidebar.leadhero .sidebar-link:focus {
    background: var(--faded-cyan-light, #DBEBFE);
}

.sidebar-menu .sidebar-link {
    color: #1A5274;
    padding: 10px 17px;
    border-radius: 0
}


.sidebar-menu .sidebar-link {
    color: #1A5274
}

.sidebar-menu .sidebar-link.active {
    background: #C0E5EE;
}

.sidebar.leadhero .sidebar-menu .sidebar-link.active {
    background: var(--faded-cyan-light, #DBEBFE);
}

.sidebar-link.active path {
    fill: #fff;
}

.sidebar-link[data-bs-toggle="collapse"].active .svg-icon,
.sidebar-link[data-bs-toggle="collapse"]:focus .svg-icon {
    filter: invert(100%);
}

.sidebar-menu .svg-icon {
    width: 24px;
    height: 24px;
    margin-right: 5px!important;
}


/* Dashboard Header */
.p2c-header-user {
    display: flex;
    align-items: center;
    padding: 6px 10px 6px;
    background: #fff;
    border-radius: 64px;
    line-height: normal;
}

.p2c-header-user .avatar {
    width: 45px;
    height: 45px;
    box-shadow: none;
}

.p2c-header-user-info {
    margin-right: 10px;
    margin-left: 10px;
}

.p2c-header-user-name {
    font-size: 18px;
    font-weight: 500;
    text-transform: capitalize;
}

.p2c-header-user-role {
    color: var(--dark-blue, #1A5274);
    font-size: 13px;
    font-weight: 600;
    text-transform: uppercase;
}

/* notification */
/* Notifications Icons */

.notification_wrap .notification_icon {
    position: relative;
    width: 50px;
    font-size: 28px;
    margin: 0 auto;
    text-align: center;
    color: #000;
}

.notification_wrap .notification_icon .fa-bell {
    cursor: pointer;
}

.notification_wrap .dropdown {
    width: 350px;
    height: auto;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 4px rgba(0, 0, 0, 0.125);
    margin: 15px auto 0;
    /* padding: 10px; */
    position: absolute;
    display: none;
    right: 90px;
}

.notification_wrap .dropdown .notify_item {
    /* display: flex; */
    align-items: center;
    padding: 10px 0 0 0;
    border-bottom: 1px solid #dbdaff;
}

.notification_wrap .dropdown .notify_item:last-child {
    border-bottom: 0px;
}


.notification_wrap .dropdown .notify_item .notify_info p {
    margin-bottom: 0px;
}


.notification_wrap .dropdown .notify_item .notify_info .notify_time {
    color: #c5c5e6;
    font-size: 12px;
}


.notification_wrap .dropdown.active {
    display: block;
}


#notificationList {
    padding-left: 0rem;
    max-height: 340px;
    overflow-y: clip;
    padding-left: 0rem;
}

#notificationList li {
    font-size: 14px;
    color: #333;
    padding: 10px;
    /* margin-bottom: 4px; */
    /* border-radius: 4px; */
    text-transform: capitalize;
    list-style: none;
    /* background-color: #e9e8fb; */
    cursor: pointer;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: flex-end;
    align-items: center;
    flex-grow: 4;

}

#notificationList li:nth-child(even) {
    background: var(--light-gray);
}

.notifications_page_items i{
    font-size: 18px;
    font-weight: 500;
    margin-right: 40px;
    border: none;
    align-self: flex-end;
    position: absolute;
    background-color: transparent;
}

/* #notificationList li:hover {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border: 1px solid rgb(129, 129, 129);
} */

.notification_count {
    position: absolute;
    top: 1;
    right: 1px;
    width: 18px;
    height: 17px;
    background: red;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 12px;
}

.notify_info p {
    text-decoration: none;
}

.p2c-notifications-footer {
    display: flex;
    justify-content: space-between;
    padding: 5px 10px;
    font-size: 0.88rem;
    color: var(--vivid-blue);
    background: var(--soft-blue, #DCEEFB);
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}

.p2c-notifications-footer a {
    text-decoration: none;
}

.notify_info p {
    cursor: pointer;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600px;
    text-decoration: none !important;
}

.time-difference {
    color: #666666;
    font-size: 12px;
    display: block;
    width: 100%;
}

.notifiy_head {
    text-align: center;
    font-size: 16px;
    font-weight: 700;
    margin: 4px 0px 10px 4px;
    color: #4650dd;
}

.notify_info h6{
    font-size: 10px;
    font-weight: 500 !important;
    padding-top: 6px;
    display: block;
}

#notificationMessagesContainer{
    position: absolute;
}

.center{
    font-size: 16px;
    text-align: center;
    font-weight: 500;
    color: #3a3a3a;
}

.notification_head{
    display: flex;
    justify-content: space-around;
}

#markAllAsReadBtn {
    font-size: inherit;
    color: inherit;
}

#markAllAsReadBtn:hover {
}

/* Notification Preferences */
.toggle {
    position: relative;
    width: 100%;
    margin: 20px 0px;
}

.toggle input[type="checkbox"] {
    display: none;
}

.toggle label {
    position: relative;
    top: 0;
    left: 0;
    width: 56px;
    height: 26px;
    background-color: #ccc;
    border-radius: 17px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.toggle label::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 3px;
    width: 24px;
    height: 22px;
    border-radius: 50%;
    background-color: #fff;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
    transition: transform 0.3s ease;
}

.toggle input:checked+label {
    background-color: #4650dd;
}

.toggle input:checked+label::before {
    transform: translateX(26px);
}

.toggle label:hover {
    background-color: #999;
}

.toggle input:checked+label:hover {
    background-color: #4650dd;
}

.toggle input:active+label {
    background-color: #4650dd;
}

.toggle input:checked:active+label {
    background-color: #009b93;
}

.toggle input:focus+label {
    box-shadow: 0 0 0 3px rgba(0, 0, 0, 0.2);
}
.preferencesForm{
    display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.toggle p{
    margin-bottom: 4px !important;
    font-size: 18px;
}

.notifications_page_items{
    /* border: 1px rgb(0, 0, 0) solid !important; */
    padding: 15px;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
    width: 100%;
    border-bottom: 1px solid var(--mid-gray);
    box-shadow: inset 0 0 0 0 #4650dd;
    
}

.notifications_page_items:nth-child(even){
    background: var(--gray, #EAEEF1);
}

.notification_page_heading h1{
    text-transform: uppercase;
    letter-spacing: 0.2em;
    font-weight: 300 !important;
}

#notificationContainer{
    width: 100%;
    margin: 0 auto;
}

.notifications_page_items:hover{
    /* color: #ffffff; */
    /* box-shadow: inset 2000px 0 0 0 #4650dd; */
    /* transform: scale3d(0.2s); */
}
.notifications_page_items:hover button{
    /* color: #ffffff !important; */
}

.notifications_page_items:hover span{
    /* color: #ffffff !important; */
}

.notifications_page_items p{
    margin-bottom: 0;
    margin-bottom: 6px;
}

.notifications_page_items span{
    font-size: 14px;
}

.notifications_page_items button{
    font-size: 24px;
    font-weight: 500;
    color: #505050;
    border: none;
    align-self: flex-end;
    margin-bottom: auto;
    position: absolute;
    background-color: transparent;
}

.navigationButton button{
    background-color: transparent !important;
    border: none;
    font-size: 32px;
}
.view_notifications{
    font-size: 12px;
    color: #3a3a3a;
    text-decoration: none;
    margin: 0;
    /* margin-left: 14px; */
    /* margin-bottom: -10px; */
}

#notificationNavigation{
    width: 100%;
    max-width: 900px;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
}
#notificationNavigation p{
    margin: 0;
}

/* Password hide/show toggel */
.field-icon{
    width: 20px;
    margin-left: -25px;
    margin-top: 12px;
}
#div_id_password{
    width: 100% !important;
}
/* notification */


/* Dashboard Main */
.p2c-dashboard-icon {
    width: 50px;
    height: 50px;
}

.p2c-dashboard-card h1 {
    font-size: 40px;
}

.p2c-bg-1 {
    background: linear-gradient(283deg, #FFEDFF -30.63%, #FFF 35.42%);
}

.p2c-bg-2 {
    background: linear-gradient(283deg, #B5EFF1 -30.63%, #FFF 35.42%);
}

.p2c-bg-3 {
    background: linear-gradient(283deg, #C5E9FF -30.63%, #FFF 35.42%);
}

.p2c-bg-4 {
    background: linear-gradient(283deg, #FFE3FF -30.63%, #FFF 35.42%);
}

.p2c-bg-5 {
    background: linear-gradient(283deg, #FFE1D8 -30.63%, #FFF 35.42%);
}

.p2c-bg-6 {
    background: linear-gradient(283deg, #F6E7B8 -30.63%, #FFF 35.42%);
}

.p2c-bg-7 {
    background: linear-gradient(283deg, #B9F0D7 -30.63%, #FFF 35.42%);
}

.p2c-bg-8 {
    background: linear-gradient(283deg, #FDCBC7 -30.63%, #FFF 35.42%);
}


/* leadhero bg */
.p2c-bg-11 {
    background: linear-gradient(283deg, #FFEDFF -30.63%, #FFF 35.42%);
}

.p2c-bg-12 {
    background: linear-gradient(283deg, #B5EFF1 -30.63%, #FFF 35.42%);
}

.p2c-bg-13 {
    background: linear-gradient(283deg, #C5E9FF -30.63%, #FFF 35.42%);
}

.p2c-bg-14 {
    background: linear-gradient(283deg, #FFE1D8 -30.63%, #FFF 35.42%);
}

.p2c-bg-15 {
    background: linear-gradient(283deg, #F6E7B8 -30.63%, #FFF 35.42%);
}

.p2c-bg-16 {
    background: linear-gradient(283deg, #B9F0D7 -30.63%, #FFF 35.42%);
}
/* leadhero bg */


/* Dashboard List */
@media (max-width: 768px) {
    .p2c-ds-container {
        height: 100vh;
    }
}

.page-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2.2rem;
}

@media (max-width: 768px) {
    .page-header {
        margin-bottom: 1.9rem;
    }
}

.page-heading {
    margin-bottom: 0;
    letter-spacing: normal;
    font-weight: 500;
    color: var(--darker-blue);
    text-transform: capitalize;
}

.p2c-filters {
    
}


/* Unforutunate hack from django the great */
.p2c-filters .btn-primary {
    height: 50px;
    background: #000;
    border-color: transparent;
}

.p2c-filters .btn-primary:focus {
    background: #000;
}

.p2c-filters .card-header {
    padding: 20px;
    border-radius: 4px;
    border: 1px solid var(--dark-gray, #E0E1E4);
    background: var(--light-gray, #F5F5F7);
    box-shadow: none;
}

@media (max-width: 768px) {
    .p2c-filters .card-header {
        padding: 15px;
    }
}


.p2c-filter-item {
    flex-basis: 50%;
    padding-right: 20px;
}

@media (max-width: 768px) {
    .p2c-filter-item {
        padding-right: 10px;
    }

    .p2c-filter-item:nth-child(even) {
        padding-right: 0;
    }
}

.p2c-filter-item .select {
    border-radius: 4px;
    height: 50px;
    border: 1px solid var(--mid-gray);
}

/* HACK */
#div_id_bid_status {
    margin-bottom: 0!important
}


/* list */
.p2c-table-wrapper {
    border-radius: 4px;
    border: 1px solid var(--dark-gray);
}

.p2c-table-wrapper th {
    text-transform: uppercase;
    font-weight: 500;
    border-color: var(--mid-gray) !important;
}

.p2c-table-wrapper th a {
    color: var(--vivid-blue);
    text-decoration: none;
}

.table-sm > :not(caption) > * > * {
    padding: 0.6rem 0.9rem
}

.p2c-table-icon {
    width: 24px;
    height: 24px;
}

.p2c-wizard {
    max-width: 900px;
}

.p2c-wizard .nav-item {
    padding: 10px 10px;
    font-weight: 500;
    margin-right: 35px;
    position: relative;
    color: var(--muted-blue-gray, #879EAF);
}

@media (max-width: 768px) {
    .p2c-wizard .nav-item {
        display: flex;
        flex-direction: column;
        align-items: center;
        width: 45px;
        margin-right: 25px;
        font-size: 13px;
    }
}

.p2c-wizard .nav-item:last-child {
    margin-right: 0;
}

.p2c-wizard .nav-item.active {
    color: var(--vivid-blue, #1056B0);
}

.p2c-wizard .nav-item.active::before {
    background-color: var(--vivid-blue, #1056B0);
}

.p2c-wizard .nav-item.success {
    color: var(--green, #219D61);
}

.p2c-wizard .nav-item.success::before {
    background-color: var(--green, #219D61);
}



.p2c-wizard .nav-item::after {
    content: '';
    display: block;
    position: absolute;
    width: 35px;
    height: 1px;
    top: 50%;
    right: -35px;
    background: var(--muted-blue-gray);
}

@media (max-width: 768px) {
    .p2c-wizard .nav-item::after {
        top: 22px;
        right: -25px;
        width: 25px;
    }
}

.p2c-wizard .nav-item::after {
    
}

.p2c-wizard .nav-item:last-child::after {
    display: none;
}

.p2c-wizard .nav-item::before {
    content: '1';
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    color: #fff;
    font-weight: 600;
    line-height: 24px;
    text-align: center;
    border-radius: 50%;
    background: var(--muted-blue-gray);
}

.p2c-wizard .nav-item:nth-child(1)::before {
    content: '1';
}

.p2c-wizard .nav-item:nth-child(2)::before {
    content: '2';
}

.p2c-wizard .nav-item:nth-child(3)::before {
    content: '3';
}

.p2c-wizard .nav-item:nth-child(4)::before {
    content: '4';
}

.p2c-wizard .nav-item:nth-child(5)::before {
    content: '5';
}

.p2c-wizard .nav-item.success::before {
    content: '✓';
    color: transparent;
    background-image: url('data:image/svg+xml,<svg width="19" height="18" viewBox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.0972 5.65948L8.09717 14.6595C8.01878 14.7381 7.92564 14.8006 7.82308 14.8431C7.72052 14.8857 7.61056 14.9076 7.49951 14.9076C7.38846 14.9076 7.2785 14.8857 7.17595 14.8431C7.07339 14.8006 6.98024 14.7381 6.90185 14.6595L2.96435 10.722C2.88587 10.6435 2.82361 10.5503 2.78113 10.4478C2.73866 10.3452 2.7168 10.2353 2.7168 10.1243C2.7168 10.0133 2.73866 9.90342 2.78113 9.80088C2.82361 9.69833 2.88587 9.60516 2.96435 9.52667C3.04284 9.44818 3.13602 9.38593 3.23856 9.34345C3.34111 9.30097 3.45102 9.27911 3.56201 9.27911C3.67301 9.27911 3.78291 9.30097 3.88546 9.34345C3.98801 9.38593 4.08118 9.44818 4.15967 9.52667L7.50021 12.8672L15.9033 4.46557C16.0618 4.30707 16.2768 4.21802 16.5009 4.21802C16.7251 4.21802 16.9401 4.30707 17.0986 4.46557C17.2571 4.62408 17.3461 4.83907 17.3461 5.06323C17.3461 5.2874 17.2571 5.50238 17.0986 5.66089L17.0972 5.65948Z" fill="white"/></svg>');
    background-position: center;
    background-repeat: no-repeat;
    background-color: var(--green, #219D61);
}


/* dashboard header */
@media (max-width: 768px) {
    .p2c-ds-header {
        /* margin-bottom: 1.9rem; */
        position: sticky;
        top: 0;
        background: #fff;
        z-index: 500;
    }

    .p2c-ds-user-menu.show {
        position: fixed;
        width: 100vw;
        height: 100vh;
        top: 0!important;
        left: 0!important;
        display: flex;
        flex-direction: column;
        text-align: right;
        align-items: flex-end;
        box-shadow: none!important;
        border-radius: 0!important;
        font-size: 22px;
    }
}
/* dashboard header */


/* dashboard footer */
.p2c-ds-footer {
    font-size: 14px;
}
/* dashboard footer */


/*  */
.p2c-ds-mobile-menu {
    display: flex;
    justify-content: space-around;
    background: #fff;
    box-shadow: 0px -2px 8px 0px rgba(0, 0, 0, 0.10);
}

.p2c-ds-mobile-menu-item {
    font-size: 12px;
    text-align: center;
    text-decoration: none;
    padding: 8px;
}

.p2c-ds-mobile-menu-icon {
    width: 28px;
    height: 28px;
}
/*  */

/* Dashboard Profile */
.p2c-profile-avatar-box {
    position: relative;
    width: 100%;
    max-width: 150px;
    aspect-ratio: 1/1;
    border-radius: 50%;
    overflow: hidden;
}

.p2c-profile-avatar {
    width: 100%;
}

.p2c-profile-avatar-edit {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 30%;
    left: 0;
    bottom: 0;
    color: #fff;
    background: rgba(0, 0, 0, 0.50);

}


/* dashboard items */
.p2c-mobile-item {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
    padding: 15px;
    margin-bottom: 15px;
    font-size: 15px;
    border-radius: 8px;
    background: var(--white, #FFF);
    box-shadow: 0px 0px 15px 0px #FFF inset, 0px 6px 7px 0px rgba(187, 217, 239, 0.60);
}

.p2c-mobile-item.twin {
    grid-template-columns: 1fr 1fr;
}

.p2c-mobile-item .label {
    font-size: 14px;
}

.p2c-mobile-item-head {
    font-weight: 600;
    font-size: 18px;
}

.p2c-mobile-item-link {
    color: var(--vivid-blue);
    font-size: 14px;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.14px;
    text-decoration: none;
}


/* contact detail */
.p2c-contact-card {
    padding: 15px;
    border: 1px solid var(--dark-gray);
    border-radius: 4px;
}

.p2c-contact-circle {
    display: flex;
    width: 100px;
    height: 100px;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    font-size: 35px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 80px;
    background: var(--faded-cyan, #5C8BC2);
}

@media (max-width: 768px) {
    .p2c-contact-circle {
        width: 60px;
        height: 60px;
        font-size: 22.5px;
    }
}

.p2c-contact-how-know {

}

.p2c-contact-how-know svg {
    color: #219D61
}

.p2c-contact-how-know span {
    vertical-align:middle
}

/* meeting */
.p2c-meeting-chat-item {
    position: relative;
    padding: 12px;
    border-radius: 4px;
    background: var(--dark-gray);
}

.p2c-meeting-chat-item.lead {
    float: left;
    margin-left: 10px;
}

.p2c-meeting-chat-item.deal {
    float: right;
    background: #ADEDF6;
    margin-right: 10px;
}

.p2c-meeting-chat-item svg {
    position: absolute;
    top: 10px;
}

.p2c-meeting-chat-item.lead svg {
    left: 1px;
    transform: translateX(-100%);
}

.p2c-meeting-chat-item.deal svg {
    right: 1px;
    transform: translateX(100%);
}

.p2c-proposal-table tr th {
    width: 200px;
}