.products {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 30px;
    justify-content: space-between;
    align-items: center;
    border-radius: 0 0 30px 30px;
    transition: 0.3s linear;
}
.productl{
    padding: 20px 50px;
}

.product-mimg {
    display: none;
}

.product-img{
    display: flex;
    position: relative;
    height: 100%;
    overflow: hidden;
    border-radius: 0px 0px 30px 30px;
    min-height: 300px;
}
.product-img>img{
    width: 100%;
    object-fit: cover;
    object-position: right;
}
.mb2{
    margin-bottom: 20px !important;
}
.pb3{padding-bottom: 30px !important;}
.mb3{
    margin-bottom: 30px;
}

.mt30{
    margin-top: 30px;
}
.mb50{
    margin-bottom: 50px;
}
.mb10{
    margin-bottom: 100px;
}
.mt10{
    margin-top: 100px;
}
.mt1{
    margin-top: 10px;
}

.d-flex{display: flex !important;}
.d-block{display: block !important;}
.products h2{
    color: var(--hedc);
    font-size: 40px;
    line-height: 45px;
}

.product-img-parent{
    position: relative;
    height: 100%;

}
.product-img-content{
    position: absolute;
    z-index: 2;
    bottom: 50px;
    left: 80px;
}

.product-img-content .pro-h3{
    margin-top: 10px;
}

.f-18{
    font-size: 18px;
    line-height: 26px;
    font-weight: 600;
}
.product-img-parent::after {
    height: 100%;
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    background: linear-gradient(180deg, rgb(103 103 103 / 0%) 33%, rgba(0, 0, 0, 0.856) 80%);
    transition: opacity 0.5s linear;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
    opacity: 1; /* Start visible */
}

.products:hover .product-img-parent::after {
    background: linear-gradient(0deg, #2c476899, rgba(90, 106, 129, 0) 70%);
    opacity: 0; /* Fades out on hover */
}

.product-img-parent:hover .p-sm-info {
    background: #ff7524;
    border: 1px solid #ff7524;
    color: #fff;
}
.products:hover{
    background: #fe823a3d;
}

.product-even {
    background-color: #e7e7e9;
    border-radius: 0 0 30px 30px;
    overflow: hidden;
}
.product-even .productl{
    padding-left: 80px;
}

/* product page starts */
.pro-container .product-img-parent .product-img{
    max-height: 400px;
}

.pro-container>div:hover .product-img-parent::after {
    background: linear-gradient(0deg, #2c476899, rgba(90, 106, 129, 0) 70%);
    opacity: 0; /* Fades out on hover */
}

.product-img-parent .sustain-shape{
    top: 10px;
    right: 10px;
}

.ppdf-pos{
    margin-top: 50px;
    display: flex;
    justify-content: flex-end;

}
.ppdf-pos .down-pdf{
    display: flex;
    align-items: center;
    gap:20px;
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    background: #2d4768;
    padding: 12px 25px;
    transition: .3s linear;
    width: 420px;
}
.pdf-span{
    display: flex;
    border-radius: 50%;
     background: var(--orange);
    padding: 4px;
}
.down-white-arrow{
    transition: .3s linear;
}
.ppdf-pos .down-pdf:hover .pdf-span{
    background-color: var(--shedc);
}
.ppdf-pos .down-pdf:hover .down-white-arrow path{
    fill: var(--orange);
}
.products-grid {
    display: grid;
   grid-template-columns: repeat(3,1fr);
    gap: 50px;
    margin-top: 100px;

  }

  .product-card {
    width: 100%;
    text-align: center;
    border-radius:0 0 20px 20px;
    transition: .3s linear;
  }

  .product-card-img img{
   object-fit: cover;
  }
  .product-card-img{
    background: #f5f5f5;
    overflow: hidden;
    border-radius: 0 0 30px 30px;
    padding: 60px 30px 50px;
  }
  .product-card-content{
    padding: 30px;
    display: grid;
    justify-items:left;
    text-align: left;
  }
  .pro-h3.black{
    color: var(--hedc);
    font-size:35px !important ;
    line-height: 40px !important;
  }
  .f-23{
    font-size: 23px;
    line-height: 33px;
    font-weight: 500;
    color: #000;
  }

  .product-card:hover {
    background: #f5f5f5;
  }

  .product-card:hover .obrbtn {
    background-color: var(--orange);
    color: #fff;
  }
.product-container .cap-tabs{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    width: 100%;
    padding: 0px 10px;
    justify-items: start;
}

.cap-tabs-h3{
    padding: 15px 0px ;
    text-align: left;
    font-size: 36px;
    line-height: 44px;
    color: var(--hedc);
    font-weight: 600;
    position: relative;
    background-color: #fff;
    border: 0;
}
.pro-container .product-img-content .pro-h3 {
    margin-top: 30px;
}

.pro-container .product-img-content {
        position: absolute;
    z-index: 2;
    bottom: 50px;
    left: 70px;
}


/* product page ends */

/* drop down starts */
.menu.cap-menu>a{
    height: 100px;
    display: flex;
    align-items: center;
}
.empty-drop{
    padding-top:20px ;
}
.cap-drop-wrp{
    transform: scaleY(0);
    transform-origin: top;
    opacity: 0;
    width: 40%;
    position: fixed;
    padding-top: 30px;
    top: 70px;
    right:15%;
    transition: 0.2s linear;
    z-index: -1000;
}
.cap-nav{
    border-radius: 0px 0px 20px 20px;
    padding: 15px 20px;transition: 0.2s linear;
}
.cap-nav:hover{background-color: #f5f5f5;}
.cap-drop{
    background: #fff;
    box-shadow: rgb(204, 204, 204) 0px 5px 10px 2px;
    border-radius: 0 0 30px 30px;
    margin: auto;
    padding: 40px 30px 40px;
}
.cap-menu:hover .cap-drop-wrp{
    transform:  scaleY(1);
    opacity: 1;
    visibility: visible;
    z-index: 0;
}
.drop-head{
    font-weight: 400;
    font-size: 30px;
    line-height: 42px;
    margin: 10px 0px 30px;
}
.cap-drop-nav{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap:20px 30px;
}
.cap-nav-head{
    font-size: 21px;
    line-height: 26px;
    border-bottom: 1px solid #8f8f8f;
    transition: .3s ease;
    padding-bottom: 10px;
}
.cap-nav-para{
    width: 90%;
    font-size: 14px;
    line-height: 18px;;
    color: grey !important;
}

.cap-nav-div:hover .cap-nav-head{
    color: var(--orange);
    border-bottom: 1px solid #fc4c02;
}

/* drop down ends */

.quicklink-a {padding: 0px !important;}

/* home page segment section start */
.end-user-segments{background-color: #e9eaec;
}
.segment-header{
    display: grid;
    grid-template-columns: 33% 42% 25%;
    align-items: center;
    padding-bottom: 100px;
}
.segment-p{
    font-size: 16px;
    line-height: 26px;
}
.left-item{
    justify-self: start;
    width: 100%;
    text-wrap:wrap;
}
.right-item{
    justify-self: end;
}
.segments-grid{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 35px;
}
.segment-card {
    background: #ffffff;
    text-align: left;
    display: grid;
    transition: .3s linear;
    overflow: hidden;

  }
  .seg-img {
    margin: 0 20px 20px 0;
    display: flex;
    overflow: hidden;
    justify-content: center;
}
  .seg-img img{
    width: 100%;
    height: auto;
    object-fit: cover;
    transition: .3s linear;
  }
.segment-card:hover .seg-img img {
    transform: scale(1.1);
}
.segment-card:hover .seg-con-h2{
    color: var(--orange);
}


  .seg-con-h2{
    color: var(--hedc);
    font-size: 30px;
    line-height: 36px;
    font-weight: 700;
    transition: .3s linear;
  }
  .seg-info{
    padding: 40px 20px 40px 30px;
    display: grid ;
   grid-template-columns: auto 50px;
   height: 220px;

  }
  .seg-info-content{
    padding-top: 20px;
  }
  .seg-numb{
    font-size: 40px;
    color: #000;
    font-weight: 600;


  }
  .segment-header .bh2 {
    font-weight: 400;
}

/* home page segment section end */

/* header alignment starts*/
.header{
    grid-template-columns: 250px auto;
}
.menu-div{
    padding-left: 0px;
}
/* header alignment starts*/

/* vasanth css starts */
.cap-nav-para {    width: 90%;
    font-size: 14px;
    line-height: 22px;
    color: #585858 !important;
    font-family: 'Oxygen';
    font-weight: 500;}.cap-nav-div:hover .cap-nav-head {border-bottom: 1px solid var(--orange);}
    .cap-drop-wrp {    width: 800px;right: 30%;}
/* vasanth css ends */


/* map css starts */
.map-d{width: fit-content;margin: auto;}

.map-d {background-size: contain;background-repeat: no-repeat;position: relative;margin: auto;margin-top: 40px;}
.hauto {height: auto;}
.map-div {position: absolute;cursor: pointer;transform: translateY(-10%);}
.tooltip-map {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: -3px;
    display: grid;
    justify-content: center;
    z-index: 9999;
    left: 20px;
    transition: 0.3s linear;
    transform: translateY(-8px);
    padding: 5px 10px;
    background-color: #064278;
    color: #fff;
    border-radius: 5px;
    font-size: 12px;
    white-space: nowrap;
        width: 260px;
    height: 160px;
}
.map-div::after {
    content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij48cGF0aCBmaWxsPSIjZmU4MjNhIiBkPSJNMTIgMTEuNUEyLjUgMi41IDAgMCAxIDkuNSA5QTIuNSAyLjUgMCAwIDEgMTIgNi41QTIuNSAyLjUgMCAwIDEgMTQuNSA5YTIuNSAyLjUgMCAwIDEtMi41IDIuNU0xMiAyYTcgNyAwIDAgMC03IDdjMCA1LjI1IDcgMTMgNyAxM3M3LTcuNzUgNy0xM2E3IDcgMCAwIDAtNy03Ii8+PC9zdmc+);
    position: absolute;
    left: 0px;
    z-index: -244;
    height: 10px;
    width: 10px;
    cursor: pointer;
}
.tooltip-map p {line-height: 24px;
    height: 0px;
    margin-top: 15px;}
.tooltip-map .img{width:90px;height: 90px;}
.tooltip-map img{  width: 250px;
    height: auto;
    object-fit: cover;
    margin-left: -80px;    z-index: 9999;
    position: relative;}
 .sun-worldmap .tooltip-map img {width: 150px;margin-left: 0;} .sun-worldmap .tooltip-map p {font-size: 16px;font-weight: 600;letter-spacing: 0px;margin-top: -15px;}
  .sun-worldmap .tooltip-map  {width: 160px;height: 110px;}  .sun-worldmap .tooltip-map .img {width: auto;height: auto;}

 .map-Halol {z-index: 99;}
.map-div.map-gurgaon .tooltip-map {bottom: -31px;left: 26px;}
.map-div.map-tapukara .tooltip-map {
    bottom: -49px;
    left: 19px;
}
.map-div.map-ludhiana .tooltip-map {
    bottom: -13px;
    left: 26px;
}
.map-div.map-Halol .tooltip-map {
    bottom: 1px;
    left: -77px;
}
.map-div.map-bawal .tooltip-map {
    bottom: 10px;
    left: -54px;
}
.map-div.map-bhiwadi .tooltip-map {
    bottom: -13px;
    left: 26px;
}
.map-div:hover .tooltip-map {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
/* map css ends */
/* vijay css starts */

.qmachine-sec .cap-tabs {

    margin: 0px;
    border-bottom: none;
    justify-content: flex-start;
    background-color:rgb(224 228 234 / 70%);
    gap: 10px;
    height: 100%;
    padding: 0px;
    flex-direction: column;
    padding: 50px 0px 100px;
}
.qmachine-sec .cap-tabs-container{
    display: grid;
        grid-template-columns: 25% 70%;
       /* padding: 50px 0px 100px; */
       justify-content: space-between;
       background-color: transparent;

}
.qmachine-sec .cap-tabs button{
    background-color: transparent;
    text-align: left;
    padding: 8px 20px;
    font-size: 18px;
}
.qmachine-sec .cap-tabs button.active{
    background-color: #eceff4;
}
.qmachine-sec .cap-content{
    align-items: start;
    /* grid-template-columns: 45% 50%; */
    /* gap: 50px; */
}
.qmachine-sec .cap-content {
   padding: 0px;
}
.qmachine-sec .cap-div{
    margin: 0px 0px 20px;
    padding: 50px 0px 100px;
}
.cap-tab-outer{
    background-color: rgb(228 233 239 / 70%);

}
.counter-container .counter-sec2 {
    background: #fff;
    padding: 20px 0px 30px;
}
.counter-container .count-p{
    color: #000;
}
.count-grid{
    grid-template-columns: repeat(3,1fr);
    justify-items: center;


}
.count-grid .count-d div{
    margin: 0px !important;
}
.team-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1000;
  }

  .team-modal-content {
    background: #f1f5f4;
    width: 700px;
    max-width: 95%;
    border-radius: 6px;
    padding: 2rem;
    position: relative;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
  }

  .team-modal-close {
    position: absolute;
    top: 16px;
    right: 16px;
    background: #000;
    color: #fff;
    border: none;
    font-size: 20px;
    line-height: 26px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    cursor: pointer;
  }

  .team-modal-name {
    font-size: 1.5rem;
    font-weight: bold;
    margin-bottom: 0;
    color: #333;
  }

  .team-modal-position {
    font-size: 1rem;
    color: #444;
    margin-bottom: 1rem;
  }

  .team-modal-body {
    display: block;
    gap: 1.5rem;
    align-items: flex-start;
    margin-top: 1rem;
  }

  .team-modal-img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    border-radius: 50%;
    border: 4px solid white;
    background: white;
  }

  .team-modal-bio {
    font-size: 18px;
    color: #333;
    line-height: 28px;
    margin-bottom: 8px;
    margin-top: 5px;
  }
/*
  .cap-img-cont {

    width: 500px;
}
.cap-img-cont div{
    padding: 30px 35px;
}
.cap-img-cont div p {
    font-size: 32px;
    line-height: 38px;
} */


/* vijay css ends */
.page-link{width:100%;background: #f5f5f5;box-shadow:0px 4px 4px #e9e9e9;}
.page-link .container{display: flex;gap: 50px;}
.page-link a{padding: 10px 0px;border-bottom: 2px solid transparent;}
.page-link .active{border-bottom: 2px solid var(--orange);}
.piston .product-card-img img{ object-fit: cover;filter: brightness(94%) contrast(105%);background-color: #fff;}
.breadcrumbs{flex-wrap:wrap ;}


/* news detail starts */
.news-detail-grid {
    display: grid;
    grid-template-columns: 66% 30%;
    justify-content: space-between;
    gap: 50px;
}
.news-detail-date{
    display: flex;
    gap: 5px;
    padding-top: 0px;
}
.news-detail-date h3{
    font-size: 18px;
    line-height: 24px;
}
.news-title

.news-detail-slider {
      border-radius: 25px;
    overflow: hidden;
    max-height: 400px;
}
.news-detail-img img {
    object-fit: cover;
}
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}
.news-detail-gallery-img {
    display: flex;
    overflow: hidden;
    border-radius: 10px;
    cursor: pointer;

}
.news-detail-gallery .slider-nav{
    position: relative;
}

.news-detail-gallery .slider-nav  .swiper-pagination{
    position: absolute !important;
    bottom: 20px !important;
    justify-content: center;
}

.recent-col {
    padding: 15px 20px;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, .15) 0 2px 8px;
    border-radius: 20px;
    position: relative;
    transition: .3s linear;
}
.recent-news-grid {
    display: Grid;
    gap: 20px;
}
.recent-news {
    position: sticky;
    top: 120px;
}
.news-detail-content p{
    line-height: 30px;
}
.n-pb{
        font-family: oxygen;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 13px;
    color: var(--shedc);
    width: 80%;
    line-height: 30px;

}
.recent-col .date{
    font-weight: 700;
}
.recent-col:hover{
    background-color: #e6e6e8;
}
.recent-col .date-div{
    padding-top: 0px;
}
.recent-col .date-div p {
    font-size: 16px;
    line-height: 24px;
}
.news-detail-gallery-img img {
    object-fit: cover;
    transition: .3s linear;
}
.news-detail-gallery-img:hover img {
    transform: scale(1.05);
}
.news-title .bh3{
    width: 80% !important;
    margin-bottom: 10px !important;
}
.recent-col .blog-title{
    font-size: 16px;
    line-height: 22px;
}
.recent-col{display: grid;
grid-template-columns: 120px auto;
gap: 15px;

}
.recent-img{
        display: flex;
    overflow: hidden;

    border-radius: 15px;

}
.recent-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
       transition: 0.2s linear;
}
.recent-col:hover .recent-img img{
    transform: scale(1.05);
}
.recent-news .bh4{
    font-size: 32px;
    line-height: 40px;
    color: #000;

}

/* news detail ends */
/* news starts */
.news-grid{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 30px;

}
.news-grid .blog-d{
    padding: 35px;
    border-radius: 30px;
    border: 1px solid #0642783d;
    background-color: #e6e6e8;
}
.news-grid .blg-img{
    margin-top: 0px;
    margin-bottom: 0px;
}

/* news ends */
.bnr-wrp .img-div img {
    height: 180px ;
    position: absolute;
    bottom: -30px;
    right: -95px;    opacity: 0.5;
}
.sustain-bnr .bnr-wrp .img-div img{
    height: 180px;

}
/* .subbbnr .container{
    position: relative;
} */
.news-grid .blg-img img{
       height: 150px;
        width: 100%;
        object-fit: cover;
}
.csr-tab-w80 .cap-content{
    grid-template-columns: 36% 60%;
}
.csr-tab-w80 .cap-img-div{
    margin-bottom: 0px !important;
}

.career-img-div{
    position: relative;

}
.careers-grid{
    display: grid;
    grid-template-columns: 48% 48%;
    justify-content: space-between;
     margin-bottom: 100px;

}
.career-img{
    border-radius: 25px;
    overflow: hidden;
    max-height: 400px;
    display: flex;
    border: 1px solid #dddddd;

}

.careers-img-box>div{
    position: sticky;
    top: 130px;
}
.career-img img{
    object-fit: cover;
    transition: .2s linear;
}
.careers-img-box .cap-img-cont{
    padding: 15px 15px 0px 0px;
}
.careers-img-box .cap-img-cont div{
    padding: 20px !important;
}
.fw-600{
    font-weight: 600;
}
.email-box{
    width: fit-content;
    padding: 25px ;
    border: 1px solid #064278;
    border-radius: 20px;
    margin-top: 30px;
    display: flex;
    gap: 20px;
    position: relative;
    transition: .2s linear;
}
.email-box:hover{
    background-color: #e9eaec;
}
.email-box img{
    width: 50px;
}
.email-box p{
    color: #012847;
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}
.email-box a{
    font-size: 20px;
    color: var(--orange);
    font-weight: 500;
    display: block;
}

.subbbnr{
    min-height: 353px;
}

*::selection{
    background-color: var(--hedc);
    color: #fff;
}
.career-img:hover img{
transform: scale(1.04);
}
.career-img:hover .cap-img-cont  {
    border:1px solid var(--hedc);
}
.career-img:hover .cap-img-cont div{
    background-color: var(--hedc);
}
.sustainability .cap-img-div img{
    transition: .2s linear;
}
.sustainability .cap-img-div:hover img{
    transform: scale(1.03);
}
.item.blog-d{
    position: relative;
}
.item.blog-d:hover .obrbtn{
background-color: var(--orange);
    color: #fff;

}
.cap-content{
    align-items: start;
}
.mt15{
    margin-top: 15px;
}

 .cap-content ul{
    font-weight: 500;
    padding-left: 0px;
}
.common-list li{
    font-size: 16px;
    line-height: 26px;
}
.cap-content p{
    font-size: 16px;
    line-height: 26px;
}
.roadmap-list li{
    font-weight: 500;
    color: var(--hedc);
}
.cap-content p b{
    font-size: 18px;
}
.por-d-t{
    z-index: 3;
}
.solution-wrp p{
    font-size: 16px;
    line-height: 26px;
}
.home-roadmaplst li, .seg-img p{
     font-size: 16px;
    line-height: 26px;
}
.dot-ul li {
     font-size: 16px;
    line-height: 26px;
}
.bnr-title{
    color: rgb(255 247 247 / 40%);
}
.bnr-title{
    z-index: 1;
}
.subbbnr .bnr-wrp{
    grid-template-columns: 100%;
}
.capabilities .prec-ban .bnr-title {
    font-size: 70px;
    line-height: 78px;
    margin-bottom: -10px;
}
.vis-mis-wrp .cap-img-cont {
    bottom: 0px;
}

.facilities-spb{
    transition: .2s linear;
}
.facilities-spb:hover{
    box-shadow: 0px 0px 6px 6px #e4e4e4;
}
.facilities-spb:hover .quality-newtab .cap-img-item img{
    transform: scale(1.04);
}
.awd-img-d img{
    width: 100px;
}
.capabilities.tech-section .cap-img-item::after{
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 20%, transparent 90%);
}

.diversed-slide .pro-card::after{
    background: linear-gradient(180deg, rgb(103 103 103 / 0%) 0%, rgb(0 0 0 / 70%) 85%);
}


.cap-div-grid {    width: 100%;}
.cap-div-grid .cap-content {    display: flex
;
    width: 100%;
    justify-content: space-between;
 }
.cap-div-gtitle {width: 45%;}
.cap-div-grid .quality-newtab {    width: 50%;}
.dgrid .cap-img-item::after {z-index: 0 !important;}.quality-newtab .cap-img-item::after {z-index: 0 !important;}
.dgrid .quality-swiper {z-index: 2;}
.vehicle-position {
    position: absolute;
    bottom: 0;
}
.sun-roadmap {width: 80%;margin: auto;}
.sun-roadmap .roadmap-list {    display: grid
;
    grid-template-columns: repeat(4, 1fr);    gap: 15px;    margin: 40px 0 60px;}
.sun-roadmap .roadmap-list li {    list-style-type: none;
    width: 150px;
    margin: auto;}




/* responsive */
@media (min-width:2000px) {
    .home-prod-slider .pro-card{
        background-position: top !important;
        background-position-y: -80px !important;
    }

}
@media (max-width:1600px) {
    .cap-drop-wrp{
        width: 800px;    right: 28%;
    }
    .vtab-content{
  height: 100%;
  overflow: scroll;
}
}

@media (max-width:1550px) {
    .news-grid{
        grid-template-columns: repeat(3,1fr);
        gap:20px;
    }
    .capabilities .prec-ban .bnr-title {
    font-size: 55px;
    line-height: 61px;
    margin-bottom: -10px;
}

}

@media (max-width:1480px) {
    .products h2{
     font-size: 34px;
    line-height: 40px;
}
.product-card-img {

    padding: 100px 50px 50px;
}
.segment-header {
    display: grid;
    grid-template-columns: 30% 48% 18%;
    gap: 20px;
}
.bnr-wrp .img-div img{
    width: initial;
          bottom: -30px;
        right: -95px;
}
   .sustainability .csrtab-hedthree{
        font-size: 30px;
        line-height: 38px;
    }
    .subbbnr{
    min-height: 319px;
}

}

/* vijay css */
@media (max-width:1400px) {
    .qmachine-sec .cap-div{
        align-self: center;
    }
.vis-mis-wrp .cap-img-cont div {
        padding: 17px 16px !important;
    }
    .vis-mis-wrp .cap-img-cont div p{
        font-size: 26px;
        line-height: 32px;
    }
}
/* vijay css */
@media (max-width:1390px) {
    .menu-wrp {
        grid-template-columns: auto 200px;
        gap:35px;
}
}
@media (max-width:1350px) {
    .f-23 {
        font-size: 21px;
        line-height: 28px;
    }
    .breadcrumbs a {font-size: 16px;}
    .breadcrumbs li {font-size: 16px; }
.pro-container .product-img-content .pro-h3 {font-size: 22px;line-height: 26px;}
.recent-col .blog-title{
    font-size: 16px;
    line-height: 22px;
}
}

@media (max-width: 1300px) {
    .header {
        display: grid;
        grid-template-columns: 190px auto !important;
    }
    .recent-col{
        grid-template-columns: 100%;
    }.bnr-wrp .img-div img {        bottom: -30px;}
}




@media (max-width:1250px) {
    .productl{
        padding: 40px 20px 40px 30px;
    }
    .product-even .productl {
        padding-left: 40px;

    }
    .ppdf-pos .down-pdf {
        font-size: 26px;
        line-height: 32px;
        width: 380px;
    }
    .segment-header {
        grid-template-columns: 24% 54% 18%;

    }

}

/* vijay css */
@media (max-width:1200px) {
    .qmachine-sec .cap-tabs {
        display: flex;

        gap: 20px;
    }
    .qmachine-sec .cap-tabs button {
        border: none;
        border-radius: 0px;
    }
    .cap-tabs button.active::after, .cap-tabs button:hover::after {
        width: 100%;
    }
    .cap-tabs button::after {
        left: 0px;
    }
    .qmachine-sec .cap-content {
        grid-template-columns: 100%;
    }
    .qmachine-sec .cap-tabs-container {
        grid-template-columns: 30% 60%;
    }
    .count-grid{
        grid-template-columns: repeat(3,1fr);
        justify-items: center;

    }
    .bnr-wrp .img-div img {
    height: 170px;

        right: -91px;
        bottom: -25px;
}
.sustain-bnr .bnr-wrp .img-div img{
    height: 140px;

}.news-grid .blog-conten-d {
    gap: 20px;
    margin-top: 20px;
}
.cap-div-grid .cap-content {flex-wrap: wrap;}.cap-div-gtitle, .cap-div-grid  .quality-newtab {
    width: 100%;
}    .subbbnr {
        min-height: 253px;
    }
}
/* vijay css */

@media (max-width:1150px) {
      .subbbnr{
    min-height: 270px;
}.bnr-wrp .img-div img {           right: -91px;
        bottom: -25px;}    .abt-bnr-parent .img-div img {
        bottom: -52px !important;
        right: -173px !important;
    }    .abt-bnrrp::after {
        bottom: -28px;
    }
}
@media (max-width:1110px) {
    .product-img-content{

        bottom: 50px;
        left: 50px;
    }
    .news-grid{
        grid-template-columns: repeat(2,1fr);
    }
}

/* vijay css */
@media (max-width:1080px) {
    .count-grid .count-d div {
        width: fit-content;
     }
     .count-grid {
        grid-template-columns: repeat(3, auto);
        justify-items: center;
    }
    .news-title .bh3 {
    width: 90% !important;
}
}

/* vijay css */

@media (max-width:1060px) {
    .product-mimg{
                 display: flex !important;
                max-width: 65%;
                border-radius: 0 0 30px 30px;
                overflow: hidden;
                height: auto;
                object-fit: cover;

            }
    .product-img-parent{
        display: none;
    }

    .pro-container .product-img-parent{
        display: block;
    }
    .products{
        grid-template-columns: 100%;
    }
    .product-even .productl {
        padding-left: 30px;
    }
    .products-grid {
        margin-top: 30px;
    }
    .product-card-img {
        padding: 65px 30px 40px;
    }
    .pro-h3.black{
        margin: 0;
    }
    .segment-header {
        grid-template-columns: 100%;
            padding-bottom: 40px;
    }
    .segment-p{
        width:80%;

}
    .right-item{
        justify-self: start;
    }
    .map-bawal{top: 31% !important;right: 76% !important;}
    .map-gurgaon{top: 24% !important;right: 73% !important;}
    .map-bhiwadi{top: 28% !important;right: 72% !important;}
}

@media (max-width:992px) {
    .csr-tab-w80 .cap-content{
    grid-template-columns: 100%;
}
.sustainability .csr-tab-w80 .cap-img-item{
    height: 320px;
}
.sustainability .cap-content{
    gap: 0px;
}
  .sustainability .csrtab-hedthree {
        font-size: 28px;
        line-height: 35px;
    }
    .csr-tab-w80 .cap-img-div{
    margin-bottom: 100px;
}
.careers-grid {
    margin-bottom: 60px;
}
.pro-container{
    width: 100% !important;
}
}

@media (max-width:990px) {
    .products h2{
     font-size: 28px;
    line-height: 34px;
}
.products-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}
.product-container .cap-tabs{
    display: block;
    padding: 0px;
}
.ppdf-pos .down-pdf {
    font-size: 20px;
    line-height: 26px;
    width: 260px;
    padding: 10px 15px;
    gap: 10px;
}
.down-white-arrow{
    width: 30px;
    height: 30px;
}
.news-detail-grid{
    grid-template-columns: 100%;
}
  .recent-col{
        grid-template-columns: 220px auto;
    }
    .news-grid .blog-d{
        padding: 30px;
    }
    .careers-grid{
        grid-template-columns: 100%;
        gap: 50px;
    }
}
/* vijay css */

@media (max-width:900px) {

.bnr-title.tit2 {
    bottom: 0px;
    left: 0px;
}
    .prec-ban .bnr-title.tit2 {
        font-size: 43px;
        line-height: 50px;
    }
.bnr-wrp .img-div img{        right: -125px;
        bottom: -60px;height:150px;}      .abt-bnr-parent .img-div img {
        bottom: -21px !important;
        right: -120px !important;
    }    .abt-bnrrp::after {
        bottom: 0;
    }.sun-worldmap img {
    width: 100%;
}.sun-worldmap  .tooltip-map {    left: -80px;}.sun-roadmap {width: 100%;}.sun-roadmap .roadmap-list {    grid-template-columns: repeat(3, 1fr);}
}

@media (max-width:880px) {
    .qmachine-sec .cap-tabs-container {
        grid-template-columns: 35% 55%;
    }

}
/* vijay css */

@media (max-width:850px) {
    .pro-h3.black{
        font-size: 30px !important;
        line-height: 36px !important;
    }
    .f-23{
        font-size: 18px;
        line-height: 24px;
        margin-bottom: 10px !important;
    }
}


@media (max-width:800px) {
    .product-mimg{
       max-width:80%;
    }

    .product-mimg {
        border-radius: 0 0 25px 25px;
    }
    .product-img{
        border-radius: 0 0 25px 25px;
    }
    .product-img-parent::after {
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px;

    }
    .map-div::after {
        content: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNXB4IiBoZWlnaHQ9IjE1cHgiIHZpZXdCb3g9IjAgMCAzMiAzMiI+PHBhdGggZmlsbD0iI2ZlODIzYSIgZD0iTTE2IDJBMTEuMDEzIDExLjAxMyAwIDAgMCA1IDEzYTEwLjkgMTAuOSAwIDAgMCAyLjIxNiA2LjZzLjMuMzk1LjM0OS40NTJMMTYgMzBsOC40MzktOS45NTNjLjA0NC0uMDUzLjM0NS0uNDQ3LjM0NS0uNDQ3bC4wMDEtLjAwM0ExMC45IDEwLjkgMCAwIDAgMjcgMTNBMTEuMDEzIDExLjAxMyAwIDAgMCAxNiAybTAgMTVhNCA0IDAgMSAxIDQtNGE0LjAwNSA0LjAwNSAwIDAgMS00IDQiLz48Y2lyY2xlIGN4PSIxNiIgY3k9IjEzIiByPSI0IiBmaWxsPSJub25lIi8+PC9zdmc+);
    }

}

/* vijay css */
@media (max-width:760px) {
    .qmachine-sec .cap-tabs-container {
        grid-template-columns:100%;
        padding: 50px 0px;
    }
    .qmachine-sec .cap-content {
        gap: 10px;

    }
    .qmachine-sec .cap-div {
        margin: 8px 0px 80px;
        padding: 0px;
    }
    .accordion-collapse {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        transition: max-height 0.4s ease, opacity 0.4s ease;
      }

      .accordion-collapse.open {
        max-height: 1000px; /* A value large enough to show your content */
        opacity: 1;
      }
      .qmachine-sec .cap-tabs {
        padding-bottom: 0px !important ;
        height: fit-content;
        padding: 0px;
        background-color: transparent;
        border-bottom: 2px solid #000   ;
      }
      .qmachine-sec .cap-tabs button {
        width: 100%;
        display: flex;
        justify-content: space-between;

    }
    .accordion-header {
        display: flex;
        justify-content: space-between; /* Distribute the text and the arrow */
        align-items: center; /* Center vertically */
        width: 100%; /* Ensure it takes up the full width of the parent */
        padding: 10px; /* Adjust as needed */
      }

      .accordian-arrow {
        width: 20px;
        height: 20px;
        transition: transform 0.3s ease;
        display: inline-block;
        transform-origin: center; /* Ensure the arrow rotates around its center */
      }


      .accordian-arrow::after{
        content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Ik04MzEuODcyIDM0MC44NjRMNTEyIDY1Mi42NzJMMTkyLjEyOCAzNDAuODY0YTMwLjU5IDMwLjU5IDAgMCAwLTQyLjc1MiAwYTI5LjEyIDI5LjEyIDAgMCAwIDAgNDEuNkw0ODkuNjY0IDcxNC4yNGEzMiAzMiAwIDAgMCA0NC42NzIgMGwzNDAuMjg4LTMzMS43MTJhMjkuMTIgMjkuMTIgMCAwIDAgMC00MS43MjhhMzAuNTkgMzAuNTkgMCAwIDAtNDIuNzUyIDB6Ii8+PC9zdmc+');
        height: 18px;
        width: 20px;
        position:center;
      }

      .accordian-arrow.rotate::after{
        content: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAxMDI0IDEwMjQiPjxwYXRoIGZpbGw9IiMwMDAiIGQ9Im00ODguODMyIDM0NC4zMmwtMzM5Ljg0IDM1Ni42NzJhMzIgMzIgMCAwIDAgMCA0NC4xNmwuMzg0LjM4NGEyOS40NCAyOS40NCAwIDAgMCA0Mi42ODggMGwzMjAtMzM1Ljg3MmwzMTkuODcyIDMzNS44NzJhMjkuNDQgMjkuNDQgMCAwIDAgNDIuNjg4IDBsLjM4NC0uMzg0YTMyIDMyIDAgMCAwIDAtNDQuMTZMNTM1LjE2OCAzNDQuMzJhMzIgMzIgMCAwIDAtNDYuMzM2IDAiLz48L3N2Zz4=');
        height: 18px;
        width: 20px;
      }
      .count-grid {
        gap: 0px 25px;
    }
    .counter-container .csr-tab-w60 {
        width: 85%;
    }
    .qmachine-sec .cap-tabs button::after{
        width: 0px;
    }
    .qmachine-sec .cap-tabs {
         gap: 10px;
    }.page-link .container {flex-direction: column;gap: 0px;}
    .gallery-grid{
        grid-template-columns: repeat(2,1fr);
    }
    .n-pb{
        width: 90%;

    }
    .accordion-collapse2 {width: 100%;}
    .accordion-collapse2 .quality-newtab, .wi100 {width: 100%;}
    .accordion-collapse2 .cap-content {display: flex;flex-wrap: wrap;width: 100%;}
      .capabilities .prec-ban .bnr-title {
        font-size: 36px;
        line-height: 42px;
    }
.bnr-wrp .img-div img {        bottom:-74px;        right: -135px;}
}

/* vijay css */

@media (max-width:700px) {
    .sustainability .csr-tab-w80 .cap-img-item{
    height: 280px;
}    .abt-bnr-parent .img-div img {
        right: -115px !important;
    }
}

@media (max-width:680px) {
    .product-mimg{
       max-width: 100%;
   }
   .f-18{
    font-size: 16px;
    line-height: 26px;
   }
   .pro-container .product-img-content {
    bottom: 50px;
    left: 50px;
}
.seg-info-content {
    padding-top: 10px;
}
.segment-header {
 padding-bottom: 50px;
}
.breadcrumbs {gap: 5px 10px;}.breadcrumbs a {font-size: 14px;}.breadcrumbs li {font-size: 14px; line-height: 20px;}
.q-link-wrp a {
    padding: 10px 10px 10px 15px;
    font-size: 16px;
}
.news-grid{
        grid-template-columns: repeat(1,1fr);
    }
}

/* vijay css */
@media (max-width:640px) {
    .counter-container .csr-tab-w60 {
        width: 100%;
    }

    .bnr-wrp .img-div img {
    height: 130px;
    bottom: -50px;
     right: -75px;

}
.sustain-bnr .bnr-wrp .img-div img{
   bottom: -13px;
        right: -120px;
}
.news-grid .blog-d{
    padding: 30px 20px;
}
.csr-tab-w80 .cap-img-div{
    margin-bottom: 40px;
}

.capabilities .bnr-title.tit2{
    width: 80%;
}
 .sus-ind .cap-div {
    margin-bottom: 0px;
 }
     .prec-ban .bnr-title.tit2 {
        font-size: 40px;

        line-height: 44px;
    }
.bnr-wrp .img-div img { bottom: -65px !important; right: -115px;}    .abt-bnrrp::after {
        bottom: -44px;
    }
}
/* vijay css */

@media (max-width:600px) {
    .products-grid{
        grid-template-columns: 100%;
    }
    .product-card-img {
        padding: 65px 60px 40px;
    }
    .product-card-content {
        padding: 15px 25px;}

        .pro-h3.black{
            margin-top: 10px;
        }
        .careers-grid {
        margin-bottom: 20px;
    }

        .map-tab .awd-tab-nav{  display: grid;grid-template-columns: repeat(2,1fr);}
    .pro-container .product-img-content .pro-h3 {
        font-size: 20px;
        line-height: 24px;
    }    .pro-container .product-img-content {
        bottom: 15px;
        left: 40px;
    }

 .n-pb{
        width: 100%;
    }
.recent-col{
        grid-template-columns: 130px auto;
    }
    .news-detail-gallery-img{
        height: 180px;
    }

    }

    @media (max-width:580px) {
        .news-grid .blog-conten-d{
            gap: 10px;
            margin-top: 15px;
        }
          .sustainability .csr-tab-w80 .cap-img-item{
    height: 230px;
}
  .sustainability .csrtab-hedthree {
        font-size: 24px;
        line-height: 30px;
    }
    .careers-img-box .cap-img-cont div {
        padding: 15px 20px !important;
    }.bnr-wrp .img-div img {        bottom: -41px !important;}    .segment-p {
        width: 100%;
    }.diversed-div .btn-left {justify-content: center;}    .abt-bnrrp::after {
        bottom: -19px;
    }    .sun-worldmap .tooltip-map {
        left: -120px;
    }.sun-roadmap .roadmap-list {    grid-template-columns: repeat(2, 1fr);}

    }

@media (max-width:480px) {
     .productl{
        padding: 30px 15px;
     }
     .product-even .productl {
        padding-left: 15px;
    }

    .product-img-content{

        bottom: 25px;
        left: 25px;
    }
    .product-mimg {
        border-radius: 0 0 20px 20px;
    }
    .product-img{
        border-radius: 0 0 20px 20px;
    }
    .product-img-parent::after {
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;

    }
    .products h2{
     font-size: 22px;
    line-height: 26px;
    }
    .pro-container .product-img-content {
        bottom: 25px;
        left: 25px;
    }
    .ppdf-pos{
        margin-top: 30px;
    }
    .ppdf-pos .down-pdf {
        font-size: 20px;
        line-height: 26px;
        width: 260px;
        padding: 10px 15px;
        gap:10px;
    }
/* vijay css */

    .qmachine-sec .cap-content {
        padding-top: 0px !important;
    }
    .count-grid {
        grid-template-columns: repeat(2, 1fr);
        justify-items: start;
    }
    .page-link .container {flex-direction: column;gap: 0px;}

/* vijay css */
.pro-container .product-img-parent .product-img {
    height: 400px;
}
.news-detail-img{
    height: 160px;
    border-radius: 10px;
}
  .news-title .bh3 {
    width: 100% !important;
}
   .bnr-wrp .img-div img {
    height: 120px;
    bottom: -50px;
    right: -90px;

}
.recent-col{
        grid-template-columns: 100%;
    }
    .news-detail-slider{
        border-radius: 15px;
    }
        .sustainability .csrtab-hedthree {
        font-size: 20px;
        line-height: 26px;
    }
    .email-box{
        padding:  15px;
        gap: 15px;
    }
    .email-box img{
        width: 40px;
    }
    .career-img{
        height: 200px;
    }
    .abtpro-slider-div{
        display: block !important;
    }
    .abt-pro-img-d img{
        width: 100% !important;
    }
    .sustainability .csr-tab-w80 .cap-content {
                padding: 20px 0px;
    }
    .d-none-480{
        display: none !important;
    }


   .prec-ban .bnr-title.tit2 {
        font-size: 32px;
        line-height: 38px;
        width: 100%;
    }
    .prec-ban .bnr-wrp .bh2{
        font-size: 26px;
        line-height: 32px;
                margin: 15px 0 20px;
    }

    .vis-mis-img-d{
        height: 250px;
    }
   .map-div.map-Halol .tooltip-map {
    bottom: -128px;
    left: -20px;
}
.tooltip-map .img {
    width: 70px;
    height: 70px;
}.seg-img p {padding: 10px;font-size: 14px;line-height: 23px;}.blog-conten-d {margin-top: 0;}
.tooltip-map {width: 160px;height: 100px;}
.tooltip-map img {width: 150px;margin-left: -40px;}
.tooltip-map p {height: 14px;margin-top: 0;}
    .abt-bnr-parent .img-div img {
        right: -83px !important;        bottom: -36px !important;
    }
}


@media (max-width:400px) {
    .product-card-content {
        padding: 15px 20px;}
        .product-card-img {
            padding: 50px 30px 20px;
        }
        .ppdf-pos .down-pdf {
            font-size: 18px;
            line-height: 22px;
            width: 230px;
            padding: 8px 11px;
            gap: 10px;
        }
        .down-white-arrow {
            width: 25px;
            height: 25px;
        }
        .pro-h3.black{
            margin-top: 0px;
        }
          .sustainability .csr-tab-w80 .cap-img-item{
    height: 170px;
}
.sustainability .sus-ind .cap-img-cont div
 {
        padding: 10px 15px 10px 15px !important;
    }
}
@media (max-width:380px) {
    .sustainability .csr-tab-w80 .cap-img-cont div p {
    font-size: 18px;
    line-height: 26px ;

}
.email-box{
        padding:  10px;
        gap: 10px;
        width: 100%;
    }
    .email-box img{
        width: 35px;
    }
    .email-box p{
        font-size: 16px;
        line-height: 22px;
    }
    .email-box a{
    font-size: 17px;
    line-height: 23px;
}
    .pro-container .product-img-parent .product-img {
        height: 315px;
    }
    .capabilities.tech-section .cpfl-col .cap-img-cont{
        width: 100% !important;
        bottom: 0px;
    }

}