@import "header.css";

.container{padding: 0 1.5rem}
/*--------------------- home banner css -----------------*/
.home_banner{padding-block: 0;height: 100vh; position: relative; z-index: 0;}
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;}
.home_banner .item_detail p{font: var(--font-12); color: #fff;max-width: 26em;}
.home_banner .item_detail blockquote span{font-weight: 300; font: var(--font-72); 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: 36%; 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: 5.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: 15%; position: relative;}
.home-about .content-right p {font-size: 20px; font-weight: 300;}
.home-about .content-right .side-line{right: 0; top: 0; height: 100%; max-height: 150px;}
.home-about .content-right .section-title{max-width: 470px;}
.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;}
.home-about ul p.desc{max-width:20em; width: 100%;}


/*--------------------- home About HTML End -----------------*/

/*--------------------- home news css start-----------------*/
.home-news-sec{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-size: 1.2rem; 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-weight: 300; font: var(--font-12);}
    .home-news-sec .news-box.news-block p{font: var(--font-21); line-height: 1.5;}
    .home-news-sec .news-box:not(.news-block) figure{height: auto; min-width: 48%;}
    .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; font-weight: 300; margin-bottom: 3rem; display: block;}
.home-sustainability-sec .power-mid-content p{color: #fff; font-weight: 250;}
.home-sustainability-sec .power-mid-content{max-width: 45rem;}
.home-sustainability-sec .section-title{color: #fff; }
.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-weight: 300;}



.work-career-txt ul{display: flex; column-gap: 3rem;}
.work-career-txt a{display: flex; column-gap: 1.8rem; position: relative; padding-bottom: 10px; color: #fff; font: var(--font-18);}
.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 {
    padding-block: 8rem 13rem;
    position: relative;
}
.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 h4{
    margin-bottom: 1rem;
}
.capability_Bx_Tx{display: flex; flex-direction: column; flex-grow: 1;}
.title_br {margin-bottom: 5rem;}
.title_br h4{
    font-size: 1.8rem;
    line-height: 1.4;
    font-weight: 300;
}
.ccr_capability .title_br{
    text-align: center;
}
.title_br h3{
    font:var(--font-30);
}
.capability_Bx_Tx{
    padding: 2.5rem .8rem 0 2.5rem;
}
.capability_Bx_Tx h4{
    font-size: 2.1rem;
    color: #000;
}
.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-18);
    font-weight: 700;
    margin-bottom: 3rem;
}
.MCU-Portfolio .mcu-box h3 {
    font: var(--font-30);
    color: var(--red-color);
    margin-bottom: 1.5rem;
}
.MCU-Portfolio .mcu-box p {
    font: var(--font-12); 
}
.MCU-Portfolio .mcu-box p {
    width: 35%;
}
.muc-tabs {
    margin-top: 2.4rem;
}
.muc-tabs .tab-accordion-tabs .nav-link {padding: 0 0 1.8rem; color: #af251c;margin-right: 3rem; font: var(--font-14);font-weight: 700;border: 1px solid transparent;}
.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);
    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-21);
    font-weight: 500; 
}
.Solutions {
    background: #fff;
    padding-block: 8.2rem 10.9rem;
}
.Solutions .tab-accordion-tabs li.nav-item {
    display: flex;
    justify-content: space-between;align-items: center;
}
.Solutions .left-solution .nav.nav-tabs {
    border-bottom: 0;
    padding-right: 3rem;
}
.Solutions .tab-accordion-tabs .nav-link {font-weight: 600;padding-block: 10px;color: #fff;width: 100%;display: block;text-align: left;padding: 1rem 0;border-bottom: transparent;}
.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}
.left-solution {
    background: #C3263D;
    padding: 3rem;
    margin-left: -4rem;
    position: relative;
}
.left-solution .side-line {
    left: -.8rem;
    top: 3.8rem;
    height: 148px;
    background: #2E2E2E;
}
.left-solution h6 {
    color: #fff;
    font: var(--font-18);
    font-weight: 300;
    margin-bottom: 3rem;
}
.left-solution h3 {
    font: var(--font-30);
    color: #fff;
}
.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: 4.5rem;  
    margin-left: 1rem; 
}
.solution-home-right h3 {
    font: var(--font-36);
    color: #C3263D;
    font-weight: 500;
}
.solution-home-right .grid-lg-3 {
    display: flex;
    grid-template-columns: repeat(3, 1fr);
    gap: .5rem;
    margin-top: 7.1rem;
}
.solution-home-right p {
    width: 87%;
}
.solution-home-right .grid-lg-3 li {
    background: #F2F2F2;
    padding: 1.2rem;
}
.solution-home-right .grid-lg-3 li h6 {
    text-align: center;
    color: #C3263D;
    font: var(--font-14);
}
.solution-home-right .grid-lg-3 li img {
    mix-blend-mode: multiply;
}
.solution-home-right figure {
    width: 672px;
    mix-blend-mode: multiply;
    margin-left: -10rem;
}


@media (max-width: 1400px) {
    .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: 148px;
}
.our-people-home h6 {
    font: var(--font-18);
    color: var(#000);
    font-weight: 700;
}
.our-people-home h4 {
    font: var(--font-30); 
    color: var(--red-color);
    display: flex;
    align-items: flex-end;
    gap: 3.5rem;
}
.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-21);
    color: #fff;
    margin-bottom: 3rem;
}
.culture p {
    color: #fff;
    font: var(--font-12);
    font-weight: 300;
}
.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: center;
    padding-bottom: 3rem;
}
.home-opeing ul {
    display: flex;
    gap: 3rem;
}
.home-opeing ul li a {
    color: #000000;
    font: var(--font-16);
    border-bottom: 1px solid #C3263D;
    padding-bottom: 1rem;
    font-weight: 700;
}


/* -------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-14);
}
.tab_section .nav-pills li .nav-link.active{
    background-color: transparent;
    color: var(--red-color);
    font-weight: 700;
}
.home-news-sec .news-box p{
    font: var(--font-14);
    font-weight: 500;
}


.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;
    }
}
@media (max-width: 1199px) {
   
    
}

/* ------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;
    }
    .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%;
    }
    .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: block;
    }
    .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: #fff;
        padding-block: 1.2rem 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: 50%;
        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{
        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;
    }
    .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;
    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: 10rem 0 10rem;
}

.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 {
    color: #fff;
    font: var(--font-18);
    border-bottom: 1px solid #ffffff80;
    padding-bottom: 1rem;
    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-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: 110vh;
}

}

@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(2, 1fr);
    }
}


@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;
    }
}


@media screen and (max-width:580px){
    .cd-slider nav div{
        right: -15%;
    }
    .cd-slider nav div:last-of-type{
                left: -15%;
    }
     .home-product ul {
            grid-template-columns: repeat(1, 1fr);
    }
}


@media screen and (max-width:480px){
    
    .culture.bg-red {
        padding: 9rem 0 8rem;
    }
    .cd-slider nav div{
        right: -19%;
    }
    .cd-slider nav div:last-of-type{
                left: -19%;
    }
}


@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: 2rem;
    }
    .home-sustainability-sec .bottom-content {
        padding: 2rem 0rem 0rem 4rem;
        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;
    }


}