@media(min-width:1921px) {
 .values_customer ul { margin: 0 0 0 15rem; }
 }
@media(min-width:2200px) {
 .values_customer ul { position: relative; left: 6.5rem; }
 }
/*about css start here*/
.mob_header { display: none; }
.panel { position: relative; width: 100%; height: auto; position: relative; z-index: 1; transition: opacity 0.5s ease; }
.panel figure { margin: 0; width: 100%; height: 100%; }
.panel .image { width: 100%; height: 101vh; object-fit: cover; transform-origin: center center; }
.how-we-jam { position: relative; }
.about_panel1 { background: var(--color-ff); height: fit-content; overflow: hidden; padding-block: 7rem 0; position: relative; }
.about_img1 img { mix-blend-mode: difference; }
.inner_title h2 { font-size: 14px; color: #000000; position: relative; padding-block: 0 2rem; margin-bottom: 2rem; }
.inner_title h2:after { content: ""; width: 700px; background: #000; height: 1px; display: block; position: absolute; bottom: 0; z-index: 9 }
.inner_title ul { list-style: none; padding: 0; display: flex; gap: 1rem; flex-wrap: wrap; align-items: center; }
.inner_title ul li a { font-weight: 600; }
.inner_title ul li img { width: 6px; margin-left: 1rem; }
.inner_title ul li a { display: flex; }
.head_overview { display: grid; grid-template-columns: 37% 70%; padding-inline: 0; align-items: end; }
.about_img1 { margin-top: -17rem; }
.about_img1 figure { height: 100vh; }
.about_panel1.life_banner .about_img1 figure { height: 100vh; }
.about_panel1 h2 { text-align: left; }
.overview_title h3 { font: var(--font-42); color: #000; font-weight: bold; margin-bottom: 2rem; }
.overview_title blockquote { font: var(--font-60); font-weight: bold; line-height: 1; position: relative; z-index: 1; letter-spacing: -3.72px; }
.overview_title { width: 70em; padding-block: 0 7rem; }
.herover_left { position: relative; display: grid; grid-template-columns: repeat(4, 1fr); width: 100%; }
.fact_bx figure { width: 6rem; height: 6rem; margin: 0 auto; }
.fact_bx figure img { height: 100%; }
.yarn2 .fact_bx strong { margin-block: 3.5rem 2rem; }
.fact_bx strong { display: block; font: var(--font-72); font-weight: 500; color: var(--color-4b); margin-block: 3.5rem 3rem; }
.about_grid .fact_bx strong { text-align: center; }
.about_grid .fact_bx p { text-align: center; }
.fact_bx p { font: var(--font-18); }
.fact_bx { border-left: 1px solid #DBDBDB; padding-left: 9.1rem; padding-right: 9rem; padding-block: 5.4rem 2.9rem; }
.fact_bx:first-child { padding-left: 0; border-left: 0; }
.about_grid .herover_left .fact_bx:last-child { padding-left: 0rem; padding-right: 0rem; }
.about_grid .herover_left .fact_bx .fact_syn_bx { display: flex;
    justify-content: center; }
.about_panel2 { border: 1px solid #DBDBDB; border-top: none; margin-bottom: 3.8rem; }
.chairman-grid { display: grid; grid-template-columns: repeat(1, 62% 41%); align-items: center; }
.chairman-text blockquote { font: var(--font-24); line-height: 3.6rem; margin-bottom: 7.5rem; color: #4B5320; font-weight: 600; }
.chairman-text p { font: var(--font-16); }
.chairman-text h5 { margin-top: 4.8rem; font: var(--font-18) }
.chartext-grid { display: grid; grid-template-columns: repeat(1, 60% 43%); }
.chairman-bx { border-left: 1px solid #dbdbdb; padding-left: 5.2rem; }
.chairman-bx:first-child { border-left: none; padding-left: 0; padding-right: 4.9rem; }
.about_panel4 { background: #FFCD7D; padding-block: 14rem 18rem; }
.vis-title h3 { color: #000; font: var(--font-32); font-weight: 700; margin-bottom: 1rem; }
.mission { text-align: center; position: relative; }
.mission .vis-title p { color: #000; font: var(--font-16); font-family: 'Poppins'; margin-bottom: 0rem; font-weight: 700; }
.mission blockquote { color: #4B5320; font: var(--font-24); margin-top: 2rem; font-weight: 500; margin-bottom: 2rem; line-height: 1.5 }
.mission p { color: #000; font: var(--font-16); }
.mission .mis-title { margin-top: 12rem; }
.mission .mis-title p { color: #000; font: var(--font-16); margin-bottom: 0rem; }
.mission .mis-title h3 { color: #000; font: var(--font-36); font-weight: 700; margin-bottom: 2rem; }
.mission .mission-bg { position: absolute; right: -19%; bottom: -25%; z-index: -1; }
.value-bx { background: #fff; max-width: 200px; padding: 3rem 4.7rem 4rem 3rem; margin-bottom: 1rem; }
.value-bx img { width: fit-content; }
.value-bx p { font: var(--font-18); margin-top: 4.4rem; font-weight: 700; margin-bottom: 0; }
.value .mis-title h3 { color: #000; font: var(--font-36); font-weight: 700; margin-bottom: 5rem; text-align: center; }
.value-grid { display: flex; gap: 1rem; margin-top: -2rem; }
.value-right { margin-top: 12rem; }
.mission-vis { display: grid; grid-template-columns: repeat(1, 63% 31%); gap: 9rem; position: relative; z-index: 1; }
.about_panel4 { position: relative; }
.about_panel4::before { content: ''; background-color: #F9AA19; width: 28%; right: 0; top: 0; height: 100%; position: absolute; }
.about_panel5 { position: relative; }
.abt-groupgrid { display: grid; grid-template-columns: repeat(1, 38.7% 29%); gap: 25.9rem; align-items: center; position: relative; z-index: 1; }
.abtgroup-bg { position: absolute; right: 0; top: 4rem; z-index: 0; }
.group-text h4 { color: #000; margin-bottom: 4rem; }
.group-text blockquote { color: #4B5320; font: var(--font-24); margin-bottom: 4rem; font-weight: 600; line-height: 1.5; }
.group-text p { color: #4B5320; font: var(--font-16); margin-bottom: 4rem; }
.group-text p:last-child { margin-bottom: 0; }
.group-logo { background-color: #fff; padding: 3rem 3.9rem 2.7rem 3.9rem; position: absolute; top: 18%; right: -12rem; bottom: 0; height: fit-content; }
.group-logo img { width: auto; }
.group-img { position: relative; }
.about_panel6 { padding-block: 12rem 8.5em; }
.leadership-grid { display: grid; grid-template-columns: repeat(1, 34% 62%); gap: 6rem; }
.leader-title h4 { margin-bottom: 3rem; color: #4B5320; }
.leader-title blockquote { font: var(--font-24); margin-bottom: 3rem; color: #4B5320; font-weight: 500; line-height: 1.4; }
.leader-title p { font: var(--font-16); }
.leadership-right { display: grid; grid-template-columns: repeat(2, 1fr); gap: 5rem; }
.about_panel6 .leadership-right .leader_bx p { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.leader_bx { position: relative; }
.leader_bx h4 { font: var(--font-18); color: #000; margin-top: 3rem; margin-bottom: 0.6rem; font-weight: 500; }
.leader_bx span { font: var(--font-16); color: #000; margin-bottom: 2rem; font-weight: 700; display: block; }
.leader_bx p { font: var(--font-16); margin-bottom: 2rem; padding-right: 10rem; }
.leader_bx .arrow-btn { width: auto; }
.leader_bx .link_btn { position: relative; width: fit-content; }
.leader_bx .link_btn::before { content: ''; width: 0%; height: 100%; position: absolute; top: 0; left: 0; background-color: #1b5f97; transition: 0.5s; }
.leader_bx:hover .arrow-btn { filter: brightness(0) invert(1); }
.leader_bx:hover .link_btn::before { background-color: #1b5f97; width: 100%; }
.leader_bx a { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; left: 0; }
/* our journey */
.our-journey { padding: 8.6rem 0 3rem; background: #f8ebd6; position: relative; }
.our-journey .grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12.1rem; grid-template-columns: repeat(1, 30% 61.5%); align-items: start; }
.our-journey .grid>.left { position: -webkit-sticky; position: sticky; top: 3rem; }
.our-journey .left .title { font: var(--font-32); font-weight: 700; color: #000; margin-bottom: 3.9rem; }
.our-journey .left .subtitle { font: var(--font-24); color: #4b5320; margin-bottom: 3rem; font-weight: 500; }
.our-journey .left p { font: var(--font-16); color: #000; }
.timeline_main_group { position: relative; width: 100%; overflow: hidden }
.our-journey .timeline_main_group { position: relative; }
.our-journey .timeline_main_group:before { position: absolute; content: ""; height: 39.8rem; width: 100%; bottom: 0; left: 0; z-index: 1; background: transparent linear-gradient(180deg, #f8ebd600 0%, #f8ebd6 100%) 0% 0% no-repeat padding-box; display: none; }
.our-journey .timeline_group { position: relative; height: 100%; }
@media(max-width:991px) {
 .our-journey .grid>.left { position: relative; top: 0; }
 }
.our-journey .timeline { position: relative; margin-bottom: 8.6rem; }
.our-journey .timeline::before { content: ""; position: absolute; left: 50%; top: 22px; width: 0px; height: 100%; transform: translateX(-50%); border-right: 1px solid #000; background: transparent; }
.our-journey .item { position: relative; width: 50%; margin-bottom: 2rem; }
.our-journey .item::after { content: ""; position: absolute; top: 22px; width: 2rem; height: 0px; background: transparent; border-bottom: 1px solid #000; }
.our-journey .item.left { left: 0; padding-right: 3.6rem; }
.our-journey .item.left::after { right: 0; }
.our-journey .item.right { left: 50%; text-align: left; padding-left: 3.7rem; }
.our-journey .item.right::after { left: 0; }
.our-journey .content { display: flex; align-items: flex-start; gap: 3rem; }
.our-journey .icon { font-size: 18px; opacity: 0.5; margin-top: 2px; min-width: 7rem; max-width: 8rem; }
.our-journey .con { flex: 1; }
.our-journey .year { font: var(--font-36); font-weight: 700; color: #312d79; margin-bottom: 1rem; }
.our-journey .desc { font: var(--font-18); color: #000; }
#annualreports .annualaccordion-item { margin-bottom: 8rem; }
#annualreports .accordian_Innercontent { padding-top: 5rem; }
#annualreports .compliances_responsive { display: grid; grid-template-columns: repeat(3, 1fr); padding: 0; list-style-type: none; column-gap: 5rem; row-gap: 3rem; }
#annualreports .compliances_responsive li { position: relative; }
#annualreports .compliances_responsive a { padding-bottom: 2rem; position: relative; display: block; padding-right: 5rem; font: var(--font-16); line-height: 1.125; }
#annualreports .compliances_responsive li:before { position: absolute; content: ''; height: 1px; width: 100%; background-color: #F9AA19; bottom: 0; left: 0; opacity: 0.5; }
#annualreports .compliances_responsive img { margin-bottom: 1.5rem; }
.annual-wrapper .code-of-conduct_responsive { padding: 0; list-style-type: none; padding-top: 5rem; }
.annual-wrapper .code-of-conduct_responsive .content_title { margin-bottom: 3rem; font: var(--font-24) }
.annual-wrapper .code-of-conduct_responsive ol { margin-bottom: 3rem; }
.annual-wrapper .code-of-conduct_responsive ol li { font: var(--font-16); line-height: 1.4rem; margin-bottom: 0.8rem; }
.annual-wrapper #annualreports .director-table { display: block; }
#annualreports .director-table li { margin-bottom: 3rem; }
#annualreports .director-table .content_title { margin-bottom: 3rem; font: var(--font-24); color: var(--color-d2); }
/* yarn page css  */
.about_panel1.yarn-banner { background: var(--color-46); position: relative; height: fit-content; }
.yarn-banner .head_overview .overview_title blockquote span { display: block; }
.about_panel1.yarn-banner .about_img1 img { mix-blend-mode: color-burn; }
.yarn-banner .inner_title h2,
.yarn-banner .inner_title ul li a,
.yarn-banner .inner_title ul li,
.yarn-banner .overview_title h3,
.yarn-banner .overview_title blockquote { color: #ffffff; }
.yarn-banner .inner_title h2:after { background: #fff; }
.yarn-banner .overview_title { width: 110em; }
.yarn-banner .head_overview { grid-template-columns: 52% 48%; }
.yarn_bannerpdf { position: absolute; right: 4rem; bottom: 4.4rem; padding: 1.5rem; border: 1px solid #FFFFFF; width: 25.2rem; }
.yarn_bannerpdf h5 { font: var(--font-21); color: #fff; font-weight: 500; margin-top: 2rem; font-family: var(--font-roboto); }
.yarn_bannerpdf p { font: var(--font-30); color: #fff; font-weight: 500; font-family: var(--font-roboto); }
.yarn_bannerpdf figure { position: relative; }
.yarn_bannerpdf figure a { position: absolute; top: 0; bottom: 0; width: 100%; height: 100%; left: 0; }
.yarn2 .herover_left { grid-template-columns: repeat(3, 1fr); }
.yarn2.synthetic .herover_left { grid-template-columns: repeat(4, 1fr); }
.fact_bx strong span { font-size: 14px; }
/* yarn css start  */
.yarn3-grid { display: grid; grid-template-columns: repeat(1, 42% 58%); gap: 7rem; }
.cotton_aboutsec .yarn3-grid { align-items: start; }
/* .cotton_aboutsec .yarn3-img { position: sticky; top: 0; } */
.yarn3 { padding-block: 2.4rem 10rem; }
.yarn-banner .inner_title ul li img { filter: invert(1); }
.yarn3-text blockquote { font: var(--font-24); color: var(--color-4b); font-weight: 500; margin-bottom: 2rem; }
.yarn3-text p { font: var(--font-16); line-height: 1.6; margin-bottom: 2rem; }
.yarn3-logo { border-top: 1px solid #707070; padding-top: 4rem; display: grid; gap: 4.2rem; grid-template-columns: repeat(1, 48% 48%); }
.yarn3-logo p { font: var(--font-18); margin-bottom: 0; }
.yarn3-text { margin-right: 24rem; }
.yarn4 { background: var(--color-4b); padding-block: 13.6rem 10.9rem; }
.yarn4-title { text-align: center; }
.yarn4-title blockquote { font: var(--font-24); color: var(--color-white); font-weight: 600; margin-bottom: 2rem; }
.yarn4-title p { font: var(--font-16); margin-bottom: 6.3rem; color: var(--color-white); }
.yarn5 .container { position: relative; }
.yarn5 h3 { position: absolute; left: 0; bottom: 0; color: #fff; font-weight: 900; line-height: 0.7; font-size: 14.9rem; }
.yarn6 { padding-block: 3rem; padding-inline: 16rem; }
.yarn6 blockquote { font: var(--font-24); font-weight: 500; padding-inline: 0rem 6rem; margin-top: 3rem; margin-bottom: 10rem; }
.yarn6 h3 { font: var(--font-32); font-weight: 700; margin-top: 6.8rem; margin-bottom: 3.0rem; color: #000; }
.yarn6 .yarn6-bx h4 { font: var(--font-24); font-weight: 500; margin-bottom: 3rem; margin-top: 3.1rem; color: #000; }
.yarn6 .yarn6-bx p { font: var(--font-16); padding-bottom: 5rem; padding-right: 8rem; margin-bottom: 0; position: relative; }
.yarn6-bx  .custom_bullets>li { margin-bottom: 1.5rem; }
.yarn6 .yarn6-bx p::before { content: ''; width: 145px; height: 1px; background-color: #e1dbdb; position: absolute; bottom: 0; left: 0; }
.yarn6_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 4.3rem }
.yarn7-text h4 { font: var(--font-24); font-weight: bold; margin-bottom: 3rem; color: #000; }
.yarn7-text { padding-right: 21rem; }
.yarn7 { padding-bottom: 9.5rem; }
.yarn7-text p { font: var(--font-16); margin-bottom: 3rem; position: relative; }
.yarn7_grid { display: grid; grid-template-columns: repeat(1, 49% 51%); }
.yarn8 .yarn7_grid { gap: 6.3rem; }
.yarn8 .yarn7-text { padding-right: 29rem; }
.yarn8 .yarn7-text p { margin-right: 12rem; }
.yarn9 { padding-block: 10rem 15rem; background-color: #fff }
.yarn9 h3 { font: var(--font-36); font-weight: 800; margin-bottom: 3rem; color: var(--color-4b); }
.yarn9 p { font: var(--font-24); margin-bottom: 6.5rem; font-weight: 500; }
.yarn9_grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.8rem; }
.yarn9_grid .yarn9_bx { background-color: #F9F9F9; padding: 5rem 7.8rem 5rem 6.6rem; }
.yarn10 { background: #465C69; padding-block: 15.2rem; }
.yarn10_title h3 { font: var(--font-72); color: #fff; font-weight: 200; line-height: 1; position: relative; padding-bottom: 14.5rem; padding-top: 13rem; }
.yarn10_title h3::before { content: ''; width: 118%; height: 1px; background-color: #fff; position: absolute; display: block; bottom: 0; left: 0; z-index: 1; }
.yarn10_grid { display: grid; grid-template-columns: repeat(1, 38% 56%); gap: 8.4rem; position: relative; }
.yarn10_grid::before { content: ''; width: 71%; height: 1px; background-color: #fff; position: absolute; display: block; top: 0; left: 0; }
.yarn10_img_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 2rem; }
.yarn10_bx { position: relative; }
.yarn10_bx .pio_text { background-color: #D2AB67; padding: 4.6rem 4.2rem 5.4rem 4.5rem; }
.yarn10_bx .pio_text p { font: var(--font-18); color: #fff; margin-bottom: 4.3rem; }
.yarn10_bx .pio_text h5 { font: var(--font-18); color: #fff; margin-bottom: 0rem; }
.yarn10_bx .pio_text span { font: var(--font-16); color: #fff; display: block; margin-bottom: 2rem; }
.yarn10_bx .link_btn img { filter: brightness(0) invert(1); width: 27px; }
.yarn10_bx:last-child .pio_text { background-color: #4B5320; }
.yarn10_bx:first-child { margin-top: 9.3rem; }
.yarn10_bx .link_btn { position: relative; width: fit-content; transition: 0.4s; }
.yarn10_bx .link_btn::before { content: ''; width: 0; height: 100%; position: absolute; top: 0; left: 0; background-color: #1b5f97; transition: 0.5s; }
.yarn10_bx a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.yarn10_bx:hover .link_btn::before { width: 100%; }
.yarn-banner .overview_title h3 { margin-bottom: 2rem; font-weight: 600; }
/* yarn-main */
#cotton-yarns-banner { position: relative; height: 100vh; background: url(../images/cotton-yarns.webp) center/cover no-repeat; display: flex; align-items: flex-end; color: #fff; }
#synthetic-yarns-banner { position: relative; height: 100vh; background: url(../images/synthetic-yarns.webp) center/cover no-repeat; display: flex; align-items: flex-end; color: #fff; }
#denims-banner { position: relative; height: 100vh; background: url(../images/denims-banner.webp) center/cover no-repeat; display: flex; align-items: flex-end; color: #fff; }
#knits-banner { position: relative; height: 100vh; background: url(../images/knits-banner.webp) center/cover no-repeat; display: flex; align-items: flex-end; color: #fff; }
.yarn-main { display: block; }
#synthetic-yarns-banner figure img { height: 100%; }
/* Dark overlay */
/* .yarn-main::before { content:""; position:absolute; inset:0; background:rgba(0,0,0,0.4); }
*/
.yarn-head-content { position: relative; left: 0; max-width: 890px; padding-left: 0; margin-block: 0 6rem; padding-inline: 0 2rem; }
.yarn-main .main-title span { display: block; }
.yarn-main .breadcrumb { font-size: 14px; margin-bottom: 20px; opacity: 0.8; margin-top: 10px; }
.yarn-main .breadcrumb span { margin: 0 5px; }
.yarn-main .small-title { font: var(--font-36); font-weight: 600; margin-bottom: 2rem; }
.yarn-main .main-title { font-size: 64px; font-weight: 800; line-height: 1.1; }
/* Optional top header text */
.yarn-main .top-header { position: absolute; top: 65px; left: 100px; right: 60px; color: #fff; font-size: 18px; display: block; justify-content: space-between; width: 35%; }
.yarn-main .breadcrumb-title { font-size: 14px; border-bottom: 1px solid rgba(255, 255, 255, 0.4); padding-bottom: 10px; }
.yarnover_bx { align-content: center; padding-block: 0; padding-inline: 10rem; height: 100%; }
.yarnover_bx .blockquote { color: #4B5320; }
.olive-txt { color: #4B5320; }
.pros-btn { position: relative; width: 44px; height: 44px; background: #FFFFFF 0% 0% no-repeat padding-box; box-shadow: 0px 7px 20px #0000001A; opacity: 1; cursor: pointer; }
.pros-btn a { width: 10px; height: 10px; display: block; border: 1px solid #333; border-left: 0; border-top: 0; transform: rotate(45deg); position: absolute; top: 15px; left: 15px; }
.pros-btn:hover { background: #D2AB67; }
.pros-btn:hover a { border-color: #fff; }
.yarn6 .yarn6-bx.pros p { padding-bottom: 2rem; }
.yarn6 .yarn6-bx.pros p::before { background-color: transparent; }
.bg-white { background-color: #fff; }
.bg-white .yarn7-text { padding-right: 21rem; align-content: center; padding-block: 0; padding-inline: 15rem; height: 100%; }
.yarn7.bg-white { padding: 3rem 0rem 5rem 0rem; }
.bg-white .yarn7_grid { margin-top: 2rem; }
.bg-white .yarn7-img { margin-top: 2rem; }
.bg-white .yarn7_grid:last-child { margin-bottom: 5rem; }
.kapaas { position: relative; }
.kapaas-block { height: 564px; position: relative; color: white; display: flex; align-items: center; padding-left: 80px; }
.kapaas-block figure { width: 100%; height: 100%; object-fit: cover; position: absolute; left: 0px; }
.kapaas-block blockquote { font: var(--font-60); font-weight: 400; line-height: 1.2; width: 40rem; position: absolute; left: 40rem; }
/* Bottom purple section */
.kapaas-content { background: #6f4c8b; color: #eee; padding: 80px; display: flex; justify-content: space-between; align-items: flex-start; position: relative; height: 560px; height: 564px; }
/* Left text */
.kapaas-text { width: 30%; position: absolute; left: 30rem; padding: 2rem 5rem 5rem 10rem; }
.kapaas-text p { color: #fff; font: var(--font-16); }
.im-box { position: absolute; right: 10rem; bottom: 25rem; }
.sustainable-block { display: block; padding-block: 0; padding-bottom: 5rem; }
.sustainable-block .sustainable-content h3 { font: var(--font-32); font-weight: 700; margin-top: 6.8rem; margin-bottom: 3.0rem; color: #000; }
.sustainable-block .sustainable-content { align-content: center; padding-block: 0; padding-inline: 15rem; height: 100%; }
/* Right image placeholder */
.image-box { width: 400px; height: 300px; background: #bbb; position: relative; }
/* Cross lines */
.image-box::before,
.image-box::after { content: ""; position: absolute; width: 100%; height: 1px; background: #ddd; top: 50%; left: 0; transform-origin: center; }
.image-box::before { transform: rotate(45deg); }
.image-box::after { transform: rotate(-45deg); }
/* Your rotated icon */
.carte { width: 10px; height: 10px; display: inline-block; border: 1px solid #333; border-left: 0; border-top: 0; transform: rotate(45deg); margin-top: 20px; }
.denim-process { padding-block: 3rem; padding-inline: 16rem; }
.denim-process .denim-process-head { padding-block: 0; padding-inline: 0rem; height: 100%; width: 70%; display: block; margin-bottom: 12rem; }
.denim-process .denim-process-head blockquote { font: var(--font-24); font-weight: 500; padding-inline: 0rem 6rem; margin-top: 3rem; margin-bottom: 2rem; }
.denim-process .denim-process-head p { font: var(--font-16); }
.denim-process .denim-process-contant h3 { font: var(--font-32); font-weight: 700; margin-bottom: 3.0rem; color: #000; }
.denim-process .denim-process-contant .proc-block h5 { font: var(--font-30); font-weight: 400; margin-bottom: 3.0rem; color: #000; }
.denim-process-contant { display: block; }
.process-tabs { display: flex; border-bottom: 1px solid #d2ab67; flex-wrap: wrap; }
.process-tabs .tab { cursor: pointer; border-right: 1px solid #ddd; font: var(--font-24); font-weight: 500; color: #000; padding: 3rem 6rem 3rem 0rem; margin-right: 2rem; }
.process-tabs .tab:last-child { border-right: none; }
.process-tabs .tab span { display: block; font: var(--font-16); font-weight: 400; margin-top: .6rem; color: #000; width: 80%; }
.process-tabs .tab.active { color: #2a5c8a; }
.tab-content { display: none; padding-top: 30px; }
.tab-content.active { display: block; }
.content-wrap { display: grid; grid-template-columns: repeat(1, 42% 58%); gap: 7rem; margin-top: 3rem; margin-bottom: 3rem; }
.content-wrap .proc-block { padding-block: 0; padding-inline: 10rem; height: 100%; margin-right: 15rem; }
.tab-content .tbmob-title { display: none; }
/* quality section */
.quality-sec { display: block; background: #fff; }
.quality-content { padding: 60px 0; font-family: Arial, sans-serif; }
.quality-header h3 { font: var(--font-32); font-weight: 700; margin-bottom: 3.0rem; color: #000; }
.quality-header blockquote { font: var(--font-24); font-weight: 500; padding-inline: 0rem 6rem; margin-top: 3rem; margin-bottom: 2rem; }
.quality-header p { font: var(--font-16); }
.quality-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; margin-top: 40px; }
.quality-item img { width: 100%; height: auto; display: block; }
.quality-item p { font: var(--font-16); padding-block: 1rem; padding-inline: 15rem; padding-left: 0; }
/* denim-sustainable */
.denim-sustainable { display: block; background: #55612c; color: #fff; position: relative; }
.denim-sustainable .sust-bottom-section { display: flex; gap: 40px; margin-top: 40px; color: #fff; }
.denim-sustainable .box { display: block; width: 50%; }
.denim-sustainable .box h4 { font: var(--font-24); font-weight: 500; margin-bottom: 1rem; padding-inline: 15rem; padding-left: 0; color: #fff; }
.denim-sustainable .box p { font-size: 14px; line-height: 1.6; color: #fff; }
.denim-sustainable-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 30px; }
.denim-sustainable-item blockquote { font: normal normal 200 72px/72px Poppins; letter-spacing: 0px; margin-bottom: 3.0rem; }
.denim-sustainable-item img { width: 100%; height: auto; display: block; }
.denim-sustainable-item .sust-text { padding-block: 12rem; padding-inline: 18rem; padding-left: 10rem; height: 100%; }
.denim-sustainable-item .sust-text p { font: var(--font-16); padding-block: 0rem; padding-left: 0; color: #fff; }
.denim-sustainable-item .box p { font: var(--font-16); padding-block: 1rem; padding-inline: 2rem; padding-left: 0; color: #fff; }
.yarn6.knits-pro blockquote { font: var(--font-24); font-weight: 500; padding-inline: 0rem 6rem; margin-top: 3rem; margin-bottom: 4.5rem; }
.knits-pro .sub-head p { font: var(--font-18); font-weight: 600; margin-bottom: 4rem; }
.yarn6.knits-pro .yarn6-bx.pros p { padding-bottom: 2rem; margin-top: 2.2rem; }
.knits-pro-box { width: 460px; height: 100%; background: #D2AB67; display: flex; }
.yarn6.knits-pro .yarn6-bx.pros .knits-pro-box p { font: var(--font-18); align-content: center; padding-block: 0; padding-inline: 6rem; color: #fff; margin-top: 0rem; }
.bord-top { border-top: 1px solid #DBDBDB; }
.map-block { background: #F9F9F9; }
.map-conent { margin-top: 10rem; margin-bottom: 5rem; padding-bottom: 10rem; }
.map-block .map-conent h3 { font: var(--font-32); font-weight: 700; margin-bottom: 3.0rem; color: #000; }
.enhancing-prod h3 { font: var(--font-18); font-weight: 600; margin-bottom: 4rem; color: #000; }
.enhancing-prod ul { margin-left: -2rem; }
.enhancing-prod ul li { display: inline-table; width: 48%; border-left: 2px solid #F9AA19; margin-bottom: 4rem; }
.enh-bx { display: block; height: 140px; align-content: center; padding-block: 0; padding-inline: 4rem; }
.enh-bx img { width: 60px; height: 60px; }
.enh-bx p { font: var(--font-18); font-weight: 600; margin-top: 3rem; color: #000; }
.knits-enh .yarn7-text { padding-right: 21rem; align-content: center; padding-block: 0; padding-inline: 15rem; height: 100%; }
.knits-sustainable { position: relative; z-index: 1; }
.knits-sustainable:after { background-color: #55612c; content: ''; position: absolute; width: 100%; height: 50%; left: 0; bottom: 0; }
.yarn7_grid { display: grid; grid-template-columns: repeat(1, 49% 51%); }
.knits-sustainable .top-section { background: #f2f2f2; }
.knits-sustainable .top-section { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.knits-sustainable .top-left { background: #f2f2f2; align-content: center; padding-block: 0; padding-inline: 5rem; margin-left: 10rem; height: 100%; }
.knits-sustainable .top-left h3 { font: var(--font-32); font-weight: 700; margin-bottom: 3.0rem; color: #000; }
.knits-sustainable .top-left blockquote { font: var(--font-24); font-weight: 500; padding-inline: 0rem 6rem; margin-top: 3rem; margin-bottom: 4.5rem; }
.knits-sustainable p { font: var(--font-16); padding-bottom: 5rem; }
.knits-sustainable .top-right { flex: 1; min-width: 300px; position: relative; z-index: 9; }
.knits-sustainable .top-right img { width: 100%; height: 100%; object-fit: cover; }
/* BOTTOM SECTION */
.knits-sustainable .bottom-section { position: relative; z-index: 1; }
.knits-sustainable .bottom-container { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; padding-bottom: 5rem; }
.knits-sustainable .bottom-left { padding: 0px; align-content: center; padding-block: 0; padding-inline: 5rem; margin-left: 10rem; height: 100%; }
.knits-sustainable .bottom-left h4 { font: var(--font-32); font-weight: normal; margin-top: 0rem; margin-bottom: 3.0rem; color: #fff; }
.knits-sustainable .bottom-left blockquote { font: normal normal 200 40px / 48px Poppins; letter-spacing: 0px; margin-bottom: 3.0rem; color: #fff; }
.knits-sustainable .bottom-left p { color: #fff; font: var(--font-16); padding-bottom: 5rem; }
/* RIGHT LIST */
.fablist ul { display: block; margin-top: 8rem; list-style: none; }
.fablist li { display: inline-table; width: 32%; font: var(--font-16); color: #fff; border-bottom: 1px solid rgba(255, 255, 255, 0.2); padding-bottom: 5px; margin-bottom: 2rem; }
.yarn-main .inner_title { position: absolute; top: 65px; left: 100px; right: 60px; color: #fff; font-size: 18px; display: block; justify-content: space-between; width: 35%; }
.yarn-main .inner_title h2 { font-size: 14px; color: #fff; position: relative; padding-block: 0 2rem; margin-bottom: 1rem; }
.yarn-main .inner_title h2:after { content: ""; width: 700px; background: #fff; height: 1px; display: block; position: absolute; bottom: 0; }
.yarn-main .inner_title ul { list-style: none; padding: 0; display: flex; gap: 1rem; }
.yarn-main .inner_title ul li { font-size: 10px; }
.yarn-main .inner_title ul li a { display: flex; font-weight: 600; }
.yarn-main .inner_title ul li img { filter: invert(1); }
.csr-set-1 { padding-block: 10.7rem; background: #F9F9F9; }
.csr-set-1 blockquote { font: var(--font-24); color: #4B5320; line-height: 1.5; margin-bottom: 1.5rem; }
.csr-set-1 .csr-head p { font: var(--font-18); line-height: 1.6; }
.csr-head { align-content: center; padding-block: 0; padding-inline: 16rem; padding-left: 0rem; }
.csr-set-1>p { font: var(--font-16); line-height: 1.6; margin-bottom: 2rem; }
.csr-set_grid { display: grid; grid-template-columns: 50% 50%; margin-top: 5rem; gap: 5rem; }
.csrover_bx { align-content: center; padding-block: 0; padding-inline: 10rem; height: 100%; }
.csrover_bx p { font: var(--font-16); line-height: 1.6; margin-bottom: 2rem; }
.csrover_bx h3 { font: var(--font-26); font-weight: 600; margin-bottom: 3.0rem; color: #000; }
.csr-full { position: relative; }
.csr-full::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 30rem; background: linear-gradient(to top, #000000 0%, #00000000 100%); opacity: 0.95; }
.csr-legacy .csr-full::after { background: none; content: none; }
.csr-full .head-full-bx { position: absolute; bottom: 5rem; z-index: 1; align-content: center; padding-block: 0; padding-inline: 20rem; padding-left: 10rem; }
.csr-full .head-full-bx h3 { font: var(--font-26); font-weight: 600; margin-bottom: 3.0rem; color: #fff; }
.csr-full .head-full-bx p { color: #fff; font: var(--font-16); line-height: 1.6; margin-bottom: 2rem; }
.csr-legacy_grid .head-full-bx { right: 0; padding-inline: 4rem; }
.csr-set-3 { padding-block: 5.0rem; background: #fff; }
.csr-set-4 { display: block; }
.csr-ncc .head-olive-bx { align-content: center; padding-block: 10rem; padding-inline: 20rem; padding-left: 10rem; background: #4B5320; }
.csr-ncc .head-olive-bx h3 { font: var(--font-30); font-weight: 600; margin-bottom: 3.0rem; color: #fff; }
.csr-ncc .head-olive-bx p { color: #fff; font: var(--font-16); line-height: 1.6; margin-bottom: 2rem; }
.csr-set-5 { padding-block: 10rem; background: #F9F9F9; padding-inline: 0rem; }
.ertyellow-bx { align-content: center; padding-block: 5rem; padding-inline: 20rem; padding-left: 10rem; background: #D2AB67; margin-bottom: 8rem; }
.ertyellow-bx h3 { font: var(--font-30); font-weight: 600; margin-top: 3.0rem; margin-bottom: 3.0rem; color: #fff; }
.ertyellow-bx p { color: #fff; font: var(--font-16); line-height: 1.6; margin-bottom: 2rem; }
.csr-legacy { display: block; margin-top: 10rem; }
.csr-legacy-content { background: #465C69; }
.csr-legacy-content { align-content: center; padding-block: 7.6rem; padding-inline: 10rem; height: 100%; }
.csr-legacy_grid { display: grid; grid-template-columns: 50% 50%; gap: 5rem; }
.csr-legacy_grid h3 { font: var(--font-26); font-weight: 600; margin-bottom: 3.0rem; line-height: 1.6; color: #fff; padding-block: 0; padding-inline: 35rem; padding-left: 0; height: 100%; }
.csr-legacy_grid .csr-set-gr:first-child { border-bottom: 0.1rem solid rgb(255 255 255 / 40%); }
.csr-legacy_grid p { color: #fff; }
.overview_title.overview_invester h3 { letter-spacing: 0px; }
.contact-banner .about_img1 figure { height: 100%; }
.leder_bannerText blockquote>span { display: block; }
/* RESPONSIVE */
@media (max-width: 768px) {
 .knits-sustainable .bottom-left h1 { font-size: 32px; }
.knits-sustainable .bottom-section { padding: 30px; }
.knits-sustainable .top-left { padding: 30px; }
 }
/* Responsive */
@media (max-width: 992px) {
 .denim-sustainable-grid { display: block; }
.denim-sustainable-item blockquote { font: normal normal 200 28px / 40px Poppins; letter-spacing: 0px; margin-bottom: 3.0rem; }
.denim-sustainable-item .sust-text { padding: 2rem; }
.denim-sustainable .sust-bottom-section { display: block; }
.denim-sustainable .box { display: block; width: 100%; }
.denim-sustainable .box h4 { padding-inline: 0rem; padding-left: 2rem; }
.denim-sustainable-item .box p { padding-inline: 0rem; padding: 2rem; }
 }
/* responsive  */
/* 📱 Mobile View */
@media (max-width: 768px) {
 .quality-grid { grid-template-columns: 1fr; }
.quality-item p { font: var(--font-16); padding-block: 1rem; padding-inline: 0rem; padding-left: 0; }
.process-tabs { display: none; }
.tab-content { display: block; border-bottom: 1px solid #ddd; padding: 0px 0px; margin-bottom: 1rem; }
.tab-content h3 { cursor: pointer; position: relative; }
.tab-content .proc-block,
	.tab-content img { width: 100%; }
.content-wrap .proc-block { padding-block: 0; padding-inline: 0rem; margin-right: 0; }
.content-wrap { flex-direction: column; }
.tab-content .content-wrap { display: none; }
.tab-content.active .content-wrap { display: flex; }
.tab-content .tbmob-title { display: block; }
.tab-content .tbmob-title { padding: 15px; margin: 0; cursor: pointer; background: #d2ab673d; }
.tbmob-title span { display: block; font-weight: 500; }
.content-wrap { display: none; padding: 15px; }
.tab-content.active .content-wrap { display: flex; flex-direction: column; }
 }
@media only screen and (max-width:1699px) {
 .yarn-banner .head_overview { padding-inline: 0; }
.yarn-banner .overview_title { width: max-content; margin-left: 4rem; }
.yarn3-text { margin-right: 14rem; }
.yarn5 h3 { font-size: 12.9rem; }
.yarn6 .yarn6-bx p { font: var(--font-16); padding-bottom: 5rem; padding-right: 4rem; font-family: var(--font-roboto); }
.yarn7-text { padding-right: 7rem; }
.yarn8 .yarn7-text { padding-right: 27rem; }
.yarn8 .yarn7-text p { margin-right: 2rem; }
.kapaas-block figure img { height: 100%; }
.im-box { width: 50rem; }
.presenceBanner .leadership_grid figure { margin-top: 6rem; }
 }
@media only screen and (max-width:1549px) {
 .yarn-banner .overview_title { margin-left: 0rem; }
.yarn9 { padding-block: 9rem 11rem; }
 }
@media only screen and (max-width:1499px) {
 .yarn-banner .overview_title blockquote { width: 60%; }
.yarn5 h3 { font-size: 11rem; }
.yarn6 .yarn6-bx p { padding-right: 0rem; }
.yarn8 .yarn7-text { padding-right: 15rem; }
.yarn9_grid .yarn9_bx { padding: 3rem 4.8rem 3rem 4.6rem; }
.yarn9 h3 { margin-bottom: 2rem; }
.yarn10_bx .pio_text { background-color: #D2AB67; padding: 3.6rem 2.2rem 3.4rem 3.5rem; }
.yarn10_title { margin-right: 2rem; }
.yarn10_bx .pio_text p { margin-bottom: 2.3rem; }
.yarn10_title h3::before { bottom: 10px; width: 127%; }
.head_overview { grid-template-columns: 32% 80%; }
 }
@media only screen and (max-width:1399px) {
 .yarn10_title { margin-right: 5rem; }
.yarn10_grid { grid-template-columns: repeat(1, 36% 59%); gap: 3.4rem; }
.yarn10_title h3::before { bottom: 10px; width: 127%; }
.yarn10_bx:first-child { margin-top: 6.3rem; }
.yarn10_grid::before { width: 67%; }
.yarn10_bx .pio_text { padding: 2.6rem 2.2rem 3.4rem 2.5rem; }
.yarn10 { padding-block: 10.2rem; }
.yarn10_title h3 { padding-bottom: 4.5rem; margin-bottom: 0rem; }
.im-box { width: 44rem; bottom: 35rem; }
 }
@media only screen and (max-width:1299px) {
 .yarn-banner .overview_title blockquote { font: var(--font-72); line-height: 1; font-weight: bold; }
.yarn3-text { margin-right: 5rem; }
.yarn_bannerpdf { width: 16.2rem; }
.yarn3-grid { gap: 5rem; grid-template-columns: repeat(1, 42% 55%); }
.yarn4 { padding-block: 8rem 4rem; }
.yarn5 h3 { font-size: 9rem; }
.yarn6 { padding-block: 7rem; }
.yarn6 blockquote { margin-bottom: 4.1rem; }
.yarn6 h3 { margin-bottom: 4.1rem; }
.yarn6_grid { gap: 3.3rem; }
.yarn6 .yarn6-bx p { padding-bottom: 3rem; }
.yarn8 .yarn7-text { padding-right: 8rem; }
.yarn7-text { padding-right: 3rem; }
.yarn7 { padding-bottom: 4rem; }
.yarn8 .yarn7_grid { gap: 4.3rem; }
.yarn10_title { margin-right: 0rem; }
.yarn10_title h3::before { width: 111%; }
.about_img1 figure { height: 100%; }
 }
@media only screen and (max-width:1199px) {
 .yarn10_title h3 { padding-bottom: 12.5rem; padding-top: 10rem; }
.denim-process { padding-inline: 1rem; }
.process-tabs .tab { padding: 3rem 0rem 3rem 0rem; margin-right: 1.5rem; }
.content-wrap { gap: 2rem; }
.content-wrap .proc-block { margin-right: 0rem; }
.content-wrap .proc-block { margin-right: 0rem; padding: 0px; }
.denim-sustainable-grid { grid-template-columns: 100%; }
.denim-sustainable .sust-bottom-section { padding: 2rem; }
.yarnover_bx { padding-inline: 0rem; }
.yarn6 { padding-inline: 0rem; padding-block: 1rem; }
.bg-white .yarn7 { padding-inline: 2rem; }
.bg-white .yarn7-text { padding-inline: 2rem; }
.enhancing-prod { padding: 2rem; }
.bg-white .yarn7_grid:last-child { margin-bottom: 2rem; }
.knits-sustainable .top-left { padding-block: 2rem; padding-inline: 2rem; margin-left: 0rem; }
.knits-sustainable .top-section { grid-template-columns: 100%; }
.knits-sustainable .bottom-left { padding-inline: 0rem; margin-left: 2rem; }
.knits-sustainable .bottom-container { padding-top: 5rem; padding-bottom: 0rem; }
.map-conent { margin-top: 7rem; margin-bottom: 0rem; padding-bottom: 5rem; }
 }
@media only screen and (max-width:991px) {
 .denim-process { padding-block: 3rem; padding-inline: 0rem; }
.denim-process .denim-process-head { padding-block: 0; padding-inline: 0rem; height: auto; width: 100%; display: block; margin-bottom: 3rem; }
.yarn-banner .overview_title { width: 100%; }
.yarn-banner .head_overview { display: block; }
.yarn-banner .overview_title blockquote { width: 100%; max-width: 100%; }
.about_img1 { margin-top: 0rem; position: absolute; bottom: 0; right: 0; width: 80%; }
.contact-banner .about_img1 { width: 100%; margin-top: 0; }
.yarn_bannerpdf { position: relative; margin-bottom: 5rem; }
.yarn_bannerpdf p { font-size: 2.2rem; font-weight: 500; font-family: var(--font-roboto); }
.yarn2 .fact_bx:nth-child(3) { border-left: 1px solid #DBDBDB; padding-left: 3rem; }
.yarn3 { padding-block: 2.4rem 5rem; }
.yarn3-grid { grid-template-columns: 100%; }
.yarn4-title p { margin-bottom: 4rem; }
.yarn5 h3 { font-size: 6rem; }
.yarn6_grid { grid-template-columns: repeat(1, 1fr) }
.yarn7_grid { grid-template-columns: 100%; }
.yarn7-img { margin-top: 1rem; }
.yarn9 p { margin-bottom: 3.5rem; }
.yarn9_grid { grid-template-columns: repeat(3, 1fr); }
.yarn10_grid { grid-template-columns: 100%; }
.yarn10_grid::before { display: none; }
.yarn10_title h3 { padding-bottom: 6.5rem; padding-top: 0; }
.yarn10_bx:first-child { margin-top: 0; }
.yarn10_title h3::before { width: 89%; }
.yarn10_title h3 { padding-bottom: 6.5rem; margin-bottom: 3rem; }
.tab-content.active .tbmob-title { background: #d2ab6794; }
.knits-pro-box { width: 100%; }
.yarn6.knits-pro .yarn6-bx.pros .knits-pro-box p { padding-inline: 0px; padding: 2rem }
.bg-white .yarn7-text { padding-inline: 0rem; padding: 3rem 0px 0px 0px; }
.yarn7.bg-white { padding: 1rem 0rem 0rem 0rem; }
.knits-sustainable p { padding-bottom: 1rem; }
.knits-sustainable .bottom-left blockquote { font-size: 25px; line-height: 33px; }
.fablist li { width: 49%; }
.yarn5 h3 { padding-left: 1rem; }
 }
@media only screen and (max-width:767px) {
 .yarn2 .fact_bx:nth-child(3) { padding-left: 2rem; }
.yarn3-text { margin-right: 0; }
.yarn8 .yarn7_grid { padding-left: 2rem; padding-bottom: 4rem; }
.yarn8 .yarn7-text p { margin-right: 0; }
.yarn8 .yarn7-text { padding-right: 0; }
.yarn7-text { padding-right: 0; }
.yarn9_grid { grid-template-columns: repeat(2, 1fr); }
.yarn9 { padding-block: 6rem 7rem; }
.denim-process .denim-process-head blockquote { margin-top: 0rem; }
.quality-content { padding: 50px 0; }
.quality-header h3 { font-size: 25px; }
.denim-sustainable .sust-bottom-section { padding: 0px }
.denim-sustainable .box h4 { font-size: 25px; }
.yarn6 h3 { margin-top: 0px; margin-bottom: 0.1rem; font-size: 25px; }
.yarn6_grid { gap: 0.3rem; }
.yarn7.bg-white { padding: 0rem 0rem 1rem 0rem; }
.yarn6.knits-pro blockquote { padding-inline: 0rem 0rem; }
.enh-bx { padding-inline: 2rem; }
.knits-sustainable .top-left blockquote { padding-inline: 0rem 0rem; }
.knits-sustainable .top-left h3 { font-size: 25px; }
.knits-sustainable .bottom-container { padding-top: 0rem; grid-template-columns: 100%; }
.fablist ul { margin-top: 2em; padding-left: 0px }
.knits-sustainable .bottom-left p { padding-bottom: 2rem; }
.knits-sustainable .bottom-left { margin-left: 0px; }
.map-block .map-conent h3 { font-size: 25px; }
.map-conent { margin-top: 5rem; }
.yarn5 h3 { padding-left: 1rem; }
.bg-white .yarn7_grid:last-child { display: flex; flex-direction: column-reverse; }
 }
@media only screen and (max-width:599px) {
 .yarn-banner .overview_title blockquote { font-size: 3rem; font-weight: 800; }
.yarn2 .herover_left { grid-template-columns: repeat(3, 1fr); }
.yarn2 .fact_bx,
	.yarn2 .fact_bx:nth-child(3) { text-align: center; }
.fact_bx { padding-block: 3.4rem 1.9rem; }
.fact_bx figure { margin: auto; }
.yarn3-logo { padding-top: 2rem; gap: 2.2rem; grid-template-columns: 100%; }
.yarn3-text blockquote { margin-bottom: 2.5rem; }
.yarn3-text p { margin-bottom: 2.5rem; }
.yarn3 { padding-block: 0 4rem; }
.yarn3-grid { gap: 3rem; }
.yarn4 { padding-block: 4rem 0; }
.yarn5 h3 { font-size: 5rem; }
.yarn6 { padding-block: 2rem; }
.yarn6 blockquote { margin-bottom: 3.1rem; }
.yarn10 { padding-block: 6.2rem; }
.yarn10_img_grid { grid-template-columns: repeat(1, 1fr); }
.yarn10_title h3 { padding-bottom: 5.5rem; margin-bottom: 2rem; }
.denim-process .denim-process-contant h3 { font-size: 25px; }
.content-wrap { margin-top: 0rem; }
.enhancing-prod { padding: 0rem 2rem; }
.enhancing-prod ul li { margin-bottom: 2rem; }
.knits-sustainable .bottom-left h4 { font-size: 25px; }
.knits-sustainable .bottom-section { background: #55612c; }
.fablist li { width: 100%; }
.fablist li:last-child { margin-bottom: 0px; }
.map-block .map-conent h3 { font-size: 22px; }
.about_grid .herover_left .fact_bx:last-child { padding-left: 0.5rem; padding-right: 0.5rem; }
 }
@media only screen and (max-width:399px) {
 .yarn5 h3 { font-size: 3.5rem; }
.yarn9 { padding-block: 4rem; }
.yarn9 h3 { margin-bottom: 2rem; }
.about_panel2 { margin-bottom: 1rem; }
.about_panel2.yarn2 { margin-bottom: 4rem; }
.fact_bx { padding-top: 3rem; }
.yarn3 { padding-block: 0 3rem; }
.yarn6 { padding-block: 4rem; }
.yarn6 blockquote { margin-bottom: 2.1rem; }
.yarn6 .yarn6-bx h4 { margin-bottom: 2rem; }
.yarn7-text p { margin-bottom: 2rem; }
.yarn8 .yarn7_grid { gap: 3rem; padding-bottom: 2rem }
.yarn7-text h4 { margin-bottom: 2rem; }
.yarn10 { padding-block: 4.2rem; }
.yarn10_title h3 { padding-bottom: 4.5rem; margin-bottom: 0rem; }
 }
/*collection css start here*/
.collection-banner { background: var(--color-31); }
.collection-banner .about_img1 img { mix-blend-mode: color-burn; }
.collection-banner .overview_title { width: 100em; color: #fff; }
.collection-banner .head_overview { grid-template-columns: 52% 48%; }
.collection-banner h2 { color: #fff; }
.collection-banner li,
.collection-banner li a { color: #fff; }
.collection-banner ul li img { filter: invert(1); }
.collection-banner .overview_title h3 { color: #fff; }
.collection-banner .inner_title h2:after { background: #fff; }
/*filter css*/
.filer_panel { padding-block: 9rem; }
.input_serch_product input { border: 1px solid #B4B4B4; padding-inline: 2rem 6rem; padding-block: 1rem; background: none; font: var(--font-18); color: #000; width: 100%; }
.input_serch_product input::placeholder { color: #000; }
.input_serch_product { position: relative; display: grid; align-items: center; width: 32em; }
.input_serch_product>* { grid-area: 1/1; }
.input_serch_product img { width: 15px; margin-left: auto; margin-right: 2rem; }
.filter_serch_box { display: flex; gap: 2rem; }
.filter_by { margin-block: 5rem 0; }
.filter-label { font: var(--font-16); color: #000000; text-transform: uppercase; font-weight: 600; margin-right: 10px; background: #F9F9F9; top: 1.1rem; position: relative; width: fit-content; padding-inline: 1rem; left: 1.2rem; }
.filter_list { display: flex; align-items: center; justify-content: space-between; }
.filter-left,
.filter-right { display: flex; align-items: center; gap: 40px; }
.divider { width: 1px; height: 25px; background: #ccc; }
/* Custom Select Styling */
.custom-select select { appearance: none; -webkit-appearance: none; -moz-appearance: none; background: transparent; border: none; font-size: 15px; font-weight: 500; cursor: pointer; padding-right: 18px; }
/* Dropdown arrow */
.custom-select { position: relative; }
.custom-select::after { content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); font-size: 12px; pointer-events: none; background: url(../images/arrow-select.svg) no-repeat; background-position: center; width: 1rem; height: 1rem; }
.custom-select select { border: 0; background: none; outline: 0; padding-inline: 1rem 2rem; }
.filter-bar { display: flex; align-items: center; justify-content: space-between; border: 1px solid #ddd; background: none; padding-inline: 1rem; padding-block: 1rem; max-width: 100%; }
/* General filter panel */
.filer_panel { padding-block: 9rem 5rem; }
.filter-bar { display: flex; align-items: center; justify-content: space-between; border: 1px solid #ddd; background: none; padding-inline: 1rem; padding-block: 1rem; max-width: 100%; }
.filter-left,
.filter-right { display: flex; align-items: center; gap: 5rem; }
.divider { height: 25px; width: 1px; background-color: #ccc; margin: 0 10px; }
/* Custom dropdown */
.custom-dropdown { position: relative; font: var(--font-18); cursor: pointer; user-select: none; width: max-content; }
.dropdown-selected { padding: 1rem 2rem 1rem 1rem; display: flex; justify-content: space-between; align-items: center; border-radius: 4px; transition: border-color 0.3s; min-width: auto; }
.dropdown-selected:hover { border-color: #888; }
.dropdown-selected::after { content: ''; width: 10px; height: 6px; background: url('../images/down_icon_black.svg') no-repeat center center; background-size: 5px; margin-left: 0.5rem; }
.dropdown-options { position: absolute; top: calc(100% + 0px); left: 0; right: 0; background: #f9f9f9; list-style: none; padding: 0; margin: 0; display: none; z-index: 10; border-radius: 0; overflow: hidden; opacity: 0; transform: translateY(-10px); transition: all 0.3s ease; width: 15rem; font: var(--font-16); border: 1px solid #b4b4b44d; padding-inline: 0rem 0rem; border-top: 0; }
.dropdown-options li { padding: 1rem; border-bottom: 1px solid #eee; cursor: pointer; }
.dropdown-options li:hover { background-color: #f2f2f2; }
.filter_list { display: flex; border: 1px solid #B4B4B4; padding-inline: 1rem; align-items: center; gap: 6rem; justify-content: space-between; padding-block: 1rem; }
/* Show animation */
.dropdown-options.show { display: block; opacity: 1; transform: translateY(0); }
.collection_list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2.4rem; padding-bottom: 5rem; }
.c-list { background: #fff; padding-inline: 1rem; padding-block: 1rem; position: relative; display: none; }
.collection-name { display: flex; justify-content: space-between; padding-inline: 2rem; padding-block: 2rem; }
.collection-name p { font: var(--font-18); }
.collection-name svg { border: 1px solid var(--color-1b); width: fit-content; color: var(--color-1b); stroke: currentColor; }
.view_more.noContent { display: none; }
.view_more { display: flex; justify-content: center; }
.collection_item { padding-bottom: 10rem; }
.collection_item .view_more::after { transform: rotate(90deg); }
@media (max-width:990px) {
 .filter_list { padding-inline: 1rem; align-items: center; gap: 0rem; padding-block: 1rem; flex-wrap: wrap; }
.collection_list { grid-template-columns: repeat(2, 1fr); }
.filter-left,
	.filter-right { flex-direction: column; width: 100%; gap: 0; }
.divider { display: none; }
.custom-dropdown { width: 100%; }
.dropdown-options { width: 100%; position: static; }
.yarn_bannerpdf { position: absolute; right: 2rem; bottom: 0; padding: 1.5rem; width: 16.2rem; }
.inner_title h2:after { content: ""; width: 50%; }
.collection-banner .overview_title { width: 100%; color: #fff; }
.collection-banner .head_overview { grid-template-columns: 1fr; }
.yarn-banner .overview_title { width: 70%; }
.yarn6 { padding-inline: 0rem; }
 }
@media (max-width:767px) {
 .yarn-banner .overview_title { width: 100%; padding: 2rem; }
.yarn_bannerpdf { position: relative; right: inherit; bottom: inherit; padding: 1.5rem; width: 94%; margin: 2rem auto; }
 }
@media (max-width:600px) {
 .collection_list { grid-template-columns: repeat(2, 1fr); }
.head_overview { display: block; }
.overview_title { width: 100%; }
.overview_title blockquote { max-width: 100%; }
.about_img1 img { position: absolute; bottom: 0; width: 80%; right: 0 }
.about_panel1 { height: 100%; overflow: visible; }
.about_panel1 .overview_title blockquote { font-size: 2rem; font-weight: 700; line-height: 2.7rem; }
.yarn-banner .head_overview { padding-bottom: 2rem; }
 }
@media (max-width:480px) {
 .collection_list { grid-template-columns: repeat(1, 1fr); }
 }
/*contact css start here*/
.contact-banner { height: auto; }
.contact-banner img { mix-blend-mode: multiply; }
.contact-banner .about_img1 { margin-top: -7rem; }
.contact_panel { background: var(--color-ff); padding-block: 3rem 4rem; }
.contact_panel_grid { display: grid; grid-template-columns: 30% 30% auto; gap: 12rem; }
.contact_office h4 { font: var(--font-36); color: #000000; font-weight: bold; margin-bottom: 2rem; }
.contact_office p { font: var(--font-18); }
.contact_office ul { margin-top: 2rem; padding: 0; list-style: none; }
.contact_office ul li { display: flex; align-items: center; gap: 15px; margin-bottom: 1.1rem; }
.contact_office ul li img { width: 16px; height: 16px; }
.contact_office ul li a,
.contact_office ul li { font: var(--font-18); }
.contect_left { display: grid; grid-template-columns: repeat(3, 1fr); }
.contact_list img { width: 16px; }
.contact_list h3 { font: var(--font-24); color: var(--color-4b); font-weight: 500; margin-block: 2rem; }
.contact_list a { display: flex; align-items: center; font: var(--font-16); gap: 1rem; }
.contact_list p { font: var(--font-16); margin-bottom: 1.5rem; }
.contact_form_add { display: grid; grid-template-columns: 75% 25%; padding-bottom: 5rem; }
.for_queries h5 { font: var(--font-16); margin-bottom: 4.4rem; font-weight: bold; }
.contact_list { position: relative; padding-block: 0 2rem; margin-block: 0 5rem; }
.contact_list:after { content: ""; width: 77px; height: 1px; background: var(--color-9a); position: absolute; bottom: 0; }
.group_enquiry { display: flex; gap: 2.5rem; position: relative; padding-bottom: 4.8rem; }
.group_enquiry a { display: flex; align-items: center; gap: 1.1rem; }
.group_enquiry img { width: 16px; }
.business_enquiry { padding-block: 5rem; }
.business_enquiry h4 { color: #000; margin-bottom: 1rem; }
.group_enquiry a { font: var(--font-18); }
.group_enquiry:after { content: ""; width: 100rem; height: 1px; background: #707070; position: absolute; bottom: 0; }
.business_enquiry_form { background: #fff; padding-inline: 3rem; padding-block: 3rem; }
.business_enquiry_form h4 { font: var(--font-21); color: var(--color-da); font-weight: 500; margin-bottom: 3.3rem; }
.business_enquiry_form input { width: 100%; border: 1px solid var(--color-b4); padding-inline: 1.5rem; padding-block: 1rem; margin-bottom: 1rem; font: var(--font-16) }
.business_enquiry_form input::placeholder,
.business_enquiry_form textarea::placeholder { color: #000; }
.business_enquiry_form textarea { width: 100%; border: 1px solid var(--color-b4); padding-inline: 1.5rem; padding-block: 1rem; margin-bottom: 1rem; font: var(--font-16) }
.business_enquiry_form button { background: var(--color-4b); color: #fff; border: 0; padding-block: .6rem; padding-inline: 2.5rem; font: var(--font-16); font-family: var(--font-poppins); display: flex; gap: 1rem; cursor: pointer; }
.business_enquiry_form button img { filter: invert(1); transform: rotate(-90deg); width: 10px; }
.business_enquiry_form h4 { color: var(--color-4b); }
.business_enquiry_form select { width: 100%; border: 1px solid var(--color-b4); padding-inline: 1.5rem; padding-block: 1rem; margin-bottom: 1rem; font: var(--font-16); }
.contact_form { margin-top: -61rem; position: relative; z-index: 9; }
.g-recaptcha { margin-bottom: 2rem; }
@media (max-width:1750px) {
 .g-recaptcha { margin-bottom: 2rem; transform: scale(0.77); /* Scales to roughly 235px width */
		-webkit-transform: scale(0.77); transform-origin: 0 0; -webkit-transform-origin: 0 0; }
 }
@media (max-width:1667px) {
 .group_enquiry:after { width: 90rem; }
.g-recaptcha { transform: scale(0.69); /* Scales to roughly 235px width */
		-webkit-transform: scale(0.69); transform-origin: 0 0; -webkit-transform-origin: 0 0; }
 }
@media (max-width:1549px) {
 .group_enquiry:after { width: 80rem; }
 }
@media (max-width:1366px) {
 .group_enquiry:after { width: 70rem; }
 }
@media (max-width:1299px) {
 .group_enquiry:after { width: 60rem; }
.contact_form_add { display: grid; grid-template-columns: 75% 33%; }
.contact_panel_grid { gap: 6rem; }
.contact_form { margin-right: 3rem; margin-left: -3rem; }
.contect_left { grid-template-columns: repeat(3, 1fr); padding-right: 2rem; }
.contact_office h4 { font: var(--font-30); font-weight: bold; }
 }
@media (max-width:1199px) {
 .contact_form { margin-right: 6rem; margin-left: -7rem; }
.contact_panel_grid { gap: 4rem; }
.contect_left { grid-template-columns: repeat(2, 1fr); padding-right: 0rem; }
 }
@media (max-width:990px) {
 .contact_panel_grid { grid-template-columns:repeat(2,1fr); gap: 2rem; }
.contact_form_add { grid-template-columns: 100%; padding-bottom: 5rem; }
.group_enquiry { flex-direction: column; gap: 0.5rem; padding-bottom: 2rem; }
.contect_left { grid-template-columns: repeat(2, 1fr); }
.contact_form { margin-top: 3rem; margin-left: 0; margin-right: 0; }
.contact_panel { padding-block: 5rem 2rem; }
.group_enquiry:after { content: ""; width: 100%; }
.for_queries h5 { margin-bottom: 0.5rem; font-weight: bold; }
.contact_list { position: relative; padding-block: 0 2rem; margin-block: 0 1rem; }
 }
@media (max-width:767px) {
 .contect_left { grid-template-columns: repeat(1, 1fr); }
.contact_panel_grid { grid-template-columns:repeat(2,1fr); gap: 2rem; }
.contact_office ul li { flex-wrap: wrap; gap: 1rem; }
.g-recaptcha { margin-bottom: 0; }
 }
/* news list css  */
.newslist-banner { position: relative; }
.newslist-banner .about_img1 img { mix-blend-mode: normal; }
.newslist-banner .head_overview { display: grid; grid-template-columns: 45% 51%; gap: 5.8rem; padding-inline: 0rem 0; align-items: end; padding-top: 20rem; z-index: 1; position: relative; }
.newslist-banner .overview_title { width: 100%; padding-block: 0 4.4rem; }
.newslist-banner { padding-bottom: 5rem; background: var(--color-1b); }
.newslist-banner .about_img1 { margin-top: 0; }
.newslist-banner.about_panel1 h2,
.newslist-banner .inner_title ul li a,
.newslist-banner .inner_title ul li { color: #fff; }
.newslist-banner .inner_title ul li img { filter: brightness(0) invert(1); }
.newslist-banner .overview_title h3 { color: #fff; margin-bottom: 11rem; }
.newslist-banner .overview_title blockquote { color: #fff; font: var(--font-48); font-weight: 400; margin-bottom: 2rem; line-height: 1.2; }
.newslist-banner .overview_title p { color: #fff; font: var(--font-16); }
.newslist-banner .overview_title span.date { color: #fff; margin-bottom: 1.6rem !important; display: block; font: var(--font-14); display: none; }
.newslist-banner .overview_title span.date strong { padding-right: 0.7rem; margin-right: 0.5rem; position: relative; }
.newslist-banner .overview_title span.date strong::before { content: "|"; position: absolute; right: 0; top: 0; width: 1px; height: 100%; }
.newslist-banner .inner_title h2:after { background-color: #fff; }
.newsbannerbg { position: absolute; right: 0; bottom: 0; z-index: 0; mix-blend-mode: color-burn; opacity: 0.35; }
.news-listgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5rem }
.news-list1 { padding-block: 10.5rem; }
.news-listbx figure { margin-bottom: 3rem; }
.news-listbx .newsl-text span { margin-bottom: 1.5rem; display: none; font: var(--font-10); }
.news-listbx .newsl-text span strong { position: relative; padding-right: 0.7rem; margin-right: 0.7rem; }
.news-listbx .newsl-text span strong::before { content: "|"; position: absolute; right: 0; top: 0; width: 1px; height: 100%; }
.news-listbx .newsl-text p { font: var(--font-18); transition: 0.3s; }
.newsl-text { padding-right: 3rem; }
.news-listbx { position: relative; }
.news-listbx a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.news-listbx:hover p { color: var(--color-1b); }
.news-list1 .load-more { margin-top: 7rem; }
.backBtncol { background: var(--color-4b); display: inline-block; margin-block: 6rem 2rem; position: relative; overflow: hidden; margin-top: 9rem; }
.backBtncol::before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: #b56a04; transform: scaleY(0); transform-origin: bottom; transition: transform 0.4s ease; z-index: 0; }
.backBtncol:hover::before { transform: scaleY(1); }
.backBtncol a,
.backBtncol img { position: relative; z-index: 1; }
.backBtncol>a>img { max-width: 3rem; height: auto; filter: invert(1); }
@media(max-width:1499px) {
 .newslist-banner .head_overview { grid-template-columns: 47% 51%; gap: 3rem; padding-top: 14rem; }
.newslist-banner .overview_title h3 { margin-bottom: 9rem; }
.value-bx { padding: 3rem 2.7rem 3rem 2rem; }
 }
@media only screen and (max-width: 1299px) {
 .newslist-banner .overview_title blockquote { max-width: 100%; }
.newsl-text { padding-right: 0; padding-bottom: 4.5rem; }
.news-listgrid { gap: 3rem; }
.value-bx { padding: 2rem 1rem 2rem 1rem; }
 }
@media(max-width:1099px) {
 .newslist-banner .overview_title blockquote { max-width: 100%; }
.news-list1 { padding-block: 7.5rem; }
.news-listgrid { gap: 3rem; }
.news-listgrid { grid-template-columns: repeat(2, 1fr); }
 }
@media(max-width:991px) {
 .newslist-banner .about_img1 { position: relative; width: 100%; }
.newslist-banner .head_overview { grid-template-columns: 100%; gap: 0rem; padding-top: 9rem; }
.newslist-banner .overview_title h3 { margin-bottom: 3rem; }
 }
@media(max-width:767px) {
 .news-listgrid { grid-template-columns: repeat(1, 1fr); }
.news-list1 { padding-block: 5rem; }
.news-list1 .load-more { margin-top: 4rem; }
.news-listbx figure { margin-bottom: 2rem; }
.newslist-banner .about_img1 img { position: relative; width: auto; margin: auto; }
.newslist-banner .overview_title { padding-block: 0 2.4rem; }
.newslist-banner { padding-bottom: 4rem; }
.newslist-banner .head_overview { padding-top: 5rem; }
 }
/* news list ends  */
/* news details start  */
.news-details h3 { font: var(--font-36); color: #ffffff; font-weight: bold; margin-bottom: 0rem; margin-top: 9.5rem; }
.newslist-banner.news-details .head_overview { padding-top: 12rem; align-items: flex-start; grid-template-columns: 49% 58%; gap: 0; }
.newslist-banner.news-details .overview_title blockquote { font-weight: 300; margin-bottom: 4.8rem; }
.newslist-banner.news-details .newsbannerbg { bottom: unset; width: 66%; top: 0; }
.news-content { background-color: #fff; padding: 7.9rem 3rem 14rem 7rem; }
.newslist-banner .overview_title .news-content p { color: #000; font: var(--font-16); }
.news-dimg { display: grid; grid-template-columns: repeat(2, 1fr); }
.news-details .news-content { background-color: #fff; }
.news-list1 h3 { font: var(--font-36); color: #000; font-weight: bold; margin-bottom: 4.5rem; margin-top: 0rem; }
.news-details::before { content: ''; display: block; background: #F9F9F9; width: 100%; height: 20%; position: absolute; bottom: 0; left: 0; }
.news-d1 { padding-top: 0; }
.newslist-banner.news-details .overview_title { padding-bottom: 0; }
.newslist-banner.news-details .about_img1 { height: 100%; }
.newslist-banner .head_overview.news_d_brid { display: block; }
.newslist-banner .head_overview.news_d_brid .news-content { background-color: #fff; padding: 7.9rem 7.8rem 7.5rem 7rem; }
@media(max-width:1699px) {
 .news-content { background-color: #fff; padding: 3.9rem 3rem 13rem 7rem; }
.newslist-banner.news-details .overview_title blockquote { max-width: 100%; }
 }
@media (max-width: 1549px) {
 .news-content { background-color: #fff; padding: 3.9rem 3rem 5rem 5rem; }
.newslist-banner.news-details .head_overview { grid-template-columns: 45% 58%; }
 }
@media (max-width: 1499px) {
 .news-details::before { height: 12%; }
.newslist-banner.news-details .overview_title blockquote { margin-right: 2rem; }
 }
@media (max-width: 1366px) {
 .newslist-banner.news-details .head_overview { padding-top: 8rem; }
.newslist-banner .head_overview.news_d_brid .news-content { padding: 5rem 5rem; }
 }
@media (max-width: 991px) {
 .newslist-banner.news-details .head_overview { padding-top: 5rem; }
.newslist-banner.news-details .head_overview { grid-template-columns: 100%; }
 }
@media (max-width: 599px) {
 .news-details h3 { margin-top: 5rem; }
.newslist-banner.news-details .head_overview { padding-top: 3rem; }
.newslist-banner.news-details .overview_title blockquote { font-weight: 300; margin-bottom: 2.8rem; }
.news-content { padding: 2.5rem 2rem; }
.news-list1 h3 { margin-bottom: 2.9rem; }
.news-list1 { padding-block: 5rem 4rem; }
.newslist-banner .head_overview.news_d_brid .news-content { padding: 3rem 2rem; }
 }
/* news details end  */
/* Blog list start  */
/* .bloglist { background-color:var(--color-4b); }
*/
.blog-list1 .news-listgrid { grid-template-columns: repeat(2, 1fr); }
.newslist-banner.bloglist .overview_title span.date strong::before,
.blog-list1 .news-listbx .newsl-text span strong::before { display: none; }
.about_panel1.newslist-banner.blogdetails .about_img1 { height: 100%; }
.blogdetails .about_img1 figure { height: 100%; }
@media (max-width: 767px) {
 .blog-list1 .news-listgrid { grid-template-columns: repeat(1, 1fr); }
 }
/* blog details  */
.blogdetails { position: relative; }
.blogdetails::before { content: ''; position: absolute; width: 100%; height: 62%; left: 0; bottom: 0; background-color: #F9F9F9; }
.newslist-banner.blogdetails .head_overview { display: block; }
.blogdetails .newsbannerbg { top: 0; position: absolute; right: 0; bottom: unset; }
.blog-dtext { background: #fff; padding: 5rem 9rem 8.8rem 9rem; }
.blog-dtext h4 { font: var(--font-24); font-weight: 500; margin-bottom: 6.6rem; }
.blog-dtext p { font: var(--font-16); line-height: 1.4; }
.blogyellow-bg { background: #FFCD7D; padding: 6.6rem 7.6rem 4rem 7.6rem; margin-top: 10.7rem; display: grid; grid-template-columns: repeat(1, 39% 57.5%); gap: 8rem; }
.blogyellow-bg h5 { font: var(--font-30); color: var(--color-4b); font-weight: 300; line-height: 1.3; }
.blogyellow-bg figure { margin-top: -11.5rem; }
.news-list1.news-d1 .news-listgrid .relet_block figure { height: 100%; }
.news-list1.news-d1 .news-listgrid .relet_block figure img { height: 100%; object-fit: contain; }
.blogwhite-bg { padding: 0rem 7.6rem 0rem 7.6rem; display: grid; grid-template-columns: repeat(1, 40% 57.5%); gap: 6.7rem; align-items: center; }
.divercityRow .blogwhite-bg:nth-child(1) { grid-template-columns: 100%; }
.blogwhite-bg p { padding-top: 8rem; }
.news-list1.news-d1 { margin-top: 4rem; }
.newslist-banner.blogdetails .head_overview { padding-top: 9.5rem; }
.processFlow { padding: 3rem 2rem; margin: 2rem 0; background: #f5f5f5; text-align: center; font-family: Arial, sans-serif; }
.processFlow__heading { text-align: left; margin-bottom: 40px; font-size: 20px; color: #333; }
.processFlow__wrapper { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 2rem; }
.processFlow__item { display: flex; flex-direction: column; align-items: center; max-width: 120p }
.processFlow__item img { width: 6rem; height: auto; margin-bottom: 1rem; }
.processFlow__item p { font: var(--font-16); color: #333 }
.processFlow__arrow img { width: 40px; height: auto; }
.fiberGreen_num { display: flex; flex-direction: column; align-items: center; justify-content: center; }
.fiberGreen_num img { width: 80rem; }
.fiberGreen_num h4 { font: var(--font-80); margin-top: 5rem; margin-bottom: 2rem; }
.fiberGreen_num p { font: var(--font-21); }
.blog_common_grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2rem; margin-top: 4rem; }
.blog_common_grid img { width: auto; }
.rebootHero { position: relative; background: url("http://sd57:8080/rswm/public/frontend/assets/images/reboot_back.png") center/cover no-repeat; padding: 80px 20px; color: #fff; text-align: center; font-family: Arial, sans-serif; }
.rebootHero__overlay { position: absolute; inset: 0; background: rgba(90, 90, 50, 0.75); /* olive overlay */ }
.rebootHero__content { position: relative; max-width: 900px; margin: 0 auto; z-index: 2; }
.rebootHero__icon img { width: 120px; margin-bottom: 20px; }
.rebootHero__title { font-size: 48px; letter-spacing: 3px; margin: 10px 0; }
.rebootHero__tag { display: inline-block; background: #2f2f1f; padding: 6px 12px; font-size: 12px; margin-bottom: 30px; margin-top: 3rem; }
.rebootHero__buttons { display: flex; flex-wrap: wrap; justify-content: center; gap: 20px; margin-bottom: 30px; }
.rebootHero__buttons button { padding: 12px 20px; border: 2px solid #fff; background: transparent; color: #fff; font-weight: bold; min-width: 200px; }
.rebootHero__desc { font: var(--font-16); line-height: 1.6; max-width: 700px; margin: 30px auto; color: #eee; }
.rebootHero__cta { display: inline-block; background: #2f2f1f; padding: 12px 20px; color: #fff; text-decoration: none; font-size: 13px; margin-top: 20px; }
.rebootHero__logo img { width: auto; margin-inline: auto; }
.silverSection { background: url("http://sd57:8080/rswm/public/frontend/assets/images/silverTechBG.png") center/cover no-repeat; padding: 60px 20px; font-family: Arial, sans-serif }
.silverSection__container { max-width: 1100px; margin: 0 auto }
.silverSection__header h2 { font-size: 28px; color: #444; margin-bottom: 10px }
.silverSection__header img { width: auto; }
.silverSection__header h2 span { display: block; font: var(--font-16); font-weight: normal; color: #777 }
.silverSection__header p { max-width: 600px; font: var(--font-16); color: #333 }
.silverSection__mainImg { margin: 30px 0; text-align: center }
.silverSection__mainImg img { max-width: 100% }
.silverSection__desc { font-size: 15px; margin: 20px 0 30px; color: #222; }
.silverSection__features { display: grid; grid-template-columns: repeat(4, 1fr); gap: 25px; margin-bottom: 30px }
.silverCard { text-align: center }
.rounded_img .silverCard img { margin-bottom: 3rem; object-fit: cover; border-radius: 50%; width: 100%; max-width: 25rem; height: 25rem; }
.blog_Col { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
.silverCard h4 { font: var(--font-18); margin-block: 4rem 1.5rem; text-align: left; font-weight: 500; }
.silverCard p { font: var(--font-16); font-weight: 400; color: #444; text-align: left; }
.silverSection__container .silverSection__bottom { text-align: center; font: var(--font-18); margin-top: 3rem; }
.divercity_main { padding: 0rem 10rem; }
.divercity h4 { text-align: center; font: var(--font-48); text-transform: uppercase; }
.divercity p { text-align: center; text-transform: uppercase; font: var(--font-26); margin-bottom: 2rem; }
.divercity_zig_zag img { width: auto; }
.divercity_zig_zag h4 { margin-bottom: 0; }
.divercity_zig_zag p { padding-top: 2rem; }
.divercity_zig_zag { padding-block: 4rem; border-bottom: solid 1px #ddd; }
.divercity_zig_zag:last-child { border-bottom: none; padding-bottom: 0; }
@media (max-width: 768px) {
 .processFlow__wrapper { flex-direction: column; }
.processFlow__arrow { transform: rotate(90deg); }
.divercity_main { padding: 5rem 2rem; }
 }
@media (max-width: 1799px) {
 .yarn-banner .overview_title blockquote { padding-right: 11rem; }
.chairman-text blockquote { margin-bottom: 4.5rem; }
.fact_bx { padding-left: 7.1rem; padding-right: 6rem; }
.abt-groupgrid { grid-template-columns: repeat(1, 38.7% 25%); }
 }
@media (max-width: 1699px) {
 .blogdetails .overview_title blockquote { max-width: 100%; }
.yarn-banner .overview_title blockquote { padding-right: 35rem; }
 }
@media (max-width: 1599px) {
 .filter-left,
	.filter-right { gap: 1rem; }
.fact_bx { padding-left: 4.1rem; padding-right: 5rem; }
.chairman-text blockquote { margin-bottom: 3rem; }
.chairman-text h5 { margin-top: 1.8rem; }
.chairman-text blockquote { line-height: 1.5; }
.chairman-text p { line-height: 1.5; }
.value-bx { padding: 3rem 2.7rem 3rem 3rem; }
.about_panel4 { padding-block: 8rem 12rem; }
.abt-groupgrid { grid-template-columns: repeat(1, 38.7% 28%); }
.overview_title { width: 75em; }
.blog-dtext { padding: 3rem 8rem 7.8rem 7rem; }
.divercity_main { padding: 0rem 1rem; }
.blog-dtext h4 { margin-bottom: 4.6rem; }
.blogyellow-bg { padding: 6.6rem 7.6rem 4rem 6.6rem; margin-top: 9.7rem; }
.blogwhite-bg p { padding-top: 3rem; padding-bottom: 2rem; }
.blogwhite-bg { padding: 0rem 7.6rem 0rem 6.6rem; }
.divercity_zig_zag img { margin-bottom: 2rem; }
.silverCard h4 { margin-top: 0; margin-bottom: 1.5rem; }
.silverCard img { margin-bottom: 2rem; }
 }
@media (max-width: 1549px) {
 .yarn-banner .overview_title blockquote { padding-right: 49rem; }
 }
@media (max-width: 1499px) {
 .yarn-banner .overview_title blockquote { padding-right: 0rem; }
 }
@media (max-width: 1449px) {
 .overview_title { width: 60em; }
.blogyellow-bg { padding: 3.6rem 7.6rem 4rem 4.6rem; margin-top: 6.7rem; gap: 4rem; grid-template-columns: repeat(1, 43% 57.5%); }
.blogyellow-bg figure { margin-top: -7.5rem; }
.blogwhite-bg { padding: 0rem 7.6rem 0rem 4.6rem; gap: 4rem; grid-template-columns: repeat(1, 43% 57.5%); }
 }
@media (max-width: 1366px) {
 .yarn-banner .overview_title blockquote { width: 65%; }
.fact_bx { padding-left: 3.1rem; padding-right: 3rem; }
.value-bx { padding: 2rem 1.7rem 2rem 2rem; }
.overview_title { width: 55em; }
 }
@media (max-width: 1299px) {
 .yarn-banner .overview_title blockquote { width: 76%; padding-right: 10rem; }
.blogwhite-bg { padding: 0rem 6.6rem 0rem 2.6rem; gap: 3rem; grid-template-columns: repeat(1, 45% 59.5%); }
.blogyellow-bg { padding: 3.6rem 6.6rem 4rem 2.6rem; gap: 3rem; grid-template-columns: repeat(1, 45% 59.5%); }
.blog-dtext { padding: 2rem 5rem 7.8rem 6rem; }
.filter_list { gap: 1rem; }
.certification_sec .sec_title h3 { margin-top: 4.8rem; }
 }
@media (max-width: 1099px) {
 .filter_list { gap: 0rem; }
.divider { margin: 0 0; }
.dropdown-selected { padding: 0.5rem; }
.blogyellow-bg figure { margin-top: -5.5rem; }
.blogyellow-bg { margin-top: 4.7rem; }
.blog-dtext { padding: 3rem 3rem 5.8rem 4rem; }
.rounded_img .silverCard img { max-width: 13rem; height: 13rem; }
.silverSection { padding-top:2rem; padding-bottom: 0; }
 }
@media (max-width: 1049px) {
 .blogdetails::before { height: 66%; }
 }
@media (max-width: 991px) {
 .abt-groupgrid { gap: 4rem; grid-template-columns: 100%; }
.yarn-banner .overview_title blockquote { width: 100%; padding-right: 0; }
.blogyellow-bg { display: block; margin-top: 4rem; }
.blogyellow-bg figure,
	.blogwhite-bg figure { margin-top: 3rem; }
.blogwhite-bg { display: block; }
.blogwhite-bg { padding: 0rem 2.6rem 0rem 2.6rem; }
.blogyellow-bg { padding: 3.6rem 2.6rem 4rem 2.6rem; }
.blog-dtext h4 { margin-bottom: 2.6rem; }
.blog-dtext { padding: 3rem 0rem 3rem 0rem; }
.blogdetails .newsbannerbg { top: 29%; }
 }
@media (max-width: 767px) {
 .blog-dtext h4 { margin-bottom: 1.6rem; }
.blogwhite-bg { padding: 0; }
.blogwhite-bg p { padding-top: 3rem; }
.blogyellow-bg { padding: 3rem 2rem; }
.blogyellow-bg figure,
	.blogwhite-bg figure { margin-top: 2rem; }
.blogdetails .newsbannerbg { top: 4%; }
.blog_Col { grid-template-columns: repeat(1, 1fr); }
.related_articles { margin-bottom: 2rem; }
 }
@media (max-width: 599px) {
 .overview_title { width: 100%; }
.news-list1.news-d1 { margin-top: 0rem; padding-top: 1rem; }
.blogdetails::before { height: 75%; }
.blogdetails .newsbannerbg { top: 14%; }
.blog-dtext { padding: 0rem 0rem 3rem 0rem; }
 }
/*esg css stsrt here*/
.esg-banner { background: #4B5320; }
.esg-banner .about_img1 img { mix-blend-mode: lighten; }
.esg-banner .overview_title blockquote,
.esg-banner .overview_title h3,
.esg-banner h2,
.esg-banner .inner_title ul li a,
.esg-banner .inner_title ul li { color: #fff; }
.esg-banner .inner_title ul li img { filter: invert(1); }
.esg-banner .inner_title h2:after { background: #fff; }
.esg-banner .head_overview { grid-template-columns: 35% 65%; }
.csr_banner .head_overview { grid-template-columns: 20% 80%; }
.csr_banner .about_img1 { margin-top: 0; }
.csr_banner .about_img1 figure img { margin-top: -14rem; }
.about_panel1.csr_banner { background: #4B5320; height: fit-content; overflow: hidden; padding-block: 7rem 0; position: relative; }
.about_panel1.csr_banner .about_img1 img { mix-blend-mode: inherit; }
.about_panel1.csr_banner .overview_title blockquote,
.about_panel1.csr_banner .overview_title h3,
.about_panel1.csr_banner h2,
.about_panel1.csr_banner .inner_title ul li a,
.about_panel1.csr_banner .inner_title ul li { color: #fff; }
.about_panel1.csr_banner .inner_title ul li img { filter: invert(1); }
.about_panel1.csr_banner .inner_title h2:after { background: #fff; }
.about_panel1.csr_banner .inner_title h2 { color: #fff; }
.esg-banne .about_img1 { margin-top: -16rem; }
.esg_grid { display: grid; grid-template-columns: 25% 75%; }
.esg_we_left h2 { font-size: 3.6rem; font-weight: bold; line-height: 1.2; }
.esg_we_right h3 { font-size: 2.4rem; color: #4B5320; line-height: 1.5; margin-bottom: 1.5rem; }
.esg-we { padding-block: 10.7rem; }
.esg_we_right>p { font-size: 1.6rem; }
.esg_we_right>h3 { margin-bottom: 4rem; }
.esg-icon { width: 65px; margin-bottom: 3rem; }
.esg_grid_list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 5rem; margin-top: 10rem; }
.esg_item { border-left: 1px solid #4b53204a; padding-inline: 3rem; }
.esg_item h5 { font-size: 2.4rem; color: #4B5320; }
.esg_we_right .view_more { justify-content: inherit; margin-top: 6rem; }
.esg_we_right .view_more::after { transform: rotate(90deg); }
.esgpanel1 { background: #465C69; padding-block: 18.6rem 13.7rem; }
.group_esg_grid { display: grid; align-items: center; grid-template-columns: 34% 50%; gap: 23rem; }
.esg_left1 h3 { font-size: 36px; font-weight: bold; margin: 0 0 3rem 0; }
.esg_left1 h4 { color: #fff; font-size: 24px; margin-block: 3rem; font-weight: 500; }
.esg_left1 p { font-family: var(--font-roboto); font: var(--font-16); color: var(--color-white); }
.govermance_grid { display: grid; grid-template-columns: 50% 50%; }
.esg_governance { background: #465C69; margin-top: 0; }
.governance_right_box { padding-inline: 15.4rem 10rem; align-content: center; }
.governance_right_box h3 { font-size: 24px; color: #fff; }
.governance_right_box h4 { font-size: 3.6rem; color: #fff; margin-block: 3rem; font-weight: 300; }
.governance_right_box .governa_rig_conbox h3 { margin-bottom: 3.5rem; }
.governa_rig_conbox:not(:last-child) { margin-bottom: 8rem; }
.governa_rig_conbox .custom_bullets>li { color: var(--color-white); font-family: var(--font-poppins); font: var(--font-18); }
.governa_rig_conbox p { color: var(--color-white); font: var(--font-18); line-height: 2.8rem; font-family: var(--font-roboto); }
.list_detail_box { display: grid; grid-template-columns: repeat(2, 1fr); }
.list_item_content { color: #fff; border-bottom: 1px solid #ffffff4a; border-right: 1px solid #ffffff4a; padding-inline: 0 5rem; padding-block: 3rem; }
.list_item_content:nth-child(2n) { border-right: 0; padding-inline: 2rem; }
.list_item_content p { color: #fff; font-size: 16px; }
.list_item_content h5 { font-size: 18px; font-weight: normal; margin-bottom: 2rem; }
.list_item_content:nth-child(3) { border-bottom: 0; }
.list_item_content:nth-child(4) { border-bottom: 0; }
.esg_governance_new { background: #4b5324; padding-block: 10rem; }
.es_new_grid { display: grid; grid-template-columns: 50% 50%; }
.es_new_left h3 { color: #fff; font-weight: 200; font-size: 72px; }
.es_new_right { padding-inline: 18rem; margin-top: -15rem; }
.our_milestone h2 { font-size: 36px; font-weight: bold; }
.our_milestone h3 { font-size: 24px; color: #4B5320; margin-block: 3rem; }
.our_milestone p { font-size: 16px; max-width: 74%; }
.our_milestone.environm_respo_main { padding-top: 10rem; padding-bottom: 0; }
.our_milestone.environm_respo_main figure { display: grid; }
.our_milestone.environm_respo_main figure>* { grid-area: 1/1; }
.our_milestone.environm_respo_main figure figcaption { display: flex; align-items: center; }
.environm_respo_main p { max-width: 83%; }
.environm_respo_main .envir_re_conbox { padding: 3.5rem 4.6rem 3.3rem 3.6rem; background-color: #FFFFFFD6; max-width: 45.8rem; }
.our_milestone.environm_respo_main h2 { line-height: 4.3rem; color: var(--color-black); margin-bottom: 3rem; }
.environm_respo_sec p { margin-bottom: 4rem; }
.environm_respo_main .envir_re_conbox p { max-width: 100%; color: var(--color-black); }
.our_milestone.environm_respo_main .environm_resp_imgsec figure>* { position: relative; }
.envir_re_conbox p:last-of-type { margin-bottom: 0; padding-right: 2rem; }
.certification_list { display: grid; grid-template-columns: repeat(6, 1fr); align-items: center; height: 100%; padding-block: 5rem; }
.certification_list> :last-child { padding-inline: 3.9rem; }
.certification_list> :nth-last-child(2) { padding-inline: 5rem; }
.certification_item { border-right: 1px solid #7070704a; border-bottom: 1px solid #7070704a; padding-inline: 7rem; padding-block: 5rem; height: 100%; align-content: center; }
.certification_item:nth-child(6n) { border-right: 0; }
.our_milestone { padding-block: 14rem; }
.certification_item:nth-child(10),
.certification_item:nth-child(16) { mix-blend-mode: multiply; }
.certification_item:nth-child(13),
.certification_item:nth-child(14),
.certification_item:nth-child(15),
.certification_item:nth-child(16),
.certification_item:nth-child(17),
.certification_item:nth-child(18) { border-bottom: 0; }
.certification_item:nth-child(17),
.certification_item:nth-child(18) { padding-inline: 4rem; }
section.our_milestone2 { display: grid; }
section.our_milestone2>* { grid-area: 1/1; }
.ms_content { max-width: 39%; height: 100vh; display: flex; align-items: end; flex-direction: column; justify-content: center; }
.ms_content h3 { color: #fff; font-size: 24px; margin-bottom: 3rem; line-height: 1.5; }
.ms_content p { color: #fff; padding-inline: 0 8rem; }
.milestone_pic img { height: 100%; object-fit: cover; }
.esg_item:nth-child(2) .esg-icon { width: 41px; }
.esg_fact_mainsec { padding-block: 12rem 12rem; }
.esg_fact_mainsec .esg_fact_grid { display: grid; grid-template-columns: repeat(3, 1fr); }
.esg_fact_grid .esg_fact_col { padding-inline: 11rem 10.5rem; border-left: 1px solid #DBDBDB; border-bottom: 1px solid #DBDBDB; }
.esg_fact_grid .esg_fact_col strong { font: var(--font-46); font-weight: 500; margin-bottom: 1rem; }
.esg_fact_grid .esg_fact_col strong span { font: var(--font-46); font-weight: 500; margin-bottom: 1rem; }
.esg_fact_col figure { margin: 0; }
.esg_fact_grid .fact_bx:nth-child(4) { border-bottom: 0; }
.esg_fact_grid .fact_bx:nth-child(5),
.esg_fact_grid .fact_bx:nth-child(6) { border-bottom: 0; }
@media (max-width: 1799px) {
 .our_milestone p { max-width: 85%; }
.esg_fact_grid .esg_fact_col strong { font: var(--font-36); font-weight: 500; }
.esg_fact_grid .esg_fact_col strong span { font: var(--font-36); font-weight: 500; }
 }
@media (max-width: 1549px) {
 .our_milestone p { max-width: 100%; }
 }
/* Overview css starts here */
.about_panel4 { background-color: var(--color-1b); }
.about_panel4::before { background-color: var(--color-31); width: 25%; }
.vis-title h3,
.value .mis-title h3,
.mission .mis-title h3 { font: var(--font-36); font-weight: bold; }
.vis-title h3,
.mission .vis-title p,
.mission blockquote,
.mission p,
.mission .mis-title h3,
.mission .mis-title p,
.value .mis-title h3 { color: var(--color-white); }
.mission .vis-title p { font-weight: bold; }
.value-grid { margin-top: 0; }
.mission .mis-title { max-width: 88%; margin: 0 auto; margin-top: 0; margin-bottom: 12.6rem; }
.chairman-text blockquote { font-weight: 500; margin-bottom: 2.4rem; letter-spacing: 0px; }
.chairman-grid .chairman-text { margin: 0 7.6rem 0 4rem; }
.chairman-grid { grid-template-columns: repeat(1, 52% 43%); gap: 0 3rem; }
.value-grid { justify-content: end; }
.value .mis-title h3 { margin-left: 8rem; }
.timeline { position: relative; padding-top: 0; }
.timeline-item { padding: 0 7.5rem 0 0; position: relative; width: 50%; position: relative; }
.timeline-item.left { left: 0; }
.timeline-item.right { left: 50%; text-align: left; padding-left: 7rem; }
.timeline::before { content: ""; position: absolute; left: 50%; top: 0.65%; bottom: 0; width: 1px; height: 100%; background: var(--color-black); transform: translateX(-50%); }
.timeline-item.left::before { right: -8px; }
.timeline-item.left figure { right: 7.5rem; }
.timeline-item:after { content: ""; position: absolute; top: 2.7rem; right: 0; width: 4rem; height: 1px; background: #fff; z-index: 1; box-shadow: 0px 9px 14px #00000029; border-bottom: 1px solid var(--color-black); }
.timeline-item.right:after { right: auto; left: 0; }
.journey-text { display: flex; gap: 0 4rem; }
.journey-text .content h4 { font: var(--font-36); color: var(--color-31); font-weight: bold; line-height: 1.7; }
.journey-text .content p { font: var(--font-18); color: var(--color-black); font-weight: normal; }
/* .our-journey { background-color:var(--color-d6); padding:8.6rem 0 0; }
*/
.journey-cont h5 { font: var(--font-32); color: var(--color-black); font-weight: bold; margin: 0 0 4rem 0; }
.journey-cont blockquote { font: var(--font-24); color: var(--color-4b); font-weight: 500; margin: 0 0 3rem 0; }
.journey-cont p { font: var(--font-16); color: var(--color-black); font-weight: normal; }
.journey-grid { display: grid; grid-template-columns: repeat(1, 31% 62%); gap: 0 14rem; }
.journey-cont { margin: 4rem 0 12rem 4rem; }
.journey-text figure img { max-width: 56px; min-width: 56px; width: 100%; }
.timelie-item.right { padding-right: 2rem; }
.timeline:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; height: 40rem; background: transparent linear-gradient(180deg, #f8ebd600 0%, #f8ebd6 100%) 0% 0% no-repeat padding-box; display: none; }
.blog-details_span .custom_bullets li { font: var(--font-16); line-height: var(--line-height-21); margin-bottom: 1.5rem; letter-spacing: -0.28px; }
.blog-details_span .custom_bullets>li:last-child { margin-bottom: 0; }
.blog-details_span .custom_bullets { margin-top: 2rem; }
.grid-style { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2rem; }
.grid-style.grid_3 { display: grid; grid-template-columns: repeat(5, 1fr); gap: 2rem; margin-bottom: 2rem; }
.blogimage-grid { margin-top: 3rem; }
.blogimage-grid h5 { font: var(--font-18); color: var(--color-4b); font-weight: 500; margin-bottom: 2rem; }
.organizations h5 { padding-top: 4rem; padding-bottom: 2rem; }
.blogimage-grid>p { margin-bottom: 3rem; }
.journey-grid { display: flex; align-items: flex-start; gap: 60px; }
.sustain_grid { margin-bottom: 5rem; }
.journey-cont { width: 35%; position: sticky; top: 120px; height: fit-content; }
.timeline_grp { width: 65%; padding: 0 0 14rem 0; position: relative; }
.timeline_grp:after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; height: 40rem; background: transparent linear-gradient(180deg, #f8ebd600 0%, #f8ebd6 100%) 0% 0% no-repeat padding-box; }
.group-text p { color: var(--color-black); }
.group-text blockquote { font: var(--font-24); font-weight: 500; line-height: 1.5; }
.leadership-banner { background: var(--color-ff); height: 32rem; overflow: hidden; }
.leadership_grid h2 { font: var(--font-16); color: var(--color-black); }
.leadership_grid h2 { font: var(--font-16); color: var(--color-black); border-bottom: 1px solid var(--color-black); padding: 0 0 2rem 0; }
.leadership_grid ul li a { font: var(--font-10); color: var(--color-black); display: flex; font-weight: bold; }
.leadership_grid ul li a img { max-width: 6px; }
.leadership_grid ul { list-style: none; padding: 0; display: flex; gap: 0.5rem; margin: 2rem 0 0 0; }
.leadership_grid ul li { font-weight: normal; font-style: italic; }
.leadership_grid ul li a img { width: 4px; margin-left: 0.5rem; }
.leadership_grid figure { position: absolute; top: 0; right: 0; left: auto; max-width: 81%; }
.leadership_grid figure img { mix-blend-mode: difference; opacity: 0.9; height: 32rem; object-fit: cover; }
.leadership_grid { padding-block: 8rem 0; }
.leadership_grid h1 { font: var(--font-60); font-weight: bold; margin: 6.2rem 0 0 0; letter-spacing: -3.72px; text-transform: uppercase; position: relative; z-index: 1; margin-bottom: 2rem; }
.leader_grid { display: grid; grid-template-columns: repeat(1, 52% 47%); gap: 4rem; }
.leader_grid_one h4 { font: var(--font-24); color: var(--color-black); font-weight: 500; margin: 1.2rem 0 1.2rem 0; letter-spacing: 0px; }
.leader_grid_one blockquote { font: var(--font-36); color: var(--color-4b); font-weight: 500; margin: 0 0 2.4rem 0; line-height: 1.1; letter-spacing: 0px; }
.leader_grid_one p { font: var(--font-16); letter-spacing: 0px; }
.presenceBanner .leadership_grid figure img { mix-blend-mode: inherit; opacity: 1; height: 100%; object-fit: cover; }
.leadership_grid.dounload_grid figure img { mix-blend-mode: inherit; opacity: 1; height: 46rem; object-fit: cover; }
.leadership-banner.dounloadbanner { height: 28rem; }
.leadership_grid.dounload_grid figure { max-width: 66%; }
.yarns_listing h3 sup { font: var(--font-36); font-weight: 500; color: var(--color-4b); }
.presence_counter { display: flex; align-items: center; }
.leadership_banner h1 { font: var(--font-60); font-weight: bold; margin: 6.2rem 0 0 0; letter-spacing: -3.72px; text-transform: uppercase; position: relative; z-index: 1; }
.bg-imageLeader { background-image: url('../images/leadership_banner.png'); background-size: contain; background-position: bottom; background-repeat: no-repeat; width: 100%; height: 54rem; }
.leder_bannerText { padding-top: 10rem; }
.product_detailBanner { background-image: url('../images/product_details.png'); background-size: cover; background-position: center; background-repeat: no-repeat; width: 100%; height: 54rem; }
.enquiry_now { padding: 1.5rem; background: var(--color-4b); color: #fff; border: 0; padding-block: .6rem; padding-inline: 2.5rem; font: var(--font-16); font-family: var(--font-poppins); display: flex; gap: 1rem; cursor: pointer; display: inline-block; margin: 0 auto; margin-bottom: 5rem; justify-content: center; display: flex; max-width: 16rem; }
.about_panel1.careers-banner { overflow: visible; }
.about_panel1.careers-banner .inner_title { position: absolute; top: 0; width: 100%; z-index: 99; margin: 8rem 0 0; overflow: hidden; }
.about_panel1.careers-banner { padding: 0; }
.about_panel1.careers-banner .inner_title h2 { color: #fff; }
.about_panel1.careers-banner .inner_title h2 { color: #fff; }
.about_panel1.careers-banner .inner_title h2:after { content: ""; width: 700px; background: #fff; height: 1px; display: block; position: absolute; bottom: 0; }
.about_panel1.careers-banner .inner_title ul li { color: #fff; }
.about_panel1.careers-banner .inner_title ul li a img { filter: invert(1); }
.leader_grid_one { border-bottom: 1px solid #c5c5c5; padding-block: 2.8rem; margin: 2.8rem 0 0 0; padding-right: 11rem; }
.leader_grid_two { padding-top: 2.8rem; }
.leader_grid_two h5 { font: var(--font-18); margin: 0 0 1rem 0; }
.leader_grid_two p { font: var(--font-16); }
.leadership-sec { padding: 6rem 0 0rem 0; }
.leader_grps { margin: 7rem 0 0 4rem; }
.leader_grid_one figure img { max-width: 46px; }
.awards_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3.3rem 5.4rem; }
.awards-sec { padding: 10rem 0; position: relative; }
.award_list { background-color: var(--color-white); position: relative; overflow: hidden; }
.award_cont { padding: 2.3rem 8rem 3.3rem 4rem; }
.award_cont h4 { font: var(--font-21); color: var(--color-black); font-weight: 500; letter-spacing: 0px; margin: 0 0 1.5rem 0; line-height: 1.4; }
.award_cont p { font: var(--font-16); color: var(--color-black); letter-spacing: 0px; font-weight: normal; position: relative; min-height: 10rem; }
.award_cont p:after { content: ""; position: absolute; left: 0; right: 0; max-width: 80px; border-bottom: 1px solid var(--color-d2); bottom: 0; }
.award_list figure { max-width: 89%; position: relative; z-index: 1; }
.award_list:before { content: ""; position: absolute; left: 0; right: 0; top: 0; background-color: var(--color-f9); height: 93px; z-index: 1; }
.awards-sec:before { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 64rem; z-index: 0; background-color: var(--color-white); }
.presence_grid { display: grid; grid-template-columns: repeat(1, 56% 44%); }
.presence_ttl h2 { font: var(--font-42); font-weight: bold; color: var(--color-black); line-height: 1; }
.presence-sec { padding: 6rem 0 15rem; }
.presence_ttl { margin: 0 0 8rem 0; }
.presence_list figure.pre_map { max-width: 82%; margin-left: auto; margin-right: 0; position: relative; }
.vis-title h3 { margin-bottom: 3rem; }
.leader_grps button { background-color: transparent; border: none; }
.leader_grps #readMoreBtn { font: var(--font-18); color: var(--color-4b); font-family: var(--font-roboto); margin-block: 3rem; font-weight: bold; }
/* Overview css ends here */
/* Map location css starts here */
.map_location a { position: absolute; z-index: 1; }
.map_location a>figure { position: relative; display: inline-block; }
.map_location a figure figcaption { opacity: 0; visibility: hidden; }
.map_location a figure figcaption h4 { font: var(--font-16); color: var(--color-black); letter-spacing: 0px; }
.map_location a figure h5 { font: var(--font-16); letter-spacing: 0px; color: var(--color-black); margin: 0 0 1.5rem 0; position: relative; }
.map_location a figure h5 .map_plus_icon,
.map_location a figure h5 .map_minus_icon { background-color: #312d79; border: 1px solid #312d79; border-radius: 50%; padding: 0.5rem; max-width: 14%; position: absolute; top: 0; left: auto; right: 0; }
.map_location a>figure.location-box { padding: 12px 18px; white-space: normal; pointer-events: none; transition: opacity 0.25s ease, transform 0.25s ease; width: 18.6rem; }
.location-box { cursor: pointer; transition: all 0.3s ease; }
.map_location a.active figure figcaption { opacity: 1; visibility: visible; }
.map_location a.active>figure.location-box { background-color: var(--color-white); box-shadow: 0px 25px 37px #0000001a; }
.map_location a figure h5 .map_minus_icon { display: none; }
.map_location a.active figure h5 .map_plus_icon { opacity: 0; visibility: hidden; }
.map_location a.active figure h5 .map_minus_icon { opacity: 1; visibility: visible; display: block; }
.map_location a figure h5 span { white-space: nowrap; }
.map_location a:nth-child(1) { left: -21.5%; top: 31%; }
.map_location a:nth-child(2) { left: 8.5%; top: 73%; }
.map_location a:nth-child(3) { left: 10.5%; top: 93%; z-index: 2; }
.map_location a:nth-child(4) { left: 28.5%; top: 99%; }
.map_location a:nth-child(5) { left: 45%; top: 93%; }
.map_location a:nth-child(6) { left: 50%; top: 93%; }
.map_location a:nth-child(6) { left: 63%; top: 82%; }
/* Map location css ends here */
/* blog new css start here */
.fig_wrap p { margin-top: 1rem; }
.grid-style.grid_6 { grid-template-columns: repeat(6, 1fr); }
.grid-style.grid_7 { grid-template-columns: repeat(7, 1fr); }
.grid-style.grid_5 { grid-template-columns: repeat(5, 1fr); }
.cotton_product img,
.cotton_product .fig_wrap { width: 178px; }
.blogimage-grid.cotton_product,
.blogimage-grid.organizations { margin-top: 7rem; }
.sustain_grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 4rem; margin-top: 4rem; }
.sustainable img { max-width: 80px; margin: 0 auto; }
.sustainable h6 { font: var(--font-16); color: var(--color-4b); flex-direction: column; font-weight: 500; margin-bottom: 1rem; }
.sustainable figure { height: 112px; }
.bloglist.blogbgchange { background-color: var(--color-white); }
.newslist-banner.bloglist.blogbgchange .overview_title blockquote { color: var(--color-d2); }
.newslist-banner.bloglist.blogbgchange .overview_title span.date strong,
.newslist-banner.bloglist.blogbgchange .overview_title p { color: var(--color-black); }
.newslist-banner.bloglist.blogbgchange .head_overview { align-items: center; padding-top: 0; }
.newslist-banner.bloglist.blogtop .overview_title h3 { margin-top: 6.2rem; margin-bottom: 0; }
.newslist-banner.bloglist.blogtop .overview_title { padding-block: 0; }
.newslist-banner.bloglist.blogtop { padding-bottom: 16.8rem; }
.newsbannerbg.newsbannernwbg { mix-blend-mode: screen; opacity: 1; }
.bloglist.blogbgchange { padding-bottom: 0; }
.newslist-banner.bloglist.blogbgchange { padding-top: 4.9rem; }
.newslist-banner.bloglist.blogbgchange .overview_title blockquote { font: var(--font-36); font-weight: bold; min-height: auto; }
.newslist-banner.bloglist.blogbgchange .overview_title blockquote>a { font: var(--font-36); font-weight: bold; }
.newslist-banner.bloglist.blogbgchange .overview_title p { font: var(--font-16); font-weight: normal; }
.newslist-banner.bloglist.blogbgchange .overview_title { padding-right: 13rem; }
.newslist-banner.blogdetails.blogtop { padding-bottom: 5.6rem; }
.newslist-banner.blogdetails.blogbgchange { padding-top: 0rem; }
.edeg_logoGrid { display: flex; align-items: center; margin-top: 4rem; flex-wrap: nowrap; justify-content: space-around; }
.blogdetails.blogbgchange { background-color: var(--color-white); }
.newslist-banner.blogdetails.blogtop .overview_title h3 { margin-top: 6.2rem; margin-bottom: 0; }
.newslist-banner.blogdetails.blogbgchange .overview_title blockquote { color: var(--color-d2); font: var(--font-36); font-weight: bold; min-height: auto; }
.newslist-banner.blogdetails.blogbgchange .overview_title h1 { color: var(--color-d2); font: var(--font-36); font-weight: bold; min-height: auto; }
.newslist-banner.blogdetails.blogbgchange .overview_title p { color: var(--color-black); }
.newslist-banner.blogdetails.blogbgchange .overview_title span.date { color: var(--color-black); }
.blogdetails.blogtop::before { background-color: transparent; }
.newslist-banner.blogdetails.blogtop .overview_title { padding-block: 0; }
.blogimage-grid.association_gird { padding-block: 3rem; align-items: center; }
.association_gird .grid_5 { align-items: center; }
/* blog new css start here */
/* certification Area Start */
.certification_sec { position: relative; background: #FFFFFF; overflow: hidden; padding-top: 5rem; padding-bottom: 5rem; }
.certification_sec .sec_title h3 { font: var(--font-32); font-weight: 700; margin-top: 6.8rem; margin-bottom: 3.0rem; color: #000; }
.certification_sec .sec_title { padding-left: 1rem; margin-bottom: 3.2rem; }
.certification_sec .sec_title>h5 { font: var(--font-21); color: var(--color-black); font-family: var(--font-segoe); }
.certification_sec .certification_wrapper .swiper-slide { border-right: 2px solid #70707030; }
.certification_sec .certification_wrapper .swiper-slide:last-child { border-right: none; }
.certification_sec .certification_wrapper figure img { mix-blend-mode: darken; }
.certification_wrapper { position: relative; padding-block: 3.2rem; }
.certification_wrapper::before { content: ''; position: absolute; top: 0; left: -100vw; width: 200vw; height: 100%; background-color: rgb(255 255 255 / 54%); }
.certification_swiper figure>img { max-width: 22.3rem; margin-inline: auto; }
.about_panel1:has(+ .awards_sec) .inner-banner { position: relative; z-index: 1; }
.newslist-banner .about_img1 figure { height: auto; }
.newslist-banner .newsbannerbg.newsbannernwbg { max-width: 100%; top: 0; height: 100%; }
.newslist-banner .newsbannerbg.newsbannernwbg figure,
.newslist-banner .newsbannerbg.newsbannernwbg figure img { height: 100%; }
.newslist-banner .newsbannerbg.newsbannernwbg figure img { object-fit: cover; }
.news-list1.news-d1 .news-listbx.relet_block figure,
.news-list1.news-d1 .news-listbx.relet_block figure img { height: auto; }
@media(max-width:991px) {
 .certification_sec .sec_title h3 { margin-top: 0rem; }
 }
@media(max-width:767px) {
 .certification_sec { background-color: var(--color-white); padding-bottom: 2.2rem; }
.certification_sec>.container { padding-inline: 3.3rem; }
.certification_sec .sec_title { padding-left: 0; margin-bottom: 2.2rem; }
.certification_sec .sec_title>h5 { font-weight: 600; }
.certification_wrapper::before { display: none; }
.certification_wrapper { padding-block: 0; }
.certification_swiper figure>img { max-width: 11.7rem; }
 }
@media (max-width: 1799px) {
 .our_milestone p { max-width: 85%; }
.leadership_grid.dounload_grid figure img { height: 44rem; }
 }
@media (max-width: 1549px) {
 .our_milestone p { max-width: 100%; }
.enquiry_now { max-width: 13rem; }
.leadership_grid.dounload_grid figure img { height: 56rem; object-fit: contain; }
.leadership-banner.rconnect_sec figure img { height: 44rem; }
 }
@media only screen and (max-width:1699px) {
 .chairman-bx { padding-left: 3.2rem; }
.chairman-bx:first-child { padding-right: 2.5rem; }
.chartext-grid { grid-template-columns: repeat(1, 63% 45%); }
.chairman-text h5 { margin-top: 2.8rem; }
.chairman-img { margin-left: 2rem; }
.about_panel4 { padding-block: 10rem 15rem; }
.mission .mission-bg { bottom: -17%; }
.value-right { margin-top: 11rem; }
.abt-groupgrid { grid-template-columns: repeat(1, 38.7% 28%); }
.group-logo { top: 16%; }
.leader_bx p { padding-right: 2rem; }
.head_overview { padding-inline: 4rem 0; }
#synthetic-yarns-banner figure img { height: 100%; }
 }
@media only screen and (max-width:1599px) {
 .head_overview { padding-inline: 0; }
.fact_bx strong { margin-block: 3.5rem 2rem; }
.fact_bx { padding-left: 6.1rem; padding-right: 7rem; }
.chairman-text blockquote { margin-bottom: 4.5rem; }
.vis-title h3 { margin-bottom: 1rem; }
.mission-vis { grid-template-columns: repeat(1, 61% 31%); gap: 8rem; }
.mission .mis-title { margin-top: 8rem; }
.mission blockquote { line-height: 1.4; }
 }
@media only screen and (max-width: 1499px) {
 .abt-groupgrid { gap: 19rem; grid-template-columns: repeat(1, 38.7% 32%); }
.inner_title h2:after { width: 50rem; }
 }
@media only screen and (max-width: 1366px) {
 .chartext-grid { grid-template-columns: repeat(1, 58% 47%); padding-bottom: 1rem; }
 }
@media only screen and (max-width: 1299px) {
 .overview_title { padding-block: 4rem 4rem; }
.fact_bx strong { margin-block: 2.5rem 1rem; }
.fact_bx { padding-left: 4.1rem; padding-right: 2rem; }
.chairman-text blockquote { margin-bottom: 3rem; line-height: 1.5; }
.chairman-bx { padding-left: 2.2rem; }
.chairman-img { margin-bottom: -2rem; }
.mission .mis-title { margin-top: 6rem; }
.value-bx { background: #fff; max-width: 100%; padding: 2rem 2.7rem 3rem 2rem; }
.value-bx p { margin-top: 2rem; }
.value-right { margin-top: 10rem; }
.about_panel4 { padding-block: 7rem 8rem; }
.mission .mission-bg { bottom: -9%; }
.group-text h4 { margin-bottom: 2.5rem; }
.group-text blockquote { margin-bottom: 2.5rem; }
.group-text p { margin-bottom: 2rem; }
.abt-groupgrid { gap: 17rem; grid-template-columns: repeat(1, 38.7% 37%); }
.abtgroup-bg { width: 30%; }
.about_panel6 { padding-block: 7rem 4.5em; }
.leader_bx p { padding-right: 0; }
.leadership-right { gap: 3rem; }
.leadership-grid { gap: 3rem; }
.chartext-grid { grid-template-columns: repeat(1, 55% 52%); padding-bottom: 1rem; }
.chairman-text h5 { margin-top: 1.8rem; }
.overview_title blockquote { max-width: 88%; }
#synthetic-yarns-banner { height: 75vh; }
.chairman-grid .chairman-text { margin: 0; margin-bottom: 3rem; }
.mission .mis-title { max-width: 95%; }
.bg-imageLeader { height: 40rem; }
.esg_fact_grid .esg_fact_col { padding-inline: 9rem 6.5rem; }
.esg_fact_mainsec { padding-block: 8rem 8rem; }
.esg_fact_ttl h2 { margin-bottom: 3rem; }
 }
@media only screen and (max-width: 1199px) {
 .overview_title .container { margin-left: 0; }
.overview_title { width: 78em; }
.group-logo { top: 8%; width: 60%; }
.overview_title blockquote { max-width: 89%; }
 }
@media only screen and (max-width: 1099px) {
 .chairman-img { margin-bottom: -7rem; }
.mission-vis { grid-template-columns: repeat(1, 61% 34%); gap: 4rem; }
.abt-groupgrid { gap: 13rem; grid-template-columns: repeat(1, 35.7% 40%); }
.group-logo { top: 10%; width: 59%; right: -9rem; }
.group-text { padding-top: 4rem; }
#synthetic-yarns-banner { height: 70vh; }
 }
@media only screen and (max-width: 991px) {
 main { padding-left: 0; padding-top: 8rem; }
.value-bx { padding: 2rem 1.7rem 2rem 2rem; }
.overview_title blockquote { letter-spacing: 0; font-weight: 700; }
.contact-banner { display: none; }
.overview_title h3 { font: var(--font-32); font-weight: 700; }
.herover_left { grid-template-columns: repeat(2, 1fr); }
.fact_bx { border-bottom: 1px solid #DBDBDB; }
.fact_bx:nth-child(3) { border-left: 0; }
.fact_bx:nth-child(3),
	.fact_bx:nth-child(4) { border-bottom: 0; }
.fact_bx:nth-child(3) { padding-left: 0; }
.chairman-grid { grid-template-columns: 100%; }
.chartext-grid { grid-template-columns: 100%; padding-bottom: 1rem; }
.chairman-bx { padding-left: 0; border-left: 0; padding-top: 2rem; }
.chairman-text blockquote { margin-bottom: 1rem; }
.mission-vis { grid-template-columns: 100%; gap: 3rem; }
.mission .mis-title { margin-top: 4rem; }
.value-grid { justify-content: center; }
.about_panel4::before { content: ''; background-color: #F9AA19; width: 100%; right: 0; top: unset; bottom: 0; height: 30%; position: absolute; }
.about_panel4 { padding-block: 6rem 5rem; }
.group-img figure { width: 70%; }
.group-img figure.group-logo { top: 10%; width: 32%; right: 4rem; }
.group-text { padding-top: 0; }
.about_panel5 { padding-inline: 2rem; max-width: 920px; margin: auto; }
.leadership-grid { grid-template-columns: 100%; }
.about_panel6 { padding-block: 4rem 4.5em; }
.mission .mission-bg { bottom: 0; display: none; right: 0; }
.abt-groupgrid { grid-template-columns: 100%; }
.mob_header { display: block; background: #f9f9f9; }
.yarn-head-content { max-width: 100%; }
.yarn-main .main-title { font-size: 40px; font-weight: 600; line-height: 1.1; }
.yarn-main .top-header { position: absolute; left: 5px; right: auto; color: #fff; font-size: 18px; display: block; justify-content: space-between; width: 50%; }
.yarnover_bx { padding-block: 0; padding-inline: 0rem; }
.enquiry_now { max-width: 14rem; }
#synthetic-yarns-banner { height: 60vh; }
.leadership_grid.dounload_grid figure img { height: 92vh; object-fit: contain; }
 }
@media only screen and (max-width: 767px) {
 .fact_bx p br { display: none; }
.contact_panel .overview_title { padding-block: 5rem 1rem; }
.fact_bx { padding-left: 2rem; padding-right: 2rem; }
.fact_bx:nth-child(3) { padding-left: 0; }
.chairman-bx:first-child { padding-right: 0.5rem; padding-top: 1rem; }
.about_panel4 { padding-block: 4rem 4rem; }
.group-img figure.group-logo { width: 42%; }
.abtgroup-bg { width: 51%; top: 50%; }
.main_header { display: none; }
.mission .mission-bg { width: 67%; }
.chairman-img { margin-bottom: 0; }
.mob_header img { max-width: 22%; margin: auto; }
.certification_sec { padding-top: 4rem; }
.certification_sec .sec_title h3 { font-size: 25px; }
.overview_title { width: 80%; }
.about_panel1:has(+ .presenceBanner) .inner-banner { position: relative; z-index: 1; }
.yarn9_grid .yarn9_bx { padding: 3rem 1.8rem 3rem 1.6rem; }
.leadership_grid.dounload_grid figure img { height: 40vh; max-width: 94%; }
 }
@media only screen and (max-width: 520px) {
 .mob_header img { max-width: 31%; }
.leadership-right { grid-template-columns: repeat(1, 1fr); }
.fact_bx { padding-left: 1rem; padding-right: 0rem; }
.mission .mis-title { margin-top: 3rem; }
.about_panel2 { border: none; }
.group-img figure.group-logo { padding: 2rem; width: 45%; right: 2rem; }
.group-img figure { width: 75%; }
.leader-title h4,
	.leader-title blockquote { margin-bottom: 2rem; }
.about_panel6 { padding-block: 4rem 3.5em; }
#synthetic-yarns-banner { height: 40vh; }
.about_panel2.yarn2 .fact_bx strong { font: var(--font-30); margin-block: 0.5rem 1.5rem; }
.about_panel2.yarn2 .fact_bx figure img { height: auto; max-width: 4.2rem; height: 4.2rem; }
.about_panel2.yarn2 .herover_left .fact_bx p { padding-right: 0; }
.yarn2 .fact_bx:nth-child(3) { border-bottom: 1px solid #DBDBDB; ; }
.our_milestone.environm_respo_main h2 { line-height: 1.2; }
 }
.moretext { display: none; }
a.redmore-bus { position: relative; width: 44px; height: 44px; box-shadow: 0px 7px 20px #0000001A; opacity: 1; cursor: pointer; width: 40px; height: 40px; display: block; border-left: 0; top: 15px; left: 0; }
a.redmore-bus:before { content: ''; border-style: solid; border-width: 0.15em 0.15em 0 0; content: ''; display: inline-block; height: 1rem; width: 1rem; transform: rotate(135deg); vertical-align: middle; text-align: center; position: absolute; left: 0; top: 11px; right: 0; margin: 0 auto; }
.cont_bushead { background-color: var(--color-f9); }
.cont_bushead .sec_title h3 { margin-top: 2rem; margin-right: 6rem; }
.knitsnew_sustain:after { height: 110%; }
.mt-4top { margin-top: 5rem; }
.mb-5new { margin-bottom: 2rem; }
section.yarn9.yarn9_new { padding-bottom: 1rem; }
/* Awards & Recognitions css starts here */
.awardsAria { padding: 10rem 0 10rem; background-color: #f2f2f2; }
.awardsAria h2 { font: var(--font-36); font-weight: bold; text-align: center; color: var(--color-black); margin: 0 0 7rem 0; }
.awardsAria_slider>ul>li { position: relative; }
.awardsAria_slider>ul>li p { position: absolute; font: var(--font-16); color: var(--color-black); font-weight: 400; margin: 0 auto; text-align: center; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.awardsAria_slider { overflow: hidden; }
.awardsAria_slider ul { padding: 0; margin: 0; }
.awardsAria_arrow { display: flex; align-items: center; justify-content: center; }
.awardsAria_arrow .swiper-button-prev,
.awardsAria_arrow .swiper-button-next { width: 3.5rem; height: 3.5rem; }
.awardsAria_arrow .swiper-button-prev figure img,
.awardsAria_arrow .swiper-button-next figure img { filter: brightness(0) invert(0); -webkit-filter: brightness(0) invert(0); }
.awardsAria_arrow .swiper-button-prev:after,
.awardsAria_arrow .swiper-button-next:after { display: none; }
.awardsAria_arrow .swiper-button-prev figure img { transform: rotate(180deg); }
.awardsAria_slider>ul { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7rem 12.8rem; list-style-type: none; }
.lnjBhilwaraContent { margin: 5rem 0 0 0; }
.esg_pdf { padding-block: 14rem; }
.esg_pdf h2 { font: var(--font-36); color: var(--color-d2); font-weight: bold; margin: 0 0 3rem 0; }
.esg_pdf p { max-width: 80%; }
.lnjBhilwaraContent h3 a { font: var(--font-14); border: 0.1rem solid var(--color-white); padding: 0.7rem 2rem; display: inline-block; margin-top: 2.3rem; background: linear-gradient(to right, var(--color-d2) 49%, var(--color-black) 49%); background-size: 210% 110%; background-position: right bottom; transition: all .5s ease-out; color: var(--color-white); }
.lnjBhilwaraContent h3 a:hover { background-position: left bottom; }
/* Awards & Recognitions css ends here */
/* about values css starts here */
.values_customer ul { padding: 0; margin: 0 0 0 9.3rem; list-style-type: none; }
.values_customer ul>li span { font: var(--font-72); font-weight: bold; color: var(--color-31); border: 2px solid var(--color-white); border-radius: 50%; background-color: var(--color-white); width: 8rem; height: 8rem; display: flex; align-items: center; justify-content: center; margin: 0 2rem 0 0; }
.values_customer ul>li { display: flex; align-items: center; font: var(--font-18); color: var(--color-white); font-weight: 500; margin: 0 0 2rem 0; }
/* about values css ends here */
/* Leadership css starts here */
.leader_tean { padding: 8rem 0; }
.leadership_sec { padding: 0 0 6rem 0; margin: 0; list-style-type: none; display: flex; gap: 0 1.5rem; padding-left: 1.5rem; }
.leadership_sec>li>a { font: var(--font-24); color: #0000006a; font-weight: 500; white-space: nowrap; position: relative; z-index: 1; transition: all .4s; }
.leadership_sec>li.active>a { color: #000000; font-weight: bold; }
.leadership_sec>li { padding-right: 5rem; }
.leadership_sec>li { padding: 0 5rem 2rem 0; border-bottom: 1px solid #0000005a; }
.leadership_sec>li.active { border-bottom: 1px solid #000000; }
.leader_tean_grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 7.2rem 3rem; }
.leader_tean_cont { display: flex; align-items: center; gap: 0 0.8rem; margin: 3rem 0 1rem 0; }
.leader_tean_cont h4 { font: var(--font-18); font-weight: normal; color: var(--color-black); }
.leader_tean_list h5 { font: var(--font-16); font-weight: bold; color: var(--color-black); margin: 0 0 2rem 0; }
.leader_tean_list>a { font-size: 0; position: relative; }
.leader_tean_list>a:after { content: ''; width: 2.7rem; height: 2.7rem; display: inline-block; background: url(../images/arrow-box.svg) no-repeat; }
.leader_contents h3 { font: var(--font-24); color: var(--color-4b); font-weight: 500; margin: 0 0 2.4rem 0; }
.leader_contents { margin: 0 0 8rem 0; }
.our-journey .icon { opacity: 1; }
/* .recog-loard { display:none; }
*/
.recog-load-grp { margin: 6rem 0 1rem 0; text-align: center; }
.recog-load-grp .recog-load-more { font: var(--font-16); border-bottom: 0.1rem dashed var(--color-1b); padding-block: 0.5rem; display: inline-block; position: relative; color: var(--color-1b); }
.recog-load-grp .recog-load-more:after { content: ''; width: 2.7rem; height: 2.7rem; display: inline-block; background: url(../images/arrow-box.svg) no-repeat; position: absolute; left: auto; right: -4rem; transform: rotate(90deg); }
.overgrid>.row { align-items: center; }
.collections-banner#knits-banner { position: relative; height: 100vh; background: url(../images/collaborations-banners.webp) center / cover no-repeat; display: flex; align-items: flex-end; color: #fff; }
.about_panel1.collection-new { background: transparent; padding: 0; position: relative; }
.about_panel1.collection-new:before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0.4; background-color: var(--color-black); z-index: 9; }
.about_panel1.collection-new .inner_title h2 { color: #fff; text-transform: uppercase; }
.about_panel1.collection-new .inner_title h2:after { background: #fff; }
.about_panel1.collection-new .inner_title { position: absolute; top: 0; width: 100%; z-index: 99; margin: 8rem 0 0; }
.about_panel1.collection-new .inner_title ul li { color: #fff; }
.about_panel1.collection-new .inner_title ul li a { font-weight: 600; }
.about_panel1.collection-new .inner_title ul li a img { filter: invert(1); }
.collections-banner .yarn-head-content { padding: 0 0 0rem; }
.collection-listing-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 2.2rem 2.4rem; }
.collection-listing-img { background-color: var(--color-fc); padding: 1.6rem 1.6rem 3.7rem 1.6rem; }
.collection-listing-sec { padding: 10.8rem 0 15.5rem; }
.collection-listing-ttl h3 { font: var(--font-24); color: var(--color-4b); font-weight: 500; margin: 0 0 2.4rem 0; letter-spacing: 0px; }
.collection-listing-ttl p { font: var(--font-16); }
.collection-listing-ttl { margin: 0 0 5.8rem 0; letter-spacing: 0px; }
.collection-listing-img .collection_links { position: absolute; font-size: 0; top: 0; left: 0; right: 0; bottom: 0; }
.coll-ttl-icon h4 { font: var(--font-16); color: var(--color-black); letter-spacing: 0px; font-weight: 400; text-transform: uppercase; }
.coll-ttl-icon span { font: var(--font-16); color: var(--color-black); letter-spacing: 0px; font-weight: 400; display: block; }
.coll-ttl-icon { display: flex; align-items: center; justify-content: space-between; padding: 2.7rem 1.6rem 0; }
.collection-listing-img>figure { overflow: hidden; }
.collection-listing-img>figure>img { transition: all .4s; -webkit-transition: all .4s; -moz-transition: all .4s; -ms-transition: all .4s; -o-transition: all .4s; }
.collection-listing-img: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); }
.leader_tean_grid.lead_grid4 { display: grid; grid-template-columns: repeat(4, 1fr); }
.yarns_grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 10rem 0; padding: 0 4rem; max-width: 85%; }
.yarns_listing figure { max-width: 7rem; }
.yarns_listing h3 { font: var(--font-80); letter-spacing: -3.2px; color: var(--color-4b); font-weight: 500; margin: 5rem 0 2rem 0; }
.yarns_listing p { font: var(--font-16); letter-spacing: 0px; color: var(--color-black); font-weight: normal; font-family: var(--font-poppins); }
.our_presence_list_map { margin: 10rem 0 0 -6rem; }
.our_presence_list_map>figure { position: relative; }
.our_presence_list_map>figure>img { opacity: 50%; }
.our_presence_list_map ul { list-style-type: none; padding: 0; margin: 0; }
.our_presence_list_map ul>li { position: absolute; }
.pre_minus_icon { display: none; }
.pre_plus_icon,
.pre_minus_icon { max-width: 25px; }
.our_pre_ttl { display: none; }
.our_presence_list_map ul>li:nth-child(1) { top: 24rem; left: 17rem; }
.our_presence_list_map ul>li:nth-child(2) { top: 30rem; left: 15rem; }
.our_presence_list_map ul>li:nth-child(3) { top: 25rem; left: 14rem; }
.our_presence_list_map ul>li:nth-child(4) { top: 27rem; left: 16rem; }
.our_presence_list_map ul>li:nth-child(5) { top: 26rem; left: 11rem; }
.our_presence_list_map ul>li:nth-child(6) { top: 22rem; left: 14rem; }
.our_presence_list_map ul>li:nth-child(7) { top: 31rem; left: 11rem; }
.our_presence_list_map ul>li:nth-child(8) { top: 26rem; left: 22rem; }
.our_presence_list_map ul>li:nth-child(9) { top: 35rem; left: 15rem; }
.our_presence_list_map ul>li:nth-child(10) { top: 28rem; left: 13rem; }
.our_presence_list_map ul>li:nth-child(11) { top: 38rem; left: 6rem; }
.our_presence_list_map ul>li:nth-child(12) { top: 62rem; left: 15rem; }
.our_presence_list_map ul>li:nth-child(13) { top: 21rem; left: 21rem; }
.our_presence_list_map ul>li:nth-child(14) { top: 46rem; left: 11rem; }
.our_presence_list_map ul>li:nth-child(15) { top: 69rem; left: 20rem; }
.our_presence_list_map ul>li:nth-child(16) { top: 16rem; left: 17rem; }
.our_presence_list_map ul>li:nth-child(17) { top: 50rem; left: 12rem; }
.our_presence_list_map ul>li:nth-child(18) { top: 36rem; left: 47rem; }
.our_pre_ttl { background-color: #ffffff; padding: 2rem; font: var(--font-16); letter-spacing: 0px; color: var(--color-black); width: 23rem; height: auto; box-shadow: 0px 25px 37px #0000001A; position: absolute; left: -29rem; top: -1.5rem; z-index: 9; }
.our_pre_ttl span { font: var(--font-16); letter-spacing: 0px; color: var(--color-black); display: block; margin-bottom: 1rem; position: relative; }
.our_presence_list_map ul>li.active .our_pre_ttl { display: block; }
.our_presence_list_map ul>li.active .our_pre_plus .pre_plus_icon { display: none; }
.our_presence_list_map ul>li.active .our_pre_plus .pre_minus_icon { display: inline-block; }
.our_presence_list_map ul>li.active .our_pre_ttl:before { content: ""; position: absolute; top: 2.7rem; right: -6rem; border-top: 1px dashed #312d79; height: 1px; width: 5.5rem; }
.location-points { display: flex; align-items: center; gap: 1rem; border-bottom: 1px dashed #d8d8d8; padding: 1rem 0; }
.location-ofc { position: absolute; left: auto; right: 10rem; bottom: 10rem; }
.location-points h5 { font: var(--font-16); letter-spacing: 0px; color: var(--color-black); white-space: nowrap; }
.location-points img { max-width: 15px; min-height: 15px; }
.location-points:last-child { border-bottom: 0; }
.our_presence_list_map ul>li:nth-child(10).active .our_pre_ttl:before,
.our_presence_list_map ul>li:nth-child(11).active .our_pre_ttl:before,
.our_presence_list_map ul>li:nth-child(12).active .our_pre_ttl:before,
.our_presence_list_map ul>li:nth-child(13).active .our_pre_ttl:before,
.our_presence_list_map ul>li:nth-child(14).active .our_pre_ttl:before,
.our_presence_list_map ul>li:nth-child(15).active .our_pre_ttl:before,
.our_presence_list_map ul>li:nth-child(16).active .our_pre_ttl:before,
.our_presence_list_map ul>li:nth-child(17).active .our_pre_ttl:before,
.our_presence_list_map ul>li:nth-child(18).active .our_pre_ttl:before { border-top: 1px dashed var(--color-4b); }
.aicte_left .pdf-col .icons img { width: 1.8rem; height: 2.4rem; }
.aicte_left { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1rem; }
.aicte_left .pdf-col { background-color: var(--color-white); padding-block: 2.2rem; padding-inline: 2rem; display: flex; justify-content: space-between; align-items: center; margin-bottom: 1.4rem; }
.aicte_left .pdf-col .contant-down p { font: var(--font-16); color: var(--color-black); }
.download-pdf { padding-block: 12rem; }

.aicte_left .pdf-col .contant-down { padding-right: 2rem; }
.group-text blockquote a:hover { color: #000000; }
/* .overgrid figure { max-width:80%; }
*/
.leader-title .link_btn a { font-size: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.leader-title .link_btn img { width: 25px; }
.leader-title .link_btn { position: relative; margin: 3rem 0 0 0; }
/* Leadership css ends here */
.overgrid figure img { width: auto; margin: auto; }
.overgrid { display: flex; gap: 3rem; }
/* .overgrid .overview_logo { display:flex; flex-direction:column; gap:2rem; }
*/
.overgrid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 3.5rem; }
.overgrid a { text-align: center; }
.lnjBhilwaraContent iframe { width: 100%; height: 500px; }
.esg_pdf .lnjBhilwaraContent iframe { width: 1125px; height: 775px; }
.esg_pdf .lnjBhilwaraContent { margin: 0; }
.leadership-banner .leadership_grid { padding-block: 0; }
.leadership-banner { height: 18rem; }
.yarn6_grid .yarn6-bx.pros,
.yarn6_grid .yarn6-bx.pros figure,
.yarn6_grid .yarn6-bx.pros figure img { height: 100%; }
.yarn6_grid .yarn6-bx.pros figure img { object-fit: cover; }
.bord-top .yarn6_grid .yarn6-bx.pros,
.bord-top .yarn6_grid .yarn6-bx.pros figure,
.bord-top .yarn6_grid .yarn6-bx.pros figure img { height: auto; }
.yarn6_grid.post_img_grid .yarn6-bx .knits-pro-box { width: auto; }
.yarn6.division-sec { padding-inline: 0; }
/* .csr-legacy_new h3 { padding-inline:0; margin-bottom: 2rem; font: var(--font-26); color: #000; font-weight: 600; }
.csr-legacy_new p { margin-bottom: 0; }
.csr-legacy_new { margin-bottom: 3rem; }
*/
.csr-row { display: grid; grid-template-columns: 1fr 1fr; gap: 50px; align-items: center; margin-bottom: 10rem; margin-top: 6rem; }
.csr-image-content img { width: 100%; height: 370px; object-fit: cover; display: block; }
@media (max-width: 768px) {
 .csr-row { grid-template-columns: 1fr; gap: 30px; }
.csr-image-content img { height: 350px; }
.csr-row { margin-bottom: 4rem; margin-top: 6rem; }
.csrover_bx { padding-inline: 3rem 1rem; }
.csr-set_grid { gap: 3rem; }
 }
.sus_iframe iframe { width: 100%; height: 500px; margin: 5rem 0 0 0; }
.lnjBhilwaraContent.sus_btn { text-align: center; margin: 2rem 0 0 0; }
.yarn6.synthetic-sec .yarn6_grid .yarn6-bx.pros,
.yarn6.synthetic-sec .yarn6_grid .yarn6-bx.pros figure,
.yarn6.synthetic-sec .yarn6_grid .yarn6-bx.pros figure img { height: auto; }
.yarn-main.collections-banner { position: relative; }
.yarn-head-content.product-details-pdf { position: absolute; width: 100%; bottom: 0; }
.yarn-head-content.product-details-pdf .small-title,
.yarn-head-content.product-details-pdf .main-title { color: #fff; }
.yarn6.cotton_sec .yarn6_grid .yarn6-bx,
.yarn6.cotton_sec .yarn6_grid .yarn6-bx figure,
.yarn6.cotton_sec .yarn6_grid .yarn6-bx figure img { height: auto; }
.mission .vis-title p { font: var(--font-24); margin-bottom: 2rem; font-weight: 500; }
.values_customer ul>li:nth-child(2n+2) span { border: 2px solid var(--color-31); background-color: var(--color-31); color: var(--color-white); }
.about_panel4::before { background-color: var(--color-31); opacity: 0.6; }
.about_grid .herover_left .fact_bx { padding-left: 0rem; padding-right: 0rem; }
/* .awards_grid .award_list { display:none; }
*/
.leadership-load-grp { margin: 6rem 0 1rem 0; text-align: center; }
.leadership-load-grp .leadership-load { font: var(--font-16); border-bottom: 0.1rem dashed var(--color-1b); padding-block: 0.5rem; display: inline-block; position: relative; color: var(--color-1b); }
.leadership-load-grp .leadership-load:after { content: ''; width: 2.7rem; height: 2.7rem; display: inline-block; background: url(../images/arrow-box.svg) no-repeat; position: absolute; left: auto; right: -4rem; transform: rotate(90deg); }
.yarn3.systhetic-yearns .yarn3-logo p { font: var(--font-14); font-family: var(--font-poppins); letter-spacing: 0px; }
.yarn3.systhetic-yearns .yarn3-text blockquote { font: var(--font-32); color: var(--color-black); font-weight: bold; margin-bottom: 4.5rem; }
.yarn3.systhetic-yearns .yarn3-text h3 { font: var(--font-24); font-weight: 500; margin-block: 0rem 3rem; color: var(--color-4b); }
.yarn3.systhetic-yearns .yarn3-text .view_more { margin: 3.5rem 0 6rem 0; }
.yarn3.systhetic-yearns .yarn3-text .view_more.cotton_expo_colle { margin: 3.5rem 0 2rem 0; }
.yarn3.systhetic-yearns .yarn3-text .kapaas_pdf { margin: 3.5rem 0 0rem 0; }
.yarn3.systhetic-yearns .yarn3-text .view_more:hover span { color: var(--color-black); border-color: var(--color-black); }
.yarn3.systhetic-yearns .yarn3-text .view_more:hover::after { filter: brightness(0.1); }
.yarn6.synthetic-sec.synthetic-boc-sec h3 { margin-bottom: 6rem; }
.yarn6.synthetic-sec.synthetic-boc-sec .yarn6_grid .yarn6-bx h4 { color: var(--color-4b); }
.custom_bullet.quality_bullet li { font: var(--font-18); font-weight: normal; margin-bottom: 3rem; position: relative; list-style-type: none; padding-left: 2.2rem; font-family: var(--font-roboto); }
.custom_bullet.quality_bullet li:before { content: ""; position: absolute; top: 0.8rem; left: 0; background-color: var(--color-d2); width: 8px; height: 8px; border-radius: 50%; }
ul.custom_bullet.quality_bullet { padding: 0; margin: 0; }
.yarn9_grid .yarn9_bx figure img { mix-blend-mode: luminosity; }
.yarn6.synthetic-sec.synthetic-box-sec,
.yarn6.cotton_sec { padding-inline: 0; padding-block: 5rem; background-color: #f2f2f2; }
.yarn6.melange-sec { background-color: #f2f2f2; }
.bg-white .yarn7_grid:last-child { margin-bottom: 0; }
.yarn9.yarn9_new.cleint-logo h3 { font: var(--font-32); color: var(--color-black); font-weight: bold; }
.yarn9.yarn9_new.cleint-logo p { color: var(--color-4b); }
.yarn7.bg-white.certification_sec.cont_bushead { background-color: var(--color-4b); }
.yarn7.bg-white.certification_sec.cont_bushead .yarn7-text { padding-inline: 0; }
.cont_bushead .sec_title h3,
.yarn7-text p { color: var(--color-white); }
.cont_bushead .sec_title h3 { margin: 0 0 3.2rem 0; }
.cont_bushead .sec_title p { font: var(--font-24); margin: 0; font-weight: 400; line-height: 1.5; }
.cont_bushead .yarn7-img .contact_list h3 { font: var(--font-42); color: var(--color-d2); margin: 0 0 0.5rem 0; }
.cont_bushead .yarn7-img .contact_list p b { font: var(--font-18); color: var(--color-white); font-weight: bold; }
.cont_bushead .yarn7-img .contact_list p { color: var(--color-white); }
.cont_bushead .yarn7-img .contact_list p { font: var(--font-18); font-weight: 400; }
.cont_bushead .yarn7-img .contact_list a { color: var(--color-white); font: var(--font-18); letter-spacing: 0px; font-family: var(--font-roboto); }
.cont_bushead .yarn7-img .contact_list a img { filter: invert(1); width: 20px; }
/* .cont_bushead .yarn7-img .contact_list { border-left: 1px solid #FFFFFF2a; padding-left: 7rem; } */
.certification_sec.slider-logo-certi { padding-bottom: 12.4rem; }
#synthetic-yarns-banner figure { position: absolute; left: 0; right: 0; width: 100%; height: 100%; }
.yarn-main::before { z-index: 9; }
.yarn-head-content { z-index: 9; }
#synthetic-yarns-banner { background: none; }
.yarn-main .main-title { font: var(--font-60); letter-spacing: 0; font-weight: bold; }
.yarn6.cotton_sec { padding-inline: 0; }
.yarn6 .yarn6-bx h4 { color: var(--color-4b); }
.yarn-main .main-title { font: var(--font-36); font-weight: 600; }
.about_panel1.life_banner .main-title { font: var(--font-36); font-weight: 600; letter-spacing: 0; max-width: 100%; }
.yarn-main .small-title { margin-bottom: 2rem; text-transform: uppercase; font: var(--font-60); letter-spacing: -2.48px; font-weight: bold; }
.yarn-main#synthetic-yarns-banner  .r_value_title figure img{ height: 8rem;width: auto;filter: brightness(0) invert(1);}
.yarn-main#synthetic-yarns-banner  .r_value_title figure { position: relative; }
.yarn5 iframe { height: 60rem; }
.sustainble_ban img{padding-top: 2.5rem;}
.sustainble_yarn  {    padding-bottom: 10rem;}
.knits-more-content { max-height: 13rem; overflow: hidden; transition: max-height 0.4s ease; }
.knits-manufac-more-content { max-height: 18rem; overflow: hidden; transition: max-height 0.4s ease; }
.kapaas-more-content { max-height: 13rem; overflow: hidden; transition: max-height 0.4s ease; }
.about-grp-more-content { max-height: 13rem; overflow: hidden; transition: max-height 0.4s ease; }
.kapaas-more-content .custom_bullets {padding-left: 2.1rem;}
.kapaas-more-content.active { max-height: 100%; }
.kapaas-about-brochure { max-height: 11.7rem; overflow: hidden; transition: max-height 0.4s ease; }
.kapaas-about-brochure.active { max-height: 100%; }
.brochure-read-toggle { border: 0.1rem solid var(--color-1b); width: 2.7rem; height: 2.7rem; padding-block: 0.5rem; background: transparent; margin: 3.5rem 0 0 0; position: relative; text-align: center; font: var(--font-16); color: var(--color-1b); cursor: pointer; display: flex; align-items: center; justify-content: center; }
.brochure-read-toggle:hover,.kapaas-read-toggle:hover { color: var(--color-black); }
.kapaas-read-toggle { border: 0.1rem solid var(--color-1b); width: 2.7rem; height: 2.7rem; padding-block: 0.5rem; background: transparent; margin: 2rem 0 0 0; position: relative; text-align: center; font: var(--font-16); color: var(--color-1b); cursor: pointer; display: flex; align-items: center; justify-content: center; }

.knits-read-toggle:hover { color: var(--color-black); }
.knits-read-toggle { border: 0.1rem solid var(--color-1b); width: 2.7rem; height: 2.7rem; padding-block: 0.5rem; background: transparent; margin: 2rem 0 0 0; position: relative; text-align: center; font: var(--font-16); color: var(--color-1b); cursor: pointer; display: flex; align-items: center; justify-content: center; }

.knits-manufac-read-toggle:hover { color: var(--color-black); }
.knits-manufac-read-toggle{ border: 0.1rem solid var(--color-1b); width: 2.7rem; height: 2.7rem; padding-block: 0.5rem; background: transparent; margin: 2rem 0 0 0; position: relative; text-align: center; font: var(--font-16); color: var(--color-1b); cursor: pointer; display: flex; align-items: center; justify-content: center; }

.about-grp-read-toggle:hover { color: var(--color-black); }
.about-grp-read-toggle{border: 0.1rem solid var(--color-1b); width: 2.7rem; height: 2.7rem; padding-block: 0.5rem; background: transparent; margin: 2rem 0 0 0; position: relative; text-align: center; font: var(--font-16); color: var(--color-1b); cursor: pointer; display: flex; align-items: center; justify-content: center;margin-bottom:3rem }

.kapaas_mainab .knit-links.nit-pdf-links{margin: 0;}
.kapaas_mainab .yarn3-text .view_more{    margin: 3.5rem 0 3rem 0;}
.yarn5 video { width: 100%; object-fit: cover; height: 60rem; }
.cont_bushead .yarn7-img .contact_list p { font-family: var(--font-roboto); }
.yarn9_grid .yarn9_bx:hover figure img { mix-blend-mode: normal; }
.yarn6.melange-sec { padding-inline: 0; background-color: #F7F7F7; margin-bottom: 15rem; }
.yarn6.melange-sec blockquote { color: #4B5320; }
.yarn6.melange-sec .yarn6-bx p::before { display: none; }
.yarn7.quality-grid-sec .yarn7_grid { align-items: center; }
.yarn7.quality-grid-sec .yarn7-text { padding-right: 21rem; align-content: center; padding-block: 0; padding-inline: 15rem; height: 100%; }
.yarn8.quality-consistent .yarn7-text { padding-right: 21rem; align-content: center; padding-block: 0; padding-inline: 15rem; height: 100%; }
.fact_bx_mt { display: flex; align-items: center; justify-content: center; }
.fact_bx_mt sup { display: block; font: var(--font-36); font-weight: 500; color: var(--color-4b); }
.yarn3.knit-overview .yarnover_bx { padding-inline: 0; }
.yarn3.knit-overview .yarnover_bx blockquote { color: #000000; font-weight: bold; margin-bottom: 4.5rem; }
.view_more img { max-width: 20px; }
.knit-links.nit-pdf-links { display: flex; gap: 0 4.5rem; margin: 4.5rem 0 0 0; }
.knit-links.nit-pdf-links .view_more.view_more_pdf:after { display: none; }
.knit-links { margin: 4.5rem 0 0 0; }
.view_more_pdf.kapaas_pdf:after { display: none; }
.kapaas_mainab .custom_bullets>li { margin-bottom: 1.5rem; }
.overview_title h3 { font: var(--font-60); color: #000; font-weight: bold; margin-bottom: 2rem; letter-spacing: -3.72px; }
.overview_title blockquote { font: var(--font-42); font-weight: 600; line-height: 1; position: relative; z-index: 1; letter-spacing: 0px; line-height: 4.8rem; margin-bottom: 0; line-height: 1.3; }
.overview_title h1 { font: var(--font-42); font-weight: 600; line-height: 1; position: relative; z-index: 1; letter-spacing: 0px; line-height: 4.8rem; margin-bottom: 0; line-height: 1.3; }
.inner_title ul>li:not(:last-child) { font-size: var(--font-16); font-weight: bold; letter-spacing: 0px; }
.inner_title ul>li { text-transform: capitalize; }
.inner_title ul>li:last-child { font-style: italic; font-weight: normal; }
.about_panel1 h2 { font: var(--font-18); font-family: var(--font-roboto); text-transform: uppercase; color: #fff; }
.about_panel1 .inner_title h2 { color: #000000; }
.newslist-banner .inner_title h2 { color: var(--color-white); }
.about_panel1 .inner_title ul li:not(:last-child) a { font: var(--font-16); font-family: var(--font-roboto); font-weight: bold; letter-spacing: 0px; }
.about_panel1 .inner_title ul li:last-child { font: var(--font-16); font-family: var(--font-roboto); font-style: italic; font-weight: normal; text-transform: uppercase; }
.esg-banner .inner_title h2 { color: var(--color-white); }
.abt-groupgrid .overgrid { align-items: center; }
.about_panel6 .leadership-grid .leader-title h4 { color: var(--color-black); }
.yarn3.systhetic-yearns .yarn3-logo { grid-template-columns: repeat(1, 43% 57%); }
.about_grid .herover_left .fact_bx { position: relative; }
.about_grid .herover_left .fact_bx .counter_pdf { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
.esg_fact_ttl h2 { font: var(--font-36); line-height: 4.3rem; color: var(--color-black); margin-bottom: 5rem; font-weight: bold; }
.esg_fact_mainsec .esg_fact_ttl h2 { padding-left: 1.5rem; }
.sus_report_btn { margin: 7rem 0 0; }
.leadership-banner.rconnect_sec figure img { mix-blend-mode: inherit; height: 46rem; object-fit: cover; }
.rconnect_sec .leadership_grid figure { max-width: 70%; }
.leadership-banner.rconnect_sec { height: 28rem; }
.leadership-banner.privacy_policy figure img { mix-blend-mode: inherit; height: 41rem; object-fit: cover; }
.leadership-banner.privacy_policy figure { max-width: 70%; }
.leadership-banner.privacy_policy { height: 36.5rem; }
.mob_loctionsec { display: none; }
/* @media(max-width:1799px) {
 }
*/
/* @media(max-width:1649px) {
 }
*/
@media (min-width:1550px) and (max-width:1799px) {
 .leadership-banner.rconnect_sec { height: 28rem; }
.leadership-banner.rconnect_sec figure img { height: 44rem; }
.leadership-banner.privacy_policy figure img { mix-blend-mode: inherit; height: 41rem; object-fit: cover; }
.leadership-banner.privacy_policy { height: 25rem; }
.thanks_sol { padding-block: 26rem; }
.values_customer ul { margin: 0 0 0 6rem; }
.bg-white .yarn7-text { padding-inline: 7rem; }
.yarn6.knits-pro .yarn6-bx.pros .knits-pro-box p { padding-inline: 0; max-width: 75%; margin: 0 auto; }
.bg-white .yarn7-text { padding-inline: 7rem; }
.yarnover_bx { padding-inline: 6rem; }
.content-wrap .proc-block { padding-inline: 6rem; }
.csr-legacy_grid h3 { max-width: 50%; }
.our_presence_list_map ul>li:nth-child(1) { top: 21rem; left: 14rem; }
.our_presence_list_map ul>li:nth-child(2) { top: 27rem; left: 13rem; }
.our_presence_list_map ul>li:nth-child(3) { top: 23rem; left: 11rem; }
.our_presence_list_map ul>li:nth-child(4) { top: 25rem; left: 14rem; }
.our_presence_list_map ul>li:nth-child(5) { top: 24rem; left: 9rem; }
.our_presence_list_map ul>li:nth-child(6) { top: 20rem; left: 11rem; }
.our_presence_list_map ul>li:nth-child(7) { top: 27rem; left: 9rem; }
.our_presence_list_map ul>li:nth-child(8) { top: 22rem; left: 19rem; }
.our_presence_list_map ul>li:nth-child(9) { top: 30rem; left: 13rem; }
.our_presence_list_map ul>li:nth-child(10) { top: 27rem; left: 9rem; }
.our_presence_list_map ul>li:nth-child(11) { top: 33rem; left: 5rem; }
.our_presence_list_map ul>li:nth-child(12) { top: 54rem; left: 13rem; }
.our_presence_list_map ul>li:nth-child(13) { top: 18rem; left: 18rem; }
.our_presence_list_map ul>li:nth-child(14) { top: 40rem; left: 10rem; }
.our_presence_list_map ul>li:nth-child(15) { top: 60rem; left: 17rem; }
.our_presence_list_map ul>li:nth-child(16) { top: 14rem; left: 15rem; }
.our_presence_list_map ul>li:nth-child(17) { top: 44rem; left: 11rem; }
.our_presence_list_map ul>li:nth-child(18) { top: 31rem; left: 41rem; }
.location-ofc { right: 4rem; }
 }
@media (min-width:1400px) and (max-width:1549px) {
 .our_presence_list_map ul>li:nth-child(16) { top: 11.5rem; left: 12.5rem; }
.our_presence_list_map ul>li:nth-child(13) { top: 15rem; left: 15rem; }
.our_presence_list_map ul>li:nth-child(8) { top: 19rem; left: 16rem; }
.our_presence_list_map ul>li:nth-child(18) { top: 27rem; left: 35rem; }
.our_presence_list_map ul>li:nth-child(6) { top: 16.5rem; left: 10rem; }
.our_presence_list_map ul>li:nth-child(1) { top: 19rem; left: 13rem; }
.our_presence_list_map ul>li:nth-child(3) { top: 19rem; left: 10rem; }
.our_presence_list_map ul>li:nth-child(4) { top: 22rem; left: 12rem; }
.our_presence_list_map ul>li:nth-child(10) { top: 22rem; left: 8.5rem; }
.our_presence_list_map ul>li:nth-child(5) { top: 20rem; left: 7rem; }
.our_presence_list_map ul>li:nth-child(2) { top: 24rem; left: 10rem; }
.our_presence_list_map ul>li:nth-child(7) { top: 23rem; left: 6rem; }
.our_presence_list_map ul>li:nth-child(9) { top: 25rem; left: 8rem; }
.our_presence_list_map ul>li:nth-child(11) { top: 29rem; left: 3rem; }
.our_presence_list_map ul>li:nth-child(14) { top: 35rem; left: 8rem; }
.our_presence_list_map ul>li:nth-child(17) { top: 38rem; left: 9rem; }
.our_presence_list_map ul>li:nth-child(12) { top: 46rem; left: 11rem; }
.our_presence_list_map ul>li:nth-child(15) { top: 52rem; left: 15rem; }
 }
@media(max-width:1549px) {
 .values_customer ul { margin: 0 0 0 10.5rem; }
 }
@media(max-width:1399px) {
 .values_customer ul { margin: 0 0 0 6rem; }
.yarnover_bx { padding-inline: 4rem; }
.content-wrap .proc-block { padding-inline: 0; }
.denim-sustainable-item .sust-text { padding-inline: 7rem; }
.denim-sustainable .box h4 { padding-inline: 5rem; padding-left: 0; }
.csr-head { padding-inline: 10rem; }
.csrover_bx { padding-inline: 3rem; }
.csr-head { padding-inline: 0; }
.csr-legacy_grid h3 { max-width: 44%; }
.our_presence_list_map ul>li:nth-child(1) { top: 18rem; left: 12rem; }
.our_presence_list_map ul>li:nth-child(2) { top: 26rem; left: 10rem; }
.our_presence_list_map ul>li:nth-child(3) { top: 19rem; left: 10rem; }
.our_presence_list_map ul>li:nth-child(4) { top: 20rem; left: 12rem; }
.our_presence_list_map ul>li:nth-child(5) { top: 20rem; left: 7rem; }
.our_presence_list_map ul>li:nth-child(6) { top: 17rem; left: 10rem; }
.our_presence_list_map ul>li:nth-child(7) { top: 23rem; left: 8rem; }
.our_presence_list_map ul>li:nth-child(8) { top: 16rem; left: 14rem; }
.our_presence_list_map ul>li:nth-child(9) { top: 29rem; left: 10rem; }
.our_presence_list_map ul>li:nth-child(10) { top: 22rem; left: 10rem; }
.our_presence_list_map ul>li:nth-child(11) { top: 29rem; left: 4rem; }
.our_presence_list_map ul>li:nth-child(12) { top: 47rem; left: 12rem; }
.our_presence_list_map ul>li:nth-child(13) { top: 16rem; left: 16rem; }
.our_presence_list_map ul>li:nth-child(14) { top: 35rem; left: 8rem; }
.our_presence_list_map ul>li:nth-child(15) { top: 52rem; left: 15rem; }
.our_presence_list_map ul>li:nth-child(16) { top: 12rem; left: 12rem; }
.our_presence_list_map ul>li:nth-child(17) { top: 39rem; left: 9rem; }
.our_presence_list_map ul>li:nth-child(18) { top: 27rem; left: 35rem; }
.location-ofc { right: 7rem; }
.yarn7.quality-grid-sec .yarn7-text { padding-right: 5rem; padding-inline: 4rem; }
.yarn8.quality-consistent .yarn7-text { padding-right: 5rem; padding-inline: 4rem; }
.leadership-banner.rconnect_sec figure img { height: 40rem; }
.rconnect_sec .leadership_grid figure { max-width: 64%; }
 }
@media(max-width:1366px) {
 .values_customer ul { margin: 0 0 0 5rem; }
.leadership_grid.dounload_grid figure img { height: 52rem; }
.inner_title h2:after { width: 53rem; }
 }
@media(max-width:1299px) {
 .about_panel3 .chairman-grid .chairman-text { margin-block: 4rem 0; }
.awardsAria_slider>ul { gap: 7rem 10rem; }
.yarnover_bx { padding-inline: 8rem; }
.bg-white .yarn7-text { padding-inline: 6rem; }
.bg-white .yarn7_grid:last-child { margin-top: 4rem; }
.yarnover_bx { padding-inline: 3rem; }
.csr-head { padding-inline: 0; }
.csr-ncc .head-olive-bx { padding-inline: 10rem 14rem; }
.csr-legacy_grid h3 { max-width: 50%; }
.csr-head { margin-bottom: 3rem; }
.csr-full .head-full-bx { bottom: 1rem; padding-inline: 0; }
.our_presence_list_map ul>li:nth-child(1) { top: 15rem; left: 10rem; }
.our_presence_list_map ul>li:nth-child(2) { top: 20rem; left: 9rem; }
.our_presence_list_map ul>li:nth-child(3) { top: 16rem; left: 8rem; }
.our_presence_list_map ul>li:nth-child(4) { top: 18rem; left: 10rem; }
.our_presence_list_map ul>li:nth-child(5) { top: 16rem; left: 5rem; }
.our_presence_list_map ul>li:nth-child(6) { top: 13rem; left: 8rem; }
.our_presence_list_map ul>li:nth-child(7) { top: 21rem; left: 7rem; }
.our_presence_list_map ul>li:nth-child(7) { top: 19rem; left: 5rem; }
.our_presence_list_map ul>li:nth-child(9) { top: 23rem; left: 8rem; }
.our_presence_list_map ul>li:nth-child(10) { top: 18.5rem; left: 7rem; }
.our_presence_list_map ul>li:nth-child(11) { top: 24rem; left: 3rem; }
.our_presence_list_map ul>li:nth-child(12) { top: 40rem; left: 10rem; }
.our_presence_list_map ul>li:nth-child(13) { top: 13rem; left: 13rem; }
.our_presence_list_map ul>li:nth-child(14) { top: 29rem; left: 7rem; }
.our_presence_list_map ul>li:nth-child(15) { top: 45rem; left: 13rem; }
.our_presence_list_map ul>li:nth-child(16) { top: 10rem; left: 10rem; }
.our_presence_list_map ul>li:nth-child(17) { top: 32rem; left: 8rem; }
.our_presence_list_map ul>li:nth-child(18) { top: 23rem; left: 30rem; }
.location-ofc { right: 7rem; }
#synthetic-yarns-banner { height: 60vh; }
 }
@media(max-width:1199px) {
 .values_customer ul { margin: 0 0 0 2.7rem; }
.our-journey .grid { gap: 6rem; }
.yarnover_bx { padding-inline: 2rem; }
.bg-white .yarn7-text { padding-inline: 4rem; }
.content-wrap .proc-block { padding-inline: 5rem; }
.csr-full .head-full-bx { padding-inline: 10rem; padding-left: 5rem; }
.csr-ncc .head-olive-bx { padding-inline: 5rem 8rem; padding-block: 5rem; }
.ertyellow-bx { padding-block: 5rem; padding-inline: 10rem; padding-left: 5rem; margin-bottom: 5rem; }
.csr-legacy_grid h3 { max-width: 54%; }
.csr-full .head-full-bx { padding-inline: 0; padding-left: 0; }
#annualreports .compliances_responsive a { padding-right: 0; }
.collection-listing-grid { grid-template-columns: repeat(3, 1fr); }
.overview_title h3 { letter-spacing: -2.72px; }
.yarn9 { padding-block: 6rem 6rem; }
.yarn7-text h4 { margin-bottom: 2rem; }
 }
@media (min-width:991px) and (max-width:1124px) {
 .pre_plus_icon, .pre_minus_icon { max-width: 1.9rem; }
.our_presence_list_map ul>li:nth-child(18) { top: 20.5rem; left: 26rem; }
.our_presence_list_map ul>li:nth-child(12) { top: 37rem; left: 9rem; }
.our_presence_list_map ul>li:nth-child(15) { top: 43rem; left: 13rem; }
.our_presence_list_map ul>li:nth-child(15) { top: 40rem; left: 12rem; }
.our_presence_list_map ul>li:nth-child(12) { top: 35rem; left: 9rem; }
.our_presence_list_map ul>li:nth-child(14) { top: 27rem; left: 7rem; }
.our_presence_list_map ul>li:nth-child(17) { top: 29rem; left: 7rem; }
.our_presence_list_map ul>li:nth-child(11) { top: 22rem; left: 3rem; }
.our_presence_list_map ul>li:nth-child(16) { top: 9rem; left: 9rem; }
.our_presence_list_map ul>li:nth-child(13) { top: 12rem; left: 12rem; }
.our_presence_list_map ul>li:nth-child(8) { top: 14rem; left: 12rem; }
.our_presence_list_map ul>li:nth-child(3) { top: 15rem; left: 8rem; }
.our_presence_list_map ul>li:nth-child(4) { top: 17rem; left: 9rem; }
.our_presence_list_map ul>li:nth-child(10) { top: 17.5rem; left: 6rem; }
.our_presence_list_map ul>li:nth-child(2) { top: 19rem; left: 7rem; }
.our_presence_list_map ul>li:nth-child(5) { top: 14rem; left: 5rem; }
.our_presence_list_map ul>li:nth-child(10) { top: 16rem; left: 6rem; }
.our_presence_list_map ul>li:nth-child(2) { top: 18rem; left: 7rem; }
.our_presence_list_map ul>li:nth-child(7) { top: 17.5rem; left: 5rem; }
.our_presence_list_map ul>li:nth-child(9) { top: 20rem; left: 8rem; }
.our_presence_list_map ul>li:nth-child(14) { top: 26rem; left: 6rem; }
.our_presence_list_map ul>li:nth-child(17) { top: 28rem; left: 7rem; }
.location-ofc { right: 4rem; bottom: 5rem; }
 }
@media(max-width:991px) {
 .pre_plus_icon, .pre_minus_icon { max-width: 1.9rem; }
.about_panel3 .chairman-grid .chairman-text { margin: 0 0 4rem 0; }
.chairman-grid .chairman-img { margin-bottom: 0; margin-left: 0; }
.mission .mis-title { margin-top: 0; margin-bottom: 4rem; max-width: 100%; }
.value .mis-title h3 { margin-left: 0; }
.about_panel4#vision-mission::before { background-color: var(--color-31); }
.values_customer { display: flex; justify-content: center; }
.about_panel4#vision-mission::before { background-color: var(--color-1b); }
.our-journey .grid { grid-template-columns: repeat(1, 100%); gap: 5rem; }
.abt-groupgrid { gap: 5rem; }
.leadership-grid { gap: 7rem; }
main { padding-top: 13rem; }
.head_overview { padding-block: 20rem 0; }
.head_overview { grid-template-columns: 100%; }
.leader_tean { padding: 10rem 0; }
.leader_tean_grid { gap: 3rem 3rem; }
.esg_pdf { padding-block: 5rem; }
.awardsAria_slider>ul { gap: 7rem 7rem; }
.contact_list { margin-block: 0 5rem; }
.yarnover_bx { padding-inline: 0; }
.bg-white .yarn7-text { padding-inline: 0; }
.certification_sec .sec_title { padding-left: 0; }
.yarn6.division-sec .post_img_grid { gap: 7rem 0; }
.yarn6.knits-pro .yarn6-bx.pros .knits-pro-box p { max-width: 100%; padding: 6rem 6rem; }
section.our_milestone2 .ms_content { align-items: flex-start; }
.esg_pdf p { max-width: 100%; }
#annualreports .compliances_responsive { column-gap: 3rem; }
.annualreport .pdf_wraper { gap: 3rem; }
.contact_panel .overview_title { padding-block: 2rem 2rem; }
.collection-listing-sec { padding: 6rem 0 6rem; }
.presence_grid { grid-template-columns: repeat(1, 100%); }
.yarns_grid { padding: 0; max-width: 100%; }
.our_presence_list_map { max-width: 60%; margin: 10rem auto 0; }
.yarns_grid .yarns_listing { text-align: center; }
.yarns_grid .yarns_listing figure { margin: 0 auto; }
.our_presence_list_map ul>li:nth-child(1) { top: 18rem; left: 11rem; }
.our_presence_list_map ul>li:nth-child(2) { top: 23rem; left: 10rem; }
.our_presence_list_map ul>li:nth-child(3) { top: 19rem; left: 9rem; }
.our_presence_list_map ul>li:nth-child(4) { top: 21rem; left: 11rem; }
.our_presence_list_map ul>li:nth-child(5) { top: 19rem; left: 6rem; }
.our_presence_list_map ul>li:nth-child(6) { top: 16rem; left: 9rem; }
.our_presence_list_map ul>li:nth-child(7) { top: 24rem; left: 8rem; }
.our_presence_list_map ul>li:nth-child(8) { top: 19rem; left: 16rem; }
.our_presence_list_map ul>li:nth-child(9) { top: 26rem; left: 11rem; }
.our_presence_list_map ul>li:nth-child(10) { top: 21rem; left: 7.5rem; }
.our_presence_list_map ul>li:nth-child(11) { top: 28rem; left: 4rem; }
.our_presence_list_map ul>li:nth-child(12) { top: 46rem; left: 11rem; }
.our_presence_list_map ul>li:nth-child(13) { top: 15rem; left: 15.5rem; }
.our_presence_list_map ul>li:nth-child(14) { top: 35rem; left: 8rem; }
.our_presence_list_map ul>li:nth-child(15) { top: 52rem; left: 15rem; }
.our_presence_list_map ul>li:nth-child(16) { top: 12rem; left: 12rem; }
.our_presence_list_map ul>li:nth-child(17) { top: 38rem; left: 8.5rem; }
.our_presence_list_map ul>li:nth-child(18) { top: 27rem; left: 35rem; }
.presence_ttl h2 { letter-spacing: unset; }
.yarn6.synthetic-sec .yarn6_grid { grid-template-columns: repeat(2, 1fr); gap: 3.3rem; }
.yarn6.synthetic-sec { padding: 2rem 0 5rem; }
.yarn3.systhetic-yearns .yarn3-logo { grid-template-columns: repeat(1, 35% 56%); align-items: center; }
.yarn9 { padding-block: 2rem 8rem; }
.certification_sec.slider-logo-certi { padding-bottom: 6rem; }
.yarn6.melange-sec { margin-bottom: 5rem; }
.about_panel3 .chairman-grid .chairman-text { margin-block: 3rem; }
.environm_respo_main .envir_re_conbox { max-width: 58.8rem; }
 }
@media(max-width:879px) {
 .our_presence_list_map ul>li:nth-child(16) { top: 11rem; left: 11.5rem; }
.our_presence_list_map ul>li:nth-child(13) { top: 14rem; left: 14.5rem; }
.our_presence_list_map ul>li:nth-child(8) { top: 18rem; left: 15rem; }
.our_presence_list_map ul>li:nth-child(6) { top: 15rem; left: 9rem; }
.our_presence_list_map ul>li:nth-child(1) { top: 17rem; left: 11rem; }
.our_presence_list_map ul>li:nth-child(3) { top: 17.5rem; left: 9rem; }
.our_presence_list_map ul>li:nth-child(4) { top: 19rem; left: 10rem; }
.our_presence_list_map ul>li:nth-child(2) { top: 22rem; left: 9rem; }
.our_presence_list_map ul>li:nth-child(7) { top: 23rem; left: 7rem; }
.our_presence_list_map ul>li:nth-child(9) { top: 24rem; left: 10rem; }
.our_presence_list_map ul>li:nth-child(11) { top: 27rem; left: 3rem; }
.our_presence_list_map ul>li:nth-child(14) { top: 32rem; left: 8rem; }
.our_presence_list_map ul>li:nth-child(17) { top: 35rem; left: 8.5rem; }
.our_presence_list_map ul>li:nth-child(12) { top: 43rem; left: 11rem; }
.our_presence_list_map ul>li:nth-child(15) { top: 49rem; left: 15rem; }
.our_presence_list_map ul>li:nth-child(18) { top: 25rem; left: 32rem; }
 }
@media(max-width:815px) {
 .our_presence_list_map ul>li:nth-child(16) { top: 10rem; left: 10.5rem; }
.our_presence_list_map ul>li:nth-child(13) { top: 13rem; left: 13.5rem; }
.our_presence_list_map ul>li:nth-child(8) { top: 16rem; left: 13rem; }
.our_presence_list_map ul>li:nth-child(18) { top: 22rem; left: 29rem; }
.our_presence_list_map ul>li:nth-child(14) { top: 29rem; left: 7rem; }
.our_presence_list_map ul>li:nth-child(17) { top: 31rem; left: 7.5rem; }
.our_presence_list_map ul>li:nth-child(12) { top: 38rem; left: 9rem; }
.our_presence_list_map ul>li:nth-child(15) { top: 44rem; left: 14rem; }
 }
@media(max-width:768px) {
 .our_presence_list_map ul>li:nth-child(12) { top: 39rem; left: 11rem; }
.our_presence_list_map ul>li:nth-child(15) { top: 43rem; left: 13rem; }
.our_presence_list_map ul>li:nth-child(18) { top: 22rem; left: 28rem; }
.our_presence_list_map ul>li:nth-child(16) { top: 9rem; left: 10rem; }
.our_presence_list_map ul>li:nth-child(13) { top: 12rem; left: 12rem; }
.our_presence_list_map ul>li:nth-child(6) { top: 14rem; left: 8rem; }
.our_presence_list_map ul>li:nth-child(1) { top: 16rem; left: 10rem; }
.our_presence_list_map ul>li:nth-child(3) { top: 17rem; left: 7rem; }
.our_presence_list_map ul>li:nth-child(4) { top: 19rem; left: 10rem; }
.our_presence_list_map ul>li:nth-child(10) { top: 19rem; left: 7.8rem; }
.our_presence_list_map ul>li:nth-child(3) { top: 16rem; left: 5rem; }
.our_presence_list_map ul>li:nth-child(10) { top: 17rem; left: 7.8rem; }
.our_presence_list_map ul>li:nth-child(7) { top: 20rem; left: 8rem; }
.our_presence_list_map ul>li:nth-child(2) { top: 22rem; left: 7rem; }
.our_presence_list_map ul>li:nth-child(9) { top: 22rem; left: 9rem; }
.our_presence_list_map ul>li:nth-child(11) { top: 24rem; left: 2rem; }
.our_presence_list_map ul>li:nth-child(14) { top: 29rem; left: 7rem; }
.our_presence_list_map ul>li:nth-child(17) { top: 32rem; left: 7.5rem; }
 }
@media(max-width:767px) {
 .our-journey { padding: 5rem 0 0; }
.our-journey .left .subtitle { margin-bottom: 2rem; }
.our-journey .left .title { margin-bottom: 3rem; }
main { padding-top: 12rem; }
.head_overview { padding-block: 0 0; }
.about_img1 img { width: 100%; }
.leadership_sec>li { padding: 0 1rem 1rem 0; }
.leadership_sec { padding: 0 0 3rem 0; padding-left: 1.5rem; }
.leader_tean { padding: 6rem 0; }
.leader_contents { margin: 0 0 4rem 0; }
.leader_tean_grid.lead_grid4 { grid-template-columns: repeat(2, 1fr); }
.leader_tean_grid { grid-template-columns: repeat(3, 1fr); }
.lnjBhilwaraContent { margin: 3rem 0 0 0; }
.esg_pdf p { max-width: 100%; }
.esg_pdf h2 { margin: 0 0 2rem 0; }
.lnjBhilwaraContent iframe { height: 400px; }
.esg_pdf .lnjBhilwaraContent iframe { width: 100%; height: 500px; }
.awards_grid { grid-template-columns: repeat(2, 1fr); gap: 3rem 2rem; }
.awards-sec { padding: 5rem 0; }
.awardsAria { padding: 5rem 0 5rem; }
.awardsAria_slider>ul { grid-template-columns: repeat(2, 1fr); }
.awardsAria h2 { margin: 0 0 5rem 0; }
.download-pdf { padding: 5rem 0; }
.yarn6 h3 { margin-bottom: 3rem; }
.yarn6 .yarn6_grid .yarn6-bx:not(:last-child) { margin-bottom: 0; }
.yarn8 .yarn7_grid { padding-left: 0; }
.yarn6.knits-pro .yarn6-bx.pros .knits-pro-box p { padding: 3rem 3rem; }
.denim-sustainable-item .sust-text { padding-inline: 3rem; }
.denim-sustainable .box h4 { padding: 0 2rem; }
.denim-sustainable-item .sust-text { padding-inline: 2rem; }
.content-wrap .proc-block { padding-inline: 0; }
.csr-set_grid { grid-template-columns: 100%; }
.csr-set-1 { padding-block: 5rem; }
.csrover_bx { padding-inline: 0; }
.csr-set_grid { gap: 3rem; }
.csr-legacy_grid { grid-template-columns: 100%; }
.csr-legacy-content { padding-block: 4rem; padding-inline: 0; }
.csr-legacy_grid h3 { max-width: 100%; }
.csr-legacy { margin-top: 5rem; }
.ertyellow-bx { margin: 3rem 0; }
.csr-set_grid { margin-top: 0; }
.sus_iframe iframe { margin: 3rem 0 0 0; }
.annualreport .custom-dropdown-container { padding: 1rem; }
#annualreports .annualaccordion-item { margin-bottom: 4rem; }
.collection-listing-sec { padding: 4rem 0 4rem; }
.collection-listing-grid { grid-template-columns: repeat(2, 1fr); gap: 2rem; }
.collection-listing-img { padding: 0; }
.collection-listing-ttl { margin: 0 0 4rem 0; }
.collections-banner .yarn-head-content { padding: 2rem 0; left: 0; }
.our_presence_list_map { display: none; }
.presence_ttl { margin: 0 0 6rem 0; }
.yarns_listing h3 { margin: 3rem 0 1rem 0; }
.yarns_grid { gap: 5rem 0; }
.presence-sec { padding: 5rem 0 6rem; }
.yarn6.synthetic-sec { padding: 2rem 0 2rem; }
.yarn3.systhetic-yearns .yarn3-text blockquote { margin-bottom: 2rem; }
.yarn3.systhetic-yearns .yarn3-text .view_more { margin: 3.5rem 0 4rem 0; }
.yarn6 blockquote { margin-top: 0rem; padding-inline: 0rem 0rem; }
.custom_bullet.quality_bullet li { margin-bottom: 2rem; padding-left: 2rem; }
.yarn9 { padding-block: 2rem 6rem; }
#synthetic-yarns-banner { height: 55rem; }
.yarn7.quality-grid-sec .yarn7-text { padding-right: 0rem; padding-inline: 0; }
.yarn8.quality-consistent .yarn7-text { padding-right: 0rem; padding-inline: 0; }
.bg-imageLeader { height: 38rem; }
.yarn6.synthetic-sec.synthetic-box-sec,
	.yarn6.cotton_sec { padding-block: 4rem 2rem; }
.mob_loctionsec { display: block; }
.mob_loctionsec { padding-block: 0 4rem; }
.mob_loctions { display: grid; grid-template-columns: repeat(1, 1fr); align-items: center; gap: 2rem; padding-bottom: 2.5rem; }
.loctionGrid_2 { display: grid; grid-template-columns: repeat(2, 1fr); align-items: center; }
.loctionRow { padding-block: 2.5rem 0; border-top: solid 1px #ccc; }
.loctionGrid_2 { padding-top: 2rem; }
.mob_loctions .mob_viewloction span { font: var(--font-22); font-weight: 600; font-family: var(--font-roboto); margin-block: 0 2rem; display: block }
.loctionRow .mob_viewloction span { font: var(--font-22); font-weight: 600; font-family: var(--font-roboto); margin-block: 0 2rem; display: block }
.mob_viewloction .custom_bull ol li { font: var(--font-16); font-weight: normal; margin-bottom: 1rem; }
.rconnect_sec .leadership_grid figure { max-width: 100%; }
.leadership-banner.rconnect_sec figure img { height: 34rem; }
.esg_fact_mainsec .esg_fact_ttl h2 { padding-left: 0; }
 }
@media(max-width:600px) {
 .lnjBhilwaraContent iframe { height: 300px; }
.mob_loctions { grid-template-columns: repeat(1, 1fr); }
 }
@media(max-width:575px) {
 .about_panel1 .overview_title blockquote { width: 100%; }
.about_panel1.life_banner .overview_title blockquote { font-size: 1.4rem; font-weight: 500; max-width: 45%; }
.overview_title { width: 100%; }
.contact_panel_grid { grid-template-columns:repeat(1,1fr); gap: 2rem; }

/* .our-journey .item::after,.our-journey .timeline::before { display:none; }
.our-journey .item.right { left:0; text-align:left; padding-left:0; }
.our-journey .item { width:100%; }
.our-journey .item.right,.our-journey .item.left { padding-right:0; margin-bottom:5rem; }
.our-journey .content { flex-direction:column; gap:2rem; }
*/
	/* .values_customer ul > li { flex-direction:column; gap:1.5rem 0; margin:0 0 3rem 0; }
*/
	/* .values_customer ul > li span { margin:0; }
*/
	.herover_left .fact_bx p { padding-right: 2rem; }
main { padding-top: 8rem; }
.leader_tean_grid { grid-template-columns: repeat(2, 1fr); }
.leader_tean_cont { margin: 2rem 0 1rem 0; }
.leader_tean_grid { gap: 2rem 2rem; }
.award_cont { padding: 2rem; }
.awardsAria_slider>ul { grid-template-columns: repeat(1, 1fr); }
.contact_list { margin-block: 0 3rem; }
.aicte_left { grid-template-columns: repeat(1, 1fr); }
.yarn6 blockquote { padding-inline: 0; line-height: normal; font: var(--font-18); }
.yarn6 h3 { font: var(--font-26); font-weight: bold; font-family: var(--font-poppins); }
.yarn-main .small-title { letter-spacing: normal; }
.certification_sec>.container { padding-inline: 2rem; }
.csr-full .head-full-bx { position: unset; margin: 0 0 2rem 0; }
.csr-full::after { display: none; }
.csr-full .head-full-bx h3,
	.csr-full .head-full-bx p { color: var(--color-black); }
.csr-full .head-full-bx h3 { margin: 0rem 0 2rem 0; }
.csr-ncc .head-olive-bx { padding-inline: 3rem 3rem; padding-block: 3rem; }
.ertyellow-bx { padding-block: 3rem; padding-inline: 3rem; padding-left: 3rem; }
.ertyellow-bx { margin: 0 0 3rem; }
.sus_iframe iframe { height: 350px; }
.lnjBhilwaraContent.sus_btn { margin: 1rem 0 0 0; }
#annualreports .compliances_responsive { grid-template-columns: repeat(2, 1fr); gap: 2rem; }
.annualreport .pdf_wraper { grid-template-columns: repeat(2, 1fr); }
.contact_panel .overview_title h3 { margin-bottom: 1rem; }
.leadership_sec { padding-left: 0; }
.leadership_sec>li>a { white-space: normal; }
.leadership_sec { gap: 0 1rem; }
.leadership_sec>li { padding: 0 0 1rem 0; }
.news-list1 { padding-block: 3rem 3rem; }
.yarn6.synthetic-sec .yarn6_grid { grid-template-columns: repeat(1, 1fr); gap: 2.5rem; }
.collection-listing-sec .coll-ttl-icon { padding: 2rem 1.6rem 2rem; }
.our_milestone.fixed-top { padding-bottom: 3rem; }
.yarn-main .main-title span { display: inline; }
.yarn6 .yarn6_grid .yarn6-bx:not(:last-child) { margin-bottom: 0rem; }
.yarn6 .yarn6-bx h4 { margin-block: 2rem; }
.yarn3.systhetic-yearns .yarn3-logo { grid-template-columns: repeat(1, 1fr); }
#synthetic-yarns-banner { height: 37.8rem; }
.yarn3.systhetic-yearns .yarn3-logo figure img { max-width: 50%; margin: 0 auto; }
.about_panel3 .chairman-grid .chairman-text { margin-block: 2rem; }
.abt-groupgrid { gap: 3rem; }
.leader-title h4 { margin-bottom: 2rem; }
.collection-listing-ttl p { margin-bottom: 2rem; }
.collection-listing-ttl:last-child p { margin-bottom: 0; }
.yarn-head-content { margin-block: 0 3rem; padding-inline: 0 0rem; }
.yarn6.synthetic-sec.synthetic-box-sec,
	.yarn6.cotton_sec { padding-block: 4rem 2rem; }
.sec_title br { display: none; }
.cont_bushead .yarn7-img .contact_list { padding-left: 4rem; }
.yarn3.systhetic-yearns .yarn3-logo p { margin-bottom: 0; }
.yarn9.yarn9_new.cleint-logo h3 { font: var(--font-26); font-weight: bold; font-family: var(--font-poppins); }
.yarn9.yarn9_new.cleint-logo p { font: var(--font-18); line-height: normal; font-weight: 600; }
.collections-banner#knits-banner { background: url(../images/collaborations-banners-mob.webp) center / cover no-repeat; background-size: cover; height: 70vh; width: 100%; background-position: top; }
.csr-set-3 { padding-block: 3rem; }
.csr-set_grid { gap: 2rem }
.leadership_grid.dounload_grid figure { max-width: 59%; }
.leadership_grid.dounload_grid figure img { height: 100%; }
.yarn3-logo figure img { max-width: 25rem; margin: 0 auto; }
.about_panel1.life_banner .about_img1 { padding-top: 5rem; width: 100%; z-index: 1; }
.collections-banner .yarn-head-content blockquote{display:none;}
 }
@media(max-width:480px) {
 .awards_grid { grid-template-columns: repeat(1, 1fr); }
.award_list figure { max-width: 90%; }
.awardsAria_slider>ul { gap: 4rem 0; }
.collection-listing-grid { grid-template-columns: repeat(1, 1fr); }
.herover_left { padding-inline: 1rem; }
.cont_bushead .sec_title h3 { margin: 0 0 2rem 0; }
.knit-links.nit-pdf-links { gap: 0 1.5rem; margin: 2.5rem 0 0 0; flex-wrap: wrap; align-items: self-start; }
.yarn3.knit-overview .yarnover_bx blockquote { margin-bottom: 2rem; }
.our-journey .item.left { width: 100%; padding: 0; }
.our-journey .item.right { left: 0; padding: 0; }
.our-journey .item { width: 100%; }
.our-journey .timeline::before { content: none; }
.our-journey .item::after { content: none; }
.our-journey .content { margin-bottom: 4rem; }
.our-journey .timeline { margin-bottom: 4rem; }
.mission .mis-title { text-align: left; }
.mission { text-align: left; }
.value .mis-title h3 { margin-bottom: 3rem; }
.values_customer { justify-content: left; }
.value .mis-title h3 { text-align: left; }
.values_customer ul { margin: 0; }
.leadership_grid.dounload_grid figure { max-width: 68%; }
/* .about_panel1 .inner-banner { position: relative; z-index: 1; }
*/
	.leadership-banner.rconnect_sec figure img { height: 30rem; }
.about_panel1.life_banner .overview_title blockquote { max-width: 55%; }

 }
/* .filip_pdf { padding-block: 10rem 10rem; }
*/
/* .filip_pdf #pdf-viewer { background-color: var(--color-f9) !important }
*/
/*
.filip_pdf .loading-info,
.filip_pdf .df-ui-wrapper.df-ui-controls,
.filip_pdf .df-ui-btn.df-ui-next.ti-angle-right,
.filip_pdf .df-ui-btn.df-ui-prev.ti-angle-left { display: none !important; }
*/
/* @media (max-width:991px) {
 .filip_pdf { padding-block: 0rem 5rem; }
.filip_pdf #pdf-viewer { height: 30rem !important; }
 }
*/
.fact_bx_mt span { font: var(--font-32); color: var(--color-4b); font-weight: bold; margin-top: 1rem; }
/* media page css start */
.media_coverage { padding-block: 20rem 10rem; }
.media_grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 3rem; row-gap: 6rem; }
.media_grid_Bx { background-color: #f5f5f5; padding: 2rem 2rem 3rem; }
.media_grid_Bx figure { background-color: #fafafa; margin: -5rem auto 0; text-align: center; height: 26.3rem; display: flex; align-items: center; }
.media_grid_Bx figure img { max-width: 22rem; margin: 0 auto; }
.media_grid_Bx { position: relative; overflow: hidden; transition: all 0.4s ease; }
.media_grid_Bx::before { content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 0%; background: #1B5F97; z-index: 0; transition: height 0.4s ease; }
.media_grid_Bx:hover .media_txt h5,
.media_grid_Bx:hover .media_txt p { color: #fff; transition: color 0.1s ease-out; }
.media_txt h5 { font: var(--font-16); font-weight: 600; margin-block: 0 1.5rem; color: #4B5320; transition: color 0.25s ease 0.20s; }
.media_txt p { font: var(--font-16); color: #000; transition: color 0.25s ease 0.20s; }
.media_grid_Bx::before { transition: height 0.4s ease; }
.media_grid_Bx:hover .media_txt h5,
.media_grid_Bx:hover .media_txt p { color: #fff; transition: color 0.1s ease; }
.media_txt { padding: 2rem 0 0 2.7rem; position: relative; display: block; }
.media_txt::before { background-color: var(--color-black); top: -1rem; bottom: 0; width: 1px; content: ""; position: absolute; left: 1rem; }
.notice_announcement { padding-block: 10rem; }
.notice_grid { display: grid; grid-template-columns: repeat(1, 1fr); gap: 2rem; }
.notice_list { background-color: #f5f5f5; padding: 2rem 3rem; position: relative; }
.notice_list h4 { font: var(--font-16); font-weight: 600; margin-block: 0 1rem; color: var(--color-black); }
.notice_list p { font: var(--font-16); color: var(--color-33); }
.notice_list:hover { background-color: #fafafa; }
.fancybox__thumbs { display: none !important; }
.media_grid_Bx { cursor: pointer; }
.media_grid_Bx:hover::before { height: 100%; }
.media_grid_Bx figure,
.media_grid_Bx .media_txt { position: relative; z-index: 1; transition: color 0.3s ease; }
.media_gallery { padding-block: 10rem 4rem; background-color: var(--color-F4); }
/* privacy policy css starts here */
.privacy-policy { padding-block: 10rem 10rem; }
.privacy-policy h3 { font: var(--font-24); color: #4B5320; font-weight: 600; margin: 4rem 0 2rem 0; }
.privacy-policy p { margin-bottom: 2rem; }
.privacy-policy p { margin-bottom: 2rem; font: var(--font-18); font-family: var(--font-roboto); }
.privacy-policy ul { list-style: none; padding-left: 0; }
.privacy-policy ul li { position: relative; padding-left: 2.5rem; margin-bottom: 2rem; font: var(--font-16); font-family: var(--font-roboto); }
.privacy-policy ul li::after { content: ""; position: absolute; left: 0; top: 1.2rem; width: 0.6rem; height: 0.6rem; background: #000; border-radius: 50%; }
.privacy-policy p a:hover { color: var(--color-4b); }
.thanks_sol { padding-block:30vh; }
.thanks_sol>h6 { font: var(--font-18); color: var(--color-black); font-weight: var(--weight-normal); margin-bottom: 3rem; line-height: 1.4; font-family: var(--font-roboto); }
.thanks_sol>p { font: var(--font-16); color: var(--color-black); font-weight: var(--weight-medium); margin-bottom: 3rem; line-height: 1.4; font-family: var(--font-roboto); text-transform: uppercase }
.thanks_sol h1 { font: var(--font-72); color: var(--color-4b); font-weight: bold; margin-bottom: 3rem; }
.thanks_sol>p span { text-transform: uppercase; font-weight: var(--weight-medium); font-family: var(--font-roboto); }
.wel_btn { background: var(--color-4b); color: #fff; border: 0; padding-block: .6rem; padding-inline: 2.5rem; font: var(--font-16); font-family: var(--font-poppins); gap: 1rem; cursor: pointer; }
.overgrid { display: flex; flex-wrap: wrap; gap: 3.2rem; }
.overgrid img { max-width: 100%; max-height: 100%; object-fit: contain; }
.custom_bull ol { list-style: none; padding-left: 0; margin-bottom: 0.5rem; }
.custom_bull ol li { position: relative; padding-left: 1rem; margin-bottom: 0.5rem; }
/* custom bullet */
.custom_bull ol li::before { content: ""; position: absolute; left: 0; top: 7px; width: 0.5rem; height: 0.5rem; background-color: var(--color-4b); border-radius: 50%; }
/* privacy policy css ends here */
.bloglist.events_listing,
.blogdetails.events_listing { background: var(--color-1b); }
.bloglist.events_listing .newsbannernwbg { top: 0; position: absolute; right: 0; bottom: unset; }
.input_fild .error { color: #ff0000; font: var(--font-14); display: none; }
.termsChecks { display: flex; gap: 10px; align-items: start; margin: 0 0 3rem 0; }
.termsChecks input[type="checkbox"] { width: auto; margin: 4px 0 0; line-height: normal; }
.termsChecks p { font: var(--font-14); font-family: var(--font-roboto); }
.termsChecks p a { font-family: var(--font-roboto); color: var(--color-d2); }
.our_temsSec .input_fild .termsChecks input[type="checkbox"] { width: auto; }
.termsChecks.career_check p { color: #fff; }
.termsChecks.career_check { margin: 0 0 1rem 0; }
.leader_img { position: relative }
.leader_img::before { content: ""; position: absolute; bottom: 0; width: 80rem; height: 17.5rem; background-color: #F8EBD6; left: 50%; transform: translateX(-50%); }
.leader_img img { position: relative; z-index: 99; }
@media (max-width:991px) {
 .thanks_sol { padding-block: 5rem 6rem; }
 }
@media (max-width:1920px) {
 .yarn-head-content { max-width: 750px; }
 }
.presence_list .yarns_listing figure { max-width: 7.9rem; height: 6.1rem; min-width: 7.9rem; }
.presence_list .yarns_listing figure img { height: 100%; }
@media (min-width: 2551px) {
 .presenceBanner .leadership_grid figure img { height: 45rem; }
 }
/* Awards and recognitions css starts here */
/* .inner-banner .inner_title { position: relative; z-index: 99; }
.leadership-banner { height: 34rem; }
.leadership-banner .leadership_grid figure { max-width: 100%; z-index: 1; }
.leadership-banner .leadership_grid figure img { height: auto; opacity: 1; mix-blend-mode: unset; }
.leadership_grid h1 { z-index: 9; }
.leadership_grid blockquote { font: var(--font-42); font-weight: bold; position: relative; z-index: 99; letter-spacing: 0px; line-height: 4.8rem; margin: 3rem 0 0 0; }
*/
/* Awards and recognitions css ends here */
/* sportslight page css starts here */
.media_coverage { padding-block: 10rem 10rem; }
.media_coverage_select { text-align: right; margin: 0 0 5rem 0; }
.media_coverage_select select { border: 1px solid var(--color-b4); padding-inline: 2rem; padding-block: 0.7rem 0.7rem; margin-bottom: 1rem; font: var(--font-16); cursor: pointer; outline: none; }
.media_grid_Bx:hover .media_txt::before { background-color: var(--color-white); }
.media_grid .media_grid_Bx { position: relative; }
.media_grid .media_grid_Bx .media_txt_links { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; }
.leadership-sec .leader_grid { align-items: flex-start; }
.leadership-sec .leader_grid .leader_grps { width: 100%; overflow: hidden; margin-bottom: 8rem; }
.leadership-sec .leader_grid .leader_img { position: -webkit-sticky; position: sticky; top: 16rem; }
.upcomming_events { margin: 0 0 4rem 0; }
.upcomming_events h4 { color: var(--color-black); font: var(--font-26); font-weight: bold; font-family: var(--font-roboto); }
.leadership_grid blockquote.main-title { font: var(--font-42); font-weight: 600; line-height: 1; position: relative; z-index: 1; letter-spacing: 0px; line-height: 4.8rem; margin-bottom: 0; }
.presence-sec { padding: 10rem 0 15rem; }
.yarn6.melange-sec { background-color: #f2f2f2; }
.presence_list .yarns_grid .yarns_listing h3 { font: var(--font-60); font-weight: 500; }
.values_sec .our_teams .teams_grid .teams_col:last-child { padding: 5rem 0; }
.newslist-banner .newsbannerbg.newsbannernwbg { max-width: 65%; }
.events_listing .newsbannerbg.newsbannernwbg { max-width: 100%; mix-blend-mode: normal; z-index: 2; margin-top: 3rem; }
.events_listing .inner_title ul,
.events_listing .inner_title h2 { z-index: 3; position: relative; }
.events_listing .overview_title { z-index: 4; position: relative; }
.events_listing .bloglist.blogtop .overview_title { padding-block: 0; position: relative; z-index: 99; }
.values_sec .our_teams .teams_grid .teams_col:first-child,
.values_sec .our_teams .teams_grid .teams_col:first-child figure,
.values_sec .our_teams .teams_grid .teams_col:first-child figure img { height: 100%; }
.values_sec .our_teams .teams_grid .teams_col:first-child figure img { object-fit: cover; }
.award_list .awards_links { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; }
.fancybox__caption { font: var(--font-16); font-family: var(--font-roboto); max-width: 35rem !important; display: block; text-align: center; margin: 1rem 0 0 0 !important; }
.newslist-banner.bloglist.blogbgchange .overview_title { padding-right: 0; }
.upcoming_events_sec { position: relative; }
.upcoming_events_sec .upcomming_event_links { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 9; }
.blog-dtext p a:hover,
.upcoming_events_sec { padding-bottom: 2rem; }
.events_details_grid .blog-dtext p a { color: var(--color-d2); }
.about_panel1.newslist-banner.blogdetails.blogbgchange.events_details_grid .news-dimg { grid-template-columns: repeat(3, 1fr); gap: 2rem 2rem; height: 100%; margin: 5rem 0 0 0; }
.about_panel1.newslist-banner.blogdetails.blogbgchange.events_details_grid .news-dimg figure,
.about_panel1.newslist-banner.blogdetails.blogbgchange.events_details_grid .news-dimg figure { height: 100%; }
.about_panel1.newslist-banner.blogdetails.blogbgchange.events_details_grid .news-dimg figure img { height: 100%; object-fit: cover; }
.news-list1.events_listing_grid .news-listbx .newsl-text span { display: block; }
.news-listbx figure { height: 29.9rem; overflow: hidden; }
.news-listbx figure img { width: 100%; height: 100%; object-fit: cover; }
.news-list1.events_listing_grid .load-more .view_more::after { transform: rotate(90deg); }
.events_details_grid.newslist-banner .overview_title span.date { display: block; }
.news-list1.news-d1.related_event_grid .news-listbx .newsl-text span { display: block; }
.newslist-banner .upcoming_events_sec .overview_title span.date { display: block; }
.upcoming_events_sec .about_img1 figure { height: auto; }
.events_back_btn .view_more { justify-content: flex-start; padding-left: 4rem; }
.events_back_btn { margin: 5rem 0 0 0; }
.events_back_btn .view_more:after { content: ""; position: absolute; left: 0; transform: rotate(180deg); }
.news-listbx.news_blogs .newsl-text span strong::before { content: none; }
.event_details_image figure img { width: auto; margin: 0 auto; }
.events_details_grid .blog-dtext p { font: var(--font-18); font-family: var(--font-roboto); font-weight: normal; line-height: 1.4; }
.blogdetails.events_details_grid:before { height: 79%; }
.blogdetails.events_details_grid .about_img1 { margin: 9rem 0 0 0; }
.bloglist .upcoming_events_sec .overview_title blockquote { min-height: auto; }
@media (max-width:1550px) {
 .rounded_img .silverCard img { max-width: 17rem; height: 17rem; margin-bottom: 2rem; }
.leader_img::before { width: 52rem; height: 14.5rem; }
.thanks_sol { padding-block:31vh; }
 }
@media (max-width: 1099px) {
 .rounded_img .silverCard img { max-width: 13rem; height: 13rem; }
.leadership_grid blockquote.main-title { font: var(--font-32); line-height: 1.2; font-weight: 600; }
 }
@media (max-width:991px) {
 .newslist-banner .overview_title { padding-bottom: 0rem; }
.newslist-banner.blogdetails .head_overview { padding-top: 3.5rem; }
.newslist-banner .overview_title h3 { margin-bottom: 3rem; }
.blogwhite-bg p { padding-top: 0rem; padding-bottom: 2rem; }
.blog-dtext h4 { margin-top: 2rem; }
.divercity_zig_zag img { margin-inline: auto; }
.divercity h4 { margin-bottom: 5rem; }
.yarn3.systhetic-yearns .yarn3-text blockquote { margin-bottom: 2rem; }
.yarn6 .yarn6-bx h4 { color: var(--color-4b); margin-bottom: 1rem; }
.yarn-main .small-title { letter-spacing: normal; }
.leadership-banner.rconnect_sec figure img { height: 35rem; margin-top: 16rem; }
.thanks_sol { padding-block:15vh; }
 }
@media (max-width: 768px) {
 .processFlow__wrapper { flex-direction: column; }
.processFlow__arrow { transform: rotate(90deg); }
.divercity_main { padding: 0rem 2rem; }
.blog_common_grid { grid-template-columns: repeat(1, 1fr); }
.silverCard { display: flex; flex-direction: column; align-items: center; }
.silverCard h4 { margin-top: 0; margin-bottom: 1.5rem; }
.silverCard img { margin-bottom: 2rem !important; }
.rounded_img .silverCard img { margin-bottom: 2rem; }
 }
@media(max-width:767px) {
 .about_panel1.newslist-banner.blogdetails.blogbgchange.events_details_grid .news-dimg { grid-template-columns: repeat(2, 1fr); }
.investor-disclose { margin-top: 2rem; }
.collections-banner .yarn-head-content { margin-block: 0 0rem; }
.newslist-banner .newsbannerbg.newsbannernwbg { max-width: 100%; }
.investor-disclose { margin-top: 0; }
.aicte_left { grid-template-columns: repeat(2, 1fr); }
.leadership-banner.rconnect_sec figure img { height: 35rem; margin-top: 2rem; }
.leadership-banner.rconnect_sec { height: 34.7rem; }
.rconnect_sec .leadership_grid h1 { padding: 0; margin-top: 20rem; }
 }
@media(max-width:575px) {
 .about_panel1.newslist-banner.blogdetails.blogbgchange.events_details_grid .news-dimg { grid-template-columns: repeat(1, 1fr); }
.newslist-banner.blogdetails .head_overview { padding-top: 5rem; }
.leader_tean { padding: 4rem 0; }
.leader_contents h3 { margin: 0; line-height: 1.5; }
.investor-disec .investor-disclose { margin-top: 0; }
.knit-links a:first-child { margin-bottom: 1rem; }
.yarn3.knit-overview .yarnover_bx blockquote { margin-bottom: 2rem; }
.yarn6 .yarn6-bx p { line-height: 1.4; }
.item.right .content.mob_view .icon img { height: 10rem; margin: 0 0 auto; }
.newslist-banner.bloglist.blogtop { height: 38.7rem; }
.newslist-banner.blogdetails.blogtop { height: 38.7rem; }
.investor-disclose ul li { padding: 0 3rem 2rem 0; }
section.annualreport { padding-block: 4rem; }
section.annualreport { padding-block: 3rem; }
section.annualreport { padding-block: 3rem; }
.about_panel1.newslist-banner.blogdetails.blogbgchange.events_details_grid .news-dimg { grid-template-columns: repeat(1, 1fr); }
.aicte_left { grid-template-columns: repeat(1, 1fr); }
.about_grid .herover_left .fact_bx { padding-inline: 0.5rem; }
.leadership-banner.rconnect_sec figure img { height: 32rem; }
 }
@media only screen and (max-width: 399px) {
 .about_grid .herover_left .fact_bx { border-bottom: solid 1px #ddd; }
.leadership-banner.rconnect_sec figure img { height: 30rem; }
.fact_bx strong { font: var(--font-60); margin-block: 3.5rem 3rem; }
.fact_bx strong { margin-block: 2rem 2rem; }
.about_grid .herover_left .fact_bx { padding-left: 0.5rem; padding-right: 0.5rem; }
#annualreports .compliances_responsive { grid-template-columns: repeat(1, 1fr) }
.leadership_grid.dounload_grid figure { max-width: 80%; }
.leadership_grid.dounload_grid figure { max-width: 74%; }
 }
/* default desktop grid */
/* mobile slider */
/* @media (max-width: 480px) {
 .overgrid { display: block; }
.swiper-slide { text-align: center; }
.swiper-slide img { width: 100%; max-width: 20rem; margin: auto; height: 6.6rem; }
 }
*/
.events_listing .newsbannernwbg,
.events_listing .newsbannernwbg figure,
.events_listing .newsbannernwbg figure img { height: 100%; margin-top: 0; top: 0; }
.events_listing .newsbannernwbg figure img { object-fit: cover; }
.events_listing .newsbannerbg.newsbannernwbg { margin-top: 0; }
.bloglist.events_listing.privacy_policy { background: var(--color-ff); }
.bloglist.events_listing.privacy_policy .inner_title h2,
.bloglist.events_listing.privacy_policy .inner_title ul li,
.bloglist.events_listing.privacy_policy .inner_title ul li a,
.bloglist.events_listing.privacy_policy .overview_title h3 { color: #000000; }
.bloglist.events_listing.privacy_policy ul li a img { filter: brightness(0) invert(0); }
.bloglist.events_listing.privacy_policy h2:after { background: #000; }
.mobile_video { display: none; }
.mobile-img { display: none; }
.certification_list.sustainability-certificates .certification_item:nth-child(13),
.certification_list.sustainability-certificates .certification_item:nth-child(14),
.certification_list.sustainability-certificates .certification_item:nth-child(15),
.certification_list.sustainability-certificates .certification_item:nth-child(16),
.certification_list.sustainability-certificates .certification_item:nth-child(17),
.certification_list.sustainability-certificates .certification_item:nth-child(18) { border-bottom: 1px solid #7070704a; }
.certification_list.sustainability-certificates .certification_item { padding-inline: 6rem; padding-block: 6rem; }
.certification_list.sustainability-certificates .certification_item:nth-child(19),
.certification_list.sustainability-certificates .certification_item:nth-child(20),
.certification_list.sustainability-certificates .certification_item:nth-child(21),
.certification_list.sustainability-certificates .certification_item:nth-child(22),
.certification_list.sustainability-certificates .certification_item:nth-child(21),
.certification_list.sustainability-certificates .certification_item:nth-child(22),
.certification_list.sustainability-certificates .certification_item:nth-child(23),
.certification_list.sustainability-certificates .certification_item:nth-child(24) { border-bottom: 0; }
.about_over_02  .swiper-slide img{height: 8rem;}
@media (max-width: 767px) {
 .desktop_video { display: none; }
.mobile_video { display: block; }
 }
@media only screen and (max-width:1599px) {
 .leadership-sec .leader_grid .leader_img { top: 32rem; bottom: 0; }
.certification_list.sustainability-certificates .certification_item { padding-inline: 4rem; padding-block: 4rem; }
 }
@media only screen and (max-width:1299px) {
 .certification_list.sustainability-certificates .certification_item { padding-inline: 3rem; padding-block: 3rem; }
.inner_title h2:after { width: 40rem; }
.leadership_grid.dounload_grid figure img { height: 54rem; }
 }
@media only screen and (max-width:1199px) {
 .leadership-sec .leader_grid .leader_img { top: 40rem; bottom: 0; }
.leader_img::before { width: 50rem; height: 15.5rem; }
 }
@media only screen and (max-width:991px) {
 .bg-imageLeader { height: 38rem; }
.leader_grid_one { padding-right: 2rem; }
.leader_grid { display: grid; grid-template-columns: 100%; gap: 4rem; }
.leader_img::before { width: 100%; height: 14.5rem; }
.leader_img img { max-width: 70%; margin: 0 auto; }
.leadership-sec .leader_grid .leader_grps { margin-bottom: 0; }
.leader_grps { margin: 0; }
.leader_grid_one { padding-block: 0; margin: 0; }
.leadership_grid.dounload_grid figure { max-width: 100%; }
.leadership_grid.dounload_grid figure img { height: 68rem; }
 }
/* default hide nothing */
.more-content { overflow: hidden; transition: max-height 0.4s ease; }
.mobile-img { display: none; }
.mobile-banner { display: none; }
/* mobile view */
@media (max-width: 767px) {

.more-content{
    max-height: 10rem;
    overflow: hidden;
    opacity: .8;
    transition:
        max-height .6s ease,
        opacity .35s ease;
}

.more-content.active{
    max-height: 100rem; /* ya 200rem agar content zyada ho */
    opacity: 1;
}
.leadership-banner.dounloadbanner { height: 38.7rem; }
.leadership_grid.dounload_grid figure img { height: 45rem; }
.more-content.active { max-height: 1000px; }
.read-toggle { display: inline-block; margin-top: 0; background: none; border: none; font: var(--font-18); color: var(--color-4b); font-family: var(--font-roboto); margin-block: 0 1rem; font-weight: 600; cursor: pointer; }
.certification_list.sustainability-certificates .certification_item { padding-inline: 2rem; padding-block: 2rem; }
 }
/* desktop pe button hide */
@media (min-width: 768px) {
 .read-toggle { display: none; }
.more-content { max-height: none; }
 }
@media (min-width: 768px) {
 .myLogoSlider.swiper { display: block; }
.myLogoSlider .swiper-wrapper { display: flex; flex-wrap: wrap; gap: 20px; transform: none; }
.myLogoSlider .swiper-slide { width: auto; flex: 0 0 auto; transform: none; }
 }
@media (max-width: 767px) {
 .myLogoSlider { padding-bottom: 6rem; }
.myLogoSlider .swiper-slide { display: flex; justify-content: center; align-items: center; }
.myLogoSlider img { width: 9.6rem; height: 8.6rem; object-fit: contain; }
.myLogoSlider .swiper-slide { margin: 0; }
.myLogoSlider a { display: flex; justify-content: center; }
.myLogoSlider img { margin: 0; }
.desktop-banner { display: none; }
.mobile-banner { display: block; }
.desktop-img { display: none; }
.mobile-img { display: block; }
 }
@media (max-width: 575px) {
 .leadership_grid.dounload_grid figure img { height: 38rem; }
.leadership_grid.dounload_grid h1 { margin-top: 30rem; padding: 0; }
 }
@media (max-width: 375px) {
 .leader_img::before { width: 100%; height: 10.5rem; }
.leader_img img { max-width: 100%; margin: 0 auto; }
 }
.pdf_wraper>li .pdf-links { text-align: center; margin: 1rem 0 0 0; }