/* common-css */

*, :after, :before {box-sizing: border-box; padding: 0; margin: 0; border: none; outline: none; }
img {max-width: 100%; }
ul, li {list-style: none; margin: 0; }
h1, h2, h3, h4, h5, p, span {line-height: 1.2; font-family: 'Open Sans', sans-serif; }
a {text-decoration: none !important; display: inline-block; color: #383838; font-size: 16px; font-family: 'Open Sans', sans-serif; }
select, input, textarea, button {width: 100%; border: none; outline: none; background: transparent; cursor: pointer; font-size: 16px; }
select:focus, input:focus, textarea:focus, button:focus {border: none; outline: none; }
input::placeholder, textarea::placeholder {opacity: 1; color: #626262; }
textarea {resize: none; }
p {color: #322d2d; font-size: 18px; margin: 15px 0; text-align: justify; line-height: 1.6; }
.textl {text-align: left; }
.textc {text-align: center; }
.textr {text-align: right; }
body {font-family: 'Open Sans', sans-serif; }
.fluid-container {width: 100%; max-width: 1350px; margin: 0 auto; padding: 0 20px; }
.wrapper {width: 100%; overflow: clip; }
.service-content .common-btn:hover a {color: #3a4808 !important; }
.content .common-btn:hover a {color: #3a4808 !important; }

/*recapcha*/ 

/* .g-recaptcha {display: none !important; } */
:root {--yellow: #ECB943; }
.act-section {transition: all 1s ease; opacity: .6; position: fixed; pointer-events: visible; top: 0; z-index: 2; }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {z-index: 1 !important; }
.testi-content p {font-size: 17px; }
.swiper-button-next, .swiper-rtl .swiper-button-prev {z-index: 1 !important; }
.swiper-navs .swiper-button-prev {position: relative; top: -250px; z-index: 1; }
.swiper-navs .swiper-button-next, .swiper-rtl .swiper-button-prev {top: -250px !important; }
.why-certification-main {top: initial !important; }

/* act-link */

.sub-footer-links li.act-link>a {color: #e7a813}
.nav li a.act-link {color: #f7bf00; }
.act-link li a.act-link {color: #f7bf00; }
.menu li a {color: #f7bf00; }
.drop-down-main a.act {color: #f7bf00; }

/*scrolled header */

header.scrolled-header {transition: all .4s; position: fixed; z-index: 4; left: 0; right: 0; width: 100%; top: 0; }
header.scrolled-header .header-top-wrapper {display: none; }
header.scrolled-header .header-bottom-wrapper {background: #fff; }
header.scrolled-header .header-bottom-wrapper .header-bottom-inner-wrapper .nav li a {padding: 28px 0; }
header {position: relative; z-index: 3; }
header.scrolled-header .nav {gap: 75px; }
header.scrolled-header .drop-down ul li a {padding: 10px 0 !important; }
header.scrolled-header .menu-img img {max-width: 180px; }
.menu.desk-ham-menu>li.act-link>a {color: #fff !important; background: #006634 !important; }
#to-top {cursor: pointer; position: fixed; bottom: 24px; right: 5px; width: 50px; height: 90px; z-index: 9; padding: 6px; border-radius: 50%; display: flex; justify-content: center; align-items: center; }

/* hover */

.nav li a:hover {color: #9FC755; }
.header-right a:hover, .header-top a span:hover {color: #FFDC09; }
.header-right a img:hover, .header-top a img:hover {filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(158deg) brightness(105%) contrast(101%); }
.header-top a:hover img {filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(158deg) brightness(105%) contrast(101%); }
.header-top a:hover, .header-top a span:hover {color: #FFDC09; }

/* common-heading */

.common-heading span {display: flex; justify-content: center; align-items: center; width: 100%; max-width: fit-content; }
.common-heading img {width: 100%; max-width: 85px; height: auto; }
.common-heading-left {width: 100%; max-width: fit-content; }
.common-heading {display: flex; justify-content: center; align-items: center; gap: 25px; }

/* common-btn */ 

.common-btn {background: #9FC755; width: 100%; max-width: 190px; padding: 5px 0; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.common-btn a {display: flex; justify-content: center; align-items: center; gap: 12px; color: #fff; }
.common-btn .default-img {width: 100%; max-width: 45px; border-left: 1px solid #000; padding: 0 0 0 10px; filter: invert(100%) sepia(91%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%); position: relative; left: 5px; }
.common-btn .hover-img {width: 100%; max-width: 45px; border-left: 1px solid #000; padding: 0 0 0 10px; filter: invert(100%) sepia(91%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%); position: relative; left: 5px; display: none; }
.common-btn:hover a {color: #046837 !important; }
.common-btn .hover-img {width: 100%; max-width: 45px; border-left: 1px solid #000; padding: 0 0 0 10px; filter: invert(100%) sepia(91%) saturate(38%) hue-rotate(254deg) brightness(110%) contrast(110%); position: relative; left: 5px; display: none; }
.common-btn:hover .hover-img {display: block; }
.common-btn:hover .default-img {display: none; }
h1 {font-size: 33px; color: #fff; }

/* Modern Index Banner Styles */ 

.modern-index-banner {width: 100%; height: 100%; display: flex; align-items: flex-end; padding: 50px 0; }
.modern-index-banner .fluid-container {max-width: 1500px; }
.modern-index-banner .banner-content {max-width: 585px; background: rgba(0, 50, 0, 0.4); backdrop-filter: blur(12px); -webkit-backdrop-filter: blur(12px); padding: 20px; border-radius: 30px; border: 1px solid rgba(255, 255, 255, 0.2); box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4); text-align: left; position: relative; }
.modern-index-banner h1 {color: #fff; text-align: left; line-height: 1.1; margin: 0 0 15px 0; font-weight: 500; text-shadow: 2px 4px 8px rgba(0, 0, 0, 0.3); }
.modern-index-banner .banner-points {margin: 20px 0 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; list-style: none; padding: 0; }
.modern-index-banner .banner-points li {color: #fff; display: flex; align-items: flex-start; justify-content: flex-start; gap: 8px; font-size: 15px; font-weight: 400; line-height: 1.4; }
.modern-index-banner .banner-points li span {flex: 1; }
.modern-index-banner .banner-points li strong {font-weight: 700; color: #fff; }
.modern-index-banner .banner-points li img {width: 18px; height: 18px; filter: brightness(0) invert(1) sepia(100%) saturate(10000%) hue-rotate(40deg); }
.modern-index-banner .banner-actions {display: flex; gap: 20px; margin-top: 20px; }
.modern-index-banner .banner-btn {padding: 16px 12px; border-radius: 50px; font-weight: 700; font-size: 16px; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); letter-spacing: 1px; display: inline-block; }
.modern-index-banner .banner-btn.primary {background: #9FC755; color: #0b4d00; box-shadow: 0 10px 20px rgba(159, 199, 85, 0.4); }
.modern-index-banner .banner-btn.primary:hover {background: #fff; color: #0b4d00; transform: translateY(-5px) scale(1.05); box-shadow: 0 15px 30px rgba(255, 255, 255, 0.3); }
.modern-index-banner .banner-btn.secondary {background: rgba(255, 255, 255, 0.15); color: #fff; border: 1px solid rgba(255, 255, 255, 0.4); backdrop-filter: blur(5px); }
.modern-index-banner .banner-btn.secondary:hover {background: rgba(255, 255, 255, 0.3); border-color: #fff; transform: translateY(-5px) scale(1.05); }


/* Banner Scroll Wrapper and Sticky Section */ 
.banner-scroll-wrapper {height: 250vh; 
  
/* The length of the scroll container determines scroll-animation speed */
  
position: relative; background: #fff; width: 100%; }
.sticky-banner-container {position: sticky; top: var(--header-height, 120px); height: calc(100vh - var(--header-height, 120px)); width: 100%; overflow: hidden; z-index: 1; background: #fff url('../images/banner-frames/ezgif-frame-001.jpg') no-repeat center top/cover; }
.sticky-banner-container canvas {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; pointer-events: none; }
.years-products-section-main {padding: 50px 0 100px; }
.years-seeds-main {display: flex; justify-content: center; align-items: center; gap: 20px; }
.years-seeds-main span {display: flex; justify-content: center; align-items: center; }
.years-seeds-main span img {width: 100%; max-width: 140px; }
.year-content span {display: flex; justify-content: flex-start; align-items: center; }
.year-content span img {width: 100%; max-width: 400px; height: 100px; }
.year-content p {font-size: 30px; color: #0B4D00; }
.products-logo-main {display: flex; justify-content: center; align-items: stretch; gap: 30px; flex-wrap: wrap; }
.testi-content {padding: 75px 30px 16px; position: relative; text-align: center; }
.testi-content h3 {font-weight: 600; }
.testi-content p {text-align: center; }
.product-icon-image {position: relative; display: flex; justify-content: center; align-items: center; top: 48px; transition: all 0.4s ease; z-index: 2; }
.product-icon-image span {display: flex; justify-content: center; align-items: center; position: relative; background: #fff; border: 2px solid #e7a813; max-width: 100px; padding: 15px 20px; border-radius: 50px; z-index: 1; box-shadow: rgb(151 138 138 / 66%) 0px 3px 8px; transition: all 0.4s ease; }
.product-icon-image span img {height: 70px; max-width: 70px; filter: invert(90%) sepia(11%) saturate(2000%) hue-rotate(26deg) brightness(84%) contrast(90%); transition: all 0.4s ease; }
.cards-products-main {width: 100%; flex: 1; border: 2px solid #77b85b; border-radius: 26px; position: relative; overflow: hidden; background: #fff; z-index: 1; transition: all 0.5s cubic-bezier(0.25, 1, 0.5, 1); box-shadow: rgba(4, 104, 55, 0.07) 0px 7px 29px 0px; }
.products-card {display: flex; flex-direction: column; max-width: 400px; border-radius: 10px; position: relative; transition: all 0.4s ease; }
.products-card .testi-content h3 {transition: all 0.4s ease; }
.products-card:hover .product-icon-image span {background: #0b4d00; border-color: #0b4d00; transform: scale(1.1); box-shadow: 0 10px 25px rgba(11, 77, 0, 0.3); }
.products-card:hover .product-icon-image span img {filter: brightness(0) invert(1); }
.products-card:hover .cards-products-main {box-shadow: rgba(2, 102, 56, 0.33) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset; }
.products-card:hover .testi-content h3 {color: #0b4d00; }
.products-card:hover {transform: translateY(-10px); }

/* years products */ /* Production Swiper Styles */

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {padding: 45px 0 0; }
.production-swiper {padding: 0 10px 0 !important; overflow: hidden !important; }
.production-swiper .swiper-slide {height: auto !important; display: flex; justify-content: center; }
.production-pagination {bottom: 0 !important; }
.production-pagination .swiper-pagination-bullet {width: 12px !important; height: 12px !important; background: #9FC755 !important; opacity: 0.3; transition: all 0.3s ease; }
.production-pagination .swiper-pagination-bullet-active {opacity: 1; transform: scale(1.3); border: none !important; }

/* Main Banner Pagination Fix */

.swiper-pagination {z-index: 99 !important; bottom: 40px !important; display: flex !important; justify-content: center !important; align-items: center !important; gap: 15px !important; }
.swiper-pagination-bullet {background: transparent !important; width: auto !important; height: auto !important; opacity: 0.6 !important; cursor: pointer !important; transition: all 0.3s ease !important; display: inline-flex !important; margin: 0 !important; }
.swiper-pagination-bullet-active {opacity: 1 !important; transform: scale(1.2) !important; }
.swiper-pagination-bullet img {width: 40px !important; height: auto !important; filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.3)); }
.years-of-pan-oceanic-main-wrapper {overflow: hidden; }
h1 span {color: #f7bf00; }
h2 {color: #0B4D00; font-size: 32px; font-weight: 600; }
h3 {font-size: 24px; font-weight: 500; }

/* drop down */

.drop-down-main {position: relative; }
.drop-down {
	position: absolute;
	top: calc(100% - 0px);
	left: 50%;
	transform: translateX(-50%) translateY(18px);
	width: min(530px, calc(100vw - 44px));
	padding: 18px 24px 0;
	z-index: 10;
	background: #fff;
	border-bottom-left-radius: 20px;
	border-bottom-right-radius: 20px;
	border-bottom: 6px solid #26750a;
	opacity: 0;
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
	visibility: hidden;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 20px;
	pointer-events: none;
	transition: opacity 0.35s ease, transform 0.35s ease, visibility 0.35s ease;
}
.drop-down-main:hover .drop-down, .drop-down-main:focus-within .drop-down {opacity: 1; visibility: visible; transform: translateX(-50%) translateY(0); pointer-events: auto; }
.nav > .drop-down-main:first-child .drop-down {left: 0; transform: translateY(18px); }
.nav > .drop-down-main:first-child:hover .drop-down,
.nav > .drop-down-main:first-child:focus-within .drop-down {transform: translateY(0); }
.menu-img {width: 100%; max-width: 200px; padding: 20px 0 0; }
.menu-img img {width: 100%; max-width: 200px; height: auto; }
.drop-down ul {flex: 1; min-width: 0; }
.drop-down ul li a {padding: 10px 0; }
.drop-down-main:nth-child(2) .drop-down .menu-img img {position: relative; bottom: -5px; }

/* top-header */ 

.header-top-wrapper {background-color: #9FC755; transition: all 3s ease-in; }
.header-top {display: flex; justify-content: space-between; align-items: center; padding: 4px 0 4px 12px; }
.header-top a {color: #fff; transition: all .4s ease-in-out; display: flex; justify-content: center; align-items: center; gap: 10px; font-size: 14px; padding: 6px 0; }
.header-right a img {width: 100%; max-width: 14px; height: auto; filter: invert(15%) sepia(75%) saturate(2688%) hue-rotate(83deg) brightness(95%) contrast(101%); }
.header-top img {width: 100%; max-width: 14px; height: auto; filter: invert(15%) sepia(75%) saturate(2688%) hue-rotate(83deg) brightness(95%) contrast(101%); }
.header-right {display: flex; justify-content: center; align-items: flex-end; gap: 30px; }

/* header-bottom */

.nav {display: flex; justify-content: flex-end; align-items: flex-end; gap: 50px; position: relative; }
.header-logo {width: 100%; max-width: 240px; height: auto; }
.header-bottom-wrapper {display: flex; justify-content: center; align-items: center; }
.header-bottom-inner-wrapper {display: flex; justify-content: space-between; align-items: center; }
.header-bottom-wrapper {background: #fffffff0; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.header-logo img {width: 100%; max-width: 240px; height: auto; }
.header-logo a {display: flex; justify-content: flex-start; align-items: center; width: 100%; max-width: 240px; }
.nav li a {font-weight: 600; font-size: 17px; letter-spacing: 0.5px; padding: 30px 10px 25px; transition: all .4s ease-in-out; color: #0B4D00; position: relative; }
.header-right a {display: flex; justify-content: center; align-items: center; gap: 10px; padding: 0 10px; }
.desk-resp-ham ul.toggle-desk {position: relative; z-index: 5; width: 50px; height: 24px; cursor: pointer; }
.desk-resp-ham ul.toggle-desk li {position: absolute; left: 5%; transform: translateY(-50%); height: 3px; width: 50%; list-style: none; background: #9fc755; ; transition: .9s; }
.desk-resp-ham ul.toggle-desk li:nth-of-type(1) {top: 20%; }
.desk-resp-ham ul.toggle-desk li:nth-of-type(2) {top: 50%; }
.desk-resp-ham ul.toggle-desk li:nth-of-type(3) {top: 80%; }
.desk-resp-ham ul.toggle-desk.active li:nth-of-type(1) {top: 50%; transform: translateY(-50%) rotate(45deg); }
.desk-resp-ham ul.toggle-desk.active li:nth-of-type(2) {transform: translateY(-50%) rotate(45deg); opacity: 0; }
.desk-resp-ham ul.toggle-desk.active li:nth-of-type(3) {top: 50%; transform: translateY(-50%) rotate(-45deg); }
.inner-desk-ham {display: flex; }
.sidebar>a {background: #fff !important; position: relative; padding: 35px 5px; width: 100%; }
.desk-resp-ham .sidebar {position: fixed; top: 0; left: -350px; width: 270px; height: 100vh; box-sizing: border-box; text-align: center; transition: .9s; z-index: 9; overflow: scroll; overflow-x: hidden; background: #9fc755; }
.desk-resp-ham .sidebar::-webkit-scrollbar {display: none; }
.desk-resp-ham .sidebar.active {left: 0; box-shadow: 1px 0 8px rgba(0, 0, 0, 0.637); }
.desk-resp-ham .sidebar ul.menu {position: relative; text-align: center; width: 100%; display: flex; flex-direction: column; gap: 0; margin: 0px auto 30px; border-top: 1px dotted #fff; }
.desk-resp-ham .sidebar ul.menu li {list-style: none; width: 100%; cursor: pointer; }
.desk-resp-ham .sidebar ul.menu li a {
	text-transform: capitalize;
	color: #fff;
	width: 100%;
	justify-content: space-between;
	display: flex;
	padding: 15px 20px 15px 20px;
	font-size: 17px;
	font-weight: 600;
}
.desk-resp-ham .sidebar ul.menu li a.act-link {
	color: #006634;
}
.menu.desk-ham-menu li a:hover {color: #FFDC09 !important; }
.nav-dropdown li a {padding: 10px 0 10px 20px !important; }
.desk-resp-ham .sidebar ul.menu>li>a {display: flex; gap: 5px; align-items: center; border-bottom: 1px dotted #c9c9c9; }
.desk-resp-ham .sidebar ul.menu>li>a.act-link {background: #006634; color: #fff; border-left: 4px solid #ffdc09; padding-left: 16px; }
.desk-resp-ham .sidebar ul.menu li a.act-link {font-weight: 700; }
.desk-resp-ham .sidebar ul.menu li a i {position: relative; bottom: -2px; font-size: 16px; }
.nav-dropdown {display: flex; flex-direction: column; gap: 5px !important; padding: 0; border-bottom: 1px dotted #164105; }
.nav-dropdown li a {font-size: 15px !important; left: 15px; }
.desk-resp-ham {display: none; }

/* banner css */

.index-slider {position: relative; }
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {left: 10px; right: auto; z-index: 1; }
.swiper-button-prev::after, .swiper-button-next::after {font-family: swiper-icons; font-size: 28px !important; position: relative; }
.swiper-button-prev:hover, .swiper-button-next:hover {color: #f7bf00 !important; }
.swiper-pagination-bullet {background: none !important; width: auto !important; height: auto !important; display: inline-block; margin: 0 5px; padding: 0; }
.swiper-pagination-bullet-active {background: none !important; opacity: 1; }
.swiper-navs .swiper-pagination-bullet {border-radius: 0px; position: relative; }
.index-slider .swiper-button-prev, .index-slider .swiper-button-next {opacity: 1; transition: none; top: -250px; z-index: 3; }
.swiper-navs {width: 100%; position: relative; bottom: 60px; margin: auto; left: 0; right: 0; display: flex; justify-content: flex-end; align-items: center; gap: 20px; flex-direction: row-reverse; max-width: 1280px; }
.swiper-button-next, .swiper-button-prev {color: #fff; background-color: #036839; width: 44px !important; height: 44px !important; border-radius: 50%; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease; z-index: 1; }
.swiper-button-next::before {position: relative; content: ""; background: url(../images/icons/next.webp) no-repeat center center/cover; height: 20px; width: 100%; max-width: 20px; top: 0; bottom: 0; filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(1666%) hue-rotate(326deg) brightness(101%) contrast(105%); }
.swiper-button-prev::before {position: relative; content: ""; background: url(../images/icons/back.webp) no-repeat center center/cover; height: 20px; width: 100%; max-width: 20px; top: 0; bottom: 0; filter: brightness(0) saturate(100%) invert(100%) sepia(4%) saturate(1666%) hue-rotate(326deg) brightness(101%) contrast(105%); }

/* Add pagination icon styles */

.swiper-pagination-custom img {width: 40px; height: 40px; margin: 5px 5px; filter: invert(97%) sepia(5%) saturate(0%) hue-rotate(254deg) brightness(110%) contrast(100%); z-index: 1; position: relative; }
.swiper-pagination-custom img:hover {opacity: 0.8; }

/* Ensure pagination is displayed */ 

.swiper-pagination {display: flex; justify-content: center; position: absolute; bottom: 30px; width: 100%; z-index: 1; }

/* Align navigation buttons */ 

.index-slider .swiper-button-prev, .index-slider .swiper-button-next {transform: translateY(-50%); z-index: 3; }
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {display: none; }
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after {display: none; }
.swiper-pagination-bullet-active {border: 2px solid #9FC755; z-index: 1; position: relative; }
.swiper-pagination-bullet-active img {filter: invert(97%) sepia(5%) saturate(0%) hue-rotate(254deg) brightness(110%) contrast(100%); z-index: 1; position: relative; }

/* default slider */ /* banner content */ 

.swiper-wrapper .swiper-slide {background: no-repeat center center/cover; height: calc(100vh - 120px); position: relative; z-index: 0; display: flex; align-items: center; justify-content: center; flex-direction: column; }

/* .swiper-wrapper .swiper-slide::before {position: absolute; content: ''; background: #0000005e; width: 100%; height: 100%; top: 0; left: 0; }
*/ 

.swiper-wrapper .swiper-slide section {position: absolute; top: 0; left: 0; width: 100%; height: 100%; color: #fff; }
.swiper-wrapper .swiper-slide section .fluid-container {display: flex; justify-content: flex-start; align-items: center; width: 100%; height: 100%; gap: 20px; }
.swiper-wrapper .swiper-slide .first-banner-content .fluid-container {display: flex; justify-content: center !important; align-items: center !important; }
.swiper-wrapper .swiper-slide section .fluid-container .content {width: 100%; max-width: 520px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 12px}
.first-banner-content {display: flex; justify-content: center; align-items: flex-end; margin: auto; }
.swiper-slide section .fluid-container .content h2 {font-size: 28px; font-weight: 600; opacity: 0; transform: translateX(-500px); transition: all 1s; line-height: 1.6; color: #fff; position: relative; text-align: center; }
.swiper-slide section .fluid-container .content .common-knowmore-image {margin: 40px auto 0px; }
.swiper-slide section .fluid-container .content p {font-size: 20px; font-weight: 400; color: #fff; opacity: 0; transform: translateX(-500px); transition: all 1s; transition-delay: .8s; display: inline-block; margin: 20px 0; line-height: 1.6; }
.swiper-slide section .fluid-container .banner-img img {transform: translateX(500px); transition: all 1s; transition-delay: .8s; opacity: 0; }
.swiper-slide section .fluid-container .content h2 span {color: #f7bf00; }
.swiper-slide-active section .fluid-container .content h2, .swiper-slide-active section .fluid-container .content p, .swiper-slide-active section .fluid-container .banner-img img {opacity: 1; transform: translate(0); }

/* banner content */ /* 17-years */ 

.banner-points li span strong {color: #94c423 !important; }
.text-center {width: 100%; max-width: 750px; text-align: center; margin: 0 auto 0; padding: 20px 0 0; color: #000; font-size: 19px; }
.text {background: url(../images/17-years-bg.webp) no-repeat; -webkit-text-fill-color: transparent; -webkit-background-clip: text; background-size: cover; font-size: 75px; font-weight: 600; }
.year-content span {display: flex; justify-content: flex-start; align-items: center; }
.years-of-pan-oceanic-main-wrapper {padding: 80px 0 100px; }
.production-icon {width: 100%; max-width: 75px; height: 90px; border-radius: 50%; border: 1px solid #ECB943; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; display: flex; justify-content: center; align-items: center; transform: translateY(35px); position: relative; z-index: 1; background: #fff; }
.production-icon img {width: 100%; max-width: 50px; filter: invert(74%) sepia(30%) saturate(616%) hue-rotate(56deg) brightness(88%) contrast(89%); }
.production-contant {height: 100%; padding: 60px 18px 15px; border: 1px solid var(--yellow); border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; width: 100%; /* max-width: 444px !important; */ display: flex; flex-direction: column; justify-content: start; align-items: center; }
.production-types {transition: all 0.4s ease; display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; max-width: 600px; }
.years-of-pan-oceanic-main-wrapper .swiper-pagination {margin: 15px 0; }
.production-types-main {display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; gap: 30px; }
.production-contant p {text-align: left; padding: 0 8px; margin-bottom: 0; }
.common-heading .icon-pan {display: flex; justify-content: center; align-items: center; width: 100%; max-width: 100px; }
.production-types:hover .production-icon {background-color: #18a318; border: 1px solid #18a318; }
.production-types:hover .production-icon img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(84deg) brightness(101%) contrast(103%); }
.production-types:hover {transform: translateY(-10px); }

/* about us */ 

.about-main-wrapper {box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; background: url(../images/about-bg.webp)no-repeat center center/cover; width: 100%; height: 100%; position: relative; padding: 30px 50px 30px 0; }
.about-main-wrapper::before {content: ''; position: absolute; background: #046837; width: 100%; max-width: 50%; right: 0; top: 0; height: 100%; }
.inner-about-main .know-more-plant {display: flex; justify-content: space-between; align-items: center; }
.about-inner-wrapper {width: 100%; max-width: 670px; margin-left: auto; position: relative; background: #fff; padding: 30px 40px 0; position: relative; z-index: 1; box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
.about-main-wrapper::after {content: ''; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #020b07; opacity: 0.6; }
.know-more-plant span img {width: 100%; max-width: 130px; position: relative; top: -10px; filter: invert(99%) sepia(5%) saturate(2%) hue-rotate(265deg) brightness(96%) contrast(95%); }
.know-more-plant {display: flex; justify-content: space-between; align-items: center; }
.about-inner-wrapper p {padding: 25px 0 0 0; margin: 0; }
.about-main-wrapper .common-heading {justify-content: flex-start; border-bottom: 1px solid #F7DF5F; }
/* services */ 

.services-section {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: stretch; justify-content: center; gap: 30px; position: relative; padding-top: 48px; }
/* .circle-container {position: relative; width: 450px; height: 450px; }
*/ /* .circle-shadow {position: relative; width: 100%; height: 100%; border-radius: 50%; display: flex; align-items: center; justify-content: center; background: linear-gradient(90deg, rgb(241 249 240 / 15%) 41%, rgba(255, 255, 255, 1) 15%); }
*/ /* .circle-shadow::before {content: ""; position: absolute; width: 100%; height: 100%; border-radius: 50%; border: 2px solid #d1d1d1; clip-path: polygon(40% 0%, 100% 0%, 100% 100%, 0 100%, 0% 143%); z-index: 1; }
*/ /* .circle-shadow img {width: 85%; height: 85%; object-fit: cover; border-radius: 50%; }
*/ 

.icon {position: absolute; width: 80px; height: 80px; background-color: #0B4D00; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: transform 0.5s ease, left 0.5s ease, top 0.5s ease; z-index: 2; }
.icon::before {content: attr(data-name); position: absolute; bottom: 100%; left: 50%; transform: translateX(-50%); background-color: rgba(0, 0, 0, 0.7); color: white; padding: 5px 10px; border-radius: 5px; white-space: nowrap; font-size: 12px; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; z-index: 10; }
.icon:hover::before {opacity: 1; }
.icon img {width: 60px; height: 60px; filter: invert(95%) sepia(95%) saturate(21%) hue-rotate(345deg) brightness(104%) contrast(106%); padding: 5px; border-radius: unset; }
.icon1 {top: -1%; left: 50%; transform: translate(-50%, -50%); }
.icon2 {transform: translate(-50%, -50%); bottom: -10%; right: 32%; }
.service-content {width: 100%; max-width: 100%; background: #ffffff; box-shadow: 0 18px 42px rgba(26, 46, 18, 0.12); border-radius: 26px; transition: transform 0.35s ease, box-shadow 0.35s ease, background 0.35s ease, border-color 0.35s ease; position: relative; overflow: hidden; border: 1px solid rgba(159, 199, 85, 0.28); }
.service-content:hover {transform: translateY(-10px); box-shadow: 0 28px 52px rgba(26, 46, 18, 0.18); background: linear-gradient(180deg, #0f5a00 0%, #184f10 100%); border-color: rgba(255, 220, 9, 0.32); }
.service-card-inner {min-height: 370px; padding: 38px 30px 32px; display: flex; flex-direction: column; align-items: flex-start; }
.service-title {color: #0B4D00; margin: 0 0 22px; line-height: 1.22; font-weight: 600; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.service-title span {display: inline-flex; align-items: center; justify-content: center; min-width: 58px; height: 58px; padding: 0 16px; border-radius: 999px; background: linear-gradient(135deg, #eff8df, #d7ebaa); color: #0B4D00; font-weight: 700; font-size: 22px; box-shadow: inset 0 0 0 1px rgba(11, 77, 0, 0.08); }
.service-description {line-height: 1.8; margin: 0 0 28px; text-align: left; color: #394133; }
.service-content .common-btn {margin-top: auto; max-width: 230px; padding: 10px 0; background: #9FC755; }
.service-content .common-btn a {font-size: 18px; font-weight: 600; gap: 16px; }
.service-content .common-btn .default-img, .service-content .common-btn .hover-img {max-width: 50px; padding-left: 14px; }
.service-content .about-us-logo-content span img {max-width: 100px; }
.service-content .common-heading {justify-content: flex-start; border-bottom: 1px solid #FFDC09; }
.service-content:hover::before, .service-content-featured::before {background: linear-gradient(90deg, #ffdc09 0%, #cbe770 100%); }
.service-card-inner:hover .service-description, .service-card-inner:hover .service-title {color: #fff; }
.service-content:hover .common-btn .default-img, .service-content:hover .common-btn .hover-img, .service-content-featured .common-btn .default-img, .service-content-featured .common-btn .hover-img {filter: invert(21%) sepia(43%) saturate(1375%) hue-rotate(71deg) brightness(90%) contrast(91%); }

/* crop production */

.crop-production-main-wrapper {padding: 110px 0 90px; background: linear-gradient(180deg, rgba(9, 37, 4, 0.75), rgba(6, 24, 3, 0.9)), url(../images/crop-produced-bg.webp) no-repeat center center / cover; }
.crop-production-inner-wrapper {max-width: 1040px; margin: 0 auto; color: #fff; }
.crop-production-heading {max-width: 980px; margin: 0 auto 34px; text-align: center; }
.crop-production-heading h2 {color: #fff; font-size: 34px; font-weight: 600; margin-bottom: 18px; }
.crop-production-heading p {color: rgba(255, 255, 255, 0.92); text-align: center; margin: 0; line-height: 1.8; }
.crop-production-tabs {display: flex; justify-content: center; align-items: center; max-width: 760px; margin: 0 auto -30px; position: relative; z-index: 2; background: #fff; border-radius: 8px; overflow: hidden; box-shadow: 0 18px 35px rgba(0, 0, 0, 0.22); }
.crop-tab {width: 100%; max-width: 380px; padding: 19px 24px; font-size: 22px; color: #252525; background: #fff; transition: background 0.3s ease, color 0.3s ease; }
.crop-tab.is-active {background: #9FC755; color: #fff; }
.crop-production-panel {background: rgba(0, 0, 0, 0.78); border: 1px solid #c5a200; border-radius: 18px; padding: 78px 65px 46px; backdrop-filter: blur(4px); }
.crop-production-list {display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 26px 28px; }
.crop-production-list li {position: relative; color: #fff; font-size: 19px; text-align: center; padding-right: 18px; }
.crop-production-list li::after {content: ''; position: absolute; right: -15px; top: 50%; transform: translateY(-50%); width: 12px; height: 12px; border-radius: 50%; background: #ffd500; box-shadow: 0 0 0 4px rgba(255, 213, 0, 0.08); }
.crop-production-list li:nth-child(5n)::after {display: none; }

/* quality focus */ 

.quality-focus-main-wrapper {padding: 100px 0; background: #fff; }
.quality-focus-inner-wrapper {display: flex; justify-content: center; align-items: center; gap: 70px; }
.quality-focus-visual {width: 100%; max-width: 620px; position: relative; }
.quality-focus-image {max-width: 510px; overflow: hidden; box-shadow: 0 16px 38px rgba(26, 46, 18, 0.18); border-top-left-radius: 120px; border-bottom-right-radius: 120px; }
.quality-focus-image img {width: 100%; height: 416px; object-fit: cover; display: block; }
.quality-focus-tags {position: absolute; top: 104px; right: 0; display: flex; flex-direction: column; gap: 14px; }
.quality-tag {min-width: 245px; padding: 18px 26px; border-radius: 4px; font-size: 20px; font-weight: 500; line-height: 1.1; display: flex; justify-content: right; align-items: center; gap: 12px; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16); cursor: pointer; border: 1px solid transparent; transition: 0.4s; }

/* .quality-tag {min-width: 245px; padding: 18px 26px; border-radius: 4px; font-size: 20px; font-weight: 500; line-height: 1.1; display: flex; justify-content: space-between; align-items: center; box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16); cursor: pointer; transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease; }
*/ /* .quality-tag:hover, .quality-tag.is-active {box-shadow: 0 16px 28px rgba(0, 0, 0, 0.2); filter: saturate(1.05); background: #021603; color: #fff; }

*/ 

.quality-tag span {font-size: 30px; font-weight: 300; line-height: 0.7; }
.quality-tag-green {background: #a6cb54; color: #fff; display: flex; justify-content: right; align-items: center; gap: 12px; }
.quality-tag-dark-green {background: #41a347; color: #fff; }
.quality-tag-brown {background: #8f2d00; color: #fff; }
.quality-focus-content {width: 100%; max-width: 430px; }
.quality-focus-content h2 {color: #0B4D00; line-height: 1.25; margin-bottom: 18px; }
.quality-focus-content p {margin: 26px 0; text-align: left; line-height: 1.8; }
.quality-focus-content .common-btn {max-width: 160px; padding: 8px 0; }

/* other services */

.other-services-types img {width: 100%; max-width: 100px; height: auto; filter: invert(78%) sepia(89%) saturate(519%) hue-rotate(347deg) brightness(101%) contrast(105%); }
.other-services-types {width: 100%; max-width: fit-content; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.other-services-main-wrapper {background: url(../images/services-cta-background.webp) no-repeat center center / cover; width: 100%; height: 100%; position: relative; padding: 0 0 40px; }
.other-services-main-wrapper::before {content: ''; position: absolute; width: 100%; height: 100%; background: #115705db; opacity: 0.9; }
.other-services-inner-wrapper {display: flex; justify-content: space-around; align-items: start; padding: 45px 0; flex-wrap: wrap; }
.other-services-main-wrapper .common-btn a {position: relative; color: #235816; ; }
.other-services-types h3 {position: relative; color: #fff; border-bottom: 1px solid #9FC755; padding-bottom: 5px; transition: color 0.3s ease; overflow: hidden; }
.other-services-main-wrapper .common-btn {background: #fff; width: 100%; max-width: 190px; padding: 5px 0; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; margin: auto; position: relative; }
.other-services-types h3::after {content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: #9FC755; }
.other-services-main-wrapper:hover .other-services-types h3::after {animation: lineAnimation 2s ease-in-out infinite; }
.other-services-types:hover h3 {color: #dfc715; ; }
.other-services-types:hover img {filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(84deg) brightness(101%) contrast(103%); }
.other-services-main-wrapper .common-btn a img {filter: invert(19%) sepia(44%) saturate(1336%) hue-rotate(72deg) brightness(95%) contrast(96%); }
.ready-production-inner-wrapper .common-btn {background: #fff}
.ready-production-inner-wrapper .common-btn a {color: #9FC755; }
.ready-production-inner-wrapper .common-btn a img {filter: invert(19%) sepia(44%) saturate(1336%) hue-rotate(72deg) brightness(95%) contrast(96%); }

/* world wide */

.world-wide-main-wrapper {padding: 0 0 100px; }
.world-wide-operations-list-wrapper {display: flex; justify-content: center; align-items: stretch; padding-top: 40px; }
.world-wide-operations-list-wrapper .world-wide-bottom:nth-child(2) {background: unset; box-shadow: unset; width: 100%; max-width: 60%; padding: unset; display: flex; justify-content: center; align-items: center; }
.world-wide-operations-list-wrapper .world-wide-bottom {width: 100%; max-width: 20%; }
.world-wide-bottom img {width: 100%; max-width: 700px; height: auto; }
.world-wide-circle span {background: #9FC755; border-radius: 100%; padding: 10px; color: #fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; transition: all 0.4s ease; }
.world-wide-circle {display: flex; align-items: center; gap: 10px; padding: 10px 0; font-size: 17px; }
.world-wide-bottom {background: #0B4D00; color: white; padding: 15px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 10px; transition: all 0.5s ease; border: 1px solid transparent; position: relative; overflow: hidden; }

/* Elegant glass-like reflection sweep on box hover */

.world-wide-operations-list-wrapper .world-wide-bottom:not(:nth-child(2))::before {content: ""; position: absolute; top: 0; left: -150%; width: 50%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.1), transparent); transform: skewX(-25deg); transition: all 0.7s ease; z-index: 1; pointer-events: none; }
.world-wide-operations-list-wrapper .world-wide-bottom:not(:nth-child(2)):hover::before {left: 150%; }
.world-wide-operations-list-wrapper .world-wide-bottom:not(:nth-child(2)):hover {box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3); border-color: rgba(159, 199, 85, 0.4); }

/* Individual list item (row) interactions */

.world-wide-operations-list-wrapper .world-wide-circle {transition: all 0.3s ease; border-radius: 50px; padding-right: 15px; position: relative; z-index: 2; }
.world-wide-operations-list-wrapper .world-wide-circle:hover {transform: translateX(8px); }
.world-wide-operations-list-wrapper .world-wide-circle:hover span {background: #fff; color: #0B4D00; box-shadow: 0 0 12px rgba(255, 255, 255, 0.4); }
.world-wide-main-wrapper h2 {text-align: center; padding: 0 0 20px; font-weight: 600; }

/* production research */

.production-research-inner-wrapper .common-heading-left {width: 100%; max-width: 680px; }
.production-research-inner-wrapper .common-heading {width: 100%; max-width: 890px; margin: auto; border-bottom: 1px solid #FFDC09; }
.product-main {display: flex; justify-content: space-between; align-items: stretch; gap: 10px; padding: 40px 0 0; flex-wrap: wrap; }
.product-cards {width: 100%; max-width: 390px; position: relative; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; z-index: 1; overflow: hidden; }
.product-cards .product-img {position: relative; }
.product-cards .product-img::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); opacity: 0; transition: opacity 0.3s ease; z-index: 1; }
.product-img img {width: 100%; display: block; height: auto; }
.product-content-sub {width: 100%; display: flex; justify-content: center; align-items: stretch; background: #9FC755; color: #fff; height: 100%; transition: background 0.3s ease, color 0.3s ease; }
.product-cards h4 {font-weight: 500; text-align: center; font-size: 20px; padding: 10px 0; }
.product-cards:hover .product-img::before {opacity: 1; }

/* call to action */

.ready-production-main-wrapper {margin: 0 0 100px; padding: 80px 0; background: url(../images/index-contact.webp)no-repeat center center / cover; width: 100%; height: 100%; position: relative; }
.ready-production-main-wrapper::before {content: ''; position: absolute; background: #0b4d00; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.9; }
.ready-production-inner-wrapper {position: relative; display: flex; justify-content: space-around; align-items: center; }
.ready-production-inner-wrapper h2 {color: #fff; }

/* blog */

.our-blog-main-wrapper {padding: 0 0 100px; }
.other-services-types h3 {font-size: 20px; }
.our-blog-main-wrapper .common-heading {justify-content: flex-start; border-bottom: 1px solid #FFDC09; width: 100%; max-width: 490px; }
.blog-section {flex-wrap: wrap; display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; gap: 20px; padding: 40px 0 0; }
.about-us-logo-content {width: 100%; max-width: 500px; }
.blog-section-main-wrapper.blog-section {display: flex; justify-content: space-between; gap: 20px; padding: 20px; }
.blog-card {box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px !important; background: #f9f9f9; border-radius: 10px; overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); width: 100%; max-width: 390px; }
.blog-image {position: relative; }
.blog-image img {width: 100%; height: 100%; }
.blog-date {position: absolute; bottom: -20px; left: 10px; background: #E5FFB4; color: #000; padding: 15px 20px; border-radius: 10px; font-weight: 500; font-size: 20px; }
.blog-content {padding: 40px 20px; }
.blog-content p {color: #333333cf; font-weight: 500; text-align: left; transition: 3s; }
.blog-card:hover .blog-date {background: #9FC755; color: #fff; }
.blog-card:hover .blog-content p {color: #092a03; }

/* blog */

.inner-page-banner-warpper .fluid-container {height: 100%; }
.inner-page-banner-warpper {height: 300px; position: relative; width: 100%; }
.inner-page-banner-warpper::before {content: ''; position: absolute; background: #060e0496; height: 100%; width: 100%; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
.inner-page-banner {display: flex; justify-content: center; align-items: flex-start; flex-direction: column; position: absolute; bottom: 5%; }
.inner-page-banner h2 {color: #fff; font-weight: 600; margin: 10px 0; text-align: left; font-size: 32px; }
.banner-breadcrumbs {display: flex; align-items: center; gap: 10px; }
.banner-breadcrumbs span {color: #fff; display: flex; align-items: center; }
.banner-breadcrumbs span a {color: #fff; font-size: 14px; margin: 10px 0px; }
.banner-breadcrumbs span {color: #fff; display: flex; align-items: center; }
.banner-breadcrumbs .first-innerpage-image, .banner-breadcrumbs .second-innerpage-image {width: 100%; max-width: 30px; vertical-align: middle; filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%); }
.banner-breadcrumbs .second-innerpage-image {filter: invert(78%) sepia(5%) saturate(4033%) hue-rotate(39deg) brightness(95%) contrast(87%); }
.banner-breadcrumbs .second-innerpage-image {filter: invert(78%) sepia(5%) saturate(4033%) hue-rotate(39deg) brightness(95%) contrast(87%); }
.first-innerpage-image {display: none; }
.second-innerpage-image {display: inline-block; }
/* contract */ .contract-main-wrapper {padding: 80px 0; width: 100%; max-width: 1080px; margin: auto; }
.contract-inner-wrapper p {text-align: center; }
.association-main-wrapper {padding: 0 0 100px; }
.association-img {width: 100%; max-width: 400px; height: auto; }
.association-img img {width: 100%; max-width: 400px; height: auto; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius: 10px; }
.association-right {width: 100%; max-width: 600px; }
.association-inner-wrapper {display: flex; justify-content: center; align-items: center; gap: 30px; flex-wrap: wrap; }
.association-right p {padding: 5px 0 5px 59px; position: relative; }
.association-right p::before {content: ''; position: absolute; width: 100%; max-width: 20px; background: url(../images/go-to-top.webp)no-repeat center center / contain; }
.association-right p::before {content: ''; position: absolute; width: 100%; max-width: 44px; background: url(../images/go-to-top.webp)no-repeat center center / contain; height: 100%; top: 0; bottom: 0; margin: auto; left: 0; }
/* crop produced */ .crop-produced-main-wrapper {background: url(../images/crop-produced-bg.webp)no-repeat center center / cover; width: 100%; height: 100%; position: relative; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.crop-produced-main-wrapper::before {content: ''; position: absolute; width: 100%; height: 100%; background: #0e0f0ee8; top: 0; left: 0; opacity: 0.9; }
.crop-produced-inner-wrapper {padding: 50px 0; position: relative; }
.crop-produced-inner-wrapper h2 {color: #FFDC09; font-weight: 600; }
.crop-produced-inner-wrapper p {color: #fff; padding: 0 0 15px; }
.crop-types {width: 100%; max-width: 220px; padding: 20px; border: 1px solid var(--yellow); border-radius: 10px; display: flex; justify-content: center; align-items: center; background: #17540A; position: relative; }
.crop-types a {color: #fff; }
.crop-bottom {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 20px; }
.crop-main-wrapper {padding: 100px 0; }
.crop-img {display: flex; justify-content: flex-start; align-items: flex-start; width: 100%; max-width: 420px; height: auto; }
.crop-img img {width: 100%; max-width: 420px; height: auto; }
.crop-contant {width: 100%; max-width: 420px; }
.crop-contant {width: 100%; max-width: 510px; padding: 20px 20px 0 20px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.crops-main {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; max-width: 510px; }
.crop-contant p {text-align: center; }
.crop-inner-wrapper {display: flex; justify-content: space-around; align-items: start; flex-wrap: wrap; gap: 30px; }
.crop-img img {width: 100%; max-width: 420px; height: auto; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-bottom: 4px solid #078607; }
.crop-inner-wrapper:nth-child(2) {padding: 30px 0 0 0; }
.inovation-img {width: 100%; max-width: 450px; }
.inovation-img img {width: 100%; max-width: 450px; height: auto; }
.inovation-text {width: 100%; max-width: 677px; }
.inovation-main {display: flex; justify-content: space-evenly; align-items: center; }
.inovation-seed-production-inner-wrapper h2 {padding: 0 0 28px 110px; }
.inovation-img img {width: 100%; max-width: 450px; height: auto; height: 450px; border-radius: 50%; border: 4px solid #109b10; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; position: relative; z-index: 2; }
.inovation-text p {position: relative; }
.inovation-text p::before {content: ''; position: absolute; background: #078507; width: 15px; height: 15px; border-radius: 50%; left: -34px; top: 0; bottom: 0; margin: auto; }
.inovation-text p::after {content: ''; position: absolute; }
.inovation-text p::after {content: ''; position: absolute; background: #088208; width: 100%; height: 2px; max-width: 160px; left: -187px; top: 0; bottom: 0; margin: auto; z-index: 1; }
.inovation-seed-production-main-wrapper {background: #0000000a; padding: 61px 0; }
.fleid-quality-main-wrapper {padding: 100px 0; }
.fleid-quality-inner-wrapper {padding: 0 40px 0; }
.fleid-quality-inner-wrapper p {padding: 0 0 0 30px; position: relative; }
.fleid-quality-inner-wrapper p::before {content: ''; position: absolute; width: 100%; max-width: 20px; height: 20px; border-radius: 50%; }
.fleid-quality-inner-wrapper p::before {content: ''; position: absolute; width: 100%; max-width: 10px; height: 10px; border-radius: 50%; background: green; left: 2px; top: 0; bottom: 0; margin: auto; }
/* who-we-are */ .who-we-are-contant {width: 100%; max-width: 500px; }
.who-we-are-inner-wrapper {display: flex; justify-content: space-evenly; align-items: start; }
.who-we-are-main-wrapper {padding: 100px 0; }
/* footer */ .footer-links-main p, a {color: #ffffffb5; }
.footer-main-wrapper {background: #063500; position: relative; border-top: 3px solid #9FC755; padding: 30px 0 0 0; }
.inner-footer-wrapper {padding: 30px 0; position: relative; z-index: 1; }
.footer-links-main:nth-child(1) h3 {text-align: left; }
.footer-contact-links {display: flex; justify-content: space-evenly; align-items: flex-start; padding: 20px 0 0px; flex-wrap: wrap; }
.footer-links-main {width: 100%; max-width: 400px; color: #dfc715; ; text-align: center; }
.sub-footer-links li {margin: 10px 0; }
.sub-footer-main li {margin: 20px auto; }
.sub-footer-main li a {display: flex; justify-content: center; align-items: center; gap: 10px; }
.footer-address {width: 100%; max-width: 300px; }
.footer-2 {background: #002d19; }
.footer-headings {text-align: center; }
.sub-footer-links li {text-align: center; }
.copyrights p a, .copyrights p {color: #d6cec3db; font-size: 11px !important; }
.copyrights {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; }
.copyrights p {color: #ffffffb5; margin: 0; padding: 10px 0; }
.footer-logo {display: flex; justify-content: center; align-items: center; }
.footer-logo img {width: 100%; max-width: 200px; height: auto; background: #fff; }
.sub-footer-links .act-link {color: #e7a813; }
.sub-footer-links li a:hover {color: #e7a813; }
.sub-footer-main li a:hover {color: #FFDC09; }
.sub-footer-main li a img {width: 100%; max-width: 20px; filter: invert(85%) sepia(87%) saturate(837%) hue-rotate(342deg) brightness(89%) contrast(95%); height: auto; }
.drop-down.footer {display: none; }
.footer-links-main p, .footer-links-main a {text-align: left; font-size: 14px; }
.footer-main-wrapper h3 {font-size: 22px; }
/* why pan oceanic */ .why-pan-oceanic-main-wrapper {padding: 100px 0; }
.why-pan-img {width: 100%; max-width: 350px; height: auto; }
.why-pan-img img {width: 100%; max-width: 350px; height: auto; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.why-pan-content {width: 100%; max-width: 500px; }
.why-pan-main {display: flex; justify-content: center; align-items: center; gap: 46px; flex-wrap: wrap; }
.why-pan-content p {padding: 0 0 0 25px; position: relative; }
.why-pan-content p::before {content: ''; position: absolute; width: 100%; max-width: 10px; height: 10px; background: #9FC755; ; border-radius: 50%; top: 0; bottom: 0; margin: auto; left: 0; }
.why-pan-oceanic-inner-wrapper {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 70px; }
.why-pan-main:nth-child(2n) {flex-direction: row-reverse; }
.why-pan-main:nth-child(2n) p, .why-pan-main:nth-child(2n) h3 {text-align: right; }
.why-pan-main:nth-child(2n) p {padding: 0 25px 0 0; }
.why-pan-main:nth-child(2n) p::before {right: 0; left: auto; }
.why-pan-content h3 {color: #0B4D00; font-weight: 600; margin-bottom: 20px; }
/* contact us */ .contact-us-main-wrapper {padding: 100px 0; }
.contact-us-inner-wrapper h2 {text-align: center; padding: 0 0 30px; }
.contact-us-main-left img {width: 100%; max-width: 300px; height: auto; }
.contact-us-main-left {width: 100%; max-width: 480px; background: #9FC755; padding: 30px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.contact-left-bottom ul li a img {width: 100%; max-width: 20px; height: auto; filter: invert(19%) sepia(32%) saturate(3905%) hue-rotate(80deg) brightness(94%) contrast(102%); }
.contact-left-bottom ul li a {display: flex; justify-content: flex-start; align-items: center; gap: 10px; padding: 5px 0; }
.contact-left-bottom ul li {padding: 10px 0; }
.contact-us-main-left span {display: flex; justify-content: center; align-items: center; }
.contact-left-bottom {padding: 28px 0 0 0; }
.contact-top {display: flex; justify-content: center; align-items: stretch; }
.contact-us-main-right {width: 100%; max-width: 480px; padding: 6px 30px 50px 30px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.contact-left-bottom h3 {font-size: 28px; font-weight: 600; margin-bottom: 20px; color: #0B4D00; }
.contact-left-bottom p {text-align: left; color: #fff; }
.contact-left-bottom ul li a span {color: #fff; }
.contact-left-bottom ul li:hover a span {color: #FFDC09; }
.contact-left-bottom ul li:hover a img {filter: invert(100%) sepia(0%) saturate(3126%) hue-rotate(25deg) brightness(113%) contrast(101%); }
.practices-for-sustainable-main {display: flex; display: flex; justify-content: center; align-items: center; }
.practices-for-sustainable-content {width: 100%; max-width: 700px; padding: 20px 100px; background: #03653621; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }
.practices-for-sustainable-content {width: 100%; max-width: 700px; padding: 50px 100px; background: #036536; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; position: relative; z-index: 1; transform: translateX(-65px); border: 1px solid #036536; }
.practices-for-sustainable-content h2, .practices-for-sustainable-content p {color: #fff; position: relative; }
.practices-for-sustainable-content p {padding: 0 0 0 20px; margin: 10px 0 0 0; }
.practices-for-sustainable-content p:before {content: ''; position: absolute; width: 100%; max-width: 10px; height: 10px; background: #fff; top: 9px; left: 0; border-radius: 50%; }
/* Form */ .index-form {display: flex; justify-content: flex-start; align-items: center; gap: 20px; flex-wrap: wrap; width: 100%; max-width: 1200px; margin: auto; padding: 20px 0 0; }
.input-wrapper {position: relative; width: 100%; padding: 0 0 34px 0; }
.index-form.in-p label {color: #fff !important; }
.index-form.in-p input, .index-form.in-p textarea {color: #fff !important; }
/* Form */ /* Lable Animation */ .user-box input, .user-box-readonly input, .user-box select {width: 100%; padding: 10px 0 10px 20px; font-size: 18px; border: 1px solid; background: transparent; position: relative; color: #100505; bottom: -43px; }
.user-box textarea {width: 100%; padding: 20px; font-size: 18px; border: 1px solid; outline: none; background: transparent; position: relative; color: #0b0606; top: 43px; }
.user-box label, .user-box-readonly label {position: absolute; top: 0; left: 15px; padding: 20px 0; font-size: 16px; color: #131313; pointer-events: none; transition: .5s; }
.user-box-readonly label {top: -15px; }
.banner-details-right .user-box-readonly label {color: var(--blue); top: -15px; }
.user-box-readonly select {padding: 20px 0 10px; }
input:-webkit-autofill {-webkit-box-shadow: 0 0 0px 1000px transparent inset !important; transition: background-color 5000s ease-in-out 0s; /* Ensure background transition overrides autofill */ background-clip: content-box !important; /* Keeps styling consistent */}
/* input:-webkit-autofill {-webkit-text-fill-color: #fff !important; }
*/ form.index-page input:-webkit-autofill {-webkit-text-fill-color: #131313 !important; }
.input-color input:-webkit-autofill {-webkit-text-fill-color: #131313 !important; }
/* Lable Animation */ .contact-us-main-right .common-btn {max-width: 174px; padding: 15px 0; margin: 30px 0 0 0; }
.contact-us-main-right .common-btn button {font-size: 20px; color: #fff; }
/* location */ .our-location-main-wrapper {padding: 0 0 100px; }
.our-location-inner-wrapper h2 {text-align: center; padding: 0 0 30px 0; }
.our-location-inner-wrapper {width: 100%; max-width: 1160px; margin: auto; }
/* error page */ .error-page-inner-wrapper {padding: 100px 0 100px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.error-page-inner-wrapper .common-btn {max-width: 155px; }
.error-page-inner-wrapper p {text-align: center; }
/* Sitemap */ .inner-sitemap-wrapper {padding: 60px 20px; }
.inner-sitemap-wrapper h2 {text-align: center; color: #0B4D00; font-weight: 600; margin: 0 0 40px; }
.sitemap-content {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 34px 232px; }
.sitemap-content .sitemap-component {width: 100%; max-width: fit-content; transition: all 0.4s; }
.sitemap-content .sitemap-component:hover {transform: translateY(-10px); }
.sitemap-content .sitemap-component a:hover {color: #026738; }
.sitemap-component a {color: #f7bf00; padding: 10px 10px; text-transform: uppercase; display: flex; justify-content: flex-start; align-items: center; gap: 20px; font-weight: 600; }
.sitemap-component a img {width: 100%; max-width: 50px; filter: invert(85%) sepia(15%) saturate(1465%) hue-rotate(30deg) brightness(89%) contrast(83%); }
.sitemap-component a:not(:first-child) {padding-left: 80px; }
/* sitemap */ /* our journey */ .global-leaders-main-wrapper {padding: 100px 0; }
.global-leaders-left {width: 100%; max-width: 430px; top: 100px; position: sticky; }
.global-leaders-left img {width: 100%; max-width: 430px; height: auto; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 20px; }
.global-leaders-right {width: 100%; max-width: 800px; }
.global-leaders-right p {text-align: left; }
.global-leaders-inner-wrapper {display: flex; justify-content: center; align-items: flex-start; gap: 60px; }
/* vision Mission */ .vision-mission-main-wrapper {position: relative; background: url(../images/banners/our-journey.webp)no-repeat center center/cover; width: 100%; height: 100%; margin: 0 0 100px; }
.vision-mission-main-wrapper::before {position: absolute; content: ''; background: #002d19; width: 100%; height: 100%; top: 0; left: 0; opacity: 0.9; }
.vision-icon img {width: 100%; max-width: 80px; height: auto; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); }
.vision-icon {width: 100%; max-width: 120px; height: 120px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: linear-gradient(135deg, #96C73A, #456A08); box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; animation: iconFloat 3s ease-in-out infinite; transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }
@keyframes iconFloat {  0%, 100% {transform: translateY(0px); }
  50% {transform: translateY(-12px); }
}
@media (min-width: 769px) {  .vision-icon:hover {transform: scale(1.12) translateY(-12px); box-shadow: rgba(150, 199, 58, 0.4) 0px 15px 35px, rgba(247, 191, 0, 0.3) 0px 0px 25px; background: linear-gradient(135deg, #b8e01e, #5a7c15); }
}
.vision-mission-inner-wrapper {flex-wrap: wrap; position: relative; padding: 90px 0 85px; display: flex; justify-content: center; align-items: start; gap: 130px; }
.vision-mission {width: 100%; max-width: 580px; display: flex; flex-direction: column; justify-content: center; align-items: center; animation: fadeInUp 0.8s ease-out; }
.vision-mission:nth-child(2) {animation-delay: 0.2s; }
@keyframes fadeInUp {  from {opacity: 0; transform: translateY(30px); }
  to {opacity: 1; transform: translateY(0); }
}
@media (min-width: 769px) {  .vision-mission {transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }
  .vision-mission:hover {transform: translateY(-10px); }
  .vision-mission:hover h3 {color: #ffffff; text-shadow: 0 0 20px rgba(247, 191, 0, 0.5); }
  .vision-mission:hover p {color: #ffffff; }
}
.vision-mission h3 {color: #f7bf00; font-weight: 600; padding: 15px 0 0; transition: all 0.4s ease-out; }
.vision-mission p {color: rgb(218, 213, 213); text-align: center; transition: all 0.4s ease-out; }
.core-values-types h3 {color: #436504; font-weight: 600; }
.our-core-values-main-wrapper {padding: 0 0 100px; }
.our-core-values-main-wrapper h2 {text-align: center; }
.core-values-types {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; width: 100%; max-width: 900px; border: 2px solid #9FC755; padding: 30px 30px 30px 85px; border-radius: 20px; }
.our-core-values-icon img {width: 100%; max-width: 80px; height: auto; filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%); }
.our-core-values-both {display: flex; justify-content: flex-start; align-items: center; }
.our-core-values-both:nth-child(2n) .core-values-types {padding: 30px 85px 30px 30px; }
.our-core-values-inner-wrapper {display: flex; flex-direction: column; justify-content: flex-start; align-items: flex-start; gap: 50px; }
.our-core-values-both:nth-child(2n) {margin-left: auto; }
.our-core-values-icon {width: 100%; max-width: 120px; height: 120px; border-radius: 50%; background: linear-gradient(135deg, #96C73A, #456A08); box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; display: flex; justify-content: center; align-items: center; position: relative; left: 62px; }
.our-core-values-both:nth-child(2n) .our-core-values-icon {left: -62px; }
/* why pan */ .why-pan-main-wrapper {padding: 100px 0; }
.why-pan-left {width: 100%; max-width: 350px; }
.why-pan-left img {width: 100%; max-width: 350px; height: auto; }
.why-pan-right {width: 100%; max-width: 660px; }
.why-pan-inner-wrapper {display: flex; justify-content: center; align-items: center; gap: 30px; flex-wrap: wrap; }
.why-pan-right p {text-align: left; }
/* Keyframe animations */ @keyframes fadeInScale {  from {opacity: 0; transform: scale(0.8); }
  to {opacity: 1; transform: scale(1); }
}
@keyframes floatAnimation {  0%, 100% {transform: translateY(0px); }
  50% {transform: translateY(-10px); }
}
@keyframes glowEffect {  0% {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
  50% {box-shadow: rgba(4, 113, 50, 0.4) 0px 8px 25px, rgba(247, 191, 0, 0.3) 0px 0px 20px; }
  100% {box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px; }
}
@keyframes circleToSquare {  0% {border-radius: 50%; }
  50% {border-radius: 0%; }
  100% {border-radius: 50%; }
}
.palnt-info {width: 100%; max-width: 400px; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 38px; animation: fadeInScale 0.8s ease-out forwards; opacity: 0; }
.palnt-info:nth-child(1) {animation-delay: 0.1s; }
.palnt-info:nth-child(2) {animation-delay: 0.2s; }
.palnt-info:nth-child(3) {animation-delay: 0.3s; }
.palnt-info:nth-child(4) {animation-delay: 0.4s; }
.palnt-info:nth-child(5) {animation-delay: 0.5s; }
.palnt-info:nth-child(6) {animation-delay: 0.6s; }
.palnt-info:nth-child(7) {animation-delay: 0.7s; }
.palnt-info:nth-child(8) {animation-delay: 0.8s; }
.plant-content h2, .plant-content p {text-align: center; color: #047132; font-weight: 700; }
.plant-types-main {display: flex; flex-wrap: wrap; justify-content: center; align-items: start; gap: 40px; }
.palnt-info img {width: 100%; max-width: 300px; aspect-ratio: 1 / 1; height: auto; object-fit: cover; border-radius: 20px; border: 1px solid #f7bf00; box-shadow: rgba(0, 0, 0, 0.25) 0px 5px 15px; transition: transform 0.5s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.5s ease-out, filter 0.5s ease-out, border-radius 0.5s ease-out; }
.palnt-info img:hover {transform: scale(1.1) translateY(-15px); box-shadow: rgba(4, 113, 50, 0.5) 0px 15px 35px, rgba(247, 191, 0, 0.4) 0px 0px 25px; filter: brightness(1.05); border-radius: 50%; }
.plant-content {position: relative; }
.plant-content::before {content: ''; position: absolute; width: 100%; max-width: 4px; height: 20px; background: #063500; top: -26px; left: 0; right: 0; margin: auto; }
.plant-types-main-wrapper {padding: 100px 0 85px; background: linear-gradient(to bottom, #f7e8be 0%, #fff 10%, #fff 90%, #eee6cf 100%); }
/* certification */ .certifications-main-wrapper {padding: 100px 0; }
.certifications-inner-wrapper {display: flex; justify-content: center; align-items: center; gap: 30px; }
.certification-left {width: 100%; max-width: 400px; }
.certification-left {width: 100%; max-width: 400px; height: auto; }
.certification-right {width: 100%; max-width: 600px; }
.certification-right p {text-align: left; }
.certification-bottom {padding: 30px 0 0 0; display: flex; justify-content: space-around; align-items: stretch; }
.practices-for-sustainable {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 80px; padding: 40px 0 0 0; }
.practices-for-sustainable-main:nth-child(2n) {flex-direction: row-reverse; }
.practices-for-sustainable-main:nth-child(2n) .practices-for-sustainable-content {transform: translateX(65px); }
.practices-for-sustainable-content h2 {
	color: #d3f534;
}
/* phytosanitary */ .phytosanitary-main-wrapper {margin: 0 0 100px; background: #fbefcfd4; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.phytosanitary-left {width: 100%; max-width: 400px; }
.phytosanitary-left img {width: 100%; max-width: 400px; height: auto; position: relative; bottom: -4px; }
.phytosanitary-right {width: 100%; max-width: 685px; }
.phytosanitary-inner-wrapper {display: flex; justify-content: center; align-items: center; gap: 30px; }
/* why certification */ /* .why-certification-main-wrapper {padding: 0 0 100px; }
*/ .why-certification-inner-wrapper h2, .why-certification-inner-wrapper p {text-align: center; width: 100%; max-width: 1200px; margin: auto; padding: 0 0 30px; }
.why-certification-types {width: 100%; max-width: 460px; }
.why-certification-types img {width: 100%; max-width: 460px; height: auto; }
.why-certification-types img {width: 100%; max-width: 400px; height: auto; }
.why-certification-content p {text-align: left; padding: 10px 0 5px 35px; position: relative; }
.why-certification-types {width: 100%; max-width: 500px; object-fit: cover; display: flex; justify-content: center; align-items: stretch; }
.why-certification-types img {width: 100%; max-width: 500px; height: auto; object-fit: revert; border-top-left-radius: 10px; border-bottom-left-radius: 10px}
.why-certification-content {width: 100%; max-width: 700px; padding: 45px; }
.why-certification-main {display: flex; justify-content: center; align-items: stretch; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; width: 100%; max-width: 1150px; margin: 0 auto 100px; border-radius: 10px; }
.why-certification-content p {text-align: left; padding: 10px 0 0 10px; position: relative; }
.certification-icon {width: 100%; max-width: 45px; height: 45px; border-radius: 50%; background: #78b85d; display: flex; justify-content: center; align-items: center; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.certification-icon img {width: 100%; max-width: 30px; height: 30px; filter: invert(98%) sepia(0%) saturate(2802%) hue-rotate(190deg) brightness(113%) contrast(100%); }
.certification-main {display: flex; justify-content: flex-start; align-items: center; gap: 10px; }
.practices-for-sustainable-seed-production-inner-wrapper h2 {text-align: center; padding: 0 0 20px; }
.practices-for-sustainable-main img {width: 100%; max-width: 600px; height: auto; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border: 1px solid #0b9251; }
/* Style for Swiper navigation arrows */ .why-certification-main-wrapper .swiper-button-prev, .why-certification-main-wrapper .swiper-button-next {width: 40px; height: 40px; border-radius: 50%; background: #046837; color: #fff; display: flex; justify-content: center; align-items: center; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; transition: all 0.3s ease; }
/* Change arrow color if needed */ .why-certification-main-wrapper .swiper-button-prev::after, .why-certification-main-wrapper .swiper-button-next::after {font-size: 20px; font-weight: bold; color: #fff; }
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: -1 !important; }
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: -1 !important; }
.ip-protection-inner-wrapper img {width: 100%; max-width: 400px; height: auto; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.ip-protection-right {width: 100%; max-width: 600px; }
.ip-protection-inner-wrapper {display: flex; justify-content: center; align-items: center; gap: 39px; }
.ip-protection-main-wrapper {padding: 100px 0; background: linear-gradient(to bottom, #f7e8be 0%, #fff 50%, #fff 90%, #fff 100%); }
.research-main {display: flex; justify-content: flex-start; align-items: center; gap: 8px; }
/* production */ .production-research-inner-wrapper h2, .production-research-inner-wrapper p {text-align: left; }
.production-research-content {width: 100%; max-width: 650px; }
.production-research-types {display: flex; justify-content: center; align-items: stretch; box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px; }
.production-research-content {width: 100%; max-width: 600px; padding: 25px 45px; background: #00000008; }
.production-research-content p {text-align: left; margin: 0; padding: 12px 0 0 0; }
.production-research-main {padding: 50px 0 0; display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 70px; }
.production-research-types:nth-child(2n) {flex-direction: row-reverse; }
.production-research-types span img {width: 100%; height: auto; max-width: 505px; }
.production-research-types span {display: flex; justify-content: center; align-content: center; position: relative; }
.production-research-types span::before {content: ''; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #026636; opacity: 0.5; }
.production-research-content h3 {color: #eab910; font-weight: 600; }
/* out-team */ .our-team-main-wrapper h2 {text-align: center; }
.our-team-main-wrapper p {padding: 0 0 40px; text-align: center; }
.our-team-main-wrapper {padding: 100px 0; }
.team-main-heading {text-align: center; padding: 20px; border: 1px solid; width: 100%; max-width: 560px; margin: auto; background: linear-gradient(to left, #3D9026, #97C352); color: #fff; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; }
.team-members {padding: 30px 20px 20px; width: 100%; max-width: 846px; margin: 130px auto 0; border: 1px solid #f4e60b; border-radius: 20px; background: linear-gradient(to bottom, #faf6eb 0%, #faf6eb 100%); display: flex; flex-direction: column; justify-content: center; align-items: center; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; position: relative; z-index: 1; }
.team-members h3 {color: #016736; padding: 0 0 10px; }
.team-members::before {content: ''; position: absolute; width: 100%; max-width: 3px; top: -130px; left: 0; right: 0; margin: auto; background: #5eda4d; height: 132px; }
.team-members::after {content: ''; position: absolute; width: 100%; max-width: 20px; top: -11px; left: 0; right: 0; margin: auto; background: #5eda4d; height: 20px; border-radius: 50%; }
.pro-man-features p {position: relative; padding: 0 0 0 20px; }
.pro-man-features p::before {content: ''; position: absolute; width: 10px; height: 10px; border-radius: 50%; background: #016736; top: 10px; margin: auto; left: 0; }
.our-team-inner-wrapper {position: relative; }
.our-team-inner-wrapper::before {content: ''; position: absolute; width: 100%; max-width: 231px; left: -17px; bottom: -105px; background: url(../images/team-1.webp)no-repeat left bottom / contain; height: 100%; }
.our-team-inner-wrapper::after {content: ''; position: absolute; width: 100%; max-width: 231px; right: -17px; bottom: -105px; background: url(../images/team-1.webp)no-repeat right bottom / contain; height: 100%; }
/* why it is needed */ .why-need-main-wrapper h2 {text-align: center; padding: 0 0 20px; }
.why-need-inner-wrapper {display: flex; justify-content: center; align-items: stretch; gap: 50px; padding: 20px 0; }
.need-types {width: 100%; max-width: 350px; padding: 20px 50px; border: 1px solid #75c343; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border-radius: 10px; position: relative; background-color: #ffffff; transition: background 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), border-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), transform 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); }
.need-types:hover {background: linear-gradient(135deg, #0B4D00 0%, #157E05 100%); border-color: #157E05; transform: translateY(-6px); box-shadow: rgba(11, 77, 0, 0.3) 0px 12px 24px, rgba(0, 0, 0, 0.15) 0px 4px 8px; }
.need-types p::before {content: ''; position: absolute; width: 100%; max-width: 20px; height: 20px; border-radius: 50%; background: #10ad1d; top: 0; margin: auto; bottom: 0; right: -61px; transition: background-color 0.4s ease; }
.need-types p::after {content: ''; position: absolute; width: 100%; max-width: 20px; height: 20px; border-radius: 50%; background: #10ad1d; top: 0; margin: auto; bottom: 0; left: -61px; transition: background-color 0.4s ease; }
.need-types p {text-align: center; position: relative; transition: color 0.4s ease; }
.need-types:hover p {color: #ffffff; }
.need-types:hover p::before, .need-types:hover p::after {background: #9FC755; }
.need-types:hover::before {background: #9FC755; }
.need-types:nth-child(1) p::after, .need-types:nth-child(3) p::before {display: none; }
.why-need-main-wrapper {padding: 0 0 80px; }
.why-need-inner-wrapper:last-of-type .need-types:nth-child(2) p::before {display: none; }
.need-types::before {content: ''; position: absolute; width: 100%; max-width: 50px; height: 4px; background: #10ad1d; top: 0; margin: auto; bottom: 0; right: -50px; transition: background-color 0.4s ease; }
.need-types:nth-child(3)::before, .why-need-inner-wrapper:last-of-type .need-types:nth-child(2)::before {display: none; }
/* ip protection seeds */ .protection-for-seeds-main-wrapper h2 {text-align: center; padding: 0 0 40px; }
.protection-seeds-types {width: 100%; max-width: 380px; padding: 30px 35px; border: 1px solid #75c343; border-radius: 14px; background-color: #ffffff; box-shadow: rgba(0, 0, 0, 0.08) 0px 4px 16px; transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1); display: flex; align-items: center; justify-content: center; }
.protection-seeds-types:hover {background: linear-gradient(135deg, #0B4D00 0%, #157E05 100%); border-color: #157E05; transform: translateY(-8px); box-shadow: rgba(11, 77, 0, 0.25) 0px 20px 40px, rgba(0, 0, 0, 0.1) 0px 8px 16px; }
.protection-for-seeds-inner-wrapper {display: flex; justify-content: center; align-items: stretch; gap: 24px; padding: 12px 0; }
.protection-seeds-types p {text-align: center; line-height: 1.6; color: #394133; transition: color 0.4s ease; }
.protection-seeds-types:hover p {color: #ffffff; }
/* trail seed production */ .trail-seed-main-wrapper {padding: 100px 0; }
.trail-seed-inner-wrapper img {width: 100%; max-width: 500px; height: auto; border: 2px solid #e0ce81; border-top-left-radius: 216px; border-bottom-right-radius: 216px; box-shadow: rgba(0, 0, 0, 0.25) 0px 14px 28px, rgba(0, 0, 0, 0.22) 0px 10px 10px; }
.trail-seed-right {width: 100%; max-width: 790px; }
.trail-seed-right p {margin: 15px 0 0 0; }
.trail-seed-right p {text-align: left; position: relative; }
.trail-seed-inner-wrapper {display: flex; justify-content: center; align-items: center; gap: 40px; }
.stages-of-trail-main-wrapper h2 {text-align: center; }
/* .trail-seed-inner-wrapper:nth-child(2) .trail-seed-right p, .trail-seed-inner-wrapper:nth-child(2) .trail-seed-right h2 {text-align: right; }
*/ .trail-seeds-main {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 35px; }
.stages-types {width: 100%; max-width: 650px; padding: 23px 20px; background: #062B00; border-radius: 10px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.stages-types-main {display: flex; justify-content: space-around; align-items: stretch; }
.stages-types-main {display: flex; justify-content: center; align-items: stretch; margin: 20px 0 0 0; gap: 20px; }
.stages-of-trail-main-wrapper {padding: 0 0 100px; }
.stages-types h3 {text-align: center; color: #FEDC08; }
.stages-types p {color: #fff; text-align: center; margin: 10px 0 0; }
.stages-of-trail-inner-wrapper h2 {padding: 0 0 20px; }
/* why trail */ .why-trail-seed-main-wrapper {padding: 0 0 85px; }
.why-trail-seed-main {display: flex; flex-direction: column; justify-content: center; align-items: center; gap: 70px; }
.why-trail-seed-inner-wrapper:nth-child(2n) {flex-direction: row-reverse; }
.why-trail-contant.trail {max-width: 615px !important; }
.why-trail-contant.trail p {background: inherit; border: none; }
.why-trail-contant {/* width: 100%; */ /* max-width: 650px; */ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 5px 30px; }
.why-trail-seed-main-wrapper.contract h2 {text-align: center; padding: 0 0 40px; }
.why-trail-contant p {padding: 15px 12px; position: relative; /* border: 3px solid; */ background: #fff; border-radius: 15px; color: #fff; }
.benefits-icons img {width: 100%; max-width: 52px; height: auto; filter: invert(97%) sepia(42%) saturate(5369%) hue-rotate(180deg) brightness(134%) contrast(97%); }
.benefits-icons {width: 96px; height: 96px; background: linear-gradient(135deg, #a8d14f, #7eae22); border-radius: 28px; display: flex; justify-content: center; align-items: center; box-shadow: 0 12px 24px rgba(80, 120, 16, 0.25); position: absolute; top: -28px; left: 28px; z-index: 2; }
.benefits-inner-wrapper h2 {text-align: center; }
.benefits-intro {max-width: 760px; margin: 16px auto 0; text-align: center; }
.benefits-content {width: 100%; max-width: 100%; border: 1px solid rgba(253, 224, 64, 0.8); border-radius: 28px; box-shadow: 0 18px 40px rgba(38, 52, 18, 0.12); padding: 50px 20px 50px; background: linear-gradient(180deg, #ffffff 0%, #fbfdf7 100%); height: 100%; position: relative; overflow: hidden; }
.benefits-content::before {content: ''; position: absolute; inset: 0 0 auto 0; height: 10px; background: linear-gradient(90deg, #9FC755 0%, #FDE040 100%); }
.seed-man-image-container {position: relative; }
.benefits-content h3, .benefits-content p {text-align: left; }
.benefits-content p {margin: 0; color: #394133; line-height: 1.6; font-size: 17px; }
.benefit-count {display: inline-flex; align-items: center; justify-content: center; min-width: 46px; height: 46px; border-radius: 50%; background: #eff8db; color: #315208; font-weight: 700; font-size: 18px; margin-bottom: 18px; box-shadow: inset 0 0 0 1px rgba(49, 82, 8, 0.1); }
.benefits-main {display: flex !important; flex-direction: column; justify-content: center; align-items: stretch; width: 100%; max-width: 100%; position: relative; height: auto; }
.benefits-swiper {padding: 54px 6px 10px; overflow: hidden; }
.benefits-types {display: flex; align-items: stretch; }
.benefits-main-wrapper {padding: 0 0 60px; background: radial-gradient(circle at top, rgba(159, 199, 85, 0.08), transparent 40%); }
.benefits-swiper .swiper-wrapper {align-items: stretch; }
.benefits-swiper .swiper-slide {height: auto; display: flex; box-sizing: border-box; }
.benefits-swiper-controls {display: flex; justify-content: center; align-items: center; padding-top: 26px; }
.benefits-swiper-controls .swiper-pagination {position: relative; bottom: auto; width: auto; }
.benefits-swiper .swiper-pagination-bullet {width: 12px !important; height: 12px !important; border-radius: 50%; background: #c7d8a5 !important; opacity: 1; }
.benefits-swiper .swiper-pagination-bullet-active {background: #0b4d00 !important; border: none; }
.why-trail-contant h4 {padding: 20px 0 0 0; font-size: 20px; font-weight: 500; }
.why-trail-seed-main-wrapper.contract {padding: 100px 0; background: linear-gradient(to bottom, #fbf1d4, #fff); }
.why-trail-seed-inner-wrapper span {display: flex; justify-content: center; align-items: center; position: relative; width: 100%; max-width: 500px; }
.why-trail-seed-inner-wrapper span img {/* max-width: 540px; */ height: auto; border-radius: 20px; position: relative; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; width: 100%; }
.why-trail-seed-inner-wrapper span::before {width: 100%; height: 100%; content: ''; position: absolute; top: 10px; left: 10px; border: 1px solid #0da716; border-radius: 20px; }
.benefits-content h3 {color: #3c5708; font-weight: 600; padding: 0 0 18px; font-size: 21px; }
.why-trail-seed-inner-wrapper {display: flex; justify-content: center; align-items: center; flex-direction: row-reverse; gap: 80px; }
/* contract seed */ .seed-quality-per-main span {display: flex; justify-content: center; align-items: center; width: 100%; max-width: 110px; border-radius: 50%; height: 110px; color: #fff; font-size: 23px; font-weight: 500; background: linear-gradient(90deg, #77c81b, #5fa315); border: 1px solid #fff; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; text-align: center; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.seed-quality-per-main {width: 100%; max-width: 201px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.range-content h3 {font-weight: 600; width: 100%; max-width: 120px; height: 120px; border-radius: 50%; background: linear-gradient(90deg, #77c81b, #5fa315); border: 1px solid #fff; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 30px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.seed-quality-per-main p {font-size: 24px; color: #fff; }
.seed-quality-std-main-wrapper h2 {text-align: center; padding: 0 0 40px; }
.seed-quality-std-main-wrapper {padding: 50px 0; margin: 0 0 100px; background: linear-gradient(#042011, #0b6f3a); box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.seed-quality-std-main-wrapper h2 {text-align: center; padding: 0 0 40px; color: #F3D30E; position: relative; }
.range-content p {color: #fff; font-size: 22px; font-weight: 600; }
.range-content {width: 100%; max-width: 200px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.range-inner-wrapper {display: flex; justify-content: space-evenly; align-items: center; flex-wrap: wrap; }
.trail-seed-inner-wrapper span {display: flex; justify-content: center; align-items: center; width: 100%; max-width: 500px; position: relative; }
/* trail */ .why-trail-seed-main-wrapper.trail .why-trail-seed-inner-wrapper {flex-direction: initial; }
.why-trail-seed-main-wrapper.trail .why-trail-seed-inner-wrapper img {width: 100%; max-width: 450px; height: 395px; border-top-left-radius: 200px; border-bottom-right-radius: 200px; }
.why-trail-seed-main-wrapper.trail .trail-main-types h3 {padding: 22px 0 0; color: #062b00; font-weight: 600; font-size: 21px; }
.why-trail-seed-main-wrapper.trail .why-trail-contant p {margin: 5px 0 0 0; }
.why-trail-seed-main-wrapper.trail .why-trail-contant p::before {display: none; }
.why-trail-seed-main-wrapper.trail .why-trail-contant p {padding: 0; color: #0000008f; }
.why-trail-seed-main-wrapper.trail .why-trail-seed-inner-wrapper:nth-child(2) {flex-direction: row-reverse !important; }
.why-trail-seed-main-wrapper.trail .why-trail-seed-inner-wrapper {align-items: start; }
.why-trail-seed-main-wrapper.trail .why-trail-seed-inner-wrapper img {position: sticky !important; top: 35px; box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px; }
.production-research-types:nth-child(1n) .production-research-content h3 {text-align: left; }
.production-research-types:nth-child(1n) .production-research-content p {text-align: left; }
/* production */ .production-research-main-wrapper.production {padding: 100px 0; }
.pro-man-features p {text-align: left; }
.our-core-values-cards-wrapper {padding-top: 120px; display: flex; justify-content: center; align-items: stretch; gap: 120px 60px; }
.our-core-values-card {width: 100%; max-width: 380px; background: #F9F9F9; padding: 10px 20px; border-radius: 15px; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border: solid 1px var(--yellow); cursor: pointer; }
@media (min-width: 769px) {  .our-core-values-card {transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }
  .our-core-values-card:hover {transform: translateY(-15px) scale(1.05); box-shadow: rgba(4, 113, 50, 0.3) 0px 15px 35px, rgba(247, 191, 0, 0.2) 0px 0px 20px; border-color: #047132; }
}
.our-core-values-cards-wrapper .our-core-values-card:nth-child(2) {transform: translateY(-40px); }
.our-core-values-card-img {position: relative}
.our-core-values-card-img span {width: 120px; height: 120px; background: linear-gradient(135deg, #96C73A, #456A08); display: flex; justify-content: center; align-items: center; border-radius: 100%; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; border: solid 1px var(--yellow); position: absolute; left: 0; right: 0; margin: 0 auto; top: -76px; font-size: 45px; color: #fff; font-weight: 800; }
@media (min-width: 769px) {  .our-core-values-card-img span {transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }
  .our-core-values-card:hover .our-core-values-card-img span {transform: scale(1.15) rotateZ(10deg); box-shadow: rgba(4, 113, 50, 0.5) 0px 10px 25px, rgba(247, 191, 0, 0.3) 0px 0px 15px; background: linear-gradient(135deg, #004d2e 0%, #003d24 50%, #004d2e 100%); }
}
.our-core-values-card-img span img {width: 100%; max-width: 60px; filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(783%) hue-rotate(253deg) brightness(114%) contrast(100%); }
.our-core-values-card-content {margin: 60px 0 0; }
@media (min-width: 769px) {  .our-core-values-card-content {transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }
  .our-core-values-card:hover .our-core-values-card-content h3 {color: #047132; }
  .our-core-values-card:hover .our-core-values-card-content p {color: #047132; }
}
.our-core-values-card-content h3 {text-align: center; font-size: 24px; }
.our-core-values-card-content p {text-align: center; margin: 8px 0 15px; }
.swiper-button-prev img, .swiper-button-next img {filter: invert(100%) sepia(0%) saturate(7500%) hue-rotate(59deg) brightness(112%) contrast(109%); }
.plant-content h2 {font-size: 28px; }
.trail-seed-right h3 {font-size: 20px; line-height: 1.4; font-weight: 600; }
.trail-seed-inner-wrapper-main .trail-seed-right p {padding: 0 0 0 22px; position: relative; }
.trail-seed-inner-wrapper-main .trail-seed-right p::before {content: ''; position: absolute; width: 10px; height: 10px; background: #006634; top: 10px; left: 0; border-radius: 50%; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
.trail-seed-inner-wrapper-main {padding: 50px 0 0 0; }
.trail-seed-inner-wrapper-main h2 {text-align: center; padding: 0 0 50px; }
/* .footer-links-main:first-of-type {max-width: 500px; }
*/ .production-research-inner-wrapper p {width: 1005; max-width: 1000px; margin: auto; padding: 15px 0 0 0; }
.protection-for-seeds-main-wrapper {padding: 0 0 100px; }
.production-research-main-wrapper.production .production-research-inner-wrapper h2, .production-research-inner-wrapper p {text-align: center; }
.production-research-main-wrapper {padding: 70px 0 100px; }
.services-circle-main-wrapper {padding: 100px 0; }
.benefits-swiper {margin: 50px 0 0; }
.about-seed-inner-wrapper {display: flex; flex-direction: column; justify-content: center; gap: 80px; }
/* seed multiplication & contract production */ .about-seed-main-wrapper {padding: 100px 0; background: #c9c5c559; margin: 0 0 100px; }
.about-seed-container .about-seed-main-wrapper:nth-child(2n+1) {background: #fff; padding: 0; }
.about-seed-container .about-seed-main-wrapper:last-child {background: #061702; padding: 100px 0 100px; margin: 0; }
.about-seed-container .about-seed-main-wrapper:last-child h2 {color: #15a409; padding: 0 0 20px; }
.about-seed-container .about-seed-main-wrapper:last-child p {color: #fff; }
.about-seed-main-wrapper h2, .about-seed-main-wrapper p {text-align: center; }
.seed-man-left {display: flex; justify-content: center; align-items: center; gap: 100px; padding: 30px 0 0 0; }
.seed-man-left h2 {color: #0b4d00; margin-bottom: 10px; font-weight: 600; text-align: center; }
.seed-man-left p {text-align: center; margin-bottom: 28px; margin-top: 0; }
.seed-man-list {display: flex; flex-direction: column; gap: 15px; flex-wrap: wrap; justify-content: center; width: 100%; max-width: 510px; }
.seed-man-item {display: flex; align-items: center; gap: 15px; background: #fff; padding: 12px 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); border-left: 4px solid #9fc755; transition: all 0.3s ease; width: 100%; max-width: 500px; }
/* .seed-man-item {display: flex; align-items: center; gap: 15px; background: #fff; padding: 12px 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.05); border-left: 4px solid #9fc755; transition: all 0.3s ease; }
*/ .seed-man-item:hover {transform: translateX(10px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); }
.seed-man-item img {width: 24px; height: 24px; filter: invert(19%) sepia(32%) saturate(3905%) hue-rotate(80deg) brightness(94%) contrast(102%); }
.seed-man-item p {margin: 0; font-size: 16px; color: #333; line-height: 1.4; text-align: left; font-weight: 600; }
.seed-man-image-container {width: 100%; max-width: 400px; }
.seed-man-inner-wrapper:nth-child(2n) {flex-direction: row-reverse; }
.seed-man-image-container img {width: 100%; height: auto; border-radius: 30px; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.15); position: relative; z-index: 1; box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px; }
/* .contract-seed-production-page .benefits-content, .contract-seed-production-page .seed-man-item, .contract-seed-production-page .trail-seed-right, .contract-seed-production-page .why-trail-contant p, .contract-seed-production-page .seed-man-image-container, .contract-seed-production-page .trail-seed-inner-wrapper > img {position: relative; overflow: hidden; }
*/ /* .contract-seed-production-page .benefits-content, .contract-seed-production-page .seed-man-item, .contract-seed-production-page .trail-seed-right, .contract-seed-production-page .seed-man-image-container {border: 1px solid rgba(247, 206, 38, 0.7); border-radius: 28px; background: #fff; }
*/ .contract-seed-production-page .why-trail-contant p::after {content: ''; position: absolute; inset: 0 0 auto 0; height: 8px; background: linear-gradient(90deg, #9fc755 0%, #fde040 100%); border-top-left-radius: 37px; border-top-right-radius: 37px; }
/* .contract-seed-production-page .benefits-content::before, .contract-seed-production-page .seed-man-item::before, .contract-seed-production-page .trail-seed-right::before, .contract-seed-production-page .seed-man-image-container::before {content: ''; position: absolute; inset: 0 0 auto 0; height: 8px; background: linear-gradient(90deg, #9fc755 0%, #fde040 100%); }
*/ .contract-seed-production-page .benefits-content {border-radius: 30px; }
.contract-seed-production-page .trail-seed-right {padding: 28px 32px; }
.contract-seed-production-page .why-trail-contant p {padding: 24px 12px 21px 12px; margin: 0 0 18px; box-shadow: 0 12px 26px rgba(11, 77, 0, 0.06); color: #006736; font-weight: 500; }
.contract-seed-production-page .why-trail-contant p::before {left: 28px; top: 31px; }
.contract-seed-production-page .seed-man-image-container {border-radius: 32px; padding-top: 8px; box-shadow: 0 14px 34px rgba(11, 77, 0, 0.08); }
.contract-seed-production-page .seed-man-image-container img, .contract-seed-production-page .contract-image-frame img {display: block; width: 100%; height: auto; border: 0; border-radius: 30px; background: #fff; box-shadow: none; position: relative; }
.contract-seed-production-page .contract-image-frame {width: 100%; max-width: 500px; display: block; position: relative; overflow: hidden; border: 1px solid rgba(247, 206, 38, 0.7); border-radius: 32px; background: #fff; box-shadow: 0 14px 34px rgba(11, 77, 0, 0.08); padding-top: 8px; }
.contract-seed-production-page .contract-image-frame::before {content: ''; position: absolute; inset: 0 0 auto 0; height: 9px; background: linear-gradient(90deg, #78ae15 0%, #ffd909 100%); z-index: 2; }
.contract-seed-production-page .contract-image-frame img {max-width: 100%; border-radius: 14px; }
.trail-seed-inner-wrapper span::before {content: ''; position: absolute; inset: 0 0 auto 0; height: 8px; background: linear-gradient(90deg, #9fc755 0%, #fde040 100%); border-top-left-radius: 37px; border-top-right-radius: 37px; z-index: 1; top: 1px; width: 100%; max-width: 97%; margin: auto; }
/* Building Seed Performance Section */ .building-seed-performance-main-wrapper {padding: 100px 0; background: linear-gradient(180deg, #ffffff 0%, #d5d9c6a8 100%); position: relative; }
.performance-intro {max-width: 1000px; margin: 0 auto 50px; text-align: center; }
.performance-intro .common-heading {justify-content: center; margin-bottom: 10px; }
.performance-intro .common-heading-left h2 {font-size: 38px; color: #0b4d00; font-weight: 800; line-height: 1.2; letter-spacing: -0.5px; }
.performance-intro .intro-text {color: #555; line-height: 1.8; text-align: center; max-width: 970px; margin: 0 auto; }
.performance-grid {display: flex; gap: 30px; justify-content: center; align-items: stretch; margin-top: 50px; }
.performance-card {background: #ffffff; padding: 45px 35px; border-radius: 30px; box-shadow: 0 20px 50px rgba(0, 0, 0, 0.03); display: flex; flex-direction: column; gap: 30px; transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); border: 1px solid rgba(159, 199, 85, 0.1); width: 100%; max-width: 600px; position: relative; overflow: hidden; }
.performance-card::before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 6px; background: #9FC755; opacity: 0; transition: opacity 0.3s ease; }
.performance-card:hover {transform: translateY(-12px); box-shadow: 0 30px 70px rgba(159, 199, 85, 0.15); border-color: rgba(159, 199, 85, 0.3); }
.performance-card:hover::before {opacity: 1; }
.performance-card .card-icon {width: 80px; height: 80px; background: #f9fbf2; border-radius: 20px; display: flex; align-items: center; justify-content: center; padding: 18px; transition: all 0.4s ease; }
.performance-card:hover .card-icon {background: #9FC755; transform: scale(1.1) rotate(-3deg); }
.performance-card:hover .card-icon img {filter: brightness(0) invert(1); }
.performance-card h3 {/* font-size: 26px; */ color: #0b4d00; margin: 0; font-weight: 700; padding: 0 0 10px; }
.performance-card p {font-size: 17px; color: #666; margin: 0; text-align: left; line-height: 1.7; }
/* Producibility Trials Section Redesign */ /* Producibility Trials Section Redesign */ .producibility-trials-main-wrapper {padding: 100px 0; background: #ffffff; }
.producibility-trials-content {max-width: 1100px; margin: 0 auto; }
.producibility-trials-content .common-heading {justify-content: center; }
.producibility-trials-content>p {color: #555; line-height: 1.8; text-align: center; }
.trials-focus-area {
	background: rgba(159, 199, 85, 0.03);
	padding: 40px 50px;
	border-radius: 40px;
	border: 1px solid rgba(159, 199, 85, 0.15);
	margin-bottom: 50px;
	margin-top: 30px;
}
.trials-focus-area h3 {font-size: 24px; color: #0b4d00; margin-bottom: 40px; font-weight: 800; text-align: center; }
.focus-grid {display: flex; flex-wrap: wrap; gap: 30px; }
.focus-card {flex: 1 1 calc(50% - 30px); background: #fff; padding: 30px; border-radius: 25px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.03); display: flex; gap: 20px; align-items: flex-start; transition: all 0.4s ease; border: 1px solid rgba(159, 199, 85, 0.1); }
.focus-card:hover {transform: translateY(-8px); box-shadow: 0 20px 50px rgba(159, 199, 85, 0.12); border-color: rgba(159, 199, 85, 0.4); }
.focus-card .focus-icon {width: 36px; height: 36px; min-width: 36px; background: rgba(159, 199, 85, 0.1); border-radius: 10px; display: flex; align-items: center; justify-content: center; padding: 8px; }
.focus-card p {margin: 0 !important; line-height: 1.6; color: #444; text-align: left; font-size: 17px; }
.foundation-text {font-size: 19px; color: #0b4d00; font-weight: 700; background: linear-gradient(90deg, rgba(159, 199, 85, 0.1) 0%, transparent 100%); padding: 25px 40px; border-left: 6px solid #9FC755; border-radius: 0 20px 20px 0; text-align: center; max-width: 900px; margin: 0 auto; }
/* Flowering Synchrony Section - Modern Overlap Design */ .flowering-main-wrapper {padding: 100px 0; background: #fdfdfd; position: relative; overflow: hidden; }
/* Decorative background circle */ .flowering-main-wrapper::before {content: ''; position: absolute; top: -10%; right: -5%; width: 600px; height: 600px; background: rgba(159, 199, 85, 0.15); border-radius: 50%; filter: blur(80px); z-index: 0; }
.flowering-flex-container {display: flex; align-items: center; position: relative; z-index: 1; /* margin: auto; */ /* width: 100%; */ /* max-width: 1350px; */ /* margin: auto; */ display: flex; justify-content: center; }
.flowering-content {/* flex: 0 0 55%; */ background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(16px); -webkit-backdrop-filter: blur(16px); padding: 60px; border-radius: 40px; box-shadow: 0 30px 80px rgba(0, 0, 0, 0.06); border: 1px solid rgba(255, 255, 255, 0.5); border-left: 6px solid #9FC755; z-index: 2; margin-right: -4%; position: relative; }
.flowering-content p {color: #555; line-height: 1.8; margin-bottom: 25px; text-align: left; }
.flowering-content p:last-child {margin-bottom: 0; }
.flowering-image {flex: 0 0 55%; width: 100%; border-radius: 30px 30px 30px 30px; box-shadow: 0 25px 60px rgba(0, 0, 0, 0.1); /* object-fit: cover; */ /* aspect-ratio: 4/3; */ z-index: 1; max-width: 490px; }
.flowering-main-wrapper .fluid-container {display: flex; flex-direction: column; justify-content: center; align-items: stretch; gap: 100px; }
.foundation-text.last {margin: 0 auto 100px; padding: 60px 0; }
.foundation-text.last h2 {font-weight: 600; color: #699f26; padding: 0 0 20px; }
.foundation-text.last p {text-align: center; font-size: 20px; margin: 0; color: #0b472ad4; }
/* Seed Vigour & Purity Sections Overrides */ .vigour-main-wrapper, .purity-main-wrapper {padding: 100px 0; position: relative; overflow: hidden; }
.vigour-main-wrapper {background: #ffffff; }
.purity-main-wrapper {background: #f9fbf2; }
.purity-content {margin-right: 0; margin-left: -4%; border-left: none; border-right: 6px solid #9FC755; }
.purity-image {border-radius: 100px 30px 30px 30px; }
.modern-list {list-style: none; padding: 0; margin: 0 0 25px 0; }
.modern-list li {font-size: 17px; color: #444; line-height: 1.7; margin-bottom: 15px; position: relative; padding-left: 30px; }
.modern-list li::before {content: ''; position: absolute; left: 0; top: 8px; width: 12px; height: 12px; background: #9FC755; border-radius: 50%; box-shadow: 0 2px 5px rgba(159, 199, 85, 0.4); }
.towards-sustainable-seed-production-main-wrapper {padding: 100px 0; background: #9fc75529; }
.towards-sustainable-seed-production-main-wrapper p {color: #0e3209; font-size: 18px; width: 100%; max-width: 885px; margin: 0; padding: 10px 0 0 0; font-weight: 600; }
.towards-sustainable-seed-production-main-wrapper h2 {color: #6ca524; }
.towards-sustainable-seed-production-content {width: 100%; max-width: 895px; }
.towards-sustainable-seed-production-inner-wrapper .common-btn {padding: 8px 12px; background: #173712; }
.towards-sustainable-seed-production-inner-wrapper {display: flex; justify-content: center; align-items: center; gap: 60px; }
/* Modern 3-Column Card Layout */ .modern-accordion-container {display: flex; gap: 30px; height: auto; width: 100%; justify-content: center; align-items: stretch; }
.accordion-card {position: relative; border-radius: 30px; background: #ffffff; border: 1px solid rgba(159, 199, 85, 0.2); box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05); overflow: hidden; cursor: pointer; transition: all 0.4s ease; flex: 1; /* Make all 3 boxes equal width */ display: flex; flex-direction: column; }
.modern-accordion-container:hover .accordion-card {flex: 1; /* keep them equal */}
.modern-accordion-container .accordion-card:hover {flex: 1; background: linear-gradient(135deg, #fdfdfd 0%, #f4f7ed 100%); box-shadow: 0 25px 60px rgba(159, 199, 85, 0.15); border-color: rgba(159, 199, 85, 0.5); transform: translateY(-10px); }
.accordion-inner {padding: 40px; display: flex; flex-direction: column; height: 100%; }
.accordion-icon-box {width: 70px; height: 70px; background: #f9fbf2; border: 2px solid #9FC755; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.4s ease; box-shadow: 0 10px 20px rgba(159, 199, 85, 0.15); margin-bottom: 30px; }
.accordion-card:hover .accordion-icon-box {background: #9FC755; transform: scale(1.1); }
.accordion-icon-box img {width: 35px; transition: all 0.4s ease; filter: invert(34%) sepia(87%) saturate(541%) hue-rotate(69deg) brightness(91%) contrast(93%); }
.accordion-card:hover .accordion-icon-box img {filter: brightness(0) invert(1); }
.accordion-title-collapsed {display: none; }
.accordion-content {opacity: 1; visibility: visible; transform: none; width: 100%; position: relative; bottom: auto; left: auto; }
.accordion-content h3 {color: #0b4d00; margin-bottom: 20px; font-weight: 800; line-height: 1.3; }
.accordion-content p {font-size: 16px; color: #555; line-height: 1.8; margin: 0; }
/* Remove default active overrides */ .modern-accordion-container:not(:hover) .accordion-card.active {flex: 1; background: #ffffff; box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05); border-color: rgba(159, 199, 85, 0.2); }
.accordion-content h3 {margin-bottom: 10px; }


gallery .gallery-main-wrapper {padding: 80px 0 100px; background: #01191f; position: relative; overflow: hidden; border-top: 1px solid rgba(64, 208, 185, 0.05); }
.gallery-main-wrapper::before {content: ''; position: absolute; inset: 0; background-image: radial-gradient(circle at 10% 20%, rgba(64, 208, 185, 0.05) 0%, transparent 40%), radial-gradient(circle at 90% 80%, rgba(35, 182, 213, 0.05) 0%, transparent 40%); z-index: 0; }
.gallery-header {text-align: center; margin-bottom: 30px; position: relative; z-index: 1; }
.gallery-title {margin-bottom: 10px; color: #40D0B9; }
.resources-inner-wrapper h2 {text-transform: inherit; }
.gallery-title span {background: linear-gradient(135deg, #40D0B9, #23b6d5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.gallery-header p {color: rgba(255, 255, 255, 0.7); font-size: 18px; max-width: 600px; margin: 0 auto; text-align: center; line-height: 1.5; }
.gallery-carousel-wrapper {position: relative; z-index: 1; }
.gallerySwiper {padding: 20px 10px 0 !important; }
.gallery-item {transition: transform 0.5s ease; }
.glass-photo-frame {background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 20px; padding: 15px; box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3); transition: all 0.4s ease; overflow: hidden; position: relative; }
.glass-photo-frame::after {content: ''; position: absolute; inset: 0; border-radius: 20px; padding: 1px; background: linear-gradient(135deg, rgba(64, 208, 185, 0.3), transparent 70%); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude; pointer-events: none; }
.glass-photo-frame img {width: 100%; height: 600px; object-fit: cover; border-radius: 12px; transition: transform 0.6s ease; }
.swiper-button-next, .swiper-rtl .swiper-button-prev {right: var(--swiper-navigation-sides-offset, 33px) !important; left: auto; }
.swiper-button-prev, .swiper-rtl .swiper-button-next {left: var(--swiper-navigation-sides-offset, 33px) !important; right: auto; }
.gallery-nav {color: #40D0B9 !important; background: rgba(255, 255, 255, 0.05); width: 50px !important; height: 50px !important; border-radius: 50%; border: 1px solid rgba(64, 208, 185, 0.2); backdrop-filter: blur(5px); transition: all 0.3s ease; }
.gallery-nav:after {font-size: 20px !important; font-weight: bold; }
.gallery-nav:hover {background: #40D0B9; color: #001217 !important; border-color: #40D0B9; box-shadow: 0 0 20px rgba(64, 208, 185, 0.4); }
.gallery-pagination .swiper-pagination-bullet {background: rgba(255, 255, 255, 0.3) !important; width: 10px !important; height: 10px !important; opacity: 1 !important; transition: all 0.3s ease; }
.gallery-pagination .swiper-pagination-bullet-active {background: #40D0B9 !important; width: 25px !important; border-radius: 5px !important; box-shadow: 0 0 10px rgba(64, 208, 185, 0.5); }



/* responsive */

 @media (max-width:1360px) {  
  .quality-focus-main-wrapper {padding: 80px 0; }
  .services-circle-main-wrapper {padding: 80px 0; }
  .sitemap-content {gap: 3px 174px; }
  .about-seed-main-wrapper {padding: 80px 0; }
  .about-seed-main-wrapper {margin: 0 0 80px; }
  .years-products-section-main {padding: 40px 0 80px; }
  .testi-content {padding: 65px 8px 8px; }
  .products-card {max-width: 350px; }
  .modern-index-banner .banner-points li {font-size: 17px; }
  .our-core-values-card {max-width: 350px; }
  .our-core-values-cards-wrapper {gap: 60px 16px; }
  h3 {font-size: 23px; }
  .accordion-icon-box img {width: 28px; }
  .accordion-icon-box {width: 60px; height: 60px; margin-bottom: 15px; }
  .accordion-inner {padding: 20px; }
  .modern-index-banner .banner-content {padding: 18px; }
  .modern-index-banner h1 {font-size: 30px; }
  .towards-sustainable-seed-production-main-wrapper {padding: 80px 0; }
  .flowering-main-wrapper {padding: 80px 0; }
  .foundation-text.last {margin: 0 auto 80px; }
  .producibility-trials-main-wrapper {padding: 80px 0; }
  .building-seed-performance-main-wrapper {padding: 80px 0; }
  .vision-mission-inner-wrapper {gap: 65px; }
  .certification-bottom {justify-content: center; gap: 60px; }
  .our-core-values-card-content h3 {font-size: 22px; }
  .our-core-values-card-content p {font-size: 16px; }
  .our-core-values-card-img span {width: 100px; height: 100px; top: -61px; }
  .our-core-values-card-img span img {max-width: 45px; }
  .world-wide-circle {font-size: 16px; }
  .world-wide-circle span {width: 38px; height: 38px; font-size: 14px; }
  .world-wide-operations-list-wrapper {padding-top: 30px; }
  .world-wide-operations-list-wrapper .world-wide-bottom:nth-child(2) {max-width: 50%; }
  .world-wide-bottom img {max-width: 600px; }
  .world-wide-operations-list-wrapper .world-wide-bottom {max-width: 23%; }
  .team-main-heading {max-width: 470px; }
  .buttons-swiper-main {padding: 36px 0 15px; display: flex; justify-content: center; align-items: center; gap: 29px; }
  .why-certification-main-wrapper .swiper-button-prev, .why-certification-main-wrapper .swiper-button-next {position: relative; }
  .global-leaders-left img {max-width: 390px; }
  .global-leaders-inner-wrapper {gap: 0; }
  .trail-seed-main-wrapper {padding: 80px 0 80px; }
  .seed-quality-std-main-wrapper {margin: 0 0 80px; }
  .benefits-main-wrapper {padding: 0 0 60px; }
  .why-trail-seed-main-wrapper.contract {padding: 80px 0; }
  .global-leaders-main-wrapper {padding: 80px 0; }
  .vision-mission-inner-wrapper {padding: 70px 0 65px; }
  .vision-mission-main-wrapper {margin: 0 0 80px; }
  .our-core-values-main-wrapper {padding: 0 0 80px; }
  .certifications-main-wrapper {padding: 80px 0; }
  .phytosanitary-main-wrapper {margin: 0 0 80px; }
  .ip-protection-main-wrapper {padding: 80px 0; }
  .our-team-main-wrapper {padding: 80px 0; }
  .plant-types-main-wrapper {padding: 80px 0 65px; }
  .contact-us-main-wrapper {padding: 80px 0; }
  .our-location-main-wrapper {padding: 0 0 80px; }
  .production-research-main-wrapper.production {padding: 80px 0; }
  .why-certification-main {margin: 0 auto 80px; }
  .practices-for-sustainable {padding: 30px 0 0 0; }
  .practices-for-sustainable {gap: 60px; }
  .practices-for-sustainable-main img {max-width: 550px; }
  .practices-for-sustainable-seed-production-main-wrapper {padding: 0 0 80px; }
  .protection-for-seeds-main-wrapper {padding: 0 0 80px; }
  p {font-size: 16px; }
  .production-types-main {gap: 20px; }
}

@media (max-width:1280px) { 
   .inovation-img img {max-width: 400px; height: 400px; }
  h1 {font-size: 34px; }
  h2 {font-size: 28px; }
  .inner-banner-inner-wrapper h1 {font-size: 33px; }
  .breadcrumbs h3, .breadcrumbs a {font-size: 18px; }
  .global-leaders-right {max-width: 100%; }
  .palnt-info img {max-width: 200px; height: 200px; }
  .our-team-inner-wrapper::before {max-width: 183px; }
  .our-team-inner-wrapper::after {max-width: 183px; }
  .why-trail-seed-inner-wrapper img {max-width: 470px; height: 470px; }
  .global-leaders-inner-wrapper {gap: 15px; }
  .our-core-values-cards-wrapper {flex-wrap: wrap; }
  .our-core-values-cards-wrapper .our-core-values-card:nth-child(2) {transform: unset; }
  .our-core-values-cards-wrapper {padding-top: 100px; }
  .blog-card {max-width: 375px; }
  .blog-section {justify-content: space-between; gap: 26px; }
  .product-main {gap: 53px; }
  .product-cards {max-width: 320px; }
  .seed-quality-std-inner-wrapper {justify-content: center; gap: 83px; }
  .why-trail-contant p {margin: 7px 0; text-align: center; }
  .why-trail-seed-inner-wrapper span img {max-width: 470px; }
  .why-trail-seed-main-wrapper.trail .why-trail-seed-inner-wrapper img {max-width: 420px; height: 420px; }
  .why-trail-seed-main-wrapper.trail .why-trail-seed-inner-wrapper {gap: 50px; }
  .other-services-types img {max-width: 80px; }
  .modern-index-banner h1 {font-size: 28px; text-align: center; }
  .modern-index-banner .banner-content {max-width: 90%; margin: 0 auto; }
  .stages-types p {font-size: 17px; }
  .practices-for-sustainable-main img {max-width: 500px; }
}

@media (max-width: 1240px) { 
   .vision-mission {max-width: 540px; }
  .why-certification-main {max-width: 1150px; }
  .blog-card {max-width: 340px; }
  .product-cards h4 {font-size: 18px; }
  .practices-for-sustainable-content {padding: 50px 80px; max-width: 610px; }
}

@media (max-width:1200px) {
    .service-title {margin: 0 0 10px; line-height: 1.4; }
  h3 {font-size: 21px; }
  .towards-sustainable-seed-production-inner-wrapper {flex-direction: column; gap: 30px; }
  .towards-sustainable-seed-production-main-wrapper p {padding: 13px 0 0 0; text-align: center; }
  .inovation-text p::before {display: none; }
  .towards-sustainable-seed-production-main-wrapper h2 {text-align: center; }
  .inovation-text p::after {display: none; }
  .inovation-main {flex-direction: column; }
  .inovation-seed-production-inner-wrapper h2 {padding: 0 0 20px 0; text-align: center; }
  .product-main {justify-content: center; gap: 40px; }
  .production-research-inner-wrapper {gap: 0; }
  .production-research-inner-wrapper>img {max-width: 303px; }
  .why-certification-main {max-width: 1090px; }
  .our-team-inner-wrapper::before {display: none; }
  .our-team-inner-wrapper::after {display: none; }
  .why-pan-inner-wrapper {gap: 0; flex-direction: column; }
  .why-pan-right {max-width: 100%; }
  .why-pan-right h2, .why-pan-right p {text-align: center; }
  .blog-card {max-width: 295px; }
  .blog-content p {text-align: left; }
  .blog-content {padding: 20px 20px 5px; }
  .blog-section {justify-content: center; gap: 45px; }
  .trail-seed-inner-wrapper img {max-width: 430px; }
  .need-types {padding: 20px 44px; }
  .phytosanitary-left img {max-width: 335px; }
  .phytosanitary-right p {margin: 10px 0 0; }
  .phytosanitary-left img {display: none; }
  .production-research-types span img {max-width: 370px; }
  .practices-for-sustainable-seed-production-inner-wrapper h2 {padding: 0 0 10px; }
}

@media (max-width:1080px) { 
   .quality-focus-main-wrapper {padding: 60px 0 0; }
  .quality-focus-image {max-width: 438px; }
  .why-trail-seed-main-wrapper.contract {padding: 60px 0; }
  .benefits-main-wrapper {padding: 0 0 30px; }
  .product-icon-image {display: none; }
  .testi-content {padding: 28px 8px 15px; }
  .years-products-section-main {padding: 40px 0 50px; }
  .benefits-content {max-width: 85%; padding: 50px 13px 50px; margin: 0 auto; align-self: center; }
  .services-circle-main-wrapper {padding: 60px 0; }
  .flowering-main-wrapper {padding: 60px 0; }
  .producibility-trials-main-wrapper {padding: 60px 0; }
  .building-seed-performance-main-wrapper {padding: 60px 0; }
  .towards-sustainable-seed-production-main-wrapper {padding: 60px 0; }
  .performance-grid {align-items: center; flex-direction: column; }
  .section-new {width: 100%; height: 100%; background: #000; opacity: 0; pointer-events: none; transition: all .9s ease; }
  .desk-resp-ham {display: block; }
  .nav {display: none; }
  .contract-main-wrapper {padding: 60px 0; }
  .association-main-wrapper {padding: 0 0 60px; }
  .crop-main-wrapper {padding: 60px 0 45px; }
  .inovation-seed-production-main-wrapper {padding: 40px 0; }
  .fleid-quality-main-wrapper {padding: 60px 0; }
  .inovation-img {max-width: 400px; }
  .who-we-are-inner-wrapper {flex-direction: column; }
  .who-we-are-contant {max-width: 100%; }
  .who-we-are-main-wrapper {padding: 60px 0; }
  .trail-seeds-types-inner-wrapper {justify-content: center; }
  .trail-seed-production-main-wrapper {padding: 60px 0 20px; }
  .trail-seeds-types-main-wrapper {padding: 0 0 60px; }
  .trail-seed-production-main-wrapper {padding: 40px 0 10px; }
  .why-pan-oceanic-main-wrapper {padding: 60px 0; }
  .contact-us-main-wrapper {padding: 60px 0; }
  .our-location-main-wrapper {padding: 0 0 60px; }
  .years-of-pan-oceanic-main-wrapper {padding: 60px 0 60px; }
  .ready-production-main-wrapper {margin: 60px 0; }
  .our-blog-main-wrapper {padding: 0 0 60px; }
  .global-leaders-main-wrapper {padding: 60px 0; }
  .vision-mission-main-wrapper {margin: 0 0 60px; }
  .our-core-values-main-wrapper {padding: 0 0 60px; }
  .vision-mission-inner-wrapper {gap: 40px; }
  .vision-mission-inner-wrapper {padding: 50px 0 35px; }
  .why-pan-right {max-width: 100%; }
  .why-pan-inner-wrapper {gap: 0px; }
  .why-pan-right h2 {text-align: center; }
  .why-pan-main-wrapper {padding: 60px 0; }
  .plant-types-main-wrapper {padding: 60px 0; }
  .certifications-main-wrapper {padding: 60px 0; }
  .phytosanitary-inner-wrapper {padding: 30px 0; flex-direction: column; gap: 0; }
  .phytosanitary-main-wrapper {margin: 0 0 60px; }
  .why-certification-main-wrapper {padding: 0 0 60px; }
  .ip-protection-main-wrapper {padding: 60px 0; }
  .why-certification-main {box-shadow: none; max-width: 100%; flex-direction: column; }
  .why-certification-content {margin: auto; max-width: fit-content; padding: 20px 0; }
  h1 {font-size: 30px; }
  .why-trail-contant {max-width: 100%; }
  .trail-seed-main-wrapper {padding: 60px 0 45px; }
  .why-trail-seed-inner-wrapper {gap: 42px; flex-direction: column; }
  .benefits-swiper {padding-top: 46px; }
  .why-trail-seed-main-wrapper {padding: 0 0 60px; }
  .benefits-icons img {max-width: 40px; }
  .benefits-icons {max-width: 80px; height: 80px; }
  .common-heading img {max-width: 100px; }
  .trail-seed-inner-wrapper {gap: 20px; flex-direction: column; }
  .trail-seed-right p, .trail-seed-right h2 {text-align: center; }
  .contact-us-main-right {padding: 6px 50px 50px; }
  .why-trail-seed-main {gap: 40px; }
  .production-research-main-wrapper.production {padding: 60px 0; }
  .why-certification-content {padding: 20px 0 0; }
  .our-team-main-wrapper {padding: 60px 0; }
  .why-need-main-wrapper {padding: 0 0 40px; }
  .protection-seeds-types {padding: 20px 24px; }
  .protection-for-seeds-main-wrapper h2 {padding: 0 0 30px; }
  .other-services-types img {max-width: 75px; }
  .other-services-types h3 {font-size: 18px !important; }
  .why-certification-main-wrapper .swiper-wrapper .swiper-slide {min-height: 455px; }
  .trail-seed-inner-wrapper:nth-child(2) {flex-direction: column; }
  .trail-seed-right {max-width: 100%; }
  .seed-quality-std-main-wrapper {padding: 40px 0 25px; }
  .seed-quality-std-main-wrapper {margin: 0 0 60px; }
  .why-trail-seed-inner-wrapper {width: 100%; }
  .why-trail-seed-main-wrapper.contract {padding: 60px 0; }
  .about-seed-main-wrapper {margin: 0 0 60px; }
  .about-seed-main-wrapper {padding: 60px 0; }
  .about-seed-container .about-seed-main-wrapper:last-child {padding: 60px 0 60px; }
  .why-trail-seed-inner-wrapper span::before {top: 12px; left: -13px; }
  .why-trail-seed-main {gap: 70px; }
  .stages-of-trail-main-wrapper {padding: 0 0 60px; }
  .need-types {padding: 20px 50px; }
  .phytosanitary-right {max-width: 100%; }
  .phytosanitary-right p, .phytosanitary-right h2 {text-align: center; }
  .trail-seed-right h3 {padding: 0 0 10px; }
  .trail-seed-inner-wrapper-main p {text-align: left; }
  .trail-seed-inner-wrapper-main {padding: 0; }
  .trail-seed-inner-wrapper-main h2 {padding: 0 0 30px; }
  .practices-for-sustainable-content {padding: 50px 40px; }
  .why-certification-types {margin: auto; }
  .why-certification-types img {border-top-left-radius: 0; border-bottom-left-radius: 0; }
  .why-certification-main {margin: 0 auto 60px; }
  .protection-for-seeds-main-wrapper {padding: 0 0 60px; }
  .production-types-main {gap: 0 20px; }
}

@media (max-width: 1024px) { 
  .why-trail-contant {justify-content: flex-start;}
  .why-trail-contant.trail {max-width: 100% !important; }
  .why-trail-seed-main-wrapper.trail .why-trail-contant p {text-align: left; }
  .flowering-main-wrapper .fluid-container {gap: 95px; }
  .purity-content {margin-left: 0; }
  .flowering-content {margin-right: 0; }
  .flowering-image {display: none !important; }
  .certification-right {max-width: 100%; }
  .certifications-inner-wrapper {flex-direction: column; }
  .certification-right h2, .certification-right p {text-align: center; }
  .phytosanitary-left img {display: none; }
  .phytosanitary-inner-wrapper {padding: 20px 0 40px; }
  .phytosanitary-right h2, .phytosanitary-right p {text-align: center; }
  .certifications-inner-wrapper {gap: 7px; }
  .our-blog-main-wrapper .common-heading {margin: auto !important; }
  .need-types {padding: 20px 30px; }
  .need-types p::before {right: -40px; }
  .need-types p::after {left: -40px; }
  .why-need-inner-wrapper {flex-wrap: wrap; }
  .why-need-inner-wrapper .need-types:nth-of-type(2)::before, .why-need-inner-wrapper .need-types:nth-of-type(2) p::before, .why-need-inner-wrapper .need-types:nth-of-type(3) p::after {display: none; }
  .why-trail-seed-main-wrapper.trail .why-trail-seed-inner-wrapper {flex-direction: column; }
  .why-trail-seed-main-wrapper.trail .why-trail-seed-inner-wrapper:nth-child(2) {flex-direction: column !important; }
  .why-trail-seed-main-wrapper.trail .why-trail-seed-inner-wrapper {gap: 35px; }
  .why-trail-seed-main-wrapper.trail .why-trail-seed-inner-wrapper img {margin: auto; }
  .practices-for-sustainable-content {transform: translateX(0); }
  .practices-for-sustainable-main:nth-child(2n) .practices-for-sustainable-content {transform: translateX(0); }
  .practices-for-sustainable-main {align-items: stretch; }
  .practices-for-sustainable-main img {border: 0; }
  .practices-for-sustainable-content {padding: 40px; }
  .practices-for-sustainable-main img {max-width: 315px; }
  .seed-man-inner-wrapper:nth-child(2n) {flex-direction: column-reverse; }
  .seed-man-inner-wrapper {flex-direction: column-reverse; gap: 18px; }
  .seed-man-left, .seed-man-right {max-width: 100%; }
}

@media (max-width:992px) { 
    .purity-content {margin-left: 0; }
  .flowering-flex-container {flex-direction: column; }
  .flowering-content {flex: 0 0 100%; width: 100%; margin-right: 0; margin-bottom: -50px; border-radius: 30px; }
  .flowering-image {flex: 0 0 100%; width: 100%; border-radius: 30px; }
  .focus-card {flex: 1 1 100%; }
  .trials-focus-area {padding: 40px 30px; }
   .seed-man-left, .seed-man-right {max-width: 100%; flex-direction: column-reverse; gap: 26px; }
  .sitemap-content {align-items: flex-start; justify-content: flex-start; }
  .modern-index-banner .banner-actions {margin-top: 25px; justify-content: center; }
  .modern-index-banner .banner-points li img {width: 20px; height: 20px; }
  .modern-index-banner h1 {margin: 0 0 15px 0; }
  .modern-index-banner h1 {font-size: 27px; text-align: center; }
  .flowering-main-wrapper {padding: 60px 0 100px; }
  .crop-bottom {justify-content: center; }
  .crop-produced-inner-wrapper h2, .crop-produced-inner-wrapper p {text-align: center; }
  .why-pan-main {gap: 30px; }
  .contact-us-main-right {max-width: 100%; padding: 6px 30px 50px 30px; }
  .contact-top {align-items: center; flex-direction: column; }
  .contact-us-main-left {max-width: 100%; }
  p {font-size: 17px; }
  .certification-bottom {justify-content: center; flex-direction: column; align-items: center; }
  .state-names p {font-size: 20px; }
  .why-trail-seed-inner-wrapper img {max-width: 300px; height: 300px; }
  .vision-icon img {max-width: 50px; }
  .vision-icon {max-width: 80px; height: 80px; }
  .our-core-values-icon img {max-width: 60px; }
  .our-core-values-icon {max-width: 100px; height: 100px; }
  .blog-content p {font-size: 18px; text-align: left; }
  .blog-content {padding: 30px 10px 17px; }
  .other-services-inner-wrapper {gap: 40px 34px; }
  .other-services-inner-wrapper {padding: 20px 0 30px; }
  .other-services-types img {max-width: 80px; }
  .production-contant {padding: 50px 6px 10px; }
  .certification-bottom {padding: 0; }
  .certifications-main-wrapper {padding: 30px 0; }
  .palnt-info img {max-width: 175px; height: 175px; }
  .box1 {order: 2; }
  .box2 {order: 1; }
  .box3 {order: 3; }
  .world-wide-operations-list-wrapper .world-wide-bottom, .world-wide-operations-list-wrapper .world-wide-bottom:nth-child(2) {max-width: 100%; padding-bottom: 25px; }
  .world-wide-operations-list-wrapper {justify-content: center; flex-direction: column; }
  .world-wide-bottom {border-radius: unset; box-shadow: unset; }
  .world-wide-operations-list-wrapper .world-wide-bottom {display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 60px; }
  .world-wide-circle {width: 100%; max-width: fit-content; display: flex; justify-content: start; align-items: center; gap: 15px; }
  .world-wide-operations-list-wrapper .world-wide-bottom:first-child {padding: 15px 15px 0; }
  .world-wide-operations-list-wrapper .world-wide-bottom:last-child {padding: 0 15px 15px; }
  .world-wide-bottom img {max-width: 500px; }
  .services-section {gap: 24px; display: flex; flex-direction: column; }
  .service-description {margin: 0 0 15px; }
  .service-content .common-btn {margin-top: inherit; }
  .service-content {max-width: 100%; }
  .service-card-inner {min-height: 320px; padding: 32px 24px 28px; }
  .service-title span {min-width: 54px; height: 54px; font-size: 20px; }
  .crop-production-panel {padding: 72px 35px 38px; }
  .crop-production-list {grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .crop-production-list li:nth-child(5n)::after {display: block; }
  .crop-production-list li:nth-child(3n)::after {display: none; }
  .quality-focus-inner-wrapper {gap: 35px; }
  .quality-focus-image {max-width: 430px; }
  .quality-focus-image img {height: 310px; }
  .quality-tag {min-width: 220px; font-size: 18px; padding: 16px 22px; }
  .quality-focus-content {max-width: 390px; }
  .ready-production-inner-wrapper {flex-direction: column; gap: 20px; }
  .ready-production-inner-wrapper h2 {text-align: center; }
  .ready-production-main-wrapper {padding: 40px 0; }
  .team-main-heading {max-width: 437px; }
  .team-main-heading {padding: 12px; }
  .seed-quality-std-inner-wrapper {flex-wrap: wrap; }
  .global-leaders-inner-wrapper {flex-direction: column; }
  .global-leaders-left img {display: none; }
  .global-leaders-right h2 br {display: none; }
  .production-research-types {flex-direction: column; }
  .production-research-types span img {max-width: 100%; }
  .production-research-content {max-width: 100%; }
  .production-research-types:nth-child(2n) {flex-direction: column; }
  .range-content h3 {max-width: 100px; height: 100px; font-size: 24px; }
  .seed-quality-std-main-wrapper h2 {padding: 0 0 25px; }
  .modern-accordion-container {flex-direction: column; height: auto; }
  .accordion-card {height: auto; min-height: auto; flex: none !important; }
  .modern-accordion-container .accordion-card:hover, .modern-accordion-container:not(:hover) .accordion-card.active {height: auto; }
  .accordion-inner {padding: 30px; }
  .accordion-content {width: 100%; }
  .accordion-content h3 {margin-bottom: 10px; }
}

@media (max-width:920px) {
    .why-pan-main:nth-child(2n) {flex-direction: initial; }
  .why-pan-main:nth-child(2n) p, .why-pan-main:nth-child(2n) h3 {text-align: left; }
  .why-pan-main:nth-child(2n) p {padding: 0 0 0 25px; }
  .why-pan-main:nth-child(2n) p::before {right: auto; left: 0; }
  .why-pan-oceanic-inner-wrapper {gap: 40px; }
  .footer-contact-links {gap: 22px; flex-direction: column; justify-content: center; align-items: center; }
  .footer-links-main {max-width: 100%; padding: 0 0 10px; }
  .sub-footer-links li {margin: 9px 0; }
  .sub-footer-main li {margin: 15px auto; }
  .trail-seed-right {max-width: 100%; }
  .need-types {max-width: 312px; }
  .protection-for-seeds-inner-wrapper {flex-wrap: wrap; gap: 20px; padding: 10px 0; }
  .benefits-swiper-controls {padding-top: 24px; }
  .footer-links-main p {text-align: center; }
  .footer-links-main:nth-child(1) h3 {text-align: center; }
  .footer-contact-links {gap: 10px; }
  .footer-contact-links {padding: 33px 0 0px; }
  .practices-for-sustainable-main {flex-direction: column; }
  .practices-for-sustainable-main img {display: none; }
}

@media (max-width:776px) { 
   .quality-focus-tags {margin-top: 16px; padding-left: 0; gap: 12px; }
  .quality-focus-main-wrapper {padding: 70px 0 0; }
  .quality-focus-inner-wrapper {flex-direction: column; gap: 28px; align-items: flex-start; }
  #quality-focus-copy {margin: 15px 0 0; }
  .contract-seed-production-page .why-trail-contant p {width: 100%; }
  .gallery-main-wrapper {padding: 60px 0; }
  .gallery-main-wrapper {padding: 60px 0 10px !important; }
  .swiper-button-next.gallery-nav, .swiper-button-prev.gallery-nav {width: 40px !important; height: 40px !important; }
  .world-wide-operations-list-wrapper .world-wide-bottom {gap: 0 30px; }
  .header-right span {display: none; }
  .top-location {display: none; }
  .top-email {display: none; }
  .header-right {gap: 0; }
  .header-top a {gap: 0; }
  .desk-resp-ham ul.toggle-desk {right: -14px; }
  h2 {font-size: 26px; }
  .inner-banner-inner-wrapper h1 {font-size: 31px; }
  .breadcrumbs h3, .breadcrumbs a {font-size: 16px; }
  .why-pan-main {gap: 10px; }
  .why-pan-content {max-width: 100%; }
  .blog-section {gap: 30px; }
  .other-services-types img {max-width: 60px; }
  .state-names p {font-size: 18px; }
  .state-names {max-width: 155px; padding: 10px}
  .team-members::before {height: 91px; top: -90px; }
  h1 {font-size: 25px; }
  .team-members {margin: 90px auto 0; }
  .certifications-inner-wrapper {gap: 10px; }
  .text {font-size: 60px; }
  .ip-protection-inner-wrapper {flex-direction: column; }
  .ip-protection-right {max-width: 100%; }
  .ip-protection-inner-wrapper {gap: 20px; }
  .ip-protection-main-wrapper {padding: 60px 0 45px; }
  .need-types {max-width: 290px; }
  .why-need-inner-wrapper {flex-direction: column; align-items: center; }
  .need-types::before {max-width: 4px; height: 51px; top: initial; bottom: -50px; right: 0; left: 0; margin: auto; }
  .need-types p::before {right: 0; left: 0; top: initial; bottom: -43px; }
  .need-types p::after {left: 0; right: 0; top: -46px; bottom: initial; }
  .why-need-inner-wrapper .need-types:nth-of-type(2)::before, .why-need-inner-wrapper .need-types:nth-of-type(2) p::before, .why-need-inner-wrapper .need-types:nth-of-type(3) p::after {display: block; }
  .need-types:nth-child(3) p::before {display: block !important; }
  .why-need-inner-wrapper:first-of-type .need-types:nth-child(1) p::before {display: block; }
  .need-types p::before, .need-types p::after {max-width: 15px; height: 15px; }
  .need-types::before {max-width: 3px; height: 55px; bottom: -50px; }
  .need-types p::after {top: -40px; }
  .why-need-inner-wrapper:last-of-type .need-types:nth-child(1) p::after, .why-need-inner-wrapper:first-of-type .need-types:nth-child(3)::before {display: block; }
  .footer-contact-links {padding: 25px 0 0; }
  .footer-links-main p {text-align: center; }
  .ip-protection-right h2 {text-align: center; }
  .ip-protection-right p {text-align: center; }
  .seed-quality-std-inner-wrapper {gap: 27px 75px; }
  .stages-types p {font-size: 16px; }
  .production-research-content {padding: 25px; }
  .production-research-main {padding: 30px 0 0; }
}
@media (max-width: 768px) { 
   .producibility-trials-content .common-heading-left h2 {font-size: 32px; }
  .producibility-trials-content>p {font-size: 17px; }
  .modern-index-banner .banner-points {grid-template-columns: 1fr; }
  .modern-index-banner h1 {font-size: 25px; }
  .modern-index-banner .banner-actions {flex-direction: column; gap: 15px; }
  .modern-index-banner .banner-btn {text-align: center; width: 100%; }
}

@media (max-width: 676px) { 
   .stages-types-main {flex-wrap: wrap; }
  .copyrights p {padding: 0; }
  .copyrights {flex-direction: column; padding: 8px 0; }
  .range-inner-wrapper {flex-wrap: wrap; gap: 20px; }
  .range-content p {font-size: 19px; }
  .range-content h3 {max-width: 80px; height: 80px; font-size: 22px; }
}

@media (max-width:600px) {
    .towards-sustainable-seed-production-main-wrapper p {font-size: 20px; }
  .flowering-content {padding: 35px; }
  .circle-shadow::before {display: none; }
  .icon.icon2 {display: none; }
  .icon.icon1 {display: none; }
  .services-section {padding: 40px 0 40px; }
  .services-section {grid-template-columns: 1fr; gap: 22px; padding-top: 30px; }
  .service-title {font-size: 22px; margin-bottom: 18px; gap: 12px; }
  .service-title span {min-width: 50px; height: 50px; font-size: 18px; }
  .service-description {margin-bottom: 22px; line-height: 1.7; }
  .service-content .common-btn {max-width: 200px; padding: 8px 0; }
  .crop-production-main-wrapper {padding: 70px 0 60px; }
  .crop-production-heading h2 {font-size: 29px; }
  .crop-production-tabs {max-width: 100%; margin-bottom: -20px; }
  .crop-tab {font-size: 18px; padding: 16px 18px; }
  .crop-production-panel {padding: 58px 22px 28px; border-radius: 14px; }
  .crop-production-list {grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 24px; }
  .crop-production-list li {font-size: 20px; }
  .crop-production-list li:nth-child(3n)::after {display: block; }
  .crop-production-list li:nth-child(2n)::after {display: none; }
  .quality-focus-visual {max-width: 100%; }
  .quality-focus-image {max-width: 100%; }
  .quality-focus-image img {height: 320px; }
  .quality-focus-tags {position: static; margin-top: -26px; padding-left: 28px; }
  .quality-tag {min-width: 260px; font-size: 22px; }
  .quality-focus-content {max-width: 100%; }
}

@media (max-width:576px) {
    .production-swiper {padding: 0 10px 60px !important; }
  .modern-index-banner .banner-btn {font-size: 14px; }
  .modern-index-banner .banner-points li {font-size: 14px; }
  .modern-index-banner h1 {font-size: 25px; text-align: center; }
  .modern-index-banner .banner-content {max-width: 100%; }
  .modern-index-banner .banner-content {padding: 18px; }
  .our-core-values-icon img {max-width: 50px; }
  .our-core-values-icon {max-width: 80px; height: 80px; }
  .our-core-values-icon {left: 40px; }
  .core-values-types {padding: 30px 30px 30px 60px; }
  .our-core-values-both:nth-child(2n) .our-core-values-icon {left: -40px; }
  .our-core-values-both:nth-child(2n) .core-values-types {padding: 30px 60px 30px 30px; }
  .banner-breadcrumbs .first-innerpage-image, .banner-breadcrumbs .second-innerpage-image {display: none; }
  .banner-breadcrumbs .first-innerpage-image, .banner-breadcrumbs .second-innerpage-image {display:none !important; }
  .banner-breadcrumbs {gap: 7px; }
  .banner-breadcrumbs span:nth-child(2) {display: none; }
  .our-core-values-card-img span {width: 90px; height: 90px; top: -54px; }
  .our-core-values-card-img span img {max-width: 40px; }
  .world-wide-operations-list-wrapper .world-wide-bottom:first-child {padding: 10px 10px 0; }
  .world-wide-operations-list-wrapper .world-wide-bottom:last-child {padding: 0 10px 10px; }
  .why-trail-seed-inner-wrapper span img {max-width: 390px; }
  .why-trail-seed-main-wrapper.trail .why-trail-seed-inner-wrapper img {max-width: 370px; height: 370px; }
  .practices-for-sustainable-content {padding: 20px; }.banner-breadcrumbs span a {font-size: 10px;}
  .banner-breadcrumbs span {font-size: 10px;}
}

@media (max-width:530px) { 
   .modern-index-banner .banner-actions {margin-top: 18px; }
  .benefits-main {max-width: 100%; }
  .contact-left-bottom h3, .contact-left-bottom p {text-align: center; margin: 10px 0; }
  .contact-left-bottom {padding: 6px 0 0 0; }
  .need-types::before {bottom: -49px; }
  .why-trail-contant p::before {top: 12px; bottom: 0; margin: initial; }
}

@media (max-width:480px) {
  .flowering-main-wrapper {
	padding: 40px 0 100px;
}
  .trials-focus-area {
	margin-bottom: 40px;
}
  .performance-card .card-icon {
	width: 55px;
	height: 55px;
	border-radius: 7px;
}
  .contract-seed-production-page .trail-seed-right {
	padding: 8px 32px 0;
}
.trail-seed-right p {
	margin: 9px 0 0 0;
}
  .about-main-wrapper .common-heading {	padding: 0 0 8px;}
    .why-trail-seed-main-wrapper.contract h2 {padding: 0 0 25px; }
  .gallery-main-wrapper {padding: 60px 0; }
  .gallery-header {margin-bottom: 17px; }
  .gallerySwiper {padding: 10px 10px 50px !important; }
  .gallery-main-wrapper {padding: 30px 0 40px !important; }
  .inner-sitemap-wrapper {padding: 40px 0; }
  .sitemap-component a {padding: 10px 0; }
  .quality-tag {justify-content: left; }
  .seed-man-item {padding: 12px 7px; }
  .about-seed-main-wrapper {margin: 0 0 40px; }
  .swiper-navs .swiper-button-prev {display: none; }
  .swiper-navs .swiper-button-next, .swiper-rtl .swiper-button-prev {display: none; }
  .modern-index-banner .banner-btn {padding: 13px 16px; }
  .quality-focus-content p {margin: 18px 0 20px; }
  .crop-production-main-wrapper {padding: 40px 0 40px; }
  .text-center {font-size: 17px; }
  .modern-index-banner h1 {font-size: 22px; }
  .focus-grid {gap: 15px; }
  .performance-card {gap: 15px; }
  .about-seed-main-wrapper {padding: 40px 0; }
  .focus-card {gap: 7px; }
  .flowering-content {padding: 15px; }
  .about-seed-main-wrapper {padding: 40px 0 40px; }
  .about-seed-container .about-seed-main-wrapper:last-child {padding: 40px 0 30px; }
  .about-seed-container .about-seed-main-wrapper:last-child h2 {padding: 0 0 12px; }
  .seed-man-left p {margin-top: 0; }
  .about-seed-inner-wrapper {gap: 50px; }
  .seed-man-item {gap: 10px; }
  .service-content .common-btn a {font-size: 16px; }
  .service-content:hover {transform: inherit; }
  .service-content .common-btn .default-img, .service-content .common-btn .hover-img {max-width: 45px; }
  .accordion-card:hover .accordion-icon-box {transform: inherit !important; }
  .seed-man-item img {width: 18px; height: 18px; }
  .crop-production-list li:nth-child(3n)::after {display: none; }
  .crop-production-list li:nth-child(5n)::after {display: none; }
  .modern-index-banner h1 {margin: 0 0 15px 0; font-size: 23px !important; }
  .modern-index-banner .banner-points {margin: 10px 0; gap: 8px; }
  .modern-index-banner .banner-points li {gap: 10px; }
  .modern-index-banner .banner-points li img {width: 17px; height: 17px; }
  .services-circle-main-wrapper {padding: 40px 0 0; }
  .trials-focus-area {padding: 25px 6px !important; }
  .performance-card p {font-size: 16px; }
  .performance-intro .intro-text {font-size: 16px; }
  .towards-sustainable-seed-production-inner-wrapper {gap: 22px; }
  .towards-sustainable-seed-production-main-wrapper {padding: 40px 0; }
  .towards-sustainable-seed-production-main-wrapper p {font-size: 17px; }
  .trials-focus-area h3 {margin-bottom: 30px; }
  .focus-card {padding: 20px 10px; }
  .producibility-trials-content h2 {text-align: center; }
  .producibility-trials-main-wrapper {padding: 40px 0; }
  .performance-card {padding: 30px 20px; }
  .building-seed-performance-main-wrapper {padding: 40px 0; }
  .header-logo img {max-width: 200px; }
  .header-bottom-wrapper {padding: 3px 0; }
  .header-right a img {max-width: 16px; }
  .header-top img {max-width: 16px; }
  h2 {font-size: 22px; }
  .benefits-swiper {margin: 30px 0 0; }
  .contract-main-wrapper {padding: 40px 0; }
  .association-main-wrapper {padding: 0 0 40px; }
  .crop-main-wrapper {padding: 40px 0 40px; }
  .crop-contant {padding: 10px 10px 0 10px; }
  p {margin: 10px 0; }
  .fleid-quality-main-wrapper {padding: 40px 0; }
  .inner-banner-inner-wrapper h1 {font-size: 28px; }
  .breadcrumbs {padding: 6px 0 30px; }
  .association-right p::before {max-width: 20px; }
  .association-right p {padding: 5px 0 5px 27px; }
  .inovation-img {max-width: 300px; }
  .inovation-img img {max-width: 300px; height: 300px; }
  .fleid-quality-inner-wrapper {padding: 0; }
  p {font-size: 16px; }
  .who-we-are-main-wrapper {padding: 30px 0; }
  .who-we-are-contant p {padding: 10px 0; }
  .trail-seeds-types-main-wrapper {padding: 0 0 40px; }
  .why-pan-oceanic-main-wrapper {padding: 40px 0; }
  .why-pan-content h3, .why-pan-main:nth-child(2n) h3 {text-align: center; padding: 5px 0 4px; }
  .contact-us-main-wrapper {padding: 40px 0; }
  .our-location-main-wrapper {padding: 0 0 40px; }
  .contact-left-bottom h3 {padding: 0 0 10px; }
  .contact-us-main-left img {max-width: 240px; }
  .years-of-pan-oceanic-inner-wrapper .common-heading img {max-width: 36px; position: relative; top: 13px; }
  .common-heading img {max-width: 25px !important; }
  .common-heading {align-items: center; }
  .about-main-wrapper {padding: 30px 0 30px 0; }
  .text {font-size: 46px; }
  .years-of-pan-oceanic-main-wrapper {padding: 40px 0; }
  .services-section {
	padding: 25px 0 0;
}
.blog-content p {font-size: 16px;}
  .crop-production-heading h2 {font-size: 25px; }
  .crop-production-heading p {font-size: 16px; }
  .quality-focus-content p {font-size: 17px; }
  .world-wide-main-wrapper {padding: 40px 0; }
  .ready-production-main-wrapper {margin: 40px 0; }
  .our-blog-main-wrapper {padding: 0 0 40px; }
  .sub-footer-main li a img {max-width: 16px; }
  .circle-shadow img {width: 300px; height: 300px; }
  .icon:first-child {display: none; }
  .circle-container {width: 400px; height: fit-content; }
  .services-section {gap: 18px; }
  .common-heading {gap: 10px; }
  .common-btn {max-width: 190px; }
  .world-wide-bottom {flex-direction: column; }
  .ready-production-inner-wrapper {flex-direction: column; gap: 20px; }
  .ready-production-inner-wrapper h2 {text-align: center; }
  .ready-production-inner-wrapper h2 br {display: none; }
  .header-logo {padding: 0}
  .header-top {padding: 0; }
  .header-right a {padding: 0 0 0 10px; }
  .desk-resp-ham ul.toggle-desk {right: -22px; }
  .know-more-plant span img {max-width: 65px; }
  .copyrights p a, .copyrights p {font-size: 12px !important; }
  .sitemap-component a img {max-width: 40px; }
  .sitemap-component a:not(:first-child) {padding-left: 70px; }
  .other-services-types {max-width: 200px; margin: auto; }
  .production-types-main {gap: 0; }
  .product-main {gap: 30px; }
  .our-core-values-icon img {max-width: 32px; }
  .our-core-values-icon {max-width: 50px; height: 50px; }
  .our-core-values-icon {left: 27px; }
  .our-core-values-both:nth-child(2n) .our-core-values-icon {left: -27px; }
  .core-values-types {padding: 30px 30px 20px 43px; }
  .our-core-values-inner-wrapper {gap: 30px; }
  .our-core-values-both:nth-child(2n) .core-values-types {padding: 30px 43px 30px 30px; }
  .vision-mission-main-wrapper {margin: 0 0 40px; }
  .our-core-values-main-wrapper {padding: 0 0 40px; }
  .global-leaders-main-wrapper {padding: 20px 0 30px; }
  .global-leaders-right h2 {padding: 4px; }
  .global-leaders-right h2 br {display: none; }
  .vision-icon img {max-width: 30px; }
  .vision-icon {max-width: 60px; height: 60px; }
  .vision-mission-inner-wrapper {padding: 20px 0 10px; }
  .vision-mission-inner-wrapper {gap: 20px; }
  .core-values-types p {text-align: left; padding: 0; }
  .why-pan-main-wrapper {padding: 40px 0; }
  .plant-types-main-wrapper {padding: 40px 0; }
  .certifications-main-wrapper {padding: 20px 0 30px; }
  .phytosanitary-inner-wrapper {padding: 20px 0 20px; }
  .phytosanitary-main-wrapper {margin: 0 0 40px; }
  .why-certification-inner-wrapper h2, .why-certification-inner-wrapper p {padding: 0 0 15px; }
  .certification-main {justify-content: center; }
  .certification-icon img {max-width: 20px; height: 20px; }
  .certification-icon {display: none; }
  .certification-main h3 {padding: 0 0 13px 25px; }
  .why-need-main-wrapper {padding: 0 0; }
  .why-certification-main-wrapper .swiper-button-prev, .why-certification-main-wrapper .swiper-button-next {width: 27px; height: 27px; }
  .research-main {align-items: flex-start; }
  .why-certification-main-wrapper {padding: 0; }
  .ip-protection-main-wrapper {padding: 40px 0 25px; }
  .production-research-inner-wrapper>img {max-width: 240px; }
  .production-research-main-wrapper {padding: 40px 0 0; }
  .error-page-inner-wrapper .common-btn {margin: 20px 0 0 0; }
  .error-page-inner-wrapper {padding: 40px 0; }
  .stages-of-trail-inner-wrapper {padding: 0; }
  .trail-seed-main-wrapper {padding: 40px 0 25px; }
  .why-trail-seed-main-wrapper {padding: 0 0 41px; }
  .why-trail-seed-main {gap: 40px; }
  .trail-seed-inner-wrapper {gap: 14px; }
  .why-trail-contant p::before {max-width: 8px; height: 8px; }
  .benefits-swiper {padding-top: 32px; }
  .benefits-content {padding: 28px 18px 22px; }
  .why-trail-seed-inner-wrapper {gap: 13px; }
  .benefits-main-wrapper {padding: 40px 0 10px; }
  .certifications-inner-wrapper {gap: 0; }
  .why-certification-inner-wrapper p {padding: 0; text-align: center; }
  .our-team-main-wrapper {padding: 40px 0; }
  .team-members {margin: 40px auto 0; }
  .team-members::before {height: 46px; top: -41px; }
  .why-trail-contant h2 {padding: 0; }
  .global-leaders-left img {display: none; }
  h1 {font-size: 22px; text-align: left; }
  .contact-us-main-right {padding: 0 20px 30px; }
  .blog-content p {font-size: 16px; }
  .blog-date {font-size: 18px; }
  .about-inner-wrapper {padding: 40px 20px; }
  .service-card-inner {padding: 24px 18px 22px; }
  .about-inner-wrapper p {text-align: left; padding: 15px 0 10px 0; }
  .service-title {margin: 0 0 14px; font-size: 20px; }
  .crop-production-tabs {flex-direction: column; border-radius: 12px; }
  .crop-tab {max-width: 100%; font-size: 17px; }
  .crop-production-panel {padding: 45px 16px 22px; }
  .crop-production-list {grid-template-columns: 1fr; gap: 16px; }
  .crop-production-list li {font-size: 18px; padding-right: 0; }
  .crop-production-list li::after {display: none; }
  .quality-focus-main-wrapper {padding: 40px 0 0; }
  .quality-focus-image img {height: 250px; }
  .quality-tag {min-width: 100%; font-size: 20px; padding: 15px 18px; }
  .quality-tag span {font-size: 29px; }
  .other-services-types img {max-width: 60px; }
  .benefits-icons {width: 76px; height: 76px; left: 18px; top: -22px; }
  .benefits-icons img {max-width: 38px; }
  .benefits-swiper-controls {padding-top: 20px; }
  .production-research-main-wrapper.production {padding: 40px 0; }
  .plant-types-main {gap: 25px; }
  .our-core-values-card-content p {font-size: 15px; margin: 5px 0 15px; }
  .our-core-values-card-content h3 {font-size: 20px; }
  .world-wide-circle {max-width: 100%; }
  .world-wide-operations-list-wrapper .world-wide-bottom:first-child {padding: 10px 15px 0; }
  .world-wide-operations-list-wrapper .world-wide-bottom:last-child {padding: 0 15px 15px; }
  .world-wide-operations-list-wrapper .world-wide-bottom {margin: unset !important; }
  .protection-for-seeds-main-wrapper h2 {padding: 0 0 20px; }
  .ip-protection-right h2 {text-align: center; }
  .why-need-main-wrapper h2 {padding: 0; }
  .other-services-types h3 {font-size: 16px !important; }
  .team-main-heading {max-width: 300px; }
  .team-main-heading {padding: 5px 0 8px; }
  .why-certification-content p::before {top: 9px; margin: initial; }
  .trail-seeds-main {gap: 20px; }
  .seed-quality-std-main-wrapper h2 {padding: 0 0 30px; }
  .seed-quality-std-main-wrapper {margin: 0; }
.why-trail-seed-main-wrapper.contract {
	padding: 40px 0 25px;
}
.seed-man-left {
	padding: 8px 0 0 0;
}
  .seed-quality-per-main span {max-width: 80px; height: 80px; font-size: 18px; }
  .seed-quality-per-main p {font-size: 20px; margin: 2px; }
  .stages-types {padding: 15px 20px; }
  .why-trail-seed-main-wrapper.trail .why-trail-seed-inner-wrapper img {max-width: 330px; height: 330px; }
  .why-trail-seed-main-wrapper.trail .why-trail-seed-inner-wrapper {gap: 20px; }
  .stages-of-trail-inner-wrapper h2 {padding: 0 0 5px; }
  .stages-of-trail-main-wrapper {padding: 0 0 40px; }
  .our-core-values-cards-wrapper {padding-top: 63px; }
  .our-core-values-card-img span {width: 80px; height: 80px; }
  .our-core-values-card-content {margin: 44px 0 0; }
  .vision-mission h3 {padding: 10px 0 0; }
  .swiper-slide section .fluid-container .content h2 {font-size: 20px; }
  .common-heading-left h1 {text-align: left; }
  .why-trail-seed-inner-wrapper span::before {display: none; }
  .seed-quality-std-main-wrapper {padding: 30px 0; }
  .need-types::before {bottom: -54px; }
  .why-need-inner-wrapper {padding: 15px 0 40px; }
  .swiper-button-next, .swiper-button-prev {width: 30px !important; height: 30px !important; }
  .pro-man-features p::before {top: 7px; }
  .other-services-main-wrapper .common-btn {max-width: 165px; }
  .plant-content h2 {font-size: 23px; }
  .world-wide-operations-list-wrapper {padding-top: 10px; }
  .world-wide-operations-list-wrapper .world-wide-bottom, .world-wide-operations-list-wrapper .world-wide-bottom:nth-child(2) {padding-bottom: 12px; }
  .world-wide-circle span {width: 30px; height: 30px; }
  .product-cards h4 {font-size: 17px; }
  .blog-date {padding: 12px 15px; }
  .production-research-inner-wrapper .common-heading {padding: 0 0 10px; }
  .our-blog-main-wrapper .common-heading {padding: 0 0 10px; }
  .service-content .common-heading h3 {padding: 0 0 10px; }
  .service-description {text-align: left; }
  .why-trail-contant p::before {top: 9px; }
  .trail-seed-inner-wrapper-main h2 {padding: 10px 0 20px; }
  .trail-seed-right h3 {font-size: 17px; }
  .trail-seed-inner-wrapper-main .trail-seed-right p {padding: 0 0 0 18px; }
  .production-research-content {padding: 20px 12px; }
h3 {
	font-size: 20px;
	
}
.certification-main h3{text-align: center;}
  .production-research-content p {padding: 8px 0 0 0; }
  .production-research-main {padding: 20px 0 0; }
  .practices-for-sustainable-seed-production-main-wrapper {padding: 0 0 40px; }
  .protection-for-seeds-main-wrapper {padding: 0 0 40px; }
  .practices-for-sustainable {gap: 32px; }
  .practices-for-sustainable-content p::before {max-width: 7px; height: 7px; }
  .practices-for-sustainable-content p {padding: 0 0 0 14px; text-align: left; }
  .practices-for-sustainable-seed-production-inner-wrapper h2 {padding: 0 0 2px; }
  .why-certification-main {margin: 0 auto 40px; }
  .practices-for-sustainable-content {max-width: 100%; }
  .practices-for-sustainable {padding: 22px 0 0 0; }
  .production-research-main {gap: 50px; }
  .production-research-main {padding: 40px 0 0; }
 
}
@media (max-width:420px) {  
  .our-core-values-both {align-items: flex-start; }
  .core-values-types {padding: 60px 30px 30px 30px; }
  .our-core-values-both:nth-child(2n) .core-values-types {padding: 60px 30px 30px 30px; }
  .our-core-values-icon {max-width: 70px; height: 70px; left: 0; }
  .our-core-values-both {align-items: center; flex-direction: column; }
  .core-values-types {padding: 60px 20px 30px; }
  .our-core-values-both:nth-child(2n) .our-core-values-icon {left: 0; }
  .our-core-values-both:nth-child(2n) .core-values-types {padding: 60px 20px 30px; }
  .our-core-values-both:nth-child(2n) {margin-left: auto; flex-direction: column-reverse; }
  .our-core-values-icon {transform: translateY(35px); }
  .our-core-values-inner-wrapper {gap: 0px; }
  .circle-shadow img {width: 260px; height: 260px; }
  .practices-for-sustainable-content {padding: 12px; }
  .practices-for-sustainable {gap: 22px; }
  .production-research-main {gap: 40px; }
}

@media (max-width:370px){
  .why-trail-seed-main-wrapper.trail .trail-main-types h3 {font-size: 20px;}
  .modern-index-banner h1 {font-size: 22px !important;}
   h2 {font-size: 21px; }
  .crop-production-heading h2 {font-size: 21px;}
  .benefits-content h3 {
	font-size: 20px;
}

  .service-title {font-size: 19px;}
}

@media (max-width:380px) { 
 
  .inovation-text p {text-align: left; }
  .inovation-img img {max-width: 250px; height: 250px; }
  .inovation-img {max-width: 250px; }
  .contact-us-main-right {padding: 0 10px 40px 10px; }
  .contact-us-main-right .common-btn {margin: 25px 0 0 0; }
  .contact-us-main-left {padding: 20px 10px 12px; }
  .contact-left-bottom {padding: 12px 0 0 0; }
  .our-location-inner-wrapper h2 {padding: 0 0 20px 0; }

  .blog-section {padding: 25px 0 0; }
  .blog-content p {font-size: 18px; text-align: left; }
  .blog-date {font-size: 16px; }
  .world-wide-main-wrapper h2 {padding: 0 0 10px; }
  .world-wide-bottom {margin-top: 10px; }
  .other-services-inner-wrapper {gap: 25px; }

  .association-inner-wrapper {gap: 14px; }
  .state-names p {font-size: 16px; }
  .state-names {max-width: 132px; }
  .team-members {padding: 30px 10px 20px 5px; }
  .team-members h4 {text-align: center; }
  .plant-types-main {gap: 22px; }
  .why-trail-seed-main-wrapper.trail .trail-main-types h3 {padding: 18px 0 0; }
  .product-cards h4 {font-size: 16px; }
}