*{
    outline:none !important;
}
.bgprog{
    position:fixed;width:100%;height:100%;
    top:0;left:0;background-color:black;z-index:20;
    opacity:0.4;
}
.nwmargin{
    text-transform:lowercase !important;
}
.red{
    color:#9a0000;
}
.green{
    color:#1b6c38;
}
.btn-ractangle {
    border:none;
}
.google {
    height: 54px;
    float: right
}
.inputlabel label{
    padding-left:4px;
}
.grh {
    text-align: left;
    color: white;
    
    font-size: 13pt;
    background-color: #d8d8d8;
    color: #494949;
    line-height: 34px;
    font-family: "Fira Sans", sans-serif !important;
    
}
.grh th{
    font-weight:500 !important;
}
    .grh a {
        color: white;
    }

.grr {
    text-align: left;
    font-size: 12pt;
    background-color: #ffffff;
    border-bottom: solid 1px #c6c6c6;
    line-height: 36px;
    font-family: "Fira Sans", sans-serif !important;
}

.grr2 {
    text-align: left;
    font-size: 12pt;
    background-color: #fafafc;
    border-bottom: solid 1px #c6c6c6;
    line-height: 36px;
    font-family: "Fira Sans", sans-serif !important;
}

    .grr:hover, .grr2:hover {
        
    }

    .grr td, .grr2 td, .grh th {
        padding: 3px;
    }

   
        .dis{
            display:none;
        }

.leftmenu{
    text-align:left;min-height:300px;
}
    .leftmenu li {
        background-color: #fcfcfc;
        border-bottom: solid 1px #eaeaea;
        padding: 10px;
       
        font-family: "Fira Sans", sans-serif !important;font-size:13pt;
        padding-top:12px;
        padding-bottom:12px;
    }
    .leftmenu a{
        color:black !important;
    }
    .main-menu ul li a, .main-menu-2 ul li a, .mean-container .mean-nav ul li a {
        text-transform: none !important;
    }
    .leftmenu i{
        margin-right:5px;
    }
.reptable{
    width:100%;
}
    .reptable td{
        padding:5px;
    }

    .gray{
        font-size:10pt;color:#878787;
    }

.avatar{
    width:96px;border-radius:50%;cursor:pointer;
}
.avatar2 {
    font-size: 12pt;
    color: #10437a;
    cursor: pointer;
    margin-top: 3px;margin-top:-30px;
    margin-left:75px;
}
.rowheader {
    background-color: #fcfcfc;
    border-bottom: solid 1px #eaeaea;
    padding: 10px;
}
.bin{
    height:20px;opacity:0.7;margin-bottom:-3px;
}
.nocheck {
   
    display: inline-block;   
    width: 100%;
    background-color:white !important;
   
}
    
    .nocheck input {
        width: 16px;
        height: 16px;margin-left:-20px;
    }
    .nocheck label{
        width:250px;
    }
.mydrop {
    height: 60px;
    background-color: #fafafa;
    width: 32%;display:inline-block;
}
.whyhere {
   
    font-size: 14pt;
    margin-bottom: 15px;
    text-align: justify;
    
}
.intro {
    border: solid 1px #eaeaea;
}
.work__item-3{
    cursor:pointer;
}
.service__title {
    color: #002935;
}
.cattitle {
    width: 100%;
    text-align: center;
    color: white;
    background-color: #002935;
    padding: 6px;
    border-radius: 4px;
    margin-bottom: 10px;
}
.point {
    color: #ff3158;
}

:root {
    --color-white: #fff;
    --color-black: #333;
    --color-gray: #75787b;
    --color-gray-light: #bbb;
    --color-gray-disabled: #e8e8e8;
    --color-green: #207d52;
    --color-green-wait: #54b085;
    --color-green-dark: #0f6335;
    --font-size-small: .75rem;
    --font-size-default: .875rem;
}



.progress-barCustom {
    display: flex;
    justify-content: space-between;
    list-style: none;
    padding: 0;
    margin: 0 0 1rem 0;
}

    .progress-barCustom li {
        flex: 2;
        position: relative;
        padding: 0 0 14px 0;
        font-size: var(--font-size-default);
        line-height: 1.5;
        color: var(--color-green);
        font-weight: 600;
        white-space: nowrap;
        overflow: visible;
        min-width: 0;
        text-align: center;
        border-bottom: 4px solid var(--color-gray-disabled);
    }

        .progress-barCustom li:first-child,
        .progress-barCustom li:last-child {
            flex: 1;
        }
            .progress-barCustom li:first-child{
                text-align:left
            }
            .progress-barCustom li:last-child {
                text-align: right;
            }

        .progress-barCustom li:before {
            content: "";
            display: block;
            width: 8px;
            height: 8px;
            background-color: var(--color-gray-disabled);
            border-radius: 50%;
            border: 4px solid var(--color-green-wait);
            position: absolute;
            left: calc(50% - 6px);
            bottom: -6px;
            z-index: 1;
            transition: all .2s ease-in-out;
        }

        .progress-barCustom li:first-child:before {
            left: 0;
        }

        .progress-barCustom li:last-child:before {
            right: 0;
            left: auto;
        }

    .progress-barCustom span {
        transition: opacity .3s ease-in-out;
    }

    .progress-barCustom li:not(.is-active) span {
        opacity: 0.8;
        color: var(--color-gray);
        font-weight: normal;
    }

    .progress-barCustom .is-complete:not(:first-child):after,
    .progress-barCustom .is-active:not(:first-child):after {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        bottom: -4px;
        left: -50%;
        z-index: 2;
        border-bottom: 4px solid var(--color-green);
    }

    .progress-barCustom li:last-child span {
        width: 200%;
        display: inline-block;
        position: absolute;
        left: -100%;
    }

    .progress-barCustom .is-complete:last-child:after,
    .progress-barCustom .is-active:last-child:after {
        width: 200%;
        left: -100%;
    }

    .progress-barCustom .is-complete:before {
        background-color: var(--color-green);
    }

    .progress-barCustom .is-active:before,
    .progress-barCustom li:hover:before,
    .progress-barCustom .is-hovered:before {
        background-color: var(--color-white);
        border-color: var(--color-green);
    }

    .progress-barCustom li:hover:before,
    .progress-barCustom .is-hovered:before {
        transform: scale(1.33);
    }

    .progress-barCustom li:hover span,
    .progress-barCustom li.is-hovered span {
        opacity: 1;
    }

    .progress-barCustom:hover li:not(:hover) span {
        opacity: 0;
    }

.x-ray .progress-barCustom,
.x-ray .progress-barCustom li {
    border: 1px dashed red;
}

.progress-barCustom .has-changes {
    opacity: 1 !important;
}

    .progress-barCustom .has-changes:before {
        content: "";
        display: block;
        width: 8px;
        height: 8px;
        position: absolute;
        left: calc(50% - 4px);
        bottom: -20px;
        background-image: url('data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%208%208%22%3E%3Cpath%20fill%3D%22%23ed1c24%22%20d%3D%22M4%200l4%208H0z%22%2F%3E%3C%2Fsvg%3E');
    }


.mgreen {
    font-size: 14pt;
    background-color: #dafbe6;
    padding: 5px;
    border-radius: 5px;
    border: solid 1px #c6fbd9;line-height:30px;
}

.fira-sans-regular,.nfont {
    font-family: "Fira Sans", sans-serif !important;
    font-size: 14pt !important;
    font-style: normal !important;
    line-height: 34px !important;font-weight:normal !important;
    text-align:justify !important;
}
.imgmar {
    position: relative;
    margin-bottom: -450px;
    z-index: 2
}
.addmar {
    z-index: 4 !important;
    margin-top: 450px;
}
.reject {
    background-color: #ffe0e0;
    margin-top: -10px;
    padding: 5px;
    border-radius: 5px;
}

.minfo {
    margin-bottom: 40px;
    color: #1b5074;
}

    .minfo ol {
        margin-left: 20px;
    }

    .minfo li {
        list-style: decimal
    }
.substring {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 10pt;
    text-align: justify;
    margin-top: 8px;
    margin-bottom: 8px;
    font-family: "Fira Sans", sans-serif !important;
}
.hero__title{
    font-size:32pt;
}
.sec-title, .contact__form-title {
    font-size: 22pt;
}
.service__title, .newsletter__content .title {
    font-size: 20pt;
}
.course__category{
    padding-top:35px !important;
}
.makeinput input{
    width:20px;
}
.makeinput{
    margin-right:10px;line-height:40px;
}
.reghome {
    font-family: "Fira Sans", sans-serif !important;
    font-weight:normal;font-size:11pt;
}
.instructor__item img{
    border-radius:7px !important;
}
.course__recentItem {
    width: 49%;
    display: inline-block;
    vertical-align: top;
    border-left: dashed 1px #eaeaea;
    padding-left: 10px;
}

.hideproject {
    display: none;
}

.projall {
    color: #ff3158 !important;
    cursor: pointer;
    text-align: right;
    font-weight: bold;
    text-decoration: underline
}
.annoce {
    color: white;
    background-color: #000c1d;
    position: fixed;
    bottom: 0;
    left: 0;
    float: left;
    position: fixed;
    width: 400px;
    ;
    padding: 15px;
    z-index: 1000;
    font-size: 11pt;
    line-height: 26px;
    border-top-right-radius: 5px;
    opacity: 0.92;
    border: solid 1px #053b4f;
    max-width: 100%;
}

    .annoce:hover {
        opacity: 1;
    }

    .annoce a {
        color: yellow;
        text-decoration: underline;
        font-weight: bold;
    }

@media screen and (min-width:2200px) {
    .header__area::before, .header__area::after {
        width: 64%;
    }
}

@media screen and (min-width:2600px) {
    .header__area::before, .header__area::after {
        width: 62%;
    }
}

@media screen and (min-width:3000px) {
    .header__area::before, .header__area::after {
        width: 58%;
    }
}

@media screen and (max-width:1400px) {
    .imgmar {
        margin-bottom: -300px;
    }

    .addmar {
        margin-top: 300px !important;
    }
}

@media screen and (max-width:1200px) {
    .nwmargin {
        margin-bottom: 10px;
    }

    .fira-sans-regular, .nfont {
        text-align: left !important;
    }

    .reqinfo {
        font-size: 9pt;
    }
    .course__recentItem {
        width: 100%;
    }
}
@media screen and (max-width:991px) {
    .nwmargin {
        margin-bottom: 0px;
    }

    .leftmenu {
        min-height: unset;
    }

    .imgmar {
        margin-bottom: 0px;
    }

    .addmar {
        margin-top: 0px !important;
    }

    .reqinfo {
        font-size: 12pt;
    }
}

@media screen and (max-width:768px) {
    .progress-barCustom li:not(.is-active) span {
        opacity: 0;
    }

    .fira-sans-regular {
        font-size: 12pt !important;
        line-height: 32px !important;
    }

    .grh {
        font-size: 11pt;
        line-height: 32px;
    }

        .grh th {
            font-weight: 400 !important;
        }



    .grr, .grr2 {
        font-size: 11pt;
        line-height: 34px;
    }
}

@media screen and (max-width:560px) {
    .blog__detailsdate {
        display: inline-block;
    }

        .blog__detailsdate li {
            line-height: 30px;
        }

    .whyhere {
        font-size: 13pt;
    }
}

@media screen and (max-width:420px) {
    .google {
       height:44px;margin-top:7px;
    }

}
@media screen and (max-width:380px) {
    .reqinfo {
        font-size: 9pt;
    }
}