@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

/*_____WEB FONTS END_____*/

/*___________Scrollbar_____________*/
html{scrollbar-color: var(--b_c) #fff0;}
html {--scrollbarBG: #fff0;--thumbBG: var(--b_c);}
body::-webkit-scrollbar {width: 5px;}
body {scrollbar-width: thin;scrollbar-color: var(--thumbBG) var(--scrollbarBG); overflow-x: hidden!important} 
body::-webkit-scrollbar-track {background: var(--scrollbarBG);}
body::-webkit-scrollbar-thumb {background-color: var(--thumbBG) ;border-radius: 6px;border: 3px solid var(--scrollbarBG);}
*{scrollbar-color:  var(--thumbBG) var(--scrollbarBG);scrollbar-width: thin}
.none{display: none!important;}
/*___________Scrollbar END_____________*/


/*___________COMMON STYLE_____________*/
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:auto;padding:0;list-style-type:none;text-decoration:none}
.pr{position: relative;}
body {overflow-x: hidden;font-size: 16px;font-family: var(--font-of)!important;font-weight: 300;color: var(--b_c);}
.container09{max-width:90vw}
.clearfix{ clear:both}
img{max-width:100%}
ul{ margin:auto; padding:0}
a{text-decoration:none;color: var(--b_c);}
.error {font-size: 10px;color: red;font-weight: normal;}
.internship_program {position: relative;}
section{ padding:70px 0}
.container_min {width: 80%;}
.center {text-align: center;}
:root {
  --b_c: #333333; 
  --w_c: #FFFFFF;  
  --r_c: #E21E25; 
  --g_c: #F1F1F1; 
  --g_c2: #EEE; 

/* Font Variables */
    --font-pd: 'Playfair Display', serif;
    --font-of: 'Outfit', sans-serif;
}

.b_c { background: var(--b_c); }
.w_c { background: var(--w_c); }
.r_c { background: var(--r_c); }
.g_c { background: var(--g_c); }

.b_tc { color: var(--b_c); }
.w_tc { color: var(--w_c); }
.r_tc { color: var(--r_c); }
.g_tc { color: var(--g_c); }


/*top*/
#go_top{ position: fixed; bottom:-10%; right:1%; transition:all 0.6s;font-size:30px; cursor:pointer;}
#go_top i{border-radius:100%;color:var(--b_c)}
#go_top.show{ bottom:7%}
/*top*/
.breadcrumb {font-size: 14px; padding: 0px 0px; position: absolute; border:none;display:flex;background: #fff; width: 100%;}
.breadcrumb a {color:#9E9E9E;}
.breadcrumb a, .breadcrumb span{position: relative; border-bottom: 1px solid #eee;display:block; height:40px;position:relative;padding: 9px 20px 8px 26px;margin: 0;}
.breadcrumb a::after, .breadcrumb span::after{content: '1'; width: 38px;height: 38px;border: 1px solid; display: block;position:absolute;top:-1px;right:-11px;rotate:45deg;z-index:2;clip-path: polygon(12px -16px, 100% 0px, 119.45% 69.95%, 36.44% 82.54%);color:#eee}
/* Arrow fill */

/* news */
.news_hdg {padding: 60px 0 200px}
.news_hdg_line {padding: 30px 0 0}
.dtl_box {padding: 0;margin: -160px 0 0}
.dtl_box_row {background:var(--g_c2);text-align: center}
.dtl_box_row img {width: 400px}
.dtl_box_row_full img {width: 100%}
.space_min p {margin-bottom: 20px;}
/* news */

/* button */
.underline-btn {display: flex;position: relative;color: var(--b_c);text-decoration: none;font-size: 14px;padding-bottom: 4px;text-align: center;justify-content: center;margin-top: 40px;width: fit-content;text-transform: uppercase;transition: color 0.3s ease, transform 0.3s ease;}
.underline-btn::after {content: "";position: absolute;bottom: 0;left: 0;height: 1px;width: 100%;background-color: var(--r_c); opacity: 1;pointer-events: none;}

/* Hover shimmer thread effect */
.underline-btn::before {content: "";position: absolute;bottom: 0;left: 0;height: 2px;width: 100%;background: linear-gradient(120deg,transparent 0%,var(--r_c) 50%,transparent 100%);background-size: 200% 100%;background-repeat: no-repeat;transform: scaleX(0);transform-origin: left;transition: transform 0.4s ease;z-index: 1;pointer-events: none;}
.underline-btn:hover {color: var(--r_c);transform: translateY(-1px);}
.underline-btn:hover::before {transform: scaleX(1);}
/* button */

.heading_s1{font-family: var(--font-pd);font-size: 3.2vw;font-weight: 400;line-height: 1.2;color: var(--b_c); text-align: center;margin-bottom: 40px;}
p {font-size: 1.4vw;}
.fontXl{font-size: 5vw;font-weight: 400;}

/*___________COMMON STYLE END_____________*/


/* 404 */
.error-page {min-height: 100vh;display: flex;align-items: center;justify-content: center;background: var(--g_c);padding: 40px;text-align: center;}
.error-content {max-width: 600px;}
.error-content h1 {font-size: 120px;font-weight: 700;color: var(--r_c);margin-bottom: 10px;}
.error-content h2 {font-size: 28px;font-weight: 700;margin-bottom: 15px;color: var(--b_c);}
.error-content p {font-size: 16px;line-height: 1.6;color: var(--b_c);margin-bottom: 25px;}




/*___________HEADER_____________*/
.header-secondary09 {background-color: var(--w_c);border-bottom: 1px solid var(--g_c);font-family: var(--font-sans);font-size: 13px;color: var(--b_c);}
.brand-scroll-wrapper {display: none;}
.top-sec09 {display: flex;justify-content: space-between;align-items: center;font-size: 13px; padding: 4px 0;}
.left-sec09 {font-weight: 300;margin: 0;}
.right-sec09, .logo09, .rightbox {margin: 0;}
.right-sec09 a {text-decoration: none;color: var(--b_c);font-weight: 400;transition: color 0.3s;position: relative; padding: 20px 30px;}
.right-sec09 a::after {content: "";position: absolute;left: 0;bottom: 0px;width: 0; border-left: 1px solid var(--g_c2);height: 100%;margin:0;}
.right-sec09 a:hover::after {width: 100%;}
.right-sec09 a:hover {color: var(--r_c);}
.stickynav09 {position: sticky;top: 0;width: 100%;background: var(--w_c);z-index: 999;border-bottom: 1px solid var(--g_c);}
.header_min {margin: auto;padding: 10px 0px;display: flex;align-items: center;justify-content: space-between;}
.logo09::after {content: '';height: 100%;border-right: 1px solid var(--g_c2);position: absolute;top: 0;margin-left: 30px;}
.logo09 .logo-img {height: 45px;}
.menu {display: flex;list-style: none;gap: 30px;justify-content: center;flex: 1;font-family: var(--font-sans);}
.menu li a {text-decoration: none;color: var(--b_c);font-size: 14px;font-weight: 400;transition: color 0.3s;cursor: pointer;}
.menu li a:hover {color: var(--r_c);}
.rightbox {display: flex;align-items: center;gap: 10px;}
.search-icon {background: none;border: none;font-size: 18px;cursor: pointer;color: var(--b_c);}

/* Default state */
.search-overlay {
position: fixed;top: 40px;left: 0;width: 100%;height: auto;background:var(--w_c);z-index: 9999;display: none;align-items: center;justify-content: center;flex-direction: column;transform: translateX(100%);transition: all 0.6s ease-in-out;visibility: hidden;display: flex; }

.search-overlay.active {display: flex;transform: translateX(0);visibility: visible;}

.search-content {position: relative;width: 90vw;}
.search-input {width: 100%;padding: 15px;font-size: 18px;border: none;outline: none;}

.close-search {position: absolute;top: 0px;right: 0px;background: none;border: none;font-size: 36px;cursor: pointer;bottom: 0;}

/* button style */
.btn09 {position: relative;display: inline-block;background: transparent;color: var(--b_c);padding: 8px 30px;font-size: 14px;background-color: var(--b_c);cursor: pointer;text-decoration: none;transition: color 0.4s ease;overflow: hidden;z-index: 1;color:var(--w_c)}
.btn09::before {content: "";position: absolute;top: 50%;left: 50%;width: 0;height: 0;background: var(--r_c);transition: all 0.4s ease;z-index: -1;transform: translate(-50%, -50%);color:var(--w_c)}
.btn09:hover::before {width: 100%;height: 100%;}
.btn09:hover {color: var(--w_c);}
/* default */

/* button style */


.mobile-toggle {width: 30px;height: 22px;position: relative;cursor: pointer;display: none;justify-content: center;flex-direction: column;gap: 6px;z-index: 1001; }
.mobile-toggle span {display: block;height: 3px;background: var(--b_c);border-radius: 2px;transition: all 0.3s ease;}
.toggle-icon {display: none;}
/* Animate to X */
.mobile-toggle.active span:nth-child(1) {transform: rotate(45deg) translate(5px, 5px);}
.mobile-toggle.active span:nth-child(2) {opacity: 0;}
.mobile-toggle.active span:nth-child(3) {transform: rotate(-45deg) translate(6px, -6px);}
.dropdown09 { position: absolute;left: 0;width: 100%;padding-top: 12px;z-index: 999;opacity: 0;visibility: hidden;transform: translateY(-100vh); pointer-events: none;transition: transform 1s ease-in-out, opacity 1s ease-in-out, visibility 1s ease-in-out;margin-top: 0;}
.dropdown09_wrapper{display: grid;grid-template-columns: repeat(5, 1fr);gap: 30px;background: var(--w_c);padding: 30px 60px;border-top: 1px solid var(--g_c2);}
.branddropdown{width:35%;margin:0 auto;left:0;right:0;}
.partnerdropdown{right:12%;margin:0 0 0 auto;}
.industrydropdown{right:15%;}
.brand_wrapper{grid-template-columns: repeat(2,1fr);}
.branddropdown .dropdown-col h5{text-decoration: none;color: var(--b_c);font-size: 14px;font-weight: 700;transition: color 0.3s;text-transform: uppercase;}
.branddropdown .dropdown-col ul{padding-top: 15px;}
.branddropdown .dropdown-col:nth-child(2) ul{padding-top:30px;}
.has-dropdown:hover .dropdown09 {opacity: 1;visibility: visible;transform: translateY(0px);pointer-events: auto; }
.dropdown-col {margin:0;}
.accordion-toggle{position: relative;}
.accordion-toggle::after{content:'';position: absolute;right:-15px;background:url('../images/icons/dropdown-arrow.png');background-size:contain;width:12px;height:12px;background-repeat: no-repeat;top:10px;bottom:0;margin: auto;}
.dropdown-col a {margin-bottom: 15px; display: block;}
.dropdown-col h4 {font-weight: 600; margin-bottom: 10px; font-size: 14px;  
color: var(--b_c);}
.dropdown-col ul {padding: 0;list-style: none;}
.dropdown-col ul li {margin: 6px 0;}
.dropdown-col ul li {font-size: 14px;color:#33333385;text-decoration: none;transition: color 0.3s;}
.dropdown-cola:hover {color: var(--r_c);}
.container_header {width: 95%;}
/*___________HEADER END_____________*/

/*___________FOOTER_____________*/
footer {
background: var(--w_c);padding: 70px 0px 20px;color: var(--b_c);}
.footer-grid {display: grid;grid-template-columns: repeat(6, 1fr);gap: 30px;margin-bottom: 40px;}
.footer-col h4 {font-weight: 400;margin-bottom: 15px;}
.footer-col {margin: 0;}
.footer-col ul li {margin-bottom: 8px;}
.footer-col ul li a {color:var(--b_c);text-decoration: none;transition: 0.3s;}
.footer-col ul li a:hover {color: var(--r_c);}
.footer-newsletter {display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;border-top: 1px solid var(--g_c2);border-bottom: 1px solid var(--g_c2);margin-top: 30px;}
.newsletter-left, .newsletter-right{margin: 0;}
.newsletter-left p,.newsletter-right p {font-weight: 400;margin-bottom: 20px;font-family: var(--font-pd);font-size: 24px;}
.subscribe-form {display: flex;align-items: center;background: var(--g_c);padding: 12px 15px;border-radius: 4px;}
.subscribe-form input[type="email"] {flex: 1;border: none;background: transparent;font-size: 14px;color: var(--b_c);outline: none;}
.subscribe-form input::placeholder {color:var(--b_c);}
.subscribe-form button {background: none;border: none;color:var(--r_c);font-weight: bold;text-transform: uppercase;font-size: 13px;cursor: pointer;padding-left: 10px;text-decoration: underline;}
.ft-line {border-right: 1px solid var(--g_c2);height: 200px;}
.subscribe-form button:hover {color: var(--b_c);}
.social-icons a {margin-right: 0px;display: inline-block;  
  position: relative;}
.social-icons img {width: 32px;height: 32px;transition: transform 0.5s ease-in-out;}
.social-icons a:hover img {
  transform: scale(1.15);
}
.footer-logo {text-align: center;margin: 70px 0 70px;}
.footer-logo img {width: 60vw;}
.footer-copy {text-align: center;color: var(--b_c);}
.footer-copy p{font-size: 13px;}
/*___________FOOTER END_____________*/



/*___________PAGE_____________*/

/* HOME PAGE */
.hero-banner {height:90vh;position: relative;}
.banner-hdg {position: absolute;top: 0%;left: 0%;right: 0%; bottom: 0%;margin: auto; text-align: center; display: flex; justify-content: center;}
.banner-hdg h1 {color:var(--w_c); font-family: var(--font-pd);font-size: 5vw;font-weight: 400;}
.banner-video{width: 100%; height: 100%; position: absolute; inset: 0;}
.banner-video video{ width: 100%; height: 100%; display: block;object-fit: cover; object-position: top;}

/* .hero-banner {padding:0; overflow:hidden; height: 90vh;}
.banner-hdg {position: absolute;top: 0%;left: 0%;right: 0%; bottom: 0%;margin: auto; text-align: center; display: flex; justify-content: center;}
.banner-hdg h1 {color:var(--w_c); font-family: var(--font-pd);font-size: 5vw;font-weight: 400;}
.banner-video{ width: 100%; height: 100%;}
.banner-video video{width: 100%; height: 100%;object-fit: cover;} */

/* about */
.about_min {text-align: center;}
.about-section{padding: 100px 0;}
.about_min p {font-size: 1.7vw; font-family: var(--font-pd);}
/* about */


.storyItemA::after{display: none;}
.story-content{width: 90%;position: relative;}
.story-content::after{width: 1px; height: 100%; position: absolute;top: 0;left: 0%;background-image: repeating-linear-gradient(to bottom,#DCDCDC,#DCDCDC 2px,transparent 2px,transparent 6px);content: '';}

.storyItemB::before{width: 400px;position: absolute;top: 10%;left: -5%;background-image:  repeating-linear-gradient(to right,#DCDCDC,#DCDCDC 2px,transparent 2px,transparent 6px);content: '';height: 1px;}
.storyItemB{opacity: 1;position: relative;}
.story-section {position: relative;padding: 0;}
.story-content {display: flex;justify-content: space-between;align-items: flex-start;background-color: var(--w_c);font-family:var(--font-pd);z-index: 2;padding: 80px 0;background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 10%, #FFFFFF 100%);}
.storyimg img {width: 100%;}
.strCont h2 {color: var(--b_c);font-weight: 400;font-size: 34px;margin-bottom:15px}
.story-right p {font-size: 20px;line-height: 1.6;color: var(--b_c);max-width: 300px;margin: 0;}
.strCont p {font-family:var(--font-of); font-weight:300}
.story-left{display: flex;justify-content: center;}
.btnRed::before {content:'';position: absolute;left: -20px;width: 40px;height: 40px;background-image: url(../images/icons/button.png); background-size: cover; background-position: center; background-repeat: no-repeat;margin-top: 10px;z-index: 3;pointer-events: none;}
.story_container {width:1200px;}
/* story */

/* counter */
.counter-section {color: var(--b_c);text-align: center;}
.counter-grid {display: grid;grid-template-columns: repeat(4,1fr);gap: 40px 20px;margin: 0 auto;padding: 0 20px;}
.counter-item h2, .counter-iso h2 {font-size: 80px;margin: 0;line-height: 1;font-weight: 400;font-family: var(--font-pd);}
.counter-item h2 span {font-size: 18px;font-weight: 400;margin-left: 2px;}
.counter-item p {font-size: 18px;margin-top: 10px;line-height: 1.5;}
.counter-iso h2 {font-size: 50px;margin-bottom: 10px;}
/* counter */


/* swiper slider */
.eco-system-section {overflow: hidden; text-align: center;}
.eco-title {font-size: 28px;font-family: var(--font-pd);margin-bottom: 40px;font-weight: 400;}
.eco-swiper-wrapper {width: 100%;overflow-x: visible;padding: 0 0 20px;}
.eco-swiper {overflow: visible!important;    margin-top: 80px;}
.eco-swiper .swiper-wrapper {overflow: visible;}
.eco-img-wrap {position: relative;width: 100%;margin: 0 auto;}
.eco-img-wrap img {width: 100%;height: 100%;object-fit: cover;display: block;border: 10px solid transparent;}
.eco-slide {width: fit-content;margin-right: 20px;overflow: hidden;}
/* Wooden Frame Overlay */
.eco-img-wrap::after {content: "";position: absolute;top: 0px;left: 0px;right: 0px;bottom: 0px;background-image: url(../images/wooden-frame.png); background-position: center;background-repeat: no-repeat;background-size: cover;pointer-events: none;z-index: -1;}
.eco-label {margin-top: 10px;font-style: italic;font-size: 22px;font-family: var(--font-pd);text-align: left;}
/* swiper slider */

.brand-text {max-width: 800px;font-size: 22px;font-family: var(--font-pd); text-align: center;}
.brand-logos {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;margin-top: 50px;}
.brand-logos img {max-width: 180px;object-fit: contain;filter: grayscale(100%);transition: filter 0.3s ease;}
.brand-logos img:hover {filter: none;}
.brand-logos a {display: inline-block;transition: transform 0.2s ease;}
.brand-logos a:hover {transform: scale(1.05);}


/* banner */
.banner_min {flex-direction: column;background-size: cover;background-position: top;height:350px;display: flex;align-items: center;justify-content: center;text-align: center;color: var(--w_c);padding: 0 40px;background-repeat: no-repeat;}
.banner_min h2 {font-size: 42px;line-height: 1.4;font-family:var(--font-pd);font-weight: 400;}
.banner_min span, .banner_min h2  {margin: 0;}
.banner_min span {font-weight: 300; text-transform: uppercase;}
.legacy-bg {background-image: url(../images/about/the-legacy/legacy-bg.jpg);}
.siyaram_bg {background-image: url(../images/about/siyarams-today/bg.jpg);}
.woven-bg {background-image: url(../images/about/siyarams-today/woven-wuth-purpose.jpg);}
.partner_bg {background-image: url(../images/partner-with-us/partner-bg.jpeg);}
.bulk_bg {background-image: url(../images/partner-with-us/bulk-order.jpg);}
.siyaram_shop_bg{background-image: url(../images/partner-with-us/siyaram-shop-bg.jpg);}
.j-hamb-bg{background-image: url('../images/partner-with-us/j-hamb-bg.jpg');}
.oxemberg_bg{background-image: url('../images/partner-with-us/oxemberg-bg.jpg');}
.sustainability-bg {background-image: url('../images/sustainability/banner_bg.jpg');}
.financial_bg {background-image: url('../images/investor-relations/financial-bnr.jpg');}
.careers_bg {background-image: url('../images/careers/careers_bg.jpg')}
/* banner */

/* latest collection */
.collection-wrap {display: grid;grid-template-columns: repeat(2, 1fr);gap:40px;}
.collection-image img {width: 80%;transition: opacity 0.3s ease-in-out;object-fit: cover;display: block;}
.navSwiperLink a {font-style: italic;font-size: 22px;padding: 0px 0 8px 0px;cursor: pointer;transition: color 0.3s ease, border-bottom 0.3s ease;font-family: var(--font-pd);display: inline-grid;}
.navSwiperLink a::before{content:'';height: 30px;width: 30px;background-image: url(../images/icons/button.png); background-size: cover;background-position: center; background-repeat: no-repeat;border-radius: 50%;position: absolute;left: -38px;top: 2px;opacity: 0;transition: opacity 0.3s ease;}
.navSwiperLink a{display: grid;position: relative;}
.navSwiperLink a:hover::before {opacity: 1;}
.collection-info a.active::before {opacity: 1;}
.collection-info a {margin: 0;}
.collection-info .underline-btn {margin-top: 50px;}
.collection-image > div {display: none;}
.collection-image > div.active-img {display: block;}
.collection-image a {display: none;}
.collection-swiper-slide {display: none;text-align: center}
.collection-swiper-slide.active {display: block;}
/* latest collection */

/* video slider */
.video-wrapper {position: relative;width: 100%;height: 90vh;overflow: hidden;margin: 0 auto 30px;}

/* Swiper style */
.video-wrapper iframe {width: 100%;height: 100%;object-fit: cover;border: none;pointer-events: none;}
.video-overlay {position: absolute;bottom: 30px;left: 40px;right: 40px;z-index: 2;color: var(--w_c);}
.video-slider-swiper {display: grid;grid-template-columns: repeat(1, 1fr);}
.video-slider-swiper .swiper-slide {flex: 1;padding-right: 20px;cursor: pointer;}
.video-slider-swiper .swiper-slide p {font-size: 18px;margin-bottom: 6px;line-height: 1.4;white-space: normal;font-family: var(--font-pd);min-height: 100px;}
.dot-bar {position: relative;width: 100%;height: 2px;background: var(--w_c);overflow: hidden;}
.dot-fill {position: absolute;top: 0;left: 0;height: 100%;width: 0%;background: var(--r_c);transition: width 5s linear;}
/* video slider */

/* media */
.media-title {font-size: 28px;text-align: center;margin-bottom: 40px;font-family: var(--font-pd);font-weight: 300;}
.media-grid {display: grid;grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));gap: 30px;margin-bottom: 30px;}
.media-card {display: flex;flex-direction: column;align-items: flex-start;}
.media-card img {width: 100%;height: auto;object-fit: cover;}
.media-card h3 {font-size: 16px;margin: 12px 0 6px;font-weight: 400;color: #111;line-height: 1.4;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.media-card .date {font-size: 13px;color:var(--b_c);margin: 0;}
/* media */

/* weaving section */
.weaving-section {padding: 0;margin: 0;}
.weaving-hero {background-image: url('../images/weaving-bg.jpg'); background-size: cover;background-position: center;height: 450px;;display: flex;align-items: center;justify-content: center;text-align: center;color: var(--w_c);padding: 0 20px;background-repeat: no-repeat;background-attachment: fixed;}
.weaving-hero h2 {font-size: 42px;line-height: 1.4;font-family:var(--font-pd);font-weight: 400;}
.weaving-content {background:var(--w_c);padding: 60px 20px;margin-top: -60px;text-align: center;margin-left: auto;margin-right: auto;position: relative;z-index: 1;}
.weaving-content p {font-size:1.7vw;color: var(--b_c);font-family: var(--font-pd);padding: 0 40px;margin-bottom:10px;}
.weaving-content h2{margin-bottom:15px;}
.enquire-now-btn{margin:50px 0px 0px;}
.enquire-now-btn a{font-size:16px;font-family: var(--font-of);border-bottom:1px solid var(--r_c);padding-bottom:8px;}
/* weaving section */

/* cards */
.cards-row {display: flex;gap: 30px;justify-content: center;}
.card-item {position: relative;height: auto;overflow: hidden;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);width: 100%;}
.card-item a {color:var(--w_c);}
.card-item img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.3s ease;}
.card-item:hover img {transform: scale(1.05);}
.card-content {position: absolute;bottom: 0;width: 100%;padding: 30px 20px;background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);color: var(--w_c);text-align: center;}
.card-content h4 {font-size: 25px;margin-bottom: 12px;font-family: var(--font-pd);font-weight: 400;font-style: italic;}
/* cards */

.investor-section {background-color: var(--w_c);padding: 60px 0;}
.investor-wrapper {display: flex;justify-content: space-between;align-items: flex-start;gap: 40px;flex-wrap: wrap;}
.investor-left {flex: 1;}
.investor-heading {font-size: 28px;font-weight: 500;margin: 0 0 10px;}
.investor-subtext {font-size: 13px;color: var(--b_c);margin-bottom: 16px;}
.investor-price {font-size: 40px;font-weight: 300;display: flex;align-items: self-start;gap: 5px;color: var(--b_c);flex: 1;font-family: var(--font-pd);}
.rupee-symbol {font-size: 24px;position: relative;top: 10px;margin: 0;}
.price-amount {margin: 0;font-size: 80px;}
.investor-reports {flex: 1;min-width: 260px;background: #f6f6f6;padding: 20px;border-radius: 6px;}
.reports-heading {font-size: 20px;font-style: italic;font-weight: 500;margin-bottom: 20px;}
.reports-list a{list-style: none;padding: 0;margin: 0;}
.reports-list li a{display: flex;align-items: flex-start;font-size: 14px;margin-bottom: 20px;gap: 10px;}
.report-text{width: 100%;}
.investor-left a {margin: 0;}

/* partner with us */ 
.partner-section {background-image: url('../images/home/partner-with-us.jpg');background-size: cover;background-position: center; height: 500px;}
.partner-content { background-color: var(--w_c); width: 400px;
height: 300px; position: absolute; right: 10%; padding: 40px;}
.partner-content h2 {font-size: 30px;font-family: var(--font-pd);margin: 0;color: var(--b_c);font-weight: 400;margin-bottom: 20px;}
.partner-content p {font-size: 18px;color: #333;max-width: 300px;margin: 0;font-weight: 300;line-height: 30px;}
.partner-buttons {display: flex;gap: 30px;flex-wrap: wrap;}
.partner-buttons a {margin: 30px 0;}
.opportunity-block {display: flex;gap: 40px;margin-bottom: 60px;}
.opportunity-block.reverse {flex-direction: row-reverse;}
.opportunity-image {flex: 1 1 40%;}
.opportunity-image img {width: 100%;height: auto;display: block;}
.opportunity-text {flex: 1 1 50%;}
.opportunity-text .heading_s1 {margin-bottom: 15px;text-align: left;}
/* partner with us */ 


.dragged{cursor: grabbing;}
/* HOME PAGE END */



/* ABOUT PAGES */

/* siyaram today */
.thread_min {margin: 0 auto;display: flex;flex-wrap: wrap;align-items: center;gap: 40px;}
.thread-img {flex: 1 1 45%;}
.thread-img img {width: 100%;height: auto;}
.thread-text {flex: 1 1 50%;color: var(--b_c);}
.thread-text h2 {font-size: 32px;font-weight: 400;margin-bottom: 10px;line-height: 1.4;font-family: var(--font-pd);}
.thread-text p {font-size: 16px;line-height: 1.8;color: var(--b_c);    font-weight: 300;}

.explore-section {background: url('../images/about/siyarams-today/keep-exploring.jpg');padding: 60px 20px;text-align: center;color: var(--w_c);background-size: cover;background-position: center;background-repeat: no-repeat;}
.explore-overlay {padding: 40px 20px;border-radius: 8px;}
.explore-section h2 {font-size: 32px;font-weight: 500;font-family: var(--font-pd);margin-bottom: 40px;}
.explore-links {display: flex;justify-content: center;gap: 30px;flex-wrap: wrap;}
.explore-links li {text-decoration: none;color:var(--b_c);background: var(--g_c);padding: 10px 40px;font-size: 14px;font-weight: bold;position: relative;transition: all 0.3s ease;margin: 10px;}
.explore-links a{margin: 10px;}
.partner-grid{display:flex;}

.values-grid {display: grid;grid-template-columns: repeat(2, 1fr);position: relative;}
.brandPage-terms-grid{display: grid;grid-template-columns: repeat(3,1fr);}
.value-box {width: 100%;padding: 50px;position: relative;}
.value-content {position: relative;}
.value-box::before {content: "";position: absolute;top: 0;left: 0;width: 1px;background-image: repeating-linear-gradient(to bottom,#DCDCDC,#DCDCDC 2px,transparent 2px,transparent 6px);height: 100%;}

.value-box:nth-last-child(2)::before, .value-box:last-child::before{height: 45%;}
.values-grid::before {content: "";position: absolute;top: -30%;left: 0;width: 1px;background-image: repeating-linear-gradient(to bottom,#DCDCDC,#DCDCDC 2px,transparent 2px,transparent 6px);height: 30%;}

.values-grid::after {content: "";position: absolute;top: 0%;left:-5%;width: 80%;background-image: repeating-linear-gradient(to right,#DCDCDC,#DCDCDC 2px,transparent 2px,transparent 6px);height: 1px;}

.value-box::after {content: '';background-image:url('../images/icons/button.png');width: 36px;height: 36px;display: flex;align-items: center;justify-content: center;margin: 0;background-repeat: no-repeat;background-size: cover;background-position: center;position: absolute;left: -17px;bottom: 0;top:70px ; }
.value-content h3 {margin: 0 0 10px;font-size: 24px; color: var(--b_c);font-family: var(--font-pd);font-weight: 400;}
.value-content p {margin: 0;font-size: 18px;line-height: 1.6;color: var(--b_c);}
/* siyaram today */

/* Leadership */
.team-grid {display: grid;grid-template-columns: repeat(4,1fr);gap: 30px;margin-bottom: 60px;position: relative;}
.team-card{cursor: pointer; width: 100%;overflow: hidden;cursor: pointer;}
.team-card img {width: 100%;height: auto;filter: grayscale(100%); transition: all 0.4s ease-in-out;}
.team-card:hover img {transform: scale(1.05);}
.team-data:hover img{transform: none;}
.team-data img {transition: none;}
.team-card h4 {margin: 12px 0 6px;font-size: 20px;color: var(--b_c);font-family: var(--font-pd);font-weight: 400;}
.team-card p {margin: 0;font-size: 14px;color: var(--b_c);}
.team-data {background:#00000095;;display: flex;position: fixed;right: 0;width: 100%;bottom: 0;height: 100vh;z-index: 999;transition: all 0.5s ease-in-out;top: inherit;margin: 0;clip-path: inset(0 0 0 100%);padding: 9vh 0 0 40vh;}
.team-data-col{width: 72%;height: 100%;background-color: var(--w_c);right: 0;position: absolute;}
.teamdataover{height: 100%;overflow: auto;padding:30px 60px;}
.team-data img {width: 100%;}
.team-data-close {width: 30px;margin: 0;background: var(--r_c);display: flex;align-items: center;justify-content: center;height: 40px;color: var(--w_c);    position: absolute;left: -30px;top: 0;}
.team-img {width: 45%;}
.team-data h4 {font-family: var(--font-of);}
.team-details {display: flex; align-items: center;gap: 20px;}
.team-hdg { margin-bottom: 30px;}
.team-hdg h2 {margin: 0;text-align: left;}
.about-team p {font-size: 18px;margin-bottom: 20px;}
.about-team {width: 100%; margin-top: 0;}
.active .team-data{display: block;clip-path: inset(0 0 0 0%);}
/* Leadership */


/* legacy */
/* Year Navigation Bar */
.year-nav ul {list-style: none;display: block;justify-content: center;gap: 25px;flex-wrap: wrap;padding: 0;}
.timeline-wrapper {display: flex;align-items: flex-start;gap: 50px;width: 90%;}
.year-nav {position: sticky;top: 80px;flex: 0 0 80px;display: flex;flex-direction: column;justify-content: flex-start;height: fit-content;margin: 0;}
.year-nav li {margin-bottom: 5px;}
.year-link {font-weight: 500;font-family: var(--font-pd);color: #9E9E9E;}
.year-link.active {color: var(--r_c);position: relative;}
.craft_wrap {flex: 1;}
.craft_year {font-family: var(--font-pd); position: relative;z-index: 99;font-size: 8vw;font-weight: 500;}
.craft_itemData {display: flex;gap: 40px;align-items: center;}
.craft_col {flex: 1;width: 100%;}
.year_col {max-width: 150px;font-weight: bold;}
.image_col img {width: 100%;height: auto;display: block;}
.text_col {font-size: 16px;color: var(--b_c);font-weight: 300;}
.text_col p  {width: 50%;margin: 0;}
/* legacy end */

/* manufacturing */
.process-block {display: flex;align-items: center;gap: 40px;flex-wrap: wrap;}
.process-block.reverse {flex-direction: row-reverse;}
.process-block.reverse .process-text, .process-text.right .heading_s1 {text-align: right;}
.process-image {flex: 1 1 40%;}
.process-text .heading_s1 {text-align: left; margin-bottom: 30px;}
.process-text h4 {font-size: 22px; margin-bottom: 10px;}
.process-image img {width: 100%;height: auto;}
.process-text {flex: 1 1 50%;}
.process-text p {font-size: 18px;line-height: 1.7;color: var(--b_c);}

/* Accolades */
.awards-certifications {padding-bottom: 120px;}
.accolades-wrapper {display: grid;gap: 30px;grid-template-columns: repeat(4,1fr);padding-bottom: 20px;margin-bottom: 40px;}
.accolade-card img {width: 100%;height: auto;}
.accolade-card p {font-size: 18px;margin-top: 10px;font-family:var(--font-pd);min-height: 100px;}
/* Certifications */
.certifications-wrapper {display: flex;justify-content: center;gap: 30px;flex-wrap: wrap;}
.certifications-wrapper img {width: 140px;height: auto;}
/* Accolades */

/* ABOUT PAGES END */

/* BRAND */
.video-stories{overflow: hidden;}
.video-thumb {width: 100%;height: 100%;display: block;}

/* Play Button */
.play-btn {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(255, 255, 255, 0.85);width: 60px;height: 60px;border-radius: 50%;text-align: center;line-height: 60px;font-size: 28px;color: var(--r_c);text-decoration: none;transition: transform 0.3s ease;}
.play-btn:hover {transform: translate(-50%, -50%) scale(1.1);}
.jh-description {font-size: 22px;color: var(--b_c);margin: 0 auto;font-family: var(--font-pd);text-align: center;}
.style-flex {display: grid;gap: 40px;grid-template-columns: repeat(2, 1fr);}
.style-image img {width: 100%;}
.style-content h2 {text-align: left;}
.style-content p {font-size: 18px;margin-bottom: 15px;color:var(--b_c);font-weight: 300;}
.style-content a {margin-left: 0;}
.collection_min .eco-img-wrap::after {background-image: none;}
.campaign_text {margin-top: 70px;}
.other-brands .brand-logos {justify-content: space-evenly;}
.other-brands .brand-logos a{border:1px solid #9C9C9C;border-radius:50%; height:230px; width: 230px;display:flex; margin: 0;}
.fs-30 {font-size: 30px;}
  .canetti-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    align-items: stretch;
    margin-bottom: 80px;
  }

    .canetti-card {
    background: #EFEFEF;
    padding: 28px;
    min-height: 210px;
    border: 1px solid rgba(0,0,0,0.02);
  }
    .canetti-card h3, .canetti-card .sub {
    margin: 0 0 6px 0;
    font-family: var(--font-pd);
    font-weight: 400;
    font-size: 28px;
    line-height: 1.05;
    letter-spacing: 0.2px;
  }
.canetti-card .sub {font-size: 18px;margin-bottom: 20px;}
.canetti-card p {font-size: 18px;}
/* BRAND */


/* contact */
.contact-flex {display: flex;flex-wrap: wrap;gap: 40px;justify-content: space-between;position: relative;}
.contact-info {flex: 1;min-width: 300px;position:relative}
.contact-info::before, .contact-flex::after {content: "";position: absolute;top: -62px;left: -52px;width: 1px;height: 100%;background-image: repeating-linear-gradient(to bottom,#DCDCDC,#DCDCDC 2px,transparent 2px,transparent 6px);}

.contact-flex::after {top: -22px; left: -80px;width: 100%; height: 1px;background-image: repeating-linear-gradient(to right,#DCDCDC,#DCDCDC 2px,transparent 2px,transparent 6px);}

.contact-info h3 {font-size: 24px;margin-bottom: 30px;font-family: var(--font-pd);font-weight: 400;}
.contact-item {display: flex;align-items: flex-start;gap: 15px;margin-bottom: 20px;}
.contact-icon {font-size: 20px;color: var(--b_c);line-height: 1.4;background-color: var(--r_c);width: 35px;height: 32px;display: flex;border-radius: 50%;margin: 0;}
.contact-icon img {width: 15px;}
.contact-item div {font-size: 18px;line-height: 1.6;width: 100%;font-family: var(--font-pd);}
.contact-item div span{font-family: var(--font-of);}

/* Contact Form */
.contact-form {flex: 1;background: var(--g_c2);padding: 50px;border-radius: 4px;}
.contact-form form {display: flex;flex-direction: column;gap: 15px;}
.contact-form input,.contact-form textarea {padding: 10px;border: none;background: var(--w_c);font-size: 14px;border-radius: 2px;width: 100%;font-family: var(--font-of);}
.contact-form textarea {resize: none;}
.contact-form button {background: var(--b_c);color: var(--w_c);padding: 10px 20px;font-size: 14px;border: none;cursor: pointer;align-self: flex-start;transition: background 0.3s ease;}
.getintouch_hf {width: 100%;}
.contact-form button:hover {background: var(--r_c);}
.faq-item {background: var(--g_c);margin-bottom: 10px;overflow: hidden;transition: all 0.3s ease;font-family: var(--font-of);}
.faq-question {cursor: pointer;padding: 18px 20px;font-size: 18px;font-weight: 500;display: flex;justify-content: space-between;align-items: center;color: var(--b_c);}
.faq-icon {font-size: 22px;color: var(--r_c);transition: transform 0.3s ease;}
.faq-question span {  margin: 0;}
.faq-answer {max-height: 0;padding: 0 20px;overflow: hidden;transition: max-height 0.3s ease, padding 0.3s ease;}
.faq-answer p {margin: 0px 0;font-size: 18px;line-height: 1.6;font-family: var(--font-of);}
.weaving-content h4{margin:15px 0px;font-size:18px;}
.weaving-content h1{margin-bottom:10px;}
/* Active State */
.faq-item.active .faq-answer {max-height: 500px;padding: 0px 20px 20px;}
.faq-item.active .faq-icon {content: "−";}
/* contact */

/* business */
.weaving-content .bs_text {font-family: var(--font-of); font-size: 18px;margin: 20px 0;}
.weaving-content-list{display: grid;grid-template-columns: repeat(2,1fr);gap:30px;align-items: flex-start;margin:80px 0px 0px;}
.weaving-content-list li{position: relative;text-align: left;width:100%;padding-left:30px;margin-bottom:30px;height:100%;display:flex;align-items: center;}
.weaving-content-list li::before{content:'';position: absolute;left: -10px;height:70px;border:1px solid var(--r_c);top:0;margin:auto;bottom:0;}
.grid_col_3 {grid-template-columns: repeat(3,1fr); text-align: center;}
.business_list {display: flex;text-align: left; margin-bottom: 20px;margin-top: 20px;}
.business_list ul {margin: 0 0px 0 10px; display: grid; width: 100%;gap:30px; grid-template-columns: repeat(2,1fr);}
.business_list li::before {content:'';width: 15px;height: 15px; border-radius: 50%; background-color: var(--r_c); position: absolute;}
.business_list ul li {position: relative;width: 100%;background: var(--g_c); padding: 30px;    min-height: 125px; display: flex; margin: auto;align-items: center;}
.business_list li::before {width: 5px;height: 100%;border-radius: 0;background-color: var(--r_c);position: absolute;left: 0;bottom: 0;top: 0;display: flex;align-items: center;justify-content: center;margin: auto;}
.process-section h4 {font-size: 25px; font-family: var(--font-pd); font-weight: 400; text-align: center; margin-bottom: 40px;}
.pwu-list ul {grid-template-columns: repeat(2, 1fr);}
.eco-slide .nwluch_t {position: absolute;bottom: 0;padding: 30px;width: 100%;left: 0;z-index: 2;}
.process-section {padding: 0 0 0px 0;}
.collection_min a {position: relative;display: block;color: var(--w_c);overflow-x: hidden !important;}
.business_text p {margin-bottom:20px;}
.collection_min .eco-img-wrap:hover .nwluch_t {visibility: visible;height: 100%;}
.nwluch_t_row p {font-size: 16px;}
.nwluch_t_row h2 {margin-bottom: 10px; font-size: 20px;} 
.collection_min .nwluch_t{background: rgba(0, 0, 0, .77);color: var(--w_c);height: 0%;display: flex;align-items: center;align-content: center;overflow: hidden;visibility: hidden;transition: all 0.5s;}
.yarns-text p {margin-bottom: 20px;}
.yarns-list {margin-top: 40px;}

.strip09 {display: flex;justify-content: space-between;align-items: center;background-color: var(--g_c);border-left: 5px solid var(--r_c);margin: 40px auto;  max-width: 1200px;padding: 50px 90px;gap:40px}
.strip09 h2 {font-size: 2.4vw;text-align: left;width: 75%;}
.strip09 h2, .strip09 a{margin: 0;}

.btn-red {background-color: var(--r_c);}
.strip-btn {width: 25%;}
.strip-btn a {width: 100%;text-align: center;}

.business_list .structure_list li {background: transparent;width: 100%; margin: auto;}
.business_list .structure_list li::before {width: 10px;height: 10px;border-radius: 50%;}
.business_list .structure_list {grid-template-columns: repeat(3,1fr);}

.contact-row {margin: 30px 0 0;font-family: var(--font-pd);font-size: 24px;}
.contact-col {margin: 0;display: flex;gap:30px; align-items: center;}
.contact-col img, .contact-col a {margin: 0;}
/* business */


/* CSR */
.csr_row {display: flex;align-items: center;justify-content: space-between;gap: 40px;margin-bottom: 60px;}
.csr_row:nth-child(odd) {flex-direction: row;text-align:left;}
.csr_row:nth-child(even) {flex-direction: row-reverse;text-align:right}
.csr_row_img {flex: 1;min-width: 0; }
.csr_row_img .swiper {width: 100%;}
.csr_row_img img {height: auto;border-radius: 16px;}

/* Text container */
.csr_row_txt {flex: 1;}
.csr_row_txt h2 {font-size: 24px;font-weight: 700;margin-bottom: 15px;font-family:var(--font-pd)}
.csr_row_txt p {margin-bottom: 12px;font-size: 18px;}
.csr_row_img .swiper-pagination {position: static; margin-top: 12px;       text-align: center;}

/* Default dot style */
.csr_row_img .swiper-pagination-bullet {width: 10px;height: 10px;margin: 0 5px;background: var(--g_c2); border-radius: 50%;opacity: 1;transition: all 0.3s ease;}

/* Active dot */
.csr_row_img .swiper-pagination-bullet-active {background: var(--r_c);transform: scale(1.2);}

/* CSR end */


/* PWU */
.partner-benefits {padding: 60px 20px;background-color: var(--w_c);text-align: center;}
.partner-benefits h2{margin-bottom:10px!important;}
.partner-benefits p{margin-bottom:30px;}
.benefits-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 30px;margin: 0 auto;}
.benefit-item {padding: 10px;}
.franchisee-section .benefits-grid{display: grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 0px 0px;}
.franchise-item-main{display: grid;grid-template-columns:repeat(3,1fr);align-items:center;margin:30px auto;width:75%;gap:15px;}
.franchisee-section .benefits-grid .benefit-item{text-align: left;padding:30px;background: #EFEFEF;min-height:280px;display: flex;flex-direction: column;justify-content: center;width:100%;}
.franchisee-section .benefits-grid .benefit-item img{margin:0;}
.franchisee-section .benefits-grid .benefit-item h3 {margin:10px 0px;}
.franchisee-section .benefits-grid .benefit-item p{margin:0px;}
.franchise-item-main .benefit-item{text-align: left;padding:30px;background: #EFEFEF;min-height:280px;display: flex;flex-direction: column;justify-content: center;width:100%;}
.den-knit-grid {display: grid;grid-template-columns: repeat(4, 1fr) !important;margin: 50px 0px !important;}
.den-kit-items {display: flex;width: 80%;margin: auto;gap: 15px;}
.style-content p a {color: var(--r_c);font-weight: 500;}
.franchise-item-main .benefit-item img{margin:0;}
.franchise-item-main .benefit-item h3 {margin:10px 0px;}
.franchise-item-main .benefit-item p{margin:0px;}
.benefits-grid-two{display:flex!important;}
.testimonial-item{background: #F1F1F1;padding:50px 50px;display: flex;width:100%;gap:30px;align-items:flex-start;}
.testimonial-item .testimonialImg{width:30%;margin:0px;}
.testimonial-item .testimonial-item-content{width:70%;margin:0px;}
.testimonial-item-content p{font-size:14px;text-align:left;min-height:250px;font-family:var(--font-pd);}
.benefit-item img {width: fit-content;height: fit-content;margin-bottom: 15px;}
.caseStudyVideoMain{display:flex;gap:30px;}
.caseStudy{width:100%;margin:0;}
.caseStudy iframe{width:100%;height:400px;}
.certificateMain{display:flex;width:70%;margin:0 auto;gap:50px;}
.certificateImg{width:50%;}
.certificateImg img{width:100%;}
.certificateTxt{width:50%;}
.certificateTxt h3{font-size:38px;font-family:var(--font-pd);font-weight:400;}
.certificateTxt h3 span{font-weight:700;display:block;font-size:38px;}
.certificateTxt p{font-size:16px;font-family: var(--font-of);font-weight:400;margin:10px 0px 0px;}
.testimonial-person{margin:30px 0px 0px;text-align:left;}
.testimonial-person h5{font-size:18px;font-family:var(--font-of);font-weight:600;}
.benefit-item h3 {font-size: 18px;margin-bottom: 10px;font-weight: 400;font-family: var(--font-pd);}
.benefit-item p {font-size: 14px;line-height: 1.6;color: var(--b_c);}
.form-min {background-color: var(--g_c);padding: 60px 20px;font-family: var(--font-of);}
.partner-form-section .form-header {text-align: center;margin-bottom: 40px;}
.partner-form .form-grid .form-group{width:100%;position: relative;}
.partner-form-section .form-header h2 {font-family: var(--font-pd);font-size: 28px;margin-bottom: 10px;}
.partner-form-section .form-header p {font-size: 16px;color: #555;}
.partner-form {max-width: 1000px;margin: 0 auto;}
.form-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;margin-bottom: 20px;}
.partner-form input,
.partner-form select,
.partner-form textarea {width: 100%;padding: 14px 16px;border: 1px solid var(--g_c2);border-radius: 4px;font-size: 14px;font-family: var(--font-of);background-color: var(--w_c);transition: border-color 0.3s ease;}
.partner-form input:focus,
.partner-form select:focus,
.partner-form textarea:focus {border-color: var(--b_c);outline: none;}
.partner-form textarea {resize: none;margin: 0px 0 0; height: 50px;}
.g-recaptcha {transform: scale(0.7);}

p {font-size: 16px;}
.submit-btn {text-align: center;margin-top: 20px;}
.submit-btn button {background-color: var(--b_c);color: var(--w_c);padding: 12px 40px;font-size: 14px;border: none;cursor: pointer;font-family: var(--font-of);transition: background-color 0.3s ease;}
.submit-btn button:hover {background-color: var(--r_c);}
.frm_btn{text-align: center;}
/* PWU */

/* sustability */
.blog-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 30px;}
.blog-card {background: var(--g_c);overflow: hidden;display: flex; text-decoration:none;}
.blog-img img {width: 100%;height: 100%;object-fit: cover;}
.blog-info {padding: 28px;width:100%}
.tag {display: inline-block;border: 1px solid var(--r_c);padding: 5px 10px;font-size: 12px;border-radius: 20px;margin-right: 6px;}
.tag.red {background: var(--r_c);color:var(--w_c)}
.blog-title {font-size: 16px;font-weight: 400;margin: 20px auto;color: #000;text-decoration: none;font-family:var(--font-pd);}
.blog-meta {font-size: 12px;color: #aaa;}
.blog-img{width:100%;margin: 0;}
.shop-grid-digit{display:flex;padding:30px 0px 80px;gap:50px;}
/* sustability */

/* sustainability */
.sustain-block {display: flex;align-items: center;gap: 40px;flex-wrap: wrap;}
.sustain-block.reverse {flex-direction: row-reverse;}
.sustain-block.reverse .sustain-text, .sustain-text.right .heading_s1 {text-align: right;}
.sustain-image {flex: 1 1 40%;}
.sustain-text .heading_s1 {text-align: left; margin-bottom: 10px;}
.sustain-text h4 {font-size: 22px; margin-bottom: 10px;}
.sustain-image img {width: 100%;height: auto;}
.sustain-text {flex: 1 1 50%;}
.sustain-text p {font-size: 18px;line-height: 1.7;color: var(--b_c);}
.sus-br {text-transform: uppercase;font-size: 14px;font-weight: 500;color: var(--b_c);text-align: center;position: relative;display: inline-block;padding-bottom: 5px;margin-bottom: 20px;}
.sus-br::after {content: "";position: absolute;left: 0;bottom: 0; width: 100%;height: 1px;background-color: var(--r_c);}
/* sustainability */  


/* media */
.bxlut {width: 100%;}
.news_row .blog-card a{display: flex;width: 100%;}
.news_row h2 {margin-bottom: 10px;}
.news_row .title {margin-bottom: 30px;}
.tv_video .blog-img{position: relative;overflow: hidden;}
.tv_video .blog-img::after {content: '';background-image: url(../images/icons/play.svg);background-color: var(--w_c);width: 50px;height: 50px;margin: auto;position: absolute;border-radius: 50%;z-index: 99;top: 0;bottom: 0;left: 0;right: 0;background-repeat: no-repeat;background-position: center;transition: all 0.3s ease;}
.news_row .blog-card .blog-img {overflow: hidden; }
.news_row .blog-card .blog-img img {transition: transform 0.4s ease;}
.news_row .blog-card:hover .blog-img img {transform: scale(1.1); }
  .tv_video .blog-card {width: 100%;}

/* Hover effect */
.tv_video .blog-img:hover::after {transform: scale(1.2); background-color: rgba(255, 255, 255, 0.9);}
/* media */


/* Investor Section */
.submenu09{padding: 20px;width: 100%;}
.submenu09 .nav-list {font-size: 18px;margin-bottom: 15px;color: var(--b_c);}
.nav-list {list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;gap: 10px;justify-content: center;}
.nav-list li {margin: 0;}
.nav-list a {display: inline-block;padding: 10px 15px;font-size: 14px;color: var(--b_c);border: 1px solid #aaa;text-decoration: none;transition: all 0.3s ease;}
.nav-list a:hover {background: var(--r_c);color:var(--w_c);border: 1px solid var(--w_c);}
.nav-list a.active,
.nav-list a.current,
.nav-list li.active a {background: var(--r_c);color: var(--w_c);border-color: var(--r_c);}
.fld_selt {display: flex;justify-content: center;margin-bottom: 40px;}
.btn_slt_yer select.sltyer_op {font-family: var(--font-of);font-weight: 300;font-size: 14px;padding: 10px 40px 10px 15px;border: 1px solid #ddd;background: var(--g_c);background-size: 12px;min-width: 180px;color:#aaa;background-image: url("../images/icons/select-arrow.svg");background-repeat: no-repeat;background-position: right 12px center;background-size: 12px;  appearance: none;-webkit-appearance: none;-moz-appearance: none;}
.btn_slt_yer select.sltyer_op:focus {outline: none;box-shadow: none;}
.btn_slt_yer select.sltyer_op option {color: var(--b_c);background-color: var(--g_c);}
.reports2_row {display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;justify-content: center;}
.reports2_col {display: inline-block;width: 100%;padding: 0;vertical-align: top;}
.reports2_col a{background: var(--g_c);padding: 15px 20px;border-bottom: 4px solid var(--w_c);width: 100%;display: flex;align-items: center;gap: 20px;transition: 0.3s;min-height: 100px;position: relative;}
.reports2_col a::after {content: '';position: absolute;left: 0;bottom: -3px;width: 0%;height: 3px;background-color: var(--r_c);transition: width 0.8s ease;}
.reports2_col a:hover::after {width: 100%;}
.reports2_col i {color: var(--r_c);font-size: 16px;}
.reports2_txt, .pdf_icon, .play_icon{margin: 0;}
.reports2_txt{width: 100%;}
.reports2_txt p{margin: 0;font-size: 14px;color: var(--b_c); font-weight: 400;}
.invest-icon,.reports2_i {background-repeat: no-repeat; background-size: contain;width: 30px; height: 30px;}
.reports2_i i{display: none ;}
.pdf_icon {background-image: url(../images/icons/pdf.svg);}
.play_icon {background-image: url(../images/icons/play.svg);}
.reports_nav .nav-list > li > a:hover, .reports_nav .nav-list > li > a.active {background-color: var(--r_c); color: var(--w_c);}
.noContent {pointer-events: none;opacity: 0.6;cursor: not-allowed;}
/* Investor Section */


/*Store Locator*/

.store-locator-fltr .btn_slt_yer {display: grid;grid-template-columns: repeat(3, 1fr); gap: 20px;}
.store-locator-fltr {display: grid;}
.store_row {display: grid; grid-template-columns: repeat(3,1fr);gap: 30px;}
.store_row li {background-color: var(--g_c);padding: 30px;height: 100%; width: 100%;}
.store_row .heading_s1{font-size: 20px; text-align: left; margin-bottom: 15px; }
.store-loc {position: relative;}
.store-loc::before, .store-call a::after {content: '';position: absolute;background-image: url(../images/icons/location-red.png);left: 0;right: 0;top: 0;bottom: 0;background-repeat: no-repeat;background-position: left top;z-index:2;}
.strl_txt h5 {margin-left: 22px; margin-bottom: 15px;font-weight: 300;
font-size: 15px;}
.strl_txt p {font-size: 18px;margin-bottom: 15px;}
.pt-3{margin: 10px 0 20px;}
.pt-3 a {color:var(--r_c); text-decoration: underline;}
.pt-0 {padding-top:0}
.store-call a{position: relative;padding-left: 22px;}
.store-call a::after{background-image: url(../images/icons/call-red.png);}

/*Store Locator*/


/* careers */
.job-item {margin-bottom: 20px;}
.job-header {padding: 30px;background: var(--g_c);position: relative;}
.job-header h3 {font-size: 22px;margin: 0 0 5px;font-family: var(--font-pd);font-weight: 400;}
.job-meta p {margin-left: 0px;font-size: 14px;}
.job-meta {color: var(--b_c);display: flex;gap: 20px;margin-bottom: 5px;}
.job-toggle {position: absolute;top: 0px;right: 50px;font-size: 12px;background: none;border: none;text-transform: uppercase;color: var(--r_c);cursor: pointer;}
.job-content {display: none;padding: 30px;background: var(--g_c);position: relative;}
.job-content::before {content: '';position: absolute;top: 0;height: 1px;width: 95%;background: #C5C5C5;left: 0;right: 0;margin: auto;}
.job-content h4 {margin-top: 20px;font-size: 16px;font-weight: 600;margin-bottom: 20px;}
.job-content ul {padding-left: 20px;margin: 10px 0;}
.job-content p {font-size: 16px;}
.job-content ul li {margin-bottom: 8px;list-style-type: disc;}
.job-content .underline-btn {margin: 40px 0;}
.testimonial-card {background: var(--g_c);padding: 30px}
.testimonials-wrapper {display: flex;gap: 20px;}
/* .tag {background: var(--r_c);color: var(--w_c);font-size: 12px;padding: 4px 12px;border-radius: 999px;display: inline-block;margin-bottom: 16px;} */
.testimonial-text {font-size: 18px;color: var(--b_c);line-height: 1.6;margin: 20px 0; font-family: var(--font-pd);}
.name {margin-bottom: 4px;}
.designation {font-size: 14px;color: var(--b_c);}


/* career form */
.career-form {background: var(--g_c);padding: 60px 30px;text-align: center;border-radius: 8px;}
.career-form .form-subheading {font-size: 16px;margin-bottom: 40px;color: var(--b_c);}
.resume-wrapper {position: relative;width: 100%;}
.resume-input {opacity: 0;position: absolute;left: 0;top: 0;width: 100%;height: 100%;cursor: pointer;z-index: 2;}
.resume-label {background: var(--w_c);padding: 15px;display: flex;justify-content: space-between;align-items: center;border-radius: 4px;font-size: 14px;color: var(--b_c);pointer-events: none;box-sizing: border-box;}
.resume-icon {margin: 0;}
.form-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 20px;margin: 0 auto;}
.resume-text {margin: 0;}
.form-grid input,
.form-grid input::placeholder,
.form-grid select,
.file-upload label {padding: 15px;border: none;background:var(--w_c);width: 100%;color:#9E9E9E;}
.file-upload {position: relative;overflow: hidden;}
.file-upload input[type="file"] {position: absolute;left: 0;top: 0;opacity: 0;width: 100%;height: 100%;cursor: pointer;}
.file-upload label {display: block;background: var(--w_c);padding: 15px;cursor: pointer;}
.submit-btn {padding: 10px 20px;background: var(--b_c);color: var(--w_c);border: none;margin-top: 20px;font-size: 14px;cursor: pointer;width: fit-content;}
.img-wrap img {width: 100%;}

.submenu09 {margin: 20px 0;}

.submenu09 .container09 {border-bottom: 1px dotted #ccc;text-align: center;position: relative;z-index: 2;}
.submenu09_nav {display: inline-flex;gap: 60px;list-style: none;padding: 0;margin: 0;}
.submenu09_nav li a {position: relative;display: inline-block;padding: 12px 0;font-size: 30px;transition: color 0.3s ease;font-family: var(--font-pd);}
.submenu09_nav li a:hover {color: var(--r_c);}
.submenu09_nav li a.active {font-weight: 500;border-bottom: 1px solid var(--r_c);}
.submenu09_nav li a.active::after {content: "";position: absolute;left: 0;bottom: -1px; width: 100%;height: 3px;background:var(--r_c);}


.career09 {display: inline-flex;gap: 60px;list-style: none;padding: 30px 0 0;margin: 0;}
.career09 li a {position: relative;display: inline-block;padding: 12px 0;font-size: 30px;transition: color 0.3s ease;font-family: var(--font-pd);}
.career09 li a:hover {color: var(--r_c);}
.career09 li a.active {font-weight: 500;border-bottom: 1px solid var(--r_c);}
.career09 li a.active::after {content: "";position: absolute;left: 0;bottom: -1px; width: 100%;height: 3px;background:var(--r_c);}
/* careers */

.policies-content {position: relative;}
.policies-content .heading_s1 {margin-bottom: 80px;}
.policies-content .heading_s1::after {width: 100%; height: 1px; position: absolute;top: 25px;left: 0%;background-image: repeating-linear-gradient(to right,#DCDCDC,#DCDCDC 2px,transparent 2px,transparent 6px);content: ''; margin: 60px 0;}
.policies-min h2 {font-family: var(--font-pd);font-weight: 400;margin-bottom: 10px;}
.policies-min p {margin-bottom: 30px;font-size: 16px;}

/*___________PAGE END_____________*/


.swiper-wrapper {overflow: visible; width: 100%; margin: auto;}
.tabswiper .swiper-button-prev, .tabswiper .swiper-button-next {display: none;}

/*___________ MOBILE RESPONSIVE CODE _____________*/


@media only screen and (max-width:1450px){
.container{max-width:90%;}
.story_container{width: 95%;}
}



@media only screen and (max-width:967px){

}


@media only screen and (max-width:767px){

.csr_row {flex-direction: column !important; text-align: center;}
.csr_row:nth-child(even) {text-align: left;}
.csr_row_img, .csr_row_txt {flex: unset;width: 100%;}

.strip09 {display: block;width: 100%;padding: 30px;margin: 0;}
.strip09 h2 {font-size: 20px; padding-bottom: 20px; width: 100%;}
.business_list ul {grid-template-columns: repeat(1, 1fr);margin: 0;}
.canetti-grid {grid-template-columns: repeat(1,1fr);}

.investor-wrapper {gap:0; display: block;}

.header-secondary09, .search-icon {display: none;}
.submenu09_nav li a {font-size: 15px;}
.logo09 .logo-img {height: 22px;}
section {padding: 40px 0;}
.hero-banner {height: 50vh;}
.card-item {margin-bottom: 20px;}
.form-grid {grid-template-columns: 1fr;}
.submit-btn {grid-column: span 1;}
.store_row {grid-template-columns: repeat(1, 1fr);}
.store-locator-fltr .btn_slt_yer{grid-template-columns:repeat(1,1fr);}
.btn_slt_yer select.sltyer_op{min-width:300px;}

.den-knit-grid{grid-template-columns: repeat(1,1fr)!important;}
.den-kit-items {width: 100%;flex-direction: column;}
/* brands scroll */
.brand-scroll-wrapper {overflow-x: auto;padding: 15px 10px;background: var(--w_c);display: block;}
.brand-scroll {display: flex;gap: 16px;}
.brand-item {flex: 0 0 auto;text-align: center;}
.brand-item img {width: 70px;height: 70px;border-radius: 50%;object-fit: cover;}
.brand-item p {margin-top: 8px;font-size: 14px;color: var(--b_c);}
/* brands scroll */

/* menu */
.menu {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: var(--w_c);z-index: 99;padding: 60px 20px;display: none;flex-direction: column;gap: 10px;overflow-y: auto;}
.menu.show {display: flex; align-items: flex-start; justify-content: flex-start;}
.menu li {width: 100%;padding: 0px 0; margin: 20px 0;}
.has-dropdown .accordion-toggle {display: flex;justify-content: space-between;align-items: center;cursor: pointer;border-bottom: 1px solid var(--g_c2);padding: 12px 0;}
.toggle-icon {font-size: 18px;color: var(--r_c);transition: transform 0.3s ease;display: block;}
.has-dropdown.active .toggle-icon {transform: rotate(45deg); }
.craft_itemData {display: block;}
.text_col p {width: 100%;margin-top: 20px;}
.craft_year {margin-bottom: 20px;text-align: center;}
.dropdown09 {max-height: 0;overflow: hidden;transition: max-height 0.1s ease;display: grid;grid-template-columns: 1fr;gap: 10px;padding: 0 20px;}
.has-dropdown.active .dropdown09 {max-height: 2000px;}
.dropdown09_wrapper {display: flex; flex-direction: column;gap: 10px;border: none;padding: 30px 0;margin: 0;}
.dropdown-col h4 {margin-top: 10px;}
.mobile-toggle {display: block;}
nav {flex: 1;position: relative;}
.active .dropdown09 {height: 100%;margin: 0;}
.menu li a, .toggle-icon{margin: 0;}
/* menu icon */
.hamburger-svg {cursor: pointer;transition: transform 0.3s ease;width: 100%;}
.hamburger-svg .line {transition: all 0.3s ease;transform-origin: center;}
.header_min {gap: 20px;}

/* Animate to X when active */
.hamburger-svg.active .top {transform: translateY(4px) rotate(48deg);}
.hamburger-svg.active .middle {opacity: 0;}
.hamburger-svg.active .bottom {transform: translateY(-4px) rotate(-48deg);}
/* menu icon */
/* menu end*/
.weaving-hero {height: 40vh;}
.counter-item p, .counter-iso p {font-size: 14px;}
.process-section h4 {font-size: 16px;}
.brand-text,.weaving-content p {font-size: 18px;}
.story-content {display: block;text-align: center;}
.btnRed::before {left: -10px;width: 20px; height: 20px;}
.story_container .story-left h2 {font-size: 24px;}
.story_container .story-left p {font-size: 13px;}
.counter-grid {grid-template-columns: repeat(2,1fr);}
.counter-item h2 {font-size: 40px;}
.counter-iso h2 {font-size: 30px;}
.team-card p {font-size: 14px;text-align: center;}
.about-team {margin-top: 10px;}
.team-card h4 {font-size: 18px;text-align: center;}
.team-details {display: block;}
.team-details {text-align: center;}
.about_min p  {font-size: 16px; line-height: normal;}
.story-left h2 {font-size: 24px;line-height: normal;}
.story-right p {max-width: none;}
.partner-content {width: auto;height: auto;right: 10%;padding: 20px;left: 10%;}
.cards-row {display: block;}
.partner-buttons {display: block;}
.brand-logos img {width: 130px;padding: 0px 0 0px;}
.explore-links li {width: 300px; margin: 10px auto;}
.breadcrumb {display: none;}
.explore-links a {width: auto;}
.process-section {padding: 0;}
.process-text p {margin-bottom: 0;}
.business_list .structure_list li, .strip-btn{width: 100%;}
.explore-links {display: block;width: fit-content;text-align: center;margin: auto;}
.story_container .story-content {text-align: left;}
.video-slider-swiper .swiper-slide p {min-height: 70px;}
.weaving-content {margin-top: 0;display: block!important;padding: 40px 20px 0px;}
.weaving-hero h2 {font-size: 24px;line-height: normal;}
.team-grid, .accolades-wrapper  {grid-template-columns: repeat(2,1fr)}
.accolade-card p {font-size: 14px;}
.year-nav {display: none;}
.craft_item::before{right: inherit;}
.craft_item::after  {right: inherit; left: -10px;}
.craft_itemData {width: 100%;}
.craft_item:nth-of-type(even) .craft_itemData {flex-direction: row;}
.process-block.reverse .process-text, .process-text.right .heading_s1 {text-align: left;}
.values-grid, .style-flex{grid-template-columns: repeat(1, 1fr);gap: 10px;}
.heading_s1 {font-size: 28px;margin-bottom: 30px;}
.collection-info {display: none;}
.collection-wrap a {display: block;font-family: var(--font-pd); text-align: center; font-style: italic;}
.collection-wrap {display: block;}
.swiper-slide {display: block !important;}
.tabswiper .swiper-slide {width: 100% !important;}
.tabswiper .swiper-button-prev, .tabswiper .swiper-button-next {display: block;}
.banner_min span {font-size: 14px;}  
.banner_min h2 {font-size: 28px;}
.process-block{display: block;}
.process-text p {margin-bottom: 20px;}
.process-text .heading_s1 {margin-top: 20px;}
.awards-certifications {padding-bottom: 60px;}
.accolades-wrapper {margin-bottom: 0;}
.play-btn{top: 21%;left: 50%;width: 50px;height: 50px;line-height: 48px;font-size: 24px;}
.video-wrapper .video-thumb {height: auto;}
.video-wrapper {height: 100%;}  
.video-wrapper iframe {height: 500px;}
.campaign_text{margin: 40px;}
.other-brands .brand-logos a{height: 180px; width: 180px; margin-bottom: 20px;}
.about-section {padding: 40px 0;}
.fs-30 {font-size: 20px;}
.eco-swiper {margin-top:20px;overflow: hidden!important;}
.weaving-content-list {margin: 40px 0px 0px;}
.partner-benefits p {margin-bottom: 0;}

/* footer */
.footer-grid {display: block;}
.footer-col {border-bottom: 1px solid var(--g_c2);padding: 15px 0;}
.footer-col h4 {margin: 0;font-size: 16px;font-weight: 500;cursor: pointer;display: flex;justify-content: space-between;align-items: center;}
.footer-col ul {max-height: 0;overflow: hidden;transition: max-height 0.4s ease;padding-left: 0;}
.footer-col.active ul {max-height: 500px;margin-top: 10px;}
.footer-col h4::after {content: "+";font-size: 20px;transition: transform 0.3s ease;width: 20px;height: 20px;display: flex;justify-content: center;align-items: center;border:1px solid var(--r_c);border-radius: 50%;color: var(--r_c);font-weight: 400;}
.footer-col.active h4::after {content: "-";}
.ft-line {display: none;}
.footer-logo img {width: 100%;max-width: 180px;}
.footer-newsletter {flex-direction: column;align-items: flex-start;gap: 20px;padding-top: 30px;border-top:none}
.footer-logo {margin: 40px 0 40px;}
.newsletter-left {text-align: center;}
.newsletter-right {width: 100%;}
.social-icons {display: block; margin-bottom: 40px;}
.subscribe-form {width: 100%;flex-wrap: wrap;}
.subscribe-form input[type="email"] {width: 100%;margin-bottom: 10px;}
.subscribe-form button {padding: 10px 0 0;}
.newsletter-right {padding-left: 0;margin-top: 30px;text-align: center;}
.newsletter-right::before {content: none;}
/* footer end */


/* investor */
.submenu09 .sidemenu_btn2 {font-size: 14px;text-transform: uppercase;position: sticky;z-index: 99; padding: 9px 30px;text-align: left;}
.reports2_row {grid-template-columns: repeat(2, 1fr);}
.reports2_txt p {font-size: 13px;}

.inr_nav {display: block;padding: 7px 20px;cursor: pointer;position: absolute;left: 0;top: 200px;width: 100%;background: var(--g_c2);}

.inr_nav span, .inr_nav span::before, .inr_nav span::after {position: absolute;content: '';width: 30px;height: 1px;background: var(--r_c);transition: all 0.5s;}

.inr_nav span {display: block;background: var(--r_c);right: 40px;top: 0;bottom: 0;}
.inr_nav span::after {top: -7px;left: 0;right: 0;}
.inr_nav span::before {bottom: -7px;left: 0;right: 0;}
.inr_nav.click span {height: 0;}
.inr_nav.click span::after {transform: rotate(45deg);top: 0;bottom: 0;}

.inr_nav.click span::before {transform: rotate(-45deg);top: 0;bottom: 0;}
.sidebar092.show .nav-list {height: auto;max-height: 400px;}

.sidebar092 .nav-list {position: fixed;top: 166px;height: 0;overflow: hidden;overflow-y: auto;width: 100%;z-index: 50;transition: all 0.5s;background: var(--g_c);display: block;left: 0;}
.submenu09 {padding: 0px;}
.sidebar092 .nav-list a {border:none}
/* investor */

/* partner with us */
.benefits-grid, .benefits-grid-two{grid-template-columns: repeat(1, 1fr)} 
.benefits-grid-two {display: grid!important;}
.opportunity-block {display: block;}
.opportunity-text {margin: 20px 0;}

/* partner with us */

.sustain-block {display: block;}
.team-grid, .accolades-wrapper  {grid-template-columns: repeat(2,1fr)}
.sustain-block.reverse .sustain-text, .sustain-text.right .heading_s1, .sustain-text {text-align: left; margin: 20px 0;}
.sus-br {margin-bottom: 0;}
.sustain-text p{font-size: 12px;}
.certificateMain{flex-direction: column;width:100%;text-align: center;}
.certificateTxt{width:100%;}
.certificateImg{width:100%;}
.weaving-content-list{grid-template-columns:repeat(1,1fr);}
.franchisee-section .benefits-grid, .franchise-item-main{grid-template-columns:repeat(1,1fr);width:100%;}
.franchisee-section .benefits-grid .benefit-item{min-height: 330px;}
.partner-benefits{padding:40px 0px!important;}
.testimonial-item{flex-direction: column;}
.testimonial-item .testimonialImg{width:100%;}
.testimonial-item .testimonial-item-content{width:100%;}
.caseStudyVideoMain{flex-direction: column;gap:50px;}
.certificateTxt h3{font-size:28px;}
.certificateTxt h3 span{font-size:28px;}
.caseStudy iframe{height:250px;}
.shop-grid-digit{flex-direction: column;}
.accordion-toggle::after{content:none;}
.industrydropdown{right:initial;}
.branddropdown{width:100%;overflow:scroll;}
.contact-flex {justify-content: center;}
.faq-answer p, .faq-question {font-size: 16px;}
.underline-btn {display: block;text-align: center;width: fit-content;margin: 30px auto;}
.weaving-content p {padding: 0;}
.explore-links {display: block;}
}



@media only screen and (max-width:567px){

}
/*___________ MOBILE RESPONSIVE CODE END_____________*/




/* IRAM */

/* Opportunity Start */


    /* Opportunity End */

  @media only screen and (max-width:767px){
  .partner-benefits h2{font-size: 22px;}
}
/* Partner With us page End */