@media (max-width: 575.98px) {
    :root {
        --body: 13px;
        --nav-font: 13px;
        --main-heading: 18px;
        --sub-heading: 17px;
        --sub-heading-lg: 17px;
        --para: 14px;
        --xxl-font-size: 34px;
        --btn-font-size: 14px;
        --footer-li-size: 13px;
        --main-heading-a: 21px;
        --main-heading-b: 24px;
        --main-heading-c: 28px;
        --para-sm: 11px;
        --para-lg: 15px;
        --btn-md-font-size: 12px;
        --btn-sm-font-size: 11px;
        --sub-heading-xl: 18px;
        --th-font: 17px;
        --td-font: 13px;
        --nav-item-font: 13px;
        --para-sub: 16px;
        --r-h-font: 13px;
         --r-p-font: 10px;
         --table-font-size-one: 13px;
         --table-th-font-size: 15px;
         --tab-font: 14px;
         --select-sm-font: 11px;
         --tab-title-font: 18px;
         --modal-main-heading: 20px;
         --modal-sub-heading: 18px;
         --nw-r-p-font: 13px;
         --accordion-font-size: 16px;

    }
    .tk-cards-wrap.m>.row {
        --bs-gutter-y: 8rem;
    }
    .tk-cards-wrap.m {
    margin-top: 60px;
}
.impact-sec .row {

    --bs-gutter-y: 1.5rem;
}
.hero {
    padding-top: 35%;
}
.zig-card-wrap .g {
    --bs-gutter-y: 2rem;
}
.zig-card-wrap  .card-body .main-heading {
    text-align: left;
}
.feature-card .card-body .main-heading {
    padding-left: 20px;
    padding-right: 20px;
}
.feature-card-wrap .card-wrap {
    padding: 20px;
}
.ul-style.count {
    column-count: 1;
}
.zig-sec .g {
    --bs-gutter-y: 3.5rem;
}
.grid-bar {
    padding: 30px 30px;
}
.top-bar {
    display: none;
}
.grid-bar>.row {
    justify-content: left;
}
div.table-card .filter>.row {
        --bs-gutter-y: 1.5rem;

}
.table-card .filter .row {
    --bs-gutter-y: 0;
}
.table-card .filter [class^="row gap-"] {
    --bs-gutter-y: 1rem;
}
.table-card .filter label {
    width: 100%;
}
.table-card .filter .bt-gp.end {
    justify-content: start;
}
.table-card .filter .bt-gp {
    flex-wrap: wrap;
}
.pt-mn {
    padding-top: 9rem;
}
.cr-tabs .btn-primary {
    width: 100%;
}
.cr-tabs.tab-nw .nav-tabs .nav-item {
    padding: 10px 16px;
}
.cr-tabs .nav-tabs .nav-item {
    background-size: 108px 50%;
}
.cr-tabs .nav-tabs .nav-item {
    padding: 10px 10px 0px 20px;
}
.cr-tabs .nav-tabs .nav-link {
    padding: 10px 6px;
    width: 100px;
    display: flex;
    flex-direction: column;
}
.cr-tabs .nav-tabs .nav-link span {
    display: block;
}
.cr-tabs.tab-nw .nav-tabs .nav-link {
    width: 150px;
    height: 150px;
    padding-left: 25px;
    padding-right: 25px;
}
.cr-tabs.tab-nw .nav-tabs .nav-link img {
    height: 70px;
}
}
@media (min-width: 576px) and (max-width: 1199.98px) {
    :root {
        --body: 13px;
        --nav-font: 13px;
        --main-heading: 18px;
        --sub-heading: 17px;
        --sub-heading-lg: 17px;
        --para: 14px;
        --xxl-font-size: 38px;
        --btn-font-size: 14px;
        --footer-li-size: 13px;
        --main-heading-a: 21px;
        --main-heading-b: 24px;
        --main-heading-c: 28px;
        --para-sm: 11px;
        --para-lg: 15px;
        --btn-md-font-size: 12px;
        --btn-sm-font-size: 11px;
        --sub-heading-xl: 18px;
        --th-font: 17px;
        --td-font: 13px;
        --nav-item-font: 13px;
        --para-sub: 16px;
        --r-h-font: 13px;
         --r-p-font: 10px;
         --table-font-size-one: 13px;
         --table-th-font-size: 15px;
         --tab-font: 14px;
         --select-sm-font: 11px;
         --tab-title-font: 18px;
         --modal-main-heading: 20px;
         --modal-sub-heading: 18px;
         --nw-r-p-font: 13px;
         --accordion-font-size: 16px;

    }
    .tk-cards-wrap.m>.row {
        --bs-gutter-y: 8rem;
    }
    .tk-cards-wrap.m {
    margin-top: 60px;
}
.impact-sec .row {
    --bs-gutter-y: 1.5rem;
}
}
@media (min-width: 576px) and (max-width: 768.98px) {

}
@media(max-width: 991.98px) {
    .scroll-accd-wrap .accd {
    padding-top: 2rem;
}
.scroll-accd-wrap .accd:nth-of-type(2) {
    padding-top: 8rem;

}
.accd .list {
    padding-left: 20px;
}
.accd.mb {
    margin-bottom: 30px;
}
.running-card .card .br-btm,
.running-card .card .br-right, .running-card .card .br-left,
.running-card .card .br-line,
.running-card .card .arrow,
.running-card .card .dot,
.running-card .middle .card .br-line-start {
    display: none;
}
.running-card .row.g {
    --bs-gutter-x: inherit;
}
.running-card .row {
    margin-bottom: 1.5rem;
}
.running-card .middle {
    margin-right: 0;
    margin-left: 0;
}
.running-card .card {
    height: 100%;
}
.running-card .middle .row [class^="col-"]:first-child {
    order: 3;
}
.running-card .middle .row [class^="col-"]:nth-of-type(2) {
    order: 2;
}
.running-card .middle .row [class^="col-"]:last-child {
    order: 1;
}
.running-card .row.g {
    --bs-gutter-y: 1.5rem;
}
.running-card .card.mb {
    margin-bottom: 0;
}
.timeline-card-wrap .card-wrap .br-line, .timeline-card-wrap .card-wrap .dot {
    display: none;
}
.timeline-card-wrap [class^="col-"]:nth-child(even) .timeline-card {
    margin-left: 0;
}
.timeline-card-wrap [class^="col-"].sl.active:nth-child(1) .timeline-card,
.timeline-card-wrap [class^="col-"]:nth-child(even) .timeline-card.hv {
    margin-top: 20px;
}
.timeline-card-wrap [class^="col-"]:nth-child(odd) .timeline-card.hv {
    margin-left: 0;
}
.timeline-card-wrap [class^="col-"]:nth-child(odd) .row>[class^="col-"]:nth-child(odd) .timeline-card {
    margin-right: 0;
}
.timeline-card-wrap .timeline-card,
.timeline-card-wrap.nw .timeline-card {
    margin-top: 0;
}
.timeline-card {
    min-height: 100%;
}
.timeline-card-wrap .timeline-card.hv {
    margin-top: 0;
    margin-bottom: 0;
}
.timeline-card-wrap [class^="col-"]:nth-child(even) .timeline-card.hv {
    margin-right: 0;
}
.timeline-card-wrap [class^="col-"] .order-2 {
    order: 0 !important;
}
.timeline-card-wrap .p-g {
        --bs-gutter-y: 2rem;
}
.timeline-card-wrap.space {
    margin-top: 70px;
}
.timeline-card-wrap .vertical-br {
    top: -40px;

}
section:nth-child(even) .zig-sec .order-2 {
    order: 0 !important;
}
section:not(:last-child) .zig-sec {
    padding-bottom: 0;
}
.chrome_tab_list {
    justify-content: center;
    padding-right: 20px;
}
}
@media (min-width: 576px) and (max-width: 991.98px) {
.zig-card-wrap .g {
    --bs-gutter-y: 2rem;
}
.zig-sec .g {
    --bs-gutter-y: 3rem;
}
.running-card {
        width: 50%;
        margin: 0 auto;
}
.ul-style.count {
    column-count: 2;
}
}
@media (min-width: 992px) and (max-width: 1199.98px) {
    .running-card {
        padding-left: 16px;
        overflow-x: hidden;
    }
    /* .running-card>.row,
    .running-card .middle>.row  {
        flex-wrap: nowrap;
    }
    .running-card .row [class^="col-"] {
        width: 35%;
    } */
.running-card .card {
    height: 331.69px;
}
.running-card .card .br-left.full.mt {
    height: 112%;
}
.running-card .middle .card .br-left-start {
    height: 60%;
}
.running-card .card .br-right.full {
    height: 125%;
}
.running-card .card .br-btm.full {
    width: 112%;
}
.running-card .header {
    padding-left: 20px;
    padding-right: 20px;
}
}
@media (max-width: 767.98px) {
.table-responsive thead th {
    white-space: nowrap;
}
.document-row>.row {
    --bs-gutter-y: 1rem;
}
.datepickercst {
    flex-wrap: nowrap;
    width: 170px;
}
.form-cst table .form-control,
.form-cst table .project-economic-stream textarea.form-control {
    width: 170px;
}
.form-cst table .project-capital-cost textarea,
.form-cst table .project-operation-and-maintenance textarea,
.form-cst table .project-other-cost textarea,
.form-cst table .project-economic-stream .form-control {
    width: 100%;
}
.form-cst table.summary-table .form-control {
    width: 100%;
}
table .gg {
    --bs-gutter-y: 1rem;
}
}
@media (max-width: 1199.98px) {
.zig-card-wrap .g {
    --bs-gutter-x: inherit;
}
.zig-sec .g {
    --bs-gutter-x: inherit;
}
.feature-card-wrap.fs .g {
        --bs-gutter-x: inherit;

}
.feature-card-wrap .g {
    --bs-gutter-x: inherit;
}
.feature-card-wrap .card-wrap {
    padding: 20px;
}
.feature-card .card-body .main-heading {
    padding-left: 20px;
    padding-right: 20px;
}
.form-cst.two .g {
    --bs-gutter-x: 0;
}
.cr-tabs .inner .inner-col:first-child .nav-tabs {
    overflow: auto;
}
.cr-tabs .nav-tabs {
    flex-wrap: nowrap;
    justify-content: start;
}

}
@media (min-width: 1200px) and (max-width: 1199.98px) {
    .cr-tabs .nav-tabs .nav-item {
    background-size: 188px 80%;
}
}
@media (min-width: 1200px) {
    .px {
        padding-left: 5rem;
        padding-right: 5rem; 
    }
    .ps {
        padding-left: 5rem; 
    }
    .pe {
        padding-right: 5rem; 
    }
    .ht .modal-body {
        height: 450px;
    }
}
@media (min-width: 1300px) and (max-width: 1366.98px) {
    .running-card .card {
        height: 238.59px;
    }
    .running-card .middle .card {
        height: 245.8px;
    }
    .info .page-pt {
    padding-top: 8rem;
}
.cr-tabs .btn-primary {
    width: 75.7%;
}
.ap-cards .card-header .ic img {
    height: 70px;
}
.cr-tabs.tab-nw .nav-tabs .nav-link img {
    height: 70px;
}
 }
 @media (min-width: 1536px) {
    .cr-tabs.tab-nw .nav-tabs .nav-link {
    width: 190px;
    height: 190px;
}
 }
@media (min-width: 1536px) and (max-width: 1699.98px) {
    div.fs .feature-card .ul-style.br li {
        margin-bottom: 10px;
    }
    .running-card .card .br-right.half {
        background-position: -5px -10px;
    }
    .running-card .card .br-left.half {
        background-position: -5px -12px;
    }
    .running-card .card {
        height: 242.69px;
    }
    .feature-card-wrap .row:last-child .c-aln.ht-two .card-body>.center {
        max-height: 90px;
    }
    .c-aln.ht-two .ul-style {
        height: 67%;
    }
    .c-aln.ht-one .card-body>.center {
        max-height: 55px;
    }
    div.feature-card-wrap .row:first-child .c-aln.ht-three .card-body>.center {
        max-height: 55px;
    }
    div.scroll-accd-wrap .accd {
        padding-top: 8rem;
        margin-bottom: -4rem;
    }
    div.feature-card-wrap .row:first-child .c-aln.ht-one  .ul-style ul li:first-child {
        height: 215px;
    }
    div.feature-card-wrap .row:last-child .c-aln.ht-one  .ul-style ul li:first-child {
        height: 85px;
    }
    .feature-card-wrap .row:last-child .c-aln.ht-two  .ul-style ul li:first-child {
        height: 195px;
    }
    .cr-tabs .btn-primary {
    width: 75.7%;
}
}
@media (min-width: 1200px) and (max-width: 1299.98px) {
    div.c-aln.ht-one .card-body>.center {
        max-height: 85px;
    }
    .tk-card .card-body .main-heading {
        padding-left: 30px;
        padding-right: 30px;
    }
}
@media (min-width: 1200px) and (max-width: 1699.98px) {
    :root {
        --body: 14px;
        --nav-font: 15px;
        --main-heading: 18px;
        --sub-heading: 17px;
        --sub-heading-lg: 17px;
        --para: 14px;
        --xxl-font-size: 38px;
        --btn-font-size: 14px;
        --footer-li-size: 13px;
        --main-heading-a: 21px;
        --main-heading-b: 24px;
        --main-heading-c: 28px;
        --para-sm: 11px;
        --para-lg: 15px;
        --btn-md-font-size: 12px;
        --btn-sm-font-size: 11px;
        --sub-heading-xl: 18px;
        --th-font: 17px;
        --td-font: 13px;
        --nav-item-font: 13px;
        --para-sub: 16px;
        --r-h-font: 13px;
         --r-p-font: 10px;
         --table-font-size-one: 13px;
         --table-th-font-size: 15px;
         --tab-font: 14px;
         --select-sm-font: 11px;
         --tab-title-font: 18px;
         --modal-main-heading: 20px;
         --modal-sub-heading: 18px;
         --nw-r-p-font: 13px;
         --accordion-font-size: 16px;

    }
    .btn-primary.lg {
        padding: 10px 16px;
    }
    .w-mb {
        margin-bottom: 10px;
    }
    .imp-cards .icon {
        height: 70px;
        width: 70px;
        margin: 0 auto;
        border-radius: 999px;
        -webkit-border-radius: 999px;
        -moz-border-radius: 999px;
        -ms-border-radius: 999px;
        -o-border-radius: 999px;
        background: rgba(22, 70, 128, 1);
    }
    .imp-cards .icon img {
        padding: 15px;
    }
    .imp-cards .content {
   
        margin-bottom: 10px;
    }
    .running-card .card .arrow.b {
        left: 55.5%;
        bottom: -27px;
    }
    .running-card .ul-style li {
        margin-bottom: 20px;
    }
    .running-card .card .br-btm.full {
        width: 109%;
    }
    .running-card .card .br-btm {

        left: -11px;
    }
    .running-card .card .br-right.full {
        height: 134%;
    }

    .running-card .middle .card .br-left-start {
        height: 67%;
    }
    .running-card .middle .ul-style li {
        margin-bottom: 10px;
    }
    .running-card .ul-style li i {
        font-size: 9px;
    }
    .running-card .card-body {
        padding-left: 0;
    }
    .running-card .ul-style .border-left {
        left: 16px;
    }
    .running-card .row.g {
        --bs-gutter-x: 60px;
    }
    .running-card .card .arrow.v {
        right: -48px;
    }
    .running-card .card .arrow {
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 15px solid var(--bg-two);
    }
    .running-card .card .br-line {
        width: 37px;
        right: -43px;
    }
    .running-card .middle .card .br-line {
        right: -49px;
    }
    .running-card .middle .card .arrow.v.left-middle {
        left: -108px;
    }
    .running-card .card .br-btm.half.br-btm-left {
        width: 45%;
    }
    .running-card .card .dot {
        width: 13px;
        height: 13px;
    }
    .running-card .card .middle.right {
        right: 20px;
    }
    .running-card .card .br-left.full.mt {
        height: 121%;
        top: -42px;
    }
    .running-card .card .br-left.full {
        height: 104%;
    }
    .filter .form-select {
        max-width: 130px;
    }
    .pt-mn {
        padding-top: 11rem;
    }
    .tabs-sec .form-cst .space {
        padding-top: 40px;
        padding-bottom: 60px;
    }
    .home-choose .fx .img {
        width: 60px;
    }
    .home-choose .fx .img img {
        height: 50px;
    }
    .home-choose .fx .para p {
        margin-bottom: 0;
    }
    .tk-cards-wrap.m {
        margin-top: 70px;
    }
    .feature-card-wrap .card-wrap {
        padding: 25px;
    }
    .feature-card .card-body .main-heading {
        padding-left: 20px;
        padding-right: 20px;
    }
    .ul-style.br ul {
        margin-top: 25px;
    }
    .feature-card .icon svg {
        height: 60px;
        width: 60px;
    }
    .feature-card-wrap .g {
        --bs-gutter-x: 25px;
    }
    .zig-card-wrap  .card-body .main-heading {
        margin-top: 30px;
    }
    .zig-card-wrap .ul-style ul {
        margin-top: 5px;
    }
    .zig-sec .g {
        --bs-gutter-x: 2.5rem;
    }
    .grid-bar .fx-ic img {
        height: 40px;
    }
    .timeline-card .card-body {
        padding-bottom: 10px;
    }
    .timeline-card-wrap .card-wrap .dot {
        width: 25px;
        height: 25px;
        top: 47.5%;
    }
    .timeline-card-wrap.nw .card-wrap .dot {
    /* top: 45.5%; */
}
    .timeline-card-wrap [class^="col-"]:nth-child(odd) .timeline-card {
        /* margin-right: 50px; */
    }
    .timeline-card-wrap [class^="col-"]:nth-child(even) .timeline-card {
        /* margin-left: 50px; */
        /* margin-top: 260px; */
    }
    .timeline-card-wrap [class^="col-"]:nth-child(odd) .card-wrap .br-line, .timeline-card-wrap [class^="col-"]:nth-child(odd) .card-wrap .dot {
        right: -13.5px;
    }
    .timeline-card-wrap [class^="col-"]:nth-child(even) .card-wrap .br-line, .timeline-card-wrap [class^="col-"]:nth-child(even) .card-wrap .dot {
        left: -10.5px;
    }
    .timeline-card-wrap .vertical-br .dot {
        width: 18px;
        height: 18px;
        left: -7px;
    }
    .timeline-card-wrap.space {
        margin-bottom: 60px;
    }
    .timeline-card-wrap .ul-style.br li {
        margin-bottom: 8px;
    }
    .timeline-card {
        min-height: 360px;
    }
    .timeline-card-wrap [class^="col-"]:nth-child(odd) .timeline-card {
        /* border-right: 25px solid var(--bg-two); */
    }
    .timeline-card-wrap [class^="col-"]:nth-child(odd) .row>[class^="col-"]:nth-child(odd) .timeline-card,
    .timeline-card-wrap [class^="col-"]:nth-child(even) .row>[class^="col-"]:nth-child(even) .timeline-card.hv {
        border-right-width: 25px;
    }
    .timeline-card-wrap [class^="col-"]:nth-child(even) .timeline-card {
        border-left-width: 25px;
    }
    .timeline-card-wrap [class^="col-"]:nth-child(odd) .row>[class^="col-"]:nth-child(odd) .timeline-card,
    .timeline-card-wrap [class^="col-"]:nth-child(even) .timeline-card.hv {
        margin-right: 50px;
    }
    .timeline-card-wrap [class^="col-"]:nth-child(even) .timeline-card,
    .timeline-card-wrap [class^="col-"]:nth-child(odd) .timeline-card.hv {
        margin-left: 50px;
    }
    .breadcrumb {
        padding-top: 250px;
    }
    .cmn-modal .form-check-input {
        margin-top: 1px;
    }
    .svg-g-sec.space {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .feature-card-wrap.fs .g {
        --bs-gutter-x: 35px;
    }
    .fs .feature-card .ul-style.br li {
        margin-bottom: 30px;
    }
    .fs .feature-card .ul-style.br li:last-child {
        margin-bottom: 20px;
    }
    .fs .feature-card .heading {
        margin-bottom: 8px;
    }
    .fs .feature-card .ul-style.br ul {
        margin-top: 40px;
    }
    .fs .feature-card .card-body .main-heading h2 {
        margin-bottom: 14px;
    }
    .fs .feature-card .icon svg {
        height: 90px;
        width: 90px;
    }
    .fs-templates .g {
        margin-top: 50px;
    }
    .fs-tools .g {
        margin-top: 50px;
    }
    .accd .list .para.lt {
        margin-left: -40px;
    }
    .fs .feature-card .ul-style.br li i {
        margin-right: 25px;
    }
    .feature-card-wrap .row:first-child .c-aln.ht-two .card-body>.center {
        max-height: 60px;
    }
    .feature-card-wrap .row:last-child .c-aln.ht-two .card-body>.center {
        max-height: 90px;
    }
    .c-aln.ht-one .card-body>.center {
        max-height: 55px;
    }
    .feature-card-wrap .row:first-child .c-aln.ht-three .ul-style {
        height: 65%;
    }
    .feature-card-wrap .row:first-child .c-aln.ht-three .card-body>.center {
        max-height: 80px;
    }
    .c-aln.ht-three .card-body>.center {
        max-height: 55px;
    }
    .feature-card-wrap .row:first-child .c-aln.ht-three  .ul-style ul li:first-child {
        height: 130px;
    }

    .feature-card-wrap .row:last-child .c-aln.ht-three  .ul-style ul li:first-child {
        height: 115px;
    }
    .feature-card-wrap .row:first-child .c-aln.ht-one  .ul-style ul li:first-child {
        height: 245px;
    }
    .feature-card-wrap .row:first-child .c-aln.ht-two  .ul-style ul li:first-child {
        height: 135px;
    }
    .scroll-accd-wrap .accd {
        padding-top: 7.5rem;
        margin-bottom: -3.5rem;
    }
    .scroll-accd-wrap .n-mg {
        margin-bottom: -3.5rem;
    }
    .scroll-accd-wrap .accd .accordion .sub-heading:first-child {
        margin-top: 10px;
    }
    .scroll-accd-wrap .accd .accordion .sub-heading {
        margin-top: 40px;
    }
    .timeline-card-wrap  .ul-style.br li i {
        margin-top: 3px;
    }
    .cr-tabs .nav-tabs .nav-item {
    background-size: 178px 79%;
    padding: 18px 2px 0px 40px;
}
.cr-tabs .btn-primary {
    margin-right: 2px;
}
.cr-tabs .nav-tabs .nav-link {
    padding: 15px 15px;
    width: 150px;
}
}
@media (min-width: 1300px) and (max-width: 1366.98px) {

    .running-card .card .arrow.b {
        left: 56.5%;
    }
 }
@media (min-width: 1367px) {
    .running-card .card-body.ov.xxl-n {
        overflow: hidden;
    }
 }
@media (min-width: 1700px) {
    .running-card .middle .ul-style li {
        margin-bottom: 10px;
    }
    .running-card .row:last-child .ul-style li {
        margin-bottom: 10px;
    }
    .filter .form-select {
        max-width: 160px;
    }
    .empower {
        padding-top: 6rem;
        padding-bottom: 6rem;
    }
    .zig-sec.space-res-tp {
        margin-top: 40px;
    }
    .zig-sec.space-res-btm {
        margin-bottom: 40px;
    }
    .c-aln .card-body>.center {
        max-height: 65px;
    }
    .feature-card-wrap .row:first-child .c-aln.ht-three .ul-style {
        height: 64%;
    }
}
@media (min-width: 1750px) and (max-width: 1800px){
    .feature-card-wrap .row:first-child .c-aln.ht-one  .ul-style ul li:first-child {
        height: 280px;
    }
    .feature-card-wrap .row:first-child .c-aln.ht-three .card-body>.center {
        max-height: 105px;
    }
    .feature-card-wrap .row:first-child .c-aln.ht-three  .ul-style ul li:first-child {
        height: 140px;
    }
    .feature-card-wrap .row:last-child .c-aln.ht-two  .ul-style ul li:first-child {
        height: 210px;
    }
    .feature-card-wrap .row:first-child .c-aln.ht-three  .ul-style ul li:first-child {
        height: 140px;
    }
    .cr-tabs .nav-tabs .nav-item {
        background-size: 178px 79%;
        padding: 18px 2px 0px 40px;
    }
    .cr-tabs .nav-tabs .nav-link {
        padding: 15px 15px;
        /* width: 150px; */
    }
    .cr-tabs .btn-primary {
        width: 75.9%;
    }
    div.tabs-sec .form-cst .icon-wrap img, div.tabs-sec .form-cst .ic-btn img {
        height: 22px !important;
    }
}
@media (min-width: 1920.98px) {
    .container-fluid {
        max-width: 1920px;
    }
}