@import "header.css";

.container {
    padding: 0 1.5rem
}

/*--------------------- home banner css -----------------*/
.home_banner {
    padding-block: 0;
    height: 100vh;
    position: relative;
    z-index: 0;
}
#after-image img{
    width: 100%;
}
section.home_banner .container {
    position: relative;
    z-index: 1;
    height: 100%;
}

.home_banner .banner-img img {
    width: 100%;
}

/* .home_banner .item_detail {} */
.home_banner .item_detail blockquote {
    margin-bottom: 2.4rem;
    font-weight: 300;
    font: var(--font-30);
    color: #fff;
    margin-bottom: 1.2em;
    line-height: 1;
    margin-bottom: 1.5rem;
}

.home_banner .item_detail p {
    font: var(--font-18);
    color: #fff;
    max-width: 26em;
}

.home_banner .item_detail blockquote span {
    font-weight: 300;
    font: var(--font-72);
    line-height: 1;
    display: block;
}

.home_banner .item_detail a {
    margin-top: 3rem
}

.home_banner .item_detail a:hover::before {
    filter: none;
    -webkit-filter: none;
}

/* .home_banner .item_detail a img{width:auto;margin-top:2rem;}
.home_banner .item_detail a img:hover {background-image:url("../images/red-next-icon.svg");width:25px; height:28px;} */
.home_banner .item_detail {
    padding: 3rem;
}

.home_banner :is(.carousel-control-prev, .carousel-control-next) {
    right: 7%;
    left: auto;
    width: 3.4rem;
    height: 3rem;
    background: rgba(0, 0, 0, .68);
    opacity: 1;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
    top: 50%;
}

.home_banner .carousel-control-prev {
    translate: 0 -13rem;
}

.home_banner .carousel-control-next {
    translate: 0 10.8rem;
}

.home_banner :is(.carousel-control-next-icon, .carousel-control-prev-icon) {
    background-size: 80% 80%
}

.home_banner .carousel-indicators {
    right: 8.7%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    flex-direction: column;
    left: auto;
    margin-inline: 0;
    height: auto;
    margin-bottom: 0;
    max-height: 15rem;
}

.home_banner .carousel-indicators [data-bs-target] {
    width: .6rem;
    height: .6rem;
    border-radius: 50%;
    margin-inline: 0;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    background-color: #fff;
    opacity: 1;
}

.home_banner .carousel-indicators .active {
    background-color: var(--yellow-color);
}

@media (min-width: 992px) {
    .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 {
        color: #fff;
        overflow-x: clip;
        position: absolute;
        top: 50%;
        translate: 0 -20%;
        padding: 0;
        margin: auto;
        width: fit-content;
        left: 0rem;
        z-index: 999999;
        display: flex;
        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;
    }

    /* .add1 .home_banner .item_detail{left: 18rem} */
    .home_banner .item_detail h3 {
        width: 39rem;
        position: relative;
        margin-bottom: 0;
        height: 100%;
        /* transform:translate(0px, 100px); */
        opacity: 1;
        font-family: var(--font-family1);
        font-weight: 700;
        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;
        padding-left: 8.3rem;
    }

    .current_slide .line-top:after {
        animation-duration: 2s;
        -webkit-animation-duration: 2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        height: 500px;
        animation-name: fadeInline;
        animation-delay: 1.8s;
    }

    .current_slide .line-top:after {
        width: 10px;
        height: 0px;
        background: var(--red-color);
        content: "";
        position: absolute;
        top: 0px;
        left: 0px;
        z-index: 99999;
    }



    .cd-slider li.current_slide blockquote {
        animation-duration: 1.9s;
        -webkit-animation-duration: 1.9s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        animation-name: fadeInLeft;
        animation-delay: 3s;
    }

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

    .cd-slider li 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;
            height: 0%
        }

        100% {
            opacity: 1;
            height: 100%;
        }
    }
}


/*--------------------- home About HTML Start -----------------*/

.home-about {
    position: relative;
    isolation: isolate;
}

.home-about::before {
    content: '';
    position: absolute;
    inset: 0 3%;
    background: #fff;
    z-index: -1;
}

.home-about .content-right {
    padding-right: 26%;
    position: relative;
    padding-right: 11%;
    padding-left: 15.5%;
}

.home-about .content-right .side-line {
    right: 0;
    top: 0;
    height: 100%;
    max-height: 150px;
    max-height: 80%;
}

.home-about .content-right .section-title {
    max-width: 100%;
    font: var(--font-54);
    letter-spacing: 0px;
    font-weight: bold;
}

.home-about ul {
    display: grid;
    --columns: 3;
    gap: 4rem;
    grid-template-columns: repeat(var(--columns), 1fr);
    margin-top: 3rem;
    padding-block: 4.5rem;
    /* border: 1px solid #e0e0e0;
    border-width: 2px 0px 1px 0; */
}

.home-about ul p:not(.desc) {
    color: var(--red-color);
    margin-bottom: 1rem;
    font-weight: bold;
}
.home-about ul li p.home-counter {
    font: var(--font-48);
    color: var(--red-color);
    font-weight: bold;
}
.home-about ul p.desc {
    max-width: 20em;
    width: 100%;
}
section.our-people-home .people_home_title {
    margin-bottom: 3rem;
}
.home-opeing ul li a:hover {
    color: #C3263D;
}
/*--------------------- home About HTML End -----------------*/

/*--------------------- home news css start-----------------*/
.home-news-sec {
    position: relative;
    padding-block: 3rem;
    background-color: var(--body-color);
}

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

.home-news-sec .container>.row {
    align-items: center;
}

.home-news-sec h4 {
    font-size: 1.8rem;
    font-weight: 700;
    margin-bottom: 2.5rem;
}

.home-news-sec h3 {
    font-size: 3rem;
    font-weight: 700;
    margin-top: 2.5rem;
    color: #C3263D;
}

.title_br span {
    display: block;
}

.home-news-sec .row .row {
    --bs-gutter-y: 1.6rem
}

.home-news-sec .news-box {
    display: flex;
    flex-direction: column;
    position: relative;
}

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

.home-news-sec .news-box .news-content {
    padding-block: 2rem;
    display: block;
}

.home-news-sec .news-box time {
    color: var(--secondary-red);
    font: var(--font-16);
    font-weight: 400;
    line-height: 1.8;
    margin-bottom: 1rem;
    display: block;
}

.home-news-sec .news-box p {
    color: var(--primary-color);
    line-height: 1.8;
}

.home-news-sec .news-box a {
    content: '';
    position: absolute;
    inset: 0;
}

.home-news-sec .link-icon {
    margin-top: 1rem
}


@media (min-width: 992px) {
    .home-news-sec {
        padding-block: 10rem 13rem;
    }

    .home-news-sec .title_br {
        margin-bottom: 0;
    }

    .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.news-block :is(figure, img) {
        height: 100%;
        margin-bottom: 0;
    }

    .home-news-sec .news-box.news-block img {
        object-fit: cover;
    }

    .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 1.5rem;
    }

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

    .home-news-sec .news-box.news-block .news-content {
        padding: 3rem 5rem;
        position: absolute;
        background: var(--secondary-red);
        bottom: 0;
        width: 65%;
    }

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

    .home-news-sec .news-box.news-block time {
        font: var(--font-16);
        font-weight: normal;
    }

    .home-news-sec .news-box.news-block p {
        font: var(--font-24);
        line-height: 1.5;
        font-weight: normal;
    }

    .home-news-sec .news-box:not(.news-block) figure {
        height: auto;
        width: 48%;
        flex-shrink: 0;
    }

    .home-news-sec .news-box:not(.news-block) figure img {
        height: 100%;
        object-fit: cover;
    }

}

/*--------------------- home news css end-----------------*/




/*home banner css*/





/* Slider style */
.cd-slider {
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.cd-slider.ie9 nav div span {
    display: none;
}

.cd-slider ul li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    visibility: hidden;
    transition: visibility 1.2s .6s;
    -webkit-transition: visibility 1.2s .6s;
    -moz-transition: visibility 1.2s .6s;
    -ms-transition: visibility 1.2s .6s;
    -o-transition: visibility 1.2s .6s;
}

.cd-slider ul li::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0%;
    width: 100%;
    height: 25%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));
    z-index: 5;
}

.cd-slider .content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: 50% 100%;
    background-size: auto 100%;
    background-repeat: no-repeat;
    /*mix-blend-mode: lighten;
      */
    opacity: 0;
    transform: scale(1.2);
    transition: opacity 1.2s .5s, transform 1.2s 1.2s;
    -webkit-transition: opacity 1.2s .5s, transform 1.2s 1.2s;
    -moz-transition: opacity 1.2s .5s, transform 1.2s 1.2s;
    -ms-transition: opacity 1.2s .5s, transform 1.2s 1.2s;
    -o-transition: opacity 1.2s .5s, transform 1.2s 1.2s;
}

/* .cd-slider .content blockquote {
      position: absolute;
      bottom: 5%;
      left: 4%;
      z-index: 2;
      max-width: 45%;
  } */

/* current slide
  ---------------------------------*/
.cd-slider li.current_slide {
    visibility: visible;
}

.cd-slider li.current_slide .content {
    opacity: 1;
    transform: scale(1);
    transition: opacity 1.2s .5s, transform 1.2s .5s;
    -webkit-transition: opacity 1.2s .5s, transform 1.2s .5s;
    -moz-transition: opacity 1.2s .5s, transform 1.2s .5s;
    -ms-transition: opacity 1.2s .5s, transform 1.2s .5s;
    -o-transition: opacity 1.2s .5s, transform 1.2s .5s;
}

/* nav
  ---------------------------------*/
.cd-slider nav div a {}

.cd-slider nav div {
    position: absolute;
    top: 50%;
    right: 3%;
    width: 5rem;
    height: 5rem;
    margin-top: -2.5rem;
    list-style: none;
    left: auto;
}

.cd-slider nav div:last-of-type {
    left: auto;
    right: 3%;
    top: 48%;
}

.cd-slider .prev,
.cd-slider .next {
    position: relative;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 100%;
    transition: box-shadow .3s;
    background-image: url(../images/top-arrow.webp);
    background-color: transparent !important;
    background-size: cover;
    background-repeat: no-repeat;

}

.cd-slider .prev {
    background-image: url(../images/bottom-arrow.webp);
}

.cd-slider .prev::before,
.cd-slider .prev::after,
.cd-slider .next::before,
.cd-slider .next::after {
    content: '';
    position: absolute;
    left: 48%;
    background: #fff;
    width: .4rem;
    min-width: 3px;
    border-radius: 3px;
    height: 34%;
    display: none;
}

.cd-slider .prev::before {
    transform: rotate(45deg);
    top: 24%;
}

.cd-slider .prev::after {
    transform: rotate(-45deg);
    bottom: 24%;
}

.cd-slider .next::before,
.next::after {
    left: auto;
    right: 43%;
}

.cd-slider .next::before {
    transform: rotate(-45deg);
    top: 24%;
}

.cd-slider .next::after {
    transform: rotate(45deg);
    bottom: 24%;
}

/* .cd-slider .prev:hover, .next:hover {
      box-shadow: 0 0 0 1rem rgba(0, 0, 0, 0.15);
  } */
.cd-slider nav>div>span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    border-radius: 100%;
    z-index: 5;
    pointer-events: none;
    will-change: width, height;
    transform: translate(-50%, -50%);
    transition: width .6s, height .6s;
}

/* Home  */

.home-sustainability-sec {
    padding-block: 0rem 4.5rem;
    position: relative;
    isolation: isolate;
}

.home-sustainability-sec::before {
    content: '';
    position: absolute;
    inset: 8% 3% 0;
    background: var(--red-color);
}

.home-sustainability-sec {
    padding-block: 0rem 4.5rem;
    position: relative;
}

.home-sustainability-sec .max-content-lg {
    display: grid;
    align-items: center;
}

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

.home-sustainability-sec figure {
    position: relative;
}

.home-sustainability-sec .max-content-lg .container {
    margin-right: 0;
    padding-inline: 1.5rem
}

.home-sustainability-sec .power-mid {
    padding-block: 9rem;
    position: relative;
    background-color: transparent;
    padding-inline: 0;
    z-index: 1;
}

.home-sustainability-sec .full-width {
    position: relative;
}

.home-sustainability-sec .side-line {
    left: 0rem;
    bottom: 0rem;
    height: 15rem;
    background: #fff;
}

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

.home-sterving-better-sec .max-content-lg {
    margin-right: 0;
    margin-left: auto
}

.home-sustainability-sec .heading-top {
    color: #fff;
    margin-bottom: 3rem;
    display: block;
    font: var(--font-24);
    font-weight: bold;
}

.home-sustainability-sec .power-mid-content p {
    color: #fff;
    font: var(--font-16);
    max-width: 86%;
}

.home-sustainability-sec .power-mid-content {
    max-width: 74rem;
}

.home-sustainability-sec .section-title {
    color: #fff;
    font: var(--font-54);
    line-height: 1;
    font-weight: bold;
}

.home-sustainability-sec .icon-outline-red {
    filter: brightness(0) invert(1);
    -webkit-filter: brightness(0) invert(1);
}

.link-icon.icon-outline-red:hover::before {
    background-image: url('../images/red-bg-next-icon.svg');
}

.home-sustainability-sec .icon-outline-red:hover {
    filter: brightness(1) invert(0);
    -webkit-filter: brightness(1) invert(0);
}

.home-sustainability-sec ul {
    margin-top: 5rem;
}

.home-sustainability-sec .bottom-content {
    padding-top: 4rem;
    color: #fff;
}

.home-sustainability-sec .bottom-content p {
    font: var(--font-16);
    font-weight: 400;
    max-width: 94%;
    color: var(--white-color);
}

.work-career-txt ul {
    display: flex;
    column-gap: 3rem;
}

.work-career-txt a {
    display: flex;
    column-gap: .4rem;
    position: relative;
    padding-bottom: 10px;
    color: #fff ;
    font: var(--font-21);
}

.work-career-txt a path {
    stroke: currentColor;
}

.work-career-txt a::after {
    position: absolute;
    content: '';
    bottom: 0;
    left: 0;
    width: calc(100% - 7px);
    border: 1px solid #FFFFFF;
}

/* Home  end*/


/* ----------Capability section start------ */

.ccr_capability {
    background: #ffffff;
    padding-block: 8rem 13rem;
    position: relative;
}
.ccr_capability .title_br h4{font-weight: var(--font_normal);}
.ccr_capability::before {
    background-color: #2E2E2E;
    content: "";
    position: absolute;
    top: 0;
    left: 5rem;
    right: 5rem;
    height: 50%;
    z-index: 0;
}

.capability_Bx {
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
}

.ccr_capability .container {
    position: relative;
}

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

.title_br {
    margin-bottom: 5rem;
}

.title_br h4 {
    font: var(--font-24);
    font-weight: bold;
}

.ccr_capability .title_br {
    text-align: center;
    margin-bottom: 5.7rem;
}

.title_br h3 {
    font: var(--font-54);
    line-height: 1;
    font-weight: bold;
}

.capability_Bx_Tx {
    padding: 2.5rem .8rem 0 2.5rem;
}

.capability_Bx_Tx h4 {
    font: var(--font-24);
    font-weight: var(--font_500);
    color: var(--color-00);
    line-height: 1.3;
    margin-bottom:2rem;
}

.ccr_capability .g-5 {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
}

.capability_Bx_Tx .link-icon {
    margin-top: auto;
}

.capability_Bx_Tx .link-icon::after {
    content: '';
    position: absolute;
    inset: 0;
}

/* ------SGeM’s MCU Portfolio Start Gyandeep------ */
.MCU-Portfolio {
    position: relative;
    background: #f5f5f5;
    padding: 9rem 0 10.8rem;
}

.MCU-Portfolio .mcu-box {
    /* border-left: 10px solid #E6001A; */
    position: relative;
}

.MCU-Portfolio .mcu-box .side-line {
    left: -4.7rem;
    top: 0;
    height: 186px;
}

/* .MCU-Portfolio .mcu-box::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 10px;
    height: 186px;
    content: '';
    background: #E6001A;
    left: -4.7rem;
} */
.MCU-Portfolio .mcu-box h5 {
    color: var(--color-00);
    font: var(--font-24);
    font-weight: bold;
    margin-bottom: 3rem;
}

.MCU-Portfolio .mcu-box h3 {
    font: var(--font-54);
    color: var(--red-color);
    margin-bottom: 1.5rem;
    font-weight: bold;
    line-height: 1;
}

.MCU-Portfolio .mcu-box p {
    font: var(--font-16);
    color: var(--color-00);
    width: 100%;
    font-weight: normal;
}
.muc-tabs {
    margin-top:4rem;
}

.muc-tabs .tab-accordion-tabs .nav-link {
    padding: 0 0 1.5rem;
    margin-right: 5rem;
    font: var(--font_16new);
    font-weight: bold;
    border: 1px solid transparent;
    color: var(--color-00);
    color: #af251cad;
}
.muc-tabs .nav-tabs {
    border-bottom: transparent;
}

.muc-tabs .tab-accordion-tabs .nav-link.active {
    border-color: transparent;
    border-bottom-color: #E6001A;
    background: transparent;
    font-weight: 700;
}

.muc-tabs .accordion-body,
.muc-tabs .accordion-item {
    background: transparent;
    border: none;
    padding: 0;
}

.muc-tabs .tab-accordion-tabs {
    width: max-content;
    margin-bottom: 5.2rem;
}

/* .muc-tabs.nav-tabs .nav-link:focus, .muc-tabs .nav-tabs .nav-link:hover {
    border: 1px solid transparent;
} */
.home-product ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    /* grid-template-columns: repeat(2, 45% 45%); */
    gap: 2.1rem;
}

.home-product ul li {
    background: #fff;
    padding: 3.2rem;
    box-shadow: 0px 3px 11px #00000017;
}

.home-product .home-pro-details h4 {
    margin-bottom: 2rem;
    font: var(--font-24);
    font-weight: var(--font_500);
    color: var(--color-00);
}
.home-product .home-pro-details p {
    font: var(--font-16);
    color: var(--color-00);
}
.Solutions {
    position: relative;
    background: #fff;
    padding-block: 8.2rem 10.9rem;
}

.Solutions .tab-accordion-tabs li.nav-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 1.5rem;
}

.Solutions .left-solution .nav.nav-tabs {
    border-bottom: 0;
    padding-right: 0;
}

.Solutions .tab-accordion-tabs .nav-link {
    font-weight: 600;
    color: #fff;
    width: 100%;
    display: block;
    text-align: left;
    padding: 1.2rem 2rem 1.2rem 0;
    font: var(--font-18);
    border-bottom: transparent;
    font-weight: normal;
}

.Solutions .tab-accordion-tabs .nav-link.active {
    border-color: transparent;
    border-bottom-color: transparent;
    background: transparent;
    color: #fff;
    border-bottom: none;
}

.Solutions .tab-accordion-tabs .nav-item {
    color: #fff;
    opacity: .5;
}

.Solutions .tab-accordion-tabs .nav-item:has(.nav-link.active) {
    opacity: 1;
}

.Solutions .accordion-body,
.Solutions .accordion-item {
    background: transparent;
    border: none;
}

.Solutions .tab-accordion-tabs .nav-item.active {
    border-color: transparent;
    border-bottom-color: #707070;
    background: transparent;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
    border-color: transparent
}

/* === inner acordian tab ==== */
#tabAcordian_tab_view .accordion-button {
    padding-left: 0;
    font: var(--font-21new);
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    padding-right: 0.6rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.34);
    box-shadow: none;
    margin-bottom: 1rem;
    font-weight: 700;
}

#tabAcordian_tab_view .accordion-button::after {
    background-image: url(./../images/up-arrow.svg) !important;
    background-size: contain;
    transform: rotate(270deg);
}

#tabAcordian_tab_view .accordion-button.collapsed::after {
    transform: rotate(90deg);
}

#tabAcordian_tab_view .accordion-button:focus {
    box-shadow: none;
    outline: none;
}

#tabAcordian_tab_view .accordion-button .link-icon {
    margin-top: 0;
}

.Solutions .tab-accordion-tabs li.nav-item .link-icon {
    margin-top: 0;
}

.Solutions .tab-accordion-tabs .nav-item.active {
    opacity: 1;
}

.Solutions .tab-accordion-tabs .nav-item.active .nav-link {
    border-color: transparent;
    border-bottom-color: transparent;
    background: transparent;
    color: #fff;
    border-bottom: none;
}

/* #tabAcordian_tab_view .accordion-button:not(.collapsed) {
border-bottom: 1px solid rgb(255 255 255 / 34%);

}
#tabAcordian_tab_view .accordion-collapse.collapse.show {
--bs-accordion-border-color: #21578d00;
} */

/* === inner acordian tab ==== */


.left-solution {
    background: var(--red-color);
    padding: 3.2rem 3.5rem 6.2rem;
    margin-left: -5rem;
    position: relative;
    /* height: 79rem; */
    height: auto;
    margin-right: -3rem;
}

.left-solution .side-line {
    left: -.8rem;
    top: 3.8rem;
    height: 148px;
    background: #2E2E2E;
}

.left-solution h6 {
    color: #fff;
    font: var(--font-24);
    margin-bottom: 3rem;
    font-weight: var(--font_normal);
}

.left-solution h3 {
    font: var(--font-42);
    color: #fff;
    margin-bottom: 4rem;
}

.Solutions .link-icon.icon-outline-red::before {
    filter: brightness(0) invert(1);
}

.Solutions .link-icon.icon-outline-red:hover::before {
    filter: none
}

.Solutions .solution-home-right .link-icon.icon-outline-red::before {
    filter: unset;
}

.Solutions .row {
    align-items: flex-end;
}

.Solutions .accordion-body {
    padding: 0;
}

.solution-home-right {
    padding-left: 9rem;
    margin-left: 1rem;
    margin-right: -7rem;
}

.solution-home-right h3 {
    font: var(--font-54);
    color: #C3263D;
    font-weight: bold;
    line-height: 1;
    max-width: 70%;
}

.solution-home-right .grid-lg-3 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-columns: repeat(2, 47.2% 47.2%);
    margin-top: 7.1rem;
}
.solution-wheel-slider .grid-lg-3 {
    display: flex;
    margin-bottom: 0;
    height: auto;
}
.solution-home-right p {
    width: 80%;
    font: var(--font-16);
    font-weight: normal;
}

.solution-home-right .grid-lg-3 li {
    position: relative;
    background: #F2F2F2;
    padding: 1.2rem;
    z-index: 1;
    margin-bottom: 3rem;
}

.solution-home-right .grid-lg-3 li h6 {
    text-align: center;
    color: #C3263D;
    font: var(--font-18);
    margin-top: 1rem;
}

.solution-home-right .grid-lg-3 li h6>a {
    color: #C3263D;
    font: var(--font-18);
}

.solution-home-right .grid-lg-3 li h6>a::after {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.solution-home-right .grid-lg-3 li img {
    mix-blend-mode: multiply;
}

.solution-home-right figure {
    width: 622px;
    mix-blend-mode: multiply;
    margin-left: -14rem;
    position: relative;
    top: -18rem;
}
.solution-wheel-slider .swiper-pagination{
    margin-bottom: -1rem;
}
.solution-wheel-slider .swiper-pagination-bullet-active{
    background-color: #C3263D;
}

@media (max-width: 1500px) {
    .left-solution {
        width: 311px;
    }

    .solution-home-right {
        margin-left: 9rem;
        padding-left: 0.5rem;
    }

    .solution-home-right figure {
        width: 511px;
        margin-left: -6rem;
    }

    .MCU-Portfolio .mcu-box p {
        width: 48%;
    }
}

@media (max-width: 1199px) {
    .left-solution {
        width: 311px;
    }
}

.our-people-home {
    background: #fff;
    padding: 10.2rem 0 0rem;
    position: relative;
    overflow: hidden;
}

.our-people-home .col-lg-10 {
    position: relative;
}

.our-people-home .side-line {
    right: 0rem;
    top: 6rem;
    height: 215px;
}

.our-people-home h6 {
    font: var(--font-24);
    font-weight: bold;
    color: var(--color-00);
}

.our-people-home h4 {
    font: var(--font-54);
    color: var(--red-color);
    display: flex;
    align-items: flex-end;
    gap: 3rem;
    line-height: 1;
}

.our-people-home figure {
    margin: 3.5rem;
}

.our-people-home .row {
    margin-top: -21rem;
}

.culture {
    padding: 3.3rem 5.7rem;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.culture h4 {
    font: var(--font-24);
    color: #fff;
    margin-bottom: 3rem;
    font-weight: var(--font_500);
}

.culture p {
    color: #fff;
    font: var(--font-16);
    font-weight: 400;
    margin-bottom: 3rem;
}

.culture.bg-green {
    background: #18827E;
}

.culture.bg-red {
    background: #C3263D;
}

.culture .link-icon.icon-outline-red {
    margin-top: auto;
}

.culture .link-icon.icon-outline-red::before {
    filter: brightness(0) invert(1);
}

.culture .link-icon.icon-outline-red:hover::before {
    filter: none;
}

.home-opeing {
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-bottom: 3rem;
    margin-right: 2.5rem;
}

.home-opeing ul {
    display: flex;
    gap: 3rem;
}

.home-opeing ul li a {
    color: var(--color-00);
    font: var(--font-21);
    border-bottom: 1px solid #C3263D;
    padding-bottom: 1rem;
    font-weight: bold;
}



/* -------Gyandeep---------- */


.tab_section {
    padding-bottom: 2rem;
}

.tab_section .nav-pills li .nav-link {
    background-color: transparent;
    padding: 0;
    color: #000;
    margin-right: 2rem;
    font: var(--font-21);
    font-weight: 600;
}

.tab_section .nav-pills li .nav-link.active {
    background-color: transparent;
    color: var(--red-color);
    font-weight: bold;
}

.home-news-sec .news-box p {
    font: var(--font-16);
    font-weight: normal;
}

.home-news-sec h4 {
    font-weight: 700;
}

@media (max-width: 1400px) {
    footer .right-menu ul {
        gap: 2rem;
    }

    footer .right-menu .quick-link li a {
        font-size: 10px;
    }
}



/* ------Footer Css Closed------ */

@media screen and (max-width:991px) {
    .home_banner .item_detail {
        padding: 3rem 2rem 3rem 3.2rem;
        position: absolute;
        bottom: -10%;
        left: 0;
        right: 2rem;
    }
        .left-solution {
        padding: 3.2rem 2.5rem 4.2rem;
    }

    .content .container {
        max-width: 100%;
    }

    .home_banner .item_detail blockquote {
        color: var(--color-00);
    }

    .home_banner .item_detail blockquote span {
        color: var(--red-color);
        font: var(--font-36);

    }

    .home_banner .item_detail p {
        font: var(--font-12);
        color: var(--color-00);
        max-width: 100%;
        min-height: 9rem;
    }

    .item_detail {
        background-color: var(--white-color);
    }

    .item_name {
        position: relative;
    }

    .item_name:before {
        width: 1rem;
        background-color: var(--red-color);
        height: 15rem;
        position: absolute;
        left: -3.2rem;
        top: -9rem;
        content: "";
    }

    .cd-slider nav div:last-of-type {
        left: -10%;
        right: 0;
        top: auto;
        bottom: 13.1rem;
        margin: auto;
        transform: rotate(180deg);

    }

    .cd-slider nav div {
        left: 0;
        right: -10%;
        top: auto;
        bottom: 9.5rem;
        margin: auto;
        width: 7rem;
        height: 7rem;
        transform: rotate(0deg);

    }

    .home_banner .item_detail blockquote {
        font: var(--font-21);
        font-weight: 700;
        margin-bottom: 0;
    }


    /* .cd-slider .prev, .cd-slider .next{
        transform: rotate(90deg);
    } */
    .order-xs-2 {
        order: 2;
    }

    .order-xs-1 {
        order: 1;
    }

    .home-about .content-right .side-line {
        right: 0;
        top: 0;
        height: 100%;
        max-height: 15rem;
        left: -1.5rem;
    }

    .content-right {
        padding-left: 4rem;
    }

    .home-about .content-right p {
        display: none;
    }

    .content-right {
        padding-bottom: 3rem;
        padding-left: 2rem;
    }

    .home-about::before {
        inset: 0;
    }

    .home-about ul {
        padding: 0rem 2rem 3rem;
    }

    .left-solution {
        width: 100%;
        margin-left: 0;
        padding-bottom: 8rem;
        padding-top: 4rem;
        padding-left: 3rem;
    }

    .Solutions {
        background: var(--red-color);
        padding-block: 0rem 6rem;
    }

    .left-solution .side-line {
        left: 0rem;
        height: 45%;
    }

    .left-solution h3 {
        margin-bottom: 2rem;
    }

    .solution_products {
        margin-top: -6rem;
        position: relative;
        padding: 2rem;
        text-align: center;
    }

    .solution_products ul {
        list-style-type: none;
        display: grid;
        grid-template-columns: repeat(var(--columns), 1fr);
        --columns: 2;
        gap: 1.5rem;
        padding: 0 1rem 3rem;
    }

    .solution_products ul li {
        text-align: center;
        box-shadow: 0px 3px 5px #0000000F;
        padding: 2rem;
        background-color: var(--white-color);
    }

    .solution_products ul li figcaption {
        color: var(--red-color);
        font: var(--font-14);
        font-weight: 700;
    }

    .solution_products a.view_all {
        color: var(--red-color);
        display: inline-block;
        margin: 0 auto;
        font: var(--font-14);
        text-align: center;
        padding: 0 1rem 1rem;
        border-bottom: 1px solid #ccc;
    }

    .cd-slider .prev,
    .cd-slider .next {
        background-size: contain;
    }

    .ccr_capability::before {
        top: 0;
        left: 0;
        right: 0;
        height: 30%;
        z-index: 0;
    }

    .ccr_capability .title_br {
        text-align: left;
        padding-left: 2rem;
    }

    .ccr_capability {
        padding-block: 5rem 8rem;
        background-color: #fff;
    }

    .cd-slider .prev,
    .cd-slider .next {
        background-image: url(../images/next-arrow-white.webp);
        transform: rotate(0deg);
        border-radius: 0;
        width: 3.5rem;
        height: 3.5rem;
        -webkit-filter: drop-shadow(5px 5px 5px #0000001C);
        filter: drop-shadow(5px 5px 5px #0000001C);

    }

    .cd-slider nav div:last-of-type a {
        -webkit-filter: drop-shadow(-3px -8px 10px #0000001C);
        filter: drop-shadow(-3px -8px 10px #0000001C);
    }

    .home-about ul {
        border: 0;

    }

    .content-right .section-heading {
        padding-block: 3rem;
        border-bottom: 1px solid #ccc;
        padding-bottom: 3rem;
    }

    .MCU-Portfolio .mcu-box p {
        width: 100%;
    }

    .MCU-Portfolio .mcu-box h5 {
        color: var(--color-00);
        font: var(--font-21);
        font-weight: 300;
        margin-bottom: 3rem;
    }

    .MCU-Portfolio {
        position: relative;
        background: #fff;
        padding: 0rem 0 6rem;
    }

    .MCU-Portfolio .mcu-box .side-line {
        left: -0.8rem;
        top: 0;
        height: 22rem;
        background-color: #E6001A;
    }

    .MCU-Portfolio .mcu-box {
        padding-left: 3rem;
        padding-right: 4rem;
    }

    .muc_listing {
        padding: 0;
    }

    .muc_listing ul {
        list-style: none;
        padding: 1rem 3rem 0;
        position: relative;
        margin-top: 3rem;
    }

    .muc_listing ul::before {
        height: 0.1rem;
        width: 45%;
        background-color: var(--red-color);
        position: absolute;
        top: 0;
        left: 3rem;
        content: "";
    }

    .muc_listing ul a {
        display: flex;
        justify-content: space-between;
        padding: 2rem 0rem;
        border-bottom: 1px solid #C3263D60;
    }

    .muc_listing ul li:last-child a {
        border-bottom: 0;
    }

    .muc_listing ul a h4 {
        margin-bottom: 0;
        font: var(--font-24);
        color: var(--red-color);
        font-weight: 700;
    }

    .muc_listing ul a p {
        margin-bottom: 0;
        font: var(--font-21);
        color: var(--red-color);
        font-weight: 400;
    }

    .title_br span {
        display: inline-block;
    }

    .design_accordion .accordion-item {
        border: 0;
        border-radius: 0;
    }

    .design_accordion .accordion-button:not(.collapsed)::after {
        background-image: url(./../images/red-next-icon.svg);
        filter: brightness(0) invert(1);
        -webkit-filter: brightness(0) invert(1);
        width: 2.2rem;
        height: 2.4rem;
        background-size: contain;
        transform: rotate(90deg);
    }

    .design_accordion .accordion-button::after {
        background-image: url(./../images/red-next-icon.svg);
        width: 2.2rem;
        height: 2.4rem;
        background-size: contain;
        transform: rotate(90deg);
    }

    .home-sustainability-sec .power-mid {
        padding: 4rem 2rem 10rem;
    }

    .home-sustainability-sec .heading-top {
        font: var(--font-21);
        font-weight: 200;
    }

    .work-career-txt ul {
        display: block;
    }

    .work-career-txt a {
        display: inline-block;
        margin-bottom: 2rem;
    }

    .home-sustainability-sec::before {
        inset: 8% 0% 0;
        left: 1.5rem;
        bottom: 7rem;
    }

    .home-sustainability-sec .bottom-content {
        padding: 2rem 4rem 0rem 6rem;
        color: #fff;
    }

    .home-sustainability-sec .side-line {
        left: 2rem;
        bottom: 0rem;
        height: 15rem;
        background: #fff;
        width: 0.5rem;
    }

    .home-sustainability-sec {
        padding-block: 0rem 11rem;
        position: relative;
    }

    .design_accordion .accordion-body figure img {
        width: 100%;
    }

    .our-people-home {
        padding: 5rem 0 0rem;
    }

    .people_home_title {
        padding-inline: 3rem;
        padding-bottom: 3rem;
    }

    .our-people-home .row {
        margin-top: 0;
        position: relative;
    }

    .our-people-home figure {
        margin: 0rem 0 0;
    }

    .our-people-home figure img {
        min-height: 300px;
        object-fit: cover;
    }

    .our-people-home .side-line {
        left: 0rem;
        top: 0;
        height: 100%;
    }

    .our-people-home .container {
        padding: 0;
    }

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

    .our_people_head {
        padding: 0 4rem 3.5rem;
    }

    .our-people-home h6 {
        font: var(--font-21);
        font-weight: 300;
        color: #000;
    }

    .our-people-home h4 {
        justify-content: space-between;
    }

    .culture.bg-green {
        background: #18827E;
        position: absolute;
        left: 5rem;
        right: 5rem;
        top: -20%;
        z-index: 9;
        padding: 2rem;
        padding-right: 6rem;
        height: auto;
    }

    .culture h4 {
        font: var(--font-18);
        font-weight: 700;
        margin-bottom: 1rem;
    }

    .culture.bg-green a {
        position: absolute;
        top: 2rem;
        right: 2rem;
    }

    .culture p {
        margin-bottom: 0;
    }

    .culture.bg-red {
        padding: 7rem 4.5rem 5rem;
    }

    .culture .link-icon.icon-outline-red {
        margin-top: 3rem;
    }

    .home-opeing ul {
        display: flex;
        gap: 1rem;
        flex-wrap: wrap;
        justify-content: center;
    }

    .home-opeing ul li {
        width: 100%;
        text-align: center;
    }

    .home-opeing ul li a {
        font: var(--font-18);
        font-weight: 700;
    }

    .home-opeing ul li a path#Path_13 {
        stroke: var(--red-color);
    }

    /* .home-opeing ul li a path#Path_14{
    stroke: #fff;
} */
    .home-opeing {
        height: auto;
        padding-block: 2rem;
        margin-block: 1rem;
    }

    .home-news-sec h4 {
        font: var(--font-21);
        font-weight: 300;
        padding-bottom: 0rem;
        margin-bottom: 0;
    }

    .home-news-sec .title_br {
        padding-left: 2rem;
        margin-bottom: 2rem;
    }

    .home-news-sec .title_br h3 {
        display: none;
    }

    .home-news-sec {
        background-color: #f9f9f9;
    }

    .tab_section .nav-pills li .nav-link {
        font: var(--font-30);
        font-weight: 300;
    }

    .tab_section {
        padding-left: 2rem;
    }

    .news-box {
        padding: 1rem;
    }

    .news-box .news-content {
        background-color: #fff;
        padding: 1rem 2rem;
    }

    .home-about figure img {
        width: 100%;
    }

    .home_banner {
        height: 110vh;
        padding-bottom: 5rem;
        background-color: #fff;
    }

    .cd-slider {
        height: 103.5vh;
    }

}

@media screen and (max-width:767px) {
    .cd-slider nav div {
        right: -12%;
    }

    .cd-slider nav div:last-of-type {
        left: -12%;
    }

    .home-product ul {
        grid-template-columns: repeat(1, 1fr);
    }

    .solution-home-right figure {
        width: 100%;
        margin-left: -3rem;
    }

    .solution-home-right {
        margin-left: 0rem;
        padding-left: 0.5rem;
    }

    .content-right .section-heading {
        margin-top: 2rem;
    }

    .accordion-button {
        font-size: 1.6rem;
        border-bottom: 1px solid #af251c;
        border-radius: 0px !important;
        padding: 13px 4px;
        color: #af251c;
    }

    .accordion-button:not(.collapsed) {
        color: #c3263d;
        background-color: #e7f1ff00;
        font-weight: 600;
        font-size: 16px;

    }

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

    .accordion-button:focus {
        z-index: 3;
        border-color: #af251c;
    }

    .Solutions div#myTabContent {
        margin-top: 0px;
    }

    .solution-home-right h3 {
        font-size: 22px;
        margin: 10px 0 10px;
    }

    .capability_Bx_Tx h4 {
        color: #fff;
    }

    .capability_Bx_Tx p {
        color: #fff;
    }

    .ccr_capability::before {
        height: 100%;
    }

    .work-career-txt a {
        display: block;
    }

    .culture h4 {
        padding: 0px;
    }


    .home-opeing {
        margin-top: 1rem;
    }

    .culture p {
        margin-bottom: 8px;
    }

    /* .tab-content>.tab-pane {
        display: block;
    } */

    .fade:not(.show) {
        opacity: 1;
    }

    .muc-tabs .accordion-button::after {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        background-image: url(./../images/red-next-icon.svg);
        rotate: 90deg;

    }

    .muc-tabs .accordion-button:not(.collapsed)::after {

        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        background-image: url(./../images/red-next-icon.svg);
        rotate: 90deg;

    }

    .Solutions .accordion-button::after {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        background-image: url(./../images/red-next-icon.svg);
        rotate: 90deg;

    }

    .Solutions .accordion-button:not(.collapsed)::after {

        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px;
        background-image: url(./../images/red-next-icon.svg);
        rotate: 90deg;

    }

    .left-solution {
        width: 100%;
        margin-left: 0;
        padding-bottom: 6rem;
        padding-top: 4rem;
        padding-left: 3rem;
        margin-bottom: 2rem;
    }



}


@media screen and (max-width:670px) {
    .cd-slider nav div {
        right: -13%;
        bottom: 10.9rem;
    }

    .cd-slider nav div:last-of-type {
        left: -13%;
        bottom: 14.5rem;
    }
}


@media screen and (max-width:640px) {
    .home-about ul {
        --columns: 2;
        margin-top: 0;
    }

    .home-sustainability-sec .power-mid {
        padding: 4rem 2rem 7rem;
    }

    .culture.bg-red {
        padding: 8rem 0 8rem;
    }

    .home-news-sec .news-box:not(:last-child) {
        margin-bottom: -0.4rem;
    }
    .home-about ul{
        grid-template-columns: repeat(2, 50%);
    }
}


@media screen and (max-width:580px) {
    .cd-slider nav div {
        right: -15%;
    }

    .cd-slider nav div:last-of-type {
        left: -15%;
    }
}


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

    .culture.bg-red {
        padding: 9rem 5rem 3rem;
    }

    .cd-slider nav div {
        right: -19%;
    }

    .cd-slider nav div:last-of-type {
        left: -19%;
    }
    .before-after_text .a-line{
        margin-top: 0;
    }
}


@media screen and (max-width:400px) {
    .cd-slider nav div {
        right: -20%;
    }

    .cd-slider nav div:last-of-type {
        left: -20%;
    }
}


@media screen and (max-width:375px) {
    .cd-slider nav div {
        right: -22%;
        bottom: 15.9rem;

    }

    .cd-slider nav div:last-of-type {
        left: -22%;
        bottom: 19.5rem;
    }
}


@media screen and (max-width:360px) {
    .header_block {
        padding: 0px 7rem;
    }

    .home-about ul {
        gap:4rem;
    }

    .home-sustainability-sec .bottom-content {
        padding: 2rem 0rem 0rem 5rem;
        color: #fff;
    }

    .culture.bg-red {
        padding: 10rem 0 7rem;
    }

    .solution_products {
        padding: 0.3rem;
    }

    .culture.bg-green {
        left: 2rem;
        right: 2rem;
    }

    .cd-slider nav div {
        right: -24%;

    }

    .cd-slider nav div:last-of-type {
        left: -24%;
    }

    .contact_panel h3 {
        padding: 5rem 2rem 3rem;
    }



}


/*new eve css start here*/


.ev-power {
    position: relative;
    padding-inline: 0;
    padding-left: 4.7rem;
}

.ev_pro1 {
    min-height: 53vh;
    position: relative;
}

.glock {
    position: relative;
    padding: 0;
    top:12em;
}

.piece:not(.base) {
    position: absolute;
    left: 5rem;
}

section.glock .slide {
    width: 44em;
    z-index: 5;
    bottom: 0rem;
    left: 4rem;
}

section.glock.new_glock .slide {
    width: 47em;
    left: 0;
}
section.glock.new_glock{ top: 18em;}
section.glock.new_glock img {
    width: 38em;
    left: 3.5rem;
}
section.glock.new_glock .barrel {
    z-index: 3;
    bottom: 2rem;
}

section.glock.new_glock .spring
 {
    left:4rem;
    z-index: 2;
    bottom: 1rem;
}
section.glock.new_glock .base {
    width: 47.4em;
    position: relative;
    left: -0.6rem;
    z-index: 1;
    bottom: -1.4rem;
}

section.glock.new_glock img {
    width: 42em;
}



section.glock .barrel {
    z-index: 3;
    bottom: 1rem;
}

section.glock .spring {
    left:5rem;
    z-index: 2;
    bottom: -2rem;
}

section.glock .base {
   width: 45.6em;
    position: relative;
    left: 3rem;
    z-index: 1;
    bottom: -5.5rem;
}

section.glock img {
    width: 42em;
}

.top_3panel {
    padding: 12rem 0;
}

.top_3panel h2 {
    color: var(--color-00);
    font: var(--font-24);
    font-weight: 700;
    margin-bottom: 3rem;
}

.ev-power .side-line {
    left: 0;
    top: 0;
    height: 180px;
}

.top_3panel .section-title:not(:last-child) {
    margin-bottom: 4rem;
}

.ev-power h4 {
    margin-bottom: 1rem;
    font: var(--font-18);
    font-weight: 400;
    margin: 0;
}

.ev-power p {
    margin-bottom: 0rem;
    font: var(--font-12);
     /* color: #fff; */

}

.ev-power li h4{
    position: relative;
}
.ev-power li{
    position: relative;
    margin-bottom: 3rem;
    padding-left: 2rem;
}
.ev-power li:before {
    position: absolute;
    top: 8px;
    left: 0;
    content: "";
    width: 8px;
    height: 8px;
    background-color: var(--red-color);
    border-radius: 50%;
}

@media (max-width:1790px) {
    .ev-power {
        position: relative;
        padding-inline: 0 5rem;
    }

    .top_3panel {
        padding: 11rem 0 4rem;
    }
}

@media(max-width:991px) {
    .top_3panel {
        padding: 4rem 0 4rem;
    }

    .home_panel3 {
        padding: 0;
    }

    .ev-power {
        padding-inline: 0;
    }


}

@media(max-width:767px) {
    section.before-after_panel {
        overflow: hidden;
    }

    .glock {
        top: 17rem;
    }

    section.glock .slide {
        width: 25rem;
    }

    section.glock img {
        width: 25rem;
    }

    section.glock .base {
        width: 25rem;
    }
}

/*before after css*/
/*
.before-after_text {
    position: relative;
    display: flex;
    height: 100%;
    flex-direction: column;
    padding-inline: 7rem 2rem;
    justify-content: center;
}

.before-after_text .side-line {
    right: -4.7rem;
    top: 14rem;
    height: 181px;
}

.img-comp-container {
    position: relative;
    height: 592px;
    width: 100%
}

.img-comp-img {
    position: absolute;
    height: auto;
    width: 100%;
    overflow: hidden;
}

.img-comp-img img {
    display: block;
    vertical-align: middle;
    width: 100%;
    height: auto;
}

.img-comp-slider {position: absolute;z-index: 9;cursor: ns-resize;width: 100%;height: 48px;background: url(../images/slide-icon.svg) no-repeat;opacity: 1;margin: auto;background-position: center;background-size: contain;}
 */

#resizer:after {
  position: absolute;z-index: 9;cursor: ns-resize;width: 100%;height: 48px;background: url(../images/slide-icon.svg) no-repeat;opacity: 1;margin: auto;background-position: center;background-size: contain;
}



#before-after-slider {
  width:92%;
  position:relative;
  overflow:hidden;
  border:3px solid white;
}



#after-image {
  display:block
}

#before-image {
  position:absolute;
  height:100%;
  width:50%;
  top:0;
  left:0;
  overflow:hidden;
  z-index:2;
}
.after_bfor_text p{
    padding-top: 0;
    font-weight: normal;
    margin-top: 1rem;
    color: var(--color-00);
}
#before-image img{
    height: 100%;
    object-fit: cover;
}
#resizer {
  position:absolute;
  display:flex;
  align-items:center;
  z-index:5;
  top:0;
  left:50%;
  height:100%;
  width:107px;
  /*Stop vertical scrolling on touch*/
  -ms-touch-action: pan-y;
    touch-action: pan-y;
    background: url(../images/slide-icon3.webp) no-repeat;opacity: 1;
    background-position: center;background-size: contain;
    margin-left: -5.3rem;
}














section.before-after_panel {
    position: relative;
    background: #fff;
    padding-block: 11rem 15rem;
}

@media (max-width:1790px) {
    section.before-after_panel {
        background: #fff;
        padding-block: 11rem 18rem;
    }

    .img-comp-container {
        position: relative;
        height: 457px;
        width: 100%;
    }

    body .before-after_text {
        padding-inline: 4rem 1rem;
    }
}

@media(max-width:991px) {
    section.before-after_panel {
        padding-block: 6rem;
    }

    .top_3panel {
        padding: 4rem 0 4rem;
    }

    .home_panel3 {
        padding: 0;
    }

    .ev-power {
        padding-inline: 0;
    }

    .img-comp-container {
        height: 45vh;
    }

    .img-comp-img {
        height: 100% !important;
    }

    .img-comp-img img {
        height: 100%;
        object-fit: cover;
    }

    body .before-after_text {
        padding-inline: 0;
        padding-top: 3rem;
    }
}

.news-box:hover .img-hover img {
    transform: scale(1.1);
}

.solution-home-right .grid-lg-3 li:nth-child(2) {
    transition-delay: .6s !important;
}

.solution-home-right .grid-lg-3 li:nth-child(3) {
    transition-delay: .7s !important;
}

.home-about .a-line::before,
.home-about .a-line::after {
    left: 3.7rem;
    top: 69%;
    width: calc(81% - 4.7rem);
}
.muc-tabs .tab-accordion-tabs .nav-link.active, .home-news-sec .col-lg-5 .news-box:hover .news-content p{color:#C3263D;}

.work-career-txt a:hover {
    color: #eda1aa !important;
}
.work-career-txt a:hover::after{border-color:#eda1aa !important;}

.before-after_text .a-line::before,
.before-after_text .a-line::after {
    content: "";
    position: absolute;
    left: 3.7rem;
    top: 68%;
    width: calc(100% - 2.7rem);
    border: 1px solid #000;
    border-color: #707070;
}
.before-after_text .a-line:hover::after {
    scale: 1;border-color: var(--red-color);
}


.solution-home-right .a-line::before,
.solution-home-right .a-line::after {
    left: 3.7rem;
    top: 65%;
    width: calc(85% - 2.7rem);
}



/* homepage css starts here */
.cd-slider .content{
    background-size: cover;
}
.top_3panel{
    overflow: hidden;
    /* background: linear-gradient(to left, #f5f5f5 50%, #2E2E2E 50%); */
    background: #f5f5f5;
}
.solution-home-right .grid-lg-3 li > a {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.solution-home-right .grid-lg-3 li h6 {
    margin-bottom: 0;
}
@media(max-width:1199px){
    .top_3panel {
        padding: 6rem 0 4rem;
    }
    section.before-after_panel{
        padding-block: 9rem 5rem;
    }
}
@media(min-width:992px){
    .MCU-mobile-img{
        display:none;
    }
    .ev_pro1-mobile{
        display: none;
    }
    .capability-mobile {
        display: none;
    }
    .culture.culture-mobile{
        display: none;
    }
}
@media(max-width:991px){
    /* .Solutions .tab-content>.tab-pane {
        display: block;
        opacity: 1;
    } */
    .before-after_text .side-line{
        right: 0;
    }
    .cd-slider nav div:last-of-type{
        bottom: 20rem;
        left: -90px;
    }
    .cd-slider nav div{
        bottom: 16.5rem;
        right: -90px;
    }
    .home_banner .item_detail blockquote span br {
        display: none;
    }
    .home_banner .item_detail blockquote {
        padding-bottom: .4rem;
    }
    .home-about-left-img {
        display: none;
    }
    .home-about .a-line::before{
        display: none;
    }
    .MCU-mobile-img{
        display:none;
        padding-bottom: 4rem;
    }
    .ev_pro1{
        display:none;
    }
    .ev_pro1-mobile{
        display: block;
        padding: 0 0 5rem 0;
    }
    .ev_pro1-mobile .glock {
        top: 0;
    }
    .before-after-box .img-comp-container .img-comp-img {
        position: unset;
        margin-bottom: 2rem;
    }
    .before-after-box .img-comp-container {
        height: 100%;
    }

    .before-after-box .img-comp-container .img-comp-slider {
        display: none;
    }
    section.before-after_panel {
        padding-block: 2rem 5rem;
    }
    /* .muc-tabs .tab-content > .tab-pane {
        display: block;
        opacity: 1;
    } */
    .muc-tabs .accordion-button {
        display: flex;
        justify-content: space-between;
        padding: 2rem 0rem;
        border-bottom: 1px solid #C3263D60;
        margin-bottom: 0;
        font: var(--font-24);
        color: var(--red-color);
        font-weight: 700;
        background: transparent;
        box-shadow: none;
    }

    .capability-mobile .accordion-button:not(.collapsed){
        background-color: #C3263D;
        color: #FFFFFF;
    }
    .muc-tabs .accordion-button::after {
        background-image: url(../images/next-circle-arrow.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        width: 25px;
        height: 32px;
        margin: 0;
        transform: rotate(360deg);
    }
    .muc-tabs{
        padding: 1rem 3rem 0;
    }
    .mcu-box{
        position: relative;
    }
    .mcu-box:before {
        height: 0.1rem;
        width: 45%;
        background-color: var(--red-color);
        position: absolute;
        top: auto;
        left: 3rem;
        content: "";
        bottom: 0;
    }
    .MCU-Portfolio .mcu-box {
        padding-bottom: 4rem;
    }
    .home-product ul{
        padding: 3rem 0;
    }
    .ccr_capability-mobile-sec{
        display: none;
    }
    .ccr_capability .title_br h4,
    .ccr_capability .title_br h3 {
        text-align: left;
    }
    .capability-mobile .accordion-button {
        font: var(--font-18);
        color: var(--red-color);
        font-weight: 600;
        box-shadow: none;
        background-color: transparent;
        border: none;
        padding: 1.5rem 2.2rem;
    }
    .capability-mobile .accordion-item {
        border: none;
        border-top: 1px solid #C3263D60;
    }
    .capability-mobile .accordion-item:last-child{
        border-bottom: 1px solid #C3263D60;
    }
    .capability-mobile .accordion,
    .capability-mobile .accordion-item {
        background-color: transparent;
    }
    .capability-mobile .accordion-button::after {
        background-image: url(../images/next-circle-arrow.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        width: 25px;
        height: 32px;
        margin: 0;
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg);
    }
    .capability-mobile .accordion-button{
        display: flex;
        justify-content: space-between;
    }
    .ccr_capability{
        background-color: #F9F9F9;
    }
    .ccr_capability::before {
        height: 387px;
    }
    .capability-mobile .accordion-body {
        padding: 0;
    }
    .capability-mobile {
        display: block;
    }
    .capability-mobile .accordion{
        background-color: #F9F9F9;
    }
    .culture .link-icon.icon-outline-red {
        margin-top: 0;
    }
    .culture.culture-desktop {
        display: none;
    }
    .culture.culture-mobile{
        display: block;
        padding: 8rem 5rem 6rem;
    }
    .culture-mobile ul {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        padding-top: 2rem;
    }
    .culture-mobile ul li {
        font: var(--font-18);
        color: #fff;
        border-bottom: 1px solid #ffffff6a;
        line-height: 1.6;
        padding: .8rem 0;
    }
    .culture-mobile ul li a{
        font: var(--font-18);
        color: #fff;
        line-height: 1.6;
        padding: .8rem 0;
    }

    .home-opeing{
        display: none;
    }
    .capability-mobile .accordion .accordion-item:first-child{
        border-top: 0;
    }
    .before-after_text .side-line{
        display: none;
    }
    .culture-mobile ul li a svg path {
        stroke: currentColor;
    }
    .ev_pro1-sec-cont {
        order: 2;
    }
    .ev_pro1-sec-img {
        order: 1;
    }
    .mobile-product-panel .menu_panelOne,
    .mobile-menu-panel .contact_panel,
    .mobile-menu-panel .mobile_menu_panel{
        margin-top: 4.3rem;
    }
    .mobile-menu-panel .mobile_menu_panel {
        background-color: #000000e8;
        margin: 0;
        padding-top: 5.3rem;
    }
    .mobile-menu-panel .close-btn {
        color: #fff;
        z-index: 9;
    }
    .Solutions .tab-accordion-tabs .nav-link {
        color: black !important;
    }
    .left-solution {
        height: 420px;
    }
    .solution_products .nav li {
        padding: 0;
        margin: 0;
        background-color: transparent;
        box-shadow: none;
        border: none;
        width: auto;
    }
    .solution_products .nav li .nav-link {
        background-color: transparent;
        box-shadow: none;
        border: none;
    }
    .solution_products > .nav-tabs {
        display: flex;
        border: none;
        margin: 0;
        padding-bottom: 0;
        position: relative;
        padding-inline: 0.5rem;
    }
    .solution_products .nav li .nav-link {
        font: var(--font-14);
        color: #FFFFFF80;
        font-weight: bold;
        line-height: 1.8;
        border-bottom: 1px solid transparent;
        padding: 0;
        padding-bottom: 1.8rem;
    }
    .left-solution {
        padding-bottom: 16rem;
    }
    .solution_products{
        margin-top: -24rem;
    }
    .solution_products .nav li .nav-link.active{
        border-bottom: 1px solid #ffffff;
        color: #ffffff;
    }
    .solution_products .tab-content .accordion-button:after {
        background-image: url(../images/acc-arrow.svg);
        background-repeat: no-repeat;
        background-size: 100%;
        width: 25px;
        height: 32px;
        margin: 0;
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        filter: invert(1);
}
    .solution_products .accordion-item:first-child .accordion-header .accordion-button:after{
        background-image: url(../images/acc-arrow-2.png);
         filter: invert(0);
    }
    .solution_products .accordion-item .accordion-header .accordion-button:not(.collapsed):after{
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg);
}
    .solution_products .tab-content .accordion-button {
        font: var(--font-18);
        color:#fff;
        font-weight: 600;
        box-shadow: none;
        background-color: transparent;
        border: none;
        padding: 1.5rem 0;
    }
    .solution_products .tab-content .accordion-button {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid #fefefe4d;
    }
    .solution_products .accordion-item {
        border: none;
        padding: 0 0rem;
    }
    .solution_products .accordion, .solution_products .accordion-item {
        background-color: transparent;
    }
    .solution_products .accordion-item:last-child {
        border-bottom: none;
        border-radius: 0;
    }
    .solution_products .solution-home-right {
        margin: 0;
        padding: 0;
    }
    .solution_products .solution-home-right .grid-lg-3{
        gap: .588rem;
        margin-top: 1.7rem;
        padding-bottom: 2.2rem;
    }
    .solution_products .solution-home-right .grid-lg-3 li h6 {
        font: var(--font-12);
        color: #C3263D;
        font-weight: bold;
        padding-bottom: 1.8rem;
    }
    .solution_products .solution-home-right .grid-lg-3 li h6 a{
        display: block;
        font-weight: bold;
    }
    .solution_products .accordion-header .accordion-button:not(.collapsed):after{
        transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        -o-transform: rotate(360deg);
    }
    .solution_products .tab-content .accordion-item:first-child {
        border-top: none;
    }
    .solution_products .tab-content .accordion-item:first-child .accordion-button {
        border-bottom: 1px solid #ffffff14;
        color: #fff;
    }
    .solution_products .tab-content .accordion-header {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .content-right .section-heading{
        padding-block: 0 3rem;
    }
    .MCU-Portfolio .mcu-box h5 {
        font-weight: 600;
    }
    .MCU-Portfolio .mcu-box p {
        display: none;
    }
    .mcu-box:before{
        display: none;
    }
    .muc-tabs {
        margin-top: 3rem;
    }
    .muc-tabs .tab-accordion-tabs .nav-link {
        color: #000000;
    }
    .muc-tabs .tab-accordion-tabs .nav-link.active,
    .muc-tabs .tab-accordion-tabs .nav-link.active, .home-news-sec .col-lg-5 .news-box:hover .news-content p{
        border-bottom-color: var(--red-color);
        font-weight: bold;
        color:var(--red-color);
    }
    .MCU-Portfolio .mcu-box {
        padding-bottom: 0;
    }
    .muc-tabs .tab-accordion-tabs {
        margin-bottom: 0;
    }
    .home-product ul li {
        padding: 1rem 2.3rem 2rem;
    }
    .home-product .home-pro-details {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .home-product .home-pro-details h4 {
        margin: 0;
    }
    .home-product .home-pro-details .link-icon {
        margin: 0;
    }
    .Solutions .accordion-button:not(.collapsed)::after{
        rotate: 360deg;
    }
    .home-about {
        padding-block: 3rem 4rem;
    }
    .ccr_capability .title_br {
        padding-left: 0;
    }
    .work-career-txt a{
        display: inline-block;
    }
    .home-sustainability-sec .side-line{
        height: 18rem;
    }
    section.our-people-home .people_home_title {
        margin-bottom: 0;
    }
    .people_home_title{
        padding-bottom: 4rem;
    }
    .left-solution .side-line{
        height: 25%;
    }
    .home-sustainability-sec .side-line {
        height: 11rem;
    }
    .top_3panel{
        background: transparent;
    }
    .top_3panel h2{
        color: var(--color-00);
    }
    .ev-power p{
        color: var(--color-00);
    }
    .ev-power h4{
         color: var(--color-00);
    }
    #before-after-slider {
    width: 100%;
}
#before-image {
    position: unset;
    height: 100%;
    width: 100% !important;
    z-index: 2;
    padding: 2rem 0;
}
#resizer{
    display: none;
}
#after-image img{
    max-width: 100%;
}
.after_bfor_text{
    display: none;
}
.ev-power .side-line {
    left: -1.5rem;
}
.ev-power {
        padding-left: 2rem;
    }
    .home-product ul li figure{ text-align: center;}
    .home-product ul li figure img{
        height: 14rem;
        object-fit: cover;
    }
        .MCU-Portfolio .mcu-box .side-line {
        height: 205px;
    }
    .home-about ul {
        gap: 3rem;
    }
}

@media(max-width:767px){
    .cd-slider nav div{
        bottom: 0rem;
        position: inherit;
    }
    .cd-slider nav div:last-of-type {
        bottom: 0;
    }
    .cd-slider nav{
        display: flex;
        justify-content: center;
        position: absolute;
        bottom: 28rem;
        right: 0;
        left: 0;
    }
    .home_banner .item_detail {
        height: 216px;
    }

    .cd-slider nav div{
        height: auto;
        width: 8rem;
    }
    .home_banner .item_detail{
        bottom: -18.5%;
        min-height: 216px;
    }
    .Solutions .accordion-button::after{
        rotate: 360deg;
    }
    .left-solution .side-line {
        height: 35%;
    }
    .home-sustainability-sec .side-line {
        height: 14rem;
    }
}
@media(max-width:575px){
   
    .home_banner .item_detail {
        min-height: 216px;
        bottom: -16.5%;
    }
    .home-about .content-right .section-title {
        max-width: 97%;
        font-size: 26px;
    }
    .home-about ul li p span {
        font-size: 30px;
        word-break: break-all;
    }
    .ev-power .section-title,
    .before-after_text .section-title  {
        font-size: 26px;
    }
    .MCU-Portfolio .mcu-box h5 {
        font-size: 16px;
        font-weight: 600;
    }
    .MCU-Portfolio .mcu-box h3 {
        font-size: 30px;
        font-weight: bold;
        line-height: 1.2;
    }
    .home-product .home-pro-details h4 {
        font-size: 16px;
        color: #000000;
    }
    .left-solution h6 {
        font-size: 18px;
    }
    .left-solution h3 {
        font-size: 26px;
    }
    .left-solution {
        height: 466px;
    }
    .solution_products .tab-content .accordion-button{
        font-size: 12px;
    }
    .solution-home-right .grid-lg-3 li h6,
    .solution-home-right .grid-lg-3 li h6 a {
        font-size: 12px;
    }
    .title_br h3,
    .home-sustainability-sec .section-title {
        font-size: 26px;
        font-weight: bold;
        line-height: 1.2;
    }
    .capability-mobile .accordion-button {
        font-size: 16px;
    }
    .home-sustainability-sec .heading-top {
        font-size: 18px;
    }
    .home-sustainability-sec .power-mid-content p{
        font-size: 10px;
    }
    .work-career-txt a {
        font-size: 16px;
        font-weight: bold;
    }
    .our-people-home h6 {
        font-size: 18px;
    }
    .people_home_title h4 {
        font-size: 26px;
    }
    .culture.bg-green h4 {
        font-size: 16px;
    }
    .culture.bg-green p {
        font-size: 10px;
    }
    .home-news-sec h4 {
        font-size: 18px;
        font-weight: 300 !important;
    }
    .home-news-sec .news-box time {
        font-size: 10px;
    }
    .home-news-sec .news-box p {
        font-size: 12px;
    }
    .left-solution .side-line {
        height: 32%;
    }
    .home-sustainability-sec .side-line {
        height: 13rem;
    }
    .home_banner .item_detail p {
        font-size: 10px;
    }
    .solution_products .accordion-item {
        padding: 0 0.5rem;
    }
    .solution_products > .nav-tabs{
        padding-inline: 1.5rem;
    }
}

/* css for fonts */


@media(max-width:991px){
    .home_banner .item_detail blockquote span {
        font-size: 30px;
    }
    .solution_products::before{
        background-color: var(--red-color);
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 16rem;
    }
        .ev-power {
        padding-left: 2rem;
    }
}

@media(max-width:480px){
    .home-sustainability-sec .side-line {
        height: 15rem;
    }
}
@media(max-width:440px){
    .left-solution .side-line {
        height: 54%;
    }
}
@media(max-width:420px){
    .home-sustainability-sec .side-line {
        height: 16rem;
    }
}
@media(max-width:375px){
    .home-sustainability-sec .side-line {
        height: 18rem;
    }
}
/* homepage css ends here */

.before-after_panel .after_bfor_text {
    width: 98%;
}


/* banner grendent css starts here */
.cd-slider ul li:not(:first-child) .content:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 1600px;
    background: transparent linear-gradient(270deg, #00000000 0%, #000000C9 100%) 0% 0% no-repeat padding-box;
}
.cd-slider ul li .item_name{
    z-index: 99;
}
.solution-home-right .a-line:before, .home-about .a-line:before{
    display: none;
}
.solution-home-right .a-line:hover:after, .home-about .a-line:hover:after{
    scale: 0;
}
.home-about .content-right p {
    font: var(--font-16);
    color: var(--color-00);
    font-weight: normal;
}
.home-about ul {
    border-top: 1px solid rgb(112, 112, 112, 30%);
    border-bottom: 1px solid rgb(112, 112, 112, 30%);
    margin-top: 6rem;
}
.home-about {
    padding-block: 12rem;
}
.ev-power .section-title {
    line-height: 1.12;
    font-weight: bold;
}
.top_3panel .pin-spacer .home_panel3 {
    padding-block: 0 !important;
}
.before-after_text .section-title {
    line-height: 1;
    font-weight: bold;
}
.before-after_panel .before-after_text {
    position: relative;
}
.before-after_panel .side-line{
    right: 0;
    left: auto;
    height: 110px;
}
.before-after_text p {
    max-width: 79%;
    color: var(--color-00);
}
.before-after_panel .befafter-img {
    align-items: center;
}
.before-after_text .a-line::before, .before-after_text .a-line::after{
    display: none;
}
.before-after_panel .after_bfor_text.right-cont:before {
    content: "";
    position: absolute;
    left: -7px;
    height: 100%;
    border-left: 1px solid rgb(112, 112, 112, 30%);
}
.before-after_panel .after_bfor_text.right-cont {
    padding-left:0rem;
    position: relative;
}
.solution-wheel-slider {
    position: relative;
    overflow: hidden;
    width: 100%;
}
.solution-wheel-grp .swiper-button-prev:before{
    content: '';
    position: absolute;
    filter: unset;
    inset: 0;
    background-image: url(./../images/red-next-icon.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
}
.solution-wheel-grp .swiper-button-next:before{
    content: '';
    position: absolute;
    filter: unset;
    inset: 0;
    background-image: url(./../images/red-next-icon.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
}
.solution-wheel-grp .swiper-button-prev{
    top: 55%;
    left: -4rem;
    z-index: 1;
}
.solution-wheel-grp .swiper-button-next{
    top: 55%;
    right: -4rem;
    z-index: 1;
}
.solution-wheel-grp {
    position: relative;
    height: 100%;
    display: flex;
    width: 100%;
}
.capability_Bx_Tx p {
    font: var(--font-16);
    color: var(--color-00);
    line-height: 1.6;
    max-width: 93%;
}
.our-people-home .people_home_title .link-icon {
    position: relative;
    top: -12px;
}
.solution-home-right h3 span {
    display: block;
}
body p:empty{
    display: none;
}
.home-about ul .stats p.desc {
    font: var(--font-16);
    color: var(--color-00);
    font-weight: normal;
}

.before-after_panel .befafter-img .col-lg-11{
    background-color: var(--red-color);
}
.after_bfor_text p{
    color: #fff;
    padding:0 1rem 1rem ;
}


@media(max-width:1799px){
    .solution-home-right figure{
        width: 540px;
        margin-left: -12rem;
    }
    .ev-power li:before{
        top: 7px;
    }
    .before-after_text p {
        max-width: 85%;
    }
    .muc-tabs .tab-accordion-tabs .nav-link{
        margin-right: 6rem;
    }
    .solution-home-right{
        margin-right: -8rem;
    }

    .site_nav{padding-right: 7rem;}
    .banner-arrows {
        bottom: 21rem;
    }
}

@media(max-width:1550px){
    .home-about .content-right{
        padding-right: 7%;
    }
    .ev-power {
        padding-left: 4.7rem;
        padding-right: 0;
    }
    .before-after_text p {
        max-width: 100%;
    }
    .before-after_panel .side-line{
        right: -6rem;
    }
    .before-after_text .section-title {
        line-height: 1.1;
    }
    .MCU-Portfolio .mcu-box .side-line{
        height: 169px;
    }
}
@media(max-width:1399px){
    .ev-power {
        padding-left: 3.7rem;
    }
    body .before-after_text {
        padding-inline: 1rem 0rem;
    }
    .left-solution{
        padding: 3.2rem 2.5rem 6.2rem;
    }
    .solution-home-right {
        margin-right: -9rem;
    }
    .left-solution{
        height: 69rem;
    }
    .home-about .content-right .side-line{
        max-height: 73%;
    }
    section.glock .slide {
        width: 41em;
    }
    section.glock img {
        width: 37em;
    }
    
    /*--UIKA14041994-*/
    section.glock .base{        
        width: 38em;
        bottom: -4.5rem;
    }
    section.glock .barrel {bottom: 0rem;}
    section.glock .slide, section.glock img{width: 36em;}
section.glock .base {
        width: 37.8em;
    }
    section.glock img {
        width: 35em;
    }
    /*--UIKA14041994-*/
}
@media(max-width:1299px){
    section.glock .base {
        width: 37em;
        bottom: -4.5rem;
        left: 3.6rem;
    }
}

@media(max-width:1199px){
    .home-about .content-right{
        padding-left: 10%;
    }
    .content-right .a-line,
    .content-right .a-line .link-icon {
        margin: 0;
    }
}
@media(max-width:991px){
    .solution-home-right .grid-lg-3{
        grid-template-columns: repeat(2, 1fr);
    }
    .home-about .content-right {
        padding: 0rem 2rem 0 2rem;
    }
    .home-about {
        padding-block: 3rem;
    }
    .home-about ul{
        margin-top: 3rem;
        border: none;
    }
    .home-product .home-pro-details {
        flex-direction: column;
        align-items: flex-start;
    }
    .home-product .home-pro-details h4{
        margin-bottom: 3rem;
    }
    .left-solution {
        height: auto;
    }
    .solution_products {
        margin-top: -6rem;
    }
    .capability-mobile .accordion-button:not(.collapsed)::after{
        filter: invert(19%) sepia(67%) saturate(599%) hue-rotate(244deg) brightness(301%) contrast(272%);
    }
        .before-after_panel .side-line {
        left: -1.6rem;
        display: block;
    }
    .home-sustainability-sec .power-mid-content p {
    max-width: 100%;
}
.accordion-body .home-product .home-pro-details {
        flex-direction: inherit;
        align-items: flex-start;
    }
        body .before-after_text {
        padding-inline: 2.2rem 0rem;
    }
}



@media(max-width:767px){
    .home-about {
        padding-block: 0rem 4rem;
    }
    .home-about .content-right{
        padding-right: 0;
        padding-left: 2rem;
    }
    .cd-slider ul li{
        height: 80vh;
    }
    .home_banner {
        height: 90vh;
        padding-bottom: 2rem;
    }

    .home-sustainability-sec .bottom-content p {
    font-size: 12px;
    }
    .home-news-sec{
        padding-block: 5rem;
    }
    .ev-power {
        padding-left: 2rem;
    }
    .left-solution {
        padding: 3.2rem 3.5rem 6.2rem;
    }
    .muc-tabs .tab-accordion-tabs .nav-link{
        margin-right: 0;
    }
    .muc-tabs .tab-accordion-tabs {
        gap: 2rem;
    }

}

@media (max-width: 320px) {
    .cd-slider nav div {
        bottom: 24.2rem;
    }
        .cd-slider nav div:last-of-type {
        bottom: 27.8rem;
    }
}

/* banner grendent css ends here */