/* product page css start */


/* product css start */
.product_top_sec {padding-top: 7rem;}
.product_top_sec .sec_title{margin-bottom: 9.2rem;padding-right: 15rem;}
.product_top_sec .sec_title>h3{font-size: var(--font-30);font-weight: bold;color: var(--color-black); margin-bottom: 3rem;}
.product_top_full_width{background-color:var(--color-white);padding-block:11rem 10rem;max-width:100%;}
.product_heading {padding: 7rem 0 10rem 0;}
.product_heading p{font-size: var(--font-18);line-height: var(--line-height-30); font-weight: 400;}
.details-heading blockquote {margin-bottom: 3rem;}
.details-heading p {padding-right:16rem;}
.product_top_heading {margin-bottom: 7rem; text-align: center;}
.product_top_heading span{display: block;font-weight: 700; color: var(--color-e3);margin-bottom: 5rem;}
.product_top_heading h2{margin-bottom: 10rem; max-width: 80%;margin: 2rem auto 3rem auto;}
.product_top_left{padding-right:10rem;padding-top:0;position:sticky;top:12rem;}
.product_top_left abbr{color:var(--color-e3);font-size:var(--font-13);line-height:var(--line-height-21);font-style:italic;margin-top:3rem;padding-top:2.4rem;display:block;position:relative;border-top:1px solid #D2D2D2;}
.product_tabs_sec{padding-top: 7.6rem;text-align: center;}
.product_tabs_sec .container{position: relative;}
.product_tabs_sec p{margin: 0px auto 4.3rem;padding: 0 18rem;}
.product_tabs_sec .container-fluid{padding-inline: 0;}
.tabing-box-area{background-color: #1b1918c4;width: 45.4rem;position: absolute; left: -2rem;bottom: 6.7rem;height: 23.6rem;text-align: left;padding: 2.8rem 4rem;}
.tabing-box-area blockquote{color: var(--color-white);font-weight: 700;margin-bottom: 3rem;}
.tabing-box-area p{color: var(--color-white);max-width: 100%;padding: 0;margin: 0;} 
.product_harness_sec {padding-block: 10rem 13.3rem;background-color: var(--color-f6);}
.product_harness_sec .row{--bs-gutter-x: 2.2rem;}
.product_harness_sec .sec_title{margin-bottom: 3rem;}
.product_harness_box{padding: 3.7rem 3.8rem;background-color: var(--color-white);text-align: left;}
.product_harness_box figure{margin-bottom: 2.7rem;}
.product_title{display:flex;flex-direction:column;text-align: center;}
.product_title>h6{color: var(--color-black);font-weight: 600;margin-bottom: 1rem; aspect-ratio: 4 / 0.8;}
.product_title>p{font-size:var(--font-16);line-height:var(--line-height-24);margin-top: auto;}
.product_title>*{ transition:all 0.5s ease ; -webkit-transition:all 0.5s ease ; -moz-transition:all 0.5s ease ; -ms-transition:all 0.5s ease ; -o-transition:all 0.5s ease ; }
.product_harness_box:has(a:hover) .product_title>h6{color: var(--color-e3);}



@media(max-width:1799px){   
    .product_top_sec{padding-top:5rem;}
    .product_top_sec .sec_title{margin-bottom:7.2rem;padding-right:9rem;}
    .product_top_sec .sec_title>h3{margin-bottom:2.5rem;}
    .product_top_heading{margin-bottom:6rem;}
    .product_top_left{padding-right:6rem;}
    .product_top_full_width{padding-block:9rem 8rem;}



    .breadcrumb-wraper.product p{max-width:94%;}
    .product_top_heading blockquote{max-width:95%;}
    .product_heading p{padding-right:8rem;}
    .product_heading{padding:3rem 0 9rem 0;}
    .tabing-box-area{width:41.4rem;}
    .product_tabs_sec p{padding:0 15rem;}
    .tabing-box-area p{padding:0;}
    .product_harness_sec{padding-block:8rem 11.3rem;}
    .product_harness_sec .sec_title{margin-bottom:2.5rem;}
    .product_harness_box{padding:2.7rem 2.8rem;}

}

@media (max-width: 1550px) {
    .product_top_sec{padding-top:4rem;}
    .product_top_sec .sec_title{margin-bottom:5.2rem;padding-right:4.5rem;}
    .product_top_full_width{padding-block:7rem 6rem;}
    .product_top_left{padding-right:5rem;}
    .product_top_heading{margin-bottom:5rem;}
    .product_top_heading h2{margin: 1.5rem auto 2.5rem auto;}


    .breadcrumb-wraper.product p {max-width: 97%;  }
    .product_tabs_sec p {padding: 0 12rem; }
    .tabing-box-area p{padding: 0;}
    .product_tabs_sec {padding-top: 6.6rem;}
    .tabing-box-area p{max-width: 100%;}
    .tabing-box-area {width: 38.4rem; height: 21.6rem;}    
    

    .product_heading p {padding-right: 3rem; }
    .product_heading { padding: 3rem 0 8rem 0; }
    .product_harness_sec {padding: 7rem 0;}

    .product_harness_sec{padding-block:7rem 9.3rem;}
    .product_harness_sec .sec_title{margin-bottom:2rem;}
    .product_harness_box{padding:2.2rem 2.2rem;}


}

/* product css end */


.pro_sec{position:relative;}
.product_category_slider .swiper-slide{height:auto;}
.product_category_slider .swiper-slide .product_harness_box{height:100%;display:flex;flex-direction:column;}
.product_harness_box .over_btn{display: none;}
.pro_tp{padding-top:10rem;}
.pro_tp .sec_title{margin-bottom: 3rem;}

.pro_tp .instu_grid{display:grid;grid-template-columns:repeat( auto-fit,minmax(500px,1fr) );gap:4rem 3rem;}
.pro_tp .instu_grid .inst_bx{background-color:var(--color-f6);padding:0rem;}
.pro_tp .instu_grid figcaption{ padding: 4rem;}
.pro_tp .instu_grid .inst_bx h3{font-size:var(--font-21);margin-bottom:2rem;font-weight:600;}
.pro_sec .swiper-button-next,.pro_sec .swiper-button-prev{bottom:44%;}
.pro_sec .swiper-button-next{right:-6rem;}
.pro_sec .swiper-button-prev{left:-6rem;}
@media(max-width:1199px){
    .pro_tp .instu_grid{grid-template-columns:repeat( auto-fit,minmax(400px,1fr) );}
.pro_sec .swiper-button-next {
    right: -2rem;
}
.pro_sec .swiper-button-prev {
    left: -2rem;
}

}

@media(max-width:1024px){
.pro_sec .swiper-button-next {
    right: -2rem;
}
.pro_sec .swiper-button-prev {
    left: -2rem;
}

}

@media(max-width:991px){
    .pro_tp .instu_grid{grid-template-columns:repeat( auto-fit,minmax(300px,1fr) );}
    .pro_sec .swiper-button-next,.pro_sec .swiper-button-prev{}
    .pro_tp .instu_grid figcaption {padding: 2rem;}
    .product_top_sec .sec_title {
        margin-bottom: 3rem;
        padding-right: 0;
    }
    .product_top_full_width {
        padding-block: 3rem;
    }
    .product_top_heading h2 {
        max-width: 100%;
    }
    .product_top_heading {
        margin-bottom: 2rem;
    }
    .product_top_left {
        padding: 2rem 0 0;
    }
    .product_harness_sec {
        padding-block: 4rem 6rem;
    }
    .product_top_sec {
        padding-top: 3rem;
    }
    .product_title>h6{
        aspect-ratio: auto;
    }
    .historyprogress_sec{
        padding-block: 4rem 0;
    }
    
    .customersec_logo {
        padding-block: 4rem;
    }
    .customer_logogrid {   
        grid-template-columns: repeat(3, 1fr);
    }
    .technology_section {
        padding-block: 4rem;
    }
    .technology_section p {
        max-width: 100%;
    }
    .technology_section figure {
        margin-top: 3rem;
    }
    .yazaki_group_four::after{ display: none;}
    .people_career_sec.sustainability .people_career_right {
        margin-top: 0;
    }
    .people_career_sec.sustainability .people_career_left {
        padding-right: 0;
    }
    .sustainability-report{ margin-top: 3rem;}
    .sustainability-2 .programe_mission_box p {
        padding: 0;
    }
    .sustainability-environment {
        padding-block: 4rem;
    }
    .sustainability-environment .people_work_sec {
        margin-top: 3rem;
    }
    .sustainability-environment .work_right_prople {
        padding: 2rem 0 0;
    }
    .sustainability-environment .work_culture_content p {
        padding-right: 0;
    }
    .people_top_sec.sustainability-3 {
        padding-top: 4rem;
    }
    .people_top_sec.sustainability-3 blockquote {
        padding-right: 0;
    }
    .people_top_sec.sustainability-3 p {
        margin-bottom: 3rem;
        padding-right: 0;
    }
    .people_top_sec.sustainability-3.natural-resources-sec {
        padding-block: 4rem 5rem;
    }
    .natural-resources-grid{
                grid-template-columns: 1fr;
    }
    .natural-resources-grid > :nth-child(1){order: 2;}
    .natural-resources-grid > :nth-child(2){order: 1;}
    .natural-resources { padding-inline: 0; padding-top: 2rem; }
    .people_top_sec.sustainability-3 .natural-resources blockquote { padding-right: 0; margin-bottom: 4rem; }
    .solar::before { width: 220px; bottom: 4rem; left: 0; }
    .people_top_sec.sustainability-3 .natural-resources-Cnt {
        padding-left: 0;
    }
    .people_top_sec.sustainability-3 .natural-resources-Cnt p{ padding-right: 0;}
    .people_top_sec.sustainability-3 .natural-resources-Cnt p:last-child {
        padding-right: 0;
    }
    .people_top_sec.sustainability-3 .natural-resources-Cnt p {
        padding-block: 3rem 1rem;    
    }
    .csr_sec { padding-block: 0rem 4rem; }
    .csr-vid { padding-inline: 1.3rem; padding-top: 4rem; }
    .honor_content { padding-left: 0; padding-top: 3rem; }
    .honored_section { padding-block: 5rem; }
    .water_over_2{padding-inline: 4.8rem 0rem; margin-block: 3rem 3rem;}
    .csr_watersec_2{
        padding-block: 5rem 0rem;
    }
    .other_initiat {
        padding-block: 5rem;
    }
    .csr_videosec {
        padding-bottom: 2rem;
    }
    .rbox-content img{
        height: auto;
    }
    .ehs_overviewSec .ehs-overview {
        display: block;
    }
    .ehs_overviewSec .ehs_contant {
        padding: 2rem 0 0;
    }
    .ehs_overviewSec {
        padding-block: 4rem;
    }
    .what-we-do .sec_title>h2  br{
        display: none;
    }
    .work_culturemain {
        padding-block: 0rem 4rem;
    }
    .work_cultur_banner figure {
        padding-inline: 0;
    }
    .workculture_sec {
        padding-block: 4rem;
    }
    .culrure_rightcaption {
        padding-inline: 0;
    }
    .culrure_leftcaption {
        padding: 0;
    }
    .people-para {
        margin-top: 0;
    }
  .lifeimpact_cation {
        padding-top: 0;
        padding-right: 0;
    }
    .lifevideo_right {
        padding: 2rem 0;
    }
.lifeibalance_sec::before {
        max-height: max-content;
    }
    .lifeibalance_sec .sec_title {
        padding-inline: 0;
        margin-bottom: 4rem;
    }
    .lifeibalance_sec {
        padding-block: 4rem;
    }
    
.life-culture .culture-overview{
    display: block;
}
.culture_contant{ padding-top: 2rem;}
.culture-imgs {
    padding: 3rem 0;
}
.culture-imgs figure{ margin: 1rem 0;}
.blancecaption { padding: 2rem 0rem 2rem 0; }
.culture-imgs {
    padding: 3rem 0 0;
}
    .studnt_prgrm_one blockquote {
        margin-block: 0 2.5rem;
    }
    .studnt_prgrm_two {
        padding-block: 3rem 4rem;
    }
    .media_grid {
    column-count: 2;
}
.media_bx{ margin: 0.5rem 0;}
.mediacover_sec {
    padding-block: 4rem;
}
.filter_bx {
    justify-content: flex-start;
}
.filter_bx>*{margin-left: inherit; width: 220px;}
.gallery_bx .gallery_caption {
        padding: 2rem;
        min-height: auto;
    }
    .supplair_sec {
        padding-block: 0 4rem;
    }
    .supplair_banner figure {
        padding-inline: 0;
    }
    .supplairtwo_sec {
        padding-block: 4rem;
    }
    .supplair_caption {
        padding: 0 0 2rem 0;
    }
    .supprair_figure {
    padding-left: 0;
}
.testimonials{ padding-block:2rem 0rem;}
.dwnld_sec {
    padding-block: 0 4rem;
}
.download_grid {
    grid-template-columns: repeat(2, 1fr);
}
.sustainability-report figure img {
    width: auto;
    height: auto;
}
    .people_career_right figure {
        max-height: max-content;
    }
    .ind_map .map_location h4{ color: var(--color-white);}
    .ind_map .map_location p{ color: var(--color-white);}
    .ind_map ul{ display: grid; grid-template-columns: repeat(2, 1fr); gap: 4rem; padding: 0;}
    .presence_info{ margin-block:4rem 0; }
    .in_menu{ padding-bottom: 0;}
    .presence_info>ul>li{ grid-template-columns: 3.6rem auto;}
    .presence_map {
    position: relative;
    padding-block: 4.5rem 5rem;
}
.info_box{ border-bottom:0px; margin-bottom: 0;}
.ind_map ul li{ border-bottom: 1px solid #555; padding-bottom: 2rem;}
.waterthm_grid {
        padding-right: 4.6rem;
        display: block;
    }
    .waterthm_grid { padding-right: 0; display: block; }
    .thm_right { margin-inline: 0; }
    .thmcount_grid{ padding-top: 2rem;}
    .thm_marker{ position: inherit;}
    div[data-target*="uttarakhand"]{left:0;}
div[data-target*="rajasthan"]{left:0;}
div[data-target*="madhya-pradesh"]{left:0;}
div[data-target*="jharkhand"]{left:0;}
div[data-target*="maharastra"]{left:0;}
div[data-target*="karnataka"]{left:0;}
div[data-target*="tamil-nadu"]{left:0;}
    .water_over {
        margin-left: -20.5rem;
    }
    .thm_marker{ margin-bottom: 1rem;}
    .thm_popup{ opacity: 1; visibility: visible; transform: translateY(0); pointer-events: auto; position: relative; margin-bottom: 3rem; }
.thm_name { font-size: var(--font-21); max-width: 100%; border-radius: 0; padding: 1rem 2rem;}
.thm_popup {
        padding: 3rem 3rem 0;
    }
    .thm_map figure{ margin-bottom: 3rem;}
    .thm_popup:has(.project_bx+.project_bx){
        background-size: cover;
    }
    .thm_popup:has(.project_bx){
        background-size: cover;
    }
    .ind_map figure{ margin-bottom: 3rem;}
        .water_caption {
        padding-inline: 5.8rem 1.5rem;
        margin-bottom: 8.8rem;
    }
    .communities-sec .csrconserv_right {
        gap: 3rem;
        flex-direction: inherit;
        justify-content: left;
        margin-top: 3rem;
    }

}

@media(max-width:820px){
.people_top_sec.sustainability-3.csr {
    padding-bottom: 4rem;
}
}





@media(max-width:768px){
.organiscaption { max-width: 100%;padding-top: 3.6rem;}
.organis_wrapper:nth-child(3)>.organis_over .organiscaption>*{color: var(--color-black);}
.organis_wrapper:nth-child(6)>.organis_over .organiscaption>*{color: var(--color-black);}

}


@media(max-width:767px){
    .pro_tp .instu_grid{row-gap:2rem;}
    .pro_sec .swiper-button-next{right:1rem; }
    .pro_sec .swiper-button-prev{left:1rem; }
    .customer_logogrid { grid-template-columns: repeat(2, 1fr); }
    .customer_logogrid>figure { padding: 3rem 3.5rem; }
    .csr_watersec_2{background-position: center;}
    .cs_wrapergrid{grid-template-columns: 1fr;}
.cs_wrapergrid .cswater_left {order: 2;}
.cs_wrapergrid .cswater_right {order: 1;}
    .cswater_left>figure:nth-child(2) { max-width: 100%; }
    .cswater_left{ display: block; padding-right: 0;}
    .water_over { margin-left: 0; }
    .water_over{ font-size: 10rem;}
    .water_caption { padding-inline: 0; margin-bottom: 4rem; }
    .csr_watersec { padding-block: 3.4rem 5rem; }
    .csrconserv_sec { padding-block: 4rem 3rem; }
    .csrconserv_right{ padding-top: 3rem;}
    .csrconserv_left { padding-right: 0; }
    .water_over_2 { padding-inline: 0; }
    .other_initiat .sec_title { margin-bottom: 4rem; padding-inline: 0; }
    .waterthm_grid { padding-right: 0; display: block; }
    .thm_right {
margin-inline: 0;
    }
    .thmmap_data {right: 0; min-width: 100%; min-height: auto; }
    .thmcount_grid{padding-top: 2rem;}
    .watertheme_sec {padding-block: 3rem; }
    .cswater_left>figure:nth-child(2){ padding-top: 2rem;}
    .csrconserv_left h2 br{display: none;}.wwd_grid {display: block;}
    .wwd_bx:nth-child(2){margin: 4rem 0;}
    .what-we-do {padding-block: 3rem; } 
    .our-goalsSec .gols-row {display: block; }
    .gols-col:nth-child(2) {padding-left: 0; }
    .ehs_overviewSec {padding-block: 0 4rem;}
    .gols-col:nth-child(1) {padding-right: 0;}
    .gols-row .gols-col {padding-block: 0rem 2rem;}
    .our-goalsSec {padding-block: 5rem;}
    .gols-row .gols-col:first-child:before{ display: none;}
    .gols-row .gols-col:first-child{ border-bottom: var(--color-white); padding-bottom: 2rem; margin-bottom: 2rem;}
    .media_grid {column-count:1;}
    .testimonials-img{padding: 4rem 8rem;}
    .testimonials .testim_txt{padding: 0;}
    .testimonials .testim_auth {margin-top: 3rem;}
    .testimonials-row {margin-bottom: 4rem;}
    .testimonials {padding-block: 0rem; }
    .download_grid {grid-template-columns: repeat(1, 1fr); }
    .ind_map ul {grid-template-columns: repeat(1, 1fr);}
    .newsbig_top {margin-top: 0;}
        .mediacover_sec {
        padding-block: 2rem;
    }
    
}

@media(max-width:728px){   
    .organis_wrapper:nth-child(3)>.organis_over .organiscaption>* { color: var(--color-black);}
    .organis_wrapper:nth-child(6)>.organis_over .organiscaption>* {color: var(--color-black);}   
    .product_top_sec {padding-top: 1rem;}
    .sustainability-report {column-gap: 2rem;}  
    .water_caption {padding-block: 4rem 0;}
    .water_over {margin-block: 4.5rem 2rem;}
    .communities-sec {padding-block: 6rem;}
    .communities-sec .csrconserv_right {   flex-direction: column;}
    .water_over_2 {margin-block: 8rem 0rem;}
    
}

@media (max-width:375px) {
.history_timeline::before{bottom:23%;}
.programe_mission_box {margin-bottom: 2rem;}
.organiscaption {padding-top: 2.5rem;}
.rnd_sec {padding-block: 2rem 2rem;}
.people_program_sec {padding-bottom: 2rem;}
.people_top_sec.sustainability-3 .natural-resources blockquote {margin-bottom: 3rem;}
.people_top_sec.sustainability-3 .natural-resources-Cnt p {padding-block: 2rem 1rem;}
.people_top_sec.sustainability-3.natural-resources-sec {padding-block: 3rem;}
.customer_logogrid>figure {padding: 2rem 1.8rem;}
.technology_section h2 , .technology_section p {text-align: left;}
.product_top_sec {padding-top: 0;}
.product_top_heading h5,.product_top_heading h2{text-align: left;}
.csr_sec {padding-block: 0rem 2rem;}
.people_top_sec.sustainability-3.csr {padding-bottom: 2rem;}
.water_caption {margin-bottom: 2rem;}
.communities-sec {padding-block: 2rem;}
.csr_watersec {padding-block: 3.4rem 4rem;}
.communities-sec .csrconserv_right{margin-top: 2rem;}
.csrconserv_right {padding-top: 2rem;}
.csrconserv_grid {margin-top: 4rem;}
.other_initiat .sec_title>h5{text-align: left;}
.other_initiat .sec_title>blockquote{text-align: left;}
.other_initiat .sec_title>p{text-align: left;}
.supplairtwo_sec {padding-block: 2rem;}
.supplair_sec {padding-block: 0 2rem;}
.testimonials-img {
        padding: 4rem 4rem;
    }
}
@media (max-width:350px) {
.water_over_2 {margin-block: 13rem 0rem;}
.water_caption { padding-block: 2rem 0;}
.honored_section {padding-block: 5rem 3rem;}
.thm_name {font-size: var(--font-18);}
.thm_pointer02 img {max-width: 2.5rem;}
}