/* ==========================
   DESIGN OF CHUTE SECTION
========================== */

.design-chute-section {background: #f5f7fa;padding: 50px 0;font-family: "Poppins", sans-serif;}

.container {width: 90%;max-width: 1400px;margin: auto;}

/* Heading */

.section-heading {text-align: center;margin-bottom: 70px;}

.section-heading h2 {color: #004a7c;font-size: 42px;font-weight: 700;margin-bottom: 15px;}

.heading-line {width: 180px;height: 4px;background: #004a7c;margin: auto;border-radius: 50px;}

/* Content */

.chute-block {margin-bottom: 45px;}

.chute-block h3 {color: #004a7c;font-size: 24px;font-weight: 600;margin-bottom: 20px;text-transform: uppercase;}

.chute-block ul {padding-left: 30px;}

.chute-block ul li {font-size: 18px;color: #00447c;margin-bottom: 10px;}

/* Table */

.table-wrapper {overflow-x: auto;margin-top: 25px;}

.chute-table {width: 100%;border-collapse: collapse;background: #fff;border-radius: 12px;overflow: hidden;box-shadow: 0 5px 25px rgba(0,0,0,0.08);}

.chute-table thead {background: #004a7c;}

.chute-table thead th {color: #fff;font-size: 20px;padding: 14px;text-align: left;font-weight: 600;}

.chute-table tbody tr:nth-child(even) {background: #d7d9db;}

.chute-table tbody td {padding: 15px 22px;font-size: 18px;color: #00447c;border-bottom: 1px solid #e8edf3;}

.chute-table tbody tr:hover {background: #eaf5ff;transition: 0.3s;}

/* Bottom Notes */

.bottom-points {margin-top: 40px;}

.bottom-points ul {padding-left: 30px;}

.bottom-points ul li {font-size: 18px;color: #00447c;margin-bottom: 10px;}

/* ==========================
   TABLET
========================== */

@media (max-width: 992px) {
.section-heading h2 {font-size: 40px;}
.chute-block h3 {font-size: 18px}
.chute-block ulli,.bottom-poins ul li {font-size: 16px;}
.chute-table thea th,.chute-table tbod td {font-size:16px;}}

/* ==========================
   MOBILE
========================== */

@media (max-width: 767px) {
.design-chute-section {padding: 60px 0;}
.section-heading {margin-bottom: 40px;}
.section-headingh2 {font-size: 30px;}
.heading-line {width: 100px;}
.chute-block  {font-size: 18px;}
.chute-block ulli,.bottom-poins ul li {font-size: 16px;}
.chute-table {min-width: 650px;}
.chute-tablethead th,.chute-able tbody td {font-size: 15px;padding: 12px;}}
/* ==========================gallery section========================== */
.gc-gallery-section{padding:50px 0;background:#bcbdbe;}

.gc-gallery-wrapper{width:90%;max-width:1450px;margin:auto;overflow:hidden;position:relative;}

.gc-gallery-track{display:flex;gap:25px;transition:0.6s ease;}

.gc-gallery-item{min-width:calc(33.333% - 17px);
 
}

.gc-gallery-item img{width:100%;height:100%;object-fit:contain;padding:20px;}

/* Arrows */

.gc-prev,
.gc-next{position:absolute;top:50%;transform:translateY(-50%);width:55px;height:55px;border:none;background:#fff;border-radius:50%;cursor:pointer;font-size:32px;box-shadow:0 0 15px rgba(0,0,0,.15);z-index:10;}

.gc-prev{left:-15px;}

.gc-next{right:-15px;}

/* Dots */

.gc-dots{text-align:center;margin-top:25px;}

.gc-dot{width:8px;height:8px;display:inline-block;background:#999;border-radius:50%;margin:0 5px;cursor:pointer;}

.gc-dot.active{background:#004876;}

/* Tablet */

@media(max-width:991px){
.gc-gallery-item{min-width:calc(50% - 15px);height:320px;}

}/* Mobile */

@media(max-width:767px){
.gc-gallery-item{min-width:100%;height:260px;
.gc-prev,.gc-net{width:45px;height:45px;font-size:24px;}}

}

.system-section{padding:90px 0;background:#f5f7fa;}

.system-section .container{width:90%;max-width:1300px;margin:auto;}

/* Heading */

.system-heading{text-align:center;margin-bottom:70px;}

.system-heading h2{font-size:48px;color:#004876;font-weight:700;margin-bottom:15px;}

.heading-line{width:120px;height:4px;background:#004876;margin:auto;border-radius:30px;}

/* Top Row */

.system-row{display:flex;align-items:center;justify-content:space-between;gap:60px;margin-bottom:80px;}

.system-content{flex:0 0 58%;}

.system-image{flex:0 0 38%;}

.system-image img{width:100%;border-radius:12px;display:block;}

/* Content */

.system-content h3{color:#004876;font-size:32px;margin-bottom:20px;font-weight:700;}

.system-content ul{padding-left:22px;}

.system-content ul li{font-size:17px;line-height:1.9;margin-bottom:10px;color:#004876;}

/* Table */

.system-table-wrapper{overflow-x:auto;margin-top:30px;}

.system-table{width:100%;border-collapse:collapse;min-width:500px;}

.system-table th{background:#004876;color:#fff;padding:16px;text-align:left;font-size:15px;}
.system-table td{padding:14px 16px;border:1px solid #ddd;color:#004876;}
.system-table tbody tr:nth-child(even){background:#f1f1f1;}

/* Bottom Grid */

.system-bottom-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;}

.bottom-box{padding:30px;}
.bottom-box h3{color:#004876;font-size:28px;margin-bottom:20px;}.bottom-box ul{padding-left:22px;margin-bottom:25px;}

.bottom-box ul li{font-size:15px;line-height:1.8;color:#004876;}
.bottom-box img{width:100%;object-fit:cover;display:block;}

/* =====================
   Tablet
===================== */

@media (max-width:1024px){
.system-row{gap:40px;}

.system-bottom-grid{gap:25px;}

.system-heading h2{font-size:40px;}}

/* =====================
   Mobile
===================== */

@media (max-width:768px){

.system-section{padding:60px 0;}

.system-heading{margin-bottom:40px;}
.system-heading h2{font-size:32px;}

.system-row{flex-direction:column-reverse;gap:30px;margin-bottom:50px;}

.system-content,.system-image{flex:0 0 100%;width:100%;}

.system-content h3,.bottom-box h3{font-size:24px;}

.system-content ul li,
.bottom-box ul li{font-size:18px;line-height:1.7;}
.system-bottom-grid{grid-template-columns:1fr;gap:25px;}
.bottom-box{padding:20px;}
.bottom-box img{height:auto; }

}

/* =====================
   Small Mobile
===================== */

@media (max-width:480px){

.system-heading h2{
font-size:28px;
}

.system-content h3,
.bottom-box h3{
font-size:22px;
}

.system-table th,
.system-table td{
padding:12px;
font-size:14px;
}

}

/* ===== FEATURES SECTION ===== */

.features-section {padding: 50px;background: #f8f9fb;}

.container {max-width: 1200px;margin: auto;}

/* Section Heading */

.section-title {text-align: center;margin-bottom: 60px;}

.section-title h2 {font-size: 42px;font-weight: 700;color: #0d4d85;position: relative;display: inline-block;}

.section-title h2::after {content: "";width: 120px;height: 4px;background: #0d4d85;position: absolute;left: 50%;bottom: -12px;transform: translateX(-50%);border-radius: 5px;}

/* Feature Card */

.feature-card {padding: 15px;border-radius: 15px;transition: all 0.3s ease;}

.feature-card:hover {transform: translateY(-5px);}

.feature-card h3 {color: #0d4d85;font-size: 24px;font-weight: 600;margin-bottom: 13px;}

.feature-card h4 {color: #0d4d85;font-size: 20px;margin-bottom: 10px;font-weight: 600;}

.feature-card ul {padding-left: 20px;}

.feature-card ul li {margin-bottom: 8px;color: #00447c;font-size: 18px;}

/* Custom Bullet */

.feature-card ul li::marker {color: #0d4d85;}

/* ===== Responsive ===== */

@media (max-width: 992px) {
.section-title h2 {font-size: 38px;}
.feature-card h3 {font-size: 22px;}}

@media (max-width: 768px) {
.features-section {padding: 45px;}
.section-title h2{font-size: 3px;}
.feature-card {padding: 25px;}
.feature-cardh3 {font-size :22px;}
.feature-card h4{font-size: 18px;}
.feature-card ulli {font-size: 6px;}}

@media (max-width: 480px) {
.section-title h2 {font-size: 28px;}
.feature-card {padding: 20px;}
.feature-cardh3 {font-size: 20px;}
.feature-card h4{font-size: 16px;}
.feature-card ulli {font-size: 5px;line-height: 1.7;}}
/* ==========================
   Usage Section
========================== */

.usage-section{padding:80px 20px;background:#f5f5f5;}

.usage-section .container{max-width:1300px;margin:0 auto;}

.section-heading{text-align:center;margin-bottom:60px;}

.section-heading h2{display:inline-block;font-size:42px;font-weight:700;color:#004b84;position:relative;}

.usage-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;}

.usage-item{overflow:hidden;}

.usage-item img{object-fit:cover;display:block;transition:0.4s ease;}

.usage-item:hover img{transform:scale(1.05);}

/* ==========================
   Tablet
========================== */

@media(max-width:992px){
.section-heading h2{font-size:40px;}
.usage-gallery{gap:20px;}}
/* .usage-ite img{heiht:320px;} *

}

/* ==========================
   Mobile
========================== */

@media(max-width:768px){
.usage-section{padding:60px 15px;}
.section-headng{margin-bottom:0px;}
.section-headin h2{font-size:30px;line-height:1.4;}
.section-heading h::after{width:20px;}
.usage-gallery{
grid-template-columns:1fr;
}}/* .usage-ite img{height:280px;} 

}

/* ==========================
   Small Mobile
========================== */

@media(max-width:480px){
.section-heading h2{font-size:24px;}}
/* .usage-item img *//* height:20px;} *

}
/* ===========================
   CONTRACT SECTION
=========================== */

.contract-section{padding:50px;background:#f5f5f5;}

.contract-section .container{max-width:1400px;margin:0 auto;}

/* Heading */

.section-title{text-align:center;margin-bottom:60px;}

.section-title h2{color:#004876;font-size:42;font-weight:700;display:inline-block;position:relative;margin:0;}

.section-title h2::after{content:'';width:200px;height:4px;background:#000;position:absolute;left:50%;bottom:-15px;transform:translateX(-50%);}

/* Cards Wrapper */

.contract-wrapper{display:grid;grid-template-columns:1fr 1fr;}

/* Card */

.contract-card{position:relative;padding:50px 60px;display:flex;gap:30px;min-height:340px;transition:0.4s;}

.contract-card:hover{transform:translateY(-5px);}

/* Left Card */

.cleaning-card{background:#004876;color:#fff;}

/* Right Card */

.maintenance-card{background:#f4c96b;color:#004876;}

/* Icon */

.contract-icon{font-size:55px;flex-shrink:0;}

.cleaning-card .contract-icon{color:#f4c96b;}

.maintenance-card .contract-icon{color:#004876;}

/* Content */

.contract-content h3{font-size:35px;margin-bottom:20px;line-height:1.2;}

.contract-content p{font-size:18px;line-height:1.9;margin:0;}

/* Arrow */

.contract-arrow{position:absolute;top:40px;right:40px;width:55px;height:55px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;}

.cleaning-card .contract-arrow{background:#f4c96b;color:#004876;}

.maintenance-card .contract-arrow{background:#004876;color:#fff;}

/* ===========================
   TABLET
=========================== */

@media(max-width:992px){
.contract-wrapper{grid-template-columns:1fr;}
.contract-card{min-height:aut;}
.section-titl h2{font-size:4px;}
.contract-conten h3{font-size:2px;}
.contract-content p {font-size:16px}}

/* ===========================
   MOBILE
=========================== */

@media(max-width:768px){
.contract-section{padding:60px 15px;}
.section-title{margin-bottom:40px}
.section-titl h2{font-size:32px}
.section-title h::after{width:20px;}
.contract-card{flex-direction:colum;padding:35px 25px;gap:20px;}
.contract-ico{font-size:42px;}
.contract-conent h3{font-size:26px;}
.contract-content p {font-size:16px;line-height:1.8;}
.contract-arrow{width:45px;height:45px;top:20px;right:20px;}}

/* ===========================
   SMALL MOBILE
=========================== */

@media(max-width:480px){
.section-title h2{font-size:28px;}
.contract-conten h3{font-size:2px;}
.contract-content p {font-size:15px;}}