.product, .mega-menu > li:first-child{ position: relative !important; } .product > .mega-sub-menu, .mega-menu > li:first-child > .mega-sub-menu, .mega-menu > li:first-child > ul.mega-sub-menu{ width: 1280px !important; min-width: 1280px !important; max-width: calc(100vw - 40px) !important; box-sizing: border-box !important; left: 100% !important; right: auto !important; transform: translateX(-50%) !important; top: calc(100% + 16px) !important; } .product .mega-sub-menu .mega-sub-menu, .mega-sub-menu .mega-sub-menu{ background: transparent !important; padding: 0 !important; min-width: auto !important; box-shadow: none !important; border: 0 !important; } .mega-col-title{ margin: 0 0 16px !important; padding: 0 0 10px !important; border-bottom: 1px solid #2f7d57 !important; } .mega-col-title a{ display: inline-block !important; font-size: 17px !important; font-weight: 700 !important; color: #1f6b47 !important; text-decoration: none !important; line-height: 1.3 !important; text-transform: none !important; } .mega-col-title + a{ display: none !important; } .mega-links{ display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 18px !important; row-gap: 0 !important; margin: 0 !important; padding: 0 !important; } .mega-links p{ margin: 0 !important; padding: 0 !important; } .mega-links a{ display: flex !important; justify-content: space-between !important; align-items: center !important; gap: 10px !important; min-height: 46px !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; border-bottom: 1px dashed #d5d5d5 !important; background: transparent !important; box-shadow: none !important; text-decoration: none !important; color: #222 !important; font-size: 15px !important; line-height: 1.35 !important; box-sizing: border-box !important; transition: all 0.25s ease !important; } .mega-links a, .mega-links a:visited, .mega-links a:active{ color: #222 !important; } .mega-links a span{ display: block !important; flex: 1 1 auto !important; min-width: 0 !important; color: #222 !important; white-space: normal !important; word-break: break-word !important; } .mega-links a i{ font-style: normal !important; font-size: 18px !important; color: #9a9a9a !important; line-height: 1 !important; flex-shrink: 0 !important; transition: all 0.25s ease !important; } .mega-links a:hover, .mega-links a:hover span{ color: #1f6b47 !important; } .mega-links a:hover i{ color: #1f6b47 !important; transform: translateX(2px) !important; } @media (max-width: 1024px){ .mega-links{ grid-template-columns: 1fr !important; } .mega-links a{ min-height: 42px !important; font-size: 14px !important; } } html { overflow-x: hidden; } body { width: 100%; overflow-x: clip; } .solution, .media, .about, .mega-menu > li.solution, .mega-menu > li.media, .mega-menu > li.about { position: relative !important; } .solution > .mega-sub-menu, .media > .mega-sub-menu, .about > .mega-sub-menu, .mega-menu > li.solution > .mega-sub-menu, .mega-menu > li.media > .mega-sub-menu, .mega-menu > li.about > .mega-sub-menu, .mega-menu > li.solution > ul.mega-sub-menu, .mega-menu > li.media > ul.mega-sub-menu, .mega-menu > li.about > ul.mega-sub-menu { width: 340px !important; min-width: 340px !important; max-width: 340px !important; left: 50% !important; right: auto !important; transform: translateX(-50%) !important; top: calc(100% + 16px) !important; background: #ffffff !important; padding: 0 !important; margin: 0 !important; border: 1px solid #e5e5e5 !important; box-shadow: none !important; box-sizing: border-box !important; } .solution .mega-sub-menu .mega-sub-menu, .media .mega-sub-menu .mega-sub-menu, .about .mega-sub-menu .mega-sub-menu { background: transparent !important; padding: 0 !important; margin: 0 !important; min-width: auto !important; box-shadow: none !important; border: 0 !important; } .solution > .mega-sub-menu > li, .media > .mega-sub-menu > li, .about > .mega-sub-menu > li, .mega-menu > li.solution > .mega-sub-menu > li, .mega-menu > li.media > .mega-sub-menu > li, .mega-menu > li.about > .mega-sub-menu > li { width: 100% !important; display: block !important; margin: 0 !important; padding: 0 !important; background: #ffffff !important; border-bottom: 1px solid #cfcfcf !important; box-sizing: border-box !important; } .solution > .mega-sub-menu > li:last-child, .media > .mega-sub-menu > li:last-child, .about > .mega-sub-menu > li:last-child, .mega-menu > li.solution > .mega-sub-menu > li:last-child, .mega-menu > li.media > .mega-sub-menu > li:last-child, .mega-menu > li.about > .mega-sub-menu > li:last-child { border-bottom: none !important; } .solution > .mega-sub-menu > li > a, .media > .mega-sub-menu > li > a, .about > .mega-sub-menu > li > a, .mega-menu > li.solution > .mega-sub-menu > li > a, .mega-menu > li.media > .mega-sub-menu > li > a, .mega-menu > li.about > .mega-sub-menu > li > a { display: flex !important; align-items: center !important; width: 100% !important; min-height: 60px !important; padding: 14px 24px !important; background: #ffffff !important; color: #111111 !important; font-size: 18px !important; font-weight: 400 !important; line-height: 1.35 !important; text-decoration: none !important; white-space: normal !important; word-break: normal !important; border: none !important; box-shadow: none !important; box-sizing: border-box !important; } .solution > .mega-sub-menu > li > a:visited, .media > .mega-sub-menu > li > a:visited, .about > .mega-sub-menu > li > a:visited, .solution > .mega-sub-menu > li > a:active, .media > .mega-sub-menu > li > a:active, .about > .mega-sub-menu > li > a:active { color: #111111 !important; } .solution > .mega-sub-menu > li > a:hover, .media > .mega-sub-menu > li > a:hover, .about > .mega-sub-menu > li > a:hover, .mega-menu > li.solution > .mega-sub-menu > li > a:hover, .mega-menu > li.media > .mega-sub-menu > li > a:hover, .mega-menu > li.about > .mega-sub-menu > li > a:hover { background: #ffffff !important; color: #00563f !important; } .solution > .mega-sub-menu > li > a:before, .solution > .mega-sub-menu > li > a:after, .media > .mega-sub-menu > li > a:before, .media > .mega-sub-menu > li > a:after, .about > .mega-sub-menu > li > a:before, .about > .mega-sub-menu > li > a:after, .mega-menu > li.solution > .mega-sub-menu > li > a:before, .mega-menu > li.solution > .mega-sub-menu > li > a:after, .mega-menu > li.media > .mega-sub-menu > li > a:before, .mega-menu > li.media > .mega-sub-menu > li > a:after, .mega-menu > li.about > .mega-sub-menu > li > a:before, .mega-menu > li.about > .mega-sub-menu > li > a:after { display: none !important; } @media (max-width: 1024px) { .solution > .mega-sub-menu, .media > .mega-sub-menu, .about > .mega-sub-menu, .mega-menu > li.solution > .mega-sub-menu, .mega-menu > li.media > .mega-sub-menu, .mega-menu > li.about > .mega-sub-menu, .mega-menu > li.solution > ul.mega-sub-menu, .mega-menu > li.media > ul.mega-sub-menu, .mega-menu > li.about > ul.mega-sub-menu { width: 100% !important; min-width: 100% !important; max-width: 100% !important; left: 0 !important; transform: none !important; } .solution > .mega-sub-menu > li > a, .media > .mega-sub-menu > li > a, .about > .mega-sub-menu > li > a, .mega-menu > li.solution > .mega-sub-menu > li > a, .mega-menu > li.media > .mega-sub-menu > li > a, .mega-menu > li.about > .mega-sub-menu > li > a { min-height: 56px !important; padding: 14px 22px !important; font-size: 17px !important; } } .contact-form-style .wpforms-container { margin: 0 !important; } .contact-form-style .wpforms-field { padding: 0 0 12px 0 !important; margin: 0 !important; } .contact-form-style .wpforms-field-label { display: none !important; } .contact-form-style .wpforms-field:not(.wpforms-field-content):not(.wpforms-field-html) { width: 398px !important; max-width: 398px !important; margin-left: auto !important; margin-right: auto !important; } .contact-form-style input, .contact-form-style textarea { width: 100% !important; max-width: 100% !important; background: #eeeeee !important; border: none !important; border-radius: 0 !important; box-shadow: none !important; color: #333 !important; font-size: 18px !important; padding: 0 16px !important; } .contact-form-style input { height: 47px !important; } .contact-form-style textarea { height: 108px !important; min-height: 108px !important; padding-top: 16px !important; } .contact-form-style input::placeholder, .contact-form-style textarea::placeholder { color: #6d7b8a !important; opacity: 1 !important; } .contact-form-style .wpforms-field-content, .contact-form-style .wpforms-field-html { width: 650px !important; max-width: 650px !important; margin-left: auto !important; margin-right: auto !important; transform: translateX(106px) !important; padding: 0 0 18px 0 !important; font-size: 18px !important; line-height: 1.45 !important; color: #000 !important; } .contact-form-style .wpforms-field-content a, .contact-form-style .wpforms-field-html a { color: #000 !important; text-decoration: underline !important; } .contact-form-style .wpforms-submit-container { width: 398px !important; max-width: 398px !important; margin-left: auto !important; margin-right: auto !important; padding-top: 0 !important; text-align: left !important; } .contact-form-style .wpforms-submit { width: 128px !important; height: 50px !important; background: #155f3d !important; color: #fff !important; border: none !important; border-radius: 4px !important; font-size: 17px !important; font-weight: 600 !important; box-shadow: none !important; } .contact-form-style .wpforms-submit:hover { background: #00452f !important; color: #fff !important; } @media (max-width: 767px) { .contact-form-style .wpforms-field:not(.wpforms-field-content):not(.wpforms-field-html), .contact-form-style .wpforms-submit-container { width: 100% !important; max-width: 100% !important; } .contact-form-style .wpforms-field-content, .contact-form-style .wpforms-field-html { width: 100% !important; max-width: 100% !important; transform: none !important; font-size: 16px !important; } .contact-form-style input { height: 48px !important; } .contact-form-style textarea { height: 110px !important; min-height: 110px !important; } } .wpDataTablesWrapper table.wpDataTable { width: 100% !important; border-collapse: collapse !important; border: none !important; table-layout: fixed; } .wpDataTablesWrapper table.wpDataTable thead th { background: #155f39 !important; color: #fff !important; font-size: 18px !important; font-weight: 700 !important; text-align: center !important; padding: 22px 15px !important; border: 1px solid #fff !important; } .wpDataTablesWrapper table.wpDataTable tbody td { background: #eeeeee !important; color: #1d2733 !important; font-size: 17px !important; font-weight: 400 !important; text-align: center !important; vertical-align: middle !important; padding: 20px 15px !important; border: 1px solid #fff !important; } .wpDataTablesWrapper table.wpDataTable tbody td:first-child { font-weight: 700 !important; } .wpDataTablesWrapper table.wpDataTable thead th.sorting:after, .wpDataTablesWrapper table.wpDataTable thead th.sorting_asc:after, .wpDataTablesWrapper table.wpDataTable thead th.sorting_desc:after, .wpDataTablesWrapper table.wpDataTable thead th.sorting:before, .wpDataTablesWrapper table.wpDataTable thead th.sorting_asc:before, .wpDataTablesWrapper table.wpDataTable thead th.sorting_desc:before { display: none !important; } .wpDataTablesWrapper .dataTables_filter, .wpDataTablesWrapper .dataTables_length, .wpDataTablesWrapper .dataTables_info, .wpDataTablesWrapper .dataTables_paginate { display: none !important; } .wpDataTablesWrapper table tbody tr:first-child td, .wpDataTablesWrapper table tr:first-child td, .wpDataTablesWrapper table tr:first-child th { background: #155f39 !important; color: #ffffff !important; font-size: 18px !important; font-weight: 700 !important; text-align: center !important; padding: 22px 15px !important; border: 1px solid #ffffff !important; } .wpDataTablesWrapper table tr:first-child td *, .wpDataTablesWrapper table tr:first-child th * { color: #ffffff !important; } @media (max-width: 767px) { .wpDataTablesWrapper { overflow-x: auto; } .wpDataTablesWrapper table.wpDataTable { min-width: 760px; } .wpDataTablesWrapper table.wpDataTable thead th, .wpDataTablesWrapper table.wpDataTable tbody td { font-size: 15px !important; padding: 16px 10px !important; } } .wpforms-container-full button[type="submit"].Product-detail-page-form-button, .wpforms-container-full input[type="submit"].Product-detail-page-form-button, .wpforms-container-full .wpforms-form button[type="submit"].Product-detail-page-form-button { width: 300px !important; height: 62px !important; background-color: #155f39 !important; background: #155f39 !important; color: #fff !important; border: none !important; border-radius: 4px !important; font-size: 18px !important; font-weight: 600 !important; text-transform: uppercase !important; box-shadow: none !important; } .wpforms-container-full button[type="submit"].Product-detail-page-form-button:hover, .wpforms-container-full button[type="submit"].Product-detail-page-form-button:focus, .wpforms-container-full button[type="submit"].Product-detail-page-form-button:active, .wpforms-container-full input[type="submit"].Product-detail-page-form-button:hover, .wpforms-container-full input[type="submit"].Product-detail-page-form-button:focus, .wpforms-container-full input[type="submit"].Product-detail-page-form-button:active, .wpforms-container-full .wpforms-form button[type="submit"].Product-detail-page-form-button:hover, .wpforms-container-full .wpforms-form button[type="submit"].Product-detail-page-form-button:focus, .wpforms-container-full .wpforms-form button[type="submit"].Product-detail-page-form-button:active { background-color: #155f39 !important; background: #155f39 !important; color: #fff !important; border: none !important; box-shadow: none !important; } img[src="http://sswmachine.com/wp-content/uploads/2026/04/65d705e7d5913.webp"], img[src*="65d705e7d5913.webp"] { width: 164px !important; height: 52px !important; aspect-ratio: 164 / 52 !important; object-fit: contain !important; display: block !important; } .elementor-element-f47ff67, .elementor-element-f47ff67 > .elementor-widget-container { height: 620px !important; min-height: 620px !important; max-height: 620px !important; overflow: hidden !important; } .customer-story-full { position: relative; width: 100%; height: 620px !important; min-height: 620px !important; max-height: 620px !important; overflow: hidden !important; box-sizing: border-box; } .story-bg { position: absolute; inset: 0; z-index: 1; overflow: hidden; } .story-bg img { width: 100%; height: 100%; object-fit: cover; display: block; } .story-top, .customer-story-section { position: relative; z-index: 2; } .story-top { height: 180px !important; min-height: 180px !important; padding: 55px 90px 25px; box-sizing: border-box; } .story-top-inner { max-width: 1300px; margin: 0 auto; display: grid; grid-template-columns: 1fr 360px; gap: 60px; align-items: start; } .story-top h2 { margin: 0; font-size: 52px; line-height: 1; font-weight: 800; } .story-top p { margin: 0; font-size: 20px; line-height: 1.7; } .customer-story-section { position: relative; height: 440px !important; min-height: 440px !important; padding: 10px 90px 40px; box-sizing: border-box; } .customer-story-viewport { max-width: 1300px; height: 360px !important; min-height: 360px !important; margin: 0 auto; overflow: hidden; } .customer-story-track { display: flex; height: 360px !important; min-height: 360px !important; transition: transform .4s ease; } .story-item { flex: 0 0 33.3333%; height: 360px !important; min-height: 360px !important; padding: 0 38px; box-sizing: border-box; border-right: 1px solid #ddd; overflow: hidden; } .story-logo { width: 170px; height: 80px !important; min-height: 80px !important; margin-bottom: 20px; display: flex; align-items: center; } .story-logo img { width: 170px !important; height: 75px !important; object-fit: contain; display: block; } .story-content { height: 240px !important; min-height: 240px !important; overflow: hidden; } .story-content h3 { margin: 0 0 16px; min-height: 68px !important; max-height: 68px !important; font-size: 21px; line-height: 1.3; font-weight: 700; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .story-content p { margin: 0 0 8px; min-height: 26px !important; font-size: 16px; line-height: 1.5; } .story-content strong { font-weight: 700; } .story-arrow { position: absolute; top: 50%; width: 42px; height: 42px; border: none; background: transparent; transform: translateY(-50%); cursor: pointer; z-index: 10; } .story-prev { left: 25px; } .story-next { right: 25px; } .story-arrow span { display: block; width: 22px; height: 22px; border-top: 2px solid #333; border-left: 2px solid #333; } .story-prev span { transform: rotate(-45deg); } .story-next span { transform: rotate(135deg); } @media (max-width: 767px) { .elementor-element-f47ff67, .elementor-element-f47ff67 > .elementor-widget-container, .customer-story-full { height: 760px !important; min-height: 760px !important; } .story-top { height: 220px !important; padding: 40px 20px 20px; } .story-top-inner { grid-template-columns: 1fr; gap: 20px; } .story-top h2 { font-size: 36px; } .story-top p { font-size: 16px; } .customer-story-section { height: 520px !important; padding: 10px 20px 30px; } .customer-story-viewport, .customer-story-track, .story-item { height: 420px !important; min-height: 420px !important; } .story-item { flex: 0 0 100%; border-right: none; padding: 0 30px; } .story-content { height: 300px !important; } .story-content h3 { min-height: 60px !important; } } .elementor-widget-image-carousel, .elementor-widget-image-carousel .elementor-widget-container, .elementor-image-carousel-wrapper, .elementor-image-carousel { min-height: 650px !important; } .elementor-image-carousel img.swiper-slide-image { width: 100% !important; height: auto !important; aspect-ratio: 1600 / 650 !important; object-fit: contain !important; display: block !important; } @media (max-width: 767px) { .elementor-widget-image-carousel, .elementor-widget-image-carousel .elementor-widget-container, .elementor-image-carousel-wrapper, .elementor-image-carousel { min-height: 260px !important; } .elementor-image-carousel img.swiper-slide-image { aspect-ratio: 390 / 260 !important; } } @media (max-width: 1024px) { .product > .mega-sub-menu, .mega-menu > li:first-child > .mega-sub-menu, .mega-menu > li:first-child > ul.mega-sub-menu{ min-width: 300px !important; max-width: calc(100vw - 40px) !important; box-sizing: border-box !important; left: 250px !important; right: auto !important; transform: translateX(-50%) !important; top: calc(100% + 16px) !important; } } @media (max-width: 768px) { .product > .mega-sub-menu, .mega-menu > li:first-child > .mega-sub-menu, .mega-menu > li:first-child > ul.mega-sub-menu{ width: 300px !important; margin-left: 150px !important; } }