@font-face {
    font-family: 'GT Walsheim Pro';
    src: url('../fonts/GTWalsheimTrial-Bl.woff2') format('woff2'),
    url('GTWalsheimTrial-Bl.woff') format('woff'),
    url('GTWalsheimTrial-Bl.ttf') format('truetype');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Walsheim Pro';
    src: url('../fonts/GTWalsheimTrial-Bd.woff2') format('woff2'),
        url('GTWalsheimTrial-Bd.woff') format('woff'),
        url('GTWalsheimTrial-Bd.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Walsheim Pro';
    src: url('../fonts/GTWalsheimTrial-Md.woff2') format('woff2'),
        url('GTWalsheimTrial-Md.woff') format('woff'),
        url('GTWalsheimTrial-Md.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Walsheim Pro';
    src: url('../fonts/GTWalsheimTrial-Rg.woff2') format('woff2'),
        url('GTWalsheimTrial-Rg.woff') format('woff'),
        url('GTWalsheimTrial-Rg.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Walsheim Pro';
    src: url('../fonts/GTWalsheimTrial-Lt.woff2') format('woff2'),
        url('GTWalsheimTrial-Lt.woff') format('woff'),
        url('GTWalsheimTrial-Lt.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'GT Walsheim Pro';
    src: url('../fonts/GTWalsheimTrial-Th.woff2') format('woff2'),
        url('GTWalsheimTrial-Th.woff') format('woff'),
        url('GTWalsheimTrial-Th.ttf') format('truetype');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}



/* Common Style Start */
.po-site {
    font-family: 'GT Walsheim Pro';
    font-weight: 400;
    color: #202020;
}
a {
    text-decoration: none;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.btn:active,
.btn:focus,
button:active,
button:focus,
input:active,
input:focus,
select:active,
select:focus,
textarea:active,
textarea:focus,
.page-link:focus {
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
}
b, strong {
    font-weight: 600;
}
.po-site-link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 8px;
    font-size: 14px;
    color: #202020;
}
.po-site-link:hover {
    color: #202020;
    opacity: 0.8;
}
.po-section-title {
    font-weight: 600;
    font-size: 28px;
    color: #000000;
    margin-bottom: 8px;
}
.po-section-subtitle {
    font-weight: 600;
    font-size: 18px;
    color: #202020;
    margin-bottom: 0;
}
.po-section-description {
    color: #000000;
    margin-bottom: 0;
}
.form-label {
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 4px;
}
.form-label span {
    color: #B9B9B9;
}
.form-select,
.form-control {
    padding: 11px 16px;
    background-color: #FFFFFF;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px;
    font-weight: 400;
    font-size: 14px;
}
.form-select {
    padding: 11px 40px 11px 16px;
}
.form-control::-webkit-input-placeholder {
    color: #999999;
}
.form-control::-moz-placeholder {
    color: #999999;
}
.form-control:-ms-input-placeholder {
    color: #999999;
}
.form-control::-ms-input-placeholder {
    color: #999999;
}
.form-control::placeholder {
    color: #999999;
}
.form-select:focus,
.form-control:focus {
    color: #202020;
    border-color: rgba(0, 0, 0, 0.1);
}
.form-control-sm {
    padding: 7px 16px;
}
.form-select-sm {
    padding: 7px 40px 7px 16px;    
}
.form-select {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3072 16.0095C11.6151 16.5428 12.3849 16.5428 12.6929 16.0095L15.6374 10.9095C15.9453 10.3761 15.5604 9.70947 14.9445 9.70947H9.05556C8.43972 9.70947 8.05482 10.3761 8.36274 10.9095L11.3072 16.0095Z' fill='%23202020'/%3E%3C/svg%3E%0A");
    background-size: 24px;
}
.form-control:disabled, 
.form-control[readonly] {
    color: #FF3B30;
    background-color: rgba(255, 59, 48, 0.05);
    border: 1px solid rgba(28, 28, 28, 0.15);
}
.po-input-icon-wrapper {
    position: relative;
}
.po-input-icon-wrapper .form-control,
.po-input-icon-wrapper .form-select {
    padding-right: 28px;
}
.po-input-icon {
    position: absolute;
    right: 8px;
    top: 9px;
    cursor: pointer;
}
.po-search-input-wrapper .po-input-icon:first-child {
    left: 10px;
    right: unset;
}
.po-search-input-wrapper .form-control {
    padding-left: 40px;
}
.po-verified-label {
    color: #999999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
.btn {
    padding: 11px 20px;
    border-radius: 8px;
    font-weight: 500;
    font-size: 14px;
}
.btn img {
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.po-btn-small {
    padding: 5px 16px;
    font-size: 16px;
}
.btn-primary {
    background-color: #0073E7;
    border-color: #0073E7;
}
.btn-link {
    color: #0073E7;
    text-decoration: none;
}
.btn-link:hover {
    color: #0073E7;
    opacity: 0.8;
}
.po-btn-icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: 8px;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
input[type="date"]::-webkit-calendar-picker-indicator,
input[type="time"]::-webkit-calendar-picker-indicator {
    opacity: 0;
}
input[type="time"] {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M21.25 12.0005C21.25 17.1095 17.109 21.2505 12 21.2505C6.891 21.2505 2.75 17.1095 2.75 12.0005C2.75 6.89149 6.891 2.75049 12 2.75049C17.109 2.75049 21.25 6.89149 21.25 12.0005Z' stroke='%23202020' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.4316 14.9429L11.6616 12.6939V7.84692' stroke='%23202020' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) center;
}
input.datepicker,
input.yearpicker,
input.datepickerRange {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 2.67383V5.67383' stroke='%231C1C1C' stroke-width='1.8' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M16 2.67383V5.67383' stroke='%231C1C1C' stroke-width='1.8' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M3.5 9.76758H20.5' stroke='%231C1C1C' stroke-width='1.8' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M18 3.67383H6C4.34315 3.67383 3 5.01697 3 6.67383V18.6738C3 20.3307 4.34315 21.6738 6 21.6738H18C19.6569 21.6738 21 20.3307 21 18.6738V6.67383C21 5.01697 19.6569 3.67383 18 3.67383Z' stroke='%231C1C1C' stroke-width='1.8' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.6938 14.377H15.7028' stroke='%231C1C1C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M15.6938 17.377H15.7028' stroke='%231C1C1C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9946 14.377H12.0036' stroke='%231C1C1C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M11.9946 17.377H12.0036' stroke='%231C1C1C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.29541 14.377H8.30439' stroke='%231C1C1C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M8.29541 17.377H8.30439' stroke='%231C1C1C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: calc(100% - 8px) center;
    padding-right: 40px;
}
.po-table-head .datepicker {
    max-width: 140px;
    background-size: 20px;
}
.btn-outline-primary {
    color: #0073E7;
    border-color: #0073E7;
}
.btn-outline-primary:hover {
    background-color: #0073E7;
    border-color: #0073E7;
}
.btn-outline-primary:hover img {
    -webkit-filter: brightness(100);
            filter: brightness(100);
}
.btn-outline-danger {
    color: #FF3B30;
    border-color: #FF3B30;
}
.btn-outline-danger:hover {
    background-color: #FF3B30;
    border-color: #0073E7;
}
.btn-outline-danger:hover img {
    -webkit-filter: brightness(100);
            filter: brightness(100);
}
.po-add-site-btn .btn-outline-primary {
    background-color: #FAF5EC;
    border: 2px dashed #0073E7;
    color: #0073E7;
}
.btn-outline-dark {
    border: 1px solid #E2E8F0;
    color: #131313;
}
.btn-outline-dark:hover {
    color: #fff;
    background-color: #131313;
    border-color: #131313;
}
.btn-outline-dark:hover img {
    -webkit-filter: invert(1);
            filter: invert(1);
}
.form-check-input {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 4px;
}
.form-check-input:checked {
    background-color: #0073e7;
    border-color: #0073e7;
}
.form-check-input[type=checkbox] {
    border-radius: 2px;
}
.po-col-spacing > .col {
    margin-bottom: 16px;
}
.table-striped>tbody>tr:nth-of-type(odd) {
    --bs-table-accent-bg: #ffffff;
    color: #334155;
}
.table-striped>tbody>tr:nth-of-type(even) {
    --bs-table-accent-bg: #F8FAFC;
    color: #334155;
}
.table>:not(caption)>*>* {
    padding: 10px 12px;
    border-bottom-width: 0;
}
.table thead tr,
.table thead .po-action-column {
    background-color: #F1F5F9;
}
.table thead th {
    font-weight: 500;
    font-size: 14px;
    color: #64748B;
    white-space: nowrap;
    vertical-align: top;
}
.table tbody td {
    font-size: 14px;
    color: #334155;
    white-space: nowrap;
}
.po-select-column {
    width: 40px;
    min-width: 40px;
}
.po-select-record {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.po-select-record .form-check-input {
    width: 16px;
    height: 16px;
    margin-top: 0;
}
.po-action-column {
    width: 40px;
    min-width: 40px;
    text-align: center;
    position: sticky;
    right: 0;
}
.po-date-col {
    width: 150px;
    min-width: 150px;
}
.po-btn-action-column {
    width: 200px;
    min-width: 200px;
}
.dropdown-menu {
    min-width: 260px;
    padding: 16px;
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
            box-shadow: 0px 0px 13px rgba(0, 0, 0, 0.15);
    border-radius: 16px;
    max-height: 200px;
    overflow: auto;
}
.po-table-column-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.po-table-column-item:not(:last-child) {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #E8E8E8;
}
.po-table-column-item .form-check-label {
    font-size: 14px;
    color: #131313;
}
.po-table-action .dropdown-toggle::after {
    display: none;
}
.po-table-action .dropdown-toggle {
    cursor: pointer;
}
.po-table-wrapper .po-header-sticky thead {
    position: sticky;
    top: 0;
    z-index: 1;
}
.po-status-badge {
    padding: 2px 12px;
    font-size: 14px;
    border-radius: 100px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
    font-weight: 400;
}
.po-status-badge::before {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 50%;
}
.po-status-badge.active,
.po-status-badge.available,
.po-status-badge.complete,
.po-status-badge.accepted,
.po-status-badge.approved {
    color: #10B981;
    background-color: #D1FAE5;
}
.po-status-badge.active::before,
.po-status-badge.available::before,
.po-status-badge.complete::before,
.po-status-badge.accepted::before,
.po-status-badge.approved::before {
    background-color: #10B981;
}
.po-status-badge.report {
    color: #00A64A;
    background-color: #D0FBE5;
}
.po-status-badge.report::before {
    background-color: #00A64A;
}
.po-status-badge.nonCritical {
    color: #BC8000;
    background-color: #FFE7BF;
}
.po-status-badge.nonCritical::before {
    background-color: #BC8000;
}
.po-status-badge.pending {
    color: #1F7EDE;
    background-color: rgba(159, 209, 255, 0.5);
}
.po-status-badge.pending::before {
    background-color: #1F7EDE;
}
.po-status-badge.reject,
.po-status-badge.unavailable {
    color: #334155;
    background-color: #EAEBED;
}
.po-status-badge.reject::before,
.po-status-badge.unavailable::before {
    background-color: #334155;
}
.po-status-badge.inactive,
.po-status-badge.declined,
.po-status-badge.critical {
    color: #FF3B30;
    background-color: #FFDEDD;
}
.po-status-badge.inactive::before,
.po-status-badge.declined::before,
.po-status-badge.critical::before {
    background-color: #FF3B30;
}
.po-pagination-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 15px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 16px;
}
.po-pagination-wrapper .pagination {
    margin-bottom: 0;
    gap: 8px;
}
.po-pagination-wrapper .page-link {
    width: 36px;
    height: 36px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #FFFFFF;
    border: 1px solid rgba(28, 28, 28, 0.15);
    border-radius: 4px;
    font-size: 15px;
    color: #1C1C1C;
}
.page-item.active .page-link,
.po-pagination-wrapper .page-link:hover {
    background-color: #0073E7;
    color: #ffffff;
}
.po-pagination-wrapper .page-link:hover img {
    -webkit-filter: brightness(100);
            filter: brightness(100);
}
.po-pagination-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.datepicker-dropdown {
    max-height: unset;
    min-width: unset;
    overflow: unset;
}
.datepicker thead th {
    font-weight: 600;
}
.datepicker td, .datepicker th {
    width: 30px;
    height: 30px;
}
.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover,
.datepicker table tr td.active.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled.active, .datepicker table tr td.active.disabled.disabled, .datepicker table tr td.active.disabled:active, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active.disabled:hover.active, .datepicker table tr td.active.disabled:hover.disabled, .datepicker table tr td.active.disabled:hover:active, .datepicker table tr td.active.disabled:hover:hover, .datepicker table tr td.active.disabled:hover[disabled], .datepicker table tr td.active.disabled[disabled], .datepicker table tr td.active:active, .datepicker table tr td.active:hover, .datepicker table tr td.active:hover.active, .datepicker table tr td.active:hover.disabled, .datepicker table tr td.active:hover:active, .datepicker table tr td.active:hover:hover, .datepicker table tr td.active:hover[disabled], .datepicker table tr td.active[disabled] {
    background: #0073E7;
}
.text-danger {
    color: #FF3B30 !important;
}
.sidebar-btn,
.po-edit-btn {
    cursor: pointer;
}
.accordion-button {
    font-size: 15px;
    color: #1C1C1C;
    padding: 8px 16px;
    border-radius: 4px;
    border: 1px solid rgba(28, 28, 28, 0.15);
}
.accordion-button:focus {
    border: 1px solid rgba(28, 28, 28, 0.15);
}
.accordion-button:not(.collapsed) {
    color: #1C1C1C;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
}
.accordion-flush .accordion-item .accordion-button {
    border-radius: 4px;
}
.accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
}
.accordion-body {
    padding: 1rem 0;
}
.accordion-button::after,
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='8' viewBox='0 0 9 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.65065 7.08852C5.25898 7.71518 4.34632 7.71518 3.95465 7.08851L0.758898 1.97531C0.342618 1.30926 0.821461 0.445312 1.6069 0.445312L7.9984 0.445312C8.78384 0.445312 9.26268 1.30926 8.8464 1.97531L5.65065 7.08852Z' fill='%231C1C1C'/%3E%3C/svg%3E%0A");
    background-size: 9px;
    background-position: center;
}
 .input-group> .form-control + .form-select {
    -webkit-box-flex: unset;
        -ms-flex: unset;
            flex: unset;
 }
 .po-action-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}
 .po-icon-action-btn {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 32px;
    height: 32px;
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 6px;
    padding: 0;
 }
 .po-icon-action-btn:hover {
    background-color: #0073E7;
 }
 .po-icon-action-btn:hover img {
    -webkit-filter: invert(1);
            filter: invert(1);
 }
 .po-icon-menu-link {
     font-size: 14px;
    color: #131313;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    padding: 8px 0;
 }
 .po-icon-menu-link:hover {
    color: #131313;
    opacity: 0.8;
}
.po-icon-menu-item:not(:last-child) .po-icon-menu-link {
    border-bottom: 1px solid #E8E8E8;
}
/* Common Style End */

/* Create Account Page Start */
.po-register-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.po-register-sidebar {
    width: 445px;
    background-color: #FAFAFA;
    height: 100vh;
    padding: 55px 25px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    background-image: url(../images/logo-subtract.svg);
    background-position: 100% calc(100% - 80px);
    background-repeat: no-repeat;
}
.po-register-logo {
    margin-bottom: 85px;
}
.po-register-steps-list {
    margin-bottom: 50px;
    max-height: calc(100vh - 306px);
    overflow: auto;
}
.po-register-step-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    opacity: 0.3;
}
.po-register-step-item.active {
    opacity: 1;
}
.po-register-step-item:not(:last-child) {
    margin-bottom: 40px;
}
.po-register-step-icon {
    width: 56px;
    height: 56px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    z-index: 1;
}
.po-register-step-icon-j1 {
    width: 56px;
    height: 56px;
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 7px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
    z-index: 1;
}
.po-register-step-icon::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translate(-50%);
        -ms-transform: translate(-50%);
            transform: translate(-50%);
    width: 1px;
    height: 55px;
    background-color: #CCCCCC;
    z-index: -1;
}
.po-register-step-item:last-child .po-register-step-icon::after {
    display: none;
}
.po-register-step-info {
    width: calc(100% - 80px);
}
.po-register-step-title {
    font-weight: 600;
    font-size: 18px;
    color: #202020;
}
.po-register-step-text {
    font-size: 14px;
    line-height: 20px;
    color: #494949;
    margin-bottom: 0;
}
.po-register-footer-info {
    color: #4F9F8A;
    margin-bottom: 0;
}
.po-register-footer-info a {
    font-weight: 600;
    color: #0073E7;
}
.po-register-footer-info a:hover {
    color: #0073E7;
    opacity: 0.8;
}
.po-register-sidebar-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 10px;
    margin-top: auto;
}
.po-register-content-wrapper {
    width: calc(100% - 445px);
}
.po-register-content{
    height: 100%;
    padding: 30px;
    position: relative;
    overflow: auto;
}
.po-register-form-head {
    margin-bottom: 30px;
}
.po-register-form-logo {
    margin-bottom: 24px;
}
.po-register-form__inner {
    max-height: calc(100vh - 180px);
    overflow: auto;
    padding: 0 12px 0 0;
    min-height: 150px;
    padding-bottom: 10px;
}
.po-register-step-indicator {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 26px;
    position: absolute;
    bottom: 20px;
    left: 0;
    width: 100%;
    padding-top: 5px;
    background-color: #ffffff;
}
.po-register-step-indicator span {
    width: 80px;
    height: 4px;
    background-color: #CCCCCC;
    border-radius: 8px;
    display: block;
}
.po-register-step-indicator .active {
    background-color: #0073E7;
}
.po-register-form-btn {
    width: calc(50% - 12px);
}
.po-otp-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 20px;
}
.po-otp-wrapper .form-control {
    text-align: center;
    font-size: 32px;
    color: #000000;
    padding: 2px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.po-otp-wrapper .form-control.filled {
    border-color: #0073E7;
}
.po-form-notes {
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    margin-bottom: 0;
}
.po-form-notes a {
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    color: #0073E7;
}
.po-form-notes a:hover {
    color: #0073E7;
    opacity: 0.8;
}
.po-input-select-wrapper {
    position: relative;
}
.po-input-select-wrapper input#rates {
    padding-right: 20%;
}
.po-input-select-wrapper .form-select {
    position: absolute;
    width: auto;
    right: 1px;
    top: 11px;
    padding: 0 35px 0 10px;
    border: none;
    border-left: 2px solid rgba(0, 0, 0, 0.1);
    color: #0073E7;
    border-radius: 0;
}
.po-input-select-wrapper .form-select option {
    color: #202020;
}
.select2-hidden-accessible {
    display: none;
}
.select2 .img-flag {
    width: 24px;
    height: 24px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 50%;
}
.select2 .country-code {
    font-size: 15px;
    color: #202020;
    margin-left: 5px;
}
.select2-container {
    z-index: 1061;
}
.select2-container .select2-selection--single {
    height: 46px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 8px 0px 0px 8px;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 45px;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #0073e7;
}
.mobileCountries-wrapper .select2-container {
    width: 95px !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 45px;
    right: 10px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3072 16.0095C11.6151 16.5428 12.3849 16.5428 12.6929 16.0095L15.6374 10.9095C15.9453 10.3761 15.5604 9.70947 14.9445 9.70947H9.05556C8.43972 9.70947 8.05482 10.3761 8.36274 10.9095L11.3072 16.0095Z' fill='%23202020'/%3E%3C/svg%3E%0A");
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
    /* border-color: #454545 transparent transparent transparent; */
    display: none;
}
.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color: rgba(255, 59, 48, 0.05);
}
.mobileCountries-wrapper .po-input-icon-wrapper {
    width: calc(100% - 95px);
}
.mobileCountries-wrapper .form-control {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0 8px 8px 0;
}
.po-map-preview {
    line-height: 1;
}
.po-map-preview iframe {
    width: 100%;
    height: 160px;
    border-radius: 8px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    margin-top: 4px;
    line-height: 1;
}
.po-accept-term-condition .form-check-label {
    color: #595959;
}
.po-accept-term-condition .form-check-label a {
    font-weight: 500;
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
    color: #0073E7;
}
.po-subscription-plan-wrapper {
    width: 100%;
    padding: 0 30px 20px;
}
.po-subscription-plan-content {
    max-height: calc(100vh - 176px);
    overflow: auto;
    padding: 16px 12px 0;
}
.po-subscription-plan-list .row {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.po-subscription-plan-list .col {
    margin-bottom: 20px;
}
.po-subscription-card {
    padding: 16px;
    background-color: #FFFFFF;
    border: 1px solid #E2E8F0;
    border-radius: 2px;
    color: #334155;
    height: 100%;
}
.po-subscription-card-title {
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 0;
}
.po-subscription-card-description {
    font-size: 14px;
    color: #64748B;
    margin-bottom: 16px;
}
.po-subscription-price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    margin-bottom: 16px;
}
.po-subscription-price-amount {
    font-weight: 600;
    font-size: 36px;
    margin-bottom: 0;
}
.po-subscription-price-info {
    font-size: 14px;
    color: #64748B;
    margin-bottom: 0;
}
.po-subscription-card-head .btn {
    padding: 8px 16px;
    border-radius: 4px;
    font-weight: 400;
    margin-bottom: 16px;
}
.po-features-title {
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 8px;
}
.po-features-list {
    list-style: none;
    margin-bottom: 0;
}
.po-features-item {
    font-size: 14px;
    color: #64748B;
    position: relative;
}
.po-features-item:not(:last-child) {
    margin-bottom: 6px;
}
.po-features-item::before {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.75 12.75L10 15.25L16.25 8.75' stroke='%233B82F6' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    left: -32px;
    top: 0;
}
.po-subscription-badge-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: -32px;
    position: relative;
    z-index: 1;
}
.po-subscription-badge {
    font-size: 16px;
    color: #FFFFFF;
    padding: 4px 8px;
    background: #FC7000;
    border-radius: 8px;
    display: inline-block;
}
.po-subscription-notes-list {
    font-size: 16px;
    color: #939393;
    margin-bottom: 0;
    list-style: none;
    padding-left: 0;
}
.po-contact-Information_iiner {
    background-color: #E1EDFA;
    border-radius: 10px;
    padding: 0 10px 20px 10px;
    margin-top: 20px;
}
/* Create Account Page End */

/* Login Account Page Start */
.po-login-section {
    background-color: #1C1C1C;
    background-image: url(../images/login-back.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.po-login-wrapper {
    padding: 35px 15px 15px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    min-height: 100vh;
}
.po-login-wrapper__inner {
    width: 570px;
    max-width: 100%;
    margin: 0 auto;
}
.po-login-logo {
    text-align: center;
    margin-bottom: 40px;
}
.po-login-head {
    margin-bottom: 25px;
}
.po-login-head .po-section-title {
    color: #ffffff;
}
.po-login-head .po-section-description {
    color: #939393;
}
.po-login-form-wrapper {
    padding: 40px 28px;
    background-color: #FFFFFF;
    border-radius: 16px;
    margin-bottom: 20px;
}
.po-login-form-wrapper .po-site-link,
.po-login-form-wrapper .po-register-footer-info {
    color: #0073E7;
}
.po-login-form {
    padding: 0 12px;
}
.po-logo-upload-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}
.po-logo-upload-input {
    position: relative;
}
.po-logo-upload-input .form-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}
.po-logo-upload-preview {
    width: 100px;
    height: 100px;
}
.po-logo-upload-preview img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: center;
       object-position: center;
}
.po-login-back-link {
    margin-left: 35px;
    margin-top: auto;
}
.po-login-back-link .po-site-link {
    color: #ffffff;
}
/* Login Account Page End */

/* Dashboard Sidebar+Head Start */
.po-site-dashboard {
    background-color: #F5F5F6;
    padding: 16px;
}
.po-dashboard-content-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.po-site-sidebar {
    width: 240px;
    max-width: 100%;
    background-color: #fff;
    height: calc(100vh - 32px);
    padding: 25px 15px;
    border-right: 1px solid rgba(28, 28, 28, 0.15);
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.po-sidebar-logo {
    margin-bottom: 35px;
}
.po-sidebar-menu-wrapper {
    height: calc(100% - 87px);
    overflow: auto;
}
.po-sidebar-menu-item:not(:last-child) {
    margin-bottom: 8px;
}
.po-sidebar-menu-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    padding: 6px 12px;
    color: #1C1C1C;
    border-radius: 8px;
    line-height: 22px;
}
.po-sidebar-menu-link:hover,
.po-sidebar-menu-item.active .po-sidebar-menu-link {
    background-color: #0073E7;
    color: #ffffff;
}
.po-sidebar-menu-link-icon {
    width: 40px;
    height: 40px;
    background-color: #FFFFFF;
    border-radius: 8px;    
    display: -webkit-box;    
    display: -ms-flexbox;    
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
.po-sidebar-menu-link-text {
    width: calc(100% - 52px);
}
.po-site-content-area {
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    width: calc(100% - 240px);
}
.po-sidebar-toggle-logo {
    width: 50px;
    display: none;
}
.po-sidebar-toggle .po-site-sidebar .po-sidebar-logo-img, 
.po-sidebar-toggle .po-site-sidebar .po-sidebar-menu-link-text {
    display: none;
}
.po-sidebar-toggle .po-site-sidebar .po-sidebar-toggle-logo {
    display: block;
    margin: auto;
}
.po-sidebar-toggle .po-sidebar-menu-link-icon {
    border: 1px solid #1c1c1c;
}
.po-sidebar-toggle .po-site-sidebar {
    width: 110px;
}
.po-sidebar-toggle .po-site-content-area {
    width: calc(100% - 110px);
}
.po-sidebar-logo .sidebar-btn {
    width: 16px;
    height: 16px;
    color: #000;
    background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center / 1em auto no-repeat;
    position: absolute;
    left: calc(100% + 10px);
    top: 30px;
    display: none;
}
.po-site::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    z-index: 1;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
    z-index: 99;
}
.po-sidebar-toggle::before {
    opacity: 0;
    visibility: hidden;
}
.po-dashboard-head {
    background-color: #FFFFFF;
    border-bottom: 1px solid rgba(28, 28, 28, 0.15);
    padding: 13px 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.po-dashboard-head-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
    font-weight: 400;
    font-size: 16px;
    color: #939393;
    margin-bottom: 0;
}
.po-dashboard-head-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 24px;
}
.po-dashboard-head .form-select, 
.po-table-head .form-select {
    padding: 7px 40px 7px 16px;
}
.po-dashboard-head .form-control,
.po-table-head .form-control {
    padding: 7px 16px;
}
.po-dashboard-head .po-search-input-wrapper .form-control,
.po-table-head .po-search-input-wrapper .form-control {
    padding-left: 40px;
    width: 260px;
    max-width: 100%;
}
.po-dashboard-head .po-input-icon,
.po-table-head .po-input-icon {
    top: 5px;
}
.po-dashboard-head input[type="date"], 
.po-dashboard-head input[type="time"],
.po-table-head input[type="date"], 
.po-table-head input[type="time"] {
    background-size: 16px;
}
.po-head-profile  {
    color: #1C1C1C;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
}
.po-head-profile:hover {
    color: #1C1C1C;
    opacity: 0.8;
}
.po-head-profile img {
    width: 36px;
    height: 36px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 50%;
}
.po-dashboard-content {
    padding: 16px;
    background-color: #FDFCF9;
    height: calc(100vh - 96px);
    overflow: auto;
}
/* Dashboard Sidebar+Head End */

/* Admin/Hub Page Start */
.po-page-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 15px;
    margin-bottom: 16px;
}
.po-page-head-right {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
}
.po-page-title {
    font-weight: 600;
    font-size: 24px;
    color: #1C1C1C;
    margin-bottom: 0;
}
.po-page-description {
    margin-top: 8px;
    margin-bottom: 0;
    color: #939393;
}
.po-dashboard-card {
    background-color: #FFFFFF;
    -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.16);
    border-radius: 8px;
    padding: 16px;
    height: 100%;
}
.po-admin-data-wrapper .po-dashboard-card {
    border: 1px solid rgba(28, 28, 28, 0.15);
    -webkit-box-shadow: none;
            box-shadow: none;
}
.po-admin-data-label {
    font-weight: 400;
    font-size: 16px;
    color: #939393;
    margin-bottom: 9px;
}
.po-admin-data-count {
    font-weight: 500;
    font-size: 24px;
    color: #202020;
    margin-bottom: 9px;
}
.po-admin-data-text {
    font-weight: 400;
    font-size: 12px;
    color: #1C1C1C;
    margin-bottom: 0;
}
.po-table-scrollable .table-responsive {
    max-height: calc(100vh - 298px);
}
.po-table-scrollable.po-table-no-head .table-responsive {
    max-height: calc(100vh - 241px);
}
.po-table-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 16px;
}
.po-table-head .btn {
    font-size: 14px;
    border-radius: 6px;
    padding: 7px 16px;
}
.po-table-head .btn-outline-dark {
    background-color: #ffffff;
}
.po-table-head .btn-outline-dark:hover {
    background-color: #131313;
}
.po-table-head__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.po-table-head-label {
    font-size: 15px;
    color: #1C1C1C;
    margin-bottom: 0;
}
.po-table-title {
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0;
}
.po-table-head .po-site-link {
    color: #0073E7;
}
.po-dashboard-card .po-table-wrapper .table-responsive {
    overflow: auto;
    max-height: 305px;
}
.po-admin-table-item .table {
    margin-bottom: 0;
}
.po-admin-table-item:not(:last-child) {
    margin-bottom: 16px;
}
.po-clear-all-link {
    color: #0073E7;
    cursor: pointer;
}
/* Admin/Hub Page End */

/* Take:5 Health Check Page Start */
.modal-content {
    border: none;
    border-radius: 8PX;
}
.modal-header {
    padding: 40px;
    border-bottom: 1px solid rgba(28, 28, 28, 0.15);
}
.modal-body {
    padding: 40px;
}
.modal-footer {
    padding: 0 40px 40px;
    border-top: none;
}
.btn-close {
    color: #1C1C1C;
    opacity: 1;
}
.modal-title {
    font-weight: 600;
    font-size: 24px;
    color: #1C1C1C;
}
.po-modal-description {
    color: #676767;
    margin-bottom: 0;
}
.po-modal-form-item:not(:last-child) {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid rgba(28, 28, 28, 0.15);
}
.po-modal-form-title {
    font-weight: 600;
    font-size: 20px;
    color: #1C1C1C;
    margin-bottom: 16px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
}
.po-modal-form-subtitle {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 20px;
    color: #303030;
}
.po-modal-form-input-wrapper {
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
}
.po-modal-label-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 12px;
    margin-bottom: 8px;
    width: 100%;
}
.po-modal-label-wrapper .form-label {
    margin-bottom: 0;
    width: calc(100% - 48px);
}
.po-modal-form-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.po-modal-form-action-btn {
    cursor: pointer;
    -webkit-transition: all ease-in-out 0.3s;
    -o-transition: all ease-in-out 0.3s;
    transition: all ease-in-out 0.3s;
}
.po-modal-form-action-btn:hover {
    opacity: 0.8;
}
.po-modal-form-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
    gap: 16px;
    margin: 0;
}
.po-modal-form-btn .btn {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
}
.po-user-detail-card {
    background-color: #FFFFFF;
    border: 1px solid #0073E7;
    -webkit-box-shadow: 0px 4px 0px #0073E7;
            box-shadow: 0px 4px 0px #0073E7;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 40px;
}
.po-user-detail-card-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 10px;
    margin-bottom: 16px;
}
.po-user-detail-profile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}
.po-user-detail-profile-img {
    position: relative;
}
.po-user-detail-profile-img img {
    width: 48px;
    height: 48px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 50%;
}
.po-user-detail-profile-status {
    width: 12px;
    height: 12px;
    display: block;
    background-color: #28A745;
    border-radius: 50%;
    position: absolute;
    bottom: 2px;
    right: 2px;
}
.po-user-detail-profile-name {
    font-weight: 600;
    font-size: 20px;
    color: #1C1C1C;
    margin-bottom: 4px;
}
.po-user-detail-profile-designation {
    font-size: 14px;
    color: #1C1C1C;  
    margin-bottom: 0;
}
.po-user-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}
.po-user-detail-id {
    font-weight: 500;
    font-size: 14px;
    color: #1C1C1C;
    margin-bottom: 0;
}
.po-user-detail-registered {
    font-size: 14px;
    color: #939393;
    margin-bottom: 0;
}
.po-user-detail > * {
    position: relative;
}
.po-user-detail > *:not(:first-child)::before {
    content: "";
    position: absolute;
    top: 3px;
    left: -8px;
    width: 1px;
    height: calc(100% - 6px);
    background-color: rgba(0, 0, 0, 0.1);
}
.po-user-detail-wrapper .col:not(:last-child) {
    border-right: 1px solid #E6E6E6;
}
.po-user-detail-item-label {
    font-size: 14px;
    color: #939393;
    margin-bottom: 8px;
}
.po-user-detail-item-text {
    font-size: 16px;
    color: #1C1C1C;
    margin-bottom: 0;
}
.po-user-info-list {
    margin-bottom: 0;
}
.po-user-info-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.po-user-info-item:not(:last-child) {
    margin-bottom: 8px;
}
.po-user-info-text{
    font-size: 14px;
    color: #1C1C1C;
    margin-bottom: 0;
}
.po-form-review-qtn {
    font-size: 14px;
    color: #939393;
    margin-bottom: 8px;
    text-transform: capitalize;
}
.po-form-review-ans {
    font-size: 16px;
    color: #1C1C1C;
    margin-bottom: 0;
}
.accordion  .po-modal-form-title.collapsed {
    margin-bottom: 0;
}
.accordion-item-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    gap: 8px;
}
.accordion .po-modal-form-title {
    position: relative;
    cursor: pointer;
    width: calc(100% - 60px);
}
.accordion-item-head .form-check-input {
    margin-left: auto;
}
.accordion-item-head::after {
    content: "";
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.3072 16.0095C11.6151 16.5428 12.3849 16.5428 12.6929 16.0095L15.6374 10.9095C15.9453 10.3761 15.5604 9.70947 14.9445 9.70947H9.05556C8.43972 9.70947 8.05482 10.3761 8.36274 10.9095L11.3072 16.0095Z' fill='%23202020'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
}
/* Take:5 Health Check Page End */

/* Manifest Management Page Start */
.po-modal-review-table:not(:last-child) {
    margin-bottom: 24px;
}
.po-modal-review-table .po-table-wrapper {
    border: 1px solid rgba(28, 28, 28, 0.15);
    border-radius: 8px;
}
.po-table-wrapper .table .po-btn-small {
    padding: 4px 20px;
    font-size: 12px;
}
.po-modal-review-table .po-table-wrapper .table {
    margin-bottom: 0;
}
.po-modal-review-table .po-table-wrapper thead th:first-child {
    border-radius: 8px 0 0 0;
}
.po-modal-review-table .po-table-wrapper thead th:last-child {
    border-radius: 0 8px 0 0;
}
.po-modal-review-table .po-table-wrapper tbody tr:last-child td:first-child {
    border-radius: 0 0 0 8px;
}
.po-modal-review-table .po-table-wrapper tbody tr:last-child td:last-child {
    border-radius: 0 00 8px 0;
}
/* Manifest Management Page End */

/* Assessment Issue Management Page Start */
.po-modal-form-photos-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 12px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}
.po-modal-form-photos-item > img {
    width: 105px;
    height: 90px;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 4px;
}
.po-photos-upload {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 16px;
}
.po-photos-upload-wrapper {
    width: 120px;
    height: 100%;
    background-color: #E9F3F0;
    border: 1px dashed #0073E7;
    border-radius: 8px;
    padding: 15px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    min-height: 90px;
}
.po-photos-upload-text {
    font-size: 12px;
    text-align: center;
    color: #1C1C1C;
    margin-bottom: 0;
}
.po-photos-upload-text span {
    color: #0073E7;
}
.po-photos-upload-wrapper .form-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}
.po-rating-star-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-bottom: 0;
}
.po-form-review-rate {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 0;
}
/* Assessment Issue Management Page End */

/* Report Page Start */
.po-chart-wrapper {
    margin-bottom: 24px;
}
.po-chart-wrapper canvas {
    height: 250px !important;
}
.po-file-upload-btn-wrapper {
    position: relative;
}
.po-file-upload-btn-wrapper .form-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 1;
}
.po-file-upload-btn-preview {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 10px;
    padding: 8px 16px;
    background-color: #F5F5F6;
    border: 1px solid rgba(28, 28, 28, 0.15);
    border-radius: 8px;
}
.po-file-upload-remove-icon {
    margin-left: auto;
    cursor: pointer;
}
.po-file-upload-name {
    width: calc(100% - 70px);
}
.po-import-file-wrapper {
    background-color: #E8E8E8;
    border: 1px dashed #B5B5B5;
    border-radius: 8px;
    padding: 24px;
    position: relative;
}
.po-import-file-wrapper .form-control {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
}
.po-import-file-wrapper__inner {
    text-align: center;
}
.po-import-file-text {
    font-size: 14px;
    color: #8A8782;
    margin-top: 6px;
    margin-bottom: 12px;
}
.po-import-file-uploaded {
    border: 1px solid #0073E7;
    background-color: transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    padding: 24px 16px;
}
.po-import-file-upload-action {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 12px;
    margin-left: auto;
}
.po-import-file-info {
    margin-left: 8px;
    margin-bottom: 0;
}
/* Report Page End */

/* Doscuments Page Start */
.po-doscuments-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 8px;
}
.po-ppload-doc-drop .dropdown-toggle::after {
    display: none;
}
.po-summary-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 10px 0;
    border-bottom: 1px solid #E8E8E8;
}
.po-summary-label {
    margin-bottom: 0;
    font-size: 14px;
    color: #939393;
}
.po-summary-value {
    margin-bottom: 0;
    font-size: 16px;
    color: #1C1C1C;
}
.po-driver-report-content {
    padding: 16px 24px 24px;
}
.po-driver-report-tab-wrapper {
    border: 1px solid rgba(28, 28, 28, 0.15);
    border-radius: 8px;
}
.nav-tabs .nav-item {
    -webkit-box-flex: 1;
        -ms-flex: 1 1 0px;
            flex: 1 1 0;
}
.nav-tabs .nav-link {
    font-weight: 500;
    font-size: 16px;
    color: #939393;
    padding: 10px;
    width: 100%;
    border-width: 0 0 2px;
}
.nav-tabs .nav-link:hover,
.nav-tabs .nav-item.show .nav-link, 
.nav-tabs .nav-link.active {
    color: #0073E7;
    border-color: transparent transparent #0073E7;
}
.po-driver-report-card {
    background-color: #F5F5F6;
    border: 1px solid rgba(28, 28, 28, 0.15);
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 12px;
}
.po-driver-report-label {
    font-size: 16px;
    color: #939393;
    margin-bottom: 8px;
}
.po-driver-report-title {
    font-weight: 500;
    font-size: 24px;
    color: #1C1C1C;
    margin-bottom: 0;
}
.po-driver-report-card-footer {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(28, 28, 28, 0.15);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.po-driver-report-card-footer .po-driver-report-label {
    margin-bottom: 0;
}
.po-driver-report-card-footer .po-driver-report-title {
    font-size: 16px;
}
.po-driver-report-item .po-chart-wrapper {
    margin-bottom: 0;
}
.po-driver-report-item .po-chart-wrapper canvas {
    height: 210px !important;
}
.po-driver-report-table {
    padding: 24px 0;
}

/* Doscuments Page End */
.po-review-meeting {
    display: flex;
    align-items: center;
    gap: 8px;
}
.po-momre-added-field {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-top: 8px;
}
.po-momre-added-field .form-control {
    width: calc(100% - 26px);
}
/* Front Pages Start */
/* Subscription Page Start */
.po-header-topbar {
    background-color: #0073E7;
    padding: 8px 0;
}
.po-header-topbar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
}
.po-header-topbar-info {
    display: flex;
    align-items: center;
    gap: 30px;
    flex-wrap: wrap;
    margin-bottom: 0;
}
.po-header-topbar-info-item,
.po-header-topbar-info-link {
    display: flex;
    align-items: center;
    gap: 5px;
    flex-wrap: wrap;
    font-weight: 500;
    color: #FFFFFF;
}
.po-header-topbar-info-link:hover {
    opacity: 0.9;
    color: #FFFFFF;
}
.po-btn-style {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 20px rgba(31, 126, 222, 0.3);
    border-radius: 10px;
    color: #0073E7;
    transition: all 0.3s ease;
    
    position: relative;
    z-index: 1;
    cursor: pointer;
    transition: all 0.3s ease;
}
.po-site-header .navbar-nav {
    margin: auto;
}
.po-site-header .navbar {
    padding-top: 10px;
    padding-bottom: 10px;
}
.po-site-header .nav-link {
    font-weight: 500;
    color: #2B2E30;
}
.po-site-header .nav-link:hover {
    opacity: 0.8;
    color: #2B2E30;
}
.po-site-header .navbar-nav .nav-item {
    margin: 0 15px;
}
.navbar-expand-lg .navbar-nav .nav-link {
    padding: 0;
}
.po-header-btn {
    display: flex;
    align-items: center;
    gap: 20px;
}
.po-header-btn .btn-light {
    background-color: rgb(31 126 222 / 20%);
    color: #0073E7;
}
.po-front-page .po-btn-icon {
    gap: 20px;
}
.po-front-page .btn {
    padding: 8px 28px;
    font-size: 18px;
}
.po-section-space-sm {
    padding: 50px 0;
}
.po-section-space {
    padding: 120px 0;
}
.po-section-bg {
    background-color: #F9FBFC;
}
.po-front-section-head {
    width: 665px;
    max-width: 100%;
    margin: auto;
    margin-bottom: 40px;
}
.po-front-section-subtitle {
    font-weight: 500;
    color: #1F7EDE;
    margin-bottom: 5px;
    font-size: 16px;
}
.po-front-section-title {
    font-weight: 600;
    font-size: 40px;
    color: #2B2E30;
}
.po-front-section-description {
    color: rgba(43, 46, 48, 0.7);
    margin-bottom: 0;
}
.po-subscription-landing-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    flex-wrap: wrap;
    margin-bottom: 80px;
}
.po-subscription-landing-btn .btn {
    border-radius: 50px;
    padding: 12px 32px;
}
.btn-front-outline-dark {
    border-color: #2B2E30;
    color: #2B2E30;
}
.btn-front-outline-dark:hover {
    background-color: #2B2E30;
    color: #ffffff !important;
}
.po-subscription-card-wrapper__inner {
    width: 1100px;
    max-width: 100%;
    margin: auto;
}
.po-subscription-card-wrapper .po-subscription-card {
    border: 1.5px solid #E2E8F0;
    box-shadow: 0px 6px 37px rgba(0, 0, 0, 0.15);
    border-radius: 30px;
}
.po-subscription-card-wrapper .po-subscription-card-title {
    color: #334155;
    font-size: 25px;
    margin-bottom: 20px;
}
.po-subscription-card-wrapper .po-subscription-price {
    margin-bottom: 20px;
}
.po-subscription-card-wrapper .btn {
    border-radius: 15px;
    font-size: 16px;
    padding: 9px 19px;
}
.po-subscription-card-wrapper .po-subscription-price-amount {
    font-size: 44px;
}
.po-smallEnterprise-subscription-card .po-subscription-price-amount {
    color: #5AA63E;
}
.po-smallEnterprise-subscription-card button.btn.btn-primary.mb-0 {
    background-color: #5AA53E;
}
.po-mediumEnterprise-subscription-card .po-subscription-price-amount {
    color: #1F7EDE;
}
.po-mediumEnterprise-subscription-card button.btn.btn-primary.mb-0 {
    background-color: #0073E7;
}
.po-largeEnterprise-subscription-card .po-subscription-price-amount {
    color: #FF932D;
}
.po-largeEnterprise-subscription-card button.btn.btn-primary.mb-0 {
    background-color: #FF932D;
}
.po-overview-features-list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 0;
}
.po-overview-features-item {
    display: flex;
    align-items: center;
    gap: 10px;
    width: calc(50% - 10px);
}
.po-overview-features-text {
    color: #2B2E30;
    margin-bottom: 0;
}
.po-include-section .po-front-section-subtitle {
    margin-bottom: 10px;
    font-size: 18px;
}
.po-include-card {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 26px rgba(31, 126, 222, 0.2);
    border-radius: 10px;
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    height: 100%;
}
.po-include-card-img {
    width: 220px;
    max-width: 100%;
    min-height: 285px;
    height: 100%;
}
.po-include-card-img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    box-shadow: 0px 4px 15px rgba(31, 126, 222, 0.3);
    border-radius: 10px;
}
.po-include-card-detail {
    width: calc(100% - 240px);
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.po-include-card-title {
    font-weight: 600;
    font-size: 20px;
    color: #2B2E30;
    margin-bottom: 15px;
}
.po-include-card-description {
    color: #2B2E30;
    opacity: 0.8;
    margin-bottom: 10px;
}
.po-include-card-wrapper .col {
    margin-bottom: 20px;
}
.po-include-item:nth-child(even) .row {
    flex-direction: row-reverse;
}
.po-faq-list .accordion-item {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 26px rgba(31, 126, 222, 0.2);
    border-radius: 15px;
}
.po-faq-list .accordion-item:not(:last-child) {
    margin-bottom: 15px;
}
.po-faq-list .accordion-button {
    border: none;
    padding: 10px 20px;
    border-radius: 15px;
}
.po-faq-list .accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.po-faq-list .accordion-item:last-of-type .accordion-button.collapsed {
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}
.po-faq-list .accordion-button:not(.collapsed) {
    border-radius: 15px 15px 0 0;
    color: #2B2E30;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
}
.po-faq-list .accordion-body {
    padding: 10px 20px;
    color: rgba(43, 46, 48, 0.7);
}
.po-faq-list .accordion-button::after, 
.po-faq-list .accordion-button:not(.collapsed)::after {
    width: 40px;
    height: 40px;
    background-image: url(../images/plus-light-icon.svg);
    background-color: #1F7EDE;
    border-radius: 50%;
    background-size: 20px;
    box-shadow: 0px 4px 10px rgba(31, 126, 222, 0.3);
}
.po-faq-list .accordion-button:not(.collapsed)::after {
    background-image: url(../images/minus-light-icon.svg);    
}
.po-footer-topbar {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding: 15px 0;
}
.po-footer-topmenu {
    display: flex;
    align-items: center;
    gap: 50px;
    margin-bottom: 0;
}
.po-footer-topmenu-link {
    color: #2B2E30;
}
.po-footer-topmenu-link:hover {
    color: #2B2E30;
    opacity: 0.8;
}
.po-footer-topbar-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.po-footer-logo-link {
    display: block;
}
.po-footer-description {
    color: #2B2E30;
    margin-bottom: 0;
}
.po-footer-content {
    background-color: #1F7EDE;
    padding: 40px 0 15px;
    color: #FFFFFF;
}
.po-footer-quick-title {
    font-weight: 500;
    font-size: 20px;
    margin-bottom: 8px;
}
.po-footer-menu {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 30px;
}
.po-footer-link {
    font-weight: 500;
    font-size: 16px;
    color: #FFFFFF;
    opacity: 0.7;
    padding-bottom: 10px;
    position: relative;
    display: block;
}
.po-footer-link::before {
    content: "";
    position: absolute;
    width: 14px;
    height: 1px;
    background-color: #FFFFFF;
    border-radius: 50px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    opacity: 0;
}
.po-footer-link:hover,
.po-footer-link.active,
.po-footer-link:hover::before,
.po-footer-link.active::before {
    opacity: 1;
    color: #ffffff;
}
.po-footer-quick-wrapper {
    margin-bottom: 15px;
}
.po-footer-bottombar {
    padding-top: 25px;
    border-top: 1px solid rgba(159, 209, 255, 0.10);
}
.po-social-list {
    margin-bottom: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}
.po-social-item {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.12);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.po-copyright-text {
    color: rgba(255, 255, 255, 0.7);
    margin-bottom: 0;
    text-align: center;
}
.po-copyright-text span {
    color: #464646;
}
.navbar-toggler {
    position: relative;
    padding: 0;
    order: 3;
    z-index: 101;
}
.navbar-toggler-icons {
    display: block;
    width: 35px;
    height: 3px;
    background-color: #0073e7;
    margin-bottom: 5px;
    position: relative;
    border-radius: 50%;
    transition: all ease-in-out 0.3s;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icons:nth-child(1) {
    rotate: 45deg;
    margin-bottom: 0;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icons:nth-child(2) {
    opacity: 0;
    margin-bottom: 0;
}
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icons:nth-child(3) {
    rotate: -45deg;
    margin-bottom: 0;
    bottom: 5px;
}
.po-site-menu-open {
    overflow: hidden;
}
/* Subscription Page End */

/* Home Page Start */
.po-app-download-list {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    gap: 12px;
}
.po-landing-section {
    background-image: url(../images/landing-back.png);
    background-size: cover;
    background-position: bottom;
    padding: 135px 0 350px;
}
.po-trusted-section {
    margin-top: -35px;
    position: relative;
    z-index: 1;
}
.po-trusted-content {
    background-color: #2D2D2D;
    border-radius: 20px;
    color: #ffffff;
    padding: 30px 25px;
    display: flex;
    align-items: center;
    gap: 60px;
}
.po-trusted-prcentage {
    font-weight: 500;
    font-size: 30px;
    margin-bottom: 0;
    margin-left: 20px;
    position: relative;
    padding: 75px 15px;
}
.po-trusted-prcentage::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: 50%;
    transform: rotate(25deg);
}
.po-trusted-text {
    margin-bottom: 0;
}
.po-trusted-title {
    font-weight: 600;
    font-size: 22px;
    color: #2B2E30;
    margin-bottom: 20px;
}
.po-trusted-title span {
    color: #1F7EDE;
}
.po-trusted-slide img {
    opacity: 50%;
}
.po-vision-list {
    margin-bottom: 30px;
}
.po-vision-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}
.po-vision-item:not(:last-child) {
    margin-bottom: 12px;
}
.po-vision-text {
    width: calc(100% - 45px);
    margin-bottom: 0;
}
.po-include-card .btn {
    gap: 15px;
    padding: 5px 15px;
    font-size: 14px;
    margin-top: auto;
}
.po-benefits-card-wrapper {
    background-color: #1F7EDE;
    border: 8px solid #FFFFFF;
    border-radius: 15px;
    padding: 10px;
}
.po-benefits-card {
    background-color: #000;
    background-color: rgba(254, 254, 255, 0.3);
    border-radius: 15px;
    padding: 15px 25px;
}
.po-benefits-card-title {
    font-weight: 600;
    font-size: 20px;
    color: #FFFFFF;
    -webkit-text-stroke: 1px solid rgba(43, 46, 48, 0.1);
    margin-bottom: 8px;
}
.po-benefits-card-text {
    color: rgba(255, 255, 255, 0.75);
    margin-bottom: 0;
}
.po-benefit-new-way {
    background-color: #fff;
}
.po-benefit-new-way .po-benefits-card-title {
    color: #1F7EDE;
}
.po-benefit-new-way .po-benefits-card-text {
    color: #2B2E30;
}
.po-benefits-card-img {
    height: 245px;
}
.po-benefits-card-img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.po-benifit {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-bottom: 20px;
}
.po-benefits-chart-wrapper {
    position: relative;
    width: 70px;
    height: 70px;
}
.po-benefits-chart-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0;
    width: calc(100% - 23px);
    height: calc(100% - 23px);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #E2EEFB;
    z-index: -1;
    border-radius: 50%;
}
.po-benefits-chart-description {
    color: rgba(43, 46, 48, 0.7);
    margin-bottom: 0;
    width: calc(100% - 80px);
}
.po-benefits-content-wrapper .po-front-section-description {
    margin-bottom: 35px;
}
.po-preview-section {
    position: relative;
}
.po-preview-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(31, 126, 222, 0.2);
    filter: blur(57px);
    z-index: -1;
}
.po-preview-slide {
    padding: 0 12px;
}
.po-preview-slide img {
    width: 100%;
}
.slick-arrow {
    position: absolute;
    top: -45px;
    right: 0;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 5C16 5.742 16.733 6.85 17.475 7.78C18.429 8.98 19.569 10.027 20.876 10.826C21.856 11.425 23.044 12 24 12M24 12C23.044 12 21.855 12.575 20.876 13.174C19.569 13.974 18.429 15.021 17.475 16.219C16.733 17.15 16 18.26 16 19M24 12H0' stroke='white' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    width: 40px;
    height: 40px;
    font-size: 0;
    border-radius: 50%;
    background-size: 24px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #2B2E30;
    border: 1px solid #FFFFFF;
    box-shadow: 0px 5px 11px rgba(43, 46, 48, 0.49);
    z-index: 2;
}
.po-preview-slider .slick-prev {
    right: 50px;
    transform: rotate(180deg);
    box-shadow: 0px -5px 11px rgba(43, 46, 48, 0.49);
}
.slick-arrow:hover {
    background-color: #1F7EDE;
}
.po-preview-slider::before {
    content: "";
    position: absolute;
    top: -10%;
    left: -80px;
    width: 200px;
    height: calc(100% + 20%);
    background-color: #D2E5F8;
    filter: blur(57px);
    z-index: 1;
}
.po-preview-slider::after {
    content: "";
    position: absolute;
    top: -10%;
    right: -80px;
    width: 200px;
    height: calc(100% + 20%);
    background-color: #D2E5F8;
    filter: blur(57px);
    z-index: 1;
}
.po-how-work-number {
    background-color: #F9FBFC;
    border: 1px solid #1F7EDE;
    box-shadow: 0px 5px 11px rgba(31, 126, 222, 0.37);
    border-radius: 8px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.po-how-work-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    position: relative;
}
.po-how-work-item::before {
    content: "";
    position: absolute;
    top: 50px;
    left: 24px;
    border: 1px dashed #1F7EDE;
    width: 1px;
    height: calc(100%);
}
.po-how-work-item:last-child:before {
    display: none;
}
.po-how-work-detail {
    width: calc(100% - 55px);
}
.po-how-work-title {
    font-weight: 500;
    font-size: 18px;
    color: #6B6D6E;
    margin-bottom: 8px;
}
.po-how-work-description {
    color: #2B2E30;
    opacity: 0.8;
    margin-bottom: 0;
}
.po-how-work-item:not(:last-child) {
    margin-bottom: 50px;
}
.po-how-work-item.active .po-how-work-number {
    background-color: #1F7EDE;
    color: #FFFFFF;
}
.po-how-work-item.active .po-how-work-title {
    color: #1F7EDE;
}
.po-plans-wrapper {
    padding: 40px 50px;
    background-image: url(../images/plans-bg.png);
    border-radius: 12px;
}
.po-plans-detail {
    color: #FFFFFF;
}
.po-plans-subtitle {
    font-weight: 400;
    font-size: 14px;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
}
.po-plans-title {
    font-weight: 600;
    font-size: 40px;
    text-transform: capitalize;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.45);
    margin-bottom: 30px;
}
.po-plans-description {
    margin-bottom: 30px;
}
.po-plans-btn {
    display: flex;
    align-items: center;
    gap: 20px;
}
.po-plans-btn .btn {
    border-radius: 60px;
    font-size: 16px;
}
.po-subscription-card-wrapper {
    margin-bottom: 30px;
}
.po-plans-card-wrapper .po-subscription-card-title {
    font-size: 19px;
    margin-bottom: 12px;
}
.po-plans-card-wrapper .po-subscription-price-amount {
    font-size: 30px;
}
.po-plans-card-wrapper .po-subscription-price-info {
    font-size: 12px;
}
.po-plans-card-wrapper .po-subscription-price {
    margin-bottom: 12px;
}
.po-plans-card-wrapper .po-subscription-card-wrapper .btn {
    border-radius: 10px;
    font-size: 12px;
    padding: 6px 12px;
}
.po-plans-card-wrapper .po-subscription-card {
    border-radius: 20px;
}
.po-subscription-badge {
    font-size: 12px;
}
.po-plan-features-wrapper {
    background-color: rgba(255, 255, 255, 0.09);
    border: 1px solid rgba(226, 232, 240, 0.2);
    box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.4);
    backdrop-filter: blur(15px);
    border-radius: 20px;
    padding: 15px;
    color: #ffffff;
}
.po-plan-features-title {
    font-weight: 600;
    font-size: 12px;
    color: #FFFFFF;
    margin-bottom: 6px;
}
.po-plan-features-list {
    margin-bottom: 0;
}
.po-plan-features-item {
    font-size: 14px;
    opacity: 0.8;
    position: relative;
    padding-left: 26px;
}
.po-plan-features-item:not(:last-child) {
    margin-bottom: 8px;
}
.po-plan-features-item::before {
    content: "";
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='21' viewBox='0 0 21 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_500_1554)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.61736 18.9491C4.83478 18.9491 0.947266 15.0611 0.947266 10.279C0.947266 5.49687 4.83478 1.60889 9.61736 1.60889C12.0248 1.60889 14.2694 2.56854 15.9289 4.32498C15.9649 4.36124 15.9867 4.40912 15.9905 4.46003C15.9943 4.51094 15.9798 4.56153 15.9497 4.60273L16.4586 5.26803C16.5555 5.2182 16.6819 5.22881 16.7585 5.35015C17.767 6.79747 18.2875 8.50593 18.2875 10.2785C18.2875 15.0611 14.3999 18.9491 9.61736 18.9491ZM9.61736 17.1594C5.82719 17.1594 2.73647 14.0687 2.73647 10.279C2.73647 6.48928 5.82719 3.39762 9.61736 3.39762C11.4227 3.39762 13.1307 4.09706 14.4156 5.34923C14.4371 5.36792 14.4547 5.39068 14.4674 5.4162C14.4801 5.44173 14.4876 5.46951 14.4895 5.49794C14.4914 5.52638 14.4876 5.55491 14.4784 5.58188C14.4692 5.60886 14.4548 5.63375 14.4359 5.65512L15.08 6.45467C15.1783 6.397 15.3144 6.40254 15.3919 6.52065C18.3161 10.971 15.1427 17.1594 9.61736 17.1594Z' fill='white'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.84465 14.7358C9.79885 14.7351 9.75428 14.7209 9.71658 14.6948C9.67889 14.6688 9.64976 14.6322 9.63288 14.5896C9.61674 14.5573 8.21786 10.9457 6.05449 9.57909C5.63141 9.31887 5.30614 9.04251 5.43625 8.42427C5.56635 7.82264 5.97282 7.48077 6.70502 7.31836C8.00609 7.04154 9.40543 9.05866 9.92539 9.8882C11.7478 7.23716 15.3913 3.07282 20.6943 2.58469C20.9499 2.5547 21.0449 2.93395 20.8082 3.04007C20.727 3.07236 13.1467 6.53726 10.0721 14.6057C10.0491 14.6456 10.016 14.6787 9.97599 14.7016C9.93602 14.7244 9.8907 14.7363 9.84465 14.7358Z' fill='%231F7EDE'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_500_1554'%3E%3Crect width='20' height='20' fill='white' transform='translate(0.946289 0.278809)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    position: absolute;
    left: 0;
    top: 2px;
}
.po-front-modal .modal-header {
    padding: 15px 24px;
    border-bottom: 1px solid rgba(28, 28, 28, 0.15);
}
.po-front-modal .modal-title {
    font-size: 20px;
}
.po-front-modal .modal-body {
    padding: 24px;
}
.po-front-modal .btn-close {
    padding: 0;
    width: 30px;
    background: unset;
    height: 30px;
}
.po-detail-form-wrapper .form-select, 
.po-detail-form-wrapper .form-control {
    background-color: #EBF5FE;
}
.po-detail-form-wrapper .select2-container .select2-selection--single {
    background-color: #ebf5fe;
}
.po-detail-form-wrapper .btn {
    background-color: #1F7EDE;
    font-size: 16px;
}
.po-detail-gender-wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
}
.po-transportation-landing-section {
    background-image: url(../images/transport-back.png);
}
.po-coreFeatures-card {
    background-color: #FFFFFF;
    box-shadow: 0px 0px 26px rgba(31, 126, 222, 0.2);
    border-radius: 10px;
    padding: 15px;
    border: 1px solid #ffffff;
    transition: all ease-in-out 0.3s;
    height: 100%;
}
.po-coreFeatures-card:hover {
    border: 1px solid #1F7EDE;
}
.po-coreFeatures-card-head {
    margin-bottom: 30px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}
.po-coreFeatures-icon {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1F7EDE;
    box-shadow: 0px 4px 15px rgba(31, 126, 222, 0.3);
    border-radius: 10px;
}
.po-coreFeatures-link {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(31, 126, 222, 0.12);
    opacity: 0;
    transition: all ease-in-out 0.3s;
    cursor: pointer;
}
.po-coreFeatures-card:hover .po-coreFeatures-link {
    opacity: 1;
}
.po-coreFeatures-title {
    font-weight: 500;
    font-size: 20px;
    color: #2B2E30;
    margin-bottom: 10px;
}
.po-coreFeatures-text {
    font-size: 16px;
    color: #2B2E30;
    opacity: 0.8;
    margin-bottom: 0;
}
.po-coreFeatures-list .col {
    margin-bottom: 20px;
}
.po-featuresDetail-title {
    display: flex;
    align-items: center;
    gap: 15px;
}
.po-features-description {
    color: #000000;
    margin-bottom: 15px;
}
.po-features-description p {
    margin-bottom: 0;
}
.po-benefits-title {
    font-weight: 600;
    font-size: 20px;
    color: #2B2E30;
    margin-bottom: 15px;
}
.po-benefits-item {
    display: flex;
    align-items: flex-start;
    gap: 15px;
    margin-bottom: 15px;
}
.po-benefits-item:last-child {
    margin-bottom: 0;
}
/* Home Page End */
/* Front Pages End */

/* Role Permission Pages Start */
.po-sm-modal .modal-header {
    padding: 24px;
}
.po-permission-edit-head {
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 26px;
}
.po-permission-edit-label {
    color: rgba(0, 0, 0, 1);    
}
.po-permission-title {
    font-weight: 500;
    color: #0073E7;
    margin-bottom: 15px;
}
.po-permission-item:not(:last-child) {
    margin-bottom: 15px;
}
.po-permission-item .form-check-label {
    display: inline-flex;
    gap: 5px;
}
.po-permission-item .form-check-label img {
    cursor: pointer;
}
/* Role Permission Pages End */

/* Responsive Start */
@media (min-width: 992px) {
    .modal-lg, .modal-xl {
        max-width: 900px;
    }
}
@media (min-width: 1400px) {
    .container {
        max-width: 1347px;
    }
}
@media(max-width: 1599px) {
    .po-preview-slider::before {
        left: -30px;
        width: 120px;
    }
    .po-preview-slider::after {
        right: -30px;
        width: 120px;
    }
}
@media(max-width: 1199px) {
    .po-register-content {
        padding: 50px 20px 20px;
    }
    .po-subscription-plan-wrapper {
        padding: 0 0 20px;
    }
    .po-admin-data-wrapper .col {
        width: 33.33%;
        max-width: 33.33%;
        -webkit-box-flex: unset;
            -ms-flex: unset;
                flex: unset;
    }
    .po-table-head-left,
    .po-table-head-right-part {
        width: 100%;
    }
    .po-table-head-right-part .po-table-head__inner {
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
    }
    .po-head-profile >span {
        display: none;
    }
    .po-dashboard-head-right {
        gap: 15px;
    }
    .po-dashboard-head-title {
        gap: 15px;
    }
    /* Front Pages Start */
    .po-header-btn {
        margin-left: auto;
        margin-right: 15px;
    }
    .po-site-header .navbar-collapse {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 100;
    }
    .po-site-header .navbar-nav {
        height: 100vh;
        background-color: #fff;
        justify-content: center;
        align-items: center;
    }   
    .po-section-space {
        padding: 90px 0;
    }
    .po-footer-menu {
        gap: 20px;
        flex-wrap: wrap;
    } 
    .po-landing-section {
        padding: 135px 0 180px;
    }
    .po-trusted-content {
        gap: 40px;
    }
    .po-benefits-card-wrapper{
        margin-bottom: 30px;
    }
    .po-plans-detail {
        margin-bottom: 30px;
    }
    /* Front Pages End */
}
@media(max-width: 991px) {
    .btn {
        padding: 7px 16px;
    }
    .po-register-sidebar {
        width: 100%;
        height: auto;
    }
    .po-register-steps-list {
        max-height: unset;
    }
    .po-register-content-wrapper {
        width: 100%;
    }
    .po-register-content {
        height: auto;
    }
    .po-register-form__inner {
        max-height: 500px;
        margin-bottom: 20px;
    }
    .po-register-step-indicator {
        position: static;
    }
    .po-register-step-icon::after {
        height: 41px;
    }
    .po-subscription-plan-content {
        max-height: unset;
        padding-top: 0;
        overflow: unset;
    }

    .po-sidebar-toggle .po-site-sidebar .po-sidebar-logo-img, 
    .po-sidebar-toggle .po-site-sidebar .po-sidebar-menu-link-text {
        display: block;
    }
    .po-sidebar-toggle .po-site-sidebar .po-sidebar-toggle-logo {
        display: none;
    }
    .po-sidebar-toggle .po-sidebar-menu-link-icon {
        border: none;
    }
    .po-site-sidebar,
    .po-sidebar-toggle .po-site-sidebar {
        position: fixed;
        top: 0;
        right: 0;
        width: 240px;
        left: -280px;
        z-index: 100;
        height: 100vh;
    }
    .po-sidebar-toggle .po-site-sidebar {
        left: 0;
    }
    .po-site-content-area,
    .po-sidebar-toggle .po-site-content-area {
        width: 100%;
    }
    .po-sidebar-logo .sidebar-btn {
        display: block;
    }
    .po-sidebar-toggle::before {
        opacity: 1;
        visibility: visible;
    }
    .po-dashboard-head-right {
        gap: 15px;
    }
    .po-dashboard-head .po-search-input-wrapper .form-control, 
    .po-table-head .po-search-input-wrapper .form-control {
        width: 170px;
    }
    .po-page-title {
        font-size: 20px;
    }
    .modal-header,
    .modal-body {
        padding: 20px;
    }
    .modal-footer {
        padding: 0 20px 20px;
    }
    .modal-title {
        font-size: 22px;
    }
    .po-user-detail-card-head {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start;

    }
    /* Front Pages Start */
    .po-subscription-landing-btn .btn {
        padding: 7px 16px;
    }
    .po-subscription-card-wrapper__inner .row {
        justify-content: center;
    }
    .po-subscription-card-wrapper__inner .col {
        margin-bottom: 20px;
    }
    .po-footer-topbar-text {
        margin-top: 15px;
    }
    .po-footer-quick-wrapper .po-header-topbar-info {
        margin-top: 20px;
    }
    .po-landing-section {
        padding: 75px 0 250px;
    }
    .po-trusted-content {
        margin-bottom: 30px;
    }
    .po-vision-content {
        margin-bottom: 30px;
    }
    .po-how-work-content {
        margin-bottom: 30px;
    }
    .po-plans-wrapper {
        padding: 30px 40px;
    }
    .po-vision-img.text-center {
        margin-bottom: 30px;
    }
    /* Front Pages End */
}
@media(max-width: 767px) {    
    .po-register-step-info {
        width: 100%;
    }
    .po-register-step-icon::after {
        display: none;
    }
    .po-register-step-item {
        gap: 15px;
    }
    .po-register-step-item:not(:last-child) {
        margin-bottom: 20px;
    }
    .po-register-content {
        padding: 30px 15px 20px;
    }
    .po-register-step-indicator {
        gap: 10px;
    }
    .po-register-logo {
        margin-bottom: 50px;
    }
    .po-register-step-indicator span {
        width: 45px;
    }
    .po-otp-wrapper {
        gap: 5px;
    }
    .po-verify-btn {
        margin-top: 0;
    }
    .po-login-logo {
        margin-bottom: 40px;
    }
    .po-login-wrapper {
        padding: 35px 15px 20px;
    }
    .po-login-form-wrapper {
        padding: 20px 8px;
        margin-bottom: 50px;
    }
    .po-login-back-link {
        margin-left: 0;
    }
    .po-logo-upload-preview {
        width: 80px;
        height: 80px;
    }
    .po-dashboard-head-left {
        width: 100%;
    }
    .po-dashboard-head-left .sidebar-btn {
        margin-right: auto;
    }
    .po-dashboard-head-right {
        gap: 15px;
        width: 100%;
    }
    .po-head-notification {
        margin-left: auto;
    }
    .po-admin-data-wrapper .col {
        width: 100%;
        max-width: 100%;
    }
    .po-table-head-left-part .po-table-head__inner,
    .po-table-head-right-part .po-table-head__inner {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .po-table-head__inner .po-search-input-wrapper {
        max-width: calc(50% - 11px);
    }
    .po-table-head-right-part .po-table-head__inner {
        -webkit-box-pack: start;
            -ms-flex-pack: start;
                justify-content: flex-start;
    }
    .po-page-head {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    }
    .po-dashboard-content {
        height: calc(100vh - 140px);
    }
    .po-pagination-wrapper {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
            -ms-flex-direction: column-reverse;
                flex-direction: column-reverse;
        -webkit-box-align: center;
            -ms-flex-align: center;
                align-items: center;
    }
    .po-pagination-wrapper .pagination {
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
        -webkit-box-pack: center;
            -ms-flex-pack: center;
                justify-content: center;
    }
    .modal-title {
        font-size: 20px;
    }
    .po-modal-form-title {
        font-size: 18px;
    }
    .modal-header, .modal-body {
        padding: 15px;
    }
    .modal-footer {
        padding: 0 15px 15px;
    }
    .po-register-form-btn {
        width: 100%;
    }
    /* Front Pages Start */
    .navbar-toggler {
        order: 2;
    }
    .po-header-btn {
        order: 3;
        width: 100%;
        margin: 10px 0 0;
    }
    .po-header-btn .btn {
        flex: 1;
    }
    .po-subscription-landing-btn {
        margin-bottom: 50px;
    }
    .po-front-section-title {
        font-size: 30px;
    }
    .po-subscription-card-wrapper__inner .col:nth-child(2) {
        margin-top: 20px;
    }
    .po-overview-features-item {
        width: 100%;
    }
    .po-overview-features-list {
        gap: 15px;
    }
    .po-section-space {
        padding: 70px 0;
    }
    .po-include-card-img {
        width: 100%;
        height: 160px;
        min-height: unset;
    }
    .po-include-card-detail {
        width: 100%;
    }
    .po-include-card-title {
        margin-bottom: 10px;
    }
    .po-footer-topbar-content {
        flex-wrap: wrap;
    }
    .po-header-topbar-info {
        gap: 15px;
    }
    .po-trusted-content {
        flex-wrap: wrap;
        gap: 20px;
    }
    .po-trusted-prcentage {
        margin: auto;
    }
    .po-benefit-new-way {
        margin-top: 20px;
    }
    .po-benifit {
        margin-bottom: 30px;
    }
    .po-preview-slider::after,
    .po-preview-slider::before {
        display: none;
    }
    .po-plans-wrapper {
        padding: 20px;
    }
    .po-plans-title {
        font-size: 34px;
        margin-bottom: 20px;
    }
    .po-plans-description {
        margin-bottom: 20px;
    }
    .po-plans-btn {
        gap: 10px;
        flex-wrap: wrap;
    }
    .po-preview-section {
        padding: 0;
    }
    .po-vision2-section .row {
        flex-direction: column-reverse;
    }
    .po-include-item {
        padding-bottom: 0;
    }
    .po-include-section .po-front-section-head {
        margin-bottom: 0;
    }
    /* Front Pages End */
}
.po-sm-modal .modal-header {
    padding: 24px;
}
.po-permission-edit-head {
    font-weight: 500;
    color: rgba(0, 0, 0, 0.5);
    margin-bottom: 26px;
}
.po-permission-edit-label {
    color: rgba(0, 0, 0, 1);    
}
.po-permission-title {
    font-weight: 500;
    color: #0073E7;
    margin-bottom: 15px;
}
.po-permission-item:not(:last-child) {
    margin-bottom: 15px;
}
.po-permission-item .form-check-label {
    display: inline-flex;
    gap: 5px;
}
.po-permission-item .form-check-label img {
    cursor: pointer;
}
/* Responsive End */