.dropdown,.navcontainer{left:0;background-color:#6b4c35}.dropdown ul li,.navlist li{padding:10px 15px}.blog,.hero{background-repeat:no-repeat;background-position:center}.dropdown ul,.ks li,.menu-items,.navlist,.yk li{list-style:none}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,'-apple-system',BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;background-color:#ece6c2}.navcontainer{position:fixed;top:0;width:100%;height:80px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:1000}#nextBtn,#prevBtn,.dropdown{position:absolute;box-shadow:0 4px 6px rgba(0,0,0,.1)}.logo img{width:250px;height:auto}.menu-toggle{display:none;flex-direction:column;justify-content:space-between;width:25px;height:20px;cursor:pointer;z-index:1100}.menu,.navlist{display:flex}.menu-toggle div{height:3px;background-color:#fff;border-radius:2px;transition:.3s}.hero a,.os a{display:inline-block;background-color:#e2ba8a;cursor:pointer;transition:background-color .3s,transform .2s;text-decoration:none}.navlist{gap:20px}.navlist li{position:relative}.navlist li a{color:#fff;text-decoration:none;font-size:1.1rem;transition:color .3s}.navlist li a:hover{color:khaki}.dropdown{display:none;top:100%;border-radius:0 0 4px 4px;min-width:200px}.dropdown ul li a{color:#fff;text-decoration:none;display:block}.navlist li:hover .dropdown{display:block}@media (max-width:768px){.menu-toggle,.menu.active{display:flex}.menu{display:none;flex-direction:column;position:absolute;top:80px;left:0;width:100%;background-color:#6b4c35;padding:1rem 0}.navlist{flex-direction:column;gap:10px;align-items:flex-start;padding-left:20px}.navlist li{width:100%;text-align:center}.navlist li .dropdown{display:none;position:static;background-color:#5c3d2a;width:100%;border-radius:0}.navlist li.open .dropdown{display:block}.dropdown ul li{padding:10px 20px}.dropdown ul li a{font-size:1rem}}.hero,.khadisustainability,.newsletter,.ourstory,.whykhadi{overflow:hidden;display:flex;flex-direction:column;text-align:center}.menu-toggle.active div:first-child{transform:rotate(45deg) translate(7px,7px)}.menu-toggle.active div:nth-child(2){opacity:0}.menu-toggle.active div:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.main{width:100%;position:relative;display:flex;max-height:700px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.2)}.hero{width:100%;height:100vh;justify-content:center;align-items:center;color:#faebd7;font-size:2.5rem;line-height:1;animation:2s ease-out fadeIn;margin-top:4%;background-image:url(../asset/hero.webp);background-size:cover}.hero h1{font-size:5rem;margin:0 0 20px;color:#f5f0e1}.hero p{font-size:1.5rem;color:#f3963f;margin-bottom:30px}.hero a{border:2px solid #fff;border-radius:24px;color:#000;padding:15px 10px;font-size:16px;font-weight:700;text-align:center}.collaborate a:hover,.connect a:hover,.hero a:hover,.os a:hover{background-color:sienna;transform:scale(1.05);color:wheat;border:2px solid #000}.khadisustainability,.newsletter,.ourstory,.whykhadi{position:relative;justify-content:center;align-items:center;color:#000;padding:10px;margin:5% auto;width:80%;border-radius:15px;background-color:#d8a06c;border:2px solid #7c4b1c;box-shadow:0 4px 8px rgba(0,0,0,.2)}.blog,.ks,.os,.yk{flex-direction:column;display:flex;padding:10px}.collaborate h1,.connectmain h1,.khadisustainability h1,.ourstory h1,.whykhadi h1{font-size:3rem;margin:0 0 20px;color:#000}.ks,.os,.yk{width:80%;border-radius:15px;justify-content:center;align-items:center;text-align:center;color:bisque;background-color:#d8a06c}.ks h2,.os h2,.yk h2{font-size:2.5rem;margin:0 0 20px;color:#7c4b1c}.ks li,.os p,.yk li{font-size:1.5rem;text-align:justify}.os p{padding-left:50px;padding-right:50px}.os a{border:2px solid #fff;border-radius:24px;color:#000;padding:15px 10px;font-size:16px}.gallery,.modelgallery,.weavinggallery,.yarndyinggallery{position:relative;overflow:hidden;text-align:center;margin:5% auto;border-radius:15px}.blog h3,.blog p{font-size:1.5rem;margin:0 0 20px}.blog{position:relative;overflow:hidden;justify-content:center;align-items:center;text-align:center;height:200px;color:#000;margin:5% auto;background-image:url(../asset/b1.jpg);background-size:40%}.collaborate,.gallery{flex-direction:column;color:#000;box-shadow:0 4px 8px rgba(0,0,0,.2)}.blog p{color:#fff}.blog h3{color:wheat}.gallery{display:flex;justify-content:center;align-items:center;padding:10px;width:80%;background-color:#ece6c2;border:2px solid #7c4b1c}.gallery h1{font-size:3rem;margin:0 0 20px;color:#7c4b1c}.modelgallery,.weavinggallery,.yarndyinggallery{display:inline;justify-content:center;align-items:center;color:#000;padding:10px;width:80%;background-color:#d8a06c;border:2px solid #7c4b1c;box-shadow:0 4px 8px rgba(0,0,0,.2)}.collaborate,.connect,.connectmain{display:flex;padding:10px;width:80%;background-color:#d8a06c;position:relative;overflow:hidden}.modelgallery img,.weavinggallery img,.yarndyinggallery img{width:40vh;height:30vh;border-radius:15px;object-fit:fill}.collaborate{justify-content:center;align-items:center;text-align:center;margin:2% auto;border-radius:15px;border:2px solid #7c4b1c}.connectmain,.newsletter-form{flex-direction:column;text-align:center}.collaborate p,.newsletter p{font-size:1.5rem;margin:0 0 20px;color:#7c4b1c}.collaborate a,.connect a{display:inline-block;background-color:#e2ba8a;padding:15px 10px;font-size:16px;transition:background-color .3s,transform .2s;text-decoration:none;font-weight:700;cursor:pointer}.collaborate a{width:10rem;border:2px solid #fff;border-radius:24px;color:#000}.connectmain{justify-content:space-around;align-items:center;margin:5% auto;color:#000;border-radius:15px;border:2px solid #7c4b1c;box-shadow:0 4px 8px rgba(0,0,0,.2)}.connect{flex-direction:wrap;justify-content:space-between;align-items:center;text-align:center;color:#000;margin:5% auto;border-radius:15px}.connect a{max-width:20rem;border:2px solid #fff;border-radius:24px;color:#000;text-align:center}.newsletter h1{font-size:2.5rem;margin:0 0 20px;color:#000}.newsletter label{font-size:1.5rem;margin-bottom:10px;color:#f0f8ff}.newsletter input[type=email]{padding:10px;border-radius:5px;border:1px solid #ccc;font-size:1rem;margin-bottom:10px}.newsletter button{width:100px;padding:10px;border-radius:5px;border:none;background-color:#796251;color:#fff;font-size:1rem;cursor:pointer;transition:background-color .3s,transform .2s}.cards,.newsletter-form{border-radius:15px;display:flex;background-color:#d8a06c}.newsletter button:hover{background-color:#7c4b1c;transform:scale(1.05)}.newsletter-form{justify-content:center;align-items:center;color:#000}.newsletter-form #success-message{color:green;display:none;margin-top:10px}.newsletter-form #error-message{color:red;display:none;margin-top:10px}.contentmain{width:100%;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin:2% auto;text-align:center}.contentmain p{font-size:1.5em;padding:20px;max-width:80%}.description h2,.menu-items{padding:10px;text-align:center}.img img,.img1 img{max-width:700px;height:60vh;object-fit:fill}.cards{flex-direction:row;max-width:80%;height:60vh;margin:2% auto}.img img{border-radius:15px 0 0 15px}.img1 img{border-radius:0 15px 15px 0}.cards .description{margin:5% auto;justify-content:center;align-items:center;display:flex;flex-direction:column;font-size:1.2rem}.description h2{font-size:1.5rem}.description p{text-align:justify;padding:20px;font-size:1.3em}.menu-items{width:auto;height:8vh;margin:10px;display:flex;justify-content:center;align-items:center;border-radius:4px;transition:.3s}.menu-items a{text-decoration:none;color:#fff;font-size:18px;transition:color .3s ease-in-out}@media screen and (max-width:780px){.cards,.main{display:flex}.cards .description,.main{width:100%}.hero a,.os a{display:inline-block;background-color:#e2ba8a;cursor:pointer;transition:background-color .3s,transform .2s;text-decoration:none}.cards,.ks{background-color:#d8a06c}.blog,.gallery{position:relative;overflow:hidden;margin:5% auto}.gallery,.main{box-shadow:0 4px 8px rgba(0,0,0,.2)}.img img,.img1 img{width:40vh;object-fit:fill}.main{position:relative;max-height:83.5vh;overflow:hidden;justify-content:center;align-items:center;text-align:center}.hero h1{font-size:3rem;margin:0 0 20px;color:#f5f0e1}.hero p{font-size:1.2rem;color:#f3963f;margin-bottom:30px}.hero a{border:2px solid #fff;border-radius:24px;color:#000;padding:20px 15px;font-size:12px}.collaborate a:hover,.connect a:hover,.hero a:hover,.os a:hover{background-color:sienna;transform:scale(1.05);color:wheat;border:2px solid #000}.contentmain p{font-size:1.2em;padding:20px;max-width:80%}.cards{flex-direction:row;max-width:100%;height:60vh;border-radius:15px}.blog,.ks{flex-direction:column;display:flex;text-align:center;padding:10px}.img img{height:60vh;border-radius:15px 0 0 15px}.img1 img{height:60vh;border-radius:0 15px 15px 0}.description h2{text-align:center;padding:10px;font-size:1.2rem}.description p{text-align:justify;padding:20px;font-size:.8em}.collaborate h1,.khadisustainability h1,.ourstory h1,.whykhadi h1{font-size:2rem;margin:0 0 20px;color:#000}.collaborate h2,.ks h2,.os h2,.yk h2{font-size:1.5rem;margin:0 0 20px;color:#7c4b1c}.ks li,.os p,.yk li{font-size:1rem;text-align:justify}.ks li,.yk li{list-style:none}.os a{border:2px solid #fff;border-radius:24px;color:#000;padding:15px 10px;font-size:.8rem}.gallery,.ks{border-radius:15px}.blog h3,.blog p{font-size:1.2rem;margin:0 0 20px}.ks{width:80%;justify-content:center;align-items:center;color:bisque}.blog{justify-content:center;align-items:center;height:200px;color:#000;background-image:url(../asset/b1.jpg);background-repeat:no-repeat;background-size:80%;background-position:center}.blog p{color:#fff}.blog h3{color:wheat}.gallery{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#000;padding:10px;width:80%;background-color:#ece6c2;border:2px solid #7c4b1c}.connect,.modelgallery,.weavinggallery,.yarndyinggallery{position:relative;overflow:hidden;padding:10px;margin:5% auto;width:80%;background-color:#d8a06c;text-align:center}.gallery h1{font-size:3rem;margin:0 0 20px;color:#7c4b1c}.modelgallery,.weavinggallery,.yarndyinggallery{display:inline;justify-content:center;align-items:center;color:#000;border-radius:15px;border:2px solid #7c4b1c;box-shadow:0 4px 8px rgba(0,0,0,.2)}.modelgallery img,.weavinggallery img,.yarndyinggallery img{width:40vh;height:30vh;border-radius:15px;object-fit:fill}.collaborate a,.connect a{display:inline-block;background-color:#e2ba8a;text-decoration:none;width:30%;cursor:pointer;transition:background-color .3s,transform .2s}.collaborate p,.newsletter p{font-size:1rem;margin:0 0 20px;color:#7c4b1c}.collaborate a{border:2px solid #fff;border-radius:24px;color:#000;padding:15px 10px;font-size:.8rem}.connect{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:center;color:#000;border-radius:15px}.connectmain h1{font-size:2.5rem;margin:0 0 20px;color:#000}.connect a{border:2px solid #fff;border-radius:24px;color:#000;padding:10px 20px;font-size:.8rem;text-align:center;margin:2%;height:5vh}.newsletter h1{font-size:1.5rem;margin:0 0 20px;color:#000}.newsletter input[type=email],.newsletter label{margin-bottom:10px;font-size:1rem}.newsletter input[type=email]{padding:10px;border-radius:5px;border:1px solid #ccc}.newsletter button{padding:10px;border-radius:5px;border:none;background-color:#796251;color:wheat;font-size:1rem;cursor:pointer;transition:background-color .3s,transform .2s}.newsletter button:hover{background-color:#7c4b1c;transform:scale(1.05)}}.home-blogs{width:80%;margin:5% auto;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;color:#000;padding:20px;background:#d8a06c;border-radius:15px;box-shadow:0 4px 8px rgba(0,0,0,.2);border:2px solid #7c4b1c;overflow:hidden}.section-header{text-align:center;margin-bottom:40px}.section-header h2{font-size:2.5rem;margin-bottom:10px;text-align:center}.section-header p{font-size:1.5rem;color:#555}.blog-carousel-wrapper{position:relative;display:flex;align-items:center;overflow:hidden;margin-top:20px;width:100%;height:min-content}.blog-preview-container{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;padding:10px 0;scrollbar-width:none;height:max-content}.blog-preview-container::-webkit-scrollbar{display:none}.blog-preview{flex:0 0 calc(25% - 20px);background:#f7f7f7;border-radius:8px;overflow:hidden;box-shadow:0 4px 10px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%;min-height:500px}.blog-preview:hover{transform:translateY(-5px)}.blog-preview img{width:100%;height:180px;object-fit:cover}.carousel-btn{font-size:2rem;background-color:transparent;border:none;cursor:pointer;z-index:10;padding:0 10px;color:#333}#nextBtn,#prevBtn{top:50%;transform:translateY(-50%);background-color:#d8a06c;border:none;padding:10px 20px;font-size:1.5rem;color:#fff;cursor:pointer;border-radius:50%;transition:background-color .3s;z-index:1}#prevBtn{left:10px}#nextBtn{right:10px}#nextBtn:hover,#prevBtn:hover{background-color:#b58a4c}@media screen and (max-width:768px){#nextBtn,#prevBtn{font-size:1.2rem;padding:8px 15px}.blog-preview{flex:0 0 calc(75% - 20px)}.blog-preview-container{padding:0 10px}.blog-preview-content{padding:10px}}@media screen and (max-width:480px){.ks li,.yk li{text-align:left}.blog,.hero{background-size:cover;background-position:center}.main{flex-direction:column;max-height:80vh}.hero{height:100vh;background-image:url(../asset/hero.png);background-repeat:no-repeat;overflow:hidden}.hero h1{font-size:2.5rem}.blog p,.collaborate h2,.description p,.hero p,.ks h2,.os h2,.yk h2{font-size:1.5rem}.hero a{padding:10px 5px;font-size:1rem}.contentmain p{font-size:1.5em}.cards{flex-direction:column;height:auto}.collaborate h1,.connectmain h1,.description h2,.khadisustainability h1,.newsletter h1,.ourstory h1,.whykhadi h1{font-size:2rem}.blog h3,.collaborate p,.ks li,.newsletter p,.os p,.yk li{font-size:1.2rem}.img img,.img1 img{width:100%;height:auto;border-radius:15px}.ks,.newsletter-form,.yk{width:100%;padding:10px;margin-left:0}.yk li{padding:5px}.os p{padding:0 10px}.newsletter button,.os a{font-size:1rem;padding:10px 5px}.ks li{margin-left:0;padding:5px}.collaborate a,.connect a{padding:5px 25px}.blog{height:auto;padding:20px}.collaborate a,.connect a,.newsletter label{font-size:1rem}.connect a{width:100%;margin:5px 0}.newsletter input[type=email]{width:100%;padding:10px;font-size:1rem}#nextBtn,#prevBtn{font-size:1rem;padding:6px 10px}.blog-preview{flex:0 0 calc(100% - 20px)}.blog-preview-container{padding:0 5px}}.blog-preview-content{display:flex;flex-direction:column;flex-grow:1;padding:20px}.blog-preview-content h3{font-size:1.2rem;color:#222}.blog-preview-content p{font-size:.9rem;color:#666;flex-grow:1;margin-bottom:1rem;overflow:hidden;text-overflow:ellipsis}.blog-preview-content a{text-decoration:none;color:#b56e2b;margin-top:auto;font-weight:700}.blog-preview-content a:hover{text-decoration:underline;color:#a05d24}.blog-more-button{text-align:center;margin:30px}.blog-more-button a{background:#b56e2b;color:#fff;padding:10px 20px;border-radius:25px;text-decoration:none;font-weight:700}.blog-more-button a:hover{background:#a05d24}.read-more-btn{margin-top:.5rem;color:#fff;padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;text-align:center}.read-more-btn:hover{color:#b58a4c;padding:auto}.horizontal-scroll{display:flex;overflow-x:auto;gap:20px;scroll-snap-type:x mandatory;padding-bottom:10px}.horizontal-scroll::-webkit-scrollbar{height:8px}.horizontal-scroll::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.horizontal-scroll::-webkit-scrollbar-track{background:#f0f0f0}