:root{--primary-color: #2e7d32;--primary-light:#4caf50;--primary-dark:#1b5e20;--secondary-color:#ff9800;--grey-color:#666;--green-xs:#f3faf6;--text-rs:#183030;--text-color:#333;--light-color: #f1f8e9;--light-gray:#f5f5f5;--white:#ffffff;--shadow:0 4px 10px rgba(0, 0, 0, 0.1);--transition:all 0.3s ease}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{ font-family: 'Heebo-Light';line-height:1.6;color:var(--text-color);background-color:var(--white)}
a{text-decoration:none;color:inherit}
ul,li{list-style:none}
img{max-width:100%;height:auto}
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}
.section{padding:80px 0}
.section-title{text-align:center;margin-bottom:50px;position:relative}
.section-title h2{font-size:2.5rem;color:var(--primary-dark); }
.section-title h2::after{content:'';display:block;width:80px;height:4px;background-color:var(--secondary-color);margin:10px auto}
.section-title p{ width:80%; margin:0 auto }
.btn{display:inline-block;padding:12px 30px;background-color:var(--primary-color);color:var(--white);border:none;border-radius:4px;cursor:pointer;font-size:1rem;font-weight:600;transition:var(--transition)}
.btn:hover{background-color:var(--secondary-color);transform:translateY(-3px);box-shadow:var(--shadow)}
.conbg-r{  background:var(--text-rs) !important;}
.wh-tx{ color:var(--white) !important}
header{background-color: rgb(24 48 48/.88);box-shadow:var(--shadow);position:fixed;width:100%;top:0;z-index:1000;transition:var(--transition);backdrop-filter: blur(15px); padding:10px 0}

.header-container{display:flex;justify-content:space-between;align-items:center;transition:var(--transition)}
.logo{font-size:1.8rem;display:flex;align-items:center}
.logo img{ height:50px; width:auto}
.nav-menu{display:flex;  }
.nav-item{position:relative;margin-left:30px;line-height:35px;color:var(--white)}
.nav-item:hover,.dropdown li a:hover{ color:var(--secondary-color)}
.nav-item i{ margin-left:10px;}
.nav-link{font-weight:600;padding:10px 0;transition:var(--transition);}
.nav-link:hover{color:var(--secondary-color)}
.dropdown{position:absolute;top:150%;left:0;background-color: rgb(24 48 48/.88);box-shadow:var(--shadow);min-width:250px;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition);z-index:100}
.dropdown li a{ width:100%; line-height:180%; display:block;color:var(--white)}
.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(0)}
.dropdown-item{padding:10px;border-bottom:1px solid #eee;transition:var(--transition)}

.dropdown-item:hover{background-color:var(--light-gray);color:var(--primary-color)}

.nav-menu li{ position:relative}
.search-icon{cursor:pointer;font-size:1.2rem;margin-left:20px;transition:var(--transition)}
.search-icon:hover{color:var(--primary)}
.search-container{position:absolute;top:100%;right:0;background:#fff;padding:15px;box-shadow:var(--shadow);border-radius:4px;opacity:0;visibility:hidden;transform:translateY(10px);transition:var(--transition);z-index:100; display:flex;}
.search-container.active{opacity:1;visibility:visible;transform:translateY(0)}
.search-container input{padding:10px 15px;width:250px;border:1px solid var(--light-gray);border-radius:4px;font-size:1rem;}
.search-container button{padding:10px 15px;background:var(--primary-color);color:#fff;border:none;border-radius:4px;margin-left:5px;cursor:pointer; }

.mobile-toggle{display:none;font-size:1.5rem;cursor:pointer}
.banner{margin-top:80px;position:relative;overflow:hidden;height:600px}
.banner-slides{display:flex;transition:transform .5s ease;height:100%}
.banner-slide{min-width:100%;height:100%;position:relative}
.banner-slide img{width:100%;height:100%;object-fit:cover}
.banner-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;color:var(--white);width:80%;max-width:800px}
.banner-content h3{font-size:3rem;margin-bottom:20px;text-shadow:2px 2px 5px rgba(0,0,0,.5)}
.banner-content p{font-size:1.2rem;margin-bottom:30px;text-shadow:1px 1px 3px rgba(0,0,0,.5)}
.banner-controls{position:absolute;bottom:30px;left:50%;transform:translateX(-50%);display:flex;align-items:center}
.banner-dots{display:flex}
.banner-dot{width:12px;height:12px;border-radius:50%;background-color:rgba(255,255,255,.5);margin:0 5px;cursor:pointer;transition:var(--transition)}
.banner-dot.active{background-color:var(--white)}
.banner-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(255,255,255,.2);color:var(--white);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1.5rem;transition:var(--transition)}
.banner-btn:hover{background-color:rgba(255,255,255,.4)}
.banner-prev{left:30px}
.banner-next{right:30px}
.advantages{background-color:var(--green-xs)}
.advantages-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}
.advantage-card{background-color:var(--white);border-radius:8px;padding:30px 15px;text-align:center;box-shadow:var(--shadow);transition:var(--transition)}
.advantage-card:hover{transform:translateY(-10px)}
.advantage-icon{width:80px;height:80px; border:2px solid var(--text-rs);color:var(--text-rs);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:2rem}
.advantage-card p{ color:var(--grey-color)}
.advantage-card h3{font-size:1.3rem;margin-bottom:15px;color:var(--text-rs)}

.products-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.product-card{border-radius:8px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}
.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.15)}
.product-img{overflow:hidden}
.product-img img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}
.product-card:hover .product-img img{transform:scale(1.1)}
.product-info{padding:20px;background-color:var(--white); text-align:center}
.product-info h3{font-size:1rem;margin-bottom:15px;color:var(--dark-dark); -webkit-line-clamp: 2;overflow:hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;}
.product-info p{color:#666;margin-bottom:15px;-webkit-line-clamp: 3;overflow:hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;}
.product-info .btn{ padding: 8px 20px; border-radius:20px; margin:0 auto; display:inline-block}

.breadcrumb{background-color:var(--light-gray);padding:1rem 5%;margin:90px auto 0 auto}
.product-section {display: grid;grid-template-columns: 1fr 1fr; gap: 3rem; margin-bottom: 4rem; padding:60px 0}
		
.product-images{display:flex;flex-direction:column}
.main-image{width:100%;height:400px;border-radius:8px;overflow:hidden;margin-bottom:1rem;box-shadow:var(--shadow)}
.main-image img{width:100%;height:100%;object-fit:cover}
.thumbnail-images{display:flex;gap:1rem}
.thumbnail{width:80px;height:80px;border-radius:4px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:var(--transition)}
.thumbnail.active{border-color:var(--primary-color)}
.thumbnail img{width:100%;height:100%;object-fit:cover}

.product-item h1{font-size:2rem;color:var(--primary-color);margin-bottom:1rem}
.product-rating{display:flex;align-items:center;margin-bottom:1.5rem}
.stars{color:#ffc107;margin-right:.5rem}
.rating-count{color:#666;font-size:.9rem}
.product-description{margin-bottom:1.5rem;color:#666}
.product-features{margin-bottom:1.5rem}
.product-features ul{list-style:none}
.product-features li{margin-bottom:.5rem;padding-left:1.5rem;position:relative}
.product-features li:before{content:"✓";color:var(--primary-color);position:absolute;left:0}
.product-specs{background-color:var(--light-color);padding:1.5rem;border-radius:8px;margin-bottom:1.5rem}
.product-specs h3{margin-bottom:1rem;color:var(--primary-color)}
.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:.5rem}
.spec-item{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid #ddd}
.spec-name{font-weight:500}
.spec-value{color:#666}
.product-actions{display:flex;gap:1rem}

.news-section{margin-bottom:4rem}
.news-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}
.news-item{background-color:#fff;border-radius:8px;padding:1.5rem;box-shadow:var(--shadow)}
.news-date{font-size:.8rem;color:#999;margin-bottom:.5rem}
.news-item h3{font-size:1.2rem;margin-bottom:.5rem;color:var(--primary-color)}
.news-item p{color:#666;font-size:.9rem}


.category-slider{position:relative;overflow:hidden;margin:50px 0}
.category-container{display:flex;transition:transform .5s ease}
.category-slide{min-width:100%; display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;text-align:center}
.category-slide p span{ color:var(--white); background:var(--primary-light); padding:5px 10px; border-radius:20px; }
.category-slide h3{font-size:1.8rem;margin-bottom:15px;color:var(--primary-dark)}
.category-slide p,.category-slide h3{ width:85%; margin:0 auto}
.cate-img{ overflow:hidden; width:350px; border-radius:15px; margin-bottom:20px}
.cate-img img{ width:100%; height:auto;object-fit: cover;}
.category-nav{display:flex;justify-content:center;margin-top:20px; min-height:45px;}

.category-dot{width:12px;height:12px;border-radius:50%;background:var(--primary-color);margin:0 8px;cursor:pointer;transition:var(--transition)}
.category-dot.active{background:var(--secondary-color);transform:scale(1.2)}
.category-btna{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.8);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);font-size:1.5rem;color:var(--dark);z-index:10}

.category-btna:hover{background:#fff}
.category-prev{left:20px}
.category-next{right:20px}


.btn-outline{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color)}
.btn-outline:hover{background-color:var(--light-color)}
.product-details{margin-bottom:4rem}
.tabs{display:flex;border-bottom:1px solid #ddd;margin-bottom:1.5rem}
.tab{padding:1rem 1.5rem;cursor:pointer;font-weight:500;transition:var(--transition);border-bottom:3px solid transparent}
.tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color)}
.tab-content{display:none;padding:1.5rem 0}
.tab-content.active{display:block}
.tab-content h3{margin-bottom:1rem;color:var(--primary-color)}
.tab-content p{margin-bottom:1rem;color:#666}
.tab-content ul{margin-left:1.5rem;margin-bottom:1rem}
.related-products{margin-bottom:4rem}

.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem}
.product-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}
.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.15)}

.product-card-content{padding:1.5rem}
.product-card h3{font-size:1.2rem;margin-bottom:.5rem;color:var(--primary-color)}
.product-card p{color:#666;margin-bottom:1rem;font-size:.9rem}


.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}
.info-item{text-align:center}
.info-item i{font-size:2.5rem;color:var(--primary-color);margin-bottom:1rem}
.info-item h3{font-size:1.3rem;margin-bottom:1rem;color:var(--primary-color)}


.in_ad{background:linear-gradient(rgba(0,0,0,.6),rgba(0,0,0,.6));background-size:cover;background-position:center;color:#fff;text-align:center;padding:120px 0}
.in_ad h3{font-size:3rem;margin-bottom:1rem;color:#fff}
.in_ad p{font-size:1.2rem;max-width:700px;margin:0 auto 2rem}


.pdo{ padding:60px 0}

.con-pro{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.con-pro-item{ position: relative; border-radius: 12px;overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); transition: all 0.4s ease;height: 350px;background: #fff;}
.con-pro-item:hover {  transform: translateY(-10px); box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15); }
.con-pro-item h5{font-size:1.1rem;line-height: 1.2em;background-color:rgb(24 48 48 / .88);; color:var(--white); position:absolute; bottom:0; width:100%;  padding: 25px 20px 20px;        transition: all 0.4s ease;}
.con-pro-item img{}


.custom-categories{background-color:var(--light-gray)}
.categories-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}
.category-card{background-color:var(--white);border-radius:8px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}
.category-card:hover{transform:translateY(-5px)}
.category-img{height:200px;overflow:hidden}
.category-img img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}
.category-card:hover .category-img img{transform:scale(1.1)}
.category-content{padding:20px}
.category-content h3{font-size:1.4rem;margin-bottom:10px;color:var(--primary-dark)}


.about-content{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.about-text h3{font-size:1.8rem;margin-bottom:20px;color:var(--primary-dark)}

.about-text p{margin-bottom:20px}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:30px}
.stat{text-align:center;padding:20px;background:var(--light-gray);border-radius:8px}
.stat h4{font-size:2rem;color:var(--primary-color);margin-bottom:5px}
.stat h4 em{ font-size:1.3rem;font-style:normal; display: inline-block;	  vertical-align: top;}
.about-img{border-radius:8px;overflow:hidden;box-shadow:var(--shadow);height:400px;background-color:var(--light-gray);display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.5rem}



.carousel-container{width:100%;position:relative;overflow:hidden;border-radius:15px;padding:20px}
.carousel-track{display:flex;transition:transform .5s ease;width:100%}
.carousel-item{flex:0 0 33.33%;padding:10px;transition:transform .3s ease}
.carousel-item img{width:100%;object-fit:cover;border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.2);transition:all .3s ease}
.carousel-item:hover img{transform:scale(1.05);box-shadow:0 8px 25px rgba(0,0,0,.3)}
.carousel-item p{ text-align:center; padding-top:25px;}
.carousel-container .btn{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.8);border:none;width:30px;height:60px;border-radius:50%;font-size:24px;color:#333;cursor:pointer;display:flex;justify-content:center;align-items:center;transition:all .3s ease;z-index:10;box-shadow:0 3px 10px rgba(0,0,0,.2)}
.carousel-container .btn:hover{background:rgba(255,255,255,.95);transform:translateY(-50%) scale(1.1)}
.carousel-container .btn-prev{left:15px}
.carousel-container .btn-next{right:15px}

.factory-img{display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.factory-item{ position: relative; border-radius: 12px;overflow: hidden; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); transition: all 0.4s ease;background: #fff;}
.factory-item img{ display:block}

.video-poster{position:relative;cursor:pointer;transition:var(--transition)}
.video-poster:hover{transform:scale(1.01)}
.video-poster img{width:100%;height:auto;display:block;transition:var(--transition)}
.video-poster:hover img{opacity:.9}
.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;background-color:rgba(46,139,87,.85);border-radius:50%;display:flex;justify-content:center;align-items:center;color:var(--white);font-size:2.5rem;cursor:pointer;transition:var(--transition);border:none;outline:0}
.play-button:hover{background-color:var(--primary-green);transform:translate(-50%,-50%) scale(1.1);box-shadow:0 0 0 10px rgba(46,139,87,.2)}
.video-description{background-color:var(--white);padding:2rem;border-radius:0 0 var(--border-radius) var(--border-radius)}
.video-description h3{font-size:1.5rem;color:var(--dark-green);margin-bottom:1rem}
.video-description p{color:var(--text-light);margin-bottom:1rem}

.video-content {  width: 90%; max-width: 1000px; position: relative;}
.video-modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.75);display:flex;justify-content:center;align-items:center;z-index:2000;opacity:0;visibility:hidden;transition:var(--transition)}
.video-modal.active{opacity:1;visibility:visible}
.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden}
.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}
.close-modal{position:absolute;top:-50px;right:0;background:0 0;border:none;color:var(--white);font-size:2rem;cursor:pointer;transition:var(--transition)}
.close-modal:hover{color:var(--light-green);transform:rotate(90deg)}




.news-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px}
.news-card{background-color:var(--white);border-radius:8px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}
.news-card:hover{transform:translateY(-5px)}
.news-img{height:200px;overflow:hidden}
.news-img img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}
.news-card:hover .news-img img{transform:scale(1.1)}
.news-content{padding:20px}
.news-date{color:var(--primary-color);font-size:.9rem;margin-bottom:10px}
.news-content h3{font-size:1.3rem;margin-bottom:10px;color:var(--text-color); -webkit-line-clamp: 2;overflow:hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;}
.news-content p{color:var(--grey-color);margin-bottom:15px; -webkit-line-clamp: 3;overflow:hidden;text-overflow: ellipsis; display: -webkit-box;-webkit-box-orient: vertical;}

.materials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}
.material-item{position:relative;height:300px;border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}
.material-item img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}
.material-item:hover img{transform:scale(1.05)}
.material-content{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(transparent,rgba(0,0,0,.8));color:#fff;padding:1.5rem}
.material-content h3{font-size:1.5rem;margin-bottom:.5rem}

.types-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}
.type-item{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition); position:relative}
.type-item:hover{transform:translateY(-5px)}
.type-item img{width:100%;height: auto;object-fit:cover}
.type-content{padding:1rem;position:absolute;width:100%;    background-color: rgb(24 48 48 / .88); bottom:0;color:#fff}

.type-content h3{font-size:1.3rem;margin-bottom:.5rem;}


.categories-container{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem}
.category-btn{background-color:#fff;border:2px solid var(--light-color);border-radius:30px;padding:.7rem 1.5rem;font-weight:500;cursor:pointer;transition:var(--transition)}
.category-btn.active,.category-btn:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}
.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2rem}
.product-card{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}
.product-card:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.15)}
.product-card-image{overflow:hidden; max-height:350px}
.product-card-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}
.product-card:hover .product-card-image img{transform:scale(1.05)}
.product-card-content{padding:1.5rem}
.product-card h3{font-size:1.3rem;margin-bottom:.5rem;color:var(--primary-color)}
.product-card p{color:#666;margin-bottom:1.5rem;font-size:.95rem}
.product-features{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}
.feature-tag{background-color:var(--light-color);color:var(--dark-color);padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500}

.web_turn_page{ display: flex;justify-content: center; margin-top: 40px;}
.web_turn_page a {display: inline-block;  padding: 8px 15px;   margin: 0 5px; text-decoration: none;  color: #555;  border: 1px solid #e0e0e0;  border-radius: 4px;  transition: all .3s;}


.main-container {max-width: 100%;margin: 2rem auto;display: grid; grid-template-columns: 1fr 300px;gap: 3rem; }
.news-section{margin-bottom:4rem}

.news-filters{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}
.filter-btn{background-color:#fff;border:2px solid var(--light-color);border-radius:30px;padding:.7rem 1.5rem;font-weight:500;cursor:pointer;transition:var(--transition)}
.filter-btn.active,.filter-btn:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}
.news-listbox{display:grid;gap:2rem}
.news-box{background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:var(--shadow);transition:var(--transition);display:grid;grid-template-columns:250px 1fr}
.news-box:hover{transform:translateY(-5px);box-shadow:0 10px 20px rgba(0,0,0,.15)}
.news-image{height:200px;overflow:hidden}
.news-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition)}
.news-box:hover .news-image img{transform:scale(1.05)}
.news-intro{padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between}
.news-category{display:inline-block;background-color:var(--light-color);color:var(--primary-dark);padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;margin-bottom:1rem}
.news-title{font-size:1.3rem;margin-bottom:1rem;color:var(--primary-color)}
.news-excerpt{color:#666;margin-bottom:1.5rem;line-height:1.6}
.news-meta{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#999}
.news-date{display:flex;align-items:center}
.news-date i{margin-right:.5rem}
.read-more{color:var(--primary-color);text-decoration:none;font-weight:500;display:flex;align-items:center;transition:var(--transition)}
.read-more:hover{color:var(--dark-color)}
.read-more i{margin-left:.5rem;transition:var(--transition)}
.read-more:hover i{transform:translateX(3px)}

.pagination{display:flex;justify-content:center;margin-top:3rem}
.pagination-list{display:flex;list-style:none;gap:.5rem}
.pagination-item a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:4px;background-color:#fff;color:var(--text-color);text-decoration:none;transition:var(--transition);border:1px solid #ddd}
.pagination-item a.active,.pagination-item a:hover{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}

.article-section{margin-bottom:4rem}
.article-header{margin-bottom:2rem}
.article-category{display:inline-block;background-color:var(--light-color);color:var(--dark-color);padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;margin-bottom:1rem}
.article-title{font-size:2.2rem;color:var(--primary-color);margin-bottom:1rem;line-height:1.3}
.article-meta{display:flex;align-items:center;color:#666;font-size:.9rem;margin-bottom:1.5rem}
.article-author,.article-date,.article-reading-time{display:flex;align-items:center;margin-right:1.5rem}
.article-author i,.article-date i,.article-reading-time i{margin-right:.5rem;color:var(--primary-color)}
.article-image{width:100%;height:400px;border-radius:8px;overflow:hidden;margin-bottom:2rem;box-shadow:var(--shadow)}
.article-image img{width:100%;height:100%;object-fit:cover}
.article-image-caption{text-align:center;font-size:.9rem;color:#666;margin-top:.5rem;font-style:italic}
.article-content{font-size:1.1rem;line-height:1.8}
.article-content p{margin-bottom:1.5rem}
.article-content h2{font-size:1.8rem;color:var(--primary-color);margin:2.5rem 0 1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--light-color)}
.article-content h3{font-size:1.5rem;color:var(--dark-color);margin:2rem 0 1rem}
.article-content blockquote{background-color:var(--light-color);border-left:4px solid var(--primary-color);padding:1.5rem;margin:2rem 0;font-style:italic;border-radius:0 8px 8px 0}
.article-content ol,.article-content ul{margin:1.5rem 0;padding-left:2rem}
.article-content li{margin-bottom:.5rem}
.article-content img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;box-shadow:var(--shadow)}
.article-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin:2.5rem 0}
.tag{background-color:var(--light-color);color:var(--dark-color);padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;text-decoration:none;transition:var(--transition)}
.tag:hover{background-color:var(--primary-color);color:#fff}
.article-share{display:flex;align-items:center;margin:2.5rem 0;padding:1.5rem 0;border-top:1px solid #eee;border-bottom:1px solid #eee}
.share-text{margin-right:1rem;font-weight:500}
.share-buttons{display:flex;gap:.5rem}
.share-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background-color:#f5f5f5;color:var(--text-color);text-decoration:none;transition:var(--transition)}
.share-btn:hover{background-color:var(--primary-color);color:#fff}


.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem}
.contact-info{padding:2rem}
.section-title{margin-bottom:2rem;padding-bottom:1rem;}

.contact-details{margin-bottom:2rem}
.contact-item{display:flex;align-items:flex-start;margin-bottom:1.5rem}
.contact-icon{background-color:var(--light-color);color:var(--primary-color);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;flex-shrink:0}
.contact-text h3{font-size:1.2rem;margin-bottom:.5rem;color:var(--primary-color)}
.contact-text p{color:#666}
.business-hours{background-color:var(--light-color);border-radius:8px;padding:1.5rem;margin-bottom:2rem}
.business-hours h3{font-size:1.3rem;margin-bottom:1rem;color:var(--primary-color)}
.hours-list{list-style:none}
.hours-list li{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid rgba(0,0,0,.1)}
.hours-list li:last-child{border-bottom:none}
.social-links{display:flex;gap:1rem; margin-top:15px}
.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:var(--light-color);color:var(--primary-color);border-radius:50%;text-decoration:none;transition:var(--transition); font-size:::;rem}
.social-links a:hover{background-color:var(--primary-light);color:#fff}
.contact-form-container{background-color:#fff;border-radius:8px;box-shadow:var(--shadow);padding:2rem}
.contact-form h3{font-size:1.5rem;margin-bottom:1.5rem;color:var(--primary-color)}
.form-group{margin-bottom:1.5rem}
.form-group label{display:block;margin-bottom:.5rem;font-weight:500}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem;transition:var(--transition)}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--primary-color);outline:0;box-shadow:0 0 0 2px rgba(46,125,50,.2)}
.form-group textarea{height:150px;resize:vertical}
.form-row{display:flex;gap:1rem}
.form-row .form-group{flex:1}
.submit-btn{background-color:var(--primary-color);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:500;transition:var(--transition);width:100%;font-size:1rem}
.submit-btn:hover{background-color:var(--dark-color)}



.sidebar{display:flex;flex-direction:column;gap:2rem}
.sidebar-widget{background-color:#fff;border-radius:8px;box-shadow:var(--shadow);padding:1.5rem}
.sidebar-widget h3{font-size:1.3rem;color:var(--primary-color);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--light-color)}
.categories-list{list-style:none}
.categories-list li{margin-bottom:.8rem}
.categories-list a{text-decoration:none;color:var(--text-color);display:flex;align-items:center;transition:var(--transition)}
.categories-list a:hover{color:var(--primary-color);padding-left:5px}
.categories-list i{margin-right:10px;color:var(--accent-color)}
.recent-news-list{list-style:none}
.recent-news-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid #eee}
.recent-news-item:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}
.recent-news-title{font-size:1rem;margin-bottom:.5rem}
.recent-news-title a{text-decoration:none;color:var(--text-color);transition:var(--transition)}
.recent-news-title a:hover{color:var(--primary-color)}
.recent-news-date{font-size:.8rem;color:#999}
.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}
.tag{background-color:var(--light-color);color:var(--dark-color);padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:500;text-decoration:none;transition:var(--transition)}
.tag:hover{background-color:var(--primary-color);color:#fff}
.newsletter-form{display:flex;flex-direction:column;gap:1rem}
.newsletter-form input{padding:.8rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}
.newsletter-form button{background-color:var(--primary-color);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:4px;cursor:pointer;font-weight:500;transition:var(--transition)}
.newsletter-form button:hover{background-color:var(--dark-color)}

.process-steps{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-top:40px}
.process-step{flex:1;min-width:200px;max-width:220px;text-align:center;position:relative}
.step-number{width:50px;height:50px;background-color:var(--primary-color);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 15px}
.process-step h4{margin-bottom:10px; color:var(--primary-color);}


.faq-container{max-width:800px;margin:0 auto}
.faq-item{margin-bottom:15px;border-radius:8px;overflow:hidden;box-shadow:var(--shadow)}
.faq-question{background-color:var(--primary-color);color:var(--white);padding:20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;transition:var(--transition)}
.faq-question:hover{background-color:var(--primary-dark)}
.faq-answer{background-color:var(--white);padding:0 20px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease}
.faq-item.active .faq-answer{padding:20px;max-height:500px}
.faq-toggle{transition:var(--transition)}
.faq-item.active .faq-toggle{transform:rotate(180deg)}
.custom-service{background-color:var(--primary-dark);color:var(--white);text-align:center;padding:80px 0}
.custom-service h2{font-size:2.5rem;margin-bottom:20px}
.custom-service p{font-size:1.2rem;max-width:700px;margin:0 auto 30px}
.custom-service .btn{background-color:var(--secondary-color);color:var(--text-color)}
.custom-service .btn:hover{background-color:#ffb74d}


footer{background:rgb(24 48 48);color:var(--white);padding:60px 0 20px}
.footer-content{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:70px;margin-bottom:40px}
.footer-column h3{font-size:1.3rem;margin-bottom:20px;color:var(--primary-light)}

.ftct li{    margin-bottom: 15px; display: flex; align-items: flex-start; color: :;}
.ftct li  i { margin-right: 10px;color: var(--primary-light); margin-top: 5px;}
.footer-links li{margin-bottom:10px}
.footer-links a{transition:var(--transition)}
.footer-links a:hover{color:var(--primary-light)}
.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid rgb(31 41 55)}
.footeco{ width:90%; max-width:805px; margin:15px auto;}
.footeco img{ width:100%; height:auto; display:block}
.modal{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:2000;opacity:0;visibility:hidden;transition:var(--transition)}
.modal.active{opacity:1;visibility:visible}
.modal-content{background-color:var(--white);border-radius:8px;padding:30px;max-width:500px;width:90%;position:relative;transform:translateY(20px);transition:var(--transition)}
.modal.active .modal-content{transform:translateY(0)}
.modal-close{position:absolute;top:15px;right:15px;font-size:1.5rem;cursor:pointer;color:#666}
.modal h2{margin-bottom:20px;color:var(--primary-dark)}
.form-group{margin-bottom:20px}
.form-group label{display:block;margin-bottom:8px;font-weight:600}
.form-group input,.form-group textarea{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;font-family:inherit}
.form-group textarea{height:120px;resize:vertical}
.cookie-modal{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background-color:var(--white);border-radius:8px;padding:20px;width:95%;box-shadow:0 5px 15px rgba(0,0,0,.2);z-index:2000;display:none}
.cookie-modal.active{display:block}
.cookie-content{display:flex;align-items:center;gap:15px}
.cookie-text{flex:1}
.cookie-text p{margin-bottom:10px}
.cookie-buttons{display:flex;gap:10px}
.cookie-btn{padding:8px 15px;border:none;border-radius:4px;cursor:pointer;font-weight:600;transition:var(--transition)}
.cookie-accept{background-color:var(--primary-color);color:var(--white)}
.cookie-settings{background-color:transparent;color:var(--primary-color);border:1px solid var(--primary-color)}

.chat-widget { position: fixed;  right: 10px;  bottom:30%;  transform: translateY(-50%); background:#fff;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);  border-radius: 8px;  overflow: hidden;  z-index: 9999;}
.chat-item { text-align:center}
.chat-item  a{ display:block; color:var(--primary-color); font-size:0.8rem; border-bottom:1px solid rgba(0,0,0,0.2);padding:15px 8px}
.chat-item  a:last-child{border-bottom:none}
.chat-item  a:hover{background-color:var(--primary-color); color:#fff}
.chat-item i{display:block; font-size:2rem}


@media (max-width:992px){.banner-content h1{font-size:2.5rem}
.about-content{flex-direction:column}
.about-image{margin-top:30px}

            
}
@media (max-width:768px){.mobile-toggle{display:block}
.nav-menu{position:fixed;top:80px;left:0;width:100%;background-color:var(--white);flex-direction:column;align-items:center;padding:20px 0;box-shadow:0 10px 10px rgba(0,0,0,.1);transform:translateY(-100%);opacity:0;visibility:hidden;transition:var(--transition);z-index:999}
.nav-menu.active{transform:translateY(0);opacity:1;visibility:visible}
.nav-item{margin:10px 0}
.dropdown{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;display:none;background-color:var(--light-gray);margin-top:10px}
.nav-item:hover .dropdown{display:block}
.search-container{margin:15px 0 0;width:80%}
.search-box{margin:0;width:100%}
.search-box.active{width:100%}
.banner{height:500px}
.banner-content h1{font-size:2rem}
.banner-content p{font-size:1rem}
.section-title h2{font-size:2rem}
.cookie-content{flex-direction:column;text-align:center}
.carousel-item { flex: 0 0 50%;}
.carousel-container.btn { width: 40px;height: 40px; font-size: 18px;}
.process-steps{flex-direction:column;align-items:center}
.process-step{max-width:100%}

}
@media (max-width:576px){.banner{height:400px}
.banner-content h1{font-size:1.8rem}
.section{padding:60px 0}
.banner-btn{width:40px;height:40px;font-size:1.2rem}
.banner-prev{left:15px}
.banner-next{right:15px}
.carousel-item { flex: 0 0 100%;}
.carousel-container .btn { width: 35px;height: 35px; font-size: 18px;}
}