@media only screen and (min-width:2561px) {	
/*==========================================================================*/
/*====================== General Declaration ===============================*/
	.css-button-arrow--yellow:hover:after {
		right: 5px;
	}
	.css-button-arrow--yellow:after {
		font-size: 45px; top: -8px; right: -20px; 
	}
	.clear {
		min-height: 190px; margin:0px 0px; 
	}
	.clear-hall {
		min-height: 190px; margin:0px 0px; 
	}
	.clear-sm {
		min-height: 50px; margin:10px 0px; 
	}
	.clear-video {
		min-height: 190px; margin-top:100vh;
	}
	#popup-msg{
		font-size:2.40rem;
	}
/*==========================================================================*/
/*===================== Navigation Bar Design ==============================*/
	.navbar-fixed-top{
		max-height:160px; padding: 15px 0px;
	}
	.header-actions{
		gap:16px;
	}
	.menu{
		font-size:3.5rem;
	}			
	.company-text {
		margin-left:135px; font-size:4.0rem;
	}
	.company-logo {
		max-height:100px! important; margin-left:25px; 
	}	
	#sidebarCollapse {
		width: 105px; height: 85px; border-radius: 1px; margin-right:35px; 
	}
	.account-btn{
		width: 105px; height: 85px; border-radius: 1px; font-size: 2rem;
	}
	
	/*Modal Design*/
	.close{
		font-size:5.0rem; margin-top:35px; margin-right:35px;
	}
/*==========================================================================*/
/*====================== Side Bar Menu Design ==============================*/
	.offcanvas{
		min-width:28%; max-width:28%; width:28%;
	}
	.go-green-panel {
    	right: 28%; width: 11.20%;
	}
	.gogreen-text {
		font-size: clamp(5.50rem, 3.45vw, 9.80rem);
	}
	.gogreen-slg {
		top: 30px; left: 15px; font-size: 1.50rem;
	}
	.offcanvas-header{
		font-size:3.65rem;
	}	
	.close-btn{
		margin-right:28px!important; margin-top:0px!important;
	}
	.close-btn b{
		padding: 0px 20px 0px!important; 
	}
	.sidebar ul li {
		font-size:2.25rem; line-height: 1.90;
	}
	.sidebar .submenu li {
		font-size: 2.0rem; line-height: 1.90;
	}
	.sidebar .nav-link{
		padding-top: 12px; padding-bottom: 12px;
	}
	.sidebar .nav-link:hover {
		padding-left: 30px;
	}
	.menu-caret{
		margin-left:-5px!important
	}
	.submenu li:hover .menu-caret{
		margin-left:0px!important; transition:all 1s ease;
	}
	
/*==========================================================================*/
/*====================== Fabric Library Menu Design ==============================*/
	.account-caret{
		margin-left:10px;
	}
	.account-dropdown{
		width:640px; padding:50px;
	}
	.account-dropdown-guest{
		width:460px;
	}
	.account-dropdown::after{
		top:-12px; right:18px; width:20px; height:20px;
	}	

	/* Only trigger ever open */
	.account-dropdown-name{
		margin:0 0 12px; font-size:2.45rem;
	}
	.account-dropdown-divider{
		height:3px; margin:18px 0;
	}
	.account-dropdown-label{ /* Just Saying Account */
		font-size:1.75rem; margin-bottom:10px;
	}
	.account-dropdown-link{
		font-size:2.25rem; gap:20px; padding:14px 0px;
	}
	.account-dropdown-link i{
		width:36px;
	}
	
/*==========================================================================*/
/*======================= Footer Style Design ==============================*/
	#footer_row{
		padding: 10px 120px 0px 120px;
	}
	.footer b{
		font-size:2.2rem; 
	}
	.footer p{
	 font-size:2.1rem;
	}
	.footer span{
		font-size:2.1rem;
	}
	.company-footer{
		padding-top: 50px; padding-bottom: 10px;
	}
	.left-part{
		display:inline-block; text-align:left; 
	}
	.left-part label{
		font-size:25.0rem; 
	}
	.right-part{
		display:inline-block; text-align:right; 
	}
	.right-part label{
		font-size:25.0rem;
	}
	#footer_social {
		width:100%; padding-bottom: 10px;
	}
	#footer_right {
		 padding:0px 0px 0px 0px;
	}
	#address_01 {
		margin-left:.5%; width:49%;
	}
	#address_02 {
		margin-left:.5%; width:49%;
	}
	#address_01 p, #address_02 p{
		min-height:290px;
	}
	
	/*-- Footer Social Media --*/
	#social-platforms {
		font-size:1.75rem; text-align:left; 
	}
	.btn {
		min-width:40px!important;
	}
	.btn > span,.btn-icon > i {
		padding:25px; text-align:center
	}
	.btn > span {
		padding:20px 15px 20px; font-size:1.75rem
	}
	.btn-icon > i {
		font-size:1.90em;  min-width:100px; max-width:100px
	}
	.btn-icon > i:after {
		display:none
	}
	
/*==========================================================================*/
/*===================== Index/Home Page Design =============================*/
	/*-- Index Page Media --*/
	#company-title-ws{
	font-size:7rem;
	}
	#leed-title-ws{
		font-size:4.5rem;
	}
	#leed-logo-ws{
		max-width:280px;
	}
	.close-btn-wlk {
		padding: 10px 50px; font-size: 2.2rem;
	}
	

	/* hero-overlay section */
	.home-hero-taglines{
		gap:6px; padding:36px 36px;
	}
	.home-hero-taglines::after{
		width:180px; height:180px; border:3px solid #99bb00;  border-left:none; border-top:none;
	}
	.home-hero-taglines::after{ 
		bottom:-10px; right:-10px;
	}
	.hero-label{
		font-size:clamp(1.6rem, 4.0vw, 5.2rem);
	}
	.hero-label em{
		font-size:clamp(1.6rem, 4.0vw, 3.6rem);
	}
	.hero-word{
		font-size:clamp(2.9rem, 5.4vw, 6.2rem); 
	}

	/* Scroll Indicator */
	.scroll-indicator{
		bottom:32px;
	}
	.scroll-indicator-line{
		width:4px; height:76px;
	}
	/* Replay Button */
	.video-replay-btn{
		width:100px; height:100px; bottom:50px; left: 120px;
	}
	.video-replay-btn svg{
		width:60px; height:60px; margin-left:4px;
	}

/* Between Bridge Section */
	.home-bridge {
		padding: 180px 24px 188px;
	}
	.home-bridge-inner {
		max-width: 1380px;
	}
	.home-bridge-eyebrow {
		gap: 20px; margin: 0 0 45px; font-size: 1.75rem;
	}
	.home-bridge-rule {
		width: 84px; height: 6px;  margin: 0 auto 46px;
	}
	.home-bridge-heading {
		max-width: 1260px; margin: 0 auto 32px; font-size: 5.8rem;
	}
	.home-bridge-reg {
		font-size: 2.60rem; margin-left: 2.45px;
	}
	.home-bridge-year-inline {
		margin-top: 18px; font-size: 4.80rem;
	}
	.home-bridge-caption {
		max-width: 1260px; margin: 74px auto 74px; font-size: 4.40rem;
	}
	.home-bridge-sub {
		max-width: 1320px; font-size: 1.95rem;
	}
	
	
	/* Index,Home: Sustainability Section */
	#HomePageSection1{
		height:135vh;
	}
	.card-green { /* Drop */
		top: 0%; right: 10%;
	}
	.card-blue { /* Weave */
		top: 3%; left: 10%; 
	}
	.card-red { /* Lesser */
		bottom: 4%; right: 10%;
	}
	.card-pink { /* Climate */
		bottom: 1%; left: 10%;
	}
	.card-img {
		width: 100%; min-width:440px; max-width: 440px; /* 620px */
	}
	.card-tag{
		font-size:1.42rem; padding: 14px 10px 0;
	}
	.card-text {
		top:38px; left:150px; right:10px; margin-top: 5px; font-size: 1.95rem;
	}
	.card-punch{
		padding:18px;
	}
	.card-punch p{
		font-size:1.85rem;
	}
	
	/* Index, Home : Featured Collection Section*/
	#featured-collection{
		padding: 30px 120px 30px 120px;
	}
	#featured-collection .Feature-Head {
		margin-left: -99px!important;
	}
	#collection-cards{
		grid-template-columns:repeat(5, 425px); gap:44px;
	}
	.product-card {
		width:100%; min-width: 425px; max-width:425px;
	}
	.image-wrapper {
  		height: 550px;
	}
	.product-info {
 		padding: 40px 10px;
	}
	.product-title {
 		font-size: 2.25rem; font-weight: 800; margin-bottom: 6px; letter-spacing: 0.5px; 
	}
	.product-sub {
		font-size: 1.75rem; font-weight: 500; padding: 5px 12px; margin: 3px 4px;
	}
	.tooltip-card::after {
		font-size:1.60rem; 
	}
	.modal-xl { /*Modal of Product*/
        max-width: 2560px; width: 90%;
    }
	.img-grid{
		max-width:35%; width:35%; 
	}
	.text-grid{
		padding-left: 50px; padding-right:50px ; max-width: 65%;  width: 65%;
	}
	.text-grid h4{
		font-size: 4.4rem;
	}
	.text-grid i{
		font-size: 2.10rem;
	}
	.text-grid p{
		font-size: 2.20rem; margin-top:20px; line-height: 1.75;
	}
	

	/* Index, Home : Marketing Text Section*/
	.envoy-story{
		 padding:100px 0px;
	}
	.story-line-container{
		min-width:1080px; background:red
	}
	.story-line{
		font-size: clamp(2.25rem, 2vw, 2.50rem); margin-bottom:1.20rem;
	}
	.story-line strong{
		font-size: clamp(2.50rem, 2vw, 2.75rem);
	}
	.envoy-title{
		font-size: clamp(4rem, 2vw, 4.25rem); margin-top:88px;
	}
	.envoy-title small{
		font-size: clamp(2.25rem, 2vw, 2.50rem);
	}
	
	/*Home Overview Section*/
	#HomeOverview{
		padding-left:120px; padding-right:120px; margin-top:140px;
	}
	.ov-title {
		font-size: 3.20rem; margin-left:40px;
	}
	.ov-click{
		font-size: 2.20rem; padding:5px 20px;
	}
	
	/* [1]Home: About Information, [2]Home: About Us Page, [3]CSR Page, */
	#WebView{
		padding-left:120px; padding-right:120px;
	}
	.Web-Main{
		margin-top:50px
	}
	#Web-Text{
		padding:10px 0px;
	}
	#Web-Text-V2{
		padding:10px 0px;
	}
	#Web-Text-V3{
		padding:10px 0px;
	}
	.Web-Text-Div{
		padding:0px 0px;
	}
	#Web-Text h1{
		font-size:4.20rem; letter-spacing: 1px; border-width:6px; padding:100px 50px;
	}
	#Web-Text h1::after {
    	top: 14px; left: 14px; right: 14px; bottom: 14px; border: 6px dashed rgba(184, 184, 184, 1);
	}
	#Web-Text-V2 h1{
		font-size:3.75rem; letter-spacing: 1px; border-width:2px; padding:35px 170px;
	}
	#Web-Text-V2 h1::before{
		width:160px; height:5px;
	}
	#Web-Text-V2 h1::after{
		width:160px; height:5px; 
	}
	#Web-Text-V3 h1{
		font-size:3.75rem; letter-spacing: 1px; border-width:2px; padding:10px 0px; margin-top:80px;  transform: rotate(-35deg);
	}
	.writeup-section {
		padding: 5px 15px;
	}
	#writeup-section p{
		font-size:2.20rem;  line-height: 1.70;
	}	
	.reg-sign{
		font-size:1.70rem;
	}	
	#writeup-section-V2 p{
		font-size:2.25rem;  line-height: 1.75;
	}
	#writeup-section-V3 p{
		font-size:2.25rem;  line-height: 1.75;
	}
	.abt_title_01{
		font-size:clamp(6.5rem, 1.0vw, 7.5rem); margin-bottom:100px;
	}
	.abt_title_02{
		font-size:clamp(5.25rem, 1.0vw, 5.75rem); margin-bottom:80px;
	}
	.abt_prg{
		font-size:2.25rem;  line-height: 1.75;
	}

	/* Image and Text Section */
	.text-section-left,
	.text-section-right {
		padding: 25px 40px;  width:35%
	}
	.text-section-left {
		transform: translateX(340px);
	}
	.text-section-right {
		transform: translateX(-340px);
	}
	.image-section-center {
		width:30%
	}
	.leed-image {
    	min-width:22vw; max-width: 22vw; 
	}

	/* [1] Index, Home: Recycle Section*/
	.recycle-section{
		padding: 100px 0;
	}
	.top-logo img {
		max-height: 260px; margin-bottom:1.75rem;
	}
	.recycle-icon img {
		max-height: 740px !important; margin-bottom:1.75rem;
	}
	.bottom-text {
		font-size: 2.75rem;
	}
	
	/* [1] Home: Client Section*/
	.Web-Clients{
		min-width: 78vw; max-width: 78vw; margin-top: -50px;
	}
	.scroll-row-cover{
		height: 40px; margin-top: -40px;
	}
	.items img{
		min-height: 40px; max-height:40px;
	}
	.clients{
		max-width:10.0%; padding:0px;
	}
	.btn-client{
		box-shadow:rgba(0,0,0,.02) 0 1px 3px, rgba(27,31,35,.15) 0 0 0 1px; padding: 10px 15px; margin:0px 15px;
	}
	.btn-client:hover::before{
		border-radius:5px; 
	}
	.btn-client img{
		max-height:180px;
	}
	.scroll-row-client-cover{
		height: 200px; margin-top: -200px;
	}	
	.view-page a{
		padding: 20px 0px; font-size: 2.10rem;
	}
	
	/*Home Our Culture Information*/
	#Web-Culture{
	width:47%; margin:1.5%; padding:20px; min-height:500px;  
	}
	#Web-Culture h3{
		font-size: 3.10rem; margin-bottom:20px; 
	}
	#Web-Culture p{
		font-size:2.10rem;
	}
	
	
/*===============================================================================*/
/*===================== General For All Page Design =============================*/
	.Web-Page-Title{
		margin-top:130px;
	}
	.Web-Page-Title h1{
		font-size:2.10rem; margin:14px 130px
	}
	.Web-Page-Title-Spcial{
		margin-top:130px;
	}
	.Web-Page-Title-Spcial h1{
		font-size:2.10rem; margin:14px 130px
	}
	#WebView-Other{
		padding-left:120px; padding-right:120px; margin-top:220px;
	}
	#WebView-Leed{
		padding-left:120px; padding-right:120px; margin-top:195px;
	}
	
/*=============================================================================*/
/*===================== Vision Values Page Design =============================*/
	/*Vision Values Page Information*/
	#Web-Vision{
		padding:0px 180px; display:grid; grid-template-columns: repeat(2,1fr); gap:35px; background:orange
	}
	#Vision-Header h1{
		font-size:8.5rem;
	}
	.order-list{
		margin-left:20px;
	}
	#Vision-Text p,li{
		font-size:2.10rem
	}
	#readMoreBtn{
		font-size: 1.75rem;
	}
	
/*===================================================================================*/
/*===================== Award Accreditation Page Design =============================*/	

/* AWARD ACCREDITATION PAGE - IMAGE CAROUSEL */
	.aw-slider {
		height: 100vh;
	}
	.aw-slide-info {
		padding: 100px 80px;
	}
	.aw-slide-info h5 {
		font-size: clamp(2.4rem, 2.0vw, 3.4rem); line-height: 1.25; color:orange
	}
	.aw-progress {
		height: 3px;
	}
	.aw-nav {
		width: 90px; height: 90px;  font-size: 2.25rem;
	}
	.aw-dots {
		bottom: 2.4rem;	right: 5vw;
	}
	.aw-dot {
		width: 20px; height: 20px; border-radius: 10px;
	}
	.aw-counter {
		bottom: 3.60rem; right: 5vw; font-size: 1.65rem;
	}
	.aw-counter strong {
		font-size: 2.25rem;
	}
	
	/*Award Accreditation Hall of Fame Section*/
	.addPadding{
		padding-top:150px!important;
	}
	.Hall-Fame-Total{
		padding: 0 10px;
	}
	.Hall-Fame-Total-Num{
		font-size: 8.50rem;
	}
	.Hall-Fame-Total-Label{
		font-size: 2.0rem; margin-top: 10px; 
	}
	.award-wrapper{
		padding: 120px 10px 10px 10px;
	}
	.Award-Box{
		padding:75px 95px 75px 95px; margin-bottom:80px
	}
	.fa-ul h2{
		font-size: 2.9rem; line-height: 1.5; margin-bottom: 25px;
	}
	.Award-Category{
		font-size: 2.0rem; line-height: 1.5; margin-bottom: 25px;
	}
	.Award-Year {
    	width: 14.65%; border-radius: 5px; border-width: 1px; margin: 10px 1%;
	}
	.Award-Year label {
		padding: 8px 10px; font-size: 2.0rem;
	}
	.Award-Blockquote{
		font-size:1.9rem; padding:18px 15px 18px 15px; margin:25px 0px 0px 0px;
	}
	.scroll-down {
		bottom: 50px; right: 90px; width: 65px; height: 65px; border: 5px solid #FFF;
	}

	
	/*Award Accreditation Certification Section*/
	.Cert-Title{
		padding:0 0 36px; font-size:5.0rem;
	}
	.Cert-Title::after{
		width:126px; height:8px;
	}
	#Web-Certificate{
		padding:50px 5px 50px; margin:50px 0px;
	}
	.cert-logo-grid{
		grid-template-columns: repeat(5, 1fr); gap: 48px; padding: 40px 10px 40px;
	}
	.cert-logo-card{
		padding: 45px;
	}		
	.cert-logo-card::before{
		top: 15px; left: 16px; width: 50%; border-top: 5px dashed rgba(10,10,10,0.32);
	}
	.cert-logo-card::after{
		bottom: 15px; right: 16px; width: 50%; border-bottom: 5px dashed rgba(10,10,10,0.32);
	}
	.no-cert-popup{
		font-size:1.75rem; padding:10px 20px;
	}

	/* Light Box for Certificate/Accreditation */
	#lightbox{
		padding: 50px 0; 
	}
	.lb-container{
		padding: 60px 60px;
	}
	
	/* Top toolbar */
	.lb-toolbar{
		top:18px; right:18px; gap:16px;
	}
	.lb-toolbar-btn{
		font-size:1.75rem; width:64px; height:64px;
	}
	
	/* Additional Certificate Text Format */
	#Web-Certificate-text{
		margin:50px 0px; padding:50px 40px!important;
	}
	#Web-Certificate-text h4{
		font-size:2.9rem; margin-top:20px; padding-left:20px
	}
	.fa-ul-cr li{
		font-size:2.0rem
	}

/*==========================================================================*/
/*======================== Client Page Design ==============================*/
	.Web-Clients-Cp{
		margin-top: 20px;
	}
	.Web-Clients-Cp h4{
		font-size: 3.75rem;
	}
	.clients-cp{
		max-width:16.6%; padding:25px;
	}
	.btn-client-cp{
		border-radius:1px; padding: 10px 25px;
	}
	.btn-client-cp:hover::before{
		border-radius:5px; 
	}

	/* Map Section */
	.map-main{
		padding:3% 20%;
	}
	
/*=============================================================================*/
/*===================== Top Executive Page Design =============================*/

	/*Top Executive Page Information*/
	#Web-Exe-Row{
		margin: 30px 0px 90px 0px;
	}
	#Web-Exe-Pic{
		width:14%
	}
	#Web-Exe-Pic-BG{
		padding:0px 25px 40px 25px; max-width:330px;  max-height:350px
	}
	#Web-Exe-Pic-BG img{
		max-width:280px;
	}
	#Web-Exe-Details{
		width:86%
	}
	#Exe-Name{
		padding:3px 10px; font-size: 3.10rem;
	}
	#Exe-Designation{
		padding:3px 25px; font-size:2.40rem; margin-bottom: 15px;
	}
	#Exe-Details{
		padding:0px 10px; font-size: 2.10rem;
	}

/*====================================================================================*/
/*===================== About Envoy Textiles Page Design =============================*/	
	
	/*Home Timeline Information*/	
	#Web-Timeline{
		width: 80%;
	}
	#Web-Timeline-Textarea-Left h1{
		font-size:4.2rem;  margin:20px 0px;
	}
	#Web-Timeline-Textarea-Left Ul{
		width:47%; padding:20px 50px 20px 50px; font-size:2.1rem;
	}
	#Web-Timeline-Textarea-Left li{
		margin-bottom: 50px; padding:40px;
	}
	#Web-Timeline-Textarea-Right h1{
		font-size:4.2rem; margin:20px 0px;
	}
	#Web-Timeline-Textarea-Right Ul{
		width:47%; margin-left:53%; padding:20px 50px 20px 50px; font-size:2.1rem;
	}
	#Web-Timeline-Textarea-Right li{
		margin-bottom: 50px; padding:40px; 
	}

/*===================================================================================*/
/*===================== Fabric Library : Before Login ===============================*/

	.FabricHero{
		height:calc(100vh - 220px);  margin:220px 0 0px 0;
	}
	@supports (height: 100dvh){
		.FabricHero{
			height:calc(100dvh - 220px);
		}
	}
	.FabricHero-Frame{
		margin-top:0px; padding:90px 120px 130px;
	}
	.FabricHero-Media-Frame{
		width:720px;
	}
	.FabricHero-Content{
		max-width:1120px; 
	}
	.FabricHero-Title{
		font-size:6.95rem;
	}
	.FabricHero-Title-Light::before{
		right:83.6%; height: 21vh;
	}
	.FabricHero-Title-Bold::before{
		right:68.4%; height: 23vh;
	}
	.FabricHero-Eyebrow{
		margin:26px 0 30px; font-size:1.75rem;
	}
	.FabricHero-Text{
		font-size:1.95rem;
	}
	.FabricHero-Text p{ 
		margin:0 0 26px 0; 
	}
	.FabricHero-ScrollCue{
		bottom:20px;  font-size:1.45rem;
	}
	.FabricHero-ScrollCue-Icon{
		width:60px; height:60px; border:1.75px solid currentColor;
	}
	.FabricHero-ScrollCue-Icon i{ 
		font-size:1.5rem;
	}

	/* Fabric Gallery */
	.FabricGallery{
		margin:0px 0 0px 0;
	}
	.FabricGallery-Grid{
		grid-template-columns:repeat(3, 1fr);
	}
	.FabricGallery-Caption{
		padding:34px 34px 26px;
	}
	.FabricGallery-Caption span{
		font-size:1.85rem;
	}
	
	/* Library Access Instruction */
	.FabricAccess{
		padding:160px 70px 120px;  margin:0 0 70px 0;
	}
	.FabricAccess::before{
		top:-120px; right:-120px; width:280px; height:280px;
	}
	.FabricAccess-Title{
		margin:0 0 40px 0; font-size:3.25rem;
	}
	.FabricAccess-Intro{
		margin:0 0 50px 0; font-size:1.95rem;
	}
	.FabricAccess-Steps{
		margin:0 0 50px 0;
	}
	.FabricAccess-Step{
		padding:34px 28px 32px;
	}
	.FabricAccess-Step::before{
		left:18px; right:18px; height:4px; border-radius:0 0 3px 3px;
	}
	.FabricAccess-Step-Icon{
		width:88px; height:88px; margin-bottom:26px; font-size:1.95rem;
	}
	.FabricAccess-Step-Icon em{
		width:34px; height:34px; font-size:1.40rem;
	}
	.FabricAccess-Step p{
		font-size:1.95rem;
	}
	.FabricAccess-Step-Arrow{
		width:48px; font-size:1.75rem;
	}
	.FabricAccess-Actions{
		gap:18px; margin:0 0 36px 0;
	}
	.FabricAccess-Btn{
		gap:16px; padding:16px 30px;  font-size:2.15rem; 
	}
	.FabricAccess-Btn i{ 
		font-size:1.95rem; 
	}
	.FabricAccess-Disclaimer{
		padding-top:38px; font-size:1.55rem; 
	}

/*====================================================================================*/
/*================================ Fabric Library:Modals  ============================*/
	.envoy-modal__dialog {
		max-width: 65rem;  padding: 3.725rem 2rem 3.25rem;
	}
	.envoy-modal__close {
		top: 1.2rem; right: 1.2rem; width: 4.25rem; height: 4.25rem; font-size: 3.75rem;
	}
	.envoy-modal__icon {
		width: 5.75rem; height: 5.75rem;  margin: 1.25rem auto 2.25rem;  font-size: 3.25rem; 
	}
	.envoy-modal__title {
		font-size: 2.25rem; color: #111827;
	}
	.envoy-modal__body {
		font-size: 2.0rem; margin: 0 0 2.75rem;
	}
	.envoy-modal__btn {
		font-size: 2.0rem; padding: .7rem 2.25rem;
	}


/*==================================================================================*/
/*===================== Fabric Library : Registration Page =========================*/

	.Registration-Section{
		margin-bottom: 60px;
	}
	.Registration-Hero{
		padding:38px 20px 12px;
	}
	.Registration-Hero-Text{
		font-size:1.95rem;
	}
	.Registration-Wrap{
		gap:28px; margin:42px auto 0; max-width:2380px; padding:0 19px 65px;
	}
	.Registration-Card, .Registration-Info{
		flex:1 1 537px; padding:48px 38px 48px;
	}
	.Registration-Title{
		font-size:2.25rem; margin:0 0 32px; padding-bottom:18px;
	}
	.Registration-Row{
		gap:28px; margin-bottom:28px;
	}
	.Registration-Row .Registration-Group{
		min-width:230px;
	}
	.Registration-Label{
		font-size:1.95rem; margin-bottom:10px;
	}
	.Registration-InputWrap i{
		font-size:1.95rem;
	}
	.Registration-InputWrap input{
		padding-left:52px;
	}
	.Registration-Input, .Registration-Select{
		padding:14px 16px; font-size:1.95rem;
	}
	label.error{
		font-size:1.95rem; margin-top:6px;
	}
	.Registration-AccessPeriod{
		gap:12px 36px; padding:14px 19px;
	}
	.Registration-AccessPeriod label{
		gap:10px; font-size:1.95rem;
	}
	.Registration-AccessPeriod input[type="radio"]{
		width:28px; height:28px;
	}
	.Registration-Captcha{
		gap:20px; padding:16px 23px; margin-bottom:32px;
	}
	.Registration-Captcha-Question{
		gap:12px; font-size:1.85rem;
	}
	.Registration-Captcha-Question input{
		width:105px; padding:9px 7px; font-size:1.95rem;
	}
	.Registration-Captcha-Label{
		font-size:1.60rem;
	}
	.Registration-Submit{
		margin-top:14px; margin-bottom: 24px;
	}
	.Registration-Btn{
		gap:12px; padding:22px 34px; font-size:1.90rem;
	}
	.Registration-Info p{
		font-size:1.95rem;
	}
	.Registration-Info a{
		font-size:1.95rem;
	}
	.Registration-List li{
		font-size:1.95rem; padding:8px 0 8px 42px;
	}
	.Registration-List li::before{
		top:10px; font-size:1.80rem;
	}
	.Registration-Divider{
		height:3px; margin:32px 0;
	}


/*==================================================================================*/
/*========================= Fabric Library : Login Page ============================*/	
	.Login-Wrap{
		max-width:1880px; margin:100px auto 60px; padding:0 16px 66px;
	}
	.Login-Card{
		max-width:980px; padding:48px 38px 48px;
	}
	.Login-Title{
		font-size:2.25rem; margin:0 0 32px; padding-bottom:18px;
	}
	.Login-Warning{
		gap:10px; padding:10px 14px; margin-bottom:18px; font-size:0.90rem;
	}
	.Login-Warning-Close{
		font-size:1.95rem; line-height:1; padding:2px 4px;
	}
	.Login-Group{
		margin-bottom:28px;
	}
	.Login-Label{
		font-size:1.95rem; margin-bottom:8px;
	}
	.Login-InputWrap i{
		left:12px; font-size:1.90rem;
	}
	.Login-InputWrap input{ 
		padding-left:66px; 
	}
	.Login-Input{
		padding:10px 12px; font-size:1.90rem;
	}
	label.error{
		font-size:1.90rem; margin-top:5px;
	}
	.Login-Forgot{
		margin-bottom:32px;
	}
	.Login-Forgot a{
		font-size:1.60rem;
	}
	.Login-Captcha{
		gap:20px; padding:16px 23px; margin-bottom:32px;
	}
	.Login-Captcha-Question{
		gap:10px; font-size:1.85rem;
	}
	.Login-Captcha-Question input{
		width:84px; padding:8px 6px; font-size:1.90rem;
	}
	.Login-Captcha-Label{
		font-size:1.60rem; 
	}
	.Login-Submit{
		margin-top:14px;
	}
	.Login-Btn{
		gap:12px; padding:22px 34px; font-size:1.90rem;
	}
	.Login-Footer{
		margin-top:20px; padding-top:16px;
	}
	.Login-Footer p{
		font-size:1.90rem;
	}
	
/*====================================================================================*/
/*====================== Fabric Library : Forget Password Page =======================*/
	.Forget-Wrap{
		max-width:1880px; margin:100px auto 60px; padding:0 16px 66px;
	}
	.Forget-Card{
		max-width:980px; padding:48px 38px 48px;
	}
	.Forget-Title{
		font-size:2.25rem; margin:0 0 32px; padding-bottom:18px;
	}
	.Forget-Subtext{
		font-size:1.85rem;  margin:0 0 20px; 
	}
	.Forget-Group{
		margin-bottom:28px;
	}
	.Forget-Label{
		font-size:1.95rem; margin-bottom:8px;
	}
	.Forget-InputWrap i{
		left:12px; font-size:1.90rem;
	}
	.Forget-InputWrap input{ 
		padding-left:66px; 
	}
	.Forget-Input{
		padding:10px 12px; font-size:1.90rem;
	}
	label.error{
		font-size:1.90rem; margin-top:5px;
	}
	.Forget-Captcha{
		gap:20px; padding:16px 23px; margin-bottom:32px;
	}
	.Forget-Captcha-Question{
		gap:10px; font-size:1.85rem;
	}
	.Forget-Captcha-Question input{
		width:64px; padding:8px 6px; font-size:1.90rem;
	}
	.Forget-Captcha-Label{
		font-size:1.60rem;
	}
	.Forget-Submit{
		margin-top:14px;
	}
	.Forget-Btn{
		gap:12px; padding:22px 34px; font-size:1.90rem;
	}
	.Forget-Footer{
		margin-top:20px; padding-top:16px;
	}
	.Forget-Footer p{
		font-size:1.90rem;
	}
	
/*==================================================================================*/
/*===================== Fabric Library : Reset Password Page =======================*/
	.Reset-Wrap{
		max-width:1880px; margin:100px auto 60px; padding:0 16px 66px;
	}
	.Reset-Card{
		max-width:980px; padding:48px 38px 48px;
	}
	.Reset-Title{
		font-size:2.25rem; margin:0 0 32px; padding-bottom:18px;
	}
	.Reset-Subtext{
		font-size:1.85rem;  margin:0 0 20px;
	}
	.Reset-Group{
		margin-bottom:28px;
	}
	.Reset-Label{
		font-size:1.95rem; margin-bottom:8px;
	}
	.Reset-InputWrap i{
		left:12px; font-size:1.90rem;
	}
	.Reset-InputWrap input{ 
		padding-left:66px;
	}
	.Reset-Input{
		padding:10px 12px; font-size:1.90rem;
	}
	label.error{
		font-size:1.90rem; margin-top:5px;
	}
	.Reset-Submit{
		margin-top:4px;
	}
	.Reset-Btn{
		gap:12px; padding:22px 34px; font-size:1.90rem;
	}


/*=================================================================================*/
/*================ Fabric Library: Library Home (After Login) =====================*/
	.library-hero-section{
		min-height: calc(100vh - 220px);
	}
	.sub-library-hero-section{
		grid-template-columns: repeat(2, 940px); gap:10px;
	}
	.library-hero-overlay{
		padding:26px 26px 24px 46px;
	}
	.library-hero-caption{
		transform:translateY(40px);
	}
	.library-hero-category{
		font-size:2.25rem; margin:0 0 16px 0;
	}
	.library-hero-tile:hover 
	.library-hero-category::after{
		width:86px; height:6px
	}
	.library-hero-tagline{
		font-size:1.95rem; margin:0 0 16px 0;
	}
	.library-hero-explore-wrap{
		margin-top:16px;  margin-bottom: 16px;
	}
	.library-hero-explore{
		font-size:1.55rem; padding:14px 24px;
	}
	.library-hero-empty{
		padding:100px 40px;
	}

	/* library eco section */
	.library-eco-section{
		padding:380px 44px;
	}
	.library-eco-section::before,
	.library-eco-section::after{
		width:3px; height:146px;
	}
	.library-eco-section::before{
		top:130px;
	}
	.library-eco-section::after{
		bottom:130px;
	}
	.library-eco-eyebrow{
		gap:12px; font-size:1.95rem;
	}
	.library-eco-eyebrow i{
		font-size:2.1rem; 
	}
	.library-eco-lead{
		font-size:2.25rem; margin:0 auto 74px auto;
	}
	.library-eco-statement{
		font-size:7.5rem; margin:0 0 78px 0;
	}
	.library-eco-button{
		gap:24px; font-size:2.10rem; padding:22px 38px;
	}
	.library-eco-button-arrow{
		font-size:2.0rem; 
	}
	
	/*  Library Intro / Browse-All Section */
	.library-intro-section{
		margin-top:80px; margin-bottom: 80px; 
	}
	.library-intro-image-wrap{
		flex:1 1 50%; max-width:50%; min-height:860px;
	}
	.library-intro-badge{
		left:40px; bottom:40px;
	}
	.library-intro-badge-number{
		font-size:2.9rem;
	}
	.library-intro-badge-label{
		font-size:1.7rem;
	}
	.library-intro-content{
		flex:1 1 50%; max-width:50%;  padding:80px 70px; 
	}
	.library-intro-text{
		font-size:1.95rem; margin:0 0 42px 0; max-width:70%;
	}
	.library-intro-button{
		font-size:1.8rem; padding:26px 32px;
	}

	/*  Envoy Feature Stories Strip */
	.library-stories-section{
		padding:140px 38px 140px 38px;
	}
	.library-stories-inner{
		max-width:80%; margin:0 auto;
	}
	.library-stories-heading{
		margin-bottom:76px;
	}
	.library-stories-eyebrow{
		font-size:1.5rem; margin:0 0 14px 0;
	}
	.library-stories-title{
		font-size:3.5rem;
	}
	.library-stories-list{
		gap:50px;
	}
	.library-story-row{
		gap:36px; padding:48px 54px;
	}
	.library-story-row-media{
		max-width:320px; min-width:210px; max-height:320px;
	}
	.library-story-row-kicker{
		font-size:1.4rem; padding:4px 10px; margin:0 0 16px 0;
	}
	.library-story-row-title{
		font-size:2.35rem; margin:0 0 20px 0;
	}
	.library-story-row-details{
		font-size:1.95rem;
	}
	
	/* Keep Explore Section */
	.library-curious-content{
		flex:1 1 50%; max-width:50%;  padding:120px 120px;
	}
	.library-curious-eyebrow{
		font-size:1.50rem; margin:0 0 24px 0;
	}
	.library-curious-title{
		font-size:2.95rem; margin:0 0 24px 0;
	}
	.library-curious-text{
		font-size:1.95rem; margin:0 0 36px 0; max-width:75%;
	}
	.library-curious-button{
		gap:16px; font-size:1.95rem; padding:26px 38px;
	}
	.library-curious-arrow{
		font-size:1.95rem; 
	}
	.library-curious-image-wrap{
		flex:1 1 50%; max-width:50%; min-height:860px;
	}

	/*====================================================================================*/
	/*======================= Fabric Library: Collection Page ============================*/
	/* Product Showing Section */
	.collection-hero{
		min-height:680px;
	}
	.collection-hero-inner{
		padding:114px 94px 114px 94px;
	}
	.collection-hero-panel{
		max-width:1220px; padding:56px 52px 56px 54px; border-radius:1px; border-left:4px solid var(--lime);
	}
	.collection-hero-eyebrow{
		font-size:1.50rem; 
	}
	.collection-hero-title{
		font-size:5.25rem;  margin:0 0 28px 0;
	}
	.collection-hero-tagline{
		font-size:2.25rem;
	}
	/* Feature grid */
	.collection-hero-features{
		grid-template-columns:repeat(2, minmax(0,1fr)); gap:16px 28px; margin-top:32px; padding-top:30px; 
	}
	.collection-hero-feature{
		gap:16px;
	}
	.collection-hero-feature-mark{
		width:12px; height:12px; margin-top:12px;
	}
	.collection-hero-feature-text{
		font-size:1.60rem;
	}

	/* Results bar */
	.collection-results-bar{
		gap:22px; padding:72px 68px 72px 68px; font-size:1.95rem;
	}
	.collection-results-text{
		gap:8px;
	}
	.collection-results-icon{
		font-size:1.75rem;	
	}

	/* Home link */
	.collection-home-link{
		gap:12px; font-size:1.80rem; padding:12px 20px;
	}
	.collection-home-link i{
		font-size:1.90rem
	}

	/* Groups Search + Home together */
	.collection-results-actions{
		gap:14px;
	}
	.collection-search-btn{
		gap:12px; font-size:1.80rem; padding:12px 20px;
	}
	.collection-search-btn i{
		font-size:1.90rem
	}

	/* Active filters - shows selected criteria */
	.collection-active-filters{
		font-size:1.85rem; gap:12px 18px; padding:72px 68px 72px 68px;
	}
	.collection-active-filters-label{
		font-size:1.70rem; 
	}
	.collection-active-filter-chip{
		gap:12px; padding:15px 25px 15px 25px;
	}
	.collection-active-filter-chip-remove{
		width:32px; height:32px; font-size:1.85rem;
	}
	.collection-active-filters-clear{
		font-size:1.70rem; margin-left:14px;
	}

	/* Fabric search popup */
	.collection-search-overlay{
		padding:24px;
	}
	/* Outer card */
	.collection-search-modal{
		max-width:1780px; max-height:90vh;
	}
	/* Inner body - scrollable area  */
	.collection-search-modal-body{
		padding:50px 66px 54px 66px;
	}
	.collection-search-close{
		width:74px; height:74px; font-size:2.15rem;
	}
	.collection-search-title{
		font-size:2.5rem; margin:0 0 46px 0;
	}
	.collection-search-grid{
		grid-template-columns:repeat(auto-fit, minmax(620px, 1fr)); column-gap:45px; row-gap:40px; 
	}
	.sr-only{
		width:1px; height:1px; 
	}

	/* Dark "glass" fields over the photo */
	.collection-search-field select,
	.collection-search-field input[type="text"]{
		font-size:2.15rem;  padding:24px 30px;
	}
	.collection-search-suggestions{
		margin-top:4px; height:360px;
	}
	.collection-search-suggestion{
		font-size:2.05rem; padding:10px 14px;
	}

	/* Can't search empty" */
	.collection-search-error{ 
		margin:26px 0 0 0; padding:10px 14px;
	}
	.collection-search-actions{ 
		gap:18px; margin-top:24px;
	}
	.collection-search-submit, .collection-search-reset{ 
		gap:18px; padding:14px 28px; font-size:1.95rem;
	}

	/* Product grid */
	.collection-products-grid{ 
		grid-template-columns:repeat(5, 1fr); align-items:start; gap:76px 66px; padding:45px 84px 90px 84px;
	}
	.collection-product-fabrication{ 
		padding:12px 12px 16px 12px; 
	}
	.collection-product-fabrication span{ 
		font-size:1.65rem;
	}

	/* White strip under the photo. */
	.collection-product-footer{ 
		min-height:90px;
	}
	.collection-product-code{ 
		font-size:1.95rem;
	}
	.collection-products-empty{ 
		padding:80px 44px; font-size:2.05rem;
	}

	/* Pagination bar */
	.collection-pagination{ 
		gap:32px; padding:0 84px 140px 84px;
	}
	.collection-pagination-page, .collection-pagination-arrow{ 
		font-size:1.85rem; min-width:78px; height:78px; padding:0 12px;
	}
	.collection-pagination-ellipsis{ 
		min-width:24px; height:78px; font-size:1.85rem;
	}
	

	/*====================================================================================*/
	/*============================ Fabric View Page Design ===============================*/

	/* Breadcrumb*/
	.FabricView-Breadcrumb{
		font-size:1.88rem; gap:12px; padding: 20px 48px; margin:0 2px 0 auto;  border:1px solid rgba(20,20,10,0.06);
	}
	.FabricView-Breadcrumb a{
		gap:12px;
	}
	.FabricView-Breadcrumb a::after{
		bottom:-1px; height:4px; border-radius:2px;
	}
	.FabricView-BreadcrumbHome i{
		font-size:1.68rem;
	}
	.FabricView-Breadcrumb > i{
		font-size:1.68rem;
	}
	.FabricView-NotFound{
		font-size:1.98rem; padding:60px 4px 80px 4px;
	}
	.FabricView-NotFound a{
		margin-top:15px;
	}
	
	/* Fabric View - main layout */
	.FabricView-Layout{
		--fabric-media-h: calc(100vh - 420px); grid-template-columns:minmax(0, 1fr) 13% 32%; column-gap:26px; row-gap:0; padding:2px 2px 2px 2px;
	}
	.FabricView-Stamps{
		grid-template-rows:repeat(3, 1fr); gap:10px;
	}
	.FabricView-Disclaimer{
		padding:8px 20px; font-size:1.48rem; gap:10px;
	}
	.FabricView-Disclaimer i{
		width:15px; height:15px; font-size:1.42rem;
	}

	/* Stamps - thumbnail + caption bar */
	.FabricView-Stamp span{
		padding:10px 5px; font-size:1.50rem;
	}
	.FabricView-Stamp.is-active img{
		border-width:3px; 
	}
	.FabricView-Stamp.is-active::after{
		top:9px; right:9px; width:32px; height:32px; line-height:32px; font-size:1.50rem;
	}


	/* Info panel - a distinct white card */
	.FabricView-InfoCard{
		padding:50px 52px 48px 52px;
	}
	.FabricView-InfoCard::before{
		height:9px;
	}
	.FabricView-Eyebrow{
		font-size:1.45rem; margin:0 0 9px 0;
	}
	.FabricView-StyleBadge{
		font-size:3.25rem; margin:0 0 46px 0; padding-bottom:32px; 
	}
	.FabricView-StyleBadge::after{
		width:96px; height:5px; border-radius:5px;
	}
	.FabricView-DetailRow{
		gap:22px; padding:20px 18px 20px 18px;
	}
	.FabricView-DetailRow::before{
		width:4px;
	}
	.FabricView-DetailLabel{
		font-size:1.45rem;
	}
	.FabricView-DetailValue{
		font-size:1.90rem;
	}
	.FabricView-AskBtn{
		gap:16px; margin-top:24px; padding:16px 20px; font-size:1.65rem;
	}

	/* Toolbar wrapper */
	.FabricView-ZoomToolbar{
		top:24px; right:24px; gap:14px;
	}
	.FabricView-ZoomToggleBtn{
		gap:14px; height:68px; padding:0 20px; font-size:1.54rem;
	}
	.FabricView-ZoomBtn{
		width:68px; height:68px; font-size:1.98rem;
	}
	.FabricView-ZoomLevel{
		min-width:56px; padding:0 8px; font-size:1.56rem;
	}

	/* Similar Products */
	.FabricView-Similar{
		margin:90px 0 78px 0; padding:82px 8px 0 8px;
	}
	.FabricView-Similar::before{
		height:5px;
	}
	.FabricView-SimilarHeading{
		font-size:2.85rem; margin:0 0 72px 0; padding-bottom:38px;
	}
	.FabricView-SimilarHeading::after{
		left:0; bottom:0; width:128px; height:5px; border-radius:5px;
	}
	.FabricView-SimilarHeadingSub{
		font-size:2.0rem;
	}

	/* Similar Products Card */
	.FabricView-SimilarGrid{
		grid-template-columns:repeat(5, 1fr); gap:42px; 
	}
	.FabricView-SimilarCardNoImage{
		font-size:3.25rem;
	}
	.FabricView-SimilarCardFooter{
		gap:5px; padding:14px 16px 16px 16px; border-top:2px solid rgba(20,20,10,0.08);
	}
	.FabricView-SimilarCardStyle{
		font-size:1.95rem;
	}
	.FabricView-SimilarCardComposition{
		margin-top:6px; padding:4px 2px; font-size:1.65rem;
	}

	/*===================================================================================*/
	/*============================= Explore Page Design =================================*/
	/* Adriano Goldschmied Tribute  */
	.AdrianoTribute{ 
		min-height:calc(100vh - 220px) !important; margin-top: 220px; padding:35px 100px;
	}
	.AdrianoTribute-Frame{ 
		grid-template-columns:minmax(340px, 760px) 1fr; gap:68px; max-width: 2280px;
	}
	.AdrianoTribute-Media-Img{ 
		max-height:min(780px, 68vh);
	}
	.AdrianoTribute-Eyebrow{ 
		font-size:1.80rem; margin:50px 0 22px 0;
	}
	.AdrianoTribute-Title{ 
		font-size:3.75rem; margin:0 0 44px 0; 
	}
	.AdrianoTribute-Badge{ 
		font-size:1.80rem; gap:12px; padding:16px 42px; margin-bottom:32px;
	}
	.AdrianoTribute-Text p{ 
		font-size:2.20rem; margin:0 0 32px 0; 
	}
	.AdrianoTribute-Stitch{ 
		height:1px; margin:50px 0 46px 0; 
	}
	.AdrianoTribute-Signature{ 
		font-size:2.0rem; margin:0 0 16px 0;
	}
	.AdrianoTribute-Closing{ 
		font-size:2.0rem; margin:0 0 50px 0;
	}
	
	/* Rickshaw Heritage  */
	.RickshawHeritage{ 
		padding:75px 100px;
	}
	.RickshawHeritage-Frame{ 
		grid-template-columns:minmax(340px, 980px) 1fr; gap:68px;
	}
	.RickshawHeritage-Media{ 
		max-width:1280px;
	}
	.RickshawHeritage-Media-Frame{ 
		padding:8px;
	}
	.RickshawHeritage-Media-Mat{ 
		padding:16px;
	}
	.RickshawHeritage-Title{ 
		font-size:3.75rem; margin:0 0 32px 0; 
	}
	.RickshawHeritage-Eyebrow{ 
		font-size:1.80rem; margin:0 0 10px 0;
	}
	.RickshawHeritage-Tagline{ 
		font-size:1.80rem; margin:0 0 50px 0;
	}
	.RickshawHeritage-Text p{ 
		font-size:2.20rem; margin:0 0 32px 0;
	}

	/* Investment Journey  */
	.InvestmentJourney{ 
		padding:240px 100px 220px;
	}
	.InvestmentJourney::before{ 
		top:52px; bottom:52px; border-top:4px dashed rgba(224,168,90,0.35); border-bottom:4px dashed rgba(224,168,90,0.35);
	}
	.InvestmentJourney-Eyebrow{ 
		font-size:4.75rem; margin:0 0 80px 0;
	}
	.InvestmentJourney-Patches{ 
		gap:56px; margin-top:60px;
	}
	.InvestmentJourney-Patch{ 
		width:880px; padding:50px 50px 46px;
	}
	.InvestmentJourney-Patch::before{ 
		top:16px; bottom:16px; left:16px; right:16px; border:4px dashed rgba(255,232,199,0.4); 
	}
	.InvestmentJourney-Flag{ 
		top:-21px; right:22px; font-size:1.95rem; padding:10px 26px; 
	}
	.InvestmentJourney-Patch-Title{ 
		font-size:2.25rem; margin:28px 0 0 0; 
	}
	.InvestmentJourney-Patch-Subtitle{ 
		font-size:1.75rem; margin:8px 0 0 0;
	}
	.InvestmentJourney-Patch-Rule{ 
		margin:28px auto 36px; border-top:4px dashed rgba(43,26,13,0.4); 
	}
	.InvestmentJourney-Patch-Icon{ 
		width:108px; height:108px; margin-bottom:34px; 
	}
	.InvestmentJourney-Check{ 
		top:-6px; right:-6px; width:40px; height:40px; 
	}
	.InvestmentJourney-Clock{ 
		top:-6px; right:-6px; width:40px; height:40px; 
	}
	.InvestmentJourney-Patch-Item span{ 
		font-size:1.60rem;
	}
	.InvestmentJourney-Patch-Note{ 
		font-size:1.30rem;  max-width:260px;
	}
	
	/* Fabric Tags  */
	.FabricTags{ 
		padding:240px 100px 220px;
	}
	.FabricTags-Frame{ 
		max-width:100%; 
	}
	.FabricTags-Eyebrow{ 
		font-size:1.90rem; margin:0 0 16px 0; 
	}
	.FabricTags-Title{ 
		font-size:4.75rem; margin:0 0 84px 0;
	}
	.FabricTags-Row{ 
		grid-template-columns:repeat(3, minmax(440px, 500px)); gap:50px; max-width:1860px;
	}
	.FabricTags-Card{ 
		padding:50px 34px 42px; 
	}
	.FabricTags-Hole{ 
		width:24px; height:24px;
	}
	.FabricTags-IconWrap{ 
		margin:40px auto 32px; width:102px; height:102px; 
	}
	.FabricTags-Label{ 
		font-size:1.98rem; margin:14px 0 20px 0;
	}
	.FabricTags-Stitch{ 
		height:1px; margin:0 auto 30px; 
	}
	.FabricTags-Values{ 
		font-size:1.65rem;
	}

	/* indigo scraf */
	.IndigoScarf-Frame{ 
		grid-template-columns:1fr minmax(340px, 46%); min-height:520px;
	}
	.IndigoScarf-Content{ 
		padding:110px 100px 110px 70px;
	}
	.IndigoScarf-Mark{ 
		gap:1px; margin-bottom:10px; 
	}
	.IndigoScarf-Eyebrow{ 
		font-size:1.5rem; margin:0 0 8px 0;
	}
	.IndigoScarf-Wordmark{ 
		font-size:8.75rem;
	}
	.IndigoScarf-Icon{
		max-width:140px;
	}
	.IndigoScarf-Tagline{ 
		font-size:1.75rem;
	}
	.IndigoScarf-Subtitle{ 
		font-size:1.75rem; margin:12px 0 48px 0; max-width:430px;
	}
	.IndigoScarf-Text p{ 
		font-size:2.25rem; margin:0 0 30px 0;
	}
	.IndigoScarf-Badge{ 
		font-size:1.75rem; margin-top:50px; padding:15px 28px;
	}
	.IndigoScarf-Media{ 
		min-height:450px;  
	}
	
	/* Go Green Banner */
	.GoGreenBanner{ 
		min-height:450px; padding:80px 90px; 
	}
	.GoGreenBanner-Frame{ 
		max-width:1880px; gap:60px;
	}
	.GoGreenBanner-Icon{ 
		width:140px; height:140px;   
	}
	.GoGreenBanner-Icon svg{ 
		width:70px; height:70px; 
	}
	.GoGreenBanner-Eyebrow{ 
		font-size:1.70rem; margin:0 0 14px 0; 
	}
	.GoGreenBanner-Title{ 
		font-size:4.25rem; margin:0 0 18px 0;
	}
	.GoGreenBanner-Subtitle{ 
		font-size:1.80rem; max-width:1220px;
	}
	.GoGreenBanner-Cta{ 
		gap:10px; padding:18px 30px; font-size:1.75rem;
	}
	.GoGreenBanner-Cta svg{ 
		width:21px; height:21px;
	}

	

	/*====================================================================================*/
	/*================ Facilities:Denim Production Textiles Page Design ==================*/
	.accordion strong{
		font-size: 2.80rem; line-height: 1.8;
	}
	.accordion .bullets {
		max-height:35px; padding-right:10px
	}
	.accordion p{
		font-size: 2.0rem;
	}
	

	/* Facility Carousel Section */
	.envoy-hero-carousel .carousel-caption {
		right: 6%; bottom: 12%;	max-width: 1200px;
	}
	.envoy-hero-carousel .carousel-caption .envoy-caption-title{
		font-size:5.25rem; padding:20px 0px;
	}
	/* indicators */
	.envoy-hero-carousel .carousel-indicators {
		gap: 20px; bottom: 72px; right: calc(6% + 220px);
	}
	.envoy-hero-carousel .carousel-indicators [data-bs-target] {
		width: 18px; height: 18px;
	}
	.envoy-hero-carousel .carousel-indicators [data-bs-target].active {
		width: 24px; height: 24px;
	}
	/* arrows */
	.envoy-hero-carousel .control-btn {
		width: 76px; height: 76px;  bottom: 56px;
	}
	.envoy-hero-carousel .control-icon {
		width: 2.25rem;	height: 2.25rem;
	}
	.envoy-hero-carousel .carousel-control-prev {
		right: calc(6% + 98px);
	}
	.envoy-hero-carousel .carousel-control-next {
		right: 6%;
	}

	/* Denim Production Details */
	.envoy-facility-heading {
		margin-bottom: 100px;
	}
	.envoy-facility-eyebrow {
		font-size: 1.5rem; margin-bottom: 20px;
	}
	.envoy-facility-tagline {
		font-size: 4.5rem; padding-bottom: 30px; 
	}
	.envoy-facility-tagline::after {
		width: 345px; border-top: 5px dashed #a9823f;
	}
	/* stats */
	.envoy-facility-stats {
		grid-template-columns: repeat(3, 1fr); gap:30px 34px; margin-bottom: 80px;
	}
	.envoy-stat-card {
		gap: 6px; padding: 52px 46px 46px 50px;
	}
	.envoy-stat-card::before {
		top: 20px; right: 20px; width: 18px; height: 18px;
	}
	.envoy-stat-number {
		font-size: 3.75rem;
	}
	.envoy-stat-label {
		font-size: 1.75rem;
	}
	.fac_prg{
		font-size:1.95rem; line-height: 1.90; padding:25px 0px; 
	}

	

	/* Facility Sustainable Process Section */
	.fac_header{
		margin-bottom:90px;
	}
	.fac_header span{
		font-size:2.25rem; padding:12px 22px;
	}
	/* grid */
	.fac_facility{
		gap:60px;
	}
	/* cards */
	.fac_step{
		border-radius:24px; padding:30px; width:calc(25% - 61px);  /* 61px = gap:60px + 1px border */ min-height: 820px;
	}
	/* glow */
	.fac_step::before{
		width:280px; height:280px; top:-40px; right:-40px;
	}
	/* number */
	.fac_num{
		font-size:2.0rem; letter-spacing:2px;
	}
	/* icon */
	.fac_icon{
		width:135px; height:135px; border-radius:24px; margin-bottom:75px;
	}
	.fac_icon::before{	
		border-radius:24px; border-width: 2px; padding:2px;
	}
	.fac_icon span{
		font-size:3.20rem;
	}
	/* title */
	.fac_step h3{
		font-size:3.25rem; margin-bottom:22px; letter-spacing:.3px;
	}
	/* paragraph */
	.fac_step p{
		line-height:2.15; font-size:2.10rem; padding-left:25px;
	}
	/* highlight line */
	.fac_step p::before{
		left:0; top:4px; width:3px; border-radius:10px;
	}
	/* tag area */
	.fac_bottom{
		bottom:25px;
	}
	/* minimal tag */
	.fac_tag{
		font-size: 1.75rem; padding-bottom:6px;
	}
	/* underline animation */
	.fac_tag::after{
		height:2px; 
	}



/*========================================================================================*/
/*==================== Facilities: Others Facility Page Design =========================*/
/* Others Facility Hero Section */
.OFHeroWrap .OFBlank{ 
	height:clamp(70px,7vh,140px);
}
.OFHero{
	padding:80px 120px; 
}
.OFHero__glow{
	width:760px; height:760px;
}
.OFHero__frame::before, .OFHero__frame::after{
	width:74px; height:74px;
}
.OFHero__frame::before{ 
	border-width:1px 0 0 1px;
}
.OFHero__frame::after{ 
	border-width:1px 1px 0 0;
}
.OFHero__inner{ 
	max-width:1880px;
}
.OFHero__eyebrow{
	gap:20px; margin-bottom:30px; font-size:1.60rem;
}
.OFHero__eyebrow-line{
	width:40px; height:5px;
}
.OFHero__title{ 
	margin:0 0 clamp(40px,3.4vh,64px);
}
.OFHero__line--lead{ 
	margin-bottom:clamp(8px,1vh,16px);
}
.OFHero__line--lead > span{
	font-size:5.2rem; 
}
.OFHero__line--main > span{
	font-size:9.6rem;
}
.OFHero__subtitle{
	font-size:2.20rem; max-width:1780px; margin:0 0 64px; padding-left:28px; border-left:4px solid rgba(201,162,39,.7); 
}
.OFHero__cta{
	gap:22px; font-size:1.60rem; 
}
.OFHero__cta-icon{
	width:38px; height:52px; border-radius:20px; border:2px solid rgba(233,207,122,.8);
}
.OFHero__cta-wheel{
	top:10px; width:5px; height:12px; margin-left:-4px;
}


/* Body Part of Others Facility */
.OFStory__rail{
	right:60px; gap:28px;
}
.OFStory__rail button{
	width:24px; height:24px;  border:2px solid rgba(255,255,255,.4);
}
.OFPanel{
	padding:90px 120px; border-top:2px solid rgba(255,255,255,.06);
}
.OFPanel__content{ 
	max-width:2380px;
}
.OFPanel__title{
	font-size:5.0rem; margin:0px 0px 18px;
}
.OFPanel__desc{
	font-size:2.20rem; 
}

/*========================================================================================*/
/*==================== Sustainability: LEED PLATINUM Page Design =========================*/
.lion {	
	min-height: calc(100vh - 135px); padding: 1.6rem 2rem; 
}
.lion-eyebrow{
	font-size: clamp(1.5rem, 1.10vw, 2.5rem); margin-bottom: 2.0rem;
}
.lion-leed-wordmark img{	
	width: clamp(500px,22vw,620px); margin-bottom: 2.0rem;
}
.lion-title {
	font-size: clamp(5rem, 10vw, 8rem); margin-bottom: 2.0rem;
}
.lion-title .line-gold {
	-webkit-text-stroke: 2px var(--gold);
}
.lion-com-type {
	font-size: clamp(2.20rem, 5vw, 3.20rem);
}
.lion-score-display {
	margin: 2.20rem 0 1.2rem 0;
}
.total-score-big {
	font-size: clamp(5rem, 8vw, 8rem);
}
.score-slash { 
	font-size: 4rem;
}
.score-total { 
	font-size: 4rem;
}
.score-label-block .lbl {
	font-size: 1.50rem;
}

/* Scores Section Start */
.leed-cmp-row{
	padding:0px 0px;
}
.scores-section {
    padding: 200px 0 100px;
}
.leed-cmp-eyebrow{
	font-size:1.75rem; margin-bottom:18px;
}
.section-heading {
	font-size: clamp(5rem, 8vw, 8rem); margin-bottom: 2.5rem;
}

/* Leed Counter & Header */
.leed-cmp-switch{
	gap:9px; padding:10px; margin:0 auto 2.5rem;
}
.leed-cmp-tab{
	gap:8px; padding:18px 56px;
}
.leed-cmp-tab-year{ 
	font-size:2.95rem;
}
.leed-cmp-tab-label{ 
	font-size:1.5rem;
}

/* Swatch for total score */
.leed-cmp-total{
	max-width: 980px; border: 1px dashed rgba(232,200,122,0.55); margin: 0 0 2.25rem auto; padding: 34px 72px 82px 72px; gap:38px;
}
.leed-cmp-total::after{
	height:16px; bottom:-6px;
}
.leed-cmp-total-bottom{ 
	gap:30px;
}
.leed-cmp-total-track{
	height:14px;
}
.leed-cmp-total-figures{ 
	width:380px; gap:6px;
}
.leed-cmp-total-num{ 
	font-size:2.95rem; min-width: 105px;
}
.leed-cmp-total-slash{ 
	font-size:2.35rem;
}
.leed-cmp-total-max{ 
	font-size:2.25rem;
}
.leed-cmp-total-label{ 
	margin-left:8px; font-size:1.70rem;
}
.leed-cmp-total-rating{ 
	font-size:2.4rem; padding-bottom:9px;
}


/* Score cards grid */
.scores-grid {
    grid-template-columns: repeat(4, minmax(540px, 1fr)) !important; gap: 35px!important;
	padding: 16px 0 72px!important;
}
.scores-grid .score-card {	
	border: 3px solid rgba(20,17,10,0.16); padding: 45px 40px!important; margin-bottom: 0 !important;
}
.scores-grid .card-top{
	gap: 16px; margin-bottom: 46px!important;
}
.leed-cmp-tag{
	font-size:1.5rem; border:1px solid currentColor; padding:7px 16px;
}
.scores-grid .leed-cmp-val{
	font-size: 2.88rem;
}
.scores-grid .leed-cmp-max{
	font-size: 2.28rem;
}
.scores-grid .card-name{
    font-size: 2.45rem; margin-bottom: 10px!important; min-height:6.6rem;
}
.leed-cmp-icon{
	margin-right: 0.95rem; font-size: 2.35rem!important; line-height: 1.35; margin-top: 0.15em;
}
.scores-grid .card-number{
	font-size: 4.25rem !important;
}
.card-bar-track {
    margin-top: 24px!important; height: 15px; border-radius: 2px;
}

/* Details Section */
.details-section{
	padding: 240px 0px; 
}
.details-left .big-quote {
    font-size: clamp(5rem, 8vw, 8rem); margin-bottom: 2.5rem;
}
.details-body {
	line-height: 1.75; font-size: 2.25rem;
}
.details-body p + p { 
	margin-top: 3.0rem;
}

/* Video Section */
.videos-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.yt-btn {
	width: 100px; height: 100px;
} 
.video-info{
	padding: 1.75rem;
}
.video-info p {
	line-height: 1.75; font-size: 2.25rem;
}
.vid-modal-box {
	max-width: 1000px;
}
.vid-modal-close {
	font-size: 4.25rem;
}

/*========================================================================================*/
/*======================= Sustainability: GO GREEN Page Design ===========================*/
.hero {
	padding: 80px 120px
}
.hero-main {
    padding-bottom: clamp(3rem, 5vw, 5rem);
}
.hero-eyebrow {
    font-size: 1.75rem;
}
.hero-h1{
  	font-size:clamp(7rem,8vw,9rem);
}
.hero-h1 .pre {
    font-size: clamp(5rem, 5.5vw, 6rem);
}
.hero-h2{
  	font-size:clamp(9rem,12vw,15rem);
}
.hero-h2 .outline{
  	 -webkit-text-stroke:1.5px rgba(255,255,255,.75);
}
.hero-stats-heading{
	font-size: 1.75rem;
}
.hero-quote {
    font-size: clamp(1.25rem, 1.5vw, 2.0rem); max-width: 820px;
}
.hs {
    padding: 30px 20px; min-width:270px;
}
.hs-n {
    font-size: clamp(2.8rem, 4.5vw, 4rem);
}
.hs-l {
    font-size: 1.50rem;
}
.hero-scroll {
    bottom: 18px; right:60px;
}
.scroll-line {
    width: 3px; height: 120px;
}
 /* ticker section */
.ticker span{
  	font-size:1.50rem;
} 
/* Score section */
.score{
	padding:140px 120px;
}
.score-h{
	font-size:7rem; margin-bottom: 0px;
}
.score-h em{
	font-size: 4.5rem;
}
.score-grid{
	grid-template-columns:repeat(3,1fr)
}
.sc-name{
	font-size:2.0rem;
}
.sc-num{
  	font-size: 4.25rem;
}
.sc-num sub{
	font-size: 3.0rem; bottom: -8px;
}
.sc-desc{
	font-size:1.90rem; min-height: 90px; margin-top:14px;
}
.sc-bar{
	height:5px; margin-top:14px;
}
.sc-fill{
	height:5px;
}
.sc-target{
	font-size:1.60rem;  margin-top:1rem;  min-height: 80px;
}

.sc-nav{
	gap:2.25rem;
}
.sc-arrow{
	width:66px; height:66px; border:3px solid rgba(255,255,255,.16);
}
.sc-arrow i{
	font-size:1.75rem;
}
.sc-dots{
	gap:1.75rem;
}
.sc-dot{
	width:14px; height:14px;
}
.sc-count{
	font-size: 1.70rem; margin-left: 18px;
}

/* Fusion (Image) Section */
.fusion{
    grid-template-columns:1.55fr 1fr; grid-template-rows:560px 400px;
}
.fu-tag{
    font-size:1.25rem;
}
.fu-title{
    font-size:2.75rem;
}

/* Pillars Section*/
.ph-sub{
	font-size:3.2rem; text-align:right;
}
.pillar{
	grid-template-columns:340px 1fr 10px; gap:5rem; padding:4.5rem 2.5rem;
}
.pillar::before{
	height:3px;
}
.pillar:hover::before{
	width:15%;
}
.p-ghost{
	font-size:8.5rem;
}
.p-name{
	font-size:3.5rem;
}

.p-lede{
  	font-size:2.95rem; line-height:1.5; margin:0 0 40px; padding-left:40px;
}
.p-lede::before{
	top:3.5px; bottom:3.5px; width:10px;
}
.a-list{
	gap:30px;
}
.a-row{
	border:2.5px solid var(--rule);
}
.a-head{
	gap:15px; padding:15px 40px;
}
.a-row.is-open .a-num{ 
	padding-right:12px; border-right:1px solid rgba(255,255,255,.70);
}
.a-num{
	font-size:2.25rem;  padding-right:12px; border-right:1px solid rgba(0,0,0,.70);
}
.a-title{
	font-size:2.25rem;
}
.a-icon{
	width:28px; height:28px;
}
.a-icon::before{
	height:4px;
}
.a-icon::after{
	width:4px;
}
.p-text{
  	font-size:1.95rem;  line-height:1.9;  padding:20px 40px;
}

/* Traceability Section */
.trace-inner{
	max-width:96%; padding: 140px 120px
}
.trace-head{
	max-width:85%; margin-bottom:220px;
}
.trace-ey{
	font-size:1.5rem;
}
.trace-h{
	font-size:8.5rem;
}
.trace-h em{
	font-size:8.5rem;
}
.trace-sub{
	font-size:1.85rem;
}
.trace-flow{
	grid-template-columns:repeat(3,1fr); gap:72px;
}
.tf-step::before{
	width:48px;
}
.tf-name{
	font-size:2.85rem;
}
.tf-desc{
	font-size:1.85rem;
}

/* Digital Traceability Ecosystem */
.dt-section{
	padding: 120px 0px;
}
.dt-section::before{
	background-size: 66px 66px;
}
.dt-inner{
	padding:0 120px;
}
.dt-head{
	max-width:1580px; margin:0 auto 94px;
}
.dt-eyebrow{
	font-size:1.65rem; margin-bottom:28px;
}
.dt-title{
	font-size:4.75rem; margin:0 0 28px;
}
.dt-sub{
	font-size:2.15rem;
}
.dt-card{
	border:4px solid rgba(255,255,255,.12); padding:74px 64px 72px;
}
.dt-card::before{
	height:8px;
}
.dt-card-wide{ 
	grid-column: span 2; 
}
.dt-grid{
	grid-template-columns: repeat(3, 1fr); gap:48px;
}
.dt-icon{
	width:86px; height:86px; border-radius:4px; font-size:2.5rem; margin-bottom:42px;
}
.dt-card-title{
	font-size:2.35rem; margin:0 0 42px; padding-bottom:40px;
}
.dt-card-title::after{
	width:92px; height:5px;
}
.dt-tags{
	row-gap:10px;
}
.dt-tags li{
	font-size:1.95rem; padding-right:20px; margin-right:12px;
}
.dt-tags li:not(:last-child)::after{
	right:5px; width:6px; height:6px;
}


/* Roadmap Section */
.rm-head{
	margin-bottom:clamp(6rem,4vw,8rem);
}
.rm-h{
	font-size:clamp(7rem,5vw,9rem);
}
.rm-grid{
  	grid-template-columns:repeat(5,1fr);
}
.rm-yr{
  	font-size:clamp(4.5rem,4vw,6rem); margin-bottom:1rem;
}
.rm-pill{
  	font-size:1.95rem; margin-bottom:1.75rem;
}
.rm-title{
	font-size:2.35rem; margin-bottom:1.5rem;
}
.rm-desc{
	font-size:1.95rem;
}
.rm-inf{
  	font-size:clamp(5.5rem,4.5vw,7.5rem); margin-bottom:.7rem;
}


/* Closing Section */
.closing-h{
  	font-size:clamp(16rem,15vw,22rem); margin-bottom:70px;
}
.closing-sub{
  	font-size:2.15rem; max-width:1560px;
}

/*====================================================================================*/
/*=============== Corporate Social Responsibility Page Design ========================*/
	/*csr-overview sectio*/
	.overview-text p{
		font-size:2.90rem; line-height: 1.75; padding:15px 80px 15px 40px;
	}
	
	/*csr-writeup-section*/
	.csr-writeup{
		padding:85px 30px 85px 30px; line-height: 1.75;
	}
	.csr-bg h1{
		font-size: 4.70rem;
	}
	.csr-img{
		margin-left: 40px !important; max-width:50%;
	}
	.csr-writeup p{
		font-size:2.0rem; padding: 0px 0px 0px 0px;
	}
	.csr-writeup li{
		font-size:2.0rem; margin:-10px 0px 0px 90px
	}
	

	/*===================================================================================*/
	/*======================= Investor Relation Page Design =============================*/	
		
	/*Investor Relation - Desktop/Laptop Header Section*/
	.investor-header-ul {
		top:198px; padding: 10px 20px;
	}
	.investor-header-ul li {
		margin: .35em .70em; font-size: clamp(1.75rem, 1.05vw, 2.75rem);
	}
	.investor-header-ul a {
		padding: 0.3em 0;
	}
	.investor-header-ul a:before {
		height: 5px;
	}
	.investor-header-ul a:after {
		padding: 0.3em 0;
	}

	/*Investor Relation - Sub-Header Desktop/Laptop/Mobile Device Section*/
	.investor-subheader-ul li {
		padding:10px 50px; margin: .35em .70em; font-size:1.70rem;
	}
	.investor-subheader-ul a {
		padding: 0.25em 0;
	}
	.investor-subheader-ul a:before {
		height: 5px;
	}
	.investor-subheader-ul a:after {
		padding: 0.3em 0;
	}

	/* Investor Relation All Page Common*/
	.share-info-div{
		 padding:10px; margin-top:375px!important;
	}
	.share-cominfo-div{
		padding:10px; margin-top:355px!important; 
	}
	.InvInfo-Box{
		padding:0px 20px; margin-bottom:60px
	}
	.InvInfo-Box-Sub-Detail{
		padding:10px 20px; margin-top:-20px; margin-bottom:5px
	}
	.inv-subpage-title{
		margin-bottom:30px;
	}
	.inv-subpage-title-span{
		padding:8px 25px; font-size: 2.20rem;
	}

	/* [1]General Information, [2]Price Sensitive Information, [3]Material Information, [4]Principle of Disclosure of MI & PSI, [5]Report and Financial Statement, [6] Investor-IPO, [7]Non Refunded IPO, [8] Dividend: Unclaimed Stock Dividend, [9] Dividend: Dividend Distribution Policy, [10] Zero Coupon Bond Page */
	.Inv-table th {
		font-size: 2.60rem;
	}
	.Inv-table td {
		font-size: 2.20rem;
	}
	.Inv-table .btn {
		font-size: 2.20rem;
	}
	.grd-3{
		min-width:25%; max-width:25%; padding: 5px 0px 5px 10px;
	}
	.grd-2{
		min-width:16.66%; max-width:16.66%; padding: 5px 0px 5px 10px;
	}

	/*Investor Relation: Board Of Directors PAGE*/
	.board-item{
    	margin-bottom: 80px;
	}
	.board-card{
		gap: 45px; padding: 45px;
	}
	.board-photo{
		flex: 0 0 380px;
	}
	.board-photo img{
		width: 380px;  height: 540px;
	}
	.board-content{
		border-width:0px 0px 0px 20px; padding:25px;
	}
	.board-name{
		font-size: 3.10rem;
	}
	.board-role{
		font-size: 2.80rem; margin-top: 7px;
	}
	.board-represent{
		font-size: 2.60rem; margin-top: 5px; padding: 8px 15px;
	}
	.board-body{
		font-size: 2.10rem; line-height: 1.7;
	}

	


	/* Invertor Relation: Audit/Nomination & Remuneration Committee Page*/
	.committee_chairman{
		margin-top: 30px; margin-bottom: 60px;
	}
	.committee_chairman img{
		width: 380px; height: 520px; padding: 16px 10px 0px 10px;
	}
	.committee_chairman h2{
		margin-top: 10px; font-size: 2.80rem;
	}
	.committee_chairman p{
		font-size: 2.10rem;
	}

	.committee_members{
		grid-template-columns: repeat(3, 1fr); gap: 60px;
	}
	.committee_member img{
		width: 380px; height: 520px; padding: 16px 10px 0px 10px;
	}
	.committee_member h3{
		margin-top: 10px; font-size: 2.80rem;
	}
	.committee_member p{
		font-size: 2.10rem;
	}


	/* Investor Relation Share Holding Status (Only Graph Section)*/
	#chartContainer{
		height: 1020px; margin-bottom:10px;
	}	
	
	/* Investor Relation Contact Us*/
	.Contact-Us-Box{
		line-height:1.8; padding:25px 25px; margin-bottom:70px;
	}
	.Contact-Us-Box h2{
		font-size: 2.80rem;
	}
	.Contact-Us-Box h4{
		font-size: 2.60rem;
	}
	.Contact-Us-Box label{
		font-size: 2.40rem;
	}

	/*=========================================================================================*/
	/*============================= Current News Page Design ==================================*/

	/* Featured post (latest article) */
	.News-Featured{
		margin-top:40px; margin-bottom:95px;
	}
	.News-Featured-Media{
		flex:1 1 50%; height:auto;
	}
	.News-Featured-Media img{
		max-height:780px;
	}
	.News-Featured-Body{
		flex:1 1 50%; padding:50px;
	}
	.News-Tag{
		font-size:1.65rem; padding:5px 0px; margin-bottom:6px;
	}
	.News-Featured-Body h2{
		margin:0 0 22px 0; font-size:2.6rem;
	}
	.News-Date{
		font-size:1.70rem; margin-bottom:16px;
	}
	.News-Date i{
		margin-right:5px;
	}
	.News-Featured-Body p{
		font-size:1.95rem;
	}

	/* Card grid (rest of the posts) */
	.News-Grid{
		grid-template-columns:repeat(3, 1fr); gap:95px;
	}
	.News-Card-Media{
		height:520px; flex:0 0 520px;
	}
	.News-Card-Body{
		padding:36px 40px 40px 40px; 
	}
	.News-Card-Body h3{
		font-size:2.25rem; margin:0 0 18px 0; 
	}
	.News-Card-Body .News-Date{
		margin-bottom:15px;
	}
	.News-Card-Body p{
		font-size:1.85rem; margin-bottom:28px;
	}

	/*  Pagination, pill style  */
	.News-Pagination-Wrap{
		margin-top:70px; margin-bottom: 60px;
	}
	.News-Pagination-Mark{
		font-size:1.65rem; margin-bottom:20px;
	}
	.News-Pagination-Wrap .pagination a{
		font-size:1.75rem;  padding:14px 26px; min-width:52px; min-height:52px; margin-right:14px; 
	}

	/*=========================================================================================*/
	/*============================= Current Details Page Design ===============================*/

	/* Main Section */
	.news-detail-section{ 
		padding:250px 120px 200px;
	}
	.news-paper{
		padding: 65px 60px;
	}

	/* section divider */
	.section-divider{ 
		gap:10px; margin:46px 0;
	}
	.section-divider::before{ 
		width:10px; height:10px;
	}
	.section-divider.is-tight{ 
		margin:28px 0 32px;
	}

	/* shells */
	.news-hero-header{
		margin:0 0 30px !important;
	}
	.news-hero-heading{
		font-size:3.25rem;  margin:0 0 14px;
	}
	.publish-date-badge{
		font-size:1.75rem; gap:2px;
	}
	.gallery-shell{
		margin:0 0 60px !important;
	}
	.gallery-row{ 
		gap:18px; --hero-w: 1280px;
	}
	
	/* hero Image Section */
	.hero-counter-badge{
		bottom:14px; right:14px; padding:8px 16px; font-size:1.46rem;
	}
	.hero-zoom-hint{
		bottom:14px; left:14px; padding:8px 14px; font-size:1.46rem;
	}

	/*  prev/next arrows */
	.hero-nav-btn{
		width:86px; height:86px; border-radius:50%; font-size:2.10rem;
	}
	.hero-nav-prev{ 
		left:16px;
	}
	.hero-nav-next{ 
		right:16px; 
	}

	/* right stamps image */	
	.gallery-thumb-col{
		gap:14px;
	}
	.gallery-thumb-grid{
		grid-auto-flow:column; grid-template-columns:repeat(2, auto); grid-template-rows:repeat(3, 1fr); gap: 14px;
	}
	.gallery-thumb{
		padding:3px; min-height: 260px; max-height:260px!important;
	}
	.gallery-thumb-number{
		font-size:1.25rem;  padding:4px 10px;
	}

	/* lightbox */
	.lightbox-media{
		max-width:85vw; max-height:80vh;
	}
	.lightbox-media img{
		min-width:85vw; max-width:85vw; max-height:80vh;
	}
	.lightbox-close-btn{
		top:14px; right:14px; width:68px; height:68px; font-size:2.95rem;
	}
	.lightbox-nav-btn{
		width:85px; height:85px; font-size:2.95rem;
	}
	.lightbox-nav-prev{ 
		left:14px;
	}
	.lightbox-nav-next{ 
		right:14px;
	}
	.lightbox-counter-badge{
		font-size:1.75rem;  bottom:14px;  padding:7px 18px;
	}

	/* article body */
	.news-article-wrap{ 
		margin:45px auto 45px;
	}
	.news-article-wrap p{ 
		font-size:1.85rem;
	}

	/* share button */
	.share-section h2{ 
		font-size:2.15rem; margin:0 0 32px;
	}
	.share-icon-list{ 
		gap:18px;
	}
	.share-icon-link{
		font-size:1.95rem; width:80px; height:80px;
	}

	/* related news */
	.related-articles-section{ 
		margin-top:96px;
	}
	.related-articles-header{ 
		gap:15px; margin-bottom:6px;
	}
	.related-articles-header h2{ 
		font-size:2.05rem; margin:0; 
	}
	.related-articles-header span{ 
		font-size:1.40rem;
	}
	.related-articles-list{ 
		grid-template-columns:repeat(2, 1fr); gap:58px; margin-top:18px;
	}
	.related-article-media{ 
		flex:0 0 380px; width:380px;
	}
	.related-article-content{ 
		flex-direction:column; padding:24px 32px; gap:7px;
	}
	.related-article-content h3{
		font-size:2.05rem;
	}
	.related-article-excerpt{
		font-size:1.75rem;
	}
	.related-article-date{
		gap:8px; margin-top:10px; font-size:1.60rem;
	}
	.related-article-date::before{ 
		width:15px; height:15px;
	}
	
	/*=========================================================================================*/
	/*================================ Training Page Design ===================================*/

	/* Intro Part */
	.Training-Intro{
		 outline: 4px dashed #ffffff33; outline-offset: -22px; padding:76px 46px; margin:36px 0 44px 0;
	}
	.Training-Intro-Quote{
		font-size:2.65rem;
	}
	.Training-Intro-Quote i{
		font-size:2.10rem; margin:0 6px;
	}
	.Training-Intro-Author{
		margin-top:8px; font-size:2.05rem;
	}

	/* Search panel */
	.Training-Search-Panel{
		margin:50px 0 30px 0; padding:18px 0px;
	}
	.Training-Search-Select-Wrap{
		min-width:640px;
	}

	/* Training Native */
	.Training-Native-Select{
		padding:11px 42px 11px 16px; font-size:1.75rem;
	}
	.Training-Custom-Trigger{
		padding:18px 16px; font-size:1.75rem;
	}
	.Training-Custom-Trigger-Arrow{
		font-size:1.5rem;
	}
	.Training-Custom-Options{
		max-height:520px; padding:5px;
	}

	/* Flips upward automatically */
	.Training-Custom-Options::-webkit-scrollbar{
		width:14px;
	}
	.Training-Custom-Option{
		gap:10px; padding:16px 12px; font-size:1.75rem;
	}
	.Training-Custom-Option .fa-check{
		width:26px; font-size:1.75rem;
	}

	/* Reset button */
	.Training-Reset-Btn{
		gap:10px; margin-left: 10px; padding:18px 16px; font-size:1.75rem;
	}
	.Training-Reset-Btn i{
		font-size:1.75rem;
	}

	/* Training Count */
	.Training-Count{
		font-size:1.75rem;  margin:10px 0 60px 0;
	}
	.Training-Empty{
		padding:30px 0;
	}
	.News-Card-Type{
		font-size:1.50rem; margin-bottom:8px;
	}
	.News-Card-Type i{
		margin-right:6px;
	}

	/*====================================================================================*/
	/*========================= Training Details Page Design =============================*/

	.training-subcategory-badge{
		gap:12px; padding:8px 0px; margin:0 0 10px 0;  font-size:1.45rem;
	}
	.training-subcategory-badge i{
		font-size:1.45rem;
	}
	/* You May Also Read */
	.training-subcategory-badge--sm{
		padding:4px 0px; margin:0 0 6px 0; font-size:1.25rem;
	}
	.training-subcategory-badge--sm i{
		font-size:1.25rem;
	}


	/*====================================================================================*/
	/*=========================== News letter Page Design =================================*/
	
	/* newsletter hero section */
	.archive-hero{
		padding: 280px 120px 200px; 
	}
	.archive-hero .eyebrow{
    	gap:14px; font-size:1.75rem; letter-spacing:0.18em; margin-bottom:24px;
	}
	.archive-hero .eyebrow::before{
		width:34px; height:1px;
	}
	.archive-hero h1{
		font-size:14.0rem; margin:0 0 50px;
	}
	.archive-hero p{
		font-size:2.20rem; max-width:1800px;
	}

	/* archive shelf section */
	.archive-shelf{
		padding: 40px 120px 200px;
	}
	.shelf-grid{
		grid-template-columns: repeat(4, 1fr); gap: 40px 80px;
	}
	.ring-stamp{
		bottom:15px; right:15px; width:92px; height:92px;
	}
	.issue-badge-text{
		font-size: 1.0rem;
	}
	.issue-meta{
		gap:10px; margin-top:20px;
	}
	.issue-meta .when{
		font-size:2.75rem;
	}
	.issue-meta .when span{ 
		font-size:2.25rem; margin-left:6px;
	}
	.issue-meta .pillar-tag{
		font-size:1.5rem; padding:10px 14px;
	}
	.issue-title{
		margin:6px 0 0; font-size:2.50rem;
	}

	/* Light Box of News Letter */
	.nl-lightbox-panel{
		max-width:75%; height:84vh;
	}
	.nl-lightbox-header{
		gap:28px; padding:26px 80px 26px 40px;
	}
	.nl-lightbox-header h2{
		font-size:2.75rem;
	}
	.nl-lightbox-header h2 .lb-when{
		font-size:2.25rem; margin-left:14px;
	}
	.nl-lightbox-controls{
		gap:12px;
	}
	.lb-icon-btn{
		width:60px; height:60px; font-size:2.05rem;
	}
	.lb-pdf-link{
		font-size:2.05rem; padding:12px 18px;
	}
	.nl-lightbox-close{
		font-size:2.25rem;
	}


/*==================================================================================*/
/*========================== Career Page Design ===================================*/
	.cr-seam{
		height:16px;
	}
	/* Career Hero */
	.cr-hero{
		min-height:90vh; margin-top: 200px; 
	}
	.cr-hero-content{
		padding:0 24px;
	}
	.cr-hero-heading{
		font-size:7.0rem; margin:0 0 30px;
	}
	.cr-hero-subtext{
		font-size:2.25rem; max-width:1480px;
	}


	/*  Layout base */
	.cr-main,
	.cr-why,
	.cr-divisions{		
		padding:120px 0;
	}
	.cr-container{		
		max-width:96%; padding:0 120px;
	}
	.cr-panel-eyebrow{
		font-size: 1.50rem;
	}
	.cr-panel-heading{
		font-size:2.95rem; margin:0 0 20px;
	}
	.cr-section-heading{
		font-size:3.25rem; margin:0 0 44px;
	}
	
	/* Opportunities: CV & Openings */
	.cr-opportunities{
		grid-template-columns: repeat(2, 1fr);
	}
	.cr-cv-panel{
		padding:66px 66px 66px 0;
	}
	.cr-openings-panel{
		padding:66px 0 66px 66px;
	}
	.cr-panel-text{
		font-size:1.95rem; max-width:1000px; margin:0 0 40px;
	}

	/* Hang-tag email element */
	.cr-tag{
		gap:14px; padding:24px 36px 24px 42px; font-size:2.10rem;
	}
	.cr-tag-hole{
		width:24px;	height:24px; top:-14px; left:20px;
	}
	.cr-tag i{
		font-size:2.10rem;
	}
	.cr-panel-hint{
		font-size:1.75rem; margin:20px 0 0;
	}

	/* Openings list (Pending) */
	.cr-openings-empty{
		padding:24px 0 0;
	}
	.cr-openings-empty i{
		font-size:2.75rem; margin-bottom:18px;
	}
	.cr-openings-empty-title{
		font-size:2.25rem; margin:0 0 8px; 
	}
	.cr-openings-empty-text{
		font-size:1.95rem; max-width:1000px;
	}
	.cr-opening-link{
		gap:20px; padding:24px 4px;
	}
	.cr-opening-link:hover{
		padding-left:14px;
	}
	.cr-opening-main h3{
		font-size:2.75rem; margin:0 0 8px;
	}
	.cr-opening-meta{
		font-size:1.95rem; gap:8px;
	}
	.cr-opening-cta{
		font-size:1.75rem; letter-spacing:1px;
	}

	/* Why Choose */
	.cr-perks-grid{
		grid-template-columns:repeat(4,1fr); gap:50px;
	}
	.cr-perk-card{
		padding:36px 28px;
	}
	.cr-perk-card i{
		font-size:2.75rem; margin-bottom:20px; 
	}
	.cr-perk-card h3{
		font-size:2.25rem;  margin:0 0 35px;
	}
	.cr-perk-card p{
		font-size:1.75rem;
	}

	/* Where You Could Work */
	.cr-divisions-subtext{
		font-size:1.75rem; max-width:1260px; margin:0 auto 60px;
	}
	.cr-division-chips{
		gap:24px; 
	}
	.cr-chip{
		font-size:1.90rem; gap:12px; min-width:520px;
	}
	.cr-chip i{
		font-size:1.80rem;
	}

	/* Email Options Modal */
	.cr-modal-box{
		padding:44px 40px 38px; max-width:780px;
	}
	.cr-modal-close{
		top:24px; right:20px; font-size:3.45rem;
	}
	.cr-modal-title{
		font-size:2.60rem; margin:0 0 8px;
	}
	.cr-modal-text{
		font-size:1.75rem; margin:0 0 22px;
	}
	.cr-modal-options{
		gap:24px;
	}
	.cr-modal-option{
		gap:32px; font-size:2.0rem;
	}
	.cr-modal-option i{
		width:18px;  font-size:1.90rem;
	}
	.cr-modal-footnote{
		font-size:1.75rem; margin:16px 0 0;
	}

	
	/*====================================================================================*/
	/*=================== Contact Us Envoy Textiles Page Design ==========================*/
	
	.contact-us-hero{
		padding:740px 24px 180px; 
	}
	.contact-wrap{
		padding:80px 10px 150px;  grid-template-columns:1fr 1fr; gap:40px;
	}
	#contactForm{
		padding:52px 20px;
	}
	.contact-hero-title{
		font-size:8.25rem;
	}
	.contact-label-row{
		margin-bottom:50px;
	}
	.contact-label-title{ 
		font-size:3.0rem; 
	}
	.contact-label-row{
		margin-bottom:30px;
	}
	.contact-field{
		 margin-bottom:60px;
	}
	.contact-field input,
	.contact-field textarea{
		font-size:1.80rem;  padding:22px 6px 8px;
	}
	.contact-field textarea{
		min-height:200px;
	}
	.contact-field label{ 
		font-size:1.8rem; 
	}
	.contact-field input:focus ~ label,
	.contact-field textarea:focus ~ label,
	.contact-field input:not(:placeholder-shown) ~ label,
	.contact-field textarea:not(:placeholder-shown) ~ label{ 
		top:-22px; font-size:1.90rem; 
	}
	.contact-field-bar{
		height:5px;
	}
	.contact-field-err{ 
		font-size:1.8rem; 
	}
	.contact-captcha-sum{ 
		font-size:1.9rem; 
	}
	.contact-captcha input{ 
		font-size:1.9rem; width:90px; 
	}
	.contact-captcha-tag{ 
		font-size:1.70rem; 
	}
	.contact-captcha-err{ 
		font-size:1.9rem; 
	}
	.contact-submit-btn{ 
		font-size:1.9rem; padding:18px 38px; margin-top: 20px;
	}
	.contact-form-status{ 
		font-size:1.95rem; 
	}
	.contact-office-grid{
		gap:30px; grid-template-columns:1fr 1fr;
	}
	.contact-office{
		padding:34px 24px 30px;
	}
	.contact-office-tag{ 
		font-size:2.0rem; letter-spacing:.14em;
	}
	.contact-office-address{ 
		font-size:1.65rem; 
	}
	.contact-office-actions button,
	.contact-office-actions a{ 
		font-size:1.5rem;  padding:8px 22px;
	}
	.contact-office-actions svg{
		width:24px; height:24px;
	}

}


@media only screen and (min-width: 1710px) and (max-width:2560px) {
/*==========================================================================*/
/*====================== General Declaration ===============================*/
	.css-button-arrow--yellow:hover:after {
		right: 10px;
	}
	.css-button-arrow--yellow:after {
		font-size: 25px; top: -3px; right: -20px; 
	}
	.clear {
		min-height: 150px; margin:0px 0px;
	}
	.clear-hall {
		min-height: 150px; margin:0px 0px;
	}
	.clear-sm {
		min-height: 50px; margin:10px 0px; 
	}
	.clear-video {
		min-height: 150px; margin-top:100vh;
	}
	#popup-msg{
		font-size:1.40rem;
	}
	
/*==========================================================================*/
/*===================== Navigation Bar Design ==============================*/
	.navbar-fixed-top{
		max-height:100px; padding: 15px 0px;
	}
	.header-actions{
		gap:12px;
	}
	.menu{
		font-size:2.0rem;
	}	
	.company-text {
		margin-left:95px; font-size:2.5rem;
	}
	.company-logo {
		max-height:65px! important; margin-top:0px !important; margin-left:15px; 
	}	
	#sidebarCollapse {
		width: 70px; height: 55px; border-radius: 1px; margin-right:20px; 
	}
	.account-btn{
		width: 70px; height: 55px; border-radius: 1px; font-size: 1.5rem;
	}
	
	/*Modal Design*/
	.close{
		font-size:3.2rem; margin-top:25px; margin-right:25px;
	}
	
/*==========================================================================*/
/*====================== Side Bar Menu Design ==============================*/
	.offcanvas{
		min-width:28%; max-width:28%; width:28%;
	}
	.go-green-panel {
    	right: 28%; width: 11.20%;
	}
	.gogreen-text {
		font-size: clamp(4.10rem, 3.45vw, 5.0rem); 
	}
	.gogreen-slg {
		top: 20px; left: 10px; font-size: 0.90rem;
	}
	.offcanvas-header{
		font-size:2.20rem;
	}
	.close-btn{
		margin-right:15px!important; margin-top:0px!important;
	}
	.close-btn b{
		padding: 0px 15px 0px!important; 
	}
	.sidebar ul li {
		font-size:1.45rem
	}
	.sidebar .submenu li {
		font-size: 1.25rem;
	}
	.sidebar .nav-link{
		padding-top: 11px; padding-bottom: 11px;
	}
	.sidebar .nav-link:hover {
		padding-left: 28px;
	}
	.menu-caret{
		margin-left:-5px!important
	}
	.submenu li:hover .menu-caret{
		margin-left:0px!important; transition:all 1s ease;
	}
	
/*==========================================================================*/
/*====================== Fabric Library Menu Design ==============================*/
	.account-caret{
		margin-left:7px;
	}
	.account-dropdown{
		width:420px; padding:30px;
	}
	.account-dropdown-guest{
		width:300px;
	}
	.account-dropdown::after{
		top:-6px; right:18px; width:14px; height:14px;
	}	

	/* Only trigger ever open */
	.account-dropdown-name{
		margin:0 0 6px; font-size:1.50rem;
	}
	.account-dropdown-divider{
		height:2px; margin:16px 0;
	}
	.account-dropdown-label{ /* Just Saying Account */
		font-size:1.10rem; margin-bottom:8px;
	}
	.account-dropdown-link{
		font-size:1.4rem; gap:14px; padding:12px 0px;
	}
	.account-dropdown-link i{
		width:20px;
	}
	
	
/*==========================================================================*/
/*======================= Footer Style Design ==============================*/
	#footer_row{
		padding: 10px 90px 0px 90px;
	}
	.footer b{
		font-size:1.2rem; 
	}
	.footer p{
	 font-size:1.1rem;
	}
	.footer span{
		font-size:1.1rem;
	}
	.company-footer{
		padding-top: 50px; padding-bottom: 20px; 
	}
	.left-part{
		display:inline-block; text-align:left; 
	}
	.left-part label{
		font-size:16.0rem;
	}
	.right-part{
		display:inline-block; text-align:right; 
	}
	.right-part label{
		font-size:16.0rem;
	}
	#footer_social {
		width:100%; padding-bottom: 30px;
	}
	#footer_right {
		padding:0px 0px 0px 0px;
	}
	#address_01 {
		margin-left:.5%; width:49%;
	}
	#address_02 {
		margin-left:.5%; width:49%;
	}
	#address_01 p, #address_02 p{
		min-height:140px;
	}
	
	/*-- Footer Social Media --*/
	#social-platforms {
		font-size:1.15rem; text-align:left; 
	}
	.btn {
		min-width:40px!important;
	}
	.btn > span,.btn-icon > i {
		padding:15px; text-align:center
	}
	.btn > span {
		padding:15px 10px 15px; font-size:1.15rem
	}
	.btn-icon > i {
		font-size:1.80em;  min-width:60px; max-width:60px
	}
	.btn-icon > i:after {
		display:none
	}
	
/*==========================================================================*/
/*===================== Index/Home Page Design =============================*/
	/*-- Index Page Media --*/
	#company-title-ws{
	font-size:5.5rem;
	}
	#leed-title-ws{
		font-size:3rem;
	}
	#leed-logo-ws{
		max-width:180px;
	}
	.close-btn-wlk {
		padding: 7px 30px; font-size: 1.40rem;
	}
	

	/* hero-overlay section */
	.home-hero-taglines{
		gap:6px; padding:28px 28px;
	}
	.home-hero-taglines::after{
		width:140px; height:140px; border:3px solid #99bb00;  border-left:none; border-top:none;
	}
	.home-hero-taglines::after{ 
		bottom:-10px; right:-10px;
	}
	.hero-label{
		font-size:clamp(1.6rem, 3.4vw, 3.8rem);
	}
	.hero-label em{
		font-size:clamp(1.4rem, 2.8vw, 3.2rem);
	}
	.hero-word{
		font-size:clamp(2.1rem, 4.5vw, 4.2rem); 
	}

	/* Scroll Indicator */
	.scroll-indicator{
		bottom:32px;
	}
	.scroll-indicator-line{
		width:4px; height:56px;
	}
	/* Replay Button */
	.video-replay-btn{
		width:65px; height:65px; bottom:45px; left:90px
	}
	.video-replay-btn svg{
		width:30px; height:30px; margin-left:4px;
	}

/* Between Bridge Section */
	.home-bridge {
		padding: 110px 24px 118px;
	}
	.home-bridge-inner {
		max-width: 880px;
	}
	.home-bridge-eyebrow {
		gap: 14px; margin: 0 0 25px; font-size: 1.08rem;
	}
	.home-bridge-rule {
		width: 64px; height: 3px;  margin: 0 auto 28px;
	}
	.home-bridge-heading {
		max-width: 780px; margin: 0 auto 14px; font-size: 3.5rem;
	}
	.home-bridge-reg {
		font-size: 1.30rem; margin-left: 1.7px;
	}
	.home-bridge-year-inline {
		margin-top: 8px; font-size: 2.90rem;
	}
	.home-bridge-caption {
		max-width: 760px; margin: 48px auto 48px; font-size: 2.60rem;
	}
	.home-bridge-sub {
		max-width: 860px; font-size: 1.25rem;
	}


	/* Sustainability Section */
	#HomePageSection1{
		height:135vh;
	}
	.card-green { /* Drop */
		top: 0%; right: 10%;
	}
	.card-blue { /* Weave */
		top: 3%; left: 10%;
	}
	.card-red { /* Lesser */
		bottom: 4%; right: 10%;
	}
	.card-pink { /* Climate */
		bottom: 1%; left: 10%;
	}
	.card-img {
		width: 100%;  max-width: 280px; /*420px*/ 
	}
	.card-tag{
		font-size:.80rem; padding: 12px 10px 0;
	}
	.card-text {
		top:22px; left:84px; right:10px; margin-top: 6px; font-size: 1.20rem; 
	}
	.card-punch{
		padding:18px;
	}
	.card-punch p{
		font-size:1.05rem;
	}

	/* Index, Home : Featured Collection */
	#featured-collection{
		padding: 30px 90px 30px 90px;
	}
	#featured-collection .Feature-Head {
		margin-left: -75px!important;
	}
	#collection-cards{
		grid-template-columns:repeat(5, 265px); gap:30px;
	}
	.product-card {
		width:100%; min-width: 265px; max-width:265px;
	}
	.image-wrapper {
  		height: 350px;
	}
	.product-info {
 		padding: 12px 10px;
	}
	.product-title {
 		font-size: 1.25rem; font-weight: 800; margin-bottom: 6px; letter-spacing: 0.5px;  
	}
	.product-sub {
		font-size: 1.0rem; font-weight: 500; padding: 5px 12px; margin: 3px 4px;
	}
	.tooltip-card::after {
		font-size:1.10rem; 
	}
	.modal-xl { /* Modal of Product*/
        max-width: 1520px; width: 90%;
    }
	.img-grid{
		max-width:35%; width:35%; 
	}
	.text-grid{
		padding-left: 35px; padding-right:35px ; max-width: 65%;  width: 65%;
	}
	.text-grid h4{
		font-size: 2.6rem;
	}
	.text-grid i{
		font-size: 1.10rem;
	}
	.text-grid p{
		font-size: 1.25rem; margin-top:20px; line-height: 1.75;
	}

	/* Index, Home : Marketing Text Section*/
	.envoy-story{
		 padding:100px 0px;
	}
	.story-line-container{
		min-width:625px;
	}
	.story-line{
		font-size: clamp(1.25rem, 2vw, 1.50rem); margin-bottom:.70rem;
	}
	.story-line strong{
		font-size: clamp(1.50rem, 2vw, 1.75rem);
	}
	.envoy-title{
		font-size: clamp(3rem, 2vw, 3.25rem); margin-top:60px;
	}
	.envoy-title small{
		font-size: clamp(1.50rem, 2vw, 1.75rem);
	}
	
	/*Home Overview Section*/
	#HomeOverview{
		padding-left:90px; padding-right:90px; margin-top:70px
	}
	.ov-title {
		font-size: 2.2rem; margin-left:30px;
	}
	.ov-click{
		font-size: 1.20rem; padding:5px 10px;
	}
	
	/* [1]Home: About Information, [2]Home: About Us Page, [3]CSR Page, */
	#WebView{
		padding-left:90px; padding-right:90px;
	}
	.Web-Main{
		margin-top:20px
	}
	#Web-Text{
		padding:10px 0px;
	}
	#Web-Text-V2{
		padding:10px 0px;
	}
	#Web-Text-V3{
		padding:10px 0px;
	}
	.Web-Text-Div{
		padding:0px 0px;
	}
	#Web-Text h1{
		font-size:3.20rem; letter-spacing: 1px; border-width:3px; padding:65px 35px;
	}
	#Web-Text h1::after {
    	top: 10px; left: 10px; right: 10px; bottom: 10px; border: 3px dashed rgba(184, 184, 184, 1);
	}
	#Web-Text-V2 h1{
		font-size:2.50rem; letter-spacing: 1px; border-width:2px; padding:20px 120px;
	}
	#Web-Text-V2 h1::before{
		width:110px; height:2px;
	}
	#Web-Text-V2 h1::after{
		width:110px; height:2px; 
	}
	#Web-Text-V3 h1{
		font-size:2.25rem; letter-spacing: 1px; border-width:3px; padding:10px 0px; margin-top:80px;  transform: rotate(-35deg);
	}
	.writeup-section {
		padding: 5px 15px;
	}
	#writeup-section p{
		font-size:1.35rem;  line-height: 1.75;
	}	
	.reg-sign{
		font-size:1.0rem;
	}	
	#writeup-section-V2 p{
		font-size:1.40rem;  line-height: 1.75;
	}	
	#writeup-section-V3 p{
		font-size:1.40rem;  line-height: 1.75;
	}
	.abt_title_01{
		font-size:clamp(4.25rem, 1.0vw, 5.25rem); margin-bottom:70px;
	}
	.abt_title_02{
		font-size:clamp(3.25rem, 1.0vw, 3.75rem); margin-bottom:40px;
	}
	.abt_prg{
		font-size:1.40rem;  line-height: 1.75;
	}

	/* Image and Text Section */
	.text-section-left,
	.text-section-right {
		padding: 25px 40px;  width:35%
	}
	.text-section-left {
		transform: translateX(170px);
	}
	.text-section-right {
		transform: translateX(-170px);
	}
	.image-section-center {
		width:30%
	}
	.leed-image {
    	min-width:21vw; max-width: 21vw; 
	}

	/* [1] Index, Home: Recycle Section*/
	.recycle-section{
		padding: 100px 0;
	}
	.top-logo img {
		max-height: 160px; margin-bottom:1.5rem;
	}
	.recycle-icon img {
		max-height: 420px !important; margin-bottom:1.5rem;
	}
	.bottom-text {
		font-size: 1.8rem;
	}
	
	/* [1] Home: Client Section*/
	.Web-Clients{
		min-width: 77vw; max-width: 77vw; margin-top: -50px;
	}
	.scroll-row-cover{
		height: 30px; margin-top: -30px;
	}
	.items img{
		min-height: 30px; max-height:30px;
	}
	.clients{
		max-width:10.0%; padding:0px;
	}
	.btn-client{
		box-shadow:rgba(0,0,0,.02) 0 1px 3px, rgba(27,31,35,.15) 0 0 0 1px; padding: 10px 12px; margin:0px 8px;
	}
	.btn-client:hover::before{
		border-radius:5px; 
	}
	.btn-client img{
		max-height:110px;
	}
	.scroll-row-client-cover{
		height: 130px; margin-top: -130px;
	}		
	.view-page a{
		padding: 20px 0px; font-size: 1.35rem;
	}
	
	/*Home Our Culture Information*/
	#Web-Culture{
	width:48%; margin:1%; padding:20px; min-height:340px;  
	}
	#Web-Culture h3{
		font-size: 1.8rem; margin-bottom:20px; 
	}
	#Web-Culture p{
		font-size:1.35rem;
	}
	
	
/*===============================================================================*/
/*===================== General For All Page Design =============================*/
	.Web-Page-Title{
		margin-top:95px;
	}
	.Web-Page-Title h1{
		font-size:1.35rem; margin:7px 85px
	}
	.Web-Page-Title-Spcial{
		margin-top:95px;
	}
	.Web-Page-Title-Spcial h1{
		font-size:1.35rem; margin:7px 85px
	}
	#WebView-Other{
		padding-left:90px; padding-right:90px; margin-top:160px;
	}
	#WebView-Leed{
		padding-left:90px; padding-right:90px; margin-top:135px;
	}
	
/*=============================================================================*/
/*===================== Vision Values Page Design =============================*/
	/*Vision Values Page Information*/
	#Web-Vision{
		padding:0px 100px; display:grid; grid-template-columns: repeat(2,1fr); gap:25px; 
	}
	#Vision-Header h1{
		font-size:5.5rem;
	}
	#Vision-Text p,li{
		font-size:1.35rem!important;
	}
	.order-list{
		margin-left:8px;
	}
	#readMoreBtn{
		font-size: 1.25rem;
	}
/*===================================================================================*/
/*===================== Award Accreditation Page Design =============================*/	

/* AWARD ACCREDITATION PAGE - IMAGE CAROUSEL */
	.aw-slider {
		height: 100vh;
	}
	.aw-slide-info {
		padding: 70px 60px;
	}
	.aw-slide-info h5 {
		font-size: clamp(1.4rem, 2.0vw, 2.4rem); line-height: 1.25;
	}
	.aw-progress {
		height: 3px;
	}
	.aw-nav {
		width: 50px; height: 50px;  font-size: 1.4rem;
	}
	.aw-dots {
		bottom: 2.2rem;	right: 5vw;
	}
	.aw-dot {
		width: 10px; height: 10px; border-radius: 5px;
	}
	.aw-counter {
		bottom: 3.0rem; right: 5vw; font-size: .95rem;
	}
	.aw-counter strong {
		font-size: 1.45rem;
	}

	/*Award Accreditation Hall of Fame Section*/
	.addPadding{
		padding-top:100px!important;
	}
	.Hall-Fame-Total{
		padding: 0 10px;
	}
	.Hall-Fame-Total-Num{
		font-size: 6.50rem;
	}
	.Hall-Fame-Total-Label{
		font-size: 1.30rem; margin-top: 7px; 
	}
	.award-wrapper{
		padding: 70px 10px 10px 10px;
	}
	.Award-Box{
		padding:35px 60px 35px 60px; margin-bottom:70px
	}
	.fa-ul h2{
		font-size: 1.8rem; line-height: 1.5; margin-bottom: 15px;
	}
	.Award-Category{
		font-size: 1.3rem; line-height: 1.5; margin-bottom: 15px;
	}
	.Award-Year {
    	width: 14.65%; border-radius: 5px; border-width: 1px; margin: 6px 1%;
	}
	.Award-Year label {
		padding: 5px 10px; font-size: 1.30rem;
	}
	.Award-Blockquote{
		font-size:1.2rem; padding:10px 10px 10px 10px; margin:20px 0px 0px 0px;
	}
	.scroll-down {
		bottom: 20px; right: 70px; width: 45px; height: 45px; border: 3px solid #FFF;
	}

	
	/*Award Accreditation Certification Section*/
	.Cert-Title{
		padding:0 0 16px; font-size:3.2rem;
	}
	.Cert-Title::after{
		width:66px; height:4px;
	}
	#Web-Certificate{
		padding:50px 5px 50px; margin: 30px 0px;
	}
	.cert-logo-grid{
		grid-template-columns: repeat(5, 1fr); gap: 30px; padding: 40px 10px 40px;
	}
	.cert-logo-card{
		padding: 25px;
	}		
	.cert-logo-card::before{
		top: 9px; left: 12px; width: 50%; border-top: 2px dashed rgba(10,10,10,0.32);
	}
	.cert-logo-card::after{
		bottom: 9px; right: 12px; width: 50%; border-bottom: 2px dashed rgba(10,10,10,0.32);
	}
	.no-cert-popup{
		font-size:1.15rem; padding:8px 16px;
	}

	/* Light Box for Certificate/Accreditation */
	#lightbox{
		padding: 30px 0; 
	}
	.lb-container{
		padding: 40px 40px;
	}
	
	/* Top toolbar */
	.lb-toolbar{
		top:14px; right:14px; gap:10px;
	}
	.lb-toolbar-btn{
		font-size:1.25rem; width:44px; height:44px;
	}
	
	/* Additional Certificate Text Format */
	#Web-Certificate-text{
		margin:40px 0px; padding:50px 40px!important; 
	}
	#Web-Certificate-text h4{
		font-size:1.7rem; margin-top:20px; padding-left:20px
	}
	.fa-ul-cr li{
		font-size:1.4rem
	}



	
/*==========================================================================*/
/*======================= Client Page Design ===============================*/
	.Web-Clients-Cp{
		margin-top: 20px;
	}
	.Web-Clients-Cp h4{
		font-size: 2.50rem;
	}
	.clients-cp{
		max-width:16.6%; padding:20px;
	}
	.btn-client-cp{
		border-radius:1px; padding: 10px 20px;
	}
	.btn-client-cp:hover::before{
		border-radius:5px; 
	}

	/* Map Section */
	.map-main{
		padding:3% 20%;
	}
	
/*=============================================================================*/
/*===================== Top Executive Page Design =============================*/

	/*Top Executive Page Information*/
	#Web-Exe-Row{
		margin: 30px 0px 40px 0px;
	}
	#Web-Exe-Pic{
		width:16%
	}
	#Web-Exe-Pic-BG{
		padding:0px 25px 30px 25px; max-width:230px;  max-height:250px
	}
	#Web-Exe-Pic-BG img{
		max-width:180px;
	}
	#Web-Exe-Details{
		width:84%
	}
	#Exe-Name{
		padding:3px 10px; font-size: 1.8rem;
	}
	#Exe-Designation{
	padding:3px 15px; font-size: 1.5rem; margin-bottom: 14px;
	}
	#Exe-Details{
		padding:0px 10px; font-size: 1.35rem;
	}

/*====================================================================================*/
/*===================== About Envoy Textiles Page Design =============================*/

	/*Home Timeline Information*/	
	#Web-Timeline{
		width: 80%;
	}
	#Web-Timeline-Textarea-Left h1{
		font-size:3.2rem;  margin:10px 0px;
	}
	#Web-Timeline-Textarea-Left Ul{
		width:47%; padding:20px 40px 20px 40px; font-size:1.3rem;
	}
	#Web-Timeline-Textarea-Left li{
		margin-bottom: 30px; padding:30px;
	}
	#Web-Timeline-Textarea-Right h1{
		font-size:3.2rem;  margin:10px 0px;
	}
	#Web-Timeline-Textarea-Right Ul{
		width:47%; margin-left:53%; padding:20px 40px 20px 40px; font-size:1.3rem;
	}
	#Web-Timeline-Textarea-Right li{
		margin-bottom: 30px; padding:30px; 
	}
	
/*===================================================================================*/
/*===================== Fabric Library : Before Login ===============================*/

	.FabricHero{
		height:calc(100vh - 150px);  margin:150px 0 0px 0;
	}
	@supports (height: 100dvh){
		.FabricHero{
			height:calc(100dvh - 150px);
		}
	}
	.FabricHero-Frame{
		padding:70px 90px 90px;
	}
	.FabricHero-Media-Frame{
		width:510px;
	}
	.FabricHero-Content{
		max-width:700px;
	}
	.FabricHero-Title{
		font-size:4.5rem;
	}
	.FabricHero-Title-Light::before{
		right:82%; height: 18vh;
	}
	.FabricHero-Title-Bold::before{
		right:66.4%; height: 20vh;
	}
	.FabricHero-Eyebrow{
		margin:18px 0 22px; font-size:1.10rem;
	}
	.FabricHero-Text{
		font-size:1.25rem;
	}
	.FabricHero-Text p{ 
		margin:0 0 14px 0; 
	}
	.FabricHero-ScrollCue{
		bottom:18px; font-size:.95rem;
	}
	.FabricHero-ScrollCue-Icon{
		width:40px; height:40px; border:1.5px solid currentColor;
	}
	.FabricHero-ScrollCue-Icon i{ 
		font-size:1.05rem;
	}

	/* Fabric Gallery */
	.FabricGallery{
		margin:0px 0 0px 0;
	}
	.FabricGallery-Grid{
		grid-template-columns:repeat(3, 1fr);
	}
	.FabricGallery-Caption{
		padding:34px 18px 16px;
	}
	.FabricGallery-Caption span{
		font-size:1.35rem;
	}
	
	/* Library Access Instruction */
	.FabricAccess{
		padding:100px 40px 90px;  margin:0 0 40px 0;
	}
	.FabricAccess::before{
		top:-120px; right:-120px; width:280px; height:280px;
	}
	.FabricAccess-Title{
		margin:0 0 20px 0; font-size:2.10rem;
	}
	.FabricAccess-Intro{
		margin:0 0 40px 0; font-size:1.25rem;
	}
	.FabricAccess-Steps{
		margin:0 0 36px 0;
	}
	.FabricAccess-Step{
		padding:28px 24px 24px;
	}
	.FabricAccess-Step::before{
		left:18px; right:18px; height:4px; border-radius:0 0 3px 3px;
	}
	.FabricAccess-Step-Icon{
		width:64px; height:64px; margin-bottom:18px; font-size:1.60rem;
	}
	.FabricAccess-Step-Icon em{
		width:24px; height:24px; font-size:1.0rem;
	}
	.FabricAccess-Step p{
		font-size:1.20rem;
	}
	.FabricAccess-Step-Arrow{
		width:38px; font-size:1.20rem;
	}
	.FabricAccess-Actions{
		gap:16px; margin:0 0 26px 0;
	}
	.FabricAccess-Btn{
		gap:11px; padding:16px 30px;  font-size:1.25rem; 
	}
	.FabricAccess-Btn i{ 
		font-size:1.25rem; 
	}
	.FabricAccess-Disclaimer{
		padding-top:30px; font-size:1.10rem; 
	}

/*====================================================================================*/
/*================================ Fabric Library:Modals  ============================*/
	.envoy-modal__dialog {
		max-width: 46rem;  padding: 2.725rem 2rem 2.25rem;
	}
	.envoy-modal__close {
		top: 1.1rem; right: 1.1rem; width: 3.25rem; height: 3.25rem; font-size: 2.75rem;
	}
	.envoy-modal__icon {
		width: 3.75rem; height: 3.75rem; margin: 1.25rem auto 2.25rem;  font-size: 2.25rem; 
	}
	.envoy-modal__title {
		font-size: 1.65rem; color: #111827;
	}
	.envoy-modal__body {
		font-size: 1.20rem; margin: 0 0 1.75rem;
	}
	.envoy-modal__btn {
		font-size: 1.20rem; padding: .7rem 1.25rem;
	}

/*==================================================================================*/
/*===================== Fabric Library : Registration Page =========================*/

	.Registration-Section{
		margin-bottom:30px;
	}
	.Registration-Hero{
		padding:17px 18px 7px;
	}
	.Registration-Hero-Text{
		font-size:1.3964rem;
	}
	.Registration-Wrap{
		gap:26px; margin:39px auto 0; max-width:1676px; padding:0 17px 60px;
	}
	.Registration-Card, .Registration-Info{
		flex:1 1 497px; padding:30px 30px 26px;
	}
	.Registration-Title{
		font-size:1.5rem; margin:0 0 24px; padding-bottom:13px;
	}
	.Registration-Row{
		gap:21px; margin-bottom:21px;
	}
	.Registration-Row .Registration-Group{
		min-width:192px;
	}
	.Registration-Label{
		font-size:1.25rem; margin-bottom:8px;
	}
	.Registration-InputWrap i{
		font-size:1.3062rem;
	}
	.Registration-InputWrap input{
		padding-left:43px;
	}
	.Registration-Input, .Registration-Select{
		padding:12px 14px; font-size:1.3062rem;
	}
	label.error{
		font-size:1.2093rem; margin-top:5px;
	}
	.Registration-AccessPeriod{
		gap:11px 28px; padding:13px 17px;
	}
	.Registration-AccessPeriod label{
		gap:8px; font-size:1.3062rem;
	}
	.Registration-AccessPeriod input[type="radio"]{
		width:21px; height:21px;
	}
	.Registration-Captcha{
		gap:18px; padding:15px 21px; margin-bottom:25px;
	}
	.Registration-Captcha-Question{
		gap:11px; font-size:1.3964rem;
	}
	.Registration-Captcha-Question input{
		width:82px; padding:9px 7px; font-size:1.3521rem;
	}
	.Registration-Captcha-Label{
		font-size:1.0954rem;
	}
	.Registration-Submit{
		margin-top:11px; margin-bottom:12px;
	}
	.Registration-Btn{
		gap:8px; padding:13px 28px; font-size:1.3062rem;
	}
	.Registration-Info p{
		font-size:1.3964rem;
	}
	.Registration-Info a{
		font-size:1.3964rem;
	}
	.Registration-List li{
		font-size:1.3964rem; padding:8px 0 8px 33px;
	}
	.Registration-List li::before{
		top:9px; font-size:1.1619rem;
	}
	.Registration-Divider{
		height:2px; margin:27px 0;
	}


/*==================================================================================*/
/*========================= Fabric Library : Login Page ============================*/	
	.Login-Wrap{
		max-width:1280px; margin:58px auto 0; padding:0 16px 66px;
	}
	.Login-Card{
		max-width:580px; padding:28px 28px 24px;
	}
	.Login-Title{
		font-size:1.5rem; margin:0 0 20px; padding-bottom:14px;
	}
	.Login-Warning{
		gap:10px; padding:10px 14px; margin-bottom:18px; font-size:0.90rem;
	}
	.Login-Warning-Close{
		font-size:0.90rem; line-height:1; padding:2px 4px;
	}
	.Login-Group{
		margin-bottom:16px;
	}
	.Login-Label{
		font-size:1.25rem; margin-bottom:8px;
	}
	.Login-InputWrap i{
		left:12px; font-size:1.20rem;
	}
	.Login-InputWrap input{ 
		padding-left:46px; 
	}
	.Login-Input{
		padding:10px 12px; font-size:1.20rem;
	}
	label.error{
		font-size:0.90rem; margin-top:5px;
	}
	.Login-Forgot{
		margin-bottom:18px;
	}
	.Login-Forgot a{
		font-size:0.85rem;
	}
	.Login-Captcha{
		gap:18px; padding:14px 22px; margin-bottom:20px;
	}
	.Login-Captcha-Question{
		gap:10px; font-size:1.10rem;
	}
	.Login-Captcha-Question input{
		width:64px; padding:8px 6px; font-size:1.0rem;
	}
	.Login-Captcha-Label{
		font-size:0.85rem; 
	}
	.Login-Submit{
		margin-top:4px;
	}
	.Login-Btn{
		gap:12px; padding:12px 30px; font-size:1.20rem;
	}
	.Login-Footer{
		margin-top:20px; padding-top:16px;
	}
	.Login-Footer p{
		font-size:0.90rem;
	}
	
/*====================================================================================*/
/*====================== Fabric Library : Forget Password Page =======================*/
	.Forget-Wrap{
		max-width:1280px; margin:58px auto 0; padding:0 16px 66px;
	}
	.Forget-Card{
		max-width:580px; padding:28px 28px 24px;
	}
	.Forget-Title{
		font-size:1.5rem; margin:0 0 20px; padding-bottom:14px;
	}
	.Forget-Subtext{
		font-size:1.125rem;  margin:0 0 20px; 
	}
	.Forget-Group{
		margin-bottom:16px;
	}
	.Forget-Label{
		font-size:1.25rem; margin-bottom:8px;
	}
	.Forget-InputWrap i{
		left:12px; font-size:1.20rem;
	}
	.Forget-InputWrap input{ 
		padding-left:46px; 
	}
	.Forget-Input{
		padding:10px 12px; font-size:1.20rem;
	}
	label.error{
		font-size:0.90rem; margin-top:5px;
	}
	.Forget-Captcha{
		gap:18px; padding:14px 22px; margin-bottom:20px;
	}
	.Forget-Captcha-Question{
		gap:10px; font-size:1.10rem;
	}
	.Forget-Captcha-Question input{
		width:64px; padding:8px 6px; font-size:1.0rem;
	}
	.Forget-Captcha-Label{
		font-size:0.85rem;
	}
	.Forget-Submit{
		margin-top:4px;
	}
	.Forget-Btn{
		gap:12px; padding:12px 30px; font-size:1.20rem;
	}
	.Forget-Footer{
		margin-top:20px; padding-top:16px;
	}
	.Forget-Footer p{
		font-size:0.90rem;
	}
	
/*==================================================================================*/
/*===================== Fabric Library : Reset Password Page =======================*/
	.Reset-Wrap{
		max-width:1280px; margin:58px auto 0; padding:0 16px 66px;
	}
	.Reset-Card{
		max-width:580px; padding:28px 28px 24px;
	}
	.Reset-Title{
		font-size:1.5rem; margin:0 0 20px; padding-bottom:14px;
	}
	.Reset-Subtext{
		font-size:1.125rem;  margin:0 0 20px; 
	}
	.Reset-Group{
		margin-bottom:16px;
	}
	.Reset-Label{
		font-size:1.25rem; margin-bottom:8px;
	}
	.Reset-InputWrap i{
		left:12px; font-size:1.20rem;
	}
	.Reset-InputWrap input{ 
		padding-left:46px;
	}
	.Reset-Input{
		padding:10px 12px; font-size:1.20rem;
	}
	label.error{
		font-size:0.90rem; margin-top:5px;
	}
	.Reset-Submit{
		margin-top:4px;
	}
	.Reset-Btn{
		gap:12px; padding:12px 30px; font-size:1.20rem;
	}


/*=================================================================================*/
/*================ Fabric Library: Library Home (After Login) =====================*/
	.library-hero-section{
		min-height: calc(100vh - 160px);
	}
	.sub-library-hero-section{
		grid-template-columns: repeat(2, 560px); gap:8px;
	}
	.library-hero-overlay{
		padding:26px 26px 24px 26px;
	}
	.library-hero-caption{
		transform:translateY(40px);
	}
	.library-hero-category{
		font-size:1.65rem; margin:0 0 10px 0;
	}
	.library-hero-tile:hover 
	.library-hero-category::after{
		width:66px; height:3px
	}
	.library-hero-tagline{
		font-size:1.20rem; margin:0 0 14px 0;
	}
	.library-hero-explore-wrap{
		margin-top:14px; margin-bottom: 12px;
	}
	.library-hero-explore{
		font-size:1.05rem; padding:8px 18px;
	}
	.library-hero-empty{
		padding:80px 30px;
	}

	/* library eco section */
	.library-eco-section{
		padding:160px 34px;
	}
	.library-eco-section::before,
	.library-eco-section::after{
		width:2px; height:76px;
	}
	.library-eco-section::before{
		top:60px;
	}
	.library-eco-section::after{
		bottom:60px;
	}
	.library-eco-eyebrow{
		gap:10px;  font-size:1.25rem;
	}
	.library-eco-eyebrow i{
		font-size:1.5rem; 
	}
	.library-eco-lead{
		font-size:1.75rem; margin:0 auto 44px auto;
	}
	.library-eco-statement{
		font-size:5.5rem; margin:0 0 48px 0;
	}
	.library-eco-button{
		gap:12px; font-size:1.5rem; padding:18px 32px;
	}
	.library-eco-button-arrow{
		font-size:1.4rem; 
	}
	
	/*  Library Intro / Browse-All Section */
	.library-intro-section{
		margin-top:70px; margin-bottom: 70px; 
	}
	.library-intro-image-wrap{
		flex:1 1 50%; max-width:50%; min-height:440px;
	}
	.library-intro-badge{
		left:34px; bottom:34px;
	}
	.library-intro-badge-number{
		font-size:1.80rem;
	}
	.library-intro-badge-label{
		font-size:.84rem;
	}
	.library-intro-content{
		flex:1 1 50%; max-width:50%;  padding:60px 70px; 
	}
	.library-intro-text{
		font-size:1.25rem; margin:0 0 32px 0; max-width:640px;
	}
	.library-intro-button{
		font-size:1.10rem; padding:20px 32px;
	}

	/*  Envoy Feature Stories Strip */
	.library-stories-section{
		padding:120px 32px 120px 32px;
	}
	.library-stories-inner{
		max-width:80%; margin:0 auto;
	}
	.library-stories-heading{
		margin-bottom:66px;
	}
	.library-stories-eyebrow{
		font-size:1.15rem; margin:0 0 14px 0;
	}
	.library-stories-title{
		font-size:2.75rem;
	}
	.library-stories-list{
		gap:40px;
	}
	.library-story-row{
		gap:32px; padding:42px 48px;
	}
	.library-story-row-media{
		max-width:250px; min-width:170px; max-height:250px;
	}
	.library-story-row-kicker{
		font-size:.82rem; padding:4px 10px; margin:0 0 12px 0;
	}
	.library-story-row-title{
		font-size:1.75rem; margin:0 0 14px 0;
	}
	.library-story-row-details{
		font-size:1.25rem;
	}
	
	/* Keep Explore Section */
	.library-curious-content{
		flex:1 1 50%; max-width:50%;  padding:90px 90px;
	}
	.library-curious-eyebrow{
		font-size:1.10rem; margin:0 0 18px 0;
	}
	.library-curious-title{
		font-size:2.55rem; margin:0 0 18px 0;
	}
	.library-curious-text{
		font-size:1.25rem; margin:0 0 30px 0; max-width:75%;
	}
	.library-curious-button{
		gap:12px; font-size:1.25rem; padding:18px 32px;
	}
	.library-curious-arrow{
		font-size:1.25rem; 
	}
	.library-curious-image-wrap{
		flex:1 1 50%; max-width:50%; min-height:560px;
	}

	/*====================================================================================*/
	/*======================= Fabric Library: Collection Page ============================*/
	/* Product Showing Section */
	.collection-hero{
		min-height:440px;
	}
	.collection-hero-inner{
		padding:64px 54px 44px 54px;
	}
	.collection-hero-panel{
		max-width:840px; padding:38px 42px 36px 48px; border-radius:1px; border-left:4px solid var(--lime);
	}
	.collection-hero-eyebrow{
		font-size:.95rem; 
	}
	.collection-hero-title{
		font-size:3.90rem;  margin:0 0 22px 0;
	}
	.collection-hero-tagline{
		font-size:1.40rem;
	}
	/* Feature grid */
	.collection-hero-features{
		grid-template-columns:repeat(2, minmax(0,1fr)); gap:12px 24px; margin-top:22px; padding-top:20px; 
	}
	.collection-hero-feature{
		gap:12px;
	}
	.collection-hero-feature-mark{
		width:8px; height:8px; margin-top:8px;
	}
	.collection-hero-feature-text{
		font-size:1.0rem;
	}

	/* Results bar */
	.collection-results-bar{
		gap:16px; padding:46px 54px 46px 54px; font-size:1.25rem;
	}
	.collection-results-text{
		gap:8px;
	}
	.collection-results-icon{
		font-size:.82rem;	
	}

	/* Home link */
	.collection-home-link{
		gap:9px; font-size:.88rem; padding:8px 16px;
	}
	.collection-home-link i{
		font-size:.92rem
	}

	/* Groups Search + Home together */
	.collection-results-actions{
		gap:10px;
	}
	.collection-search-btn{
		gap:9px; font-size:.88rem; padding:8px 16px;
	}
	.collection-search-btn i{
		font-size:.92rem
	}

	/* Active filters - shows selected criteria */
	.collection-active-filters{
		font-size:1.0rem; gap:8px 14px; padding:24px 48px 24px 48px;
	}
	.collection-active-filters-label{
		font-size:.92rem; 
	}
	.collection-active-filter-chip{
		gap:9px; padding:5px 10px 5px 12px;
	}
	.collection-active-filter-chip-remove{
		width:23px; height:23px; font-size:1.15rem;
	}
	.collection-active-filters-clear{
		font-size:.98rem; margin-left:4px;
	}

	/* Fabric search popup */
	.collection-search-overlay{
		padding:24px;
	}
	/* Outer card */
	.collection-search-modal{
		max-width:1180px; max-height:90vh;
	}
	/* Inner body - scrollable area  */
	.collection-search-modal-body{
		padding:40px 56px 44px 56px;
	}
	.collection-search-close{
		width:54px; height:54px; font-size:1.45rem;
	}
	.collection-search-title{
		font-size:1.75rem; margin:0 0 36px 0;
	}
	.collection-search-grid{
		grid-template-columns:repeat(auto-fit, minmax(400px, 1fr)); column-gap:40px; row-gap:22px; 
	}
	.sr-only{
		width:1px; height:1px; 
	}

	/* Dark "glass" fields over the photo */
	.collection-search-field select,
	.collection-search-field input[type="text"]{
		font-size:1.35rem;  padding:16px 20px;
	}
	.collection-search-suggestions{
		margin-top:4px; height:300px;
	}
	.collection-search-suggestion{
		font-size:1.45rem; padding:10px 14px;
	}

	/* Can't search empty" */
	.collection-search-error{ 
		margin:26px 0 0 0; padding:10px 14px;
	}
	.collection-search-actions{ 
		gap:12px; margin-top:24px;
	}
	.collection-search-submit, .collection-search-reset{ 
		gap:12px; padding:14px 28px; font-size:1.35rem;
	}

	/* Product grid */
	.collection-products-grid{ 
		grid-template-columns:repeat(5, 1fr); align-items:start; gap:46px 36px; padding:32px 44px 90px 44px;
	}
	.collection-product-fabrication{ 
		padding:12px 12px 16px 12px; 
	}
	.collection-product-fabrication span{ 
		font-size:.96rem;
	}

	/* White strip under the photo. */
	.collection-product-footer{ 
		min-height:60px;
	}
	.collection-product-code{ 
		font-size:1.35rem;
	}
	.collection-products-empty{ 
		padding:80px 44px; font-size:1.45rem;
	}

	/* Pagination bar */
	.collection-pagination{ 
		gap:22px; padding:0 44px 100px 44px;
	}
	.collection-pagination-page, .collection-pagination-arrow{ 
		font-size:1.45rem; min-width:56px; height:56px; padding:0 12px;
	}
	.collection-pagination-ellipsis{ 
		min-width:24px; height:56px; font-size:1.45rem;
	}
	

	/*====================================================================================*/
	/*============================ Fabric View Page Design ===============================*/

	/* Breadcrumb*/
	.FabricView-Breadcrumb{
		font-size:1.18rem; gap:8px; padding: 12px 25px; margin:0 2px 0 auto;  border:1px solid rgba(20,20,10,0.06);
	}
	.FabricView-Breadcrumb a{
		gap:6px;
	}
	.FabricView-Breadcrumb a::after{
		bottom:-1px; height:2px; border-radius:2px;
	}
	.FabricView-BreadcrumbHome i{
		font-size:1.08rem;
	}
	.FabricView-Breadcrumb > i{
		font-size:1.08rem;
	}
	.FabricView-NotFound{
		font-size:1.28rem; padding:60px 4px 80px 4px;
	}
	.FabricView-NotFound a{
		margin-top:10px;
	}
	
	/* Fabric View - main layout */
	.FabricView-Layout{
		--fabric-media-h: calc(100vh - 280px); grid-template-columns:minmax(0, 1fr) 13% 32%; column-gap:18px; row-gap:0; padding:2px 2px 2px 2px;
	}
	.FabricView-Stamps{
		grid-template-rows:repeat(3, 1fr); gap:10px;
	}
	.FabricView-Disclaimer{
		padding:6px 20px; font-size:.98rem; gap:10px;
	}
	.FabricView-Disclaimer i{
		width:15px; height:15px; font-size:.92rem;
	}

	/* Stamps - thumbnail + caption bar */
	.FabricView-Stamp span{
		padding:7px 5px; font-size:.98rem;
	}
	.FabricView-Stamp.is-active img{
		border-width:3px; 
	}
	.FabricView-Stamp.is-active::after{
		top:7px; right:7px; width:20px; height:20px; line-height:20px; font-size:.98rem;
	}


	/* Info panel - a distinct white card */
	.FabricView-InfoCard{
		padding:30px 32px 28px 32px;
	}
	.FabricView-InfoCard::before{
		height:7px;
	}
	.FabricView-Eyebrow{
		font-size:.90rem; margin:0 0 9px 0;
	}
	.FabricView-StyleBadge{
		font-size:2.0rem; margin:0 0 20px 0; padding-bottom:16px; 
	}
	.FabricView-StyleBadge::after{
		width:66px; height:4px; border-radius:4px;
	}
	.FabricView-DetailRow{
		gap:18px; padding:13px 12px 13px 12px;
	}
	.FabricView-DetailRow::before{
		width:4px;
	}
	.FabricView-DetailLabel{
		font-size:.90rem;
	}
	.FabricView-DetailValue{
		font-size:1.12rem;
	}
	.FabricView-AskBtn{
		gap:11px; margin-top:20px; padding:14px 20px;  font-size:1.0rem;
	}

	/* Toolbar wrapper */
	.FabricView-ZoomToolbar{
		top:15px; right:15px; gap:8px;
	}
	.FabricView-ZoomToggleBtn{
		gap:8px; height:46px; padding:0 16px; font-size:.96rem;
	}
	.FabricView-ZoomBtn{
		width:46px; height:46px; font-size:1.28rem;
	}
	.FabricView-ZoomLevel{
		min-width:40px; padding:0 4px; font-size:.98rem;
	}

	/* Similar Products Heading*/
	.FabricView-Similar{
		margin:60px 0 48px 0; padding:42px 4px 0 4px;
	}
	.FabricView-Similar::before{
		height:1px;
	}
	.FabricView-SimilarHeading{
		font-size:1.85rem; margin:0 0 32px 0; padding-bottom:18px;
	}
	.FabricView-SimilarHeading::after{
		left:0; bottom:0; width:58px; height:4px; border-radius:4px;
	}
	.FabricView-SimilarHeadingSub{
		font-size:1.25rem;
	}

	/* Similar Products Card */
	.FabricView-SimilarGrid{
		grid-template-columns:repeat(5, 1fr); gap:24px; 
	}
	.FabricView-SimilarCardNoImage{
		font-size:2.25rem;
	}
	.FabricView-SimilarCardFooter{
		gap:4px; padding:10px 12px 12px 12px; border-top:2px solid rgba(20,20,10,0.08);
	}
	.FabricView-SimilarCardStyle{
		font-size:1.25rem;
	}
	.FabricView-SimilarCardComposition{
		margin-top:6px; padding:4px 2px; font-size:1rem;
	}

	/*===================================================================================*/
	/*============================= Explore Page Design =================================*/
	/* Adriano Goldschmied Tribute  */
	.AdrianoTribute{ 
		min-height:calc(100vh - 150px) !important; margin-top: 150px; padding:25px 100px;
	}
	.AdrianoTribute-Frame{ 
		grid-template-columns:minmax(240px, 560px) 1fr; gap:68px; max-width: 1560px;
	}
	.AdrianoTribute-Media-Img{ 
		max-height:min(580px, 68vh);
	}
	.AdrianoTribute-Eyebrow{ 
		font-size:1.30rem; margin:30px 0 6px 0; 
	}
	.AdrianoTribute-Title{ 
		font-size:2.65rem; margin:0 0 24px 0; 
	}
	.AdrianoTribute-Badge{ 
		font-size:1.30rem; gap:8px; padding:8px 22px; margin-bottom:24px;
	}
	.AdrianoTribute-Text p{ 
		font-size:1.45rem; margin:0 0 24px 0; 
	}
	.AdrianoTribute-Stitch{ 
		height:1px; margin:30px 0 26px 0; 
	}
	.AdrianoTribute-Signature{ 
		font-size:1.40rem; margin:0 0 12px 0;
	}
	.AdrianoTribute-Closing{ 
		font-size:1.40rem; margin:0 0 30px 0;
	}
	
	/* Rickshaw Heritage  */
	.RickshawHeritage{ 
		padding:75px 100px;
	}
	.RickshawHeritage-Frame{ 
		grid-template-columns:minmax(240px, 560px) 1fr; gap:68px;
	}
	.RickshawHeritage-Media{ 
		max-width:1180px;
	}
	.RickshawHeritage-Media-Frame{ 
		padding:5px;
	}
	.RickshawHeritage-Media-Mat{ 
		padding:10px;
	}
	.RickshawHeritage-Title{ 
		font-size:2.65rem; margin:0 0 24px 0; 
	}
	.RickshawHeritage-Eyebrow{ 
		font-size:1.25rem; margin:0 0 10px 0;
	}
	.RickshawHeritage-Tagline{ 
		font-size:1.12rem; margin:0 0 30px 0;
	}
	.RickshawHeritage-Text p{ 
		font-size:1.45rem; margin:0 0 24px 0;
	}

	/* Investment Journey  */
	.InvestmentJourney{ 
		padding:140px 100px 120px;
	}
	.InvestmentJourney::before{ 
		top:28px; bottom:28px; border-top:2px dashed rgba(224,168,90,0.35); border-bottom:2px dashed rgba(224,168,90,0.35);
	}
	.InvestmentJourney-Eyebrow{ 
		font-size:3.5rem; margin:0 0 50px 0;
	}
	.InvestmentJourney-Patches{ 
		gap:36px; margin-top:40px; 
	}
	.InvestmentJourney-Patch{ 
		width:580px; padding:40px 40px 36px;
	}
	.InvestmentJourney-Patch::before{ 
		border:1.95px dashed rgba(255,232,199,0.4); 
	}
	.InvestmentJourney-Flag{ 
		top:-11px; right:18px; font-size:.82rem; padding:8px 17px; 
	}
	.InvestmentJourney-Patch-Title{ 
		font-size:1.65rem; margin:10px 0 0 0; 
	}
	.InvestmentJourney-Patch-Subtitle{ 
		font-size:1.05rem; margin:4px 0 0 0;
	}
	.InvestmentJourney-Patch-Rule{ 
		margin:22px auto 30px; border-top:1.5px dashed rgba(43,26,13,0.4); 
	}
	.InvestmentJourney-Patch-Icon{ 
		width:68px; height:68px; margin-bottom:18px; 
	}
	.InvestmentJourney-Check{ 
		top:-4px; right:-4px; width:24px; height:24px; 
	}
	.InvestmentJourney-Clock{ 
		top:-4px; right:-4px; width:24px; height:24px; 
	}
	.InvestmentJourney-Patch-Item span{ 
		font-size:1.10rem;
	}
	.InvestmentJourney-Patch-Note{ 
		font-size:.82rem;  max-width:160px;
	}
	
	/* Fabric Tags  */
	.FabricTags{ 
		padding:110px 100px 100px; 
	}
	.FabricTags-Frame{ 
		max-width:100%; 
	}
	.FabricTags-Eyebrow{ 
		font-size:1.25rem; margin:0 0 16px 0; 
	}
	.FabricTags-Title{ 
		font-size:3.5rem; margin:0 0 64px 0;
	}
	.FabricTags-Row{ 
		grid-template-columns:repeat(3, minmax(320px, 360px)); gap:30px; max-width:1260px;
	}
	.FabricTags-Card{ 
		padding:46px 32px 38px; 
	}
	.FabricTags-Hole{ 
		width:18px; height:18px;
	}
	.FabricTags-IconWrap{ 
		margin:30px auto 22px; width:72px; height:72px; 
	}
	.FabricTags-Label{ 
		font-size:1.48rem; margin:8px 0 14px 0;
	}
	.FabricTags-Stitch{ 
		height:1px; margin:0 auto 20px; 
	}
	.FabricTags-Values{ 
		font-size:1.05rem;
	}

	/* indigo scraf */
	.IndigoScarf-Frame{ 
		grid-template-columns:1fr minmax(340px, 46%); min-height:520px;
	}
	.IndigoScarf-Content{ 
		padding:90px 100px 90px 70px;
	}
	.IndigoScarf-Mark{ 
		gap:1px; margin-bottom:10px; 
	}
	.IndigoScarf-Eyebrow{ 
		font-size:.98rem; margin:0 0 2px 0;
	}
	.IndigoScarf-Wordmark{ 
		font-size:6.75rem;
	}
	.IndigoScarf-Icon{
		max-width:80px;
	}
	.IndigoScarf-Tagline{ 
		font-size:1.15rem;
	}
	.IndigoScarf-Subtitle{ 
		font-size:1.15rem; margin:12px 0 28px 0; max-width:278px;
	}
	.IndigoScarf-Text p{ 
		font-size:1.35rem; margin:0 0 20px 0;
	}
	.IndigoScarf-Badge{ 
		font-size:.88rem; margin-top:30px; padding:11px 20px;
	}
	.IndigoScarf-Media{ 
		min-height:450px;  
	}
	
	/* Go Green Banner */
	.GoGreenBanner{ 
		min-height:300px; padding:60px 90px; 
	}
	.GoGreenBanner-Frame{ 
		max-width:1480px; gap:50px;
	}
	.GoGreenBanner-Icon{ 
		width:100px; height:100px;   
	}
	.GoGreenBanner-Icon svg{ 
		width:50px; height:50px; 
	}
	.GoGreenBanner-Eyebrow{ 
		font-size:1.20rem; margin:0 0 8px 0; 
	}
	.GoGreenBanner-Title{ 
		font-size:2.75rem; margin:0 0 10px 0;
	}
	.GoGreenBanner-Subtitle{ 
		font-size:1.30rem; max-width:820px;
	}
	.GoGreenBanner-Cta{ 
		gap:10px; padding:15px 30px; font-size:1.25rem;
	}
	.GoGreenBanner-Cta svg{ 
		width:16px; height:16px;
	}



/*====================================================================================*/
/*================ Facilities:Denim Production Textiles Page Design ==================*/
	.accordion strong{
		font-size: 1.70rem
	}
	.accordion .bullets {
		max-height:25px; padding-right:10px
	}
	.accordion p{
		font-size: 1.40rem
	}
	

	/* Facility Carousel Section */
	.envoy-hero-carousel .carousel-caption {
		right: 6%; bottom: 13%;	max-width: 700px;
	}
	.envoy-hero-carousel .carousel-caption .envoy-caption-title{
		font-size:3.5rem; padding:20px 0px;
	}
	/* indicators */
	.envoy-hero-carousel .carousel-indicators {
		gap: 15px; bottom: 62px; right: calc(6% + 140px);
	}
	.envoy-hero-carousel .carousel-indicators [data-bs-target] {
		width: 12px; height: 12px;
	}
	.envoy-hero-carousel .carousel-indicators [data-bs-target].active {
		width: 16px; height: 16px;
	}
	/* arrows */
	.envoy-hero-carousel .control-btn {
		width: 56px; height: 56px;  bottom: 46px;
	}
	.envoy-hero-carousel .control-icon {
		width: 1.45rem;	height: 1.45rem;
	}
	.envoy-hero-carousel .carousel-control-prev {
		right: calc(6% + 68px);
	}
	.envoy-hero-carousel .carousel-control-next {
		right: 6%;
	}

	/* Facility Carousel Section */
	.envoy-hero-carousel .carousel-caption {
		right: 6%; bottom: 13%;	max-width: 700px;
	}
	.envoy-hero-carousel .carousel-caption .envoy-caption-title{
		font-size:2.75rem; padding:20px 0px;
	}
	/* indicators */
	.envoy-hero-carousel .carousel-indicators {
		gap: 10px; bottom: 62px; right: calc(6% + 120px);
	}
	.envoy-hero-carousel .carousel-indicators [data-bs-target] {
		width: 9px; height: 9px;
	}
	.envoy-hero-carousel .carousel-indicators [data-bs-target].active {
		width: 13px; height: 13px;
	}
	/* arrows */
	.envoy-hero-carousel .control-btn {
		width: 46px; height: 46px;  bottom: 46px;
	}
	.envoy-hero-carousel .control-icon {
		width: 1.15rem;	height: 1.15rem;
	}
	.envoy-hero-carousel .carousel-control-prev {
		right: calc(6% + 58px);
	}
	.envoy-hero-carousel .carousel-control-next {
		right: 6%;
	}

	/* Denim Production Details */
	.envoy-facility-heading {
		margin-bottom: 54px;
	}
	.envoy-facility-eyebrow {
		font-size: .90rem; margin-bottom: 14px;
	}
	.envoy-facility-tagline {
		font-size: 2.75rem;  padding-bottom: 22px; 
	}
	.envoy-facility-tagline::after {
		width: 195px; border-top: 2px dashed #a9823f;
	}
	/* stats */
	.envoy-facility-stats {
		grid-template-columns: repeat(3, 1fr); gap: 26px 26px; margin-bottom: 44px;
	}
	.envoy-stat-card {
		gap: 6px; padding: 34px 30px 32px 30px;
	}
	.envoy-stat-card::before {
		top: 13px; right: 13px; width: 12px; height: 12px;
	}
	.envoy-stat-number {
		font-size: 2.10rem;
	}
	.envoy-stat-label {
		font-size: 1.10rem;
	}
	.fac_prg{
		font-size:1.40rem; line-height: 1.80; padding:15px 0px; 
	}


	/* Facility Sustainable Process Section */
	.fac_header{
		margin-bottom:80px;
	}
	.fac_header span{
		font-size:1.25rem; padding:12px 22px;
	}
	/* grid */
	.fac_facility{
		gap:30px;
	}
	/* cards */
	.fac_step{
		border-radius:24px; padding:30px; width:calc(25% - 31px);  /* 21px = gap:20px + 1px border */ min-height: 550px;
	}
	/* glow */
	.fac_step::before{
		width:180px; height:180px; top:-50px; right:-50px;
	}
	/* number */
	.fac_num{
		font-size:1.10rem; letter-spacing:2px;
	}
	/* icon */
	.fac_icon{
		width:95px; height:95px; border-radius:24px; margin-bottom:36px;
	}
	.fac_icon::before{	
		border-radius:24px; border-width: 2px; padding:2px;
	}
	.fac_icon span{
		font-size:2.40rem;
	}
	/* title */
	.fac_step h3{
		font-size:1.75rem; margin-bottom:22px; letter-spacing:.3px;
	}
	/* paragraph */
	.fac_step p{
		line-height:1.95; font-size:1.30rem; padding-left:20px;
	}
	/* highlight line */
	.fac_step p::before{
		left:0; top:4px; width:3px; border-radius:10px;
	}
	/* tag area */
	.fac_bottom{
		bottom:25px;
	}
	/* minimal tag */
	.fac_tag{
		font-size: 0.90rem; padding-bottom:6px;
	}
	/* underline animation */
	.fac_tag::after{
		height:2px; 
	}



/*========================================================================================*/
/*==================== Facilities: Others Facility Page Design =========================*/
/* Others Facility Hero Section */
.OFHeroWrap .OFBlank{ 
	height:clamp(50px,7vh,100px);
}
.OFHero{
	padding:45px 90px;
}
.OFHero__glow{
	width:640px; height:640px;
}
.OFHero__frame::before, .OFHero__frame::after{
	width:54px; height:54px;
}
.OFHero__frame::before{ 
	border-width:1px 0 0 1px;
}
.OFHero__frame::after{ 
	border-width:1px 1px 0 0;
}
.OFHero__inner{ 
	max-width:1180px;
}
.OFHero__eyebrow{
	gap:14px; margin-bottom:20px; font-size:1.10rem;
}
.OFHero__eyebrow-line{
	width:28px; height:1px;
}
.OFHero__title{ 
	margin:0 0 clamp(16px,2.6vh,32px);
}
.OFHero__line--lead{ 
	margin-bottom:clamp(2px,.8vh,8px);
}
.OFHero__line--lead > span{
	font-size:3.5rem; 
}
.OFHero__line--main > span{
	font-size:6rem;
}
.OFHero__subtitle{
	font-size:1.40rem; max-width:1080px; margin:0 0 32px; padding-left:18px; border-left:2px solid rgba(201,162,39,.7); 
}
.OFHero__cta{
	gap:14px; font-size:1.10rem; 
}
.OFHero__cta-icon{
	width:28px; height:42px; border-radius:14px; border:2px solid rgba(233,207,122,.8);
}
.OFHero__cta-wheel{
	top:8px; width:4px; height:9px; margin-left:-2px;
}


/* Body Part of Others Facility */
.OFStory__rail{
	right:45px; gap:14px;
}
.OFStory__rail button{
	width:14px; height:14px;  border:1px solid rgba(255,255,255,.4);
}
.OFPanel{
	padding:90px 90px; border-top:1px solid rgba(255,255,255,.06);
}
.OFPanel__content{ 
	max-width:1560px;
}
.OFPanel__title{
	font-size:3.0rem; margin:0px 0px 12px;
}
.OFPanel__desc{
	font-size:1.40rem; 
}

/*========================================================================================*/
/*==================== Sustainability: LEED PLATINUM Page Design =========================*/
.lion {	
	min-height: calc(100vh - 135px); padding: 1.6rem 2rem; 
}
.lion-eyebrow{
	font-size: clamp(1.5rem, 1.10vw, 2.5rem); margin-bottom: 1.30rem; 
}
.lion-leed-wordmark img{	
	width:clamp(380px,18vw,500px); margin-bottom: 1.30rem;
}
.lion-title {
	font-size: clamp(3rem, 5vw, 4.8rem); margin-bottom: 1.30rem;
}
.lion-title .line-gold {
	-webkit-text-stroke: 2px var(--gold);
}
.lion-com-type {
	font-size: clamp(1.50rem, 5vw, 2.20rem);
}
.lion-score-display {
	margin: 1.30rem 0 1.0rem 0;
}
.total-score-big {
	font-size: clamp(3rem, 5vw, 4.4rem);
}
.score-slash { 
	font-size: 3rem;
}
.score-total { 
	font-size: 3rem;
}
.score-label-block .lbl {
	font-size: .75rem;
}

/* Scores Section Start */
.leed-cmp-row{
	padding:0px 0px;
}
.scores-section {
    padding: 140px 0 60px;
}
.leed-cmp-eyebrow{
	font-size:1.15rem; margin-bottom:12px;
}
.section-heading {
	font-size: clamp(3rem, 6vw, 5rem); margin-bottom: 2rem;
}

/* Leed Counter & Header */
.leed-cmp-switch{
	gap:5px; padding:6px; margin:0 auto 2.75rem;
}
.leed-cmp-tab{
	gap:4px; padding:10px 36px;
}
.leed-cmp-tab-year{ 
	font-size:1.75rem;
}
.leed-cmp-tab-label{ 
	font-size:0.9rem;
}

/* Swatch for total score */
.leed-cmp-total{
	max-width: 980px; border: 1px dashed rgba(232,200,122,0.55); margin: 0 0 2.25rem auto; padding: 14px 42px 42px 42px; gap:14px;
}
.leed-cmp-total::after{
	height:16px; bottom:-4px;
}
.leed-cmp-total-bottom{ 
	gap:20px;
}
.leed-cmp-total-track{
	height:9px;
}
.leed-cmp-total-figures{ 
	width:240px; gap:8px;
}
.leed-cmp-total-num{ 
	font-size:1.8rem; min-width: 60px;
}
.leed-cmp-total-slash{ 
	font-size:1.35rem;
}
.leed-cmp-total-max{ 
	font-size:1.35rem;
}
.leed-cmp-total-label{ 
	margin-left:8px; font-size:1.18rem;
}
.leed-cmp-total-rating{ 
	font-size:1.4rem; padding-bottom:9px;
}


/* Score cards grid */
.scores-grid {
    grid-template-columns: repeat(4, minmax(420px, 1fr)) !important; gap: 25px!important;
	padding: 8px 0 42px!important;
}
.scores-grid .score-card {	
	border: 2px solid rgba(20,17,10,0.16); padding: 25px 20px!important; margin-bottom: 0 !important;
}
.scores-grid .card-top{
	gap: 12px; margin-bottom: 26px!important;
}
.leed-cmp-tag{
	font-size:0.92rem; border:1px solid currentColor; padding:5px 12px;
}
.scores-grid .leed-cmp-val{
	font-size: 1.88rem;
}
.scores-grid .leed-cmp-max{
	font-size: 1.28rem;
}
.scores-grid .card-name{
    font-size: 1.45rem; margin-bottom: 10px!important; min-height: 4.6rem;
}
.leed-cmp-icon{
	margin-right: 0.55rem; font-size: 1.35rem!important; line-height: 1.35; margin-top: 0.15em;
}
.scores-grid .card-number{
	font-size: 4.5rem !important;
}
.card-bar-track {
    margin-top: 24px!important; height: 11px; border-radius: 2px;
}

/* Details Section */
.details-section{
	padding: 140px 0px; 
}
.details-left .big-quote {
    font-size: clamp(3rem, 6vw, 5rem); margin-bottom: 2rem;
}
.details-body {
	line-height: 1.75; font-size: 1.40rem;
}
.details-body p + p { 
	margin-top: 3.0rem;
}

/* Video Section */
.videos-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.yt-btn {
	width: 80px; height: 80px;
} 
.video-info{
	padding: 1rem 1.5rem;
}
.video-info p {
	line-height: 1.5; font-size: 1.25rem;
}
.vid-modal-box {
	max-width: 1000px;
}
.vid-modal-close {
	font-size: 3.25rem;
}

/*========================================================================================*/
/*======================= Sustainability: GO GREEN Page Design ===========================*/

.hero {
    padding: 60px 90px;
}
.hero-main {
    padding-bottom: clamp(2.5rem, 4.5vw, 4rem);
}
.hero-eyebrow {
    font-size: 1.25rem;
}
.hero-h1{
  	font-size:clamp(4rem,5vw,6rem);
}
.hero-h1 .pre {
    font-size: clamp(2rem, 2.5vw, 3rem);
}
.hero-h2{
  	font-size:clamp(6rem,7.5vw,9rem);
}
.hero-h2 .outline{
  	 -webkit-text-stroke:1.5px rgba(255,255,255,.75);
}
.hero-stats-heading{
	font-size: 1.25rem; 
}
.hero-quote {
    font-size: clamp(0.85rem, 1.25vw, 1.20rem); max-width: 580px;
}
.hs {
    padding: 20px 14px; min-width:180px;
}
.hs-n {
    font-size: clamp(2.0rem, 2.5vw, 3.0rem);
}
.hs-l {
    font-size: 0.90rem;
}
.hero-scroll {
    bottom: 12px; right:45px;
}
.scroll-line {
    width: 2px;  height: 88px;
}
/* ticker section */
.ticker span{
  	font-size:1.05rem;
}
/* Score section */
.score{
	padding:120px 90px;
}
.score-h{
	font-size:5rem; margin-bottom: 0px;
}
.score-h em{
	font-size: 2.75rem;
}
.score-grid{
	grid-template-columns:repeat(3,1fr)
}
.sc-name{
	font-size:1.25rem;
}
.sc-num{
  	font-size: 3.75rem
}
.sc-num sub{
	font-size: 2.75rem; bottom: -8px;
}
.sc-desc{
	font-size:1.20rem; min-height: 60px; margin-top:9px;
}
.sc-bar{
	height:3.5px; margin-top:9px;
}
.sc-fill{
	height:3.5px;
}
.sc-target{
	font-size:1.05rem;  margin-top:.6rem;  min-height: 45px;
}

.sc-nav{
	gap:1.25rem;
}
.sc-arrow{
	width:46px; height:46px; border:2px solid rgba(255,255,255,.16);
}
.sc-arrow i{
	font-size:1.25rem;
}
.sc-dots{
	gap:1.25rem;
}
.sc-dot{
	width:10px; height:10px;
}
.sc-count{
	font-size: 1.30rem; margin-left: 14px;
}

/* Fusion (Image) Section */
.fusion{
    grid-template-columns:1.55fr 1fr; grid-template-rows:430px 305px;
}
.fu-tag{
    font-size:.95rem;
}
.fu-title{
    font-size:1.7rem;
}

/* Pillars Section*/
.ph-sub{
	font-size:2.4rem; text-align:right;
}
.pillar{
	grid-template-columns:clamp(240px,16vw,340px) 1fr 10px; gap:clamp(3.5rem,4vw,5rem); padding:clamp(3.2rem,4vw,4.5rem) 2rem;
}
.pillar::before{
	height:2px;
}
.pillar:hover::before{
	width:20%;
}
.p-ghost{
	font-size:clamp(5.5rem,6.5vw,7.5rem);
}
.p-name{
	font-size:clamp(2rem,2.2vw,2.75rem);
}


.p-lede{
  	font-size:1.85rem; line-height:1.4; margin:0 0 30px; padding-left:30px;
}
.p-lede::before{
	top:2.5px; bottom:2.5px; width:5px;
}
.a-list{
	gap:20px;
}
.a-row{
	border:1px solid var(--rule);
}
.a-head{
	gap:10px; padding:10px 30px;
}
.a-row.is-open .a-num{ 
	padding-right:10px; border-right:1px solid rgba(255,255,255,.70);
}
.a-num{
	font-size:1.4rem;  padding-right:10px; border-right:1px solid rgba(0,0,0,.70);
}
.a-title{
	font-size:1.4rem;
}
.a-icon{
	width:24px; height:24px;
}
.a-icon::before{
	height:2px;
}
.a-icon::after{
	width:2px;
}
.p-text{
  	font-size:1.30rem;  line-height:1.9;  padding:20px 30px;
}

/* Traceability Section */
.trace-inner{
	max-width:95%; padding: 100px 90px;
}
.trace-head{
	max-width:88%; margin-bottom:160px;
}
.trace-ey{
	font-size:0.95rem;
}
.trace-h{
	font-size:5.95rem;
}
.trace-h em{
	font-size:5.95rem;
}
.trace-sub{
	font-size:1.25rem;
}
.trace-flow{
	grid-template-columns:repeat(3,1fr); gap:56px;
}
.tf-step::before{
	width:40px;
}
.tf-name{
	font-size:1.6rem;
}
.tf-desc{
	font-size:1.20rem;
}

/* Digital Traceability Ecosystem */
.dt-section{
	padding: 100px 0px;
}
.dt-section::before{
	background-size: 66px 66px;
}
.dt-inner{
	padding:0 90px;
}
.dt-head{
	max-width:1080px; margin:0 auto 74px;
}
.dt-eyebrow{
	font-size:1.15rem; margin-bottom:18px;
}
.dt-title{
	font-size:3.25rem; margin:0 0 18px;
}
.dt-sub{
	font-size:1.35rem;
}
.dt-card{
	border:2px solid rgba(255,255,255,.12); padding:44px 34px 42px;
}
.dt-card::before{
	height:5px;
}
.dt-card-wide{ 
	grid-column: span 2; 
}
.dt-grid{
	grid-template-columns: repeat(3, 1fr); gap:28px;
}
.dt-icon{
	width:66px; height:66px; border-radius:4px; font-size:1.75rem; margin-bottom:24px;
}
.dt-card-title{
	font-size:1.50rem; margin:0 0 32px; padding-bottom:20px;
}
.dt-card-title::after{
	width:82px; height:3px;
}
.dt-tags{
	row-gap:10px;
}
.dt-tags li{
	font-size:1.25rem; padding-right:20px; margin-right:12px;
}
.dt-tags li:not(:last-child)::after{
	right:5px; width:6px; height:6px;
}


/* Roadmap Section */
.rm-head{
	margin-bottom:clamp(3.5rem,4.5vw,5rem);
}
.rm-h{
	font-size:clamp(5rem,6vw,7rem);
}
.rm-grid{
  	grid-template-columns:repeat(5,1fr);
}
.rm-yr{
  	font-size:clamp(3.8rem,4.5vw,5rem); margin-bottom:.85rem;
}
.rm-pill{
  	font-size:.92rem; margin-bottom:.85rem;
}
.rm-title{
	font-size:1.1rem; margin-bottom:.4rem;
}
.rm-desc{
	font-size:.92rem;
}
.rm-inf{
  	font-size:clamp(4.75rem,6vw,6.5rem); margin-bottom:.6rem;
}

/* Closing Section */
.closing-h{
  	font-size:clamp(12rem,13vw,17rem);
}
.closing-sub{
  	font-size:.95rem; max-width:620px;
}

/*====================================================================================*/
/*=============== Corporate Social Responsibility Page Design ========================*/
	/*csr-overview sectio*/
	.overview-text p{
		font-size:1.90rem; line-height: 1.75; padding:15px 30px 15px 15px;
	}
	
	/*csr-writeup-section*/
	.csr-writeup{
		padding:45px 20px 45px 20px; line-height: 1.6;
	}
	.csr-bg h1{
		font-size: 3.60rem;
	}
	.csr-img{
		margin-left: 40px !important; max-width:50%;
	}
	.csr-writeup p{
		font-size:1.30rem; padding: 0px 0px 0px 0px;
	}
	.csr-writeup li{
		font-size:1.30rem; margin:-10px 0px 0px 60px
	}


	/*===================================================================================*/
	/*======================= Investor Relation Page Design =============================*/	
	
	/*Investor Relation - Desktop/Laptop Header Section*/
	.investor-header-ul {
		top:134px; padding: 10px 30px;
	}
	.investor-header-ul li {
		margin: .35em .70em; font-size: clamp(1.20rem, .98vw, 1.50rem);
	}
	.investor-header-ul a {
		padding: 0.3em 0;
	}
	.investor-header-ul a:before {
		height: 3px;
	}
	.investor-header-ul a:after {
		padding: 0.3em 0;
	}

	/*Investor Relation - Sub-Header Desktop/Laptop/Mobile Device Section*/
	.investor-subheader-ul li {
		padding:7px 30px; margin: .35em .70em; font-size:1.25rem;
	}
	.investor-subheader-ul a {
		padding: 0.25em 0;
	}
	.investor-subheader-ul a:before {
		height: 3px;
	}
	.investor-subheader-ul a:after {
		padding: 0.3em 0;
	}
	
	/* Investor Relation All Page Common*/
	.share-info-div{
		padding:10px; margin-top:260px!important;
  	}
	.share-cominfo-div{
		padding:10px; margin-top:255px!important; 
	}
	.InvInfo-Box{
		padding:0px 20px; margin-bottom:30px
	}
	.InvInfo-Box-Sub-Detail{
		padding:0px 20px; margin-top:-30px; margin-bottom:5px
	}
	.inv-subpage-title{
		margin-bottom:20px;
	}
	.inv-subpage-title-span{
		padding:8px 25px; font-size: 1.40rem;
	}

	/* [1]General Information, [2]Price Sensitive Information, [3]Material Information, [4]Principle of Disclosure of MI & PSI, [5]Report and Financial Statement, [6] Investor-IPO, [7]Non Refunded IPO, [8] Dividend: Unclaimed Stock Dividend, [9] Dividend: Dividend Distribution Policy, [10] Zero Coupon Bond Page */
	.Inv-table th {
		font-size: 1.60rem;
	}
	.Inv-table td {
		font-size: 1.40rem;
	}
	.Inv-table .btn {
		font-size: 1.40rem;
	}
	.grd-3{
		min-width:25%; max-width:25%; padding: 5px 0px 5px 10px;
	}
	.grd-2{
		min-width:16.66%; max-width:16.66%; padding: 5px 0px 5px 10px;
	}

	/*Investor Relation: Board Of Directors PAGE*/
	.board-item{
    	margin-bottom: 30px;
	}
	.board-card{
		gap: 25px; padding: 25px;
	}
	.board-photo{
		flex: 0 0 260px;
	}
	.board-photo img{
		width: 260px;  height: 370px;
	}
	.board-content{
		border-width:0px 0px 0px 15px; padding:20px;
	}
	.board-name{
		font-size: 1.80rem;
	}
	.board-role{
		font-size: 1.60rem; margin-top: 7px;
	}
	.board-represent{
		font-size: 1.20rem; margin-top: 5px; padding: 8px 15px;
	}
	.board-body{
		font-size: 1.30rem; line-height: 1.7;
	}


	/* Invertor Relation: Audit/Nomination & Remuneration Committee Page*/
	.committee_chairman{
		margin-top: 30px; margin-bottom: 60px;
	}
	.committee_chairman img{
		width: 260px; height: 360px; padding: 10px 6px 0px 6px;
	}
	.committee_chairman h2{
		margin-top: 10px; font-size: 1.70rem;
	}
	.committee_chairman p{
		font-size: 1.50rem;
	}

	.committee_members{
		grid-template-columns: repeat(3, 1fr); gap: 60px;
	}
	.committee_member img{
		width: 260px; height: 360px; padding: 10px 6px 0px 6px;
	}
	.committee_member h3{
		margin-top: 10px; font-size: 1.70rem;
	}
	.committee_member p{
		font-size: 1.50rem;
	}

	/* Investor Relation Share Holding Status (Only Graph Section)*/
	#chartContainer{
		height: 620px; margin-bottom:10px;
	}
	
	/* Investor Relation Contact Us*/
	.Contact-Us-Box{
		line-height:1.8; padding:15px 25px; margin-bottom:50px;
	}
	.Contact-Us-Box h2{
		font-size: 1.80rem;
	}
	.Contact-Us-Box h4{
		font-size: 1.60rem;
	}
	.Contact-Us-Box label{
		font-size: 1.40rem;
	}

	

	/*=========================================================================================*/
	/*============================= Current News Page Design ==================================*/

	/* Featured post (latest article) */
	.News-Featured{
		margin-top:15px; margin-bottom:65px;
	}
	.News-Featured-Media{
		flex:1 1 50%; height:auto;
	}
	.News-Featured-Media img{
		max-height:510px;
	}
	.News-Featured-Body{
		flex:1 1 50%; padding:40px;
	}
	.News-Tag{
		font-size:1.15rem; padding:5px 0px; margin-bottom:6px;
	}
	.News-Featured-Body h2{
		margin:0 0 16px 0; font-size:1.65rem;
	}
	.News-Date{
		font-size:1.15rem; margin-bottom:16px;
	}
	.News-Date i{
		margin-right:5px;
	}
	.News-Featured-Body p{
		font-size:1.30rem;
	}

	/* Card grid (rest of the posts) */
	.News-Grid{
		grid-template-columns:repeat(3, 1fr); gap:65px;
	}
	.News-Card-Media{
		height:290px; flex:0 0 290px;
	}
	.News-Card-Body{
		padding:30px 32px 32px 32px; 
	}
	.News-Card-Body h3{
		font-size:1.40rem; margin:0 0 18px 0; 
	}
	.News-Card-Body .News-Date{
		margin-bottom:15px;
	}
	.News-Card-Body p{
		font-size:1.25rem; margin-bottom:22px;
	}

	/*  Pagination, pill style  */
	.News-Pagination-Wrap{
		margin-top:60px; margin-bottom: 50px;
	}
	.News-Pagination-Mark{
		font-size:1.25rem; margin-bottom:18px;
	}
	.News-Pagination-Wrap .pagination a{
		font-size:1.35rem;  padding:11px 22px;  min-width:40px; min-height:40px; margin-right:10px; 
	}


	/*=========================================================================================*/
	/*============================= Current Details Page Design ===============================*/

	/* Main Section */
	.news-detail-section{ 
		padding:170px 90px 140px;
	}
	.news-paper{
		padding: 45px 45px;
	}

	/* section divider */
	.section-divider{ 
		gap:10px; margin:36px 0;
	}
	.section-divider::before{ 
		width:10px; height:10px;
	}
	.section-divider.is-tight{ 
		margin:24px 0 28px;
	}

	/* shells */
	.news-hero-header{
		margin:0 0 26px !important;
	}
	.news-hero-heading{
		font-size:1.95rem;  margin:0 0 14px;
	}
	.publish-date-badge{
		font-size:1.15rem; gap:2px;
	}
	.gallery-shell{
		margin:0 0 40px !important;
	}
	.gallery-row{ 
		gap:14px; --hero-w: 780px;
	}

	/* hero Image Section */
	.hero-counter-badge{
		bottom:14px; right:14px; padding:6px 12px; font-size:.90rem;
	}
	.hero-zoom-hint{
		bottom:14px; left:14px; padding:6px 10px; font-size:.88rem;
	}

	/*  prev/next arrows */
	.hero-nav-btn{
		width:54px; height:54px; border-radius:50%; font-size:1.25rem;
	}
	.hero-nav-prev{ 
		left:16px;
	}
	.hero-nav-next{ 
		right:16px; 
	}

	/* right stamps image */	
	.gallery-thumb-col{
		gap:10px;
	}
	.gallery-thumb-grid{
		grid-auto-flow:column; grid-template-columns:repeat(2, auto); grid-template-rows:repeat(3, 1fr); gap: 10px;
	}
	.gallery-thumb{
		padding:3px; min-height: 170px; max-height:170px!important;
	}
	.gallery-thumb-number{
		font-size:.80rem;  padding:2px 9px;
	}

	/* lightbox */
	.lightbox-media{
		max-width:85vw; max-height:80vh;
	}
	.lightbox-media img{
		min-width:85vw; max-width:85vw; max-height:80vh;
	}
	.lightbox-close-btn{
		top:12px; right:12px; width:42px; height:42px; font-size:1.68rem;
	}
	.lightbox-nav-btn{
		width:52px; height:52px; font-size:1.55rem;
	}
	.lightbox-nav-prev{ 
		left:12px;
	}
	.lightbox-nav-next{ 
		right:12px;
	}
	.lightbox-counter-badge{
		font-size:.90rem;  bottom:12px;  padding:6px 14px;
	}

	/* article body */
	.news-article-wrap{ 
		margin:35px auto 35px;
	}
	.news-article-wrap p{ 
		font-size:1.25rem;
	}

	/* share button */
	.share-section h2{ 
		font-size:1.90rem; margin:0 0 26px;
	}
	.share-icon-list{ 
		gap:15px;
	}
	.share-icon-link{
		font-size:1.25rem; width:60px; height:60px;
	}

	/* related news */
	.related-articles-section{ 
		margin-top:86px;
	}
	.related-articles-header{ 
		gap:14px; margin-bottom:4px;
	}
	.related-articles-header h2{ 
		font-size:1.80rem; margin:0; 
	}
	.related-articles-header span{ 
		font-size:1.0rem;
	}
	.related-articles-list{ 
		grid-template-columns:repeat(2, 1fr); gap:32px; margin-top:16px;
	}
	.related-article-media{ 
		flex:0 0 260px; width:260px;
	}
	.related-article-content{ 
		flex-direction:column; padding:18px 26px; gap:6px;
	}
	.related-article-content h3{
		font-size:1.40rem;
	}
	.related-article-excerpt{
		font-size:1.12rem;
	}
	.related-article-date{
		gap:6px; margin-top:2px; font-size:1.05rem;
	}
	.related-article-date::before{ 
		width:12px; height:12px;
	}
	
	/*=========================================================================================*/
	/*================================ Training Page Design ===================================*/

	/* Intro Part */
	.Training-Intro{
		 outline: 3px dashed #ffffff33; outline-offset: -16px; padding:56px 46px; margin:26px 0 36px 0;
	}
	.Training-Intro-Quote{
		font-size:1.40rem;
	}
	.Training-Intro-Quote i{
		font-size:1.12rem; margin:0 6px;
	}
	.Training-Intro-Author{
		margin-top:8px; font-size:1.07rem;
	}

	/* Search panel */
	.Training-Search-Panel{
		margin:20px 0 20px 0; padding:16px 0px;
	}
	.Training-Search-Select-Wrap{
		min-width:460px;
	}

	/* Training Native */
	.Training-Native-Select{
		padding:11px 42px 11px 16px; font-size:1.30rem;
	}
	.Training-Custom-Trigger{
		padding:14px 16px; font-size:1.30rem;
	}
	.Training-Custom-Trigger-Arrow{
		font-size:1.15rem;
	}
	.Training-Custom-Options{
		max-height:380px; padding:5px;
	}

	/* Flips upward automatically */
	.Training-Custom-Options::-webkit-scrollbar{
		width:12px;
	}
	.Training-Custom-Option{
		gap:10px; padding:14px 12px; font-size:1.30rem;
	}
	.Training-Custom-Option .fa-check{
		width:22px; font-size:1.30rem;
	}

	/* Reset button */
	.Training-Reset-Btn{
		margin-left:10px; gap:10px; padding:16px 12px; font-size:1.30rem;
	}
	.Training-Reset-Btn i{
		font-size:1.30rem;
	}

	/* Training Count */
	.Training-Count{
		font-size:1.30rem;  margin:10px 0 40px 0;
	}
	.Training-Empty{
		padding:30px 0;
	}
	.News-Card-Type{
		font-size:1.15rem; margin-bottom:6px;
	}
	.News-Card-Type i{
		margin-right:6px;
	}

	/*====================================================================================*/
	/*========================= Training Details Page Design =============================*/

	.training-subcategory-badge{
		gap:9px; padding:7px 0px; margin:0 0 10px 0;  font-size:1.15rem;
	}
	.training-subcategory-badge i{
		font-size:1.15rem;
	}
	/* You May Also Read */
	.training-subcategory-badge--sm{
		padding:4px 0px; margin:0 0 6px 0; font-size:.95rem;
	}
	.training-subcategory-badge--sm i{
		font-size:.95rem;
	}

	/*====================================================================================*/
	/*=========================== News letter Page Design =================================*/
	
	/* newsletter hero section */
	.archive-hero{
		padding: 200px 90px 140px; 
	}
	.archive-hero .eyebrow{
    	gap:12px; font-size:1.20rem; letter-spacing:0.18em; margin-bottom:23px;
	}
	.archive-hero .eyebrow::before{
		width:30px; height:1px;
	}
	.archive-hero h1{
		font-size:9.25rem; margin:0 0 40px;
	}
	.archive-hero p{
		font-size:1.40rem; max-width:1120px;
	}

	/* archive shelf section */
	.archive-shelf{
		padding: 40px 90px 160px;
	}
	.shelf-grid{
		grid-template-columns: repeat(4, 1fr); gap: 40px 60px;
	}
	.ring-stamp{
		bottom:11px; right:11px; width:52px; height:52px;
	}
	.issue-badge-text{
		font-size: 1.0rem;
	}
	.issue-meta{
		gap:10px; margin-top:20px;
	}
	.issue-meta .when{
		font-size:1.60rem;
	}
	.issue-meta .when span{ 
		font-size:1.30rem; margin-left:6px;
	}
	.issue-meta .pillar-tag{
		font-size:1.0rem; padding:5px 12px;
	}
	.issue-title{
		margin:6px 0 0; font-size:1.45rem;
	}

	

	/* Light Box of News Letter */
	.nl-lightbox-panel{
		max-width:80%; height:84vh;
	}
	.nl-lightbox-header{
		gap:28px; padding:18px 70px 18px 34px;
	}
	.nl-lightbox-header h2{
		font-size:1.75rem;
	}
	.nl-lightbox-header h2 .lb-when{
		font-size:1.50rem; margin-left:14px;
	}
	.nl-lightbox-controls{
		gap:12px;
	}
	.lb-icon-btn{
		width:54px; height:54px; font-size:1.30rem;
	}
	.lb-pdf-link{
		font-size:1.30rem; padding:12px 18px;
	}
	.nl-lightbox-close{
		font-size:1.30rem;
	}

	/*==================================================================================*/
	/*========================== Career Page Design ===================================*/

	.cr-seam{
		height:16px;
	}
	/* Career Hero */
	.cr-hero{
		min-height:88vh; margin-top: 135px;
	}
	.cr-hero-content{
		padding:0 24px;
	}
	.cr-hero-heading{
		font-size:4.75rem; margin:0 0 26px;
	}
	.cr-hero-subtext{
		font-size:1.30rem; max-width:850px;
	}


	/*  Layout base */
	.cr-main,
	.cr-why,
	.cr-divisions{		
		padding:100px 0;
	}
	.cr-container{		
		max-width:98%; padding:0 90px;
	}
	.cr-panel-eyebrow{
		font-size: 1.10rem;
	}
	.cr-panel-heading{
		font-size:2.5rem; margin:0 0 18px;
	}
	.cr-section-heading{
		font-size:2.8rem; margin:0 0 42px;
	}
	
	/* Opportunities: CV & Openings */
	.cr-opportunities{
		grid-template-columns: repeat(2, 1fr);
	}
	.cr-cv-panel{
		padding:60px 60px 60px 0;
	}
	.cr-openings-panel{
		padding:60px 0 60px 60px;
	}
	.cr-panel-text{
		font-size:1.25rem; max-width:700px;  margin:0 0 36px;
	}

	/* Hang-tag email element */
	.cr-tag{
		gap:14px; padding:20px 30px 20px 36px; font-size:1.35rem;
	}
	.cr-tag-hole{
		width:12px;	height:12px; top:-9px; left:20px;
	}
	.cr-tag i{
		font-size:1.35rem;
	}
	.cr-panel-hint{
		font-size:1.05rem; margin:16px 0 0;
	}

	/* Openings list (Pending) */
	.cr-openings-empty{
		padding:24px 0 0;
	}
	.cr-openings-empty i{
		font-size:2.15rem; margin-bottom:16px;
	}
	.cr-openings-empty-title{
		font-size:1.75rem; margin:0 0 8px; 
	}
	.cr-openings-empty-text{
		font-size:1.25rem; max-width:700px;
	}
	.cr-opening-link{
		gap:20px; padding:24px 4px;
	}
	.cr-opening-link:hover{
		padding-left:14px;
	}
	.cr-opening-main h3{
		font-size:2.15rem; margin:0 0 8px;
	}
	.cr-opening-meta{
		font-size:1.75rem; gap:8px;
	}
	.cr-opening-cta{
		font-size:1.25rem; letter-spacing:1px;
	}

	/* Why Choose */
	.cr-perks-grid{
		grid-template-columns:repeat(4,1fr); gap:30px;
	}
	.cr-perk-card{
		padding:36px 20px;
	}
	.cr-perk-card i{
		font-size:1.50rem; margin-bottom:20px; 
	}
	.cr-perk-card h3{
		font-size:1.40rem;  margin:0 0 30px;
	}
	.cr-perk-card p{
		font-size:1.15rem;
	}

	/* Where You Could Work */
	.cr-divisions-subtext{
		font-size:1.15rem; max-width:1260px; margin:0 auto 60px;
	}
	.cr-division-chips{
		gap:20px; 
	}
	.cr-chip{
		font-size:1.40rem; gap:11px; min-width:320px;
	}
	.cr-chip i{
		font-size:1.30rem;
	}

	/* Email Options Modal */
	.cr-modal-box{
		padding:44px 40px 38px; max-width:580px;
	}
	.cr-modal-close{
		top:20px; right:20px; font-size:1.45rem;
	}
	.cr-modal-title{
		font-size:1.60rem; margin:0 0 8px;
	}
	.cr-modal-text{
		font-size:1.10rem; margin:0 0 22px;
	}
	.cr-modal-options{
		gap:14px;
	}
	.cr-modal-option{
		gap:12px; font-size:1.10rem;
	}
	.cr-modal-option i{
		width:18px;  font-size:1.15rem;
	}
	.cr-modal-footnote{
		font-size:1.05rem; margin:16px 0 0;
	}

	
	/*====================================================================================*/
	/*=================== Contact Us Envoy Textiles Page Design ==========================*/
	
	.contact-us-hero{
		padding:460px 24px 100px; 
	}
	.contact-wrap{
		padding:60px 10px 120px; grid-template-columns:1fr 1fr; gap:40px;
	}
	#contactForm{
		padding:40px 16px;
	}
	.contact-hero-title{
		font-size:6.5rem;
	}
	.contact-label-row{
		margin-bottom:26px;
	}
	.contact-label-title{ 
		font-size:2.4rem; 
	}
	.contact-field{
		 margin-bottom:48px;
	}
	.contact-field input,
	.contact-field textarea{
		font-size:1.20rem; padding:18px 6px 8px;
	}
	.contact-field textarea{
		min-height:170px;
	}
	.contact-field label{ 
		font-size:1.24rem; 
	}
	.contact-field input:focus ~ label,
	.contact-field textarea:focus ~ label,
	.contact-field input:not(:placeholder-shown) ~ label,
	.contact-field textarea:not(:placeholder-shown) ~ label{ 
		top:-20px; font-size:1.4rem; 
	}
	.contact-field-bar{
		height:4px;
	}
	.contact-field-err{ 
		font-size:1.20rem; 
	}
	.contact-captcha-sum{ 
		font-size:1.20rem; 
	}
	.contact-captcha input{ 
		font-size:1.20rem; width:80px; 
	}
	.contact-captcha-tag{ 
		font-size:1.10rem; 
	}
	.contact-captcha-err{ 
		font-size:1.20rem; 
	}
	.contact-submit-btn{ 
		font-size:1.20rem; padding:16px 32px; margin-top:18px;
	}
	.contact-form-status{ 
		font-size:1.20rem; 
	}
	.contact-office-grid{
		gap:18px; grid-template-columns:1fr 1fr;
	}
	.contact-office{
		padding:28px 20px 24px;
	}
	.contact-office-tag{ 
		font-size:1.25rem; letter-spacing:.14em;
	}
	.contact-office-address{ 
		font-size:1.10rem; 
	}
	.contact-office-actions button,
	.contact-office-actions a{ 
		font-size:1.0rem; padding:7px 16px;
	}
	.contact-office-actions svg{
		width:20px; height:20px;
	}
	

}


@media only screen and (min-width: 1367px) and (max-width:1710px) {
	
/*==========================================================================*/
/*====================== General Declaration ===============================*/
	.css-button-arrow--yellow:hover:after {
		right: 10px;
	}
	.css-button-arrow--yellow:after {
		font-size: 20px; top: -4px; right: -20px; 
	}
	.clear {
		min-height: 120px; margin:0px 0px;
	}
	.clear-hall {
		min-height: 120px; margin:0px 0px;
	}
	.clear-sm {
		min-height: 40px; margin:0px 0px; 
	}
	.clear-video {
		min-height: 120px; margin-top:100vh;
	}
	#popup-msg{
		margin-bottom:15px; font-size:1.0rem;
	}

/*==========================================================================*/
/*===================== Navigation Bar Design ==============================*/
	.navbar-fixed-top{
		max-height:100px; padding:10px 0px;
	}
	.header-actions{
		gap:10px;
	}
	.menu{
		font-size:1.65rem;
	}
	.company-text {
		margin-left:85px; font-size:2.0rem;
	}
	.company-logo {
		max-height:50px! important; margin-top:0px !important; margin-left:10px; 
	}	
	#sidebarCollapse {
		width: 60px; height: 50px; border-radius: 1px; margin-right:20px; 
	}
	.account-btn{
		width: 60px; height: 50px; border-radius: 1px; font-size: 1.2rem;
	}
		
	/*Modal Design*/
	.close{
		font-size:2.5rem; margin-top:20px; margin-right:20px;
	}
		
/*==========================================================================*/
/*====================== Side Bar Menu Design ==============================*/
	.offcanvas{
		min-width:30%; max-width:30%; width:30%;
	}
	.go-green-panel {
    	right: 30%; width: 12%;
	}
	.gogreen-text {
		font-size: clamp(3.0rem, 3.70vw, 4.0rem);
	}
	.gogreen-slg {
		top: 20px; left: 10px; font-size: 0.85rem;
	}
	.offcanvas-header{
		font-size: 1.65rem;
	}
	.close-btn{
		margin-right:5px!important; margin-top:0px!important; 
	}
	.close-btn b{
		padding: 0px 10px 0px!important;
	}
	.sidebar ul li {
		font-size:1.15rem; letter-spacing: 1px; 
	}
	.sidebar .submenu li {
		font-size: 1.0rem;
	}
	.sidebar .nav-link{
		padding-top: 8px; padding-bottom: 8px;
	}
	.sidebar .nav-link:hover {
		padding-left: 25px;
	}
	.menu-caret{
		margin-left:-5px!important
	}
	.submenu li:hover .menu-caret{
		margin-left:0px!important; transition:all 1s ease;
	}
	

/*==========================================================================*/
/*====================== Fabric Library Menu Design ==============================*/
	.account-caret{
		margin-left:5px;
	}
	.account-dropdown{
		width:340px; padding:20px;
	}
	.account-dropdown-guest{
		width:220px;
	}
	.account-dropdown::after{
		top:-6px; right:18px; width:12px; height:12px;
	}	

	/* Only trigger ever open */
	.account-dropdown-name{
		margin:0 0 6px; font-size:1.15rem;
	}
	.account-dropdown-divider{
		height:1px; margin:14px 0;
	}
	.account-dropdown-label{ /* Just Saying Account */
		font-size:.75rem; margin-bottom:8px;
	}
	.account-dropdown-link{
		font-size:1.1rem; gap:10px; padding:7px 0;
	}
	.account-dropdown-link i{
		width:16px;
	}
		
/*==========================================================================*/
/*======================= Footer Style Design ==============================*/
	#footer_row{
		padding: 10px 80px 0px 80px;
	}
	.footer b{
		font-size:.90rem;
	}
	.footer p{
		font-size:.80rem;
	}
	.footer span{
		font-size:.80rem;
	}
	.company-footer{
		padding-top: 50px; padding-bottom: 20px;
	}
	.left-part{
		display:inline-block; text-align:left; 
	}
	.left-part label{
		font-size:12.0rem; 
	}
	.right-part{
		display:inline-block; text-align:right; 
	}
	.right-part label{
		font-size:12.0rem;
	}
	#footer_social {
		width:100%; padding-bottom: 10px;
	}
	#address-links{
		padding-left: 30px;	padding-right:30px;
	}
	#footer_right {
		 padding:0px 0px 0px 0px;
	}
	#address_01 {
		margin-left:.5%; width:49%;
	}
	#address_02 {
		margin-left:.5%; width:49%;
	}
	#address_01 p, #address_02 p{
		min-height:110px;
	}
	#footer_bottom span{
		font-size: 0.70rem; padding-left: 30px; padding-right:30px;
	}
	
	/*-- Footer Social Media --*/	
	#social-platforms {
		font-size:1rem; text-align:left;
	}
	.btn {
		min-width:40px!important;
	}
	.btn > span,.btn-icon > i {
		padding:15px; text-align:center
	}
	.btn > span {
		padding:15px 10px 15px; font-size:1rem;
	}
	.btn-icon > i {
		font-size:1.80em;  min-width:55px; max-width:55px
	}
	.btn-icon > i:after {
		display:none
	}
	

/*==========================================================================*/
/*===================== Index/Home Page Design =============================*/
		
	/*-- Index Page Media --*/
	#company-title-ws{
		font-size:4.5rem;
	}
	#leed-title-ws{
		font-size:2rem;
	}
	#leed-logo-ws{
		max-width:150px;
	}
	.close-btn-wlk {
		padding: 5px 30px; font-size: 1.0rem;
	}

	/* hero-overlay section */
	.home-hero-taglines{
		gap:6px; padding:20px 20px;
	}
	.home-hero-taglines::after{
		width:140px; height:140px; border:2px solid #bee414;  border-left:none; border-top:none;
	}
	.home-hero-taglines::after{ 
		bottom:-10px; right:-10px;
	}
	.hero-label{
		font-size:clamp(1.6rem, 3.2vw, 3.6rem);
	}
	.hero-label em{
		font-size:clamp(1.8rem, 2.4vw, 3.0rem);
	}
	.hero-word{
		font-size:clamp(2.1rem, 4.0vw, 3.4rem); 
	}

	/* Scroll Indicator */
	.scroll-indicator{
		bottom:32px;
	}
	.scroll-indicator-line{
		width:3px; height:46px;
	}
	/* Replay Button */
	.video-replay-btn{
		width:60px; height:60px; bottom:40px; left:90px;
	}
	.video-replay-btn svg{
		width:30px; height:30px; margin-left:4px;
	}

/* Between Bridge Section */
	.home-bridge {
		padding: 96px 24px 108px;
	}
	.home-bridge-inner {
		max-width: 860px; 
	}
	.home-bridge-eyebrow {
		gap: 12px; margin: 0 0 22px; font-size: .78rem;
	}
	.home-bridge-rule {
		width: 64px; height: 3px;  margin: 0 auto 28px;
	}
	.home-bridge-heading {
		max-width: 720px; margin: 0 auto 14px; font-size: 2.8rem;
	}
	.home-bridge-reg {
		font-size: 1.30rem; margin-left: 1.5px;
	}
	.home-bridge-year-inline {
		margin-top: 8px; font-size: 2.4rem;
	}
	.home-bridge-caption {
		max-width: 660px; margin: 34px auto 34px; font-size: 1.80rem; 
	}
	.home-bridge-sub {
		max-width: 680px; font-size: 1.0rem; 
	}

		
	/* Sustainability Section */
	#HomePageSection1{
		height:135vh;
	}
	.card-green { /* Drop */
		top: 0%; right: 10%;
	}
	.card-blue { /* Weave */
		top: 3%; left: 10%;
	}
	.card-red { /* Lesser */
		bottom: 4%; right: 10%;
	}
	.card-pink { /* Climate */
		bottom: 1%; left: 10%;
	}
	.card-img {
		width: 100%;  max-width: 220px; /* 350px */ 
	}
	.card-tag{
		font-size:.68rem; padding: 10px 10px 0;
	}
	.card-text {
		top:22px; left:55px; right:10px; margin-top: 5px; font-size: .95rem;
	}
	.card-punch{
		padding:18px;
	}
	.card-punch p{
		font-size:.92rem;
	}

	/* Index, Home : Featured Collection */
	#featured-collection{
		padding: 30px 80px 30px 80px;
	}
	#featured-collection .Feature-Head {
		margin-left: -70px!important;
	}
	#collection-cards{
		grid-template-columns:repeat(5, 225px); gap:20px;
	}
	.product-card {
		width:100%; min-width: 225px; max-width:225px;
	}
	.image-wrapper {
  		height: 295px;
	}
	.product-info {
 		padding: 12px 10px;
	}
	.product-title {
 		font-size: 1.0rem; font-weight: 800; margin-bottom: 6px; letter-spacing: 0.5px; 
	}
	.product-sub {
		font-size: .75rem; font-weight: 500; padding: 5px 12px; margin: 3px 4px;
	}
	.tooltip-card::after {
		font-size:.75rem; 
	}
	.modal-xl { /*Modal of Product*/
        max-width: 1280px; width: 85%;
    }
	.img-grid{
		max-width:35%; width:35%; 
	}
	.text-grid{
		padding-left: 20px; padding-right:20px ; max-width: 65%;  width: 65%;
	}
	.text-grid h4{
		font-size: 2.2rem;
	}
	.text-grid i{
		font-size: .90rem;
	}
	.text-grid p{
		font-size: 1.0rem; margin-top:20px; line-height: 1.6;
	}

	/* Index, Home : Marketing Text Section*/
	.envoy-story{
		padding:80px 0px;
	}
	.story-line-container{
		min-width:525px; 
	}
	.story-line{
		font-size: clamp(1.0rem, 2vw, 1.25rem); margin-bottom:.60rem;
	}
	.story-line strong{
		font-size: clamp(1.25rem, 2vw, 1.50rem);
	}
	.envoy-title{
		font-size: clamp(2.50rem, 2vw, 2.75rem); margin-top:50px;
	}
	.envoy-title small{
		font-size: clamp(1.25rem, 2vw, 1.50rem);
	}

	/*Home Overview Section*/
	#HomeOverview{
		padding-left:90px; padding-right:90px; margin-top:80px
	}
	.ov-title {
		font-size: 1.5rem; margin-left:20px;
	}
	.ov-click{
		font-size: .90rem; padding:5px 10px;
	}
	

	/* [1]Home: About Information, [2]Home: About Us Page, [3]CSR Page, */
	#WebView{
		padding-left:90px; padding-right:90px;
	}
	.Web-Main{
		margin-top:10px;
	}
	#Web-Text{
		padding:10px 0px;
	}
	#Web-Text-V2{
		padding:10px 0px;
	}
	#Web-Text h1::after {
    	top: 8px; left: 8px; right: 8px; bottom: 8px; border: 3px dashed rgba(184, 184, 184, 1);
	}
	#Web-Text-V3{
		padding:10px 0px;
	}
	.Web-Text-Div{
		padding:0px 0px;
	}
	#Web-Text h1{
		font-size:2.45rem; letter-spacing: 1px; border-width:3px; padding:55px 25px;
	}
	#Web-Text-V2 h1{
		font-size:2.25rem; letter-spacing: 1px; border-width:2px; padding:25px 90px;
	}
	#Web-Text-V2 h1::before{
		width:80px; height:2px;
	}
	#Web-Text-V2 h1::after{
		width:80px; height:2px; 
	}
	#Web-Text-V3 h1{
		font-size:2.20rem; letter-spacing: .2rem; border-width:2px; padding:10px 0px; margin-top:80px;  transform: rotate(-35deg);
	}
	.writeup-section {
		padding: 5px 15px;
	}
	#writeup-section p{
		font-size:1.05rem;  line-height: 1.65;
	}
	.reg-sign{
		font-size:.75rem;
	}	
	#writeup-section-V2 p{
		font-size:1.10rem;  line-height: 1.65;
	}	
	#writeup-section-V3 p{
		font-size:1.10rem;  line-height: 1.65;
	}	
	#writeup-section-V4 p{
		font-size:1.10rem;  line-height: 1.65;
	}
	.abt_title_01{
		font-size:clamp(3.25rem, 1.0vw, 4.25rem); margin-bottom:50px;
	}
	.abt_title_02{
		font-size:clamp(2.75rem, 1.0vw, 3.25rem); margin-bottom:25px;
	}
	.abt_prg{
		font-size:1.0rem;  line-height: 1.65;
	}

	
	/* Image and Text Section */
	.text-section-left,
	.text-section-right {
		padding: 25px 40px;  width:35%
	}
	.text-section-left {
		transform: translateX(165px);
	}
	.text-section-right {
		transform: translateX(-165px);
	}
	.image-section-center {
		width:30%
	}
	.leed-image {
    	min-width:20vw; max-width: 20vw; 
	}

	/* [1] Index, Home: Recycle Section*/
	.recycle-section{
		padding: 80px 0;
	}
	.top-logo img {
		max-height: 140px; margin-bottom:1.4rem;
	}
	.recycle-icon img {
		max-height: 350px !important; margin-bottom:1.4rem;
	}
	.bottom-text {
		font-size: 1.4rem;
	}
	
	/* [1] Home: Client Section*/
	.Web-Clients{
		min-width: 75vw; max-width: 75vw; margin-top: -35px;
	}
	.scroll-row-cover{
		height: 25px; margin-top: -25px;
	}
	.items img{
		min-height: 25px; max-height:25px;
	}
	.clients{
		max-width:10.0%; padding:0px;
	}
	.btn-client{
		box-shadow:rgba(0,0,0,.02) 0 1px 3px, rgba(27,31,35,.15) 0 0 0 1px; padding: 3px 5px; margin:0px 5px;
	}
	.btn-client:hover::before{
		border-radius:5px; 
	}
	.btn-client img{
		max-height:90px;
	}
	.scroll-row-client-cover{
		height: 96px; margin-top: -96px;
	}	
	.view-page a{
		padding: 10px 0px; font-size: 1.0rem;
	}


	/*Home Our Culture Information*/
	#Web-Culture{
	width:48%; margin:1%; padding:20px; min-height:250px;  
	}
	#Web-Culture h3{
		font-size: 1.4rem; margin-bottom:20px; 
	}
	#Web-Culture p{
		font-size:1.0rem; line-height: 1.8;
	}
	
/*===============================================================================*/
/*===================== General For All Page Design =============================*/
	.Web-Page-Title{
		margin-top:71.5px;
	}
	.Web-Page-Title h1{
		font-size:1.0rem; margin:5px 75px
	}
	.Web-Page-Title-Spcial{
		margin-top:71.5px;
	}
	.Web-Page-Title-Spcial h1{
		font-size:1.0rem; margin:5px 75px
	}
	#WebView-Other{
		padding-left:90px; padding-right:90px; margin-top:120px;
	}
	#WebView-Leed{
		padding-left:90px; padding-right:90px; margin-top:100px;
	}


/*=============================================================================*/
/*===================== Vision Values Page Design =============================*/
	/*Vision Values Page Information*/
	#Web-Vision{
		padding:0px 70px; display:grid; grid-template-columns: repeat(2,1fr); gap:20px;
	}
	#Vision-Header h1{
		font-size:5.4rem;
	}
	#Vision-Text p,li{
		font-size:1.0rem
	}
	#readMoreBtn{
		font-size: 1rem;
	}
	

/*===================================================================================*/
/*===================== Award Accreditation Page Design =============================*/	

/* AWARD ACCREDITATION PAGE - IMAGE CAROUSEL */
	.aw-slider {
		height: 100vh;
	}
	.aw-slide-info {
		padding: 60px 50px;
	}
	.aw-slide-info h5 {
		font-size: clamp(1.2rem, 2.0vw, 2.0rem); line-height: 1.15;
	}
	.aw-progress {
		height: 3px;
	}
	.aw-nav {
		width: 50px; height: 50px;  font-size: 1.4rem;
	}
	.aw-dots {
		bottom: 2.2rem;	right: 5vw;
	}
	.aw-dot {
		width: 6px; height: 6px; border-radius: 3px;
	}
	.aw-counter {
		bottom: 3.0rem; right: 5vw; font-size: .75rem;
	}
	.aw-counter strong {
		font-size: 1.25rem;
	}


	/*Award Accreditation - Hall of Fame Section*/
	.addPadding{
		padding-top:85px!important;
	}
	.Hall-Fame-Total{
		padding: 0 10px;
	}
	.Hall-Fame-Total-Num{
		font-size: 4.0rem;
	}
	.Hall-Fame-Total-Label{
		font-size: 1rem; margin-top: 5px; 
	}
	.award-wrapper{
		padding: 50px 10px 10px 10px;
	}
	.Award-Box{
		padding:25px 35px 25px 35px; margin-bottom:50px;
	}
	.fa-ul h2{
		font-size: 1.40rem; line-height: 1.5; margin-bottom: 10px;
	}
	.Award-Category{
		font-size: 1.0rem; line-height: 1.5; margin-bottom: 10px;
	}
	.Award-Year {
    	width: 14.65%; border-radius: 5px; border-width: 1px; margin: 6px 1%;
	}
	.Award-Year label {
		padding: 5px 10px; font-size: 1.0rem;
	}
	.Award-Blockquote{
		font-size:.90rem; padding:10px 10px 10px 10px; margin:15px 0px 0px 0px;
	}
	.scroll-down {
		bottom: 20px; right: 60px; width: 40px; height: 40px; border: 3px solid #FFF;
	}
	
	
	/*Award Accreditation Certification Section*/
	.Cert-Title{
		padding:0 0 16px;  font-size:2.2rem;
	}
	.Cert-Title::after{
		width:56px; height:4px;
	}
	#Web-Certificate{
		padding:30px 5px 30px;
	}
	.cert-logo-grid{
		grid-template-columns: repeat(5, 1fr); gap: 26px; padding: 30px 10px 30px;
	}
	.cert-logo-card{
		padding: 20px;
	}		
	.cert-logo-card::before{
		top: 6px; left: 10px; width: 50%; border-top: 2px dashed rgba(10,10,10,0.32);
	}
	.cert-logo-card::after{
		bottom: 6px; right: 10px; width: 50%; border-bottom: 2px dashed rgba(10,10,10,0.32);
	}
	.no-cert-popup{
		font-size:.75rem; padding:6px 14px;
	}

	/* Light Box for Certificate/Accreditation */
	#lightbox{
		padding: 30px 0;
	}
	.lb-container{
		padding: 30px 30px;
	}

	/* Top toolbar */
	.lb-toolbar{
		top:10px; right:10px; gap:8px;
	}
	.lb-toolbar-btn{
		font-size:1.0rem; width:34px; height:34px;
	}
	
	/* Additional Certificate Text Format */
	#Web-Certificate-text{
		margin:20px 0px; padding:30px 20px!important; 
	}
	#Web-Certificate-text h4{
		font-size:1.3rem; margin-top:20px; padding-left:20px
	}
	.fa-ul-cr li{
		font-size:1.0rem
	}

	
/*==========================================================================*/
/*======================== Client Page Design ==============================*/
	.Web-Clients-Cp{
		margin-top: 20px;
	}
	.Web-Clients-Cp h4{
		font-size: 2.25rem;
	}
	.clients-cp{
		max-width:16.6%; padding:15px;
	}
	.btn-client-cp{
		border-radius:1px; padding: 10px 15px;
	}
	.btn-client-cp:hover::before{
		border-radius:5px; 
	}

	/* Map Section */
	.map-main{
		padding:3% 20%;
	}


/*=============================================================================*/
/*===================== Top Executive Page Design =============================*/

	/*Top Executive Page Information*/
	#Web-Exe-Row{
		margin: 20px 0px 30px 0px;
	}
	#Web-Exe-Pic{
		width:20%;
	}
	#Web-Exe-Pic-BG{
		padding:0px 25px 25px 25px; max-width:210px; max-height:230px
	}
	#Web-Exe-Pic-BG img{
		max-width:160px;
	}
	#Web-Exe-Details{
		width:80%;
	}
	#Exe-Name{
		padding:3px 10px; font-size: 1.4rem;
	}
	#Exe-Designation{
		padding:3px 15px; font-size: 1.1rem; margin-bottom: 15px;
	}
	#Exe-Details{
		padding:0px 10px; font-size: 1.0rem;
	}

/*====================================================================================*/
/*===================== About Envoy Textiles Page Design =============================*/
/*Home Timeline Information*/	
	#Web-Timeline{
		width: 85%;
	}
	#Web-Timeline-Textarea-Left h1{
		font-size:2.5rem;  margin: 10px 0px;
	}
	#Web-Timeline-Textarea-Left Ul{
		width:47%; padding:10px 40px 10px 40px; font-size:1.0rem;
	}
	#Web-Timeline-Textarea-Left li{
		margin-bottom: 20px; padding:25px;
	}
	#Web-Timeline-Textarea-Right h1{
		font-size:2.5rem; margin: 10px 0px;
	}
	#Web-Timeline-Textarea-Right Ul{
		width:47%; margin-left:53%; padding:10px 40px 10px 40px; font-size:1.0rem;
	}
	#Web-Timeline-Textarea-Right li{
		margin-bottom: 20px; padding:25px; 
	}

/*===================================================================================*/
/*===================== Fabric Library : Before Login ===============================*/

	.FabricHero{
		height:calc(100vh - 115ox);  margin:115px 0 0px 0;
	}
	@supports (height: 100dvh){
		.FabricHero{
			min-height:calc(100dvh - 115px);
		}
	}
	.FabricHero-Frame{
		padding:50px 90px 70px;
	}
	.FabricHero-Media-Frame{
		width:400px;
	}
	.FabricHero-Content{
		max-width:560px;
	}
	.FabricHero-Title{
		font-size:3.5rem;
	}
	.FabricHero-Title-Light::before{
		right:83%;  height:18vh;
	}
	.FabricHero-Title-Bold::before{
		right:68%;  height:20vh;
	}
	.FabricHero-Eyebrow{
		margin:18px 0 22px; font-size:.82rem;
	}
	.FabricHero-Text{
		font-size:.95rem;
	}
	.FabricHero-Text p{ 
		margin:0 0 14px 0; 
	}
	.FabricHero-ScrollCue{
		bottom:18px;  font-size:.70rem;
	}
	.FabricHero-ScrollCue-Icon{
		width:30px; height:30px; border:1.5px solid currentColor;
	}
	.FabricHero-ScrollCue-Icon i{ 
		font-size:.82rem;
	}

	/* Fabric Gallery */
	.FabricGallery{
		margin:0px 0 0px 0;
	}
	.FabricGallery-Grid{
		grid-template-columns:repeat(3, 1fr);
	}
	.FabricGallery-Caption{
		padding:34px 18px 16px;
	}
	.FabricGallery-Caption span{
		font-size:1.05rem;
	}
	
	/* Library Access Instruction */
	.FabricAccess{
		padding:100px 40px 80px;  margin:0 0 30px 0;
	}
	.FabricAccess::before{
		top:-120px; right:-120px; width:280px; height:280px;
	}
	.FabricAccess-Title{
		margin:0 0 10px 0; font-size:1.5rem;
	}
	.FabricAccess-Intro{
		margin:0 0 30px 0; font-size:.95rem;
	}
	.FabricAccess-Steps{
		margin:0 0 32px 0;
	}
	.FabricAccess-Step{
		padding:26px 20px 22px;
	}
	.FabricAccess-Step::before{
		left:14px; right:14px; height:3px; border-radius:0 0 3px 3px;
	}
	.FabricAccess-Step-Icon{
		width:48px; height:48px; margin-bottom:16px; font-size:1.12rem;
	}
	.FabricAccess-Step-Icon em{
		width:20px; height:20px; font-size:.70rem;
	}
	.FabricAccess-Step p{
		font-size:.85rem;
	}
	.FabricAccess-Step-Arrow{
		width:34px; font-size:1.0rem;
	}
	.FabricAccess-Actions{
		gap:16px; margin:0 0 26px 0;
	}
	.FabricAccess-Btn{
		gap:9px; padding:14px 28px;  font-size:.95rem; 
	}
	.FabricAccess-Btn i{ 
		font-size:.85rem; 
	}
	.FabricAccess-Disclaimer{
		padding-top:22px; font-size:.80rem; 
	}

	/*====================================================================================*/
	/*================================ Fabric Library:Modals  ============================*/
	.envoy-modal__dialog {
		max-width: 36rem;   padding: 2.25rem 2rem 2rem;
	}
	.envoy-modal__close {
		top: 1rem; right: 1rem; width: 2rem; height: 2rem; font-size: 1.1rem;
	}
	.envoy-modal__icon {
		width: 3.75rem; height: 3.75rem;  margin: 0 auto 1.25rem;  font-size: 1.5rem; 
	}
	.envoy-modal__title {
		font-size: 1.25rem; color: #111827;
	}
	.envoy-modal__body {
		font-size: 1rem; margin: 0 0 1.75rem;
	}
	.envoy-modal__btn {
		font-size: 0.95rem; padding: 0.7rem 2.25rem;
	}


	/*====================================================================================*/
	/*====================== Fabric Library:Registration Page Design =====================*/
	.Registration-Section{
		margin-bottom:15px;
	}
	.Registration-Hero{
		padding:8px 16px 4px;
	}
	.Registration-Hero-Text{
		font-size:1rem;
	}
	.Registration-Wrap{
		gap:24px; margin:36px auto 0; max-width:1180px; padding:0 16px 56px;
	}
	.Registration-Card, .Registration-Info{
		flex:1 1 460px; padding:28px 28px 24px;
	}
	.Registration-Title{
		font-size:1rem; margin:0 0 20px; padding-bottom:12px;
	}
	.Registration-Row{
		gap:16px; margin-bottom:16px;
	}
	.Registration-Row .Registration-Group{
		min-width:160px;
	}
	.Registration-Label{
		font-size:0.8125rem; margin-bottom:6px;
	}
	.Registration-InputWrap i{
		font-size:0.875rem;
	}
	.Registration-InputWrap input{
		padding-left:36px;
	}
	.Registration-Input, .Registration-Select{
		padding:10px 12px; font-size:0.875rem;
	}
	label.error{
		font-size:0.75rem; margin-top:5px;
	}
	.Registration-AccessPeriod{
		gap:10px 22px; padding:12px 16px;
	}
	.Registration-AccessPeriod label{
		gap:6px; font-size:0.875rem;
	}
	.Registration-AccessPeriod input[type="radio"]{
		width:16px; height:16px;
	}
	.Registration-Captcha{
		gap:16px; padding:14px 20px; margin-bottom:20px;
	}
	.Registration-Captcha-Question{
		gap:10px; font-size:1rem;
	}
	.Registration-Captcha-Question input{
		width:64px; padding:8px 6px; font-size:0.9375rem;
	}
	.Registration-Captcha-Label{
		font-size:0.75rem;
	}
	.Registration-Submit{
		margin-top:8px; margin-bottom:6px;
	}
	.Registration-Btn{
		gap:8px; padding:12px 26px; font-size:0.875rem;
	}
	.Registration-Info p{
		font-size:1rem;
	}
	.Registration-Info a{
		font-size:1rem;
	}
	.Registration-List li{
		font-size:1rem; padding:8px 0 8px 26px;
	}
	.Registration-List li::before{
		top:9px; font-size:0.75rem;
	}
	.Registration-Divider{
		height:1px; margin:22px 0;
	}


/*==================================================================================*/
/*========================= Fabric Library : Login Page ============================*/	
	.Login-Wrap{
		max-width:1180px; margin:36px auto 0; padding:0 16px 56px;
	}
	.Login-Card{
		max-width:480px; padding:28px 28px 24px;
	}
	.Login-Title{
		font-size:1rem; margin:0 0 20px; padding-bottom:12px;
	}
	.Login-Warning{
		gap:10px; padding:10px 14px; margin-bottom:18px; font-size:0.82rem;
	}
	.Login-Warning-Close{
		font-size:0.82rem; line-height:1; padding:2px 4px;
	}
	.Login-Group{
		margin-bottom:16px;
	}
	.Login-Label{
		font-size:0.82rem; margin-bottom:6px;
	}
	.Login-InputWrap i{
		left:12px; font-size:0.90rem;
	}
	.Login-InputWrap input{ 
		padding-left:36px; 
	}
	.Login-Input{
		padding:10px 12px; font-size:0.90rem;
	}
	label.error{
		font-size:0.75rem; margin-top:5px;
	}
	.Login-Forgot{
		margin-bottom:18px;
	}
	.Login-Forgot a{
		font-size:0.75rem;
	}
	.Login-Captcha{
		gap:16px; padding:14px 20px; margin-bottom:20px;
	}
	.Login-Captcha-Question{
		gap:10px; font-size:.95rem;
	}
	.Login-Captcha-Question input{
		width:64px; padding:8px 6px; font-size:0.90rem;
	}
	.Login-Captcha-Label{
		font-size:0.75rem; 
	}
	.Login-Submit{
		margin-top:4px;
	}
	.Login-Btn{
		gap:8px; padding:12px 26px; font-size:0.90rem;
	}
	.Login-Footer{
		margin-top:20px; padding-top:16px;
	}
	.Login-Footer p{
		font-size:0.82rem;
	}
	
/*====================================================================================*/
/*====================== Fabric Library : Forget Password Page =======================*/
	.Forget-Wrap{
		max-width:1180px; margin:36px auto 0; padding:0 16px 56px;
	}
	.Forget-Card{
		max-width:480px; padding:28px 28px 24px;
	}
	.Forget-Title{
		font-size:1rem; margin:0 0 20px; padding-bottom:12px;
	}
	.Forget-Subtext{
		font-size:.82rem;  margin:0 0 20px; 
	}
	.Forget-Group{
		margin-bottom:16px;
	}
	.Forget-Label{
		font-size:0.82rem; margin-bottom:6px;
	}
	.Forget-InputWrap i{
		left:12px; font-size:0.90rem;
	}
	.Forget-InputWrap input{ 
		padding-left:36px; 
	}
	.Forget-Input{
		padding:10px 12px; font-size:0.90rem;
	}
	label.error{
		font-size:0.75rem; margin-top:5px;
	}
	.Forget-Captcha{
		gap:16px; padding:14px 20px; margin-bottom:20px;
	}
	.Forget-Captcha-Question{
		gap:10px; font-size:.95rem;
	}
	.Forget-Captcha-Question input{
		width:64px; padding:8px 6px; font-size:0.90rem;
	}
	.Forget-Captcha-Label{
		font-size:0.75rem;
	}
	.Forget-Submit{
		margin-top:4px;
	}
	.Forget-Btn{
		gap:8px; padding:12px 26px; font-size:0.90rem;
	}
	.Forget-Footer{
		margin-top:20px; padding-top:16px;
	}
	.Forget-Footer p{
		font-size:0.82rem;
	}
	
/*==================================================================================*/
/*===================== Fabric Library : Reset Password Page =======================*/
	.Reset-Wrap{
		max-width:1180px; margin:36px auto 0; padding:0 16px 56px;
	}
	.Reset-Card{
		max-width:480px; padding:28px 28px 24px;
	}
	.Reset-Title{
		font-size:1rem; margin:0 0 20px; padding-bottom:12px;
	}
	.Reset-Subtext{
		font-size:.82rem;  margin:0 0 20px;
	}
	.Reset-Group{
		margin-bottom:16px;
	}
	.Reset-Label{
		font-size:0.82rem; margin-bottom:6px;
	}
	.Reset-InputWrap i{
		left:12px; font-size:0.90rem;
	}
	.Reset-InputWrap input{ 
		padding-left:36px;
	}
	.Reset-Input{
		padding:10px 12px; font-size:0.90rem;
	}
	label.error{
		font-size:0.75rem; margin-top:5px;
	}
	.Reset-Submit{
		margin-top:4px;
	}
	.Reset-Btn{
		gap:8px; padding:12px 26px; font-size:0.90rem;
	}


/*=================================================================================*/
/*================ Fabric Library: Library Home (After Login) =====================*/
	.library-hero-section{
		min-height: calc(100vh - 120px);
	}
	.sub-library-hero-section{
		grid-template-columns: repeat(2, 440px); gap:5px;
	}
	.library-hero-overlay{
		padding:26px 26px 24px 26px;
	}
	.library-hero-caption{
		transform:translateY(40px);
	}
	.library-hero-category{
		font-size:1.5rem; margin:0 0 10px 0;
	}
	.library-hero-tile:hover 
	.library-hero-category::after{
		width:56px;
	}
	.library-hero-tagline{
		font-size:0.90rem; margin:0 0 12px 0;
	}
	.library-hero-explore-wrap{
		margin-top:12px;
	}
	.library-hero-explore{
		font-size:0.75rem; padding:6px 14px;
	}
	.library-hero-empty{
		padding:60px 20px;
	}

	/* library eco section */
	.library-eco-section{
		padding:130px 24px;
	}
	.library-eco-section::before,
	.library-eco-section::after{
		width:1px; height:56px;
	}
	.library-eco-section::before{
		top:44px;
	}
	.library-eco-section::after{
		bottom:44px;
	}
	.library-eco-eyebrow{
		gap:10px;  font-size:.90rem;
	}
	.library-eco-eyebrow i{
		font-size:1.125rem; 
	}
	.library-eco-lead{
		font-size:1.5rem; margin:0 auto 44px auto;
	}
	.library-eco-statement{
		font-size:4.5rem; margin:0 0 48px 0;
	}
	.library-eco-button{
		gap:12px; font-size:1.125rem; padding:18px 32px;
	}
	.library-eco-button-arrow{
		font-size:1rem; 
	}
	
	/*  Library Intro / Browse-All Section */
	.library-intro-section{
		margin-top:60px; margin-bottom: 60px; 
	}
	.library-intro-image-wrap{
		flex:1 1 50%; max-width:50%; min-height:420px;
	}
	.library-intro-badge{
		left:28px; bottom:28px;
	}
	.library-intro-badge-number{
		font-size:1.60rem;
	}
	.library-intro-badge-label{
		font-size:.64rem;
	}
	.library-intro-content{
		flex:1 1 50%; max-width:50%;  padding:60px 70px; 
	}
	.library-intro-text{
		font-size:.95rem; margin:0 0 32px 0; max-width:480px;
	}
	.library-intro-button{
		font-size:1rem; padding:18px 30px;
	}

	/*  Envoy Feature Stories Strip */
	.library-stories-section{
		padding:100px 24px 100px 24px;
	}
	.library-stories-inner{
		max-width:1280px; margin:0 auto;
	}
	.library-stories-heading{
		margin-bottom:56px;
	}
	.library-stories-eyebrow{
		font-size:.82rem; margin:0 0 14px 0;
	}
	.library-stories-title{
		font-size:2.5rem;
	}
	.library-stories-list{
		gap:40px;
	}
	.library-story-row{
		gap:28px; padding:36px 44px;
	}
	.library-story-row-media{
		max-width:230px; min-width:160px; max-height:230px;
	}
	.library-story-row-kicker{
		font-size:.62rem; padding:4px 10px; margin:0 0 12px 0;
	}
	.library-story-row-title{
		font-size:1.35rem; margin:0 0 14px 0;
	}
	.library-story-row-details{
		font-size:.95rem;
	}
	
	/* Keep Explore Section */
	.library-curious-content{
		flex:1 1 50%; max-width:50%;  padding:70px 70px;
	}
	.library-curious-eyebrow{
		font-size:.82rem; margin:0 0 18px 0;
	}
	.library-curious-title{
		font-size:2.25rem; margin:0 0 18px 0;
	}
	.library-curious-text{
		font-size:.95rem; margin:0 0 30px 0; max-width:460px;
	}
	.library-curious-button{
		gap:12px; font-size:.95rem; padding:18px 32px;
	}
	.library-curious-arrow{
		font-size:1.0rem; 
	}
	.library-curious-image-wrap{
		flex:1 1 50%; max-width:50%; min-height:440px;
		}

	/*====================================================================================*/
	/*======================= Fabric Library: Collection Page ============================*/
	/* Product Showing Section */
	.collection-hero{
		min-height:380px;
	}
	.collection-hero-inner{
		padding:44px 44px 24px 44px;
	}
	.collection-hero-panel{
		max-width:640px; padding:28px 32px 26px 28px; border-radius:1px; border-left:3px solid var(--lime);
	}
	.collection-hero-eyebrow{
		font-size:.80rem; 
	}
	.collection-hero-title{
		font-size:3.35rem;  margin:0 0 12px 0;
	}
	.collection-hero-tagline{
		font-size:1.125rem;
	}
	/* Feature grid */
	.collection-hero-features{
		grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px 24px; margin-top:18px; padding-top:16px; 
	}
	.collection-hero-feature{
		gap:9px;
	}
	.collection-hero-feature-mark{
		width:6px; height:6px; margin-top:6px;
	}
	.collection-hero-feature-text{
		font-size:.78rem;
	}

	/* Results bar */
	.collection-results-bar{
		gap:16px; padding:36px 44px 36px 44px; font-size:.95rem; 
	}
	.collection-results-text{
		gap:8px;
	}
	.collection-results-icon{
		font-size:.72rem;	
	}

	/* Home link */
	.collection-home-link{
		gap:7px; font-size:.75rem; padding:8px 16px;
	}
	.collection-home-link i{
		font-size:.82rem
	}

	/* Groups Search + Home together */
	.collection-results-actions{
		gap:10px;
	}
	.collection-search-btn{
		gap:7px; font-size:.75rem; padding:8px 16px;
	}
	.collection-search-btn i{
		font-size:.82rem
	}

	/* Active filters - shows selected criteria */
	.collection-active-filters{
		font-size:.82rem; gap:8px 10px; padding:8px 44px 18px 44px;
	}
	.collection-active-filters-label{
		font-size:.75rem; 
	}
	.collection-active-filter-chip{
		gap:6px; padding:5px 10px 5px 12px;
	}
	.collection-active-filter-chip-remove{
		width:15px; height:15px; font-size:.75rem;
	}
	.collection-active-filters-clear{
		font-size:.78rem; margin-left:4px;
	}

	/* Fabric search popup */
	.collection-search-overlay{
		padding:24px;
	}
	/* Outer card */
	.collection-search-modal{
		max-width:920px; max-height:90vh;
	}
	/* Inner body - scrollable area  */
	.collection-search-modal-body{
		padding:40px 46px 34px 46px;
	}
	.collection-search-close{
		width:44px; height:44px; font-size:1.25rem;
	}
	.collection-search-title{
		font-size:1.5rem; margin:0 0 26px 0;
	}
	.collection-search-grid{
		grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); column-gap:40px; row-gap:22px; 
	}
	.sr-only{
		width:1px; height:1px; 
	}

	/* Dark "glass" fields over the photo */
	.collection-search-field select,
	.collection-search-field input[type="text"]{
		font-size:.90rem;  padding:14px 18px;
	}
	.collection-search-suggestions{
		margin-top:4px; height:230px;
	}
	.collection-search-suggestion{
		font-size:.90rem; padding:10px 14px;
	}

	/* Can't search empty" */
	.collection-search-error{ 
		margin:20px 0 0 0; padding:10px 14px;
	}
	.collection-search-actions{ 
		gap:12px; margin-top:24px;
	}
	.collection-search-submit, .collection-search-reset{ 
		gap:9px; padding:12px 24px; font-size:.80rem;
	}

	/* Product grid */
	.collection-products-grid{ 
		grid-template-columns:repeat(5, 1fr); align-items:start; gap:30px 26px; padding:22px 44px 90px 44px;
	}
	.collection-product-fabrication{ 
		padding:12px 12px 16px 12px; 
	}
	.collection-product-fabrication span{ 
		font-size:.68rem;
	}

	/* White strip under the photo. */
	.collection-product-footer{ 
		min-height:52px;
	}
	.collection-product-code{ 
		font-size:.95rem;
	}
	.collection-products-empty{ 
		padding:80px 44px; font-size:1.10rem;
	}

	/* Pagination bar */
	.collection-pagination{ 
		gap:8px; padding:0 44px 70px 44px;
	}
	.collection-pagination-page, .collection-pagination-arrow{ 
		font-size:.82rem; min-width:42px; height:42px; padding:0 10px;
	}
	.collection-pagination-ellipsis{ 
		min-width:24px; height:42px; font-size:.82rem;
	}

	/*====================================================================================*/
	/*============================ Fabric View Page Design ===============================*/

	/* Breadcrumb*/
	.FabricView-Breadcrumb{
		font-size:.82rem; gap:8px; padding: 6px 20px; margin:0 4px 0 auto;  border:1px solid rgba(20,20,10,0.06);
	}
	.FabricView-Breadcrumb a{
		gap:6px;
	}
	.FabricView-Breadcrumb a::after{
		bottom:-1px; height:2px; border-radius:2px;
	}
	.FabricView-BreadcrumbHome i{
		font-size:.72rem;
	}
	.FabricView-Breadcrumb > i{
		font-size:.72rem;
	}
	.FabricView-NotFound{
		font-size:1.0rem; padding:60px 4px 80px 4px;
	}
	.FabricView-NotFound a{
		margin-top:10px;
	}
	
	/* Fabric View - main layout */
	.FabricView-Layout{
		--fabric-media-h: calc(100vh - 240px); grid-template-columns:minmax(0, 1fr) 12% 31%; column-gap:16px; row-gap:0; padding:2px 2px 2px 2px;
	}
	.FabricView-Stamps{
		grid-template-rows:repeat(3, 1fr); gap:10px;
	}
	.FabricView-Disclaimer{
		padding:4px 16px; font-size:.72rem; gap:10px;
	}
	.FabricView-Disclaimer i{
		width:14px; height:14px; font-size:.64rem;
	}

	/* Stamps - thumbnail + caption bar */
	.FabricView-Stamp span{
		padding:6px 4px; font-size:.70rem;
	}
	.FabricView-Stamp.is-active img{
		border-width:3px; 
	}
	.FabricView-Stamp.is-active::after{
		top:6px; right:6px; width:18px; height:18px; line-height:18px; font-size:.70rem;
	}

	/* Info panel - a distinct white card */
	.FabricView-InfoCard{
		padding:22px 22px 18px 22px;
	}
	.FabricView-InfoCard::before{
		height:5px;
	}
	.FabricView-Eyebrow{
		font-size:.70rem; margin:0 0 6px 0;
	}
	.FabricView-StyleBadge{
		font-size:1.75rem; margin:0 0 16px 0; padding-bottom:14px; 
	}
	.FabricView-StyleBadge::after{
		width:56px; height:3px; border-radius:3px;
	}
	.FabricView-DetailRow{
		gap:16px; padding:10px 10px 10px 10px;
	}
	.FabricView-DetailRow::before{
		width:3px;
	}
	.FabricView-DetailLabel{
		font-size:.75rem;
	}
	.FabricView-DetailValue{
		font-size:.90rem;
	}
	.FabricView-AskBtn{
		gap:9px; margin-top:18px; padding:13px 18px;  font-size:.82rem;
	}



	/* Toolbar wrapper */
	.FabricView-ZoomToolbar{
		top:12px; right:12px; gap:8px;
	}
	.FabricView-ZoomToggleBtn{
		gap:7px; height:38px; padding:0 16px; font-size:.72rem;
	}
	.FabricView-ZoomBtn{
		width:38px; height:38px; font-size:.92rem;
	}
	.FabricView-ZoomLevel{
		min-width:34px; padding:0 4px; font-size:.75rem;
	}

	/* Similar Products Heading */
	.FabricView-Similar{
		margin:40px 0 32px 0; padding:32px 4px 0 4px;
	}
	.FabricView-Similar::before{
		height:1px;
	}
	.FabricView-SimilarHeading{
		font-size:1.35rem; margin:0 0 22px 0; padding-bottom:14px;
	}
	.FabricView-SimilarHeading::after{
		left:0; bottom:0; width:48px; height:3px; border-radius:3px;
	}
	.FabricView-SimilarHeadingSub{
		font-size:.82rem;
	}

	/* Similar Products Card */
	.FabricView-SimilarGrid{
		grid-template-columns:repeat(5, 1fr); gap:16px; 
	}
	.FabricView-SimilarCardNoImage{
		font-size:1.75rem;
	}
	.FabricView-SimilarCardFooter{
		gap:2px; padding:8px 10px 10px 10px; border-top:1px solid rgba(20,20,10,0.08);
	}
	.FabricView-SimilarCardStyle{
		font-size:.84rem;
	}
	.FabricView-SimilarCardComposition{
		margin-top:3px; padding:2px 1px; font-size:.70rem;
	}


	/*===================================================================================*/
	/*============================= Explore Page Design =================================*/
	/* Adriano Goldschmied Tribute  */
	.AdrianoTribute{ 
		min-height:calc(100vh - 120px) !important; margin-top: 120px; padding:25px 90px;
	}
	.AdrianoTribute-Frame{ 
		grid-template-columns:minmax(240px, 420px) 1fr; gap:68px; max-width: 1220px;
	}
	.AdrianoTribute-Media-Img{ 
		max-height:min(440px, 68vh);
	}
	.AdrianoTribute-Eyebrow{ 
		font-size:1.10rem; margin:30px 0 6px 0; 
	}
	.AdrianoTribute-Title{ 
		font-size:2.35rem; margin:0 0 18px 0; 
	}
	.AdrianoTribute-Badge{ 
		font-size:.78rem; gap:8px; padding:8px 18px; margin-bottom:24px;
	}
	.AdrianoTribute-Text p{ 
		font-size:1.10rem; margin:0 0 16px 0; 
	}
	.AdrianoTribute-Stitch{ 
		height:1px; margin:30px 0 26px 0; 
	}
	.AdrianoTribute-Signature{ 
		font-size:1.05rem; margin:0 0 8px 0;
	}
	.AdrianoTribute-Closing{ 
		font-size:1.05rem; margin:0 0 30px 0;
	}
	
	/* Rickshaw Heritage  */
	.RickshawHeritage{ 
		padding:75px 90px;
	}
	.RickshawHeritage-Frame{ 
		grid-template-columns:minmax(240px, 420px) 1fr; gap:60px;
	}
	.RickshawHeritage-Media{ 
		max-width:1180px;
	}
	.RickshawHeritage-Media-Frame{ 
		padding:5px;
	}
	.RickshawHeritage-Media-Mat{ 
		padding:10px;
	}
	.RickshawHeritage-Title{ 
		font-size:2.35rem; margin:0 0 22px 0; 
	}
	.RickshawHeritage-Eyebrow{ 
		font-size:.95rem; margin:0 0 10px 0;
	}
	.RickshawHeritage-Tagline{ 
		font-size:.82rem; margin:0 0 30px 0;
	}
	.RickshawHeritage-Text p{ 
		font-size:1.10rem; margin:0 0 18px 0;
	}

	/* Investment Journey  */
	.InvestmentJourney{ 
		padding:140px 90px 120px;
	}
	.InvestmentJourney::before{ 
		top:22px; bottom:22px; border-top:2px dashed rgba(224,168,90,0.35); border-bottom:2px dashed rgba(224,168,90,0.35);
	}
	.InvestmentJourney-Eyebrow{ 
		font-size:2.95rem; margin:0 0 40px 0;
	}
	.InvestmentJourney-Patches{ 
		gap:36px; margin-top:20px; 
	}
	.InvestmentJourney-Patch{ 
		width:480px; padding:30px 30px 26px;
	}
	.InvestmentJourney-Patch::before{ 
		border:1.5px dashed rgba(255,232,199,0.4); 
	}
	.InvestmentJourney-Flag{ 
		top:-11px; right:18px; font-size:.62rem; padding:5px 12px; 
	}
	.InvestmentJourney-Patch-Title{ 
		font-size:1.125rem; margin:4px 0 0 0; 
	}
	.InvestmentJourney-Patch-Subtitle{ 
		font-size:.75rem; margin:4px 0 0 0;
	}
	.InvestmentJourney-Patch-Rule{ 
		margin:14px auto 20px; border-top:1.5px dashed rgba(43,26,13,0.4); 
	}
	.InvestmentJourney-Patch-Icon{ 
		width:52px; height:52px; margin-bottom:10px; 
	}
	.InvestmentJourney-Check{ 
		top:-4px; right:-4px; width:19px; height:19px; 
	}
	.InvestmentJourney-Clock{ 
		top:-4px; right:-4px; width:19px; height:19px; 
	}
	.InvestmentJourney-Patch-Item span{ 
		font-size:.75rem;
	}
	.InvestmentJourney-Patch-Note{ 
		font-size:.62rem;  max-width:125px;
	}
	
	/* Fabric Tags  */
	.FabricTags{ 
		padding:110px 90px 100px; 
	}
	.FabricTags-Frame{ 
		max-width:100%; 
	}
	.FabricTags-Eyebrow{ 
		font-size:.82rem; margin:0 0 12px 0; 
	}
	.FabricTags-Title{ 
		font-size:2.95rem; margin:0 0 64px 0;
	}
	.FabricTags-Row{ 
		grid-template-columns:repeat(3, minmax(240px, 280px)); gap:30px; max-width:960px;
	}
	.FabricTags-Card{ 
		padding:38px 26px 30px; 
	}
	.FabricTags-Hole{ 
		width:14px; height:14px;
	}
	.FabricTags-IconWrap{ 
		margin:26px auto 18px; width:56px; height:56px; 
	}
	.FabricTags-Label{ 
		font-size:.92rem; margin:0 0 14px 0;
	}
	.FabricTags-Stitch{ 
		height:1px; margin:0 auto 16px; 
	}
	.FabricTags-Values{ 
		font-size:.85rem;
	}

	/* indigo scraf */
	.IndigoScarf-Frame{ 
		grid-template-columns:1fr minmax(340px, 46%); min-height:520px;
	}
	.IndigoScarf-Content{ 
		padding:80px 90px 80px 60px;
	}
	.IndigoScarf-Mark{ 
		gap:1px; margin-bottom:10px; 
	}
	.IndigoScarf-Eyebrow{ 
		font-size:.78rem; margin:0 0 2px 0;
	}
	.IndigoScarf-Wordmark{ 
		font-size:5.75rem;
	}
	.IndigoScarf-Icon{
		max-width:70px;
	}
	.IndigoScarf-Tagline{ 
		font-size:.82rem;
	}
	.IndigoScarf-Subtitle{ 
		font-size:.90rem; margin:8px 0 24px 0; max-width:252px;
	}
	.IndigoScarf-Text p{ 
		font-size:.95rem; margin:0 0 16px 0;
	}
	.IndigoScarf-Badge{ 
		font-size:.72rem; margin-top:30px; padding:9px 20px;
	}
	.IndigoScarf-Media{ 
		min-height:420px;  
	}
	
	/* Go Green Banner */
	.GoGreenBanner{ 
		min-height:250px; padding:40px 90px; 
	}
	.GoGreenBanner-Frame{ 
		max-width:1180px; gap:40px;
	}
	.GoGreenBanner-Icon{ 
		width:80px; height:80px;   
	}
	.GoGreenBanner-Icon svg{ 
		width:40px; height:40px; 
	}
	.GoGreenBanner-Eyebrow{ 
		font-size:.80rem; margin:0 0 8px 0; 
	}
	.GoGreenBanner-Title{ 
		font-size:1.95rem; margin:0 0 10px 0;
	}
	.GoGreenBanner-Subtitle{ 
		font-size:.90rem; max-width:520px;
	}
	.GoGreenBanner-Cta{ 
		gap:10px; padding:15px 30px; font-size:.88rem;
	}
	.GoGreenBanner-Cta svg{ 
		width:14px; height:14px;
	}


/*====================================================================================*/
/*================ Facilities:Denim Production Textiles Page Design ==================*/
	.accordion strong{
		font-size: 1.30rem
	}
	.accordion .bullets {
		max-height:20px; padding-right:10px
	}
	.accordion p{
		font-size: 1.0rem
	}

	/* Facility Carousel Section */
	.envoy-hero-carousel .carousel-caption {
		right: 6%; bottom: 13%;	max-width: 700px;
	}
	.envoy-hero-carousel .carousel-caption .envoy-caption-title{
		font-size:2.75rem; padding:20px 0px;
	}
	/* indicators */
	.envoy-hero-carousel .carousel-indicators {
		gap: 10px; bottom: 62px; right: calc(6% + 120px);
	}
	.envoy-hero-carousel .carousel-indicators [data-bs-target] {
		width: 9px; height: 9px;
	}
	.envoy-hero-carousel .carousel-indicators [data-bs-target].active {
		width: 13px; height: 13px;
	}
	/* arrows */
	.envoy-hero-carousel .control-btn {
		width: 46px; height: 46px;  bottom: 46px;
	}
	.envoy-hero-carousel .control-icon {
		width: 1.15rem;	height: 1.15rem;
	}
	.envoy-hero-carousel .carousel-control-prev {
		right: calc(6% + 58px);
	}
	.envoy-hero-carousel .carousel-control-next {
		right: 6%;
	}

	/* Denim Production Details */
	.envoy-facility-heading {
		margin-bottom: 34px;
	}
	.envoy-facility-eyebrow {
		font-size: .78rem; margin-bottom: 14px;
	}
	.envoy-facility-tagline {
		font-size: 2.4rem;  padding-bottom: 20px; 
	}
	.envoy-facility-tagline::after {
		width: 140px; border-top: 2px dashed #a9823f;
	}
	/* stats */
	.envoy-facility-stats {
		grid-template-columns: repeat(3, 1fr); gap: 26px 22px; margin-bottom: 44px;
	}
	.envoy-stat-card {
		gap: 6px; padding: 26px 24px 22px 28px;
	}
	.envoy-stat-card::before {
		top: 11px; right: 11px; width: 9px; height: 9px;
	}
	.envoy-stat-number {
		font-size: 2.0rem;
	}
	.envoy-stat-label {
		font-size: .88rem;
	}


	/* Facility Sustainable Process Section */
	.fac_header{
		margin-bottom:70px;
	}
	.fac_header span{
		font-size:1rem; padding:12px 22px;
	}
	/* grid */
	.fac_facility{
		gap:20px;
	}
	/* cards */
	.fac_step{
		border-radius:24px; padding:30px; width:calc(25% - 21px); /* 21px = gap:20px + 1px border */
	}
	/* glow */
	.fac_step::before{
		width:180px; height:180px; top:-70px; right:-70px;
	}
	/* number */
	.fac_num{
		font-size:0.90rem; letter-spacing:2px;
	}
	/* icon */
	.fac_icon{
		width:85px; height:85px; border-radius:24px; margin-bottom:26px;
	}
	.fac_icon::before{	
		border-radius:24px; border-width: 2px; padding:2px;
	}
	.fac_icon span{
		font-size:2.20rem;
	}
	/* title */
	.fac_step h3{
		font-size:1.4rem; margin-bottom:18px; letter-spacing:.3px;
	}
	/* paragraph */
	.fac_step p{
		line-height:1.7; font-size:.95rem; padding-left:16px;
	}
	/* highlight line */
	.fac_step p::before{
		left:0; top:4px; width:3px; border-radius:10px;
	}
	/* tag area */
	.fac_bottom{
		bottom:25px;
	}
	/* minimal tag */
	.fac_tag{
		font-size: 0.75rem; padding-bottom:6px;
	}
	/* underline animation */
	.fac_tag::after{
		height:2px; 
	}



/*========================================================================================*/
/*==================== Facilities: Others Facility Page Design =========================*/
/* Others Facility Hero Section */
.OFHeroWrap .OFBlank{ 
	height:clamp(40px,7vh,80px);
}
.OFHero{
	padding:45px 90px;
}
.OFHero__glow{
	width:640px; height:640px;
}
.OFHero__frame::before, .OFHero__frame::after{
	width:54px; height:54px;
}
.OFHero__frame::before{ 
	border-width:1px 0 0 1px;
}
.OFHero__frame::after{ 
	border-width:1px 1px 0 0;
}
.OFHero__inner{ 
	max-width:880px;
}
.OFHero__eyebrow{
	gap:14px; margin-bottom:18px; font-size:.80rem;
}
.OFHero__eyebrow-line{
	width:25px; height:1px;
}
.OFHero__title{ 
	margin:0 0 clamp(12px,2.6vh,28px);
}
.OFHero__line--lead{ 
	margin-bottom:clamp(2px,.8vh,8px);
}
.OFHero__line--lead > span{
	font-size:3rem; 
}
.OFHero__line--main > span{
	font-size:5rem;
}
.OFHero__subtitle{
	font-size:1.0rem; max-width:740px; margin:0 0 26px; padding-left:18px; border-left:2px solid rgba(201,162,39,.7); 
}
.OFHero__cta{
	gap:14px; font-size:.80rem; 
}
.OFHero__cta-icon{
	width:24px; height:38px; border-radius:14px; border:2px solid rgba(233,207,122,.8);
}
.OFHero__cta-wheel{
	top:7px; width:4px; height:8px; margin-left:-2px;
}


/* Body Part of Others Facility */
.OFStory__rail{
	right:45px; gap:12px;
}
.OFStory__rail button{
	width:12px; height:12px;  border:1px solid rgba(255,255,255,.4);
}
.OFPanel{
	padding:90px 90px; border-top:1px solid rgba(255,255,255,.06);
}
.OFPanel__content{ 
	max-width:1080px;
}
.OFPanel__title{
	font-size:3.0rem; margin:0px 0px 12px;
}
.OFPanel__desc{
	font-size:1.0rem; 
}



/*========================================================================================*/
/*==================== Sustainability: LEED PLATINUM Page Design =========================*/
.lion {	
	min-height: calc(100vh - 100px); padding: 1.5rem 2rem; 
}
.lion-eyebrow{
	font-size: clamp(1rem, 1.10vw, 2rem); margin-bottom: 1.20rem;
}
.lion-leed-wordmark img{	
	width:clamp(320px,18vw,420px); margin-bottom: 1.20rem;
}
.lion-title {
	font-size: clamp(2rem, 5vw, 3.4rem); margin-bottom: 1.20rem;
}
.lion-title .line-gold {
	-webkit-text-stroke: 1.5px var(--gold);
}
.lion-com-type {
	font-size: clamp(1rem, 6vw, 1.5rem);
}
.lion-score-display {
	margin: 1.2rem 0 1.0rem 0;
}
.total-score-big {
	font-size: clamp(2rem, 5vw, 3.4rem);
}
.score-slash { 
	font-size: 2.2rem;
}
.score-total { 
	font-size: 2.2rem;
}
.score-label-block .lbl {
	font-size: .70rem;
}

/* Scores Section Start */
.leed-cmp-row{
	padding:0px 0px;
}
.scores-section {
    padding: 120px 0 40px;
}
.leed-cmp-eyebrow{
	font-size:0.85rem; margin-bottom:10px;
}
.section-heading {
	font-size: clamp(2rem, 6vw, 4rem); margin-bottom: 2rem;
}

/* Leed Counter & Header */
.leed-cmp-switch{
	gap:4px; padding:5px; margin:0 auto 2.25rem;
}
.leed-cmp-tab{
	gap:2px; padding:8px 32px;
}
.leed-cmp-tab-year{ 
	font-size:1.3rem;
}
.leed-cmp-tab-label{ 
	font-size:0.6rem;
}

/* Swatch for total score */
.leed-cmp-total{
	max-width: 980px; border: 1px dashed rgba(232,200,122,0.55); margin: 0 0 2.25rem auto; padding: 14px 32px 32px 32px; gap:10px;
}
.leed-cmp-total::after{
	height:12px; bottom:-2px;
}
.leed-cmp-total-bottom{ 
	gap:20px;
}
.leed-cmp-total-track{
	height:7px;
}
.leed-cmp-total-figures{ 
	width:180px; gap:6px;
}
.leed-cmp-total-num{ 
	font-size:1.5rem; min-width:50px;
}
.leed-cmp-total-slash{ 
	font-size:0.95rem;
}
.leed-cmp-total-max{ 
	font-size:0.95rem;
}
.leed-cmp-total-label{ 
	margin-left:8px; font-size:0.90rem;
}
.leed-cmp-total-rating{ 
	font-size:1rem; padding-bottom:9px;
}

  /* Score cards grid */
.scores-grid {
    grid-template-columns: repeat(4, minmax(300px, 1fr)) !important; gap: 15px!important;
	padding: 4px 0 32px!important;
}
.scores-grid .score-card {	
	border: 1px solid rgba(20,17,10,0.16); padding: 25px 15px!important; margin-bottom: 0 !important;
}
.scores-grid .card-top{
	gap: 12px; margin-bottom: 16px!important;
}
.leed-cmp-tag{
	font-size:0.62rem; border:1px solid currentColor; padding:3px 9px;
}
.scores-grid .leed-cmp-val{
	font-size: 1.25rem;
}
.scores-grid .leed-cmp-max{
	font-size: 0.78rem;
}
.scores-grid .card-name{
    font-size: 1.0rem; margin-bottom: 10px!important; min-height: 2.6rem;
}
.leed-cmp-icon{
	margin-right: 0.55rem; font-size: 0.92rem!important; line-height: 1.35; margin-top: 0.15em;
}
.scores-grid .card-number{
	font-size: 3.75rem !important;
}
.card-bar-track {
    margin-top: 16px!important; height: 8px; border-radius: 2px;
}


/* Details Section */
.details-section{
	padding: 100px 0px; 
}
.details-left .big-quote {
    font-size: clamp(2rem, 6vw, 4rem); margin-bottom: 2rem;
}
.details-body {
	line-height: 1.65; font-size: 1.0rem;
}
.details-body p + p { 
	margin-top: 2.65rem;
}

/* Video Section */
.videos-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.yt-btn {
	width: 70px; height: 70px;
} 
.video-info{
	padding: 1rem 1.5rem;
}
.video-info p {
	 line-height: 1.5; font-size: .90rem; 
}
.vid-modal-box {
	max-width: 1000px;
}
.vid-modal-close {
	font-size: 2.75rem;
}


/*========================================================================================*/
/*======================= Sustainability: GO GREEN Page Design ===========================*/
.hero{
 	padding: 50px 70px;
}
.hero-main{
  	padding-bottom:clamp(1.5rem,4vw,3rem);
}
.hero-eyebrow{
  	font-size:.95rem;
}
.hero-h1{
  	font-size:clamp(4rem,5vw,6rem);
}
.hero-h1 .pre {
    font-size: clamp(2rem, 2.5vw, 3rem);
}
.hero-h2{
  	font-size:clamp(6rem,7.5vw,9rem);
}
.hero-h2 .outline{
  	 -webkit-text-stroke:1.5px rgba(255,255,255,.75);
}
.hero-stats-heading{
	font-size: .95rem; 
}
.hero-quote{
  	font-size:clamp(.70rem,1.2vw,.90rem); max-width:380px; 
}
.hs{
	padding: 15px 7.5px; min-width:130px; 
}
.hs-n{
	font-size:clamp(1.20rem,2.5vw,1.75rem);
}
.hs-l{
	font-size:.75rem;
}
.hero-scroll{
  	bottom:10px; right:40px;
}
.scroll-line{
	width:2px; height:75px;
}

 /* ticker section */
.ticker span{
  	font-size:.75rem;
}

 /* Score section */
.score{
	padding:100px 80px;
}
.score-h{
	font-size:4rem; margin-bottom: 0px;
}
.score-h em{
	font-size: 2rem;
}
.score-grid{
	grid-template-columns:repeat(3,1fr)
}
.sc-name{
	font-size:.90rem;
}
.sc-num{
  	font-size:3rem;
}
.sc-num sub{
	font-size: 2.0rem; bottom: -7px;
}
.sc-desc{
	font-size:.90rem; min-height: 50px; margin-top:7px;
}
.sc-bar{
	height:2.5px; margin-top:7px;
}
.sc-fill{
	height:2.5px;
}
.sc-target{
	font-size:.75rem;  margin-top:.4rem;  min-height: 35px;
}

.sc-nav{
	gap:.8rem;
}
.sc-arrow{
	width:32px; height:32px; border:1px solid rgba(255,255,255,.16);
}
.sc-arrow i{
	font-size:.8rem;
}
.sc-dots{
	gap:.75rem;
}
.sc-dot{
	width:7px; height:7px;
}
.sc-count{
	font-size: 0.8rem; margin-left: 12px;
}

/* Fusion (Image) Section */
.fusion{
  	grid-template-columns:1.55fr 1fr; grid-template-rows:340px 240px;
}
.fu-tag{
	font-size:.75rem;
}
.fu-title{
	font-size:1.25rem;
}

/* Pillars Section*/
.ph-sub{
	font-size:2.05rem; text-align:right; 
}
.pillar{
 	grid-template-columns:clamp(150px,20vw,240px) 1fr clamp(10px,15vw,10px); gap:clamp(1.5rem,4vw,3.5rem); padding:clamp(2rem,4.5vw,3.2rem) 1.8rem;
}
.pillar::before{
  	height:2px;
}
.pillar:hover::before{
	width:20%;
}
.p-ghost{
  	font-size:clamp(3.2rem,7vw,5.5rem);
}
.p-name{
  	font-size:clamp(1.35rem,2.6vw,1.95rem);
}

.p-lede{
  	font-size:1.35rem; line-height:1.4; margin:0 0 20px; padding-left:20px;
}
.p-lede::before{
	top:2.5px; bottom:2.5px; width:5px;
}
.a-list{
	gap:10px;
}
.a-row{
	border:1px solid var(--rule);
}
.a-head{
	gap:10px; padding:10px 20px;
}
.a-row.is-open .a-num{ 
	padding-right:10px; border-right:1px solid rgba(255,255,255,.70);
}
.a-num{
	font-size:1rem;  padding-right:10px; border-right:1px solid rgba(0,0,0,.70);
}
.a-title{
	font-size:1rem;
}
.a-icon{
	width:20px; height:20px;
}
.a-icon::before{
	height:2px;
}
.a-icon::after{
	width:2px;
}
.p-text{
  	font-size:.95rem;  line-height:1.9;  padding:20px 20px;
}

/*  Traceability Section  */
.trace-inner{
	max-width:95%; padding:90px 80px;
}
.trace-head{
	max-width:88%; margin-bottom:100px;
}
.trace-ey{
	font-size:0.80rem;
}
.trace-h{
	font-size:4.5rem;
}
.trace-h em{
	font-size:4.5rem;
}
.trace-sub{
	font-size:1.0rem;
}
.trace-flow{
	grid-template-columns:repeat(3,1fr); gap:40px;
}
.tf-step::before{
	width:32px;
}
.tf-name{
	font-size:1.10rem;
}
.tf-desc{
	font-size:0.95rem;
}

/* Digital Traceability Ecosystem */
.dt-section{
	padding: 100px 0px;
}
.dt-section::before{
	background-size: 56px 56px;
}
.dt-inner{
	padding:0 80px;
}
.dt-head{
	max-width:760px; margin:0 auto 64px;
}
.dt-eyebrow{
	font-size:.8rem; margin-bottom:14px;
}
.dt-title{
	font-size:2.75rem; margin:0 0 14px;
}
.dt-sub{
	font-size:1rem;
}
.dt-card{
	border:1px solid rgba(255,255,255,.12); padding:38px 30px 34px;
}
.dt-card::before{
	height:3px;
}
.dt-card-wide{ 
	grid-column: span 2; 
}
.dt-grid{
	grid-template-columns: repeat(3, 1fr); gap:25px;
}
.dt-icon{
	width:56px; height:56px; border-radius:4px; font-size:1.3rem; margin-bottom:24px;
}
.dt-card-title{
	font-size:1.10rem; margin:0 0 24px; padding-bottom:16px;
}
.dt-card-title::after{
	width:62px; height:3px;
}
.dt-tags{
	row-gap:10px;
}
.dt-tags li{
	font-size:.95rem; padding-right:20px; margin-right:10px;
}
.dt-tags li:not(:last-child)::after{
	right:7px; width:4px; height:4px;
}


/* Roadmap Section */
.rm-head{
	margin-bottom:clamp(2.5rem,5vw,4rem); 
}
.rm-h{
	font-size:clamp(2.5rem,7vw,5.5rem);
}
.rm-grid{
  	grid-template-columns:repeat(5,1fr);
}
.rm-yr{
  	font-size:clamp(2.5rem,5vw,4rem);  margin-bottom:.7rem;
}
.rm-pill{
  	font-size:.80rem; margin-bottom:.7rem;
}
.rm-title{
	font-size:.95rem; margin-bottom:.35rem;
}
.rm-desc{
	font-size:.80rem;
}
.rm-inf{
  	font-size:clamp(3rem,7vw,5rem); margin-bottom:.5rem;
}


/* Closing Section */
.closing-h{
  	font-size:clamp(4rem,15vw,13rem);
}
.closing-sub{
  	font-size:.84rem; max-width:550px;
}


/*====================================================================================*/
/*=============== Corporate Social Responsibility Page Design ========================*/
	/*csr-overview sectio*/
	.overview-text p{
		font-size:1.40rem; line-height: 1.75; padding:15px 30px 15px 15px; 
	}
	
	/*csr-writeup-section*/
	.csr-writeup{
		padding:25px 15px 25px 15px; line-height: 1.6;
	}
	.csr-bg h1{
		font-size: 2.80rem;
	}
	.csr-img{
		margin-left: 40px !important; max-width:50%;
	}
	.csr-writeup p{
		font-size:1.0rem; padding: 0px 0px 0px 0px;
	}
	.csr-writeup li{
		font-size:1.0rem; margin:-10px 0px 0px 50px
	}




/*===================================================================================*/
/*======================= Investor Relation Page Design =============================*/	

	/*Investor Relation - Desktop/Laptop Header Section*/
	.investor-header-ul {
		top:102px; padding: 5px 65px;
	}
	.investor-header-ul li {
		margin: .30em .70em; font-size: .80rem;
	}
	.investor-header-ul a {
		padding: 0.3em 0;
	}
	.investor-header-ul a:before {
		height: 3px;
	}
	.investor-header-ul a:after {
		padding: 0.3em 0;
	}

	/*Investor Relation - Sub-Header Desktop/Laptop/Mobile Device Section*/
	.investor-subheader-ul li {
		padding:5px 30px; margin: .35em .70em; font-size:.850rem;
	}
	.investor-subheader-ul a {
		padding: 0.3em 0;
	}
	.investor-subheader-ul a:before {
		height: 3px;
	}
	.investor-subheader-ul a:after {
		padding: 0.3em 0;
	}
	
	/* Investor Relation All Page Common*/
	.share-info-div{
		padding:10px; margin-top:160px!important;
	}
	.share-cominfo-div{
		padding:10px; margin-top:150px!important;
	}
	.InvInfo-Box{
		padding:0px 20px; margin-bottom:30px
	}	
	.InvInfo-Box-Sub-Detail{
		padding:10px 20px; margin-top:-30px; margin-bottom:5px
	}
	.inv-subpage-title{
		margin-bottom:20px;
	}
	.inv-subpage-title-span{
		padding:8px 25px; font-size: 1.0rem;
	}

	/* [1]General Information, [2]Price Sensitive Information, [3]Material Information, [4]Principle of Disclosure of MI & PSI, [5]Report and Financial Statement, [6] Investor-IPO, [7]Non Refunded IPO, [8] Dividend: Unclaimed Stock Dividend, [9] Dividend: Dividend Distribution Policy, [10] Zero  Coupon Bond Page */
	.Inv-table th {
		font-size: 1.10rem;
	}
	.Inv-table td {
		font-size: 1.0rem;
	}
	.Inv-table .btn {
		font-size: 1.0rem;
	}
	.grd-3{
		min-width:25%; max-width:25%; padding: 5px 0px 5px 10px;
	}
	.grd-2{
		min-width:16.66%; max-width:16.66%; padding: 5px 0px 5px 10px;
	}

	/*Investor Relation: Board Of Directors PAGE*/
	.board-item{
    	margin-bottom: 30px;
	}
	.board-card{
		gap: 25px; padding: 25px;
	}
	.board-photo{
		flex: 0px 0 200px;
	}
	.board-photo img{
		width: 200px;  height: 300px;
	}
	.board-content{
		border-width:0px 0px 0px 10px; padding:15px;
	}
	.board-name{
		font-size: 1.40rem;
	}
	.board-role{
		font-size: 1.20rem; margin-top: 5px;
	}
	.board-represent{
		font-size: .90rem; margin-top: 5px; padding: 4px 10px;
	}
	.board-body{
		font-size: 1.0rem; line-height: 1.7;
	}
	

	/* Invertor Relation: Audit/Nomination & Remuneration Committee Page*/
	.committee_chairman{
		margin-top: 20px; margin-bottom: 60px;
	}
	.committee_chairman img{
		width: 200px; height: 260px; padding: 10px 6px 0px 6px;
	}
	.committee_chairman h2{
		margin-top: 10px; font-size: 1.10rem;
	}
	.committee_chairman p{
		font-size: 1.0rem;
	}

	.committee_members{
		grid-template-columns: repeat(3, 1fr); gap: 60px;
	}
	.committee_member img{
		width: 200px; height: 260px; padding: 10px 6px 0px 6px;
	}
	.committee_member h3{
		margin-top: 10px; font-size: 1.10rem;
	}
	.committee_member p{
		font-size: 1.0rem;
	}


	/* Investor Relation Share Holding Status (Only Graph Section)*/
	#chartContainer{
		height: 475px; margin-bottom:10px;
	}

	/* Investor Relation Contact Us*/
	.Contact-Us-Box{
		line-height:1.8; padding:15px 25px; margin-bottom:80px!important;
	}
	.Contact-Us-Box h2{
		font-size: 1.3rem;
	}
	.Contact-Us-Box h4{
		font-size: 1.1rem;
	}
	.Contact-Us-Box label{
		font-size: 1.0rem;
	}

/*=========================================================================================*/
/*============================= Current News Page Design ==================================*/

/* Featured post (latest article) */
.News-Featured{
	margin-top:0px; margin-bottom:50px;
}
.News-Featured-Media{
	flex:1 1 50%; height:auto;
}
.News-Featured-Media img{
	max-height:400px;
}
.News-Featured-Body{
	flex:1 1 50%; padding:40px;
}
.News-Tag{
	font-size:0.75rem; padding:5px 0px; margin-bottom:6px;
}
.News-Featured-Body h2{
	margin:0 0 12px 0; font-size:1.4rem;
}
.News-Date{
	font-size:0.85rem; margin-bottom:12px;
}
.News-Date i{
	margin-right:5px;
}
.News-Featured-Body p{
	font-size:1rem;
}

/* Card grid (rest of the posts) */
.News-Grid{
	grid-template-columns:repeat(3, 1fr); gap:50px;
}
.News-Card-Media{
	height:200px; flex:0 0 200px;
}
.News-Card-Body{
	padding:20px 22px 22px 22px; 
}
.News-Card-Body h3{
	font-size:1.08rem; margin:0 0 10px 0; 
}
.News-Card-Body .News-Date{
	margin-bottom:10px;
}
.News-Card-Body p{
	font-size:0.9rem; margin-bottom:20px;
}

/*  Pagination, pill style  */
.News-Pagination-Wrap{
	margin-top:50px; margin-bottom:45px
}
.News-Pagination-Mark{
	font-size:0.85rem; margin-bottom:16px;
}
.News-Pagination-Wrap .pagination a{
	font-size:0.9rem; padding:8px 16px; min-width:36px; min-height:36px; margin-right:8px; 
}


	/*=========================================================================================*/
	/*============================= Current Details Page Design ===============================*/

	/* Main Section */
	.news-detail-section{ 
		padding:130px 90px 90px;
	}
	.news-paper{
		padding: 25px 25px;
	}

	/* section divider */
	.section-divider{ 
		gap:10px; margin:26px 0;
	}
	.section-divider::before{ 
		width:10px; height:10px;
	}
	.section-divider.is-tight{ 
		margin:18px 0 22px;
	}

	/* shells */
	.news-hero-header{
		margin:0 0 26px !important;
	}
	.news-hero-heading{
		font-size:1.62rem;  margin:0 0 14px;
	}
	.publish-date-badge{
		font-size:.75rem; gap:2px;
	}
	.gallery-shell{
		margin:0 0 20px !important;
	}
	.gallery-row{ 
		gap:10px; --hero-w: 600px;
	}


	/* hero Image Section */
	.hero-counter-badge{
		bottom:14px; right:14px; padding:6px 13px; font-size:.72rem;
	}
	.hero-zoom-hint{
		bottom:14px; left:14px; padding:6px 11px; font-size:.66rem;
	}

	/*  prev/next arrows */
	.hero-nav-btn{
		width:46px; height:46px; border-radius:50%; font-size:1.125rem;
	}
	.hero-nav-prev{ 
		left:16px;
	}
	.hero-nav-next{ 
		right:16px; 
	}

	/* right stamps image */	
	.gallery-thumb-col{
		gap:8px;
	}
	.gallery-thumb-grid{
		grid-auto-flow:column; grid-template-columns:repeat(2, auto); grid-template-rows:repeat(3, 1fr); gap: 8px;
	}
	.gallery-thumb{
		padding:3px; min-height: 140px; max-height:140px!important;
	}
	.gallery-thumb-number{
		font-size:.60rem;  padding:2px 7px;
	}

	/* lightbox */
	.lightbox-media{
		max-width:85vw; max-height:80vh;
	}
	.lightbox-media img{
		min-width:85vw; max-width:85vw; max-height:80vh;
	}
	.lightbox-close-btn{
		top:12px; right:12px; width:38px; height:38px; font-size:1.38rem;
	}
	.lightbox-nav-btn{
		width:46px; height:46px; font-size:1.125rem;
	}
	.lightbox-nav-prev{ 
		left:12px;
	}
	.lightbox-nav-next{ 
		right:12px;
	}
	.lightbox-counter-badge{
		font-size:.72rem;  bottom:12px;  padding:5px 12px;
	}

	/* article body */
	.news-article-wrap{ 
		margin:34px auto 34px;
	}
	.news-article-wrap p{ 
		font-size:1rem;
	}

	/* share button */
	.share-section h2{ 
		font-size:1.15rem; margin:0 0 12px;
	}
	.share-icon-list{ 
		gap:12px;
	}
	.share-icon-link{
		font-size:1rem; width:42px; height:42px;
	}

	/* related news */
	.related-articles-section{ 
		margin-top:76px;
	}
	.related-articles-header{ 
		gap:14px; margin-bottom:4px;
	}
	.related-articles-header h2{ 
		font-size:1.30rem; margin:0; 
	}
	.related-articles-header span{ 
		font-size:0.68rem;
	}
	.related-articles-list{ 
		grid-template-columns:repeat(2, 1fr); gap:18px; margin-top:14px;
	}
	.related-article-media{ 
		flex:0 0 190px; width:190px;
	}
	.related-article-content{ 
		flex-direction:column; padding:16px 20px; gap:6px;
	}
	.related-article-content h3{
		font-size:1.0rem;
	}
	.related-article-excerpt{
		font-size:.88rem;
	}
	.related-article-date{
		gap:6px; margin-top:2px; font-size:.74rem;
	}
	.related-article-date::before{ 
		width:9px; height:9px;
	}

	/*=========================================================================================*/
	/*================================ Training Page Design ===================================*/

	/* Intro Part */
	.Training-Intro{
		 outline: 2px dashed #ffffff33; outline-offset: -10px; padding:36px 36px; margin:0 0 24px 0;
	}
	.Training-Intro-Quote{
		font-size:1.20rem;
	}
	.Training-Intro-Quote i{
		font-size:.90rem; margin:0 6px;
	}
	.Training-Intro-Author{
		margin-top:8px; font-size:.82rem;
	}

	/* Search panel */
	.Training-Search-Panel{
		margin:0 0 16px 0; padding:14px 0px;
	}
	.Training-Search-Select-Wrap{
		min-width:300px;
	}

	/* Training Native */
	.Training-Native-Select{
		padding:11px 42px 11px 16px; font-size:.90rem;
	}
	.Training-Custom-Trigger{
		padding:12px 16px; font-size:.90rem;
	}
	.Training-Custom-Trigger-Arrow{
		font-size:.75rem;
	}
	.Training-Custom-Options{
		max-height:260px; padding:5px;
	}

	/* Flips upward automatically */
	.Training-Custom-Options::-webkit-scrollbar{
		width:8px;
	}
	.Training-Custom-Option{
		gap:8px; padding:10px 12px; font-size:.90rem
	}
	.Training-Custom-Option .fa-check{
		width:12px; font-size:.75rem; 
	}

	/* Reset button */
	.Training-Reset-Btn{
		gap:8px; padding:12px 16px; font-size:.90rem;
	}
	.Training-Reset-Btn i{
		font-size:.90rem;
	}

	/* Training Count */
	.Training-Count{
		font-size:.90rem;  margin:0 0 35px 0;
	}
	.Training-Empty{
		padding:30px 0;
	}
	.News-Card-Type{
		font-size:.82rem; margin-bottom:5px;
	}
	.News-Card-Type i{
		margin-right:6px;
	}

	/*====================================================================================*/
	/*========================= Training Details Page Design =============================*/

	.training-subcategory-badge{
		gap:6px; padding:5px 0px; margin:0 0 10px 0;  font-size:.75rem;
	}
	.training-subcategory-badge i{
		font-size:.75rem;
	}
	/* You May Also Read */
	.training-subcategory-badge--sm{
		padding:3px 0px; margin:0 0 6px 0; font-size:.68rem;
	}
	.training-subcategory-badge--sm i{
		font-size:.68rem;
	}


	/*====================================================================================*/
	/*=========================== News letter Page Design =================================*/
	
	/* newsletter hero section */
	.archive-hero{
		padding: 140px 90px 70px; 
	}
	.archive-hero .eyebrow{
    	gap:10px; font-size:0.85rem; letter-spacing:0.18em; margin-bottom:22px;
	}
	.archive-hero .eyebrow::before{
		width:28px; height:1px;
	}
	.archive-hero h1{
		font-size:7.25rem; margin:0 0 20px;
	}
	.archive-hero p{
		font-size:1rem; max-width:940px;
	}


	/* archive shelf section */
	.archive-shelf{
		padding: 40px 90px 120px;
	}
	.shelf-grid{
		grid-template-columns: repeat(4, 1fr); gap: 40px 28px;
	}
	.ring-stamp{
		bottom:8px; right:8px; width:42px; height:42px;
	}
	.issue-meta{
		gap:10px; margin-top:14px;
	}
	.issue-meta .when{
		font-size:1.40rem;
	}
	.issue-meta .when span{ 
		font-size:1.20rem; margin-left:6px;
	}
	.issue-meta .pillar-tag{
		font-size:.75rem; padding:4px 8px;
	}
	.issue-title{
		margin:6px 0 0; font-size:1.25rem;
	}

	/* Light Box of News Letter */
	.nl-lightbox-panel{
		max-width:85%; height:88vh;
	}
	.nl-lightbox-header{
		gap:20px; padding: 18px 60px 18px 28px;
	}
	.nl-lightbox-header h2{
		font-size:1.35rem;
	}
	.nl-lightbox-header h2 .lb-when{
		font-size:.85rem; margin-left:10px;
	}
	.nl-lightbox-controls{ 
		gap:8px;
	}
	.lb-icon-btn{
		width:36px; height:36px; font-size:1rem;
	}
	.lb-pdf-link{
		font-size:.82rem; padding:8px 12px; 
	}
	.nl-lightbox-close{ 
		font-size:1.15rem;
	}


	/*==================================================================================*/
	/*========================== Career Page Design ===================================*/

	.cr-seam{
		height:16px;
	}
	/* Career Hero */
	.cr-hero{
		min-height:88vh; margin-top: 100px;
	}
	.cr-hero-content{
		padding:0 24px;
	}
	.cr-hero-heading{
		font-size:3.75rem; margin:0 0 22px;
	}
	.cr-hero-subtext{
		font-size:1.0rem; max-width:660px;
	}

	/*  Layout base */
	.cr-main,
	.cr-why,
	.cr-divisions{		
		padding:90px 0;
	}
	.cr-container{		
		max-width:98%; padding:0 90px;
	}
	.cr-panel-eyebrow{
		font-size: .90rem;
	}
	.cr-panel-heading{
		font-size:1.85rem; margin:0 0 16px;
	}
	.cr-section-heading{
		font-size:2.15rem; margin:0 0 40px;
	}
	
	/* Opportunities: CV & Openings */
	.cr-opportunities{
		grid-template-columns: repeat(2, 1fr);
	}
	.cr-cv-panel{
		padding:56px 56px 56px 0;
	}
	.cr-openings-panel{
		padding:56px 0 56px 56px;
	}
	.cr-panel-text{
		font-size:1rem; max-width:460px;  margin:0 0 34px;
	}

	/* Hang-tag email element */
	.cr-tag{
		gap:14px; padding:18px 28px 18px 34px; font-size:1.10rem;
	}
	.cr-tag-hole{
		width:12px;	height:12px; top:-9px; left:20px;
	}
	.cr-tag i{
		font-size:1.10rem;
	}
	.cr-panel-hint{
		font-size:.80rem; margin:16px 0 0;
	}

	/* Openings list (Pending) */
	.cr-openings-empty{
		padding:20px 0 0;
	}
	.cr-openings-empty i{
		font-size:1.65rem; margin-bottom:14px;
	}
	.cr-openings-empty-title{
		font-size:1rem; margin:0 0 8px; 
	}
	.cr-openings-empty-text{
		font-size:0.90rem; max-width:460px;
	}
	.cr-opening-link{
		gap:20px; padding:24px 4px;
	}
	.cr-opening-link:hover{
		padding-left:14px;
	}
	.cr-opening-main h3{
		font-size:1rem; margin:0 0 8px;
	}
	.cr-opening-meta{
		font-size:.82rem; gap:8px;
	}
	.cr-opening-cta{
		font-size:.75rem; letter-spacing:1px;
	}

	/* Why Choose */
	.cr-perks-grid{
		grid-template-columns:repeat(4,1fr); gap:20px;
	}
	.cr-perk-card{
		padding:36px 20px;
	}
	.cr-perk-card i{
		font-size:1.65rem; margin-bottom:16px; 
	}
	.cr-perk-card h3{
		font-size:1.0rem;  margin:0 0 10px;
	}
	.cr-perk-card p{
		font-size:.90rem;
	}

	/* Where You Could Work */
	.cr-divisions-subtext{
		font-size:.92rem; max-width:660px; margin:0 auto 40px; 
	}
	.cr-division-chips{
		gap:14px; 
	}
	.cr-chip{
		font-size:.84rem; gap:10px; min-width:215px;
	}
	.cr-chip i{
		font-size:.78rem;
	}

	/* Email Options Modal */
	.cr-modal-box{
		padding:34px 30px 28px; max-width:400px;
	}
	.cr-modal-close{
		top:16px; right:16px; font-size:1rem;
	}
	.cr-modal-title{
		font-size:1.30rem; margin:0 0 8px;
	}
	.cr-modal-text{
		font-size:.88rem; margin:0 0 22px;
	}
	.cr-modal-options{
		gap:10px;
	}
	.cr-modal-option{
		gap:12px; font-size:.88rem;
	}
	.cr-modal-option i{
		width:18px;  font-size:.90rem;
	}
	.cr-modal-footnote{
		font-size:.75rem; margin:16px 0 0;
	}
		
/*====================================================================================*/
/*=================== Contact Us Envoy Textiles Page Design ==========================*/
	
	.contact-us-hero{
		padding:360px 24px 80px; 
	}
	.contact-wrap{
		padding:52px 10px 100px; grid-template-columns:1fr 1fr; gap:30px;
	}
	#contactForm{
		padding:30px 10px;
	}
	.contact-hero-title{
		font-size:5rem;
	}
	.contact-label-row{
		margin-bottom:23px;
	}
	.contact-label-title{ 
		font-size:1.75rem; 
	}
	.contact-field{
		margin-bottom:30px;
	}
	.contact-field input,
	.contact-field textarea{
		font-size:1.0rem; padding:16px 6px 8px;
	}
	.contact-field textarea{
		min-height:150px;
	}
	.contact-field label{ 
		font-size:1.0rem; 
	}
	.contact-field input:focus ~ label,
	.contact-field textarea:focus ~ label,
	.contact-field input:not(:placeholder-shown) ~ label,
	.contact-field textarea:not(:placeholder-shown) ~ label{ 
		top:-16px; font-size:1.0rem; 
	}
	.contact-field-bar{
		height:2px;
	}
	.contact-field-err{ 
		font-size:1.0rem; 
	}
	.contact-captcha-sum{ 
		font-size:1.0rem; 
	}
	.contact-captcha input{ 
		font-size:1.0rem; width:74px; 
	}
	.contact-captcha-tag{ 
		font-size:1.0rem; 
	}
	.contact-captcha-err{ 
		font-size:1.0rem; 
	}
	.contact-submit-btn{ 
		font-size:1.0rem; padding:15px 25px; margin-top:16px;
	}
	.contact-form-status{ 
		font-size:1.0rem; 
	}
	.contact-office-grid{
		gap:13px; grid-template-columns:1fr 1fr;
	}
	.contact-office{
		padding:24px 18px 20px;
	}
	.contact-office-tag{ 
		font-size:1.0rem; letter-spacing:.12em;
	}
	.contact-office-address{ 
		font-size:.90rem; 
	}
	.contact-office-actions button,
	.contact-office-actions a{ 
		font-size:.80rem; padding:6px 14px;
	}
	.contact-office-actions svg{
		width:13px; height:13px;
	}


}


@media only screen and (min-width: 1321px) and (max-width:1367px) {
/*==========================================================================*/
/*====================== General Declaration ===============================*/
	.css-button-arrow--yellow:hover:after {
		right: 10px;
	}
	.css-button-arrow--yellow:after {
		font-size: 20px; top: -4px; right: -20px; 
	}
	.clear {
		min-height: 120px; margin:0px 0px
	}
	.clear-hall {
		min-height: 120px; margin:0px 0px
	}
	.clear-sm {
		min-height: 30px; margin:10px 0px; 
	}
	.clear-video {
		min-height: 120px; margin-top:100vh;
	}
	#popup-msg{
		margin-bottom:15px; font-size:1.0rem;
	}

	
/*==========================================================================*/
/*===================== Navigation Bar Design ==============================*/
	.navbar-fixed-top{
		max-height:100px; padding: 10px 0px;
	}
	.header-actions{
		gap:10px;
	}
	.menu{
		font-size:1.4rem;
	}	
	.company-text {
		margin-left:80px; font-size:1.9rem;
	}
	.company-logo {
		max-height:50px! important; margin-left:10px;
	}		
	#sidebarCollapse {
		width: 60px; height: 50px; border-radius: 1px; margin-right:20px; 
	}
	.account-btn{
		width: 60px; height: 50px; border-radius: 1px; font-size: 1.15rem;
	}
	
	/*Modal Design*/
	.close{
		font-size:2.4rem; margin-top:20px; margin-right:20px;
	}
		
/*==========================================================================*/
/*====================== Side Bar Menu Design ==============================*/
	.offcanvas{
		min-width:30%; max-width:30%; width:30%;
	}
	.go-green-panel {
    	right: 30%; width: 12%;
	}
	.gogreen-text {
		font-size: clamp(2.8rem, 3.65vw, 3.8rem);
	}
	.gogreen-slg {
		top: 20px; left: 10px; font-size: 0.80rem;
	}
	.offcanvas-header{
		font-size:1.55rem;
	}
	.close-btn{
		margin-right:5px!important; margin-top:0px!important;
	}
	.close-btn b{
		padding: 0px 10px 0px!important;
	}
	.sidebar ul li {
		font-size:1.10rem
	}
	.sidebar .submenu li {
		font-size: 1.0rem;
	}
	.sidebar .nav-link{
		padding-top: 8px; padding-bottom: 8px;
	}
	.sidebar .nav-link:hover {
		padding-left: 25px;
	}
	.menu-caret{
		margin-left:-5px!important
	}
	.submenu li:hover .menu-caret{
		margin-left:0px!important; transition:all 1s ease;
	}
	
/*==========================================================================*/
/*====================== Fabric Library Menu Design ==============================*/
	.account-caret{
		margin-left:5px;
	}
	.account-dropdown{
		width:340px; padding:20px;
	}
	.account-dropdown-guest{
		width:220px;
	}
	.account-dropdown::after{
		top:-6px; right:18px; width:12px; height:12px;
	}	

	/* Only trigger ever open */
	.account-dropdown-name{
		margin:0 0 6px; font-size:1.15rem;
	}
	.account-dropdown-divider{
		height:1px; margin:14px 0;
	}
	.account-dropdown-label{ /* Just Saying Account */
		font-size:.75rem; margin-bottom:8px;
	}
	.account-dropdown-link{
		font-size:1.1rem; gap:10px; padding:7px 0;
	}
	.account-dropdown-link i{
		width:16px;
	}
		
/*==========================================================================*/
/*======================= Footer Style Design ==============================*/
	#footer_row{
		padding: 10px 80px 0px 80px;
	}
	.footer b{
		font-size:.90rem; 
	}
	.footer p{
	 font-size:.80rem;
	}
	.footer span{
		font-size:.80rem;
	}
	
	.company-footer{
		padding-top: 50px; padding-bottom: 10px; 
	}
	.left-part{
		display:inline-block; text-align:left; 
	}
	.left-part label{
		font-size:11.50rem;
	}
	.right-part{
		display:inline-block; text-align:right; 
	}
	.right-part label{
		font-size:11.50rem;
	}
	#footer_social {
		width:100%; padding-bottom: 20px;
	}
	#footer_right {
		padding:0px 0px 0px 0px;
	}
	#address_01 {
		margin-left:.5%; width:49%;
	}
	#address_02 {
		margin-left:.5%; width:49%;
	}
	#address_01 p, #address_02 p{
		min-height:110px;
	}
	
	/*-- Footer Social Media --*/
	#social-platforms {
		font-size:1rem; text-align:left; 
	}
	.btn {
		min-width:40px!important;
	}
	.btn > span,.btn-icon > i {
		padding:15px; text-align:center
	}
	.btn > span {
		padding:15px 10px 15px; font-size:1rem
	}
	.btn-icon > i {
		font-size:1.80em;  min-width:50px; max-width:50px
	}
	.btn-icon > i:after {
		display:none
	}
	
	
/*==========================================================================*/
/*===================== Index/Home Page Design =============================*/
	
	/*-- Index Page Media --*/
	#company-title-ws{
	font-size:4rem;
	}
	#leed-title-ws{
		font-size:1.9rem;
	}
	#leed-logo-ws{
		max-width:150px;
	}
	.close-btn-wlk {
		padding: 5px 20px; font-size: 1.0rem;
	}

	/* hero-overlay section */
	.home-hero-taglines{
		gap:6px; padding:20px 20px;
	}
	.home-hero-taglines::after{
		width:140px; height:140px; border:2px solid #99bb00;  border-left:none; border-top:none;
	}
	.home-hero-taglines::after{ 
		bottom:-10px; right:-10px;
	}
	.hero-label{
		font-size:clamp(1.6rem, 3.2vw, 3.6rem);
	}
	.hero-label em{
		font-size:clamp(1.8rem, 2.4vw, 3.0rem);
	}
	.hero-word{
		font-size:clamp(2.1rem, 4.0vw, 3.4rem);
	}

	/* Scroll Indicator */
	.scroll-indicator{
		bottom:32px;
	}
	.scroll-indicator-line{
		width:3px; height:46px;
	}
	/* Replay Button */
	.video-replay-btn{
		width:60px; height:60px; bottom:40px; left: 80px
	}
	.video-replay-btn svg{
		width:30px; height:30px; margin-left:4px;
	}

/* Between Bridge Section */
	.home-bridge {
		padding: 96px 24px 108px;
	}
	.home-bridge-inner {
		max-width: 860px;
	}
	.home-bridge-eyebrow {
		gap: 12px; margin: 0 0 22px; font-size: .78rem;
	}
	.home-bridge-rule {
		width: 64px; height: 3px;  margin: 0 auto 28px;
	}
	.home-bridge-heading {
		max-width: 720px; margin: 0 auto 14px; font-size: 2.8rem;
	}
	.home-bridge-reg {
		font-size: 1.30rem; margin-left: 1.5px;
	}
	.home-bridge-year-inline {
		margin-top: 8px; font-size: 2.4rem;
	}
	.home-bridge-caption {
		max-width: 660px; margin: 34px auto 34px; font-size: 1.80rem; 
	}
	.home-bridge-sub {
		max-width: 680px; font-size: 1.0rem;
	}


	/* Sustainability Section */
	#HomePageSection1{
		height:135vh;
	}
	.card-green { /* Drop */
		top: 0%; right: 10%;
	}
	.card-blue { /* Weave */
		top: 3%; left: 10%;
	}
	.card-red { /* Lesser */
		bottom: 4%; right: 10%;
	}
	.card-pink { /* Climate */
		bottom: 1%; left: 10%;
	}
	.card-img {
		width: 100%;  max-width: 220px; /* 350px */
	}
	.card-tag{
		font-size:.68rem; padding: 10px 10px 0;
	}
	.card-text {
		top:22px; left:58px; right:10px; margin-top: 5px; font-size: .95rem;
	}
	.card-punch{
		padding:18px;
	}
	.card-punch p{
		font-size:.92rem;
	}

	/* Index, Home : Featured Collection */
	#featured-collection{
		padding: 30px 80px 30px 80px;
	}
	#featured-collection .Feature-Head {
		margin-left: -70px!important;
	}
	#collection-cards{
		grid-template-columns:repeat(4, 232px); gap:25px;
	}
	.product-card {
		width:100%; min-width: 232px; max-width:232px;
	}
	.image-wrapper {
  		height: 300px;
	}
	.product-info {
 		padding: 12px 10px;
	}
	.product-title {
 		font-size: 1.0rem; font-weight: 800; margin-bottom: 6px; letter-spacing: 0.5px; 
	}
	.product-sub {
		font-size: .75rem; font-weight: 500; padding: 5px 10px; margin: 3px 4px;
	}
	.tooltip-card::after {
		font-size:.75rem; 
	}
	.modal-xl { /* Modal of Product*/
        max-width: 1260px; width: 90%;
    }
	.img-grid{
		max-width:35%; width:35%; 
	}
	.text-grid{
		padding-left: 35px; padding-right:35px ; max-width: 65%;  width: 65%;
	}
	.text-grid h4{
		font-size: 2.10rem;
	}
	.text-grid i{
		font-size: .90rem;
	}
	.text-grid p{
		font-size: 1.0rem; margin-top:10px; line-height: 1.6;
	}

	/* Index, Home : Marketing Text Section*/
	.envoy-story{
		padding:80px 0px;
	}
	.story-line-container{
		min-width:510px; 
	}
	.story-line{
		font-size: clamp(1.0rem, 2vw, 1.25rem); margin-bottom:.55rem;
	}
	.story-line strong{
		font-size: clamp(1.25rem, 2vw, 1.50rem);
	}
	.envoy-title{
		font-size: clamp(2.50rem, 2vw, 2.75rem); margin-top:50px;
	}
	.envoy-title small{
		font-size: clamp(1.0rem, 2vw, 1.25rem);
	}
	

	/*Home Overview Section*/
	#HomeOverview{
		padding-left:80px; padding-right:80px; margin-top:60px
	}
	.ov-title {
		font-size: 1.5rem; margin-left:20px;
	}
	.ov-click{
		font-size: .90rem; padding:5px 10px;
	}
	
	
	/* [1]Home: About Information, [2]Home: About Us Page, [3]CSR Page, */
	#WebView{
		padding-left:80px; padding-right:80px;
	}
	.Web-Main{
		margin-top:10px;
	}
	#Web-Text{
		padding:10px 0px;
	}
	#Web-Text-V2{
		padding:10px 0px;
	}
	#Web-Text-V3{
		padding:10px 0px;
	}
	.Web-Text-Div{
		padding:0px 0px;
	}
	#Web-Text h1{
		font-size:2.45rem; letter-spacing: 1px; border-width:3px; padding:55px 25px;
	}
	#Web-Text h1::after {
    	top: 8px; left: 8px; right: 8px; bottom: 8px; border: 3px dashed rgba(184, 184, 184, 1);
	}
	#Web-Text-V2 h1{
		font-size:2.10rem; letter-spacing: 1px; border-width:2px; padding:15px 90px;
	}
	#Web-Text-V2 h1::before{
		width:80px; height:2px;
	}
	#Web-Text-V2 h1::after{
		width:80px; height:2px; 
	}
	#Web-Text-V3 h1{
		font-size:2.10rem; letter-spacing: 1px; border-width:2px; padding:10px 0px; margin-top:80px;  transform: rotate(-35deg);
	}
	.writeup-section{
		padding: 5px 15px;
	}
	#writeup-section p{
		font-size:1.05rem;  line-height: 1.55;
	}
	.reg-sign{
		font-size:.75rem;
	}		
	#writeup-section-V2 p{
		font-size:1.0rem;  line-height: 1.50;
	}
	#writeup-section-V3 p{
		font-size:1.0rem;  line-height: 1.50;
	}
	.abt_title_01{
		font-size:clamp(3.25rem, 1.0vw, 4.25rem); margin-bottom:50px;
	}
	.abt_title_02{
		font-size:clamp(2.75rem, 1.0vw, 3.25rem); margin-bottom:25px;
	}
	.abt_prg{
		font-size:1.0rem;  line-height: 1.50;
	}
	
	/* Image and Text Section */
	.text-section-left,
	.text-section-right {
		padding: 25px 25px;  width:35%
	}
	.text-section-left {
		transform: translateX(150px);
	}
	.text-section-right {
		transform: translateX(-150px);
	}
	.image-section-center {
		width:30%
	}
	.leed-image {
    	min-width:21vw; max-width: 21vw; 
	}

	/* [1] Index, Home: Recycle Section*/
	.recycle-section{
		padding: 80px 0;
	}
	.top-logo img {
		max-height: 140px; margin-bottom:1.4rem;
	}
	.recycle-icon img {
		max-height: 345px !important; margin-bottom:1.4rem;
	}
	.bottom-text {
		font-size: 1.4rem;
	}
	
	/* [1] Home: Client Section*/
	.Web-Clients{
		min-width: 72vw; max-width: 72vw;  margin-top: -35px;
	}
	.scroll-row-cover{
		height: 25px; margin-top: -25px;
	}
	.items img{
		min-height: 25px; max-height:25px;
	}
	.clients{
		max-width:10.0%; padding:0px;
	}
	.btn-client{
		box-shadow:rgba(0,0,0,.02) 0 1px 3px, rgba(27,31,35,.15) 0 0 0 1px; padding: 3px 5px; margin:0px 5px;
	}
	.btn-client:hover::before{
		border-radius:5px; 
	}
	.btn-client img{
		max-height:88px;
	}
	.scroll-row-client-cover{
		height: 94px; margin-top: -94px;
	}	
	.view-page a{
		padding: 10px 0px; font-size: 1.0rem;
	}
	
	/*Home Our Culture Information*/
	#Web-Culture{
	width:48%; margin:1%; padding:20px; min-height:275px;  
	}
	#Web-Culture h3{
		font-size: 1.35rem; margin-bottom:20px; 
	}
	#Web-Culture p{
		font-size:1.0rem;
	}
	
/*===============================================================================*/
/*===================== General For All Page Design =============================*/
	.Web-Page-Title{
		margin-top:71.5px;
	}
	.Web-Page-Title h1{
		font-size:1.0rem; margin:5px 68px
	}
	.Web-Page-Title-Spcial{
		margin-top:71.5px;
	}
	.Web-Page-Title-Spcial h1{
		font-size:1.0rem; margin:5px 68px
	}
	#WebView-Other{
		padding-left:80px; padding-right:80px; margin-top:120px;
	}
	#WebView-Leed{
		padding-left:80px; padding-right:80px; margin-top:100px;
	}
	
	
/*=============================================================================*/
/*===================== Vision Values Page Design =============================*/
	
	/*Vision Values Page Information*/
	#Web-Vision{
		padding:0px 68px; display:grid; grid-template-columns: repeat(2,1fr); gap:18px;
	}
	#Vision-Header h1{
		font-size:5.2rem;
	}
	#Vision-Text p,li{
		font-size:1.0rem
	}
	#readMoreBtn{
		font-size: 1rem;
	}
	
/*===================================================================================*/
/*===================== Award Accreditation Page Design =============================*/	

	/* AWARD ACCREDITATION PAGE - IMAGE CAROUSEL */
	.aw-slider {
		height: 95vh;
	}
	.aw-slide-info {
		padding: 60px 50px;
	}
	.aw-slide-info h5 {
		font-size: clamp(1.2rem, 2.0vw, 2.0rem); line-height: 1.15;
	}
	.aw-progress {
		height: 3px;
	}
	.aw-nav {
		width: 50px; height: 50px;  font-size: 1.4rem;
	}
	.aw-dots {
		bottom: 2.2rem;	right: 5vw;
	}
	.aw-dot {
		width: 6px; height: 6px; border-radius: 3px;
	}
	.aw-counter {
		bottom: 3.0rem; right: 5vw; font-size: .75rem;
	}
	.aw-counter strong {
		font-size: 1.25rem;
	}
	
	/*Award Accreditation - Hall of Fame Section*/
	.addPadding{
		padding-top:85px!important;
	}
	.Hall-Fame-Total{
		padding: 0 10px;
	}
	.Hall-Fame-Total-Num{
		font-size: 4.0rem;
	}
	.Hall-Fame-Total-Label{
		font-size: 1rem; margin-top: 5px; 
	}
	.award-wrapper{
		padding: 50px 10px 10px 10px;
	}
	.Award-Box{
		padding:25px 35px 25px 30px; margin-bottom:50px;
	}
	.fa-ul h2{
		font-size: 1.25rem; line-height: 1.5; margin-bottom: 10px;
	}
	.Award-Category{
		font-size: 1.0rem; line-height: 1.5; margin-bottom: 10px;
	}
	.Award-Year {
    	width: 18%; border-radius: 5px; border-width: 1px; margin: 6px 1%;
	}
	.Award-Year label {
		padding: 5px 10px; font-size: 1.0rem;
	}
	.Award-Blockquote{
		font-size:.90rem; padding:10px 10px 10px 10px; margin:15px 0px 0px 0px;
	}
	.scroll-down {
		bottom: 20px; right: 60px; width: 40px; height: 40px; border: 3px solid #FFF;
	}
	
	/*Award Accreditation Certification Section*/
	.Cert-Title{
		padding:0 0 16px; font-size:2.2rem;
	}
	.Cert-Title::after{
		width:56px; height:4px;
	}
	#Web-Certificate{
		padding:30px 5px 30px;
	}
	.cert-logo-grid{
		grid-template-columns: repeat(5, 1fr); gap: 26px; padding: 30px 10px 30px;
	}
	.cert-logo-card{
		padding: 20px;
	}		
	.cert-logo-card::before{
		top: 6px; left: 10px; width: 50%; border-top: 2px dashed rgba(10,10,10,0.32);
	}
	.cert-logo-card::after{
		bottom: 6px; right: 10px; width: 50%; border-bottom: 2px dashed rgba(10,10,10,0.32);
	}
	.no-cert-popup{
		font-size:.75rem; padding:6px 14px;
	}

	/* Light Box for Certificate/Accreditation */
	#lightbox{
		padding: 30px 0; 
	}
	.lb-container{
		padding: 30px 30px;
	}

	/* Top toolbar */
	.lb-toolbar{
		top:10px; right:10px; gap:8px;
	}
	.lb-toolbar-btn{
		font-size:1.0rem; width:34px; height:34px;
	}
	
	/* Additional Certificate Text Format */
	#Web-Certificate-text{
		margin:20px 0px; padding:30px 20px!important; 
	}
	#Web-Certificate-text h4{
		font-size:1.25rem; margin-top:20px; padding-left:20px
	}
	.fa-ul-cr li{
		font-size:1.0rem
	}
	

/*==========================================================================*/
/*======================== Client Page Design ==============================*/
	.Web-Clients-Cp{
		margin-top: 15px;
	}
	.Web-Clients-Cp h4{
		font-size: 2.10rem;
	}
	.clients-cp{
		max-width:16.6%; padding:15px;
	}
	.btn-client-cp{
		border-radius:1px; padding: 10px 15px;
	}
	.btn-client-cp:hover::before{
		border-radius:5px; 
	}

	/* Map Section */
	.map-main{
		padding:2% 18%;
	}
	
/*==========================================================================*/
/*===================== Top Executive Page Design =============================*/

	/*Top Executive Page Information*/
	#Web-Exe-Row{
		margin: 20px 0px 30px 0px;
	}
	#Web-Exe-Pic{
		width:20%
	}
	#Web-Exe-Pic-BG{
		padding:0px 25px 25px 25px; max-width:210px;  max-height:230px
	}
	#Web-Exe-Pic-BG img{
		max-width:160px;
	}
	#Web-Exe-Details{
		width:80%
	}
	#Exe-Name{
		padding:3px 10px; font-size: 1.35rem; 
	}
	#Exe-Designation{
	padding:3px 15px; font-size: 1.05rem;  margin-bottom: 14px;
	}
	#Exe-Details{
		padding:0px 10px; font-size: 1.0rem;
	}

/*=============================================================================*/
/*===================== About Envoy Textiles Page Design =============================*/
	
	/*Home Timeline Information*/
	#Web-Timeline{
		width: 85%;
	}	
	#Web-Timeline-Textarea-Left h1{
		font-size:2.5rem;  margin:10px 0px;
	}
	#Web-Timeline-Textarea-Left Ul{
		width:47%; padding:10px 40px 10px 40px; font-size:1.0rem;
	}
	#Web-Timeline-Textarea-Left li{
		margin-bottom: 20px; padding:25px;
	}
	#Web-Timeline-Textarea-Right h1{
		font-size:2.5rem; margin:10px 0px;
	}
	#Web-Timeline-Textarea-Right Ul{
		width:47%; margin-left:53%; padding:10px 40px 10px 40px; font-size:1.0rem;
	}
	#Web-Timeline-Textarea-Right li{
		margin-bottom: 20px; padding:25px; 
	}

/*===================================================================================*/
/*===================== Fabric Library : Before Login ===============================*/

	.FabricHero{
		height:calc(100vh - 115ox);  margin:115px 0 0px 0;
	}
	@supports (height: 100dvh){
		.FabricHero{
			min-height:calc(100dvh - 115px);
		}
	}
	.FabricHero-Frame{
		padding:50px 90px 70px;
	}
	.FabricHero-Media-Frame{
		width:400px;
	}
	.FabricHero-Content{
		max-width:560px;
	}
	.FabricHero-Title{
		font-size:3.5rem;
	}
	.FabricHero-Title-Light::before{
		right:83%;  height:18vh;
	}
	.FabricHero-Title-Bold::before{
		right:68%;  height:20vh;
	}
	.FabricHero-Eyebrow{
		margin:18px 0 22px; font-size:.82rem;
	}
	.FabricHero-Text{
		font-size:.95rem;
	}
	.FabricHero-Text p{ 
		margin:0 0 14px 0; 
	}
	.FabricHero-ScrollCue{
		bottom:18px;  font-size:.70rem;
	}
	.FabricHero-ScrollCue-Icon{
		width:30px; height:30px; border:1.5px solid currentColor;
	}
	.FabricHero-ScrollCue-Icon i{ 
		font-size:.82rem;
	}

	/* Fabric Gallery */
	.FabricGallery{
		margin:0px 0 0px 0;
	}
	.FabricGallery-Grid{
		grid-template-columns:repeat(3, 1fr);
	}
	.FabricGallery-Caption{
		padding:34px 18px 16px;
	}
	.FabricGallery-Caption span{
		font-size:1.0rem;
	}
	

	/* Library Access Instruction */
	.FabricAccess{
		padding:100px 40px 80px;  margin:0 0 30px 0;
	}
	.FabricAccess::before{
		top:-120px; right:-120px; width:280px; height:280px;
	}
	.FabricAccess-Title{
		margin:0 0 10px 0; font-size:1.5rem;
	}
	.FabricAccess-Intro{
		margin:0 0 30px 0; font-size:.95rem;
	}
	.FabricAccess-Steps{
		margin:0 0 32px 0;
	}
	.FabricAccess-Step{
		padding:26px 20px 22px;
	}
	.FabricAccess-Step::before{
		left:14px; right:14px; height:3px; border-radius:0 0 3px 3px;
	}
	.FabricAccess-Step-Icon{
		width:48px; height:48px; margin-bottom:16px; font-size:1.12rem;
	}
	.FabricAccess-Step-Icon em{
		width:20px; height:20px; font-size:.70rem;
	}
	.FabricAccess-Step p{
		font-size:.85rem;
	}
	.FabricAccess-Step-Arrow{
		width:34px; font-size:1.0rem;
	}
	.FabricAccess-Actions{
		gap:16px; margin:0 0 26px 0;
	}
	.FabricAccess-Btn{
		gap:9px; padding:14px 28px;  font-size:.95rem; 
	}
	.FabricAccess-Btn i{ 
		font-size:.85rem; 
	}
	.FabricAccess-Disclaimer{
		padding-top:22px; font-size:.80rem; 
	}	

	/*====================================================================================*/
	/*================================ Fabric Library:Modals  ============================*/
	.envoy-modal__dialog {
		max-width: 36rem; padding: 2.05rem 2rem 1.90rem;
	}
	.envoy-modal__close {
		top: 1rem; right: 1rem; width: 2rem; height: 2rem; font-size: 1.1rem;
	}
	.envoy-modal__icon {
		width: 3.75rem; height: 3.75rem;  margin: 0 auto 1.25rem;  font-size: 1.5rem; 
	}
	.envoy-modal__title {
		font-size: 1.25rem; color: #111827;
	}
	.envoy-modal__body {
		font-size: 1rem; margin: 0 0 1.75rem;
	}
	.envoy-modal__btn {
		font-size: 0.95rem; padding: 0.7rem 2.25rem;
	}

	/*====================================================================================*/
	/*====================== Fabric Library:Registration Page Design =====================*/
	.Registration-Section{
		margin-bottom:15px;
	}
	.Registration-Hero{
		padding:8px 16px 4px;
	}
	.Registration-Hero-Text{
		font-size:1rem;
	}
	.Registration-Wrap{
		gap:24px; margin:36px auto 0; max-width:1180px; padding:0 16px 56px;
	}
	.Registration-Card, .Registration-Info{
		flex:1 1 460px; padding:28px 28px 24px;
	}
	.Registration-Title{
		font-size:1rem; margin:0 0 20px; padding-bottom:12px;
	}
	.Registration-Row{
		gap:16px; margin-bottom:16px;
	}
	.Registration-Row .Registration-Group{
		min-width:160px;
	}
	.Registration-Label{
		font-size:0.8125rem; margin-bottom:6px;
	}
	.Registration-InputWrap i{
		font-size:0.875rem;
	}
	.Registration-InputWrap input{
		padding-left:36px;
	}
	.Registration-Input, .Registration-Select{
		padding:10px 12px; font-size:0.875rem;
	}
	label.error{
		font-size:0.75rem; margin-top:5px;
	}
	.Registration-AccessPeriod{
		gap:10px 22px; padding:12px 16px;
	}
	.Registration-AccessPeriod label{
		gap:6px; font-size:0.875rem;
	}
	.Registration-AccessPeriod input[type="radio"]{
		width:16px; height:16px;
	}
	.Registration-Captcha{
		gap:16px; padding:14px 20px; margin-bottom:20px;
	}
	.Registration-Captcha-Question{
		gap:10px; font-size:1rem;
	}
	.Registration-Captcha-Question input{
		width:64px; padding:8px 6px; font-size:0.9375rem;
	}
	.Registration-Captcha-Label{
		font-size:0.75rem;
	}
	.Registration-Submit{
		margin-top:8px; margin-bottom:6px;
	}
	.Registration-Btn{
		gap:8px; padding:12px 26px; font-size:0.875rem;
	}
	.Registration-Info p{
		font-size:1rem;
	}
	.Registration-Info a{
		font-size:1rem;
	}
	.Registration-List li{
		font-size:1rem; padding:8px 0 8px 26px;
	}
	.Registration-List li::before{
		top:9px; font-size:0.75rem;
	}
	.Registration-Divider{
		height:1px; margin:22px 0;
	}
	
/*==================================================================================*/
/*========================= Fabric Library : Login Page ============================*/	
	.Login-Wrap{
		max-width:1180px; margin:36px auto 0; padding:0 16px 56px;
	}
	.Login-Card{
		max-width:480px; padding:28px 28px 24px;
	}
	.Login-Title{
		font-size:1rem; margin:0 0 20px; padding-bottom:12px;
	}
	.Login-Warning{
		gap:10px; padding:10px 14px; margin-bottom:18px; font-size:0.82rem;
	}
	.Login-Warning-Close{
		font-size:0.82rem; line-height:1; padding:2px 4px;
	}
	.Login-Group{
		margin-bottom:16px;
	}
	.Login-Label{
		font-size:0.82rem; margin-bottom:6px;
	}
	.Login-InputWrap i{
		left:12px; font-size:0.90rem;
	}
	.Login-InputWrap input{ 
		padding-left:36px; 
	}
	.Login-Input{
		padding:10px 12px; font-size:0.90rem;
	}
	label.error{
		font-size:0.75rem; margin-top:5px;
	}
	.Login-Forgot{
		margin-bottom:18px;
	}
	.Login-Forgot a{
		font-size:0.75rem;
	}
	.Login-Captcha{
		gap:16px; padding:14px 20px; margin-bottom:20px;
	}
	.Login-Captcha-Question{
		gap:10px; font-size:.95rem;
	}
	.Login-Captcha-Question input{
		width:64px; padding:8px 6px; font-size:0.90rem;
	}
	.Login-Captcha-Label{
		font-size:0.75rem; 
	}
	.Login-Submit{
		margin-top:4px;
	}
	.Login-Btn{
		gap:8px; padding:12px 26px; font-size:0.90rem;
	}
	.Login-Footer{
		margin-top:20px; padding-top:16px;
	}
	.Login-Footer p{
		font-size:0.82rem;
	}

/*====================================================================================*/
/*====================== Fabric Library : Forget Password Page =======================*/
	.Forget-Wrap{
		max-width:1180px; margin:36px auto 0; padding:0 16px 56px;
	}
	.Forget-Card{
		max-width:480px; padding:28px 28px 24px;
	}
	.Forget-Title{
		font-size:1rem; margin:0 0 20px; padding-bottom:12px;
	}
	.Forget-Subtext{
		font-size:.82rem;  margin:0 0 20px; 
	}
	.Forget-Group{
		margin-bottom:16px;
	}
	.Forget-Label{
		font-size:0.82rem; margin-bottom:6px;
	}
	.Forget-InputWrap i{
		left:12px; font-size:0.90rem;
	}
	.Forget-InputWrap input{ 
		padding-left:36px; 
	}
	.Forget-Input{
		padding:10px 12px; font-size:0.90rem;
	}
	label.error{
		font-size:0.75rem; margin-top:5px;
	}
	.Forget-Captcha{
		gap:16px; padding:14px 20px; margin-bottom:20px;
	}
	.Forget-Captcha-Question{
		gap:10px; font-size:.95rem;
	}
	.Forget-Captcha-Question input{
		width:64px; padding:8px 6px; font-size:0.90rem;
	}
	.Forget-Captcha-Label{
		font-size:0.75rem;
	}
	.Forget-Submit{
		margin-top:4px;
	}
	.Forget-Btn{
		gap:8px; padding:12px 26px; font-size:0.90rem;
	}
	.Forget-Footer{
		margin-top:20px; padding-top:16px;
	}
	.Forget-Footer p{
		font-size:0.82rem;
	}
	
/*==================================================================================*/
/*===================== Fabric Library : Reset Password Page =======================*/
	.Reset-Wrap{
		max-width:1180px; margin:36px auto 0; padding:0 16px 56px;
	}
	.Reset-Card{
		max-width:480px; padding:28px 28px 24px;
	}
	.Reset-Title{
		font-size:1rem; margin:0 0 20px; padding-bottom:12px;
	}
	.Reset-Subtext{
		font-size:.82rem;  margin:0 0 20px;
	}
	.Reset-Group{
		margin-bottom:16px;
	}
	.Reset-Label{
		font-size:0.82rem; margin-bottom:6px;
	}
	.Reset-InputWrap i{
		left:12px; font-size:0.90rem;
	}
	.Reset-InputWrap input{ 
		padding-left:36px;
	}
	.Reset-Input{
		padding:10px 12px; font-size:0.90rem;
	}
	label.error{
		font-size:0.75rem; margin-top:5px;
	}
	.Reset-Submit{
		margin-top:4px;
	}
	.Reset-Btn{
		gap:8px; padding:12px 26px; font-size:0.90rem;
	}


/*=================================================================================*/
/*===================== Fabric Library: Library Home ==============================*/
	.library-hero-section{
		min-height: calc(100vh - 120px);
	}
	.sub-library-hero-section{
		grid-template-columns: repeat(2, 440px); gap:5px;
	}
	.library-hero-overlay{
		padding:26px 26px 24px 26px;
	}
	.library-hero-caption{
		transform:translateY(40px);
	}
	.library-hero-category{
		font-size:1.4rem; margin:0 0 10px 0;
	}
	.library-hero-tile:hover 
	.library-hero-category::after{
		width:54px;
	}
	.library-hero-tagline{
		font-size:0.90rem; margin:0 0 11px 0;
	}
	.library-hero-explore-wrap{
		margin-top:11px;
	}
	.library-hero-explore{
		font-size:0.75rem; padding:6px 14px;
	}
	.library-hero-empty{
		padding:60px 20px;
	}

	/* library eco section */
	.library-eco-section{
		padding:130px 24px;
	}
	.library-eco-section::before,
	.library-eco-section::after{
		width:1px; height:56px;
	}
	.library-eco-section::before{
		top:44px;
	}
	.library-eco-section::after{
		bottom:44px;
	}
	.library-eco-eyebrow{
		gap:10px;  font-size:.90rem;
	}
	.library-eco-eyebrow i{
		font-size:1.125rem; 
	}
	.library-eco-lead{
		font-size:1.5rem; margin:0 auto 44px auto;
	}
	.library-eco-statement{
		font-size:4.5rem; margin:0 0 48px 0;
	}
	.library-eco-button{
		gap:12px; font-size:1.125rem; padding:18px 32px;
	}
	.library-eco-button-arrow{
		font-size:1rem; 
	}
	
	/*  Library Intro / Browse-All Section */
	.library-intro-section{
		margin-top:60px; margin-bottom: 60px; 
	}
	.library-intro-image-wrap{
		flex:1 1 50%; max-width:50%; min-height:420px;
	}
	.library-intro-badge{
		left:28px; bottom:28px;
	}
	.library-intro-badge-number{
		font-size:1.60rem;
	}
	.library-intro-badge-label{
		font-size:.64rem;
	}
	.library-intro-content{
		flex:1 1 50%; max-width:50%;  padding:60px 70px; 
	}
	.library-intro-text{
		font-size:.95rem; margin:0 0 32px 0; max-width:480px;
	}
	.library-intro-button{
		font-size:1rem; padding:18px 30px;
	}

	/*  Envoy Feature Stories Strip */
	.library-stories-section{
		padding:100px 24px 100px 24px;
	}
	.library-stories-inner{
		max-width:1280px; margin:0 auto;
	}
	.library-stories-heading{
		margin-bottom:56px;
	}
	.library-stories-eyebrow{
		font-size:.82rem; margin:0 0 14px 0;
	}
	.library-stories-title{
		font-size:2.5rem;
	}
	.library-stories-list{
		gap:40px;
	}
	.library-story-row{
		gap:28px; padding:36px 44px;
	}
	.library-story-row-media{
		max-width:230px; min-width:160px; max-height:230px;
	}
	.library-story-row-kicker{
		font-size:.62rem; padding:4px 10px; margin:0 0 12px 0;
	}
	.library-story-row-title{
		font-size:1.35rem; margin:0 0 14px 0;
	}
	.library-story-row-details{
		font-size:.95rem;
	}
	
	/* Keep Explore Section */
	.library-curious-content{
		flex:1 1 50%; max-width:50%;  padding:70px 70px;
	}
	.library-curious-eyebrow{
		font-size:.82rem; margin:0 0 18px 0;
	}
	.library-curious-title{
		font-size:2.25rem; margin:0 0 18px 0;
	}
	.library-curious-text{
		font-size:.95rem; margin:0 0 30px 0; max-width:460px;
	}
	.library-curious-button{
		gap:12px; font-size:.95rem; padding:18px 32px;
	}
	.library-curious-arrow{
		font-size:1.0rem; 
	}
	.library-curious-image-wrap{
		flex:1 1 50%; max-width:50%; min-height:440px;
	}

	/*====================================================================================*/
	/*======================= Fabric Library: Collection Page ============================*/
	/* Product Showing Section */
	.collection-hero{
		min-height:380px;
	}
	.collection-hero-inner{
		padding:44px 44px 24px 44px;
	}
	.collection-hero-panel{
		max-width:640px; padding:28px 32px 26px 28px; border-radius:1px; border-left:3px solid var(--lime);
	}
	.collection-hero-eyebrow{
		font-size:.80rem; 
	}
	.collection-hero-title{
		font-size:3.35rem;  margin:0 0 12px 0;
	}
	.collection-hero-tagline{
		font-size:1.125rem;
	}
	/* Feature grid */
	.collection-hero-features{
		grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px 24px; margin-top:18px; padding-top:16px; 
	}
	.collection-hero-feature{
		gap:9px;
	}
	.collection-hero-feature-mark{
		width:6px; height:6px; margin-top:6px;
	}
	.collection-hero-feature-text{
		font-size:.78rem;
	}

	/* Results bar */
	.collection-results-bar{
		gap:16px; padding:36px 44px 36px 44px; font-size:.95rem;
	}
	.collection-results-text{
		gap:8px;
	}
	.collection-results-icon{
		font-size:.72rem;	
	}

	/* Home link */
	.collection-home-link{
		gap:7px; font-size:.75rem; padding:8px 16px;
	}
	.collection-home-link i{
		font-size:.82rem
	}

	/* Groups Search + Home together */
	.collection-results-actions{
		gap:10px;
	}
	.collection-search-btn{
		gap:7px; font-size:.75rem; padding:8px 16px;
	}
	.collection-search-btn i{
		font-size:.82rem
	}

	/* Active filters - shows selected criteria */
	.collection-active-filters{
		font-size:.82rem; gap:8px 10px; padding:8px 44px 18px 44px;
	}
	.collection-active-filters-label{
		font-size:.75rem; 
	}
	.collection-active-filter-chip{
		gap:6px; padding:5px 10px 5px 12px;
	}
	.collection-active-filter-chip-remove{
		width:15px; height:15px; font-size:.75rem;
	}
	.collection-active-filters-clear{
		font-size:.78rem; margin-left:4px;
	}

	/* Fabric search popup */
	.collection-search-overlay{
		padding:24px;
	}
	/* Outer card */
	.collection-search-modal{
		max-width:920px; max-height:90vh;
	}
	/* Inner body - scrollable area  */
	.collection-search-modal-body{
		padding:40px 46px 34px 46px;
	}
	.collection-search-close{
		width:44px; height:44px; font-size:1.25rem;
	}
	.collection-search-title{
		font-size:1.5rem; margin:0 0 26px 0;
	}
	.collection-search-grid{
		grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); column-gap:40px; row-gap:22px; 
	}
	.sr-only{
		width:1px; height:1px; 
	}

	/* Dark "glass" fields over the photo */
	.collection-search-field select,
	.collection-search-field input[type="text"]{
		font-size:.90rem;  padding:14px 18px;
	}
	.collection-search-suggestions{
		margin-top:4px; height:230px;
	}
	.collection-search-suggestion{
		font-size:.90rem; padding:10px 14px;
	}

	/* Can't search empty" */
	.collection-search-error{ 
		margin:20px 0 0 0; padding:10px 14px;
	}
	.collection-search-actions{ 
		gap:12px; margin-top:24px;
	}
	.collection-search-submit, .collection-search-reset{ 
		gap:9px; padding:12px 24px; font-size:.80rem;
	}

	/* Product grid */
	.collection-products-grid{ 
		grid-template-columns:repeat(5, 1fr); align-items:start; gap:30px 26px; padding:22px 44px 90px 44px;
	}
	.collection-product-fabrication{ 
		padding:12px 12px 16px 12px; 
	}
	.collection-product-fabrication span{ 
		font-size:.68rem;
	}

	/* White strip under the photo. */
	.collection-product-footer{ 
		min-height:52px;
	}
	.collection-product-code{ 
		font-size:.95rem;
	}
	.collection-products-empty{ 
		padding:80px 44px; font-size:1.10rem;
	}

	/* Pagination bar */
	.collection-pagination{ 
		gap:8px; padding:0 44px 70px 44px;
	}
	.collection-pagination-page, .collection-pagination-arrow{ 
		font-size:.82rem; min-width:42px; height:42px; padding:0 10px;
	}
	.collection-pagination-ellipsis{ 
		min-width:24px; height:42px; font-size:.82rem;
	}	
	
	
	/*====================================================================================*/
	/*============================ Fabric View Page Design ===============================*/

	/* Breadcrumb*/
	.FabricView-Breadcrumb{
		font-size:.82rem; gap:8px; padding: 6px 20px; margin:0 4px 0 auto;  border:1px solid rgba(20,20,10,0.06);
	}
	.FabricView-Breadcrumb a{
		gap:6px;
	}
	.FabricView-Breadcrumb a::after{
		bottom:-1px; height:2px; border-radius:2px;
	}
	.FabricView-BreadcrumbHome i{
		font-size:.72rem;
	}
	.FabricView-Breadcrumb > i{
		font-size:.72rem;
	}
	.FabricView-NotFound{
		font-size:1.0rem; padding:60px 4px 80px 4px;
	}
	.FabricView-NotFound a{
		margin-top:10px;
	}
	
	/* Fabric View - main layout */
	.FabricView-Layout{
		--fabric-media-h: calc(100vh - 240px); grid-template-columns:minmax(0, 1fr) 12% 31%; column-gap:15px; row-gap:0; padding:2px 2px 2px 2px; 
	}
	.FabricView-Stamps{
		grid-template-rows:repeat(3, 1fr); gap:10px;
	}
	.FabricView-Disclaimer{
		padding:4px 16px; font-size:.72rem; gap:10px;
	}
	.FabricView-Disclaimer i{
		width:14px; height:14px; font-size:.64rem;
	}

	/* Stamps - thumbnail + caption bar */
	.FabricView-Stamp span{
		padding:6px 4px; font-size:.70rem;
	}
	.FabricView-Stamp.is-active img{
		border-width:3px; 
	}
	.FabricView-Stamp.is-active::after{
		top:6px; right:6px; width:18px; height:18px; line-height:18px; font-size:.70rem;
	}


	/* Info panel - a distinct white card */
	.FabricView-InfoCard{
		padding:22px 22px 18px 22px;
	}
	.FabricView-InfoCard::before{
		height:5px;
	}
	.FabricView-Eyebrow{
		font-size:.70rem; margin:0 0 6px 0;
	}
	.FabricView-StyleBadge{
		font-size:1.72rem; margin:0 0 16px 0; padding-bottom:14px; 
	}
	.FabricView-StyleBadge::after{
		width:56px; height:3px; border-radius:3px;
	}
	.FabricView-DetailRow{
		gap:16px; padding:10px 10px 10px 10px;
	}
	.FabricView-DetailRow::before{
		width:3px;
	}
	.FabricView-DetailLabel{
		font-size:.74rem;
	}
	.FabricView-DetailValue{
		font-size:.88rem;
	}
	.FabricView-AskBtn{
		gap:9px; margin-top:18px; padding:13px 18px;  font-size:.80rem;
	}

	/* Toolbar wrapper */
	.FabricView-ZoomToolbar{
		top:12px; right:12px; gap:8px;
	}
	.FabricView-ZoomToggleBtn{
		gap:7px; height:38px; padding:0 16px; font-size:.72rem;
	}
	.FabricView-ZoomBtn{
		width:38px; height:38px; font-size:.92rem;
	}
	.FabricView-ZoomLevel{
		min-width:34px; padding:0 4px; font-size:.75rem;
	}

	/* Similar Products Heading*/
	.FabricView-Similar{
		margin:40px 0 32px 0; padding:32px 4px 0 4px;
	}
	.FabricView-Similar::before{
		height:1px;
	}
	.FabricView-SimilarHeading{
		font-size:1.35rem; margin:0 0 22px 0; padding-bottom:14px;
	}
	.FabricView-SimilarHeading::after{
		left:0; bottom:0; width:48px; height:3px; border-radius:3px;
	}
	.FabricView-SimilarHeadingSub{
		font-size:.82rem;
	}

	/* Similar Products Card */
	.FabricView-SimilarGrid{
		grid-template-columns:repeat(5, 1fr); gap:16px; 
	}
	.FabricView-SimilarCardNoImage{
		font-size:1.75rem;
	}
	.FabricView-SimilarCardFooter{
		gap:2px; padding:8px 10px 10px 10px; border-top:1px solid rgba(20,20,10,0.08);
	}
	.FabricView-SimilarCardStyle{
		font-size:.84rem;
	}
	.FabricView-SimilarCardComposition{
		margin-top:3px; padding:2px 1px; font-size:.70rem;
	}
	
	
	/*===================================================================================*/
	/*============================= Explore Page Design =================================*/
	/* Adriano Goldschmied Tribute  */
	.AdrianoTribute{ 
		min-height:calc(100vh - 120px) !important; margin-top: 120px; padding:25px 85px;
	}
	.AdrianoTribute-Frame{ 
		grid-template-columns:minmax(240px, 420px) 1fr; gap:60px; max-width:1260px;
	}
	.AdrianoTribute-Media-Img{ 
		max-height:min(440px, 68vh);
	}
	.AdrianoTribute-Eyebrow{ 
		font-size:1.10rem; margin:30px 0 6px 0; 
	}
	.AdrianoTribute-Title{ 
		font-size:2.30rem; margin:0 0 18px 0; 
	}
	.AdrianoTribute-Badge{ 
		font-size:.78rem; gap:8px; padding:8px 18px; margin-bottom:24px;
	}
	.AdrianoTribute-Text p{ 
		font-size:1.10rem; margin:0 0 16px 0; 
	}
	.AdrianoTribute-Stitch{ 
		height:1px; margin:30px 0 26px 0; 
	}
	.AdrianoTribute-Signature{ 
		font-size:1.05rem; margin:0 0 8px 0;
	}
	.AdrianoTribute-Closing{ 
		font-size:1.02rem; margin:0 0 30px 0;
	}
	
	/* Rickshaw Heritage  */
	.RickshawHeritage{ 
		padding:70px 80px;
	}
	.RickshawHeritage-Frame{ 
		grid-template-columns:minmax(240px, 420px) 1fr; gap:60px;
	}
	.RickshawHeritage-Media{ 
		max-width:1180px;
	}
	.RickshawHeritage-Media-Frame{ 
		padding:5px;
	}
	.RickshawHeritage-Media-Mat{ 
		padding:10px;
	}
	.RickshawHeritage-Title{ 
		font-size:2.35rem; margin:0 0 22px 0; 
	}
	.RickshawHeritage-Eyebrow{ 
		font-size:.95rem; margin:0 0 10px 0;
	}
	.RickshawHeritage-Tagline{ 
		font-size:.82rem; margin:0 0 30px 0;
	}
	.RickshawHeritage-Text p{ 
		font-size:1.0rem; margin:0 0 18px 0;
	}
	
	/* Investment Journey  */
	.InvestmentJourney{ 
		padding:140px 80px 120px;
	}
	.InvestmentJourney::before{ 
		top:22px; bottom:22px; border-top:2px dashed rgba(224,168,90,0.35); border-bottom:2px dashed rgba(224,168,90,0.35); 
	}
	.InvestmentJourney-Eyebrow{ 
		font-size:2.95rem; margin:0 0 40px 0;
	}
	.InvestmentJourney-Patches{ 
		gap:36px; margin-top:20px; 
	}
	.InvestmentJourney-Patch{ 
		width:480px; padding:30px 30px 26px;
	}
	.InvestmentJourney-Patch::before{ 
		border:1.5px dashed rgba(255,232,199,0.4); 
	}
	.InvestmentJourney-Flag{ 
		top:-11px; right:18px; font-size:.62rem; padding:5px 12px; 
	}
	.InvestmentJourney-Patch-Title{ 
		font-size:1.125rem; margin:4px 0 0 0; 
	}
	.InvestmentJourney-Patch-Subtitle{ 
		font-size:.75rem; margin:4px 0 0 0;
	}
	.InvestmentJourney-Patch-Rule{ 
		margin:14px auto 20px; border-top:1.5px dashed rgba(43,26,13,0.4); 
	}
	.InvestmentJourney-Patch-Icon{ 
		width:52px; height:52px; margin-bottom:10px; 
	}
	.InvestmentJourney-Check{ 
		top:-4px; right:-4px; width:19px; height:19px; 
	}
	.InvestmentJourney-Clock{ 
		top:-4px; right:-4px; width:19px; height:19px; 
	}
	.InvestmentJourney-Patch-Item span{ 
		font-size:.75rem;
	}
	.InvestmentJourney-Patch-Note{ 
		font-size:.62rem;  max-width:125px;
	}
	
	/* Fabric Tags  */
	.FabricTags{ 
		padding:110px 80px 100px; 
	}
	.FabricTags-Frame{ 
		max-width:100%; 
	}
	.FabricTags-Eyebrow{ 
		font-size:.82rem; margin:0 0 12px 0; 
	}
	.FabricTags-Title{ 
		font-size:2.95rem; margin:0 0 64px 0;
	}
	.FabricTags-Row{ 
		grid-template-columns:repeat(3, minmax(240px, 280px)); gap:30px; max-width:960px;
	}
	.FabricTags-Card{ 
		padding:38px 26px 30px; 
	}
	.FabricTags-Hole{ 
		width:14px; height:14px;
	}
	.FabricTags-IconWrap{ 
		margin:26px auto 18px; width:56px; height:56px; 
	}
	.FabricTags-Label{ 
		font-size:.92rem; margin:0 0 14px 0;
	}
	.FabricTags-Stitch{ 
		height:1px; margin:0 auto 16px; 
	}
	.FabricTags-Values{ 
		font-size:.85rem;
	}

	/* indigo scraf */
	.IndigoScarf-Frame{ 
		grid-template-columns:1fr minmax(340px, 46%); min-height:520px;
	}
	.IndigoScarf-Content{ 
		padding:60px 80px 60px 60px;
	}
	.IndigoScarf-Mark{ 
		gap:1px; margin-bottom:10px; 
	}
	.IndigoScarf-Eyebrow{ 
		font-size:.78rem; margin:0 0 2px 0;
	}
	.IndigoScarf-Wordmark{ 
		font-size:5.5rem;
	}
	.IndigoScarf-Icon{
		max-width:70px;
	}
	.IndigoScarf-Tagline{ 
		font-size:.82rem;
	}
	.IndigoScarf-Subtitle{ 
		font-size:.90rem; margin:8px 0 24px 0; max-width:252px;
	}
	.IndigoScarf-Text p{ 
		font-size:.95rem; margin:0 0 16px 0;
	}
	.IndigoScarf-Badge{ 
		font-size:.72rem; margin-top:30px; padding:9px 20px;
	}
	.IndigoScarf-Media{ 
		min-height:400px;  
	}
	
	/* Go Green Banner */
	.GoGreenBanner{ 
		min-height:245px; padding:40px 90px; 
	}
	.GoGreenBanner-Frame{ 
		max-width:1180px; gap:40px;
	}
	.GoGreenBanner-Icon{ 
		width:80px; height:80px;   
	}
	.GoGreenBanner-Icon svg{ 
		width:40px; height:40px; 
	}
	.GoGreenBanner-Eyebrow{ 
		font-size:.80rem; margin:0 0 8px 0; 
	}
	.GoGreenBanner-Title{ 
		font-size:1.95rem; margin:0 0 10px 0;
	}
	.GoGreenBanner-Subtitle{ 
		font-size:.90rem; max-width:520px;
	}
	.GoGreenBanner-Cta{ 
		gap:10px; padding:15px 30px; font-size:.88rem;
	}
	.GoGreenBanner-Cta svg{ 
		width:14px; height:14px;
	}


/*====================================================================================*/
/*================ Facilities:Denim Production Textiles Page Design ==================*/
	.accordion strong{
		font-size: 1.25rem
	}
	.accordion .bullets {
		max-height:20px; padding-right:10px
	}
	.accordion p{
		font-size: 1.0rem
	}
	
	/* Facility Carousel Section */
	.envoy-hero-carousel .carousel-caption {
		right: 6%; bottom: 13%;	max-width: 700px;
	}
	.envoy-hero-carousel .carousel-caption .envoy-caption-title{
		font-size:2.75rem; padding:20px 0px;
	}
	/* indicators */
	.envoy-hero-carousel .carousel-indicators {
		gap: 10px; bottom: 62px; right: calc(6% + 120px);
	}
	.envoy-hero-carousel .carousel-indicators [data-bs-target] {
		width: 9px; height: 9px;
	}
	.envoy-hero-carousel .carousel-indicators [data-bs-target].active {
		width: 13px; height: 13px;
	}
	/* arrows */
	.envoy-hero-carousel .control-btn {
		width: 46px; height: 46px;  bottom: 46px;
	}
	.envoy-hero-carousel .control-icon {
		width: 1.15rem;	height: 1.15rem;
	}
	.envoy-hero-carousel .carousel-control-prev {
		right: calc(6% + 58px);
	}
	.envoy-hero-carousel .carousel-control-next {
		right: 6%;
	}

	/* Denim Production Details */
	.envoy-facility-heading {
		margin-bottom: 34px;
	}
	.envoy-facility-eyebrow {
		font-size: .78rem; margin-bottom: 14px;
	}
	.envoy-facility-tagline {
		font-size: 2.4rem;  padding-bottom: 20px; 
	}
	.envoy-facility-tagline::after {
		width: 140px; border-top: 2px dashed #a9823f;
	}
	/* stats */
	.envoy-facility-stats {
		grid-template-columns: repeat(3, 1fr); gap: 26px 22px; margin-bottom: 44px;
	}
	.envoy-stat-card {
		gap: 6px; padding: 26px 24px 22px 28px;
	}
	.envoy-stat-card::before {
		top: 11px; right: 11px; width: 9px; height: 9px;
	}
	.envoy-stat-number {
		font-size: 2.0rem;
	}
	.envoy-stat-label {
		font-size: .88rem;
	}
	.fac_prg{
		font-size:1.0rem; line-height: 1.75; padding:15px 0px; 
	}


	/* Facility Sustainable Process Section */
	.fac_header{
		margin-bottom:70px;
	}
	.fac_header span{
		font-size:1rem; padding:10px 22px; 
	}
	/* grid */
	.fac_facility{
		gap:20px;
	}
	/* cards */
	.fac_step{
		border-radius:24px; padding:30px; width:calc(295px - 21px); /* 21px = gap:20px + 1px border */
	}
	/* glow */
	.fac_step::before{
		width:180px; height:180px; top:-70px; right:-70px;
	}
	/* number */
	.fac_num{
		font-size:0.90rem; letter-spacing:2px;
	}
	/* icon */
	.fac_icon{
		width:85px; height:85px; border-radius:24px; margin-bottom:26px;
	}
	.fac_icon::before{	
		border-radius:24px; border-width: 2px; padding:2px;
	}
	.fac_icon span{
		font-size:2.20rem;
	}
	/* title */
	.fac_step h3{
		font-size:1.30rem; margin-bottom:16px; letter-spacing:.2px;
	}
	/* paragraph */
	.fac_step p{
		font-size:.95rem; line-height:1.65; padding-left:16px;
	}
	/* highlight line */
	.fac_step p::before{
		left:0; top:4px; width:3px; border-radius:10px;
	}
	/* tag area */
	.fac_bottom{
		bottom:25px;
	}
	/* minimal tag */
	.fac_tag{
		font-size: 0.75rem; padding-bottom:6px;
	}
	/* underline animation */
	.fac_tag::after{
		height:2px; 
	}

	
/*========================================================================================*/
/*==================== Facilities: Others Facility Page Design =========================*/
/* Others Facility Hero Section */
.OFHeroWrap .OFBlank{ 
	height:clamp(40px,7vh,80px);
}
.OFHero{
	padding:45px 90px;
}
.OFHero__glow{
	width:620px; height:620px;
}
.OFHero__frame::before, .OFHero__frame::after{
	width:54px; height:54px;
}
.OFHero__frame::before{ 
	border-width:1px 0 0 1px;
}
.OFHero__frame::after{ 
	border-width:1px 1px 0 0;
}
.OFHero__inner{ 
	max-width:880px;
}
.OFHero__eyebrow{
	gap:14px; margin-bottom:18px; font-size:.80rem;
}
.OFHero__eyebrow-line{
	width:25px; height:1px;
}
.OFHero__title{ 
	margin:0 0 clamp(12px,2.6vh,28px);
}
.OFHero__line--lead{ 
	margin-bottom:clamp(2px,.8vh,8px);
}
.OFHero__line--lead > span{
	font-size:2.85rem; 
}
.OFHero__line--main > span{
	font-size:4.75rem;
}
.OFHero__subtitle{
	font-size:1.0rem; max-width:740px; margin:0 0 26px; padding-left:18px; border-left:2px solid rgba(201,162,39,.7); 
}
.OFHero__cta{
	gap:14px; font-size:.80rem; 
}
.OFHero__cta-icon{
	width:24px; height:38px; border-radius:14px; border:2px solid rgba(233,207,122,.8);
}
.OFHero__cta-wheel{
	top:7px; width:4px; height:8px; margin-left:-2px;
}


/* Body Part of Others Facility */
.OFStory__rail{
	right:45px; gap:12px;
}
.OFStory__rail button{
	width:12px; height:12px;  border:1px solid rgba(255,255,255,.4);
}
.OFPanel{
	padding:90px 90px; border-top:1px solid rgba(255,255,255,.06);
}
.OFPanel__content{ 
	max-width:1080px;
}
.OFPanel__title{
	font-size:3.0rem; margin:0px 0px 12px;
}
.OFPanel__desc{
	font-size:1.0rem; 
}

/*========================================================================================*/
/*==================== Sustainability: LEED PLATINUM Page Design =========================*/
.lion {	
	min-height: calc(100vh - 110px); padding: 1.5rem 2rem; 
}
.lion-eyebrow{
	font-size: clamp(1rem, 1.0vw, 2rem); margin-bottom: 1.20rem;
}
.lion-leed-wordmark img{	
	width:clamp(320px,12vw,420px); margin-bottom: 1.2rem;
}
.lion-title {
	 font-size: clamp(2rem, 4vw, 4rem); margin-bottom: 1.20rem;
}
.lion-title .line-gold {
	-webkit-text-stroke: 1.5px var(--gold);
}
.lion-com-type {
	font-size: clamp(1rem, 6vw, 1.5rem);
}
.lion-score-display {
	margin: 1.2rem 0 1.0rem 0;
}
.total-score-big {
	font-size: clamp(2rem, 4.8vw, 3.4rem);
}
.score-slash { 
	font-size: 2.2rem;
}
.score-total { 
	font-size: 2.2rem;
}
.score-label-block .lbl {
	font-size: .70rem;
}

/* Scores Section Start */
.leed-cmp-row{
	padding:0px 10px;
}
.scores-section {
    padding: 120px 0 40px;
}
.leed-cmp-eyebrow{
	font-size:0.85rem; margin-bottom:10px;
}
.section-heading {
	font-size: clamp(2rem, 5vw, 4rem); margin-bottom: 2rem;
}

/* Leed Counter & Header */
.leed-cmp-switch{
	gap:4px; padding:5px; margin:0 auto 2.25rem;
}
.leed-cmp-tab{
	gap:2px; padding:8px 32px;
}
.leed-cmp-tab-year{ 
	font-size:1.3rem;
}
.leed-cmp-tab-label{ 
	font-size:0.6rem;
}

/* Swatch for total score */
.leed-cmp-total{
	max-width: 980px; border: 1px dashed rgba(232,200,122,0.55); margin: 0 0 2.25rem auto; padding: 14px 28px 32px 28px; gap:10px;
}
.leed-cmp-total::after{
	height:12px; bottom:-2px;
}
.leed-cmp-total-bottom{ 
	gap:20px;
}
.leed-cmp-total-track{
	height:7px;
}
.leed-cmp-total-figures{ 
	width:180px; gap:6px;
}
.leed-cmp-total-num{ 
	font-size:1.5rem; min-width:48px; 
}
.leed-cmp-total-slash{ 
	font-size:0.95rem;
}
.leed-cmp-total-max{ 
	font-size:0.95rem;
}
.leed-cmp-total-label{ 
	margin-left:8px; font-size:0.88rem;
}
.leed-cmp-total-rating{ 
	font-size:1rem; padding-bottom:9px;
}



  /* Score cards grid */
.scores-grid {
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)) !important; gap: 15px!important;
	padding: 4px 0 32px!important; 
}
.scores-grid .score-card {	
	border: 1px solid rgba(20,17,10,0.16); padding: 25px 15px!important; margin-bottom: 0 !important;
}
.scores-grid .card-top{
	gap: 12px; margin-bottom: 16px!important;
}
.leed-cmp-tag{
	font-size:0.62rem; border:1px solid currentColor; padding:3px 9px;
}
.scores-grid .leed-cmp-val{
	font-size: 1.25rem;
}
.scores-grid .leed-cmp-max{
	font-size: 0.78rem;
}
.scores-grid .card-name{
    font-size: .95rem; margin-bottom: 10px!important; min-height: 2.6rem;
}
.leed-cmp-icon{
	margin-right: 0.55rem; font-size: 0.92rem!important; line-height: 1.35; margin-top: 0.15em;
}
.scores-grid .card-number{
	font-size: 3.75rem !important;
}
.card-bar-track {
    margin-top: 16px!important; height: 8px; border-radius: 2px;
}

/* Details Section */
.details-section{
	padding: 100px 0px; 
}
.details-left .big-quote {
    font-size: clamp(2rem, 5vw, 4rem); margin-bottom: 2rem;
}
.details-body {
	line-height: 1.50; font-size: 1.0rem;
}
.details-body p + p { 
	margin-top: 2.50rem;
}

/* Video Section */
.videos-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.yt-btn {
	width: 70px; height: 70px;
} 
.video-info{
	padding: 1rem 1.5rem;
}
.video-info p {
	 line-height: 1.5; font-size: .90rem; 
}
.vid-modal-box {
	max-width: 1000px;
}
.vid-modal-close {
	font-size: 2.75rem;
}

/*========================================================================================*/
/*======================= Sustainability: GO GREEN Page Design ===========================*/
 .hero {
    padding: 50px 70px;
 }
 .hero-main {
    padding-bottom: clamp(1.3rem, 3.8vw, 2.8rem);
 }
 .hero-eyebrow {
    font-size: 0.95rem;
 } 
.hero-h1{
  	font-size:clamp(3.8rem,4.8vw,5.8rem);
}
.hero-h1 .pre {
    font-size: clamp(1.9rem, 2.4vw, 2.9rem);
}
.hero-h2{
  	font-size:clamp(5.8rem,7.3vw,8.8rem);
}
.hero-h2 .outline{
  	 -webkit-text-stroke:1.5px rgba(255,255,255,.75);
}
.hero-stats-heading{
	font-size: 0.95rem; 
}
 .hero-quote {
    font-size: clamp(0.68rem, 1.15vw, 0.87rem); max-width: 360px;
 }
 .hs {
    padding: 15px 7.5px; min-width:130px;
 }
 .hs-n {
    font-size: clamp(1.1rem, 2.2vw, 1.7rem);
 }
 .hs-l {
    font-size: 0.75rem;
 }
 .hero-scroll {
    bottom:10px; right:40px;
 }
 .scroll-line {
    width:2px; height:75px;
 }
 /* ticker section */
.ticker span{
  	font-size:.75rem;
}
 /* Score section */
.score{
	padding:100px 80px;
}
.score-h{
	font-size:3.75rem; margin-bottom: 0px;
}
.score-h em{
	font-size: 2rem;
}
.score-grid{
	grid-template-columns:repeat(3,1fr)
}
.sc-name{
	font-size:.87rem;
}
.sc-num{
  	font-size: 2.85rem;
}
.sc-num sub{
	font-size: 1.85rem; bottom: -7px;
}
.sc-desc{
	font-size:.90rem; min-height: 50px; margin-top:7px;
}
.sc-bar{
	height:2.5px; margin-top:7px;
}
.sc-fill{
	height:2.5px;
}
.sc-target{
	font-size:.75rem;  margin-top:5px;  min-height: 35px;
}

.sc-nav{
	gap:.8rem;
}
.sc-arrow{
	width:32px; height:32px; border:1px solid rgba(255,255,255,.16);
}
.sc-arrow i{
	font-size:.8rem;
}
.sc-dots{
	gap:.75rem;
}
.sc-dot{
	width:7px; height:7px;
}
.sc-count{
	font-size: 0.8rem; margin-left: 12px;
}


/* Fusion (Image) Section */
.fusion{
    grid-template-columns:1.55fr 1fr; grid-template-rows:320px 225px;
}
.fu-tag{
    font-size:.72rem;
}
.fu-title{
    font-size:1.2rem;
}

/* Pillars Section */
.ph-sub{
	font-size:1.95rem; text-align:right;
}
.pillar{
	grid-template-columns:clamp(140px,19vw,220px) 1fr 10px; gap:clamp(1.4rem,3.8vw,3.2rem); padding:clamp(1.9rem,4.2vw,3rem) 1.7rem;
}
.pillar::before{
	height:2px;
}
.pillar:hover::before{
	width:20%;
}
.p-ghost{
	font-size:clamp(3rem,6.8vw,5rem);
}
.p-name{
	font-size:clamp(1.25rem,2.5vw,1.8rem);
}

.p-lede{
  	font-size:1.30rem; line-height:1.4; margin:0 0 20px; padding-left:20px;
}
.p-lede::before{
	top:2.5px; bottom:2.5px; width:5px;
}
.a-list{
	gap:10px;
}
.a-row{
	border:1px solid var(--rule);
}
.a-head{
	gap:10px; padding:10px 20px;
}
.a-row.is-open .a-num{ 
	padding-right:10px; border-right:1px solid rgba(255,255,255,.70);
}
.a-num{
	font-size:1rem; padding-right:10px; border-right:1px solid rgba(0,0,0,.70);
}
.a-title{
	font-size:1rem;
}
.a-icon{
	width:20px; height:20px;
}
.a-icon::before{
	height:2px;
}
.a-icon::after{
	width:2px;
}
.p-text{
  	font-size:.95rem; line-height:1.9;  padding:20px 20px;
}


/*  Traceability Section  */
.trace-inner{
	max-width:95%; padding:90px 80px;
}
.trace-head{
	max-width:90%; margin-bottom:90px;
}
.trace-ey{
	font-size:0.72rem;
}
.trace-h{
	font-size:4.25rem;
}
.trace-h em{
	font-size:4.25rem;
}
.trace-sub{
	font-size:0.95rem;
}
.trace-flow{
	grid-template-columns:repeat(3,1fr); gap:40px;
}
.tf-step::before{
	width:28px;
}
.tf-name{
	font-size:1rem;
}
.tf-desc{
	font-size:0.82rem;
}

/* Digital Traceability Ecosystem */
.dt-section{
	padding: 100px 0px;
}
.dt-section::before{
	background-size: 56px 56px;
}
.dt-inner{
	padding:0 80px;
}
.dt-head{
	max-width:760px; margin:0 auto 64px;
}
.dt-eyebrow{
	font-size:.8rem; margin-bottom:14px;
}
.dt-title{
	font-size:2.50rem; margin:0 0 14px;
}
.dt-sub{
	font-size:.95rem;
}
.dt-card{
	border:1px solid rgba(255,255,255,.12); padding:38px 30px 34px;
}
.dt-card::before{
	height:3px;
}
.dt-card-wide{ 
	grid-column: span 2; 
}
.dt-grid{
	grid-template-columns: repeat(3, 1fr); gap:25px;
}
.dt-icon{
	width:56px; height:56px; border-radius:4px; font-size:1.3rem; margin-bottom:24px;
}
.dt-card-title{
	font-size:1.0rem; margin:0 0 24px; padding-bottom:16px;
}
.dt-card-title::after{
	width:62px; height:3px;
}
.dt-tags{
	row-gap:10px;
}
.dt-tags li{
	font-size:.90rem; padding-right:20px; margin-right:10px;
}
.dt-tags li:not(:last-child)::after{
	right:7px; width:4px; height:4px;
}


/* Roadmap Section */
.rm-head{
	margin-bottom:clamp(2.4rem,5vw,3.8rem);
}
.rm-h{
	font-size:clamp(2.4rem,7vw,5.25rem);
}
.rm-grid{
  	grid-template-columns:repeat(5,1fr);
}
.rm-yr{
  	font-size:clamp(2.4rem,5vw,3.8rem); margin-bottom:.65rem;
}
.rm-pill{
  	font-size:.76rem; margin-bottom:.65rem;
}
.rm-title{
	font-size:.9rem; margin-bottom:.32rem;
}
.rm-desc{
	font-size:.76rem;
}
.rm-inf{
  	font-size:clamp(2.8rem,7vw,4.75rem); margin-bottom:.5rem;
}


/* Closing Section */
.closing-h{
  	font-size:clamp(4rem,15vw,12.5rem);
}
.closing-sub{
  	font-size:.82rem; max-width:530px;
}

/*====================================================================================*/
/*=============== Corporate Social Responsibility Page Design ========================*/
	/*csr-overview section*/
	.overview-text p{
		font-size:1.30rem; line-height: 1.75; padding:15px 30px 15px 15px;
	}

	/*csr-writeup section*/
	.csr-writeup{
		padding:25px 15px 25px 15px; line-height: 1.6;
	}
	.csr-bg h1{
		font-size:2.60rem;
	}
	.csr-img{
		margin-left: 40px !important; max-width:50%;
	}
	.csr-writeup p{
		font-size:1.0rem; padding: 0px 0px 0px 0px;
	}
	.csr-writeup li{
		font-size:1.0rem; margin:-10px 0px 0px 50px
	}


/*===================================================================================*/
/*======================= Investor Relation Page Design =============================*/	

	/*Investor Relation - Desktop/Laptop Header Section*/
	.investor-header-ul {
		top:101px; padding: 5px 70px;
	}
	.investor-header-ul li {
		margin: .35em .70em; font-size: clamp(0.800rem, .90vw, 1.100rem);
	}
	.investor-header-ul a {
		padding: 0.25em 0;
	}
	.investor-header-ul a:before {
		height: 3px;
	}
	.investor-header-ul a:after {
		padding: 0.3em 0;
	}

	/*Investor Relation - Sub-Header Desktop/Laptop/Mobile Device Section*/
	.investor-subheader-ul li {
		padding:5px 30px; margin: .35em .70em; font-size:.810rem;
	}
	.investor-subheader-ul a {
		padding: 0.25em 0;
	}
	.investor-subheader-ul a:before {
		height: 3px;
	}
	.investor-subheader-ul a:after {
		padding: 0.3em 0;
	}

	/* Investor Relation All Page Common*/
	.share-info-div{
		padding:10px; margin-top:135px!important;
   }
   	.share-cominfo-div{
		padding:10px; margin-top:125px!important; 
	}
	.InvInfo-Box{
		padding:0px 20px; margin-bottom:30px
	}
	.InvInfo-Box-Sub-Detail{
		padding:10px 20px; margin-top:-30px; margin-bottom:5px
	}
	.inv-subpage-title{
		margin-bottom:20px;
	}
	.inv-subpage-title-span{
		padding:8px 25px; font-size: 1.0rem;
	}

	/* [1]General Information, [2]Price Sensitive Information, [3]Material Information, [4]Principle of Disclosure of MI & PSI, [5]Report and Financial Statement, [6] Investor-IPO, [7]Non Refunded IPO, [8] Dividend: Unclaimed Stock Dividend, [9] Dividend: Dividend Distribution Policy, [10] Zero  Coupon Bond Page */
	.Inv-table th {
		font-size: 1.10rem;
	}
	.Inv-table td {
		font-size: 1.0rem;
	}
	.Inv-table .btn {
		font-size: 1.0rem;
	}
	.grd-3{
		min-width:25%; max-width:25%; padding: 5px 0px 5px 10px;
	}
	.grd-2{
		min-width:16.66%; max-width:16.66%; padding: 5px 0px 5px 10px;
	}


	/*Investor Relation: Board Of Directors PAGE*/
	.board-item{
    	margin-bottom: 30px;
	}
	.board-card{
		gap: 25px; padding: 25px;
	}
	.board-photo{
		flex: 0 0 200px;
	}
	.board-photo img{
		width: 200px;  height: 300px;
	}
	.board-content{
		border-width:0px 0px 0px 10px; padding:15px;
	}
	.board-name{
		font-size: 1.35rem;
	}
	.board-role{
		font-size: 1.15rem; margin-top: 5px;
	}
	.board-represent{
		font-size: .85rem; margin-top: 5px; padding: 4px 10px;
	}
	.board-body{
		font-size: 1.0rem; line-height: 1.7;
	}

	/* Invertor Relation: Audit/Nomination & Remuneration Committee Page*/
	.committee_chairman{
		margin-top: 20px; margin-bottom: 50px;
	}
	.committee_chairman img{
		width: 200px; height: 250px; padding: 10px 6px 0px 6px;
	}
	.committee_chairman h2{
		margin-top: 10px; font-size: 1.15rem;
	}
	.committee_chairman p{
		font-size: 1.10rem;
	}

	.committee_members{
		grid-template-columns: repeat(3, 1fr); gap: 50px;
	}
	.committee_member img{
		width: 200px; height: 250px; padding: 10px 6px 0px 6px;
	}
	.committee_member h3{
		margin-top: 10px; font-size: 1.15rem;
	}
	.committee_member p{
		font-size: 1.10rem;
	}


	/* Investor Relation Share Holding Status (Only Graph Section)*/
	#chartContainer{
		height: 465px; margin-bottom:10px;
	}

	/* Investor Relation Contact Us*/
	.Contact-Us-Box{
		line-height:1.8; padding:15px 25px; margin-bottom:50px;
	}
	.Contact-Us-Box h2{
		font-size: 1.25rem; 
	}
	.Contact-Us-Box h4{
		font-size: 1.05rem;
	}
	.Contact-Us-Box label{
		font-size: 1.0rem;
	}

	/*=========================================================================================*/
	/*============================= Current News Page Design ==================================*/

	/* Featured post (latest article) */
	.News-Featured{
		margin-top:0px; margin-bottom:40px;
	}
	.News-Featured-Media{
		flex:1 1 50%; height:auto;
	}
	.News-Featured-Media img{
		max-height:400px;
	}
	.News-Featured-Body{
		flex:1 1 50%; padding:30px;
	}
	.News-Tag{
		font-size:0.75rem; padding:5px 0px; margin-bottom:5px;
	}
	.News-Featured-Body h2{
		margin:0 0 12px 0; font-size:1.35rem;
	}
	.News-Date{
		font-size:0.85rem; margin-bottom:11px;
	}
	.News-Date i{
		margin-right:5px;
	}
	.News-Featured-Body p{
		font-size:.95rem;
	}

	/* Card grid (rest of the posts) */
	.News-Grid{
		grid-template-columns:repeat(3, 1fr); gap:40px;
	}
	.News-Card-Media{
		height:200px; flex:0 0 200px;
	}
	.News-Card-Body{
		padding:20px 22px 22px 22px; 
	}
	.News-Card-Body h3{
		font-size:1.05rem; margin:0 0 10px 0; 
	}
	.News-Card-Body .News-Date{
		margin-bottom:10px;
	}
	.News-Card-Body p{
		font-size:0.90rem; margin-bottom:15px;
	}

	/*  Pagination, pill style  */
	.News-Pagination-Wrap{
		margin-top:50px; margin-bottom: 44px;
	}
	.News-Pagination-Mark{
		font-size:0.85rem; margin-bottom:14px;
	}
	.News-Pagination-Wrap .pagination a{
		font-size:0.9rem;  padding:8px 16px;  min-width:34px; min-height:34px; margin-right:8px; 
	}


	/*=========================================================================================*/
	/*============================= Current Details Page Design ===============================*/

	/* Main Section */
	.news-detail-section{ 
		padding: 130px 80px 65px;
	}
	.news-paper{
		padding: 25px 25px;
	}

	/* section divider */
	.section-divider{ 
		gap:10px; margin:25px 0;
	}
	.section-divider::before{ 
		width:10px; height:10px;
	}
	.section-divider.is-tight{ 
		margin:18px 0 22px;
	}

	/* shells */
	.news-hero-header{
		margin:0 0 25px !important;
	}
	.news-hero-heading{
		font-size:1.56rem;  margin:0 0 14px;
	}
	.publish-date-badge{
		font-size:.75rem; gap:2px;
	}
	.gallery-shell{
		margin:0 0 20px !important;
	}
	.gallery-row{ 
		gap:10px; --hero-w: 580px;
	}

	/* hero Image Section */
	.hero-counter-badge{
		bottom:14px; right:14px; padding:6px 13px; font-size:.72rem;
	}
	.hero-zoom-hint{
		bottom:14px; left:14px; padding:6px 11px; font-size:.66rem;
	}

	/*  prev/next arrows */
	.hero-nav-btn{
		width:44px; height:44px; border-radius:50%; font-size:1.125rem;
	}
	.hero-nav-prev{ 
		left:16px;
	}
	.hero-nav-next{ 
		right:16px; 
	}

	/* right stamps image */	
	.gallery-thumb-col{
		gap:8px;
	}
	.gallery-thumb-grid{
		grid-auto-flow:column; grid-template-columns:repeat(2, auto); grid-template-rows:repeat(3, 1fr); gap: 8px;
	}
	.gallery-thumb{
		padding:3px; min-height: 140px; max-height:140px!important;
	}
	.gallery-thumb-number{
		font-size:.60rem;  padding:2px 7px;
	}

	/* lightbox */
	.lightbox-media{
		max-width:84vw; max-height:80vh;
	}
	.lightbox-media img{
		min-width:84vw; max-width:84vw; max-height:80vh;
	}
	.lightbox-close-btn{
		top:12px; right:12px; width:38px; height:38px; font-size:1.35rem;
	}
	.lightbox-nav-btn{
		width:46px; height:46px; font-size:1.125rem;
	}
	.lightbox-nav-prev{ 
		left:12px;
	}
	.lightbox-nav-next{ 
		right:12px;
	}
	.lightbox-counter-badge{
		font-size:.72rem;  bottom:12px;  padding:5px 12px;
	}
	

	/* article body */
	.news-article-wrap{ 
		margin:30px auto 34px;
	}
	.news-article-wrap p{ 
		font-size:1rem;
	}

	/* share button */
	.share-section h2{ 
		font-size:1.05rem; margin:0 0 12px;
	}
	.share-icon-list{ 
		gap:12px;
	}
	.share-icon-link{
		font-size:1rem; width:42px; height:42px;
	}
	

	/* related news */
	.related-articles-section{ 
		margin-top:74px;
	}
	.related-articles-header{ 
		gap:14px; margin-bottom:4px;
	}
	.related-articles-header h2{ 
		font-size:1.30rem; margin:0; 
	}
	.related-articles-header span{ 
		font-size:0.68rem;
	}
	.related-articles-list{ 
		grid-template-columns:repeat(2, 1fr); gap:18px; margin-top:14px;
	}
	.related-article-media{ 
		flex:0 0 190px; width:190px;
	}
	.related-article-content{ 
		flex-direction:column; padding:16px 20px; gap:6px;
	}
	.related-article-content h3{
		font-size:.96rem;
	}
	.related-article-excerpt{
		font-size:.86rem;
	}
	.related-article-date{
		gap:6px; margin-top:2px; font-size:.74rem;
	}
	.related-article-date::before{ 
		width:9px; height:9px;
	}

	/*=========================================================================================*/
	/*================================ Training Page Design ===================================*/

	/* Intro Part */
	.Training-Intro{
		 outline: 2px dashed #ffffff33; outline-offset: -10px; padding:36px 36px; margin:0 0 24px 0;
	}
	.Training-Intro-Quote{
		font-size:1.15rem;
	}
	.Training-Intro-Quote i{
		font-size:.88rem; margin:0 6px;
	}
	.Training-Intro-Author{
		margin-top:8px; font-size:.80rem;
	}

	/* Search panel */
	.Training-Search-Panel{
		margin:0 0 16px 0; padding:12px 0px;
	}
	.Training-Search-Select-Wrap{
		min-width:300px;
	}

	/* Training Native */
	.Training-Native-Select{
		padding:11px 42px 11px 16px; font-size:.90rem;
	}
	.Training-Custom-Trigger{
		padding:12px 16px; font-size:.90rem;
	}
	.Training-Custom-Trigger-Arrow{
		font-size:.75rem;
	}
	.Training-Custom-Options{
		max-height:260px; padding:5px;
	}

	/* Flips upward automatically */
	.Training-Custom-Options::-webkit-scrollbar{
		width:8px;
	}
	.Training-Custom-Option{
		gap:8px; padding:10px 12px; font-size:.90rem
	}
	.Training-Custom-Option .fa-check{
		width:12px; font-size:.75rem; 
	}

	/* Reset button */
	.Training-Reset-Btn{
		gap:8px; padding:12px 16px; font-size:.90rem;
	}
	.Training-Reset-Btn i{
		font-size:.90rem;
	}

	/* Training Count */
	.Training-Count{
		font-size:.90rem; margin:0 0 35px 0;
	}
	.Training-Empty{
		padding:30px 0;
	}
	.News-Card-Type{
		font-size:.82rem; margin-bottom:4px;
	}
	.News-Card-Type i{
		margin-right:6px;
	}

	/*====================================================================================*/
	/*========================= Training Details Page Design =============================*/

	.training-subcategory-badge{
		gap:6px; padding:5px 0px; margin:0 0 10px 0;  font-size:.75rem;
	}
	.training-subcategory-badge i{
		font-size:.75rem;
	}
	/* You May Also Read */
	.training-subcategory-badge--sm{
		padding:3px 0px; margin:0 0 6px 0; font-size:.68rem;
	}
	.training-subcategory-badge--sm i{
		font-size:.68rem;
	}

	/*====================================================================================*/
	/*=========================== News letter Page Design =================================*/
	
	/* newsletter hero section */
	.archive-hero{
		padding: 130px 80px 65px; 
	}
	.archive-hero .eyebrow{
    	gap:9px; font-size:0.85rem; letter-spacing:0.18em; margin-bottom:20px;
	}
	.archive-hero .eyebrow::before{
		width:26px; height:1px;
	}
	.archive-hero h1{
		font-size:7.0rem; margin:0 0 35px;
	}
	.archive-hero p{
		font-size:0.95rem; max-width:880px;
	}


	/* archive shelf section */
	.archive-shelf{
		padding: 40px 80px 120px;
	}
	.shelf-grid{
		grid-template-columns: repeat(4, 1fr); gap: 40px 28px;
	}
	.ring-stamp{
		bottom:10px; right:10px; width:38px; height:38px;
	}
	.issue-meta{
		gap:10px; margin-top:14px;
	}
	.issue-meta .when{
		font-size:1.25rem;
	}
	.issue-meta .when span{ 
		font-size:1.0rem; margin-left:6px;
	}
	.issue-meta .pillar-tag{
		font-size:.70rem; padding:4px 8px;
	}
	.issue-title{
		margin:6px 0 0; font-size:1.10rem;
	}

	/* Light Box of News Letter */
	.nl-lightbox-panel{
		max-width:88%; height:88vh;
	}
	.nl-lightbox-header{
		gap:18px; padding:16px 56px 16px 26px;
	}
	.nl-lightbox-header h2{
		font-size:1.25rem;
	}
	.nl-lightbox-header h2 .lb-when{
		font-size:.80rem; margin-left:9px;
	}
	.nl-lightbox-controls{
		gap:8px;
	}
	.lb-icon-btn{
		width:34px; height:34px; font-size:.95rem;
	}
	.lb-pdf-link{
		font-size:.95rem; padding:7px 11px;
	}
	.nl-lightbox-close{
		font-size:1.10rem;
	}

	/*==================================================================================*/
	/*========================== Career Page Design ===================================*/

	.cr-seam{
		height:15px;
	}
	/* Career Hero */
	.cr-hero{
		min-height:86vh; margin-top: 100px;
	}
	.cr-hero-content{
		padding:0 22px;
	}
	.cr-hero-heading{
		font-size:3.5rem; margin:0 0 20px;
	}
	.cr-hero-subtext{
		font-size:1.0rem; max-width:660px;
	}

	/*  Layout base */
	.cr-main,
	.cr-why,
	.cr-divisions{		
		padding:90px 0;
	}
	.cr-container{		
		max-width:98%; padding:0 80px;
	}
	.cr-panel-eyebrow{
		font-size: .90rem;
	}
	.cr-panel-heading{
		font-size:1.75rem; margin:0 0 16px;
	}
	.cr-section-heading{
		font-size:2.05rem; margin:0 0 40px;
	}
	
	/* Opportunities: CV & Openings */
	.cr-opportunities{
		grid-template-columns: repeat(2, 1fr);
	}
	.cr-cv-panel{
		padding:55px 55px 55px 0;
	}
	.cr-openings-panel{
		padding:55px 0 55px 55px;
	}
	.cr-panel-text{
		font-size:1rem; max-width:460px;  margin:0 0 34px;
	}

	/* Hang-tag email element */
	.cr-tag{
		gap:14px; padding:18px 28px 18px 34px; font-size:1.10rem;
	}
	.cr-tag-hole{
		width:12px;	height:12px; top:-9px; left:20px;
	}
	.cr-tag i{
		font-size:1.10rem;
	}
	.cr-panel-hint{
		font-size:.80rem; margin:16px 0 0;
	}

	/* Openings list (Pending) */
	.cr-openings-empty{
		padding:20px 0 0;
	}
	.cr-openings-empty i{
		font-size:1.65rem; margin-bottom:14px;
	}
	.cr-openings-empty-title{
		font-size:1rem; margin:0 0 8px; 
	}
	.cr-openings-empty-text{
		font-size:0.90rem; max-width:460px;
	}
	.cr-opening-link{
		gap:20px; padding:24px 4px;
	}
	.cr-opening-link:hover{
		padding-left:14px;
	}
	.cr-opening-main h3{
		font-size:1rem; margin:0 0 8px;
	}
	.cr-opening-meta{
		font-size:.82rem; gap:8px;
	}
	.cr-opening-cta{
		font-size:.75rem; letter-spacing:1px;
	}

	/* Why Choose */
	.cr-perks-grid{
		grid-template-columns:repeat(4,1fr); gap:20px;
	}
	.cr-perk-card{
		padding:36px 20px;
	}
	.cr-perk-card i{
		font-size:1.45rem; margin-bottom:16px; 
	}
	.cr-perk-card h3{
		font-size:0.95rem;  margin:0 0 10px;
	}
	.cr-perk-card p{
		font-size:.85rem;
	}

	/* Where You Could Work */
	.cr-divisions-subtext{
		font-size:.95rem; max-width:660px; margin:0 auto 40px;
	}
	.cr-division-chips{
		gap:14px; 
	}
	.cr-chip{
		font-size:.84rem; gap:10px; min-width:210px;
	}
	.cr-chip i{
		font-size:.78rem;
	}

	/* Email Options Modal */
	.cr-modal-box{
		padding:34px 30px 28px; max-width:400px;
	}
	.cr-modal-close{
		top:16px; right:16px; font-size:1rem;
	}
	.cr-modal-title{
		font-size:1.30rem; margin:0 0 8px;
	}
	.cr-modal-text{
		font-size:.88rem; margin:0 0 22px;
	}
	.cr-modal-options{
		gap:10px;
	}
	.cr-modal-option{
		gap:12px; font-size:.88rem;
	}
	.cr-modal-option i{
		width:18px;  font-size:.90rem;
	}
	.cr-modal-footnote{
		font-size:.75rem; margin:16px 0 0;
	}


/*====================================================================================*/
/*=================== Contact Us Envoy Textiles Page Design ==========================*/
	
	.contact-us-hero{
		padding:360px 24px 85px; 
	}
	.contact-wrap{
		padding:50px 10px 95px; grid-template-columns:1fr 1fr; gap:30px;
	}
	#contactForm{
		padding:30px 10px;
	}
	.contact-hero-title{
		font-size:5rem;
	}
	.contact-label-row{
		margin-bottom:22px;
	}
	.contact-label-title{ 
		font-size:1.60rem; 
	}
	.contact-field{
		margin-bottom:30px;
	}
	.contact-field input,
	.contact-field textarea{
		font-size:.95rem; padding:16px 6px 8px;
	}
	.contact-field textarea{
		min-height:150px;
	}
	.contact-field label{ 
		font-size:.95rem; 
	}
	.contact-field input:focus ~ label,
	.contact-field textarea:focus ~ label,
	.contact-field input:not(:placeholder-shown) ~ label,
	.contact-field textarea:not(:placeholder-shown) ~ label{ 
		top:-16px; font-size:.95rem; 
	}
	.contact-field-bar{
		height:2px;
	}
	.contact-field-err{ 
		font-size:.95rem; 
	}
	.contact-captcha-sum{ 
		font-size:.95rem; 
	}
	.contact-captcha input{ 
		font-size:.95rem; width:65px; 
	}
	.contact-captcha-tag{ 
		font-size:.90rem; 
	}
	.contact-captcha-err{ 
		font-size:0.95rem; 
	}
	.contact-submit-btn{ 
		font-size:0.90rem; padding:15px 25px; margin-top:15px;
	}
	.contact-form-status{ 
		font-size:0.95rem; 
	}
	.contact-office-grid{
		gap:12px; grid-template-columns:1fr 1fr;
	}
	.contact-office{
		padding:24px 18px 20px;
	}
	.contact-office-tag{ 
		font-size:.95rem;  letter-spacing:.11em;
	}
	.contact-office-address{ 
		font-size:.88rem; 
	}
	.contact-office-actions button,
	.contact-office-actions a{ 
		font-size:.78rem; padding:6px 14px;
	}
	.contact-office-actions svg{
		width:13px; height:13px;
	}
}


@media only screen and (min-width:1181px) and (max-width: 1321px) {
/*==========================================================================*/
/*====================== General Declaration ===============================*/
	.css-button-arrow--yellow:hover:after {
		right: 10px;
	}
	.css-button-arrow--yellow:after {
		font-size: 20px; top: -4px; right: -20px; 
	}
	.clear {
		min-height: 110px; margin:0px 0px;
	}
	.clear-hall {
		min-height: 110px; margin:0px 0px;
	}
	.clear-sm {
		min-height: 25px; margin:10px 0px; 
	}
	.clear-video {
		min-height: 110px; margin-top:100vh;
	}
	#popup-msg{
		margin-bottom:15px; font-size:0.90rem;
	}
	
/*==========================================================================*/
/*===================== Navigation Bar Design ==============================*/
	.navbar-fixed-top{
		max-height:100px; padding: 10px 0px;
	}
	.header-actions{
		gap:10px
	}
	.menu{
		font-size:1.3rem;
	}			
	.company-text {
		margin-left:80px; font-size:1.8rem;
	}
	.company-logo {
		max-height:50px! important;  margin-left:10px;
	}		
	#sidebarCollapse {
		width: 60px; height: 50px; border-radius: 1px; margin-right:20px; 
	}
	.account-btn{
		width: 60px; height: 50px; border-radius: 1px; font-size: 1.15rem;
	}
	
	/*Modal Design*/
	.close{
		font-size:2.4rem; margin-top:20px; margin-right:20px;
	}
			
/*==========================================================================*/
/*====================== Side Bar Menu Design ==============================*/
	.offcanvas{
		min-width:30%; max-width:30%; width:30%;
	}
	.go-green-panel {
    	right: 30%; width: 12%;
	}
	.gogreen-text {
		font-size: clamp(2.7rem, 3.65vw, 3.7rem);
	}
	.gogreen-slg {
		top: 20px; left: 8px; font-size: 0.75rem;
	}
	.offcanvas-header{
		font-size:1.45rem;
	}
	.close-btn{
		margin-right:5px!important; margin-top:0px!important;
	}
	.close-btn b{
		padding: 0px 10px 0px!important;
	}
	.sidebar ul li {
		font-size:1.05rem
	}
	.sidebar .submenu li {
		font-size: .90rem;
	}
	.sidebar .nav-link{
		padding-top: 8px; padding-bottom: 8px;
	}
	.sidebar .nav-link:hover {
		padding-left: 25px;
	}
	.menu-caret{
		margin-left:-5px!important
	}
	.submenu li:hover .menu-caret{
		margin-left:0px!important; transition:all 1s ease;
	}
	
/*==========================================================================*/
/*====================== Fabric Library Menu Design ==============================*/
	.account-caret{
		margin-left:5px;
	}
	.account-dropdown{
		width:340px; padding:20px;
	}
	.account-dropdown-guest{
		width:220px;
	}
	.account-dropdown::after{
		top:-6px; right:18px; width:12px; height:12px;
	}	

	/* Only trigger ever open */
	.account-dropdown-name{
		margin:0 0 6px; font-size:1.10rem;
	}
	.account-dropdown-divider{
		height:1px; margin:14px 0;
	}
	.account-dropdown-label{ /* Just Saying Account */
		font-size:.75rem; margin-bottom:8px;
	}
	.account-dropdown-link{
		font-size:1.0rem; gap:10px; padding:7px 0;
	}
	.account-dropdown-link i{
		width:16px;
	}
	
/*==========================================================================*/
/*======================= Footer Style Design ==============================*/
	#footer_row{
		padding: 10px 80px 0px 80px;
	}
	.footer b{
		font-size:.90rem; 
	}
	.footer p{
	 font-size:.80rem;
	}
	.footer span{
		font-size:.80rem;
	}
	.company-footer{
		padding-top: 50px; padding-bottom: 10px; 
	}
	.left-part{
		display:inline-block; text-align:left; 
	}
	.left-part label{
		font-size:11.0rem;
	}
	.right-part{
		display:inline-block; text-align:right; 
	}
	.right-part label{
		font-size:11.0rem;
	}
	#footer_social {
		width:100%; padding-bottom: 20px;
	}
	#footer_right {
		padding:0px 0px 0px 0px;
	}
	#address_01 {
		margin-left:.5%; width:49%;
	}
	#address_02 {
		margin-left:.5%; width:49%; 
	}
	#address_01 p, #address_02 p{
		min-height:110px;
	}
	
	/*-- Footer Social Media --*/
	#social-platforms {
		font-size:1rem; text-align:left; 
	}
	.btn {
		min-width:40px!important;
	}
	.btn > span,.btn-icon > i {
		padding:8px; text-align:center
	}
	.btn > span {
		padding:10px 10px 10px; font-size:1rem
	}
	.btn-icon > i {
		font-size:1.80em;  min-width:40px; max-width:40px
	}
	.btn-icon > i:after {
		display:none
	}
	
	
/*==========================================================================*/
/*===================== Index/Home Page Design =============================*/
	
	/*-- Index Page Media --*/
	#company-title-ws{
	font-size:3.5rem;
	}
	#leed-title-ws{
		font-size:1.8rem;
	}
	#leed-logo-ws{
		max-width:140px;
	}
	.close-btn-wlk {
		padding: 5px 20px; font-size: .90rem; 
	}

	/* hero-overlay section */
	.home-hero-taglines{
		gap:6px; padding:20px 20px;
	}
	.home-hero-taglines::after{
		width:120px; height:120px; border:2px solid #99bb00;  border-left:none; border-top:none;
	}
	.home-hero-taglines::after{ 
		bottom:-10px; right:-10px;
	}
	.hero-label{
		font-size:clamp(1.4rem, 3.0vw, 3.0rem);
	}
	.hero-label em{
		font-size:clamp(1.6rem, 2.2vw, 2.8rem);
	}
	.hero-word{
		font-size:clamp(1.8rem, 3.6vw, 2.8rem);
	}

	/* Scroll Indicator */
	.scroll-indicator{
		bottom:32px;
	}
	.scroll-indicator-line{
		width:3px; height:46px;
	}
	/* Replay Button */
	.video-replay-btn{
		width:60px; height:60px; bottom: 40px; left:70px
	}
	.video-replay-btn svg{
		width:30px; height:30px; margin-left:4px;
	}

/* Between Bridge Section */
	.home-bridge {
		padding: 94px 24px 100px;
	}
	.home-bridge-inner {
		max-width: 860px;
	}
	.home-bridge-eyebrow {
		gap: 12px; margin: 0 0 22px; font-size: .78rem;
	}
	.home-bridge-rule {
		width: 64px; height: 3px;  margin: 0 auto 28px;
	}
	.home-bridge-heading {
		max-width: 720px; margin: 0 auto 14px; font-size: 2.8rem;
	}
	.home-bridge-reg {
		font-size: 1.30rem; margin-left: 1.5px;
	}
	.home-bridge-year-inline {
		margin-top: 8px; font-size: 2.35rem;
	}
	.home-bridge-caption {
		max-width: 660px; margin: 34px auto 34px; font-size: 1.80rem;
	}
	.home-bridge-sub {
		max-width: 660px; font-size: .96rem;
	}

	/* Index, Home : Sustainability Section */
	#HomePageSection1{
		height:130vh;
	}
	.card-green { /* Drop */
		top: 0%; right: 10%;
	}
	.card-blue { /* Weave */
		top: 3%; left: 10%;
	}
	.card-red { /* Lesser */
		bottom: 4%; right: 10%;
	}
	.card-pink { /* Climate */
		bottom: 1%; left: 10%;
	}
	.card-img {
		width: 100%;  max-width: 210px; /* 330px */
	}
	.card-tag{
		font-size:.68rem; padding: 10px 10px 0;
	}
	.card-text {
		top:22px; left:56px; right:10px; margin-top: 5px; font-size: .92rem; 
	}
	.card-punch{
		padding:17px;
	}
	.card-punch p{
		font-size:.90rem;
	}

	/* Index, Home : Featured Collection */
	#featured-collection{
		padding: 30px 70px 30px 70px;
	}
	#featured-collection .Feature-Head {
		margin-left: -57.5px!important;
	}
	#collection-cards{
		grid-template-columns:repeat(4, 230px); gap:25px;
	}
	.product-card {
		width:100%; min-width: 230px; max-width:230px;
	}
	.image-wrapper {
  		height: 290px;
	}
	.product-info {
 		padding: 12px 10px;
	}
	.product-title {
 		font-size: 1.0rem; font-weight: 800; margin-bottom: 6px; letter-spacing: 0.5px; 
	}
	.product-sub {
		font-size: .75rem; font-weight: 500; padding: 5px 10px; margin: 3px 4px;
	}
	.tooltip-card::after {
		font-size:.75rem; 
	}
	.modal-xl { /* Modal of Product*/
        max-width: 1280px; width: 92%;
    }
	.img-grid{
		max-width:35%; width:35%; 
	}
	.text-grid{
		padding-left: 20px; padding-right:20px ; max-width: 65%;  width: 65%;
	}
	.text-grid h4{
		font-size: 2.0rem;
	}
	.text-grid i{
		font-size: .90rem;
	}
	.text-grid p{
		font-size: 1.0rem; margin-top:10px; line-height: 1.6;
	}

	/* Index, Home : Marketing Text Section*/
	.envoy-story{
		padding:80px 0px;
	}
	.story-line-container{
		min-width:505px;
	}
	.story-line{
		font-size: clamp(1.0rem, 2vw, 1.25rem); margin-bottom:.55rem;
	}
	.story-line strong{
		font-size: clamp(1.25rem, 2vw, 1.50rem);
	}
	.envoy-title{
		font-size: clamp(2.25rem, 2vw, 2.50rem); margin-top:50px;
	}
	.envoy-title small{
		font-size: clamp(1.0rem, 2vw, 1.25rem);
	}
	

	/*Home Overview Section*/
	#HomeOverview{
		padding-left:70px; padding-right:70px; margin-top:60px
	}
	.ov-title {
		font-size: 1.4rem; margin-left:20px;
	}
	.ov-click{
		font-size: .90rem; padding:4px 10px;
	}	
	
	
	/* [1]Home: About Information, [2]Home: About Us Page, [3]CSR Page, */
	#WebView{
		padding-left:80px; padding-right:80px;
	}
	.Web-Main{
		margin-top:10px;
	}
	#Web-Text{
		padding:10px 0px;
	}
	#Web-Text-V2{
		padding:10px 0px;
	}
	#Web-Text-V3{
		padding:10px 0px;
	}
	.Web-Text-Div{
		padding:0px 0px;
	}
	#Web-Text h1{
		font-size:2.25rem; letter-spacing: 1px; border-width:3px; padding:50px 25px;
	}
	#Web-Text h1::after {
    	top: 8px; left: 8px; right: 8px; bottom: 8px; border: 3px dashed rgba(184, 184, 184, 1);
	}
	#Web-Text-V2 h1{
		font-size:2.0rem; letter-spacing: 1px; border-width:2px; padding:15px 90px;
	}
	#Web-Text-V2 h1::before{
		width:80px; height:2px;
	}
	#Web-Text-V2 h1::after{
		width:80px; height:2px; 
	}
	#Web-Text-V3 h1{
		font-size:2.0rem; letter-spacing: 1px; border-width:2px; padding:10px 0px; margin-top:80px;  transform: rotate(-35deg);
	}
	.writeup-section{
		padding: 5px 15px;
	}
	#writeup-section p{
		font-size:1.0rem;  line-height: 1.50;
	}
	.reg-sign{
		font-size:.75rem;
	}		
	#writeup-section-V2 p{
		font-size:1.0rem;  line-height: 1.50;
	}	
	#writeup-section-V3 p{
		font-size:1.0rem;  line-height: 1.50;
	}
	.abt_title_01{
		font-size:clamp(3.0rem, 1.0vw, 4.0rem); margin-bottom:45px;
	}
	.abt_title_02{
		font-size:clamp(2.50rem, 1.0vw, 3.0rem); margin-bottom:25px;
	}
	.abt_prg{
		font-size:1.0rem;  line-height: 1.50;
	}

	
	/* Image and Text Section */
	.text-section-left,
	.text-section-right {
		padding: 25px 25px;  width:34%
	}
	.text-section-left {
		transform: translateX(150px);
	}
	.text-section-right {
		transform: translateX(-150px);
	}
	.image-section-center {
		width:32%
	}
	.leed-image {
    	min-width:22vw; max-width: 22vw; 
	}

	/* [1] Index, Home: Recycle Section*/
	.recycle-section{
		padding: 80px 0;
	}
	.top-logo img {
		max-height: 130px; margin-bottom:1.4rem;
	}
	.recycle-icon img {
		max-height: 340px !important; margin-bottom:1.4rem;
	}
	.bottom-text {
		font-size: 1.4rem;
	}
	
	/* [1] Home: Client Section*/
	.Web-Clients{
		min-width: 72vw; max-width: 72vw; margin-top: -35px;
	}
	.scroll-row-cover{
		height: 20px; margin-top: -20px;
	}
	.items img{
		min-height: 20px; max-height:20px;
	}
	.clients{
		max-width:10.0%; padding:0px;
	}
	.btn-client{
		box-shadow:rgba(0,0,0,.02) 0 1px 3px, rgba(27,31,35,.15) 0 0 0 1px; padding: 3px 5px; margin:0px 5px;
	}
	.btn-client:hover::before{
		border-radius:5px; 
	}
	.btn-client img{
		max-height:84px;
	}
	.scroll-row-client-cover{
		height: 90px; margin-top: -90px;
	}	
	.view-page a{
		padding: 10px 0px; font-size: 1.0rem;
	}	
	
	/*Home Our Culture Information*/
	#Web-Culture{
	width:48%; margin:1%; padding:20px; min-height:290px;  
	}
	#Web-Culture h3{
		font-size: 1.20rem; margin-bottom:20px; 
	}
	#Web-Culture p{
		font-size:.90rem;
	}
	
	
	
/*===============================================================================*/
/*===================== General For All Page Design =============================*/
	.Web-Page-Title{
		margin-top:71.5px;
	}
	.Web-Page-Title h1{
		font-size:0.90rem; margin:5px 68px
	}
	.Web-Page-Title-Spcial{
		margin-top:71.5px;
	}
	.Web-Page-Title-Spcial h1{
		font-size:.90rem; margin:5px 68px
	}
	#WebView-Other{
		padding-left:80px; padding-right:80px; margin-top:120px;
	}
	#WebView-Leed{
		padding-left:80px; padding-right:80px; margin-top:100px;
	}
	
	
/*=============================================================================*/
/*===================== Vision Values Page Design =============================*/
	
	/*Vision Values Page Information*/
	
	#Web-Vision{
		padding:0px 64px; display:grid; grid-template-columns: repeat(2,1fr); gap:16px;
	}
	#Vision-Header h1{
		font-size:4.8rem;
	}
	#Vision-Text p,li{
		font-size:0.90rem
	}
	#readMoreBtn{
		font-size:0.90rem;
	}
	
/*===================================================================================*/
/*===================== Award Accreditation Page Design =============================*/	
	/* AWARD ACCREDITATION PAGE - IMAGE CAROUSEL */
	.aw-slider {
		height: 90vh;
	}
	.aw-slide-info {
		padding: 60px 50px;
	}
	.aw-slide-info h5 {
		font-size: clamp(1.2rem, 2.0vw, 1.80rem); line-height: 1.05;
	}
	.aw-progress {
		height: 3px;
	}
	.aw-nav {
		width: 50px; height: 50px;  font-size: 1.4rem;
	}
	.aw-dots {
		bottom: 2.2rem;	right: 5vw;
	}
	.aw-dot {
		width: 6px; height: 6px; border-radius: 3px;
	}
	.aw-counter {
		bottom: 3.0rem; right: 5vw; font-size: .70rem;
	}
	.aw-counter strong {
		font-size: 1.15rem;
	}
	
	/*Award Accreditation Hall of Fame Section*/
	.addPadding{
		padding-top:80px!important;
	}
	.Hall-Fame-Total{
		padding: 0 10px;
	}
	.Hall-Fame-Total-Num{
		font-size: 3.75rem;
	}
	.Hall-Fame-Total-Label{
		font-size: .95rem; margin-top: 5px; 
	}
	.award-wrapper{
		padding: 50px 10px 10px 10px;
	}
	.Award-Box{
		padding:25px 35px 25px 35px; margin-bottom:50px;
	}
	.fa-ul h2{
		font-size: 1.20rem; line-height: 1.5; margin-bottom: 10px;
	}
	.Award-Category{
		font-size: .90rem; line-height: 1.5; margin-bottom: 10px;
	}
	.Award-Year {
    	width: 23%; border-radius: 5px; border-width: 1px; margin: 6px 1%;
	}
	.Award-Year label {
		padding: 5px 10px; font-size: 0.90rem; text-align: center;
	}
	.Award-Blockquote{
		font-size:.80rem;  padding:10px 10px 10px 10px; margin:15px 0px 0px 0px;
	}
	.scroll-down {
		bottom: 20px; right: 60px; width: 40px; height: 40px; border: 3px solid #FFF;
	}

	
	
	/*Award Accreditation Certification Section*/
	.Cert-Title{
		padding:0 0 16px;  font-size:2.2rem;
	}
	.Cert-Title::after{
		width:56px; height:4px;
	}
	#Web-Certificate{
		padding:30px 5px 30px;
	}
	.cert-logo-grid{
		grid-template-columns: repeat(4, 1fr); gap: 26px; padding: 30px 10px 30px;
	}
	.cert-logo-card{
		padding: 20px;
	}		
	.cert-logo-card::before{
		top: 6px; left: 10px; width: 50%; border-top: 2px dashed rgba(10,10,10,0.32);
	}
	.cert-logo-card::after{
		bottom: 6px; right: 10px; width: 50%; border-bottom: 2px dashed rgba(10,10,10,0.32);
	}
	.no-cert-popup{
		font-size:.75rem; padding:6px 14px;
	}

	/* Light Box for Certificate/Accreditation */
	#lightbox{
		padding: 30px 0; 
	}
	.lb-container{
		padding: 30px 30px;
	}

	/* Top toolbar */
	.lb-toolbar{
		top:10px; right:10px; gap:8px;
	}
	.lb-toolbar-btn{
		font-size:.90rem; width:34px; height:34px;
	}
	
	/* Additional Certificate Text Format */
	#Web-Certificate-text{
		margin:20px 0px; padding:30px 20px!important; 
	}
	#Web-Certificate-text h4{
		font-size:1.10rem; margin-top:20px; padding-left:20px
	}
	.fa-ul-cr li{
		font-size:.90rem
	}

/*==========================================================================*/
/*======================= Client Page Design ===============================*/
	.Web-Clients-Cp{
		margin-top: 15px;
	}
	.Web-Clients-Cp h4{
		font-size: 2.0rem;
	}
	.clients-cp{
		max-width:16.6%; padding:15px;
	}
	.btn-client-cp{
		border-radius:1px; padding: 10px 15px;
	}
	.btn-client-cp:hover::before{
		border-radius:5px; 
	}

	/* Map Section */
	.map-main{
		padding:1% 16%;
	}
	
/*=============================================================================*/
/*===================== Top Executive Page Design =============================*/

	/*Top Executive Page Information*/
	#Web-Exe-Row{
		margin: 20px 0px 30px 0px;
	}
	#Web-Exe-Pic{
		width:20%
	}
	#Web-Exe-Pic-BG{
		padding:0px 25px 25px 25px; max-width:200px; max-height:220px
	}
	#Web-Exe-Pic-BG img{
		max-width:150px;
	}
	#Web-Exe-Details{
		width:80%
	}
	#Exe-Name{
		padding:3px 10px; font-size: 1.20rem;
	}
	#Exe-Designation{
		padding:3px 15px; font-size: 1.0rem; margin-bottom: 12px;
	}
	#Exe-Details{
		padding:0px 10px; font-size: 0.90rem;
	}

/*====================================================================================*/
/*===================== About Envoy Textiles Page Design =============================*/
	/*Home Timeline Information*/
	#Web-Timeline{
		width: 90%;
	}	
	#Web-Timeline-Textarea-Left h1{
		font-size:2.3rem;  margin:10px 0px;
	}
	#Web-Timeline-Textarea-Left Ul{
		width:47%; padding:10px 40px 10px 40px; font-size:.90rem;
	}
	#Web-Timeline-Textarea-Left li{
		margin-bottom: 20px; padding:25px;
	}
	#Web-Timeline-Textarea-Right h1{
		font-size:2.3rem; margin:10px 0px;
	}
	#Web-Timeline-Textarea-Right Ul{
		width:47%; margin-left:53%; padding:10px 40px 10px 40px; font-size:.90rem;
	}
	#Web-Timeline-Textarea-Right li{
		margin-bottom: 20px; padding:25px; 
	}

/*===================================================================================*/
/*===================== Fabric Library : Before Login ===============================*/

	.FabricHero{
		height:calc(100vh - 115ox);  margin:115px 0 0px 0;
	}
	@supports (height: 100dvh){
		.FabricHero{
			min-height:calc(100dvh - 115px);
		}
	}
	.FabricHero-Frame{
		padding:50px 90px 70px;
	}
	.FabricHero-Media-Frame{
		width:380px;
	}
	.FabricHero-Content{
		max-width:520px;
	}
	.FabricHero-Title{
		font-size:3.5rem;
	}
	.FabricHero-Title-Light::before{
		right:82%;  height:18vh;
	}
	.FabricHero-Title-Bold::before{
		right:65.5%;  height:20vh;
	}
	.FabricHero-Eyebrow{
		margin:18px 0 22px; font-size:.82rem;
	}
	.FabricHero-Text{
		font-size:.95rem;
	}
	.FabricHero-Text p{ 
		margin:0 0 14px 0; 
	}
	.FabricHero-ScrollCue{
		bottom:18px;  font-size:.70rem;
	}
	.FabricHero-ScrollCue-Icon{
		width:30px; height:30px; border:1.5px solid currentColor;
	}
	.FabricHero-ScrollCue-Icon i{ 
		font-size:.82rem;
	}

	/* Fabric Gallery */
	.FabricGallery{
		margin:0px 0 0px 0;
	}
	.FabricGallery-Grid{
		grid-template-columns:repeat(3, 1fr);
	}
	.FabricGallery-Caption{
		padding:34px 18px 16px;
	}
	.FabricGallery-Caption span{
		font-size:1.0rem;
	}
	

	/* Library Access Instruction */
	.FabricAccess{
		padding:100px 40px 80px;  margin:0 0 30px 0;
	}
	.FabricAccess::before{
		top:-120px; right:-120px; width:280px; height:280px;
	}
	.FabricAccess-Title{
		margin:0 0 10px 0; font-size:1.4rem;
	}
	.FabricAccess-Intro{
		margin:0 0 30px 0; font-size:.90rem;
	}
	.FabricAccess-Steps{
		margin:0 0 30px 0;
	}
	.FabricAccess-Step{
		padding:24px 18px 20px;
	}
	.FabricAccess-Step::before{
		left:14px; right:14px; height:3px; border-radius:0 0 3px 3px;
	}
	.FabricAccess-Step-Icon{
		width:48px; height:48px; margin-bottom:16px; font-size:1.10rem;
	}
	.FabricAccess-Step-Icon em{
		width:20px; height:20px; font-size:.70rem;
	}
	.FabricAccess-Step p{
		font-size:.84rem;
	}
	.FabricAccess-Step-Arrow{
		width:34px; font-size:1.0rem;
	}
	.FabricAccess-Actions{
		gap:12px; margin:0 0 26px 0;
	}
	.FabricAccess-Btn{
		gap:9px; padding:14px 28px;  font-size:.92rem; 
	}
	.FabricAccess-Btn i{ 
		font-size:.85rem; 
	}
	.FabricAccess-Disclaimer{
		padding-top:22px; font-size:.78rem; 
	}

	/*====================================================================================*/
	/*================================ Fabric Library:Modals  ============================*/
	.envoy-modal__dialog {
		max-width: 34rem; padding: 1.90rem 2rem 1.80rem;
	}
	.envoy-modal__close {
		top: 1rem; right: 1rem; width: 2rem; height: 2rem; font-size: 1.1rem;
	}
	.envoy-modal__icon {
		width: 3.25rem; height: 3.25rem;  margin: 0 auto 1.25rem;  font-size: 1.25rem; 
	}
	.envoy-modal__title {
		font-size: 1.1rem; color: #111827;
	}
	.envoy-modal__body {
		font-size: .90rem; margin: 0 0 1.75rem;
	}
	.envoy-modal__btn {
		font-size: 0.90rem; padding: 0.5rem 2.05rem;
	}


/*==================================================================================*/
/*===================== Fabric Library : Registration Page =========================*/
	.Registration-Section{
		margin-bottom:15px;
	}
	.Registration-Hero{
		padding:8px 16px 4px;
	}
	.Registration-Hero-Text{
		font-size:0.95rem;
	}
	.Registration-Wrap{
		gap:24px; margin:34px auto 0; max-width:1080px; padding:0 14px 52px;
	}
	.Registration-Card, .Registration-Info{
		flex:1 1 400px; padding:24px 24px 22px;
	}
	.Registration-Title{
		font-size:1.0rem; margin:0 0 18px; padding-bottom:12px;
	}
	.Registration-Row{
		gap:14px; margin-bottom:14px;
	}
	.Registration-Row .Registration-Group{
		min-width:145px;
	}
	.Registration-Label{
		font-size:0.81rem; margin-bottom:6px;
	}
	.Registration-InputWrap i{
		font-size:0.85rem;
	}
	.Registration-InputWrap input{
		padding-left:34px;
	}
	.Registration-Input, .Registration-Select{
		padding:9px 10px; font-size:0.85rem;
	}
	label.error{
		font-size:0.75rem; margin-top:4px;
	}
	.Registration-AccessPeriod{
		gap:10px 20px; padding:10px 14px;
	}
	.Registration-AccessPeriod label{
		gap:5px; font-size:0.85rem;
	}
	.Registration-AccessPeriod input[type="radio"]{
		width:14px; height:14px;
	}
	.Registration-Captcha{
		gap:14px; padding:12px 17px; margin-bottom:17px;
	}
	.Registration-Captcha-Question{
		gap:9px; font-size:0.805rem;
	}
	.Registration-Captcha-Question input{
		width:55px; padding:7px 5px; font-size:0.82rem;
	}
	.Registration-Captcha-Label{
		font-size:0.72rem;
	}
	.Registration-Submit{
		margin-top:7px; margin-bottom:2px;
	}
	.Registration-Btn{
		gap:7px; padding:10px 22px; font-size:0.80rem;
	}
	.Registration-Info p{
		font-size:0.95rem;
	}
	.Registration-Info a{
		font-size:0.95rem;
	}
	.Registration-List li{
		font-size:0.95rem; padding:8px 0 8px 22px;
	}
	.Registration-List li::before{
		top:8px; font-size:0.75rem;
	}
	.Registration-Divider{
		height:1px; margin:19px 0;
	}
	
/*==================================================================================*/
/*========================= Fabric Library : Login Page ============================*/	
	.Login-Wrap{
		max-width:1180px; margin:36px auto 0; padding:0 16px 56px;
	}
	.Login-Card{
		max-width:460px; padding:28px 28px 24px;
	}
	.Login-Title{
		font-size:1rem; margin:0 0 20px; padding-bottom:12px;
	}
	.Login-Warning{
		gap:10px; padding:10px 14px; margin-bottom:18px; font-size:0.82rem;
	}
	.Login-Warning-Close{
		font-size:0.82rem; line-height:1; padding:2px 4px;
	}
	.Login-Group{
		margin-bottom:16px;
	}
	.Login-Label{
		font-size:0.82rem; margin-bottom:6px;
	}
	.Login-InputWrap i{
		left:12px; font-size:0.90rem;
	}
	.Login-InputWrap input{ 
		padding-left:36px; 
	}
	.Login-Input{
		padding:10px 12px; font-size:0.90rem;
	}
	label.error{
		font-size:0.75rem; margin-top:5px;
	}
	.Login-Forgot{
		margin-bottom:18px;
	}
	.Login-Forgot a{
		font-size:0.75rem;
	}
	.Login-Captcha{
		gap:16px; padding:14px 20px; margin-bottom:20px;
	}
	.Login-Captcha-Question{
		gap:10px; font-size:.95rem;
	}
	.Login-Captcha-Question input{
		width:64px; padding:8px 6px; font-size:0.90rem;
	}
	.Login-Captcha-Label{
		font-size:0.75rem; 
	}
	.Login-Submit{
		margin-top:4px;
	}
	.Login-Btn{
		gap:8px; padding:12px 26px; font-size:0.90rem;
	}
	.Login-Footer{
		margin-top:20px; padding-top:16px;
	}
	.Login-Footer p{
		font-size:0.82rem;
	}
	
/*====================================================================================*/
/*====================== Fabric Library : Forget Password Page =======================*/
	.Forget-Wrap{
		max-width:1180px; margin:36px auto 0; padding:0 16px 56px;
	}
	.Forget-Card{
		max-width:460px; padding:28px 28px 24px;
	}
	.Forget-Title{
		font-size:1rem; margin:0 0 20px; padding-bottom:12px;
	}
	.Forget-Subtext{
		font-size:.82rem;  margin:0 0 20px; 
	}
	.Forget-Group{
		margin-bottom:16px;
	}
	.Forget-Label{
		font-size:0.82rem; margin-bottom:6px;
	}
	.Forget-InputWrap i{
		left:12px; font-size:0.90rem;
	}
	.Forget-InputWrap input{ 
		padding-left:36px; 
	}
	.Forget-Input{
		padding:10px 12px; font-size:0.90rem;
	}
	label.error{
		font-size:0.75rem; margin-top:5px;
	}
	.Forget-Captcha{
		gap:16px; padding:14px 20px; margin-bottom:20px;
	}
	.Forget-Captcha-Question{
		gap:10px; font-size:.95rem;
	}
	.Forget-Captcha-Question input{
		width:64px; padding:8px 6px; font-size:0.90rem;
	}
	.Forget-Captcha-Label{
		font-size:0.75rem;
	}
	.Forget-Submit{
		margin-top:4px;
	}
	.Forget-Btn{
		gap:8px; padding:12px 26px; font-size:0.90rem;
	}
	.Forget-Footer{
		margin-top:20px; padding-top:16px;
	}
	.Forget-Footer p{
		font-size:0.82rem;
	}
	
/*==================================================================================*/
/*===================== Fabric Library : Reset Password Page =======================*/
	.Reset-Wrap{
		max-width:1180px; margin:36px auto 0; padding:0 16px 56px;
	}
	.Reset-Card{
		max-width:480px; padding:28px 28px 24px;
	}
	.Reset-Title{
		font-size:1rem; margin:0 0 20px; padding-bottom:12px;
	}
	.Reset-Subtext{
		font-size:.82rem;  margin:0 0 20px;
	}
	.Reset-Group{
		margin-bottom:16px;
	}
	.Reset-Label{
		font-size:0.82rem; margin-bottom:6px;
	}
	.Reset-InputWrap i{
		left:12px; font-size:0.90rem;
	}
	.Reset-InputWrap input{ 
		padding-left:36px;
	}
	.Reset-Input{
		padding:10px 12px; font-size:0.90rem;
	}
	label.error{
		font-size:0.75rem; margin-top:5px;
	}
	.Reset-Submit{
		margin-top:4px;
	}
	.Reset-Btn{
		gap:8px; padding:12px 26px; font-size:0.90rem;
	}


/*=================================================================================*/
/*===================== Fabric Library: Library Home ==============================*/
	.library-hero-section{
		min-height: calc(100vh - 120px);
	}
	.sub-library-hero-section{
		grid-template-columns: repeat(2, 420px); gap:5px;
	}
	.library-hero-overlay{
		padding:26px 26px 24px 26px;
	}
	.library-hero-caption{
		transform:translateY(40px);
	}
	.library-hero-category{
		font-size:1.4rem; margin:0 0 10px 0;
	}
	.library-hero-tile:hover 
	.library-hero-category::after{
		width:54px;
	}
	.library-hero-tagline{
		font-size:0.90rem; margin:0 0 11px 0;
	}
	.library-hero-explore-wrap{
		margin-top:11px;
	}
	.library-hero-explore{
		font-size:0.75rem; padding:6px 14px;
	}
	.library-hero-empty{
		padding:60px 20px;
	}

	/* library eco section */
	.library-eco-section{
		padding:130px 24px; 
	}
	.library-eco-section::before,
	.library-eco-section::after{
		width:1px; height:56px;
	}
	.library-eco-section::before{
		top:44px;
	}
	.library-eco-section::after{
		bottom:44px;
	}
	.library-eco-eyebrow{
		gap:10px;  font-size:.90rem;
	}
	.library-eco-eyebrow i{
		font-size:1.10rem; 
	}
	.library-eco-lead{
		font-size:1.4rem; margin:0 auto 44px auto;
	}
	.library-eco-statement{
		font-size:4.5rem; margin:0 0 48px 0;
	}
	.library-eco-button{
		gap:12px; font-size:1.10rem; padding:16px 30px;
	}
	.library-eco-button-arrow{
		font-size:1rem; 
	}
	
	/*  Library Intro / Browse-All Section */
	.library-intro-section{
		margin-top:60px; margin-bottom: 60px; 
	}
	.library-intro-image-wrap{
		flex:1 1 50%; max-width:50%; min-height:420px;
	}
	.library-intro-badge{
		left:28px; bottom:28px;
	}
	.library-intro-badge-number{
		font-size:1.40rem;
	}
	.library-intro-badge-label{
		font-size:.62rem;
	}
	.library-intro-content{
		flex:1 1 50%; max-width:50%;  padding:60px 70px; 
	}
	.library-intro-text{
		font-size:.90rem; margin:0 0 32px 0; max-width:480px;
	}
	.library-intro-button{
		font-size:.95rem; padding:18px 30px;
	}

	/*  Envoy Feature Stories Strip */
	.library-stories-section{
		padding:100px 24px 100px 24px;
	}
	.library-stories-inner{
		max-width:1280px; margin:0 auto;
	}
	.library-stories-heading{
		margin-bottom:56px;
	}
	.library-stories-eyebrow{
		font-size:.80rem; margin:0 0 14px 0;
	}
	.library-stories-title{
		font-size:2.25rem;
	}
	.library-stories-list{
		gap:40px;
	}
	.library-story-row{
		gap:28px; padding:36px 44px;
	}
	.library-story-row-media{
		max-width:230px; min-width:160px; max-height:230px;
	}
	.library-story-row-kicker{
		font-size:.62rem; padding:4px 10px; margin:0 0 12px 0;
	}
	.library-story-row-title{
		font-size:1.25rem; margin:0 0 14px 0;
	}
	.library-story-row-details{
		font-size:.95rem;
	}
	
	/* Keep Explore Section */
	.library-curious-content{
		flex:1 1 50%; max-width:50%;  padding:70px 70px;
	}
	.library-curious-eyebrow{
		font-size:.80rem; margin:0 0 18px 0;
	}
	.library-curious-title{
		font-size:2.05rem; margin:0 0 18px 0;
	}
	.library-curious-text{
		font-size:.92rem; margin:0 0 30px 0; max-width:460px;
	}
	.library-curious-button{
		gap:12px; font-size:.92rem; padding:18px 32px;
	}
	.library-curious-arrow{
		font-size:1.0rem; 
	}
	.library-curious-image-wrap{
		flex:1 1 50%; max-width:50%; min-height:420px;
	}

	/*====================================================================================*/
	/*======================= Fabric Library: Collection Page ============================*/
	/* Product Showing Section */
	.collection-hero{
		min-height:380px;
	}
	.collection-hero-inner{
		padding:44px 44px 24px 44px;
	}
	.collection-hero-panel{
		max-width:640px; padding:28px 32px 26px 28px; border-radius:1px; border-left:3px solid var(--lime); 
	}
	.collection-hero-eyebrow{
		font-size:.78rem; 
	}
	.collection-hero-title{
		font-size:3.15rem;  margin:0 0 12px 0;
	}
	.collection-hero-tagline{
		font-size:1.05rem;
	}
	/* Feature grid */
	.collection-hero-features{
		grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px 24px; margin-top:18px; padding-top:16px; 
	}
	.collection-hero-feature{
		gap:9px;
	}
	.collection-hero-feature-mark{
		width:6px; height:6px; margin-top:6px;
	}
	.collection-hero-feature-text{
		font-size:.76rem;
	}

	/* Results bar */
	.collection-results-bar{
		gap:16px; padding:36px 44px 36px 44px; font-size:.95rem;
	}
	.collection-results-text{
		gap:8px;
	}
	.collection-results-icon{
		font-size:.72rem;	
	}

	/* Home link */
	.collection-home-link{
		gap:7px; font-size:.75rem; padding:8px 16px;
	}
	.collection-home-link i{
		font-size:.82rem
	}

	/* Groups Search + Home together */
	.collection-results-actions{
		gap:10px;
	}
	.collection-search-btn{
		gap:7px; font-size:.75rem; padding:8px 16px;
	}
	.collection-search-btn i{
		font-size:.82rem
	}

	/* Active filters - shows selected criteria */
	.collection-active-filters{
		font-size:.82rem; gap:8px 10px; padding:8px 44px 18px 44px;
	}
	.collection-active-filters-label{
		font-size:.75rem; 
	}
	.collection-active-filter-chip{
		gap:6px; padding:5px 10px 5px 12px;
	}
	.collection-active-filter-chip-remove{
		width:15px; height:15px; font-size:.75rem;
	}
	.collection-active-filters-clear{
		font-size:.78rem; margin-left:4px;
	}

	/* Fabric search popup */
	.collection-search-overlay{
		padding:24px;
	}
	/* Outer card */
	.collection-search-modal{
		max-width:920px; max-height:90vh;
	}
	/* Inner body - scrollable area  */
	.collection-search-modal-body{
		padding:40px 46px 34px 46px;
	}
	.collection-search-close{
		width:44px; height:44px; font-size:1.25rem;
	}
	.collection-search-title{
		font-size:1.5rem; margin:0 0 26px 0;
	}
	.collection-search-grid{
		grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); column-gap:40px; row-gap:22px; 
	}
	.sr-only{
		width:1px; height:1px; 
	}

	/* Dark "glass" fields over the photo */
	.collection-search-field select,
	.collection-search-field input[type="text"]{
		font-size:.90rem;  padding:14px 18px;
	}
	.collection-search-suggestions{
		margin-top:4px; height:230px;
	}
	.collection-search-suggestion{
		font-size:.90rem; padding:10px 14px;
	}

	/* Can't search empty" */
	.collection-search-error{ 
		margin:20px 0 0 0; padding:10px 14px;
	}
	.collection-search-actions{ 
		gap:12px; margin-top:24px;
	}
	.collection-search-submit, .collection-search-reset{ 
		gap:9px; padding:12px 24px; font-size:.80rem;
	}

	/* Product grid */
	.collection-products-grid{ 
		grid-template-columns:repeat(5, 1fr); align-items:start; gap:30px 26px; padding:22px 44px 90px 44px;
	}
	.collection-product-fabrication{ 
		padding:12px 12px 16px 12px; 
	}
	.collection-product-fabrication span{ 
		font-size:.68rem;
	}

	/* White strip under the photo. */
	.collection-product-footer{ 
		min-height:50px;
	}
	.collection-product-code{ 
		font-size:.92rem;
	}
	.collection-products-empty{ 
		padding:80px 44px; font-size:1.0rem;
	}

	/* Pagination bar */
	.collection-pagination{ 
		gap:8px; padding:0 44px 70px 44px;
	}
	.collection-pagination-page, .collection-pagination-arrow{ 
		font-size:.82rem; min-width:42px; height:42px; padding:0 10px;
	}
	.collection-pagination-ellipsis{ 
		min-width:24px; height:42px; font-size:.82rem;
	}
	
	
	/*====================================================================================*/
	/*============================ Fabric View Page Design ===============================*/

	/* Breadcrumb*/
	.FabricView-Breadcrumb{
		font-size:.82rem; gap:8px; padding: 6px 20px; margin:0 4px 0 auto;  border:1px solid rgba(20,20,10,0.06);
	}
	.FabricView-Breadcrumb a{
		gap:6px;
	}
	.FabricView-Breadcrumb a::after{
		bottom:-1px; height:2px; border-radius:2px;
	}
	.FabricView-BreadcrumbHome i{
		font-size:.72rem;
	}
	.FabricView-Breadcrumb > i{
		font-size:.72rem;
	}
	.FabricView-NotFound{
		font-size:1.0rem; padding:60px 4px 80px 4px;
	}
	.FabricView-NotFound a{
		margin-top:10px;
	}
	
	/* Fabric View - main layout */
	.FabricView-Layout{
		--fabric-media-h: calc(100vh - 215px); grid-template-columns:minmax(0, 1fr) 13% 32%; column-gap:14px; row-gap:0; padding:2px 2px 2px 2px;
	}
	.FabricView-Stamps{
		grid-template-rows:repeat(3, 1fr); gap:10px;
	}
	.FabricView-Disclaimer{
		padding:4px 16px; font-size:.68rem; gap:10px;
	}
	.FabricView-Disclaimer i{
		width:12px; height:12px; font-size:.60rem;
	}

	/* Stamps - thumbnail + caption bar */
	.FabricView-Stamp span{
		padding:6px 4px; font-size:.70rem; 
	}
	.FabricView-Stamp.is-active img{
		border-width:3px; 
	}
	.FabricView-Stamp.is-active::after{
		top:6px; right:6px; width:18px; height:18px; line-height:18px; font-size:.70rem;
	}


	/* Info panel - a distinct white card */
	.FabricView-InfoCard{
		padding:20px 22px 18px 22px;
	}
	.FabricView-InfoCard::before{
		height:5px;
	}
	.FabricView-Eyebrow{
		font-size:.70rem; margin:0 0 6px 0;
	}
	.FabricView-StyleBadge{
		font-size:1.72rem; margin:0 0 15px 0; padding-bottom:14px; 
	}
	.FabricView-StyleBadge::after{
		width:56px; height:3px; border-radius:3px;
	}
	.FabricView-DetailRow{
		gap:16px; padding:9px 9px 9px 9px;
	}
	.FabricView-DetailRow::before{
		width:3px;
	}
	.FabricView-DetailLabel{
		font-size:.74rem;
	}
	.FabricView-DetailValue{
		font-size:.88rem;
	}
	.FabricView-AskBtn{
		gap:9px; margin-top:18px; padding:13px 18px;  font-size:.80rem;
	}

	/* Toolbar wrapper */
	.FabricView-ZoomToolbar{
		top:12px; right:12px; gap:8px;
	}
	.FabricView-ZoomToggleBtn{
		gap:7px; height:37px; padding:0 16px; font-size:.72rem;
	}
	.FabricView-ZoomBtn{
		width:37px; height:37px; font-size:.92rem;
	}
	.FabricView-ZoomLevel{
		min-width:34px; padding:0 4px; font-size:.75rem;
	}

	/* Similar Products Heading*/
	.FabricView-Similar{
		margin:40px 0 32px 0; padding:32px 4px 0 4px;
	}
	.FabricView-Similar::before{
		height:1px;
	}
	.FabricView-SimilarHeading{
		font-size:1.35rem; margin:0 0 22px 0; padding-bottom:14px;
	}
	.FabricView-SimilarHeading::after{
		left:0; bottom:0; width:48px; height:3px; border-radius:3px;
	}
	.FabricView-SimilarHeadingSub{
		font-size:.82rem;
	}

	/* Similar Products Card */
	.FabricView-SimilarGrid{
		grid-template-columns:repeat(5, 1fr); gap:16px; 
	}
	.FabricView-SimilarCardNoImage{
		font-size:1.50rem;
	}
	.FabricView-SimilarCardFooter{
		gap:2px; padding:8px 10px 10px 10px; border-top:1px solid rgba(20,20,10,0.08);
	}
	.FabricView-SimilarCardStyle{
		font-size:.84rem;
	}
	.FabricView-SimilarCardComposition{
		margin-top:3px; padding:2px 1px; font-size:.70rem;
	}
	
	
	/*===================================================================================*/
	/*============================= Explore Page Design =================================*/
	/* Adriano Goldschmied Tribute  */
	.AdrianoTribute{ 
		min-height:calc(100vh - 120px) !important; margin-top: 120px; padding:20px 70px;
	}
	.AdrianoTribute-Frame{ 
		grid-template-columns:minmax(240px, 380px) 1fr; gap:58px; max-width:1160px;
	}
	.AdrianoTribute-Media-Img{ 
		max-height:min(360px, 68vh);
	}
	.AdrianoTribute-Eyebrow{ 
		font-size:1.0rem; margin:25px 0 6px 0; 
	}
	.AdrianoTribute-Title{ 
		font-size:2.05rem; margin:0 0 18px 0; 
	}
	.AdrianoTribute-Badge{ 
		font-size:.78rem; gap:8px; padding:8px 16px; margin-bottom:24px;
	}
	.AdrianoTribute-Text p{ 
		font-size:1.025rem; margin:0 0 16px 0; 
	}
	.AdrianoTribute-Stitch{ 
		height:1px; margin:30px 0 26px 0; 
	}
	.AdrianoTribute-Signature{ 
		font-size:1.0rem; margin:0 0 8px 0;
	}
	.AdrianoTribute-Closing{ 
		font-size:.98rem; margin:0 0 25px 0;
	}
	
	/* Rickshaw Heritage  */
	.RickshawHeritage{ 
		padding:60px 70px;
	}
	.RickshawHeritage-Frame{ 
		grid-template-columns:minmax(240px, 400px) 1fr; gap:58px;
	}
	.RickshawHeritage-Media{ 
		max-width:1180px;
	}
	.RickshawHeritage-Media-Frame{ 
		padding:5px;
	}
	.RickshawHeritage-Media-Mat{ 
		padding:10px;
	}
	.RickshawHeritage-Title{ 
		font-size:2.05rem; margin:0 0 22px 0; 
	}
	.RickshawHeritage-Eyebrow{ 
		font-size:.95rem; margin:0 0 10px 0;
	}
	.RickshawHeritage-Tagline{ 
		font-size:.80rem; margin:0 0 30px 0;
	}
	.RickshawHeritage-Text p{ 
		font-size:1.0rem; margin:0 0 18px 0;
	}
	
	/* Investment Journey  */
	.InvestmentJourney{ 
		padding:140px 70px 120px;
	}
	.InvestmentJourney::before{ 
		top:22px; bottom:22px; border-top:2px dashed rgba(224,168,90,0.35); border-bottom:2px dashed rgba(224,168,90,0.35); 
	}
	.InvestmentJourney-Eyebrow{ 
		font-size:2.95rem; margin:0 0 40px 0;
	}
	.InvestmentJourney-Patches{ 
		gap:36px; margin-top:20px; 
	}
	.InvestmentJourney-Patch{ 
		width:480px; padding:30px 30px 26px;
	}
	.InvestmentJourney-Patch::before{ 
		border:1.5px dashed rgba(255,232,199,0.4); 
	}
	.InvestmentJourney-Flag{ 
		top:-11px; right:18px; font-size:.62rem; padding:5px 12px; 
	}
	.InvestmentJourney-Patch-Title{ 
		font-size:1.125rem; margin:4px 0 0 0; 
	}
	.InvestmentJourney-Patch-Subtitle{ 
		font-size:.75rem; margin:4px 0 0 0;
	}
	.InvestmentJourney-Patch-Rule{ 
		margin:14px auto 20px; border-top:1.5px dashed rgba(43,26,13,0.4); 
	}
	.InvestmentJourney-Patch-Icon{ 
		width:52px; height:52px; margin-bottom:10px; 
	}
	.InvestmentJourney-Check{ 
		top:-4px; right:-4px; width:19px; height:19px; 
	}
	.InvestmentJourney-Clock{ 
		top:-4px; right:-4px; width:19px; height:19px; 
	}
	.InvestmentJourney-Patch-Item span{ 
		font-size:.75rem;
	}
	.InvestmentJourney-Patch-Note{ 
		font-size:.62rem;  max-width:125px;
	}
	
	/* Fabric Tags  */
	.FabricTags{ 
		padding:110px 70px 100px; 
	}
	.FabricTags-Frame{ 
		max-width:100%; 
	}
	.FabricTags-Eyebrow{ 
		font-size:.82rem; margin:0 0 12px 0; 
	}
	.FabricTags-Title{ 
		font-size:2.95rem; margin:0 0 64px 0;
	}
	.FabricTags-Row{ 
		grid-template-columns:repeat(3, minmax(240px, 280px)); gap:30px; max-width:960px; 
	}
	.FabricTags-Card{ 
		padding:38px 26px 30px; 
	}
	.FabricTags-Hole{ 
		width:14px; height:14px;
	}
	.FabricTags-IconWrap{ 
		margin:26px auto 18px; width:56px; height:56px; 
	}
	.FabricTags-Label{ 
		font-size:.92rem; margin:0 0 14px 0;
	}
	.FabricTags-Stitch{ 
		height:1px; margin:0 auto 16px; 
	}
	.FabricTags-Values{ 
		font-size:.85rem;
	}

	/* indigo scraf */
	.IndigoScarf-Frame{ 
		grid-template-columns:1fr minmax(340px, 46%); min-height:480px;
	}
	.IndigoScarf-Content{ 
		padding:60px 70px 60px 60px;
	}
	.IndigoScarf-Mark{ 
		gap:1px; margin-bottom:10px; 
	}
	.IndigoScarf-Eyebrow{ 
		font-size:.78rem; margin:0 0 2px 0;
	}
	.IndigoScarf-Wordmark{ 
		font-size:5.25rem;
	}
	.IndigoScarf-Icon{
		max-width:70px;
	}
	.IndigoScarf-Tagline{ 
		font-size:.82rem;
	}
	.IndigoScarf-Subtitle{ 
		font-size:.90rem; margin:8px 0 24px 0; max-width:252px;
	}
	.IndigoScarf-Text p{ 
		font-size:.95rem; margin:0 0 16px 0;
	}
	.IndigoScarf-Badge{ 
		font-size:.72rem; margin-top:30px; padding:9px 20px;
	}
	.IndigoScarf-Media{ 
		min-height:400px;  
	}
	
	/* Go Green Banner */
	.GoGreenBanner{ 
		min-height:245px; padding:40px 80px; 
	}
	.GoGreenBanner-Frame{ 
		max-width:1180px; gap:40px;
	}
	.GoGreenBanner-Icon{ 
		width:80px; height:80px;   
	}
	.GoGreenBanner-Icon svg{ 
		width:40px; height:40px; 
	}
	.GoGreenBanner-Eyebrow{ 
		font-size:.80rem; margin:0 0 8px 0; 
	}
	.GoGreenBanner-Title{ 
		font-size:1.80rem; margin:0 0 10px 0;
	}
	.GoGreenBanner-Subtitle{ 
		font-size:.90rem; max-width:520px;
	}
	.GoGreenBanner-Cta{ 
		gap:10px; padding:15px 30px; font-size:.88rem;
	}
	.GoGreenBanner-Cta svg{ 
		width:14px; height:14px;
	}


/*====================================================================================*/
/*================ Facilities:Denim Production Textiles Page Design ==================*/
	.accordion strong{
		font-size: 1.10rem
	}
	.accordion .bullets {
		max-height:20px; padding-right:10px
	}
	.accordion p{
		font-size: 0.90rem
	}
	
	/* Facility Carousel Section */
	.envoy-hero-carousel .carousel-caption {
		right: 6%; bottom: 13%;	max-width: 700px;
	}
	.envoy-hero-carousel .carousel-caption .envoy-caption-title{
		font-size:2.50rem; padding:20px 0px;
	}
	/* indicators */
	.envoy-hero-carousel .carousel-indicators {
		gap: 10px; bottom: 62px; right: calc(6% + 120px);
	}
	.envoy-hero-carousel .carousel-indicators [data-bs-target] {
		width: 9px; height: 9px;
	}
	.envoy-hero-carousel .carousel-indicators [data-bs-target].active {
		width: 13px; height: 13px;
	}
	/* arrows */
	.envoy-hero-carousel .control-btn {
		width: 46px; height: 46px;  bottom: 46px;
	}
	.envoy-hero-carousel .control-icon {
		width: 1.15rem;	height: 1.15rem;
	}
	.envoy-hero-carousel .carousel-control-prev {
		right: calc(6% + 58px);
	}
	.envoy-hero-carousel .carousel-control-next {
		right: 6%;
	}

	/* Denim Production Details */
	.envoy-facility-heading {
		margin-bottom: 34px;
	}
	.envoy-facility-eyebrow {
		font-size: .76rem; margin-bottom: 14px;
	}
	.envoy-facility-tagline {
		font-size: 2.15rem;  padding-bottom: 20px; 
	}
	.envoy-facility-tagline::after {
		width: 135px; border-top: 2px dashed #a9823f;
	}
	/* stats */
	.envoy-facility-stats {
		grid-template-columns: repeat(3, 1fr); gap: 26px 22px; margin-bottom: 44px;
	}
	.envoy-stat-card {
		gap: 6px; padding: 26px 24px 22px 24px;
	}
	.envoy-stat-card::before {
		top: 11px; right: 11px; width: 9px; height: 9px;
	}
	.envoy-stat-number {
		font-size: 2.0rem;
	}
	.envoy-stat-label {
		font-size: .85rem;
	}
	.fac_prg{
		font-size:0.95rem; line-height: 1.70; padding:15px 0px; 
	}

	/* Facility Sustainable Process Section */
	.fac_header{
		margin-bottom:60px;
	}
	.fac_header span{
		font-size:.90rem; padding:10px 22px;
	}
	/* grid */
	.fac_facility{
		gap:25px;
	}
	/* cards */
	.fac_step{
		border-radius:24px; padding:30px; width:calc(290px - 26px); /* 21px = gap:20px + 1px border */
	}
	/* glow */
	.fac_step::before{
		width:180px; height:180px; top:-70px; right:-70px;
	}
	/* number */
	.fac_num{
		font-size:0.90rem; letter-spacing:2px;
	}
	/* icon */
	.fac_icon{
		width:85px; height:85px; border-radius:24px; margin-bottom:26px;
	}
	.fac_icon::before{	
		border-radius:24px; border-width: 2px; padding:2px;
	}
	.fac_icon span{
		font-size:2.20rem;
	}
	/* title */
	.fac_step h3{
		font-size:1.30rem; margin-bottom:16px; letter-spacing:.2px;
	}
	/* paragraph */
	.fac_step p{
		font-size:.90rem; line-height:1.65; padding-left:16px;
	}
	/* highlight line */
	.fac_step p::before{
		left:0; top:4px; width:3px; border-radius:10px;
	}
	/* tag area */
	.fac_bottom{
		bottom:25px;
	}
	/* minimal tag */
	.fac_tag{
		font-size: 0.75rem; padding-bottom:6px;
	}
	/* underline animation */
	.fac_tag::after{
		height:2px; 
	}

	
/*========================================================================================*/
/*==================== Facilities: Others Facility Page Design =========================*/
/* Others Facility Hero Section */
.OFHeroWrap .OFBlank{ 
	height:clamp(40px,7vh,80px);
}
.OFHero{
	padding:45px 80px;
}
.OFHero__glow{
	width:600px; height:600px;
}
.OFHero__frame::before, .OFHero__frame::after{
	width:54px; height:54px;
}
.OFHero__frame::before{ 
	border-width:1px 0 0 1px;
}
.OFHero__frame::after{ 
	border-width:1px 1px 0 0;
}
.OFHero__inner{ 
	max-width:840px;
}
.OFHero__eyebrow{
	gap:14px; margin-bottom:18px; font-size:.80rem;
}
.OFHero__eyebrow-line{
	width:25px; height:1px;
}
.OFHero__title{ 
	margin:0 0 clamp(12px,2.6vh,28px);
}
.OFHero__line--lead{ 
	margin-bottom:clamp(2px,.8vh,8px);
}
.OFHero__line--lead > span{
	font-size:2.60rem; 
}
.OFHero__line--main > span{
	font-size:4.5rem;
}
.OFHero__subtitle{
	font-size:.90rem; max-width:700px; margin:0 0 26px; padding-left:18px; border-left:2px solid rgba(201,162,39,.7); 
}
.OFHero__cta{
	gap:14px; font-size:.78rem; 
}
.OFHero__cta-icon{
	width:24px; height:38px; border-radius:14px; border:2px solid rgba(233,207,122,.8);
}
.OFHero__cta-wheel{
	top:7px; width:4px; height:8px; margin-left:-2px;
}


/* Body Part of Others Facility */
.OFStory__rail{
	right:40px; gap:11px;
}
.OFStory__rail button{
	width:11px; height:11px;  border:1px solid rgba(255,255,255,.4);
}
.OFPanel{
	padding:90px 80px; border-top:1px solid rgba(255,255,255,.06);
}
.OFPanel__content{ 
	max-width:1080px;
}
.OFPanel__title{
	font-size:2.75rem; margin:0px 0px 12px;
}
.OFPanel__desc{
	font-size:.90rem; 
}


/*========================================================================================*/
/*==================== Sustainability: LEED PLATINUM Page Design =========================*/
.lion {	
	min-height: calc(100vh - 110px); padding: 1.5rem 2rem; 
}
.lion-eyebrow{
	font-size: clamp(1rem, 1.0vw, 2rem); margin-bottom: 1.2rem;
}
.lion-leed-wordmark img{	
	width:clamp(320px,12vw,420px); margin-bottom: 1.2rem;
}
.lion-title {
	 font-size: clamp(2rem, 4vw, 4rem); margin-bottom: 1.20rem;
}
.lion-title .line-gold {
	-webkit-text-stroke: 1.5px var(--gold);
}
.lion-com-type {
	font-size: clamp(1rem, 6vw, 1.5rem);
}
.lion-score-display {
	margin: 1.2rem 0 1.0rem 0;
}
.total-score-big {
	font-size: clamp(2rem, 4.5vw, 3.2rem);
}
.score-slash { 
	font-size: 2.1rem;
}
.score-total {
	font-size: 2.1rem;
}
.score-label-block .lbl {
	font-size: .70rem;
}

/* Scores Section Start */
.leed-cmp-row{
	padding: 0px 10px;
}
.scores-section {
    padding: 120px 0 40px;
}
.leed-cmp-eyebrow{
	font-size:0.85rem; margin-bottom:10px;
}
.section-heading {
	font-size: clamp(2rem, 5vw, 4rem); margin-bottom: 2rem;
}

/* Leed Counter & Header */
.leed-cmp-switch{
	gap:4px; padding:5px; margin:0 auto 2.25rem;
}
.leed-cmp-tab{
	gap:2px; padding:8px 32px;
}
.leed-cmp-tab-year{ 
	font-size:1.3rem;
}
.leed-cmp-tab-label{ 
	font-size:0.6rem;
}

/* Swatch for total score */
.leed-cmp-total{
	max-width: 980px; border: 1px dashed rgba(232,200,122,0.55); margin: 0 0 2.25rem auto; padding: 14px 25px 32px 25px; gap:10px;
}
.leed-cmp-total::after{
	height:12px; bottom:-2px;
}
.leed-cmp-total-bottom{ 
	gap:20px;
}
.leed-cmp-total-track{
	height:7px;
}
.leed-cmp-total-figures{ 
	width:170px; gap:5px;
}
.leed-cmp-total-num{ 
	font-size:1.35rem; min-width: 48px;
}
.leed-cmp-total-slash{ 
	font-size:0.90rem;
}
.leed-cmp-total-max{ 
	font-size:0.90rem;
}
.leed-cmp-total-label{ 
	margin-left:8px; font-size:0.88rem;
}
.leed-cmp-total-rating{ 
	font-size:1rem; padding-bottom:9px;
}

/* Score cards grid */
.scores-grid {
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)) !important; gap: 15px!important;
	padding: 4px 0 32px!important;
}
.scores-grid .score-card {	
	border: 1px solid rgba(20,17,10,0.16); padding: 25px 15px!important; margin-bottom: 0 !important;
}
.scores-grid .card-top{
	gap: 12px; margin-bottom: 16px!important;
}
.leed-cmp-tag{
	font-size:0.62rem; border:1px solid currentColor; padding:3px 9px;
}
.scores-grid .leed-cmp-val{
	font-size: 1.25rem;
}
.scores-grid .leed-cmp-max{
	font-size: 0.78rem;
}
.scores-grid .card-name{
    font-size: .90rem; margin-bottom: 10px!important; min-height: 2.6rem;
}
.leed-cmp-icon{
	margin-right: 0.55rem; font-size: 0.92rem!important; line-height: 1.35; margin-top: 0.15em;
}
.scores-grid .card-number{
	font-size: 3.5rem !important;
}
.card-bar-track {
    margin-top: 16px!important; height: 8px; border-radius: 2px;
}


/* Details Section */
.details-section{
	padding: 100px 0px; 
}
.details-left .big-quote {
    font-size: clamp(2rem, 5vw, 4rem); margin-bottom: 2rem;
}
.details-body {
	line-height: 1.50; font-size: 1.0rem;
}
.details-body p + p { 
	margin-top: 2.50rem;
}

/* Video Section */
.videos-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.yt-btn {
	width: 70px; height: 70px;
} 
.video-info{
	padding: 1rem 1.5rem;
}
.video-info p {
	 line-height: 1.5; font-size: .90rem; 
}
.vid-modal-box {
	max-width: 1000px;
}
.vid-modal-close {
	font-size: 2.75rem;
}

/*========================================================================================*/
/*======================= Sustainability: GO GREEN Page Design ===========================*/
.hero {
    padding: 50px 70px
}
.hero-main {
    padding-bottom: clamp(1.2rem, 3.5vw, 2.5rem);
}
.hero-eyebrow {
    font-size: 0.90rem;
}
.hero-h1{
  	font-size:clamp(3.5rem,4.5vw,5.5rem);
}
.hero-h1 .pre {
    font-size: clamp(1.7rem, 2.2vw, 2.7rem);
}
.hero-h2{
  	font-size:clamp(5.5rem,7vw,8.5rem);
}
.hero-h2 .outline{
  	 -webkit-text-stroke:1.5px rgba(255,255,255,.75);
}
.hero-stats-heading{
	font-size: 0.90rem; 
}
.hero-quote {
    font-size: clamp(0.65rem, 1.1vw, 0.85rem); max-width: 360px;
}
.hs {
    padding: 14px 7px; min-width:125px;
}
.hs-n {
    font-size: clamp(1.0rem, 2.0vw, 1.7rem);
}
.hs-l {
	font-size: 0.70rem;
}
.hero-scroll {
    bottom:10px; right:35px;
}
.scroll-line {
    width:2px; height:75px;
}
 /* ticker section */
.ticker span{
  	font-size:.75rem;
}
 /* Score section */
.score{
	padding:100px 70px;
}
.score-h{
	font-size:3.50rem; margin-bottom: 0px;
}
.score-h em{
	font-size: 1.85rem;
}
.score-grid{
	grid-template-columns:repeat(3,1fr)
}
.sc-name{
	font-size:.85rem;
}
.sc-num{
  	font-size: 2.70rem;
}
.sc-num sub{
	font-size: 1.70rem; bottom: -7px;
}
.sc-desc{
	font-size:.90rem; min-height: 50px; margin-top:7px;
}
.sc-bar{
	height:2.2px; margin-top:7px;
}
.sc-fill{
	height:2.2px;
}
.sc-target{
	font-size:.75rem;  margin-top:5px;  min-height: 35px;
}

.sc-nav{
	gap:.8rem;
}
.sc-arrow{
	width:32px; height:32px; border:1px solid rgba(255,255,255,.16);
}
.sc-arrow i{
	font-size:.8rem;
}
.sc-dots{
	gap:.75rem;
}
.sc-dot{
	width:7px; height:7px;
}
.sc-count{
	font-size: 0.8rem; margin-left: 12px;
}

/* Fusion (Image) Section */
.fusion{
    grid-template-columns:1.55fr 1fr; grid-template-rows:300px 210px;
}
.fu-tag{
    font-size:.7rem;
}
.fu-title{
    font-size:1.15rem;
}

/* Pillars Section*/
.ph-sub{
	font-size:1.8rem; text-align:right;
}
.pillar{
	grid-template-columns:clamp(130px,18vw,200px) 1fr 10px; gap:clamp(1.3rem,3.5vw,3rem); padding:clamp(1.8rem,4vw,2.8rem) 1.75rem;
}
.pillar::before{
	height:2px;
}
.pillar:hover::before{
	width:20%;
}
.p-ghost{
	font-size:clamp(2.8rem,6.5vw,4.5rem);
}
.p-name{
	font-size:clamp(1.25rem,2.4vw,1.65rem);
}

.p-lede{
  	font-size:1.20rem; line-height:1.4; margin:0 0 18px; padding-left:20px;
}
.p-lede::before{
	top:2.5px; bottom:2.5px; width:5px;
}
.a-list{
	gap:10px;
}
.a-row{
	border:1px solid var(--rule);
}
.a-head{
	gap:10px; padding:10px 18px;
}
.a-row.is-open .a-num{ 
	padding-right:10px; border-right:1px solid rgba(255,255,255,.70);
}
.a-num{
	font-size:.95rem; padding-right:10px; border-right:1px solid rgba(0,0,0,.70);
}
.a-title{
	font-size:.95rem;
}
.a-icon{
	width:20px; height:20px;
}
.a-icon::before{
	height:2px;
}
.a-icon::after{
	width:2px;
}
.p-text{
  	font-size:.90rem; line-height:1.8;  padding:18px 20px;
}

/*  Traceability Section  */
.trace-inner{
	max-width:95%; padding: 90px 70px;
}
.trace-head{
	max-width:95%; margin-bottom:80px;
}
.trace-ey{
	font-size:0.70rem;
}
.trace-h{
	font-size:3.9rem;
}
.trace-h em{
	font-size:3.9rem;
}
.trace-sub{
	font-size:0.92rem;
}
.trace-flow{
	grid-template-columns:repeat(3,1fr); gap:36px;
}
.tf-step::before{
	width:26px;
}
.tf-name{
	font-size:0.95rem;
}
.tf-desc{
	font-size:0.76rem;
}


/* Digital Traceability Ecosystem */
.dt-section{
	padding: 100px 0px;
}
.dt-section::before{
	background-size: 56px 56px;
}
.dt-inner{
	padding:0 70px;
}
.dt-head{
	max-width:760px; margin:0 auto 64px;
}
.dt-eyebrow{
	font-size:.8rem; margin-bottom:14px;
}
.dt-title{
	font-size:2.50rem; margin:0 0 14px;
}
.dt-sub{
	font-size:.95rem;
}
.dt-card{
	border:1px solid rgba(255,255,255,.12); padding:38px 30px 34px;
}
.dt-card::before{
	height:3px;
}
.dt-card-wide{ 
	grid-column: span 2; 
}
.dt-grid{
	grid-template-columns: repeat(3, 1fr); gap:25px;
}
.dt-icon{
	width:56px; height:56px; border-radius:4px; font-size:1.3rem; margin-bottom:24px;
}
.dt-card-title{
	font-size:1.0rem; margin:0 0 24px; padding-bottom:16px;
}
.dt-card-title::after{
	width:62px; height:3px;
}
.dt-tags{
	row-gap:10px;
}
.dt-tags li{
	font-size:.90rem; padding-right:20px; margin-right:10px;
}
.dt-tags li:not(:last-child)::after{
	right:7px; width:4px; height:4px;
}


/* Roadmap Section */
.rm-head{
	margin-bottom:clamp(2.2rem,5vw,3.4rem);
}
.rm-h{
	font-size:clamp(2.2rem,7vw,4.75rem);
}
.rm-grid{
  	grid-template-columns:repeat(5,1fr);
}
.rm-yr{
  	font-size:clamp(2.2rem,5vw,3.4rem); margin-bottom:.6rem;
}
.rm-pill{
  	font-size:.72rem; margin-bottom:.6rem;
}
.rm-title{
	font-size:.86rem; margin-bottom:.3rem;
}
.rm-desc{
	font-size:.72rem;
}
.rm-inf{
  	font-size:clamp(2.6rem,7vw,4.25rem); margin-bottom:.45rem;
}


/* Closing Section */
.closing-h{
  	font-size:clamp(4rem,15vw,12rem);
}
.closing-sub{
  	font-size:.8rem; max-width:510px;
}

/*====================================================================================*/
/*=============== Corporate Social Responsibility Page Design ========================*/
	/*csr-overview section*/
	.overview-text p{
		font-size:1.25rem; line-height: 1.50; padding:15px 30px 15px 30px;
	}

	/*csr-writeup section*/
	.csr-writeup{
		padding:25px 15px 25px 15px; line-height: 1.6;
	}
	.csr-bg h1{
		font-size:2.30rem;
	}
	.csr-img{
		margin-left: 40px !important; max-width:50%;
	}
	.csr-writeup p{
		font-size:0.90rem; padding: 0px 0px 0px 0px;
	}
	.csr-writeup li{
		font-size:0.90rem; margin:-10px 0px 0px 50px
	}




/*===================================================================================*/
/*======================= Investor Relation Page Design =============================*/	
	
	/*Investor Relation - Desktop/Laptop Header Section*/
	.investor-header-ul {
		top:100px; padding: 5px 35px;
	}
	.investor-header-ul li {
		margin: .35em .70em; font-size: clamp(0.800rem, .90vw, 1.100rem);
	}
	.investor-header-ul a {
		padding: 0.3em 0;
	}
	.investor-header-ul a:before {
		height: 3px;
	}
	.investor-header-ul a:after {
		padding: 0.3em 0;
	}

	/*Investor Relation - Sub-Header Desktop/Laptop/Mobile Device Section*/
	.investor-subheader-ul li {
		padding:5px 30px; margin: .35em .70em; font-size:.800rem;
	}
	.investor-subheader-ul a {
		padding: 0.25em 0;
	}
	.investor-subheader-ul a:before {
		height: 3px;
	}
	.investor-subheader-ul a:after {
		padding: 0.3em 0;
	}

	/* Investor Relation All Page Common*/
	.share-info-div{
		padding:10px; margin-top:160px!important;
   }
   	.share-cominfo-div{
		padding:10px; margin-top:145px!important; 
	}
	.InvInfo-Box{
		padding:0px 20px; margin-bottom:30px
	}
	.InvInfo-Box-Sub-Detail{
		padding:10px 20px; margin-top:-30px; margin-bottom:5px
	}
	.inv-subpage-title{
		margin-bottom:20px;
	}
	.inv-subpage-title-span{
		padding:8px 25px; font-size: .90rem;
	}

	/* [1]General Information, [2]Price Sensitive Information, [3]Material Information, [4]Principle of Disclosure of MI & PSI, [5]Report and Financial Statement, [6] Investor-IPO, [7]Non Refunded IPO, [8] Dividend: Unclaimed Stock Dividend, [9] Dividend: Dividend Distribution Policy, [10] Zero Coupon Bond Page */
	.Inv-table th {
		font-size: 1.0rem;
	}
	.Inv-table td {
		font-size: .90rem;
	}
	.Inv-table .btn {
		font-size: 0.90rem;
	}
	.grd-3{
		min-width:25%; max-width:25%; padding: 5px 0px 5px 10px;
	}
	.grd-2{
		min-width:33.33%; max-width:33.33%; padding: 5px 0px 5px 10px;
	}


	/*Investor Relation: Board Of Directors PAGE*/
	.board-item{
    	margin-bottom: 30px;
	}
	.board-card{
		gap: 25px; padding: 25px;
	}
	.board-photo{
		flex: 0 0 200px;
	}
	.board-photo img{
		width: 200px;  height: 290px;
	}
	.board-content{
		border-width:0px 0px 0px 10px; padding:15px;
	}
	.board-name{
		font-size: 1.35rem;
	}
	.board-role{
		font-size: 1.15rem; margin-top: 5px;
	}
	.board-represent{
		font-size: .85rem; margin-top: 5px; padding: 4px 10px;
	}
	.board-body{
		font-size: 1.0rem; line-height: 1.7;
	}

	

	/* Invertor Relation: Audit/Nomination & Remuneration Committee Page*/
	.committee_chairman{
		margin-top: 20px; margin-bottom: 50px;
	}
	.committee_chairman img{
		width: 200px; height: 250px; padding: 10px 6px 0px 6px;
	}
	.committee_chairman h2{
		margin-top: 10px; font-size: 1.15rem;
	}
	.committee_chairman p{
		font-size: 1.10rem;
	}

	.committee_members{
		grid-template-columns: repeat(2, 1fr); gap: 50px;
	}
	.committee_member img{
		width: 200px; height: 250px; padding: 10px 6px 0px 6px;
	}
	.committee_member h3{
		margin-top: 10px; font-size: 1.15rem;
	}
	.committee_member p{
		font-size: 1.10rem;
	}


	/* Investor Relation Share Holding Status (Only Graph Section)*/
	#chartContainer{
		height: 445px; margin-bottom:10px;
	}

	/* Investor Relation Contact Us*/
	.Contact-Us-Box{
		line-height:1.8; padding:15px 25px; margin-bottom:50px;
	}
	.Contact-Us-Box h2{
		font-size: 1.10rem; 
	}
	.Contact-Us-Box h4{
		font-size: 1.0rem;
	}
	.Contact-Us-Box label{
		font-size: 0.90rem;
	}

	/*=========================================================================================*/
	/*============================= Current News Page Design ==================================*/

	/* Featured post (latest article) */
	.News-Featured{
		margin-top:0px; margin-bottom:50px!important; max-width: 86%; margin:0 auto;
	}
	.News-Featured-Media{
		flex:1 1 50%; height:auto;
	}
	.News-Featured-Media img{
		max-height:380px
	}
	.News-Featured-Body{
		flex:1 1 50%; padding:30px;
	}
	.News-Tag{
		font-size:0.75rem; padding:5px 0px; margin-bottom:5px;
	}
	.News-Featured-Body h2{
		margin:0 0 12px 0; font-size:1.25rem;
	}
	.News-Date{
		font-size:0.85rem; margin-bottom:11px;
	}
	.News-Date i{
		margin-right:5px;
	}
	.News-Featured-Body p{
		font-size:.90rem;
	}

	/* Card grid (rest of the posts) */
	.News-Grid{
		grid-template-columns:repeat(2, 1fr); gap:50px; max-width: 86%; margin:0 auto;
	}
	.News-Card-Media{
		height:200px; flex:0 0 200px;
	}
	.News-Card-Body{
		padding:20px 22px 22px 22px; 
	}
	.News-Card-Body h3{
		font-size:1.05rem; margin:0 0 10px 0; 
	}
	.News-Card-Body .News-Date{
		margin-bottom:10px;
	}
	.News-Card-Body p{
		font-size:0.90rem; margin-bottom:15px;
	}

	/*  Pagination, pill style  */
	.News-Pagination-Wrap{
		margin-top:48px; margin-bottom: 44px;
	}
	.News-Pagination-Mark{
		font-size:0.85rem; margin-bottom:14px;
	}
	.News-Pagination-Wrap .pagination a{
		font-size:0.9rem;  padding:8px 16px;  min-width:32px; min-height:32px; margin-right:8px; 
	}


	/*=========================================================================================*/
	/*============================= Current Details Page Design ===============================*/

	/* Main Section */
	.news-detail-section{ 
		padding: 130px 80px 65px;
	}
	.news-paper{
		padding: 25px 25px;
	}

	/* section divider */
	.section-divider{ 
		gap:10px; margin:24px 0;
	}
	.section-divider::before{ 
		width:10px; height:10px;
	}
	.section-divider.is-tight{ 
		margin:18px 0 22px;
	}

	/* shells */
	.news-hero-header{
		margin:0 0 24px !important;
	}
	.news-hero-heading{
		font-size:1.50rem;  margin:0 0 14px;
	}
	.publish-date-badge{
		font-size:.75rem; gap:2px;
	}
	.gallery-shell{
		margin:0 0 20px !important;
	}
	.gallery-row{ 
		gap:10px; --hero-w: 560px;
	}

	/* hero Image Section */
	.hero-counter-badge{
		bottom:14px; right:14px; padding:6px 13px; font-size:.70rem;
	}
	.hero-zoom-hint{
		bottom:14px; left:14px; padding:6px 11px; font-size:.60rem;
	}

	/*  prev/next arrows */
	.hero-nav-btn{
		width:44px; height:44px; border-radius:50%; font-size:1.05rem;
	}
	.hero-nav-prev{ 
		left:16px;
	}
	.hero-nav-next{ 
		right:16px; 
	}

	/* right stamps image */	
	.gallery-thumb-col{
		gap:8px;
	}
	.gallery-thumb-grid{
		grid-auto-flow:column; grid-template-columns:repeat(2, auto); grid-template-rows:repeat(3, 1fr); gap: 8px;
	}
	.gallery-thumb{
		padding:3px; min-height: 135px; max-height:135px!important;
	}
	.gallery-thumb-number{
		font-size:.60rem;  padding:2px 7px;
	}


	/* lightbox */
	.lightbox-media{
		max-width:80vw; max-height:76vh;
	}
	.lightbox-media img{
		min-width:80vw; max-width:80vw; max-height:76vh;
	}
	.lightbox-close-btn{
		top:12px; right:12px; width:38px; height:38px; font-size:1.25rem;
	}
	.lightbox-nav-btn{
		width:46px; height:46px; font-size:1.125rem;
	}
	.lightbox-nav-prev{ 
		left:12px;
	}
	.lightbox-nav-next{ 
		right:12px;
	}
	.lightbox-counter-badge{
		font-size:.70rem;  bottom:12px;  padding:5px 12px;
	}

	/* article body */
	.news-article-wrap{ 
		margin:30px auto 34px;
	}
	.news-article-wrap p{ 
		font-size:.95rem;
	}

	/* share button */
	.share-section h2{ 
		font-size:1.0rem; margin:0 0 12px;
	}
	.share-icon-list{ 
		gap:12px;
	}
	.share-icon-link{
		font-size:1rem; width:42px; height:42px;
	}


	/* related news */
	.related-articles-section{ 
		margin-top:70px;
	}
	.related-articles-header{ 
		gap:14px; margin-bottom:4px;
	}
	.related-articles-header h2{ 
		font-size:1.20rem; margin:0; 
	}
	.related-articles-header span{ 
		font-size:0.66rem;
	}
	.related-articles-list{ 
		grid-template-columns:repeat(2, 1fr); gap:16px; margin-top:14px;
	}
	.related-article-media{ 
		flex:0 0 180px; width:180px;
	}
	.related-article-content{ 
		flex-direction:column; padding:15px 20px; gap:6px;
	}
	.related-article-content h3{
		font-size:.95rem;
	}
	.related-article-excerpt{
		font-size:.86rem;
	}
	.related-article-date{
		gap:6px; margin-top:2px; font-size:.74rem;
	}
	.related-article-date::before{ 
		width:9px; height:9px;
	}


	/*=========================================================================================*/
	/*================================ Training Page Design ===================================*/

	/* Intro Part */
	.Training-Intro{
		 outline: 2px dashed #ffffff33; outline-offset: -10px; padding:35px 36px; margin:0 0 24px 0;
	}
	.Training-Intro-Quote{
		font-size:1.12rem;
	}
	.Training-Intro-Quote i{
		font-size:.86rem; margin:0 6px;
	}
	.Training-Intro-Author{
		margin-top:8px; font-size:.78rem;
	}

	/* Search panel */
	.Training-Search-Panel{
		margin:0 0 16px 0; padding:10px 0px;
	}
	.Training-Search-Select-Wrap{
		min-width:300px;
	}

	/* Training Native */
	.Training-Native-Select{
		padding:11px 42px 11px 16px; font-size:.90rem;
	}
	.Training-Custom-Trigger{
		padding:12px 16px; font-size:.90rem;
	}
	.Training-Custom-Trigger-Arrow{
		font-size:.75rem;
	}
	.Training-Custom-Options{
		max-height:260px; padding:5px;
	}

	/* Flips upward automatically */
	.Training-Custom-Options::-webkit-scrollbar{
		width:8px;
	}
	.Training-Custom-Option{
		gap:8px; padding:10px 12px; font-size:.90rem
	}
	.Training-Custom-Option .fa-check{
		width:12px; font-size:.75rem; 
	}

	/* Reset button */
	.Training-Reset-Btn{
		gap:8px; padding:12px 16px; font-size:.90rem;
	}
	.Training-Reset-Btn i{
		font-size:.90rem;
	}

	/* Training Count */
	.Training-Count{
		font-size:.90rem; margin:0 0 35px 0;
	}
	.Training-Empty{
		padding:30px 0;
	}
	.News-Card-Type{
		font-size:.82rem; margin-bottom:4px;
	}
	.News-Card-Type i{
		margin-right:6px;
	}

	/*====================================================================================*/
	/*========================= Training Details Page Design =============================*/

	.training-subcategory-badge{
		gap:6px; padding:5px 0px; margin:0 0 10px 0;  font-size:.75rem;
	}
	.training-subcategory-badge i{
		font-size:.75rem;
	}
	/* You May Also Read */
	.training-subcategory-badge--sm{
		padding:3px 0px; margin:0 0 6px 0; font-size:.68rem;
	}
	.training-subcategory-badge--sm i{
		font-size:.68rem;
	}



	/*====================================================================================*/
	/*=========================== News letter Page Design =================================*/
	
	/* newsletter hero section */
	.archive-hero{
		padding: 130px 80px 65px; 
	}
	.archive-hero .eyebrow{
    	gap:8px; font-size:0.85rem; letter-spacing:0.18em; margin-bottom:18px;
	}
	.archive-hero .eyebrow::before{
		width:24px; height:1px;
	}
	.archive-hero h1{
		font-size:6.50rem; margin:0 0 30px;
	}
	.archive-hero p{
		font-size:0.95rem; max-width:800px;
	}


	/* archive shelf section */
	.archive-shelf{
		padding: 40px 80px 120px;
	}
	.shelf-grid{
		grid-template-columns: repeat(4, 1fr); gap: 40px 28px;
	}
	.ring-stamp{
		bottom:10px; right:10px; width:38px; height:38px;
	}
	.issue-meta{
		gap:10px; margin-top:14px;
	}
	.issue-meta .when{
		font-size:1.20rem;
	}
	.issue-meta .when span{ 
		font-size:0.90rem; margin-left:6px;
	}
	.issue-meta .pillar-tag{
		font-size:.70rem; padding:4px 8px;
	}
	.issue-title{
		margin:6px 0 0; font-size:1.0rem;
	}

	/* Light Box of News Letter */
	.nl-lightbox-panel{
		max-width:90%; height:90vh;
	}
	.nl-lightbox-header{
		gap:16px; padding:15px 52px 15px 24px;
	}
	.nl-lightbox-header h2{
		font-size:1.20rem;
	}
	.nl-lightbox-header h2 .lb-when{
		font-size:.8rem; margin-left:8px;
	}
	.nl-lightbox-controls{
		gap:7px;
	}
	.lb-icon-btn{
		width:32px; height:32px; font-size:.90rem;
	}
	.lb-pdf-link{
		font-size:.78rem; padding:7px 10px;
	}
	.nl-lightbox-close{
		font-size:1.05rem;
	}


	/*==================================================================================*/
	/*========================== Career Page Design ===================================*/

	.cr-seam{
		height:15px;
	}
	/* Career Hero */
	.cr-hero{
		min-height:85vh; margin-top: 100px;
	}
	.cr-hero-content{
		padding:0 22px;
	}
	.cr-hero-heading{
		font-size:3.2rem; margin:0 0 20px;
	}
	.cr-hero-subtext{
		font-size:0.95rem; max-width:650px;
	}

	/*  Layout base */
	.cr-main,
	.cr-why,
	.cr-divisions{		
		padding:90px 0;
	}
	.cr-container{		
		max-width:99%; padding:0 80px;
	}
	.cr-panel-eyebrow{
		font-size: .85rem;
	}
	.cr-panel-heading{
		font-size:1.65rem; margin:0 0 16px;
	}
	.cr-section-heading{
		font-size:1.95rem; margin:0 0 40px;
	}
	
	/* Opportunities: CV & Openings */
	.cr-opportunities{
		grid-template-columns: repeat(2, 1fr);
	}
	.cr-cv-panel{
		padding:53px 53px 53px 0;
	}
	.cr-openings-panel{
		padding:53px 0 53px 53px;
	}
	.cr-panel-text{
		font-size:.95rem; max-width:440px;  margin:0 0 32px;
	}

	/* Hang-tag email element */
	.cr-tag{
		gap:14px; padding:18px 28px 18px 34px; font-size:1.05rem;
	}
	.cr-tag-hole{
		width:12px;	height:12px; top:-9px; left:20px;
	}
	.cr-tag i{
		font-size:1.05rem;
	}
	.cr-panel-hint{
		font-size:.80rem; margin:16px 0 0;
	}

	/* Openings list (Pending) */
	.cr-openings-empty{
		padding:20px 0 0;
	}
	.cr-openings-empty i{
		font-size:1.5rem; margin-bottom:14px;
	}
	.cr-openings-empty-title{
		font-size:1rem; margin:0 0 8px; 
	}
	.cr-openings-empty-text{
		font-size:0.90rem; max-width:460px;
	}
	.cr-opening-link{
		gap:20px; padding:24px 4px;
	}
	.cr-opening-link:hover{
		padding-left:14px;
	}
	.cr-opening-main h3{
		font-size:1rem; margin:0 0 8px;
	}
	.cr-opening-meta{
		font-size:.80rem; gap:8px;
	}
	.cr-opening-cta{
		font-size:.75rem; letter-spacing:1px;
	}

	/* Why Choose */
	.cr-perks-grid{
		grid-template-columns:repeat(4,1fr); gap:18px;
	}
	.cr-perk-card{
		padding:36px 16px;
	}
	.cr-perk-card i{
		font-size:1.35rem; margin-bottom:16px; 
	}
	.cr-perk-card h3{
		font-size:0.90rem;  margin:0 0 10px;
	}
	.cr-perk-card p{
		font-size:.80rem;
	}

	/* Where You Could Work */
	.cr-divisions-subtext{
		font-size:.88rem; max-width:660px; margin:0 auto 40px;
	}
	.cr-division-chips{
		gap:10px; 
	}
	.cr-chip{
		font-size:.80rem; gap:8px; min-width:210px;
	}
	.cr-chip i{
		font-size:.75rem;
	}

	/* Email Options Modal */
	.cr-modal-box{
		padding:34px 30px 28px; max-width:400px;
	}
	.cr-modal-close{
		top:16px; right:16px; font-size:1rem;
	}
	.cr-modal-title{
		font-size:1.30rem; margin:0 0 8px;
	}
	.cr-modal-text{
		font-size:.88rem; margin:0 0 22px;
	}
	.cr-modal-options{
		gap:10px;
	}
	.cr-modal-option{
		gap:12px; font-size:.88rem;
	}
	.cr-modal-option i{
		width:18px;  font-size:.90rem;
	}
	.cr-modal-footnote{
		font-size:.75rem; margin:16px 0 0;
	}


	/*====================================================================================*/
	/*=================== Contact Us Envoy Textiles Page Design ==========================*/
	
	.contact-us-hero{
		padding:340px 24px 90px; 
	}
	.contact-wrap{
		padding:50px 10px 95px; grid-template-columns:1fr 1fr; gap:30px;
	}
	#contactForm{
		padding:30px 10px;
	}
	.contact-hero-title{
		font-size:4.25rem;
	}
	.contact-label-row{
		margin-bottom:22px;
	}
	.contact-label-title{ 
		font-size:1.40rem; 
	}
	.contact-field{
		margin-bottom:30px;
	}
	.contact-field input,
	.contact-field textarea{
		font-size:.90rem; padding:16px 6px 8px;
	}
	.contact-field textarea{
		min-height:150px;
	}
	.contact-field label{ 
		font-size:.90rem; 
	}
	.contact-field input:focus ~ label,
	.contact-field textarea:focus ~ label,
	.contact-field input:not(:placeholder-shown) ~ label,
	.contact-field textarea:not(:placeholder-shown) ~ label{ 
		top:-15px; font-size:.90rem; 
	}
	.contact-field-bar{
		height:2px;
	}
	.contact-field-err{ 
		font-size:.90rem; 
	}
	.contact-captcha-sum{ 
		font-size:.90rem; 
	}
	.contact-captcha input{ 
		font-size:.90rem; width:60px; 
	}
	.contact-captcha-tag{ 
		font-size:.80rem; 
	}
	.contact-captcha-err{ 
		font-size:.90rem; 
	}
	.contact-submit-btn{ 
		font-size:.90rem; padding:15px 25px; margin-top:16px;
	}
	.contact-form-status{ 
		font-size:0.95rem; 
	}
	.contact-office-grid{
		gap:11px; grid-template-columns:1fr 1fr;
	}
	.contact-office{
		padding:24px 18px 20px;
	}
	.contact-office-tag{ 
		font-size:.95rem;  letter-spacing:.11em;
	}
	.contact-office-address{ 
		font-size:.85rem; 
	}
	.contact-office-actions button,
	.contact-office-actions a{ 
		font-size:.75rem; padding:6px 14px;
	}
	.contact-office-actions svg{
		width:12px; height:12px;
	}
	
	
}


@media only screen and (min-width:993px) and (max-width: 1181px) {
/*==========================================================================*/
/*====================== General Declaration ===============================*/
	.css-button-arrow--yellow:hover:after {
		right: 10px;
	}
	.css-button-arrow--yellow:after {
		font-size: 20px; top: -5.6px; right: -20px; 
	}
	.clear {
		min-height: 110px; margin:0px 0px;
	}
	.clear-hall {
		min-height: 110px; margin:0px 0px;
	}
	.clear-sm {
		min-height: 25px; margin:10px 0px; 
	}
	.clear-video {
		min-height: 110px; margin-top:100vh;
	}
	#popup-msg{
		margin-bottom:15px; font-size:0.85rem;
	}
/*==========================================================================*/
/*===================== Navigation Bar Design ==============================*/
	.navbar-fixed-top{
		max-height:100px; padding: 10px 0px;
	}
	.header-actions{
		gap:10px;
	}
	.menu{
		font-size:1.3rem;
	}			
	.company-text {
		margin-left:80px; font-size:1.8rem;
	}
	.company-logo {
		max-height:50px! important;  margin-left:10px;
	}		
	#sidebarCollapse {
		width: 60px; height: 50px; border-radius: 1px; margin-right:20px; 
	}
	.account-btn{
		width: 60px; height: 50px; border-radius: 1px; font-size: 1.15rem;
	}
	
	/*Modal Design*/
	.close{
		font-size:2.2rem; margin-top:20px; margin-right:20px;
	}
	
/*==========================================================================*/
/*====================== Side Bar Menu Design ==============================*/
	.offcanvas{
		min-width:33%; max-width:33%; width:33%;
	}
	.go-green-panel {
    	right: 33%; width: 13.2%;
	}
	.gogreen-text {
		font-size: clamp(2.65rem, 4.0vw, 3.65rem);
	}
	.gogreen-slg {
		top: 20px; left: 6px; font-size: 0.70rem;
	}
	.offcanvas-header{
		font-size:1.45rem;
	}
	.close-btn{
		margin-right:4px!important; margin-top:0px!important;
	}
	.close-btn b{
		padding: 0px 10px 0px!important;
	}
	.sidebar ul li {
		font-size:1.0rem;
	}
	.sidebar .submenu li {
		font-size: .90rem;
	}
	.sidebar .nav-link{
		padding-top: 8px; padding-bottom: 8px;
	}
	.sidebar .nav-link:hover {
		padding-left: 25px;
	}
	.menu-caret{
		margin-left:-5px!important
	}
	.submenu li:hover .menu-caret{
		margin-left:0px!important; transition:all 1s ease;
	}
	
/*==========================================================================*/
/*====================== Fabric Library Menu Design ==============================*/
	.account-caret{
		margin-left:5px;
	}
	.account-dropdown{
		width:340px; padding:20px;
	}
	.account-dropdown-guest{
		width:220px;
	}
	.account-dropdown::after{
		top:-6px; right:18px; width:12px; height:12px;
	}	

	/* Only trigger ever open */
	.account-dropdown-name{
		margin:0 0 6px; font-size:1.10rem;
	}
	.account-dropdown-divider{
		height:1px; margin:14px 0;
	}
	.account-dropdown-label{ /* Just Saying Account */
		font-size:.75rem; margin-bottom:8px;
	}
	.account-dropdown-link{
		font-size:1.0rem; gap:10px; padding:7px 0;
	}
	.account-dropdown-link i{
		width:16px;
	}
	
/*==========================================================================*/
/*======================= Footer Style Design ==============================*/
	#footer_row{
		padding: 10px 60px 0px 60px;
	}
	.footer b{
		font-size:.90rem; 
	}
	.footer p{
	 font-size:.80rem;
	}
	.footer span{
		font-size:.80rem;
	}
	.company-footer{
		padding-top: 50px; padding-bottom: 10px; 
	}
	.left-part{
		display:inline-block; text-align:left; 
	}
	.left-part label{
		font-size:9.0rem;
	}
	.right-part{
		display:inline-block; text-align:right; 
	}
	.right-part label{
		font-size:9.0rem;
	}
	#footer_social {
		width:100%; padding-bottom: 20px;
	}
	#footer_left {
		padding:0px 0px 50px 0px; width:100%;
	}
	#footer_right {
		padding:0px 0px 0px 0px; width:100%;
	}
	#address_01 {
		margin-left:.5%; width:49%;
	}
	#address_02 {
		margin-left:.5%; width:49%;
	}
	#address_01 p, #address_02 p{
		min-height:110px;
	}
	
	/*-- Footer Social Media --*/
	#social-platforms {
		font-size:1rem; text-align:left; 
	}
	.btn {
		min-width:40px!important;
	}
	.btn > span,.btn-icon > i {
		padding:12px; text-align:center
	}
	.btn > span {
		padding:10px 10px 10px; font-size:1rem
	}
	.btn-icon > i {
		font-size:1.80em;  min-width:50px; max-width:50px
	}
	.btn-icon > i:after {
		display:none
	}
	
	
/*==========================================================================*/
/*===================== Index/Home Page Design =============================*/
	/*-- Index Page Media --*/
	#company-title-ws{
	font-size:3.5rem;
	}
	#leed-title-ws{
		font-size:1.7rem;
	}
	#leed-logo-ws{
		max-width:135px;
	}
	.close-btn-wlk {
		padding: 6px 22px; font-size: .90rem;
	}

	/* hero-overlay section */
	.home-hero-taglines{
		gap:6px; padding:20px 20px;
	}
	.home-hero-taglines::after{
		width:120px; height:120px; border:2px solid #99bb00;  border-left:none; border-top:none;
	}
	.home-hero-taglines::after{ 
		bottom:-10px; right:-10px;
	}
	.hero-label{
		font-size:clamp(1.4rem, 3.0vw, 3.0rem);
	}
	.hero-label em{
		font-size:clamp(1.6rem, 2.2vw, 2.8rem);
	}
	.hero-word{
		font-size:clamp(1.8rem, 3.6vw, 2.8rem);
	}

	/* Scroll Indicator */
	.scroll-indicator{
		bottom:32px;
	}
	.scroll-indicator-line{
		width:3px; height:46px;
	}
	/* Replay Button */
	.video-replay-btn{
		width:60px; height:60px; bottom:40px; left:65px;
	}
	.video-replay-btn svg{
		width:30px; height:30px; margin-left:4px;
	}

/* Between Bridge Section */
	.home-bridge {
		padding: 94px 24px 100px;
	}
	.home-bridge-inner {
		max-width: 860px;
	}
	.home-bridge-eyebrow {
		gap: 12px; margin: 0 0 22px; font-size: .78rem;
	}
	.home-bridge-rule {
		width: 64px; height: 3px;  margin: 0 auto 28px;
	}
	.home-bridge-heading {
		max-width: 720px; margin: 0 auto 14px; font-size: 2.8rem;
	}
	.home-bridge-reg {
		font-size: 1.30rem; margin-left: 1.5px;
	}
	.home-bridge-year-inline {
		margin-top: 8px; font-size: 2.35rem;
	}
	.home-bridge-caption {
		max-width: 650px; margin: 34px auto 34px; font-size: 1.75rem; 
	}
	.home-bridge-sub {
		max-width: 660px; font-size: .95rem;
	}

	
	/* Index, Home : Sustainability Section */
	#HomePageSection1{
		height:130vh;
	}
	.card-green { /* Drop */
		top: 0%; right: 10%;
	}
	.card-blue { /* Weave */
		top: 3%; left: 10%;
	}
	.card-red { /* Lesser */
		bottom: 4%; right: 10%;
	}
	.card-pink { /* Climate */
		bottom: 1%; left: 10%;
	}
	.card-img {
		width: 100%;  max-width: 198px; /* 300px */
	}
	.card-tag{
		font-size:.68rem; padding: 10px 10px 0;
	}
	.card-text {
		top:22px; left:50px; right:10px; margin-top: 5px; font-size: .90rem;
	}
	.card-punch{
		padding:17px;
	}
	.card-punch p{
		font-size:.88rem;
	}

	/* Index, Home : Featured Collection */
	#featured-collection{
		padding: 30px 115px 30px 115px;
	}
	#featured-collection .Feature-Head {
		margin-left: -102.5px!important;
	}
	#collection-cards{
		grid-template-columns:repeat(3, 232px); gap:25px;
	}
	.product-card {
		width:100%; min-width: 232px; max-width:232px;
	}
	.image-wrapper {
  		height: 280px;
	}
	.product-info {
 		padding: 12px 10px;
	}
	.product-title {
 		font-size: 1.0rem; font-weight: 800; margin-bottom: 6px; letter-spacing: 0.5px; 
	}
	.product-sub {
		font-size: .75rem; font-weight: 500; padding: 5px 10px; margin: 3px 4px;
	}
	.tooltip-card::after {
		font-size:.75rem; 
	}
	.modal-xl { /* Modal of Product*/
        max-width: 1120px; width: 90%;
    }
	.img-grid{
		max-width:34%; width:34%; 
	}
	.text-grid{
		padding-left: 20px; padding-right:20px ; max-width: 66%;  width: 66%;
	}
	.text-grid h4{
		font-size: 2.0rem;
	}
	.text-grid i{
		font-size: .85rem;
	}
	.text-grid p{
		font-size: .95rem; margin-top:10px; line-height: 1.50;
	}

	/* Index, Home : Marketing Text Section*/
	.envoy-story{
		padding:80px 0px;
	}
	.story-line-container{
		min-width:490px;
	}
	.story-line{
		font-size: clamp(.95rem, 2vw, 1.20rem); margin-bottom:.55rem;
	}
	.story-line strong{
		font-size: clamp(1.20rem, 2vw, 1.45rem);
	}
	.envoy-title{
		font-size: clamp(2.20rem, 2vw, 2.45rem); margin-top:50px;
	}
	.envoy-title small{
		font-size: clamp(1.0rem, 2vw, 1.25rem);
	}


	/*Home Overview Section*/
	#HomeOverview{
		padding-left:65px; padding-right:65px; margin-top:60px
	}
	.ov-title {
		font-size: 1.25rem; margin-left:20px;
	}
	.ov-click{
		font-size: .80rem; padding:4px 10px;
	}
	
	
	/* [1]Home: About Information, [2]Home: About Us Page, [3]CSR Page, */
	#WebView{
		padding-left:65px; padding-right:65px;
	}
	.Web-Main{
		margin-top:10px;
	}
	#Web-Text{
		padding:10px 0px;
	}
	#Web-Text-V2{
		padding:10px 0px;
	}
	#Web-Text-V3{
		padding:10px 0px;
	}
	.Web-Text-Div{
		padding:0px 0px;
	}
	#Web-Text h1{
		font-size:2.05rem; letter-spacing: 1px; border-width:3px; padding:50px 25px;
	}
	#Web-Text h1::after {
    	top: 8px; left: 8px; right: 8px; bottom: 8px; border: 3px dashed rgba(184, 184, 184, 1);
	}
	#Web-Text-V2 h1{
		font-size:2.0rem; letter-spacing: 1px; border-width:2px; padding:10px 80px;
	}
	#Web-Text-V2 h1::before{
		width:70px; height:2px;
	}
	#Web-Text-V2 h1::after{
		width:70px; height:2px; 
	}
	#Web-Text-V3 h1{
		font-size:2.0rem; letter-spacing: 1px; border-width:2px; padding:10px 0px; margin-top:90px;  transform: rotate(-35deg);
	}
	.writeup-section{
		padding: 5px 15px;
	}
	#writeup-section p{
		font-size:1.0rem; line-height: 1.60;
	}	
	.reg-sign{
		font-size:.70rem;
	}	
	#writeup-section-V2 p{
		font-size:1.0rem;  line-height: 1.50;
	}	
	#writeup-section-V3 p{
		font-size:1.0rem;  line-height: 1.50;
	}
	.abt_title_01{
		font-size:clamp(3.0rem, 1.0vw, 4.0rem); margin-bottom:40px;
	}
	.abt_title_02{
		font-size:clamp(2.50rem, 1.0vw, 3.0rem); margin-bottom:20px;
	}
	.abt_prg{
		font-size:1.0rem;  line-height: 1.50;
	}

	/* Image and Text Section */
	.text-section-left,
	.text-section-right {
		padding: 25px 25px;  width:100%
	}
	.text-section-left {
		transform: translateY(30px);
	}
	.text-section-right {
		transform: translateY(-30px);
	}
	.image-section-center {
		width:100%
	}
	.leed-image {
    	min-width:23vw; max-width: 23vw; padding: 25px 0px;
	}

	/* [1] Index, Home: Recycle Section*/
	.recycle-section{
		padding: 80px 0;
	}
	.top-logo img {
		max-height: 130px; margin-bottom:1.4rem;
	}
	.recycle-icon img {
		max-height: 330px !important; margin-bottom:1.4rem;
	}
	.bottom-text {
		font-size: 1.4rem;
	}
	
	/* [1] Home: Client Section*/
	.Web-Clients{
		min-width: 75vw; max-width: 75vw; margin-top: -25px;
	}
	.scroll-row-cover{
		height: 21px; margin-top: -21px;
	}
	.items img{
		min-height: 20px; max-height:20px;
	}
	.clients{
		max-width:10.0%; padding:0px;
	}
	.btn-client{
		box-shadow:rgba(0,0,0,.02) 0 1px 3px, rgba(27,31,35,.15) 0 0 0 1px; padding: 3px 5px; margin:0px 5px;
	}
	.btn-client:hover::before{
		border-radius:5px; 
	}
	.btn-client img{
		max-height:86px;
	}
	.scroll-row-client-cover{
		height: 92px; margin-top: -92px;
	}	
	.view-page a{
		padding: 10px 0px; font-size: .90rem;
	}	
	
	/*Home Our Culture Information*/
	#Web-Culture{
	width:48%; margin:1%; padding:20px; min-height:300px;  
	}
	#Web-Culture h3{
		font-size: 1.0rem; margin-bottom:20px; 
	}
	#Web-Culture p{
		font-size:.85rem;
	}
	
/*===============================================================================*/
/*===================== General For All Page Design =============================*/
	.Web-Page-Title{
		margin-top:71.5px;
	}
	.Web-Page-Title h1{
		font-size:0.85rem; margin:5.5px 69px
	}
	.Web-Page-Title-Spcial{
		margin-top:71.5px;
	}
	.Web-Page-Title-Spcial h1{
		font-size:0.85rem; margin:5.5px 69px
	}
	#WebView-Other{
		padding-left:80px; padding-right:80px; margin-top:120px;
	}
	#WebView-Leed{
		padding-left:80px; padding-right:80px; margin-top:100px;
	}
	
	
/*=============================================================================*/
/*===================== Vision Values Page Design =============================*/
	
	/*Vision Values Page Information*/	
	#Web-Vision{
		padding:0px 120px; display:grid; grid-template-columns: repeat(1,1fr); gap:20px;
	}
	#Vision-Header h1{
		font-size:4.2rem;
	}
	#Vision-Text p,li{
		font-size:.90rem
	}
	#readMoreBtn{
		font-size: .90rem;
	}
	
/*===================================================================================*/
/*===================== Award Accreditation Page Design =============================*/	

	/* AWARD ACCREDITATION PAGE - IMAGE CAROUSEL */
	.aw-slider {
		height: 70vh;
	}
	.aw-slide-info {
		padding: 60px 50px;
	}
	.aw-slide-info h5 {
		font-size: clamp(1.2rem, 2.0vw, 1.80rem); line-height: 1.0;
	}
	.aw-progress {
		height: 3px;
	}
	.aw-nav {
		width: 50px; height: 50px;  font-size: 1.4rem;
	}
	.aw-dots {
		bottom: 2.2rem;	right: 5vw;
	}
	.aw-dot {
		width: 6px; height: 6px; border-radius: 3px;
	}
	.aw-counter {
		bottom: 3.0rem; right: 5vw; font-size: .70rem;
	}
	.aw-counter strong {
		font-size: 1.15rem;
	}
	
	/*Award Accreditation Hall of Fame Section*/
	.addPadding{
		padding-top:80px!important;
	}
	.Hall-Fame-Total{
		padding: 0 10px;
	}
	.Hall-Fame-Total-Num{
		font-size: 3.75rem;
	}
	.Hall-Fame-Total-Label{
		font-size: .95rem; margin-top: 5px; 
	}
	.award-wrapper{
		padding: 50px 10px 10px 10px;
	}
	.Award-Box{
		padding:25px 35px 25px 35px; margin-bottom:50px
	}
	.fa-ul h2{
		font-size: 1.10rem; line-height: 1.5; margin-bottom: 10px;
	}
	.Award-Category{
		font-size: .90rem; line-height: 1.5; margin-bottom: 10px;
	}
	.Award-Year {
    	width: 23%; border-radius: 5px; border-width: 1px; margin: 6px 1%;
	}
	.Award-Year label {
		padding: 5px 10px; font-size: 0.90rem; text-align: center;
	}
	.Award-Blockquote{
		font-size:.80rem; padding:10px 10px 10px 10px; margin:15px 0px 0px 0px;
	}	
	.scroll-down {
		bottom: 20px; right: 60px; width: 40px; height: 40px; border: 3px solid #FFF;
	}
	
	/*Award Accreditation Certification Section*/
	.Cert-Title{
		padding:0 0 16px;  font-size:2.2rem;
	}
	.Cert-Title::after{
		width:56px; height:4px;
	}
	#Web-Certificate{
		padding:30px 5px 30px;
	}
	.cert-logo-grid{
		grid-template-columns: repeat(4, 1fr); gap: 26px; padding: 30px 10px 30px;
	}
	.cert-logo-card{
		padding: 20px;
	}		
	.cert-logo-card::before{
		top: 6px; left: 10px; width: 50%; border-top: 2px dashed rgba(10,10,10,0.32);
	}
	.cert-logo-card::after{
		bottom: 6px; right: 10px; width: 50%; border-bottom: 2px dashed rgba(10,10,10,0.32);
	}
	.no-cert-popup{
		font-size:.75rem; padding:6px 14px;
	}

	/* Light Box for Certificate/Accreditation */
	#lightbox{
		padding: 30px 0; 
	}
	.lb-container{
		padding: 30px 30px;
	}

	/* Top toolbar */
	.lb-toolbar{
		top:10px; right:10px; gap:8px;
	}
	.lb-toolbar-btn{
		font-size:.90rem; width:34px; height:34px;
	}
	
	/* Additional Certificate Text Format */
	#Web-Certificate-text{
		margin:20px 0px; padding:30px 20px!important; 
	}
	#Web-Certificate-text h4{
		font-size:1.10rem; margin-top:20px; padding-left:20px
	}
	.fa-ul-cr li{
		font-size:0.90rem
	}


/*==========================================================================*/
/*======================= Client Page Design ===============================*/
	.Web-Clients-Cp{
		margin-top: 15px;
	}
	.Web-Clients-Cp h4{
		font-size: 2.0rem;
	}
	.clients-cp{
		max-width:20%; padding:15px;
	}
	.btn-client-cp{
		border-radius:1px; padding: 10px 15px;
	}
	.btn-client-cp:hover::before{
		border-radius:5px; 
	}

	/* Map Section */
	.map-main{
		padding:0% 12%;
	}
	
/*=============================================================================*/
/*===================== Top Executive Page Design =============================*/

	/*Top Executive Page Information*/
	#Web-Exe-Row{
		margin: 20px 0px 20px 0px;
	}
	#Web-Exe-Pic{
		width:22.5%
	}
	#Web-Exe-Pic-BG{
		padding:0px 25px 25px 25px; max-width:190px; max-height:210px
	}
	#Web-Exe-Pic-BG img{
		max-width:140px;
	}
	#Web-Exe-Details{
		width:77.5%
	}
	#Exe-Name{
		padding:3px 10px; font-size: 1.05rem;
	}
	#Exe-Designation{
		padding:3px 15px; font-size: .95rem; margin-bottom: 10px;
	}
	#Exe-Details{
		padding:0px 10px; font-size: 0.85rem;
	}


/*====================================================================================*/
/*===================== About Envoy Textiles Page Design =============================*/

	/*Home Timeline Information*/
	#Web-Timeline{
		width: 90%;
	}	
	#Web-Timeline-Textarea-Left h1{
		font-size:2.1rem;  margin:10px 0px;
	}
	#Web-Timeline-Textarea-Left Ul{
		width:47%; padding:10px 20px 10px 30px; font-size:.85rem;
	}
	#Web-Timeline-Textarea-Left li{
		margin-bottom: 20px; padding:25px;
	}
	#Web-Timeline-Textarea-Right h1{
		font-size:2.1rem; margin:10px 0px;
	}
	#Web-Timeline-Textarea-Right Ul{
		width:47%; margin-left:53%; padding:10px 30px 10px 20px; font-size:.85rem;
	}
	#Web-Timeline-Textarea-Right li{
		margin-bottom: 20px; padding:25px; 
	}

/*===================================================================================*/
/*===================== Fabric Library : Before Login ===============================*/

	.FabricHero{
		height:calc(100vh - 115ox);  margin:115px 0 0px 0;
	}
	@supports (height: 100dvh){
		.FabricHero{
			min-height:calc(100dvh - 115px);
		}
	}
	.FabricHero-Frame{
		padding:50px 80px 70px;
	}
	.FabricHero-Media-Frame{
		width:380px;
	}
	.FabricHero-Content{
		max-width:520px;
	}
	.FabricHero-Title{
		font-size:3.5rem;
	}
	.FabricHero-Title-Light::before{
		right:82%;  height:18vh;
	}
	.FabricHero-Title-Bold::before{
		right:65.4%;  height:20vh;
	}
	.FabricHero-Eyebrow{
		margin:18px 0 22px; font-size:.80rem;
	}
	.FabricHero-Text{
		font-size:.92rem;
	}
	.FabricHero-Text p{ 
		margin:0 0 14px 0; 
	}
	.FabricHero-ScrollCue{
		bottom:18px;  font-size:.70rem;
	}
	.FabricHero-ScrollCue-Icon{
		width:30px; height:30px; border:1.5px solid currentColor;
	}
	.FabricHero-ScrollCue-Icon i{ 
		font-size:.82rem;
	}

	/* Fabric Gallery */
	.FabricGallery{
		margin:0px 0 0px 0;
	}
	.FabricGallery-Grid{
		grid-template-columns:repeat(3, 1fr);
	}
	.FabricGallery-Caption{
		padding:34px 18px 16px;
	}
	.FabricGallery-Caption span{
		font-size:0.90rem;
	}
	

	/* Library Access Instruction */
	.FabricAccess{
		padding:100px 30px 80px;  margin:0 0 30px 0;
	}
	.FabricAccess::before{
		top:-120px; right:-120px; width:280px; height:280px;
	}
	.FabricAccess-Title{
		margin:0 0 10px 0; font-size:1.4rem;
	}
	.FabricAccess-Intro{
		margin:0 0 30px 0; font-size:.90rem;
	}
	.FabricAccess-Steps{
		margin:0 0 30px 0; flex-wrap:wrap; gap:10px 2%;
	}
	.FabricAccess-Step{
		padding:24px 18px 20px; flex:1 1 46%; max-width:46%; box-sizing:border-box; 
	}
	.FabricAccess-Step::before{
		left:14px; right:14px; height:3px; border-radius:0 0 3px 3px;
	}
	.FabricAccess-Step-Icon{
		width:48px; height:48px; margin-bottom:16px; font-size:1.10rem;
	}
	.FabricAccess-Step-Icon em{
		width:20px; height:20px; font-size:.70rem;
	}
	.FabricAccess-Step p{
		font-size:.84rem;
	}
	.FabricAccess-Step-Arrow{
		display: none;
	}
	.FabricAccess-Actions{
		gap:12px; margin:0 0 26px 0;
	}
	.FabricAccess-Btn{
		gap:9px; padding:14px 28px;  font-size:.92rem; 
	}
	.FabricAccess-Btn i{ 
		font-size:.85rem; 
	}
	.FabricAccess-Disclaimer{
		padding-top:22px; font-size:.78rem; 
	}

	/*====================================================================================*/
	/*================================ Fabric Library:Modals  ============================*/
	.envoy-modal__dialog {
		max-width: 32rem; padding: 1.90rem 2rem 1.80rem;
	}
	.envoy-modal__close {
		top: 1rem; right: 1rem; width: 2rem; height: 2rem; font-size: 1.1rem;
	}
	.envoy-modal__icon {
		width: 3.0rem; height: 3.0rem;  margin: 0 auto 1.15rem;  font-size: 1.15rem; 
	}
	.envoy-modal__title {
		font-size: 1.0rem; color: #111827;
	}
	.envoy-modal__body {
		font-size: .90rem; margin: 0 0 1.75rem;
	}
	.envoy-modal__btn {
		font-size: 0.88rem; padding: 0.5rem 2.05rem;
	}

/*==================================================================================*/
/*===================== Fabric Library : Registration Page =========================*/

	.Registration-Section{
		margin-bottom:12px;
	}
	.Registration-Hero{
		padding:6px 13px 3px;
	}
	.Registration-Hero-Text{
		font-size:0..95rem;
	}
	.Registration-Wrap{
		gap:32px; margin:30px auto 0; max-width:993px; padding:0 13px 44px; flex-direction:column; 
	}
	.Registration-Card, .Registration-Info{
		flex:1 1 565px; padding:22px 22px 19px;
	}
	.Registration-Card{
		order:1;
	}
	.Registration-Info{
		order:2;
	}
	.Registration-Title{
		font-size:0.90rem; margin:0 0 16px; padding-bottom:10px;
	}
	.Registration-Row{
		gap:13px; margin-bottom:13px;
	}
	.Registration-Row .Registration-Group{
		min-width:140px;
	}
	.Registration-Label{
		font-size:0.78rem; margin-bottom:5px;
	}
	.Registration-InputWrap i{
		font-size:0.82rem;
	}
	.Registration-InputWrap input{
		padding-left:29px;
	}
	.Registration-Input, .Registration-Select{
		padding:8px 10px; font-size:0.82rem;
	}
	label.error{
		font-size:0.70rem; margin-top:4px;
	}
	.Registration-AccessPeriod{
		gap:8px 17px; padding:10px 13px;
	}
	.Registration-AccessPeriod label{
		gap:5px; font-size:0.82rem;
	}
	.Registration-AccessPeriod input[type="radio"]{
		width:14px; height:14px;
	}
	.Registration-Captcha{
		gap:13px; padding:11px 16px; margin-bottom:16px;
	}
	.Registration-Captcha-Question{
		gap:8px; font-size:0.80rem;
	}
	.Registration-Captcha-Question input{
		width:51px; padding:6px 5px; font-size:0.82rem;
	}
	.Registration-Captcha-Label{
		font-size:0.78rem;
	}
	.Registration-Submit{
		margin-top:6px; margin-bottom:1px;
	}
	.Registration-Btn{
		gap:6px; padding:10px 21px; font-size:0.82rem;
	}
	.Registration-Info p{
		font-size:0.85rem;
	}
	.Registration-Info a{
		font-size:0.85rem;
	}
	.Registration-List li{
		font-size:0.85rem; padding:8px 0 8px 21px;
	}
	.Registration-List li::before{
		top:7px; font-size:0.72rem;
	}
	.Registration-Divider{
		height:1px; margin:17px 0;
	}
	
/*==================================================================================*/
/*========================= Fabric Library : Login Page ============================*/	
	.Login-Wrap{
		max-width:1180px; margin:36px auto 0; padding:0 16px 56px;
	}
	.Login-Card{
		max-width:480px; padding:28px 28px 24px;
	}
	.Login-Title{
		font-size:1rem; margin:0 0 20px; padding-bottom:12px;
	}
	.Login-Warning{
		gap:10px; padding:10px 14px; margin-bottom:18px; font-size:0.82rem;
	}
	.Login-Warning-Close{
		font-size:0.82rem; line-height:1; padding:2px 4px;
	}
	.Login-Group{
		margin-bottom:16px;
	}
	.Login-Label{
		font-size:0.82rem; margin-bottom:6px;
	}
	.Login-InputWrap i{
		left:12px; font-size:0.90rem;
	}
	.Login-InputWrap input{ 
		padding-left:36px; 
	}
	.Login-Input{
		padding:10px 12px; font-size:0.90rem;
	}
	label.error{
		font-size:0.75rem; margin-top:5px;
	}
	.Login-Forgot{
		margin-bottom:18px;
	}
	.Login-Forgot a{
		font-size:0.75rem;
	}
	.Login-Captcha{
		gap:16px; padding:14px 20px; margin-bottom:20px;
	}
	.Login-Captcha-Question{
		gap:10px; font-size:.95rem;
	}
	.Login-Captcha-Question input{
		width:64px; padding:8px 6px; font-size:0.90rem;
	}
	.Login-Captcha-Label{
		font-size:0.70rem; 
	}
	.Login-Submit{
		margin-top:4px;
	}
	.Login-Btn{
		gap:8px; padding:12px 26px; font-size:0.90rem;
	}
	.Login-Footer{
		margin-top:20px; padding-top:16px;
	}
	.Login-Footer p{
		font-size:0.82rem;
	}
	
/*====================================================================================*/
/*====================== Fabric Library : Forget Password Page =======================*/
	.Forget-Wrap{
		max-width:1180px; margin:36px auto 0; padding:0 16px 56px;
	}
	.Forget-Card{
		max-width:460px; padding:28px 28px 24px;
	}
	.Forget-Title{
		font-size:1rem; margin:0 0 20px; padding-bottom:12px;
	}
	.Forget-Subtext{
		font-size:.82rem; margin:0 0 20px; 
	}
	.Forget-Group{
		margin-bottom:16px;
	}
	.Forget-Label{
		font-size:0.82rem; margin-bottom:6px;
	}
	.Forget-InputWrap i{
		left:12px; font-size:0.90rem;
	}
	.Forget-InputWrap input{ 
		padding-left:36px; 
	}
	.Forget-Input{
		padding:10px 12px; font-size:0.90rem;
	}
	label.error{
		font-size:0.75rem; margin-top:5px;
	}
	.Forget-Captcha{
		gap:16px; padding:14px 20px; margin-bottom:20px;
	}
	.Forget-Captcha-Question{
		gap:10px; font-size:.95rem;
	}
	.Forget-Captcha-Question input{
		width:64px; padding:8px 6px; font-size:0.90rem;
	}
	.Forget-Captcha-Label{
		font-size:0.75rem;
	}
	.Forget-Submit{
		margin-top:4px;
	}
	.Forget-Btn{
		gap:8px; padding:12px 26px; font-size:0.90rem;
	}
	.Forget-Footer{
		margin-top:20px; padding-top:16px;
	}
	.Forget-Footer p{
		font-size:0.82rem;
	}
	
/*==================================================================================*/
/*===================== Fabric Library : Reset Password Page =======================*/
	.Reset-Wrap{
		max-width:1180px; margin:36px auto 0; padding:0 16px 56px;
	}
	.Reset-Card{
		max-width:460px; padding:28px 28px 24px;
	}
	.Reset-Title{
		font-size:1rem; margin:0 0 20px; padding-bottom:12px;
	}
	.Reset-Subtext{
		font-size:.82rem;  margin:0 0 20px;
	}
	.Reset-Group{
		margin-bottom:16px;
	}
	.Reset-Label{
		font-size:0.82rem; margin-bottom:6px;
	}
	.Reset-InputWrap i{
		left:12px; font-size:0.90rem;
	}
	.Reset-InputWrap input{ 
		padding-left:36px;
	}
	.Reset-Input{
		padding:10px 12px; font-size:0.90rem;
	}
	label.error{
		font-size:0.75rem; margin-top:5px;
	}
	.Reset-Submit{
		margin-top:4px;
	}
	.Reset-Btn{
		gap:8px; padding:12px 26px; font-size:0.90rem;
	}


/*=================================================================================*/
/*===================== Fabric Library: Library Home ==============================*/
	.library-hero-section{
		min-height: calc(100vh - 120px);
	}
	.sub-library-hero-section{
		grid-template-columns: repeat(2, 420px); gap:5px;
	}
	.library-hero-overlay{
		padding:26px 26px 24px 26px;
	}
	.library-hero-caption{
		transform:translateY(40px);
	}
	.library-hero-category{
		font-size:1.4rem; margin:0 0 10px 0;
	}
	.library-hero-tile:hover 
	.library-hero-category::after{
		width:54px;
	}
	.library-hero-tagline{
		font-size:0.90rem; margin:0 0 11px 0;
	}
	.library-hero-explore-wrap{
		margin-top:11px;
	}
	.library-hero-explore{
		font-size:0.75rem; padding:6px 14px;
	}
	.library-hero-empty{
		padding:60px 20px;
	}

	/* library eco section */
	.library-eco-section{
		padding:130px 24px; 
	}
	.library-eco-section::before,
	.library-eco-section::after{
		width:1px; height:56px;
	}
	.library-eco-section::before{
		top:44px;
	}
	.library-eco-section::after{
		bottom:44px;
	}
	.library-eco-eyebrow{
		gap:10px;  font-size:.90rem;
	}
	.library-eco-eyebrow i{
		font-size:1.10rem; 
	}
	.library-eco-lead{
		font-size:1.3rem; margin:0 auto 44px auto;
	}
	.library-eco-statement{
		font-size:4.25rem; margin:0 0 44px 0;
	}
	.library-eco-button{
		gap:12px; font-size:1.05rem; padding:16px 30px;
	}
	.library-eco-button-arrow{
		font-size:1rem; 
	}
	
	/*  Library Intro / Browse-All Section */
	.library-intro-section{
		margin-top:60px; margin-bottom: 60px; 
	}
	.library-intro-image-wrap{
		flex:1 1 50%; max-width:50%; min-height:400px;
	}
	.library-intro-badge{
		left:28px; bottom:28px;
	}
	.library-intro-badge-number{
		font-size:1.30rem;
	}
	.library-intro-badge-label{
		font-size:.60rem;
	}
	.library-intro-content{
		flex:1 1 50%; max-width:50%; padding:60px 50px; 
	}
	.library-intro-text{
		font-size:.85rem; margin:0 0 32px 0; max-width:480px;
	}
	.library-intro-button{
		font-size:.90rem; padding:18px 30px;
	}

	/*  Envoy Feature Stories Strip */
	.library-stories-section{
		padding:100px 24px 100px 24px;
	}
	.library-stories-inner{
		max-width:880px; margin:0 auto;
	}
	.library-stories-heading{
		margin-bottom:56px;
	}
	.library-stories-eyebrow{
		font-size:.80rem; margin:0 0 14px 0;
	}
	.library-stories-title{
		font-size:2.25rem;
	}
	.library-stories-list{
		gap:40px;
	}
	.library-story-row{
		gap:28px; padding:36px 44px;
	}
	.library-story-row-media{
		max-width:230px; min-width:160px; max-height:230px;
	}
	.library-story-row-kicker{
		font-size:.62rem; padding:4px 10px; margin:0 0 12px 0;
	}
	.library-story-row-title{
		font-size:1.20rem; margin:0 0 14px 0;
	}
	.library-story-row-details{
		font-size:.90rem;
	}
	
	/* Keep Explore Section */
	.library-curious-content{
		flex:1 1 50%; max-width:50%;  padding:70px 70px;
	}
	.library-curious-eyebrow{
		font-size:.80rem; margin:0 0 18px 0;
	}
	.library-curious-title{
		font-size:2.05rem; margin:0 0 18px 0;
	}
	.library-curious-text{
		font-size:.92rem; margin:0 0 30px 0; max-width:460px;
	}
	.library-curious-button{
		gap:12px; font-size:.92rem; padding:18px 32px;
	}
	.library-curious-arrow{
		font-size:1.0rem; 
	}
	.library-curious-image-wrap{
		flex:1 1 50%; max-width:50%; min-height:420px;
	}

	/*====================================================================================*/
	/*======================= Fabric Library: Collection Page ============================*/
	/* Product Showing Section */
	.collection-hero{
		min-height:380px;
	}
	.collection-hero-inner{
		padding:44px 40px 24px 40px;
	}
	.collection-hero-panel{
		max-width:620px; padding:28px 32px 26px 28px; border-radius:1px; border-left:3px solid var(--lime);
	}
	.collection-hero-eyebrow{
		font-size:.78rem; 
	}
	.collection-hero-title{
		font-size:3.0rem;  margin:0 0 12px 0;
	}
	.collection-hero-tagline{
		font-size:1.0rem;
	}
	/* Feature grid */
	.collection-hero-features{
		grid-template-columns:repeat(2, minmax(0,1fr)); gap:10px 24px; margin-top:18px; padding-top:16px; 
	}
	.collection-hero-feature{
		gap:9px;
	}
	.collection-hero-feature-mark{
		width:6px; height:6px; margin-top:6px;
	}
	.collection-hero-feature-text{
		font-size:.75rem;
	}

	/* Results bar */
	.collection-results-bar{
		gap:16px; padding:34px 44px 34px 44px; font-size:.92rem;
	}
	.collection-results-text{
		gap:8px;
	}
	.collection-results-icon{
		font-size:.72rem;	
	}

	/* Home link */
	.collection-home-link{
		gap:7px; font-size:.75rem; padding:8px 16px;
	}
	.collection-home-link i{
		font-size:.82rem
	}

	/* Groups Search + Home together */
	.collection-results-actions{
		gap:10px;
	}
	.collection-search-btn{
		gap:7px; font-size:.75rem; padding:8px 16px;
	}
	.collection-search-btn i{
		font-size:.82rem
	}

	/* Active filters - shows selected criteria */
	.collection-active-filters{
		font-size:.82rem; gap:8px 10px; padding:8px 44px 18px 44px;
	}
	.collection-active-filters-label{
		font-size:.75rem; 
	}
	.collection-active-filter-chip{
		gap:6px; padding:5px 10px 5px 12px;
	}
	.collection-active-filter-chip-remove{
		width:15px; height:15px; font-size:.75rem;
	}
	.collection-active-filters-clear{
		font-size:.78rem; margin-left:4px;
	}

	/* Fabric search popup */
	.collection-search-overlay{
		padding:24px;
	}
	/* Outer card */
	.collection-search-modal{
		max-width:920px; max-height:90vh;
	}
	/* Inner body - scrollable area  */
	.collection-search-modal-body{
		padding:40px 46px 34px 46px;
	}
	.collection-search-close{
		width:44px; height:44px; font-size:1.25rem;
	}
	.collection-search-title{
		font-size:1.5rem; margin:0 0 26px 0;
	}
	.collection-search-grid{
		grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); column-gap:40px; row-gap:22px; 
	}
	.sr-only{
		width:1px; height:1px; 
	}

	/* Dark "glass" fields over the photo */
	.collection-search-field select,
	.collection-search-field input[type="text"]{
		font-size:.90rem;  padding:14px 18px;
	}
	.collection-search-suggestions{
		margin-top:4px; height:230px;
	}
	.collection-search-suggestion{
		font-size:.90rem; padding:10px 14px;
	}

	/* Can't search empty" */
	.collection-search-error{ 
		margin:20px 0 0 0; padding:10px 14px;
	}
	.collection-search-actions{ 
		gap:12px; margin-top:24px;
	}
	.collection-search-submit, .collection-search-reset{ 
		gap:9px; padding:12px 24px; font-size:.80rem;
	}

	/* Product grid */
	.collection-products-grid{ 
		grid-template-columns:repeat(4, 1fr); align-items:start; gap:32px 30px; padding:22px 44px 90px 44px;
	}
	.collection-product-fabrication{ 
		padding:12px 12px 16px 12px; 
	}
	.collection-product-fabrication span{ 
		font-size:.68rem;
	}

	/* White strip under the photo. */
	.collection-product-footer{ 
		min-height:50px;
	}
	.collection-product-code{ 
		font-size:.92rem;
	}
	.collection-products-empty{ 
		padding:80px 44px; font-size:1.0rem;
	}

	/* Pagination bar */
	.collection-pagination{ 
		gap:8px; padding:0 44px 70px 44px;
	}
	.collection-pagination-page, .collection-pagination-arrow{ 
		font-size:.82rem; min-width:42px; height:42px; padding:0 10px;
	}
	.collection-pagination-ellipsis{ 
		min-width:24px; height:42px; font-size:.82rem;
	}
	
	
	/*====================================================================================*/
	/*============================ Fabric View Page Design ===============================*/

	/* Breadcrumb*/
	.FabricView-Breadcrumb{
		font-size:.82rem; gap:8px; padding: 6px 20px; margin:0 2px 0 auto;  border:1px solid rgba(20,20,10,0.06);
	}
	.FabricView-Breadcrumb a{
		gap:6px;
	}
	.FabricView-Breadcrumb a::after{
		bottom:-1px; height:2px; border-radius:2px;
	}
	.FabricView-BreadcrumbHome i{
		font-size:.72rem;
	}
	.FabricView-Breadcrumb > i{
		font-size:.72rem;
	}
	.FabricView-NotFound{
		font-size:1.0rem; padding:60px 4px 80px 4px;
	}
	.FabricView-NotFound a{
		margin-top:10px;
	}
	
	/* Fabric View - main layout */
	.FabricView-Layout{
		--fabric-media-h: calc(100vh - 250px); column-gap:15px; row-gap:0; padding:2px 2px 2px 2px; grid-template-columns:1fr 18%; 
		grid-template-areas:
		"media  stamps" 
		"note   .     " 
		"info   info  ";
	}
	.FabricView-Stamps{
		grid-template-rows:repeat(3, 1fr); gap:10px;
	}
	.FabricView-Disclaimer{
		padding:4px 16px; font-size:.68rem; gap:10px;
	}
	.FabricView-Disclaimer i{
		width:12px; height:12px; font-size:.60rem;
	}

	/* Stamps - thumbnail + caption bar */
	.FabricView-Stamp span{
		padding:6px 4px; font-size:.70rem;
	}
	.FabricView-Stamp.is-active img{
		border-width:3px; 
	}
	.FabricView-Stamp.is-active::after{
		top:6px; right:6px; width:18px; height:18px; line-height:18px; font-size:.70rem;
	}


	/* Info panel - a distinct white card */
	.FabricView-InfoCard{
		padding:20px 22px 18px 22px; margin-top:30px;
	}
	.FabricView-InfoCard::before{
		height:5px;
	}
	.FabricView-Eyebrow{
		font-size:.70rem; margin:0 0 6px 0;
	}
	.FabricView-StyleBadge{
		font-size:1.72rem; margin:0 0 15px 0; padding-bottom:14px; 
	}
	.FabricView-StyleBadge::after{
		width:56px; height:3px; border-radius:3px;
	}
	.FabricView-DetailRow{
		gap:16px; padding:9px 9px 9px 9px;
	}
	.FabricView-DetailRow::before{
		width:3px;
	}
	.FabricView-DetailLabel{
		font-size:.74rem;
	}
	.FabricView-DetailValue{
		font-size:.88rem;
	}
	.FabricView-AskBtn{
		gap:9px; margin-top:18px; padding:13px 18px;  font-size:.80rem;
	}

	/* Toolbar wrapper */
	.FabricView-ZoomToolbar{
		top:12px; right:12px; gap:8px;
	}
	.FabricView-ZoomToggleBtn{
		gap:7px; height:37px; padding:0 16px; font-size:.72rem;
	}
	.FabricView-ZoomBtn{
		width:37px; height:37px; font-size:.92rem;
	}
	.FabricView-ZoomLevel{
		min-width:34px; padding:0 4px; font-size:.75rem;
	}

	/* Similar Products Heading*/
	.FabricView-Similar{
		margin:40px 0 32px 0; padding:32px 4px 0 4px;
	}
	.FabricView-Similar::before{
		height:1px;
	}
	.FabricView-SimilarHeading{
		font-size:1.35rem; margin:0 0 22px 0; padding-bottom:14px;
	}
	.FabricView-SimilarHeading::after{
		left:0; bottom:0; width:48px; height:3px; border-radius:3px;
	}
	.FabricView-SimilarHeadingSub{
		font-size:.82rem;
	}

	/* Similar Products Card */
	.FabricView-SimilarGrid{
		grid-template-columns:repeat(4, 1fr); gap:16px; 
	}
	.FabricView-SimilarCardNoImage{
		font-size:1.5rem;
	}
	.FabricView-SimilarCardFooter{
		gap:2px; padding:8px 10px 10px 10px; border-top:1px solid rgba(20,20,10,0.08);
	}
	.FabricView-SimilarCardStyle{
		font-size:.84rem;
	}
	.FabricView-SimilarCardComposition{
		margin-top:3px; padding:2px 1px; font-size:.70rem;
	}
	
	
	/*===================================================================================*/
	/*============================= Explore Page Design =================================*/
	/* Adriano Goldschmied Tribute  */
	.AdrianoTribute{ 
		min-height:calc(100vh - 120px) !important; margin-top: 120px; padding:20px 65px;
	}
	.AdrianoTribute-Frame{ 
		grid-template-columns:minmax(200px, 340px) 1fr; gap:20px; max-width:1020px;
	}
	.AdrianoTribute-Media-Img{ 
		max-height:min(320px, 66vh);
	}
	.AdrianoTribute-Eyebrow{ 
		font-size:1.0rem; margin:20px 0 6px 0; 
	}
	.AdrianoTribute-Title{ 
		font-size:1.75rem; margin:0 0 16px 0; 
	}
	.AdrianoTribute-Badge{ 
		font-size:.78rem; gap:8px; padding:8px 16px; margin-bottom:24px;
	}
	.AdrianoTribute-Text p{ 
		font-size:1.0rem; margin:0 0 16px 0; 
	}
	.AdrianoTribute-Stitch{ 
		height:1px; margin:25px 0 22px 0; 
	}
	.AdrianoTribute-Signature{ 
		font-size:0.96rem; margin:0 0 8px 0;
	}
	.AdrianoTribute-Closing{ 
		font-size:.94rem; margin:0 0 20px 0;
	}
	
	/* Rickshaw Heritage  */
	.RickshawHeritage{ 
		padding:50px 65px;
	}
	.RickshawHeritage-Frame{ 
		grid-template-columns:1fr; gap:32px;
	}
	.RickshawHeritage-Media{ 
		max-width:460px;  margin:0 auto; 
	}
	.RickshawHeritage-Media-Frame{ 
		padding:5px;
	}
	.RickshawHeritage-Media-Mat{ 
		padding:10px;
	}
	.RickshawHeritage-Title{ 
		font-size:1.75rem; margin:0 0 22px 0; 
	}
	.RickshawHeritage-Eyebrow{ 
		font-size:.95rem; margin:0 0 10px 0;
	}
	.RickshawHeritage-Tagline{ 
		font-size:.80rem; margin:0 0 20px 0;
	}
	.RickshawHeritage-Text p{ 
		font-size:1.0rem; margin:0 0 18px 0;
	}
	
	/* Investment Journey  */
	.InvestmentJourney{ 
		padding:140px 65px 120px;
	}
	.InvestmentJourney::before{ 
		top:22px; bottom:22px; border-top:2px dashed rgba(224,168,90,0.35); border-bottom:2px dashed rgba(224,168,90,0.35);
	}
	.InvestmentJourney-Eyebrow{ 
		font-size:2.5rem; margin:0 0 40px 0;
	}
	.InvestmentJourney-Patches{ 
		gap:36px; margin-top:20px; 
	}
	.InvestmentJourney-Patch{ 
		width:480px; padding:30px 30px 26px;
	}
	.InvestmentJourney-Patch::before{ 
		border:1.5px dashed rgba(255,232,199,0.4); 
	}
	.InvestmentJourney-Flag{ 
		top:-11px; right:18px; font-size:.62rem; padding:5px 12px; 
	}
	.InvestmentJourney-Patch-Title{ 
		font-size:1.125rem; margin:4px 0 0 0; 
	}
	.InvestmentJourney-Patch-Subtitle{ 
		font-size:.75rem; margin:4px 0 0 0;
	}
	.InvestmentJourney-Patch-Rule{ 
		margin:14px auto 20px; border-top:1.5px dashed rgba(43,26,13,0.4); 
	}
	.InvestmentJourney-Patch-Icon{ 
		width:52px; height:52px; margin-bottom:10px; 
	}
	.InvestmentJourney-Check{ 
		top:-4px; right:-4px; width:19px; height:19px; 
	}
	.InvestmentJourney-Clock{ 
		top:-4px; right:-4px; width:19px; height:19px; 
	}
	.InvestmentJourney-Patch-Item span{ 
		font-size:.75rem;
	}
	.InvestmentJourney-Patch-Note{ 
		font-size:.62rem;  max-width:125px;
	}
	
	/* Fabric Tags  */
	.FabricTags{ 
		padding:110px 65px 100px; 
	}
	.FabricTags-Frame{ 
		max-width:100%; 
	}
	.FabricTags-Eyebrow{ 
		font-size:.82rem; margin:0 0 12px 0; 
	}
	.FabricTags-Title{ 
		font-size:2.5rem; margin:0 0 64px 0;
	}
	.FabricTags-Row{ 
		grid-template-columns:repeat(3, minmax(220px, 280px)); gap:25px; max-width:960px;
	}
	.FabricTags-Card{ 
		padding:38px 26px 30px; 
	}
	.FabricTags-Hole{ 
		width:14px; height:14px;
	}
	.FabricTags-IconWrap{ 
		margin:26px auto 18px; width:56px; height:56px; 
	}
	.FabricTags-Label{ 
		font-size:.92rem; margin:0 0 14px 0;
	}
	.FabricTags-Stitch{ 
		height:1px; margin:0 auto 16px; 
	}
	.FabricTags-Values{ 
		font-size:.85rem;
	}

	/* indigo scraf */
	.IndigoScarf-Frame{ 
		grid-template-columns:1fr; min-height:0;
	}
	.IndigoScarf-Content{ 
		padding:60px 65px 60px 65px;
	}
	.IndigoScarf-Mark{ 
		gap:1px; margin-bottom:10px; 
	}
	.IndigoScarf-Eyebrow{ 
		font-size:.78rem; margin:0 0 2px 0;
	}
	.IndigoScarf-Wordmark{ 
		font-size:5.5rem;
	}
	.IndigoScarf-Icon{
		max-width:70px;
	}
	.IndigoScarf-Tagline{ 
		font-size:.82rem;
	}
	.IndigoScarf-Subtitle{ 
		font-size:.90rem; margin:8px 0 24px 0; max-width:252px;
	}
	.IndigoScarf-Text p{ 
		font-size:.95rem; margin:0 0 16px 0;
	}
	.IndigoScarf-Badge{ 
		font-size:.72rem; margin-top:30px; padding:9px 20px;
	}
	.IndigoScarf-Media{ 
		 min-height:480px; order:-1; 
	}
	
	/* Go Green Banner */
	.GoGreenBanner{ 
		min-height:245px; padding:40px 80px; 
	}
	.GoGreenBanner-Frame{ 
		max-width:1180px; gap:40px;
	}
	.GoGreenBanner-Icon{ 
		width:80px; height:80px;   
	}
	.GoGreenBanner-Icon svg{ 
		width:40px; height:40px; 
	}
	.GoGreenBanner-Eyebrow{ 
		font-size:.80rem; margin:0 0 8px 0; 
	}
	.GoGreenBanner-Title{ 
		font-size:1.70rem; margin:0 0 10px 0; 
	}
	.GoGreenBanner-Subtitle{ 
		font-size:.90rem; max-width:520px;
	}
	.GoGreenBanner-Cta{ 
		gap:10px; padding:15px 30px; font-size:.88rem;
	}
	.GoGreenBanner-Cta svg{ 
		width:14px; height:14px;
	}



	/*====================================================================================*/
	/*================ Facilities:Denim Production Textiles Page Design ==================*/
	.accordion strong{
		font-size: 1.10rem
	}
	.accordion .bullets {
		max-height:20px; padding-right:10px
	}
	.accordion p{
		font-size: 0.90rem
	}
	
	
	/* Facility Carousel Section */
	.envoy-hero-carousel .carousel-caption {
		right: 6%; bottom: 12%;	max-width: 700px;
	}
	.envoy-hero-carousel .carousel-caption .envoy-caption-title{
		font-size:2.25rem; padding:25px 0px;
	}
	/* indicators */
	.envoy-hero-carousel .carousel-indicators {
		gap: 10px; bottom: 62px; right: calc(6% + 120px);
	}
	.envoy-hero-carousel .carousel-indicators [data-bs-target] {
		width: 9px; height: 9px;
	}
	.envoy-hero-carousel .carousel-indicators [data-bs-target].active {
		width: 13px; height: 13px;
	}
	/* arrows */
	.envoy-hero-carousel .control-btn {
		width: 46px; height: 46px;  bottom: 46px;
	}
	.envoy-hero-carousel .control-icon {
		width: 1.15rem;	height: 1.15rem;
	}
	.envoy-hero-carousel .carousel-control-prev {
		right: calc(6% + 58px);
	}
	.envoy-hero-carousel .carousel-control-next {
		right: 6%;
	}

	/* Denim Production Details */
	.envoy-facility-heading {
		margin-bottom: 32px;
	}
	.envoy-facility-eyebrow {
		font-size: .75rem; margin-bottom: 14px;
	}
	.envoy-facility-tagline {
		font-size: 1.95rem;  padding-bottom: 20px; 
	}
	.envoy-facility-tagline::after {
		width: 130px; border-top: 2px dashed #a9823f;
	}
	/* stats */
	.envoy-facility-stats {
		grid-template-columns: repeat(3, 1fr); gap: 26px 15px; margin-bottom: 44px;
	}
	.envoy-stat-card {
		gap: 5px; padding: 26px 18px 22px 18px;
	}
	.envoy-stat-card::before {
		top: 11px; right: 11px; width: 9px; height: 9px;
	}
	.envoy-stat-number {
		font-size: 2.0rem;
	}
	.envoy-stat-label {
		font-size: .76rem;
	}
	.fac_prg{
		font-size:0.95rem; line-height: 1.70; padding:15px 0px; 
	}
	
	/* Facility Sustainable Process Section */
	.fac_header{
		margin-bottom:50px;
	}
	.fac_header span{
		font-size:.90rem; padding:10px 22px;
	}
	/* grid */
	.fac_facility{
		gap:25px;
	}
	/* cards */
	.fac_step{
		border-radius:24px; padding:30px; width:calc(340px - 26px); /* 21px = gap:20px + 1px border */
	}
	/* glow */
	.fac_step::before{
		width:180px; height:180px; top:-70px; right:-70px;
	}
	/* number */
	.fac_num{
		font-size:0.80rem; letter-spacing:2px;
	}
	/* icon */
	.fac_icon{
		width:85px; height:85px; border-radius:24px; margin-bottom:26px;
	}
	.fac_icon::before{	
		border-radius:24px; border-width: 2px; padding:2px;
	}
	.fac_icon span{
		font-size:2.20rem;
	}
	/* title */
	.fac_step h3{
		font-size:1.25rem; margin-bottom:16px; letter-spacing:.2px;
	}
	/* paragraph */
	.fac_step p{
		font-size:.90rem; line-height:1.65; padding-left:16px;
	}
	/* highlight line */
	.fac_step p::before{
		left:0; top:4px; width:3px; border-radius:10px;
	}
	/* tag area */
	.fac_bottom{
		bottom:25px;
	}
	/* minimal tag */
	.fac_tag{
		font-size: 0.70rem; padding-bottom:6px;
	}
	/* underline animation */
	.fac_tag::after{
		height:2px; 
	}
	
	
/*========================================================================================*/
/*==================== Facilities: Others Facility Page Design =========================*/
/* Others Facility Hero Section */
.OFHeroWrap .OFBlank{ 
	height:clamp(40px,7vh,80px);
}
.OFHero{
	padding:45px 80px;
}
.OFHero__glow{
	width:560px; height:560px;
}
.OFHero__frame::before, .OFHero__frame::after{
	width:54px; height:54px;
}
.OFHero__frame::before{ 
	border-width:1px 0 0 1px;
}
.OFHero__frame::after{ 
	border-width:1px 1px 0 0;
}
.OFHero__inner{ 
	max-width:800px;
}
.OFHero__eyebrow{
	gap:14px; margin-bottom:18px; font-size:.75rem;
}
.OFHero__eyebrow-line{
	width:25px; height:1px;
}
.OFHero__title{ 
	margin:0 0 clamp(12px,2.6vh,28px);
}
.OFHero__line--lead{ 
	margin-bottom:clamp(2px,.8vh,8px);
}
.OFHero__line--lead > span{
	font-size:2.25rem; 
}
.OFHero__line--main > span{
	font-size:4.0rem;
}
.OFHero__subtitle{
	font-size:.90rem; max-width:660px; margin:0 0 26px; padding-left:18px; border-left:2px solid rgba(201,162,39,.7); 
}
.OFHero__cta{
	gap:14px; font-size:.78rem; 
}
.OFHero__cta-icon{
	width:24px; height:38px; border-radius:14px; border:2px solid rgba(233,207,122,.8);
}
.OFHero__cta-wheel{
	top:7px; width:4px; height:8px; margin-left:-2px;
}


/* Body Part of Others Facility */
.OFStory__rail{
	right:40px; gap:11px;
}
.OFStory__rail button{
	width:11px; height:11px;  border:1px solid rgba(255,255,255,.4);
}
.OFPanel{
	padding:70px 80px; border-top:1px solid rgba(255,255,255,.06);
}
.OFPanel__content{ 
	max-width:980px;
}
.OFPanel__title{
	font-size:2.75rem; margin:0px 0px 12px;
}
.OFPanel__desc{
	font-size:.90rem;
}




/*========================================================================================*/
/*==================== Sustainability: LEED PLATINUM Page Design =========================*/
.lion {	
	min-height: calc(100vh - 110px); padding: 1.5rem 2rem; 
}
.lion-eyebrow{
	font-size: clamp(1rem, 1.0vw, 2rem); margin-bottom: 1.20rem;
}
.lion-leed-wordmark img{	
	width:clamp(320px,11vw,420px); margin-bottom: 1.20rem;
}
.lion-title {
	font-size: clamp(2rem, 4vw, 4rem);margin-bottom: 1.20rem;
}
.lion-title .line-gold {
	-webkit-text-stroke: 1.2px var(--gold);
}
.lion-com-type {
	font-size: clamp(1rem, 6vw, 1.5rem);
}
.lion-score-display {
	margin: 1.2rem 0 1.0rem 0;
}
.total-score-big {
	font-size: clamp(2rem, 4.5vw, 3.2rem);
}
.score-slash { 
	font-size: 2.0rem;
}
.score-total {
	font-size: 2.0rem;
}
.score-label-block .lbl {
	font-size: .70rem;
}

/* Scores Section Start */
.leed-cmp-row{
	padding: 0px 10px; 
}
.scores-section {
    padding: 120px 0 40px;
}
.leed-cmp-eyebrow{
	font-size:0.85rem; margin-bottom:10px;
}
.section-heading {
	font-size: clamp(2rem, 5.25vw, 4rem); margin-bottom: 2rem;
}

/* Leed Counter & Header */
.leed-cmp-switch{
	gap:4px; padding:5px; margin:0 auto 2.25rem; 
}
.leed-cmp-tab{
	gap:2px; padding:8px 30px;
}
.leed-cmp-tab-year{ 
	font-size:1.3rem;
}
.leed-cmp-tab-label{ 
	font-size:0.6rem;
}

/* Swatch for total score */
.leed-cmp-total{
	border: 1px dashed rgba(232,200,122,0.55); margin: 0 0 2.25rem auto; padding: 14px 25px 32px 25px; gap:10px;
}
.leed-cmp-total::after{
	height:12px; bottom:-2px;
}
.leed-cmp-total-bottom{ 
	gap:20px;
}
.leed-cmp-total-track{
	height:7px;
}
.leed-cmp-total-figures{ 
	width:220px; gap:5px;
}
.leed-cmp-total-num{ 
	font-size:1.35rem; min-width: 50px;
}
.leed-cmp-total-slash{ 
	font-size:0.90rem;
}
.leed-cmp-total-max{ 
	font-size:0.90rem;
}
.leed-cmp-total-label{ 
	margin-left:8px; font-size:0.88rem;
}
.leed-cmp-total-rating{ 
	font-size:1rem; padding-bottom:9px;
}

/* Score cards grid */
.scores-grid {
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)) !important; gap: 15px!important;
	padding: 4px 0 32px!important;
}
.scores-grid .score-card {	
	border: 1px solid rgba(20,17,10,0.16); padding: 25px 15px!important; margin-bottom: 0 !important;
}
.scores-grid .card-top{
	gap: 12px; margin-bottom: 16px!important;
}
.leed-cmp-tag{
	font-size:0.62rem; border:1px solid currentColor; padding:3px 9px;
}
.scores-grid .leed-cmp-val{
	font-size: 1.25rem;
}
.scores-grid .leed-cmp-max{
	font-size: 0.78rem;
}
.scores-grid .card-name{
    font-size: .90rem; margin-bottom: 10px!important; min-height: 2.6rem;
}
.leed-cmp-icon{
	margin-right: 0.55rem; font-size: 0.92rem!important; line-height: 1.35; margin-top: 0.15em;
}
.scores-grid .card-number{
	font-size: 3.5rem !important;
}
.card-bar-track {
    margin-top: 16px!important; height: 8px; border-radius: 2px;
}

/* Details Section */
.details-section{
	padding: 100px 0px; 
}
.details-left .big-quote {
    font-size: clamp(2rem, 5.25vw, 4rem); margin-bottom: 2rem;
}
.details-body {
	line-height: 1.50; font-size: 1.0rem;
}
.details-body p + p { 
	margin-top: 2.50rem;
}

/* Video Section */
.videos-grid {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}
.yt-btn {
	width: 70px; height: 70px;
} 
.video-info{
	padding: 1rem 1.5rem;
}
.video-info p {
	 line-height: 1.5; font-size: .90rem; 
}
.vid-modal-box {
	max-width: 1000px;
}
.vid-modal-close {
	font-size: 2.75rem;
}

/*========================================================================================*/
/*======================= Sustainability: GO GREEN Page Design ===========================*/
.hero {
    padding: 50px 60px
}
.hero-main {
    padding-bottom: clamp(1rem, 3vw, 2rem); justify-content:flex-start; margin-top:120px
}
.hero-eyebrow {
    font-size: 0.95rem;
}
.hero-h1{
  	font-size:clamp(3.5rem,4.5vw,5.5rem); 
}
.hero-h1 .pre {
    font-size: clamp(1.7rem, 2.2vw, 2.7rem);
}
.hero-h2{
  	font-size:clamp(5.5rem,7vw,8.5rem);
}
.hero-h2 .outline{
  	 -webkit-text-stroke:1.5px rgba(255,255,255,.75);
}
.hero-bottom{
	align-items:center; justify-content:center;
}
.hero-stats-heading{
	font-size: .90rem; 
}
.hero-quote {
    font-size: clamp(0.75rem, 1vw, 0.90rem); min-width:100%; text-align:center; margin-bottom:50px;
}
.hs {
    padding: 16px 8px; min-width:115px;
}
.hs-n {
    font-size: clamp(1.0rem, 2vw, 1.7rem);
}
.hs-l {
    font-size: 0.68rem;
}
.hero-scroll {
    bottom:10px; right:30px;
}
.scroll-line {
    width: 2px; height: 70px;
}
 /* ticker section */
.ticker span{
  	font-size:.70rem;
}
 /* Score section */
.score{
    padding:100px 65px;
}
.score-h{
	font-size:3.50rem; margin-bottom: 0px;
}
.score-h em{
	font-size: 1.75rem;
}
.score-grid{
	grid-template-columns:repeat(3,1fr)
}
.sc-name{
	font-size:.80rem;
}
.sc-num{
  	font-size: 2.50rem;
}
.sc-num sub{
	font-size: 1.50rem; bottom: -7px;
}
.sc-desc{
	font-size:.85rem; min-height: 50px; margin-top:7px;
}
.sc-bar{
	height:2.2px; margin-top:7px;
}
.sc-fill{
	height:2.2px;
}
.sc-target{
	font-size:.70rem;  margin-top:5px;  min-height: 35px;
}

.sc-nav{
	gap:.8rem;
}
.sc-arrow{
	width:32px; height:32px; border:1px solid rgba(255,255,255,.16);
}
.sc-arrow i{
	font-size:.8rem;
}
.sc-dots{
	gap:.75rem;
}
.sc-dot{
	width:7px; height:7px;
}
.sc-count{
	font-size: 0.8rem; margin-left: 12px;
}

/* Fusion (Image) Section */
.fusion{
    grid-template-columns:1.45fr 1fr; grid-template-rows:270px 190px;
}
.fu-tag{
    font-size:.68rem;
}
.fu-title{
    font-size:1.05rem;
}

/* Pillars Section */
.ph-sub{
	font-size:1.65rem; text-align:right;
}
.pillar{
	grid-template-columns:clamp(115px,17vw,175px) 1fr 10px; gap:clamp(1.2rem,3.2vw,2.5rem); padding:clamp(1.6rem,3.8vw,2.5rem) 1.70rem;
}
.pillar::before{
	height:2px;
}
.pillar:hover::before{
	width:22%;
}
.p-ghost{
	font-size:clamp(2.5rem,6vw,4rem);
}
.p-name{
	font-size:clamp(1.1rem,2.2vw,1.5rem);
}

.p-lede{
  	font-size:1.15rem; line-height:1.4; margin:0 0 17px; padding-left:20px;
}
.p-lede::before{
	top:2.5px; bottom:2.5px; width:5px;
}
.a-list{
	gap:10px;
}
.a-row{
	border:1px solid var(--rule);
}
.a-head{
	gap:10px; padding:10px 17px;
}
.a-row.is-open .a-num{ 
	padding-right:10px; border-right:1px solid rgba(255,255,255,.70);
}
.a-num{
	font-size:.92rem; padding-right:10px; border-right:1px solid rgba(0,0,0,.70);
}
.a-title{
	font-size:.92rem;
}
.a-icon{
	width:17px; height:17px;
}
.a-icon::before{
	height:2px;
}
.a-icon::after{
	width:2px;
}
.p-text{
  	font-size:.88rem; line-height:1.70;  padding:17px 20px;
}

/*  Traceability Section  */
.trace-inner{
	max-width:95%; padding: 90px 70px;
}
.trace-head{
	max-width:95%; margin-bottom:75px;
}
.trace-ey{
	font-size:0.70rem;
}
.trace-h{
	font-size:3.4rem;
}
.trace-h em{
	font-size:3.4rem;
}
.trace-sub{
	font-size:0.9rem;
}
.trace-flow{
	grid-template-columns:repeat(3,1fr); gap:36px;
}
.tf-step::before{
	width:20px;
}
.tf-name{
	font-size:0.95rem;
}
.tf-desc{
	font-size:0.75rem;
}

/* Digital Traceability Ecosystem */
.dt-section{
	padding: 100px 0px;
}
.dt-section::before{
	background-size: 56px 56px;
}
.dt-inner{
	padding:0 80px;
}
.dt-head{
	max-width:760px; margin:0 auto 64px;
}
.dt-eyebrow{
	font-size:.8rem; margin-bottom:14px;
}
.dt-title{
	font-size:2.25rem; margin:0 0 14px;
}
.dt-sub{
	font-size:.90rem;
}
.dt-card{
	border:1px solid rgba(255,255,255,.12); padding:38px 30px 34px;
}
.dt-card::before{
	height:3px;
}
.dt-card-wide{ 
	grid-column: span 2; 
}
.dt-grid{
	grid-template-columns: repeat(3, 1fr); gap:25px;
}
.dt-icon{
	width:56px; height:56px; border-radius:4px; font-size:1.3rem; margin-bottom:24px;
}
.dt-card-title{
	font-size:.90rem; margin:0 0 24px; padding-bottom:16px;
}
.dt-card-title::after{
	width:62px; height:3px;
}
.dt-tags{
	row-gap:10px;
}
.dt-tags li{
	font-size:.80rem; padding-right:20px; margin-right:10px;
}
.dt-tags li:not(:last-child)::after{
	right:7px; width:4px; height:4px;
}


/* Roadmap Section */
.rm-head{
	margin-bottom:clamp(2rem,5vw,3rem);
}
.rm-h{
	font-size:clamp(2rem,7vw,4.1rem);
}
.rm-grid{
  	grid-template-columns:repeat(5,1fr);
}
.rm-yr{
  	font-size:clamp(2rem,5vw,2.9rem); margin-bottom:.55rem;
}
.rm-pill{
  	font-size:.68rem; margin-bottom:.55rem;
}
.rm-title{
	font-size:.82rem; margin-bottom:.28rem;
}
.rm-desc{
	font-size:.68rem;
}
.rm-inf{
  	font-size:clamp(2.4rem,7vw,3.7rem); margin-bottom:.4rem;
}


/* Closing Section */
.closing-h{
  	font-size:clamp(4rem,15vw,10.5rem);
}
.closing-sub{
  	font-size:.78rem; max-width:480px;
}

/*====================================================================================*/
/*=============== Corporate Social Responsibility Page Design ========================*/
	/*csr-overview section*/
	.overview-text p{
		font-size:1.10rem; line-height: 1.40; padding:15px 20px 15px 20px;
	}

	/*csr-writeup section*/
	.csr-writeup{
		padding:25px 15px 25px 15px; line-height: 1.6;
	}
	.csr-bg h1{
		font-size:2.10rem;
	}
	.csr-img{
		margin-left: 40px !important; max-width:55%;
	}
	.csr-writeup p{
		font-size:0.90rem; padding: 0px 0px 0px 0px;
	}
	.csr-writeup li{
		font-size:0.90rem; margin:-10px 0px 0px 50px
	}

/*===================================================================================*/
/*======================= Investor Relation Page Design =============================*/	
	
	/*Investor Relation - Desktop/Laptop Header Section*/
	.investor-header-ul {
		top:100px; padding: 5px 16px;
	}
	.investor-header-ul li {
		margin: .35em .65em; font-size: clamp(0.685rem, .70vw, 0.785rem);
	}
	.investor-header-ul a {
		padding: 0.3em 0;
	}
	.investor-header-ul a:before {
		height: 3px;
	}
	.investor-header-ul a:after {
		padding: 0.3em 0;
	}

	/*Investor Relation - Sub-Header Desktop/Laptop/Mobile Device Section*/
	.investor-subheader-ul li {
		padding:5px 30px; margin: .35em .65em; font-size:.685rem;
	}
	.investor-subheader-ul a {
		padding: 0.25em 0;
	}
	.investor-subheader-ul a:before {
		height: 3px;
	}
	.investor-subheader-ul a:after {
		padding: 0.3em 0;
	}

	/* Investor Relation All Page Common*/
	.share-info-div{
		padding:10px; margin-top:150px!important;
  	}
	.share-cominfo-div{
	   padding:10px; margin-top:140px!important; 
   }
   .InvInfo-Box{
	   padding:0px 20px; margin-bottom:30px
   }
   .InvInfo-Box-Sub-Detail{
	   padding:10px 20px; margin-top:-30px; margin-bottom:5px
   }
   .inv-subpage-title{
	   margin-bottom:20px;
   }
   .inv-subpage-title-span{
	   padding:8px 25px; font-size: .85rem;
   }

   /* [1]General Information, [2]Price Sensitive Information, [3]Material Information, [4]Principle of Disclosure of MI & PSI, [5]Report and Financial Statement, [6] Investor-IPO, [7]Non Refunded IPO, [8] Dividend: Unclaimed Stock Dividend, [9] Dividend: Dividend Distribution Policy, [10] Zero Coupon Bond Page */
   .Inv-table th {
	   font-size: 1.0rem;
   }
   .Inv-table td {
	   font-size: .85rem;
   }
   .Inv-table .btn {
	   font-size: 0.85rem;
   }
   .grd-3{
	   min-width:25%; max-width:25%; padding: 5px 0px 5px 10px;
   }
   .grd-2{
	   min-width:33.33%; max-width:33.33%; padding: 5px 0px 5px 10px;
   }
   


	/*Investor Relation: Board Of Directors PAGE*/
	.board-item{
    	margin-bottom: 30px;
	}
	.board-card{
		gap: 25px; padding: 25px;
	}
	.board-photo{
		flex: 0 0 200px;
	}
	.board-photo img{
		width: 200px;  height: 290px;
	}
	.board-content{
		border-width:0px 0px 0px 10px; padding:15px;
	}
	.board-name{
		font-size: 1.25rem;
	}
	.board-role{
		font-size: 1.05rem; margin-top: 5px;
	}
	.board-represent{
		font-size: .85rem; margin-top: 5px; padding: 4px 10px;
	}
	.board-body{
		font-size: 1.0rem; line-height: 1.6;
	}
	

	/* Invertor Relation: Audit/Nomination & Remuneration Committee Page*/
	.committee_chairman{
		margin-top: 20px; margin-bottom: 50px;
	}
	.committee_chairman img{
		width: 195px; height: 250px; padding: 10px 6px 0px 6px;
	}
	.committee_chairman h2{
		margin-top: 10px; font-size: 1.10rem;
	}
	.committee_chairman p{
		font-size: 1.0rem;
	}

	.committee_members{
		grid-template-columns: repeat(2, 1fr); gap: 50px;
	}
	.committee_member img{
		width: 195px; height: 250px; padding: 10px 6px 0px 6px;
	}
	.committee_member h3{
		margin-top: 10px; font-size: 1.10rem;
	}
	.committee_member p{
		font-size: 1.0rem;
	}


   
   /* Investor Relation Share Holding Status (Only Graph Section)*/
	#chartContainer{
		height: 400px; margin-bottom:10px;
	}
   

	/* Investor Relation Contact Us*/
	.Contact-Us-Box{
		line-height:1.8; padding:15px 25px; margin-bottom:50px;
	}
	.Contact-Us-Box h2{
		font-size: 1.05rem; 
	}
	.Contact-Us-Box h4{
		font-size: .95rem;
	}
	.Contact-Us-Box label{
		font-size: 0.85rem;
	}

	/*=========================================================================================*/
	/*============================= Current News Page Design ==================================*/

	/* Featured post (latest article) */
	.News-Featured{
		margin-top:0px; margin-bottom:45px!important;  max-width: 90%; margin:0 auto;
	}
	.News-Featured-Media{
		flex:1 1 50%; height:auto;
	}
	.News-Featured-Media img{
		max-height:380px;
	}
	.News-Featured-Body{
		flex:1 1 50%; padding:30px;
	}
	.News-Tag{
		font-size:0.75rem; padding:5px 0px; margin-bottom:5px;
	}
	.News-Featured-Body h2{
		margin:0 0 12px 0; font-size:1.25rem;
	}
	.News-Date{
		font-size:0.85rem; margin-bottom:11px;
	}
	.News-Date i{
		margin-right:5px;
	}
	.News-Featured-Body p{
		font-size:.90rem;
	}

	/* Card grid (rest of the posts) */
	.News-Grid{
		grid-template-columns:repeat(2, 1fr); gap:45px; max-width: 90%; margin:0 auto;
	}
	.News-Card-Media{
		height:200px; flex:0 0 200px;
	}
	.News-Card-Body{
		padding:20px 22px 22px 22px; 
	}
	.News-Card-Body h3{
		font-size:1.05rem; margin:0 0 10px 0; 
	}
	.News-Card-Body .News-Date{
		margin-bottom:10px;
	}
	.News-Card-Body p{
		font-size:0.90rem; margin-bottom:15px;
	}

	/*  Pagination, pill style  */
	.News-Pagination-Wrap{
		margin-top:46px; margin-bottom:44px;
	}
	.News-Pagination-Mark{
		font-size:0.85rem; margin-bottom:14px;
	}
	.News-Pagination-Wrap .pagination a{
		font-size:0.9rem;  padding:8px 16px;  min-width:32px; min-height:32px; margin-right:8px; 
	}


	/*=========================================================================================*/
	/*============================= Current Details Page Design ===============================*/

	/* Main Section */
	.news-detail-section{ 
		padding: 130px 80px 65px;
	}
	.news-paper{
		padding: 22px 22px;
	}

	/* section divider */
	.section-divider{ 
		gap:10px; margin:24px 0;
	}
	.section-divider::before{ 
		width:10px; height:10px;
	}
	.section-divider.is-tight{ 
		margin:18px 0 22px;
	}

	/* shells */
	.news-hero-header{
		margin:0 0 24px !important;
	}
	.news-hero-heading{
		font-size:1.40rem;  margin:0 0 14px;
	}
	.publish-date-badge{
		font-size:.75rem; gap:2px;
	}
	.gallery-shell{
		margin:0 0 20px !important; padding:0px 22%
	}
	.gallery-row{ 
		flex-direction: column; gap:10px
	}
	.gallery-hero-wrap{
		width: 100%;
	}

	/* hero Image Section */
	.hero-counter-badge{
		bottom:14px; right:14px; padding:6px 13px; font-size:.70rem;
	}
	.hero-zoom-hint{
		bottom:14px; left:14px; padding:6px 11px; font-size:.60rem;
	}

	/*  prev/next arrows */
	.hero-nav-btn{
		width:44px; height:44px; border-radius:50%; font-size:1.05rem;
	}
	.hero-nav-prev{ 
		left:16px;
	}
	.hero-nav-next{ 
		right:16px; 
	}

	/* right stamps image */	
	.gallery-thumb-col{
		width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start;    gap: 6px;
	}
	.gallery-thumb-grid{
		width: 100%; grid-template-columns: repeat(6, 1fr); grid-template-rows: auto; gap: 8px;
	}
	.gallery-thumb-grid .gallery-thumb{
		width: 100% !important; /* scoped now — only fills the grid's own 1fr track */
	}
	.gallery-thumb-col{
		width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start;	gap: 8px;
	}
	.gallery-thumb-col .gallery-thumb{
		width: calc((100% - 16px) / 4) !important; flex: 0 0 auto;
	}
	.gallery-thumb-number{
		font-size:.60rem;  padding:2px 7px;
	}


	/* lightbox */
	.lightbox-media{
		max-width:80vw; max-height:75vh;
	}
	.lightbox-media img{
		min-width:80vw; max-width:80vw; max-height:75vh;
	}
	.lightbox-close-btn{
		top:12px; right:12px; width:38px; height:38px; font-size:1.25rem;
	}
	.lightbox-nav-btn{
		width:46px; height:46px; font-size:1.125rem;
	}
	.lightbox-nav-prev{ 
		left:12px;
	}
	.lightbox-nav-next{ 
		right:12px;
	}
	.lightbox-counter-badge{
		font-size:.70rem;  bottom:12px;  padding:5px 12px;
	}

	/* article body */
	.news-article-wrap{ 
		margin:30px auto 34px;
	}
	.news-article-wrap p{ 
		font-size:.95rem;
	}

	/* share button */
	.share-section h2{ 
		font-size:1.0rem; margin:0 0 12px;
	}
	.share-icon-list{ 
		gap:12px;
	}
	.share-icon-link{
		font-size:1rem; width:42px; height:42px;
	}


	/* related news */
	.related-articles-section{ 
		margin-top:70px;
	}
	.related-articles-header{ 
		gap:14px; margin-bottom:4px;
	}
	.related-articles-header h2{ 
		font-size:1.20rem; margin:0; 
	}
	.related-articles-header span{ 
		font-size:0.66rem;
	}
	.related-articles-list{ 
		grid-template-columns:repeat(1, 1fr); gap:16px; margin-top:14px;
	}
	.related-article-media{ 
		flex:0 0 180px; width:180px;
	}
	.related-article-content{ 
		flex-direction:column; padding:15px 20px; gap:6px;
	}
	.related-article-content h3{
		font-size:.95rem;
	}
	.related-article-excerpt{
		font-size:.86rem;
	}
	.related-article-date{
		gap:6px; margin-top:2px; font-size:.74rem;
	}
	.related-article-date::before{ 
		width:9px; height:9px;
	}


	/*=========================================================================================*/
	/*================================ Training Page Design ===================================*/

	/* Intro Part */
	.Training-Intro{
		outline: 2px dashed #ffffff33; outline-offset: -10px; padding:35px 36px; margin:0 0 24px 0;
	}
	.Training-Intro-Quote{
		font-size:1.05rem;
	}
	.Training-Intro-Quote i{
		font-size:.85rem; margin:0 6px;
	}
	.Training-Intro-Author{
		margin-top:8px; font-size:.75rem;
	}

	/* Search panel */
	.Training-Search-Panel{
		margin:0 0 16px 0; padding:10px 0px;
	}
	.Training-Search-Select-Wrap{
		min-width:300px;
	}

	/* Training Native */
	.Training-Native-Select{
		padding:11px 42px 11px 16px; font-size:.90rem;
	}
	.Training-Custom-Trigger{
		padding:12px 16px; font-size:.90rem;
	}
	.Training-Custom-Trigger-Arrow{
		font-size:.75rem;
	}
	.Training-Custom-Options{
		max-height:260px; padding:5px;
	}

	/* Flips upward automatically */
	.Training-Custom-Options::-webkit-scrollbar{
		width:8px;
	}
	.Training-Custom-Option{
		gap:8px; padding:10px 12px; font-size:.90rem
	}
	.Training-Custom-Option .fa-check{
		width:12px; font-size:.75rem; 
	}

	/* Reset button */
	.Training-Reset-Btn{
		gap:8px; padding:12px 16px; font-size:.90rem;
	}
	.Training-Reset-Btn i{
		font-size:.90rem;
	}

	/* Training Count */
	.Training-Count{
		font-size:.90rem; margin:0 0 35px 0;
	}
	.Training-Empty{
		padding:30px 0;
	}
	.News-Card-Type{
		font-size:.82rem; margin-bottom:4px;
	}
	.News-Card-Type i{
		margin-right:6px;
	}

	/*====================================================================================*/
	/*========================= Training Details Page Design =============================*/

	.training-subcategory-badge{
		gap:6px; padding:5px 0px; margin:0 0 10px 0;  font-size:.75rem;
	}
	.training-subcategory-badge i{
		font-size:.75rem;
	}
	/* You May Also Read */
	.training-subcategory-badge--sm{
		padding:3px 0px; margin:0 0 6px 0; font-size:.68rem;
	}
	.training-subcategory-badge--sm i{
		font-size:.68rem;
	}

	/*====================================================================================*/
	/*=========================== News letter Page Design =================================*/
	
	/* newsletter hero section */
	.archive-hero{
		padding: 130px 80px 65px; 
	}
	.archive-hero .eyebrow{
    	gap:8px; font-size:0.85rem; letter-spacing:0.18em; margin-bottom:18px;
	}
	.archive-hero .eyebrow::before{
		width:24px; height:1px;
	}
	.archive-hero h1{
		font-size:6.50rem; margin:0 0 30px;
	}
	.archive-hero p{
		font-size:0.95rem; max-width:800px;
	}	


	/* archive shelf section */

	.archive-shelf{
		padding: 40px 80px 120px; text-align: center;
	}
	.shelf-grid{
		grid-template-columns: repeat(3, 1fr); gap: 50px 30px; max-width:950px; margin: 0 auto;
	}
	.ring-stamp{
		bottom:10px; right:10px; width:38px; height:38px;
	}
	.issue-meta{
		gap:10px; margin-top:14px;
	}
	.issue-meta .when{
		font-size:1.20rem;
	}
	.issue-meta .when span{ 
		font-size:0.95rem; margin-left:6px;
	}
	.issue-meta .pillar-tag{
		font-size:.70rem; padding:4px 8px;
	}
	.issue-title{
		margin:6px 0 0; font-size:1.10rem;
	}


	/* Light Box of News Letter */
	.nl-lightbox-panel{
		max-width:92%; height:90vh;
	}
	.nl-lightbox-header{
		gap:14px; padding:14px 48px 14px 20px;
	}
	.nl-lightbox-header h2{
		font-size:1.15rem;
	}
	.nl-lightbox-header h2 .lb-when{
		font-size:.78rem; margin-left:8px;
	}
	.nl-lightbox-controls{
		gap:6px;
	}
	.lb-icon-btn{
		width:30px; height:30px; font-size:.88rem;
	}
	.lb-pdf-link{
		font-size:.75rem; padding:6px 10px;
	}
	.nl-lightbox-close{
		font-size:1rem;
	}
	


	/*==================================================================================*/
	/*========================== Career Page Design ===================================*/

	.cr-seam{
		height:14px;
	}
	/* Career Hero */
	.cr-hero{
		min-height:84vh; margin-top: 100px;
	}
	.cr-hero-content{
		padding:0 20px;
	}
	.cr-hero-heading{
		font-size:3.0rem; margin:0 0 18px;
	}
	.cr-hero-subtext{
		font-size:0.90rem; max-width:620px;
	}

	/*  Layout base */
	.cr-main,
	.cr-why,
	.cr-divisions{		
		padding:80px 0;
	}
	.cr-container{		
		max-width:100%; padding:0 80px;
	}
	.cr-panel-eyebrow{
		font-size: .85rem;
	}
	.cr-panel-heading{
		font-size:1.5rem; margin:0 0 16px;
	}
	.cr-section-heading{
		font-size:1.85rem; margin:0 0 38px;
	}
	
	/* Opportunities: CV & Openings */
	.cr-opportunities{
		grid-template-columns: repeat(1, 1fr); 
	}
	.cr-cv-panel{
		padding:50px 50px 50px 0; border-right:none;  border-bottom:1px solid var(--cr-line);
	}
	.cr-openings-panel{
		padding:50px 50px 50px 0; border-top:1px solid var(--cr-line); margin-top:50px;
	}
	.cr-panel-text{
		font-size:.90rem; max-width:640px;  margin:0 0 30px;
	}

	/* Hang-tag email element */
	.cr-tag{
		gap:14px; padding:18px 28px 18px 34px; font-size:1.0rem;
	}
	.cr-tag-hole{
		width:12px;	height:12px; top:-9px; left:20px;
	}
	.cr-tag i{
		font-size:1.0rem;
	}
	.cr-panel-hint{
		font-size:.75rem; margin:16px 0 0;
	}

	/* Openings list (Pending) */
	.cr-openings-empty{
		padding:20px 0 0;
	}
	.cr-openings-empty i{
		font-size:1.5rem; margin-bottom:14px;
	}
	.cr-openings-empty-title{
		font-size:1rem; margin:0 0 8px; 
	}
	.cr-openings-empty-text{
		font-size:0.90rem; max-width:640px;
	}
	.cr-opening-link{
		gap:20px; padding:24px 4px;
	}
	.cr-opening-link:hover{
		padding-left:14px;
	}
	.cr-opening-main h3{
		font-size:1rem; margin:0 0 8px;
	}
	.cr-opening-meta{
		font-size:.80rem; gap:8px;
	}
	.cr-opening-cta{
		font-size:.75rem; letter-spacing:1px;
	}

	/* Why Choose */
	.cr-perks-grid{
		grid-template-columns:repeat(2,1fr); gap:25px; padding:0px 125px;
	}
	.cr-perk-card{
		padding:36px 20px;
	}
	.cr-perk-card i{
		font-size:1.35rem; margin-bottom:16px; 
	}
	.cr-perk-card h3{
		font-size:1.0rem; margin:0 0 10px;
	}
	.cr-perk-card p{
		font-size:.90rem;
	}

	/* Where You Could Work */
	.cr-divisions-subtext{
		font-size:.82rem; max-width:660px; margin:0 auto 40px;
	}
	.cr-division-chips{
		gap:10px; 
	}
	.cr-chip{
		font-size:.76rem; gap:8px; min-width:196px;
	}
	.cr-chip i{
		font-size:.72rem;
	}

	/* Email Options Modal */
	.cr-modal-box{
		padding:34px 30px 28px; max-width:400px;
	}
	.cr-modal-close{
		top:16px; right:16px; font-size:1rem;
	}
	.cr-modal-title{
		font-size:1.30rem; margin:0 0 8px;
	}
	.cr-modal-text{
		font-size:.88rem; margin:0 0 22px;
	}
	.cr-modal-options{
		gap:10px;
	}
	.cr-modal-option{
		gap:12px; font-size:.88rem;
	}
	.cr-modal-option i{
		width:18px;  font-size:.90rem;
	}
	.cr-modal-footnote{
		font-size:.75rem; margin:16px 0 0;
	}


	/*====================================================================================*/
	/*=================== Contact Us Envoy Textiles Page Design ==========================*/
	
	.contact-us-hero{
		padding:310px 24px 120px; 
	}
	.contact-wrap{
		padding:50px 10px 95px; grid-template-columns:1fr; gap:30px;
	}
	#contactForm{
		padding:30px 10px;
	}
	.contact-hero-title{
		font-size:4.0rem;
	}
	.contact-label-row{
		margin-bottom:22px;
	}
	.contact-label-title{ 
		font-size:1.30rem; 
	}
	.contact-field{
		margin-bottom:30px;
	}
	.contact-field input,
	.contact-field textarea{
		font-size:.90rem; padding:16px 6px 8px;
	}
	.contact-field textarea{
		min-height:140px;
	}
	.contact-field label{ 
		font-size:.90rem; 
	}
	.contact-field input:focus ~ label,
	.contact-field textarea:focus ~ label,
	.contact-field input:not(:placeholder-shown) ~ label,
	.contact-field textarea:not(:placeholder-shown) ~ label{ 
		top:-14px; font-size:.90rem; 
	}
	.contact-field-bar{
		height:2px;
	}
	.contact-field-err{ 
		font-size:.90rem; 
	}
	.contact-captcha-sum{ 
		font-size:.90rem; 
	}
	.contact-captcha input{ 
		font-size:.90rem; width:60px; 
	}
	.contact-captcha-tag{ 
		font-size:.80rem; 
	}
	.contact-captcha-err{ 
		font-size:.90rem; 
	}
	.contact-submit-btn{ 
		font-size:.90rem; padding:15px 25px; margin-top:16px;
	}
	.contact-form-status{ 
		font-size:0.95rem; 
	}
	.contact-office-grid{
		gap:11px; grid-template-columns: repeat(3, 1fr);
	}
	.contact-office.contact-office-factory{
		grid-column:0;
	}
	.contact-office{
		padding:24px 18px 20px;
	}
	.contact-office-tag{ 
		font-size:.95rem;  letter-spacing:.11em;
	}
	.contact-office-address{ 
		font-size:.85rem; 
	}
	.contact-office-actions button,
	.contact-office-actions a{ 
		font-size:.75rem; padding:6px 14px;
	}
	.contact-office-actions svg{
		width:12px; height:12px;
	}
	

}


@media screen and (max-width: 993px) {
	#quick_links{
		max-width:50%
	}
	/*==========================================================================*/
	/*===================== Index/Home Page Design =============================*/
	/* Video Section */
	#videosWrapper{max-height:100vh;}
	.framehide{min-height: 100vh;}
	.videoCss{height: 100vh;}
	.next, .prev {transform: scale(1.0);opacity: 1;}
	.item {display: block !important;}
	.next01, .prev01 {transform: scale(1.0);opacity: 1;}
	.item01 {display: block !important;}
		
	/*===================== Award Accreditation Page Design =============================*/
	.other-certificate{width:100%}	
	.scroll-down {display:none}
	.news-desktop-img{ display:none;}

	/*===================== Board Of Directors Page Design =============================*/
	.board-card{flex-direction: column; text-align: center;}
	.board-photo{margin: auto;}	
	.board-content{border-width:0px 0px 0px 0px; padding:0px;}
	.board-body{text-align: justify;}
}


@media only screen and (min-width: 993px) {
	/*========================================================================================*/
	/*============================== Index/Home Page Design ==================================*/

	/* Video Section */
	#videosWrapper{
		max-height:100vh; max-height:100svh; max-height:100dvh;
	}
	.framehide{
		min-height: 100vh; min-height: 100svh; min-height: 100svh;
	}
	.videoCss{
		height: 100vh;
	}

	/* Features Section */
	.text-grid{
		display: flex; flex-direction: column; justify-content: center; 
	}
	.modal-mobile-img{
		display:none
	}
	#Handhold-Img{
		display:none
	}
	#Web-Exe{
		padding-left:30px; padding-right:30px; margin-bottom:50px
	}
	#Web-Exe-Pic{
		display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;
	}
	
		
		
	/*=========================== Award Accreditation Page Design ==============================*/
	.carousel{
		margin-top:0px
	}
	.carousel-item {
		max-height: 100vh;
	}
	#mob-cer-show{
		display: none;
	}

	/*================================= CLients Page Design ====================================*/
	.overview-map{
		min-height:100vh;
	}
	.map-main{
		position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);	
	}

	/*================================= About Us Page Design ===================================*/
	.Web-Bg-Abt-Img-Lft-35{
		max-width:35%; float:left; margin:0px 50px 10px 10px; /*Top Right Bottom Left*/
	}
	.Web-Bg-Abt-Img-Rht-35{
		max-width:35%; float:Right; margin:0px 10px 10px 50px;
	}
	.Web-Bg-Abt-Img-Lft-25{
		max-width:48%; display: inline-block; margin: 0% 0% 0% 2%;
	}
	.Web-Bg-Abt-Img-Rht-25{
		max-width:48%; display: inline-block; margin: 0% 0% 0% 2%;
	}

	/*========================== Investor Relation Page Design =================================*/
	.investor-header{
		display:block;
	}
	.investor-header-mob{
		display:none;
	}
	.Inv-table span{
		Padding:2px 0px 2px 40px
	}

	/*Investor Relation: BOD Page*/
	#Inv-Exe{
		padding-top:1.25%; padding-left:30px; padding-right:30px; margin-bottom:50px;
	}	
	.news-mobile-img{ 
		display:none;
	}

}


@media only screen and (min-width:768px) and (max-width: 993px) {
	/*==========================================================================*/
	/*====================== General Declaration ===============================*/
	.css-button-arrow--yellow:hover:after {
		right: 10px;
	}
	.css-button-arrow--yellow:after {
		font-size: 20px; top: -3px; right: -20px; 
	}
	.clear {
		min-height: 110px; margin:0px 0px;
	}
	.clear-hall {
		min-height: 110px; margin:0px 0px;
	}
	.clear-sm {
		min-height: 20px; margin:10px 0px; 
	}
	.clear-video {
		min-height: 110px; margin-top:75vh;
	}
	#popup-msg{
		margin-bottom:15px; font-size:0.95rem;
	}
	/*==========================================================================*/
	/*===================== Navigation Bar Design ==============================*/
	.navbar-fixed-top{
		max-height:100px; padding: 10px 0px;
	}
	.header-actions{
		gap:10px;
	}
	.menu{
		font-size:1.3rem;
	}			
	.company-text {
		margin-left:80px; font-size:1.8rem;
	}
	.company-logo {
		max-height:50px! important;  margin-left:10px;
	}		
	#sidebarCollapse {
		width: 55px; height: 50px; border-radius: 1px; margin-right:20px; 
	}
	.account-btn{
		width: 55px; height: 50px; border-radius: 1px; font-size: 1.10rem;
	}
	
	/*Modal Design*/
	.close{
		font-size:2.2rem; margin-top:20px; margin-right:20px;
	}
	
	/*==========================================================================*/
	/*====================== Side Bar Menu Design ==============================*/
	.offcanvas{
		min-width:44%; max-width:44%; width:44%;
	}
	.go-green-panel {
    	right: 44%; width: 17.6%; 
	}
	.gogreen-text {
		font-size: clamp(2.50rem, 5.35vw, 3.50rem); 
	}
	.gogreen-slg {
		top: 20px; left: 6px; font-size: 0.70rem;
	}
	.offcanvas-header{
		font-size:1.45rem;
	}
	.close-btn{
		margin-right:4px!important; margin-top:0px!important;
	}
	.close-btn b{
		padding: 0px 10px 0px!important;
	}
	.sidebar ul li {
		font-size:1rem;
	}
	.sidebar .submenu li {
		font-size: .90rem;
	}
	.sidebar .nav-link{
		padding-top: 8px; padding-bottom: 8px;
	}
	.sidebar .nav-link:hover {
		padding-left: 25px;
	}
	.menu-caret{
		margin-left:-5px!important
	}
	.submenu li:hover .menu-caret{
		margin-left:0px!important; transition:all 1s ease;
	}

	
	/*==========================================================================*/
	/*====================== Fabric Library Menu Design ==============================*/
	.account-caret{
		margin-left:5px;
	}
	.account-dropdown{
		width:340px; padding:20px;
	}
	.account-dropdown-guest{
		width:220px;
	}
	.account-dropdown::after{
		top:-6px; right:18px; width:12px; height:12px;
	}	

	/* Only trigger ever open */
	.account-dropdown-name{
		margin:0 0 6px; font-size:1.08rem;
	}
	.account-dropdown-divider{
		height:1px; margin:14px 0;
	}
	.account-dropdown-label{ /* Just Saying Account */
		font-size:.75rem; margin-bottom:8px;
	}
	.account-dropdown-link{
		font-size:1.0rem; gap:10px; padding:9px 0;
	}
	.account-dropdown-link i{
		width:16px;
	}
	
	/*==========================================================================*/
	/*======================= Footer Style Design ==============================*/
	#footer_row{
		padding: 10px 60px 0px 60px;
	}
	.footer b{
		font-size:1.0rem; 
	}
	.footer p{
	 font-size:.835rem;
	}
	.footer span{
		font-size:.835rem;
	}
	.company-footer{
		padding-top: 50px; padding-bottom: 20px; 
	}
	.left-part{
		display:inline-block; text-align:left; 
	}
	.left-part label{
		font-size:7.0rem;
	}
	.right-part{
		display:inline-block; text-align:right; 
	}
	.right-part label{
		font-size:7.0rem;
	}
	#footer_social {
		width:100%; padding: 1% 2% 5%
	}
	#footer_right {
		width:100%;  padding: 10% 2% 1%
	}
	#footer_bottom{
		text-align:center
	}
	#address_01 {
		margin-left:.5%; width:49%;
	}
	#address_02 {
		margin-left:.5%; width:49%;
	}
	#address_01 p, #address_02 p{
		min-height:110px;
	}
	
	/*-- Footer Social Media --*/
	#social-platforms {
		font-size:.85rem; text-align:center; 
	}
	.btn {
		min-width:30px;
	}
	.btn > span,.btn-icon > i {
		padding:11px;
	}
	.btn > span {
		padding:11px 10px 11px; font-size:.70rem
	}
	.btn-icon > i {
		font-size:1.80em;  min-width:35px; max-width:60px
	}
	.btn-icon > i:after {
		display:none
	}
	
	
	/*==========================================================================*/
	/*===================== Index/Home Page Design =============================*/
	/*-- Index Page Media --*/
	#company-title-ws{
		font-size:3.1rem;
	}
	#leed-title-ws{
		font-size:1.5rem; margin: 14px auto;
	}
	#leed-logo-ws{
		max-width:135px; display:block; margin: 12px auto;
	}
	.close-btn-wlk {
		padding: 7px 25px; font-size: .95rem; bottom:60px;
	}

	/* hero-overlay section */
	.home-hero-taglines{
		gap:6px; padding:22px 22px;
	}
	.home-hero-taglines::after{
		width:120px; height:120px; border:2px solid #99bb00;  border-left:none; border-top:none;
	}
	.home-hero-taglines::after{ 
		bottom:-10px; right:-10px;
	}
	.hero-label{
		font-size:clamp(1.4rem, 3.0vw, 3.0rem);
	}
	.hero-label em{
		font-size:clamp(1.6rem, 2.2vw, 2.8rem);
	}
	.hero-word{
		font-size:clamp(1.8rem, 3.6vw, 2.8rem);
	}

	/* Scroll Indicator */
	.scroll-indicator{
		bottom:32px;
	}
	.scroll-indicator-line{
		width:3px; height:46px;
	}
	/* Replay Button */
	.video-replay-btn{
		width:60px; height:60px; bottom:40px; left: 50px;
	}
	.video-replay-btn svg{
		width:30px; height:30px; margin-left:4px;
	}

	/* Between Bridge Section */
	.home-bridge {
		padding: 90px 24px 90px;
	}
	.home-bridge-inner {
		max-width: 720px;
	}
	.home-bridge-eyebrow {
		gap: 12px; margin: 0 0 22px; font-size: .78rem;
	}
	.home-bridge-rule {
		width: 64px; height: 3px;  margin: 0 auto 28px;
	}
	.home-bridge-heading {
		max-width: 720px; margin: 0 auto 14px; margin: 0 0 14px; font-size: 2.60rem;
	}
	.home-bridge-reg {
		font-size: 1.25rem; margin-left: 1.5px;
	}
	.home-bridge-year-inline {
		margin-top: 8px; font-size: 2.30rem;
	}
	.home-bridge-caption {
		max-width: 620px; margin: 34px auto 34px; font-size: 1.65rem; 
	}
	.home-bridge-sub {
		max-width: 660px; font-size: .95rem;
	}

	
	/* Index, Home : Sustainability Section */
	#HomePageSection1{
		height:100vh;
	}
	.card-green { /* Drop */
		top: 0%; right: 10%;
	}
	.card-blue { /* Weave */
		top: 3%; left: 10%;
	}
	.card-red { /* Lesser */
		bottom: 4%; right: 10%;
	}
	.card-pink { /* Climate */
		bottom: 1%; left: 10%;
	}
	.card-img {
		width: 100%; max-width: 195px; /* 260px */
	}
	.card-tag{
		font-size:.68rem; padding: 10px 10px 0;
	}
	.card-text {
		top:22px; left:38px; right:10px; margin-top: 5px; font-size: .90rem;
	}
	.card-punch{
		padding:17px;
	}
	.card-punch p{
		font-size:.88rem;
	}

	/* Index, Home : Featured Collection */
	#featured-collection{
		padding: 30px 50px 30px 50px;
	}
	#featured-collection .Feature-Head {
		margin-left: -40px!important;
	}
	#collection-cards{
		grid-template-columns:repeat(3, 208px); gap:25px 20px;
	}
	.product-card {
		width:100%; min-width: 208px; max-width:208px;
	}
	.image-wrapper {
  		height: 270px;
	}
	.product-info {
 		padding: 12px 10px;
	}
	.product-title {
 		font-size: 1.0rem; font-weight: 800; margin-bottom: 6px; letter-spacing: 0.5px; 
	}
	.product-sub {
		font-size: .80rem; font-weight: 400; padding: 5px 8px; margin: 3px 3px;
	}
	.tooltip-card::after {
		font-size:.80rem; 
	}
	.modal-xl { /* Modal of Product*/
        max-width: 1140px; width: 90%;
    }
	.img-grid{
		display: none;
	}	
	.text-grid{
		padding-left: 25px; padding-right:25px ; max-width: 100%;  width: 100%; 
	}	
	.modal-mobile-img{
		min-width: 105px; max-width: 105px; float: left; display: block; margin: 50px 20px 0px 0px;
	}
	.text-grid h4{
		font-size: 1.65rem; margin-top: 50px;
	}
	.text-grid i{
		font-size: .85rem;
	}
	.text-grid p{
		font-size: .90rem; margin-bottom:30px; line-height: 1.50;
	}
	/* Index, Home : Marketing Text Section*/
	.envoy-story{
		padding:90px 0px;
	}
	.story-line-container{
		min-width:450px;
	}
	.story-line{
		font-size: clamp(.95rem, 2vw, 1.20rem); margin-bottom:.55rem;
	}
	.story-line strong{
		font-size: clamp(1.20rem, 2vw, 1.45rem);
	}
	.envoy-title{
		font-size: clamp(2.20rem, 2vw, 2.45rem); margin-top:50px;
	}
	.envoy-title small{
		font-size: clamp(1.20rem, 2vw, 1.45rem);
	}

	
	
	/*Home Overview Section*/
	#HomeOverview{
		margin-top:70px; padding-left:220px; padding-right:220px;
	}
	#Overview-Option{
		min-width:100%; display:inline-block; margin-bottom:40px
	}
	.ov-title {
		font-size: 1.35rem; margin-left:25px;
	}
	.ov-click{
		font-size: .85rem; padding:5px 10px; opacity:1; background:#5cd65c; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomright: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px;
	}
	
	/* [1]Home: About Information, [2]Home: About Us Page, [3]CSR Page, */
	#WebView{
		padding-left:65px; padding-right:65px;
	}
	.Web-Main{
		margin-top:10px;
	}
	#Web-Text{
		padding:10px 0px;
	}
	#Web-Text-V2{
		padding:10px 0px;
	}
	#Web-Text-V2{
		padding:10px 0px;
	}
	.Web-Text-Div{
		padding:0px 0px;
	}
	#Web-Text h1{
		font-size:2.0rem; letter-spacing: 1px; border-width:3px; padding:48px 25px;
	}
	#Web-Text h1::after {
    	top: 8px; left: 8px; right: 8px; bottom: 8px; border: 3px dashed rgba(184, 184, 184, 1);
	}
	#Web-Text-V2 h1{
		font-size:1.80rem; letter-spacing: 1px; border-width:2px; padding:15px 60px;
	}
	#Web-Text-V2 h1::before{
		width:50px; height:2px;
	}
	#Web-Text-V2 h1::after{
		width:50px; height:2px; 
	}
	#Web-Text-V3 h1{
		font-size:1.80rem; letter-spacing: 1px; border-width:2px; padding:10px 0px; margin-top:90px;  transform: rotate(-35deg);
	}
	.writeup-section{
		padding: 5px 15px;
	}
	#writeup-section p{
		font-size:1.0rem; line-height: 1.60;
	}	
	.reg-sign{
		font-size:.70rem;
	}	
	#writeup-section-V2 p{
		font-size:1.0rem; line-height: 1.50;
	}	
	#writeup-section-V3 p{
		font-size:1.0rem;  line-height: 1.50;
	}
	.abt_title_01{
		font-size:clamp(2.40rem, 1.0vw, 3.40rem); margin-bottom:30px;
	}
	.abt_title_02{
		font-size:clamp(2.10rem, 1.0vw, 2.60rem); margin-bottom:20px;
	}
	.abt_prg{
		font-size:1.0rem;  line-height: 1.50;
	}

	/* Image and Text Section */
	.text-section-left,
	.text-section-right {
		padding: 25px 25px;  width:100%
	}
	.text-section-left {
		transform: translateY(30px);
	}
	.text-section-right {
		transform: translateY(-30px);
	}
	.image-section-center {
		width:100%
	}
	.leed-image {
    	min-width:28vw; max-width: 28vw; padding: 25px 0px;
	}

	/* [1] Index, Home: Recycle Section*/
	.recycle-section{
		padding: 90px 0;
	}
	.top-logo img {
		max-height: 120px; margin-bottom:1.4rem;
	}
	.recycle-icon img {
		max-height: 330px !important; margin-bottom:1.4rem;
	}
	.bottom-text {
		font-size: 1.4rem;
	}
	
	/* [1] Home: Client Section*/
	.Web-Clients{
		min-width: 70vw; max-width: 70vw; margin-top: -20px;
	}
	.scroll-row-cover{
		height: 20px; margin-top: -20px;
	}
	.items img{
		min-height: 20px; max-height:20px;
	}
	.clients{
		max-width:10.0%; padding:0px;
	}
	.btn-client{
		box-shadow:rgba(0,0,0,.02) 0 1px 3px, rgba(27,31,35,.15) 0 0 0 1px; padding: 3px 5px; margin:0px 5px;
	}
	.btn-client:hover::before{
		border-radius:5px; 
	}
	.btn-client img{
		max-height:86px;
	}
	.scroll-row-client-cover{
		height: 92px; margin-top: -92px;
	}	
	.view-page a{
		padding: 10px 0px; font-size: 1.0rem;
	}
	
	
	/*Home Our Culture Information*/
	#Web-Culture{
	width:100%; margin-top:1%; margin-bottom:1%; padding:20px; min-height:180px;  
	}
	#Web-Culture h3{
		font-size: 1.40rem; margin-bottom:10px; 
	}
	#Web-Culture p{
		font-size:1.0rem;
	}
	
	/*===============================================================================*/
	/*===================== General For All Page Design =============================*/
	.Web-Page-Title{
		margin-top:71.5px;
	}
	.Web-Page-Title h1{
		font-size:1.0rem; margin:5px 15px
	}
	.Web-Page-Title-Spcial{
		margin-top:71.5px;
	}
	.Web-Page-Title-Spcial h1{
		font-size:1.0rem; margin:5px 15px
	}
	#WebView-Other{
		padding-left:65px; padding-right:65px; margin-top:120px;
	}
	#WebView-Leed{
		padding-left:65px; padding-right:65px; margin-top:100px;
	}
	
	
	/*=============================================================================*/
	/*===================== Vision Values Page Design =============================*/
	
	/*Vision Values Page Information*/
	#Web-Vision{
		padding:0px 80px; display:grid; grid-template-columns: repeat(1,1fr); gap:25px; 
	}
	#Vision-Header h1{
		font-size:4.4rem;
	}
	#Vision-Text p,li{
		font-size:.95rem
	}
	#readMoreBtn{
		font-size: 1rem;
	}
	
	/*===================================================================================*/
	/*===================== Award Accreditation Page Design =============================*/	

	/* AWARD ACCREDITATION PAGE - IMAGE CAROUSEL */
	.aw-slider {
		height: 56vh;
	}
	.aw-slide-info {
		padding: 40px 50px;
	}
	.aw-slide-info h5 {
		font-size: clamp(1.2rem, 2.0vw, 1.80rem); line-height: 1.0;
	}
	.aw-progress {
		height: 3px;
	}
	.aw-nav {
		width: 50px; height: 50px;  font-size: 1.4rem;
	}
	.aw-dots {
		bottom: 1.2rem;	right: 5vw;
	}
	.aw-dot {
		width: 6px; height: 6px; border-radius: 3px;
	}
	.aw-counter {
		bottom: 2.2rem; right: 5vw; font-size: .70rem;
	}
	.aw-counter strong {
		font-size: 1.15rem;
	}
	
	/*Award Accreditation Hall of Fame Section*/
	.addPadding{
		padding-top:80px!important;
	}
	.Hall-Fame-Total{
		padding: 0 10px;
	}
	.Hall-Fame-Total-Num{
		font-size: 3.5rem;
	}
	.Hall-Fame-Total-Label{
		font-size: .90rem; margin-top: 5px; 
	}
	.award-wrapper{
		padding: 50px 10px 10px 10px;
	}
	.Award-Box{
		padding:25px 25px 25px 25px; margin-bottom:50px
	}
	.fa-ul h2{
		font-size: 1.2rem; line-height:1.5; margin-bottom: 10px;
	}
	.Award-Category{
		font-size: 1.0rem; line-height: 1.5; margin-bottom: 10px;
	}	
	.Award-Year {
    	width: 31%; border-radius: 5px; border-width: 1px; margin: 6px 1%;
	}
	.Award-Year label {
		padding: 5px 10px; font-size: 1.0rem;
	}
	.Award-Blockquote{
		font-size:.90rem; padding:10px 10px 10px 10px; margin:15px 0px 0px 0px;
	}
	
	/*Award Accreditation Certification Section*/
	.Cert-Title{
		padding:0 0 16px;  font-size:2.0rem;
	}
	.Cert-Title::after{
		width:56px; height:4px;
	}
	#Web-Certificate{
		padding:30px 5px 30px;
	}
	.cert-logo-grid{
		grid-template-columns: repeat(3, 1fr); gap: 22px; padding: 30px 10px 30px;
	}
	.cert-logo-card{
		padding: 20px;
	}		
	.cert-logo-card::before{
		top: 6px; left: 10px; width: 50%; border-top: 2px dashed rgba(10,10,10,0.32);
	}
	.cert-logo-card::after{
		bottom: 6px; right: 10px; width: 50%; border-bottom: 2px dashed rgba(10,10,10,0.32);
	}
	.no-cert-popup{
		font-size:.72rem; padding:6px 12px;
	}

	/* Light Box for Certificate/Accreditation */
	#lightbox{
		padding: 30px 0; 
	}
	.lb-container{
		padding: 30px 30px;
	}
	
	/* Top toolbar */
	.lb-toolbar{
		top:10px; right:10px; gap:8px;
	}
	.lb-toolbar-btn{
		font-size:.90rem; width:34px; height:34px;
	}
	
	/* Additional Certificate Text Format */
	#Web-Certificate-text{
		margin:20px 0px; padding:30px 20px!important; 
	}
	#Web-Certificate-text h4{
		font-size:1.10rem; margin-top:20px; padding-left:20px
	}
	.fa-ul-cr li{
		font-size:.90rem
	}

	/*==========================================================================*/
	/*========================= Client Page Design =============================*/
	.Web-Clients-Cp{
		margin-top: 15px;
	}
	.Web-Clients-Cp h4{
		font-size: 1.80rem;
	}
	.clients-cp{
		max-width:25%; padding:15px;
	}
	.btn-client-cp{
		border-radius:1px; padding: 10px 15px;
	}
	.btn-client-cp:hover::before{
		border-radius:5px; 
	}

	/* Map Section */
	.map-main{
		padding:0% 6%;
	}
	
	/*=============================================================================*/
	/*===================== Top Executive Page Design =============================*/
	/*Top Executive Page Information*/
	#Web-Exe{
		padding-left:20px; padding-right:20px; margin-top:10px; margin-bottom:50px;  text-align-last: center; 
	}	
	#Web-Exe-Pic{
		width:100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;  margin: auto;
	}
	#Web-Exe-Pic-BG{
		padding:25px 25px; max-width:190px;  max-height:210px
	}
	#Web-Exe-Pic-BG img{
		max-width:140px;
	}
	#Web-Exe-Details{
		width:100%
	}
	#Exe-Name{
		padding:3px 10px; font-size: 1.4rem;
	}
	#Exe-Designation{
	padding:5px 15px; font-size: 1.10rem; margin-bottom: 12px;
	}
	#Exe-Details{
		padding:0px 10px; font-size: 1.0rem;
	}	

	/*====================================================================================*/
	/*===================== About Envoy Textiles Page Design =============================*/

	.Web-Bg-Abt-Img-Lft-35{
		max-width:40%; float:left; margin:0px 15px;
	}
	.Web-Bg-Abt-Img-Rht-35{
		max-width:40%; float:Right; margin:0px 15px;
	}	
	.Web-Bg-Abt-Img-Lft-25{
		max-width:48%; display:inline-block; margin:15px 1%;
	}
	.Web-Bg-Abt-Img-Rht-25{
		max-width:48%; display:inline-block; margin:15px 1%;
	}

	
	
	/*Home Timeline Information*/
	#Web-Timeline{
		width: 100%;
	}	
	#Web-Timeline-Textarea-Left h1{
		font-size:2.4rem;  margin:10px 0px;
	}
	#Web-Timeline-Textarea-Left Ul{
		width:65%; padding:10px 0px 10px 30px; font-size:.9rem;
	}
	#Web-Timeline-Textarea-Left li{
		margin-bottom: 20px; padding:25px;
	}
	#Web-Timeline-Textarea-Right h1{
		font-size:2.4rem; margin:10px 0px;
	}
	#Web-Timeline-Textarea-Right Ul{
		width:65%; margin-left:35%; padding:10px 30px 10px 0px; font-size:.9rem;
	}
	#Web-Timeline-Textarea-Right li{
		margin-bottom: 20px; padding:25px; 
	}

	/*===================================================================================*/
	/*===================== Fabric Library : Before Login ===============================*/

	.FabricHero{
		height:calc(100vh - 115px);  margin:115px 0 0px 0;
	}
	@supports (height: 100dvh){
		.FabricHero{
			min-height:calc(100dvh - 115px);
		}
	}
	.FabricHero-Frame{
		padding:50px 60px 70px;
	}
	.FabricHero-Media-Frame{
		min-width:270px; max-width:280px
	}
	.FabricHero-Content{
		max-width:520px;
	}
	.FabricHero-Title{
		font-size:3.5rem;
	}
	.FabricHero-Title-Light::before{
		right:82%;  height:18vh;
	}
	.FabricHero-Title-Bold::before{
		right:65.4%;  height:20vh;
	}
	.FabricHero-Eyebrow{
		margin:18px 0 22px; font-size:.80rem;
	}
	.FabricHero-Text{
		font-size:.92rem;
	}
	.FabricHero-Text p{ 
		margin:0 0 14px 0; 
	}
	.FabricHero-ScrollCue{
		bottom:18px;  font-size:.70rem;
	}
	.FabricHero-ScrollCue-Icon{
		width:30px; height:30px; border:1.5px solid currentColor;
	}
	.FabricHero-ScrollCue-Icon i{ 
		font-size:.82rem;
	}

	/* Fabric Gallery */
	.FabricGallery{
		margin:0px 0 0px 0;
	}
	.FabricGallery-Grid{
		grid-template-columns:repeat(2, 1fr);
	}
	.FabricGallery-Caption{
		padding:34px 18px 16px;
	}
	.FabricGallery-Caption span{
		font-size:0.90rem;
	}
	

	/* Library Access Instruction */
	.FabricAccess{
		padding:100px 30px 80px;  margin:0 0 30px 0;
	}
	.FabricAccess::before{
		top:-120px; right:-120px; width:280px; height:280px;
	}
	.FabricAccess-Title{
		margin:0 0 10px 0; font-size:1.4rem;
	}
	.FabricAccess-Intro{
		margin:0 0 30px 0; font-size:.90rem;
	}
	.FabricAccess-Steps{
		margin:0 0 30px 0; flex-wrap:wrap; gap:10px 2%;
	}
	.FabricAccess-Step{
		padding:24px 18px 20px; flex:1 1 46%; max-width:46%; box-sizing:border-box; 
	}
	.FabricAccess-Step::before{
		left:14px; right:14px; height:3px; border-radius:0 0 3px 3px; 
	}
	.FabricAccess-Step-Icon{
		width:48px; height:48px; margin-bottom:16px; font-size:1.10rem;
	}
	.FabricAccess-Step-Icon em{
		width:20px; height:20px; font-size:.70rem;
	}
	.FabricAccess-Step p{
		font-size:.84rem;
	}
	.FabricAccess-Step-Arrow{
		display:none;
	}
	.FabricAccess-Actions{
		gap:12px; margin:0 0 26px 0;
	}
	.FabricAccess-Btn{
		gap:9px; padding:14px 28px;  font-size:.92rem; 
	}
	.FabricAccess-Btn i{ 
		font-size:.85rem; 
	}
	.FabricAccess-Disclaimer{
		padding-top:22px; font-size:.78rem; 
	}

	/*====================================================================================*/
	/*================================ Fabric Library:Modals  ============================*/
	.envoy-modal__dialog {
		max-width: 32rem; padding: 1.90rem 2rem 1.80rem;
	}
	.envoy-modal__close {
		top: 1rem; right: 1rem; width: 2rem; height: 2rem; font-size: 1.1rem;
	}
	.envoy-modal__icon {
		width: 3.0rem; height: 3.0rem;  margin: 0 auto 1.15rem;  font-size: 1.15rem; 
	}
	.envoy-modal__title {
		font-size: 1.0rem; color: #111827;
	}
	.envoy-modal__body {
		font-size: .90rem; margin: 0 0 1.75rem;
	}
	.envoy-modal__btn {
		font-size: 0.88rem; padding: 0.5rem 2.05rem;
	}

	/*==================================================================================*/
	/*===================== Fabric Library : Registration Page =========================*/
	.Registration-Section{
		margin-bottom:14px;
	}
	.Registration-Hero{
		padding:6px 12px 3px;
	}
	.Registration-Hero-Text{
		font-size:0.95rem;
	}
	.Registration-Wrap{
		gap:30px; margin:26px auto 0; max-width:867px; padding:0 12px 41px; flex-direction:column; 
	}
	.Registration-Card, .Registration-Info{
		flex:1 1 445px; padding:21px 21px 18px;
	}
	.Registration-Card{
		order:1;
	}
	.Registration-Info{
		order:2;
	}
	.Registration-Title{
		font-size:0.90rem; margin:0 0 15px; padding-bottom:9px;
	}
	.Registration-Row{
		gap:12px; margin-bottom:12px;
	}
	.Registration-Row .Registration-Group{
		min-width:100%;
	}
	.Registration-Label{
		font-size:0.78rem; margin-bottom:4px;
	}
	.Registration-InputWrap i{
		font-size:0.82rem;
	}
	.Registration-InputWrap input{
		padding-left:28px;
	}
	.Registration-Input, .Registration-Select{
		padding:7px 9px; font-size:0.82rem;
	}
	label.error{
		font-size:0.70rem; margin-top:4px;
	}
	.Registration-AccessPeriod{
		gap:7px 16px; padding:9px 12px;
	}
	.Registration-AccessPeriod label{
		gap:4px; font-size:0.82rem;
	}
	.Registration-AccessPeriod input[type="radio"]{
		width:14px; height:14px;
	}
	.Registration-Captcha{
		gap:12px; padding:10px 15px; margin-bottom:15px;
	}
	.Registration-Captcha-Question{
		gap:7px; font-size:0.75rem;
	}
	.Registration-Captcha-Question input{
		width:47px; padding:6px 4px; font-size:0.82rem;
	}
	.Registration-Captcha-Label{
		font-size:0.78rem;
	}
	.Registration-Submit{
		margin-top:6px; margin-bottom:0px;
	}
	.Registration-Btn{
		gap:6px; padding:9px 19px; font-size:0.82rem;
	}
	.Registration-Info p{
		font-size:0.85rem;
	}
	.Registration-Info a{
		font-size:0.85rem;
	}
	.Registration-List li{
		font-size:0.85rem; padding:8px 0 8px 19px;
	}
	.Registration-List li::before{
		top:7px; font-size:0.72rem;
	}
	.Registration-Divider{
		height:1px; margin:16px 0;
	}
	
	/*==================================================================================*/
	/*========================= Fabric Library : Login Page ============================*/	
	.Login-Wrap{
		max-width:1180px; margin:36px auto 0; padding:0 16px 56px;
	}
	.Login-Card{
		max-width:480px; padding:28px 28px 24px;
	}
	.Login-Title{
		font-size:1rem; margin:0 0 20px; padding-bottom:12px;
	}
	.Login-Warning{
		gap:10px; padding:10px 14px; margin-bottom:18px; font-size:0.82rem;
	}
	.Login-Warning-Close{
		font-size:0.82rem; line-height:1; padding:2px 4px;
	}
	.Login-Group{
		margin-bottom:16px;
	}
	.Login-Label{
		font-size:0.82rem; margin-bottom:6px;
	}
	.Login-InputWrap i{
		left:12px; font-size:0.90rem;
	}
	.Login-InputWrap input{ 
		padding-left:36px; 
	}
	.Login-Input{
		padding:10px 12px; font-size:0.90rem;
	}
	label.error{
		font-size:0.75rem; margin-top:5px;
	}
	.Login-Forgot{
		margin-bottom:18px;
	}
	.Login-Forgot a{
		font-size:0.75rem;
	}
	.Login-Captcha{
		gap:16px; padding:14px 20px; margin-bottom:20px;
	}
	.Login-Captcha-Question{
		gap:10px; font-size:.95rem;
	}
	.Login-Captcha-Question input{
		width:64px; padding:8px 6px; font-size:0.90rem;
	}
	.Login-Captcha-Label{
		font-size:0.65rem; 
	}
	.Login-Submit{
		margin-top:4px;
	}
	.Login-Btn{
		gap:8px; padding:12px 26px; font-size:0.90rem;
	}
	.Login-Footer{
		margin-top:20px; padding-top:16px;
	}
	.Login-Footer p{
		font-size:0.82rem;
	}
	
	/*====================================================================================*/
	/*====================== Fabric Library : Forget Password Page =======================*/
	.Forget-Wrap{
		max-width:1180px; margin:36px auto 0; padding:0 16px 56px;
	}
	.Forget-Card{
		max-width:480px; padding:28px 28px 24px;
	}
	.Forget-Title{
		font-size:1rem; margin:0 0 20px; padding-bottom:12px;
	}
	.Forget-Subtext{
		font-size:.82rem;  margin:0 0 20px; 
	}
	.Forget-Group{
		margin-bottom:16px;
	}
	.Forget-Label{
		font-size:0.82rem; margin-bottom:6px;
	}
	.Forget-InputWrap i{
		left:12px; font-size:0.90rem;
	}
	.Forget-InputWrap input{ 
		padding-left:36px; 
	}
	.Forget-Input{
		padding:10px 12px; font-size:0.90rem;
	}
	label.error{
		font-size:0.75rem; margin-top:5px;
	}
	.Forget-Captcha{
		gap:16px; padding:14px 20px; margin-bottom:20px;
	}
	.Forget-Captcha-Question{
		gap:10px; font-size:.95rem;
	}
	.Forget-Captcha-Question input{
		width:64px; padding:8px 6px; font-size:0.90rem;
	}
	.Forget-Captcha-Label{
		font-size:0.75rem;
	}
	.Forget-Submit{
		margin-top:4px;
	}
	.Forget-Btn{
		gap:8px; padding:12px 26px; font-size:0.90rem;
	}
	.Forget-Footer{
		margin-top:20px; padding-top:16px;
	}
	.Forget-Footer p{
		font-size:0.82rem;
	}
	
	/*==================================================================================*/
	/*===================== Fabric Library : Reset Password Page =======================*/
	.Reset-Wrap{
		max-width:1180px; margin:36px auto 0; padding:0 16px 56px;
	}
	.Reset-Card{
		max-width:480px; padding:28px 28px 24px;
	}
	.Reset-Title{
		font-size:1rem; margin:0 0 20px; padding-bottom:12px;
	}
	.Reset-Subtext{
		font-size:.82rem;  margin:0 0 20px;
	}
	.Reset-Group{
		margin-bottom:16px;
	}
	.Reset-Label{
		font-size:0.82rem; margin-bottom:6px;
	}
	.Reset-InputWrap i{
		left:12px; font-size:0.90rem;
	}
	.Reset-InputWrap input{ 
		padding-left:36px;
	}
	.Reset-Input{
		padding:10px 12px; font-size:0.90rem;
	}
	label.error{
		font-size:0.75rem; margin-top:5px;
	}
	.Reset-Submit{
		margin-top:4px;
	}
	.Reset-Btn{
		gap:8px; padding:12px 26px; font-size:0.90rem;
	}


	/*=================================================================================*/
	/*===================== Fabric Library: Library Home ==============================*/
	.library-hero-section{
		min-height: calc(100vh - 120px);
	}
	.sub-library-hero-section{
		grid-template-columns: repeat(2, 340px); gap:5px;
	}
	.library-hero-tile{
		min-height:auto;
	}
	.library-hero-overlay{
		padding:26px 26px 24px 26px;
	}
	.library-hero-caption{
		transform:translateY(5px);
	}
	.library-hero-category{
		font-size:1.3rem; margin:0 0 10px 0;
	}
	.library-hero-tile:hover 
	.library-hero-category::after{
		width:50px;
	}
	.library-hero-tagline{
		font-size:0.90rem; margin:0 0 11px 0;
	}
	.library-hero-explore-wrap{
		margin-top:10px; opacity:1;
	}
	.library-hero-explore{
		font-size:0.75rem; padding:6px 14px;
	}
	.library-hero-empty{
		padding:60px 20px;
	}

	/* library eco section */
	.library-eco-section{
		padding:130px 24px; 
	}
	.library-eco-section::before,
	.library-eco-section::after{
		width:1px; height:56px;
	}
	.library-eco-section::before{
		top:44px;
	}
	.library-eco-section::after{
		bottom:44px;
	}
	.library-eco-eyebrow{
		gap:10px; font-size:.80rem;
	}
	.library-eco-eyebrow i{
		font-size:1.0rem; 
	}
	.library-eco-lead{
		font-size:1.15rem; margin:0 auto 44px auto;
	}
	.library-eco-statement{
		font-size:3.5rem; margin:0 0 42px 0;
	}
	.library-eco-button{
		gap:12px; font-size:1.0rem; padding:16px 30px;
	}
	.library-eco-button-arrow{
		font-size:1rem; 
	}
	
	/*  Library Intro / Browse-All Section */
	.library-intro-section{
		margin-top:60px; margin-bottom: 60px; 
	}
	.library-intro-image-wrap{
		min-height:330px;
	}
	.library-intro-image-wrap,
	.library-intro-content{
		flex:1 1 100%;	max-width:100%;
	}
	.library-intro-badge{
		left:28px; bottom:28px;
	}
	.library-intro-badge-number{
		font-size:1.30rem;
	}
	.library-intro-badge-label{
		font-size:.60rem;
	}
	.library-intro-content{
		padding:60px 50px; 
	}
	.library-intro-text{
		font-size:.90rem; margin:0 0 32px 0; max-width:70%;
	}
	.library-intro-button{
		font-size:.95rem; padding:18px 30px;
	}

	/*  Envoy Feature Stories Strip */
	.library-stories-section{
		padding:100px 24px 100px 24px;
	}
	.library-stories-inner{
		max-width:90%; margin:0 auto;
	}
	.library-stories-heading{
		margin-bottom:56px;
	}
	.library-stories-eyebrow{
		font-size:.80rem; margin:0 0 14px 0;
	}
	.library-stories-title{
		font-size:2.25rem;
	}
	.library-stories-list{
		gap:40px;
	}
	.library-story-row{
		gap:28px; padding:36px 44px;
	}
	.library-story-row,
	.library-story-row.is-reversed{
		flex-direction:column; align-items:flex-start;	padding:30px 26px;
	}
	.library-story-row-media{
		flex:0 0 auto;
	}
	.library-story-row-media{
		max-width:230px; min-width:160px; max-height:230px;
	}
	.library-story-row-kicker{
		font-size:.62rem; padding:4px 10px; margin:0 0 12px 0;
	}
	.library-story-row-title{
		font-size:1.20rem; margin:0 0 14px 0;
	}
	.library-story-row-details{
		font-size:.90rem;
	}
	
	/* Keep Explore Section */
	.library-curious-content,
	.library-curious-image-wrap{
		flex:1 1 100%; max-width:100%;
	}
	.library-curious-content{
		padding:70px 70px;
	}
	.library-curious-eyebrow{
		font-size:.80rem; margin:0 0 18px 0; color:red
	}
	.library-curious-title{
		font-size:2.05rem; margin:0 0 18px 0;
	}
	.library-curious-text{
		font-size:.92rem; margin:0 0 30px 0; max-width:78%;
	}
	.library-curious-button{
		gap:12px; font-size:.92rem; padding:18px 32px;
	}
	.library-curious-arrow{
		font-size:1.0rem; 
	}
	.library-curious-image-wrap{
		min-height:420px;
	}

	/*====================================================================================*/
	/*======================= Fabric Library: Collection Page ============================*/
	/* Product Showing Section */
	.collection-hero{
		min-height:380px;
	}
	.collection-hero-inner{
		padding:44px 40px 24px 40px;
	}
	.collection-hero-panel{
		max-width:580px; padding:28px 32px 26px 28px; border-radius:1px; border-left:3px solid var(--lime);
	}
	.collection-hero-eyebrow{
		font-size:.75rem; 
	}
	.collection-hero-title{
		font-size:2.75rem;  margin:0 0 12px 0;
	}
	.collection-hero-tagline{
		font-size:1.0rem;
	}
	/* Feature grid */
	.collection-hero-features{
		grid-template-columns:1fr; gap:8px 0px; margin-top:16px; padding-top:14px; 
	}
	.collection-hero-feature{
		gap:9px;
	}
	.collection-hero-feature-mark{
		width:6px; height:6px; margin-top:6px;
	}
	.collection-hero-feature-text{
		font-size:.75rem;
	}

	/* Results bar */
	.collection-results-bar{
		gap:16px; padding:34px 44px 34px 44px; font-size:.92rem;
	}
	.collection-results-text{
		gap:8px;
	}
	.collection-results-icon{
		font-size:.72rem;	
	}

	/* Home link */
	.collection-home-link{
		gap:7px; font-size:.75rem; padding:8px 16px;
	}
	.collection-home-link i{
		font-size:.82rem
	}

	/* Groups Search + Home together */
	.collection-results-actions{
		gap:10px;
	}
	.collection-search-btn{
		gap:7px; font-size:.75rem; padding:8px 16px;
	}
	.collection-search-btn i{
		font-size:.82rem
	}

	/* Active filters - shows selected criteria */
	.collection-active-filters{
		font-size:.82rem; gap:8px 10px; padding:8px 44px 18px 44px;
	}
	.collection-active-filters-label{
		font-size:.75rem; 
	}
	.collection-active-filter-chip{
		gap:6px; padding:5px 10px 5px 12px;
	}
	.collection-active-filter-chip-remove{
		width:15px; height:15px; font-size:.75rem;
	}
	.collection-active-filters-clear{
		font-size:.78rem; margin-left:4px;
	}

	/* Fabric search popup */
	.collection-search-overlay{
		padding:24px;
	}
	/* Outer card */
	.collection-search-modal{
		max-width:920px; max-height:90vh;
	}
	/* Inner body - scrollable area  */
	.collection-search-modal-body{
		padding:40px 46px 34px 46px;
	}
	.collection-search-close{
		width:44px; height:44px; font-size:1.25rem;
	}
	.collection-search-title{
		font-size:1.5rem; margin:0 0 26px 0;
	}
	.collection-search-grid{
		grid-template-columns:repeat(auto-fit, minmax(300px, 1fr)); column-gap:40px; row-gap:22px; 
	}
	.sr-only{
		width:1px; height:1px; 
	}

	/* Dark "glass" fields over the photo */
	.collection-search-field select,
	.collection-search-field input[type="text"]{
		font-size:.90rem;  padding:14px 18px;
	}
	.collection-search-suggestions{
		margin-top:4px; height:230px;
	}
	.collection-search-suggestion{
		font-size:.90rem; padding:10px 14px;
	}

	/* Can't search empty" */
	.collection-search-error{ 
		margin:20px 0 0 0; padding:10px 14px;
	}
	.collection-search-actions{ 
		gap:12px; margin-top:24px;
	}
	.collection-search-submit, .collection-search-reset{ 
		gap:9px; padding:12px 24px; font-size:.80rem;
	}

	/* Product grid */
	.collection-products-grid{ 
		grid-template-columns:repeat(3, 1fr); align-items:start; gap:36px 34px; padding:22px 44px 90px 44px;
	}
	.collection-product-fabrication{ 
		padding:12px 12px 16px 12px; 
	}
	.collection-product-fabrication span{ 
		font-size:.68rem;
	}

	/* White strip under the photo. */
	.collection-product-footer{ 
		min-height:50px;
	}
	.collection-product-code{ 
		font-size:.92rem;
	}
	.collection-products-empty{ 
		padding:80px 44px; font-size:1.0rem;
	}

	/* Pagination bar */
	.collection-pagination{ 
		gap:8px; padding:0 44px 70px 44px;
	}
	.collection-pagination-page, .collection-pagination-arrow{ 
		font-size:.82rem; min-width:42px; height:42px; padding:0 10px;
	}
	.collection-pagination-ellipsis{ 
		min-width:24px; height:42px; font-size:.82rem;
	}
	
	/*====================================================================================*/
	/*============================ Fabric View Page Design ===============================*/

	/* Breadcrumb*/
	.FabricView-Breadcrumb{
		font-size:.88rem; gap:8px; padding: 6px 20px; margin:0 2px 0 auto;  border:1px solid rgba(20,20,10,0.06);
	}
	.FabricView-Breadcrumb a{
		gap:6px;
	}
	.FabricView-Breadcrumb a::after{
		bottom:-1px; height:2px; border-radius:2px;
	}
	.FabricView-BreadcrumbHome i{
		font-size:.78rem;
	}
	.FabricView-Breadcrumb > i{
		font-size:.78rem;
	}
	.FabricView-NotFound{
		font-size:1.0rem; padding:60px 4px 80px 4px;
	}
	.FabricView-NotFound a{
		margin-top:10px;
	}
	
	/* Fabric View - main layout */
	.FabricView-Layout{
		--fabric-media-h: calc(100vh - 280px); column-gap:14px; row-gap:0; padding:2px 2px 2px 2px; grid-template-columns:1fr 19%; 
		grid-template-areas:
		"media  stamps" 
		"note   .     " 
		"info   info  ";
	}
	.FabricView-Stamps{
		grid-template-rows:repeat(3, 1fr); gap:10px;
	}
	.FabricView-Disclaimer{
		padding:4px 16px; font-size:.62rem; gap:10px;
	}
	.FabricView-Disclaimer i{
		width:12px; height:12px; font-size:.60rem;
	}

	/* Stamps - thumbnail + caption bar */
	.FabricView-Stamp span{
		padding:6px 4px; font-size:.70rem;
	}
	.FabricView-Stamp.is-active img{
		border-width:3px; 
	}
	.FabricView-Stamp.is-active::after{
		top:6px; right:6px; width:18px; height:18px; line-height:18px; font-size:.70rem;
	}


	/* Info panel - a distinct white card */
	.FabricView-InfoCard{
		padding:20px 22px 18px 22px; margin-top:30px;
	}
	.FabricView-InfoCard::before{
		height:5px;
	}
	.FabricView-Eyebrow{
		font-size:.70rem; margin:0 0 6px 0;
	}
	.FabricView-StyleBadge{
		font-size:1.72rem; margin:0 0 15px 0; padding-bottom:14px; 
	}
	.FabricView-StyleBadge::after{
		width:56px; height:3px; border-radius:3px;
	}
	.FabricView-DetailRow{
		gap:16px; padding:9px 9px 9px 9px;
	}
	.FabricView-DetailRow::before{
		width:3px;
	}
	.FabricView-DetailLabel{
		font-size:.74rem;
	}
	.FabricView-DetailValue{
		font-size:.88rem;
	}
	.FabricView-AskBtn{
		gap:9px; margin-top:18px; padding:13px 18px;  font-size:.80rem;
	}

	/* Toolbar wrapper */
	.FabricView-ZoomToolbar{
		top:12px; right:12px; gap:8px;
	}
	.FabricView-ZoomToggleBtn{
		gap:7px; height:38px; padding:0 16px; font-size:.72rem;
	}
	.FabricView-ZoomBtn{
		width:38px; height:38px; font-size:.92rem;
	}
	.FabricView-ZoomLevel{
		min-width:34px; padding:0 4px; font-size:.75rem;
	}

	/* Similar Products Heading*/
	.FabricView-Similar{
		margin:40px 0 32px 0; padding:32px 4px 0 4px;
	}
	.FabricView-Similar::before{
		height:1px;
	}
	.FabricView-SimilarHeading{
		font-size:1.35rem; margin:0 0 22px 0; padding-bottom:14px;
	}
	.FabricView-SimilarHeading::after{
		left:0; bottom:0; width:48px; height:3px; border-radius:3px;
	}
	.FabricView-SimilarHeadingSub{
		font-size:.82rem;
	}

	/* Similar Products Card */
	.FabricView-SimilarGrid{
		grid-template-columns:repeat(3, 1fr); gap:16px; 
	}
	.FabricView-SimilarCardNoImage{
		font-size:1.75rem;
	}
	.FabricView-SimilarCardFooter{
		gap:2px; padding:8px 10px 10px 10px; border-top:1px solid rgba(20,20,10,0.08);
	}
	.FabricView-SimilarCardStyle{
		font-size:.84rem;
	}
	.FabricView-SimilarCardComposition{
		margin-top:3px; padding:2px 1px; font-size:.70rem;
	}
	
	/*===================================================================================*/
	/*============================= Explore Page Design =================================*/
	/* Adriano Goldschmied Tribute  */
	.AdrianoTribute{ 
		min-height:calc(100vh - 120px) !important; margin-top: 120px; padding:20px 65px;
	}
	.AdrianoTribute-Frame{ 
		grid-template-columns:1fr; gap:30px; max-width:960px;
	}
	.AdrianoTribute-Media{
		 max-width:340px; max-height:none; margin:0 auto; 
	}
	.AdrianoTribute-Media-Img{ 
		max-height: 50vh;
	}
	.AdrianoTribute-Eyebrow{ 
		font-size:1.0rem; margin:20px 0 6px 0; 
	}
	.AdrianoTribute-Title{ 
		font-size:1.75rem; margin:0 0 16px 0; 
	}
	.AdrianoTribute-Badge{ 
		font-size:.78rem; gap:8px; padding:8px 16px; margin-bottom:24px;
	}
	.AdrianoTribute-Text p{ 
		font-size:1.0rem; margin:0 0 16px 0; 
	}
	.AdrianoTribute-Stitch{ 
		height:1px; margin:25px 0 22px 0; 
	}
	.AdrianoTribute-Signature{ 
		font-size:0.96rem; margin:0 0 8px 0;
	}
	.AdrianoTribute-Closing{ 
		font-size:.94rem; margin:0 0 30px 0;
	}
	
	/* Rickshaw Heritage  */
	.RickshawHeritage{ 
		padding:40px 65px;
	}
	.RickshawHeritage-Frame{ 
		grid-template-columns:1fr; gap:32px;
	}
	.RickshawHeritage-Media{ 
		max-width:460px;  margin:0 auto; 
	}
	.RickshawHeritage-Media-Frame{ 
		padding:5px;
	}
	.RickshawHeritage-Media-Mat{ 
		padding:10px;
	}
	.RickshawHeritage-Title{ 
		font-size:2.05rem; margin:0 0 22px 0; 
	}
	.RickshawHeritage-Eyebrow{ 
		font-size:.95rem; margin:0 0 10px 0;
	}
	.RickshawHeritage-Tagline{ 
		font-size:.80rem; margin:0 0 20px 0;
	}
	.RickshawHeritage-Text p{ 
		font-size:1.0rem; margin:0 0 18px 0;
	}
	
	/* Investment Journey  */
	.InvestmentJourney{ 
		padding:140px 65px 120px;
	}
	.InvestmentJourney::before{ 
		top:22px; bottom:22px; border-top:2px dashed rgba(224,168,90,0.35); border-bottom:2px dashed rgba(224,168,90,0.35);
	}
	.InvestmentJourney-Eyebrow{ 
		font-size:2.05rem; margin:0 0 40px 0;
	}
	.InvestmentJourney-Patches{ 
		gap:50px; margin-top:30px; 
	}
	.InvestmentJourney-Patch{ 
		width:480px; padding:30px 30px 26px;
	}
	.InvestmentJourney-Patch::before{ 
		border:1.5px dashed rgba(255,232,199,0.4); 
	}
	.InvestmentJourney-Flag{ 
		top:-11px; right:18px; font-size:.62rem; padding:5px 12px; 
	}
	.InvestmentJourney-Patch-Title{ 
		font-size:1.125rem; margin:4px 0 0 0; 
	}
	.InvestmentJourney-Patch-Subtitle{ 
		font-size:.75rem; margin:4px 0 0 0;
	}
	.InvestmentJourney-Patch-Rule{ 
		margin:14px auto 20px; border-top:1.5px dashed rgba(43,26,13,0.4); 
	}
	.InvestmentJourney-Patch-Icon{ 
		width:52px; height:52px; margin-bottom:10px; 
	}
	.InvestmentJourney-Check{ 
		top:-4px; right:-4px; width:19px; height:19px; 
	}
	.InvestmentJourney-Clock{ 
		top:-4px; right:-4px; width:19px; height:19px; 
	}
	.InvestmentJourney-Patch-Item span{ 
		font-size:.75rem;
	}
	.InvestmentJourney-Patch-Note{ 
		font-size:.62rem;  max-width:125px;
	}
	
	/* Fabric Tags  */
	.FabricTags{ 
		padding:110px 65px 100px; 
	}
	.FabricTags-Frame{ 
		max-width:100%; 
	}
	.FabricTags-Eyebrow{ 
		font-size:.82rem; margin:0 0 12px 0; 
	}
	.FabricTags-Title{ 
		font-size:2.05rem; margin:0 0 64px 0;
	}
	.FabricTags-Row{ 
		grid-template-columns:1fr; max-width:320px; gap:34px;
	}
	.FabricTags-Card{ 
		padding:38px 26px 30px; 
	}
	.FabricTags-Hole{ 
		width:14px; height:14px;
	}
	.FabricTags-IconWrap{ 
		margin:26px auto 18px; width:56px; height:56px; 
	}
	.FabricTags-Label{ 
		font-size:.92rem; margin:0 0 14px 0;
	}
	.FabricTags-Stitch{ 
		height:1px; margin:0 auto 16px; 
	}
	.FabricTags-Values{ 
		font-size:.85rem;
	}

	/* indigo scraf */
	.IndigoScarf-Frame{ 
		grid-template-columns:1fr; min-height:0;
	}
	.IndigoScarf-Content{ 
		padding:60px 65px 60px 65px;
	}
	.IndigoScarf-Mark{ 
		gap:1px; margin-bottom:10px; 
	}
	.IndigoScarf-Eyebrow{ 
		font-size:.78rem; margin:0 0 2px 0;
	}
	.IndigoScarf-Wordmark{ 
		font-size:5.5rem;
	}
	.IndigoScarf-Icon{
		max-width:70px;
	}
	.IndigoScarf-Tagline{ 
		font-size:.82rem;
	}
	.IndigoScarf-Subtitle{ 
		font-size:.90rem; margin:8px 0 24px 0; max-width:252px;
	}
	.IndigoScarf-Text p{ 
		font-size:.95rem; margin:0 0 16px 0;
	}
	.IndigoScarf-Badge{ 
		font-size:.72rem; margin-top:30px; padding:9px 20px;
	}
	.IndigoScarf-Media{ 
		min-height:460px; order:-1; 
	}
	
	/* Go Green Banner */
	.GoGreenBanner{ 
		min-height:245px; padding:40px 80px; 
	}
	.GoGreenBanner-Frame{ 
		flex-wrap:wrap; text-align:center; justify-content:center; gap:16px; 
	}
	.GoGreenBanner-Text{ 
		flex:1 1 100%; order:2; 
	}
	.GoGreenBanner-Icon{ 
		width:80px; height:80px;  order:1; 
	}
	.GoGreenBanner-Icon svg{ 
		width:40px; height:40px; 
	}
	.GoGreenBanner-Eyebrow{ 
		font-size:.80rem; margin:0 0 8px 0; 
	}
	.GoGreenBanner-Title{ 
		font-size:1.70rem; margin:0 0 10px 0;
	}
	.GoGreenBanner-Subtitle{ 
		font-size:.90rem;  margin:0 auto; 
	}
	.GoGreenBanner-Cta{ 
		order:3; flex:1 1 100%; justify-content:center;  gap:10px; padding:15px 30px; font-size:.88rem; max-width:280px;
	}
	.GoGreenBanner-Cta svg{ 
		width:14px; height:14px;
	}


	/*====================================================================================*/
	/*================ Facilities:Denim Production Textiles Page Design ==================*/
	.accordion strong{
		font-size: 1.10rem
	}
	.accordion .bullets {
		max-height:20px; padding-right:10px
	}
	.accordion p{
		font-size: 0.90rem
	}
	
	
	/* Facility Carousel Section */
	.envoy-hero-carousel .carousel-caption {
		right: 6%; bottom: 12%;	max-width: 700px;
	}
	.envoy-hero-carousel .carousel-caption .envoy-caption-title{
		font-size:2.25rem; padding:25px 0px;
	}
	/* indicators */
	.envoy-hero-carousel .carousel-indicators {
		gap: 10px; bottom: 62px; right: calc(6% + 120px);
	}
	.envoy-hero-carousel .carousel-indicators [data-bs-target] {
		width: 9px; height: 9px;
	}
	.envoy-hero-carousel .carousel-indicators [data-bs-target].active {
		width: 13px; height: 13px;
	}
	/* arrows */
	.envoy-hero-carousel .control-btn {
		width: 46px; height: 46px;  bottom: 46px;
	}
	.envoy-hero-carousel .control-icon {
		width: 1.15rem;	height: 1.15rem;
	}
	.envoy-hero-carousel .carousel-control-prev {
		right: calc(6% + 58px);
	}
	.envoy-hero-carousel .carousel-control-next {
		right: 6%;
	}

	/* Denim Production Details */
	.envoy-facility-heading {
		margin-bottom: 32px;
	}
	.envoy-facility-eyebrow {
		font-size: .75rem; margin-bottom: 14px;
	}
	.envoy-facility-tagline {
		font-size: 1.5rem;  padding-bottom: 20px; 
	}
	.envoy-facility-tagline::after {
		width: 130px; border-top: 2px dashed #a9823f;
	}
	/* stats */
	.envoy-facility-stats {
		grid-template-columns: 1fr 1fr; gap: 26px 15px; margin-bottom: 44px;
	}
	.envoy-stat-card {
		gap: 5px; padding: 26px 18px 22px 18px;
	}
	.envoy-stat-card::before {
		top: 11px; right: 11px; width: 9px; height: 9px;
	}
	.envoy-stat-number {
		font-size: 2.0rem;
	}
	.envoy-stat-label {
		font-size: .76rem;
	}
	.fac_prg{
		font-size:0.95rem; line-height: 1.70; padding:15px 0px; 
	}
	
	/* Facility Sustainable Process Section */
	.fac_header{
		margin-bottom:50px;
	}
	.fac_header span{
		font-size:.90rem; padding:10px 22px;
	}
	/* grid */
	.fac_facility{
		gap:25px;
	}
	/* cards */
	.fac_step{
		border-radius:24px; padding:30px; width:calc(350px - 26px); /* 26px = gap:25px + 1px border */
	}
	/* glow */
	.fac_step::before{
		width:180px; height:180px; top:-70px; right:-70px;
	}
	/* number */
	.fac_num{
		font-size:0.80rem; letter-spacing:2px;
	}
	/* icon */
	.fac_icon{
		width:85px; height:85px; border-radius:24px; margin-bottom:26px;
	}
	.fac_icon::before{	
		border-radius:24px; border-width: 2px; padding:2px;
	}
	.fac_icon span{
		font-size:2.20rem;
	}
	/* title */
	.fac_step h3{
		font-size:1.30rem; margin-bottom:18px; letter-spacing:.2px;
	}
	/* paragraph */
	.fac_step p{
		font-size:1rem; line-height:1.65; padding-left:16px;
	}
	/* highlight line */
	.fac_step p::before{
		left:0; top:4px; width:3px; border-radius:10px;
	}
	/* tag area */
	.fac_bottom{
		bottom:25px;
	}
	/* minimal tag */
	.fac_tag{
		font-size: 0.75rem; padding-bottom:6px;
	}
	/* underline animation */
	.fac_tag::after{
		height:2px; 
	}
	
	
/*========================================================================================*/
/*==================== Facilities: Others Facility Page Design =========================*/
/* Others Facility Hero Section */
.OFHeroWrap .OFBlank{ 
	height:clamp(40px,7vh,80px);
}
.OFHero{
	padding:45px 60px;
}
.OFHero__glow{
	width:500px; height:500px;
}
.OFHero__frame::before, .OFHero__frame::after{
	width:54px; height:54px;
}
.OFHero__frame::before{ 
	border-width:1px 0 0 1px;
}
.OFHero__frame::after{ 
	border-width:1px 1px 0 0;
}
.OFHero__inner{ 
	max-width:720px;
}
.OFHero__eyebrow{
	gap:14px; margin-bottom:18px; font-size:.75rem;
}
.OFHero__eyebrow-line{
	width:25px; height:1px;
}
.OFHero__title{ 
	margin:0 0 clamp(12px,2.6vh,28px);
}
.OFHero__line--lead{ 
	margin-bottom:clamp(2px,.8vh,8px);
}
.OFHero__line--lead > span{
	font-size:2.0rem; 
}
.OFHero__line--main > span{
	font-size:3.50rem;
}
.OFHero__subtitle{
	font-size:.90rem; max-width:580px; margin:0 0 26px; padding-left:18px; border-left:2px solid rgba(201,162,39,.7); 
}
.OFHero__cta{
	gap:14px; font-size:.78rem; 
}
.OFHero__cta-icon{
	width:24px; height:38px; border-radius:14px; border:2px solid rgba(233,207,122,.8);
}
.OFHero__cta-wheel{
	top:7px; width:4px; height:8px; margin-left:-2px;
}


/* Body Part of Others Facility */
.OFStory__rail{
	right:40px; gap:11px;
}
.OFStory__rail button{
	width:11px; height:11px;  border:1px solid rgba(255,255,255,.4);
}
.OFPanel{
	padding:60px 60px; border-top:1px solid rgba(255,255,255,.06);
}
.OFPanel__content{ 
	max-width:95%;
}
.OFPanel__title{
	font-size:2.50rem; margin:0px 0px 12px;
}
.OFPanel__desc{
	font-size:.90rem;
}




	/*========================================================================================*/
	/*==================== Sustainability: LEED PLATINUM Page Design =========================*/
	.lion {	
		min-height: calc(100vh - 110px); padding: 1.5rem 2rem; 
	}
	.lion-eyebrow{
		font-size: 1.0rem; margin-bottom: 1.20rem;
	}
	.lion-leed-wordmark img{	
		width:clamp(320px,11vw,420px); margin-bottom: 1.20rem;
	}
	.lion-title {
		font-size: 2.75rem; margin-bottom: 1.20rem;
	}
	.lion-title .line-gold {
		-webkit-text-stroke: 1.25px var(--gold);
	}
	.lion-com-type {
		font-size: 1.50rem;
	}
	.lion-score-display {
		margin: 1.20rem 0 1.0rem 0;
	}
	.total-score-big {
		font-size: 3.10rem
	}
	.score-slash { 
		font-size: 2.0rem;
	}
	.score-total {
		font-size: 2.0rem;
	}
	.score-label-block .lbl {
		font-size: .70rem;
	}

	/* Scores Section Start */
	.leed-cmp-row{
		padding: 0px 10px;
	}
	.scores-section {
		padding: 120px 0 40px;
	}
	.leed-cmp-eyebrow{
		font-size:0.85rem; margin-bottom:10px;
	}
	.section-heading {
		font-size: clamp(3rem, 6.5vw, 4rem); margin-bottom: 2rem;
	}

	/* Leed Counter & Header */
	.leed-cmp-switch{
		gap:4px; padding:5px; margin:0 auto 2.25rem;
	}
	.leed-cmp-tab{
		gap:2px; padding:8px 30px;
	}
	.leed-cmp-tab-year{ 
		font-size:1.25rem;
	}
	.leed-cmp-tab-label{ 
		font-size:0.6rem;
	}

	/* Swatch for total score */
	.leed-cmp-total{
		border: 1px dashed rgba(232,200,122,0.55); margin: 0 0 2.25rem auto; padding: 14px 25px 32px 25px; gap:10px;
	}
	.leed-cmp-total::after{
		height:12px; bottom:-2px;
	}
	.leed-cmp-total-bottom{ 
		gap:20px;
	}
	.leed-cmp-total-track{
		height:7px;
	}
	.leed-cmp-total-figures{ 
		width:190px; gap:5px;
	}
	.leed-cmp-total-num{ 
		font-size:1.35rem; min-width: 50px;
	}
	.leed-cmp-total-slash{ 
		font-size:0.90rem;
	}
	.leed-cmp-total-max{ 
		font-size:0.90rem;
	}
	.leed-cmp-total-label{ 
		margin-left:8px; font-size:0.88rem;
	}
	.leed-cmp-total-rating{ 
		font-size:1rem; padding-bottom:9px;
	}

  	/* Score cards grid */
	.scores-grid {
		grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important; gap: 15px!important;
		padding: 4px 10px 32px!important;
	}
	.scores-grid .score-card {	
		border: 1px solid rgba(20,17,10,0.16); padding: 25px 15px!important; margin-bottom: 0 !important;
	}
	.scores-grid .card-top{
		gap: 12px; margin-bottom: 16px!important;
	}
	.leed-cmp-tag{
		font-size:0.62rem; border:1px solid currentColor; padding:3px 9px;
	}
	.scores-grid .leed-cmp-val{
		font-size: 1.25rem;
	}
	.scores-grid .leed-cmp-max{
		font-size: 0.78rem;
	}
	.scores-grid .card-name{
		font-size: .90rem; margin-bottom: 10px!important; min-height: 2.6rem;
	}
	.leed-cmp-icon{
		margin-right: 0.55rem; font-size: 0.92rem!important; line-height: 1.35; margin-top: 0.15em;
	}
	.scores-grid .card-number{
		font-size: 3.5rem !important;
	}
	.card-bar-track {
		margin-top: 16px!important; height: 8px; border-radius: 2px;
	}

	/* Details Section */
	.details-section{
		padding: 100px 0px; 
	}
	.details-left .big-quote {
		font-size: clamp(3rem, 6.5vw, 4rem); margin-bottom: 2rem;
	}
	.details-body {
		line-height: 1.50; font-size: 1.0rem;
	}
	.details-body p + p { 
		margin-top: 2.50rem;
	}

	/* Video Section */
	.videos-grid {
		grid-template-columns: 1fr;  gap: 2rem;
	}
	.yt-btn {
		width: 70px; height: 70px;
	} 
	.video-info{
		padding: 1.4rem;
	}
	.video-info p {
		line-height: 1.5; font-size: .90rem; 
	}
	.vid-modal-box {
		max-width: 1000px;
	}
	.vid-modal-close {
		font-size: 2.75rem;
	}

	/*========================================================================================*/
	/*======================= Sustainability: GO GREEN Page Design ===========================*/
	.hero {
		padding: 50px 50px
	}
	.hero-main {
		padding-bottom: clamp(1rem, 2.8vw, 1.8rem); justify-content:flex-start; margin-top:120px
	}
	.hero-eyebrow {
		font-size: 0.95rem;
	}
	.hero-h1{
		font-size:clamp(2.8rem,3.8vw,4.8rem); 
	}
	.hero-h1 .pre {
		font-size: clamp(1.5rem, 2vw, 2.5rem);
	}
	.hero-h2{
		font-size:clamp(5rem,6.5vw,8rem);
	}
	.hero-h2 .outline{
		-webkit-text-stroke:1.5px rgba(255,255,255,.75);
	}
	.hero-bottom{
		align-items:center; justify-content:center; bottom:10px
	}
	.hero-stats-heading{
		font-size: .95rem; 
	}
	.hero-quote {
		font-size: clamp(0.90rem, 0.95vw, 1rem); min-width:100%; text-align:center; margin-bottom:50px;
	}
	.hs {
		padding:10px 10px; min-width:110px
	}
	.hs-n {
		font-size: clamp(1rem, 2.1vw, 1.75rem);
	}
	.hs-l {
		font-size: 0.65rem;
	}
	.hero-scroll {
		bottom:20px; right:25px;
	}
	.scroll-line {
		width: 2px; height: 60px;
	}
	/* ticker section */
	.ticker span{
		font-size:.75rem;
	}
	/* Score section */
	.score{
		padding:100px 60px;
	}
	.score-h{
		font-size:3.0rem; margin-bottom: 0px;
	}
	.score-h em{
		font-size: 1.5rem;
	}
	.score-grid{
		grid-template-columns:repeat(2,1fr)
	}
	.sc-name{
		font-size:.80rem;
	}
	.sc-num{
		font-size: 2.2rem;
	}
	.sc-num sub{
		font-size: 1.2rem; bottom: -6px;
	}
	.sc-desc{
		font-size:.90rem; min-height: 50px; margin-top:7px;
	}
	.sc-bar{
		height:2.2px; margin-top:7px;
	}
	.sc-fill{
		height:2.2px;
	}
	.sc-target{
		font-size:.75rem;  margin-top:5px;  min-height: 35px;
	}

	.sc-nav{
		gap:.8rem;
	}
	.sc-arrow{
		width:32px; height:32px; border:1px solid rgba(255,255,255,.16);
	}
	.sc-arrow i{
		font-size:.8rem;
	}
	.sc-dots{
		gap:.75rem;
	}
	.sc-dot{
		width:7px; height:7px;
	}
	.sc-count{
		font-size: 0.8rem; margin-left: 12px;
	}

	/* Fusion (Image) Section */
	.fusion{
		grid-template-columns:1fr 1fr; grid-template-rows:240px 200px;
	}
	.fu-tag{
		font-size:.68rem;
	}
	.fu-title{
		font-size:1rem;
	}

	/* Pillars Section */
	.ph-sub{
		font-size:1.45rem; text-align:right;
	}
	.pillar{
		grid-template-columns:1fr; gap:1rem; padding:1.5rem .75rem;
	}
	.pillar::before{
		height:2px;
	}
	.pillar:hover::before{
		width:25%;
	}
	.p-ghost{
		font-size:clamp(2.4rem,5.5vw,3.4rem);
	}
	.p-name{
		font-size:clamp(1.5rem,3vw,3.0rem);
	}

	.p-lede{
		font-size:1.15rem; line-height:1.4; margin:0 0 17px; padding-left:20px;
	}
	.p-lede::before{
		top:2.5px; bottom:2.5px; width:5px;
	}
	.a-list{
		gap:10px;
	}
	.a-row{
		border:1px solid var(--rule);
	}
	.a-head{
		gap:10px; padding:10px 17px;
	}
	.a-row.is-open .a-num{ 
		padding-right:10px; border-right:1px solid rgba(255,255,255,.70);
	}
	.a-num{
		font-size:.92rem; padding-right:10px; border-right:1px solid rgba(0,0,0,.70);
	}
	.a-title{
		font-size:.92rem;
	}
	.a-icon{
		width:17px; height:17px;
	}
	.a-icon::before{
		height:2px;
	}
	.a-icon::after{
		width:2px;
	}
	.p-text{
		font-size:.88rem; line-height:1.70;  padding:17px 20px;
	}

	/*  Traceability Section  */
	.trace-inner{
		max-width:100%; padding:80px 65px;
	}
	.trace-head{
		max-width:100%; margin-bottom:50px;
	}
	.trace-ey{
		font-size:0.68rem;
	}
	.trace-h{
		font-size:3rem;
	}
	.trace-h em{
		font-size:3rem;
	}
	.trace-sub{
		font-size:0.9rem;
	}
	.trace-flow{
		grid-template-columns:repeat(2,1fr); gap:48px 40px;
	}
	.tf-step::before{
		width:26px;
	}
	.tf-step:last-child{
		grid-column:1 / -1;
	}
	.tf-name{
		font-size:1rem;
	}
	.tf-desc{
		font-size:0.85rem;
	}

	/* Digital Traceability Ecosystem */
	.dt-section{
		padding: 100px 0px;
	}
	.dt-section::before{
		background-size: 56px 56px;
	}
	.dt-inner{
		padding:0 65px;
	}
	.dt-head{
		max-width:96%; margin:0 auto 64px;
	}
	.dt-eyebrow{
		font-size:.8rem; margin-bottom:14px;
	}
	.dt-title{
		font-size:2.50rem; margin:0 0 14px;
	}
	.dt-sub{
		font-size:.95rem;
	}
	.dt-card{
		border:1px solid rgba(255,255,255,.12); padding:38px 30px 34px;
	}
	.dt-card::before{
		height:3px;
	}
	.dt-card-wide{ 
		grid-column: span 2; 
	}
	.dt-grid{
		grid-template-columns: repeat(2, 1fr); gap:25px;
	}
	.dt-icon{
		width:56px; height:56px; border-radius:4px; font-size:1.3rem; margin-bottom:24px;
	}
	.dt-card-title{
		font-size:1.0rem; margin:0 0 24px; padding-bottom:16px;
	}
	.dt-card-title::after{
		width:62px; height:3px;
	}
	.dt-tags{
		row-gap:10px;
	}
	.dt-tags li{
		font-size:.90rem; padding-right:20px; margin-right:10px;
	}
	.dt-tags li:not(:last-child)::after{
		right:7px; width:4px; height:4px;
	}


	/* Roadmap Section */
	.rm-head{
		margin-bottom:clamp(2rem,4.5vw,2.8rem);
	}
	.rm-h{
		font-size:clamp(2.8rem,5.5vw,3.4rem);
	}
	/* 5 columns too cramped — wrap to 2, 
	5th item spans the last row */
	.rm-grid{
		grid-template-columns:repeat(2,1fr); gap:2.5rem 2rem;
	}
	.rm-grid > *:last-child{
		grid-column:1 / -1;
	}
	.rm-yr{
		font-size:clamp(2.3rem,4.5vw,2.8rem); margin-bottom:.5rem;
	}
	.rm-pill{
		font-size:.78rem; margin-bottom:.5rem;
	}
	.rm-title{
		font-size:.95rem; margin-bottom:.3rem;
	}
	.rm-desc{
		font-size:.8rem;
	}
	.rm-inf{
		font-size:clamp(2.8rem,5.5vw,3.4rem); margin-bottom:.4rem;
	}


	/* Closing Section */
	.closing-h{
		font-size:clamp(6.5rem,14vw,8.5rem);
	}
	.closing-sub{
		font-size:.82rem; max-width:440px;
	}

	/*====================================================================================*/
	/*=============== Corporate Social Responsibility Page Design ========================*/
		/*csr-overview section*/
		.overview-img{
			width:100%; 
		}
		.overview-text{
			width:100%; 
		}
		.overview-text p{
			font-size:1.25rem; line-height: 1.40; padding:30px 30px 30px 30px;
		}

		/*csr-writeup section*/
		.csr-writeup{
			padding:25px 35px 25px 35px; line-height: 1.5;
		}
		.csr-bg h1{
			font-size:2.20rem;
		}
		.csr-img{
			margin-left: 0px !important; max-width:100%;
		}
		.csr-writeup p{
			font-size:1.0rem; padding: 0px 0px 0px 0px;
		}
		.csr-writeup li{
			font-size:1.0rem; margin:-10px 0px 0px 50px
		}


	/*===================================================================================*/
	/*======================= Investor Relation Page Design =============================*/	
	.investor-header{
		display:none;
	}
	.investor-mobile{
		font-size:1.0rem;
	}
	.investor-header-ul-mob {
		top:40px;
	}
	.investor-header-ul-mob li {
		margin: .50em .60em; font-size:.95rem;
	}
	.investor-header-ul-mob a {
		padding: 0.3em 0;
	}
	.investor-header-ul-mob a:before {
		height: 3px;
	}
	.investor-header-ul-mob a:after {
		padding: 0.3em 0;
	}

	/*Investor Relation - Sub-Header Desktop/Laptop/Mobile Device Section*/
	.investor-subheader-ul li {
		padding:5px 30px; margin: .35em .60em; font-size:.95rem;
	}
	.investor-subheader-ul a {
		padding: 0.25em 0;
	}
	.investor-subheader-ul a:before {
		height: 3px;
	}
	.investor-subheader-ul a:after {
		padding: 0.3em 0;
	}
	
	/* Investor Relation All Page Common*/
	.share-info-div{
		padding:10px; margin-top:85px!important;
  	}
	.share-cominfo-div{
	   	padding:10px; margin-top:55px!important; 
   	}
   .InvInfo-Box{
	   padding:0px 20px; margin-bottom:30px
   	}
	.InvInfo-Box-Sub-Detail{
	   padding:10px 20px; margin-top:-30px; margin-bottom:5px
	}
	.inv-subpage-title{
	   margin-bottom:20px;
	}
	.inv-subpage-title-span{
	   padding:7px 25px; font-size: 1.0rem;
	}

	/* [1]General Information, [2]Price Sensitive Information, [3]Material Information, [4]Principle of Disclosure of MI & PSI, [5]Report and Financial Statement, [6] Investor-IPO, [7]Non Refunded IPO, [8] Dividend: Unclaimed Stock Dividend, [9] Dividend: Dividend Distribution Policy, [10] Zero  Coupon Bond [11]EGM Page [12]AGM Page */
   .Inv-table th {
	   font-size: 1.10rem;
  	}
   .Inv-table td {
	   font-size: 1.0rem;
   	}
	.Inv-table .btn {
		font-size: 1.0rem;
	}
	.Inv-table span{
		Padding:2px 0px 2px 35px
	}
	.grd-3{
		min-width:50%; max-width:50%; padding: 5px 0px 5px 10px;
	}
	.grd-2{
		min-width:33.33%; max-width:33.33%; padding: 5px 0px 5px 10px;
	}
   

	/*Investor Relation: Board Of Directors PAGE*/
	.board-item{
    	margin-bottom: 30px;
	}
	.board-card{
		gap: 25px; padding: 25px;
	}
	.board-photo{
		flex: 0 0 200px;
	}
	.board-photo img{
		width: 200px;  height: 280px;
	}
	.board-name{
		font-size: 1.25rem;
	}
	.board-role{
		font-size: 1.05rem; margin-top: 5px;
	}
	.board-represent{
		font-size: .85rem; margin-top: 5px; padding: 4px 10px;
	}
	.board-body{
		font-size: 1.0rem; line-height: 1.6;
	}

	
	

	/* Invertor Relation: Audit/Nomination & Remuneration Committee Page*/
	.committee_chairman{
		margin-top: 20px; margin-bottom: 50px;
	}
	.committee_chairman img{
		width: 195px; height: 250px; padding: 10px 6px 0px 6px;
	}
	.committee_chairman h2{
		margin-top: 10px; font-size: 1.10rem;
	}
	.committee_chairman p{
		font-size: 1.0rem;
	}

	.committee_members{
		grid-template-columns: repeat(1, 1fr); gap: 50px;
	}
	.committee_member img{
		width: 195px; height: 250px; padding: 10px 6px 0px 6px;
	}
	.committee_member h3{
		margin-top: 10px; font-size: 1.10rem;
	}
	.committee_member p{
		font-size: 1.0rem;
	}

   
	/* Investor Relation Share Holding Status (Only Graph Section)*/
	 #chartContainer{
		height: 420px; margin-bottom:10px;
	}

	/* Investor Relation Contact Us*/
	.Contact-Us-Box{
		line-height:1.8; padding:15px 25px; margin-bottom:50px;
	}
	.Contact-Us-Box h2{
		font-size: 1.10rem; 
	}
	.Contact-Us-Box h4{
		font-size: 1.0rem;
	}
	.Contact-Us-Box label{
		font-size: 0.95rem;
	}

	/*=========================================================================================*/
	/*============================= Current News Page Design ==================================*/

	/* Featured post (latest article) */
	.News-Featured{
		margin-top:0px; margin-bottom:40px!important; max-width: 100%; margin:0 auto;
	}
	.News-Featured-Media{
		flex:1 1 100%; height:auto;
	}
	.News-Featured-Media img{
		max-height:320px;
	}
	.News-Featured-Body{
		flex:1 1 100%; padding:30px;
	}
	.News-Tag{
		font-size:0.75rem; padding:5px 0px; margin-bottom:5px;
	}
	.News-Featured-Body h2{
		margin:0 0 12px 0; font-size:1.20rem;
	}
	.News-Date{
		font-size:0.85rem; margin-bottom:11px;
	}
	.News-Date i{
		margin-right:5px;
	}
	.News-Featured-Body p{
		font-size:.90rem;
	}

	/* Card grid (rest of the posts) */
	.News-Grid{
		grid-template-columns:repeat(2, 1fr); gap:40px; max-width: 100%; margin:0 auto;
	}
	.News-Card-Media{
		height:250px; flex:0 0 250px;
	}
	.News-Card-Body{
		padding:20px 22px 22px 22px; 
	}
	.News-Card-Body h3{
		font-size:1.05rem; margin:0 0 10px 0; 
	}
	.News-Card-Body .News-Date{
		margin-bottom:10px;
	}
	.News-Card-Body p{
		font-size:0.90rem; margin-bottom:15px;
	}

	/*  Pagination, pill style  */
	.News-Pagination-Wrap{
		margin-top:46px; margin-bottom: 42px;
	}
	.News-Pagination-Mark{
		font-size:0.85rem; margin-bottom:14px;
	}
	.News-Pagination-Wrap .pagination a{
		font-size:0.9rem;  padding:8px 16px;  min-width:32px; min-height:32px; margin-right:7px; 
	}


	/*=========================================================================================*/
	/*============================= Current Details Page Design ===============================*/

	/* Main Section */
	.news-detail-section{ 
		padding: 130px 80px 65px;
	}
	.news-paper{
		padding: 22px 22px;
	}

	/* section divider */
	.section-divider{ 
		gap:10px; margin:24px 0;
	}
	.section-divider::before{ 
		width:10px; height:10px;
	}
	.section-divider.is-tight{ 
		margin:18px 0 22px;
	}

	/* shells */
	.news-hero-header{
		margin:0 0 24px !important;
	}
	.news-hero-heading{
		font-size:1.35rem;  margin:0 0 14px;
	}
	.publish-date-badge{
		font-size:.75rem; gap:2px;
	}
	.gallery-shell{
		margin:0 0 20px !important; padding:0px 16%
	}
	.gallery-row{ 
		flex-direction: column; gap:10px
	}
	.gallery-hero-wrap{
		width: 100%;
	}

	/* hero Image Section */
	.hero-counter-badge{
		bottom:14px; right:14px; padding:6px 13px; font-size:.70rem; 
	}
	.hero-zoom-hint{
		bottom:14px; left:14px; padding:6px 11px; font-size:.60rem;
	}

	/*  prev/next arrows */
	.hero-nav-btn{
		width:42px; height:42px; border-radius:50%; font-size:1.05rem;
	}
	.hero-nav-prev{ 
		left:12px;
	}
	.hero-nav-next{ 
		right:12px; 
	}

	/* right stamps image */	
	.gallery-thumb-col{
		width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start;    gap: 6px;
	}
	.gallery-thumb-grid{
		width: 100%; grid-template-columns: repeat(6, 1fr); grid-template-rows: auto; gap: 8px;
	}
	.gallery-thumb-grid .gallery-thumb{
		width: 100% !important; /* scoped now — only fills the grid's own 1fr track */
	}
	.gallery-thumb-col{
		width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start;	gap: 8px;
	}
	.gallery-thumb-col .gallery-thumb{
		width: calc((100% - 16px) / 4) !important; flex: 0 0 auto;
	}
	.gallery-thumb-number{
		font-size:.60rem;  padding:2px 7px;
	}


	/* lightbox */
	.lightbox-media{
		max-width:82vw; max-height:70vh;
	}
	.lightbox-media img{
		min-width:82vw; max-width:82vw; max-height:70vh;
	}
	.lightbox-close-btn{
		top:12px; right:12px; width:38px; height:38px; font-size:1.25rem;
	}
	.lightbox-nav-btn{
		width:46px; height:46px; font-size:1.125rem;
	}
	.lightbox-nav-prev{ 
		left:12px;
	}
	.lightbox-nav-next{ 
		right:12px;
	}
	.lightbox-counter-badge{
		font-size:.70rem;  bottom:12px;  padding:5px 12px;
	}

	/* article body */
	.news-article-wrap{ 
		margin:30px auto 34px;
	}
	.news-article-wrap p{ 
		font-size:.95rem;
	}

	/* share button */
	.share-section h2{ 
		font-size:1.0rem; margin:0 0 12px;
	}
	.share-icon-list{ 
		gap:12px;
	}
	.share-icon-link{
		font-size:1rem; width:42px; height:42px;
	}


	/* related news */
	.related-articles-section{ 
		margin-top:70px;
	}
	.related-articles-header{ 
		gap:14px; margin-bottom:4px;
	}
	.related-articles-header h2{ 
		font-size:1.20rem; margin:0; 
	}
	.related-articles-header span{ 
		font-size:0.66rem;
	}
	.related-articles-list{ 
		grid-template-columns:repeat(1, 1fr); gap:16px; margin-top:14px;
	}
	.related-article-media{ 
		flex:0 0 180px; width:180px;
	}
	.related-article-content{ 
		flex-direction:column; padding:15px 20px; gap:6px;
	}
	.related-article-content h3{
		font-size:.95rem;
	}
	.related-article-excerpt{
		font-size:.86rem;
	}
	.related-article-date{
		gap:6px; margin-top:2px; font-size:.74rem;
	}
	.related-article-date::before{ 
		width:9px; height:9px;
	}


	/*=========================================================================================*/
	/*================================ Training Page Design ===================================*/

	/* Intro Part */
	.Training-Intro{
		outline: 2px dashed #ffffff33; outline-offset: -10px; padding:35px 36px; margin:0 0 24px 0;
	}
	.Training-Intro-Quote{
		font-size:1.05rem;
	}
	.Training-Intro-Quote i{
		font-size:.85rem; margin:0 6px;
	}
	.Training-Intro-Author{
		margin-top:8px; font-size:.75rem;
	}

	/* Search panel */
	.Training-Search-Panel{
		margin:0 0 16px 0; padding:10px 0px;
	}
	.Training-Search-Select-Wrap{
		min-width:300px;
	}

	/* Training Native */
	.Training-Native-Select{
		padding:11px 42px 11px 16px; font-size:.90rem;
	}
	.Training-Custom-Trigger{
		padding:12px 16px; font-size:.90rem;
	}
	.Training-Custom-Trigger-Arrow{
		font-size:.75rem;
	}
	.Training-Custom-Options{
		max-height:260px; padding:5px;
	}

	/* Flips upward automatically */
	.Training-Custom-Options::-webkit-scrollbar{
		width:8px;
	}
	.Training-Custom-Option{
		gap:8px; padding:10px 12px; font-size:.90rem
	}
	.Training-Custom-Option .fa-check{
		width:12px; font-size:.75rem; 
	}

	/* Reset button */
	.Training-Reset-Btn{
		gap:8px; padding:12px 16px; font-size:.90rem;
	}
	.Training-Reset-Btn i{
		font-size:.90rem;
	}

	/* Training Count */
	.Training-Count{
		font-size:.90rem; margin:0 0 35px 0;
	}
	.Training-Empty{
		padding:30px 0;
	}
	.News-Card-Type{
		font-size:.82rem; margin-bottom:4px;
	}
	.News-Card-Type i{
		margin-right:6px;
	}

	/*====================================================================================*/
	/*========================= Training Details Page Design =============================*/

	.training-subcategory-badge{
		gap:6px; padding:5px 0px; margin:0 0 10px 0;  font-size:.75rem;
	}
	.training-subcategory-badge i{
		font-size:.75rem;
	}
	/* You May Also Read */
	.training-subcategory-badge--sm{
		padding:3px 0px; margin:0 0 6px 0; font-size:.68rem;
	}
	.training-subcategory-badge--sm i{
		font-size:.68rem;
	}

	/*====================================================================================*/
	/*=========================== News letter Page Design =================================*/
	
	/* newsletter hero section */
	.archive-hero{
		padding: 130px 30px 65px; 
	}
	.archive-hero .eyebrow{
    	gap:7px; font-size:0.80rem; letter-spacing:0.18em; margin-bottom:18px;
	}
	.archive-hero .eyebrow::before{
		width:24px; height:1px;
	}
	.archive-hero h1{
		font-size:6.0rem; margin:0 0 30px;
	}
	.archive-hero p{
		font-size:0.95rem; max-width:700px;
	}


	/* archive shelf section */
	.archive-shelf{
		padding: 60px 80px 120px; text-align: center;
	}
	.shelf-grid{
		grid-template-columns: repeat(2, 1fr); gap: 60px 40px; max-width:625px; margin: 0 auto;
	}
	.ring-stamp{
		bottom:6px; right:6px; width:35px; height:35px;
	}
	.issue-meta{
		gap:10px; margin-top:14px;
	}
	.issue-meta .when{
		font-size:1.15rem;
	}
	.issue-meta .when span{ 
		font-size:0.95rem; margin-left:6px;
	}
	.issue-meta .pillar-tag{
		font-size:.70rem; padding:5px 10px;
	}
	.issue-title{
		margin:6px 0 0; font-size:1.05rem; text-align: left;
	}


	/* Light Box of News Letter */
	.nl-lightbox-panel{
		max-width:95%; height:90vh;
	}
	.nl-lightbox-header{
		gap:10px; padding:14px 44px 12px 18px;
	}
	.nl-lightbox-header h2{
		font-size:1.05rem;
	}
	.nl-lightbox-header h2 .lb-when{
		font-size:.72rem; margin-left:0; margin-top:3px;
	}
	.nl-lightbox-controls{
		gap:6px;
	}
	.lb-icon-btn{
		width:30px; height:30px; font-size:.95rem;
	}
	.lb-pdf-link{
		font-size:.72rem; padding:6px 9px;
	}
	.nl-lightbox-close{
		font-size:1rem;
	}
	


	/*==================================================================================*/
	/*========================== Career Page Design ===================================*/

	.cr-seam{
		height:14px;
	}
	/* Career Hero */
	.cr-hero{
		min-height:84vh; margin-top: 100px;
	}
	.cr-hero-content{
		padding:0 18px;
	}
	.cr-hero-heading{
		font-size:2.75rem; margin:0 0 16px;
	}
	.cr-hero-subtext{
		font-size:0.93rem; max-width:650px;
	}

	/*  Layout base */
	.cr-main,
	.cr-why,
	.cr-divisions{		
		padding:80px 0;
	}
	.cr-container{		
		max-width:95%; padding:0 65px;
	}
	.cr-panel-eyebrow{
		font-size: .85rem;
	}
	.cr-panel-heading{
		font-size:1.4rem; margin:0 0 16px;
	}
	.cr-section-heading{
		font-size:1.75rem; margin:0 0 38px;
	}
	
	/* Opportunities: CV & Openings */
	.cr-opportunities{
		grid-template-columns: repeat(1, 1fr); 
	}
	.cr-cv-panel{
		padding:50px 50px 50px 0; border-right:none;  border-bottom:1px solid var(--cr-line);
	}
	.cr-openings-panel{
		padding:50px 50px 50px 0; border-top:1px solid var(--cr-line); margin-top:50px;
	}
	.cr-panel-text{
		font-size:.95rem; max-width:640px;  margin:0 0 30px;
	}

	/* Hang-tag email element */
	.cr-tag{
		gap:14px; padding:18px 28px 18px 34px; font-size:1.05rem;
	}
	.cr-tag-hole{
		width:12px;	height:12px; top:-9px; left:20px;
	}
	.cr-tag i{
		font-size:1.05rem;
	}
	.cr-panel-hint{
		font-size:.80rem; margin:14px 0 0;
	}

	/* Openings list (Pending) */
	.cr-openings-empty{
		padding:20px 0 0;
	}
	.cr-openings-empty i{
		font-size:1.5rem; margin-bottom:14px;
	}
	.cr-openings-empty-title{
		font-size:1rem; margin:0 0 8px; 
	}
	.cr-openings-empty-text{
		font-size:0.90rem; max-width:640px;
	}
	.cr-opening-link{
		gap:20px; padding:24px 4px;
	}
	.cr-opening-link:hover{
		padding-left:14px;
	}
	.cr-opening-main h3{
		font-size:1rem; margin:0 0 8px;
	}
	.cr-opening-meta{
		font-size:.80rem; gap:8px;
	}
	.cr-opening-cta{
		font-size:.75rem; letter-spacing:1px;
	}

	/* Why Choose */
	.cr-perks-grid{
		grid-template-columns:repeat(2,1fr); gap:35px; padding:0px 35px;
	}
	.cr-perk-card{
		padding:36px 16px;
	}
	.cr-perk-card i{
		font-size:1.25rem; margin-bottom:16px; 
	}
	.cr-perk-card h3{
		font-size:.95rem; margin:0 0 10px;
	}
	.cr-perk-card p{
		font-size:.90rem;
	}

	/* Where You Could Work */
	.cr-divisions-subtext{
		font-size:.85rem; max-width:100%; margin:0 auto 40px;
	}
	.cr-division-chips{
		gap:12px; 
	}
	.cr-chip{
		font-size:.90rem; gap:8px; min-width:49%;
	}
	.cr-chip i{
		font-size:.85rem;
	}


	/* Email Options Modal */
	.cr-modal-box{
		padding:34px 30px 28px; max-width:400px;
	}
	.cr-modal-close{
		top:16px; right:16px; font-size:1rem;
	}
	.cr-modal-title{
		font-size:1.30rem; margin:0 0 8px;
	}
	.cr-modal-text{
		font-size:.88rem; margin:0 0 22px;
	}
	.cr-modal-options{
		gap:10px;
	}
	.cr-modal-option{
		gap:12px; font-size:.88rem;
	}
	.cr-modal-option i{
		width:18px;  font-size:.90rem;
	}
	.cr-modal-footnote{
		font-size:.75rem; margin:16px 0 0;
	}
	
	
	/*====================================================================================*/
	/*=================== Contact Us Envoy Textiles Page Design ==========================*/

	.contact-us-hero{
		padding:300px 24px 120px; 
	}
	.contact-wrap{
		padding:50px 10px 95px; grid-template-columns:1fr; gap:30px;
	}
	#contactForm{
		padding:30px 10px;
	}
	.contact-hero-title{
		font-size:4.0rem;
	}
	.contact-label-row{
		margin-bottom:22px;
	}
	.contact-label-title{ 
		font-size:1.30rem; 
	}
	.contact-field{
		margin-bottom:30px;
	}
	.contact-field input,
	.contact-field textarea{
		font-size:.90rem; padding:16px 6px 8px;
	}
	.contact-field textarea{
		min-height:140px;
	}
	.contact-field label{ 
		font-size:.90rem; 
	}
	.contact-field input:focus ~ label,
	.contact-field textarea:focus ~ label,
	.contact-field input:not(:placeholder-shown) ~ label,
	.contact-field textarea:not(:placeholder-shown) ~ label{ 
		top:-14px; font-size:.90rem; 
	}
	.contact-field-bar{
		height:2px;
	}
	.contact-field-err{ 
		font-size:.90rem; 
	}
	.contact-captcha-sum{ 
		font-size:.90rem; 
	}
	.contact-captcha input{ 
		font-size:.90rem; width:60px; 
	}
	.contact-captcha-tag{ 
		font-size:.80rem; 
	}
	.contact-captcha-err{ 
		font-size:.90rem; 
	}
	.contact-submit-btn{ 
		font-size:.90rem; padding:15px 25px; margin-top:16px;
	}
	.contact-form-status{ 
		font-size:0.95rem; 
	}
	.contact-office-grid{
		gap:11px; grid-template-columns: repeat(2, 1fr);
	}
	.contact-office.contact-office-factory{
		grid-column:0;
	}
	.contact-office{
		padding:24px 18px 20px;
	}
	.contact-office-tag{ 
		font-size:.95rem;  letter-spacing:.10em;
	}
	.contact-office-address{ 
		font-size:.85rem; 
	}
	.contact-office-actions button,
	.contact-office-actions a{ 
		font-size:.75rem; padding:6px 14px;
	}
	.contact-office-actions svg{
		width:12px; height:12px;
	}
	
}


@media only screen and (min-width:1px) and (max-width: 768px) {
	/*==========================================================================*/
	/*====================== General Declaration ===============================*/
	.css-button-arrow--yellow:hover:after {
		right: 10px;
	}
	.css-button-arrow--yellow:after {
		font-size: 20px; top: -3px; right: -20px; 
	}
	.clear {
		min-height: 110px; margin:0px 0px;
	}
	.clear-hall {
		min-height: 110px; margin:0px 0px;
	}
	.clear-sm {
		min-height: 20px; margin:10px 0px; 
	}
	.clear-video {
		min-height: 110px; margin-top:75vh;
	}
	#popup-msg{
		margin-bottom:15px; font-size:0.90rem;
	}
	/*==========================================================================*/
	/*===================== Navigation Bar Design ==============================*/
	.navbar-fixed-top{
		max-height:100px; padding: 12px 0px;
	}
	.header-actions{
		gap:10px;
	}
	.menu{
		font-size:1.6rem;
	}					
	.company-text {
		margin-left:80px; font-size:1.6rem;
	}
	.company-logo {
		max-height:36px! important; margin-left:8px;
	}	
		
	#sidebarCollapse {
		width: 45px; height: 40px; border-radius: 1px; margin-right:15px; 
	}
	.account-btn{
		width: 45px; height: 40px; border-radius: 1px; font-size: 1.0rem;
	}
	
	/*Modal Design*/
	.close{
		font-size:21.2rem; margin-top:20px; margin-right:20px;
	}
	
	/*==========================================================================*/
	/*====================== Side Bar Menu Design ==============================*/
	.offcanvas{
		min-width:70%; max-width:70%; width:70%;
	}
	.go-green-panel {
    	right: 70%; width: 30.0%;
	}
	.gogreen-text {
		font-size: clamp(2.30rem, 9.0vw, 4.60rem);
	}
	.gogreen-slg {
		top: 20px; left: 7px; font-size: 0.70rem;
	}
	.offcanvas-header{
		font-size:1.35rem;
	}
	.close-btn{
		margin-right:0px!important; margin-top:2px!important;
	}
	.close-btn b{
		padding: 0px 10px 0px!important;
	}
	.sidebar ul li {
		font-size:1rem; line-height: 1.85;
	}
	.sidebar .submenu li {
		font-size: .90rem; line-height: 1.85;
	}
	.sidebar .nav-link{
		padding-top: 8px; padding-bottom: 8px;
	}
	.sidebar .nav-link:hover {
		padding-left: 25px;
	}
	.menu-caret{
		margin-left:-5px!important
	}
	.submenu li:hover .menu-caret{
		margin-left:0px!important; transition:all 1s ease;
	}
	
	/*==========================================================================*/
	/*====================== Fabric Library Menu Design ==============================*/
	.account-caret{
		margin-left:5px;
	}
	.account-dropdown{
		width:340px; padding:20px;
	}
	.account-dropdown-guest{
		width:220px;
	}
	.account-dropdown::after{
		top:-6px; right:18px; width:12px; height:12px;
	}	

	/* Only trigger ever open */
	.account-dropdown-name{
		margin:0 0 6px; font-size:1.08rem;
	}
	.account-dropdown-divider{
		height:1px; margin:14px 0;
	}
	.account-dropdown-label{ /* Just Saying Account */
		font-size:.75rem; margin-bottom:8px;
	}
	.account-dropdown-link{
		font-size:1.0rem; gap:10px; padding:10px 0;
	}
	.account-dropdown-link i{
		width:16px;
	}
	
	/*==========================================================================*/
	/*======================= Footer Style Design ==============================*/
	#footer_row{
		padding: 10px 15px 0px 15px;
	}
	.footer b{
		font-size:1.0rem; 
	}
	.footer p{
	 font-size:.835rem;
	}
	.footer span{
		font-size:.835rem;
	}
	.company-footer{
		padding-top: 50px; padding-bottom: 20px;
	}
	.left-part{
		display:inline-block; text-align:left;
	}
	.left-part label{
		font-size:5.5rem;
	}
	.right-part{
		display:inline-block; text-align:Right;
	}
	.right-part label{
		font-size:5.5rem;
	}
	#footer_social {
		width:100%; padding: 2% 2% 5%
	}
	#footer_right {
		width:100%;  padding: 10% 2% 1%
	}
	#footer_bottom{
		text-align:center
	}
	#address_01 {
		margin-left:0%; width:100%;
	}
	#address_02 {
		width:100%; display:inline-block;
	}
	#address_01 p, #address_02 p{
		min-height:110px;
	}
	
	/*-- Footer Social Media --*/
	#social-platforms {
		font-size:.85rem; text-align:center; 
	}
	.btn {
		min-width:30px;
	}
	.btn > span,.btn-icon > i {
		padding:13px;
	}
	.btn > span {
		padding:11px 10px 11px; font-size:.70rem
	}
	.btn-icon > i {
		font-size:1.80em;  min-width:40px; max-width:60px
	}
	
	.btn-icon > i:after {
		display:none
	}
	
	
	/*==========================================================================*/
	/*===================== Index/Home Page Design =============================*/
	/*-- Index Page Media --*/
	#company-title-ws{
	font-size:2.3rem;
	}
	#leed-title-ws{
		font-size:1.4rem; margin: 14px auto;
	}
	#leed-logo-ws{
		max-width:120px; display:block; margin: 12px auto;
	}
	.close-btn-wlk {
		padding: 7px 25px; font-size: .95rem; bottom:70px;
	}

	/* hero-overlay section */
	.home-hero-taglines{
		gap:6px; padding:22px 22px; 
	}
	.home-hero-taglines::after{
		width:120px; height:120px; border:2px solid #99bb00;  border-left:none; border-top:none;
	}
	.home-hero-taglines::after{ 
		bottom:-10px; right:-10px;
	}
	.hero-label{
		font-size:clamp(1.4rem, 2.85vw, 3.0rem);
	}
	.hero-label em{
		font-size:clamp(1.6rem, 2.2vw, 2.8rem);
	}
	.hero-word{
		font-size:clamp(1.8rem, 3.40vw, 2.8rem);
	}

	/* Scroll Indicator */
	.scroll-indicator{
		bottom:28px; left:97.8%
	}
	.scroll-indicator-line{
		width:3px; height:64px;
	}
	/* Replay Button */
	.video-replay-btn{
		width:60px; height:60px; bottom:20px; left:50px;
	}
	.video-replay-btn svg{
		width:30px; height:30px; margin-left:4px;
	}

	/* Between Bridge Section */
	.home-bridge {
		padding: 90px 24px 90px;
	}
	.home-bridge-inner {
		max-width: 720px;
	}
	.home-bridge-eyebrow {
		gap: 12px; margin: 0 0 22px; font-size: .78rem;
	}
	.home-bridge-rule {
		width: 64px; height: 3px;  margin: 0 auto 28px;
	}
	.home-bridge-heading {
		max-width: 500px; margin: 0 auto 14px; font-size: 1.80rem;
	}
	.home-bridge-reg {
		font-size: 1.20rem; margin-left: 1.4px;
	}
	.home-bridge-year-inline {
		margin-top: 8px; font-size: 1.50rem;
	}
	.home-bridge-caption {
		max-width: 500px; margin: 34px auto 34px; font-size: 1.40rem;
	}
	.home-bridge-sub {
		max-width: 680px; font-size: .95rem;
	}
	
	/* Index, Home : Sustainability Section */
	#HomePageSection1{
		min-height:101vh; min-height:101dvh; min-height:101svh;
	}
	.card-green { /* Drop */
		top: 0%; right: 10%; /* top: 0%; right: 5.50%; margin-top:-30px */ 
	}
	.card-blue { /* Weave */
		top: 3%; left: 10%; /* top: 5%; left: 5.50%; margin-top: 20px */
	}
	.card-red { /* Lesser */
		bottom: 4%; right: 10%; /* bottom: 4%; right: 5.50%; margin-bottom:-10px */
	}
	.card-pink { /* Climate */
		bottom: 1%; left: 10%; /* bottom: 0%; left: 5.50%; margin-bottom:30px */
	}
	.card-img {
		width: 100%;  max-width: 195px; /*240px */
	}
	.card-tag{
		font-size:.68rem; padding: 10px 10px 0;
	}
	.card-text {
		top:22px; left:36px; right:10px; margin-top: 5px; font-size: .90rem;
	}
	.card-punch{
		padding:17px;
	}
	.card-punch p{
		font-size:.88rem;
	}
	
	/* Index, Home : Featured Collection */
	#featured-collection{
		padding: 30px 30px 30px 30px;
	}
	#featured-collection .Feature-Head {
		margin-left: -20px!important;
	}
	#collection-cards{
		grid-template-columns:repeat(2, 206px); gap:25px 20px;
	}
	.product-card {
		width:100%; min-width: 206px; max-width:206px;
	}
	.image-wrapper {
  		height: 240px;
	}
	.front-img, .back-img{
		max-height:100%;
	}
	.product-info {
 		padding: 12px 6px;
	}
	.product-title {
 		font-size: .90rem; font-weight: 800; margin-bottom: 6px; letter-spacing: 0.5px; 
	}
	.product-sub {
		font-size: .80rem; font-weight: 400; padding: 5px 5px; margin: 3px 3px;
	}
	.tooltip-card::after {
		font-size:.80rem; 
	}
	.modal-xl { /* Modal of Product*/
        max-width: 1140px; width: 95%;
    }
	.img-grid{
		display: none;
	}	
	.text-grid{
		padding-left: 25px; padding-right:25px ; max-width: 100%;  width: 100%;
	}	
	.modal-mobile-img{
		min-width: 105px; max-width: 105px; float: left; display: block; margin: 50px 20px 0px 0px;
	}
	.text-grid h4{
		font-size: 1.65rem; margin-top: 50px;
	}
	.text-grid i{
		font-size: .80rem; 
	}
	.text-grid p{
		font-size: .90rem; margin-bottom:30px; line-height: 1.50;
	}
	
	/* Index, Home : Marketing Text Section*/
	.envoy-story{
		padding:90px 0px;
	}
	.story-line-container{
		min-width:420px;
	}
	.story-line{
		font-size: clamp(1rem, 2vw, 1.25rem); margin-bottom:.56rem;
	}
	.story-line strong{
		font-size: clamp(1.25rem, 2vw, 1.50rem);
	}
	.envoy-title{
		font-size: clamp(2.25rem, 2vw, 2.50rem); margin-top:50px;
	}
	.envoy-title small{
		font-size: clamp(1.25rem, 2vw, 1.50rem);
	}
	
	
	/*Home Overview Section*/
	#HomeOverview{
		margin-top:70px; padding-left:75px; padding-right:75px;
	}
	#Overview-Option{
		min-width:100%; display:inline-block; margin-bottom:40px
	}
	.ov-title {
		font-size: 1.2rem; margin-left:20px;
	}
	.ov-click{
		font-size: .80rem; padding:5px 10px; opacity:1; background:#5cd65c; -webkit-border-top-right-radius: 30px; -webkit-border-bottom-right-radius: 30px; -moz-border-radius-topright: 30px; -moz-border-radius-bottomright: 30px; border-top-right-radius: 30px; border-bottom-right-radius: 30px;
	}
	
	/* [1]Home: About Information, [2]About Us Page, [3]CSR Page, */
	#WebView{
		padding-left:30px; padding-right:35px;
	}
	.Web-Main{
		margin-top:10px
	}
	#Web-Text{
		padding:10px 0px;
	}
	#Web-Text-V2{
		padding:10px 0px; text-align: center;
	}
	#Web-Text-V3{
		padding:10px 0px;
	}
	.Web-Text-Div{
		padding:0px 10px;
	}
	#Web-Text h1{
		font-size:1.7rem; letter-spacing: 1px; border-width:3px; padding:50px 25px;
	}
	#Web-Text h1::after {
    	top: 8px; left: 8px; right: 8px; bottom: 8px; border: 3px dashed rgba(184, 184, 184, 1);
	}
	#Web-Text-V2 h1{
		font-size:1.40rem; letter-spacing: 1px; border-width:2px; padding:15px 60px; 
	}
	#Web-Text-V2 h1::before{
		width:50px; height:2px;
	}
	#Web-Text-V2 h1::after{
		width:50px; height:2px; 
	}
	#Web-Text-V3 h1{
		font-size:1.40rem; letter-spacing: 1px; border-width:2px; padding:10px 0px; margin-top:90px;  transform: rotate(-25deg);
	}
	.writeup-section{
		padding: 5px 15px;
	}
	#writeup-section p{
		font-size:1.0rem;  line-height: 1.55;
	}	
	.reg-sign{
		font-size:.70rem;
	}	
	#writeup-section-V2 p{
		font-size:1.0rem;  line-height: 1.50;
	}	
	#writeup-section-V3 p{
		font-size:1.0rem;  line-height: 1.50;
	}
	.abt_title_01{
		font-size:clamp(2.50rem, 1.0vw, 3.0rem); margin-bottom:30px;
	}
	.abt_title_02{
		font-size:clamp(1.80rem, 1.0vw, 2.30rem); margin-bottom:20px;
	}
	.abt_prg{
		font-size:1.0rem;  line-height: 1.50;
	}


	/* Image and Text Section */
	.text-section-left,
	.text-section-right {
		padding: 25px 25px; margin:0;  width:100%
	}
	.text-section-left {
		transform: translateY(20px);
	}
	.text-section-right {
		transform: translateY(-20px);
	}
	.image-section-center {
		width:100%;  margin:0;
	}
	.leed-image {
    	min-width:55vw; max-width: 55vw; padding: 25px 0px;
	}

	/* [1] Index, Home: Recycle Section*/
	.recycle-section{
		padding: 90px 0;
	}
	.top-logo img {
		max-height: 120px; margin-bottom:1.4rem;
	}
	.recycle-icon img {
		max-height: 310px !important; margin-bottom:1.4rem;
	}
	.bottom-text {
		font-size: 1.3rem;
	}
	
	/* [1] Home: Client Section*/
	.Web-Clients{
		min-width: 78vw; max-width: 78vw; margin-top: -25px;
	}
	.scroll-row-cover{
		height: 20px; margin-top: -20px;
	}
	.items img{
		min-height: 20px; max-height:20px;
	}
	.clients{
		max-width:10.0%; padding:0px;
	}
	.btn-client{
		box-shadow:rgba(0,0,0,.02) 0 1px 3px, rgba(27,31,35,.15) 0 0 0 1px; padding: 3px 5px; margin:0px 5px;  
	}
	.btn-client:hover::before{
		border-radius:5px; 
	}
	.btn-client img{
		max-height:70px;
	}
	.scroll-row-client-cover{
		height: 76px; margin-top: -76px;
	}	
	.view-page a{
		padding: 10px 0px; font-size: 1.0rem;
	}
	
	/*Home Our Culture Information*/
	#Web-Culture{
	width:100%; margin-top:1%; margin-bottom:6%; padding:20px; min-height:180px;  
	}
	#Web-Culture h3{
		font-size: 1rem; margin-bottom:10px; 
	}
	#Web-Culture p{
		font-size:.85rem;
	}
	
	/*===============================================================================*/
	/*===================== General For All Page Design =============================*/
	.Web-Page-Title{
		margin-top:66px;
	}
	.Web-Page-Title h1{
		font-size:.85rem; margin:6px 15px
	}
	.Web-Page-Title-Spcial{
		margin-top:66px;
	}
	.Web-Page-Title-Spcial h1{
		font-size:0.85rem; margin:6px 15px
	}
	#WebView-Other{
		padding-left:30px; padding-right:35px; margin-top:120px;
	}
	#WebView-Leed{
		padding-left:30px; padding-right:35px; margin-top:100px;
	}
	
	
	/*================================================================================*/
	/*======================= Vision Values Page Design ==============================*/
	
	/*Vision Values Page Information*/
	#Web-Vision{
		padding:0px 5px; display:grid; grid-template-columns: repeat(1,1fr); gap:25px; 
	}
	#Vision-Header h1{
		font-size:4.2rem;
	}
	#Vision-Text p,li{
		font-size:.92rem
	}
	#readMoreBtn{
		font-size: 1rem;
	}
	
	/*===================================================================================*/
	/*===================== Award Accreditation Page Design =============================*/	

	/* AWARD ACCREDITATION PAGE - IMAGE CAROUSEL */
	.aw-slider {
		min-height: 60vh;
	}
	.aw-slide img {
		object-fit: contain;
	}
	.aw-slide-info {
		padding: 25px 25px 30px 25px;
	}
	.aw-slide-info h5 {
		font-size: clamp(1.0rem, 1.60vw, 1.60rem); line-height: 1.25;
	}
	.aw-progress {
		height: 3px;
	}
	.aw-nav {
		width: 50px; height: 50px;  font-size: 1.4rem;
	}
	.aw-dots {
		bottom: 1.0rem; right:5vw;
	}
	.aw-dot {
		width: 6px; height: 6px; border-radius: 3px;
	}
	.aw-counter {
		display: none;
	}
	
	/*Award Accreditation Hall of Fame Section*/
	.addPadding{
		padding-top:80px!important;
	}
	.Hall-Fame-Total{
		padding: 0 10px;
	}
	.Hall-Fame-Total-Num{
		font-size: 3.5rem;
	}
	.Hall-Fame-Total-Label{
		font-size: .90rem; margin-top: 5px; 
	}
	.award-wrapper{
		padding: 50px 10px 10px 10px;
	}
	.Award-Box{
		padding:18px 15px; margin-bottom:50px;
	}
	.fa-ul h2{
		font-size: 1.0rem; line-height:1.5; margin-bottom: 10px;
	}
	.Award-Category{
		font-size: 0.90rem; line-height: 1.5; margin-bottom: 10px;
	}
	.Award-Year {
    	width: 48%; border-radius: 5px; border-width: 1px; margin: 6px 1%;
	}
	.Award-Year label {
		padding: 5px 10px; font-size: 0.90rem;
	}
	.Award-Blockquote{
		font-size:.80rem; padding:10px 10px 10px 10px; margin:15px 0px 0px 0px;
	}
	
	
	/*Award Accreditation Certification Section*/
	.Cert-Title{
		padding:0 0 16px;  font-size:2.2rem;
	}
	.Cert-Title::after{
		width:56px; height:4px;
	}
	#Web-Certificate{
		padding:30px 5px 30px;
	}
	.cert-logo-grid{
		grid-template-columns: repeat(2, 1fr); gap: 22px; padding: 30px 10px 30px;
	}
	.cert-logo-card{
		padding: 20px;
	}		
	.cert-logo-card::before{
		top: 6px; left: 10px; width: 50%; border-top: 2px dashed rgba(10,10,10,0.32);
	}
	.cert-logo-card::after{
		bottom: 6px; right: 10px; width: 50%; border-bottom: 2px dashed rgba(10,10,10,0.32);
	}
	.no-cert-popup{
		font-size:.70rem; padding:6px 10px;
	}

	/* Light Box for Certificate/Accreditation */
	#lightbox{
		padding: 30px 0; 
	}
	.lb-container{
		padding: 30px 30px;
	}
	
	/* Top toolbar */
	.lb-toolbar{
		top:10px; right:10px; gap:8px;
	}
	.lb-toolbar-btn{
		font-size:.90rem; width:34px; height:34px;
	}
	
	/* Additional Certificate Text Format */
	#Web-Certificate-text{
		margin:20px 0px; padding:30px 20px!important; 
	}
	#Web-Certificate-text h4{
		font-size:1.10rem; margin-top:20px; padding-left:20px
	}
	.fa-ul-cr li{
		font-size:.90rem
	}

	/*==========================================================================*/
	/*======================= Client Page Design ===============================*/
	.Web-Clients-Cp{
		margin-top: 15px;
	}
	.Web-Clients-Cp h4{
		font-size: 1.40rem;
	}
	.clients-cp{
		max-width:33.3%; padding:10px;
	}
	.btn-client-cp{
		border-radius:1px; padding: 10px 15px;
	}
	.btn-client-cp:hover::before{
		border-radius:5px; 
	}

	/* Map Section */
	.map-main{
		padding:0% 1%;
	}
	
	
	/*=============================================================================*/
	/*===================== Top Executive Page Design =============================*/

	/*Top Executive Page Information*/
	#Web-Exe{
		padding-left:20px; padding-right:20px; margin-top:10px; margin-bottom:60px; text-align-last: center;
	}	
	#Web-Exe-Pic{
		width:100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin: auto;

	}
	#Web-Exe-Pic-BG{
		padding:25px 25px;  max-width:220px;  max-height:230px
	}
	#Web-Exe-Pic-BG img{
		max-width:140px;
	}
	#Web-Exe-Details{
		width:100%;
	}
	#Exe-Name{
		padding:3px 10px; font-size: 1.20rem;
	}
	#Exe-Designation{
		padding:3px 15px; font-size: 1.05rem; margin-bottom: 12px;
	}
	#Exe-Details{
		padding:0px 10px; font-size: 1.0rem;
	}

	/*===================================================================================*/
	/*============================ About Us Page Design =================================*/	

	.Web-Bg-Abt-Img-Lft-35{
		max-width:100%; float:left; margin:15px 16px;
	}
	.Web-Bg-Abt-Img-Rht-35{
		max-width:100%; float:Right; margin:15px 16px;
	}
	.Web-Bg-Abt-Img-Lft-25{
		max-width:48%; display:inline-block; margin:15px 1%;
	}
	.Web-Bg-Abt-Img-Rht-25{
		max-width:48%; display:inline-block; margin:15px 1%;
	}
	
	/*Home Timeline Information*/
	#Web-Timeline{
		width: 100%;
	}	
	#Web-Timeline-Textarea-Left h1{
		font-size:2.4rem;  margin:10px 0px 15px 0px;
	}
	#Web-Timeline-Textarea-Left Ul{
		width:90%; padding:10px 0px 10px 30px; font-size:.9rem;
	}
	#Web-Timeline-Textarea-Left li{
		margin-bottom: 25px; padding:25px;
	}
	#Web-Timeline-Textarea-Right h1{
		font-size:2.4rem; margin:10px 0px 15px 0px;
	}
	#Web-Timeline-Textarea-Right Ul{
		width:90%; margin-left:10%; padding:10px 30px 10px 0px; font-size:.9rem;
	}
	#Web-Timeline-Textarea-Right li{
		margin-bottom: 25px; padding:25px; 
	}
	

	/*===================================================================================*/
	/*===================== Fabric Library : Before Login ===============================*/

	.FabricHero{
		height:calc(100vh - 115ox);  margin:115px 0 0px 0;
	}
	@supports (height: 100dvh){
		.FabricHero{
			min-height:calc(100dvh - 115px);
		}
	}
	.FabricHero-Frame{
		padding:50px 30px 70px;
	}
	.FabricHero-Media-Frame{
		min-width: 220px; max-width: 220px; margin-bottom:30px;
	}
	.FabricHero-Content{
		min-width:75%; max-width:75%;
	}
	.FabricHero-Title{
		font-size:2.25rem;
	}
	.FabricHero-Title-Light::before{
		display: none;
	}
	.FabricHero-Title-Bold::before{
		display: none;
	}
	.FabricHero-Eyebrow{
		margin:15px 0 15px; font-size:.78rem;
	}
	.FabricHero-Text{
		font-size:.90rem;
	}
	.FabricHero-Text p{ 
		margin:0 0 14px 0; 
	}
	.FabricHero-ScrollCue{
		bottom:18px;  font-size:.70rem;
	}
	.FabricHero-ScrollCue-Icon{
		width:30px; height:30px; border:1.5px solid currentColor;
	}
	.FabricHero-ScrollCue-Icon i{ 
		font-size:.82rem;
	}

	/* Fabric Gallery */
	.FabricGallery{
		margin:0px 0 0px 0;
	}
	.FabricGallery-Grid{
		grid-template-columns:repeat(2, 1fr);
	}
	.FabricGallery-Caption{
		padding:34px 8px 8px;
	}
	.FabricGallery-Caption span{
		font-size:0.75rem;
	}
	

	/* Library Access Instruction */
	.FabricAccess{
		padding:100px 30px 80px;  margin:0 0 30px 0;
	}
	.FabricAccess::before{
		top:-120px; right:-120px; width:280px; height:280px;
	}
	.FabricAccess-Title{
		margin:0 0 10px 0; font-size:1.4rem;
	}
	.FabricAccess-Intro{
		margin:0 0 30px 0; font-size:.90rem;
	}
	.FabricAccess-Steps{
		margin:0 0 30px 0; flex-wrap:wrap; gap:10px 2%;
	}
	.FabricAccess-Step{
		padding:24px 18px 20px; flex:1 1 96%; max-width:96%; box-sizing:border-box; 
	}
	.FabricAccess-Step::before{
		left:14px; right:14px; height:3px; border-radius:0 0 3px 3px; 
	}
	.FabricAccess-Step-Icon{
		width:48px; height:48px; margin-bottom:16px; font-size:1.10rem;
	}
	.FabricAccess-Step-Icon em{
		width:20px; height:20px; font-size:.70rem;
	}
	.FabricAccess-Step p{
		font-size:.84rem;
	}
	.FabricAccess-Step-Arrow{
		display:none;
	}
	.FabricAccess-Actions{
		gap:12px; margin:0 0 26px 0;
	}
	.FabricAccess-Btn{
		gap:9px; padding:14px 28px;  font-size:.92rem; 
	}
	.FabricAccess-Btn i{ 
		font-size:.85rem; 
	}
	.FabricAccess-Disclaimer{
		padding-top:22px; font-size:.78rem; 
	}

	/*====================================================================================*/
	/*================================ Fabric Library:Modals  ============================*/
	.envoy-modal__dialog {
		max-width: 32rem; padding: 1.90rem 2rem 1.80rem;
	}
	.envoy-modal__close {
		top: 1rem; right: 1rem; width: 2rem; height: 2rem; font-size: 1.1rem;
	}
	.envoy-modal__icon {
		width: 3.0rem; height: 3.0rem;  margin: 0 auto 1.15rem;  font-size: 1.15rem; 
	}
	.envoy-modal__title {
		font-size: 1.0rem; color: #111827;
	}
	.envoy-modal__body {
		font-size: .90rem; margin: 0 0 1.75rem;
	}
	.envoy-modal__btn {
		font-size: 0.88rem; padding: 0.5rem 2.05rem;
	}

	/*==================================================================================*/
	/*===================== Fabric Library : Registration Page =========================*/
	.Registration-Section{
		margin-bottom:14px;
	}
	.Registration-Hero{
		padding:6px 12px 3px;
	}
	.Registration-Hero-Text{
		font-size:0.95rem;
	}
	.Registration-Wrap{
		gap:30px; margin:26px auto 0; max-width:867px; padding:0 12px 41px; flex-direction:column; 
	}
	.Registration-Card, .Registration-Info{
		flex:1 1 445px; padding:21px 21px 18px;
	}
	.Registration-Card{
		order:1;
	}
	.Registration-Info{
		order:2;
	}
	.Registration-Title{
		font-size:0.90rem; margin:0 0 15px; padding-bottom:9px;
	}
	.Registration-Row{
		gap:12px; margin-bottom:12px;
	}
	.Registration-Row .Registration-Group{
		min-width:100%;
	}
	.Registration-Label{
		font-size:0.78rem; margin-bottom:4px;
	}
	.Registration-InputWrap i{
		font-size:0.82rem;
	}
	.Registration-InputWrap input{
		padding-left:28px;
	}
	.Registration-Input, .Registration-Select{
		padding:7px 9px; font-size:0.82rem;
	}
	label.error{
		font-size:0.70rem; margin-top:4px;
	}
	.Registration-AccessPeriod{
		gap:7px 16px; padding:9px 12px;
	}
	.Registration-AccessPeriod label{
		gap:4px; font-size:0.82rem;
	}
	.Registration-AccessPeriod input[type="radio"]{
		width:14px; height:14px;
	}
	.Registration-Captcha{
		gap:12px; padding:10px 15px; margin-bottom:15px;
	}
	.Registration-Captcha-Question{
		gap:7px; font-size:0.75rem;
	}
	.Registration-Captcha-Question input{
		width:47px; padding:6px 4px; font-size:0.82rem;
	}
	.Registration-Captcha-Label{
		font-size:0.78rem;
	}
	.Registration-Submit{
		margin-top:6px; margin-bottom:0px;
	}
	.Registration-Btn{
		gap:6px; padding:9px 19px; font-size:0.82rem;
	}
	.Registration-Info p{
		font-size:0.85rem;
	}
	.Registration-Info a{
		font-size:0.85rem;
	}
	.Registration-List li{
		font-size:0.85rem; padding:8px 0 8px 19px;
	}
	.Registration-List li::before{
		top:7px; font-size:0.72rem;
	}
	.Registration-Divider{
		height:1px; margin:16px 0;
	}
	
	/*==================================================================================*/
	/*========================= Fabric Library : Login Page ============================*/	
	.Login-Wrap{
		max-width:1180px; margin:36px auto 0; padding:0 16px 56px;
	}
	.Login-Card{
		max-width:480px; padding:28px 28px 24px;
	}
	.Login-Title{
		font-size:.95rem; margin:0 0 20px; padding-bottom:12px;
	}
	.Login-Warning{
		gap:10px; padding:10px 14px; margin-bottom:18px; font-size:0.80rem;
	}
	.Login-Warning-Close{
		font-size:0.80rem; line-height:1; padding:2px 4px;
	}
	.Login-Group{
		margin-bottom:16px;
	}
	.Login-Label{
		font-size:0.80rem; margin-bottom:6px;
	}
	.Login-InputWrap i{
		left:12px; font-size:0.90rem;
	}
	.Login-InputWrap input{ 
		padding-left:36px; 
	}
	.Login-Input{
		padding:10px 12px; font-size:0.90rem;
	}
	label.error{
		font-size:0.70rem; margin-top:5px;
	}
	.Login-Forgot{
		margin-bottom:18px;
	}
	.Login-Forgot a{
		font-size:0.72rem;
	}
	.Login-Captcha{
		gap:16px; padding:14px 20px; margin-bottom:20px;
	}
	.Login-Captcha-Question{
		gap:10px; font-size:.95rem;
	}
	.Login-Captcha-Question input{
		width:64px; padding:8px 6px; font-size:0.90rem;
	}
	.Login-Captcha-Label{
		font-size:0.65rem; 
	}
	.Login-Submit{
		margin-top:4px;
	}
	.Login-Btn{
		gap:8px; padding:12px 26px; font-size:0.90rem;
	}
	.Login-Footer{
		margin-top:20px; padding-top:16px;
	}
	.Login-Footer p{
		font-size:0.80rem;
	}
	
	/*====================================================================================*/
	/*====================== Fabric Library : Forget Password Page =======================*/
	.Forget-Wrap{
		max-width:1180px; margin:36px auto 0; padding:0 16px 56px;
	}
	.Forget-Card{
		max-width:480px; padding:28px 28px 24px;
	}
	.Forget-Title{
		font-size:1rem; margin:0 0 20px; padding-bottom:12px;
	}
	.Forget-Subtext{
		font-size:.80rem;  margin:0 0 20px; 
	}
	.Forget-Group{
		margin-bottom:16px;
	}
	.Forget-Label{
		font-size:0.80rem; margin-bottom:6px;
	}
	.Forget-InputWrap i{
		left:12px; font-size:0.90rem;
	}
	.Forget-InputWrap input{ 
		padding-left:36px; 
	}
	.Forget-Input{
		padding:10px 12px; font-size:0.90rem;
	}
	label.error{
		font-size:0.75rem; margin-top:5px;
	}
	.Forget-Captcha{
		gap:16px; padding:14px 20px; margin-bottom:20px;
	}
	.Forget-Captcha-Question{
		gap:10px; font-size:.95rem;
	}
	.Forget-Captcha-Question input{
		width:64px; padding:8px 6px; font-size:0.90rem;
	}
	.Forget-Captcha-Label{
		font-size:0.75rem;
	}
	.Forget-Submit{
		margin-top:4px;
	}
	.Forget-Btn{
		gap:8px; padding:12px 26px; font-size:0.90rem;
	}
	.Forget-Footer{
		margin-top:20px; padding-top:16px;
	}
	.Forget-Footer p{
		font-size:0.80rem;
	}
	
	/*==================================================================================*/
	/*===================== Fabric Library : Reset Password Page =======================*/
	.Reset-Wrap{
		max-width:1180px; margin:36px auto 0; padding:0 16px 56px;
	}
	.Reset-Card{
		max-width:480px; padding:28px 28px 24px;
	}
	.Reset-Title{
		font-size:1rem; margin:0 0 20px; padding-bottom:12px;
	}
	.Reset-Subtext{
		font-size:.80rem;  margin:0 0 20px;
	}
	.Reset-Group{
		margin-bottom:16px;
	}
	.Reset-Label{
		font-size:0.80rem; margin-bottom:6px;
	}
	.Reset-InputWrap i{
		left:12px; font-size:0.90rem;
	}
	.Reset-InputWrap input{ 
		padding-left:36px;
	}
	.Reset-Input{
		padding:10px 12px; font-size:0.90rem;
	}
	label.error{
		font-size:0.75rem; margin-top:5px;
	}
	.Reset-Submit{
		margin-top:4px;
	}
	.Reset-Btn{
		gap:8px; padding:12px 26px; font-size:0.90rem;
	}


	/*=================================================================================*/
	/*===================== Fabric Library: Library Home ==============================*/
	.library-hero-section{
		min-height: 100vh;
	}
	.sub-library-hero-section{
		grid-template-columns: repeat(1, 355px); gap:8px;
	}
	.library-hero-tile{
		min-height:280px;
	}
	.library-hero-overlay{
		padding:26px 26px 24px 26px;
	}
	.library-hero-caption{
		transform:translateY(5px);
	}
	.library-hero-category{
		font-size:1.3rem; margin:0 0 10px 0;
	}
	.library-hero-tile:hover 
	.library-hero-category::after{
		width:50px;
	}
	.library-hero-tagline{
		font-size:0.90rem; margin:0 0 10px 0;
	}
	.library-hero-explore-wrap{
		margin-top:10px; opacity: 1;
	}
	.library-hero-explore{
		font-size:0.75rem; padding:6px 14px;
	}
	.library-hero-empty{
		padding:60px 20px;
	}
	
	/* library eco section */
	.library-eco-section{
		padding:130px 24px; 
	}
	.library-eco-section::before,
	.library-eco-section::after{
		width:1px; height:56px;
	}
	.library-eco-section::before{
		top:44px;
	}
	.library-eco-section::after{
		bottom:44px;
	}
	.library-eco-eyebrow{
		gap:10px; font-size:.80rem;
	}
	.library-eco-eyebrow i{
		font-size:.95rem; 
	}
	.library-eco-lead{
		font-size:.95rem; margin:0 auto 44px auto;
	}
	.library-eco-statement{
		font-size:2.5rem; margin:0 0 42px 0;
	}
	.library-eco-button{
		gap:12px; font-size:.95rem; padding:16px 30px;
	}
	.library-eco-button-arrow{
		font-size:1rem; 
	}
	
	/*  Library Intro / Browse-All Section */
	.library-intro-section{
		margin-top:60px; margin-bottom: 60px; 
	}
	.library-intro-image-wrap{
		min-height:330px;
	}
	.library-intro-image-wrap,
	.library-intro-content{
		flex:1 1 100%;	max-width:100%;
	}
	.library-intro-badge{
		left:28px; bottom:28px;
	}
	.library-intro-badge-number{
		font-size:1.30rem;
	}
	.library-intro-badge-label{
		font-size:.60rem;
	}
	.library-intro-content{
		padding:60px 50px; 
	}
	.library-intro-text{
		font-size:.90rem; margin:0 0 32px 0; max-width:90%;
	}
	.library-intro-button{
		font-size:.95rem; padding:18px 30px;
	}

	/*  Envoy Feature Stories Strip */
	.library-stories-section{
		padding:70px 20px 70px 20px;
	}
	.library-stories-inner{
		max-width:90%; margin:0 auto;
	}
	.library-stories-heading{
		margin-bottom:56px;
	}
	.library-stories-eyebrow{
		font-size:.80rem; margin:0 0 14px 0;
	}
	.library-stories-title{
		font-size:2.25rem;
	}
	.library-stories-list{
		gap:30px;
	}
	.library-story-row{
		gap:28px; padding:36px 44px;
	}
	.library-story-row,
	.library-story-row.is-reversed{
		flex-direction:column; align-items:flex-start;	padding:30px 26px;
	}
	.library-story-row-media{
		flex:0 0 auto;
	}
	.library-story-row-media{
		max-width:230px; min-width:160px; max-height:230px;
	}
	.library-story-row-kicker{
		font-size:.62rem; padding:4px 10px; margin:0 0 12px 0;
	}
	.library-story-row-title{
		font-size:1.20rem; margin:0 0 14px 0;
	}
	.library-story-row-details{
		font-size:.90rem;
	}
	
	/* Keep Explore Section */
	.library-curious-content,
	.library-curious-image-wrap{
		flex:1 1 100%; max-width:100%;
	}
	.library-curious-content{
		padding:70px 70px;
	}
	.library-curious-eyebrow{
		font-size:.80rem; margin:0 0 18px 0;
	}
	.library-curious-title{
		font-size:2.05rem; margin:0 0 18px 0;
	}
	.library-curious-text{
		font-size:.92rem; margin:0 0 30px 0; max-width:78%;
	}
	.library-curious-button{
		gap:12px; font-size:.92rem; padding:18px 32px;
	}
	.library-curious-arrow{
		font-size:1.0rem; 
	}
	.library-curious-image-wrap{
		min-height:420px;
	}

	/*====================================================================================*/
	/*======================= Fabric Library: Collection Page ============================*/
	/* Product Showing Section */
	.collection-hero{
		min-height:340px;
	}
	.collection-hero-inner{
		padding:44px 40px 24px 40px;
	}
	.collection-hero-panel{
		max-width:580px; padding:28px 32px 26px 28px; border-radius:1px; border-left:3px solid var(--lime);
	}
	.collection-hero-eyebrow{
		font-size:.75rem; 
	}
	.collection-hero-title{
		font-size:2.5rem;  margin:0 0 12px 0;
	}
	.collection-hero-tagline{
		font-size:1.0rem;
	}
	/* Feature grid */
	.collection-hero-features{
		grid-template-columns:1fr; gap:8px 0px; margin-top:16px; padding-top:14px; 
	}
	.collection-hero-feature{
		gap:9px;
	}
	.collection-hero-feature-mark{
		width:6px; height:6px; margin-top:6px;
	}
	.collection-hero-feature-text{
		font-size:.75rem;
	}

	/* Results bar */
	.collection-results-bar{
		gap:16px; padding:34px 44px 34px 44px; font-size:.92rem;
	}
	.collection-results-text{
		gap:8px;
	}
	.collection-results-icon{
		font-size:.72rem;	
	}

	/* Home link */
	.collection-home-link{
		gap:7px; font-size:.75rem; padding:8px 16px;
	}
	.collection-home-link i{
		font-size:.82rem
	}

	/* Groups Search + Home together */
	.collection-results-actions{
		gap:10px;
	}
	.collection-search-btn{
		gap:7px; font-size:.75rem; padding:8px 16px;
	}
	.collection-search-btn i{
		font-size:.82rem
	}

	/* Active filters - shows selected criteria */
	.collection-active-filters{
		font-size:.82rem; gap:8px 10px; padding:8px 44px 18px 44px;
	}
	.collection-active-filters-label{
		font-size:.75rem; 
	}
	.collection-active-filter-chip{
		gap:6px; padding:5px 10px 5px 12px;
	}
	.collection-active-filter-chip-remove{
		width:15px; height:15px; font-size:.75rem;
	}
	.collection-active-filters-clear{
		font-size:.78rem; margin-left:4px;
	}

	/* Fabric search popup */
	.collection-search-overlay{
		padding:24px;
	}
	/* Outer card */
	.collection-search-modal{
		max-width:920px; max-height:90vh;
	}
	/* Inner body - scrollable area  */
	.collection-search-modal-body{
		padding:30px 24px 26px 24px;
	}
	.collection-search-close{
		width:44px; height:44px; font-size:1.25rem;
	}
	.collection-search-title{
		font-size:1.5rem; margin:0 0 26px 0;
	}
	.collection-search-grid{
		grid-template-columns:1fr; column-gap:40px; row-gap:22px; 
	}
	.sr-only{
		width:1px; height:1px; 
	}

	/* Dark "glass" fields over the photo */
	.collection-search-field select,
	.collection-search-field input[type="text"]{
		font-size:.90rem;  padding:14px 18px;
	}
	.collection-search-suggestions{
		margin-top:4px; height:230px;
	}
	.collection-search-suggestion{
		font-size:.90rem; padding:10px 14px;
	}

	/* Can't search empty" */
	.collection-search-error{ 
		margin:20px 0 0 0; padding:10px 14px;
	}
	.collection-search-actions{ 
		gap:12px; margin-top:24px; justify-content:stretch; 
	}
	.collection-search-submit, .collection-search-reset{ 
		gap:9px; padding:12px 24px; font-size:.80rem; flex:1 1 auto; justify-content:center; 
	}

	/* Product grid */
	.collection-products-grid{ 
		grid-template-columns:repeat(2, 1fr); align-items:start; gap:32px 30px; padding:22px 44px 90px 44px;
	}
	.collection-product-fabrication{ 
		padding:12px 12px 16px 12px; 
	}
	.collection-product-fabrication span{ 
		font-size:.68rem;
	}

	/* White strip under the photo. */
	.collection-product-footer{ 
		min-height:50px;
	}
	.collection-product-code{ 
		font-size:.92rem;
	}
	.collection-products-empty{ 
		padding:80px 44px; font-size:1.0rem;
	}

	/* Pagination bar */
	.collection-pagination{ 
		gap:8px; padding:0 44px 70px 44px;
	}
	.collection-pagination-page, .collection-pagination-arrow{ 
		font-size:.82rem; min-width:42px; height:42px; padding:0 10px;
	}
	.collection-pagination-ellipsis{ 
		min-width:24px; height:42px; font-size:.82rem;
	}
	

	/*====================================================================================*/
	/*============================ Fabric View Page Design ===============================*/

	/* Breadcrumb*/
	.FabricView-Breadcrumb{
		font-size:.88rem; gap:8px; padding: 8px 20px; margin:0 2px 0 auto;  border:1px solid rgba(20,20,10,0.06);
	}
	.FabricView-Breadcrumb a{
		gap:6px;
	}
	.FabricView-Breadcrumb a::after{
		bottom:-1px; height:2px; border-radius:2px;
	}
	.FabricView-BreadcrumbHome i{
		font-size:.78rem;
	}
	.FabricView-Breadcrumb > i{
		font-size:.78rem;
	}
	.FabricView-NotFound{
		font-size:1.0rem; padding:60px 4px 80px 4px;
	}
	.FabricView-NotFound a{
		margin-top:10px;
	}
	
	/* Fabric View - main layout */
	.FabricView-Layout{
		--fabric-media-h: calc(76vh - 250px); column-gap:10px; row-gap:0; padding:2px 2px 2px 2px; grid-template-columns:1fr;
		grid-template-areas: "media" "note" "stamps" "info";
	}
	.FabricView-Stamps{
		height:auto; grid-template-rows:none; grid-template-columns:repeat(3, 1fr); margin-top:6px; gap:16px; 
	}
	.FabricView-Disclaimer{
		padding:4px 16px; font-size:.62rem; gap:10px;
	}
	.FabricView-Disclaimer i{
		width:12px; height:12px; font-size:.60rem;
	}

	/* Stamps - thumbnail + caption bar */
	.FabricView-Stamp span{
		padding:6px 4px; font-size:.70rem;
	}
	.FabricView-Stamp.is-active img{
		border-width:3px; 
	}
	.FabricView-Stamp.is-active::after{
		top:6px; right:6px; width:18px; height:18px; line-height:18px; font-size:.70rem;
	}


	/* Info panel - a distinct white card */
	.FabricView-InfoCard{
		padding:20px 22px 18px 22px; margin-top:30px;
	}
	.FabricView-InfoCard::before{
		height:5px;
	}
	.FabricView-Eyebrow{
		font-size:.70rem; margin:0 0 6px 0;
	}
	.FabricView-StyleBadge{
		font-size:1.55rem; margin:0 0 15px 0; padding-bottom:14px; 
	}
	.FabricView-StyleBadge::after{
		width:56px; height:3px; border-radius:3px;
	}
	.FabricView-DetailRow{
		gap:16px; padding:9px 9px 9px 9px;
	}
	.FabricView-DetailRow::before{
		width:3px;
	}
	.FabricView-DetailLabel{
		font-size:.72rem;
	}
	.FabricView-DetailValue{
		font-size:.85rem;
	}
	.FabricView-AskBtn{
		gap:9px; margin-top:18px; padding:13px 18px;  font-size:.78rem;
	}

	/* Toolbar wrapper */
	.FabricView-ZoomToolbar{
		top:12px; right:12px; gap:8px;
	}
	.FabricView-ZoomToggleBtn{
		gap:7px; height:40px; padding:0 16px; font-size:.72rem;
	}
	.FabricView-ZoomBtn{
		width:40px; height:40px; font-size:.92rem;
	}
	.FabricView-ZoomLevel{
		min-width:34px; padding:0 4px; font-size:.75rem;
	}

	/* Similar Products Heading*/
	.FabricView-Similar{
		margin:40px 0 32px 0; padding:32px 4px 0 4px;
	}
	.FabricView-Similar::before{
		height:1px;
	}
	.FabricView-SimilarHeading{
		font-size:1.35rem; margin:0 0 22px 0; padding-bottom:14px;
	}
	.FabricView-SimilarHeading::after{
		left:0; bottom:0; width:48px; height:3px; border-radius:3px;
	}
	.FabricView-SimilarHeadingSub{
		font-size:.82rem;
	}

	/* Similar Products Card */
	.FabricView-SimilarGrid{
		grid-template-columns:repeat(2, 1fr); gap:17px; 
	}
	.FabricView-SimilarCardNoImage{
		font-size:1.75rem;
	}
	.FabricView-SimilarCardFooter{
		gap:2px; padding:8px 10px 10px 10px; border-top:1px solid rgba(20,20,10,0.08);
	}
	.FabricView-SimilarCardStyle{
		font-size:.84rem;
	}
	.FabricView-SimilarCardComposition{
		margin-top:3px; padding:2px 1px; font-size:.70rem;
	}
	


	/*===================================================================================*/
	/*============================= Explore Page Design =================================*/
	/* Adriano Goldschmied Tribute  */
	.AdrianoTribute{ 
		min-height:calc(100vh - 110px) !important; margin-top: 110px; padding:20px 30px;
	}
	.AdrianoTribute-Frame{ 
		grid-template-columns:1fr;  gap:26px; max-width:960px;
	}
	.AdrianoTribute-Media{
		 max-width:330px; max-height:none; margin:0 auto; 
	}
	.AdrianoTribute-Media-Img{ 
		max-height: 50vh;
	}
	.AdrianoTribute-Eyebrow{ 
		font-size:1.0rem; margin:20px 0 6px 0; 
	}
	.AdrianoTribute-Title{ 
		font-size:1.35rem; margin:0 0 16px 0; 
	}
	.AdrianoTribute-Badge{ 
		font-size:.76rem; gap:8px; padding:8px 16px; margin-bottom:24px;
	}
	.AdrianoTribute-Text p{ 
		font-size:0.96rem; margin:0 0 16px 0; 
	}
	.AdrianoTribute-Stitch{ 
		height:1px; margin:25px 0 22px 0; 
	}
	.AdrianoTribute-Signature{ 
		font-size:0.92rem; margin:0 0 8px 0;
	}
	.AdrianoTribute-Closing{ 
		font-size:.90rem; margin:0 0 30px 0;
	}
	
	/* Rickshaw Heritage  */
	.RickshawHeritage{ 
		padding:50px 30px;
	}
	.RickshawHeritage-Frame{ 
		grid-template-columns:1fr; gap:32px;
	}
	.RickshawHeritage-Media{ 
		max-width:460px;  margin:0 auto; 
	}
	.RickshawHeritage-Media-Frame{ 
		padding:5px;
	}
	.RickshawHeritage-Media-Mat{ 
		padding:10px;
	}
	.RickshawHeritage-Title{ 
		font-size:1.75rem; margin:0 0 22px 0; 
	}
	.RickshawHeritage-Eyebrow{ 
		font-size:.95rem; margin:0 0 10px 0;
	}
	.RickshawHeritage-Tagline{ 
		font-size:.80rem; margin:0 0 20px 0;
	}
	.RickshawHeritage-Text p{ 
		font-size:1.0rem; margin:0 0 18px 0;
	}
	
	/* Investment Journey  */
	.InvestmentJourney{ 
		padding:140px 30px 120px;
	}
	.InvestmentJourney::before{ 
		top:22px; bottom:22px; border-top:2px dashed rgba(224,168,90,0.35); border-bottom:2px dashed rgba(224,168,90,0.35);
	}
	.InvestmentJourney-Eyebrow{ 
		font-size:1.5rem; margin:0 0 40px 0;
	}
	.InvestmentJourney-Patches{ 
		gap:50px; margin-top:30px; 
	}
	.InvestmentJourney-Patch{ 
		max-width:500px; padding:30px 15px 26px;
	}
	.InvestmentJourney-Patch::before{ 
		border:1.5px dashed rgba(255,232,199,0.4); 
	}
	.InvestmentJourney-Flag{ 
		top:-11px; right:18px; font-size:.62rem; padding:5px 12px; 
	}
	.InvestmentJourney-Patch-Title{ 
		font-size:1.125rem; margin:4px 0 0 0; 
	}
	.InvestmentJourney-Patch-Subtitle{ 
		font-size:.75rem; margin:4px 0 0 0;
	}
	.InvestmentJourney-Patch-Rule{ 
		margin:14px auto 20px; border-top:1.5px dashed rgba(43,26,13,0.4); 
	}
	.InvestmentJourney-Patch-Icon{ 
		width:52px; height:52px; margin-bottom:10px; 
	}
	.InvestmentJourney-Check{ 
		top:-4px; right:-4px; width:19px; height:19px; 
	}
	.InvestmentJourney-Clock{ 
		top:-4px; right:-4px; width:19px; height:19px; 
	}
	.InvestmentJourney-Patch-Item span{ 
		font-size:.75rem;
	}
	.InvestmentJourney-Patch-Note{ 
		font-size:.62rem;  max-width:125px;
	}
	
	/* Fabric Tags  */
	.FabricTags{ 
		padding:110px 35px 100px; 
	}
	.FabricTags-Frame{ 
		max-width:100%; 
	}
	.FabricTags-Eyebrow{ 
		font-size:.82rem; margin:0 0 12px 0; 
	}
	.FabricTags-Title{ 
		font-size:2.5rem; margin:0 0 64px 0;
	}
	.FabricTags-Row{ 
		grid-template-columns:1fr; max-width:320px; gap:34px;
	}
	.FabricTags-Card{ 
		padding:38px 26px 30px; 
	}
	.FabricTags-Hole{ 
		width:14px; height:14px;
	}
	.FabricTags-IconWrap{ 
		margin:26px auto 18px; width:56px; height:56px; 
	}
	.FabricTags-Label{ 
		font-size:.92rem; margin:0 0 14px 0;
	}
	.FabricTags-Stitch{ 
		height:1px; margin:0 auto 16px; 
	}
	.FabricTags-Values{ 
		font-size:.85rem;
	}

	/* indigo scraf */
	.IndigoScarf-Frame{ 
		grid-template-columns:1fr; min-height:0;
	}
	.IndigoScarf-Content{ 
		padding:60px 35px 60px 35px;
	}
	.IndigoScarf-Mark{ 
		gap:1px; margin-bottom:10px; 
	}
	.IndigoScarf-Eyebrow{ 
		font-size:.78rem; margin:0 0 2px 0;
	}
	.IndigoScarf-Wordmark{ 
		font-size:5.5rem;
	}
	.IndigoScarf-Icon{
		max-width:70px;
	}
	.IndigoScarf-Tagline{ 
		font-size:.82rem;
	}
	.IndigoScarf-Subtitle{ 
		font-size:.90rem; margin:8px 0 24px 0; max-width:252px;
	}
	.IndigoScarf-Text p{ 
		font-size:.95rem; margin:0 0 16px 0;
	}
	.IndigoScarf-Badge{ 
		font-size:.72rem; margin-top:30px; padding:9px 20px;
	}
	.IndigoScarf-Media{ 
		min-height:460px; order:-1; 
	}
	
	/* Go Green Banner */
	.GoGreenBanner{ 
		min-height:245px; padding:40px 80px; 
	}
	.GoGreenBanner-Frame{ 
		flex-wrap:wrap; text-align:center; justify-content:center; gap:16px; 
	}
	.GoGreenBanner-Text{ 
		flex:1 1 100%; order:2; 
	}
	.GoGreenBanner-Icon{ 
		width:80px; height:80px;  order:1; 
	}
	.GoGreenBanner-Icon svg{ 
		width:40px; height:40px; 
	}
	.GoGreenBanner-Eyebrow{ 
		font-size:.80rem; margin:0 0 8px 0; 
	}
	.GoGreenBanner-Title{ 
		font-size:1.70rem; margin:0 0 10px 0; 
	}
	.GoGreenBanner-Subtitle{ 
		font-size:.90rem;  margin:0 auto; 
	}
	.GoGreenBanner-Cta{ 
		order:3; flex:1 1 100%; justify-content:center;  gap:10px; padding:15px 30px; font-size:.88rem; max-width:280px;
	}
	.GoGreenBanner-Cta svg{ 
		width:14px; height:14px;
	}

	/*====================================================================================*/
	/*================ Facilities:Denim Production Textiles Page Design ==================*/
	.accordion strong{
		font-size: 1.10rem
	}
	.accordion .bullets {
		max-height:20px; padding-right:10px
	}
	.accordion p{
		font-size: 0.90rem
	}
	
	/* Facility Carousel Section */
	.envoy-hero-carousel .carousel-caption {
		right: 6%; bottom: 12%;	max-width: 600px;
	}
	.envoy-hero-carousel .carousel-caption .envoy-caption-title{
		font-size:1.95rem; padding:25px 0px;
	}
	/* indicators */
	.envoy-hero-carousel .carousel-indicators {
		gap: 12px; bottom: 44px; right: calc(6% + 110px);
	}
	.envoy-hero-carousel .carousel-indicators [data-bs-target] {
		width: 8px; height: 8px;
	}
	.envoy-hero-carousel .carousel-indicators [data-bs-target].active {
		width: 12px; height: 12px;
	}
	/* arrows */
	.envoy-hero-carousel .control-btn {
		width: 40px; height: 40px;  bottom: 34px;
	}
	.envoy-hero-carousel .control-icon {
		width: 1.15rem;	height: 1.15rem;
	}
	.envoy-hero-carousel .carousel-control-prev {
		right: calc(6% + 52px);
	}
	.envoy-hero-carousel .carousel-control-next {
		right: 6%;
	}

	/* Denim Production Details */
	.envoy-facility-heading {
		margin-bottom: 32px;
	}
	.envoy-facility-eyebrow {
		font-size: .75rem; margin-bottom: 14px;
	}
	.envoy-facility-tagline {
		font-size: 1.35rem;  padding-bottom: 20px; 
	}
	.envoy-facility-tagline::after {
		width: 130px; border-top: 2px dashed #a9823f;
	}
	/* stats */
	.envoy-facility-stats {
		grid-template-columns: 1fr; gap: 20px 15px; margin-bottom: 32px;
	}
	.envoy-facility-stats .envoy-stat-card:nth-child(n) { 
		transform: none; 
	}
	.envoy-stat-card {
		gap: 5px; padding: 26px 18px 22px 18px;
	}
	.envoy-stat-card::before {
		top: 11px; right: 11px; width: 9px; height: 9px;
	}
	.envoy-stat-number {
		font-size: 2.0rem;
	}
	.envoy-stat-label {
		font-size: .76rem;
	}
	.fac_prg{
		font-size:0.95rem; line-height: 1.70; padding:15px 0px; 
	}
	
	/* Facility Sustainable Process Section */
	.fac_header{
		margin-bottom:50px;
	}
	.fac_header span{
		font-size:.90rem; padding:10px 22px;
	}
	/* grid */
	.fac_facility{
		gap:30px;
	}
	/* cards */
	.fac_step{
		border-radius:24px; padding:30px; width:calc(360px - 31px); /* 31px = gap:30px + 1px border */
	}
	/* glow */
	.fac_step::before{
		width:180px; height:180px; top:-70px; right:-70px;
	}
	/* number */
	.fac_num{
		font-size:0.80rem; letter-spacing:2px;
	}
	/* icon */
	.fac_icon{
		width:80px; height:80px; border-radius:24px; margin-bottom:26px;
	}
	.fac_icon::before{	
		border-radius:24px; border-width: 2px; padding:2px;
	}
	.fac_icon span{
		font-size:2.10rem;
	}
	/* title */
	.fac_step h3{
		font-size:1.30rem; margin-bottom:18px; letter-spacing:.2px;
	}
	/* paragraph */
	.fac_step p{
		font-size:1rem; line-height:1.65; padding-left:16px;
	}
	/* highlight line */
	.fac_step p::before{
		left:0; top:4px; width:3px; border-radius:10px;
	}
	/* tag area */
	.fac_bottom{
		bottom:25px;
	}
	/* minimal tag */
	.fac_tag{
		font-size: 0.75rem; padding-bottom:6px;
	}
	/* underline animation */
	.fac_tag::after{
		height:2px; 
	}
	
	
/*========================================================================================*/
/*==================== Facilities: Others Facility Page Design =========================*/
/* Others Facility Hero Section */
.OFHeroWrap .OFBlank{ 
	height:clamp(40px,7vh,80px);
}
.OFHero{
	padding:45px 30px;
}
.OFHero__glow{
	width:500px; height:500px;
}
.OFHero__frame::before, .OFHero__frame::after{
	width:54px; height:54px;
}
.OFHero__frame::before{ 
	border-width:1px 0 0 1px;
}
.OFHero__frame::after{ 
	border-width:1px 1px 0 0;
}
.OFHero__inner{ 
	max-width:95%;
}
.OFHero__eyebrow{
	gap:12px; margin-bottom:18px; font-size:.72rem;
}
.OFHero__eyebrow-line{
	width:20px; height:1px;
}
.OFHero__title{ 
	margin:0 0 clamp(12px,2.6vh,28px);
}
.OFHero__line--lead{ 
	margin-bottom:clamp(2px,.8vh,8px);
}
.OFHero__line--lead > span{
	font-size:1.65rem; 
}
.OFHero__line--main > span{
	font-size:2.65rem;
}
.OFHero__subtitle{
	font-size:.90rem; max-width:95%; margin:0 0 26px; padding-left:18px; border-left:2px solid rgba(201,162,39,.7);
}
.OFHero__cta{
	gap:14px; font-size:.75rem; 
}
.OFHero__cta-icon{
	width:24px; height:38px; border-radius:14px; border:2px solid rgba(233,207,122,.8);
}
.OFHero__cta-wheel{
	top:7px; width:4px; height:8px; margin-left:-2px;
}


/* Body Part of Others Facility */
.OFStory__rail{
	right:30px; gap:11px;
}
.OFStory__rail button{
	width:11px; height:11px;  border:1px solid rgba(255,255,255,.4);
}
.OFPanel{
	padding:60px 30px; border-top:1px solid rgba(255,255,255,.06);
}
.OFPanel__content{ 
	max-width:95%;
}
.OFPanel__title{
	font-size:1.5rem; margin:0px 0px 12px;
}
.OFPanel__desc{
	font-size:.90rem;
}





	/*========================================================================================*/
	/*==================== Sustainability: LEED PLATINUM Page Design =========================*/
	.lion {	
		min-height: calc(100vh - 110px); padding: 1.5rem 2rem; 
	}
	.lion-eyebrow{
		font-size: 1rem; margin-bottom: 1.20rem;
	}
	.lion-leed-wordmark img{	
		width:clamp(320px,11vw,420px); margin-bottom: 1.20rem;
	}
	.lion-title {
		font-size: 2.75rem; margin-bottom: 1.20rem;
	}
	.lion-title .line-gold {
		-webkit-text-stroke: 1.25px var(--gold);
	}
	.lion-com-type {
		font-size: 1.50rem;
	}
	.lion-score-display {
		margin: 1.20rem 0 1.0rem 0;
	}
	.total-score-big {
		font-size: 3.0rem
	}
	.score-slash { 
		font-size: 2.5rem;
	}
	.score-total {
		font-size: 2.5rem;
	}
	.score-label-block .lbl {
		font-size: .70rem;
	}

	/* Scores Section Start */
	.leed-cmp-row{
		padding: 0px 10px;
	}
	.scores-section {
		padding: 120px 0 40px;
	}
	.leed-cmp-eyebrow{
		font-size:0.80rem; margin-bottom:10px;
	}
	.section-heading {
		font-size: clamp(2.25rem, 6vw, 3.25rem); margin-bottom: 2rem;
	}

	/* Leed Counter & Header */
	.leed-cmp-switch{
		gap:4px; padding:5px; margin:0 auto 2.25rem;
	}
	.leed-cmp-tab{
		gap:2px; padding:8px 28px; 
	}
	.leed-cmp-tab-year{ 
		font-size:1.2rem;
	}
	.leed-cmp-tab-label{ 
		font-size:0.6rem;
	}

	/* Swatch for total score */
	.leed-cmp-total{
		border: 1px dashed rgba(232,200,122,0.55); padding: 14px 25px 32px 25px; gap:10px;  margin-left:0; margin-right:0; max-width:100%; 
	}
	.leed-cmp-total::after{
		height:12px; bottom:-2px;
	}
	.leed-cmp-total-bottom{ 
		gap:20px; flex-wrap:wrap;
	}
	.leed-cmp-total-track{
		height:7px; width:100%; flex:1 1 100%;
	}
	.leed-cmp-total-figures{ 
		gap:5px; width:auto; justify-content:flex-start;
	}
	.leed-cmp-total-num{ 
		font-size:1.35rem; min-width: 50px;
	}
	.leed-cmp-total-slash{ 
		font-size:0.90rem;
	}
	.leed-cmp-total-max{ 
		font-size:0.90rem;
	}
	.leed-cmp-total-label{ 
		margin-left:8px; font-size:0.58rem; margin-left:0; width:100%;
	}
	.leed-cmp-total-rating{ 
		font-size:1rem; padding-bottom:9px;
	}

 	/* Score cards grid */
	.scores-grid {
		grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)) !important; gap: 15px!important;
		padding: 4px 10px 32px!important;
	}
	.scores-grid .score-card {	
		border: 1px solid rgba(20,17,10,0.16); padding: 25px 15px!important; margin-bottom: 0 !important;
	}
	.scores-grid .card-top{
		gap: 12px; margin-bottom: 16px!important;
	}
	.leed-cmp-tag{
		font-size:0.62rem; border:1px solid currentColor; padding:3px 9px;
	}
	.scores-grid .leed-cmp-val{
		font-size: 1.25rem;
	}
	.scores-grid .leed-cmp-max{
		font-size: 0.78rem;
	}
	.scores-grid .card-name{
		font-size: .90rem; margin-bottom: 10px!important; min-height: 3.6rem;
	}
	.leed-cmp-icon{
		margin-right: 0.55rem; font-size: 0.92rem!important; line-height: 1.35; margin-top: 0.15em;
	}
	.scores-grid .card-number{
		font-size: 3.5rem !important;
	}
	.card-bar-track {
		margin-top: 16px!important; height: 8px; border-radius: 2px;
	}

	/* Details Section */
	.details-section{
		padding: 100px 0px; 
	}
	.details-left .big-quote {
		font-size: clamp(2.25rem, 6vw, 3.25rem); margin-bottom: 2rem;
	}
	.details-body {
		line-height: 1.50; font-size: 1.0rem;
	}
	.details-body p + p { 
		margin-top: 2.50rem;
	}

	/* Video Section */
	.videos-grid {
		grid-template-columns: 1fr;  gap: 2rem;
	}
	.yt-btn {
		width: 70px; height: 70px;
	} 
	.video-info{
		padding: 1rem;
	}
	.video-info p {
		line-height: 1.5; font-size: .90rem; 
	}
	.vid-modal-box {
		max-width: 1000px;
	}
	.vid-modal-close {
		font-size: 2.75rem;
	}

	/*========================================================================================*/
	/*======================= Sustainability: GO GREEN Page Design ===========================*/
	.hero {
		padding: 50px 30px
	}
	.hero-main {
		padding-bottom: clamp(0.75rem, 3vw, 1.5rem); justify-content:flex-start; margin-top:120px
	}
	.hero-eyebrow {
		font-size: 0.85rem;
	}
	.hero-h1{
		font-size:clamp(2.5rem,3.5vw,4.5rem); 
	}
	.hero-h1 .pre {
		font-size: clamp(1.5rem, 2vw, 2.5rem);
	}
	.hero-h2{
		font-size:clamp(3.5rem,5vw,6.5rem);
	}
	.hero-h2 .outline{
		-webkit-text-stroke:1.5px rgba(255,255,255,.75);
	}
	.hero-bottom{
		align-items:center; justify-content:center; bottom:10px
	}
	.hero-stats-heading{
		font-size: .85rem; 
	}
	.hero-quote {
		font-size: clamp(0.75rem, 2.8vw, 0.95rem); min-width:100%; text-align:center; margin-bottom:60px;
	}
	.hs {
		padding:10px 8px; min-width:88px; max-width:100px;
	}
	.hs-n {
		font-size: clamp(1rem, 3.5vw, 1.4rem);
	}
	.hs-l {
		font-size: 0.60rem;
	}
	.hero-scroll {
		bottom: 50px; right:15px
	}
	.scroll-line {
		width: 2px; height: 50px;
	}
	/* ticker section */
	.ticker span{
		font-size:.70rem;
	}
	/* Score section */
	.score{
		padding:90px 30px;
	}
	.score-h{
		font-size:2.0rem; margin-bottom: 0px; line-height: 1.1;
	}
	.score-h em{
		font-size: 1.5rem;
	}
	.score-grid{
		grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); 
	}
	.sc-name{
		font-size:.80rem;
	}
	.sc-num{
		font-size: 2.0rem;
	}
	.sc-num sub{
		font-size: 1.1rem; bottom: -7px;
	}
	.sc-desc{
		font-size:.85rem; min-height: 50px; margin-top:7px;
	}
	.sc-bar{
		height:2.2px; margin-top:7px;
	}
	.sc-fill{
		height:2.2px;
	}
	.sc-target{
		font-size:.70rem;  margin-top:5px;  min-height: 35px;
	}

	.sc-nav{
		gap:.8rem;
	}
	.sc-arrow{
		width:32px; height:32px; border:1px solid rgba(255,255,255,.16);
	}
	.sc-arrow i{
		font-size:.8rem;
	}
	.sc-dots{
		gap:.75rem;
	}
	.sc-dot{
		width:7px; height:7px;
	}
	.sc-count{
		font-size: 0.8rem; margin-left: 12px;
	}


	/* Fusion (Image) Section */
	.fusion{
		grid-template-columns:1fr; grid-template-rows:none; grid-auto-rows:240px;
	}
	.fu-tall{
		grid-row:auto; /* stop spanning — stack all cards equally */
	}
	.fu-tag{
		font-size:.7rem;
	}
	.fu-title{
		font-size:1.05rem;
	}

	/* Pillars Section */
	.ph-sub{
		font-size:1.25rem; text-align:Right;
	}
	.pillar{
		grid-template-columns:1fr; gap:1rem; padding:1.5rem .50rem;
	}
	.pillar::before{
		height:1px;
	}
	.pillar:hover::before{
		width:30%;
	}
	.p-ghost{
		font-size:clamp(1.8rem,8vw,2.6rem);
	}
	.p-name{
		font-size:clamp(1rem,4.5vw,1.3rem);
	}

	.p-lede{
		font-size:1.15rem; line-height:1.4; margin:0 0 15px; padding-left:20px;
	}
	.p-lede::before{
		top:2.5px; bottom:2.5px; width:5px;
	}
	.a-list{
		gap:10px;
	}
	.a-row{
		border:1px solid var(--rule);
	}
	.a-head{
		gap:10px; padding:10px 15px;
	}
	.a-row.is-open .a-num{ 
		padding-right:10px; border-right:1px solid rgba(255,255,255,.70);
	}
	.a-num{
		font-size:.88rem; padding-right:10px; border-right:1px solid rgba(0,0,0,.70);
	}
	.a-title{
		font-size:.88rem; 
	}
	.a-icon{
		width:15px; height:15px;
	}
	.a-icon::before{
		height:2px;
	}
	.a-icon::after{
		width:2px;
	}
	.p-text{
		font-size:.85rem; line-height:1.70;  padding:15px 20px;
	}

	/*  Traceability Section  */
	.trace-section{
		min-height:100vh; padding:80px 30px;
	}
	.trace-inner{
		max-width:100%; padding-left:10px; padding-right:10px;
	}
	.trace-head{
		max-width:100%; margin-bottom:45px;
	}
	.trace-ey{
		font-size:0.70rem;
	}
	.trace-h{
		font-size:2.4rem;
	}
	.trace-h em{
		font-size:2.4rem;
	}
	.trace-sub{
		font-size:0.90rem;
	}
	.trace-flow{
		grid-template-columns:1fr; gap:36px;
	}
	.tf-step::before{
		width:25px;
	}
	.tf-step:last-child{
		grid-column:auto;
	}
	.tf-name{
		font-size:1rem;
	}
	.tf-desc{
		font-size:0.90rem;
	}

	/* Digital Traceability Ecosystem */
	.dt-section{
		padding: 100px 0px;
	}
	.dt-section::before{
		background-size: 56px 56px;
	}
	.dt-inner{
		padding:0 30px;
	}
	.dt-head{
		max-width:100%; margin:0 auto 64px;
	}
	.dt-eyebrow{
		font-size:.8rem; margin-bottom:15px;
	}
	.dt-title{
		font-size:1.60rem; margin:0 0 15px;
	}
	.dt-sub{
		font-size:.90rem;
	}
	.dt-card{
		border:1px solid rgba(255,255,255,.12); padding:38px 30px 34px;
	}
	.dt-card::before{
		height:3px;
	}
	
	.dt-grid{
		grid-template-columns:1fr !important; gap:36px;
	}
	.dt-icon{
		width:56px; height:56px; border-radius:4px; font-size:1.3rem; margin-bottom:24px;
	}
	.dt-card-title{
		font-size:1.0rem; margin:0 0 24px; padding-bottom:16px;
	}
	.dt-card-title::after{
		width:62px; height:3px;
	}
	.dt-tags{
		row-gap:10px;
	}
	.dt-tags li{
		font-size:.90rem; padding-right:20px; margin-right:10px;
	}
	.dt-tags li:not(:last-child)::after{
		right:7px; width:4px; height:4px;
	}


	/* Roadmap Section */
	.rm-head{
		margin-bottom:clamp(1.6rem,5vw,2.2rem);
	}
	.rm-h{
		font-size:clamp(2rem,8vw,2.8rem);
	}
	/* single column vertical timeline */
	.rm-grid{
		grid-template-columns:1fr; gap:2.2rem;
	}
	.rm-grid > *:last-child{
		grid-column:auto;
	}
	.rm-yr{
		font-size:clamp(2rem,7vw,2.6rem); margin-bottom:.45rem;
	}
	.rm-pill{
		font-size:.8rem; margin-bottom:.45rem;
	}
	.rm-title{
		font-size:1rem; margin-bottom:.3rem;
	}
	.rm-desc{
		font-size:.85rem;
	}
	.rm-inf{
		font-size:clamp(2.4rem,9vw,3.2rem); margin-bottom:.4rem;
	}


	/* Closing Section */
	.closing-h{
		font-size:clamp(2.8rem,13vw,6rem);
	}
	.closing-sub{
		font-size:.85rem; max-width:100%; 
		padding-left:20px; padding-right:20px;
	}

	/*====================================================================================*/
	/*=============== Corporate Social Responsibility Page Design ========================*/
	/*csr-overview section*/
	.overview-img{
		width:100%; 
	}
	.overview-text{
		width:100%; 
	}
	.overview-text p{
		font-size:1.15rem; line-height: 1.25; padding:30px 30px 30px 30px;
	}

	/*csr-writeup section*/
	.csr-writeup{
		padding:25px 30px 25px 30px; line-height: 1.5;
	}
	.csr-bg h1{
		font-size:1.40rem; line-height: 1.5;
	}
	.csr-img{
		margin-left: 0px !important; max-width:100%;
	}
	.csr-writeup p{
		font-size:1.0rem; padding: 0px 0px 0px 0px;
	}
	.csr-writeup li{
		font-size:1.0rem; margin:-10px 0px 0px 30px
	}
	/*===================================================================================*/
	/*======================= Investor Relation Page Design =============================*/	
	.investor-header{
		display:none;
	}
	.investor-mobile{
		font-size: 1.0rem;
	}
	.investor-header-ul-mob {
		top:40px; 
	}
	.investor-header-ul-mob li {
		padding: 2px 0px; margin: .40em .60em; font-size:.90rem;
	}
	.investor-header-ul-mob a {
		padding: 0.3em 0;
	}
	.investor-header-ul-mob a:before {
		height: 3px;
	}
	.investor-header-ul-mob a:after {
		padding: 0.3em 0;
	}

	/*Investor Relation - Sub-Header Desktop/Laptop/Mobile Device Section*/
	.investor-subheader-ul li {
		padding:5px 30px; margin: .35em .60em; font-size:.80rem;
	}
	.investor-subheader-ul a {
		padding: 0.25em 0;
	}
	.investor-subheader-ul a:before {
		height: 3px;
	}
	.investor-subheader-ul a:after {
		padding: 0.3em 0;
	}
	
	/* Investor Relation All Page Common*/
	.share-info-div{
		padding:10px; margin-top:80px!important;
  	}
	.share-cominfo-div{
		padding:10px; margin-top:55px!important; 
	}
	.InvInfo-Box{
		padding:0px 10px; margin-bottom:30px
	}
	.InvInfo-Box-Sub-Detail{
		padding:10px 10px; margin-top:-30px; margin-bottom:5px
	}
	.inv-subpage-title{
	   margin-bottom:20px;
	}
	.inv-subpage-title-span{
	   padding:7px 25px; font-size: 1.0rem;
	}

	/* [1]General Information, [2]Price Sensitive Information, [3]Material Information, [4]Principle of Disclosure of MI & PSI, [5]Report and Financial Statement, [6] Investor-IPO, [7]Non Refunded IPO, [8] Dividend: Unclaimed Stock Dividend, [9] Dividend: Dividend Distribution Policy, [10] Zero Coupon Bond Page */
	.Inv-table th {
		font-size: 1.0rem;
	}
	.Inv-table td {
		font-size: 0.90rem;
	}
	.Inv-table .btn {
		font-size: 0.90rem;
	}
	.Inv-table span{
		Padding:2px 0px 2px 30px
	}
	.grd-3{
		min-width:50%; max-width:50%; padding: 5px 0px 5px 10px;
	}
	.grd-2{
		min-width:50%; max-width:50%; padding: 5px 0px 5px 10px;
	}
   

	/*Investor Relation: Board Of Directors PAGE*/
	.board-item{
    	margin-bottom: 30px;
	}
	.board-card{
		gap: 25px; padding: 25px;
	}
	.board-photo{
		flex: 0 0 200px;
	}
	.board-photo img{
		width: 200px;  height: 280px;
	}
	.board-name{
		font-size: 1.10rem;
	}
	.board-role{
		font-size: 1.0rem; margin-top: 5px;
	}
	.board-represent{
		font-size: .80rem; margin-top: 5px; padding: 4px 10px;
	}
	.board-body{
		font-size: .95rem; line-height: 1.5;
	}


	
	/* Invertor Relation: Audit/Nomination & Remuneration Committee Page*/
	.committee_chairman{
		margin-top: 20px; margin-bottom: 50px;
	}
	.committee_chairman img{
		width: 195px; height: 250px; padding: 10px 6px 0px 6px;
	}
	.committee_chairman h2{
		margin-top: 10px; font-size: 1.10rem;
	}
	.committee_chairman p{
		font-size: 1.0rem;
	}

	.committee_members{
		grid-template-columns: repeat(1, 1fr); gap: 50px;
	}
	.committee_member img{
		width: 195px; height: 250px; padding: 10px 6px 0px 6px;
	}
	.committee_member h3{
		margin-top: 10px; font-size: 1.10rem;
	}
	.committee_member p{
		font-size: 1.0rem;
	}

   
	/* Investor Relation Share Holding Status (Only Graph Section)*/
	 #chartContainer{
		height: 350px; margin-bottom:40px;
	}

	/* Investor Relation Contact Us*/
	.Contact-Us-Box{
		line-height:1.8; padding:15px 25px; margin-bottom:50px;
	}
	.Contact-Us-Box h2{
		font-size: 1.10rem; 
	}
	.Contact-Us-Box h4{
		font-size: 1.0rem;
	}
	.Contact-Us-Box label{
		font-size: 0.90rem;
	}

	/*=========================================================================================*/
	/*============================= Current News Page Design ==================================*/

	/* Featured post (latest article) */
	.News-Featured{
		margin-top:0px; margin-bottom:40px!important; max-width: 90%; margin:0 auto;
	}
	.News-Featured-Media{
		flex:1 1 100%; height:auto;
	}
	.News-Featured-Media img{
		max-height:320px;
	}
	.News-Featured-Body{
		flex:1 1 100%; padding:30px;
	}
	.News-Tag{
		font-size:0.75rem; padding:5px 0px; margin-bottom:5px;
	}
	.News-Featured-Body h2{
		margin:0 0 12px 0; font-size:1.20rem;
	}
	.News-Date{
		font-size:0.85rem; margin-bottom:11px;
	}
	.News-Date i{
		margin-right:5px;
	}
	.News-Featured-Body p{
		font-size:.90rem;
	}

	/* Card grid (rest of the posts) */
	.News-Grid{
		grid-template-columns:repeat(1, 1fr); gap:40px; max-width: 90%; margin:0 auto;
	}
	.News-Card-Media{
		height:250px; flex:0 0 250px;
	}
	.News-Card-Body{
		padding:20px 22px 22px 22px; 
	}
	.News-Card-Body h3{
		font-size:1.05rem; margin:0 0 10px 0; 
	}
	.News-Card-Body .News-Date{
		margin-bottom:10px;
	}
	.News-Card-Body p{
		font-size:0.90rem; margin-bottom:15px;
	}

	/*  Pagination, pill style  */
	.News-Pagination-Wrap{
		margin-top:46px; margin-bottom: 46px; 
	}
	.News-Pagination-Mark{
		font-size:0.85rem; margin-bottom:14px;
	}
	.News-Pagination-Wrap .pagination a{
		font-size:0.9rem;  padding:8px 16px;  min-width:32px; min-height:32px; margin-right:7px; 
	}


	/*=========================================================================================*/
	/*============================= Current Details Page Design ===============================*/

	/* Main Section */
	.news-detail-section{ 
		padding: 130px 30px 65px;
	}
	.news-paper{
		padding: 22px 22px;
	}

	/* section divider */
	.section-divider{ 
		gap:10px; margin:24px 0;
	}
	.section-divider::before{ 
		width:10px; height:10px;
	}
	.section-divider.is-tight{ 
		margin:18px 0 22px;
	}

	/* shells */
	.news-hero-header{
		margin:0 0 24px !important;
	}
	.news-hero-heading{
		font-size:1.20rem;  margin:0 0 14px;
	}
	.publish-date-badge{
		font-size:.75rem; gap:2px;
	}
	
	.gallery-shell{
		margin:0 0 20px !important; padding:0px 0%
	}
	.gallery-row{ 
		flex-direction: column; gap:10px
	}
	.gallery-hero-wrap{
		width: 100%;
	}

	/* hero Image Section */
	.hero-counter-badge{
		bottom:14px; right:14px; padding:6px 13px; font-size:.70rem;
	}
	.hero-zoom-hint{
		bottom:14px; left:14px; padding:6px 11px; font-size:.60rem;
	}

	/*  prev/next arrows */
	.hero-nav-btn{
		width:42px; height:42px; border-radius:50%; font-size:1.05rem;
	}
	.hero-nav-prev{ 
		left:12px;
	}
	.hero-nav-next{ 
		right:12px; 
	}

	/* right stamps image */	
	.gallery-thumb-col{
		width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start;    gap: 6px;
	}
	.gallery-thumb-grid{
		width: 100%; grid-template-columns: repeat(6, 1fr); grid-template-rows: auto; gap: 8px;
	}
	.gallery-thumb-grid .gallery-thumb{
		width: 100% !important; /* scoped now — only fills the grid's own 1fr track */
	}
	.gallery-thumb-col{
		width: 100%; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: flex-start;	gap: 8px;
	}
	.gallery-thumb-col .gallery-thumb{
		width: calc((100% - 16px) / 4) !important; flex: 0 0 auto;
	}
	.gallery-thumb-number{
		font-size:.60rem;  padding:2px 7px;
	}


	/* lightbox */
	.lightbox-media{
		max-width:84vw; max-height:70vh;
	}
	.lightbox-media img{
		min-width:84vw; max-width:84vw; max-height:70vh;
	}
	.lightbox-close-btn{
		top:12px; right:12px; width:38px; height:38px; font-size:1.20rem;
	}
	.lightbox-nav-btn{
		width:46px; height:46px; font-size:1.10rem;
	}
	.lightbox-nav-prev{ 
		left:12px;
	}
	.lightbox-nav-next{ 
		right:12px;
	}
	.lightbox-counter-badge{
		font-size:.70rem;  bottom:12px;  padding:5px 12px;
	}

	/* article body */
	.news-article-wrap{ 
		margin:30px auto 34px;
	}
	.news-article-wrap p{ 
		font-size:.95rem;
	}

	/* share button */
	.share-section h2{ 
		font-size:1.0rem; margin:0 0 12px;
	}
	.share-icon-list{ 
		gap:12px;
	}
	.share-icon-link{
		font-size:.95rem; width:42px; height:42px;
	}


	/* related news */
	.related-articles-section{ 
		margin-top:70px;
	}
	.related-articles-header{ 
		gap:14px; margin-bottom:4px;
	}
	.related-articles-header h2{ 
		font-size:1.20rem; margin:0; 
	}
	.related-articles-header span{ 
		font-size:0.66rem;
	}
	.related-articles-list{ 
		grid-template-columns:repeat(1, 1fr); gap:16px; margin-top:14px;
	}
	.related-article-card{
		flex-direction:column; 
	}
	.related-article-media{ 
		flex:0 0 auto; width:100%; height:180px;
	}
	.related-article-content{ 
		flex-direction:column; padding:18px 20px; gap:6px;
	}
	.related-article-content h3{
		font-size:.95rem;
	}
	.related-article-excerpt{
		font-size:.86rem;
	}
	.related-article-date{
		gap:6px; margin-top:2px; font-size:.74rem;
	}
	.related-article-date::before{ 
		width:9px; height:9px;
	}


	/*=========================================================================================*/
	/*================================ Training Page Design ===================================*/

	/* Intro Part */
	.Training-Intro{
		outline: 2px dashed #ffffff33; outline-offset: -10px; padding:35px 36px; margin:0 0 24px 0;
	}
	.Training-Intro-Quote{
		font-size:1.05rem;
	}
	.Training-Intro-Quote i{
		font-size:.85rem; margin:0 6px;
	}
	.Training-Intro-Author{
		margin-top:8px; font-size:.75rem;
	}

	/* Search panel */
	.Training-Search-Panel{
		margin:0 0 16px 0; padding:10px 0px;
	}
	.Training-Search-Select-Wrap{
		min-width:280px;
	}

	/* Training Native */
	.Training-Native-Select{
		padding:11px 40px 11px 15px; font-size:.85rem;
	}
	.Training-Custom-Trigger{
		padding:12px 16px; font-size:.85rem;
	}
	.Training-Custom-Trigger-Arrow{
		font-size:.70rem;
	}
	.Training-Custom-Options{
		max-height:260px; padding:5px;
	}

	/* Flips upward automatically */
	.Training-Custom-Options::-webkit-scrollbar{
		width:8px;
	}
	.Training-Custom-Option{
		gap:8px; padding:10px 12px; font-size:.85rem
	}
	.Training-Custom-Option .fa-check{
		width:12px; font-size:.70rem; 
	}

	/* Reset button */
	.Training-Reset-Btn{
		gap:8px; padding:12px 16px; font-size:.85rem;
	}
	.Training-Reset-Btn i{
		font-size:.85rem;
	}

	/* Training Count */
	.Training-Count{
		font-size:.85rem; margin:0 0 35px 0;
	}
	.Training-Empty{
		padding:30px 0;
	}
	.News-Card-Type{
		font-size:.78rem; margin-bottom:4px;
	}
	.News-Card-Type i{
		margin-right:6px;
	}

	/*====================================================================================*/
	/*========================= Training Details Page Design =============================*/

	.training-subcategory-badge{
		gap:6px; padding:5px 0px; margin:0 0 10px 0;  font-size:.75rem;
	}
	.training-subcategory-badge i{
		font-size:.75rem;
	}
	/* You May Also Read */
	.training-subcategory-badge--sm{
		padding:3px 0px; margin:0 0 6px 0; font-size:.68rem;
	}
	.training-subcategory-badge--sm i{
		font-size:.68rem;
	}



	

	/*====================================================================================*/
	/*=========================== News letter Page Design =================================*/
	
	/* newsletter hero section */
	.archive-hero{
		padding: 130px 30px 65px; 
	}
	.archive-hero .eyebrow{
    	gap:7px; font-size:0.80rem; letter-spacing:0.18em; margin-bottom:18px;
	}
	.archive-hero .eyebrow::before{
		width:24px; height:1px;
	}
	.archive-hero h1{
		font-size:3.60rem; margin:0 0 30px;
	}
	.archive-hero p{
		font-size:0.95rem; max-width:700px;
	}


	/* archive shelf section */
	.archive-shelf{
		padding: 40px 60px 120px; text-align: center;
	}
	.shelf-grid{
		grid-template-columns: repeat(1, 1fr); gap: 60px 50px; max-width:330px; margin: 0 auto;
	}
	.ring-stamp{
		bottom:14px; right:7px; width:35px; height:35px;
	}
	.issue-meta{
		gap:10px; margin-top:14px;
	}
	.issue-meta .when{
		font-size:1.15rem;
	}
	.issue-meta .when span{ 
		font-size:0.95rem; margin-left:6px;
	}
	.issue-meta .pillar-tag{
		font-size:.70rem; padding:5px 10px;
	}
	.issue-title{
		margin:6px 0 0; font-size:1.05rem; text-align: left;
	}

	/* Light Box of News Letter */
	.nl-lightbox-panel{
		max-width:99%; width:99%; height:98vh; max-height:98vh;
	}
	.nl-lightbox-header{
		gap:6px; padding:12px 20px 10px 14px;
	}
	.nl-lightbox-header h2{
		font-size:.95rem;
	}
	.nl-lightbox-header h2 .lb-when{
		font-size:.68rem; margin-left:0; margin-top:2px;
	}
	.nl-lightbox-controls{
		gap:5px;
	}
	.lb-icon-btn{
		width:30px; height:30px; font-size:1rem;
	}
	.lb-pdf-link{
		font-size:.95rem; padding:5px 8px;
	}
	.nl-lightbox-close{
		font-size:1rem;
	}
	
	/*==================================================================================*/
	/*========================== Career Page Design ===================================*/
	.cr-seam{
		height:14px;
	}
	/* Career Hero */
	.cr-hero{
		min-height:84vh; margin-top: 100px;
	}
	.cr-hero-content{
		padding:0 12px;
	}
	.cr-hero-heading{
		font-size:2.0rem; margin:0 0 18px;
	}
	.cr-hero-subtext{
		font-size:0.92rem; max-width:100%;
	}

	/*  Layout base */
	.cr-main,
	.cr-why,
	.cr-divisions{		
		padding:80px 0;
	}
	.cr-container{		
		max-width:99%; padding:0 35px;
	}
	.cr-panel-eyebrow{
		font-size: .75rem;
	}
	.cr-panel-heading{
		font-size:1.2rem; margin:0 0 14px;
	}
	.cr-section-heading{
		font-size:1.5rem; margin:0 0 36px;
	}
	
	/* Opportunities: CV & Openings */
	.cr-opportunities{
		grid-template-columns: repeat(1, 1fr); 
	}
	.cr-cv-panel{
		padding:40px 20px 40px 0; border-right:none;  border-bottom:1px solid var(--cr-line);
	}
	.cr-openings-panel{
		padding:40px 20px 40px 0; border-top:1px solid var(--cr-line); margin-top:50px;
	}
	.cr-panel-text{
		font-size:.95rem; max-width:100%;  margin:0 0 30px;
	}

	/* Hang-tag email element */
	.cr-tag{
		gap:14px; padding:18px 28px 18px 34px; font-size:1.05rem;
	}
	.cr-tag-hole{
		width:12px;	height:12px; top:-9px; left:20px;
	}
	.cr-tag i{
		font-size:1.05rem;
	}
	.cr-panel-hint{
		font-size:.75rem; margin:14px 0 0;
	}

	/* Openings list (Pending) */
	.cr-openings-empty{
		padding:20px 0 0;
	}
	.cr-openings-empty i{
		font-size:1.5rem; margin-bottom:14px;
	}
	.cr-openings-empty-title{
		font-size:1rem; margin:0 0 8px; 
	}
	.cr-openings-empty-text{
		font-size:0.90rem; max-width:100%;
	}
	.cr-opening-link{
		gap:20px; padding:24px 4px;
	}
	.cr-opening-link:hover{
		padding-left:14px;
	}
	.cr-opening-main h3{
		font-size:1rem; margin:0 0 8px;
	}
	.cr-opening-meta{
		font-size:.80rem; gap:8px;
	}
	.cr-opening-cta{
		font-size:.75rem; letter-spacing:1px;
	}

	/* Why Choose */
	.cr-perks-grid{
		grid-template-columns:repeat(1,1fr); gap:20px; padding:0px 40px;
	}
	.cr-perk-card{
		padding:36px 16px;
	}
	.cr-perk-card i{
		font-size:1.25rem; margin-bottom:16px; 
	}
	.cr-perk-card h3{
		font-size:1rem; margin:0 0 10px;
	}
	.cr-perk-card p{
		font-size:.90rem;
	}

	/* Where You Could Work */
	.cr-divisions-subtext{
		font-size:.82rem; max-width:100%; margin:0 auto 40px;
	}
	.cr-division-chips{
		gap:10px; 
	}
	.cr-chip{
		font-size:.79rem; gap:6px; min-width:47%;
	}
	.cr-chip i{
		font-size:.76rem;
	}

	/* Email Options Modal */
	.cr-modal-box{
		padding:34px 30px 28px; max-width:400px;
	}
	.cr-modal-close{
		top:16px; right:16px; font-size:1rem;
	}
	.cr-modal-title{
		font-size:1.30rem; margin:0 0 8px;
	}
	.cr-modal-text{
		font-size:.88rem; margin:0 0 22px;
	}
	.cr-modal-options{
		gap:10px;
	}
	.cr-modal-option{
		gap:12px; font-size:.88rem;
	}
	.cr-modal-option i{
		width:18px;  font-size:.90rem;
	}
	.cr-modal-footnote{
		font-size:.75rem; margin:16px 0 0;
	}

	
	/*====================================================================================*/
	/*=================== Contact Us Envoy Textiles Page Design ==========================*/
	
	.contact-us-hero{
		padding:300px 24px 140px; 
	}
	.contact-wrap{
		padding:50px 10px 95px; grid-template-columns:1fr; gap:30px;
	}
	#contactForm{
		padding:30px 10px;
	}
	.contact-hero-title{
		font-size:3.0rem;
	}
	.contact-label-row{
		margin-bottom:20px;
	}
	.contact-label-title{ 
		font-size:1.30rem; 
	}
	.contact-field{
		margin-bottom:30px;
	}
	.contact-field input,
	.contact-field textarea{
		font-size:.90rem; padding:12px 6px 8px;
	}
	.contact-field textarea{
		min-height:120px;
	}
	.contact-field label{ 
		font-size:.90rem; 
	}
	.contact-field input:focus ~ label,
	.contact-field textarea:focus ~ label,
	.contact-field input:not(:placeholder-shown) ~ label,
	.contact-field textarea:not(:placeholder-shown) ~ label{ 
		top:-12px; font-size:.90rem; 
	}
	.contact-field-bar{
		height:2px;
	}
	.contact-field-err{ 
		font-size:.90rem; 
	}
	.contact-captcha-sum{ 
		font-size:.90rem; 
	}
	.contact-captcha input{ 
		font-size:.90rem; width:60px; 
	}
	.contact-captcha-tag{ 
		font-size:.80rem; 
	}
	.contact-captcha-err{ 
		font-size:.90rem; 
	}
	.contact-submit-btn{ 
		font-size:.90rem; padding:15px 25px; margin-top:16px;
	}
	.contact-form-status{ 
		font-size:0.95rem; 
	}
	.contact-office-grid{
		gap:11px; grid-template-columns: repeat(1, 1fr);
	}
	.contact-office.contact-office-factory{
		grid-column:0;
	}
	.contact-office{
		padding:24px 18px 20px;
	}
	.contact-office-tag{ 
		font-size:.95rem;  letter-spacing:.10em;
	}
	.contact-office-address{ 
		font-size:.85rem; 
	}
	.contact-office-actions button,
	.contact-office-actions a{ 
		font-size:.75rem; padding:6px 14px;
	}
	.contact-office-actions svg{
		width:12px; height:12px;
	}
}