body {
    padding-top: 50px;
    padding-bottom: 20px;
    overflow-x:hidden
}
.supportImg{max-width:600px!important;margin: 0 auto}
.slider {
    width: 100%;
    overflow: hidden;
    min-height: 220px !important
}
.slider .carousel-item img {min-height:220px;height:100% !important;max-height:550px}
.pbis .active {background-color: #127007}
.underLine-green{border-bottom:2px solid #117509}
.underline-red{color:#ce2608;padding-bottom:2px; border-bottom:3px solid #ce2608;letter-spacing:1.5px}
.header{padding:10px;width:100%;}
.logoHolder{padding-right:10px;margin-left:30px;}
.setting{position:absolute;right:0;top:0px;height:800px;background:rgba(21, 23, 23, 0.72);border:1px solid #090f17;overflow:hidden;z-index:9999}
.invPrint{width:794px;border:1px solid #a0a2a5;border-radius:5px;padding:15px;}
.hidden{display:none}
.CartDisplay{width:100px;height:100px;border:1px solid #2b768a;display:block;top:90px;z-index:2;position:fixed;right:30px;background:rgba(27, 135, 42, 0.73);padding:15px;border-radius:50%;overflow:hidden}
.CartDisplay a{font-size:50px;color:#fff;display:block; text-decoration:none;margin-left:5px}
.cart-count{display:block;position:absolute;z-index:3;top:31%;left:42%; font-size:25px;color:#188e1e;font-weight:600}
.card-row{padding:10px;border-bottom:1px solid #c0c2c3;}
.card-body .row{padding-bottom:12px;}
.offer{font-size:30px;color:#276c07}
.offerPrice{font-size:65px;}
.offerArea{padding-bottom:15px}
.underLine{padding:5px;border-bottom:1px dashed #76797a}
.move-left{margin-right:60px}
.malhi{margin-right:90px}
footer{width:100%;padding:0;margin:0;background:#133f58}
.card-footer .btn{font-weight:500;font-size:19px}

/* Set padding to keep content from hitting the edges */
.page-wrapper {width: 100%;margin: 0;padding: 0}
.body-content {padding-left: 15px;padding-right: 15px}
.scrollOption{max-height:300px;overflow-y:auto}
.blue-txt {color: #049dff}
.red-txt{color:#b71f1f}
.black-Text{color:#000}
.field-validation-error{color:#ff0000;font-weight:bold}
input.input-validation-error{border:1px solid #ff0000}
.validation-summary-valid, .field-validation-valid {display: none}
/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    width:95%;
    max-width: 380px;
}
p a{color:#031e37;font-weight:600; text-decoration:underline!important}
.nav-link{color:#14555b!important}
.footer-link{color:#114804}
section h1{width:100%;text-align:center}
.jumbotron .row h2{width:100%;margin-bottom:15px; text-align:center;}
.img-border img{border:1px solid #67c460}
.green{color:#076d06}
.blue{color:#043a7c}
.red{color:#e10202}
.card .bg-pbisBlue{background-color:#31747d!important}
.bg-pbisBlue{background-color:#31747d!important}
.bg-pbisBlue h2, .bg-pbisBlue h3, .bg-pbisBlue p{color:#fff;}
.progress-bar-circle {
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.8;
    letter-spacing: .05em;
    font-family: poppins,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,helvetica neue,Arial,sans-serif;
    color: #151515;
    z-index: 1;
}

.progress {
    width: 150px;
    height: 150px;
    line-height: 150px;
    background: none;
    margin: 0 auto;
    box-shadow: none;
    position: relative;
}

    .progress:after {
        content: "";
        width: 100%;
        height: 100%;
        border-radius: 50%;
        border: 12px solid #b9bdbf;
        position: absolute;
        top: 0;
        left: 0;
    }

    .progress > span {
        width: 50%;
        height: 100%;
        overflow: hidden;
        position: absolute;
        top: 0;
        z-index: 1;
    }

    .progress .progress-left {
        left: 0;
    }

    .progress .progress-bar {
        width: 100%;
        height: 100%;
        background: none;
        border-width: 12px;
        border-style: solid;
        position: absolute;
        top: 0;
    }

    .progress .progress-left .progress-bar {
        left: 100%;
        border-top-right-radius: 80px;
        border-bottom-right-radius: 80px;
        border-left: 0;
        -webkit-transform-origin: center left;
        transform-origin: center left;
    }

    .progress .progress-right {
        right: 0;
    }

        .progress .progress-right .progress-bar {
            left: -100%;
            border-top-left-radius: 80px;
            border-bottom-left-radius: 80px;
            border-right: 0;
            -webkit-transform-origin: center right;
            transform-origin: center right;
            animation: loading-1 1.8s linear forwards;
        }

    .progress .progress-value {
        width: 90%;
        height: 90%;
        border-radius: 50%;
        background: #44484b;
        font-size: 24px;
        color: #fff;
        line-height: 135px;
        text-align: center;
        position: absolute;
        top: 5%;
        left: 5%;
    }

    .progress.blue .progress-bar {
        border-color: #049dff;
    }

    .progress.blue .progress-left .progress-bar {
        animation: loading-5 1.5s linear forwards 1.8s;
    }

    .progress.yellow .progress-bar {
        border-color: #fdba04;
    }

    .progress.yellow .progress-left .progress-bar {
        animation: loading-4 1s linear forwards 1.8s;
    }

    .progress.pink .progress-bar {
        border-color: #ed687c;
    }

    .progress.pink .progress-left .progress-bar {
        animation: loading-4 0.4s linear forwards 1.8s;
    }

    .progress.green .progress-bar {
        border-color: #1abc9c;
    }

    .progress.green .progress-left .progress-bar {
        animation: loading-5 1.2s linear forwards 1.8s;
    }

@keyframes loading-1 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
    }
}

@keyframes loading-2 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(144deg);
        transform: rotate(144deg);
    }
}

@keyframes loading-3 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }
}

@keyframes loading-4 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(36deg);
        transform: rotate(36deg);
    }
}

@keyframes loading-5 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(126deg);
        transform: rotate(126deg);
    }
}

@media only screen and (max-width: 990px) {
    .progress {
        margin-bottom: 20px;
    }
}