@font-face {
    font-family: "Poppins";
    src: url("../fonts/Poppins/Poppins-Regular.eot");
    src: url("../fonts/Poppins/Poppins-Regular.eot?#iefix") format("embedded-opentype"),
        url("../fonts/Poppins/Poppins-Regular.woff2") format("woff2"),
        url("../fonts/Poppins/Poppins-Regular.woff") format("woff"),
        url("../fonts/Poppins/Poppins-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "Inter";
    src: url("../fonts/Inter/Inter-Regular.woff2") format("woff2"),
        url("../fonts/Inter/Inter-Regular.woff") format("woff"),
        url("../fonts/Inter/Inter-Regular.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: Inter;
    /* font-size: 12px; */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Poppins";
}

h5 {
    font-size: 18px;
    font-weight: 600px;
}

h5+p {
    font-family: "Poppins";
    font-size: 13px;
}

.headings {
    text-align: center;
    font-weight: bold;
    font-family: "Poppins";
}

.p-links a {
    color: #1767b0 !important;
}

/* .header {
  background-color: rgba(64, 126, 65, 0.957);
  align-items: center;
}

/* .header nav a {
  font-size:16px;
  color: #404040;
}
.cell {
  color: white;
  padding-right: 80px;
  font-family:"Poppins";
  font-size: medium;

}

.cell-png span {
  color: white;
}
.logo-img {
  width: 35px;
  height: auto;
  margin-left: 80px;
}

.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .show > .nav-link {
  font-weight: bolder;
  color: green;
  font-family: "Gill Sans", "Gill Sans MT", Calibri, "Trebuchet MS", sans-serif;
}
.nav-link:hover {
  font-weight: bold;
  color: rgba(64, 126, 65, 0.957) !important;
} */

/* Home Slider*/
#home_slider {
    background-image: url("../images/slider-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 700px;
}

.slider-links img {
    float: right;
}

#home_slider h1 {
    padding-top: 60px;
    padding-left: 105.42px;
    float: left;
    position: relative;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    font-size: 50px;
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    margin-bottom: 30px;
}

#home_slider p {
    position: relative;
    padding-left: 114px;
    font-family: "Poppins";
    font-style: normal;
    font-weight: 300;
    font-size: 35px;
    line-height: 52px;
    color: #cac8c8;
    float: left;
    margin-bottom: 50px;
}

.input-group {
    padding-left: 117px;
}

.form-outline {
    height: 0px;
}

.slider-links {
    padding-top: 11%;
}

*/

/*Section Area*/
/*latest news area*/
.download-latestNews ul {
    clear: both;
}

.download {
    margin-top: 10px;
}

.latest-news p {
    padding-top: 10px;
}

.latest-newsSection h1 {
    padding-top: 20px;
}

.latest-newsSection {
    margin-bottom: 50px;
}

.latest-newsSectionLeft h5 {
    text-align: center;
}

.latest-newsSectionRight img {
    margin-top: 7px;
}

.news-grid img {
    margin: auto;
    display: block;
    margin: 7px auto;
}

.latest-newsSectionRight {
    background: #ffffff;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    padding-top: 10px;
}

.latest-newsSectionLeft div.news-grid {
    background: #ffffff;
    box-shadow: 0px 0px 12px rgba(125, 192, 129, 0.25);
    border-radius: 10px;
    margin: 5px 5px;
}

/*Download news area */

.download ul li {
    float: left;
}

.download button.btn {
    background-color: DodgerBlue;
    border: none;
    color: white;
    padding: 0px 10px;
    cursor: pointer;
    font-size: 12px;
    float: right;
    margin-left: 20px;
}

.img-card {
    max-width: 100%;
    height: 412px;
}

.fb-frame {
    border-radius: 2% !important;
}

/*home about us */

/* .top_story h1 {
    margin-bottom: 50px;
} */
/* Darker background on mouse-over */
.download .btn:hover {
    background-color: RoyalBlue;
}

.download ul li span.left-side {
    float: left;
}

.latest-news a {
    padding-left: 10px;
    color: #edb228;
    text-decoration: none;
}

.download ul {
    float: left;
}

.latest-news h2 {
    background-color: #edb228;
    border: none;
    color: white;
    padding: 5px 10px;
    cursor: pointer;
    font-size: 20px;
    float: left;
    margin-left: 0px;
    border-radius: 5px;
}

.download {
    width: 155px;
    height: 40px;
    left: 80px;
    top: 2091.19px;

    background: #1767b0;
    border-radius: 5px;
}

._latestNews {
    width: 155px;
    height: 40px;
    left: 80px;
    top: 2091.19px;

    background: #edb228;
    border-radius: 5px;
}

.c-btn {
    width: 9.688rem;
    height: 22px;
    left: 107px;
    top: 2104.8px;

    font-family: "Inter";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    padding-top: 10px;
    padding-left: 30px;

    color: #ffffff;
}

.download-line {
    width: 41.5rem;
    height: 15px;
    left: 180px;
    background: #e9e9e9;
    border-radius: 3px;
}

.news-line {
    width: 16rem;
    height: 15px;
    left: 180px;
    background: #e9e9e9;
    border-radius: 3px;
}

.news h2 {
    background-color: #edb228;
}

/* Downloads Home Page */
.dbtn:hover {
    background: #1767b0;
}

.latest-tenders div.heading,
.latest-news div.heading {
    border-bottom: 1px solid rgba(0, 0, 0, 0.253);

    font-size: 20px;

    display: flex;
    justify-content: space-between;
}

.latest-news,
.latest-tenders {
    width: 49%;
}

.latest-newz div.heading,
.latest-newz div.heading {
    border-bottom: 1px solid rgba(0, 0, 0, 0.253);
    font-size: 20px;
    display: flex;
    justify-content: space-between;
}

.latest-newz {
    width: 100%;
}

/*our projects*/

.our-projects h1 {
    text-align: center;
    margin-top: 50px;
}

.our-projects p {
    text-align: center;
}

.slider-pagingation {
    width: 135px;
    height: 27px;
    margin-top: 7px;
    text-align: center;
    margin: auto;
}

/*   gallery page   */
/*  banner area  */
#gallery_banner {
    background-image: url("../images/gallery/gallery-banner.png");
    background-size: cover;
}

#gallery_banner h1 {
    text-align: center;
    font-size: 50px;
    color: white;
}

#gallery_banner div.banner-content {
    padding: 7% 0%;
}

.container.gallery-ourProjects h1 {
    text-align: center !important;
}

/*   our services page  */
/*  banner area  */

#ourServices_banner {
    background-repeat: no-repeat;
    background-size: cover;
}

#ourServices_banner h1 {
    text-align: center;
    font-size: 50px;
    color: white;
}

#ourServices_banner div.banner-content {
    padding: 7% 0%;
}

/*our services*/
.services-innerImg {
    float: left;
    margin: 7px;
}

.service-grid {
    padding: 7px 0px;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    margin-bottom: 10px;
}

.services-innerText {
    float: left;
    width: 70%;
}

.service-grid:hover {
    background: #2a8e58;
    color: #f0f0f0;
}

.service-grid img {
    opacity: 0.5;
    padding: 10px 0px;
}

.service-grid img:hover {
    opacity: unset;
    background: none;
}

.service-cover-grid {
    margin-bottom: 20px;
}

/*banner page*/
#ourTender_banner {
    background-image: url("../images/tender-banner.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.banner-content h1 {
    color: white;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20%;
    font-size: 50px;
}

.apply-now {
    font-size: 13px;
    padding: 5px 5px;
    color: white;
    float: inline-end;
}

.heading {
    padding: 8px;
}

/*download page*/
#download_banner {
    background-image: url("../images/download-bg.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.table.table-bordered td:nth-child(2) {
    overflow-wrap: break-word;
    overflow: hidden;
    inline-size: min-content;
}

.table.table-bordered td:nth-child(4) {
    overflow-wrap: break-word;
    overflow: hidden;
    inline-size: min-content;
}

.table.table-bordered td:nth-child(5) {
    overflow-wrap: break-word;
    overflow: hidden;
    inline-size: min-content;
}

.table.table-bordered td:nth-child(6) {
    overflow-wrap: break-word;
    overflow: hidden;
    inline-size: min-content;
}

/* our-services */
.registration-right {
    width: 90%;
    padding-top: 50px;
    padding-bottom: 50px;
}

.registration-right h2 {
    color: black;
    font-weight: 700;
    padding-bottom: 20px;
}

.fa,
.fas,
.fab {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.far {
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
}

.event-list .card {
    background-color: #ffffffdf;
    padding: 18px;
}

.event-list img {
    width: 77px;
    height: 77px;
}

.event-list h4 {
    color: #82818f;
    font-size: 16px;
}

.card-heading {
    color: #0b0b0bd2 !important;
    font-size: 16px;
    font-weight: bold;
}

.event-list .card-title span {
    padding-left: 5px;
    padding-right: 20px;
    font-size: 12px;
    font-weight: 700;
}

.event-list .card-text {
    color: black;
    font-size: 16px;
}

.event-list .card-body {
    padding: 0 20px;
    margin: 0 0 10px 0;
}

.event-list .card-title svg {
    color: black;
}

.services-row {
    --bs-gutter-x: 67.5rem;
    --bs-gutter-y: 0;
}

.card-ii {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;

    /* background-color: #fff; */
    background-clip: border-box;
    border: 0px;
}

.services-row>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.1);
    padding-left: calc(var(--bs-gutter-x) * 0.1);
    margin-top: var(--bs-gutter-y);
}

/* Citizen Corner Page */
.s1 {
    /* background-image: url("../images/chief-secterary.jpg"); */
    width: 435px;
    height: 230px;
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url("../images/_citizen_corner/img-1.png");
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    background-size: cover;
}

.s2 {
    width: 435px;
    height: 230px;
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url("../images/_citizen_corner/img-2.png");
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    background-size: cover;
}

.s3 {
    width: 435px;
    height: 230px;
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url("../images/_citizen_corner/img-3.png");
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    background-size: cover;
}

.s4 {
    width: 435px;
    height: 230px;
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url("../images/_citizen_corner/img-4.png");
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    background-size: cover;
}

.s5 {
    width: 435px;
    height: 230px;
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url("../images/_citizen_corner/img-5.png");
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    background-size: cover;
}

.s6 {
    width: 435px;
    height: 230px;
    border-radius: 10px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)),
        url("../images/_citizen_corner/img-6.jpg");
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25);
    border-radius: 10px;
    background-size: cover;
}

.s-text h2 {
    position: absolute;
    width: 220px;
    height: 38px;

    font-family: "Poppins";
    font-style: normal;
    font-weight: 700;
    font-size: 33.9969px;
    line-height: 37px;
    /* identical to box height, or 110% */

    text-transform: capitalize;

    color: #ffffff;
}

/* Jobs Page */
.card-container {
    max-width: 20rem;
}

.card-body {
    flex: 1 1 auto;
    padding: 1rem 0.5rem;
}

.card-para p {
    font-family: Inter;
    font-size: 14px;
}

/* Index page */

.service-card {
    padding: 0px 11px 5px 11px;
    border-radius: 5% !important;
}

.wrapingimage-about {
    float: right;
    margin: 0px 0px 3px 6px;
    border-radius: 10%;
    max-width: 40%;
}

.page-item.active .page-link {
    z-index: 3;
    color: #fff;
    background-color: #2a8e58;
    border-color: #2a8e58;
}

.page-item .page-link {
    color: #2a8e58;
}

.page-item .page-link:focus {
    z-index: 3;
    color: #2a8e58;
    background-color: #e9ecef;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgba(13, 253, 165, 0.25);
}