body{
    overflow-x:hidden;
}

/*common*/
.custom-scroll::-webkit-scrollbar {
    width: 5px;
}

.custom-scroll::-webkit-scrollbar-track {
    background: #F5F5F5;
    border-radius: 5px;
}

.custom-scroll::-webkit-scrollbar-thumb {
    background: #d9534f;
    border-radius: 5px;
}

    .custom-scroll::-webkit-scrollbar-thumb:hover {
        background: #d9534f;
    }

.text-primary {
    color: #8d3610 !important;
}



.searchableselect-container--default .searchableselect-results__option--highlighted[aria-selected] {
    background-color: #711519 !important;
    color: white;
}

.searchableselect-container :focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: none !important;
}

/*multiple select css added start*/
.dropdown-menu.show {
    width: 100%;
    z-index: 3;
    overflow-x: hidden;
}

.dropdown-item.active, .dropdown-item:focus {
    color: #fff !important;
    text-decoration: none;
    background-color: #8d3610;
}

.dropdown-menu.show .inner.show {
    height: 200px
}

.bootstrap-select .bs-ok-default:after {
    margin-top: 9px;
}

.bootstrap-select .dropdown-menu li a {
    white-space: inherit;
}

/*multiple select added End*/

/*Breadcrum*/
.inner-naviagtion {
    /* background-image: url(../CMSimg/landing_bg.jpg);*/
    height: 60px;
    /* background-position: center;*/
    padding-top: 20px;
    background-color: #ffd5b7;
}

    .inner-naviagtion .breadcrumb {
        background-color: transparent;
        padding: 0;
    }

        .inner-naviagtion .breadcrumb li {
            color: #722808!important;
        }
            .inner-naviagtion .breadcrumb li a {
                color: #ec6f00!important;
            }

            .inner-naviagtion .breadcrumb li a:hover {
                text-decoration: none;
                color: #fff;
            }
/*end*/




.inner-section {
    padding: 2rem 0rem;
}

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #8d3610;
    background-color: #8d3610;
}

.bg-primary {
    background-color: #8d3610 !important;
}

h3.heading {
    font-size: 2rem;
    font-weight: 700;
    position: relative;
    margin-bottom: 3rem;
    color: #d56808;
}

    h3.heading:before {
        content: '';
        position: absolute;
        height: 4px;
        width: 130px;
        background: #a0a0a0;
        bottom: -1rem;
    }

.col-form-label {
    font-weight: 600;
}

/*end*/

/*Introduction*/

.inner-content {
    padding: 3rem 0;
}

    .inner-content p {
        margin-bottom: 1.2rem;
        text-align: justify
    }

    .inner-content img.img-left, .inner-content img.img-right {
        width: 45% !important;
        border-radius: 0.2em;
    }

    .inner-content img.img-right {
        float: right;
        margin: 0rem 0 1.5rem 1.5rem !important;
    }

    .inner-content img.img-left {
        float: left;
        margin: 0 2em 1.5rem 0 !important;
    }

    .inner-content .bd-callout {
        padding: 1.25rem;
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
        border: 1px solid #eee;
        border-left-width: 0.25rem;
        border-radius: 0.25rem;
    }

    .inner-content .bd-callout-danger {
        border-left-color: #f44336;
    }

    .inner-content blockquote {
        font-size: 28px;
        font-weight: 600;
        color: #222;
        margin: auto;
        padding-top: 30px;
        padding-bottom: 20px;
        margin-top: 50px;
        margin-bottom: 20px;
        text-align: center;
        position: relative;
        line-height: 1.5em;
        clear: both;
        quotes: "“" "”" "‘" "’";
    }

        .inner-content blockquote:before {
            font-family: 'icons';
            left: 0rem;
            position: absolute;
            top: 0em;
            font-size: 3rem;
            color: #d56808;
            z-index: 1;
            content: open-quote;
        }

        .inner-content blockquote p {
            font-size: 1rem;
            line-height: 2;
        }

        .inner-content blockquote:after {
            font-family: 'icons';
            right: 0rem;
            position: absolute;
            bottom: 0em;
            font-size: 3rem;
            color: #d56808;
            z-index: 1;
            content: close-quote;
        }



    .inner-content .table {
        border: 1px solid #ddd;
        width: 100%;
        margin-bottom: 15px
    }

        .inner-content .table tr td,
        .inner-content .table tr th {
            padding: 8px;
            line-height: 1.42857143;
            vertical-align: top;
            border: 1px solid #ddd
        }

        .inner-content .table tr th {
            font-weight: 600;
            color: #000;
        }

        .inner-content .table a {
            display: inline-block;
            text-align: center;
            color: #cf0a11
        }

            .inner-content .table a:hover {
                color: #000
            }

    .inner-content ul {
        margin: 0;
        margin-bottom: 1rem;
        padding: 0;
    }

        .inner-content ul li {
            padding: .6rem 0;
        }

        .inner-content ul.list li {
            padding-left: 2rem;
            position: relative;
            list-style: none;
        }

            .inner-content ul.list li::before {
                content: '\e901';
                color: #d56808;
                display: inline-block;
                margin-left: 0em;
                font-weight: 400;
                font-size: 1em;
                font-family: icomoon;
                position: absolute;
                left: 0;
                top: 10px;
            }

    .inner-content .table ul {
        margin-bottom: 0;
    }


/*end*/

.pagination .page-link {
    border: 0;
    color: #929292;
    font-weight: 600;
    padding: .4rem 1rem;
    border-radius: 100% !important;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 4px;
}

.pagination .page-item.active .page-link {
    background: #bb3900;
}
/*Testimonial*/
.testimonial .card {
    min-height: 500px;
    margin-bottom: 1.5rem;
    border: 0;
    box-shadow: 0 0 10px #cacaca;
}

    .testimonial .card .card-title i {
        color: #d56808
    }

    .testimonial .card .card-body {
        padding: 1.5rem
    }

    .testimonial .card .rounded-circle {
        height: 100px;
        width: 100px;
        margin: 0 auto;
        display: flex;
        margin-bottom: 1.5rem;
    }

    .testimonial .card .blockquote-footer {
        position: absolute;
        right: 1.5rem;
        bottom: 1.5rem;
    }

        .testimonial .card .blockquote-footer .name {
            color: #e2642d;
        }

        .testimonial .card .blockquote-footer .designation {
            color: #9c9c9c;
            font-weight: 400;
        }

        .testimonial .card .blockquote-footer .address {
            color: #9c9c9c;
            font-weight: 400;
        }
/*end*/



/*Tender*/
.tender-sec .tender-card {
    margin-bottom: 1.5rem;
    padding: 1.5rem;
    box-shadow: 0 0 8px #e0e0e0;
    border-radius: 4px;
    transition: all ease-in-out .5s;
    position: relative
}

    .tender-sec .tender-card:hover {
        box-shadow: 0 0 8px #a7a7a7;
    }

    .tender-sec .tender-card h5 {
        margin-bottom: 1rem;
        color: #9a360b;
    }

    .tender-sec .tender-card p {
        margin-bottom: 1rem;
    }

        .tender-sec .tender-card p i {
            color: #bbb
        }

    .tender-sec .tender-card .downloads {
        position: absolute;
        right: 3rem;
        bottom: 1.5rem;
    }

        .tender-sec .tender-card .downloads a {
            font-size: 1.4rem;
            color: #ff9800;
        }

            .tender-sec .tender-card .downloads a:hover {
                color: #8d3610;
            }

.tender-sec .tender-active {
    position: relative;
    overflow: hidden;
}

    .tender-sec .tender-active:before {
        position: absolute;
        font-weight: 600;
        padding: 4px 2rem;
        transform: rotate( 49deg);
        right: -32px;
        top: 14px;
        content: "Active";
        background: #8d3610;
        color: #f7f7f7;
        text-transform: uppercase;
        font-size: .9rem;
    }

.tender-sec .officer-order, .tender-sec .circular {
    position: relative;
    overflow: hidden;
}

    .tender-sec .officer-order:before {
        position: absolute;
        font-weight: 600;
        padding: 4px 2rem;
        transform: rotate( 49deg);
        right: -45px;
        top: 25px;
        content: "Govt. Order";
        background: #8d3610;
        color: #fff;
        text-transform: uppercase;
        font-size: .8rem;
    }

    .tender-sec .circular:before {
        position: absolute;
        font-weight: 600;
        padding: 4px 2rem;
        transform: rotate( 49deg);
        right: -37px;
        top: 15px;
        content: "Circular";
        background: #d56808;
        color: #fff;
        text-transform: uppercase;
        font-size: .7rem;
    }


/*end*/





/*Staff-Directory*/
.Staff-Directory .nav-pills.parent-div a {
    position: relative;
    border-bottom: 1px solid #ddd;
    border-radius: 0rem;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #8d3610;
}

.Staff-Directory .nav-pills.parent-div a i {
    position: absolute;
    right: 5px;
    top: 10px;
    font-size: 1.2rem;
    color: #fff;
}

.Staff-Directory .staff-port-height {
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 1rem;
}

.emp-card {
    border: 1px solid #d8d8d8;
    margin-bottom: 1rem;
    display: flex;
    flex-flow: row;
    flex-direction: row-reverse;
    width: 100%;
    flex-wrap: wrap;
    border-radius: 4px;
    overflow: hidden;
    min-height: 170px;
}


.Staff-Directory .emp-content {
    flex: 0 0 100%;
    padding: 1rem;
    background: #fff;
}





.Staff-Directory .staff-list li {
    color: #383838;
    margin: 0em;
    padding: 0em 0em .4em 1.8em;
    position: relative;
    font-size: .9rem;
}

    .Staff-Directory .staff-list li:before {
        position: absolute;
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        left: 0;
        color: #b3b3b3;
    }

.staff-list li.phoneno:before {
    content: "";
}

.staff-list li.gmail:before {
    content: "";
}

.staff-list li.designation:before {
    content: "";
}

.Staff-Directory .card {
    min-height: 190px;
}
/*end*/




/*e-Tp verification*/
.e-Tp-verification .form-content-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    align-content: center;
    min-height: 100%;
    padding: 0rem 6rem;
    background-color: rgba(244, 227, 183, 0.15);
}

.e-Tp-verification .e-tp-modal .modal-body {
    background-color: rgba(244, 227, 183, 0.15);
}

    .e-Tp-verification .e-tp-modal .modal-body .colon {
        top: 6px;
        position: absolute;
        left: 0;
    }

    .e-Tp-verification .e-tp-modal .modal-body .form-control-plaintext {
        color: #8d3610;
    }

.e-Tp-verification .font-weight-bolder {
    font-weight: 500 !important;
}

.e-Tp-verification .e-tp-modal .modal-body .heading {
    border-bottom: 2px dotted #ddd;
    padding-bottom: 1rem;
}
/*end*/


.list-group-item.active {
    z-index: 2;
    color: #fff;
    background-color: #8d3610;
    border-color: #8d3610;
}

a:hover {
    color: #481c08;
    text-decoration: underline;
}


/*Contact us*/
.contact-us .contact-box {
    background-color: #dddddd12;
    border: 1px solid #dddddd91;
    padding: 1rem 1rem;
    height: 567px;
}

.contact-us ul {
    list-style: none;
}

    .contact-us ul li {
        color: #333333;
        margin: 0em;
        padding: 0em 0em 1em 1.5em;
        position: relative;
    }

        .contact-us ul li:before {
            position: absolute;
            font-family: "Font Awesome 5 Free";
            font-weight: 900;
            left: 0;
            color: #d9534f;
        }

        .contact-us ul li a {
            color: #333;
        }

        .contact-us ul li:nth-child(1):before {
            content: "";
        }

        .contact-us ul li:nth-child(2):before {
            content: "";
        }

        .contact-us ul li:nth-child(3):before {
            content: "";
        }

        .contact-us ul li:nth-child(4):before {
            content: "";
        }
/*end*/
.separator {
    height: 0;
    margin-bottom: 2rem;
}

    .separator.separator-dashed {
        border-bottom: 1px dashed #bdc2c5;
    }

.inner-forms {
    /* background: #f9f9f9; */
    /* padding: 1.5rem; */
    /* border-radius: 4px; */
}

    .inner-forms .form-group {
        margin-bottom: 1.5rem;
    }

    .inner-forms label {
        margin-bottom: .2rem;
        font-weight: 600;
        color: #717171;
    }

    .inner-forms h3 {
        font-size: 1.5rem;
    }

    .inner-forms .form-control {
        height: calc(1.9em + 0.75rem + 2px);
        border-radius: 3px;
        border-color: #c3c3c3;
        color: #000;
    }

        .inner-forms .form-control:focus {
            outline: none;
            box-shadow: none;
            border-color: #d66939;
        }

    .inner-forms textarea.form-control {
        height: 80px
    }

.width100 {
    width: 120px
}

.inner-forms .custom-file-label {
    height: calc(1.9em + 0.75rem + 2px);
    border: 1px solid #c3c3c3;
    padding: .5rem 0.75rem;
    border-radius: 3px;
}

    .inner-forms .custom-file-label::after {
        height: calc(1.9em + 0.75rem);
        padding: .5rem 0.75rem;
        border-radius: 0 2px 2px 0;
    }

@media only screen and (max-width: 1370px) {
    .e-Tp-verification .form-content-box {
        padding: 0rem 3rem;
    }

    

    .inner-content {
        padding: 2rem 0;
    }
}

@media screen and (max-width: 1160px) {




    .testimonial .card {
        min-height: 306px;
    }

    .Staff-Directory .emp-content {
        width: 100%;
    }

    .Staff-Directory .img-left {
        float: left !important;
        margin-top: 1rem;
    }
}

@media only screen and (max-width: 800px) {

    .e-Tp-verification .form-content-box {
        padding: 1rem 1rem;
    }

    div#v-pills-tab {
        margin-bottom: 2rem;
    }

    h3.heading {
        font-size: 1.6rem;
    }
}

@media only screen and (max-width: 768px) {
    .tender-sec .officer-order > p, .tender-sec .circular > p {
        width: 90%;
    }
}



@media only screen and (max-width: 640px) {
    .e-Tp-verification .e-tp-modal .modal-body .colon {
        display: none;
    }

    .e-Tp-verification .e-tp-modal .modal-body .border-dotted {
        border-bottom: 2px dotted #ddd;
        width: 100%;
        margin-bottom: 1rem;
        margin: 0rem 0.3rem;
    }

    .Staff-Directory .card {
        min-height: auto;
    }

    .tender-sec .tender-card p {
        margin-right: 50px;
    }

    .inner-content {
        padding: 1rem 0;
    }

    h3.heading {
        margin-bottom: 1rem;
        font-size: 1.4rem;
    }

        h3.heading:before {
            width: 0
        }
}

@media only screen and (max-width: 480px) {
    .inner-content img.img-left, .inner-content img.img-right {
        width: 100% !important;
        margin: 0 !important;
        margin-bottom: 1rem !important;
    }

    .tender-sec .tender-card {
        margin-bottom: 1rem;
        padding: 1rem;
    }

        .tender-sec .tender-card .downloads {
            right: 1rem;
            bottom: 1rem;
        }

        .tender-sec .tender-card h5 {
            font-size: 1.1rem;
        }

    .tender-sec .officer-order > p, .tender-sec .circular > p {
        width: 80%;
    }
}
@media only screen and (max-width: 380px) {

    .tender-sec .tender-card h5 {
       
        margin-right: 47px;
    }
}