*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: "Albert Sans", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; color: #042A2B; font-size: 18px; line-height: 28px; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-smoothing: antialiased; -webkit-font-smoothing: antialiased; }
h1, h2, h3, h4, h5, h6 { margin: 0; color: #003D2D; line-height: 1.4; }
ul, li, ol { list-style: none; padding: 0; margin: 0; }
a, a:hover, a:focus { text-decoration: none; color: #297C47; transition: all 0.3s ease; }
img { max-width: 100%; height: auto; display: block; }
p { color: #042A2B; font-size: 18px; line-height: 28px; padding-bottom: 16px; }
p:last-of-type { margin-bottom: 0; padding-bottom: 0; }
button:focus, button:active { outline: none; border: none; }
.btn-check:checked + .btn, .btn.active, .btn.show, .btn:first-child:active, :not(.btn-check) + .btn:active { border: 1px solid transparent; }
.custom-container { width: 100%; padding: 0 120px; margin: 0 auto; }
.custom-container-right { padding: 0 120px 0 0; }
.common-section { padding: 100px 0; }
.common-top-section { padding-top: 100px; }
.common-bottom-section { padding-bottom: 100px; }
.common-btn { font-family: "Albert Sans", sans-serif; font-size: 24px; display: inline-flex; align-items: center; gap: 30px; background: linear-gradient(270deg, #297C47, #4BE281, #297C47); background-size: 300% 300%; animation: gradientMove 6s ease infinite; color: #fff; padding: 8px 8px 8px 30px; border-radius: 6px; border-bottom-right-radius: 16px; overflow: hidden; position: relative; transition: all 0.3s ease; }
.common-btn .btn-text { position: relative; overflow: hidden; }
.common-btn .btn-text-default, .common-btn .btn-text-hover { display: block; transition: transform 0.3s ease; color: #fff; }
.common-btn .btn-text-hover { position: absolute; top: 100%; left: 0; color: #fff; }
.common-btn:hover .btn-text-default { transform: translateY(-100%); }
.common-btn:hover .btn-text-hover { transform: translateY(-100%); }
.common-btn .btn-icon-bg { border-radius: 4px; border-bottom-right-radius: 12px; background-color: #fff; flex: none; justify-content: center; align-items: center; width: 44px; height: 44px; display: flex; position: relative; overflow: hidden; }
.common-btn:hover { box-shadow: 0 10px 25px rgba(41, 124, 71, 0.35); }
.common-btn .btn-icon-default, .common-btn .btn-icon-hover { position: absolute; top: 1px; transition: transform 0.35s ease; }
.common-btn .btn-icon-default { transform: translateX(0); }
.common-btn .btn-icon-hover { transform: translateX(-200%); }
.common-btn:hover .btn-icon-default { transform: translateX(200%); }
.common-btn:hover .btn-icon-hover { transform: translateX(0); }
.title-box { display: flex; gap: 150px; align-items: first baseline; margin-bottom: 80px; justify-content: space-between; }
.title-box .small-title-box h5 { font-size: 18px; text-transform: uppercase; color: #297C47; border: 1px solid rgba(138, 197, 66, 0.3); border-radius: 100px; width: max-content; padding: 10px 24px; }
.title-box h2 { font-size: 48px; line-height: 68px; max-width: 1200px; background: linear-gradient(45deg, #042A2B 0%, #297C47 100%); background-clip: text; -webkit-background-clip: text; color: transparent; }
.main-flex-box { display: flex; gap: 80px; }
.main-grid-box-2 { display: grid; grid-template-columns: repeat(2, 1fr); gap: 80px; }
.main-grid-box-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 120px; }
.title-box.wrap { gap: 30px; flex-wrap: wrap; }
.title-box span { text-transform: lowercase; }

/* Btn Animation */
@keyframes gradientMove {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

/* Header Start */
header { position: fixed; width: 100%; left: 0; right: 0; top: 30px; margin: 0 auto; z-index: 99999; }
header .main-header { display: flex; justify-content: space-between; align-items: center; }
/* header .logo-box { background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(30px); -webkit-backdrop-filter: blur(30px); border-radius: 6px; border: 1px solid rgba(255, 255, 255, 0.2); padding: 20px; }
 */header .color-logo-box { display: none; }
header.shrink .color-logo-box { display: block; }
header.shrink .color-logo-box img { width: 270px; }
header.shrink .logo-box { display: none; }
.shrink { position: fixed; top: 0; left: 0; width: 100%; padding: 16px 0; z-index: 99999; background: #fff; box-shadow: 0 0 5px #999; -moz-box-shadow: 0 0 5px #999; -ms-box-shadow: 0 0 5px #999; -o-box-shadow: 0 0 5px #999; -webkit-box-shadow: 0 0 5px #999; -webkit-animation-name: slideInDown; -moz-animation-name: slideInDown; -ms-animation-name: slideInDown; -o-animation-name: slideInDown; animation-name: slideInDown; -webkit-animation-duration: 1.0s; animation-duration: 1.0s; -moz-animation-duration: 1.0s; -ms-animation-duration: 1.0s; -o-animation-duration: 1.0s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; }
@keyframes slideInDown {
	from { top: -100%; visibility: visible; }
	to { top: 0; }
}
@-webkit-keyframes slideInDown {
	from { top: -100%; visibility: visible; }
	to { top: 0; }
}

/* Header End */

/* Banner Section Start */

.banner-section { position: relative; height: 100vh; overflow: hidden; }
.banner-section img { height: 100%; width: 100%; object-fit: cover; position: relative; }
.banner-section .banner-content-box { position: absolute; top: 50%; transform: translateY(-50%); width: 50%; z-index: 1; }
.banner-section .banner-content-box h1 { color: #fff; font-size: 70px; padding-bottom: 50px; }
.banner-section .image-overlay { position: absolute; inset: 0; background: linear-gradient(to right, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)); pointer-events: none; z-index: 1; }

/* Banner Section End */

/* Sustainability Section Start */
.sustainability-section { position: relative; }
.sustainability-section .gradient-title { font-size: 200px; text-align: center; position: fixed; line-height: 1; margin: 0; padding: 0; top: 100px; left: 50%; transform: translateX(-50%); z-index: 9999; pointer-events: none; background: linear-gradient(180deg, #7DBE38 0%, #8AC542 20%, #CFEAA8 60%, #FFFFFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.sustainability-section .image-wrapper { height: calc(100vh - 94px); overflow: hidden; }
.sustainability-section .slide-box { position: absolute; width: 100%; height: calc(100vh - 94px); top: 0; left: 0; overflow: hidden; }
.sustainability-section .slide { width: 100%; height: 100%; background-size: cover; background-position: center; overflow: hidden; }
.sustainability-section .slide::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.2)); }
.sustainability-section .content-box { position: absolute; bottom: 80px; left: 80px; color: #fff; z-index: 2; max-width: 700px; }
.sustainability-section .content-box h2 { font-size: 48px; color: #fff; padding-bottom: 16px; }
.sustainability-section .content-box p { font-size: 24px; line-height: 38px; color: #fff; }
.sustainability-section .one .slide { background: url('../images/sustainability-1.jpg') center/cover; }
.sustainability-section .two .slide { background: url('../images/sustainability-2.jpg') center/cover; }
.sustainability-section .three .slide { background: url('../images/sustainability-3.jpg') center/cover; }

/* Sustainability Section End */

/* Manufacturing and Innovation Section Start */
.manufacturing-and-innovation-section .main-grid-box-2 { align-items: end; }
.manufacturing-and-innovation-section .left-box { z-index: 9; }
.manufacturing-and-innovation-section .left-box img { width: 100%; }
.manufacturing-and-innovation-section .right-box { padding: 50px; background: url('../images/manufacruting-bg.jpg'); background-size: cover; border-radius: 20px; display: flex; flex-wrap: wrap; gap: 50px; z-index: 9; }
.manufacturing-and-innovation-section .right-box .common-box { background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(80px); -webkit-backdrop-filter: blur(80px); border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.3); padding: 30px; }
.manufacturing-and-innovation-section .right-box .icon-box { display: flex; gap: 24px; align-items: center; padding-bottom: 24px; }
.manufacturing-and-innovation-section .right-box .common-box svg { width: 50px; height: 50px; }
.manufacturing-and-innovation-section .right-box .common-box h4, .manufacturing-and-innovation-section .right-box .common-box p { color: #fff; }
.manufacturing-and-innovation-section .right-box .icon-box .icon { background: linear-gradient(to bottom, #E5FFEF 0%, #F7FFEE 100%); border-radius: 10px; padding: 16px; }
.manufacturing-and-innovation-section .left-box img { opacity: 0; transform: translateY(80px) scale(1.05); }
.manufacturing-and-innovation-section .right-box .common-box { opacity: 0; transform: translateY(60px); }
.manufacturing-and-innovation-section .icon { transform: scale(0.8); opacity: 0; }
.manufacturing-and-innovation-section .common-box p { opacity: 0; transform: translateY(20px); }
.manufacturing-and-innovation-section { position: relative; }
.manufacturing-and-innovation-section .pattern-box { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; }

/* Manufacturing and Innovation Section End */

/* Products Section Start */
.products-section { background: linear-gradient(to bottom, #C6F7FB 0%, #b5d2d6 25%, #f7fcff 50%, #ebfdff 75%, #C6F7FB 100%); position: relative; overflow: hidden; }
.products-section .common-box { position: relative; overflow: hidden; background: linear-gradient(to bottom, #FFFFFF 0%, #F8FFEF 100%); padding: 30px; border-radius: 20px; height: 600px; }
.products-section .common-box h3 { color: #8AC542; padding-bottom: 16px; }
.products-section .common-box .mask-shape { position: absolute; width: 400px; height: 400px; border: 50px solid rgba(0, 128, 96, 0.08); border-radius: 50%; }
.products-section .common-box .mask-1 { top: -80px; right: -120px; }
.products-section .common-box .mask-2 { bottom: -80px; left: -120px; }
.products-section .common-box .img-box { display: flex; position: absolute; bottom: -40px; left: 0; right: 0; }
.products-section .common-box .img-box img { height: 400px; margin: 0 auto; }
.wave-pattern { position: absolute; top: 250px; left: 0; width: 100%; }
.wave-pattern svg { width: 100%; height: auto; }
.main-grid-box-3 { position: relative; z-index: 2; }
.products-section .box { opacity: 0; }
.products-section { background: linear-gradient(to bottom, #C6F7FB 0%, #b5d2d6 25%, #f7fcff 50%, #ebfdff 75%, #C6F7FB 100%); position: relative; overflow: hidden; }
.products-section .common-box { position: relative; overflow: hidden; background: linear-gradient(to bottom, #FFFFFF 0%, #F8FFEF 100%); padding: 30px; border-radius: 20px; height: 600px; }
.products-section .main-grid-box-3 { gap: 0 !important; }
.products-section .common-box h3 { color: #8AC542; padding-bottom: 16px; }
.products-section .mask-shape { position: absolute; width: 400px; height: 400px; border: 50px solid rgba(0, 128, 96, 0.08); border-radius: 50%; }
.products-section .mask-1 { top: -80px; right: -120px; }
.products-section .mask-2 { bottom: -80px; left: -120px; }
.products-section .img-box { display: flex; position: absolute; bottom: -40px; left: 0; right: 0; }
.products-section .img-box img { height: 400px; margin: 0 auto; }
.products-section .wave-pattern { position: absolute; top: 250px; left: 0; width: 100%; }
.products-section .wave-pattern svg { width: 100%; height: auto; }
.products-section .box { opacity: 0; }
.products-section .productSwiper { position: relative; padding-bottom: 50px; }
.products-section .swiper-pagination { position: absolute; bottom: 10px; left: 0; width: 100%; display: flex; justify-content: center; gap: 10px; z-index: 10; }

/* Pagination bullets styling as before */
.products-section .swiper-pagination-bullet { width: 12px; height: 12px; background-color: #81C399; border-radius: 50%; opacity: 1; transition: all 0.3s ease; }
.products-section .swiper-pagination-bullet-active { width: 36px; background-color: #297C47; border-radius: 12px; }

/* Products Section End */

/* About Us Section Start */
.about-us-section { position: relative; overflow: hidden; }
.about-us-section::before { content: ""; position: absolute; top: -230px; right: -270px; width: 900px; height: 900px; background: url("../images/round-pattern-2.png") no-repeat center/contain; animation: spin 30s linear infinite; pointer-events: none; z-index: 0; }
@keyframes spin {
	from { transform: rotate(0deg); }
	to { transform: rotate(360deg); }
}
.about-us-section .main-flex-box { gap: 50px; }
.about-us-section .left-box { width: 800px; flex-shrink: 0; }
.about-us-section .left-box .mobile-image { display: none; }
.about-us-section .right-box { flex: 1; }
.about-us-section .right-box .common-box { display: flex; gap: 24px; border-bottom: 1px solid rgba(41, 124, 71, 0.3); padding: 40px 0; align-items: flex-start; }
.about-us-section .right-box .common-box svg { width: 70px; height: 70px; }
.about-us-section .right-box .common-box:first-of-type { padding-top: 0; }
.about-us-section .right-box .common-box:last-of-type { padding-bottom: 0; border-bottom: none; }
.about-us-section .right-box .common-box h4 { color: #8AC542; padding-bottom: 16px; }
.about-us-section .right-box .common-box .icon-box { background: linear-gradient(to bottom, #E5FFEF 0%, #F7FFEE 100%); border-radius: 10px; padding: 16px; }

/* About Us Section End */

/* B2B B2C Section Start */
.b2b-b2c-section .main-grid-box-2 { gap: 50px; }
.b2b-b2c-section .common-box { position: relative; }
.b2b-b2c-section .common-box img { border-radius: 20px; }
.b2b-b2c-section .common-box .content-box { position: absolute; top: 30px; left: 0; right: 0; margin: 0 30px; }
.b2b-b2c-section .common-box .points-box svg { width: 50px; height: 50px; }
.b2b-b2c-section .common-box .content-box h3 { color: #fff; padding-bottom: 24px; }
.b2b-b2c-section .common-box .content-box h4 { color: #fff; }
.b2b-b2c-section .common-box .points-box { background: linear-gradient(to bottom, rgba(41, 124, 71, 0.9) 0%, rgba(138, 197, 66, 0.9) 100%); border-radius: 10px; padding: 30px; position: absolute; bottom: 30px; left: 0; right: 0; margin: 0 30px; }
.b2b-b2c-section .common-box .points-box .box { display: flex; gap: 24px; border-bottom: 0.5px solid rgba(255, 255, 255, 0.5); align-items: flex-start; padding: 30px 0; }
.b2b-b2c-section .common-box .points-box h4 { color: #fff; padding-bottom: 12px; }
.b2b-b2c-section .common-box .points-box p { color: #fff; }
.b2b-b2c-section .common-box .points-box .icon-box { background: linear-gradient(to bottom, #E5FFEF 0%, #F7FFEE 100%); border-radius: 10px; padding: 16px; }
.b2b-b2c-section .common-box .points-box .box:first-of-type { padding-top: 0; }
.b2b-b2c-section .common-box .points-box .box:last-of-type { padding-bottom: 0; border-bottom: none; }
.b2b-b2c-section .common-box .image-reveal { position: relative; overflow: hidden; clip-path: inset(100% 0% 0% 0%); }
.b2b-b2c-section .common-box .image-reveal img { width: 100%; height: 100%; display: block; transform: scale(1.2); transition: transform 0.6s ease; }
.b2b-b2c-section .content-box, .b2b-b2c-section .points-box .box { opacity: 0; transform: translateY(40px); }
.b2b-b2c-section .overlay { opacity: 0; }

/* B2B B2C Section End */

/* Industries Section Start */

.industries-section ul.resp-tabs-list { background: linear-gradient(111deg, rgba(41, 124, 71, 1) 0%, rgba(138, 197, 66, 1) 100%); }
.industries-section ul.resp-tabs-list { float: right; width: 50%; padding: 70px; }
.industries-section .resp-tabs-list li { background: transparent !important; margin: 0 !important; padding: 0 !important; padding-bottom: 20px !important; margin-bottom: 20px !important; }
.industries-section .resp-vtabs .resp-tabs-container { float: left; width: 50%; }
.industries-section  .resp-vtabs .resp-tabs-container { border: none !important; background: transparent !important; min-height: 100% !important; }
.industries-section  .resp-vtabs .resp-tab-content { padding: 0 !important; height: 100%; }
.industries-section  .resp-vtabs ul.resp-tabs-list { margin: 0 !important; order: 2; }
.industries-section  .detail-box { position: relative; height: 100%; }
.industries-section  .bottom-detail-box { position: absolute; padding: 30px; bottom: 30px; left: 30px; right: 30px; border-radius: 10px; background: rgba(255, 255, 255, 0.10); backdrop-filter: blur(80px); -webkit-backdrop-filter: blur(80px); border: 1px solid rgba(255, 255, 255, 0.3); }
.industries-section  .detail-box img { width: 100%; height: 100%; object-fit: cover; }
.industries-section  .bottom-detail-box p { color: #fff; font-size: 24px; line-height: 38px; }
.industries-section  .resp-vtabs li.resp-tab-active { margin: 0 !important; margin-bottom: 20px !important; border: none !important; }
.industries-section .resp-tabs-list li h2 { font-size: 48px; color: rgba(255, 255, 255, 0.7); }
.industries-section  .resp-tabs-list li.resp-tab-active h2 { color: #fff; }
.industries-section .resp-tabs-list li:last-child { margin-bottom: 0 !important; }
.industries-section  ul.resp-tabs-list .resp-tab-item::before { content: ''; position: absolute; width: 0; height: 6px; background: #FCCF06; bottom: 0; left: 0; border-radius: 8px; }
.industries-section  .resp-vtabs li.resp-tab-active::before { width: 100%; transition: 0.5s all ease-in; background: #FCCF06; }
.industries-section  .title-box .small-title-box h5 { color: #fff; }
.industries-section  .title-box { margin-bottom: 30px; }
.industries-section { position: relative; }
.industries-section .bg-img { position: absolute; bottom: 0; right: 0; }

/* Industries Section End */

/* Latest News Section Start */

.latest-news-section .img-box { position: relative; z-index: 9; }
.latest-news-section .img-box:before { content: ''; height: 100%; width: 100%; background: linear-gradient(111deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 1) 100%); opacity: 0.5; position: absolute; top: 0; left: 0; right: 0; border-radius: 20px }
.latest-news-section .left-box .img-box img { border-radius: 20px; }
.latest-news-section .left-box .top-news-box, .latest-news-section .left-box .bottom-news-box { position: absolute; top: 30px; left: 30px; }
.latest-news-section .left-box .top-news-box { display: flex; align-items: center; gap: 15px; }
.latest-news-section .left-box .top-news-box span { line-height: 1.2; font-size: 16px; display: inline-block; border-radius: 20px; background: #fff; padding: 8px 20px; color: #297C47; }
.latest-news-section .left-box .top-news-box p { color: #fff; font-size: 18px; }
.latest-news-section .left-box .bottom-news-box a { display: block; color: #fff; font-size: 30px; line-height: 40px; width: 80%; }
.latest-news-section .left-box .bottom-news-box { top: auto; bottom: 30px; }
.latest-news-section .right-box .latest-update-box { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #D8E4F9; padding-bottom: 40px; margin-bottom: 40px; }
.latest-news-section .right-box .latest-update-box .date-box { position: absolute; top: 0; display: flex; gap: 16px; align-items: center; }
.latest-news-section .right-box .latest-update-box .date-box span { line-height: 1.2; font-size: 16px; display: inline-block; border-radius: 20px; background: #297C47; padding: 8px 20px; color: #fff; }
.latest-news-section .right-box .latest-update-box .img-cont-box { display: flex; align-items: end; gap: 24px; position: relative; }
.latest-news-section .right-box .latest-update-box .img-cont-box img { border-radius: 10px; }
.common-flex-box { display: flex; gap: 50px; flex-wrap: wrap; }
.latest-news-section .common-flex-box .left-box { width: 45%; }
.latest-news-section .common-flex-box .right-box { flex: 1; }
.latest-news-section .right-box .icon-box a { height: 50px; width: 50px; background: #E5E5E5; border-radius: 50%; display: flex; justify-content: center; align-items: center; }
.latest-news-section .right-box .latest-update-box .img-cont-box a { font-size: 22px; }
.latest-news-section .right-box .latest-update-box:last-child { margin: 0; padding: 0; border: none; }
.latest-news-section .left-box  .owl-dots .owl-dot { height: 10px; width: 10px; background: #E5E5E5; border-radius: 50%; }
.latest-news-section .left-box  .owl-dots .owl-dot.active { width: 20px; background: #297C47; border-radius: 6px; }
.latest-news-section .left-box  .owl-dots { display: flex; gap: 8px; margin-top: 50px; }
.latest-news-section .left-box  .owl-nav { position: absolute; right: 0; bottom: -20px; display: flex; gap: 20px; }
.latest-news-section .left-box .owl-nav button { height: 50px; width: 50px; border-radius: 50%; border: 1px solid #E5E5E5; display: flex; align-items: center; justify-content: center; }

/* Latest News Section End */

/* Footer Section Start */

footer { background: linear-gradient(135deg, #297C47, #042A2B); }
.call-to-action-section { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; padding: 80px 0; }
.call-to-action-section h2 { color: #fff; font-size: 60px; }
.call-to-action-section .left-box { width: 65%; }
.call-to-action-section .right-box .common-btn { background: #fff; }
.call-to-action-section .common-btn .btn-text-default, .call-to-action-section .common-btn .btn-text-hover { color: #297C47; }
.call-to-action-section .common-btn .btn-icon-bg { background: #297C47; }
.footer-box { display: grid; grid-template-columns: 500px 1fr; gap: 40px; }
.footer-box .left-footer-box  h3 { color: #8AC542; font-size: 30px; margin-bottom: 24px; }
.footer-box .left-footer-box  p { color: #042A2B; font-size: 18px; margin-bottom: 30px; }
.footer-box .common-footer-box { border-radius: 20px; padding: 30px; background: #fff; position: relative; }
.footer-box .right-footer-box { padding: 40px; }
.footer-box .bottom-img-box { display: flex; gap: 20px; position: absolute; bottom: 0; align-items: end; }
.footer-box .bottom-img-box .app-icon { padding-bottom: 30px; }
.footer-box .bottom-img-box .app-icon  a:first-of-type { margin-bottom: 20px; display: block; }
.footer-box .right-footer-box .common-grid-box { display: grid; grid-template-columns: 300px 1fr 1fr; gap: 70px; }
.footer-box h4 { color: #8AC542; font-size: 24px; margin-bottom: 20px; }
.footer-box .right-footer-box .mail-box a { font-size: 30px; color: #042A2B; }
.footer-box .right-footer-box .mail-box a:hover { color: #8AC542; }
.footer-box .right-footer-box .common-box .social-icon ul { display: flex; align-items: center; gap: 24px; margin-top: 40px; }
.footer-box .right-footer-box .common-box .social-icon ul li a { background: #8AC542; height: 50px; width: 50px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-bottom: 0 !important; transition: all 0.3s ease; }
.footer-box .right-footer-box .footer-menu ul li a { color: #042A2B; font-size: 20px; margin-bottom: 24px; display: inline-block; }
.footer-box .right-footer-box .footer-menu ul li a:hover { color: #8AC542; }
.footer-box .right-footer-box .common-box .social-icon ul li a:hover { background: linear-gradient(135deg, #297C47, #8AC542); }
.footer-box .right-footer-box .footer-menu ul li:last-child a { margin-bottom: 0; }
.footer-box .right-footer-box .common-box .products-menu { margin-bottom: 40px; }
.footer-box .right-footer-box .bottom-add-box { display: grid; grid-template-columns: repeat(2, 1fr); gap: 50px; border-top: 1px solid #0D8E91; padding-top: 40px; margin-top: 40px; }
.footer-box .right-footer-box .bottom-add-box h5, .footer-box .right-footer-box .bottom-add-box p { font-size: 18px; color: #042A2B; }
.footer-box .right-footer-box .bottom-add-box h5 { font-weight: 600; margin-bottom: 5px; }
.footer-box .right-footer-box .contact-us-box { padding-top: 70px; }
.bottom-footer { display: flex; align-items: center; justify-content: space-between; padding: 20px 0; }
.bottom-footer p { color: #fff; font-size: 18px; margin: 0; padding: 0; }
.bottom-footer a { background: #8AC542; padding: 8px 10px; border-radius: 6px; }
.f-link { display: none; }
.footer-list-menu { display: none; }

/* Footer Section End */

/* Contact Us Page Start */
.inner-banner-section { position: relative; height: auto; overflow: hidden; }
.inner-banner-section img { height: 100%; width: 100%; object-fit: cover; position: relative; }
.inner-banner-section .content-box { position: absolute; bottom: 50px; z-index: 1; width: calc(100% - 240px); }
.inner-banner-section .content-box h1 { color: #fff; font-size: 70px; line-height: 94px; text-transform: capitalize; background: linear-gradient(180deg, #7DBE38 0%, #8AC542 20%, #CFEAA8 60%, #FFFFFF 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; color: transparent; }
.inner-banner-section .content-box h3 { font-size: 30px; color: #fff; padding-bottom: 24px; margin-bottom: 24px; border-bottom: 1px solid rgba(255, 255, 255, 0.5); }
.inner-banner-section .image-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #042A2B 100%); pointer-events: none; z-index: 1; }
.contact-us-section .contact-details-box .common-box { display: flex; gap: 24px; align-items: center; background: linear-gradient(to right, #E5FFEF 0%, #F7FFEE 100%); padding: 30px; border-radius: 20px; }
.contact-us-section .contact-details-box .common-box .icon-box { display: inline-flex; background: #fff; border-radius: 10px; padding: 16px; }
.contact-us-section .contact-details-box .common-box .text-box p { padding-bottom: 12px; }
.contact-us-section .contact-details-box .common-box .text-box a:hover h4 { color: #8AC542; }
.contact-us-section .main-flex-box .left-box { flex: 0 0 600px; z-index: 9; }
.contact-us-section .main-flex-box .right-box { flex: 1; }
.contact-us-section .contact-details-box .common-box:first-of-type { margin-bottom: 30px; }
.contact-us-section .right-box { background: #DEF4F3; padding: 30px; border-radius: 20px; z-index: 9; }
.contact-us-section .right-box form { display: grid; gap: 24px; grid-template-columns: 1fr 1fr; }
.contact-us-section .right-box .form-group label { color: #042A2B; padding-bottom: 12px; }
.contact-us-section .right-box .form-group .form-control { font-size: 18px; line-height: 30px; color: #646464; padding: 16px 24px; border-radius: 10px; }
.contact-us-section .right-box .form-group .form-control:focus { box-shadow: none; border-color: #8AC542; }
.contact-us-section .right-box textarea { height: 170px; resize: none; }
.contact-us-section .right-box .textarea { width: 100%; grid-column: 1 / -1; }
.contact-us-section { position: relative; }
.contact-us-section .pattern-box { position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; margin: 0 auto; }
.office-locations-section .main-grid-box-2 { gap: 50px; }
.office-locations-section .common-box { background: linear-gradient(to bottom, #E5FFEF 0%, #F7FFEE 100%); border-radius: 20px; padding: 50px; }
.office-locations-section .common-box h3 { color: #8AC542; padding-bottom: 24px; }
.office-locations-section .common-box h5 { font-weight: 600; margin-bottom: 5px; }
.office-locations-section .common-box img { margin-top: 30px; border-radius: 10px; width: 100%; }
.office-locations-section .common-box { display: flex; flex-direction: column; justify-content: space-between; }
.map-section iframe { display: block; }
.contact-us-section .right-box .form-group.file-upload input { padding: 8px 16px; }
.contact-us-section .right-box .form-group.file-upload { width: 100%; grid-column: 1 / -1; }
.footer-box .bottom-img-box .app-icon { display: none; }

/* Contact Us Page End */


#formLoader, #formResponse { grid-column: 1 / -1;   text-align: left !important;  margin: 0 !important; }
.contact-us-section .right-box .btn-box {grid-column: 1 / -1;}
.error-msg { color: red; font-size: 16px; margin-top: 5px; }