:root {
    --cda-primary: #1e5f3e;
    --cda-secondary: #2d7a4f;
    --cda-accent: #3d9970;
    --cda-light: #e8f5e8;
    --cda-dark: #0f2f1f;
    --cda-gold: #d4af37;
    --navbar-height: 80px;
    --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

body {
    font-family: "Montserrat", sans-serif !important;
    /* Define fallback fonts */
    /* font-family: 'Poppins', Arial, sans-serif; */
    /* font-family: 'Poppins', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif; */
}


/* .Home {
    background-image: url("../Assets/cda_assets/landing_page.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 100vh;
    background-position: center;
    background-size: cover !important;
} */
.Home {
    position: relative;
}

.navBaritem {
    /*padding: 0px 6px;*/
}

.nav-link {
    padding: .5rem 2px !important;
}

/* .navbar-nav {
    padding-left: 60px !important;
} */

.offcanvas-top {
    height: 100vh; /* Adjust as needed */
    /* overflow-y: auto; */
}

.offcanvas, .offcanvas-lg, .offcanvas-md, .offcanvas-sm, .offcanvas-xl, .offcanvas-xxl {
    height: 65vh !important;
}

.navLink:hover {
    /* border: 1px solid #49B655; */
    border-radius: 15px;
    color: #49B655 !important;
    background-color: white;
}

.navLink.active,
.navLink.show {
    border: 1px solid #49B655;
    border-radius: 15px;
    color: #49B655 !important;
    background-color: white;
}


.navSearchButton {
    margin-top: 8px;
}

.textDecoration {
    text-decoration: none !important;
    color: #739E61;
}

.textDecoration :hover {
    text-decoration: none !important;
}

.navbar {
    border-bottom: 1px solid white;
    padding: 30px !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.home_Nav {
    border-bottom: 1px solid white;
    padding: 30px;
    background-image: url("../Assets/images/headerbackground.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.aResponsive img {
    width: 90%;
}


.navbar-toggler {
    color: white;
}

.navbar-toggler-icon {
    background-color: rgba(15, 81, 50, 0.62);
    border-radius: 5px;
}

/* .nav-item a {
    color: black !important;
    font-size: 14px;
} */

.dropdownLink {
    color: white !important;
    font-size: 14px;
}

.callusLink {
    width: 30px;
    height: 30px;
    margin-top: 6px;
}

.cdaContact {
    font-size: 12px;
    color: #2A7047;
}

.contactUs {
    padding-left: 5px;
}

.navbarDropdown {
    background: linear-gradient(to right, #49B655CC, #205025CC);
    padding: 12px 0px !important;
    border-radius: 10px !important;
    opacity: 0.9;
}

.dropdownLink:hover {
    color: #91C74C !important;
    background-color: #2A7047 !important;
}

.nav-search {
    background-color: transparent;
    border: none;
    border-bottom: 1px solid lightgreen;
    color: white;

}

.nav-search:focus {
    outline: none;
}

#navbarScroll {
    height: 0px !important;
}

.nav-button .fa-search {
    color: white;
    cursor: pointer;
}

.requestButton {
    background-color: #be0101;
    border-radius: 8px;
    color: white;
    text-align: center;
    margin-right: 30px;
    padding: 10px 40px;
    margin-top: 0;
    border: none;
    font-size: 20px;
    font-weight: 500;
    width: 100%;
    text-decoration: none;
}

.ultimateDestination {
    color: #be0101;
}

.homeUnleash {
    font-size: larger;
    color: white;
    padding-top: 20px;
    padding-left: 40px;
}

.exploreMore {
    margin-left: 40px;
    text-align: left;
}

.aboutUS h1 {
    font-weight: 700;
    font-size: 60px;
    line-height: 90px;
    text-align: center;
}

.aboutUS p {
    font-weight: 400;
    font-size: 24px;
    line-height: 50px;
    text-align: center;
}

/* .readMore {
    margin-top: 10px;
    margin-left: 10px;
    background-color: #be0101;
    border: none;
    border-radius: 8px;
    font-size: medium;
    font-weight: 500;
    text-align: center;
    color: white;
    padding: 10px 40px;
} */
/* index page Style */

.newsCards {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.contact {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.mainBannerHeading h1 {
    color: #91C74C;
    font-size: 60px;
}

.indexLinkheading h1 {
    color: #2A7047;
    text-align: center;
    font-size: 60px;
    font-weight: 600;
    /* padding-bottom: 20px; */
    padding: 30px 0px;
}

.btn-dark {
    background: white !important;
    border-radius: 50px !important;
}

.carousel-control-prev-icon {
    background-image: url("../Assets/new_cda_assets/Left.png") !important;
    background-size: 50px !important;
}

.carousel-control-next-icon {
    background-image: url("../Assets/new_cda_assets/right.png") !important;
    background-size: 50px !important;
}

/*
.sectionNavigation{
    position: relative;
    top: -120px;
} */

.quoteIcon {
    position: absolute;
    left: -5%;
    top: 34%;
}

.quoteIcon img {
    width: 70%;
}

.newsHeading h3 {
    color: #2B7147;
    font-weight: 600;
    font-size: 18px;
}

.newsContent p {
    font-size: 12px;
}

.projects {
    position: relative;
}

.updatesIcon img {
    position: absolute;
    top: 50px;
    left: 50px;
}

.numberOfprojects h1 {
    font-size: 200px;
    font-weight: 600;
}

.projectHeading {
    font-weight: 600;
    margin-bottom: 0px;
}

.updateText {
    font-weight: 500 !important;
}

.updateDate {
    font-weight: 300 !important;
}

/* .sectionNavigation {
    width: 70%;
    margin: 0 auto;
    margin-top: -13rem;
    padding: 20px;
} */
.sectionNavigation {
    position: absolute;
    top: 80%;
    left: 18% !important;
    z-index: 10000;
}

.naviGation {
    padding: 20px 20px 20px 20px;
}

/* .navigationCard {
    background-image: url("../Assets/cda_assets/Card_green.png");
    background-repeat: no-repeat;
    height: 100%;
    background-position: center;
    background-size: cover;
    
    
} */
.homeNavigation {
    height: 100%;
    border-radius: 5px;
}

/* .navigationCard :hover{
    background-image: url(../Assets/cda_assets/Card_green.png);
    background-repeat: no-repeat;
    height: 100%;

} */

.pageNavigators {
    padding: 30px;
}

.readMoreLink {
    text-decoration: none !important;
    color: white !important;
    font-size: 12px;
}

.navigationCard_Heading {
    /* color: white; */
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 0px;
}

.housingCardHead {
    color: white;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0px;
}

/* .sectionNewsTeller{
    margin-top: 100px !important;
} */

.navigationCard_Description {
    color: white;
    font-size: 10px;
    margin-bottom: 0px !important;
}

.homeUltimate h1 {
    color: #91C74C;
    text-align: center;
    font-size: 60px;
    font-weight: 600;
    /* padding-bottom: 20px; */
    /* padding-top: 100px; */
    align-items: center;
    display: flex;
    height: 80vh;
    flex-direction: column;
    justify-content: center;
}

/* .quickLinks-icon {
    height: 150px;
    width: 150px;
    margin: 0 auto;
} */
.updatesContent {
    width: 90%;
    margin: 0 auto;
    padding: 20px;
}

.updateSection {
    background-image: url("../Assets/new_cda_assets/Directory.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.quickLinksImg {
    width: 70%;
}

.quickLinks-icon p {
    text-align: center;
    padding: 10px 0px 0px 0px;
    font-size: 16px;
    font-weight: 600;
    color: #2A7047;
}

/* index page Style */

.img-fluid {
    height: 85vh !important;
    width: 100%;
}

.indexQuickLink {
    text-decoration: none;
}

.indexQuickLink:hover {
    text-decoration: none !important;
}

.updatesHeading h1 {
    font-weight: 600;
}

.sectionNewsTeller {
    width: 80%;
    margin: 0 auto;

}

.sectionNewsTeller img {
    width: 100%;
}

.sectionNewsTeller h3 {
    text-align: left;
}

.annoucement {
    padding: 20px;
    background: #91C74C;
    border-radius: 50px;
}

.annoucement p {
    color: white;
}

.spColor {
    color: #1c562b !important;
    font-weight: bold;
}

.quickLinks {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 50px;
    text-decoration: none !important;
    color: white;
}

.footerQuickLink:hover {
    color: white !important;
}

.footerQuickLink {
    font-size: 14px;
}

.officeAddress {
    padding-top: 1rem;
}

.officeTime {
    padding-top: 1rem;
    margin-bottom: 0px;
    font-size: 14px;
}

.officeDays {
    margin-bottom: 0px;
    font-size: 14px;
}


.autoparts {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 60vh;
    text-align: center;
}

.autoparts h1 {
    text-align: center;
    color: white;
    font-weight: 600;
    font-size: 62px;
    line-height: 86px;

    /* padding-top: 100px; */
}

/* About Us Page */
.chairmanBackground {
    background-image: url("../Assets/new_cda_assets/heroSection10.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 80vh;
    background-position: center;
    background-size: cover !important;
}

.chairmanSection {
    width: 90%;
    margin: 0 auto;
    padding: 50px 0px;
}

.chairmanName {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.chairmanMessage {
    background-color: #EEF6E3;
    border-radius: 5px;
    padding: 30px;
}

.chairmanMsg {
    width: 70%;
    margin: 0 auto;
}

.chairmanImage {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.chairmanImage img {
    width: 80%;
}

.chairmanText h3 {
    font-weight: 800;
    font-size: 32px;
    color: #2A7047;
}

.chairmanText h4 {
    font-weight: 400;
    font-size: 22px;
    color: #000000;
}

.quoteImg {
    text-align: center;
}

.quoteImg img {
    width: 6%;
}

.chairmanPara {
    margin-top: 20px !important;
}

.chairmanParaSection {
    text-align: center;
    width: 90%;
    margin: 0 auto;
}

.chairmanPara p {
    font-size: 20px;
}


/* ///////////end/////////// */
/* honourable chairmans */
.honourableChairmans_background {
    background-image: url("../Assets/new_cda_assets/heroSection11.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 80vh;
    background-position: center;
    background-size: cover !important;
}

.honourableBackground {
    background-image: url("../Assets/new_cda_assets/honourable.png");
    background-position: center;
    padding: 80px;
}

.allHonourable_Chairmans {
    font-weight: 800 !important;
    font-size: 50px !important;
    color: #fff;
}

/* ///////////end/////////// */
/* board member */
.boardMember_background {
    background-image: url("../Assets/new_cda_assets/heroSection12.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 80vh;
    background-position: center;
    background-size: cover !important;
}

.boardMembers {
    width: 80%;
    margin: 0 auto;
    padding: 50px 0px;
}

.boardHeading {
    text-align: center;
    color: #2A7047;
}

.boardHeading h3 {
    font-size: 48px;
    font-weight: 700;
    padding: 40px 0px;
}

.boardMember_Image {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 20px;
}

.memberCard {
    /* display: flex; */
    /* flex-direction: column; */
    width: 25% !important;
    margin: 0 auto;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 7px;
}

.executiveMember {
    /* display: flex; */
    /* flex-direction: column; */
    width: 90% !important;
    margin: 0 auto;
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: 7px;
    height: 100%;
}

.cardBody {
    padding: 1.25rem;
}

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

.cardBody h6 {
    font-size: 14px;
    font-weight: 600;
}

.cardBody p {
    padding: 0px !important;
    margin: 0px !important;
    font-size: 12px;
    color: #6c757d !important;
}

.boardMember_Image h3 {
    font-weight: 600;
    font-size: 23px;
}

.boardMember_Image h5 {
    font-size: 16px;
}

.boardMember_Image img {
    padding-bottom: 25px;
}

.executiveMember_Image {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 20px;
}

.executiveMember_Image img {
    padding-bottom: 25px;
}

.executiveMember_Image h3 {
    font-weight: 600;
    font-size: 23px;
}

.executiveMember_Image h5 {
    font-size: 16px;
}

.boardInformation {
    background-color: #EEF6E3;
    text-align: left;
    justify-content: center;
    /* margin-bottom: 50px; */
    padding: 12px;
    border-radius: 5px;
}

.borderLeft {
    border-left: 5px solid #2A7047;
    padding: 0px 10px 0px 10px;
}

.boardText {
    width: 80%;
    margin: 0 auto;
    padding: 0px 0px 20px 0px;
    text-align: center;
}

.boardText p {
    font-size: 16px;
    margin-bottom: 0px;
}

.forPadding {
    padding: 10px;
}

.boardText h3 {
    font-size: 25px;
    font-weight: 600;
    color: #2A7047;
}

/* ///////////end/////////// */

.meetingSchedule {
    width: 100%;
    padding: 10px 0px 30px 0px;
}

.pagination {
    display: none !important;
}

.teachersInfo {
    width: 100%;
}

/* .cdaMeetings {
    margin-top: 18px;
} */

.meetingInfo {
    display: flex;
    flex-direction: row;
}

.facultyInfo {
    margin-top: 18px;
    padding: 20px 20px;
    border-radius: 15px;
}

.facultyHeadings {
    margin-top: 18px;
    padding: 20px 20px;
    border-radius: 15px;
}

.meetingDates {
    width: 10%;
    background-color: #EEF6E3;
    padding: 5px;
}

.teacherName {
    width: 15%;
}

.bps {
    width: 10%;
    color: #2A7047 !important;
    font-size: 22px;
}

.meetingSr {
    width: 10%;
}

.meetingCost {
    width: 12%;
}

.pdfLink {
    text-decoration: none;
}

.pdfDownload {
    display: flex;
    align-items: center;
    justify-content: end;
}

.subjectName {
    width: 32%;
}

/* .meetingMinutes{
    width: 80%;
} */

/* board meeting */
.boardMeeting_background {
    background-image: url("../Assets/new_cda_assets/heroSection13.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 80vh;
    background-position: center;
    background-size: cover !important;
}

.boardMeeting {
    width: 80%;
    justify-content: center;
    text-align: center;
    margin: 0 auto;

}

.schoolFaculty {
    width: 80%;
    justify-content: center;
    text-align: center;
    margin: 0 auto;
    /* margin-top: 50px; */
}

.selectYear {
    text-align: start;
    font-size: 26px;
    font-weight: 600;
    color: #2A7047;
    text-decoration: underline;
    text-underline-offset: 10px;

}

.relatedHeading {
    text-align: start;
    font-size: 30px;
    /* font-weight: 600; */
    color: #2A7047;
    text-decoration: underline;
    text-underline-offset: 10px;

}

.factheading {
    text-align: start;
    font-size: 30px;
    color: #2A7047;
}

.factCard {
    box-sizing: border-box;
    padding: 20px;
    border-radius: 5px;
    height: 100%;
}


.selectCalander {
    text-align: end;
    font-size: 26px;
    font-weight: 600;
    color: #2A7047;
}

.boardTable {
    margin: 20px 0px;
}

.tableHeading {
    color: #2A7047 !important;
    font-size: 22px;
    font-weight: 600;
}

.meetingCount {
    color: #2A7047 !important;
    font-size: 20px;
    font-weight: 600;
}

.memMeting {
    padding-left: 10px;
}

.forSubjectMargin {
    margin-left: 10px;
}

.memberSubject {
    width: 20px;
    height: 20px;
}

.meetingDuration p {
    font-weight: 100;
}

.dwonloadInfo {
    text-decoration: none !important;
    color: #000000;

}

.meetingDetails {
    margin-left: 30px;
}

.recieptsTable th {
    color: #2A7047 !important;
    font-size: 20px;
}

.showingPagination {
    text-align: start;
}

.firstBackground {
    background-color: #EEF6E3;
    padding: 6px 16px;
    border-radius: 30px;
    text-align: center;
}

.secondBackground {
    background-color: #FFF8E2;
    padding: 6px 16px;
    border-radius: 30px;
    text-align: center;
}

.thirdBackground {
    background-color: #E3F6F4;

    padding: 6px 16px;
    border-radius: 30px;
    text-align: center;
}

.fourthBackground {
    background-color: #F2EDFD;

    padding: 6px 16px;
    border-radius: 30px;
    text-align: center;
}

.fifthBackground {
    background-color: #DEE9E3;

    padding: 6px 16px;
    border-radius: 30px;
    text-align: center;
}

/* ///////////end/////////// */
/* board history */
.boardHistory_background {
    background-image: url("../Assets/new_cda_assets/heroSection14.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 80vh;
    background-position: center;
    background-size: cover !important;
}

.boardHistory {
    text-align: center;
    width: 80%;
    margin: 0 auto;
    /* padding: 50px 0px; */
}

.boardHistory_text h3 {
    font-size: 30px;
    font-weight: 600;
    padding: 20px 0px;
    text-align: left;
    color: #2A7047;
    text-decoration: underline;
    text-underline-offset: 10px;
}

.borderHistory {
    border-bottom: 5px solid #2A7047;
    width: 20%;
}

.boardHistory_text p {
    font-size: 18px;
    text-align: left;
}

.historyHeading {
    font-size: 30px;
    font-weight: 600;
    padding: 20px 0px;
    text-align: center;
}

.historyImages {
    width: 100%;
    height: 70%;
}

.historyImage {
    background-color: #EEF6E3;
    padding: 50px 80px;
    margin: 0 auto;
}

.boardHistory_Image {
    padding: 0px 0px 50px 0px
}

.historyImage img {
    width: 100%;
}

/* chairman Secretariat page */
.chairmanSecretariat_background {
    background-image: url("../Assets/new_cda_assets/heroSection3.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 80vh;
    background-position: center;
    background-size: cover !important;
}

.chairmanSecretariat {
    width: 80%;
    margin: 0 auto;
    margin-top: 50px;
}

.accordion-item {
    margin-bottom: 10px;
    border-radius: 20px;
    border: none !important;
}

.accordion-body {
    padding: 0px 0px 0px 20px !important;
    text-align: justify;
    background-color: #EEF6E3;
    /* color: #7FB23D; */
    /* border-radius: 15px; */
    overflow-x: auto;
}

.bannerDiscription {
    color: #fff;
    font-size: 22px;
}


.accordion-body p {
    font-size: 16px;
    text-align: justify;
}

.accordion-body li {
    font-size: 16px;
    text-align: justify;
}

.accordianBorder {
    border-left: 3px solid #2A7047;
    padding: 15px 15px 0px 15px;
}

.accordionHeading {
    font-size: 20px;
    color: #2A7047;
    padding: 15px;
    border-left: 3px solid #2A7047;
}

.accordionSubheading {
    color: #2A7047;
    font-size: 20px;
}

.accordion-button:not(.collapsed) {
    background-color: #eef6e3 !important;
    box-shadow: none !important;
}

.accordion-button {
    background-color: #eef6e3 !important;
}

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: var(--bs-accordion-btn-icon);
    background-repeat: no-repeat;
    /* background-size: var(--bs-accordion-btn-icon-width); */
    transition: var(--bs-accordion-btn-icon-transition);
    background-color: #FFFFFF;
    padding: 18px;
    border-radius: 20px;
    /* color: white; */
    background-size: 20px !important;
    background-position: 8px 8px;
}

.accordion-button {
    height: auto;
    justify-content: center;
    align-items: center !important;
    padding: 8px 20px 8px 20px !important;
}

.accordion-button:not(.collapsed) {
    color: var(--bs-accordion-active-color);
    background-color: var(--bs-accordion-active-bg);
    /* box-shadow: inset 0 calc(-1* var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color); */
}

.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: 0px !important;
    border-top-right-radius: 0px !important;
}

.accordion-header {
    border-radius: 20px !important;
}


/* auction notices */
.auctionDescription {
    width: 80%;
}

.auctionDescription_heading h3 {
    color: #2A7047;
    text-align: left;
}

.housingTableHeading {
    color: #2A7047;
    text-align: left;
}

.housingTableHeading h3 {
    font-size: 20px !important;
    font-weight: 600;
}

.downloadFileheading {
    text-align: right !important;
}

/* auction notices */

/* administration page */
.administration_background {
    background-image: url("../Assets/new_cda_assets/heroSection4.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 80vh;
    background-position: center;
    background-size: cover !important;
}

.administartionWing {
    width: 80%;
    margin: 0 auto;

    /* text-align: center; */
}

.tendersWidth {
    width: 90%;
    margin: 0 auto;
}

.tenderTable_Heading {
    color: #2A7047;
    font-weight: 600;
    text-align: left;
}

.tenderTable_Heading h3 {
    font-size: 20px;
    font-weight: bold;
}

.tenderDescription {
    padding-left: 40px;
}

.tenderViewAd {
    text-align: right !important;
}

.relatedLinkss {
    width: 80%;
    margin: 0 auto;
    margin-top: 0px;
    margin-bottom: 50px;
    /* text-align: center; */
}

.tenderDes {
    width: 89%;
    margin: 0 auto;
}

.administartionWing h3 {
    font-size: 32px;
    font-weight: 700;
    color: #2A7047;
}

.illegal_section {
    padding: 20px 0px;
}

.zoneHeading h3 {
    color: black;
}

.commercialBlock_Textt {
    padding: 20px 0px 20px 0px;
}

.commercialBlock_Textt p {
    margin-bottom: 0px;
}

.administartionWing p {
    font-size: 18px;
}

.administrationBtn {
    background-color: #2A7047;
    padding: 8px 20px;
    border-radius: 20px;
    color: white;
    text-decoration: none !important;
}

.administrationBtn:hover {
    color: white !important;
}

.administrationSection {
    width: 80%;
    margin: 0 auto;
    margin-top: 35px;
    margin-bottom: 50px;
}

.accordionImage {
    background-color: #EEF6E3;
    padding: 15px;
    border-radius: 20px;
}

/* estate Wings page */
.estateWing_background {
    background-image: url("../Assets/new_cda_assets/heroSection5.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 80vh;
    background-position: center;
    background-size: cover !important;
}

.accordion-button::after {
    flex-shrink: 0;
    width: var(--bs-accordion-btn-icon-width);
    height: var(--bs-accordion-btn-icon-width);
    margin-left: auto;
    content: "";
    background-image: url('data:image/svg+xml,%3csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16" fill="%2391C74C"%3e%3cpath fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z"/%3e%3c/svg%3e') !important;
    background-repeat: no-repeat;
    background-size: var(--bs-accordion-btn-icon-width);
    transition: var(--bs-accordion-btn-icon-transition);
}

/* engineering wing page */
.engineeringWing_background {
    background-image: url("../Assets/new_cda_assets/heroSection7.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 80vh;
    background-position: center;
    background-size: cover !important;
}

/* deputy financial page */
.deputyfinancial_background {
    background-image: url("../Assets/new_cda_assets/heroSection8.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 80vh;
    background-position: center;
    background-size: cover !important;
}

/* planning wings page */
.planningWing_background {
    background-image: url("../Assets/new_cda_assets/heroSection5.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 80vh;
    background-position: center;
    background-size: cover !important;
}

/* ordinance page */
.ordinance_background {
    background-image: url("../Assets/new_cda_assets/heroSection2.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 80vh;
    background-position: center;
    background-size: cover !important;
}

.university_Background {
    background-image: url("../Assets/new_cda_assets/university_bg.png");
}

.school_Background {
    background-image: url("../Assets/new_cda_assets/school_bg.png");
}

.hospital_Background {
    background-image: url("../Assets/new_cda_assets/hospital_bg.png");
}

.ordiananceCards {
    background-color: #FFF8E2;
    padding: 30px;
    margin-top: 20px;
    margin: 0 auto;
    width: 24%;
    border-radius: 25px;
}

.ordiananceCards p {
    margin-top: 20px;
    margin-bottom: 2px;
    color: #D0AF47;
}

.ordiananceUpdate {
    margin-top: 10px;
}

.relatedOrdinance {
    margin-top: 50px;
    background-color: #F6FAF0;
    padding: 40px;
}

.tableHeader {
    border-radius: 0px !important;
    background-color: #fff !important;
    box-shadow: none !important;
}


.relatedHeading {
    font-size: 30px;
    /* font-weight: 600; */
    color: #2A7047;
    margin-bottom: 30px;
    /* text-align: center; */
}

.relatedtext {
    text-align: center !important;
    padding: 10px 0px 0px 0px !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #2A7047 !important;
}

.relateText {
    /* padding: 10px 0px 0px 0px !important; */
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #2A7047 !important;
}

.relatedgovCard {
    /* background-color: #DEE9E3; */
    /* padding: 20px; */
    border-radius: 10px;
}

.imageDiv {
    background-color: #EEF6E3;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.relatedLinkIcon {
    padding: 16px;
}

.newsText {
    font-size: 20px;
    font-weight: 600;
    color: #2A7047;
}


.relatedgovCard p {
    font-size: 26px;
    /* font-weight: 600; */
}

.relatedcabinetCard {
    background-color: #F2EDFD;
    padding: 20px;
    border-radius: 25px;
}

.relatedcabinetCard p {
    font-size: 26px;
    font-weight: 600;
}

.relatedministryCard {
    background-color: #E3F6F4;
    padding: 20px;
    border-radius: 25px;
}

.relatedministryCard p {
    font-size: 26px;
    font-weight: 600;
}

.relatedInformation {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 40px;
}

.relatedinformationHeading {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 30px;
}

.relatedcdaCard {
    text-align: center;
    margin-top: 50px;
    background-color: #E7EBDE;
    padding: 30px;
    border-radius: 25px;
    height: 70%;
}

.relatedcdaCard p {
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 2px;
}

.relatedcontractCard {
    text-align: center;
    margin-top: 50px;
    background-color: #FFF8E2;
    padding: 30px;
    border-radius: 25px;
    height: 70%;
}

.relatedcontractCard p {
    font-size: 18px;
    font-weight: 600;
    margin-top: 20px;
}

.ordinancecardsSection {
    width: 80%;
    margin: 0 auto;
}

.relatedInfoImg {
    width: 40%;
}

/* illegal and legal */
.legalZoneSection {
    width: 80%;
    margin: 0 auto;
}

.seeMoreButton {
    padding: 15px;
}

.zoneCards {
    text-align: center;
    /* margin-top: 50px; */
    padding: 0px 0px 0px 0px;
    background: #F9F9F9;
}

.greenBox {
    background-color: #2A7047;
    padding: 20px;
    border-radius: 15px;
    margin: 10px 10px;
}

.purpleBox {
    background-color: #7459AD;
    padding: 20px;
    border-radius: 15px;
    margin: 10px 10px;
}

.ligtGreenBox {
    background-color: #59ACA3;
    padding: 20px;
    border-radius: 15px;
    margin: 10px 10px;
}


.legalZoneCard {
    padding: 10px !important;
    border-radius: 25px;
}


/* illegal and legal */

/* news releases */


.search {
    display: flex;
    align-items: center;
}

.search input {
    width: 100%;
    height: 50px;
    background: #EEF6E3;
    border-radius: 30px;
    border: none;
}

.search input {
    text-indent: 32px;
}

.search .fa-search {
    position: absolute;
    top: 5px;
    left: auto;
    right: 20px;
    color: #ffffff;
    background-color: #2A7047;
    padding: 12px;
    border-radius: 20px;
}

.pillsNav {
    display: flex;
    align-items: center;
    justify-content: center;
}

.dropdown-item:focus,
.dropdown-item:hover {
    color: #91C74C !important;
    text-decoration: none !important;
    background-color: #2A7047 !important;
}

.newsRelease_background {
    background-image: url("../Assets/new_cda_assets/Hero_Section12.png");
    background-repeat: no-repeat;
    background-attachment: scroll;
    height: 80vh;
    background-position: center;
    background-size: cover !important;
}

.latesNews {
    box-sizing: border-box;
    border-radius: 15px;
    padding: 10px;
    margin-bottom: 20px;
}

.newsdate p {
    font-size: 16px;
    font-weight: 600;
}


.latestNewsImage {
    padding: 10px;
}

.latestNewsImage img {
    width: 100%;
}

.relatedLinkIcon img {
    width: 100%;
}

.relatedLinktext p {
    font-size: 18px !important;
    color: #2A7047;
    /* font-weight: 600 !important; */
}

.relateText a {
    font-size: 16px !important;
    color: #2A7047;
    text-align: left;
}

.relateText p {
    font-size: 16px;
}

.relatedLinktextspan {
    font-size: 12px !important;
    text-align: start !important;
}

.legalZoneText p {
    font-size: 18px !important;
    font-weight: 600 !important;
}

.articleLable {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.pillsimage {
    width: 100%;
}

/* news releases */

/* balloting annoucement */
.blockText {
    text-align: left !important;
    color: #2A7047;
    font-weight: 600;
    font-size: 22px !important;
}

.auctionHead {
    text-align: left !important;
    color: #2A7047;
    font-weight: 600;
    font-size: 22px !important;
}


/* balloting annoucement */

/* PROCEDURES STYLING */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    color: #2A7047 !important;
    background: none !important;
    /* border-bottom: 5px solid #2A7047 !important; */
}

/* laws and regulation style */
.lawsCardone {
    background-color: #DEE9E3;
    padding: 20px;
    margin-top: 20px;
    margin: 0 auto;
    width: 100%;
    border-radius: 25px;
    height: 90%;
}

.lawsCardone img {
    width: 50%;
}

.lawsCardone p {
    margin-top: 20px;
    margin-bottom: 12px;
    color: #2A7047;
    font-size: 12px;
}

.lawsCardtwo {
    background-color: #FFF8E2;
    padding: 20px;
    margin-top: 20px;
    margin: 0 auto;
    width: 100%;
    border-radius: 25px;
    height: 90%;
}

.lawsCardtwo img {
    width: 50%;
}

.lawsCardtwo p {
    margin-top: 20px;
    margin-bottom: 12px;
    color: #D0AF47;
    font-size: 12px;
}

.lawsCardthree {
    background-color: #EEF6E3;
    padding: 20px;
    margin-top: 20px;
    margin: 0 auto;
    width: 100%;
    border-radius: 25px;
    height: 90%;
}

.lawsCardthree img {
    width: 50%;
}

.lawsCardthree p {
    margin-top: 20px;
    margin-bottom: 12px;
    color: #77A73A;
    font-size: 12px;
}

.lawsCardfour {
    background-color: #F2EDFD;
    padding: 20px;
    margin-top: 20px;
    margin: 0 auto;
    width: 100%;
    border-radius: 25px;
    height: 90%;
}

.lawsCardfour img {
    width: 50%;
}

.lawsCardfour p {
    margin-top: 20px;
    margin-bottom: 12px;
    color: #7459AD;
    font-size: 12px;
}

.lawsCardfive {
    background-color: #E7EBDE;
    padding: 20px;
    margin-top: 20px;
    margin: 0 auto;
    width: 100%;
    border-radius: 25px;
    height: 90%;
}

.lawsCardfive img {
    width: 50%;
}

.lawsCardfive p {
    margin-top: 20px;
    margin-bottom: 12px;
    color: #637D2C;
    font-size: 12px;
}

.lawsCardsix {
    background-color: #E3F6F4;
    padding: 20px;
    margin-top: 20px;
    margin: 0 auto;
    width: 100%;
    border-radius: 25px;
    height: 90%;
}

.lawsCardsix img {
    width: 50%;
}

.lawsCardsix p {
    margin-top: 20px;
    margin-bottom: 12px;
    color: #59ACA3;
    font-size: 12px;
}

.lawCards {
    margin: 30px 0px 30px 0px;

}

/* .projectImage{
    width: 100%;
 } */

/* cda project styling */
.cdaprojectNav {
    background-color: white;
    border-radius: 20px;
    padding: 8px;
    width: 90%;
    margin: 0 auto;

}

.cdaprojectNav .about-head {
    font-size: 12px;
    font-weight: 700;
    padding-top: 10px;
    text-align: center;
}

.cdaprojectNav .about-description {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-align: left;
}

#paginationDiv {
    width: 85%;
    margin: 0 auto;
}

.page-link {
    margin-right: 10px;
    border-radius: 10px;
    border: 1px solid #F2F2F2;
    border-radius: 10px !important;
    color: #2A7047 !important;
}

.page-link span {
    color: #2A7047;
}

.page-link:hover {
    background-color: #2A7047 !important;
    color: #fff !important;
}

.searchButton {
    background-color: #2A7047 !important;
    color: #fff !important;
}

.onlineLIstyle {
    text-align: justify;
}

/* cda budget styling */
.cdaBudgetNav {
    background-color: white;
    border-radius: 20px;
    width: 56%;
    margin: 0 auto;

}

.cdaSchoolNav {
    background-color: white;
    border-radius: 20px;
    width: 100%;
    margin: 0 auto;

}


.pageNavigator .about-head {
    font-size: 12px;
    font-weight: 700;
    padding-top: 0px !important;
    text-align: center;
}

.cdaBudgetNav .about-head {
    font-size: 12px;
    font-weight: 700;
    padding-top: 16px;
    text-align: center;
}

.cdaBudgetNav .about-description {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-align: left;
}

.cdaSchoolNav .about-head {
    font-size: 12px;
    font-weight: 700;
    padding-top: 16px;
    text-align: center;
}

.cdaSchoolNav .about-description {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-align: left;
}

.latestNewsHeading {
    align-items: center;
    margin-bottom: 20px;
    /* box-shadow: 0px 10px 25px #ccc !important; */
    border-radius: 20px !important;
    padding: 10px 10px;
}

.totalDiv {
    align-items: center;
    margin-bottom: 20px;
    border: 2px solid #2A7047;
    /* box-shadow: 0px 10px 25px #ccc !important; */
    border-radius: 5px !important;
    padding: 10px 10px;
}

.tableWidth {
    width: 20%;
    font-size: 16px;
    color: #2A7047 !important;
}

.table {
    margin-bottom: 0rem !important;
    --bs-table-bg: none !important;
    border-top: none !important;
}

.table td,
.table th {
    border-top: none !important;
    border-bottom: none !important;
}

.tableAccordianhead {
    width: 22%;
    font-size: 16px;
}

.srWidth {
    width: 3%;

}

.disWidth {
    width: 20%;
}

.budgetWidth {
    width: 8%;
}

.revisedWidth {
    width: 8%;
}

.proposedWidth {
    width: 10%;
}

.rowBackground {
    background-color: #fff;
}

.textColor {
    color: #2A7047 !important;
}

.accordionHeadStrong {
    font-size: 16px;
    color: black;
    margin-bottom: 0px;
}

.accordionstrongHeading {
    font-size: 16px;
    color: #2A7047;
}

.accordionPara {
    font-size: 16px !important;
    text-align: justify !important;
    color: #000000;
    margin-bottom: 0;
}


/* private commercial projects */
.pageNavigator {
    background-color: white;
    border-radius: 20px;
    width: 80% !important;
    margin: 0 auto;
}

.commercialBlock_Text p {
    text-align: justify;
    padding: 20px 0px 20px 0px;
    margin-bottom: 0px;
}

.downloadList_Btn {
    color: #FFFFFF;
    background-color: #2A7047;
    border-radius: 20px;
    padding: 4px 12px;
    border: none;
}

/* private commercial projects */

/* online property verification styling */

.userInput {
    width: 100%;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #929292;
}

.loginSection {
    margin-top: 80px;
    text-align: center;
    justify-content: center;
    position: relative;
}

.loginCard {
    width: 50%;
    margin: 0 auto;
    padding: 40px;
    background: #2A7047;
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    left: 25%;
    bottom: 84%;
}

.LogInHeading h3 {
    color: white;
    font-weight: 600;
}


.onlineLIstyle {
    font-size: 16px;
}


.administartionWing h5 {
    font-size: 24px;
    font-weight: 700;
}

.form-check {
    float: left !important;
}

.loginForm {
    padding: 90px 50px 25px 50px;
    border-radius: 10px;
    background-color: #fff;
}

.rc-anchor-light.rc-anchor-normal,
.rc-anchor-light.rc-anchor-compact {
    border: 0px solid #d3d3d3 !important;
    border-radius: 20px !important;
    margin-top: 12px !important;
}

#rememberMe {
    color: #2A7047 !important;
    margin-bottom: 0px;
}


.loginButton {
    border: none;
    border-radius: 5px;
    outline: none;
    background-color: #2A7047;
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    font-weight: 400;
    color: #FFFFFF;
    box-shadow: 0px 20px 30px 0px rgba(26, 46, 85, 0.1);
    padding: 10px 50px;

}

.form-control {
    padding: 1.375rem .75rem !important;
    border-radius: 10px !important;
    background-color: #F4F4F4 !important;
}

.loginButtondiv {
    margin-top: 50px;
    margin-bottom: 25px;

}

.stepDiv {
    color: #2A7047 !important;
}

.stepGuide p {
    margin-bottom: 0px;
}

.stepGuide h6 {
    margin-bottom: 0px;
    font-weight: 600;
}

/* contact page styleing */
.contactSection {
    width: 80%;
    margin: 0 auto;
    margin-top: 50px;
    margin-bottom: 50px;
}

/* .contactBox {
    border: 1px solid;
    border-radius: 20px;
    padding: 50px;
    box-shadow: 0px 10px 25px #ccc !important;
} */

.contactBox h3 {
    font-size: 16px;
    color: #2A7047;
    font-weight: 600;
}

.contactBox p {
    font-size: 12px;
}

.mapImage {
    width: 100%;
    height: 42vh;
    border-radius: 20px;
}

.contactBackground {
    background-color: #EEF6E3;
    padding: 15px 0px 15px 0px;
    margin: 5px;
}

.telephoneSection {
    width: 100%;
    margin-top: 50px;
    margin-bottom: 50px;
    background-image: url(../Assets/new_cda_assets/Directory.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.telephoneSection h3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
}

.directoryWidth {
    width: 85%;
    margin: 0 auto;
}


.cdaLink {
    text-decoration: none;
    color: #2A7047;
}

.cdaLink:hover {
    text-decoration: none !important;
    color: #2A7047;
}

.liText {
    color: #fff;
}

.liText a {
    color: #fff;
}

.liText a:hover {
    text-decoration: none;
    color: white;
}

.telephoneDirectory {
    padding-bottom: 30px;
}

/* destination page styling */
.destinationsGallery {
    width: 80%;
    margin: 0 auto;
}

.destinationText h3 {
    font-size: 36px;
    font-weight: 700;
}

#flexEnd {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

.destiImg {
    width: 90%;
    border-radius: 10px;
    object-fit: contain;
}

.mapImg {
    width: 80%;
    border-radius: 10px;
}

.mapSection {
    text-align: center;
    justify-content: center;
    margin-bottom: 50px;

}

.respoDiv {
    height: 100px;
    justify-content: center !important;
    align-items: center !important;
    box-shadow: 0px 10px 25px #ccc !important;
    border-radius: 20px !important;
    padding: 25px !important;
}

.respoHeading {
    font-size: 12px;
    color: black;
    align-items: center;
    text-align: center;
}

.cardbackImage {
    background-image: url("../Assets/images/ramada.png");
    height: 100%;
    width: 100%;
}

/* hospitality page styling */
.hopitalityCards {
    position: relative;
}

.hospitalityText {
    background: linear-gradient(to top, black, transparent);
    border-radius: 10px;
    position: absolute;
    bottom: 1px;
    width: 100%;
    padding: 10px;
    display: none;
}

/* .islamabadhotelCards {
    background-size: cover;
    background-image: url(../Assets/images/islamabadhotel.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
   
    justify-content: center;
   
    border-radius: 10px;
    position: relative;
} */

.serenahotelCards {
    background-size: cover;
    background-image: url(../Assets/images/serena.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

/* .marriothotelCards {
    background-size: cover;
    background-image: url(../Assets/images/marriott.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    
    justify-content: center;
    
    border-radius: 10px;
    position: relative;
} */

/* .roomyhotelCards {
    background-size: cover;
    background-image: url(../Assets/images/roomy.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    
    justify-content: center;
    
    border-radius: 10px;
    position: relative;
} */

/* .hillhotelCards {
    background-size: cover;
    background-image: url(../Assets/images/hill.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    
    justify-content: center;
  
    border-radius: 10px;
    position: relative;
} */

.ramadahotelCards {
    background-size: cover;
    background-image: url(../Assets/images/ramada.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.mainCards {
    height: 350px !important;
}

.hospitalityText h3 {
    color: #fff;
    font-size: 18px;
}

.hospitalityText p {
    color: #fff;
    font-size: 16px;

}

/* universities page styling */
.quaidCards {
    background-size: cover;
    background-image: url(../Assets/images/quaid.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.iqbalCards {
    background-size: cover;
    background-image: url(../Assets/images/iqbal.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.islamicCards {
    background-size: cover;
    background-image: url(../Assets/images/islamic.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.nationalCards {
    background-size: cover;
    background-image: url(../Assets/images/national.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.comsatsCards {
    background-size: cover;
    background-image: url(../Assets/images/comsats.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.airCards {
    background-size: cover;
    background-image: url(../Assets/images/air.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

/* private hospital page styling */
.pimsCards {
    background-size: cover;
    background-image: url(../Assets/images/pims.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.lifeCards {
    background-size: cover;
    background-image: url(../Assets/images/life.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.kulsumCards {
    background-size: cover;
    background-image: url(../Assets/images/kulsum.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

/* about islamabad page styling */

.destiNations {
    padding: 10px 0px !important;
    position: relative;
}

.destiNationsInIsb {
    padding: 20px 0px !important;
    position: relative;
    display: flex;
    flex-direction: row-reverse;
}

.destiNations_Img {
    width: 65%;
}

.destiNationPreview {
    width: 65%;
}

.destiNationPreview img {
    width: 100%;
}

.destiNations_Img img {
    width: 100%;
}

.destinationInfo {
    position: absolute;
    width: 50% !important;
    top: 10%;
    left: 50%;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: justify;
}

.infoBoutDestinations {
    position: absolute;
    width: 50% !important;
    top: 10%;
    left: 0%;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: justify;
}

.destinationInformation {
    position: absolute;
    width: 50% !important;
    top: 10%;
    left: 40%;
    height: 100%;
    display: flex;
    align-items: center;
    text-align: justify;
}

.aboutDestination {
    padding: 20px;
}

.weatheSection {
    width: 82%;
    margin: 0 auto;
    margin-top: 20px;
}

.weatherCard {
    box-sizing: border-box;
    border-radius: 5px;
    padding: 15px;
}

.minutesCards {
    background-color: #F2EDFD;
    padding: 20px;
    margin-top: 20px;
    margin: 0 auto;
    width: 100%;
    border-radius: 25px;
    height: 90%;
}

.relatedOrdinance h4 {
    font-size: 26px;
    font-weight: 600;
}

.factSection {
    width: 80%;
    margin: 0 auto;
}

.relatedOrdinance ol {
    text-align: justify;
}

/* cda model school page styling  */
.scienceCards {
    background-size: cover;
    background-image: url(../Assets/images/science.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.economicsCards {
    background-size: cover;
    background-image: url(../Assets/images/economic.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.computerCards {
    background-size: cover;
    background-image: url(../Assets/images/computer.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.healthCards {
    background-size: cover;
    background-image: url(../Assets/images/health.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.transportCards {
    background-size: cover;
    background-image: url(../Assets/images/transport.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.canteenCards {
    background-size: cover;
    background-image: url(../Assets/images/canteen.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.auditoriumCards {
    background-size: cover;
    background-image: url(../Assets/images/auditorium.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.publicHeading {
    color: #7459AD;
    font-size: 26px;
    font-weight: 600;
    margin-bottom: 30px;
}

.publicBtn {
    padding: 8px 20px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 10px;
    color: #2A7047;
    text-decoration: none;
    border: 1px solid #2A7047;
}

.chairmanCards {
    background-size: cover;
    background-image: url(../Assets/images/chairman.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.augCards {
    background-size: cover;
    background-image: url(../Assets/images/august.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.dentalCards {
    background-size: cover;
    background-image: url(../Assets/images/dental.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.annualCards {
    background-size: cover;
    background-image: url(../Assets/images/annual.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.prizeCards {
    background-size: cover;
    background-image: url(../Assets/images/annualPrize.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.resultCards {
    background-size: cover;
    background-image: url(../Assets/images/result.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.cdaSchoolNav {
    background-color: white;
    border-radius: 20px;
    width: 80%;
    margin: 0 auto;
}

.cdaSchoolNav .about-head {
    font-size: 12px;
    font-weight: 700;
    padding-top: 16px;
    text-align: center;

}

.cdaSchoolNav .about-description {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-align: left;
}

/* Gallery page styling */

.SectorDevelopment21012025 {
    background-size: cover;
    background-image: url(../Assets/images/sectorDevelopment-21012025.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.SectorDevelopment21012025:hover .hospitalityText {
    color: white !important;
    display: block;
}


.bharaCards {
    background-size: cover;
    background-image: url(../Assets/images/bhara.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.bazarCards {
    background-size: cover;
    background-image: url(../Assets/images/bazar.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.SChowk21012025 {
    background-size: cover;
    background-image: url(../Assets/images/serenaChowk-21012025.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.SChowk21012025:hover .hospitalityText {
    color: white !important;
    display: block;
}

.WIssue21012025 {
    background-size: cover;
    background-image: url(../Assets/images/WIssue-21012025.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.WIssue21012025:hover .hospitalityText {
    color: white !important;
    display: block;
}

.WIssue121012025 {
    background-size: cover;
    background-image: url(../Assets/images/WIssue_1-21012025.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.WIssue121012025:hover .hospitalityText {
    color: white !important;
    display: block;
}


.C14Visit21012025 {
    background-size: cover;
    background-image: url(../Assets/images/C14iamge-21012025.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.C14Visit21012025:hover .hospitalityText {
    color: white !important;
    display: block;
}

.CCJailVisit {
    background-size: cover;
    background-image: url(../Assets/images/ModelJail-2101-2025.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.CCJailVisit:hover .hospitalityText {
    color: white !important;
    display: block;
}

.healthFitnessGala {
    background-size: cover;
    background-image: url(../Assets/images/HFG-18012025.jpg);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.healthFitnessGala:hover .hospitalityText {
    color: white !important;
    display: block;
}

.plantCards {
    background-size: cover;
    background-image: url(../Assets/images/plant.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.literatureCards {
    background-size: cover;
    background-image: url(../Assets/images/literature.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.tentCards {
    background-size: cover;
    background-image: url(../Assets/images/tent.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

.recognitionCards {
    background-size: cover;
    background-image: url(../Assets/images/recognition.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    /* display: grid; */
    justify-content: center;
    /* align-items: flex-end; */
    border-radius: 10px;
    position: relative;
}

/* footer css */
/* .iconImg{
    width: 10%;
} */

.footerDescription {
    font-size: 14px;
}

.arrowRight {
    margin-right: 10px;
}

.siteFooter {
    padding-top: 45px;
    padding-bottom: 40px;
    background-image: linear-gradient(to right, #2b7147eb, #2B7147);
}

.footerBlack {
    background: #000000;
    padding: 20px 0px;
}

.copyRight {
    font-size: 18px;
}

.footer-heading {
    font-weight: 800;
    font-size: 16px;
}

.bottemBorder {
    border-bottom: 3px solid #90C54B;
    width: 25%;
    border-radius: 2px;
}


.footer_follow_links {
    display: flex;
}

.followUs {
    padding-top: 20px;
    padding-right: 20px;
    font-size: 18px;
}

.footerLoginButton:hover {
    color: white !important;
    background-color: #be0101 !important;
}

.footerButtons a {
    display: block;
    margin-bottom: 20px;
}

.footerButtons {
    width: 50%;
    float: right;
}

/* .footerWidgets {
    justify-content: end;
    align-items: center;
} */

.footerWidgets {
    text-align: end;
}


.filteredCar_img {
    width: 100%;
    height: 30vh;
}

.secondCard {
    margin-bottom: 25px;
}

.sideOption_Heading h5 {
    font-weight: 700;
}

.newsUpdateSection {
    padding: 40px 0px !important;
    position: relative;
}

.newsUpdateimg {
    width: 60%;
}

.newsUpdateimg img {
    width: 100%;
}

.newsContent {
    padding: 50px 50px;
}

.latestNewsCard {
    position: absolute;
    width: 40% !important;
    top: 0;
    left: 50%;
    height: 100%;
    display: flex;
    align-items: center;
}

.newsHeading h3 {
    color: #2B7147;
    font-weight: 600;
}

.newsReadMore {
    text-decoration: none !important;
    color: #2B7147;
    font-weight: 600;
}

.newsReadMore:hover {
    color: #2B7147 !important;
}

.autoCar_description p {
    text-align: justify;
    padding-bottom: 2rem;
}

/* .form-checkBox {
    margin-top: 5px !important;
} */

/* .form-check {
    display: block;
    min-height: 1.5rem;
    padding-left: 1.5em;
    margin-bottom: 6px !important;
} */

/* .form-check-input:checked {
    background-color: white !important;
    border-color: red !important;
} */

/* .form-check-input {
    border: var(--bs-border-width) solid red !important;
} */

/* .form-check-label {
    display: flex;
    align-items: center;
    padding-left: 10px;
} */

/* Apply the custom image to the checked checkbox */

/* search Bar */
.form-control:focus {
    box-shadow: none;
}

.form-control::placeholder {
    font-size: 12px;
    color: #aaa;
    font-style: italic;
}

.form-control:focus {
    box-shadow: none !important;
}

.cardButton {
    float: right;
    width: 24%;
    background-color: #be0101 !important;
}

.carDetails {
    padding-bottom: 8px;
    border-bottom: 1px solid lightgray;
    font-size: 13px;
}

.interiorDetail {
    font-size: 11px;
    color: black;
    padding-left: 26px;
}

.firstCard {
    margin-bottom: 1.5rem;
}

.fourthCard {
    margin-bottom: 1.5rem;
}

.ninthCard {
    margin-bottom: 3rem;
}

.dropdown-menu.show {
    padding: 10px;
}


#makerAccordion {
    margin-bottom: 18px;
}

#categoryAccordion {
    margin-bottom: 18px;
}

#modelAccordion {
    margin-bottom: 18px;
}

#yearAccordion {
    margin-bottom: 18px;
}

#variantAccordion {
    margin-bottom: 18px;
}

.accordion-button:focus {
    border-color: black !important;
    box-shadow: none !important;
}

/* Landing page css */

.carousel-caption {
    position: absolute;
    right: 15%;
    top: 11rem;
    /* bottom: 1.25rem; */
    left: 15%;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    color: #fff;
    text-align: center;
}

#heroSection {

    align-items: center;
    justify-content: center;

}

/* .sectionHome {
    width: 90%;
    margin: 0 auto;
    padding: 20px;
   
} */

.sectionSchool {
    width: 90%;
    margin: 0 auto;
    margin-top: -7rem;
    padding: 20px;

}

.homeUltimate p {
    color: #fafafa;
    text-align: center;
    font-size: 28px;

}

.homeDescription p {
    text-align: center;
    color: white;
    font-size: 20px;
    font-weight: 500;
    padding-bottom: 20px;

}

.aboutUS {
    padding: 30px;
}

.aboutUS .about-head {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    padding-top: 10px;
    text-align: left;

}

.aboutUS .about-description {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-align: left;
}

.procedures {
    background-color: white;
    border-radius: 20px;
    width: 60%;
    margin: 0 auto;

}

.procedures .about-head {
    font-size: 12px;
    font-weight: 700;
    padding-top: 25px;
    text-align: center;

}

.procedures .about-description {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
    text-align: left;
}

.nav-link {
    color: black !important;

}

.latestCars h1 {
    font-weight: 700;
    font-size: 60px;
    line-height: 90px;
}

.latestCarsDescription p {
    padding-top: 10px;
    font-weight: 300;
    font-size: 22px;
    line-height: 40px;
}

.text-right {
    text-align: right;
}

.card-img-overlay {
    background: rgba(0, 0, 0, 0.47);
    backdrop-filter: blur(15px) !important;
    color: white;
    height: 25%;
}

.card-title-latest {
    color: white;
    font-size: 26px;
    font-weight: 700;
    line-height: 30px;
}

.card-text-latest {
    color: white;
    font-size: 12px;
    font-weight: 300;
    line-height: 24px;
}

.cars-card {
    border: none !important;
}

.carCard {
    border: none !important;
}

.carCard p {
    color: black;
}

.card-title {
    font-weight: 700;
}

#whiteSection {
    background-color: white;
    margin-top: 20px;
}

.latest_Cars_Section {
    background-color: white;
    margin-top: 20px;
}

.blurCard {
    border: none !important;
}

.hotSells {
    position: relative;
}

.hotSell_text p {
    position: absolute;
    bottom: 0;
    left: 0;
    padding-bottom: 10px;
    padding-left: 18px;
    color: rgba(217, 217, 217, 1);
    font-weight: 700;
    font-size: 36px;
    line-height: 54px;
}

.hotSell_text hr {
    position: absolute;
    bottom: 0;
    left: 14rem;
    width: 30%;
    margin-bottom: 48px;
    border: 2px solid rgba(217, 217, 217, 1);
    border-radius: 2px;
}

.audiImg img {
    width: 100%;
    border-radius: 8px;
}

.audiDescription {
    text-align: left;
    padding-left: 20px;
    padding-top: 80px;
}

.audiDescription h4 {
    font-size: xx-large;
}

.audiDescription h6 {
    font-size: large;
}

.audiDescription p {
    font-size: small;
}

.mainCard {
    border: none !important;
}

.ferrariDescription {
    justify-content: center !important;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.ferrariDescription h4 {
    font-size: x-large;
}

.ferrariDescription h6 {
    font-size: medium;
}

.ferrariDescription p {
    font-size: smaller;
}

.cardImg {
    border: none;
    margin-top: 25px;
}

.readMoreBtn {
    padding-bottom: 3rem;
}

.customBtn {
    background-color: #be0101;
    border-radius: 8px;
    color: white;
    text-align: center;
    padding: 8px 20px;
    border: none;
    font-size: medium;
    font-weight: 500;
    outline: none;
    text-decoration: none;
}

.exploreButton {
    background-color: #be0101;
    border-radius: 4px;
    color: white;
    text-align: center;
    padding: 12px 25px;
    border: none;
    font-size: 30px;
    font-weight: 500;
    outline: none;
    text-decoration: none;
    line-height: 52px;
}

.SeeAllBtn {
    background-color: #be0101;
    border-radius: 8px;
    color: white;
    text-align: center;
    padding: 8px 20px;
    border: none;
    font-size: medium;
    font-weight: 500;
    outline: none;
    text-decoration: none;
    width: 55%;
}

/* orderPage */

.requestSection {
    background-color: #eeeeee;
}

.orderSection {
    background-color: #eeeeee;
}

.orderCar_Card {
    padding: 50px;
}

.left_Brder {
    border-left: #be0101 solid 2px;
    padding: 30px 50px;
}

.requestQuery {
    width: 100%;
    border: none;
    border-radius: 4px;
    height: 52px;
}

.carTitle h2 {
    font-size: 50px;
    font-weight: 700;
    margin-top: 20px;
}

.carTitle p {
    font-size: 18px;
}


.customerName {
    margin-top: 3rem;
}

.customerName label {
    font-size: medium;
    font-weight: 600;
}

.cName {
    width: 100%;
    border: none;
    height: 40px;
    border-radius: 4px;
    height: 52px;
}

.customerContact {
    margin: 0 auto;
    margin-top: 3rem;
}

.customerContact label {
    font-size: medium;
    font-weight: 600;
}

.cNumber {
    width: 100%;
    border: none;
    border-radius: 4px;
    height: 52px;
}

.cEmail {
    width: 100%;
    border: none;
    border-radius: 4px;
    height: 52px;
}

.querySubmit_BTN {
    background-color: #be0101;
    border-radius: 10px;
    color: white;
    text-align: center;
    width: 18%;
    padding: 16px 0px;
    margin-top: 0;
    border: none;
    font-size: 20px;
    font-weight: 500;
    outline: none;
    text-decoration: none;
}

.query {
    margin: 0 auto;
}

.query label {
    font-size: medium;
    font-weight: 600;
}

.orderQuery {
    border: none;
    width: 100%;
    border-radius: 4px;
    height: 237px;
}

.order_Query_Text_Box {
    margin-top: 3rem;
}

.submitButton {
    text-align: center;
    padding-bottom: 56px;
    padding-top: 60px;
}

.width_90 {
    width: 90%;
    margin: 0 auto;
}

.swal2-styled.swal2-confirm {
    border: 0;
    border-radius: .25em;
    background: initial;
    background-color: #be0101 !important;
    color: #fff;
    font-size: 1em;
}

.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
    display: block;
    position: absolute;
    top: 2.3125em;
    width: 2.9375em;
    height: .3125em;
    border-radius: .125em;
    background-color: #be0101 !important;
}

.swal2-icon.swal2-error {
    border-color: #be0101 !important;
    color: #be0101 !important;
}

.selected_carimg {
    height: 30vh;
}

/* Details Page */

.vehicleDetail_Section {
    background-color: #EEEEEE;
}

.makerThumbnail {
    width: 100%;
    margin-top: 100px;
}

.carMaker_Image {
    padding: 20px;
    margin-bottom: 3rem;
}

.makerDetail {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.makerDetail h1 {
    font-size: 80px;
    font-weight: 600;
}

.makerDetail p {
    font-size: 30px;
    font-weight: 300;
}

/* forms and Applications */
.btn_SeeMore {
    background-color: #2A7047;
    border: none;
    border-radius: 20px;
    color: #FFFFFF;
    padding: 5px 14px;
}

/* forms and Applications */


/* news */
.newsArticle {
    text-align: justify;
}

.newsTitle {
    color: #91C74C !important;
}

.newsHeadLine {
    text-decoration: none !important;
    color: #2B7147 !important;
}

.newsHeadLine:hover {
    text-decoration: none !important;
    color: #2B7147 !important;
    font-weight: 600 !important;
}

.card-body {
    height: 160px !important;
}

/* news */

.downloadCell {
    text-align: right;
    padding-right: 10px;
}

table {
    border-collapse: separate;
    border-spacing: 0px 15px;
}

.tableDis {
    width: 75%;
}

/* tr{
   /* only added this line */
/* box-shadow:0px 1px 2px 3px rgba(0, 0, 0, 0.142); */
/* } */
.downloadButton {
    padding: 20px 0px 20px 0px;
}

.destinationHeading h3 {
    color: #2B7147;
    font-weight: 600;
    font-size: 18px;
}

/* .sectionNavigationProject{
    position: absolute;
    top: 80%;
    left: 18% !important;
} */


@media (min-width: 1680px) and (max-width: 1920px) {
    .navbar {
        height: 15vh !important;
    }

    .nav-item a {
        font-size: 20px !important;
    }

    .sectionHome {
        width: 90%;
        margin: 0 auto;
        padding: 20px;
        /*margin-top: 25vh;*/
    }

    .homeUltimate h1 {
        font-size: 80px !important;
        font-weight: 700 !important;
    }

    .homeDescription p {
        font-size: 30px !important;
    }

    .aboutUS .about-head {
        font-size: 18px !important;
    }

    .aboutUS .about-description {
        font-size: 15px !important;
    }
}

@media (min-width: 1024px) and (max-width: 1440px) {

    .navLink {
        font-size: 12px;
    }

}


@media (max-width: 1440px) {


    .revisedWidth {
        width: 9%;
    }

    .budgetWidth {
        width: 10%;
    }

    .footer-heading {
        font-size: 14px;
    }

    /* .boardMemberImages{
        height: 300px !important;
    } */
    .contact {
        margin-top: 0px;
    }

    .homeUltimate h1 {
        color: #91C74C;
        text-align: center;
        font-size: 60px;
        font-weight: 600;
        /* padding-bottom: 20px; */
        /* padding-top: 60px; */
    }

    .navSearchButton {
        margin-top: 25px;
    }

    .navbar-nav {
        padding-left: 20px !important;
    }

    .aResponsive img {
        width: 70%;
    }

    /* .sectionNavigation {
        width: 70%;
        margin: 0 auto;
        margin-top: -8rem;
        padding: 20px;
    } */
    /* .nav-item {
        padding: 1rem 0.3rem !important;
    } */
    .chairmanImage {
        height: 100%;
    }

    .chairmanText h3 {
        font-weight: 600;
        font-size: 28px;
        text-align: justify;
    }

    .chairmanImage h3 {
        font-weight: 600;
        font-size: 20px;
    }

    .chairmanImage h4 {
        font-weight: 400;
        font-size: 19px;
    }

    /* CDA chairman msg page */
    .chairmanBackground {
        height: 80vh;
    }

    /* CDA history page */
    .boardHistory_background {
        height: 80vh;
    }

    /* cda Honourable page */
    .honourableChairmans_background {
        height: 80vh;
    }

    /* cda meeting page */
    .boardMeeting_background {
        height: 80vh;
    }

    /* CDA board member page */
    .boardMember_background {
        height: 80vh;
    }

    .boardMembers {
        padding: 0px 0px;
    }

    .boardHeading h3 {
        font-size: 40px;
        padding: 20px 0px;
    }

    .executiveMember_Image h3 {
        font-size: 18px;
    }

    .executiveMember_Image h5 {
        font-size: 13px;
    }

    /* chairman Secretariat page */
    .chairmanSecretariat_background {
        height: 80vh;
    }

    /* administration page */
    .administration_background {
        height: 80vh;
    }

    /* estate wing page */
    .estateWing_background {
        height: 80vh;
    }

    /* engineering wing page */
    .engineeringWing_background {
        height: 80vh;
    }

    /* deputy financial page */
    .deputyfinancial_background {
        height: 80vh;
    }

    /* planning wings page */
    .planningWing_background {
        height: 80vh;
    }


    /* ordinance page */
    .ordinance_background {
        height: 80vh;
    }

    .newsRelease_background {
        height: 80vh;
    }

    .sectionNavigation {
        position: absolute;
        top: 80%;
        left: 15% !important;
    }

    .sectionNavigationProject {
        position: absolute;
        top: 80%;
        left: 22% !important;
    }
}

@media (max-width: 1024px) {

    .auctionHead {
        text-align: left !important;
        color: #2A7047;
        font-weight: 600;
        font-size: 16px !important;
    }

    .sectionNavigationProject {
        position: absolute;
        top: 80%;
        left: 11% !important;
    }

    .commercialContent {
        margin-top: 70px !important;
    }

    /* .boardMemberImages{
        height: 250px !important;
    } */
    .destinationBlocktxt {
        font-size: 12px;
    }

    .destinationInfo {
        top: 4%;
    }

    .infoBoutDestinations {
        top: 4%;
    }


    .loginCard {
        padding: 30px;
    }

    .mainBannerHeading h1 {
        color: #91C74C;
        font-size: 50px;
        font-weight: 600;
    }

    .announcement {
        margin-top: 70px !important;
    }

    .sectionNavigation {
        position: absolute;
        top: 75%;
        left: 3% !important;
    }

    /* .sectionNewsTeller{
        padding-top: 110px;
    } */
    .carousel-caption {
        position: absolute;
        top: 6rem;
        right: 15%;
        /* bottom: 20px; */
        left: 15%;
        z-index: 10;
        padding-top: 20px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
    }

    .quoteIcon {
        position: absolute;
        left: -8%;
        top: 22%;
    }

    /* .Home{
        height: 100vh;
    } */
    .navSearchButton {
        margin-top: 20px;
    }

    .aResponsive {
        width: 12%;
    }

    .navbar-nav {
        padding-left: 0px !important;
    }

    .recieptsTable th {
        color: #2A7047 !important;
        font-size: 18px;
    }

    .tableCos {
        width: 10%;
    }

    .tableDis {
        width: 25%;
    }

    .tableSr {
        width: 2%;
    }

    .disWidth {
        width: 6%;
    }

    .administrationBtn {
        background-color: #2A7047;
        padding: 5px 20px;
        border-radius: 20px;
        color: white;
        text-decoration: none !important;
    }


    .cdaprojectNav {
        background-color: white;
        border-radius: 20px;
        padding: 8px;
        width: 100%;
        margin: 0 auto;
    }


    /* .sectionAbout {
        width: 95%;
        margin: 0 auto;
        margin-top: -16rem;
        padding: 20px;
    } */
    .naviGation img {
        width: 40%;
    }

    .naviGation {
        padding: 20px 20px 20px 20px;
    }

    .readMoreLink {
        text-decoration: none !important;
        color: white !important;
        font-size: 12px;
    }

    .navigationCard_Heading {
        color: white;
        font-size: 15px;
        font-weight: 600;
    }

    .housingCardHead {
        color: white;
        font-size: 12px;
        font-weight: 600;
    }


    .procedures {
        background-color: white;
        border-radius: 20px;
        width: 100%;
        margin: 0 auto;

    }

    .aboutUS {
        background-color: white;
        border-radius: 20px;
        padding: 10px;
    }

    .search .fa-search {
        position: absolute;
        top: 5px;
        /* left: auto; */
        right: 22px;
        color: #FFFFFF !important;
    }

    /* private/commercial projects */
    .pageNavigator {
        background-color: white;
        border-radius: 20px;
        width: 100% !important;
        margin: 0 auto;
    }

    .legalZoneText p {
        font-size: 12px !important;
        font-weight: 600 !important;
    }

    /* private/commercial projects */
    /* auction notices */
    .auctionDescription {
        width: 80%;
    }

    /* auction notices */
    /* balloting announceMent */
    .lawsCardone img {
        width: auto;
    }

    .lawsCardtwo img {
        width: auto;
    }

    .lawsCardthree img {
        width: auto;
    }

    .lawsCardfour img {
        width: auto;
    }

    .lawsCardfive img {
        width: auto;
    }

    .lawsCardsix img {
        width: auto;
    }

    .cdaBudgetNav {
        background-color: white;
        border-radius: 20px;
        width: 77%;
        margin: 0 auto;
    }

    .cdaSchoolNav {
        background-color: white;
        border-radius: 20px;
        width: 77%;
        margin: 0 auto;
    }

    .cdaSchoolNav {
        background-color: white;
        border-radius: 20px;
        width: 100%;
        margin: 0 auto;
    }

    .relatedLinktext p {
        font-size: 14px !important;
        /* font-weight: 600 !important; */
    }

    .relatedLinktextspan {
        font-size: 12px !important;
        text-align: start !important;
    }


    .marginForLg {
        margin-top: 30px !important;
    }

    .lawsCardsix {
        background-color: #E3F6F4;
        padding: 10px;
        margin-top: 20px;
        margin: 0 auto;
        width: 100%;
        border-radius: 25px;
        height: 100%;
    }

    .lawsCardfive {
        background-color: #E7EBDE;
        padding: 10px;
        margin-top: 20px;
        margin: 0 auto;
        width: 100%;
        border-radius: 25px;
        height: 100%;
    }

    .lawsCardfour {
        background-color: #F2EDFD;
        padding: 10px;
        margin-top: 20px;
        margin: 0 auto;
        width: 100%;
        border-radius: 25px;
        height: 100%;
    }

    .lawsCardthree {
        background-color: #EEF6E3;
        padding: 10px;
        margin-top: 20px;
        margin: 0 auto;
        width: 100%;
        border-radius: 25px;
        height: 100%;
    }

    .lawsCardone {
        background-color: #DEE9E3;
        padding: 10px;
        margin-top: 20px;
        margin: 0 auto;
        width: 100%;
        border-radius: 25px;
        height: 100%;
    }

    .lawsCardtwo {
        background-color: #FFF8E2;
        padding: 10px;
        margin-top: 20px;
        margin: 0 auto;
        width: 100%;
        border-radius: 25px;
        height: 100%;
    }

    /* board meetings */
    /* .meetingDates {
        width: 14%;
    } */
    .aboutMeeting {
        padding: 10px 0px 10px 0px;
    }

    /* .tableHeading {
        color: #2A7047 !important;
        font-size: 30px;
        font-weight: 600;
    } */
    .meetingSr {
        width: 10%;
    }

    .meetingCost {
        width: 12%;
    }

    .firstBackground {
        background-color: #EEF6E3;
        padding: 5px;
        border-radius: 15px;
        margin: 0 auto;
    }

    .secondBackground {
        background-color: #FFF8E2;
        padding: 5px;
        border-radius: 15px;
        margin: 0 auto;
    }

    .thirdBackground {
        background-color: #E3F6F4;
        padding: 5px;
        border-radius: 15px;
        margin: 0 auto;
    }

    .fourthBackground {
        background-color: #F2EDFD;
        padding: 5px;
        border-radius: 15px;
        margin: 0 auto;
    }

    .fifthBackground {
        background-color: #DEE9E3;
        padding: 5px;
        border-radius: 15px;
        margin: 0 auto;
    }

    /* board meetings */
    /* .nav-item {
        padding: 1rem 1rem !important;
    } */
    .nav-item a {
        color: black !important;
        font-weight: 500;
        font-size: 10px;
        padding: 10px;
    }

    .cardButton {
        width: 40%;
    }

    .footer_logo {
        margin-left: 0.5rem !important;
    }

    .footer_img {
        width: 100%;
    }

    .footer-heading {
        font-size: 10px !important;
    }

    .footerQuickLink {
        font-size: 9px;
    }

    .anchorTag {
        text-decoration: none !important;
        font-size: 9px !important;
    }

    .officeTime {
        padding-top: 25px;
        margin-bottom: 0px;
        font-size: 9px;
    }

    .officeDays {
        padding-top: 10px;
        margin-bottom: 0px;
        font-size: 9px;
    }

    .footerDescription {
        font-size: 10px;
    }

    .footerButtons {
        width: 100%;
    }


    .copyRight {
        margin-left: 0.5rem;
    }

    /* CDA chairmain msg  page */
    .chairmanText h3 {
        font-size: 24px;
    }

    .chairmanText h4 {
        font-size: 20px;
    }

    .chairmanPara p {
        font-size: 18px;
    }

    /* CDA history page */
    .boardHistory {
        padding: 15px 0px;
    }

    .boardHistory_text p {
        font-size: 14px;
    }

    /* CDA board member page */
    .executiveMember {
        width: 100% !important;
    }

    .memberCard {
        width: 32% !important;
    }

    .cardBody h5 {
        font-size: 14px;
        font-weight: 600;
    }

    .cardBody h6 {
        font-size: 12px;
        font-weight: 600;
    }

    .boardMember_Image h3 {
        font-size: 16px;
    }

    .boardMember_Image h5 {
        font-size: 10px;
    }

    .executiveMember_Image h3 {
        font-size: 14px;
    }

    .executiveMember_Image h5 {
        font-size: 10px;
    }

    .boardHeading h3 {
        font-size: 26px;
        padding: 14px 0px;
    }

    /* cda Honourable page */
    .boardText p {
        font-size: 14px;
    }

    .boardText h3 {
        font-size: 20px;
    }

    .allHonourable_Chairmans {
        font-weight: 800 !important;
        font-size: 40px !important;
        color: #fff;
    }

    .honourableBackground {
        background-image: url(../Assets/new_cda_assets/honourable.png);
        background-position: center;
        padding: 50px;
    }

    /* chairman Secretariat page */
    .accordionHeading {
        font-size: 16px;
    }

    .accordion-body p {
        font-size: 12px !important;
    }

    .accordion-body li {
        font-size: 12px !important;
    }

    .accordionSubheading {
        font-size: 16px;
    }

    /* administration page */
    .administartionWing h3 {
        font-size: 22px !important;
    }

    .administartionWing h5 {
        font-size: 18px;
    }

    .administartionWing p {
        font-size: 14px;
    }

    .relateText a {
        font-size: 11px !important;
    }

    .relateText p {
        font-size: 10px;
    }

    /* board meeting */
    .firstBackground {
        font-size: 14px;
    }

    .secondBackground {
        font-size: 14px;
    }

    .thirdBackground {
        font-size: 14px;
    }

    .fourthBackground {
        font-size: 14px;
    }

    .fifthBackground {
        font-size: 14px;
    }

    .page-link {
        font-size: 12px !important;
        padding: 3px .75rem !important;
    }

    .showingPagination {
        font-size: 12px !important;
    }

    /* contact page */
    .accordionHeadStrong {
        font-size: 14px;
    }

    .accordionstrongHeading {
        font-size: 14px;
    }

    .accordionPara {
        font-size: 12px !important;
        text-align: left !important;
    }


    .loginButton {
        font-size: 16px;
        padding: 8px 35px;
    }

    /* landing page */
    .updatesIcon img {
        position: absolute;
        top: 30px;
        left: -10px;
    }

    .updatesContent {
        width: 90%;
        margin: 0 auto;
    }

    .sectionHome {
        width: auto !important;
        margin: 0 auto;
        padding: 20px;
    }

    .homeUltimate h1 {
        font-size: 45px;
        padding-bottom: 0px;
        /* padding-top: 50px; */
    }


    .homeDescription p {
        color: white;
        font-size: 26px;
        font-weight: 500;
        padding-bottom: 20px;
        /* padding-top: 1.5rem; */
    }

    .exploreMore {
        margin-left: 40px;
        text-align: left;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .exploreButton {
        background-color: #be0101;
        border-radius: 4px;
        color: white;
        text-align: center;
        padding: 12px 25px;
        border: none;
        font-size: 25px;
        font-weight: 500;
        outline: none;
        text-decoration: none;
        line-height: 40px;
    }

    .aboutUS h1 {
        font-weight: 700;
        font-size: 56px;
        line-height: 48px;
        text-align: center;
    }

    .aboutUS p {
        font-weight: 400;
        font-size: 21px;
        line-height: 42px;
        text-align: center;
        padding-top: 10px;
    }

    .readMore {
        padding-top: 20px;
    }

    .latestCars h1 {
        font-weight: 700;
        font-size: 46px;
        line-height: 22px;
    }

    .latestCarsDescription p {
        padding-top: 20px;
        font-weight: 300;
        font-size: 20px;
        line-height: 30px;
    }

    .card-title-latest {
        color: white;
        font-size: 18px;
        font-weight: 700;
        line-height: 10px;
    }

    .card-text-latest {
        color: white;
        font-size: 10px;
        font-weight: 300;
        line-height: 12px;
    }

    .hotSell_text p {
        position: absolute;
        bottom: 0;
        left: 0;
        padding-bottom: 10px;
        padding-left: 16px;
        color: rgba(217, 217, 217, 1);
        font-weight: 700;
        font-size: 25px;
        line-height: 5px;
    }

    .hotSell_text hr {
        position: absolute;
        bottom: 0;
        left: 9.5rem;
        width: 30%;
        margin-bottom: 26px;
        border: 2px solid rgba(217, 217, 217, 1);
        border-radius: 2px;
    }

    .autoparts h1 {
        text-align: center;
        color: white;
        font-weight: 600;
        font-size: 50px;
        line-height: 86px;
        /* padding-top: 100px; */
    }

    /* About Us page */
    .aboutUsSlogan {
        font-size: 50px;
        font-weight: 600;
    }

    .aboutDescription {
        font-size: 20px;
        font-weight: 600;
    }

    .aboutBlockText {
        font-size: 12px;
    }

    .timerHeading {
        color: #be0101;
        font-size: 60px;
        font-weight: 600;
    }

    .timerAbout {
        font-size: 13px;
        font-weight: 600;
    }

    .aboutUsDescription {

        padding-top: 40px;
        padding-bottom: 0px !important;
        padding-left: 26px;
        padding-right: 26px;
    }

    .aboutUS_SeeAll {
        background-color: #be0101;
        border-radius: 8px;
        color: white;
        text-align: center;
        padding: 8px 20px;
        border: none;
        font-size: 16px;
        font-weight: 500;
        outline: none;
        text-decoration: none;
        width: 72%;
    }

    .aboutUsServices_Heading {
        font-size: 45px;
        font-weight: 600;
    }

    /* services */
    .servicesSection_Title h1 {
        font-weight: 600;
        font-size: 50px;
        line-height: 38px;
    }

    .servicesSection_Title p {
        font-weight: 400;
        font-size: 19px;
        line-height: 36px;
    }

    .serviceHeading h1 {
        font-weight: 700;
    }

    .serviceHeading p {
        font-size: 14px;
    }

    /* order */
    .left_Brder {
        border-left: #be0101 solid 2px;
        padding: 8px 16px;
    }

    .orderCar_Card {
        padding: 5px !important;
    }

    /* Details Page */
    .makerThumbnil {
        width: 100%;
        margin-top: 40px;
    }

    .makerDetail h1 {
        font-size: 50px;
        font-weight: 600;
    }

    .makerDetail p {
        font-size: 16px;
        font-weight: 300;
    }
}

@media (max-width: 768px) {

    .schoolFaculty {
        width: 95%;
        justify-content: center;
        text-align: center;
        margin: 0 auto;
        margin-top: 50px;
    }

    .lawCards {
        margin: 0px 0px 30px 0px;
    }

    .tabAlignment {
        margin-top: 125px !important;
    }

    .downloadButton {
        padding: 5px !important;
    }

    .card-body {
        height: 136px !important;
    }

    .administartionWing {

        width: 90%;
    }

    .administrationSection {
        width: 90%;
    }

    .tab-content {
        margin-top: 80px;
    }

    .sectionNavigationProject {
        left: 8% !important;
    }

    .sectionNavigation {
        z-index: 90 !important;
    }

    .destinationHeading h3 {
        color: #2B7147;
        font-weight: 600;
        font-size: 18px;
    }

    .aboutDestination {
        padding: 14px;
    }

    .destinationBlocktxt {
        font-size: 9px;
    }

    .mainBannerHeading h1 {
        color: #91C74C;
        font-size: 35px;
        font-weight: 600;
    }

    .announcement {
        margin-top: 110px !important;
    }

    .naviGation img {
        width: 40%;
    }

    .officeTime {
        padding-top: 23px;
    }

    .officeAddress {
        padding-top: 0.9rem;
    }

    .indexLinkheading h1 {
        color: #2A7047;
        text-align: center;
        font-size: 40px;
        font-weight: 600;
        /* padding-bottom: 20px; */
        padding: 30px 0px;
    }

    .sectionNavigation {
        position: absolute;
        top: 80%;
        left: 0 !important;
    }

    .navbar-light {
        width: 100%;
        z-index: 100;
        position: absolute;
    }

    /* .navbar-nav {
       background: gray;
    } */
    /* .sectionAbout {
        width: 90% !important;
        margin-top: 1rem !important;
    } */
    .homeUltimate h1 {
        font-size: 30px;
        font-weight: 600;
        /* padding-top: 166px; */
        padding-bottom: 0px;
    }

    .homeDescription p {
        color: white;
        font-size: 12px;
        font-weight: 500;
        padding-bottom: 20px;
        /* padding-top: 1.5rem; */
    }

    .quoteIcon img {
        width: 50%;
    }

    .quoteIcon {
        position: absolute;
        left: -7%;
        top: 24%;
    }

    .newsContent {
        padding: 20px 40px;
    }


    /* .Home {
        height: 50vh;
    } */
    .aResponsive {
        width: auto;
    }

    .recieptsTable th {
        color: #2A7047 !important;
        font-size: 13px;
    }

    .meetingCount {
        font-size: 24px;
        font-weight: 600;
    }


    .tableCos {
        width: 10%;
    }

    .tableDis {
        width: 10%;
    }

    .tableSr {
        width: 2%;
    }

    .tableHeading {
        color: #2A7047 !important;
        font-size: 18px;
        font-weight: 600;
    }

    .administartionWing h3 {
        font-size: 19px !important;
    }

    .administrationBtn {
        padding: 4px 12px;
        font-size: 12px;
    }

    /* CDA board member page */
    .memberCard {
        width: 35% !important;
    }

    .cardBody h5 {
        font-size: 13px;
    }

    .cardBody h6 {
        font-size: 11px;
    }

    .cardBody p {
        font-size: 10px;
    }

    /* cda Honourable page */
    .boardText p {
        font-size: 14px;
    }

    .boardText h3 {
        font-size: 20px;
    }

    .allHonourable_Chairmans {
        font-weight: 800 !important;
        font-size: 32px !important;
        color: #fff;
    }

    .honourableBackground {
        background-image: url(../Assets/new_cda_assets/honourable.png);
        background-position: center;
        padding: 30px;
    }

    /* chairman page styling */
    .chairmanImage img {
        width: 50%;
    }

    .chairmanText h3 {
        font-size: 22px;
        text-align: center;
    }

    .chairmanText h4 {
        font-size: 16px !important;
        text-align: center;
    }

    .quoteImg img {
        margin-top: 20px;
        width: 8%;
    }

    .chairmanPara p {
        font-size: 16px;
    }

    /* end chairman page styling */
    .subjectName {
        width: 25%;
    }

    .respoDiv {
        height: 140px;
        justify-content: center !important;
        align-items: center !important;
        box-shadow: 0px 10px 25px #ccc !important;
        border-radius: 20px !important;
        padding: 18px !important;
    }

    .procedures {
        background-color: white;
        border-radius: 20px;
        width: 90%;
        margin: 0 auto;
    }

    .procedures .about-head {
        font-size: 10px;
        font-weight: 700;
        padding-top: 25px;
        text-align: center;
    }

    .search .fa-search {
        position: absolute;
        top: 5px;
        left: auto;
        right: 20px;
        color: #FFFFFF !important;
    }


    /* legal and illegal  */
    .legalZoneSection {
        width: 90%;
        margin: 0 auto;
    }

    .greenBox {
        background-color: #2A7047;
        padding: 10px;
        border-radius: 15px;
        margin: 10px 10px;
    }

    .purpleBox {
        background-color: #7459AD;
        padding: 10px;
        border-radius: 15px;
        margin: 10px 10px;
    }

    .ligtGreenBox {
        background-color: #59ACA3;
        padding: 10px;
        border-radius: 15px;
        margin: 10px 10px;
    }

    .legalZoneText p {
        font-size: 14px !important;
        font-weight: 600 !important;
    }

    /* legal and illegal  */
    /* index page */
    .sectionNewsTeller {
        width: 80%;
        margin: 0 auto;
        /* padding-top: 100px !important; */
    }

    .navigationCard_Heading {
        color: white;
        font-size: 12px;
        font-weight: 600;
    }

    .pageNavigators {
        padding: 0px;
    }

    .newsHeading h3 {
        color: #2B7147;
        font-weight: 600;
        font-size: 12px;
    }

    .newsContent p {
        font-size: 10px;
    }

    .newsUpdate_title h1 {
        margin-top: 10px;
        font-size: 38px;
    }

    /* index page */
    .updatesIcon img {
        position: absolute;
        top: 20px;
        left: 10px;
        width: 25%;
    }

    .numberOfprojects h1 {
        font-size: 130px;
        font-weight: 600;
    }

    .relatedLinkIcon img {
        width: 80%;
    }

    .relateText a {
        font-size: 12px !important;
    }

    .relateText p {
        font-size: 10px;
    }

    .relatedgovCard {
        /* background-color: #DEE9E3;
        padding: 20px; */
        border-radius: 10px;
    }

    .relatedcabinetCard {
        background-color: #F2EDFD;
        padding: 20px;
        border-radius: 25px;
    }

    .relatedLinktext p {
        font-size: 14px !important;
        /* font-weight: 600 !important; */
    }

    .relatedLinktextspan {
        font-size: 10px !important;
        text-align: start !important;
    }

    /* board meetings */
    .firstBackground {
        background-color: #EEF6E3;
        padding: 5px;
        border-radius: 15px;
        margin: 0 auto;
    }

    .secondBackground {
        background-color: #FFF8E2;
        padding: 5px;
        border-radius: 15px;
        margin: 0 auto;
    }

    .thirdBackground {
        background-color: #E3F6F4;
        padding: 5px;
        border-radius: 15px;
        margin: 0 auto;
    }

    .fourthBackground {
        background-color: #F2EDFD;
        padding: 5px;
        border-radius: 15px;
        margin: 0 auto;
    }

    .fifthBackground {
        background-color: #DEE9E3;
        padding: 5px;
        border-radius: 15px;
        margin: 0 auto;
    }

    /* board meetings */
    .requestButton {
        font-size: 16px !important;
        width: auto !important;
        text-decoration: none;
        padding: 8px 20px !important;
    }

    .nav-item a {
        color: black !important;
        font-weight: 500;
        font-size: 16px;
    }

    .navbar img {
        margin-left: 0px !important;
        width: 50%;
    }

    .navbar {
        padding: 20px !important;
    }

    .navToggler_Options {
        background-color: black;
        width: 100%;
        padding: 25px !important;
        z-index: 1;
        border-radius: 8px;
        margin-top: 4px;
    }

    .navTogglerblur_Options {
        background-color: rgba(88, 87, 87, 0.438);
        width: 100%;
        padding: 25px !important;
        z-index: 1;
        border-radius: 8px;
        margin-top: 4px;
    }

    .nav-item {
        padding: 0 !important;
    }

    .nav-button {
        padding: 0 !important;
    }


    .sectionSchool {
        width: 90% !important;
        margin-top: -4rem !important;
    }

    .aboutUS {
        padding: 10px !important;
    }

    .aboutUS .about-head {
        font-size: 12px !important;
        padding-top: 0px !important;
        margin-bottom: 0px !important;
    }


    .footerWidgets {
        margin-left: 0 !important;
    }

    .copyRight {
        margin-left: 0 !important;
    }

    .cdaBudgetNav .about-head {
        font-size: 10px;
        font-weight: 700;
        padding-top: 16px;
        text-align: center;
    }

    .cdaSchoolNav .about-head {
        font-size: 10px;
        font-weight: 700;
        padding-top: 16px;
        text-align: center;

    }

    /* chairman sec */
    /* .accordion-button::after { */
    /* flex-shrink: 0; */
    /* width: var(--bs-accordion-btn-icon-width); */
    /* height: var(--bs-accordion-btn-icon-width); */
    /* margin-left: auto; */
    /* content: ""; */
    /* background-image: var(--bs-accordion-btn-icon); */
    /* background-repeat: no-repeat; */
    /* background-size: var(--bs-accordion-btn-icon-width); */
    /* transition: var(--bs-accordion-btn-icon-transition); */
    /* background-color: #2A7047; */
    /* padding: 18px; */
    /* border-radius: 10px; */
    /* color: white; */
    /* background-size: 20px !important; */
    /* background-position: 8px 8px; */
    /* } */
    /* chairman sec */
    .newsHeadLine p {
        font-size: 12px;
    }

    .cdaBudgetNav {
        background-color: white;
        border-radius: 20px;
        width: 70%;
        margin: 0 auto;
    }

    .cdaSchoolNav {
        background-color: white;
        border-radius: 20px;
        width: 100%;
        margin: 0 auto;
    }

    /* landing page */
    .readMoreBtn {
        padding-bottom: 0 !important;
    }

    .latestCars h1 {
        font-size: 30px;
    }

    .latestCarsDescription p {
        font-size: 16px;
    }

    .card-img-overlay {
        backdrop-filter: blur(15px) !important;
        color: white;
        height: 38% !important;
    }

    .card-title-latest {
        font-size: 1rem !important;
    }

    .card-text-latest {
        color: white;
        font-size: 11px;
        font-weight: 300;
        line-height: 20px;
    }

    .hotSell_text p {
        font-size: 1rem !important;
        position: absolute;
        bottom: 0;
        left: 0;
        padding-bottom: 0px !important;
        padding-left: 18px;
        color: #eeeeee;
        font-weight: 600;
    }

    .hotSell_text hr {
        position: absolute;
        bottom: 0;
        left: 6.5rem !important;
        width: 30%;
        margin-bottom: 16px !important;
        border: 2px solid #eeeeee !important;
        border-radius: 2px;
    }

    /* cars page */
    .autoCarHeading h2 {
        font-size: 40px;
        font-weight: 700;
    }

    /* services */
    .carMaker_Image {
        padding: 20px;
        margin-bottom: 0px;
    }

    .makerThumbnail {
        width: 100%;
        margin-top: 0px;
    }

    .autoCar_description p {
        font-size: 14px;
        text-align: justify;
    }

    /* request */
    .querySubmit_BTN {
        background-color: #be0101;
        border-radius: 10px;
        color: white;
        text-align: center;
        width: 22% !important;
        padding: 10px 0px !important;
        margin-top: 0;
        border: none;
        font-size: 16px !important;
        font-weight: 500;
        outline: none;
        text-decoration: none;
        text-decoration: none;
    }

    .carTitle h2 {
        font-size: 40px;
        font-weight: 700;
        margin-top: 20px;
    }

    .carTitle p {
        font-size: 14px;
        text-align: justify;
    }

    /* order */
    .orderCar_Card {
        padding: 12px !important;
    }

    .left_Brder {
        border-left: #be0101 solid 2px;
        padding: 10px 20px !important;
    }

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

    .orderQuery {
        height: 150px !important;
    }

    .order_Query_Text_Box {
        margin-top: 0.5rem !important;
    }

    /* details Page */
    .makerDetail h1 {
        font-size: 35px;
        font-weight: 600;
    }

    .makerDetail p {
        font-size: 12px;
        font-weight: 300;
    }

    /* About Us Page */
    .aboutUsHeading {
        padding-top: 24px;
        padding-bottom: 56px !important;
    }

    .aboutUsSlogan {
        font-size: 45px;
        font-weight: 600;
    }

    .aboutBlockText {
        font-size: 14px;
    }

    .aboutUsDescription {
        padding-top: 24px;
        padding-bottom: 0px !important;
        padding-left: 26px;
        padding-right: 26px;
    }

    .timerHeading {
        color: #be0101;
        font-size: 40px;
        font-weight: 600;
    }

    .timerAbout {
        font-size: 9px;
        font-weight: 600;
    }

    .aboutUsImage {
        display: flex;
        align-items: center;
        justify-content: center;
        height: auto;
    }

    .counter {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 55vh;
    }

    .aboutUsServices_Heading {
        font-size: 40px;
        font-weight: 600;
    }

    .aboutUS_SeeAll {
        background-color: #be0101;
        border-radius: 8px;
        color: white;
        text-align: center;
        padding: 8px 20px;
        border: none;
        font-size: 16px;
        font-weight: 500;
        outline: none;
        text-decoration: none;
        width: 62%;
    }

    .aboutUscardImg {
        width: 55% !important;
        padding: 16px;
    }

    .aboutCard_Text {
        font-size: 12px;
    }

    /* about islamabad page styling */
    .weatherCard {
        height: 100%;
    }

    .administartionWing p {
        font-size: 16px;
    }

    .aboutPdf {
        width: 50%;
    }

    .destinationText h3 {
        font-size: 29px;
        font-weight: 700;
        text-align: center !important;
        margin-top: 12px;
    }

    .destinationText p {
        text-align: center !important;
    }

    .destiImg {
        width: 100%;
        border-radius: 10px;
        object-fit: contain;
    }

    .footerDescription {
        font-size: 9px;
    }

    .navSearchButton {
        display: none;
    }

    .navLink {
        padding-left: 10px !important;
    }

    .homeUltimate h1 {
        /* color: #91C74C;
        text-align: center;
        font-size: 60px;
        font-weight: 600;
        align-items: center;
        display: flex; */
        height: 50vh;
        /* flex-direction: column;
        justify-content: center; */
    }

    .boardHistory_background {
        height: 50vh;
    }

    .boardMeeting_background {
        height: 50vh;
    }

    .boardMember_background {
        height: 50vh;
    }

    .honourableChairmans_background {
        height: 50vh;
    }

    .chairmanBackground {
        height: 50vh;
    }

    .chairmanSecretariat_background {
        height: 50vh;
    }

    .administration_background {
        height: 50vh;
    }

    .estateWing_background {
        height: 50vh;
    }

    .engineeringWing_background {
        height: 50vh;
    }

    .deputyfinancial_background {
        height: 50vh;
    }

    .planningWing_background {
        height: 50vh;
    }

    .ordinance_background {
        height: 50vh;
    }

    .callusLink {
        width: 30px !important;
        height: 30px;
        margin-top: 6px;
    }

    .contact {
        display: flex !important;
        flex-direction: row !important;
    }

    .callusLink {
        width: 30px !important;
        height: 30px;
        margin-top: 6px;
    }

    .contact {
        display: flex !important;
        flex-direction: row !important;
    }

}


@media (max-width: 767px) {

    .tenderDes {
        width: 100%;
        margin: 0 auto;
    }

    .auctionHead {
        text-align: left !important;
        color: #2A7047;
        font-weight: 600;
        font-size: 14px !important;
    }

    .adventureCard {
        height: 120px !important;
    }

    .tenderTable_Heading h3 {
        font-size: 16px;
    }

    .commercialContent {
        margin-top: 40px !important;
    }

    .sectionNavigation {
        z-index: 90 !important;
    }

    .descriptionDiv {
        font-size: 12px !important;
    }

    .navigationCard {
        width: 100px !important;
    }


    .meetingDetails {
        margin-left: 10px;
    }

    .card-body {
        height: 115px !important;
    }

    .sectionNavigationProject {
        left: 5% !important;
        position: absolute !important;
        top: 48% !important;
    }

    .carousel-caption {
        top: 3rem;
        padding-top: 0px !important;
    }

    .announcement {
        margin-top: 5px !important;
    }

    #pills-home-tab {
        padding: 0px !important;
    }

    #pills-profile-tab {
        padding: 0% !important;
    }

    #homeNavigationID {
        padding: 0px !important;
    }

    #fourthSection {
        padding: .25rem !important;
    }

    #thirdSection {
        padding: .25rem !important;
    }

    #secondSection {
        padding: .25rem !important;
    }

    #firstSection {
        padding: .25rem !important;
    }

    .destiNations {
        padding: 40px 0px !important;
        position: static;
    }

    .destinationInfo {
        position: static;
        width: 100% !important;
        height: 100%;
        display: flex;
        align-items: center;
        text-align: justify;
    }

    .aboutDestination {
        padding: 16px 0px;
    }

    .destiNations_Img {
        width: 100%;
    }

    .destinationBlocktxt {
        font-size: 12px;
    }

    .destiNationsInIsb {
        padding: 0px 0px !important;
        position: static;
        display: flex;
        flex-direction: column-reverse;
    }

    .infoBoutDestinations {
        position: static;
        width: 100% !important;
        height: 100%;
        display: flex;
        align-items: center;
        text-align: justify;
    }

    .destiNationPreview {
        width: 100%;
    }

    .destinationHeading h3 {
        color: #2B7147;
        font-weight: 600;
        font-size: 20px;
    }

    .LogInHeading h3 {
        color: white;
        font-weight: 600;
        font-size: 20px;
    }

    .mainBannerHeading h1 {
        color: #91C74C;
        font-size: 20px;
        font-weight: 600;
    }

    .bannerBlock_txt p {
        font-size: 12px;
    }

    .contact {
        display: flex !important;
        flex-direction: row !important;
    }

    .callusLink {
        width: 30px !important;
        height: 30px;
        margin-top: 6px;
    }

    .navLink {
        padding-left: 10px !important;
    }

    .navSearchButton {
        display: none;
    }

    .newsContent {
        padding: 20px 20px;
    }

    .newsUpdateSection {
        padding: 40px 0px !important;
        position: static;
    }

    .footerDescription {
        font-size: 12px;
    }

    .anchorTag {
        font-size: 12px !important;
    }

    .indexLinkheading h1 {
        color: #2A7047;
        text-align: center;
        font-size: 30px;
        font-weight: 600;
        /* padding-bottom: 20px; */
        padding: 20px 0px 20px 0px;
    }

    .carousel-control-next {
        display: none !important;
    }

    .carousel-control-prev {
        display: none !important;
    }

    .img-fluid {
        height: 35vh !important;
    }

    .quoteIcon {
        display: none;
    }

    .copyRights {
        text-align: center;
        margin-bottom: 10px;
    }

    .weatheSection {
        width: 90%;
        margin: 0 auto;
        margin-top: 20px;
    }

    .sectionNewsTeller {
        width: 100%;
        margin: 0 auto;
        /* padding-top: 100px !important; */
    }

    .tableHeading {
        color: #2A7047 !important;
        font-size: 12px;
        font-weight: 600;
    }

    .meetingCount {
        font-size: 14px;
        font-weight: 600;
    }


    .boardMeeting {
        width: 90%;
        text-align: center;
        margin: 0 auto;
        margin-top: 0px;
    }

    .downloadButton {
        padding: 0px !important;
        font-size: 10px;
        font-weight: 600;
        margin: 20px 0px;
    }

    /* .downloadCell{
        text-align: center !important;
    } */
    /* .meetingCount {
        color: #2A7047 !important;
        font-size: 14px;
    } */
    /* .meetingDuration p {
        font-weight: 100;
        font-size: 10px;
    } */
    .meetingDates {
        padding: 10px;
    }

    /* .meetingDetails {
        margin-left: 15px;
    } */
    /* cda Honourable page */
    .boardText p {
        font-size: 14px;
    }

    .relatedtext {
        font-size: 14px !important;
    }

    .relateText {
        font-size: 14px !important;
    }

    .relateText p {
        font-size: 10px;
    }

    .boardText h3 {
        font-size: 20px;
    }

    .allHonourable_Chairmans {
        font-weight: 800 !important;
        font-size: 20px !important;
        color: #fff;
    }

    .honourableBackground {
        background-image: url(../Assets/new_cda_assets/honourable.png);
        background-position: center;
        padding: 22px;
    }

    .bps {
        width: 10%;
        color: #2A7047 !important;
        font-size: 12px;
    }

    .recieptsTable th {
        font-size: 8px;
    }

    .recieptsDetail th,
    td {
        font-size: 12px;
    }

    .ordinanceImage {
        width: 50%;
    }

    .respoDiv {
        height: 120px;
        justify-content: center !important;
        align-items: center !important;
        box-shadow: 0px 10px 25px #ccc !important;
        border-radius: 20px !important;
        padding: 18px !important;
    }


    .procedures {
        background-color: white;
        border-radius: 20px;
        width: 77%;
        margin: 0 auto;
    }

    .quickLinks-icon p {
        text-align: center;
        padding: 20px 0px 0px 0px;
        font-size: 10px;
    }


    .search .fa-search {
        position: absolute;
        top: 5px;
        /* left: 0px; */
        right: 20px;
        color: #FFFFFF !important;
    }


    /* auction notices */
    .auctionDescription {
        width: 65%;
        font-size: 12px;
    }

    /* auction notices */
    /* balloting annoucement */
    .lawsCardone img {
        width: 40%;
    }

    .lawsCardtwo img {
        width: 40%;
    }

    .lawsCardthree img {
        width: 40%;
    }

    .lawsCardfour img {
        width: 40%;
    }

    .lawsCardfive img {
        width: 40%;
    }

    .lawsCardsix img {
        width: 40%;
    }

    /* balloting annoucement */
    .newsHeadLine p {
        font-size: 12px;
    }

    .latestNewsImage {
        padding: 0px;
    }

    .relatedInfoImg {
        width: 30%;
    }

    .relatedcdaCard {
        height: 80%;
    }

    .relatedcontractCard {
        height: 80%;
    }

    .relatedinformationHeading {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 0px;
    }

    .relatedLinkIcon img {
        width: 100%;
    }

    .relatedLinktext p {
        font-size: 12px !important;
        /* font-weight: 600 !important; */
    }

    .relatedLinktextspan {
        font-size: 12px !important;
        text-align: start !important;
    }


    .showingPagination {
        text-align: center;
    }

    .selectYear {
        text-align: start;
        font-size: 26px;
        font-weight: 600;
    }

    .relatedHeading {
        text-align: start;
        font-size: 26px;
    }

    /* .meetingDates {
        width: auto !important;
    } */
    .meetingSr {
        width: 5%;
    }

    .meetingCost {
        width: 5%;
    }

    .meetingYear {
        font-size: 12px;
    }

    .meetingMinutes {
        font-size: 12px;
    }

    .pdfimage {
        width: 22%;
    }

    /* index page */
    .naviGation {
        padding: 10px 0px 10px 0px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .naviGation img {
        width: 50%;
    }

    .pageNavigators {
        padding: 0px 20px;
    }

    .naviGation .navigationCard_Heading {
        display: block;

        font-weight: bold !important;
    }

    .housingCardHead {
        font-size: 8px !important;
    }

    .naviGation .navigationCard_Description {
        display: none;
    }

    .naviGation {
        padding: 10px 0px 10px 0px;
        text-align: center;
    }

    .readMoreLink {
        font-size: 10px;
    }

    .newsUpdateimg {
        width: 100%;
    }

    .latestNewsCard {
        position: static;
        width: 100% !important;
        top: 8%;
        left: 0;
        height: 100%;
        display: flex;
        align-items: center;
        padding: 0px;
    }

    .newsUpdate_title h1 {
        margin-top: 10px;
        font-size: 30px;
    }

    /* index page */
    .nav-item {
        padding: 0 !important;
    }

    .nav-button {
        padding: 0 !important;
    }

    /* .Home {
        height: 77vh;
    } */
    .navbar {
        padding: 8px !important;
    }

    .navOptions {
        background-color: black;
        width: 100%;
        padding: 10px;
        z-index: 1;
        border-radius: 8px;
        margin-top: 14px;
    }

    .updatesContent {
        width: 90%;
        margin: 0 auto;
        padding: 20px;
    }

    .updatesHeading h1 {
        font-size: 22px !important;
        font-weight: 600;
    }

    .updatesIcon img {
        position: absolute;
        top: 20px;
        left: 42px;
        width: 20%;
    }

    /* cda chairman mgs page */
    .chairmanBackground {
        height: 40vh;
    }

    .chairmanImage img {
        width: 50%;
    }

    .chairmanText h3 {
        font-size: 19px;
        text-align: center;
    }

    .chairmanText h4 {
        font-size: 16px !important;
        text-align: center;
    }

    .quoteImg img {
        margin-top: 10px;
        width: 10%;
    }

    .chairmanPara p {
        font-size: 16px;
    }

    /* cda Honourable page */
    .honourableChairmans_background {
        height: 40vh;
    }

    .accordionImage {
        background-color: #EEF6E3;
        padding: 10px;
        border-radius: 15px;
    }

    /* cda board member page */
    .boardMember_background {
        height: 40vh;
    }

    .memberCard {
        width: 50% !important;
    }

    .cardBody h5 {
        font-size: 10px;
    }

    .cardBody h6 {
        font-size: 9px;
    }

    .cardBody p {
        font-size: 8px;
    }

    .boardHeading h3 {
        font-size: 22px;
    }

    .boardMember_Image h3 {
        font-size: 18px;
    }

    .boardMember_Image h5 {
        font-size: 14px;
    }

    .boardText p {
        font-size: 14px;
    }

    .boardText h3 {
        font-size: 22px;
    }

    /* cda history page */
    .historyImage {
        background-color: #EEF6E3;
        padding: 20px 30px;
        /* margin: 0 auto; */
    }

    .boardHistory_background {
        height: 40vh;
    }

    .boardMeeting_background {
        height: 40vh;
    }

    .boardHistory {
        padding: 10px 0px;
    }

    .boardHistory_text p {
        font-size: 16px;
    }

    .boardHistory_text h3 {
        font-size: 22px;
        padding: 10px 0px;
    }

    .historyHeading {
        font-size: 22px;
        padding: 10px 0px;
    }

    /* chairman Secretariat page */
    .homeUltimate p {
        font-size: 18px;
    }

    .chairmanSecretariat_background {
        height: 40vh;
    }

    .accordionHeading {
        font-size: 14px;
    }

    .accordion-body p {
        font-size: 14px;
        text-align: justify;
    }

    .accordion-body li {
        font-size: 14px;
        text-align: justify;
    }

    /* administration page */
    .administration_background {
        height: 40vh;
    }

    .administartionWing h3 {
        font-size: 18px !important;
    }

    .administartionWing p {
        font-size: 14px !important;
    }

    /* estate wing page */
    .estateWing_background {
        height: 40vh;
    }

    /* engineering wing page */
    .engineeringWing_background {
        height: 40vh;
    }

    /* deputy financial page */
    .deputyfinancial_background {
        height: 40vh;
    }

    /* planning wings page */
    .planningWing_background {
        height: 40vh;
    }

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

    /* .Home {
        height: 40vh;
    } */
    /* ordinance page */
    .ordinance_background {
        height: 40vh;
    }

    .newsRelease_background {
        height: 40vh;
    }

    /* cda budget */
    .firstBackground {
        font-size: 10px;
    }

    .secondBackground {
        font-size: 10px;
    }

    .thirdBackground {
        font-size: 10px;
    }

    .fourthBackground {
        font-size: 10px;
    }

    .fifthBackground {
        font-size: 10px;
    }

    .page-link {
        font-size: 11px !important;
        padding: 3px .75rem !important;
    }

    .showingPagination {
        font-size: 11px !important;
    }

    .cdaBudgetNav {
        width: 70%;
        padding: 2px;
    }

    .cdaSchoolNav {
        width: 100%;
        padding: 2px;
    }

    .accordionHeadStrong {
        font-size: 11px;
    }

    .accordionstrongHeading {
        font-size: 11px;
    }

    .accordionPara {
        font-size: 11px !important;
    }


    .tableWidth {
        width: 20%;
        font-size: 16px;
        color: #2A7047 !important;
    }

    /* onlineproperty page */
    .onlineLIstyle {
        font-size: 12px;
        text-align: start;
    }

    #rememberMe {
        font-size: 13px;
    }

    .administartionWing h5 {
        font-size: 16px;
    }

    /* about page styling */
    .ordiananceCards {
        background-color: #FFF8E2;
        padding: 30px;
        margin-top: 20px;
        margin: 0 auto;
        width: 70%;
        border-radius: 25px;
    }

    #orderFirst {
        order: 1 !important;
    }

    #orderLast {
        order: 2 !important;
    }

    /* contact page */
    /* .tableHeading {
        font-size: 12px;
    } */
    .loginButton {
        font-size: 14px;
        padding: 5px 30px;
    }

    .footer_img {
        width: 100%;
    }

    .followUs {
        padding-right: 0px;
    }

    .footerWidgets {
        text-align: center !important;
        justify-content: center !important;
    }

    .footer_widgets p {
        font-size: 12px !important;
    }

    .footer-heading {
        font-weight: 800;
        font-size: 14px !important;
    }

    .quickLinks {
        font-size: 12px !important;
    }

    .footer_follow_links {
        display: block !important;
        text-align: center !important;
    }

    .copyRight {
        text-align: center !important;
        margin-left: 0 !important;
    }

    .social_Icons {
        text-align: center !important;
        justify-content: center !important;
    }

    .instaIcon {
        margin-right: 0px !important;
    }

    .carCard {
        width: 100% !important;
    }

    .cardButton {
        width: 32%;
    }

    .secondCard {
        margin-bottom: 1.5rem;
    }

    .thirdCard {
        margin-bottom: 1.5rem;
    }

    .sixthCard {
        margin-bottom: 1.5rem;
    }

    .eighthCard {
        margin-bottom: 1.5rem;
    }

    .selectionButton {
        width: 96% !important;
    }

    .makerButton {
        margin-bottom: 25px !important;
    }

    .modelButton {
        margin-bottom: 35px !important;
    }

    .footerButtons {
        text-align: center;
    }

    .footerButtons a {
        display: inline-block;
        margin-bottom: 20px;
        width: 35%;
    }

    .footerRegisterButton {
        width: 35%;
    }

    .footerLoginButton {
        width: 35%;
        margin-left: 18px;
    }

    .footer_logo {
        margin-left: 0;
        text-align: center;
    }

    /* landing responsive */
    .sectionNavigation {
        position: absolute;
        top: 45% !important;
    }

    .homeUltimate h1 {
        font-size: 20px !important;
        font-weight: 600;
        padding-bottom: 0px;
        /* padding-top: 40px; */
        align-items: center;
        display: flex;
        height: 40vh;
        flex-direction: column;
        justify-content: center;
    }

    .bannerDiscription {
        font-size: 16px !important;
    }

    .customBtn {
        padding: 8px 20px !important;
        font-size: 14px;
    }

    .homeDescription p {
        text-align: center;
        color: white;
        font-size: 12px;
        font-weight: 500;
        padding-bottom: 20px;
    }

    .aboutUS {
        background-color: white;
        box-shadow: 1 1px 1px #ccc;
        border-radius: 20px;
        padding: 15px;
    }

    /* .sectionAbout {
        width: 90% !important;
        margin: 0 auto;
        margin-top: 4rem !important;
        padding: 20px;
    } */
    .bg-white {
        background-color: #1c562b !important;
    }

    .sectionSchool {
        width: 90% !important;
        margin: 0 auto;
        margin-top: -7rem;
        padding: 20px;
    }

    .aboutUS .about-head {
        font-size: 12px;
        font-weight: 700;
        line-height: 1;
        padding-top: 5px;
        text-align: left;
        margin-bottom: 0px;
    }


    .aboutUS .about-description {
        font-size: 11px;
        font-weight: 500;
        line-height: 1;
        text-align: left;
    }

    .quickLinks {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 80px;
        text-decoration: none;
        color: white;
    }

    .aboutUS h1 {
        font-weight: 700;
        font-size: 43px;
        line-height: 10px;
        text-align: center;
    }

    .aboutUS p {
        font-weight: 400;
        font-size: 18px;
        line-height: 35px;
        text-align: center;
        padding-top: 10px;
    }

    .autoparts h1 {
        text-align: center;
        color: white;
        font-weight: 600;
        font-size: 30px;
        line-height: 39px;
        /* padding-top: 100px; */
    }

    .audiDescription {
        text-align: left;
        padding-left: 0px !important;
        padding-top: 0px !important;
    }

    .audiImg img {
        width: 100%;
        border-radius: 8px;
    }

    .sectionParts {
        height: 15rem;
    }

    .readMoreBtn {
        padding-bottom: 0 !important;
    }

    .autoparts {
        height: 15rem;
    }

    .latestCars h1 {
        font-size: 24px;
    }

    .latestCarsDescription p {
        font-size: 14px;
    }

    /* .ferrariImg {
        height: auto !important;
    } */
    .card-img-overlay {
        backdrop-filter: blur(15px) !important;
        color: white;
        height: 25% !important;
    }

    .card-title-latest {
        font-size: 1.25rem !important;
    }

    .card-text-latest {
        color: white !important;
        font-size: 12px !important;
    }

    .SeeAllBtn {
        background-color: #be0101;
        border-radius: 8px;
        color: white;
        text-align: center;
        padding: 8px 20px;
        border: none;
        font-size: 14px;
        font-weight: 500;
        outline: none;
        text-decoration: none;
        width: 35%;
        margin-bottom: 20px;
    }

    .hotSell_text p {
        position: absolute;
        bottom: 0;
        left: 0;
        padding-bottom: 10px !important;
        padding-left: 18px;
        color: #eeeeee;
        font-weight: 600;
        font-size: 28px !important;
    }

    .hotSell_text hr {
        position: absolute;
        bottom: 0;
        left: 11rem !important;
        width: 44% !important;
        margin-bottom: 26px !important;
        border: 2px solid #eeeeee !important;
        border-radius: 2px;
    }

    /* #heroSection {
        display: flex;
        align-items: center;
        justify-content: start;
        height: 35vh !important;
    } */
    .querySubmit_BTN {
        background-color: #be0101;
        border-radius: 10px;
        color: white;
        text-align: center;
        width: 27% !important;
        padding: 10px 0px !important;
        margin-top: 0;
        border: none;
        font-size: 16px !important;
        font-weight: 500;
        outline: none;
        text-decoration: none;
        text-decoration: none;
    }

    /* services */
    .serviceHeading {
        padding-top: 28px;
    }

    .serviceHeading p {
        text-align: justify;
    }

    .makerThumbnail {
        width: 100%;
        margin-top: 40px;
    }

    .servicesSection_Title h1 {
        font-weight: 600;
        font-size: 35px;
        line-height: 45px;
    }

    .servicesSection_Title p {
        font-weight: 400;
        font-size: 16px;
        line-height: 36px;
    }


    /* request page */
    .customerName {
        margin-top: 0 !important;
    }

    .customerContact {
        margin-top: 1rem !important;
    }


    .orderCar_Card {
        padding: 10px !important;
    }

    .left_Brder {
        border-left: none;
        padding: 0px !important;
    }

    /* details page */
    .carMaker_Image {
        padding: 0px;
        margin-bottom: 0px;
    }

    .makerDetail {
        margin-top: 10px;
    }

    #audi_Thumbnail {
        order: 1;
    }

    #audi_details {
        order: 2;
    }

    #honda_Thumbnail {
        order: 3;
    }

    #honda_details {
        order: 4;
    }

    #toyota_Thumbnail {
        order: 5;
    }

    #toyota_details {
        order: 6;
    }

    #mercedes_Thumbnail {
        order: 7;
    }

    #mercedes_details {
        order: 8;
    }

    /* About Us Page */
    .aboutUsHeading {
        padding-top: 24px;
        padding-bottom: 28px !important;
        text-align: center !important;
    }

    .aboutUsSlogan {
        font-size: 34px;
        font-weight: 600;
    }

    .aboutDescription {
        font-size: 19px;
        font-weight: 600;
        text-align: center;
    }

    .aboutUsDescription {
        padding-top: 24px;
        padding-bottom: 20px !important;
        padding-left: 26px;
        padding-right: 26px;
    }

    .aboutBlockText {
        font-size: 14px;
        text-align: justify;
    }

    .timerHeading {
        color: #be0101;
        font-size: 50px;
        font-weight: 600;
    }

    .timerAbout {
        font-size: 10px;
        font-weight: 600;
    }

    .aboutUsServices_Heading {
        font-size: 28px;
        font-weight: 600;
    }

    .aboutUS_SeeAll {
        background-color: #be0101;
        border-radius: 8px;
        color: white;
        text-align: center;
        padding: 8px 20px;
        border: none;
        font-size: 12px;
        font-weight: 500;
        outline: none;
        text-decoration: none;
        width: 48%;
    }

    .width_60 {
        margin: 0 auto;
        width: 80% !important;
    }

    .brands {
        text-align: center;
        display: flex;
        flex-direction: column;
    }

    .aboutUscardImg {
        width: 40% !important;
        padding: 16px;
    }

    .tabAlignment {
        margin-top: 90px !important;
    }

    .officeTime {
        padding: 5px;
    }

    .officeDays {
        padding: 5px;
    }

}

@media (max-width: 375px) {

    .quickLinks {
        font-size: 10px !important;
    }

}

@media (max-width: 320px) {

    .quickLinks {
        font-size: 9px !important;
    }

    .nav-item a {
        font-size: 12px;
    }

    .tabAlignment {
        margin-top: 90px !important;
    }


    .mainBannerHeading h1 {
        color: #91C74C;
        font-size: 12px;
        font-weight: 600;
    }

    .homeUltimate h1 {
        font-size: 16px !important;
    }

    .bannerDiscription {
        font-size: 10px !important;
    }

    /* .sectionNewsTeller{
        padding-top: 110px;
    }  */
    .announcement {
        margin-top: 15px !important;
    }

    .sectionNavigation {
        position: absolute;
        top: 46% !important;
    }

    .pageNavigators {
        padding: 0px;
    }

    .updatesIcon img {
        position: absolute;
        top: 20px;
        left: 25px;
        width: 20%;
    }

    .latestNewsCard {
        position: static;
        width: 100% !important;
        top: 0%;
        left: 0;
        height: 100%;
        display: flex;
        align-items: center;
        padding: 10px;
    }

    /* index page */
    .meetingInfo {
        font-size: 10px;
    }

    .tableHeading {
        color: #2A7047 !important;
        font-size: 10px;
        font-weight: 600;
    }

    .meetingDetails {
        margin-left: 10px !important;
    }

    .downloadButton {
        padding: 0px !important;
        font-size: 10px;
        font-weight: 600;
    }

    .administartionWing h3 {
        font-size: 14px !important;
    }

    /* cda board member page */
    .boardMember_background {
        height: 40vh;
    }

    .memberCard {
        width: 50% !important;
    }

    .cardBody h5 {
        font-size: 9px;
    }

    .cardBody h6 {
        font-size: 8px;
    }

    .cardBody p {
        font-size: 7px;
    }

    .cardBody {
        padding: 5px !important;
    }

    /* cda chairman mgs page */
    .chairmanBackground {
        height: 40vh;
    }

    .chairmanImage img {
        width: 50%;
    }

    .chairmanText h3 {
        font-size: 14px;
        text-align: center;
    }

    .chairmanText h4 {
        font-size: 12px !important;
        text-align: center;
    }

    .quoteImg img {
        margin-top: 8px;
        width: 15%;
    }

    .chairmanPara p {
        font-size: 14px;
    }

    .respoHeading {
        font-size: 10px;
        color: black;
        text-align: center;
    }

    /* .sectionAbout {
        width: 90% !important;
        margin: 0 auto;
        margin-top: 1rem !important;
        padding: 8px;
    } */
    .latestNewsImage {
        padding: 0px;
    }

    .newsdate p {
        font-size: 12px;
        font-weight: 600;
    }

    .newsHeadLine p {
        font-size: 10px;
    }

    .relatedLinktext p {
        font-size: 14px !important;
        /* font-weight: 600 !important; */
    }

    .relatedLinktextspan {
        font-size: 12px !important;
        text-align: start !important;
    }

    .relatedtext {
        font-size: 14px !important;
    }

    .relateText {
        font-size: 14px !important;
    }

    .relateText a {
        font-size: 11px !important;
        color: #2A7047;
        text-align: left;
    }

    .relateText p {
        font-size: 10px;
    }

    .selectYear {
        text-align: start;
        font-size: 16px !important;
        font-weight: 600;
    }

    .relatedHeading {
        text-align: start;
        font-size: 16px;
    }

    .selectCalander {
        font-size: 23px;
    }

    .meetingYear {
        font-size: 10px;
        font-weight: 600;
    }

    .meetingMinutes {
        font-size: 10px;
        font-weight: 600;
    }

    .pdfimage {
        width: 18%;
    }

    .newsteller-text {
        font-size: 12px;
    }

    .comunity {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .counter {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 55vh;
        padding: 0 !important;
    }

    .width_90 {
        width: 100% !important;
        margin: 0 auto;
    }

    .aboutUsServices_Heading {
        font-size: 26px !important;
        font-weight: 600;
    }

    .aboutUS_SeeAll {
        background-color: #be0101;
        border-radius: 8px;
        color: white;
        text-align: center;
        padding: 8px 20px;
        border: none;
        font-size: 12px;
        font-weight: 500;
        outline: none;
        text-decoration: none;
        width: 59% !important;
    }
}

@media (max-width: 280px) {
    .aResponsive {
        width: 65%;
    }

    .footerButtons a {
        display: inline-block;
        margin-bottom: 20px;
        width: 36% !important;
    }
}


.latestParts_Section {
    width: 90%;
    margin: 0 auto;
    padding: 20px;
}

/* Table */


/* ============ desktop view ============ */
@media all and (min-width: 992px) {

    .dropdown-menu li {
        position: relative;
    }

    .dropdown-menu .submenu {
        display: none;
        position: absolute;
        left: 100%;
        top: -7px;
    }

    .dropdown-menu .submenu-left {
        right: 100%;
        left: auto;
    }

    .dropdown-menu > li:hover {
        background-color: #f1f1f1
    }

    .dropdown-menu > li:hover > .submenu {
        display: block;
    }
}

/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {

    .dropdown-menu .dropdown-menu {
        margin-left: 0.7rem;
        margin-right: 0.7rem;
        margin-bottom: .5rem;
    }

}

@media (max-width: 2560px) {

    .sectionNavigation {
        position: absolute;
        top: 80%;

    }

    /* .boardMemberImages{
        height: 400px !important;
    } */
    /* .navbar-expand-lg .offcanvas{
        flex-grow: 0 !important;
    } */

}

.anchorTag {
    text-decoration: none !important;
    /* font-size: 14px; */
}

.announcement {
    margin-top: 50px;
}

.ordinance_background {
    position: relative;
}

.tab-content {
    margin-top: 150px;
}

.card-img-top {
    height: 160px;
}

.ramadahotelCards, .hillhotelCards, .roomyhotelCards, .marriothotelCards, .serenahotelCards, .islamabadhotelCards {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
}

.ramadahotelCards {
    background-image: url('../Assets/images/ramada.png');
}

.ramadahotelCards:hover {
    background-image: url('../Assets/new_cda_assets/Green.png');
}


.hillhotelCards {
    background-image: url('../Assets/images/hill.png');
}

.hillhotelCards:hover {
    background-image: url('../Assets/new_cda_assets/Green.png');
}

.roomyhotelCards {
    background-image: url('../Assets/images/roomy.png');
}

.roomyhotelCards:hover {
    background-image: url('../Assets/new_cda_assets/Green.png');
}

.marriothotelCards {
    background-image: url('../Assets/images/marriott.png');
}

.serenahotelCards {
    background-image: url('../Assets/images/roomy.png');
}

.roomyhotelCards:hover {
    background-image: url('../Assets/new_cda_assets/Green.png');
}

.marriothotelCards:hover {
    background-image: url('../Assets/new_cda_assets/Green.png');
}

.serenahotelCards:hover {
    background-image: url('../Assets/new_cda_assets/Green.png');
}

.islamabadhotelCards {
    background-image: url('../Assets/images/islamabadhotel.png');
}

.islamabadhotelCards:hover {
    background-image: url('../Assets/new_cda_assets/Green.png');
}

.hospitalityText h3, .hospitalityText p {
    color: inherit;
}

.hospitalityText {
    padding: 20px 20px 20px 40px;
}

.pimsCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.lifeCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.kulsumCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.ramadahotelCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.hillhotelCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.roomyhotelCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.marriothotelCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.serenahotelCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.islamabadhotelCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.quaidCards, .iqbalCards, .islamicCards, .nationalCards, .comsatsCards, .airCards {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
}

.quaidCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.quaidCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.iqbalCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.iqbalCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.islamicCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.islamicCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.nationalCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.nationalCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.comsatsCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.comsatsCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.airCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.airCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.scienceCards, .economicsCards, .computerCards {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
}

.scienceCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.scienceCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.economicsCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.economicsCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.computerCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.computerCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.healthCards, .transportCards, .canteenCards, .auditoriumCards {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
}

.healthCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.healthCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.transportCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.transportCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.canteenCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.canteenCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.auditoriumCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.auditoriumCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.bharaCards, .bazarCards, .plantCards, .literatureCards, .tentCards, .recognitionCards, .SectorDevelopment21012025 {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
}

.bharaCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.bharaCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
    opacity: 0.8;
}

.bazarCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.bazarCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.plantCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.plantCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.literatureCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.literatureCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.tentCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.tentCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.recognitionCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.recognitionCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.chairmanCards, .augCards, .dentalCards, .annualCards, .prizeCards, .resultCards {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    border-radius: 10px;
    position: relative;
    transition: background-image 0.3s ease-in-out;
}

.chairmanCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.chairmanCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.augCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.augCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.dentalCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.dentalCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.annualCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.annualCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.prizeCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.prizeCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}

.resultCards:hover .hospitalityText {
    color: white !important;
    display: block;
}

.resultCards:hover {
    background-image: url(../Assets/new_cda_assets/Green.png);
}


/*.carousel-caption {*/
/*    position: absolute;*/
/*    bottom: 20%;*/
/*    left: 0;*/
/*    right: 0;*/
/*    text-align: center;*/
/*    color: #fff;*/
/*}*/

.mainBannerHeading h1 {
    font-size: 2.5rem; /* Adjust font size as needed */
}

.bannerBlock_txt p {
    font-size: 1.2rem; /* Adjust font size as needed */
}


.relatedLinkTender {
    width: 75%;
    margin: 0 auto;
}

.relatedInfoTender {
    width: 75%;
    margin: 0 auto;
}

/* Responsive adjustments for mobile screens */
@media (max-width: 768px) {


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

    .tab-content {
        margin-top: 80px;
    }

    .carousel-caption {
        bottom: 10%;
    }

    .mainBannerHeading h1 {
        font-size: 1.5rem; /* Smaller font size for headings */
    }

    .bannerBlock_txt p {
        font-size: 1rem; /* Smaller font size for text */
    }


}

@media (max-width: 480px) {


    .mainBannerHeading h1 {
        font-size: 1rem;
    }

    .bannerBlock_txt p {
        font-size: 0.8rem;
    }
}


.newsArticleHeading {
    margin-top: 20px;
}

@media (max-width: 1400px) {
    .callusLink {
        width: 20px !important;
        height: 20px !important;
        margin-top: 6px;
    }

    .cdaContact {
        font-size: 10px !important;
    }
}


.justifyContent {
    text-align: justify;
}

.navigationCard {
    width: 190px;
}

.forAlign {
    text-align: left;
    padding: 10px;
}

.payGreen {
    width: 60%;
}

.payWhite {
    width: 60%;
}

.flex-container {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.mainBannerHeading h1 {
    font-weight: 600;

}


.illegalHeading h1 {
    width: 80%;
    margin: 0 auto;
}

.tenderDes p {
    color: #2A7047;
    font-weight: 600;
}

.linkColor {
    color: #2A7047;
}

.formsHeading {
    padding-top: 30px;
}

.relatedgovCard {
    box-shadow: 2px 3px 4px 2px #DEE9E3 !important;
}

.formsHeading h3 {
    font-size: 32px;
    font-weight: 700;
    color: #2A7047 !important;
    margin-bottom: 0px !important;
    text-decoration: underline;
    text-underline-offset: 10px;
}

.commercialPage h1 {
    width: 80%;
    margin: 0 auto;
}

.commercialContent {
    margin-top: 100px;
}

/* ============ small devices .end// ============ */

.two-line-title {
    display: -webkit-box;
    -webkit-line-clamp: 3; /* limit to 3 lines */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
}

.hover-card {
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

@media (hover: hover) {
    .hover-card:hover {
        transform: translateY(-5px);
        box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
    }
}


@media (max-width: 576px) {
    .card-img-top {
        height: 200px;
    }

    .two-line-title {
        -webkit-line-clamp: 2; /* limit to 3 lines */
    }
}