/*Pannel Sizes*/

.w250 {
    width: 258px;
    margin-right: 12px;
    float: var(--floatl);
}

.mt65 {
    margin-top: 65px;
}

.w1300 {
    width: 1300px
}
/*End*/
.overview-header-title {
    width: 130px;
    margin-right: 33px;
    height: 50px;
    text-align: center;
    display: inline-block;
    position: relative;
    cursor: pointer;
    line-height: 57px;
}

.overview-header-container {
    height: 52px;
    overflow: hidden;
    margin-bottom: 16px !important;
    display: block;
    text-align: center;
    border-radius: 4px;
    border: 1px solid var(--woodsmoke-100, #E7E7E7);
    background: #FFF;
    padding: 0px 62px 0px 62px;
    width: 100%;
    /* margin: 0 auto; */
}

.project-main-info:last-child {
    margin-right: 0;
}

.overview-header-title.selected span {
    color: #000;
    font-weight: 700;
}

.overview-header-title span {
    font-family: InstrumentSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    color: #6D6D6D;
}

.overview-header-title.selected {
    border-bottom: 2px solid #8A1538;
}

.overview-main-container {
    margin: 0 auto;
    width: 940px;
}

.project-main-info {
    border-radius: 4px;
    border: 1px solid var(--woodsmoke-100, #E7E7E7);
    background: #FFF;
    width: calc(33% - 11px);
    height: 132px;
    display: inline-block;
    margin-right: 21px;
    margin-bottom: 16px;
    float: var(--floatl);
}

    .project-main-info img {
        display: block;
        margin-top: 16px;
        margin-left: 16px;
    }

    .project-main-info h2 {
        font-family: InstrumentSans;
        font-size: 32px;
        font-style: normal;
        font-weight: 700;
        line-height: 130%;
        margin-left: 16px;
        margin-top: 8px;
        display: block;
    }

    .project-main-info span.project-main-title {
        font-family: InstrumentSans;
        font-size: 10px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%; /* 14px */
        text-transform: uppercase;
        margin-top: 4px;
        /* margin-left: 16px; */
        color: #6D6D6D;
        display: block;
        float: var(--floatl);
        width: 100%;
    }

.nda-container {
    width: calc(50% - 10px);
    display: inline-block;
    float: var(--floatl);
    margin-right: 20px;
}

.other-sector-container {
    width: calc(50% - 10px);
    display: inline-block;
}

.nda-container-title {
    border-radius: 4px;
    border: 1px solid #EAEAEA;
    background: #FFF;
    padding: 8px 16px;
    height: 41px;
    margin-bottom: 8px
}

    .nda-container-title h4 {
        color: #000;
        /* H4 */
        font-family: InstrumentSans;
        font-size: 17px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 23.8px */
        float: var(--floatl);
    }

    .nda-container-title span {
        color: #8A1538;
        font-family: InstrumentSans;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 140%; /* 16.8px */
        text-decoration-line: underline;
        float: var(--floatr);
        cursor: pointer;
        line-height: 21px;
    }

.nda-container-type.box-small {
    width: calc(33.3% - 8px);
    height: 81px;
    display: inline-block;
    margin-right: 12px;
    border-radius: 4px;
    border: 1px solid var(--woodsmoke-100, #E7E7E7);
    background: #FFF;
    padding: 8px 4px;
    margin-left: 0;
    float: var(--floatl);
    margin-bottom: 12px;
}

    .nda-container-type.box-small:last-child {
        margin-right: 0px !important;
    }

    .nda-container-type.box-small:nth-child(3n + 1) {
        margin-right: 0;
    }

.nda-container-type.box-large {
    width: 100%;
    height: 81px;
    display: inline-block;
    margin-right: 12px;
    border-radius: 4px;
    border: 1px solid var(--woodsmoke-100, #E7E7E7);
    background: #FFF;
    padding: 8px 4px;
    margin-left: 0;
    float: var(--floatl);
    margin-bottom: 12px;
}

.nda-container-type-title span {
    color: #949595;
    text-align: center;
    font-family: InstrumentSans;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%; /* 16.8px */
    display: block;
    margin: 0 auto;
}

.nda-container-type.box-small img {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
}

.nda-container-type-value span {
    color: #000;
    text-align: center;
    font-family: InstrumentSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%; /* 19.6px */
    display: block;
    margin: 0 auto;
}

.nda-container-type.box-large img {
    width: 24px;
    height: 24px;
    display: block;
    margin: 0 auto;
}

.other-sector-container-type {
    width: calc(25% - 9px);
    float: var(--floatl);
    margin-right: 12px;
    border-radius: 4px;
    border: 1px solid var(--woodsmoke-100, #E7E7E7);
    background: #FFF;
    padding: 94px 4px;
    height: 267px;
    cursor: pointer;
}

    .other-sector-container-type:last-child {
        margin-right: 0;
    }

    .other-sector-container-type img {
        width: 24px;
        height: 24px;
        display: block;
        margin: 0 auto;
    }

.other-sector-container-title span {
    color: #000;
    text-align: center;
    font-family: InstrumentSans;
    font-size: 12px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    display: block;
    margin: 0 auto;
}

.other-sector-container-value span {
    color: #000;
    text-align: center;
    font-family: InstrumentSans;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 140%;
    display: block;
    margin: 0 auto;
}

.nda-container-type {
    cursor: pointer;
}

    .nda-container-type.box-small.selected {
        background: #A29475;
        color: white;
    }

        .nda-container-type.box-small.selected span {
            color: #fff;
        }

    .nda-container-type.box-large.selected {
        background: #A29475;
        color: white;
    }

        .nda-container-type.box-large.selected span {
            color: #fff;
        }

.other-sector-container-type.selected {
    background: #A29475;
    color: #fff;
}

    .other-sector-container-type.selected span {
        color: #fff;
    }

.nda-container-type.box-small:hover {
    background: #A29475;
    color: #FFF !important;
}


    .nda-container-type.box-small:hover .nda-container-type-title span {
        color: #FFF !important;
    }

    .nda-container-type.box-small:hover img.img-selected {
        fill: #FFF !important;
        filter: brightness(0) invert(1);
    }

.nda-container-type.box-large:hover {
    background: #A29475;
    color: #FFF !important;
}


    .nda-container-type.box-large:hover .nda-container-type-title span {
        color: #FFF !important;
    }

    .nda-container-type.box-large:hover img.img-selected {
        fill: #FFF !important;
        filter: brightness(0) invert(1);
    }



.other-sector-container-type:hover {
    background: #A29475;
    color: #FFF !important;
}


    .other-sector-container-type:hover .other-sector-container-title span {
        color: #FFF !important;
    }

    .other-sector-container-type:hover img.img-selected {
        fill: #FFF !important;
        filter: brightness(0) invert(1);
    }

.col7 {
    flex: 0 0 auto;
    width: 14.25%;
    margin: 0;
    padding-right: 12px !important;
    padding: 0;
}


h3.nda-main-container-title span {
    display: block;
}

.nda-main-container {
    border: 1px solid #ebebeb;
    box-shadow: 0px 2px 2px 0px rgba(26, 26, 26, 0.07);
    background: white;
    height: 483px;
    border-radius: 4px;
    padding: 16px 16px 8px 16px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 15px;
}

span.nda-main-container-header img {
    width: 24px;
    height: 24px;
}

h3.nda-main-container-title {
    font-family: InstrumentSans;
    font-size: 24px;
    font-style: normal;
    font-weight: 700;
    line-height: 130%;
    color: #1A1A1A;
    cursor: pointer;
}

.w580 {
    width: 580px;
    float: var(--floatl);
}

.content.pr-60.wscroll-h {
    overflow-x: auto;
}

.strategy-general-info2 {
    margin-right: 27px;
    display: inline-block;
    border-radius: 30px;
    padding: 18px 28px;
    width: 79px;
    height: 80px;
    text-align: center;
}

    .strategy-general-info2.budget-percentage {
        background: #FBE4DD;
    }

    .strategy-general-info2.active-initiative {
        background: #F8FEEF;
    }

    .strategy-general-info2.overall-percentage {
        margin-right: 0px;
        background: #FBE4DD;
    }

.scroll-h {
    display: inline-flex;
}


span.status-total {
    border-right: 1px solid #c1bfbf;
    display: block;
    float: var(--floatl);
    padding-right: 5px;
    height: 15px;
    margin-left: calc(50% - 26px);
}

span.status-ongoing {
    color: #85DA75;
    border-right: 1px solid #c1bfbf;
    display: block;
    float: var(--floatl);
    padding-left: 5px;
    padding-right: 5px;
    height: 15px;
}

span.status-planned {
    display: block;
    float: var(--floatl);
    padding-left: 5px;
    color: #FBBA20;
    height: 15px;
}

.nda-total {
    color: #FFF;
    background: rgba(0, 0, 0,0.5);
    border-radius: 4px;
    border: 1px solid #000;
}

.nda-ongoing {
    background: rgba(133, 218, 117,0.5);
    color: #000;
    border-radius: 4px;
    border: 1px solid rgb(133, 218, 117);
}

.nda-planned {
    background: rgba(251, 186, 32,0.4);
    color: #000;
    border-radius: 3px;
    border: 1px solid rgb(251, 186, 32);
}

.other-sector-container-title {
    min-height: 40px;
}

.main-overview-kpi .col7 {
    float: var(--floatl);
}

.main-overview-kpi h3.initiative-strategy-title {
    font-size: 13px;
    text-align: center;
    padding-top: 4px;
}

.main-overview-kpi span.strategy-header-icon {
    display: block;
    margin: 0 auto;
}

.main-overview-kpi {
}

    .main-overview-kpi .kpi-left-part {
        width: 100%;
        padding: 0 10px;
        min-height: 55px !important;
        border: none !important;
        padding: 0 !important;
        text-align: center;
    }

        .main-overview-kpi .kpi-left-part span {
            display: contents;
            margin: 0;
        }

    .main-overview-kpi .initiative-strategy-container {
        padding: 6px;
    }

    .main-overview-kpi .kpi-right-part {
        width: 100%;
        padding: 0 10px;
        background: none;
        border: none;
        min-height: 80px !important;
        padding-bottom: 5px;
        border-bottom: 1px solid #c3c3c3;
        border-radius: 0;
        margin-bottom: 12px;
    }

    .main-overview-kpi .current-kpis {
        width: calc(50% - 15px);
        float: var(--floatl);
        position: relative;
        text-align: right;
    }

html.rtl .main-overview-kpi .current-kpis {
    text-align: left;
}

.main-overview-kpi .target-kpis {
    position: relative;
    float: var(--floatr);
    width: calc(50% - 15px);
    border: 0;
    display: inline-block;
    margin-top: 22px;
}

.main-overview-kpi .initiative-strategy-container {
    height: 358px;
}

.comm-tab-container {
    overflow-x: auto;
}


.overview-sharable-content-container {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    float: var(--floatl);
}

.overview-body-container {
    display: inline-block;
    margin: 0;
    padding: 0;
    float: var(--floatl);
    width: 100%;
}

.main-overview-kpi .col7:last-child {
    padding-right: 0 !important;
}

.main-overview-kpi .col7:last-child {
    padding-right: 0 !important;
}

.milstone-group-title h4 {
    line-height: 40px;
    font-size: 18px;
    font-weight: 600;
    padding-left: 20px;
    border-top: 3px solid #3e3e3e;
    border-bottom: 1px solid #e3e3e3;
}

.milstone-group-info {
    background: #FFF;
    margin-bottom: 12px;
}

span.objective b {
    display: block;
    color: #000;
    margin-top: 3px;
}

.comm-pr {
    color: #8A1538 !important;
}

b.projecy-demo-title {
    color: #d79817 !important;
}

b.interactive-title {
    color: #0d4261 !important;
}

b.social-media-title {
    color: #aa5622 !important;
}

.b5 {
    bottom: 5px !important;
}

.project-status-legend-container.b5 {
    width: calc(100% - 61px);
}
/*initiative dasboard*/
.initiative-strategy-project-details.st-init {
    width: calc(100% - 283px);
}
/*end*/

/*project stage view*/

.w342 {
    width: 342px;
    float: var(--floatl);
    margin-right: 17px;
}

.col-lg-4.w342.last-c {
    margin: 0px !important;
}

.risks-part.w961 {
    width: 961px;
}

.activity-st.w1060 {
    height: 240px;
}

.w1244 {
    width: 1244px;
}

.w690 {
    width: 690px;
    float: var(--floatl);
    margin-right: 20px;
}

.w255 {
    width: 255px;
    float: var(--floatl);
    margin-right: 20px;
}

.w259 {
    width: 259px;
    float: var(--floatl);
    margin: 0px;
    display: block;
}


.col-lg-10.w1244 {
    /* height: 143px;*/
}
/*end*/
/*project details*/
.stakeholder-rightt-part {
    width: 72px;
    float: var(--floatr);
    margin-left: 6px;
}

.stk-init {
    background: #e8e8e8;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    float: var(--floatr);
    /* border: 1px solid #d0d0d0; */
}

    .stk-init h4 {
        color: var(--secondary-color);
        text-align: center;
        line-height: 37px;
        font-size: 12px;
    }

.st-init-stakeholder {
    border: 1px solid var(--unnamed-color-ffffff);
    background: #E7E7E7 0% 0% no-repeat padding-box;
    opacity: 1;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    float: var(--floatr);
    position: absolute;
    right: 21px;
    z-index: 1000;
    cursor: pointer;
    border: 1px solid #d0d0d0;
}

    .st-init-stakeholder h4 {
        color: #888888;
        font-size: 12px;
        line-height: 37px;
        text-align: center;
    }

.structure-stakeholder {
    height: 75px;
}

.stk-init.stk-1 {
    position: absolute;
    right: 49px;
    z-index: 800;
    cursor: pointer;
}

.stk-init.stk-2 {
    position: absolute;
    right: 34px;
    z-index: 801;
    cursor: pointer;
}




.card.main-overview-card.str-milstone-card {
    height: 285px !important;
}

.str-progress-card {
    height: 113px !important;
}

.approval-element-bottom-right {
    float: var(--floatl);
    position: relative;
}

.stk-init.approval-stak-1 {
    float: var(--floatl);
    /* width: 37px; */
    /* height: 36px; */
}

span.st-approval-name {
    float: var(--floatl);
    text-align: left;
    letter-spacing: 0px;
    color: #888888;
    opacity: 1;
    font: normal normal normal 14px/30px InstrumentSans;
    border-right: 2px solid #E7E7E7;
    padding-right: 18px;
    margin-right: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 190px;
}

html.rtl span.st-approval-name {
    border-right: 0px solid #E7E7E7;
    border-left: 0px solid #E7E7E7;
    text-align: right;
    padding-right: 0px;
    margin-right: 0px;
    padding-left: 18px;
    margin-left: 24px;
}

span.st-approval-value {
    text-align: left;
    letter-spacing: 0px;
    color: #888888;
    opacity: 1;
    font: normal normal normal 14px/30px InstrumentSans;
    border-right: 2px solid #E7E7E7;
    padding-right: 18px;
    margin-right: 24px;
}

html.rtl span.st-approval-value {
    text-align: right;
    border-right: 0px solid #E7E7E7;
    border-left: 2px solid #E7E7E7;
    padding-right: 0px;
    margin-right: 0px;
    padding-left: 18px;
    margin-left: 24px;
}

span.st-approval-date {
    text-align: left;
    letter-spacing: 0px;
    color: #888888;
    opacity: 1;
    font: normal normal normal 14px/30px InstrumentSans;
    border-right: 2px solid #E7E7E7;
    padding-right: 18px;
}

html.rtl span.st-approval-date {
    text-align: right;
    border-right: 0px solid #E7E7E7;
    border-left: 2px solid #E7E7E7;
    padding-right: 0px;
    padding-left: 18px;
}


.other-approval-element-bottom-left {
    float: var(--floatl);
    width: 421px;
    margin-right: 18px;
    margin-left: 9PX;
}

.stk-init.approval {
    width: 37px;
    height: 37px;
    float: var(--floatl);
}

    .stk-init.approval h4 {
        line-height: 37px;
    }

    .stk-init.approval img {
        position: absolute;
        top: 0;
        z-index: 999;
        left: 29px;
    }

.approver-user-r {
    float: var(--floatl);
    margin-left: 12px;
}

.approval-status {
    text-align: left;
    font: normal normal normal 12px/30px InstrumentSans;
    letter-spacing: 0px;
    color: #6D6D6D;
    text-transform: capitalize;
    opacity: 1;
    display: block;
    line-height: 19px;
}

html.rtl .approval-status {
    text-align: right;
}

span.approval-stak-name.approver-user {
    text-align: left;
    font: normal normal 900 14px/30px InstrumentSans;
    letter-spacing: 0px;
    color: #1A1A1A;
    opacity: 1;
    display: block;
    width: 103px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 15px;
}

html.rtl span.approval-stak-name.approver-user {
    text-align: right;
}

.project-structure-title-l {
    float: var(--floatl);
    width: calc(100% - 250px);
    border-right: 2px solid #e7e7e7;
    margin-right: 10px;
    height: 34px;
}

.show-arrange1 .project-structure-title-l {
    width: calc(100% - 145px)
}

.project-structure-title-r {
    float: var(--floatl);
    margin-top: -3px;
}

span.str-project-sd {
    text-align: left;
    font: normal normal normal 13px/30px InstrumentSans;
    letter-spacing: 0px;
    color: #888888;
    opacity: 1;
    display: block;
    line-height: 18px;
}

html.rtl span.str-project-sd {
    text-align: right;
}

span.str-project-ed {
    text-align: left;
    font: normal normal normal 13px/30px InstrumentSans;
    letter-spacing: 0px;
    color: #888888;
    opacity: 1;
    display: block;
    line-height: 20px;
}

html.rtl span.str-project-ed {
    text-align: right;
}

.stk-init.approval.approval-stak-2 {
    position: absolute;
    right: 82px;
    top: 0px;
    z-index: 10001;
}

.stk-init.approval.approval-stak-2 {
}

.stk-init.approval.approval-stak-1 {
    z-index: 10004;
    float: var(--floatr);
    position: absolute;
}

.stk-init.approval.approval-stak-1 {
}

.stk-init.approval.approval-stak-3 {
    position: absolute;
    float: var(--floatr);
    right: 62px;
    z-index: 10001;
}

.structure-milestone span {
    float: var(--floatl);
    border: 0 !important;
}

.str-milstone-timeline {
    display: block;
    float: var(--floatl);
    overflow-x: hidden;
    overflow-y: hidden !important;
    width: 100%;
    min-width: 100%;
    padding-bottom: 0;
}


.milstone-status {
    float: var(--floatr);
    width: auto;
    margin-bottom: 0;
    text-align: right;
    margin-top: 20px;
}


span.milstone-status-comp {
    border: 1px solid var(--completedColor);
    border-radius: 10px;
    opacity: 1;
    height: 18px;
    padding: 0 10px;
    background: var(--unnamed-color-1ba800) 0% 0% no-repeat padding-box;
    background: var(--completedColorLight) 0% 0% no-repeat padding-box;
    opacity: 1;
    line-height: 18px;
    color: #1A1A1A;
    margin-left: 10px;
    float: var(--floatr);
    min-width: 80px;
    text-align: center;
}

span.milstone-status-pending {
    border: 1px solid var(--ontrackColor);
    border-radius: 10px;
    opacity: 1;
    height: 18px;
    padding: 0 10px;
    background: var(--ontrackColorLight) 0% 0% no-repeat padding-box;
    opacity: 1;
    line-height: 18px;
    color: #1A1A1A;
    margin-left: 10px;
    float: var(--floatr);
    min-width: 80px;
    text-align: center;
}

span.milstone-status-notstarted {
    border: 1px solid var(--notstartedColor);
    border-radius: 10px;
    opacity: 1;
    height: 18px;
    padding: 0 10px;
    background: var(--notstartedColorLight) 0% 0% no-repeat padding-box;
    opacity: 1;
    line-height: 18px;
    color: #1A1A1A;
    margin-left: 0;
    float: var(--floatr);
    min-width: 80px;
    text-align: center;
}

span.milstone-status-failed {
    border: 1px solid var(--delayedColor);
    border-radius: 10px;
    opacity: 1;
    height: 18px;
    padding: 0 10px;
    background: var(--delayedColorLight) 0% 0% no-repeat padding-box;
    opacity: 1;
    line-height: 18px;
    margin-left: 10px;
    color: #1A1A1A;
    float: var(--floatr);
    min-width: 80px;
    text-align: center;
}

span.milstone-status-atrisk {
    border: 1px solid var(--atRiskColor);
    border-radius: 10px;
    opacity: 1;
    height: 18px;
    padding: 0 10px;
    background: var(--atRiskColorLight) 0% 0% no-repeat padding-box;
    opacity: 1;
    line-height: 18px;
    color: #1A1A1A;
    float: var(--floatr);
    margin-left: 10px;
    min-width: 80px;
    text-align: center;
}

.card.main-overview-card.structure-last-card {
    height: 255px !important;
    position: relative;
}

.card.main-overview-card .card-body {
    padding: 20px;
    padding-top: 0;
}

/*end*/
.card.main-overview-card.invoice .other-approval-element-bottom-left {
    padding-left: 0px;
    margin-left: 0px;
    margin-top: 23px;
    height: 36px;
    border: none;
    width: 100%;
}

    .card.main-overview-card.invoice .other-approval-element-bottom-left span {
        border: none;
    }

        .card.main-overview-card.invoice .other-approval-element-bottom-left span.st-approval-value {
            float: var(--floatr);
            padding: 0;
            margin: 0;
            line-height: 21px;
        }

        .card.main-overview-card.invoice .other-approval-element-bottom-left span.st-approval-name {
            float: var(--floatl);
            text-align: left;
            padding: 0;
            margin: 0;
            width: auto;
            font-size: 14px;
            max-width: calc(100% - 68px);
            line-height: 21px;
        }

html.rtl .card.main-overview-card.invoice .other-approval-element-bottom-left span.st-approval-name {
    text-align: right;
}

.card.main-overview-card.invoice span.st-approval-date {
    float: var(--floatr);
    padding: 0px;
    border: none;
}

.card.main-overview-card.invoice .approval-element-bottom-right {
    width: 100%;
}

.milestone-element-container span {
    float: none;
    font-size: 12px;
}

.approval-structure-project .e-label {
    font-size: 12px !important;
}


.approval-temp {
    font-weight: 500;
    margin-top: 10px;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 5px;
}

.profile-img.p-approval-init .st-init-users {
    width: 100%;
    height: 100%;
}

.structure-vendor .ps-st-left {
    float: var(--floatr);
    width: 37px;
    height: 37px;
}

    .structure-vendor .ps-st-left .st-init-users {
        width: 37px;
        height: 37px;
    }

        .structure-vendor .ps-st-left .st-init-users h2 {
            line-height: 37px;
        }

.structure-vendor .st-name {
    width: calc(100% - 44px);
    float: var(--floatl);
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.project-stakeholder-right-part .profile-img.p-approval-init h4 {
    line-height: 37px;
    color: var(--secondary-color);
}

.structure-stakeholder .stk-init {
    border: 1px solid #d0d0d0;
}



.card.card-border.card-project .st-init-users {
    width: 32px;
    height: 32px;
}

.show-arrange1 .card.main-overview-card.structure-last-card {
    height: 285px !important;
}

.card.main-overview-card.structure-last-card.deliverables-main.full-height {
    height: 285px !important;
    overflow: hidden;
}

.group-name {
    --bs-table-accent-bg: #F6F6F6;
}

    .group-name i {
        padding-right: 10px;
    }

.project-current-progress b i {
    font-size: 8px;
}


.str-milstone-timeline:hover {
    overflow-x: hidden;
}