@media (min-width: 575px) {
    /* .container {
        padding-inline: calc(var(--bs-gutter-x) * .5);
    } */

    .home-powering-sec .row+.row {
        margin-top: 1rem;
        --bs-gutter-y: 2rem
    }


    .powering-figure ul {
        padding-inline: 0;
    }

    .future-box {
        flex-direction: column;
    }

    .future-content :is(.a-line, p) {
        display: block;
    }

    .future-content h4 {
        margin-bottom: 3rem;
        text-align: left;
    }

    .future-box img {
        max-height: 100%;
        aspect-ratio: 3/2;
        width: 100%;
    }

    .future-box figure {
        margin-bottom: 5.6rem;
    }

    .future-box .a-line {
        margin-top: auto;
    }

    .future-content {
        flex-grow: 1;
        display: flex;
        flex-direction: column;
    }

    .partnering-sec {
        padding-inline: 0
    }

    .partnering-sec :where(.partnering-top, .partnering-left-bottom) {
        padding-inline: 0rem
    }

    /* .partnering-sec .container{padding-inline: 1.5rem} */
    .home-sterving-better-sec .power-mid-content {
        padding-inline: 0
    }

    .partnering-sec .container:before {
        left: -3rem
    }

    .partnering-sec .container .row .row {
        --bs-gutter-x: 1.6rem
    }

    .home-news-sec .container {
        padding-inline: 1.5rem
    }

    .partnering-sec .partnering-top {
        padding-inline: 4rem;
    }

    .partnering-sec .partnering-left {
        padding-inline: 4rem;
    }
}

@media (min-width: 768px) {
    .future-box {
        padding: 5rem 4rem
    }
}

@media (min-width: 992px) {
    .cd-slider, .cd-slider li .content{height: 25vh;}
    .home_banner .banner-img:before {
        content: "";
        width: 100%;
        height: 30%;
        background-image: linear-gradient(to bottom, #00000085 20%, #00000000);
        position: absolute;
        top: 0;
        left: 0
    }

    .home_banner .banner-img:after {
        content: "";
        width: 100%;
        height: 50%;
        background-image: linear-gradient(to top, #00000095 20%, #00000000);
        position: absolute;
        bottom: 4rem;
        left: 0;
    }

    .home_banner .item_detail {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        padding: 0;
        margin: auto;
        width: 40.1%;
        left: 0rem;
        z-index: 999999;
        align-items: end;
        column-gap: 7rem;
        transition: .5s linear all;
        -webkit-transition: .4s linear all .12s;
        -moz-transition: .5s linear all;
        -ms-transition: .5s linear all;
        -o-transition: .5s linear all;
        background: #EF512E 0% 0% no-repeat padding-box;
        opacity: 1;
        backdrop-filter: blur(7px);
        -webkit-backdrop-filter: blur(7px);
        padding-inline: 0 3rem;
        padding-block: 2rem;
    }

    .add1 .home_banner .item_detail {
        left: 18rem
    }

    .home_banner .item_detail h3 {
        position: relative;
        margin-bottom: 1rem;
        height: 100%;
        /* transform:translate(0px, 100px); */
        opacity: 1;
        font-family: var(--font-38);
        font-family: var(--primary-font1);
        line-height: 1.12;
        color: #fff;
    }

    /* .home_banner .carousel-item.active .slide-text{animation-duration: 1.4s; -webkit-animation-duration: 1.2s;-webkit-animation-fill-mode: both;animation-fill-mode: both;animation-name: foldright;animation-delay: 3s; animation-timing-function: ease-in-out;} */
    .home_banner .slide-text p {
        width: 36rem;
        color: #fff;
        margin-top: auto;
        font-weight: 300;
        line-height: 1.5
    }

    .home_banner .item_detail h3 {
        animation-duration: 1.5s;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        animation-name: fadeIndown;
        animation-delay: 1.3s;
    }

    .item_name {
        position: relative;
    }

    .current_slide .line-top:after {
        animation-duration: 2s;
        -webkit-animation-duration: 2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        width: 9.3rem;
        animation-name: fadeInline;
        animation-delay: 1.8s;
    }

    .current_slide .line-top:after {
        width: 10px;
        height: 2px;
        background: var(--color9f);
        content: "";
        position: absolute;
        top: 4rem;
        left: 2.5rem;
        z-index: 99999;
    }



    .cd-slider li.current_slide .item_name h3 {
        animation-duration: 1.9s;
        -webkit-animation-duration: 1.9s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        animation-name: fadeIn;
        animation-delay: 1.5s;
    }

    .cd-slider li.current_slide .slide-text p {
        animation-duration: 1.9s;
        -webkit-animation-duration: 1.9s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        animation-name: fadeInRight;
        animation-delay: 3.5s;
        opacity: 1;
    }

    .cd-slider li .slide-text p {
        opacity: 0;
    }

    @keyframes fadeInUp1 {
        0% {
            transform: translate(0px, 100px);
            opacity: 0;
        }

        100% {
            transform: translate(0px, 0);
            opacity: 1;
        }
    }

    @keyframes fadeIndown1 {
        0% {
            opacity: 0;
            transform: translateY(-3rem);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }


    @keyframes fadeIndown {
        0% {
            opacity: 0;
            transform: translateY(-3rem);
        }

        100% {
            opacity: 1;
            transform: translateY(0);
        }
    }

    @keyframes fadeInUp {
        0% {
            transform: translate(0px, 100px);
            opacity: 0;
            -webkit-transform: translate(0px, 100px);
            -moz-transform: translate(0px, 100px);
            -ms-transform: translate(0px, 100px);
            -o-transform: translate(0px, 100px);
        }

        100% {
            transform: translate(0px, 0);
            opacity: 1;
        }
    }

    @keyframes foldright {
        0% {
            width: 0;
        }

        100% {
            width: 36rem;
        }
    }

    @keyframes foldUp {
        0% {
            scale: 1 0;
        }

        100% {
            scale: 1;
        }
    }

    @keyframes fadeInline {
        0% {
            opacity: 0;
            width: 0%
        }

        100% {
            opacity: 1;
            width: 10%;
        }
    }



    .home-powering-sec .row {
        --bs-gutter-x: 0rem
    }

    .home_banner .banner-img {
        padding-bottom: 4rem;
    }

    .powering-figure ul {
        flex-direction: column;
        padding-inline: 0
    }

    .powering-figure {
        display: flex;
        width: 100%;
    }

    :is(.powering-figure, .business-future-content, .home-power-future-sec .power-mid-content, .partnering-left, .home-sterving-better-sec .sterving-mid) {
        padding-left: 4rem
    }

    .home_banner .carousel-indicators {
        right: 7.9%;
    }

    .home_banner .item_detail a::before {
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
    }




    .home-powering-sec .stats-count {
        font-weight: 900;
        line-height: 1.3;
    }

    .home-powering-sec .stats-text {
        font-weight: 700;
        font-size: 1.8rem;
    }


    /* .business-future{padding-left: 6rem;} */
    .home-power-future-sec {
        padding-bottom: 6rem;
    }

    .home-power-future-sec .max-content-lg {
        display: grid;
    }

    .home-power-future-sec .max-content-lg>* {
        grid-area: 1/1;
    }

    .home-power-future-sec figure {
        position: relative;
        border-radius: 0 10px 10px 0px;
        -webkit-border-radius: 0px 10px 10px 0px;
        -moz-border-radius: 0 10px 10px 0px;
        -ms-border-radius: 0 10px 10px 0px;
        -o-border-radius: 0 10px 10px 0px;
        overflow: hidden;
    }

    /* .home-power-future-sec figure:before{ content:""; left:0; top:0; bottom:0; background: transparent linear-gradient(to right, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box; position:absolute; width:44%; height:100%; border-radius: 0px 10px 10px 0px; -webkit-border-radius: 0px 10px 10px 0px; -moz-border-radius: 0px 10px 10px 0px; -ms-border-radius: 0px 10px 10px 0px; -o-border-radius: 0px 10px 10px 0px; }  */
    .home-power-future-sec figure img {
        border-radius: 0 10px 10px 0px;
        -webkit-border-radius: 0px 10px 10px 0px;
        -moz-border-radius: 0 10px 10px 0px;
        -ms-border-radius: 0 10px 10px 0px;
        -o-border-radius: 0 10px 10px 0px;
    }

    .home-power-future-sec .container {
        margin-right: 0;
    }

    .home-power-future-sec .power-mid {
        padding-block: 9rem;
        background-color: transparent;
        padding-inline: 0
    }

    .home-power-future-sec .container {
        padding-inline: 1.5rem
    }

    .home-power-future-sec .side-line {
        right: 20rem;
        bottom: -2.5rem;
        height: 30rem;
        left: auto;
    }

    .home-power-future-sec .figure-round {
        width: 30%;
        flex-direction: row;
    }

    /* .home-power-future-sec .power-mid-content{padding-left: 6rem} */
    .home-sterving-better-sec .max-content-lg {
        margin-right: 0;
        margin-left: auto
    }

    /* .home-sterving-better-sec picture:before{ content:""; left:0; top:0; bottom:0; background: transparent linear-gradient(to right, #000000 0%, #00000000 100%) 0% 0% no-repeat padding-box; position:absolute; width:100%; height:100%; border-radius: 10px 0px 0px 10px; -webkit-border-radius: 10px 0px 0px 10px; -moz-border-radius: 10px 0px 0px 10px; -ms-border-radius: 10px 0px 0px 10px; -o-border-radius: 10px 0px 0px 10px; }  */
    .home-sterving-better-sec .container {
        margin-left: 0;
        padding-inline: 0
    }

    .home-sterving-better-sec {
        padding-top: 6rem
    }

    .home-sterving-better-sec .sterving-mid {
        display: flex;
        align-items: start;
        max-width: 39rem;
    }

    .home-sterving-better-sec .power-mid-content {
        padding-inline: 0;
        padding-block: 11rem
    }

    .home-sterving-better-sec picture {
        height: 100%;
        border-radius: 10px 0px 0px 10px;
        -webkit-border-radius: 10px 0px 0px 10px;
        -moz-border-radius: 10px 0px 0px 10px;
        -ms-border-radius: 10 0px 0px 10px;
        -o-border-radius: 10px 0px 0px 10px;
    }

    .home-sterving-better-sec {
        padding-bottom: 10rem;
    }

    .partnering-sec {
        padding-block: 10rem;
    }

    .partnering-sec .partnering-top {
        flex-direction: row;
        justify-content: flex-start;
        column-gap: 4rem;
        padding-left: 4rem
    }

    .partnering-sec .partnering-top p {
        max-width: 40rem;
    }

    .partnering-sec .partnering-top h4 {
        max-width: 32rem;
    }

    /* .partnering-sec :where(.partnering-top, .partnering-left){padding-left: 6rem} */
    .partnering-sec .container:before {
        left: 0
    }

    .partnering-sec .container>.row {
        --bs-gutter-x: 5rem
    }

    .partnering-sec .partnering-boxes span {
        margin-bottom: 2.5rem;
    }

    .partnering-sec .partnering-right {
        margin-top: -.8rem
    }

    .partnering-sec .partnering-right figcaption {
        margin-top: .5rem;
        margin-left: .8rem;
        padding-left: 2.9rem;
        font-weight: 700;
        position: relative;
    }

    .partnering-sec .partnering-right figcaption .side-line {
        left: 0rem;
        height: 100%;
        top: 0
    }

    .partnering-sec .partnering-right figcaption a {
        color: var(--red-color);
        display: block;
    }

    .partnering-sec .partnering-left-bottom ul {
        flex-direction: row;
        column-gap: 2.6rem;
        padding-top: 2rem;
        border-top: 1px solid rgba(112, 112, 112, .28);
    }

    .partnering-sec .partnering-left-bottom ul li {
        flex-grow: 0;
        position: relative;
        border-bottom: none;
        border-bottom: 0;
        padding-block: 0;
    }

    .partnering-sec .partnering-left-bottom ul li:not(:last-child) {
        border-bottom: 0;
    }

    .partnering-sec .partnering-left-bottom ul li:not(:last-child)::after {
        content: '';
        position: absolute;
        right: -1.3rem;
        width: .4rem;
        top: 50%;
        height: .4rem;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        background: var(--lightblack-color);
        translate: 50% -40%;
    }

    .partnering-sec .partnering-boxes {
        padding: 2.5rem
    }

    .home-powering-sec .power-second .row {
        --bs-gutter-x: 1.5rem
    }

    .home-news-sec {
        padding-block: 8rem 13rem;
    }

    .home-news-sec .container>.row {
        align-items: unset;
        --bs-gutter-y: 4rem
    }

    .home-news-sec .container .row .row {
        --bs-gutter-x: 3rem
    }

    .home-news-sec h4 {
        margin-bottom: 0;
        height: 100%;
        display: flex;
        align-items: center;
    }

    .home-news-sec .icon-outline-red {
        margin-top: 0
    }

    .home-news-sec .news-box.news-block {
        height: 100%;
    }

    .home-news-sec .news-box:not(.news-block) {
        flex-direction: row;
        background: #fff;
    }

    .home-news-sec .news-box:not(:last-child) {
        margin-bottom: 3rem;
    }

    .home-news-sec .news-content {
        flex-grow: 1;
        padding-inline: 2.4rem
    }

    .home-news-sec .news-box p {
        line-height: 1.5;
    }

    .home-news-sec .news-box.news-block .news-content {
        padding: 3.5rem 6rem;
        background: var(--red-color);
    }

    .home-news-sec .news-box.news-block :is(time, p) {
        color: #fff;
    }

    .home-news-sec .news-box.news-block time {
        font-weight: 300;
        font-size: 1.4rem;
    }

    .home-news-sec .news-box.news-block p {
        font-size: 2.1rem;
        line-height: 1.5;
    }

    .home-news-sec .news-box:not(.news-block) figure {
        height: 100%;
        min-width: 48%;
    }

    .home-news-sec .news-box:not(.news-block) figure img {
        height: 100%;
        object-fit: cover;
    }
}
@media (min-width: 1024px) {
      .cd-slider, .cd-slider li .content {
        height: 25vh;
        background-size: cover;
    }

}



@media (min-width: 1200px) {
    .cd-slider, .cd-slider li .content {
        height: 60vh;
        background-size: cover;
    }
    .reveal2 figure {
        width: 100rem;
        margin-left: 0;
    }

    .reveal2 {
        margin-left: -24rem;
    }

    .future-box {
        padding: 6rem 5.6rem
    }

    .partnering-sec .partnering-left-bottom ul {
        column-gap: 6rem;
    }

    .partnering-sec .partnering-left-bottom ul li:not(:last-child)::after {
        right: -3rem;
    }

    :is(.powering-figure, .business-future-content, .home-power-future-sec .power-mid-content, .partnering-left, .home-sterving-better-sec .sterving-mid) {
        padding-left: 6rem
    }

    .home-sterving-better-sec .sterving-mid {
        max-width: 41rem;
    }

    .partnering-sec .partnering-top {
        padding-left: 6rem
    }

    /* .partnering-sec :where(.partnering-top, .partnering-left){padding-left: 6rem} */
}
@media (min-width: 1300px) {
      .cd-slider, .cd-slider li .content {
        height: 60vh;
        background-size: cover;
    }

}
@media (min-width: 1400px) {
    .future-box img {
        aspect-ratio: 16/9;
    }

    .future-box {
        padding: 6rem 5.6rem
    }

    .partnering-sec .partnering-left-bottom ul {
        column-gap: 9rem;
    }

    .partnering-sec .partnering-left-bottom ul li:not(:last-child)::after {
        right: -4.5rem;
    }

    .partnering-sec .partnering-boxes {
        padding: 3.5rem
    }


}

@media (min-width: 1700px) {
      .cd-slider, .cd-slider li .content {
        height: 70vh;
        background-size: cover;
    }
    .home-power-future-sec .side-line {
        right: 35rem;
    }

}
@media (min-width: 1899px) {
      .cd-slider, .cd-slider li .content {
        height: 66vh;
        background-size: cover;
    }

}
@media (min-width: 1920px) {

    /* .powering-right{max-width:52rem;} */
    .home-power-future-sec .side-line {
        right: 45rem;
    }

}

@media (min-width:2200px) {
    .vent_bx:hover figcaption {
        padding-inline: 1rem 1rem;
    }

}


@media (max-width: 991.98px) {
    .home-power-future-sec h2 {
        font-size: 2.6rem;
    }
}

@media (max-width: 767.98px) {
    .home-power-future-sec figure img {
        min-height: 25rem;
        object-position: right;
    }
}