@import url("inner1.css"); .inner_breadcrumb { padding-top:5rem; }
.inner_breadcrumb:has(.inner_menu) { padding-bottom: 5rem; }
.breadcrumb-wraper .title30 { font-weight:700; }
.breadcrumb-wraper>h1 { font-size:var(--font-36); line-height:var(--line-height-48); font-weight:bold; color: var(--color-e3); }
.breadcrumb-wraper p { font-size:var(--font-16); line-height:var(--line-height-30); font-family:var(--font-bai-jamjuree); font-weight:400; margin-bottom:2.5rem; max-width:86%; }
.breadcrumb-wraper p strong { font-size:var(--font-18); line-height:var(--line-height-30); font-weight:700; }
.mrb-6 { margin-bottom:6.5rem; }
.title16 { font-size:var(--font-16); line-height:var(--line-height-24); color:var(--color-black); font-family:var(--font-bai-jamjuree); }
.title30 { font-size:var(--font-30); line-height:var(--line-height-40); color:var(--color-e3); font-family:var(--font-bai-jamjuree); }
.title21 { font-size:var(--font-21); line-height:var(--line-height-30); font-family:var(--font-bai-jamjuree); }
.title24 { font-size:var(--font-24); line-height:var(--line-height-30); font-family:var(--font-bai-jamjuree); }
.title18 { font-size:var(--font-18); line-height:var(--line-height-30); font-family:var(--font-bai-jamjuree); }
.title36 { font-size:var(--font-36); line-height:var(--line-height-48); color:var(--color-black); font-weight:400; }
/* .title48 { font-size:var(--font-48); line-height:var(--line-height-60); color:var(--color-black); font-family:var(--font-bai-jamjuree); font-weight:700; }
*/
.title48 { font-size:var(--font-36); line-height:var(--line-height-48); color:var(--color-black); font-weight:400; }
/* Inner Menu Area Start */
.in_menu { position: sticky; top: 6.5%; z-index: 99; width: 100%; background: #fff; padding-bottom:0rem; transition: all 0.8s ease; -webkit-transition: all 0.8s ease; -moz-transition: all 0.8s ease; -ms-transition: all 0.8s ease; -o-transition: all 0.8s ease; }
.inner_menu { padding-top:4.6rem; border-bottom:0.1rem solid #F6F6F6; top:0; transition:top 0.4s ease,opacity 0.4s ease; z-index:99; }
.inner_menu ul { display:flex; gap:4rem; padding:0; margin:0; }
.inner_menu ul>li { list-style:none; }
.inner_menu ul>li>a { position:relative; display: inline-block; font-size:var(--font-16); line-height:var(--font-24); color:var(--color-black); padding-right:0.5rem; padding-bottom: 1.7rem; }
.inner_menu ul>li>a.active { color:var(--color-e3); font-weight:var(--font-weight-bold); }
.inner_menu ul>li>a::after { content:''; position:absolute; width:0; left:0; height:0.1rem; background-color:var(--color-e3); bottom:0; }
.inner_menu ul>li>a.active::after { width:100%; }
/* .inner_breadcrumb:has(.inner_menu) { padding-bottom:6rem; }
*/
.filter_sec { padding-bottom:4rem; }
.filter_bx { display:flex; justify-content:end; width:auto; }
.filter_bx>* { margin-left: auto; width: auto; }
#soundBtn { position: absolute; bottom: 20px; right: 20px; color: white; border: none; border-radius: 50%; width: 50px; height: 50px; font-size: 18px; cursor: pointer; transform: rotate(180deg); }
body:has(.main_header.sticky) .in_menu { padding-bottom: 0; }
@media (min-width:2399px) {
 .in_menu { top: 6.5%; }
 }
@media (max-width:2199px) {
 .in_menu { top: 8.5%; }
 }
@media (max-width:1899px) {
 .in_menu { top: 10.5%; }
 }
@media(max-width:1799px) {
 .inner_breadcrumb { padding-top:4rem; }
.inner_breadcrumb:has(.inner_menu) { padding-bottom:5rem; }
/* .inner_menu { padding-block:3.2rem 1.7rem; }
*/
    .inner_menu ul { gap:3rem; }
 }
@media(max-width:1549px) {
 .inner_breadcrumb { padding-top:3rem; }
.inner_breadcrumb:has(.inner_menu) { padding-bottom:4rem; }
/* .inner_menu { padding-block:2.5rem 1.7rem; }
*/
    .inner_menu ul { gap:2rem; }
.in_menu { top: 4.5%; }
 }
@media(max-width:991px) {
 .inner_breadcrumb { padding-top:3rem; }
.inner_breadcrumb:has(.inner_menu) { padding-bottom:3rem; }
 }
@media(max-width:767px) {
 .inner_breadcrumb { padding:3rem 0; }
.inner_breadcrumb:has(.inner_menu) { padding-bottom:3rem; }
.in_menu { display: none; }
.in_menu.csr_gallery_menu{display: block;padding-top: 0.6rem;}
.csr_gallery_menu .inner_menu{padding-top: 0.6rem;}
 }
/* event Start */
.event_main_sec { position:relative; padding-bottom:2rem; overflow:hidden; background-color:var(--color-f6); padding-bottom:2rem; }
.event_main_sec::before { content:''; position:absolute; top:0; left:0; width:100%; height:20%; background-color:var(--color-white); }
.event_top_right { position:relative; padding-block:4rem 5.3rem; }
.event_top_right::before { position:absolute; content:''; top:0; left:-100vw; width:200vw; height:100%; background-color:var(--color-white); }
.event_top_heading { background-color:var(--color-white); padding:3.8rem 3.1rem; margin-left:-21rem; position:relative; z-index:1; }
.event_top_heading span { color:var(--color-black); display:block; margin-bottom:3rem; }
.event_top_heading a { color:var(--color-black); font-family:var(--font-bai-jamjuree); font-weight:500; }
.event_top_heading a:hover { color:var(--color-e3); }
.event_top_img { padding-right:2rem; position:relative; z-index:1; }
.event_listing { background-color:var(--color-f6); padding-block:3rem 5rem; }
.event_grid { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:7.2rem 2.3rem; padding:2.3rem 2.5rem; left:-2.5rem; background:linear-gradient(to bottom,var(--color-white) 93%,var(--color-f6) 7%); }
.event_bx { position:relative; }
.event_bx>figure>img { aspect-ratio:4 / 2.946; object-fit:cover; }
.event_caption { position:relative; display:flex; flex-direction:column; gap:2rem; background-color:var(--color-white); }
.event_caption>h6 { font-size:var(--font-21); line-height:var(--line-height-30); margin:0; color:var(--color-black); font-weight:bold; 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; }
.ev_date { font-size:var(--font-18); line-height:var(--line-height-30); color:var(--color-black); display:block; 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; }
.event_bx .event_caption { padding:4.2rem 12rem 6rem 3.7rem; 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; }
.event_bx:has(a:hover) .event_caption { background-color:var(--color-e3); }
.event_bx:has(a:hover) .event_caption>* { color:var(--color-white); }
.event_bx:has(figure)>.event_caption::after { content:''; position:absolute; bottom:0; height:0.5rem; width:12.5rem; background-color:var(--color-e3); }
.event_bx:not(:has(figure)) .event_caption { padding:3rem 4.2rem 3.5rem 3.2rem; background-color:var(--color-e3); height:100%; justify-content:space-between; }
.event_bx:not(:has(figure)) .event_caption>h6 { font-size:var(--font-30); line-height:var(--line-height-40); color:var(--color-white); font-weight:var(--font-normal); margin:0; }
.event_bx:not(:has(figure)) .event_caption>.ev_date { color:var(--color-white); }
.event_bx:not(:has(figure)) .event_caption { padding:3rem 4.2rem 3.5rem 3.2rem; background-color:var(--color-e3); height:100%; justify-content:space-between; }
.event_bx:not(:has(figure)) .event_caption>h6 { font-size:var(--font-30); line-height:var(--line-height-40); color:var(--color-white); font-weight:var(--font-normal); margin:0; }
.event_bx:not(:has(figure)) .event_caption>.ev_date { color:var(--color-white); }
.event_bx:not(:has(figure)):has(a:hover) .event_caption { background-color:var(--color-ec); }
.event_bx:not(:has(figure)):has(a:hover) .event_caption>* { color:var(--color-black); }
.event_bx.even:not(:has(figure)) .event_caption { background-color:var(--color-ec); }
.event_bx.even:not(:has(figure)) .event_caption>h6 { color:var(--color-black); }
.event_bx.even:not(:has(figure)) .event_caption>.ev_date { color:var(--color-black); }
.event_bx.even:not(:has(figure)):has(a:hover) .event_caption { background-color:var(--color-e3); }
.event_bx.even:not(:has(figure)):has(a:hover) .event_caption>* { color:var(--color-white); }
.backbtn { position: absolute; bottom: -10rem; right: 1.2rem; }
.backbtn { display: inline-block; padding: 0; background: var(--color-white); text-decoration: none; border-radius: 50%; }
.backbtn img { max-width: 3rem; }
@media(max-width:1799px) {
 .event_top_right { padding-block:3rem 4.3rem; }
.event_top_heading { padding:2.8rem 3.1rem; margin-left:-19rem; }
.event_top_heading span { margin-bottom:2rem; }
.event_bx .event_caption { padding:3.2rem 9rem 5rem 2.7rem; }
.event_grid { gap:6.2rem 2rem; padding:2rem 2.3rem; left:-1.5rem; }
 }
@media(max-width:1549px) {
 .event_top_heading { margin-left:-17rem; }
.event_grid { gap:2rem 1.5rem; padding:1.3rem 1.5rem; }
.event_bx:not(:has(figure)) .event_caption { padding:2rem 3.2rem 2.5rem 2.2rem; }
.event_bx .event_caption { gap:1.5rem; padding:3.2rem 9rem 5rem 2.7rem; }
.event_bx:has(figure)>.event_caption::after { width:10.5rem; }
.backbtn { position: absolute; bottom: -6rem; right: 1.2rem; }
 }
@media(max-width:1199px) {
 .event_top_right { padding-block:2rem 3.3rem; }
.event_top_heading { margin-left:-16rem; padding:2rem 2.5rem; }
.event_listing { padding-block:2rem 5rem; }
.event_grid { margin-inline:0; left:0; }
.event_bx:not(:has(figure)) .event_caption { padding:1.8rem 1.8rem 2rem; }
.event_bx .event_caption { gap:1rem; padding:2.2rem 7rem 4rem 2rem; }
 }
@media(max-width:991px) {
 .event_top_heading { margin-left:0; }
.event_top_img { padding-right:0; }
.event_top_right { margin-top:-2rem; padding-block:2rem 1rem; }
.event_top_heading span { margin-bottom:1.5rem; }
.event_grid { grid-template-columns:repeat(2,1fr); }
.newsbig_btm { z-index:1; }
.newsbig_btm::before { z-index:-1; }
.backbtn { bottom: -1rem; right: 3.2rem; }
 }
@media(max-width:767px) {
 .event_listing { padding-block:2rem 3rem; }
.event_top_heading { padding:2rem 0; }
.event_grid { grid-template-columns:repeat(1,1fr); background:linear-gradient(to bottom,var(--color-white) 96%,var(--color-f6) 0%); }
.event_bx .event_caption { padding:2.2rem 4rem 3rem 2rem; }
.event_bx:not(:has(figure)) .event_caption { padding:3rem 2rem 3rem; }
 }
/* event end */
/* event detail start */
.event_detail_sec { position:relative; padding-bottom:11rem; background-color:var(--color-f6); overflow:hidden; }
.event_detail_title { position:relative; padding-bottom:5.6rem; padding-right:6rem; display:flex; flex-direction:column; gap:4rem; }
.event_detail_title span { display:block; position:relative; }
.event_detail_title:before { content:""; position:absolute; left:-100vw; bottom:0; height:100%; width:200vw; background-color:var(--color-white); }
.event_detail_title h2 { margin:0; }
.event_detail_content { padding-top:7.1rem; padding-right:1rem; }
.event_detail_sec .col-lg-4,
.event_detail_sec .col-lg-8 { z-index:9; }
.evt-detail-img-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:2.7rem; margin-top:2.4rem; }
.event_detail_p h4 { font-weight: 700; margin-bottom: 1rem; }
.event_detail_p { padding:7.4rem 7rem 3.6rem 7.4rem; }
.event-related-part { position:relative; }
.event-related-part:not(:last-child) { margin-bottom:3.8rem; }
.event-related-part:last-child { margin-bottom:5.8rem; }
.event_detail_related_right { background-color:var(--color-white); padding:7rem 2.5rem 2rem 2.8rem; width:calc(100% - 2.7645rem); margin-left:auto; }
.event_detail_related_right h3 { font-size:var(--font-24); line-height:var(--line-height-30); font-weight:700; color:var(--color-e3); margin-bottom:3.3rem; }
.event_detail_related-date { padding:3rem 8rem 4.9rem 3.7rem; position:relative; }
.event_detail_related-date::before { content:""; position:absolute; left:3.7rem; bottom:0; width:12.5rem; height:0.5rem; background-color:var(--color-e3); }
.event_detail_related-date span { display:block; margin-bottom:2rem; }
.event_detail_related-date h6 { font-weight:700; margin:0; }
.event_detail_related-date h6:hover { color:var(--color-e3); }
div:has(a:hover)>.shine::before { -webkit-animation:shine 0.85s; animation:shine 0.85s; }
@media(max-width:1799px) {
 .event_detail_title { padding-bottom:4.6rem; padding-right:6.5rem; gap:3rem; }
.event_detail_related_right h3 { margin-bottom:2.8rem; }
.event_detail_related-date { padding:2rem 5rem 3.9rem 2.7rem; }
.event-related-part:last-child { margin-bottom:4.8rem; }
.event_detail_content { padding-top:6.1rem; padding-right:0rem; }
.event_detail_p { padding:5.4rem 6rem 2.6rem 5.4rem; }
.event_detail_sec { padding-bottom:9rem; }
 }
@media(max-width:1549px) {
 .event_detail_title { padding-bottom:3.6rem; padding-right:2.5rem; gap:2rem; }
.event_detail_related_right h3 { margin-bottom:2rem; }
.event-related-part:not(:last-child) { margin-bottom:2.5rem; }
.event_detail_related_right { padding:5rem 2rem 2rem 2rem; width:calc(100% - 1.7645rem); }
.event-related-part:last-child { margin-bottom:2.8rem; }
.event_detail_related-date { padding:2rem 4rem 3.9rem 2rem; }
.event_detail_related-date::before { left:2rem; width:10.5rem; height:0.5rem; }
.event_detail_related-date span { margin-bottom:1rem; }
.event_detail_content { padding-top:5.1rem; }
.event_detail_p { padding:4.4rem 5rem 2rem 4.4rem; }
 }
@media(max-width:1199px) {
 .event_detail_title { padding-right:0; z-index:1; }
.event_detail_title:before { z-index:-1; }
.event_detail_p { padding:2.4rem 3rem 2rem 2.4rem; }
.event_detail_related_right { padding:4rem 2rem 2rem 2rem; }
.event_detail_content { padding-top:4.1rem; }
.event_detail_p { padding:3.4rem 2rem 2rem 2rem; }
 }
@media(max-width:991px) {
 .event_detail_p { padding:4.4rem 0rem 2rem 0; }
 }
@media(max-width:767px) {
 .event_detail_sec { padding-bottom:4rem; }
.event_detail_p { padding:2.4rem 0rem 2rem 0; }
.event_detail_content { padding-top:3.1rem; }
.event_detail_related-date { padding:1rem 1rem 3rem 0rem; }
.event_detail_related-date::before { left:2rem; }
.event-related-part:last-child { margin-bottom:1.8rem; }
.evt-detail-img-grid { gap:0.5rem; margin-top:1.5rem; }
 }
/* event detail end */
/* Contect start */
.contact_sec { position:relative; margin-top:3rem; }
.contactGrid { display:grid; grid-template-columns:repeat(1,auto 39.3rem); gap:43.5rem; }
.contact_detail__left { padding-bottom:7.9rem; }
.contact_detail_bx .title21 { margin-bottom:0px; color:var(--color-17); text-align:left; margin-bottom:var(--margin-30); font-weight:700; }
.contact_detail_bx blockquote { margin-bottom:3rem; }
.contact_detail_bx address { margin-bottom:3rem; font-weight:500; color:var(--color-black); }
.contact_detail_bx ul { padding:0; margin-bottom:0; display:flex; flex-wrap:wrap; align-items:center; gap:3rem; }
.contact_detail_bx ul>li { font-size:var(--font-18); color:var(--color-black); list-style:none; line-height:var(--line-height-30); }
.contact_detail_bx ul>li a:hover { color:var(--color-e3); }
.contact__form { position:absolute; width:100%; background-color:var(--color-white); padding:0 3.2rem 3.6rem; z-index:3; }
.contact__form .form-group { margin-bottom:1.6rem; }
.contact__form .form-control,
.contact__form select { padding:0.9rem 2.3rem 0.9rem 1.7rem; color:var(--color-black); font-size:var(--font-16); background-color:transparent; border:none; border-radius:0; border:0.1rem solid #D6D6D6; margin:0; }
.contact__form select { background-image:url(../images/arrow-down.svg); background-repeat:no-repeat; background-position:right .75rem center; background-size:1.6rem 1.2rem; }
.contact__form .form-control::placeholder { color:#A7A7A7; font-weight:300; }
.contact__form textarea.form-control { min-height:8.8rem; }
.contact_detail__right { padding-top:4rem; position:relative; }
.contact__form .form-check span { font-weight:normal; color:#000; }
.form-check input::before { transform:scale(1); -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); }
.contact__form h5 { font-weight:400; color:var(--color-black); margin-bottom:3rem; }
.map_sec { margin-top:0; }
.btn_red { background-color:#C80A0A; padding:0.7rem 1.5rem 0.7rem 1.8rem; border:1px solid #707070; color:var(--color-white); font-size:var(--font-16); line-height:var(--line-height-24); display:flex; align-items:center; gap:1rem; }
.btn_red:hover { background-color:var(--color-black); color:var(--color-white); }
@media(max-width:1799px) {
 .contactGrid { grid-template-columns:repeat(1,auto 37.3rem); gap:38.5rem; }
.contact_detail_bx address { margin-bottom:2.5rem; }
.contact_detail__left { padding-bottom:6.9rem; }
.map_wraper { height:60rem; }
.map_sec { margin-top:2rem; }
 }
@media(max-width:1549px) {
 .contactGrid { grid-template-columns:repeat(1,auto 34.3rem); gap:30.5rem; }
.contact_detail_bx address { margin-bottom:2rem; }
.contact_detail__left { padding-bottom:5.9rem; }
.map_wraper { height:50rem; }
 }
@media(max-width:1199px) {
 .contactGrid { grid-template-columns:repeat(1,auto 32.3rem); gap:21.5rem; }
.contact_detail_bx address { margin-bottom:1.5rem; }
.contact_detail__left { padding-bottom:4.9rem; }
.contact__form { padding:0 2.2rem 2.6rem; }
.contact__form h5 { margin-bottom:2rem; }
.contact__form .form-group { margin-bottom:1rem; }
.map_wraper { height:50rem; }
 }
@media (max-width:991px) {
 .contactGrid { grid-template-columns:repeat(1,auto 28.3rem); gap:2.5rem; }
.contact_detail_bx blockquote { margin-bottom:2rem; }
.contact_detail_bx address { margin-bottom:1rem; }
.contact_detail_bx ul { gap:1rem; }
.contact_detail__right { padding-top:3rem; }
 }
@media (max-width:767px) {
 .contactGrid { grid-template-columns:100%; gap:2.5rem; }
.contact_detail__left { padding-bottom:2.5rem; border-bottom:0.1rem solid rgb(0 0 0 / 10%); }
.contact_detail__right { padding-top:0; }
.contact__form { position:relative; padding:0 0 2.6rem; }
 }
/* Contect end */
/* gallery start */
.gallery_main_sec { position:relative; overflow:hidden; }
.gallery_main_sec:before { content:""; position:absolute; left:0; right:0; bottom:0; height:40%; background-color:var(--color-f6); }
.gallerybig { position:relative; z-index:10; }
.gallery_right { padding-top:5rem; padding-left:8rem; height:100%; display:flex; flex-direction:column; }
.gallery_small { display:grid; grid-template-columns:repeat(3,1fr); gap:2.9rem; }
.gallery_small>figure>a.over_btn { display:flex; align-items:center; justify-content:center; }
.gallery_small>figure>a.over_btn>img { width:5.1rem; }
.gallery_small>figure>a.over_btn:has(img) { background-color:rgb(0 0 0 / 41%); }
.gallery_latesttitle { position:relative; padding-right:17rem; z-index:1; height:100%; margin-top:6.8rem; padding-block:3.6rem 4.1rem; }
.gallery_latesttitle::before { content:""; position:absolute; left:-100vw; bottom:0px; width:200vw; height:100%; background-color:rgb(246,246,246); z-index:-1; }
.gallery_latesttitle a { font-size:var(--font-30); color:var(--color-black); line-height:var(--line-height-40); }
.gallery_listing { background-color:var(--color-f6); padding-block:11.3rem; }
.gallery_grid { position:relative; display:grid; grid-template-columns:repeat(3,1fr); gap:7.1rem 2.3rem; }
.gallery_bx { position:relative; }
.gallery_bx>figure { position:relative; }
.gallery_video { position:absolute; right: 1.5rem; bottom: 1.5rem; width: 4rem; }
.gallery_caption { position:relative; display:flex; flex-direction:column; gap:2rem; background-color:var(--color-white); }
.gallery_caption>h6 { font-size:var(--font-21); line-height:var(--line-height-30); margin:0; color:var(--color-black); font-weight:bold; 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; }
.gallery_bx .gallery_caption { padding:4.2rem 8rem 4.3rem 3.7rem; min-height:150px; 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; }
.gallery_bx:has(a:hover) .gallery_caption { background-color:var(--color-e3); }
.gallery_bx:has(a:hover) .gallery_caption>* { color:var(--color-white); }
.gallery_caption::after { content:''; position:absolute; bottom:0; height:0.5rem; width:12.5rem; background-color:var(--color-e3); }
.gallery_detail { padding-bottom:11.3rem; margin-top: 6rem; }
@media(max-width:1799px) {
 .gallery_right { padding-top:4rem; padding-left:7rem; }
.gallery_latesttitle { padding-right:16rem; margin-top:5.8rem; padding-block:3rem 3.5rem; }
.gallery_small { gap:2.2rem; }
.gallery_listing { padding-block:9.3rem; }
.gallery_grid { gap:6.1rem 2rem; }
.gallery_bx .gallery_caption { padding:3.2rem 7rem 3.3rem 2.7rem; }
.gallery_detail { padding-bottom:9.3rem; }
 }
@media(max-width:1549px) {
 .gallery_right { padding-top:3rem; padding-left:6rem; }
.gallery_small { gap:1.8rem; }
.gallery_small>figure>a.over_btn>img { width:4.1rem; }
.gallery_latesttitle { padding-right:11rem; margin-top:4.8rem; padding-block:2rem 2.5rem; }
.gallery_listing { padding-block:7.3rem; }
.gallery_grid { gap:5.1rem 1.5rem; }
.gallery_caption::after { width:10.5rem; }
.gallery_detail { padding-bottom:7.3rem; }
 }
@media(max-width:1199px) {
 .gallery_right { padding-top:2rem; padding-left:5rem; }
.gallery_latesttitle { padding-right:7rem; margin-top:2.8rem; padding-block:2rem 2rem; }
.gallery_listing { padding-block:5.3rem; }
.gallery_grid { gap:4.1rem 1.5rem; }
.gallery_bx .gallery_caption { padding:2.2rem 6rem 3rem 1.7rem; }
.gallery_caption::after { width:8.5rem; }
.gallery_detail { padding-bottom:6.3rem; }
 }
@media(max-width:991px) {
 .gallery_main_sec { background-color:var(--color-f6); }
.gallery_right { padding-top:2rem; padding-left:0; flex-direction:column-reverse; }
.gallery_latesttitle { padding-right:0; margin-top:0; padding-block:2rem 4rem; }
.gallery_grid { grid-template-columns:repeat(2,1fr); }
.gallery_detail { padding-bottom:4.3rem; }
.gallery_detail { margin-top: 2rem; }
 }
@media(max-width:767px) {
 .gallery_small { gap:1.8rem; grid-template-columns:repeat(1,1fr); }
.gallery_small>figure>a.over_btn>img { width:5.1rem; }
.gallery_latesttitle { padding-block:0rem 4rem; }
.gallery_grid { grid-template-columns:repeat(1,1fr); gap:3.1rem 1.5rem; }
.gallery_detail { padding-bottom:3.3rem; }
 }
/* gallery end */
/* news start */
.news_main_sec { overflow:hidden; margin-top: 6rem; }
.newsbig_left { display:flex; flex-direction:column; padding-inline:2rem 4.1rem; height:100%; }
.newsbig_top { display:flex; flex-direction:column; gap:4rem; padding-right:3rem; padding-bottom:4.2rem; height:100%; margin-top: 2.5rem; }
.newsbig_top>.nw_date { font-size:var(--font-18); line-height:var(--line-height-30); display:block; }
.newsbig_top>blockquote { font-size:var(--font-30); line-height:var(--line-height-40); color:var(--color-black); margin:0; }
.newsbig_top>p>strong { display:inline-block; font-weight:500; margin-right:1.5rem; padding-right:1.5rem; border-right:0.1rem solid #707070; }
.newsbig_btm { position:relative; padding-block:3.8rem 5.2rem; height:100%; }
.newsbig_btm::before { content:''; position:absolute; top:0; left:-100vw; width:200vw; height:100%; background-color:var(--color-f6); }
.newsbig_btm>a { display:block; font-size:var(--font-16); line-height:var(--line-height-24); text-decoration:underline; color:#3965BC; margin-top:2.9rem; }
.newsbig_right { position:relative; margin-right:2rem; }
.nwlogo { position:absolute; top:2rem; right:2.3rem; }
.news_grid { display:grid; grid-template-columns:repeat(3,1fr); gap:2.5rem 2rem; padding:2.3rem 2.5rem; margin-inline:-0.6rem; background-color:var(--color-white); }
.news_bx { position:relative; }
.news_bx>figure { position: relative; }
.news_bx>figure>img { aspect-ratio:4 / 2.946; object-fit:cover; }
.news_caption { position:relative; display:flex; flex-direction:column; gap:2rem; background-color:var(--color-white); }
.news_caption>h6 { font-size:var(--font-21); line-height:var(--line-height-30); margin:0; color:var(--color-black); font-weight:bold; 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; }
.ns_date { font-size:var(--font-18); line-height:var(--line-height-30); color:var(--color-black); display:block; 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; }
.news_bx .news_caption { padding:4.2rem 12rem 6rem 3.7rem; 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; }
.news_bx:has(a:hover) .news_caption { background-color:var(--color-e3); }
.news_bx:has(a:hover) .news_caption>* { color:var(--color-white); }
.news_bx:has(figure)>.news_caption::after { content:''; position:absolute; bottom:0; height:0.5rem; width:12.5rem; background-color:var(--color-e3); }
.news_bx:not(:has(figure)) .news_caption { padding:3rem 4.2rem 3.5rem 3.2rem; background-color:var(--color-e3); height:100%; justify-content:space-between; }
.news_bx:not(:has(figure)) .news_caption>h6 { font-size:var(--font-30); line-height:var(--line-height-40); color:var(--color-white); font-weight:var(--font-normal); margin:0; }
.news_bx:not(:has(figure)) .news_caption>.ns_date { color:var(--color-white); }
.news_bx:not(:has(figure)) .news_caption { padding:3rem 4.2rem 3.5rem 3.2rem; background-color:var(--color-e3); height:100%; justify-content:space-between; }
.news_bx:not(:has(figure)) .news_caption>h6 { font-size:var(--font-30); line-height:var(--line-height-40); color:var(--color-white); font-weight:var(--font-normal); margin:0; }
.news_bx:not(:has(figure)) .news_caption>.ns_date { color:var(--color-white); }
.news_bx:not(:has(figure)):has(a:hover) .news_caption { background-color:var(--color-ec); }
.news_bx:not(:has(figure)):has(a:hover) .news_caption>* { color:var(--color-black); }
.news_bx.even:not(:has(figure)) .news_caption { background-color:var(--color-ec); }
.news_bx.even:not(:has(figure)) .news_caption>h6 { color:var(--color-black); }
.news_bx.even:not(:has(figure)) .news_caption>.ns_date { color:var(--color-black); }
.news_bx.even:not(:has(figure)):has(a:hover) .news_caption { background-color:var(--color-e3); }
.news_bx.even:not(:has(figure)):has(a:hover) .news_caption>* { color:var(--color-white); }
.tag_title { position:absolute; top:3rem; right:2rem; background-color:var(--color-e3); font-size:var(--font-14); color:var(--color-white); padding:0.3rem 0.5rem; font-weight:600; border-radius:0.2rem; z-index: 1; }
.news_bx:not(:has(figure)) .tag_title { background-color: var(--color-white); color: var(--color-e3) }
.show_mobile h4 { display: none; margin-top: 2rem; }
.mobile_back_btn { display: none; align-items: center; gap: 1rem; margin-bottom: 2rem; }
.ev_deta{margin-top: 2rem;}
@media(max-width:1799px) {
 .newsbig_top { gap:3rem; padding-right:5rem; }
.newsbig_left { padding-inline:1rem 3.1rem; }
.newsbig_btm { padding-block:2.8rem 4.2rem; }
 }
@media(max-width:1549px) {
 .event_detail_sec.news_detail { padding-bottom:7rem; }
.newsbig_left { padding-inline:1rem 2.1rem; }
.newsbig_top { gap:2.5rem; padding-right:4rem; }
.news_grid { gap:2rem 1.5rem; padding:1.3rem 1.5rem; }
.news_bx:not(:has(figure)) .news_caption { padding:2rem 3.2rem 2.5rem 2.2rem; }
.news_bx .news_caption { gap:1.5rem; padding:3.2rem 9rem 5rem 2.7rem; }
.news_bx:has(figure)>.news_caption::after { width:10.5rem; }
 }
@media(max-width:1199px) {
 .newsbig_left { padding-inline:0rem 1.1rem; }
.newsbig_top { gap:1.5rem; padding-right:3rem; padding-bottom:3.2rem; }
.newsbig_btm>a { margin-top:1.9rem; }
.newsbig_btm { padding-block:1.8rem 2.2rem; }
.newsbig_right { margin-right:0; }
.newsbig_btm>a { font-size:1.2rem; }
.newsbig_top>p>strong { margin-right:1rem; padding-right:1rem; }
.news_grid { margin-inline:0; }
.news_bx:not(:has(figure)) .news_caption { padding:1.8rem 1.8rem 2rem; }
.news_bx .news_caption { gap:1rem; padding:2.2rem 7rem 4rem 2rem; }
 }
@media(max-width:991px) {
 .news_main_sec .row { flex-direction:column-reverse; }
.newsbig_left { padding-top:2rem; }
.news_grid { grid-template-columns:repeat(2,1fr); }
.newsbig_btm { z-index:1; }
.newsbig_btm::before { z-index:-1; }
.show_mobile h4 { display: block; }
.mobile_back_btn { display: flex; }
.event_detail_title:before{background-color: transparent;}
 }
@media(max-width:767px) {
 .newsbig_top { padding-right:0; padding-bottom:2.2rem; }
.news_grid { grid-template-columns:repeat(1,1fr); }
.news_bx .news_caption { padding:2.2rem 4rem 3rem 2rem; }
.news_bx:not(:has(figure)) .news_caption { padding:3rem 2rem 3rem; }
 }
/* news end */
/* news detail start */
.event_detail_sec.news_detail { position:relative; padding-bottom:11rem; }
.event_detail_sec.news_detail:before { content:""; position:absolute; left:0; right:0; bottom:0; height:80%; width:100%; background-color:var(--color-f6); z-index:1; }
@media(max-width:1799px) {
 .event_detail_sec.news_detail { padding-bottom:9rem; }
 }
@media(max-width:1549px) {
 .event_detail_sec.news_detail { padding-bottom: 7rem; }
 }
@media(max-width:1199px) {
 .event_detail_sec.news_detail { padding-bottom: 5rem; }
.event_detail_sec.news_detail:before { height: 82%; }
.event_detail_related-date { padding: 2rem 3rem 3rem 2rem; }
 }
@media(max-width:991px) {
 .event_detail_content { padding-right: 0; }
.event_detail_sec.news_detail .event_detail_p { padding: 3.4rem 0rem 4rem 0; }
.event_detail_related_right { padding: 4rem 2.5rem 2rem 2.5rem; margin-left: 0; }
.event_detail_sec .event_detail_related_right { margin-top: 4rem; }
.event_detail_sec.news_detail .event_detail_related_right { margin-top: 0rem; padding: 2rem; }
.event_detail_sec:before { height: 84%; }
.event_detail_related-date h4 { margin-top: 0rem; }
 }
@media(max-width:767px) {
 .event_detail_sec.news_detail .event_detail_p { padding: 2.4rem 0rem 4rem 0; }
 }
/* news detail end */
/* people start */
.people-para { margin-top: 3rem; }
.peo
/* sustainbility start */
.sustainbility_top_sec { background-color: var(--color-f6); }
.sustainbility_top_heading { margin-bottom: 6.5rem; margin-top: 3rem; }
.sustainbility_top_sec .container-fluid { max-width: 90%; padding-inline: 0; }
.sustainbility_csr_sec { padding-top: 7.5rem; padding-bottom: 11rem; position: relative; }
.sustainbility_csr_sec::before { content: ""; position: absolute; top: 14.5rem; left: 0; width: 451px; height: 520px; background-image: url(../images/vshape.svg); background-repeat: no-repeat; background-position: left; background-size: cover; }
.sustainbility_csr_sec .offset-lg-2 { margin-left: 20.66666667%; }
.sustainbility_csr img { margin-top: 9rem; }
.sustainbility_csr h2 { color: var(--color-e3); }
.sustainbility_csr p { padding-right: 9rem; }
.sustainbility_esg_sec { background-color: var(--color-f6); padding-top: 10.8rem; padding-bottom: 13rem; }
.sustainbility_esg_sec .row { align-items: center; }
.sustainbility_esg_right { padding-left: 17rem; }
.sustainbility_esg_right h3 { color: var(--color-e3); font-weight: 700; margin-bottom: 3rem; }
.sustainbility_esg_left { padding-right: 17rem; }
.sustainbility_esg_left h3 { color: var(--color-e3); font-weight: 700; margin-bottom: 3rem; }
.sustainbility_esg_sec img { margin-top: 1rem; }
.sustainbility_house_sec { background-color: var(--color-f6); }
.sustainbility_house_sec .container-fluid { background-color: var(--color-e3); padding: 8.5rem 0 11rem; max-width: 90%; }
.sustainbility_house_sec .row { align-items: center; }
.sustainbility_house_left { padding-right: 14.5rem; }
.sustainbility_house_left h4 { font-weight: 700; color: var(--color-white); margin-bottom: 5rem; }
.sustainbility_house_left p { color: var(--color-white); }
.sustainbility_natural_sec { background-color: var(--color-f6); }
.sustainbility_natural_full_width { background-color: var(--color-white); padding: 8.5rem 0 11rem; max-width: 90%; padding-bottom: 14rem; padding-inline: 5.4rem; margin: 0px auto; }
.sustainbility_natural_sec h5 { font-weight: 700; }
.sustainbility_natural_sec blockquote { margin-top: 2rem; }
.sustainbility_natural_grid { display: grid; grid-template-columns: repeat(5, 1fr); margin-top: 8rem; gap: 4.8rem; }
.sustainbility_natural_grid_box span { font-weight: 700; margin-bottom: 2.5rem; display: block; max-width: fit-content; background: #ffffff; padding-right: 15px; position: relative; }
/* .sustainbility_natural_grid_box span::before { content: ""; position: absolute; left: 0; right: 0; top: 50%; bottom: 0; background-color: var(--color-e3); width: 100%; height: 2px; z-index: -1; }
*/
.natural-title { position: relative; }
.natural-title::before { content: ""; position: absolute; left: 0; top: 13px; bottom: 0; background-color: #d92123; width: 80%; height: 2px; }
@media(max-width:1799px) {
 .sustainbility_esg_right { padding-left: 13rem; }
.sustainbility_esg_left { padding-right: 12rem; }
.sustainbility_house_left { padding-right: 12.5rem; }
.sustainbility_natural_grid_box p { margin-bottom: 2rem; }
.sustainbility_csr p { padding-right: 5rem; }
.sustainbility_csr img { margin-top: 8rem; }
.sustainbility_esg_sec { padding-bottom: 12rem; }
.sustainbility_house_left { padding-right: 10.5rem; }
.sustainbility_house_left h4 { margin-bottom: 4rem; }
.sustainbility_csr_sec { padding-top: 6.5rem; }
.sustainbility_esg_sec { padding-top: 9.8rem; }
 }
@media (max-width: 1549px) {
 .sustainbility_csr_sec::before { width: 370px; height: 420px; }
.sustainbility_esg_right { padding-left: 11rem; }
.sustainbility_esg_left { padding-right: 10.5rem; }
.sustainbility_house_left { padding-right: 8.5rem; }
.sustainbility_csr img { margin-top: 7rem; }
.sustainbility_natural_grid { margin-top: 7rem; }
.sustainbility_house_left h4 { margin-bottom: 3rem; }
 }
@media(max-width:1399px) {
 .sustainbility_csr_sec::before { width: 310px; height: 360px }
.sustainbility_csr_sec { padding-top: 5.5rem; padding-bottom: 10rem; }
.sustainbility_csr img { margin-top: 6rem; }
.sustainbility_esg_right { padding-left: 10rem; }
.sustainbility_esg_sec { padding-bottom: 11rem; }
.sustainbility_natural_full_width { padding: 7.5rem 0 9rem; }
 }
@media(max-width:1299px) {
 .sustainbility_csr_sec::before { width: 280px; height: 320px }
.sustainbility_csr_sec { padding-bottom: 9rem; }
 }
@media(max-width:1199px) {
 .sustainbility_csr img { margin-top: 6rem; }
.sustainbility_esg_right { padding-left: 3rem; }
.sustainbility_esg_left { padding-right: 2rem; }
.sustainbility_house_left { padding-right: 3.5rem; }
.sustainbility_natural_grid { grid-template-columns: repeat(4, 1fr); }
.sustainbility_esg_sec { padding-top: 7.8rem; padding-bottom: 9rem; }
.sustainbility_house_sec .container-fluid { padding: 7rem 0 7rem; max-width: 94%; }
.sustainbility_natural_sec .container-fluid { max-width: 94%; }
.sustainbility_top_sec .container-fluid { max-width: 94%; }
.sustainbility_esg_right h3 { margin-bottom: 2rem; }
.sustainbility_house_left h4 { margin-bottom: 2rem; }
.sustainbility_natural_full_width { padding: 6.5rem 0 8rem; }
 }
@media(max-width:991px) {
 .sustainbility_csr_sec .offset-lg-2 { margin-left: 0; }
.yazaki_group_botm::before,
    .sustainbility_csr_sec::before { display: none; }
.sustainbility_csr_sec { padding-top: 3.5rem; padding-bottom: 4rem; }
.sustainbility_csr img { margin-top: 3rem; }
.sustainbility_esg_sec { padding-top: 3rem; padding-bottom: 4rem; }
.sustainbility_esg_right { padding: 3rem 0 3rem 0; }
.sustainbility_esg_left { padding-right: 0; padding-bottom: 3rem; }
.sustainbility_house_sec .container-fluid { padding: 5rem 0; }
.sustainbility_natural_grid { grid-template-columns: repeat(3, 1fr); }
.sustainbility_esg_left { margin-top: 3rem; }
.sustainbility_house_left { padding-right: 0; padding-top: 3rem; }
.sustainbility_natural_full_width { max-width: 94%; padding: 5.5rem 0 7rem; }
.sustainbility_csr p { padding-right: 0rem; }
 }
@media(max-width:767px) {
 .sustainbility_natural_grid { grid-template-columns: repeat(2, 1fr); }
.sustainbility_natural_grid { row-gap: 2rem; }
.sustainbility_natural_grid { margin-top: 5rem; }
.sustainbility_esg_sec { padding-top: 3rem; padding-bottom: 2rem; }
.sustainbility_top_heading { margin-bottom: 5.5rem; }
 }
@media(max-width:575px) {
 .natural-title::before { width: 95%; }
.sustainbility_natural_grid { grid-template-columns: repeat(1, 1fr); }
.sustainbility_top_sec .container-fluid,
    .sustainbility_natural_sec .container-fluid { max-width: 100%; }
.sustainbility_house_sec .container-fluid { max-width: 100%; }
.sustainbility_natural_full_width { max-width: 100%; padding: 4.5rem 0 6rem; }
.sustainbility_top_heading { margin-bottom: 4.5rem; }
 }
@media(max-width:480px) {
 .sustainbility_esg_sec { padding-top: 1rem; }
.sustainbility_csr_sec { padding-bottom: 2rem; }
.sustainbility_natural_full_width { padding: 3.5rem 0 5rem; }
.sustainbility_house_sec .container-fluid { padding: 2rem 0 3rem; }
.sustainbility_esg_left { padding-bottom: 2rem; }
.sustainbility_esg_left { margin-top: 2rem; }
.sustainbility_csr_sec { padding-top: 2.5rem; }
.sustainbility_house_left { padding-top: 2rem; }
 }
/* sustainbility end */
/* Yazaki group css start */
.yazaki_group_top { margin-bottom: 12rem; }
.yazaki_group_top blockquote { margin-top: 7rem; margin-bottom: 3rem; }
.yazaki_group_top span img { width: auto; display: inline; margin-left: 1rem; margin-top: 3rem; transition: all 0.5s ease-in; }
.yazaki_group_top span a { color: var(--color-e3); font-weight: 700; font-size: var(--font-16); line-height: var(--line-height-24); display: block; position: relative; margin-left: 1.3rem; }
.yazaki_group_top span a:hover { color: var(--color-black); }
.yazaki_group_top span a::before { content: ""; position: absolute; width: 1px; height: 20px; background-color: var(--color-e3); left: 0; top: 52%; margin-left: -1.3rem; }
.yazaki_group_top span:hover img { transform: translateX(0.5rem); transition: all 0.5s ease-in; -webkit-transform: translateX(0.5rem); }
.yazaki_group_top p { margin-right: 14rem; }
.yazaki_group_figure_grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20rem; margin-bottom: 4.8rem; padding: 0 11rem; }
.group_figure_grid_box { text-align: center; }
.group_figure_grid_box p { font-weight: 700; }
.group_figure_grid_box:hover p { color: var(--color-e3); }
.group_figure_grid_box span { font-weight: 900; color: var(--color-e3); display: block; }
.group_figure_grid_box abbr { font-size: var(--font-16); line-height: var(--line-height-24); }
.yazaki_group_botm { position: relative; }
.yazaki_group_botm::before { position: absolute; content: ""; right: 0; top: 10%; bottom: 0; width: 348px; height: 401px; background-image: url(../images/vshape.svg); background-repeat: no-repeat; background-position: right; background-size: cover; transform: rotateY(180deg); }
@media(max-width:1799px) {
 .yazaki_group_figure_grid { padding: 0 5rem; }
.yazaki_group_botm::before { width: 320px; height: 371px; }
.yazaki_group_top blockquote { margin-top: 6rem; }
.yazaki_group_top { margin-bottom: 11rem; }
.yazaki_group_top p { margin-right: 7rem; }
 }
@media (max-width: 1549px) {
 .yazaki_group_figure_grid { padding: 0 4rem; gap: 18rem; }
.yazaki_group_botm::before { width: 280px; height: 321px; }
.yazaki_group_top blockquote { margin-top: 5rem; }
.yazaki_group_top { margin-bottom: 10rem; }
.yazaki_group_top p { margin-right: 2rem; }
 }
@media(max-width:1399px) {
 .yazaki_group_botm::before { width: 250px; height: 291px; }
.yazaki_group_top blockquote { margin-top: 4rem; }
.yazaki_group_top { margin-bottom: 9rem; }
 }
@media(max-width:1299px) {
 .yazaki_group_botm::before { width: 230px; height: 271px; }
 }
@media(max-width:1199px) {
 .yazaki_group_figure_grid { padding: 0 2rem 20px; gap: 14rem; }
.yazaki_group_botm::before { width: 190px; height: 221px; }
.yazaki_group_top span { margin-bottom: 9rem; }
.yazaki_group_top blockquote { margin-top: 3rem; }
.yazaki_group_top { margin-bottom: 7rem; }
.yazaki_group_top p { margin-right: 0rem; }
 }
@media(max-width:992px) {
 .yazaki_group_figure_grid { gap: 6rem; }
.yazaki_group_botm::before { display: none; }
 }
@media(max-width:767px) {
 .group_figure_grid_box .title48 { font-size: var(--font-42); }
.yazaki_group_figure_grid { gap: 3rem; }
.yazaki_group_figure_grid { grid-template-columns: repeat(2, 1fr); }
.yazaki_group_figure_grid { padding: 0; }
.yazaki_group_top span { margin-bottom: 5rem; }
 }
/* Yazaki group css end */
/* overview css start */
.overview_wraper { padding-bottom:8.3rem; padding-right:4rem; }
.overview_top_bnr { position:relative; padding-block:12rem; background-color:var(--color-f6); margin-bottom:0; }
.overview_top_bnr .row { --bs-gutter-x:0; align-items:center; }
.overbanner_caption { padding-right:8rem; }
.overview_banner { padding-left:6.433rem; }
.overview_banner>figure { margin-right:-14.5rem; }
@media(max-width:1799px) {
 .overview_wraper { padding-bottom:7.3rem; padding-right:1rem; }
.overview_wraper>h2 { margin-bottom: 2.5rem; }
.overview_top_bnr { padding-block: 10rem; }
.overbanner_caption { padding-right:5rem; }
.overview_banner { padding-left:4.433rem; }
.overview_banner>figure { margin-right:-12.5rem; }
 }
@media(max-width:1550px) {
 .overview_top_bnr { padding-block:8rem; }
.overview_wraper { padding-bottom:6.3rem; padding-right:0; }
.overbanner_caption { padding-right:4rem; }
.overview_banner { padding-left:3.433rem; }
 }
@media (max-width:1440px) {
 .overview_banner { padding-left:2.433rem; }
.overview_banner>figure { margin-right:-5.5rem; }
 }
@media (max-width:1280px) {
 .overview_banner>figure { margin-right:-1.5rem; }
 }
@media (max-width:1199px) {
 .overview_wraper { padding-bottom:4.3rem; }
.overview_top_bnr { padding-block:6rem; }
.overview_top_bnr .row { --bs-gutter-x:0; align-items:normal; }
.overbanner_caption { padding-right:3rem; }
.overview_banner { padding-left:0; height:100%; }
.overview_banner>figure { margin-right:0; height:100%; }
.overview_banner>figure>img { height:100%; }
 }
@media (max-width:991px) {
 .overview_wraper { padding-bottom:2.3rem; }
.overview_wraper>h2 { margin-bottom:2rem; }
.overview_top_bnr { padding-block:4rem; }
.overbanner_caption { padding-right:0; margin-bottom:3rem; }
 }
@media (max-width:767px) {
 .overview_top_bnr { padding-block:3rem; }
 }
/* Headquarter Area Start */
.headquart_sec { padding-top:9rem; }
.headquart_sec .row { --bs-gutter-x:0.4rem; }
.headquart_left { padding-right:15.9rem; padding-bottom:8.2rem; }
.headquart_left>h2 { font-size:var(--font-30); font-weight:bold; line-height:1; margin-bottom:4rem; }
.headquart_left>h4 { line-height:1.5; margin-bottom:3rem; }
.headquart_grid { display:grid; grid-template-columns:repeat(2,1fr); gap:0.5rem; position:relative; }
.headquar_item { text-align:center; padding:3.1rem 2.7rem 3.7rem 3.7rem; background-color:var(--color-f8); position:relative; overflow: hidden; z-index:1; }
.headquar_item>figure { margin-bottom:1.5rem; }
.headquar_item>figure>img { width:auto; height:5.5rem; margin-inline: auto; }
.headquar_item>p { font-weight:500; font-size:var(--font-18); color:var(--color-black); line-height:1.4; }
.headquar_item>p>strong { display:block; font-size:var(--font-36); line-height:1; font-weight:600; color:var(--color-e3); margin-bottom:1rem; }
.headquart_bg { margin-top:-6rem; max-width:260rem; margin-inline:auto; }
@media(max-width:1799px) {
 .headquart_sec { padding-top:8rem; }
.headquar_item>figure>img { height:5rem; }
.headquar_item { padding:2.7rem 2.4rem 3.4rem 3.4rem; }
.headquart_left { padding-right:10.9rem; padding-bottom:6.2rem; }
.headquart_left>h2 { margin-bottom:3rem; }
.headquart_left>h4 { margin-bottom:2.5rem; }
 }
@media(max-width:1550px) {
 .headquart_sec { padding-top:7rem; }
.headquart_left { padding-right:7.9rem; padding-bottom:5.2rem; }
.headquart_left>h2 { margin-bottom:2.5rem; }
.headquart_left>h4 { margin-bottom:2rem; }
.headquar_item>figure>img { height:4.5rem; }
.headquar_item { padding:2.2rem 2rem 3rem 3rem; }
 }
@media (max-width:1199px) {
 .headquart_sec { padding-top:6rem; }
.headquart_left { padding-right:1.9rem; padding-bottom:4.2rem; }
.headquar_item>figure>img { height:4rem; }
.headquar_item { padding:2rem 1.8rem 2rem 2rem; }
.headquart_bg { margin-top:-4rem; }
 }
@media (max-width:991px) {
 .headquart_sec { padding-top:4rem; }
.headquart_left { padding-right:0; padding-bottom:3rem; }
.headquart_grid { grid-template-columns: repeat(4, 1fr); }
 }
@media(max-width:767px) {
 .headquart_grid { grid-template-columns:repeat(2,1fr); }
.headquart_left>h2 { margin-bottom:2rem; }
 }
@media (max-width:360px) {
 .headquar_item { padding:1.5rem; }
 }
/* Vision Area Start */
.overview_vision_sec { position:relative; background-color:var(--color-f6); z-index:1; margin-bottom:0; padding-block:12rem; }
.overview_vision_text>p { text-align:center; padding-inline:2rem; }
.overview_vision_text>h5 { text-align:center; margin-bottom:3rem; }
.overview_vision_text>h2 { text-align:center; margin:0px auto 4rem; }
.overview_vision_icon { position:absolute; bottom:auto; top:32%; z-index:-1; }
.overview_vision_icon img { width:35.5rem; }
.overview_value { margin-top:10rem; }
.value_box:hover { background-color:var(--color-2d); }
.value_box:hover img { filter:brightness(0) invert(1); -webkit-filter:brightness(0) invert(1); }
.vision_item { text-align: center; margin-bottom: 5rem; }
.vision_item>.border-red { width: 20rem; height: 0.3em; background-color: var(--color-e3); margin-top: 5rem; margin-inline: auto; }
.vision_item>p { color:var(--color-black); font-weight: 500; line-height:1.278; }
.vision_point { text-align:center; display:flex; justify-content:center; align-items:center; margin-bottom: 1rem; }
.vision_point>span { position: relative; display: inline-flex; align-items: center; gap: 2.4rem; font-size: var(--font-48); font-weight: bold; color: #999; margin-right: 2.4rem; }
.vision_point>span:not(:nth-child(1))::before { display: inline-block; content:''; width: 0.8rem; height: 0.8rem; background-color: #EB7984; position: relative; border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.vision_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.5rem; padding-inline: 1.9rem; margin-top: 9rem; }
.vision_bx { background-color:var(--color-white); padding:6rem 11.8rem 8.9rem 9.1rem; }
.vision_bx:nth-child(2) { background-color:var(--color-2d); padding:6rem 12.1rem 8.9rem 9.1rem; }
.vision_bx>h4 { font-size:var(--font-30); color: var(--color-e3); margin-bottom:3rem; text-align:left; font-weight:bold; }
.vision_bx:nth-child(2)>* { color: var(--color-white); }
.value_wrapper { margin-top: 10rem; }
.value_wrapper>.sec_title { text-align: center; margin-bottom: 3rem; }
.value_wrapper>.sec_title>h4 { font-size: var(--font-30); color: var(--color-black); font-weight: bold; }
.value_grid { display:grid; grid-template-columns:repeat(4,1fr); gap:2rem; }
.value_bx { text-align: center; padding: 5.4rem 2rem 6.9rem; border-bottom:0.3rem solid var(--color-e3); transition:0.5s; }
.value_bx>figure { display:flex; margin-bottom: 4.2rem; }
.value_bx>figure>img { width:auto; height:7.4rem; margin:auto; }
.value_bx>h6 { font-weight:600; color:var(--color-black); margin:0; line-height:1.28; }
.value_bx:hover { background-color: var(--color-2d); }
.value_bx:hover>* { color: var(--color-white); }
@media(max-width: 1799px) {
 .overview_vision_sec { padding-block:10rem; }
.overview_vision_text>h5 { margin-bottom:2.5rem; }
.vision_item>.border-red { margin-top:4.5rem; }
.overview_vision_text>p { padding-inline:0; }
.vision_grid { padding-inline:1rem; margin-top:7rem; }
.vision_bx { padding:5rem 9.8rem 7.9rem 8.1rem; }
.vision_bx:nth-child(2) { padding:5rem 11.1rem 7.9rem 8.1rem; }
.vision_bx>h4 { margin-bottom:2.5rem; }
.value_wrapper { margin-top:8rem; }
.value_wrapper>.sec_title { margin-bottom:2.5rem; }
.value_bx { padding:4.4rem 2rem 5.9rem; }
.value_bx>figure { margin-bottom:3.2rem; }
.value_bx>figure>img { height:6.4rem; }
 }
@media(max-width: 1550px) {
 .overview_vision_sec { padding-block:8rem; }
.overview_vision_text>h5 { margin-bottom:2rem; }
.vision_item { margin-bottom:4rem; }
.vision_grid { margin-top:6rem; }
.vision_bx { padding:4rem 8.8rem 6.9rem 6.1rem; }
.vision_bx:nth-child(2) { padding:4rem 9.1rem 6.9rem 6.1rem; }
.value_wrapper { margin-top:8rem; }
.value_wrapper>.sec_title { margin-bottom:2rem; }
.value_bx { padding:3.4rem 2rem 4.9rem; }
.value_bx>figure { margin-bottom:2.8rem; }
.value_bx>figure>img { height:5.4rem; }
 }
@media (max-width: 1199px) {
 .overview_vision_sec { padding-block:6rem; }
.vision_item>.border-red { width:13rem; margin-top:3.5rem; }
.overview_vision_text>h2 { margin:0px auto 3rem; }
.vision_item { margin-bottom:3rem; }
.vision_point>span { gap:2rem; margin-right:2rem; }
.overview_vision_icon { top:38%; width:24rem; }
.vision_grid { margin-top:4rem; }
.vision_bx { padding:3rem 5.8rem 4.9rem 4.1rem; }
.vision_bx:nth-child(2) { padding:3rem 6.1rem 4.9rem 3.1rem; }
.value_wrapper { margin-top:6rem; }
.value_bx { padding:3rem 1rem 4rem; }
.value_bx>figure { margin-bottom:2.2rem; }
.value_bx>figure>img { height:5rem; }
 }
@media (max-width:991px) {
 .overview_vision_sec { padding-block:4rem; }
.overview_vision_text>h5 { margin-bottom:1.5rem; }
.overview_vision_text>h2 { margin:0px auto 2rem; }
.vision_grid { margin-top:3rem; padding-inline: 0; gap: 2rem; }
.vision_bx { padding:3rem; }
.vision_bx:nth-child(2) { padding:3rem; }
.vision_bx>h4 { margin-bottom:2rem; }
.value_bx { padding:2rem 1rem 3rem; }
.value_bx>figure>img { height:4rem; }
 }
@media (max-width:767px) {
 .overview_vision_icon { top:37%; width:15rem; }
.vision_point>span { gap:1.5rem; margin-right:1.5rem; font-size:1.6rem; }
.vision_point>span:not(:nth-child(1))::before { width:0.5rem; height:0.5rem; }
.vision_grid { grid-template-columns:repeat(1,1fr); }
.overview_vision_text>h2>br { display:none; }
.vision_bx>h4 { margin-bottom:1.5rem; }
.value_wrapper { margin-top:4rem; }
.value_grid { grid-template-columns:repeat(2,1fr); gap:2rem; }
 }
@media (max-width:375px) {
 .vision_bx { padding:2rem; }
.vision_bx:nth-child(2) { padding:2rem; }
 }
@media (max-width:350px) {
 .vision_point>span { gap:1rem; margin-right:1rem; font-size:1.5rem; }
.vision_item>.border-red { width:9rem; margin-top:2.5rem; }
 }
/* Strength Area Start */
.strength_grid { display:grid; grid-template-columns:50.131% auto; gap:15.7rem; background-color: var(--color-white); }
.strength_right { align-content: center; padding-right: 3rem; }
.strength_right>h5 { margin-bottom: 2rem; }
.strength_right>h2 { margin-bottom: 7.7rem; }
.strength_right>ul { padding: 0; margin: 0; display: inline-block; }
.strength_right>ul>li { position:relative; list-style:none; font-size:var(--font-18); line-height:var(--line-height-30); font-weight:600; padding-left:3.5rem; padding-bottom:1.5rem; margin-bottom:1.7rem; border-bottom:0.1rem solid rgb(112 112 112 / 30%); background:url(../images/check-icon.svg) no-repeat; background-size:4.5%; background-position:left 1rem; }
@media(max-width:1799px) {
 .strength_grid { gap:13.7rem }
.strength_right>h2 { margin-bottom:5.7rem; }
.strength_right>ul>li { padding-left:3rem; padding-bottom:1.2rem; margin-bottom:1.5rem; background-position:left 0.8rem; }
 }
@media(max-width:1550px) {
 .strength_right>h5 { margin-bottom:2rem; }
.strength_right>h2 { margin-bottom:4.7rem; }
.strength_grid { gap:10.7rem; }
.strength_right>ul>li { background-position:left 0.5rem; padding-left:3rem; padding-bottom:1rem; margin-bottom:1.2rem; }
 }
@media(max-width:1199px) {
 .strength_grid { gap:6.7rem; }
.strength_right>h2 { margin-bottom:3.7rem; }
.strength_right>ul>li { background-position:left 0.6rem; padding-left:2.5rem; padding-bottom:0.8rem; margin-bottom:0.8rem; }
 }
@media (max-width:991px) {
 .strength_grid { grid-template-columns:100%; gap:0; }
.strength_right { padding: 3rem 1.5rem; background: #fff; position: relative; }
.strength_right>ul { display:grid; grid-template-columns:repeat(2,1fr); gap:1rem 2rem; }
 }
@media(max-width:767px) {
 .strength_right>h5 { margin-bottom:1.5rem; }
.strength_right>h2 { margin-bottom:2.7rem; }
.strength_right>ul { grid-template-columns:repeat(1,1fr); gap:0.5rem; }
 }
/* Upholding Area */
.upholding_sec { padding-block:12rem; position:relative; background-color:var(--color-f6); border-bottom: 0.1rem solid rgb(112 112 112 / 30%); }
.upholding_sec .sec_title { margin-bottom: 6rem; text-align: center; }
.upholding_sec .sec_title>h4 { margin-bottom: 0; font-size: var(--font-30); color: var(--color-black); font-weight: bold; }
.uphold_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3.8rem; }
.uphold_item { background-color: var(--color-white); padding: 5rem 7rem 7.1rem 5rem; transition: background-color 0.4s ease-in-out; }
.uphold_item:nth-child(2) { padding-inline:5rem 6.3rem; }
.uphold_item:nth-child(3) { padding-inline:5rem 8.2rem; }
.uphold_item>figure { margin-bottom: 4.5rem; }
.uphold_item>figure>img { width: auto; height: 7.5rem; }
.uphold_item>h6 { font-size:var(--font-21); line-height:var(--line-height-26); font-weight:bold; margin-bottom:2rem; transition:background-color 0.4s ease-in-out; -webkit-transition:background-color 0.4s ease-in-out; -moz-transition:background-color 0.4s ease-in-out; -ms-transition:background-color 0.4s ease-in-out; -o-transition:background-color 0.4s ease-in-out; }
.uphold_item>p { transition: background-color 0.4s ease-in-out; }
.uphold_item:hover { background-color: var(--color-e3); }
.uphold_item:hover>figure>img { filter:brightness(0) invert(1); -webkit-filter:brightness(0) invert(1); }
.uphold_item:hover>h6 { color: var(--color-white); }
.uphold_item:hover>p { color: var(--color-white); }
@media(max-width: 1799px) {
 .upholding_sec { padding-block:10rem; }
.upholding_sec .sec_title { margin-bottom:4rem; }
.uphold_grid { gap: 3rem; }
.uphold_item { padding:4rem 5rem 6.1rem 4rem; }
.uphold_item:nth-child(2) { padding-inline:4rem 4.3rem; }
.uphold_item:nth-child(3) { padding-inline:4rem 6rem; }
.uphold_item>figure { margin-bottom:4rem; }
.uphold_item>figure>img { height:6.5rem; }
.uphold_item>h6 { margin-bottom: 1.5rem; }
 }
@media(max-width: 1550px) {
 .upholding_sec { padding-block:8rem; }
.upholding_sec .sec_title { margin-bottom:3rem; }
.uphold_grid { gap: 2.5rem; }
.uphold_item>figure { margin-bottom:3rem; }
.uphold_item>figure>img { height:6rem; }
.uphold_item { padding:3rem 4rem 5.1rem 4rem; }
.uphold_item:nth-child(2) { padding-inline:4rem 2.3rem; }
.uphold_item:nth-child(3) { padding-inline:4rem 4.25rem; }
 }
@media(max-width:1199px) {
 .upholding_sec { padding-block:6rem; }
.upholding_sec .sec_title { margin-bottom:2.5rem; }
.uphold_grid { gap: 2rem; }
.uphold_item>figure { margin-bottom:2.5rem; }
.uphold_item>figure>img { height:5.5rem; }
.uphold_item { padding:3rem 2rem 4.1rem 3rem; }
.uphold_item:nth-child(2) { padding-inline:3rem 2rem; }
.uphold_item:nth-child(3) { padding-inline:2rem 3.25rem; }
 }
@media(max-width:991px) {
 .upholding_sec { padding-block:4rem; }
.uphold_grid { grid-template-columns:repeat(2,1fr); }
 }
@media(max-width:767px) {
 .upholding_sec { padding-block:3rem 4rem; }
.upholding_sec .sec_title { margin-bottom:2rem; }
.uphold_grid { grid-template-columns:repeat(1,1fr); }
.uphold_item { padding:2.5rem; }
.uphold_item:nth-child(2) { padding:2.5rem; }
.uphold_item:nth-child(3) { padding:2.5rem; }
.uphold_item>figure { margin-bottom:2rem; }
.uphold_item>figure>img { height:5rem; }
 }
@media (max-width:350px) {
 .uphold_item { padding:2rem; }
.uphold_item:nth-child(2) { padding:2rem; }
.uphold_item:nth-child(3) { padding:2rem; }
 }
/* Leadership */
.leader_sec { padding-block: 11rem 10rem; }
.leader_sec .sec_title { max-width: 85%; margin-bottom: 4rem; }
.leader_sec .sec_title>h4 { font-size: var(--font-30); font-weight: bold; line-height: 1; color: var(--color-black); margin-bottom: 3rem; }
.leader_bx { position: relative; }
.leader_bx>figure { margin-bottom: 3rem; }
.leader_bx>.leader_caption>h4 { font-size: var(--font-21); line-height: 1.2; color: var(--color-black); font-weight: 600; margin-bottom: 1rem; }
.leader_bx>.leader_caption>p { line-height: 1.25; }
.swiper-pagination.leader-pagination { position:relative; bottom:0; top:0; left:0; right:0; width:auto; text-align:start; margin-top:5.2rem; display: flex; gap: 1.5rem; }
.leader-pagination>.swiper-pagination-bullet { opacity: 1; width:0.7rem; height:0.7rem; background-color:rgb(25 39 77 / 40%); margin: 0 !important; }
.leader-pagination>.swiper-pagination-bullet.swiper-pagination-bullet-active { background-color:var(--color-e3); }
@media(max-width:1799px) {
 .leader_sec { padding-block:9rem 8rem; }
.leader_sec .sec_title { max-width: 90%; margin-bottom: 3rem; }
.leader_bx>figure { margin-bottom:2.5rem; }
.swiper-pagination.leader-pagination { margin-top: 4.2rem; }
 }
@media(max-width:1550px) {
 .leader_sec { padding-block:7rem 6rem; }
.leader_sec .sec_title { max-width:93%; }
.leader_sec .sec_title>h4 { margin-bottom:2rem; }
.leader_bx>figure { margin-bottom:2rem; }
.swiper-pagination.leader-pagination { margin-top:3.2rem; }
 }
@media(max-width:1024px) {
 .leader_sec { padding-block:6rem 6rem; }
 }
@media(max-width:991px) {
 .leader_sec { padding-block:5rem 5rem; }
.leader_sec .sec_title { max-width:98%; }
 }
@media(max-width:767px) {
 .leader_sec { padding-block:3rem 4rem; }
.swiper-pagination.leader-pagination { gap:1rem; }
 }
/* overview css eend */
/* History Start */
.history_sec { padding-block:4rem 14.3rem; overflow:hidden; }
.history_wraper { padding-right:8rem; margin-bottom:6.5rem; }
.history_wraper h2 { margin-bottom:1.5rem; }
.history_wraper p { font-size:var(--font-18); line-height:var(--line-height-30); }
.history_timeline { position:relative; max-width:1920px; margin-inline:auto; }
.history_timeline::before { content:''; position:absolute; left:0; bottom:15%; width:36.7rem; height:42.3rem; background:url(../images/vshape.svg); background-repeat:no-repeat; background-position:center; background-size:contain; }
.history_timeline .container { overflow:hidden; }
.history_slider { overflow:visible; }
.history_bx { position:relative; padding-right:6.8rem; }
.history_bx::after { content:''; position:absolute; height:0.1rem; width:100%; background-color:#B8B8B8; bottom:0; right:-4%; }
.history_bx figure { border:2px solid #FFFFFF; box-shadow:0px 13px 32px #00000014; }
.history_caption { position:relative; padding-inline:9.1rem 1rem; padding-block:1.8rem 3.5rem; }
.history_caption::before { content:''; position:absolute; width:3.8rem; height:3.8rem; background:url(../images/history-bullet.svg); background-size:contain; background-position:center; background-repeat:no-repeat; top:1.8rem; left:0; box-shadow:0px 10px 29px #00000029; border-radius:50%; }
.history_caption::after { content:''; position:absolute; height:calc(100% - 2rem); width:0.1rem; background-color:#B8B8B8; bottom:0; left:4.5%; z-index:-1; }
.hstitle { display:flex; align-items:center; gap:0.4rem; margin-bottom:1rem; }
.hstitle>img { width:auto; }
.hstitle>h4 { font-size:var(--font-32); font-weight:bold; color:var(--color-e3); margin:0; }
.history_caption p { font-size:var(--font-20); line-height:var(--line-height-30); color:var(--color-black); }
.history_nav { display:flex; margin-top:6.6rem; gap:1rem; padding-bottom:1rem; }
.history_nav div[class*="swiper-button"] { position:relative; left:0; right:0; top:0; bottom:0; margin:0; }
@media(max-width:1799px) {
 .history_sec { padding-block:3rem 12.3rem; }
.history_wraper { padding-right:2rem; margin-bottom:5.5rem; }
.history_timeline::before { bottom:19%; width:32.7rem; height:38.3rem; }
.history_bx { padding-right:4.8rem; }
.history_caption { padding-inline:6.1rem 0rem; }
.history_nav { margin-top:5.6rem; }
 }
@media(max-width:1549px) {
 .history_sec { padding-block:2rem 10.3rem; }
.history_wraper { padding-right:8rem; margin-bottom:4.5rem; }
.history_timeline::before { bottom:23%; width:25.7rem; height:30.3rem; }
.history_bx { padding-right:2.8rem; }
.history_nav { margin-top:4.6rem; }
 }
@media(max-width:1199px) {
 .history_timeline::before { bottom:22%; width:21.7rem; height:25.3rem; }
 }
@media(max-width:1024px) {
 .history_timeline::before { bottom:33%; width:16.7rem; height:19.3rem; }
 }
@media (max-width:991px) {
 .history_sec { padding-block:2rem 6.3rem; }
.history_wraper { padding-right:0; margin-bottom:3.5rem; }
.history_timeline::before { bottom:28%; width:16.7rem; height:21.3rem; }
.history_nav { margin-top:3.6rem; }
 }
@media (max-width:767px) {
 .history_sec { padding-block:0 4.3rem; }
.history_timeline::before { bottom:21%; }
.history_bx { padding-right:1rem; }
.history_caption::before { width:2.8rem; height:2.8rem; }
.history_caption { padding-inline:5.1rem 0rem; padding-block:1.5rem 1.5rem; }
.hstitle>img { width:2.5rem; }
 }
@media (max-width:375px) {
 .history_timeline::before { bottom:23%; }
 }
/* Presence Area Start */
.presence_sec { padding-block:1rem 8.1rem; position:relative; }
.presence_sec .sec_title { padding-right: 11.2rem; }
.presence_sec .sec_title>h2 { margin-bottom:3rem; }
.presence_grid { display:grid; grid-template-columns:repeat(2, 1fr); gap:4.6rem; }
.presence_fact { border-left:0.1rem solid var(--color-e3); padding-left:3.2rem; text-align: center; overflow: hidden; }
.presence_fact>figure { margin-bottom: 1.8rem; }
.presence_fact>figure>img { width: auto; height: 5.5rem; margin-inline: auto; }
.presence_fact>h2 { color:var(--color-e3); font-weight:600; line-height: 0.8; margin-bottom:1rem; }
.presence_fact>p { font-size:var(--font-18); line-height:1.4; font-weight:500; }
.presence_wraper { margin-top:4.5rem; padding-right:10rem; }
.presence_wraper p { font-size:var(--font-18); line-height:var(--line-height-30); }
.presencemap_grid { margin-top:10rem; display:grid; grid-template-columns:34.8rem auto; }
.presence_left>h4 { font-size:var(--font-24); line-height:var(--line-height-30); padding:5.4rem 5rem 3.3rem 4.3rem; font-weight:bold; background-color:var(--color-e3); color:var(--color-white); }
.presence_left>ul { padding:1.7rem 10.2rem 4.1rem 4.7rem; border:0.1rem solid #707070; margin:0; }
.presence_left>ul>li { font-size:var(--font-16); line-height:var(--line-height-24); list-style:none; display:flex; align-items:center; gap:2rem; padding-bottom:1rem; margin-bottom:1rem; border-bottom:0.1rem solid #E5E5E5; }
.presence_left>ul>li:last-child { padding-bottom:0; margin-bottom:0; border-bottom:0; }
.presence_left>ul>li>img { width:1.4rem; }
.presence_right { padding-left:8.2rem; }
.presence_map { position: relative; padding-block: 4.5rem 10.1rem; background-color: var(--color-black); }
.presence_map .shape { position:absolute; right:0; bottom:2.7rem; width:26.6rem; height:auto; transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); }
.premap_grid { display:grid; grid-template-columns:80% auto; }
.premap_grid>.pre_map { margin-inline: auto -11rem; position: relative; }
.presence_info { margin-block: auto 0rem; }
.presence_info>ul { padding: 0; margin: 0; }
.presence_info>ul>li { font-size:var(--font-18); color:var(--color-white); list-style:none; margin-bottom:1.1rem; display:grid; grid-template-columns:8% auto; align-items:center; gap:2.6rem; }
.presence_info>ul>li>img { width: auto; height: 5.6rem; margin-inline: auto; min-width: 3.6rem; }
.presence_info ul.loca_col { margin-top: 3rem; padding-left: 0.4rem; }
.presence_info ul.loca_col li span { width: 3rem; height: 3rem; border-radius: 5rem; margin-right: 1rem; }
span[data-target="#lv_wh"] { background-color: #3891a7; }
span[data-target="#hv_wh"] { background-color: #ffc000; }
span[data-target="#el_pr"] { background-color: #ffff00; }
span[data-target="#in_moulding"] { background-color: #99ff66; }
span[data-target="#equip_mfg"] { background-color: #e420cd; }
.map_location a { position: absolute; top: 0; }
.map_location a img { max-width: 2.7rem; }
.map_location a:nth-child(1) { left:41.5%; top: 21%; }
.map_location a:nth-child(2) { right: 59.8%; top: 21.8%; }
.map_location a:nth-child(2) img { max-width: 3.7rem; }
.map_location a:nth-child(3) { left: 35.5%; top: 27%; }
.map_location a:nth-child(4) { left: 36.5%; top: 30%; }
.map_location a:nth-child(5) { left: 26%; top: 41.4%; }
.map_location a:nth-child(6) { left: 27.5%; top: 45.4%; }
.map_location a:nth-child(7) { left: 28%; top: 48%; }
.map_location a:nth-child(8) { left: 40%; top: 47%; }
.map_location a:nth-child(9) { left: 55.3%; top: 44.6%; }
.map_location a:nth-child(10) { left: 29%; top: 60%; }
.map_location a:nth-child(10) img { max-width: 3.7rem; }
.map_location a:nth-child(11) { left: 28.3%; top: 64.4%; }
.map_location a:nth-child(12) { left: 29.5%; top: 64.4%; }
.map_location a:nth-child(13) { left:30.7%; top: 64.4%; }
.map_location a:nth-child(14) { left: 36.1%; top: 80.1%; }
.map_location a:nth-child(15) { left: 42%; top: 80.1%; }
.map_location a:nth-child(16) { left: 38.6%; top: 84%; }
.map_location a > figure { position: relative; display: inline-block; }
/* hide figcaption by default */
.map_location a > figure > figcaption { position: absolute; top: 116%; left: 120%; /* tooltip on right */
    transform: translateY(-50%); background: #fff; padding: 12px 18px; white-space: nowrap; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .25s ease, transform .25s ease; z-index: 999; margin-top: 6.8rem; width: 35rem; }
.map_location a:nth-child(15) figure figcaption { /* top: 150%; */
    margin-top:8.5rem; }
.map_location a > figure > figcaption p { white-space: normal; }
/* arrow */
.map_location a > figure > figcaption::after { content: ""; position: absolute; left: -27px; top: 0.6rem; transform: translateY(-50%); border-width: 6px; border-style: solid; border-color: transparent #fff transparent transparent; /* border-left: 25px solid #fff; */
    border-right: 22px solid #fff; }
/* show tooltip on hover */
.map_location a > figure:hover > figcaption { opacity: 1; visibility: visible; transform: translateY(-50%) translateX(6px); }
.map_location h4 { font-weight: 500; }
.info_box { display: flex; padding-block:1rem 2rem; border-bottom: 1px solid #ccc; margin-bottom: 2rem; }
.info_box span { width: 3rem; height: 3rem; border-radius: 5rem; margin-right: 1rem; }
#soundBtn img { display: none; max-width: 3rem; }
#soundBtn.muted #sound-off { display: block; }
#soundBtn.unmuted #sound-on { display: block; }
@media(max-width:1799px) {
 .presence_sec { padding-block:1rem 7rem; }
.presence_sec .sec_title { padding-right:7rem; }
.presence_map .shape { width:18.6rem; }
.presence_grid { gap:4.6rem; }
.presence_wraper { margin-top:3.5rem; padding-right:7rem; }
.presencemap_grid { margin-top:8rem; grid-template-columns:32.8rem auto; }
.presence_fact>figure>img { width:auto; height:5rem; }
.presence_left>h4 { padding:4.4rem 4rem 2.3rem 3.3rem; }
.presence_left>ul { padding:1.7rem 8.2rem 3.1rem 3.7rem; }
.presence_right { padding-left:7.2rem; }
 }
@media(max-width:1549px) {
 .presence_sec { padding-block:1rem 6rem; }
.presence_map .shape { width:15.9rem; }
.presence_sec .sec_title { padding-right:5rem; }
.presence_grid { gap:3.6rem; }
.presence_fact { padding-left:2.3rem; }
.presence_wraper { margin-top:2.5rem; padding-right:3rem; }
.presencemap_grid { margin-top:6rem; grid-template-columns:29.8rem auto; }
.presence_left>h4 { padding:3.4rem 3rem 2.3rem 3.3rem; }
.presence_left>ul { padding:1.7rem 7.2rem 2.1rem 3.7rem; }
.presence_left>ul>li { gap:1rem; }
.presence_right { padding-left:6.2rem; }
.presence_info { margin-block:auto -7rem; }
.map_location a > figure > figcaption { top: 95%; }
 }
@media(max-width:1400px) {
 .presence_map .shape { width:13.9rem; }
 }
@media(max-width:1300px) {
 .presence_map .shape { width:11.9rem; }
 }
@media(max-width:1260px) {
 .presence_map .shape { width:9.9rem; }
 }
@media(max-width:1199px) {
 .presence_sec { padding-block:1rem 6rem; }
.presence_map .shape { width:6.9rem; }
 }
@media(max-width:1024px) {
 .presence_map .shape { width:5.9rem; }
.presencemap_grid { margin-top:4rem; grid-template-columns:25.8rem auto; }
.presence_left>h4 { padding:2.4rem 2rem 1.3rem 2.3rem; }
.presence_left>ul { padding:1.7rem 5.2rem 3.1rem 2.7rem; }
.presence_right { padding-left:4.2rem; }
.presence_grid { grid-template-columns:44% 52%; gap:1rem; padding-inline:0rem 0rem; }
.presence_fact { padding-left:1.3rem; }
.presence_wraper { padding-right:0; }
 }
@media(max-width:991px) {
 .presence_sec .sec_title { margin-bottom:2rem; }
.presencemap_grid { margin-top:3rem; grid-template-columns:23.8rem auto; }
.presence_left>h4 { padding:1rem 2rem 1rem 2rem; }
.presence_left>ul { padding:1rem 3.2rem 2.1rem 2rem; }
.presence_right { padding-left:3.2rem; }
.presence_sec .shape { width:4.9rem; }
 }
@media(max-width:767px) {
 .presence_sec { padding-block:0rem 4rem; }
.presence_sec .shape { width:2.9rem; }
.presence_grid { grid-template-columns:100%; }
.presence_fact { padding-left:0; padding-top:1.3rem; border-left:0; border-top:0.1rem solid var(--color-e3); }
.presencemap_grid { margin-top:3rem; grid-template-columns:100%; gap:3rem; }
.presence_left>h4 { padding:2rem 4rem 2rem 3rem; }
.presence_left>ul { padding:2rem 4.2rem 3.1rem 3rem; }
.presence_right { padding-left:0; }
 }
/* People life at yazaki start  */
.people-life2 .people_life2-grid { padding-block:12rem; display:grid; grid-template-columns:repeat(1,66.3% auto); }
.people-life2right { margin-left:9.2rem; padding-top:3.1rem; }
.people-life2right h5 { margin-bottom:3rem; }
.people-life3 .life-gallery { margin-top:0; }
.people-life3 .life-gallery figure figcaption h5 { font-size: var(--font-24); color: var(--color-black); padding-block: 3rem 2.5rem; }
.people-life3 .life-gallery figure figcaption p { padding-bottom:3rem; }
.people-life3 .life-gallery .row { row-gap:7.8rem; }
.people-life3 .life-gallery figure { position:relative; }
.peoplelife_box { height:100%; position:relative; }
.people-life3 .life-gallery .peoplelife_box::before { content:''; background:#E30016; width:100px; height:1px; position:absolute; bottom:0; left:0; }
.people-life2 { position:relative; }
.peoplelige-arrow { position:absolute; right:0; bottom:4rem; }
@media screen and (max-width:1800px) {
 .people-life2right { margin-left:8.2rem; margin-right:0rem; }
.people-life3 .life-gallery figure figcaption p { padding-right:6rem; }
.people-life2 .people_life2-grid { padding-block:8rem; }
.peoplelige-arrow { position:absolute; right:0; bottom:0rem; }
.presence_info>ul>li>img { height: 4.6rem; }
 }
@media screen and (max-width:1699px) {
 .peoplelige-arrow { position:absolute; right:-5rem; bottom:-4rem; }
.people-life2 { overflow:hidden; }
 }
@media screen and (max-width:1600px) {
 .people-life2right { margin-left:5.2rem; margin-right:3rem; }
.people-life3 .life-gallery figure figcaption p { padding-right:12rem; }
.people-life3 .life-gallery figure figcaption p { padding-right:6rem; }
.people-life3 .life-gallery .row { row-gap:5.9rem; }
.people-life2 .people_life2-grid { padding-block:6rem; }
.peoplelige-arrow { position:absolute; right:-7rem; }
 }
@media screen and (max-width: 1400px) {
 .people-life2right { margin-left:6.2rem; margin-right:5rem; }
.people-life3 .life-gallery figure figcaption p { padding-right:8rem; }
 }
@media screen and (max-width: 1300px) {
 .people-life2right { margin-left:7.2rem; margin-right:4rem; }
.people-life3 .life-gallery figure figcaption p { padding-right:4rem; }
.peoplelige-arrow { bottom:-5rem; right:-13rem; }
 }
@media screen and (max-width: 1200px) {
 .people-life3 .life-gallery figure figcaption p { padding-right:0rem; }
.people-life2right { margin-left:4.2rem; margin-right:1rem; }
.peoplelige-arrow { display:none; }
 }
@media screen and (max-width: 1024px) {
 .people-life3 .life-gallery figure figcaption p { padding-right:0rem; }
 }
@media screen and (max-width: 991px) {
 .people-life2 .people_life2-grid { grid-template-columns:100%; padding-bottom:1rem; }
.people-life2right { margin-left:0; margin-right:0; }
.people-life2right { margin-left:0; margin-right:0; }
 }
@media screen and (max-width: 767px) {
 .people-life3 .life-gallery .row { row-gap:5.9rem; }
 }
@media screen and (max-width: 567px) {
 .people-life3 .life-gallery .row { row-gap:3.9rem; }
 }
.ple-para blockquote { margin-bottom:8.6rem; }
.people-para p { padding-right:0rem; font-size:var(--font-18); }
.people_top_sec { background-color:var(--color-f6); margin-top:8rem; }
.people_full_width { width: 100%; max-width:260rem; margin-inline: auto; }
.people_work_sec { margin-top:10rem; }
.work_right_prople { padding-left:14.5rem; display:grid; gap:7.4rem; }
.work_culture_content h5 { margin-bottom:3rem; }
.work_culture_content p { padding-right:6rem; }
.people_career_sec { padding-top:6rem; position:relative; background-color:var(--color-f6); padding-bottom:14.7rem; overflow:hidden; }
/* .people_career_sec::before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 130px; width: 100%; background-color: var(--color-f6); z-index: 1; }
*/
.people_career_left { padding-right:14.5rem; padding-left:10rem; padding-top:5rem; }
.people_career_left h5 { margin-bottom:5rem; }
.people_career_left blockquote { margin-bottom:5rem; }
.people_career_sec .col-lg-6 { z-index:99; }
.people_life_sec { background-color:var(--color-f6); padding-top:2rem; padding-bottom:14.5rem; }
.people_life_sec h3 { font-weight:700; color:var(--color-e3); margin-bottom:3rem; }
.people_life_sec p { padding-right:6.4rem; }
.people_program_sec { background-color:var(--color-f6); padding-bottom:5rem; }
.people_prog_full_width { background-color:var(--color-white); padding-top:8.2rem; padding-bottom:8rem; max-width:90%; margin:0px auto; }
.program_mission_left { padding-right:3rem; }
.program_mission_right p { padding-right:4rem; }
p.people_sep_p { margin-top:5rem; }
.programe_mission_box { text-align:center; margin-top:5rem; }
.programe_mission_box span { font-weight:700; margin-bottom:2rem; display:block; }
.programe_mission_box p { padding:0 8rem; }
.programe_mission_box figure { margin-bottom:3.9rem; }
.people_safty_full_width { background-color:var(--color-e3); padding:5rem 0 14rem; max-width:100%; }
.people_equal_full_width { max-width:100%; padding-inline:5.4rem; }
.people_safety_sec h5 { text-align:center; color:var(--color-white); margin-bottom:3rem; }
.people_safety_sec { text-align:center; }
.people_safety_sec h5,
.people_safety_sec blockquote,
.people_safety_sec p { color:var(--color-white); }
.people_safety_sec blockquote { margin-bottom:5rem; }
.people_safety_sec p { margin:0px auto; padding:0 10rem; }
.safety_boxes { margin-top:5rem; }
.safety_boxes figure { position:relative; margin-bottom:2rem; }
.safety_boxes figure:before { content:""; position:absolute; left:0; right:0; top:0; bottom:0; background-color:#00000026; width:100%; height:100%; }
.safety_boxes span { margin:0 0 2rem 0; display:block; color:var(--color-white); font-weight:700; }
.safety_boxes p { padding:0 3rem; }
.people_equal_sec { padding:14.3rem 0 13rem; }
.people_equal_sec h5 { font-weight:700; margin-bottom:4rem; }
.people_equal_opportunity { display:flex; flex-wrap:wrap; align-items:center; background-color:var(--color-fb); margin-bottom:2em; }
.people_equal_opportunity_left { background-color:var(--color-f6); padding:2rem 3.6rem; width:62%; }
.people_equal_opportunity_left a { font-weight:400; }
.people_equal_opportunity_left a:hover { color:var(--color-e3); }
.people_equal_opportunity_right { background-color:var(--color-fb); width:38%; }
.people_equal_opportunity_right ul { display:flex; align-items:center; flex-wrap:wrap; gap:2rem; margin-bottom:0; padding-left:4rem; }
.people_equal_opportunity_right ul li a { color:var(--color-e3); font-weight:700; font-size: var(--font-18); }
.people_equal_opportunity_right ul li a:hover { transition:0.5s; color:var(--color-black); }
.people_equal_opportunity_right ul li a:hover img { transform:translateX(0.5rem); transition:all 0.5s ease-in; -webkit-transform:translateX(0.5rem); }
.people_equal_opportunity_right ul li img { width:auto; padding-right:1.5rem; display:inline-block; transition:all 0.5s ease-in; }
.people_equal_opportunity_right ul li { display:flex; align-items:center; font-size:var(--font-18); line-height:var(--line-height-30); font-weight:400; text-align:left; justify-content:start; width:155px; }
.read_line { background-color:var(--color-e3); height:2rem; width:0.1rem; margin-right:1rem; }
.equal-arw img { margin-left:1rem; margin-top:0.3rem; }
.life-gallery { margin-top:5rem; }
.lifesec1 { padding-block:1rem 12rem; position:relative; }
.lifesec1 blockquote { margin-bottom:3rem; }
.lifesec_grid1 { display:grid; grid-template-columns:repeat(1,43% auto); }
.lifesec_grid1 .people_career_left { padding-left:0; padding-right:10rem; padding-top:7rem; }
.lifesec_grid1 .people_career_right figure img { min-width:995px; }
.people_career_right .banner-vid video { min-width:995px; }
.lifesec2 { padding-bottom:8rem; position:relative; }
.lifesec2 h5 { padding-bottom:3rem; }
.lifesec2 p { padding-bottom:7rem; }
.lifesec2::after { content:''; position:absolute; display:block; width:100%; height:40rem; bottom:0; left:0; right:0; background:var(--color-f6); z-index:0; }
.lifesec2 .container { position:relative; z-index:1; }
.life2-title { max-width:79%; margin:auto; }
.life2-title h5 { font-size: var(--font-30); color: var(--color-black); font-weight: bold; }
.life-arrow { position:absolute; width:385px; bottom:-10rem; display: none; }
.lifesec3 { padding-top: 0; }
.lifesec3 .row { --bs-gutter-x: 3.3rem; }
/* people-new css  */
.people-para .title24 { margin-bottom:3rem; }
.work_culture_content blockquote { margin-bottom:3rem; }
.people_career_sec .people_career_right { padding-left:2.5rem; }
.people_career_sec .people-arrow { position:absolute; bottom:-30rem; left:0; width:636px; }
.work_culture_content { padding-top:2.6rem; }
.career_section { padding-block:2rem 10rem; }
.career_section form { margin-top: 3rem; }
.career_section form .form-control { height: 4.5rem; }
.career_section form textarea.form-control { height: auto; }
.career_section .btn_red { border: 0px; margin-top: 2rem; }
@media(max-width:1799px) {
 .work_right_prople { padding-left:13.8rem; }
.people_life_sec p { padding-right:16rem; }
.people_life_sec { padding-bottom:13.5rem; }
.people_equal_opportunity_left { width:56%; }
.people_equal_opportunity_right { width:44%; }
.people_full_width { padding-inline:3rem; }
.people_safty_full_width { max-width:100%; padding-inline:2.5rem; }
.people-para blockquote { margin-bottom:5rem; }
.people_top_sec { margin-top:6.7rem; gap:6.4rem; }
.work_culture_content h5 { margin-bottom:2rem; }
.people_career_left blockquote { margin-bottom:4rem; }
.people_career_left h5 { margin-bottom:4rem; }
.people_career_left { padding-right:10rem; }
.work_right_prople { padding-right:4rem; }
.work_culture_content p { padding-right:0rem; }
.program_mission_right p { padding-right:1rem; }
.programe_mission_box p { padding:0 6rem; }
.people_safety_sec p { padding:0 12rem; }
.safety_boxes p { padding:0 2rem; }
.people_safty_full_width { padding:5rem 0 13rem }
.people_equal_sec { padding:13.3rem 0 13rem; }
.people_safety_sec blockquote { margin-bottom:4rem; }
.people_equal_full_width { padding-inline:2.5rem; }
.people_career_sec .people-arrow { bottom:-28rem; width:589px; }
 }
@media(max-width:1550px) {
 .people_equal_opportunity_left { width:48%; }
.people_equal_opportunity_right { width:52%; }
.work_right_prople { padding-left:8.8rem; }
.people-para blockquote { margin-bottom:4rem; }
.people_top_sec { margin-top:5.7rem; }
.people_work_sec { margin-top:7.2rem; }
.work_right_prople { padding-left:10.8rem; gap:5.4rem; padding-right:7rem; }
.people_career_left { padding-right:13rem; }
.people_career_left blockquote { margin-bottom:3rem; }
.people_career_left h5 { margin-bottom:3rem; }
.people_life_sec p { padding-right:12rem; }
.people_life_sec h3 { margin-bottom:2rem; }
.life-gallery { margin-top:4rem; }
.people_life_sec { padding-bottom:11.5rem; }
.people_prog_full_width { padding-top:7.2rem; padding-bottom:7rem; }
.programe_mission_box { margin-top:4rem; }
.programe_mission_box p { padding:0 5rem; }
.people_safety_sec p { padding:0 10rem; }
.safety_boxes p { padding:0 1rem; }
.people_safty_full_width { padding:5rem 0 11rem; }
.program_mission_right p { padding-right:0rem; }
.people_equal_sec { padding:11.3rem 11rem; }
.work_culture_content p { padding-right:2.5rem; }
p.people_sep_p { margin-top:4rem; }
.people_equal_opportunity_right { width:48%; }
.people_equal_opportunity_right ul { gap:1rem; }
.people_equal_opportunity_left { width:52%; }
.people_career_right figure { max-height:480px; object-fit:cover; width:100%; }
.people_career_sec::before { height:9rem; }
 }
@media (max-width: 1430px) {
 .people_career_sec .people-arrow { bottom:-19rem; width:542px; left:-8rem; }
 }
@media(max-width:1399px) {
 .people_prog_full_width { max-width:94%; }
.people_career_left h5 { margin-bottom:2rem; }
.people_career_left blockquote { margin-bottom:3rem; }
.people_prog_full_width { padding-top:6.2rem; padding-bottom:6rem; }
.people_life_sec { padding-bottom:9.5rem; }
p.people_sep_p { margin-top:3rem; }
.people_safety_sec blockquote { margin-bottom:3rem; }
.people_safety_sec h5 { margin-bottom:2rem; }
.safety_boxes { margin-top:4rem; }
.safety_boxes span { margin:0 0 1.5rem 0; }
.people_safty_full_width { padding:5rem 0 9rem; }
.people_equal_sec { padding:9.3rem 10rem; }
.people_equal_sec h5 { margin-bottom:3rem; }
.work_right_prople { gap:4.4rem; }
.people_equal_opportunity_left { width:53%; }
.people_equal_opportunity_right { width:47%; }
.people_equal_opportunity_right ul li { width:150px; }
.people_career_sec::before { height:11rem; }
.programe_mission_box figure { margin-bottom:2.9rem; }
.people_career_left { padding-right:12rem; }
.people_career_sec .people-arrow { bottom:-19rem; width:490px; left:-8rem; }
 }
@media(max-width:1299px) {
 .people_career_left p { max-width:83%; }
.people_equal_sec { padding:10rem 0; }
.people_life_sec { padding-bottom:8.5rem; }
.work_culture_content p { padding-right:3.5rem; }
.people-para blockquote { margin-bottom:3rem; font-size:var(--font-32); }
.people_career_left { padding-right:0rem; }
.people_career_right figure { max-height:450px; }
.people_equal_sec { padding:8rem 0; }
.people_equal_opportunity_right { width:46%; }
.people_equal_opportunity_left { width:54%; }
.people_prog_full_width { max-width:100%; }
.work_right_prople { padding-left:6.8rem; padding-right:8rem; }
.people_career_left { padding-right:6rem; }
.people_career_sec .people-arrow { bottom:-19rem; width:446px; left:-4rem; }
.people-para .title24 { margin-bottom:2rem; }
.people-para blockquote br { display:none; }
 }
@media(max-width:1199px) {
 .people_equal_opportunity_left { width:50%; }
.people_equal_opportunity_right { width:50%; }
.people_equal_opportunity_right ul { gap:2rem; }
.people_equal_sec { padding:6rem 0; }
.people_equal_opportunity_right ul li { width:135px; }
.people_life_sec { padding-bottom:8.5rem; }
.programe_mission_box p { padding:0 1rem; }
.people_career_sec::before { height:80px; }
.people_career_left h2 { margin-bottom:4rem; }
.people_career_left p { max-width:90%; margin-top:2rem; }
.work_right_prople { padding-left:7.8rem; gap:3.4rem; }
.work_culture_content { padding-top:0; }
.work_culture_content h5 { margin-bottom:1rem; }
.work_culture_content p { padding-right:0; }
.people_life_sec p { padding-right:0rem; }
.programe_mission_box span { margin-bottom:1rem; }
.people_safety_sec blockquote { margin-bottom:2rem; }
.people_top_sec { margin-top:5rem; }
.breadcrumb-wraper p { max-width:92%; }
.breadcrumb-wraper .mrb-6 { margin-bottom:3rem; }
.people_career_left { padding-right:2rem; }
.people_career_sec .people-arrow { width:400px; }
 }
@media(max-width:1024px) {
 .people_equal_opportunity_right ul { gap:1rem; }
.people_equal_opportunity_right { width:55%; }
.people_equal_opportunity_left { width:45%; }
.people_equal_opportunity_right ul li { width:145px; }
.people_prog_full_width { padding-top:6rem; max-width:96%; }
.programe_mission_box figure { margin-bottom:1.9rem; }
.people-para p { padding-right:0rem; line-height:1.5; }
.people_career_left { padding-top:0; padding-left:5rem; }
.people_career_sec .people-arrow { width:364px; }
 }
@media(max-width:991px) {
 .people_top_sec .container-fluid { padding-inline:2rem; }
.people_work_sec { margin-top:4rem; }
.breadcrumb-wraper p { max-width:100%; }
.work_right_prople { padding-left:0; gap:3.4rem; padding:3rem 0; }
.people_career_sec { padding-top:2rem; }
.people_career_left p { max-width:100%; margin-bottom:4rem; }
.people_career_left h2 { margin-bottom:2rem; }
.people_prog_full_width { padding-top:4rem; padding-inline:0; max-width:100%; }
.program_mission_right { margin-top:3rem; }
.programe_mission_box { margin-top:1rem; }
.people_life_sec h3 { margin-bottom:1rem; }
.people_life_sec { padding-bottom:4.5rem; padding-top:4rem; }
.programe_mission_box figure { margin-bottom:1.5rem; }
.programe_mission_box { margin-bottom:5rem; }
.people_career_sec::before { height:0; }
.people_prog_full_width { padding-bottom:0rem; }
p.people_sep_p { margin-top:2rem; margin-bottom:3rem; }
.safety_boxes span { margin:1rem 0 1rem; }
.safety_boxes p { margin:1rem 0; max-width:96%; }
.programe_mission_box p { max-width:100%; margin:1rem auto 0; }
.people_equal_opportunity_left { width:100%; }
.people_equal_opportunity_right { width:100%; }
.people_equal_opportunity_right ul { gap:10rem; margin:2rem 0; }
.people_equal_sec .container-fluid { padding-inline:0; }
.people_safty_full_width { padding:5rem 0 6rem; }
.people_safety_sec p { padding:0 4rem; }
.people_career_left { padding-left:0; padding-right:0; margin-top:4rem; }
.people_career_sec .people_career_right { padding-left:0; }
.people_career_sec .people-arrow { display:none; }
.people_career_sec { padding-bottom:3rem; }
 }
@media(max-width:767px) {
 .people_top_sec { margin-top:4rem; }
.people_top_sec .container-fluid { padding-inline:0; }
.life-gallery IMG { margin-bottom:2rem; }
.people_life_sec { padding-bottom:3rem; padding-top:3rem; }
.safety_boxes { margin-bottom:1rem; margin-top:2rem; }
.people_safty_full_width { padding:3rem 0rem; }
.people_equal_opportunity_right ul li { width:165px; }
.people_equal_opportunity_right ul { gap:4rem; }
.people_program_sec { padding-bottom:3rem; }
.people-para blockquote br { display:none; }
.work_culture_content blockquote br { display:none; }
.people_full_width { padding-inline:1.5rem; }
.people-life2 .people_life2-grid { padding-top:3rem; }
.people-life2right h5 { margin-bottom:2rem; }
.people-life3 .life-gallery figure figcaption h5 { padding-block:1rem 1.5rem; }
 }
@media(max-width:575px) {
 .people_career_sec { padding-top:3rem; }
.people_equal_opportunity_right ul li { width:100%; margin-bottom:1rem; }
.people_equal_opportunity_right ul { gap:1rem; }
.people_equal_sec { padding:3rem 0rem; }
.read_line { display:none; }
.people_equal_sec h5 { margin-bottom:3rem; }
.people_career_sec { padding-top:1rem; }
.programe_mission_box { margin-bottom:3rem; }
.people_safety_sec p { padding:0 0rem; }
.people_equal_full_width { padding-inline:0; }
.work_culture_content blockquote { margin-bottom:2rem; font-size:var(--font-28); }
.people-life3 .life-gallery .row { row-gap:3.9rem; }
.people_career_left p { margin-bottom:2rem; }
.people_career_left p:last-child { margin-bottom:0; }
 }
/* people end */
/* ==================== sustainbility ========== */
.people_career_sec.sustainability { padding-top:5.3rem; }
.people_career_sec.sustainability h5 { margin-bottom:3rem; }
.people_career_sec.sustainability::before { height:5rem; content:""; position:absolute; left:0; right:0; bottom:0; width:100%; background-color:var(--color-f6); z-index:1; }
/* .people_career_sec.sustainability::after { content:""; position:absolute; bottom:2.5rem; right:0; width:315px; height:364px; background-image:url(../images/intersection-6.webp); background-repeat:no-repeat; background-position:left; background-size:cover; }
*/
.people_career_sec.sustainability .people_career_left { padding-right:6rem; }
.people_career_sec.sustainability .people_career_right { margin-top:5rem; }
.sustainability-report { display:flex; column-gap:3rem; margin-top:8rem; position: relative; }
.sustainability-report figure img { width:14.3rem; height:20.3rem; }
.buton-red { display:flex; align-items:center; color:var(--color-e3); font-weight:bold; }
.buton-red img { width:1.5rem; height:0.9rem; margin-left:1rem; }
.sustainability-2 .people_prog_full_width { background-color:transparent; }
.sustainability-2 .programe_mission_box h4 { color:var(--color-black); font-weight: bold; margin-bottom: 3rem; }
.sustainability-2 .programe_mission_box p { padding:0px 7rem; }
.sustainability-2 .programe_mission_box .buton-red { justify-content:center; margin-top:2rem; }
.sustainability-environment { padding-block:13rem; }
.sustainability-environment h5 { margin-bottom:2rem; }
.sustainability-environment .people_work_sec { margin-top:7.2rem; }
.sustainability-environment .work_right_prople { padding-left:12.5rem; }
.sustainability-environment .work_culture_content p { padding-right:5rem; }
.people_top_sec.sustainability-3 { margin-top:0; padding-top:14rem; }
.people_top_sec.sustainability-3 h5 { margin-bottom:2rem; }
.people_top_sec.sustainability-3 blockquote { margin-bottom:3rem; padding-right:13rem; }
.people_top_sec.sustainability-3 p { margin-bottom:8rem; padding-right:7rem; }
/* .people_top_sec.sustainability-3 .people_full_width { padding-inline:5rem; }
*/
.people_top_sec.sustainability-3.natural-resources-sec { padding-block:13rem 15.3rem; }
.natural-resources { padding-inline:9.8rem 9rem; }
.natural-resources-grid { display:grid; grid-template-columns:repeat(1,29% auto); column-gap:2.2rem; }
.people_top_sec.sustainability-3 .natural-resources blockquote { padding-right:9rem; margin-bottom:8.3rem; }
.people_top_sec.sustainability-3 .natural-resources-Cnt { padding-left:6.9rem; }
.people_top_sec.sustainability-3 .natural-resources-Cnt p { padding-block:3rem; margin-bottom:0; position:relative; padding-right:4.4rem; }
.people_top_sec.sustainability-3 .natural-resources-Cnt p:last-child { padding-right:10rem; }
.people_top_sec.sustainability-3 .natural-resources-Cnt p::before { position:absolute; top:0; content:""; height:1px; width:12.4rem; background-color:#b3b3b3; }
.solar { position:relative; }
.solar::before { position:absolute; content:""; height:9px; width:320px; background-color:var(--color-e3); bottom:8rem; left:-20rem; }
/* =============csr============== */
.people-para.csr-1 { margin-block:0; padding-block:10.6rem 8.1rem; }
.people_top_sec.sustainability-3.csr { padding-top:0; }
.people-para.csr-1 .sec_title { padding-right: 5rem; }
.people-para.csr-1 .sec_title>h1 { margin-bottom:7rem; font-size:var(--font-36); line-height:1.25; color:var(--color-e3); font-weight:bold; }
.people_top_sec.sustainability-3.csr p:first-child { margin-bottom:3rem; }
.csr-banner { position:relative; }
.csr-banner { position:relative; }
.playbutton { position:absolute; content:""; top:50%; left:50%; transform:translate(-50%,-50%); width:7.2rem; height:7.2rem; }
/* 
.csr-2 { position:relative; padding-top:0; background-color:var(--color-f6); }
.csr-2-bg { position:relative; padding-bottom:12rem; padding-top:10rem; }
.csr-2-bg::before { position:absolute; content:""; width:100%; height:100%; background-image:url(../images/csr2bg.svg); background-repeat:no-repeat; background-position:bottom right; background-size:cover; top:0px; left:0px; right:0px; z-index:0; }
.water-grid { display:grid; grid-template-columns:repeat(1,58% auto); column-gap:1rem; position:relative; z-index:1; }
.water-right span { font-size:var(--font-212); font-family:var(--font-bai-jamjuree); letter-spacing:-15.9px; font-weight:800; line-height:1.2; color:var(--color-white); text-transform:uppercase; margin-left:-11rem; position:relative; z-index:1; }
.water-right p { padding-inline: 10.7rem 6.5rem; }
.water-bottom-grid { display:grid; grid-template-columns:repeat(1,23.7% auto); column-gap:2.5rem; justify-content:end; position:relative; z-index:1; margin-top:2.9rem; }
*/
.communities-sec { padding-block:14rem; }
.communities-sec .sec_title { padding-right:13.7rem; }
.communities-list { padding: 0; margin: 0; }
.communities-list li { padding-block:1.8rem 1rem; padding-left:3.2rem; border-left:1px solid var(--color-e3); list-style:none; margin-bottom:4rem; }
.communities-list li span { color:var(--color-e3); font-weight:600; }
.communities-list li p { line-height:var(--line-height-24); color:var(--color-black); font-weight:500; }
.justify-content-between { justify-content:space-between; }
.communities-galery { margin-top:10rem; }
.communities-sec .row.g-3 { --bs-gutter-y:2.2rem; --bs-gutter-x:2.2rem; }
.people_career_sec.sustainability .people_career_left { padding-left:0; }
.people_career_sec.sustainability { background-color:var(--color-white); padding-bottom:0; z-index:0; }
.people_career_sec.sustainability::before { height:5rem; z-index:0; background-color:var(--color-f6); }
.people-para.csr-1 blockquote { margin-bottom:3rem; }
.responsive-table { width:100%; overflow-x:auto; }
.csr-table { margin-top:10rem; }
.csr-table table { border:1px solid var(--color-f6) }
.csr-table h1 { margin-bottom:4rem }
.csr-table tr th { font-size:var(--font-18); line-height:var(--line-height-30); font-weight:bold; font-family:var(--font-bai-jamjuree); background-color:var(--color-e3); color:var(--color-white); padding:1.2rem 3rem; }
.csr-table tr td { font-size:var(--font-16); line-height:var(--line-height-22); font-family:var(--font-bai-jamjuree); padding:1.2rem 3rem; letter-spacing:0px; color:var(--color-black); }
.csr-table tbody tr:nth-child(even) { background-color:var(--color-f6); }
.communities-sec blockquote { margin-bottom:3rem }
.communities-sec.other-initiatives { padding-block:13rem 10rem; background-color:var(--color-f6); }
.other-initiatives h1 { margin-bottom:3rem; }
.other-initiatives h1,
.other-initiatives blockquote,
.other-initiatives p { text-align:center; }
.other-initiatives .sec_title { padding-inline:4rem }
.other-initiatives-grid { margin-left:32em; margin-top:7rem; }
/* ========= testimonials ====== */
.testimonials { background-color:var(--color-f6); padding-block:5rem 10rem; background-color:var(--color-white); }
.testimonials h1 { margin-bottom:8rem; }
.testimonials-row { margin-bottom:8rem; align-items:center; position:relative; }
.testimonials-img { background-color:var(--color-white); background-color:var(--color-f6); margin-top:auto; padding:9rem 11.1rem; }
.testimonials-img  img { mix-blend-mode: darken; }
.testimonials-img figure { background-color: var(--color-f6); }
.testimonials .testim_auth { margin-top:6rem; }
.testimonials .testim_txt { padding:0 10rem; }
.testimonials .testim_auth h6 { font-size:var(--font-18); font-weight:bold; color:var(--color-e3); }
.testimonials .testim_txt>p { font-size:var(--font-16); font-weight:normal; color:var(--color-black); line-height:var(--line-height-30); letter-spacing:0; }
.testimonials .testim_auth>span { font-size:var(--font-16); font-weight:bold; color:var(--color-black); }
@media (max-width:620px) {
 .other-initiatives-grid { margin-left:0em; }
.communities-sec p { padding-right:0; }
 }
.rbox-overlay { text-align:center; background:#000; background:rgba(0,0,0,0.8); opacity:0; display:flex; align-items:center; position:fixed; left:0; top:0; bottom:0; right:0; z-index:-1; transition:opacity 0.25s ease; -webkit-transition:opacity 0.25s ease; -moz-transition:opacity 0.25s ease; -ms-transition:opacity 0.25s ease; -o-transition:opacity 0.25s ease; }
.rbox-overlay--show { opacity:1; z-index:9999999; }
.rbox-overlay--short { align-items:flex-start; position:absolute; }
.rbox-wrap { margin:2.5rem auto; max-width:80%; position:relative; display:inline-block; }
.rbox-wrap--inline,
.rbox-wrap--html,
.rbox-wrap--ajax { background:#fff; padding:2rem; }
.rbox { position:relative; padding:0; background:#fff; }
.rbox-next,
.rbox-prev,
.rbox-close { color:#777; text-decoration:none; padding:1rem; }
.rbox-next:hover,
.rbox-next:focus,
.rbox-prev:hover,
.rbox-prev:focus,
.rbox-close:hover,
.rbox-close:focus { color:#aaa; }
.rbox-close { position:absolute; right:1.5rem; top:1.5rem; padding:0; width:2.5rem; height:2.5rem; border-radius:50%; }
@media(min-width:1800px) {
 .rbox-close { width:3rem; height:3rem; }
 }
@media(max-width:1560px) {
 .sustainability-environment .work_right_prople { padding-left: 9.5rem; padding-right: 1rem; }
 }
.rbox-next,
.rbox-prev { position:absolute; top:44%; font-size:2rem; }
.rbox-next { right:-3rem; }
.rbox-prev { left:-3rem; }
.rbox-content image { height:70vh; }
.rbox-content iframe { max-width:100%; width:100vw; height:70vh; }
.rbox-content img { display:block; margin:0 auto; max-width:100%; height:65rem; }
.rbox-content video { display:block; margin:0 auto; max-width:100%; height:auto; }
.rbox-content iframe { border:0; }
.rbox-prev::before { transform:rotate(-180deg); left:-3rem; }
@media(max-width:767px) {
 .rbox-caption { padding:1.5rem; }
 }
/*---767-css---end*/
@media(max-width:575px) {
 .rbox-wrap.rbox-wrap--video { max-width:90% !important; }
.rbox-prev::before { left:0; right:inherit; }
.rbox-next, .rbox-prev { top:100%; width:100%; justify-content:flex-end; display:flex; }
.rbox-next::before, .rbox-prev::before { top:1.5rem; }
.rbox-next { right:inherit; left:0; }
.rbox-prev { left:inherit; }
 }
.gallery_custom { cursor: pointer; }
.gallery_custom h5 { padding-block: 2rem 0; font-size: var(--font-21); color: var(--color-black); font-weight: 500; }
.rbox { padding: 0; }
.rbox-caption { padding: 1.6rem 15rem; font-size: var(--font-16); font-weight: var(--font-weight-normal); background-color: var(--color-white); color: var(--color-black); line-height: var(--line-height-21); }
:is(.rbox-next, .rbox-prev) { border-radius: 50%; overflow: hidden; width: 2.5rem; height: 2.5rem; line-height: normal; display: flex; align-items: center; justify-content: center; background-color: var(--color-white); font-size: 1.2rem; border: 1px solid var(--color-e3); bottom: 2%; right: 1rem; top: auto; position: absolute; color: var(--color-e3); }
.rbox-prev { right: auto; left: 1.5rem; }
:is(.rbox-next, .rbox-prev) span { color: var(--color-e3); font-size: 1.5rem; margin-right: 0.4rem; }
:is(.rbox-next, .rbox-prev):hover { background-color: var(--color-e3); border-color: var(--color-e3); }
:is(.rbox-next, .rbox-prev):hover>span { color: var(--color-white); }
.rbox-content img { height: 77vh; max-width: 100%; width: 100%; }
@media(min-width:1450px) {
 :is(.rbox-next, .rbox-prev) { width: 3rem; height: 3rem; bottom: 2%; right: 2rem; }
 }
@media(max-width:767px) {
 :is(.rbox-next, .rbox-prev) { top: 50%; right: 0; left: auto; }
.rbox-prev { left: 0; right: auto; }
.rbox-caption { padding: 1.5rem; }
.rbox-content img { height: auto; }
 }
.leadership_box { position:relative; }
.leadership_box > a { position:absolute; top:0; left:0; right:0; bottom:0; }
.people_top_sec.sustainability-3.csr { background-color:var(--color-f6); padding-bottom:10rem; }
.overview_uploading_sec.upholdings { padding:7rem 0 7rem; }
.people_career_sec .col-lg-6.work-secc { z-index:0; }
.left-counter .counter-parent .counter-number { width:auto; font-size:var(--font-48); line-height:0.8; font-weight:800; color:var(--color-e3); opacity:1; }
.left-counter .counter-parent { margin-top:4.4rem; display:grid; grid-template-columns:repeat(3,1fr); text-align:center; gap:8rem; }
.left-counter .counter-parent { grid-template-columns:repeat(3,24% 27% 24%); margin-top:5.7rem; }
.left-counter .counter-parent .counter span { font-size:var(--font-18); font-weight:bold; line-height:var(--line-height-24); text-align:left; display:block; margin-top:0.5rem; color:var(--color-black); opacity:1; }
.board3_left > ul { padding:0; }
/* life at yazaki css starts here */
.life-culture { padding:12rem 0 13rem; }
.life-culture .counter-parent { display: block; }
.life-culture .counter-parent .counter { text-align: left; }
.life-culture .culture_contant .counter-parent .counter p { font-size: var(--font-36); font-weight: 600; }
.culture-overview { display:grid; grid-template-columns:repeat(1,57.6% auto); gap:12.8rem; }
.culture_contant h2 { color:var(--color-black); font-weight:bold; }
.culture_contant .counter-parent .counter p { width:auto; font-size:var(--font-48); line-height:0.8; font-weight:800; color:var(--color-e3); padding-bottom:1rem; }
.culture_contant .counter-parent .counter span { text-align:left; }
.culture_contant .counter-parent .counter { margin:4rem 0 0 0; border-left:1px solid var(--color-e3); padding:1.5rem 0 1rem 3.3rem; }
.culture-imgs > .row { justify-content:end; gap:0 2.5rem; }
.culture-imgs { padding-left:9.3rem; }
.culture-imgs { padding:3rem 0 0 9.3rem; }
@media(max-width:1799px) {
 .life-culture  .culture-overview { display: grid; grid-template-columns: repeat(1,57.6% auto); gap: 10.8rem; }
.people_career_right .banner-vid video { min-width: 975px; }
 }
@media(max-width:1549px) {
 .lifesec_grid1 .people_career_left { padding-right: 4.5rem; }
.life2-title { max-width: 84.9%; }
.lifesec3 .life-gallery figure figcaption p { padding-right: 3rem; }
.life-culture  .culture-overview { gap: 6.8rem; }
 }
/* life at yazaki css ends here */
.news-img-gll { margin:4rem 0 0 0; }
@media(min-width:1921px) {
 .left-counter .counter-parent { gap:10.5rem; }
 }
/* organisation details css starts here */
.org-detail { overflow:hidden; background-color:var(--color-f6); position:relative; padding-block:8.1rem 20.5rem; }
.org-grp { display:grid; align-items: start; grid-template-columns:50.853% 49.147%; }
.org_text { padding-right:10.5rem; position:relative; }
.org_text blockquote { font-size:var(--font-24); line-height:1.5; font-weight:normal; color:var(--color-1a); margin-bottom: 3rem; }
.org_text h6 { margin:0; padding-bottom:3rem; }
.org_text p { display:none; font-size:var(--font-18); line-height:1.667; opacity:0; animation-fill-mode:forwards; }
.org_text li:first-child { margin-top: 0; }
.org_text li { font-size: var(--font-18); line-height: 1.667; animation-fill-mode: forwards; margin: 1rem 0; }
.wistleblowing_banner { padding-bottom: 4rem; }
.wistleblowing_contact ul { list-style-type: none; padding: 0; margin: 2rem 0 0; }
.wistleblowing_contact ul li a { font-size: var(--font-16); margin: 1rem 0; display: inline-block; }
.wistleblowing_contact ul li a i { color: var(--color-e3); margin-right: 0.5rem; }
.wistleblowing_contact ul li a:hover { color: var(--color-e3); }
.org_text p:nth-of-type(1),.org_text p:nth-of-type(2) { display:block; opacity:1; }
.org_text.expanded p { display:block; animation:fadeIn 0.5s ease forwards; }
.org_text:not(.expanded) p:nth-of-type(n+3) { animation:fadeOut 0.5s ease forwards; }
.org_text.expanded a>img { rotate: 180deg; }
@keyframes fadeIn {
 from { opacity:0; }
to { opacity:1; }
 }
@keyframes fadeOut {
 from { opacity:1; }
to { opacity:0; }
 }
.org_text .read_btn.load_btn { margin-top: 3rem; }
.org_overlay { position:absolute; left:0; bottom:0; }
.org_img { position:relative; display:grid; height: auto; }
.org_img>* { grid-area: 1/1; }
.org-dicrp { z-index:1; position:relative; background-color:var(--color-e3); display:inline-block; padding:2.7rem 2.5rem 2.3rem; margin-block:auto 4rem; left:-2.5rem; width:100%; max-width:calc(100% - 41.585%); }
.org-dicrp h3 { font-size:var(--font-26); line-height:1.154; color:var(--color-white); font-weight:600; margin-bottom:0; }
.org-dicrp h4 { font-size:var(--font-18); color:var(--color-white); font-weight:normal; line-height:2; }
.org-dicrp h4 span { font-size:var(--font-21); }
@media(max-width:1799px) {
 .org-detail { padding-block:7.1rem 17.5rem; }
.org_text { padding-right:9.5rem; }
 }
@media(max-width:1550px) {
 .org-detail { padding-block:6.1rem 15.5rem; }
.org_text { padding-right:7.5rem; }
.org-dicrp { padding:2rem 2rem 2rem; margin-block:auto 4rem; left:-2rem; }
 }
@media(max-width:1199px) {
 .org-detail { padding-block:5.1rem 10.5rem; }
.org_text blockquote { margin-bottom: 2rem; }
.org_text { padding-right:3.5rem; }
.testimonials .testim_txt { padding:0 5rem; }
.testimonials-img { padding: 5rem; }
.sustainability-environment .work_culture_content p { padding-right: 0rem; }
 }
@media(max-width:1024px) {
 .org-detail { padding-block:4.1rem 7.5rem; }
.org-grp { grid-template-columns: 46.4% 53.6%; }
.org_text { padding-right:4rem; }
 }
@media(max-width:991px) {
 .org-detail { padding-block:4.1rem 6.5rem; }
.org-grp { grid-template-columns:100%; gap: 2rem; }
.org_text { padding-right:0; order:2; }
.org-dicrp { padding:2rem 2rem 2rem; margin-block:auto 2rem; left:-1rem; }
.org_text .read_btn.load_btn { margin-top:2rem; }
.testimonials .testim_auth { margin-top: 2rem; }
.testimonials .testim_txt { padding: 0 2rem; }
 }
@media(max-width:767px) {
 .org-detail { padding-block:2.1rem 4.5rem; }
.org-dicrp { max-width:calc(100% - 10%); padding:1.2rem; }
 }
/* organisation details css ends here */
/* Innovation Start */
.innovation_sec { padding-bottom: 8.9rem; }
.innovation_sec .sec_title { padding-right: 2rem; }
.innovation_sec .sec_title>h5 { margin-bottom: 2rem; }
.innovation_sec .sec_title>blockquote { margin-bottom: 3rem; }
.innovationsec_banner { position:relative; background-color:var(--color-f6); }
.innovationsec_banner>.full-width { width: 100%; max-width: 260rem; }
.innovation_banner { max-width:100%; margin-inline:auto; }
@media(max-width:1799px) {
 .innovation_sec { padding-bottom:6.9rem; }
.innovation_sec .sec_title { padding-right:0; }
.innovation_sec .sec_title>h5 { margin-bottom:1.5rem; }
.innovation_sec .sec_title>blockquote { margin-bottom:2.5rem; }
 }
@media(max-width:1550px) {
 .innovation_sec { padding-bottom:4.9rem; }
.innovation_sec .sec_title>h5 { margin-bottom:1rem; }
.innovation_sec .sec_title>blockquote { margin-bottom:2rem; }
 }
@media(max-width:1199px) {
 .innovation_sec { padding-bottom:3.9rem; }
 }
@media(max-width:1024px) {
 .innovation_banner { max-width:100%; padding-inline:1rem; margin-inline:auto; }
 }
@media(max-width:767px) {
 .innovation_sec { padding-bottom:3rem; }
.innovation_banner { padding-inline: 0; }
 }
.rnd_sec { position: relative; padding-block: 12rem 11.9rem; background-color: var(--color-white); overflow: hidden; }
.red_shape { position:absolute; top:4.5rem; left:auto; right:-2rem; width:52.7rem; height:60.8rem; }
.rnd_grid { display:grid; grid-template-columns:49.264% 1fr; gap:1.5rem 2.4rem; padding-inline:1.9rem; }
.rndcaption_right { padding-block:8.2rem; padding-inline:7.9rem 11rem; align-content:center; }
.rndcaption_right>h5 { margin-bottom: 2rem; }
.rndcaption_left { padding-block:6.2rem 2.8rem; padding-inline:6.7rem 6.4rem; align-content:center; }
.rndrigure_right>figure { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2.8rem; }
@media(max-width:1799px) {
 .rnd_sec { padding-block:10rem 9.9rem; }
.red_shape { top:1.5rem; right:-2rem; width:48.7rem; ; }
.rndcaption_right { padding-block:6.2rem; padding-inline:5.9rem 8rem; }
.rndcaption_right>h5 { margin-bottom: 1.5rem; }
.rndcaption_left { padding-block:4.2rem 2.8rem; padding-inline:4rem 4rem; }
.rndrigure_right>figure { gap: 2rem; }
 }
@media(max-width:1550px) {
 .rnd_sec { padding-block:8rem 7.9rem; }
.red_shape { top:2.5rem; right:-2rem; width:40.7rem; height:auto; }
.rnd_grid { gap: 1rem 1.5rem; padding-inline: 0; }
.rndcaption_left { padding-block:3.2rem 2rem; padding-inline:3.5rem 4rem; }
.rndcaption_right>h5 { margin-bottom: 1rem; }
.rndcaption_right>h2 { margin-bottom:2rem; }
 }
@media(max-width:1199px) {
 .rnd_sec { padding-block:6rem 5.9rem; }
.red_shape { top:3.5rem; right:-2rem; width:30.7rem }
.rndcaption_right { padding-block:2.2rem; padding-inline:3.9rem 5rem; }
.rndcaption_left { padding-block:2.2rem 1rem; padding-inline:1.5rem 1.5rem; }
.rndrigure_right>figure { gap:1rem; }
 }
@media(max-width:1024px) {
 .red_shape { top:8.5rem; right:-2rem; width:21.7rem; }
 }
@media(max-width:991px) {
 .rnd_sec { padding-block:4rem 3.9rem; }
.rnd_grid { grid-template-columns:100%; gap:3rem; }
.rndrigure_left { order: 2; }
.rndcaption_right { order: 1; }
.rndcaption_left { order: 3; }
.rndrigure_right { order: 4; }
.rndcaption_right { padding-block:0; padding-inline:0; }
.rndcaption_left { padding-block:0; padding-inline:0; order: 2; }
 }
@media(max-width:767px) {
 .rnd_sec { padding-block:4rem 3rem; }
 }
.itc_sec { position: relative; padding-block: 12rem 10rem; background-color: var(--color-ff); }
.itc_wrapper { padding-inline:1.9rem; }
.itc_wrapper .sec_title { margin-bottom: 7.2rem; }
.itc_wrapper .sec_title>h5 { margin-bottom: 2rem; }
.itcfigure_grid { display: grid; grid-template-columns:28.772% auto; gap: 2.5rem; }
.itcfigure_grid>figure { display: grid; gap: 2.5rem; }
.itcfigure_grid>figure>img { height: 100%; object-fit: cover; }
.itcground_grid { display: grid; grid-template-columns:56.562% 1fr; margin-top: 10rem; }
.itcground_grid>figure { mix-blend-mode: multiply; }
.itcground_caption { padding: 3.3rem 6rem 3.3rem 6.6rem; }
@media(max-width:1799px) {
 .itc_sec { padding-block:10rem 8rem; }
.itc_wrapper .sec_title { margin-bottom:5.2rem; }
.itc_wrapper .sec_title>h5 { margin-bottom:1.5rem; }
.itc_wrapper .sec_title>h2 { margin-bottom:2.5rem; }
.itcfigure_grid { gap: 2rem; }
.itcfigure_grid>figure { gap: 2rem; }
.itcground_grid { margin-top: 8rem; }
.itcground_caption { padding:2.3rem 4rem 2.3rem 4.5rem; }
 }
@media(max-width:1550px) {
 .itc_sec { padding-block:8rem 6rem; }
.itc_wrapper { padding-inline:0; }
.itc_wrapper .sec_title { margin-bottom:4.2rem; }
.itc_wrapper .sec_title>h5 { margin-bottom:1rem; }
.itc_wrapper .sec_title>h2 { margin-bottom:2rem; }
.itcground_grid { margin-top:6rem; }
.itcground_caption { padding:1.3rem 3rem 1.3rem 4.5rem; }
 }
@media(max-width:1199px) {
 .itc_sec { padding-block:6rem 5rem; }
.itc_wrapper .sec_title { margin-bottom:3.2rem; }
.itcground_grid { margin-top:4rem; }
.itcfigure_grid { gap:1rem; }
.itcfigure_grid>figure { gap:1rem; }
.itcground_caption { padding:1rem 0rem 1rem 3rem; }
 }
@media(max-width:991px) {
 .itcground_grid { margin-top:3rem; grid-template-columns:100%; }
.itcground_caption { padding:0; }
 }
@media(max-width:767px) {
 .itc_sec { padding-block:4rem; }
.itcfigure_grid { gap:1rem; grid-template-columns:100%; }
.itc_wrapper .sec_title>h2>br { display: none; }
 }
/* Organisation Sec */
.gearing_sec { padding-bottom: 12rem; }
.gearing_caption { padding-right: 10rem; }
.organisation_sec { position: relative; max-width:260rem; margin-inline: auto; }
.organis_wrapper { position: relative; display: grid; }
.organis_wrapper>* { grid-area: 1/1; }
.organis_wrapper:nth-child(even)>.organis_over .row { justify-content: end; }
.organiscaption { position: relative; padding-top:21.6rem; max-width:54.8rem; margin-left:8.5rem; }
.organiscaption>h3 { font-weight: bold; color: var(--color-black); margin-bottom: 2rem; }
.organiscaption>h4 { font-weight: normal; color: var(--color-1a); margin-bottom: 4rem; }
.organiscaption>a { margin-top:4rem; border-left:0.1rem solid var(--color-e3); padding-left:1rem; line-height:1.1; }
.organis_wrapper:nth-child(3)>.organis_over .organiscaption>* { color: var(--color-white); }
.organis_wrapper:nth-child(3)>.organis_over .organiscaption>a:hover { color: var(--color-e3); }
.organis_wrapper:nth-child(6)>.organis_over .organiscaption>* { color: var(--color-white); }
.organis_wrapper:nth-child(6)>.organis_over .organiscaption>a:hover { color: var(--color-e3); }
@media(max-width:1799px) {
 .gearing_sec { padding-bottom:10rem; }
.gearing_caption { padding-right:9.1rem; }
.organiscaption { padding-top:18.6rem; max-width:46.8rem; margin-left:6.5rem; }
.organiscaption>h3 { margin-bottom: 1.5rem; }
.organiscaption>h4 { margin-bottom: 3rem; }
.organiscaption>a { margin-top:3rem; }
 }
@media(max-width:1550px) {
 .gearing_sec { padding-bottom:8rem; }
.gearing_caption { padding-right:7.1rem; }
.organiscaption { padding-top:15.6rem; max-width:43.8rem; margin-left:5.5rem; }
 }
@media(max-width:1366px) {
 .organiscaption { padding-top:13.6rem; margin-left:4.5rem; }
.organiscaption>h4 { margin-bottom:2.5rem; }
 }
@media(max-width:1199px) {
 .gearing_sec { padding-bottom:6rem; }
.gearing_caption { padding-right:3.1rem; }
.organiscaption { padding-top:9.6rem; margin-left:0; max-width:40.8rem; }
 }
@media(max-width:1024px) {
 .gearing_sec { padding-bottom:5rem; }
.organiscaption { padding-top:5.6rem; margin-left:6rem; max-width:40.8rem; }
 }
@media(max-width:991px) {
 .gearing_caption { padding-right:0; padding-bottom:2rem; }
.organiscaption { padding-top:6.6rem; margin-left:auto; max-width:37.8rem; margin-left:0; }
.organis_wrapper:nth-child(even)>.organis_over .organiscaption { margin-right: 0; margin-left: auto; }
.organiscaption>h3 { margin-bottom:1rem; }
.organiscaption>h4 { margin-bottom:1.5rem; }
.organiscaption>a { margin-top:2rem; }
 }
@media(max-width:767px) {
 .gearing_sec { padding-bottom:3rem; }
.organis_wrapper>* { grid-area:auto; }
.organiscaption { padding-block:3rem; max-width:100%; }
.organiscaption::after { content:''; position:absolute; top:-1.9rem; right:2rem; width:4rem; height:2rem; background-color:var(--color-white); clip-path:polygon(50% 0%,0% 100%,100% 100%); -webkit-clip-path:polygon(50% 0%,0% 100%,100% 100%); }
.organis_wrapper:nth-child(even)>.organis_over .organiscaption::after { left: 2rem; right: 0; }
.organis_wrapper:nth-child(2)>.organis_over .organiscaption>* { color: var(--color-black); }
.organis_wrapper:nth-child(2)>.organis_over .organiscaption>a { color: var(--color-e3); }
.organis_wrapper:nth-child(2)>.organis_over .organiscaption>a:hover { color: var(--color-black); }
.organis_wrapper:nth-child(5)>.organis_over .organiscaption>* { color: var(--color-black); }
.organis_wrapper:nth-child(5)>.organis_over .organiscaption>a { color: var(--color-e3); }
.organis_wrapper:nth-child(5)>.organis_over .organiscaption>a:hover { color: var(--color-black); }
 }
/* yazaki group 2 css start */
.yazaki_group_one { padding-block:0 12.2rem; }
.yazaki_group_one blockquote { margin-bottom:3rem; }
.yazaki_group_one p { padding-right:3rem; }
@media(max-width: 1799px) {
 .yazaki_group_one { padding-block:0 10.2rem; }
.yazaki_group_one blockquote { margin-bottom:2.5rem; }
.yazaki_group_one p { padding-right: 0rem; }
 }
@media(max-width: 1550px) {
 .yazaki_group_one { padding-block:0 8.2rem; }
.yazaki_group_one blockquote { margin-bottom:2rem; }
 }
@media(max-width:1199px) {
 .yazaki_group_one { padding-block:0 6.2rem; }
 }
@media(max-width:991px) {
 .yazaki_group_one { padding-block:0 4.2rem; }
 }
.yazaki_group_two { padding-bottom:4.8rem; }
.yazaki_group_two .fact_grid { display:grid; grid-template-columns:repeat(5,1fr); gap:10rem; }
.yazaki_group_two .fact_grid.fact_grid_5 { grid-template-columns:repeat(4,1fr); }
.yazaki_group_two .fact_grid .grid_bx h6 { font-size:var(--font-18); margin-bottom:0; line-height:1.334; font-weight:600; }
.yazaki_group_two .fact_grid .grid_bx h3 { font-size:var(--font-36); line-height:var(--line-height-48); font-weight:600; color:var(--color-e3); margin-block: 0.8rem; }
.yazaki_group_two .fact_grid .grid_bx p { font-weight:500; line-height:1.334; color:var(--color-black); }
.yazaki_group_two .fact_grid .grid_bx { text-align:center; overflow: hidden; }
@media(max-width:1799px) {
 .yazaki_group_two .fact_grid { gap:7rem; }
 }
@media(max-width:1550px) {
 .yazaki_group_two { padding-bottom:3.8rem; }
.yazaki_group_two .fact_grid { gap:6rem; }
 }
@media(max-width:1199px) {
 .yazaki_group_two .fact_grid { gap:4rem; }
 }
@media(max-width:991px) {
 .yazaki_group_two { padding-bottom:2.8rem; }
.yazaki_group_two .fact_grid { gap:1rem; }
 }
@media(max-width:767px) {
 .yazaki_group_two .fact_grid { gap:0; grid-template-columns:repeat(2,1fr); }
.yazaki_group_two .fact_grid .grid_bx { border-right:0.1rem solid #eee; border-bottom:0.1rem solid #eee; padding:1.5rem; }
.yazaki_group_two .fact_grid .grid_bx:nth-child(2n) { border-right:0; }
.yazaki_group_two .fact_grid .grid_bx:last-child { border-right:0; border-bottom:0; }
 }
.yazaki_group_three { position:relative; overflow:hidden; padding-bottom:6rem; background-color:var(--color-f6); }
.yazaki_group_three>figure { width: 100%; max-width: 260rem; margin-inline: auto; }
.yazaki_group_three .vshape { position:absolute; top:auto; right:0; width:34.8rem; bottom:0; rotate:-180deg; }
@media(max-width:1799px) {
 .yazaki_group_three .vshape { width: 31.8rem; }
 }
@media(max-width: 1550px) {
 .yazaki_group_three { padding-bottom:4rem; }
.yazaki_group_three .vshape { width:26.8rem; }
 }
@media(max-width:1199px) {
 .yazaki_group_three .vshape { width:18.8rem; }
 }
@media(max-width:991px) {
 .yazaki_group_three { padding-bottom:2rem; }
.yazaki_group_three .vshape { width:10.8rem; }
 }
@media(max-width:991px) {
 .yazaki_group_three figure>img { height:20rem; object-fit:cover; object-position:center right; }
 }
.yazaki_group_four { padding-block:5.8rem 9rem; position:relative; background-color:var(--color-f6); z-index:1; }
.yazaki_group_four .vshape { position:absolute; opacity:0.03; bottom:-30rem; left:0px; width:68rem; z-index:-1; }
.yazaki_group_four::after { content:''; position:absolute; width:51%; height:1px; background:#CCCCCC; right:0; bottom:0; }
.yazaki_group_four .yazaki_corp_grid { display:grid; grid-template-columns:repeat(1, auto 50.35%); gap:15.9rem; }
.yazaki_group_four .corp_lft blockquote { margin-bottom:3rem; padding-right:4rem; }
.yazaki_group_four .yazaki_corp_grid .corp_rgt { display:flex; flex-direction:column; gap:5rem; }
.yazaki_group_four .yazaki_corp_grid .corp_rgt figure { position:relative; }
.yazaki_group_four .yazaki_corp_grid .corp_rgt figcaption { margin-top:2rem; font-size:var(--font-21); line-height:1.143; font-weight:600; color:var(--color-black); }
@media(max-width:1799px) {
 .yazaki_group_four { padding-block:4.8rem 8rem; }
.yazaki_group_four .yazaki_corp_grid { gap:11.3rem; }
.yazaki_group_four .yazaki_corp_grid .corp_rgt { gap:4rem; }
.yazaki_group_four .corp_lft blockquote { margin-bottom:2.5rem; }
 }
@media(max-width:1550px) {
 .yazaki_group_four { padding-block:3.8rem 7rem; }
.yazaki_group_four .yazaki_corp_grid { gap:8.7rem; }
.yazaki_group_four .corp_lft blockquote { margin-bottom:2rem; }
.yazaki_group_four .yazaki_corp_grid .corp_rgt figcaption { margin-top:1.5rem; }
.yazaki_group_four .yazaki_corp_grid .corp_rgt { gap:3rem; }
.yazaki_group_four .vshape { bottom:-27rem; width:57rem; }
 }
@media(max-width:1199px) {
 .yazaki_group_four { padding-block:2.8rem 5rem; }
.yazaki_group_four .yazaki_corp_grid { gap:4.2rem; }
.yazaki_group_four .vshape { bottom:-19rem; width:40rem; }
 }
@media(max-width:991px) {
 .yazaki_group_four { padding-block:2rem 0; }
.yazaki_group_four .corp_lft blockquote { padding-right:0; }
.yazaki_group_four .yazaki_corp_grid { gap:2.2rem; }
.yazaki_group_four .yazaki_corp_grid .corp_rgt { gap:2rem; }
.yazaki_group_five .automtive { padding-bottom: 2rem; }
 }
@media(max-width:767px) {
 .yazaki_group_four .yazaki_corp_grid { gap:2.2rem; grid-template-columns:100%; }
 }
.yazaki_group_five { padding-block:10rem 14rem; background-color:var(--color-f6); }
.yazaki_group_five .automtive { padding-right:15rem; padding-bottom:6rem; }
.yazaki_group_five h3 { font-size:var(--font-30); line-height:1.2; font-weight:bold; color:var(--color-black); margin-bottom:3.1rem; }
.yazaki_group_five .stretig_grid { display:grid; grid-template-columns:repeat(3,1fr); gap:3rem; }
.yazaki_group_five .stretig_grid figure { position:relative; }
.yazaki_group_five .stretig_grid figure::after { content:''; position:absolute; width:55.6%; height:1px; background-color:var(--color-e3); bottom:0; left:0; }
.yazaki_group_five .stretig_grid figcaption { font-size:var(--font-21); font-weight:bold; padding-block:2.5rem; }
@media(max-width:1799px) {
 .yazaki_group_five { padding-block:8rem 12rem; }
.yazaki_group_five .automtive { padding-right:12rem; padding-bottom:5rem; }
.yazaki_group_five h3 { margin-bottom: 2.6rem; }
 }
@media(max-width:1550px) {
 .yazaki_group_five { padding-block:6rem 10rem; }
.yazaki_group_five .automtive { padding-right:7rem; padding-bottom:4rem; }
.yazaki_group_five h3 { margin-bottom:2rem; }
.yazaki_group_five .stretig_grid { gap:2rem; }
.yazaki_group_five .stretig_grid figcaption { padding-block: 1.8rem; }
 }
@media(max-width:1199px) {
 .yazaki_group_five { padding-block:4rem 8rem; }
.yazaki_group_five .automtive { padding-right:0; padding-bottom:3rem; }
 }
@media(max-width:991px) {
 .yazaki_group_five { padding-block:3rem 4rem; }
.yazaki_group_five .stretig_grid { gap:1rem; }
 }
@media(max-width:767px) {
 .yazaki_group_five { padding-block:2rem 3rem; }
.yazaki_group_five .stretig_grid { gap: 2.5rem; grid-template-columns: repeat(1, 1fr); }
 }
.yazaki_group_six { display: grid; width: 100%; max-width: 260rem; margin-inline: auto; }
.yazaki_group_six>* { grid-area: 1 / 1; }
.yazaki_group_six .sustainable-growth { max-width:60.4rem; background-color:var(--color-f6); padding-block:6.1rem 8.2rem; padding-inline:6.5rem 8.6rem; }
.yazaki_group_six .sustainable-growth h5 { margin-bottom:2rem; line-height:1.2385; }
.yazaki_group_six .sustainable-growth h2 { margin-bottom: 3rem; }
.yazaki_group_six .sustainable-growth p { font-size: var(--font-18); }
@media(max-width: 1799px) {
 .yazaki_group_six .sustainable-growth { max-width:53.4rem; padding-block:5.1rem 7.2rem; padding-inline:5.5rem 6.6rem; }
.yazaki_group_six .sustainable-growth h5 { margin-bottom:1.5rem; }
.yazaki_group_six .sustainable-growth h2 { margin-bottom:2.5rem; }
 }
@media(max-width:1550px) {
 .yazaki_group_six .sustainable-growth { max-width:47.4rem; padding-block:4.1rem 6.2rem; padding-inline:4.5rem 5.6rem; }
.yazaki_group_six .sustainable-growth h2 { margin-bottom:2rem; }
.yazaki_group_six .sustainable-growth h5 { margin-bottom:1rem; }
 }
@media(max-width:1199px) {
 .yazaki_group_six .sustainable-growth { max-width:44.4rem; padding-block:3.1rem 5.2rem; padding-inline:3.5rem 3.6rem; }
 }
@media(max-width:991px) {
 .yazaki_group_six { background-color: var(--color-f6); }
.yazaki_group_six>* { grid-area: auto; }
.yazaki_group_six .sustainable-growth { max-width:100%; padding: 3rem; }
 }
@media(max-width:767px) {
 .yazaki_group_six .sustainable-growth { padding:2.5rem 0; }
 }
.yazaki_group_seven { background-color:var(--color-e3); padding-block: 10rem 12rem; }
.yazaki_group_seven .guided { text-align:center; padding-inline: 1rem; }
.yazaki_group_seven .guided>* { color:var(--color-white); }
.yazaki_group_seven .guided h5 { margin-bottom:2rem; }
.yazaki_group_seven .guided blockquote { margin-bottom:3rem; }
@media(max-width: 1799px) {
 .yazaki_group_seven { padding-block: 8rem 10rem; }
.yazaki_group_seven .guided h5 { margin-bottom:1.5rem; }
.yazaki_group_seven .guided blockquote { margin-bottom:2.5rem; }
 }
@media (max-width:1550px) {
 .yazaki_group_seven { padding-block:6rem 8rem; }
.yazaki_group_seven .guided blockquote { margin-bottom:2rem; }
 }
@media(max-width:1199px) {
 .yazaki_group_seven { padding-block:4rem 6rem; }
.yazaki_group_seven .guided { padding-inline:0; }
 }
@media(max-width:767px) {
 .yazaki_group_seven { padding-block:3rem 4rem; }
.yazaki_group_seven .guided blockquote>br { display:none; }
 }
/* CSR Area Start */
.csr_sec { padding-block: 7rem 8.1rem; }
.csr_wrapper { padding-right: 0.8rem; }
.csr_wrapper>h2 { margin-bottom: 3rem; }
@media(max-width:1799px) {
 .csr_sec { padding-block:5rem 7.1rem; }
.csr_wrapper>h2 { margin-bottom:2.5rem; }
 }
@media(max-width:1550px) {
 .csr_sec { padding-block:4rem 6.1rem; }
.csr_wrapper>h2 { margin-bottom:2rem; }
 }
@media(max-width:1199px) {
 }
@media(max-width:1024px) {
 }
@media(max-width:767px) {
 }
.csr_videosec { background-color: var(--color-f6); padding-bottom: 10rem; }
.csr-vid { padding-inline: 10.3rem; }
.csr_watersec { position: relative; padding-block: 4.4rem 14rem; max-width: 192rem; margin-inline: auto; background-color: var(--color-f6); background-image:url(../images/csr2bg.svg); background-repeat:no-repeat; }
.cs_wrapergrid { display:grid; grid-template-columns:62.055% 37.945%; position:relative; width:100%; }
.cswater_left { padding-right:2.5rem; display:flex; flex-direction:column; align-items:end; justify-content:end; gap:2.9rem; }
.cswater_left>figure:nth-child(2) { max-width: 41%; }
.water_caption { padding-inline: 8.8rem 1.5rem; margin-bottom: 11.8rem; }
.water_over { font-size:var(--font-217); font-family:var(--font-bai-jamjuree); letter-spacing:-8.68px; font-weight:800; line-height:0.79; color:var(--color-white); text-transform:uppercase; margin-left:-13rem; margin-block:3rem 5rem; position:relative; z-index:1; }
.csrwaterimg_grid { display:grid; grid-template-columns:23.7% 39.46%; column-gap:2.5rem; justify-content:end; margin-top:2.9rem; position:relative; z-index:1; }
.csr_watersec_2 { position: relative; padding-block:12rem 0rem; max-width: 192rem; margin-inline: auto; background-color: var(--color-white); background-image:url(../images/csr2bg.svg); background-repeat:no-repeat; border-bottom: 1px solid #eee; }
@media(max-width:1799px) {
 .csr-vid { padding-inline:8.3rem; }
.csr_videosec { padding-bottom: 8rem; }
.csr_watersec { padding-block: 4.4rem 12rem; }
.cs_wrapergrid { grid-template-columns: 61.055% 38.945%; }
.cswater_left { gap: 2.5rem; padding-right: 2rem; }
.water_caption { padding-inline:6.8rem 1.5rem; }
.water_over { margin-left: -11.5rem; margin-block: 2.5rem 4rem; }
 }
@media(max-width:1550px) {
 .csr-vid { padding-inline:6.3rem; }
.csr_watersec { padding-block:3.4rem 10rem; }
.water_over { margin-left:-9.5rem; }
.water_caption { padding-inline:4.8rem 1.5rem; margin-bottom:8.8rem; }
 }
@media(max-width:1199px) {
 }
@media(max-width:1024px) {
 }
@media(max-width:767px) {
 }
.csrconserv_sec { padding-block: 16.4rem 5rem; }
.csrconserv_left { padding-right: 13.7rem; }
.csrconserv_right { display:flex; flex-direction:column; justify-content:center; gap: 4rem; height:100%; }
.csrconserv_counter { padding-block:1.8rem 1rem; padding-left:3.2rem; overflow: hidden; border-left:1px solid var(--color-e3); list-style:none; }
.csrconserv_counter span { display:block; font-size:var(--font-36); line-height:1; color:var(--color-e3); font-weight:600; margin-bottom:1rem; }
.csrconserv_counter p { line-height:var(--line-height-24); color:var(--color-black); font-weight:500; }
.csrconserv_grid { margin-top: 9.7rem; }
.csrconserv_grid>.row { --bs-gutter-y:2.6rem; --bs-gutter-x:2.6rem; }
@media(max-width:1799px) {
 .csrconserv_sec { padding-block:12.4rem 4rem; }
.csrconserv_left { padding-right:10.7rem; }
.csrconserv_right { gap:3rem; }
.csrconserv_grid { margin-top:7.7rem; }
.csrconserv_grid>.row { --bs-gutter-y:2.2rem; --bs-gutter-x:2.2rem; }
.csrconserv_counter { padding-block:1.5rem 1rem; padding-left:2.8rem; }
 }
@media(max-width:1550px) {
 .csrconserv_sec { padding-block:10.4rem 3rem; }
.csrconserv_left { padding-right:6.7rem; }
.csrconserv_grid { margin-top:6.7rem; }
 }
@media(max-width:1199px) {
 }
@media(max-width:1024px) {
 }
@media(max-width:767px) {
 }
.watertheme_sec { padding-block:5rem 10rem; }
.waterthm_grid { position:relative; display:grid; grid-template-columns:63.92% auto; padding-right:11.6rem; }
.thm_map { position:relative; z-index: 9; }
.thm_marker { position:absolute; display:flex; align-items:center; cursor:pointer; z-index: 1; }
/* .thm_pointer { position:relative; font-size:var(--font-14); line-height:1; color:var(--color-white); font-weight:600; min-width:3.9rem; min-height:3.9rem; background-color:var(--color-e3); display:flex; align-items:center; justify-content:center; padding:0.3rem; border-radius:50%; box-shadow:0px 0 0px 11px rgb(225 35 34 / 17%); z-index:1; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; }
*/
.thm_pointer02 img { animation: pulseDrop 1.5s infinite ease-in-out; transform-origin: center; max-width: 3rem; }
@keyframes pulseDrop {
 0% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(0, 150, 255, 0.5)); }
50% { transform: scale(1.15); filter: drop-shadow(0 0 8px rgba(0, 150, 255, 0.7)); }
100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(0, 150, 255, 0.5)); }
 }
.thm_name { font-size:var(--font-16); line-height:1.2; text-transform: capitalize; font-weight:normal; margin-left:-0.75rem; padding:0.6rem 1.8rem 0.6rem 2.6rem; background-color:var(--color-2d); color:var(--color-white); border-radius:0.7rem; -webkit-border-radius:0.7rem; -moz-border-radius:0.7rem; -ms-border-radius:0.7rem; -o-border-radius:0.7rem; max-width: 220px; }
div[data-target*="uttarakhand"] { top:22%; left:37.5%; }
div[data-target*="rajasthan"] { top:34.5%; left:20%; }
div[data-target*="madhya-pradesh"] { top:46.5%; left:24%; }
div[data-target*="jharkhand"] { top:45%; left:60%; }
div[data-target*="maharastra"] { bottom:36%; left:25.5%; }
div[data-target*="karnataka"] { bottom:22%; left:25.5%; }
div[data-target*="tamil-nadu"] { bottom:9%; left:34.5%; }
.thm_right { display:flex; flex-direction:column; margin-inline:-8rem auto; padding-bottom:1.8rem; }
.thm_right>.sec_title>h2 { margin-bottom:0.8rem; }
.thm_right>.sec_title>p { font-weight:500; color:var(--color-black); }
.thmcount_grid { display:grid; grid-template-columns:repeat(2,1fr); gap:0.5rem; position:relative; margin-top:auto; }
.thmcount_item { text-align:center; padding:3.1rem 2.7rem 3.7rem 3.7rem; background-color:var(--color-f8); position:relative; overflow:hidden; }
.thmcount_item>figure { margin-bottom:1.5rem; }
.thmcount_item>figure>img { width:auto; height:5.5rem; margin-inline: auto; }
.thmcount_item>p { font-weight:500; font-size:var(--font-18); color:var(--color-black); line-height:1.4; }
.thmcount_item>p>strong { display:block; font-size:var(--font-36); line-height:1; font-weight:600; color:var(--color-e3); margin-bottom:1rem; }
.thmmap_data { position:absolute; right:8rem; top:18%; min-width: 80.4rem; min-height: 70rem; display: grid; z-index:1; }
.thmmap_data>* { grid-area: 1/1; }
.thm_popup { opacity:0; visibility:hidden; pointer-events:none; position:absolute; top:0; right:0; background:url(../images/waterpump.svg) no-repeat; background-size:contain; background-position:bottom center; width:100%; height:auto; padding:3.5rem 5.5rem 18.5rem 7.9rem; background-color:var(--color-f6); transform:translateY(15px); transition:all 0.4s cubic-bezier(0.4,0,0.2,1); }
.thm_popup.active { opacity:1; visibility:visible; transform:translateY(0); pointer-events:auto; }
/* .thm_popup:has(.project_bx) { background:url(../images/waterpump01.svg) no-repeat; background-size:contain; background-position:bottom center; background-color:var(--color-f6); top:0 }
*/
/* .thm_popup:has(.project_bx+.project_bx) { background:url(../images/waterpump02.svg) no-repeat; background-size:contain; background-position:bottom center; background-color:var(--color-f6); top:0 }
*/
/* .thm_popup:has(.project_bx+.project_bx+.project_bx) { background:url(../images/waterpump.svg) no-repeat; background-size:contain; background-position:bottom center; background-color:var(--color-f6); top:0 }
*/
.thm_marker.active .thm_pointer { transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -ms-transform:scale(1.2); -o-transform:scale(1.2); }
.thm_popup:has(.project_bx) { background:url(../images/waterpump.webp) no-repeat; background-size:contain; background-position:center 3rem; background-color:var(--color-f6); top:0; }
.thm_popup:has(.project_bx+.project_bx) { background:url(../images/waterpump.webp) no-repeat; background-size:contain; background-position:bottom center; background-color:var(--color-f6); top:0 }
.thm_popup:has(.project_bx+.project_bx+.project_bx) { background:url(../images/waterpump.webp) no-repeat; background-size:contain; background-position:bottom center; background-color:var(--color-f6); top:0 }
.water_over_2 { font-size: var(--font-21); font-family: var(--font-bai-jamjuree); font-weight: 800; line-height: 0.79; color: var(--color-e3); margin-block: 3rem 5rem; position: relative; z-index: 1; padding-inline: 8.8rem 0rem; }
.csr_watersec_2 p { font-size: var(--font-36); font-weight: 400; line-height: 1; color: var(--color-black); }
.honored_section { padding-block: 12rem; background-color:var(--color-f6); }
.honor_content { padding-left: 8.5rem; }
.honor_img { display: grid; grid-template-columns:1; align-items: flex-end; row-gap: 2rem; }
.honor_img figure { text-align: right; }
.honor_img figure img { width: auto; display: inline-block; }
.honor_img_2 { display: grid; grid-template-columns: 37% 60%; gap: 2rem; justify-content: space-between; margin-top: 2.5rem; }
.honor_img_2 figure { height: 100%; }
.honor_img_2 figure img { height: 100%; object-fit: cover; }
.technology_section { padding-block: 12rem; background-color:var(--color-f6); text-align: center; }
.technology_section p { max-width: 85%; margin: 0 auto; }
.technology_section figure { margin-top: 5rem; }
.thmmap_data:has(.thm_popup.active) { z-index: 90; }
.project_title { display:flex; align-items:center; gap:2rem; margin-bottom:5rem; }
.project_title>span { position:relative; font-size:var(--font-14); line-height:1; color:var(--color-white); font-weight:600; min-width:3.9rem; min-height:3.9rem; background-color:var(--color-e3); margin-left: -5.5rem; display:flex; align-items:center; justify-content:center; padding:0.3rem; border-radius:50%; box-shadow: 0px 6px 16px #0000001F; }
.project_title>h5 { color: var(--color-black); font-weight: normal; }
.project_title>h5>strong { font-weight: 600; }
.project_bx { display: flex; gap: 2.5rem; }
.project_bx>figure { width: 5rem; height: 5rem; flex-shrink: 0; }
.project_caption { max-width: 35.4rem; margin-bottom: 1.5rem; padding-bottom: 1.5rem; border-bottom:0.1rem solid rgb(27 25 24 / 20%); }
.project_caption>h6 { font-weight:600; margin-bottom:0; line-height:1; margin-bottom: 0.5rem; }
.project_caption>p { font-size:var(--font-14); line-height:1; }
.project_caption>.project_fact { display:flex; gap:1.2rem; align-items:center; margin-top:2rem; }
.project_caption>.project_fact>span { display:block; font-size:var(--font-36); line-height:var(--line-height-48); color:var(--color-e3); font-weight:600; margin-bottom:0; }
.project_caption>.project_fact>p { font-size:var(--font-14); line-height:var(--line-height-18); width: 35%; }
@media(max-width:1799px) {
 .watertheme_sec { padding-block:4rem 8rem; }
.waterthm_grid { padding-right:9.6rem; }
.thm_pointer { min-width:3.5rem; min-height:3.5rem; box-shadow:0px 0 0px 9px rgb(225 35 34 / 17%); }
.thmcount_item { padding:2.1rem 1.7rem 2.7rem 2.7rem; }
.thmcount_item>figure>img { height:5rem; }
.thm_right { margin-inline:-5rem auto; }
.thmmap_data { right:6rem; min-width:73.4rem; min-height:64rem; }
.thm_popup { padding:4.5rem 4.5rem 16.5rem 5.9rem; }
.project_caption { max-width:32.4rem; margin-bottom:1.2rem; padding-bottom:1.2rem; }
.thm_popup:has(.project_bx) { background-position: center 3rem; }
.project_title { margin-bottom: 4rem; }
.project_title>span { min-width:3.5rem; min-height:3.5rem; margin-left:-3.5rem; }
.project_bx>figure { width:4.5rem; height:4.5rem; }
.project_caption>.project_fact { gap: 1rem; margin-top: 1.5rem; }
 }
@media(max-width:1550px) {
 .watertheme_sec { padding-block:3rem 6rem; }
.waterthm_grid { padding-right:4.6rem; }
.thm_right { margin-inline:-3rem auto; }
.thm_pointer { min-width:3.2rem; min-height:3.2rem; box-shadow:0px 0 0px 7px rgb(225 35 34 / 17%); }
.project_title { margin-bottom:3rem; }
.thm_name { padding:0.5rem 1.2rem 0.5rem 2.2rem; }
.thm_popup { padding:3.5rem 3.5rem 15.5rem 5.9rem; }
.project_caption { max-width:33.4rem; }
.thmcount_item { padding:1.5rem; }
.thmcount_item>figure { margin-bottom:1rem; }
.thmcount_item>figure>img { height:4.5rem; }
.thmmap_data { right:3rem; min-width:69.4rem; min-height:60rem; }
.honor_content { padding-left: 3.5rem; }
 }
@media(max-width:1199px) {
 }
@media(max-width:1024px) {
 }
@media(max-width:767px) {
 }
.other_initiat { padding-block: 12rem 15rem; background-color: var(--color-ff); }
.other_initiat .sec_title { text-align: center; margin-bottom: 7rem; padding-inline: 12.2rem 8rem; }
.other_initiat .sec_title>h5 { margin-bottom: 2rem; }
.other_initiat .sec_title>blockquote { margin-bottom: 3rem; }
@media(max-width:991px) {
 .initiative-slider { position: relative; padding-bottom: 3rem; ; }
.initiative-slider .swiper-pagination { position: absolute; bottom: 0; left: 0; width: 100%; text-align: center; z-index: 10; }
.initiative-slider .swiper-pagination .swiper-pagination-bullet { background-color: var(--color-e3); }
 }
@media(max-width:1799px) {
 .other_initiat { padding-block:10rem 13rem; }
.other_initiat .sec_title>h5 { margin-bottom:1.5rem; }
.other_initiat .sec_title>blockquote { margin-bottom:2.5rem; }
.other_initiat .sec_title { margin-bottom:5rem; padding-inline:8.2rem 4rem; }
.honor_content { padding-left: 5.5rem; }
 }
@media(max-width:1550px) {
 .other_initiat { padding-block:8rem 11rem; }
.other_initiat .sec_title { margin-bottom:4rem; padding-inline:5.2rem 2rem; }
.other_initiat .sec_title>h5 { margin-bottom:1rem; }
.other_initiat .sec_title>blockquote { margin-bottom:2rem; }
 }
/* Customer Area Start */
.customer_sec { padding-block: 2.3rem 8.2rem; }
.customer_sec .sec_title { padding-right: 5rem; }
.customer_sec h2 { margin-bottom:3rem; }
.customersec_logo { padding-block:10rem 13rem; background-color:var(--color-f6); }
.customer_logogrid { display:grid; grid-template-columns:repeat(4,1fr); gap:0.8rem; }
.customer_logogrid>figure { background-color:var(--color-white); padding:8rem 8.5rem; display:flex; justify-content:center; }
.customer_logogrid>figure>img { width: auto; aspect-ratio:4 / 1.9; object-fit:contain; }
@media(max-width:1799px) {
 .customer_sec { padding-block:2rem 7.2rem; }
.customer_sec .sec_title { padding-right:3rem; }
.customer_sec h2 { margin-bottom:2.5rem; }
.customersec_logo { padding-block:9rem 12rem; }
.customer_logogrid>figure { padding:7rem 7.5rem; }
 }
@media(max-width:1550px) {
 .customer_sec { padding-block:1.5rem 6.2rem; }
.customer_sec .sec_title { padding-right:0; }
.customer_sec h2 { margin-bottom:2rem; }
.customersec_logo { padding-block:8rem 10rem; }
.customer_logogrid>figure { padding:6rem 6.5rem; }
 }
@media(max-width:1199px) {
 .customer_sec { padding-block:1rem 5.2rem; }
.customersec_logo { padding-block:7rem 8rem; }
.customer_logogrid>figure { padding:4rem 4.5rem; }
 }
/* Product Capability Start */
    .pchead_sec { padding-block:7rem 10rem; }
.pchead_sec .sec_title { padding-right:8.5rem; }
.pchead_sec .sec_title>h2 { margin-bottom:3rem; }
.product_listing { position:relative; background-color:var(--color-f6); padding-bottom:13rem; z-index:1; }
.product_listing::before { content:''; position:absolute; top:0; width:100%; height:100%; max-height:20rem; background-color:var(--color-white); }
.productlist_grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8rem 3rem; }
.product_bx { position:relative; }
.product_bx>figure { margin-bottom:3rem; }
.product_bx>.product_caption { padding-right:15.3rem; }
.product_bx>.product_caption>h4 { font-size:var(--font-24); line-height:1.2; color:var(--color-black); font-weight:600; margin-bottom:2rem; }
.product_bx>.product_caption>.read_btn { border-left:0.1rem solid var(--color-e3); padding-left:1rem; line-height:1; margin-top:3rem; }
.product_bx:has(a:hover)>.product_caption>.read_btn { color:var(--color-black); }
@media(max-width:1799px) {
 .pchead_sec { padding-block:6rem 8rem; }
.pchead_sec .sec_title { padding-right:3.5rem; }
.pchead_sec .sec_title>h2 { margin-bottom:2.5rem; }
.product_listing { padding-bottom:11rem; }
.product_listing::before { max-height:18rem; }
.productlist_grid { gap:7rem 2.5rem; }
.product_bx>figure { margin-bottom:2.5rem; }
.product_bx>.product_caption { padding-right:12.3rem; }
.product_bx>.product_caption>h4 { margin-bottom:1.5rem; }
 }
@media(max-width:1550px) {
 .pchead_sec { padding-block:5rem 7rem; }
.pchead_sec .sec_title { padding-right:0; }
.pchead_sec .sec_title>h2 { margin-bottom:2rem; }
.product_listing { padding-bottom:8rem; }
.product_listing::before { max-height:15rem; }
.productlist_grid { gap:6rem 2rem; }
.product_bx>figure { margin-bottom:2rem; }
.product_bx>.product_caption { padding-right:10.3rem; }
.product_bx>.product_caption>h4 { margin-bottom:1rem; }
.product_bx>.product_caption>.read_btn { margin-top:2rem; }
 }
/* Product Capability End */
 /* Supplair Area Start */
 .supplair_sec { padding-block: 7rem; }
.supplair_sec .sec_title { padding-right: 5rem; }
.supplair_banner { background-color:var(--color-f6); }
.supplair_banner figure { width: 100%; max-width: 260rem; margin-inline: auto; }
.supplairtwo_sec { padding-block: 12rem 15.3rem; background-color:var(--color-f6); }
.supplair_caption { padding-right: 12rem; }
.supprair_figure { padding-left: 1rem; }
@media(max-width:1799px) {
 .supplair_sec { padding-block: 6rem; }
.supplair_sec .sec_title { padding-right: 0; }
.supplair_sec .sec_title>h2 { margin-bottom: 2.5rem; }
.supplair_banner figure { padding-inline:8.3rem; }
.supplairtwo_sec { padding-block:10rem 13.3rem; }
.supplair_caption { padding-right:8.5rem; }
 }
@media(max-width:1550px) {
 .supplair_sec { padding-block:5rem; }
.supplair_sec .sec_title>h2 { margin-bottom:2rem; }
.supplair_banner figure { padding-inline:0; }
.supplairtwo_sec { padding-block:8rem 11.3rem; }
.supplair_caption { padding-right:5.5rem; }
 }
/* Supplair Area End */
 /* Work Culture Area Start*/
.work_culturemain { padding-block:7rem 8rem; }
.work_culturemain .sec_title { padding-right:2rem; }
.work_culturemain .sec_title>h2 { margin-bottom: 3rem; }
.work_cultur_banner { background-color:var(--color-f6); }
.work_cultur_banner>.full-width { width: 100%; max-width:260rem; }
@media(max-width:1799px) {
 .work_culturemain { padding-block:6rem 7rem; }
.work_cultur_banner figure { padding-inline:8.3rem; }
.work_culturemain .sec_title { padding-right:0; }
.work_culturemain .sec_title>h2 { margin-bottom: 2.5rem; }
 }
@media(max-width:1550px) {
 .work_culturemain { padding-block:5rem 6rem; }
.work_cultur_banner figure { padding-inline:0; }
.work_culturemain .sec_title>h2 { margin-bottom: 2rem; }
 }
.workculture_sec { padding-block:12rem 14.9rem; background-color:var(--color-f6); }
.workculture_sec .row { --bs-gutter-x:2.5rem; --bs-gutter-y:6rem; }
.culrure_rightcaption { padding-inline:10.8rem 7.2rem; }
.culrure_rightcaption>blockquote { margin-bottom:3rem; }
.culrure_leftcaption { padding:5rem 15rem 5rem 12rem; }
@media(max-width:1799px) {
 .workculture_sec { padding-block:10rem 12.9rem; }
.workculture_sec .row { --bs-gutter-x:2rem; --bs-gutter-y:5rem; }
.culrure_rightcaption { padding-inline:7.8rem 5.2rem; }
.culrure_rightcaption>blockquote { margin-bottom:2.5rem; }
.culrure_leftcaption { padding:4rem 12rem 4rem 9rem; }
 }
@media(max-width:1550px) {
 .workculture_sec { padding-block:8rem 10.9rem; }
.workculture_sec .row { --bs-gutter-x:2rem; --bs-gutter-y:4rem; }
.culrure_rightcaption { padding-inline:6.8rem 3.2rem; }
.culrure_leftcaption { padding:3rem 10rem 3rem 8rem; }
 }
/* Work Culture Area End*/
/* EHS Area  Start */
.ehs_overviewSec { padding-block: 7rem 12rem; }
.ehs_overviewSec .sec_title { margin-bottom: 7rem; }
.ehs_overviewSec .sec_title>h2 { margin-bottom: 0; }
.ehs_overviewSec .ehs-overview { display: grid; grid-template-columns: repeat(1, 57.622% auto); gap: 8.8rem; }
.ehs_overviewSec .ehs_contant { padding-right: 9rem; }
.ehs_contant h4 { font-size: var(--font-30); line-height: 1; font-weight: bold; color: var(--color-black); margin-bottom: 3rem; }
@media(max-width:1799px) {
 .ehs_overviewSec { padding-block:6rem 10rem; }
.ehs_overviewSec .sec_title { margin-bottom:5rem; }
.ehs_overviewSec .ehs-overview { gap: 7.8rem; }
.ehs_overviewSec .ehs_contant { padding-right:6rem; }
.ehs_contant h4 { margin-bottom: 2.5rem; }
 }
@media(max-width:1550px) {
 .ehs_overviewSec { padding-block:5rem 8rem; }
.ehs_overviewSec .sec_title { margin-bottom:4rem; }
.ehs_overviewSec .ehs-overview { gap: 6.8rem; }
.ehs_overviewSec .ehs_contant { padding-right:4rem; }
 }
.what-we-do { padding-block: 11rem 12.5rem; background-color: var(--color-f6); }
.what-we-do .sec_title { margin-bottom: 7rem; text-align: center; }
.what-we-do .sec_title>h2 { margin-bottom: 0; }
.what-we-do .sec_title>h5 { margin-bottom: 2rem; }
.what-we-do .sec_title>p { font-size: var(--font-18); line-height: var(--line-height-30); }
.wwd_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3.4rem; }
.wwd_bx:nth-child(1) { animation-delay: .1s; animation-iteration-count: 1; animation-duration: 1800ms; }
.wwd_bx:nth-child(2) { animation-delay: .2s; animation-iteration-count: 1; animation-duration: 1800ms; }
.wwd_bx:nth-child(3) { animation-delay: .3s; animation-iteration-count: 1; animation-duration: 1800ms; }
.wwd_bx:nth-child(4) { animation-delay: .4s; animation-iteration-count: 1; animation-duration: 1800ms; }
.wwd_bx>figure>img { transition: all 1s ease; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; }
.wwd_bx:hover>figure>img { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); }
.wwd_caption { padding: 3rem 3.6rem 0 1rem; }
.wwd_caption h4 { font-weight: 600; color: var(--color-black); margin-bottom: 3rem; }
.wwd_caption ul { margin: 0; }
.wwd_caption ul>li { font-size: var(--font-18); line-height: 1.667; color: var(--color-black); margin-bottom: 2rem; }
.wwd_caption ul>li::marker { color: var(--color-e3); }
@media(max-width:1799px) {
 .what-we-do { padding-block:9rem 10.5rem; }
.what-we-do .sec_title { margin-bottom:5rem; }
.wwd_grid { gap: 2.5rem; }
.wwd_caption h4 { margin-bottom: 2.5rem; }
.wwd_caption { padding:2.5rem 2rem 0 1rem; }
 }
@media(max-width:1550px) {
 .what-we-do { padding-block:7rem 8.5rem; }
.what-we-do .sec_title { margin-bottom:3.5rem; }
.what-we-do .sec_title>h5 { margin-bottom:1.5rem; }
.wwd_grid { gap:2rem; }
.wwd_caption h4 { margin-bottom:2rem; }
.wwd_caption { padding:2rem 1rem 0 0.5rem; }
 }
.our-goalsSec { background-color:var(--color-e3); padding-block:10rem 11.2rem; }
/* .our-goalsSec .gols-row { display:grid; grid-template-columns:56.5% auto; }
*/
.our-goalsSec .gols-row { display:grid; grid-template-columns: repeat(2, 1fr); }
.gols-row .gols-col { position:relative; padding-block:3.5rem 3rem; }
.gols-row .gols-col:first-child:before { content:''; position:absolute; width:0.1rem; height:100%; top:0; background-color:var(--color-white); right:0; opacity:0.69; }
.gols-col:nth-child(1) { padding-right:4.5rem; }
.gols-col:nth-child(2) { padding-left:8.5rem; }
.our-goalsSec .Grid_2 { display:grid; grid-template-columns:auto 51.202%; gap:3.8rem; align-items:center; }
.our-goalsSec .gols-contant>* { color:var(--color-white); }
.our-goalsSec .gols-contant h5 { margin-bottom:2rem; }
.our-goalsSec .gols-contant h2 { margin-bottom:4rem; line-height:1.139; }
.our-goalsSec .gols-contant ul { margin:0; }
.our-goalsSec .gols-contant ul>li { font-size:var(--font-18); line-height:1.667; color:var(--color-white); list-style:disc; margin-bottom:2rem; }
.our-goalsSec .gols-contant ul>li:last-child { margin-bottom:0; }
.our-goalsSec .Grid_2:has(:not(.gols-img)) { grid-template-columns: 100%; }
.our-goalsSec .certifi-heading h5 { color:var(--color-white); font-weight:600; margin-bottom:3rem; }
.our-goalsSec .certifi-heading p { color:var(--color-white); }
.environmental-box figcaption,.occupational-box figcaption { font-size:var(--font-18); line-height:var(--line-height-24); color:var(--color-white); font-weight:500; margin-top:1.9rem; }
.our-goalsSec .occupational-box figcaption { margin-top:2.2rem; padding-right:6rem; }
.our-goalsSec .certi-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:8rem; align-items:center; margin-top:6.1rem; padding-right:8.1rem; }
@media(max-width:1799px) {
 .our-goalsSec { padding-block:8rem 9.2rem; }
.gols-col:nth-child(1) { padding-right:3.5rem; }
.our-goalsSec .Grid_2 { grid-template-columns:auto 53.202%; gap:3rem; }
.gols-col:nth-child(2) { padding-left:7.5rem; }
.our-goalsSec .certi-grid { gap:5rem; margin-top:4.1rem; padding-right:5.1rem; }
.our-goalsSec .gols-contant h2 { margin-bottom:3rem; }
.our-goalsSec .certifi-heading h5 { margin-bottom: 2.5rem; }
 }
@media(max-width:1550px) {
 .our-goalsSec { padding-block:7rem 8.2rem; }
/* .our-goalsSec .gols-row { display:grid; grid-template-columns:58.5% auto; }
*/
    .our-goalsSec .gols-row { display:grid; grid-template-columns: repeat(2, 1fr); }
.our-goalsSec .gols-contant h5 { margin-bottom:1.5rem; }
.our-goalsSec .gols-contant h2 { margin-bottom:2.5rem; }
.our-goalsSec .gols-contant ul>li { margin-bottom: 1.5rem; }
.gols-row .gols-col { padding-block: 2.5rem 2rem; }
/* .gols-col:nth-child(1) { padding-right:2.5rem; }
*/
    /* .gols-col:nth-child(2) { padding-left:5.5rem; }
*/
    .our-goalsSec .certifi-heading h5 { margin-bottom:2rem; }
.our-goalsSec .certi-grid { gap:3rem; margin-top:3.1rem; padding-right:3.1rem; }
.environmental-box figcaption, .occupational-box figcaption { margin-top: 1rem; }
 }
/* Life Area Start */
.lifeimpact_sec { padding-bottom:6rem; }
.lifeimpact_cation { padding-top:7rem; padding-right:8.3rem; }
.lifeimpact_cation>h2 { margin-bottom:3rem; }
.lifevideo_right { padding-left:1rem; }
@media(max-width:1799px) {
 .lifeimpact_sec { padding-bottom: 5rem; }
.lifeimpact_cation { padding-top:6rem; padding-right:5rem; }
.lifeimpact_cation>h2 { margin-bottom: 2.5rem; }
 }
@media(max-width:1550px) {
 .lifeimpact_sec { padding-bottom:4rem; }
.lifeimpact_cation { padding-top:4rem; padding-right:3rem; }
 }
.lifeibalance_sec { position: relative; padding-block: 6rem 12.3rem; background-color: var(--color-f6); z-index: 1; }
.lifeibalance_sec::before { content:''; position:absolute; top:0; width:100%; height:100%; max-height:55rem; background-color:var(--color-white); }
.lifeibalance_sec .sec_title { text-align: center; padding-inline: 15.4rem; margin-bottom: 7rem; }
.lifeibalance_sec .sec_title>h4 { font-size:var(--font-30); line-height:1.27; color:var(--color-black); font-weight:bold; margin-bottom:3rem; }
.life_grid { margin-top: 8.2rem; }
.life_grid>.row { --bs-gutter-x: 3.3rem; --bs-gutter-y: 7.8rem; }
.balancelife_box { position: relative; height: 100%; }
.balancelife_box::after { content:''; position: absolute; bottom: 0; left: 0; width: 10rem; height: 0.1rem; background-color: var(--color-e3); }
.blancecaption { position: relative; padding: 3rem 0rem 3.1rem 0; }
.blancecaption>p { padding-right: 5.9rem; }
.blancecaption>h5 { font-size:var(--font-24); color:var(--color-black); font-weight:600; margin-bottom:3rem; }
.blancecaption>p { display:-webkit-box; -webkit-box-orient:vertical; overflow:hidden; -webkit-line-clamp: 2; transition: all 0.3s ease; }
.blancecaption.expanded>p { -webkit-line-clamp: unset; }
.blancecaption>.load_btn { position: relative; display: inline-block; margin-top: 2rem; }
.blancecaption>.load_btn>img { width: 2rem; }
.blancecaption.expanded>.load_btn::after { content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/dash-circle.svg) no-repeat center / cover; }
.blancecaption.expanded>.load_btn>img { opacity: 0; }
.blancecaption p { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.blancecaption p.expanded { display: block; }
@media(max-width:1799px) {
 .lifeibalance_sec { padding-block:5rem 10.3rem; }
.lifeibalance_sec::before { max-height: 47rem; }
.lifeibalance_sec .sec_title { padding-inline:10.9rem; margin-bottom:5rem; }
.lifeibalance_sec .sec_title>h4 { margin-bottom:2.5rem }
.life_grid { margin-top:6.2rem; }
.life_grid>.row { --bs-gutter-x:2.5rem; --bs-gutter-y:6.8rem; }
.blancecaption>h5 { margin-bottom:2.5rem; }
.blancecaption { padding:2.2rem 3.5rem 2.6rem 0; }
 }
@media(max-width:1550px) {
 .lifeibalance_sec { padding-block:4rem 8.3rem; }
.lifeibalance_sec::before { max-height: 40rem; }
.lifeibalance_sec .sec_title { padding-inline:8rem; margin-bottom:4rem; }
.lifeibalance_sec .sec_title>h4 { margin-bottom:2rem }
.life_grid { margin-top:5.2rem; }
.life_grid>.row { --bs-gutter-x:2rem; --bs-gutter-y:5.8rem; }
.blancecaption { padding:2rem 2.6rem 2rem 0; }
.blancecaption>h5 { margin-bottom:2rem; }
.blancecaption>h5 { font-size: var(--font-22); }
 }
@media screen and (max-width:1280px) {
 .people_career_sec.sustainability .people_career_left { padding-right: 0rem; }
.sustainability-environment .work_right_prople { padding-left: 7.5rem; padding-right: 0; }
.people_top_sec.sustainability-3 .natural-resources-Cnt { padding-left: 1.9rem; }
.people_top_sec.sustainability-3.natural-resources-sec { padding-block: 11rem 12rem; }
 }
@media(max-width:1199px) {
 .inner_breadcrumb { padding-top:4rem; }
.presence_info>ul>li>img { width: auto; height: 3.6rem; }
.presence_info ul.loca_col li span { width: 2.5rem; height: 2.5rem; }
.people_top_sec.sustainability-3 .natural-resources-Cnt p { padding-right: 2.4rem; padding-block: 2rem; }
 }
/* Downloads Area Start */
.dwnld_sec { padding-block: 7rem 10rem; }
.download_grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 3rem; }
.download_bx { background-color:var(--color-f6); padding:1.5rem; position:relative; }
.download_bx>figure { margin-bottom: 1.2rem; }
.download_bx>p { font-weight: 600; color: var(--color-1a); }
.download_bx>* { 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; }
.download_bx:has(a:hover)>p { color: var(--color-e3); }
/* Media Coverage Area */
.mediacover_sec { padding-block: 6rem 10rem; }
.media_grid { column-count: 4; }
.media_bx { position: relative; border:0.1rem solid #dcdcdc; padding:1rem; display:block; overflow:hidden; }
.timeline-wrapper { width: 100%; height: fit-content; display: flex; align-items: center; justify-content: center; padding: 0; }
.slide-grid { display: grid; grid-template-columns: 45% 55%; align-items: center; width: 100%; background: #f6f6f6; }
/* ===================== TEXT ANIMATION ===================== */
.text-box { opacity: 0; transform: translateY(60px); transition: all 1s cubic-bezier(.16, .84, .44, 1); width: 75rem; }
.swiper-slide-active .text-box { opacity: 1; transform: translateY(0); }
/* stagger reveal */
.text-box h3,
.text-box h2,
.text-box p { opacity: 0; transform: translateY(25px); transition: all 0.8s ease; }
.swiper-slide-active .text-box h3 { opacity: 1; transform: translateY(0); transition-delay: 0.35s; }
.swiper-slide-active .text-box h2 { opacity: 1; transform: translateY(0); transition-delay: 0.3s; }
.swiper-slide-active .text-box p { opacity: 1; transform: translateY(0); transition-delay: 0.45s; font-family: var(--font-bai-jamjuree); }
.text-box h2 { font-size: var(--font-94); margin-bottom: 1.5rem; font-weight: 600; color: var(--color-2d); font-family: var(--font-bai-jamjuree); letter-spacing: -5px; line-height: .9; }
.text-box h2 em { color: #E30016; font-style: normal; letter-spacing: -5px; font-family: var(--font-bai-jamjuree); display: block; }
.text-box h3 { font-size: var(--font-56); margin: 0; color: var(--color-2d); font-family: var(--font-bai-jamjuree); letter-spacing: -2.8px; margin-top: 5rem; }
.text-box p { font-size: var(--font-18); line-height: 1.7; }
.image-box img { mix-blend-mode: darken; }
/* ===================== IMAGE ANIMATION ===================== */
.image-box { mix-blend-mode: darken; background: #f6f6f6; min-height: 59vh; }
.image-box { overflow: hidden; height: 100%; width: 100%; }
.image-box img { width: 100%; /* Motion: Image remains in place */opacity: 0; transform: none; clip-path: polygon(0 0, 0 0, 0 0, 0 0); transition:
        opacity 1.5s ease-out 0.4s,
        clip-path 2.0s cubic-bezier(.33, 1.0, .68, 1.0) 0.4s; }
.swiper-slide-active .image-box img { opacity: 1; transform: none; clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%); }
.swiper-slide:not(.swiper-slide-active) .image-box img { opacity: 0; transform: none; clip-path: polygon(0 0, 0 0, 0 0, 0 0); transition-delay: 0s !important; transition-duration: 0.2s; }
/* ===================== SECTION ===================== */
section.miletone-new { background: #F6F6F6; margin-top: -6rem; padding-bottom: 10rem; }
.timeline { width: 100%; margin-top: 0rem; display: flex; justify-content: space-between; position: relative; padding: 0 0%; position: relative; z-index: 99; }
.year_block { text-align: center; width: auto; position: relative; height: 50px; }
.year_item { font-size: var(--font-18); color: #7a7a7a; cursor: pointer; font-weight: 500; transition: 0.35s ease; margin-bottom: 2rem; font-family: var(--font-bai-jamjuree); }
.year_item.active { font-size: var(--font-32); font-weight: 800; color: #E30016; transform: translateY(-12px); margin-bottom: 0; font-family: var(--font-bai-jamjuree); }
.year_line { width: 1px; height: 41px; background: #B4B4B4; margin: 0 auto; transition: 0.3s ease; }
.year_item.active+.year_line { background: #E30016; width: 2px; }
.mini_indicator_group { display: flex; justify-content: space-between; width: auto; margin: auto; gap: 3.5rem; margin-top: 0; margin-left: 0; position: absolute; bottom: -3rem; z-index: 999999; left: 0rem; height: 10px; margin: auto; }
.mini_indicator_group span { width: 1px; height: 8px; background: #B4B4B4; display: inline-block; border-radius: 50%; opacity: 0.7; position: relative; }
.moving_bar { position: absolute; bottom: -14px; height: 4px; width: 110px; background: #E30016; border-radius: 100px; transition: left 0.45s cubic-bezier(.16, .84, .44, 1); display: none; }
.privacy_section { padding-block: 2.5rem 5rem; }
.privacy_section ol { padding: 0 0 0 2rem; }
.privacy_section ol li { font-size: var(--font-18); color: var(--color-1a); line-height: 1.667; margin-bottom: 1rem; }
@media (min-width:2399px) {
 .image-box { min-height: inherit; }
.inner_breadcrumb { padding-top: 11rem; }
section.miletone-new { padding-bottom: 12rem; }
section.miletone-new { margin-top: 0rem; }
 }
@media (max-width:1366px) {
 .mini_indicator_group { gap: 2.5rem; }
.text-box { width: 55rem; }
.technology_section { padding-block: 8rem; }
.communities-sec { padding-block: 8rem; }
.people-safety-sec3-Cnt { padding-right: 0; }
.people-safety-sec3 { padding-block: 8rem 8.3rem; }
.bottom .people-safety-sec2-Cnt { padding-top: 0rem; }
 }
@media (max-width: 1260px) {
 .mini_indicator_group { gap: 1.5rem; }
 }
@media (max-width: 991px) {
 .slide-grid { grid-template-columns: repeat(1, 1fr); }
.text-box { width: 100%; }
.swiper-slide-active 
.text-box p { margin-bottom: 3rem; }
.timeline { overflow-y: hidden; gap: 2rem; padding-block: 3rem; }
.timeline::-webkit-scrollbar { height: 6px; }
.strength_right>ul>li { padding-left: 2.5rem; background-size: 3.5%; }
.presence_grid { gap: 3rem; }
.people_top_sec.sustainability-3 .natural-resources blockquote br { display: none; }
.gols-col:nth-child(2) { padding-left: 5.5rem; }
.life-culture { padding: 4rem 0; }
.testimonials-img { margin-bottom: 3rem; }
.news_main_sec { margin-top: 4rem; }
.people-safety-sec2 { padding-bottom: 0; }
.testimonials-row { margin-bottom: 4rem; }

 }
@media (max-width: 767px) {
 section.miletone-new { margin-top: 0rem; }
.text-box h2 { font-size: var(--font-72); letter-spacing: -3px; }
.text-box h2 em { letter-spacing: -3px; }
.moving_bar { display: none !important; }
.timeline,.moving_bar { display: none !important; }
.news_main_sec { margin-top: 2rem; }
.mediacover_sec { padding-block: 2rem; }
.filter_sec { padding-bottom: 2rem; }
.contact_sec { position: relative; margin-top: 2rem; }
.strength_right>ul>li { background-size: 1.5%; }
 }
@media (max-width: 728px) {
 .strength_right>ul>li { padding-left: 2.5rem; background-size: 2.5%; }
section.miletone-new { padding-bottom: 0; }
.image-box { min-height: 30vh; }
.pchead_sec { padding-block: 2rem 7rem; }
.productlist_grid { display: grid; grid-template-columns: repeat(1, 1fr); }
.product_bx>.product_caption { padding-right: 4.3rem; }
.people_career_sec.sustainability { padding-top: 1rem; }
.our-goalsSec .certi-grid { gap: 1rem; padding-right: 1.1rem; }
.workculture_sec .row .col-lg-6:nth-child(3) { order: 2; }
.life_grid .col-lg-4.col-md-4 { margin-top: 4rem; }
 }
/* career Page  */
.career_infogrid { display: grid; grid-template-columns:  auto 34.2%; gap: 22.3rem; }
.career_infogrid .csrconserv_left { padding-right: 0; }
.career_infogrid .csrconserv_counter { border-left: none; border-bottom: 1px solid var(--color-e3); padding-left: 0; padding-block: 3rem; }
.career_infogrid .csrconserv_right { gap: 0; }
.career_sec { background-color: var(--color-f6); padding-block: 2rem 8.7rem; border-bottom: 0.1rem solid #DDDDDD; }
.career_infogrid .csrconserv_counter:first-child { border-top:  1px solid var(--color-e3); border-bottom:  1px solid var(--color-e3); }
.career_infobtm { display: grid; gap: 12.4rem; align-items: center; grid-template-columns: 49.2% auto; padding-block: 12rem 3rem; }
.career_infobtm .car_if_btm_rgt { padding-right: 12.1rem; }
.career_infobtm2 { display: grid; gap: 14.9rem; align-items: center; grid-template-columns: auto 49.2% ; }
.career_infobtm2 .car_if_btm_rgt { padding-left: 12.4rem; }
.career_our_value { padding-block: 12rem 14rem; }
.ydi_respect_grid { position:relative; display:grid; align-items:center; grid-template-columns: 43% auto; }
.ydi_respect_grid .ydi_respect_content { background-color: var(--color-2d); padding-block: 11.6rem; padding-inline: 33.6rem 14.9rem; margin-left: -23rem; z-index: 0; }
.ydi_respect_grid  .ydi_respect_image { z-index: 9; }
.ydi_respect_grid .ydi_respect_content h2 { color:var(--color-white); padding-right: 3rem; }
.ydi_respect_grid .ydi_respect_content p { color:var(--color-white); }
.our_valur_ttl { margin-bottom: 6.7rem; padding-right: 21rem; }
.ca_qu_grid { display: grid; grid-template-columns:44.5% auto; gap: 8.8rem; align-items: center; }
.ca_qu_grid .car_eqaul_content { padding-right: 12rem; }
.ca_equl_emp { margin-bottom: 12rem; }
.ope_posi_sec { background-color: var(--color-e3); padding-block: 8.4rem; }
.op_pos_lft>h1 { color: var(--color-white); }
.op_pos_grid { display: grid; grid-template-columns: 46% auto; gap: 9.7rem; }
.op_pos_grid .op_pos_rgt { padding-right: 10rem; }
.op_pos_grid .op_pos_rgt p { color: var(--color-white); }
.op_pos_grid .op_pos_rgt .read_btn { color: var(--color-white); }
.op_pos_grid .op_pos_rgt .read_more_btn { margin-top: 3.2rem; }
.op_pos_grid .op_pos_rgt .read_btn > img { filter: grayscale(1) brightness(0) invert(1); }
.inner_menu ul>li>a.new_active_class { color: var(--color-e3); font-weight: var(--font-weight-bold); }
.inner_menu ul>li>a.new_active_class::after { width: 100%; }
@media (max-width:1366px) {
 .career_infogrid { gap: 14.3rem; }
.career_infobtm .car_if_btm_rgt { padding-right: 5.1rem; }
.career_infobtm2 .car_if_btm_rgt { padding-left: 5.4rem; }
.ydi_respect_grid .ydi_respect_content { padding-block: 8.6rem; padding-inline: 30.6rem 9.9rem; }
.ca_qu_grid .car_eqaul_content { padding-right: 8rem; }
.career_our_value { padding-block: 8rem 10rem; }
.career_infogrid { gap: 8.3rem; }
 }
@media (max-width: 1099px) {
 .career_infobtm { gap: 6.4rem; grid-template-columns: 52.2% auto; }
.career_infobtm2 { gap: 6.4rem; }
.career_infobtm .car_if_btm_rgt { padding-right: 0; }
.career_infobtm2 .car_if_btm_rgt { padding-left: 0; }
.ydi_respect_grid .ydi_respect_content { padding-block: 5.6rem; padding-inline: 27.6rem 7.9rem; }
.ca_qu_grid .car_eqaul_content { padding-right: 0; }
.op_pos_grid .op_pos_rgt { padding-right: 0; }
.people_full_width { padding-inline: 0; }
 }
@media (max-width: 991px) {
 .career_infogrid { grid-template-columns: 1fr; gap: 0; }
.career_infogrid .csrconserv_counter:first-child { border-top: none; }
.career_infogrid .csrconserv_counter { padding-block: 0; gap: 5rem; }
.career_infobtm { grid-template-columns: 1fr; padding-block: 7rem  3rem; gap: 2.4rem; }
.career_infobtm2 { grid-template-columns: 1fr; gap: 2.9rem; }
.career_infobtm2 .car_if_btm_rgt { padding-left: 0; order: 2; }
.career_infobtm2 .car_if_btmlft { order:1; }
.career_sec { padding-block: 2rem 3rem; }
.career_our_value { padding-block: 3rem; }
.our_valur_ttl { padding-right: 0; margin-bottom: 3.7rem; }
.ydi_respect_grid { grid-template-columns: 1fr; }
.ydi_respect_grid .ydi_respect_content { padding-block: 2.6rem; padding-inline: 3rem; margin: 0; }
.ca_qu_grid { grid-template-columns: 1fr; gap: 2.8rem; }
.car_eqaul_content { padding-right: 0; }
.ca_equl_emp { margin-bottom: 3rem; }
.ope_posi_sec { padding-block: 2.4rem; }
.op_pos_grid { grid-template-columns: 1fr; gap: 1.4rem; justify-content: center; }
.op_pos_grid .op_pos_rgt .read_more_btn { margin-top: 1.3rem; }
.people_top_sec.sustainability-3.career_main { padding-bottom: 0rem; }
.career_infobtm .car_if_btm_rgt { padding-right: 0; }
.ca_qu_grid .car_eqaul_content { padding-right: 0; }
.ydi_respect_grid .ydi_respect_content h2 { padding-right: 0; }
.op_pos_grid .op_pos_rgt { padding-right: 0; }
.people-safety-sec3 { padding-block: 6rem 0; }
.our-suppliers>h1 { margin-bottom: 1rem; }
 }
@media (max-width: 767px) {
 .communities-sec.career_sec { padding-block: 0rem; }
.career_infogrid .csrconserv_counter { padding-block: 1rem; }
.career_infobtm { padding-block: 4rem 3rem; }
.career_infobtm2 { padding-bottom: 2rem; }
.career_our_value { padding-block: 2rem 3rem; }
.ca_equal_titl { margin-bottom: 3rem; }
.our_valur_ttl { padding-right: 0; margin-bottom: 1.7rem; }
.ydi_respect_grid .ydi_respect_content { padding-block: 1.5rem; padding-inline: 2rem; }
.gallery_listing { padding-block: 5.3rem; }
.presence_sec .sec_title { padding-right: 0; }
 }
@media (max-width:575px) {
 .programe_mission_box { margin-bottom: 2rem; }
.people_program_sec { padding-bottom: 2rem; }
 }
@media (max-width:375px) {
 .programe_mission_box span { text-align: left; }
.sustainability-2 .programe_mission_box p { text-align: left }
.sustainability-2 .programe_mission_box .buton-red { justify-content: left; }
.people_prog_full_width { padding-top: 2rem; }
.sustainability-environment { padding-block: 2rem; }
.sustainability-environment .title30 { margin-bottom: 2rem; }
 }
.org-detail { position: relative; }
.org-detail .container { position: relative; }