:root {
  --dark-blue:#11103D;
   --blue-color:#221E49;
   --blue-light:#874A9C;
  --main-color:#29DAED;
  --main-color-hover:#9CCBD0;
  --link-color:#0396A6;
  --link-color-hover:#6FD0DB;
  --off-white: #F4F4F4;
  --gray-color:#EEEEEF;
  --dark-black-color:#242424;
  --white-color: #fff;
  --pink-color:#ee2f66;
  --black-color: #242424;
  --border-radius:0.32rem;
  --font-size-h1:2.35vw;
  --font-size-h2:2.35vw;
  --font-size-h3:1.68vw;
  --font-size-h4:1.5vw;
  --font-size-h5:1.12rem;
   --font-size-h6:1.05rem;
  --font-size-p:0.92rem;
  --font-large-p:1.05vw;
  --font-small:0.72rem;
  --line-height:1.7vw;
  --dark-gray:#3A3A3A;
  --bg-blue:#0E3042;
  --weight-300:300;
  --weight-400:400;
  --weight-500:500;
  --weight-600:600;
  --weight-700:700;
  --weight-800:800;
  --weight-900:900;
}
html, body {
    margin: 0px;
    padding: 0px;
    font-size: 1.04vw;
}
section h1, 
section .h1 {
    font-size: var(--font-size-h1);
}
section .p-as-h2 p,
section .h1-as-h2 h1,
section .h3-as-h2 h3,
section h2, .h2 {
  text-transform: initial; 	
   font-size: var(--font-size-h2);
   margin-top: 0;
}
section .h2-as-h3 h2,
section h3, 
section .h3 {
   font-size: var(--font-size-h3);
   letter-spacing: 1.08px;
   letter-spacing: initial;
  text-transform: initial; 
}
section .p-as-h4 p,
section .h3-as-h4 h3,
section h4, 
section .h4 {
   font-size: var(--font-size-h4);
}
section h5, 
section .h5 {
   font-size: var(--font-size-h5);
}
section h6, 
section .h6 {
    font-size: var(--font-size-h6);
}
.content-page img {
    width: 100%;
}
.large-p, .large-p p, .large-p li, .content-page p {
    font-size: 1vw;
    line-height: 1.6;
    font-weight: 400;
    letter-spacing: -0.03em;
    list-style-position: inside;
}
.font-white{
	color:var(--white-color);
}
.font-black{
	color:var(--dark-black-color);
}
.font-green{
	color:var(--green-color);
}
.font-orange{
	color:var(--main-color);
}
.font-heading-purple .head  h2, 
.font-heading-purple .text h2,
.font-heading-purple .head  h3, 
.font-heading-purple .text h3 {
	color: var(--blue-light);
}
.border {
    border: 1px solid #5B5B5B4D;
}
.button.transparent {
    background-color: transparent;
}
a.button.transparent {
    color:  var(--link-color);
    border: 1px solid  var(--link-color);
    padding: 0.6vw 1.7vw;
    border-radius: 7px;
    letter-spacing: 0.28px;
    font-weight: 700;
    font-size: 0.76vw;
}
a.button.transparent:hover {
	background-color: #C4EAEF;
}
.button.negative {
    border-color: var(--white-color);
    background-color: var(--white-color);
	color:var(--dark-blue);	
}
.background-dark-blue  {
    background-color: var(--dark-blue);	
}
.background-green {
    background-color: var(--bg-green);	
}
.background-off-white {
    background-color: var(--off-white);	
}
.background-white {
    background-color: var(--white-color);	
}
.background-gray {
    background-color: var(--gray-color);
}
.background-light-orange {
	background-color: var(--light-orange);
}
.overlay-tex {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5rem;
    height: 100%;
}
a.read-more {
	position: relative;
    color: var(--dark-blue);
    text-decoration: none;
    display: flex;
    align-items: center;
	font-weight: var(--weight-600);
	font-size: 0.92rem;
}
a.read-more svg {
	display: none;
}
a.read-more:after {
	--read-more-border-width: 0.4rem;
	content: '';
	display: block;
	width: 0; 
	height: 0; 
	margin-left: 0.35rem;
    margin-top: 0.1rem;
	border-top: var(--read-more-border-width) solid transparent;
	border-bottom: var(--read-more-border-width) solid transparent;
	border-left: var(--read-more-border-width) solid  var(--main-color);
	display: none;
}
a.read-more:hover {
    color: var(--main-color-hover);
}
a.read-more:hover:after {
	width: 0; 
	height: 0; 
	border-left: var(--read-more-border-width) solid var(--main-color-hover);
}
.readmore a {
	color: var(--link-color);		
	cursor: pointer;
	text-decoration: underline;
} 
.readmore a:hover {
	cursor: pointer;
	color: var(--link-color-hover);	
	/*text-decoration: none;*/
} 
.section-two a {
	color: var(--link-color);		
	cursor: pointer;
	text-decoration: underline;
} 
.section-two a:hover {
	color: var(--link-color-hover);	
}
.readmore-height-wrap.active .readmore a svg {
    margin-left: 0.2rem;	
	transition: 0.5s;
} 
.readmore-height-wrap.active.open .readmore a svg {
	transform: scale(-1);
}
.left-gradient .responsive-bg {
	width: 100%;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 calc(100% - 10vw));
}
.right-gradient .bg {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vw), 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 10vw), 0 100%);
}
.bg {
    z-index: -1;
    border-radius: inherit;
    pointer-events: none;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute;
}

/****common-css-start**********/
/* flex */
.display-flex {
	display: flex;
}
.display-flex-all {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-unset {
	flex-wrap: unset;
}
.space-between {
	justify-content: space-between;
}
.align-center {
	align-items: center;
}
.center {
	text-align: center;
}
.flex-row {
	display: flex;
    flex-wrap: wrap;
}
.flex-half{
	width: 50%;
}
.flex-third {
	width: 33.33%;
}
.flex-two-thirds{
	width: 66.66%;
}
.flex-qtr{
	width: 25%;
}
.flex-container-wrap {
    display: flex;
    flex-wrap: wrap;
}
.justify-content-space-between{
    justify-content: space-between;
}
.justify-content-end {
    justify-content: end;
}
.justify-content-center {
	justify-content: center;
}
.align-items-start {
    align-items: flex-start;
}
.align-items-end {
    align-items: flex-end;
}
.align-items-center {
    align-items: center;
}
.flex-direction {
    flex-direction: row-reverse;
}
.no-margin{
	margin: 0rem;
}
.col-margin-wrap {
	margin-right: -1.5rem;
	margin-left: -1.5rem;
}
.col-margin {
    margin-right: 1.5rem;
    margin-left: 1.5rem;
}
.col-margin-small-wrap {
	 margin-right: -0.7rem;
    margin-left: -0.7rem;
}
.col-margin-small {
     margin-right: 0.7rem;
    margin-left: 0.7rem;
}
.text-over-image {
	position: relative;
}

/**** Css divided width ****/
.flex-1{
	width:8.33333333%
}
.flex-2{
	width:16.66666667%
}
.flex-20{
	width:20%
}
.flex-3{
	width:25%
}
.flex-4{
	width:33.33333333%
}
.flex-5{
	width:41.66666667%
}
.flex-6{
	width:50%
}
.flex-7{
	width:58.33333333%
}
.flex-8{
	width:66.66666667%
}
.flex-9{
	width:75%
}
.flex-10{
	width:83.33333333%
}
.flex-11{
	width:91.66666667%;
}
.flex-12{
	width:100%
}
.flex-35{
	width:35%
}
.position-relative {
    position: relative;
}
.section-padding {
	padding-top: 6vw;
	padding-bottom: 6vw;
}
.responsive-bg.bg-change-done {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	width: 100%;
}
.section-padding-top {
	padding-top: 6vw;
}
.section-padding-bottom {
	padding-bottom: 6vw;
}
.margin-bottom {
    margin-bottom: 2.5vw;
}
.content-page .svg img {
    width: 100%;
    height: 100%;
    height: auto;
}

/***width-container*****/
/******/
.content-page .readmore-height-wrap .text:after {
	display: none;
}
.text-over-image {
    display: flex;
    align-items: center;
}
.text-over-image .section-content-wrap {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
    color: var(--white-color);
}
.text-over-image .section-padding {
    width: 100%;
	padding-top: 0;
}

/*section - one */
.section-one .section-padding-top {
    padding-top: 3vw;
}
.section-one .header-image img {
    width: 100%;
}
.section-one.font-white .section-padding {
    padding-top: 2vw;
    padding-bottom: 4vw;	
}
.section-one.font-white {
    background: transparent linear-gradient(180deg, #874A9C 0%, #002645 100%) 0% 0% no-repeat padding-box;
}
.section-one.font-white h2 {
    font-size: var(--font-size-h1);
    margin: 0 0 2vw;
}
.section-one.font-white .readmore {
    font-size: var(--font-large-p);
    text-align: center;
    margin: 1rem 0 0;
}
.section-one.font-white .readmore-height-wrap.active .text {
   max-height: 9.75vw;
}
.section-one.font-white .readmore-height-wrap.active.open .text {
   max-height: fit-content;
}
.section-one.font-white h3 {
    color: var(--white-color);
    font-size: var(--font-size-h4);
    text-transform: capitalize;
    font-weight: 600;
    letter-spacing: 0.56px;
    line-height: 1.4;
}
.section-one.where-we-focus {
    margin-top: -10vw;
    padding-top: 10vw;
}
.section-one.our-commitment .text h2 {
    margin-bottom: 2vw;
}
.section-one.linear-bg {
    background: unset;
}
.section-one.linear-bg .responsive-bg {
    height: 28vw;
    background-position: right;
    position: relative;
    margin-top: -12vw;
    padding-top: 10vw;
    z-index: 1;
}
.section-one.linear-bg .text p a {
    color: #6FD0DB;
    text-decoration: underline;
}
.section-one.linear-bg .text p a:hover {
	color: #0396A6;
}
.section-one.top-gradient {
    background: none;
}
.section-one.top-gradient .section-padding {
    padding: 5vw 0 10vw;
}

/*section - two */
.section-two.our-esg-impact .content-page {
    align-items: center;
}
.section-two.our-esg-impact .image {
    width: 21.5vw;
    margin: 0 auto;
}
.section-two.our-esg-impact .text {
    padding-right: 2vw;
}
.section-two.supporting-sustainable-agriculture .content-page {
    align-items: center;
}
.section-two.supporting-sustainable-agriculture .image {
    width: 44vw;
}
.section-two.supporting-sustainable-agriculture .text {
    padding: 4vw 11vw 0px 0;
}
.section-two.supporting-sustainable-agriculture .text h3 {
    /* font-size: var(--font-size-h3); */
	margin: 0 0 1vw;
}
.section-two.supporting-sustainable-agriculture .text h4 {
    font-size: var(--font-size-h4);
    text-transform: capitalize;
    text-transform: initial;
    line-height: 1.4;
    color: var(--black-color);
}
.section-two.casterra-delivers .right-wrap {
    padding: 0 6vw 0 4vw;
}
.section-two.casterra-delivers .box-left .image {
    padding-right: 0vw;
}
.section-two.casterra-delivers .right-wrap .image {
    width: 14vw;
    margin: 0 0 1.5vw;
}
.section-two.casterra-delivers .right-wrap .box:last-child .image, .section-five.agplenus-designs .box-left .text-wrap-left .box:last-child .image {
    width: 9vw;
    margin: 1vw 0 1vw;
}
.section-two.casterra-delivers .readmore-height-wrap .readmore {
    margin-top: 0.5vw;
}
.section-two.casterra-delivers .readmore-height-wrap.active .text {
    max-height:8.2vw;
}
.section-two.casterra-delivers .readmore-height-wrap.active.open .text {
    max-height: fit-content;
}
.section-two.ag-seed-division .content-page {
    padding: 0 6vw;
}
.section-two.ag-seed-division .content-page .box-right .readmore-height-wrap {
    padding: 0 0vw 0 4vw;
}
.section-two.ag-seed-division .content-page .image {
    width: 40vw;
}
.section-two.ag-seed-division .readmore-height-wrap.active .text {
    max-height: 8.3vw;
}
.section-two.ag-seed-division .readmore-height-wrap.active.open .text {
    max-height:fit-content;
}
.section-two.ag-seed-division .readmore-height-wrap .readmore {
    margin-top: 0.2vw;
}
.section-two.ag-seed-division .head.margin-bottom {
    margin-bottom: 3vw;
}
.section-two.about-our-board .content-page {
    flex-direction: row-reverse;
    padding: 0 6vw;
	align-items: center;
}
.section-two.about-our-board .box-right .text {
    padding: 0 6vw 0 0;
}
.section-one.top-gradient .section-padding {
    padding: 5vw 0 12vw;
}
.section-two.canonic’s-mission .box .image {
    width: 15vw;
    margin: 0 0 1.5vw;
}
.section-two.canonic’s-mission .right-wrap {
    padding: 0 6vw 0 4vw;
}
.section-two.canonic’s-mission .box-left .image {
    padding-right: 3vw;
}

/*section - three */
.section-three .content {
    max-width: 100%;
}
.section-three .content-page {
    padding: 0 4.5vw;
    z-index: 2;
    position: relative;
}
.section-three .head {
	position: relative;
	z-index: 2;
}
.section-three .head h2 {
    font-size: var(--font-size-h4);
}
.section-three .col-margin-small {
    margin-right: 0.1rem;
    margin-left: 0.1rem;
}
.section-three .image {
    position: relative;
}
.section-three .image-overlay-text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: var(--white-color);
    padding: 0 2.5vw 1.5vw;
}
.section-three .image-overlay-text .svg {
   width: 2.2vw;
    height: 2.4vw;
    object-fit: fill;
}
.section-three .image-overlay-text .text {
    padding: 0;
}
.section-three .image-overlay-text .text h3 {
    color: var(--white-color);
}
.section-three .text p {
    padding: 2vw 7vw 1vw 0;
}
.section-three.lavie-bio .content-page {
    padding: 0;
	margin-right: -1rem;
    margin-left: -1rem;
}
.section-three.lavie-bio .content-page .image {
    width: 11vw;
	margin-bottom: 2vw;
}
.section-three.lavie-bio .content-page .image img {
    height: 4vw;
    object-fit: contain;
}
.section-three.lavie-bio .content-page .text h3 {
    font-size: var(--font-size-h4);
    text-transform: capitalize;
    text-transform: initial;
    color: var(--black-color);
	margin: 0 0 1vw;
}
.section-three.lavie-bio .content-page .text p {
    max-width: 84%;
    padding: 0;
	min-height: 8vw;
}
.section-three.lavie-bio .col-margin-small {
    margin-right: 1rem;
    margin-left:1rem;
}
.section-three.right-gradient {
    padding-bottom: 6vw;
}
.section-three.right-gradient .bg {
    z-index: 1;
}
.section-three.right-gradient .text p {
    min-height: 11.5vw;
}

/*section - four */
.section-four .content-page {
    background-color: var(--gray-color);
    padding: 4vw 10vw;
}
.section-four .content-page .image {
    width: 9.8vw;
}
.section-four .content-page .text h2 {
    font-size: var(--font-size-h3);
    margin: 0 0 1vw;
}
.section-four .readmore-height-wrap.active .text {
    max-height:6.65vw;
    max-height:6.4vw;
}
.section-four .readmore-height-wrap.active.open .text {
    max-height:fit-content;
}

/*section - five */
.section-five .text-wrap-left {
    padding: 0 4vw 0 11vw;
}
.section-five .text-wrap-left .text h3 {
    font-size: var(--font-size-h3);
    margin-bottom: 1vw;
}
.section-five .text-wrap-left .image {
    width: 14vw;
    margin: 1.5vw 0 2vw;
}
.section-five .text-wrap-left .text h4 {
    font-size: var(--font-size-h4);
    color: var(--black-color);
    text-transform: capitalize;
}
.section-five .text-wrap-left .button-wrap {
    margin: 2vw 0 0;
}
.section-five.right-gradient .head h2 {
    line-height: 1.2;
}
.section-five.right-gradient .text-wrap-left .flex-row {
    justify-content: space-between;
}
.section-five.right-gradient .text-wrap-left .flex-row .flex-5.box {
    width: 42%;
}
.section-five.right-gradient .text-wrap-left .flex-row .image {
    width: 9vw;
    width: 7vw;
}
.section-five.right-gradient .text-wrap-left .flex-row .box:first-child .image {
    width: 16vw;
}
.section-five.right-gradient .box-left, .section-five.right-gradient .box-right, .section-five.agplenus-designs .box-left, .section-five.agplenus-designs .box-right {
    width: 50%;
}
.section-five.right-gradient .box-left .text-wrap-left, .section-five.agplenus-designs .box-left .text-wrap-left {
    padding: 0 0vw 0 6vw;
}
.section-five.right-gradient .box-right .image, .section-five.agplenus-designs .box-right .image {
    padding-left: 4.4vw;
}
.section-five.agplenus-designs .readmore-height-wrap.active .text {
    max-height: 6.75vw;
}
.section-five.agplenus-designs .readmore-height-wrap.active.open .text {
    max-height: fit-content;
}
.section-five.agplenus-designs .box-left .text-wrap-left .box:first-child .readmore-height-wrap.active .readmore.left {
    display: none;
}
.section-five.agplenus-designs .box-left .text-wrap-left .box:first-child .readmore-height-wrap.active .text {
    max-height: fit-content;
}
.section-five.agplenus-designs .text-wrap-left .image {
    margin: 1.5vw 0 1vw;
}
.section-five ul, .section-two ul  {
    list-style: none;
    display: flex;
}
.section-five ul li, .section-two ul li {
    margin: 2vw 1.5vw 1vw;
}
.section-five ul li:first-child, .section-two ul li:first-child {
    margin-left: 0;
}
.section-five ul li img, .section-two ul li img {
    width: 8.5rem;
}

/*section - six*/
.section-six .responsive-bg.bg-change-done {
    height: 52vw;
    position: relative;
    margin-top: -12vw;
    padding-top: 13vw;
    z-index: 1;
}
.section-six .box .svg {
    margin: 0 0 1.5vw;
}
.section-six .content-page {
    justify-content: center;
	padding: 0 2.5vw;
}
.section-six .head h2 {
    font-size: var(--font-size-h4);
    line-height: 1.3;
}
.section-six .content-page .box {
    margin-bottom: 2vw;
}
.section-six .section-padding {
    padding: 0 0 3vw;
}
.section-six .box .svg {
    width: 6.5vw;
    height: 6.5vw;
    margin: 0 auto 1.5vw;
}

/*section - seven*/
.section-seven .head h2 {
    font-size: var(--font-size-h4);
}
.section-seven .tab-wrap {
    width: 100%;
}
.section-seven .tab-inner {
    background-color: var(--gray-color);
    margin-bottom: 0.25vw;
	padding: 1vw 2vw;
}
.section-seven .arrow {
    background: transparent;
    border: 0px !important;
    padding: 0px;
}
.section-seven svg {
    width: 100%;
    height: 100%;
}
.section-seven .open-arrow {
    color: #D0E4E9;
	cursor: pointer;
}
.section-seven .open-arrow:hover {
    color: #9CCBD0;
}
.section-seven .close-arrow {
    display: none;
    color: #874A9C;
}
.section-seven .tab-inner.open .close-arrow {
    display: block;
}
.section-seven .tab-inner.open .open-arrow {
    display: none;
}
.section-seven .arrow {
    width: 2.3vw;
    height: 2.3vw;
}
.section-seven .tab-heading {
    position: relative;
}
.section-seven .tab-content h4 {
    color: #0396A6;
    margin: 0 0 0vw;
}
.section-seven .tab-content {
    padding-left: 1.5vw;
}
.section-seven .tab-content p:last-child {
    margin-bottom: 0;
}
.section-seven .tab-inner .discretion-text {
     height: 0;
    max-height: 0;
	visibility: hidden;
}
.section-seven .tab-inner.open .discretion-text {
    height: auto;
    max-height: 14vw;
    visibility: visible;
	padding-top: 0.8vw;
}
.section-seven .tab-inner .display-flex {
    align-items: center;
}
.section-seven .tab-inner.open .display-flex {
    align-items: flex-start;
}
.section-seven .text {
    padding: 2vw 7vw 0;
}

/* section - eight */
.section-eight .content-page {
    justify-content: space-between;
    padding: 0 6vw;
}
.section-eight .content-page .flex-6 {
    width: 45%;
}
.section-eight .text h3 {
    font-size: var(--font-size-h3);
    margin: 0 0 1vw;
}
.section-eight .readmore-height-wrap p img {
    margin: 1.5vw 0 0;
}
.section-eight .readmore-height-wrap {
    margin-bottom: 1.5vw;
}
.section-eight .readmore-height-wrap .readmore {
    margin-top: 0.5vw;
}
.section-eight .readmore-height-wrap.active .text {
    max-height: 9.3vw;
}
.section-eight .readmore-height-wrap.active.open-v2 .text, 
.section-eight .readmore-height-wrap.active.open .text {
    max-height: fit-content;
}

/*section nine*/
.section-nine.odd .content-page {
    flex-direction: row-reverse;
}
.section-nine .content-page {
    align-items: center;
}
.section-nine.odd .content-page .text {
    padding: 0 3vw 0 6vw;
}
.section-nine.odd .content-page .image {
    padding-left: 4.3vw;
}
.section-nine .content-page h3 {
    margin: 0 0 1vw;
    color: var(--blue-light);
    line-height: 1.3;
    text-transform: capitalize;
	letter-spacing: 0px;
}
.section-nine .content-page .text p {
    letter-spacing: 0.4px;
}
.section-nine.even .text {
    padding: 0 6vw 0 4vw;
}
.section-nine.even .image {
    padding-right: 3vw;
}
.section-nine.odd .section-padding-bottom {
    padding-bottom: 3vw;
}
.section-nine .content-page .text p a {
    color: #0396A6;
    font-weight: 500;
    line-height: 1.2;
    text-decoration: underline;
}
.section-nine .content-page .text p a:hover {
	color: var(--main-color-hover);
}



/**responsive-style****/

@media (min-width: 768px){

}
@media (min-width: 992px){
	.container-page {
		margin: 0 auto;
		padding: 0 1vw;
	}
	.container-page.container-page-narrow-small {
		width: 40.8vw;
	}
	.container-page.container-page-narrow-medium {
		width: 43.8vw;
	}
	.container-page.container-page-narrow {
		width: 50.8vw;
	}
	.container-page.container-page-large-narrow{
		width: 71.4vw;
	}
	.container-page.container-page-wide {
		width: 78.4vw;
	}
	.container-page.container-page-large-medium {
		width: 60.3vw;
	}
	.container-page.container-page-medium {
		width: 55vw;
	}
	.container-page.container-page-full {
		width: 100%;
		max-width: 100%;
		padding: 0 0;
	}
	
	.section-one.esg-strip-1 {
		min-height: 44vw;
	}
	.section-one.esg-strip-2 {
		min-height: 19vw;
	}
	.section-two.esg-strip-3 {
		min-height: 34vw;
	}
	.section-three.esg-strip-4 {
		min-height: 47vw;
	}
	.section-one.esg-strip-5 {
		min-height: 36vw;
	}
	.section-two.esg-strip-6 {
		min-height: 24vw;
	}
	
	.section-one.governance-strip-1 {
		min-height: 29vw;
	}
	.section-one.governance-strip-2 {
		min-height: 7vw;
	}
	.section-two.governance-strip-3 {
		min-height: 44vw;
	}
	.section-one.governance-strip-4 {
		min-height: 1vw;
	}
	.section-five.governance-strip-5 {
		min-height: 45vw;
	}
	.section-one.governance-strip-6 {
		min-height: 2vw;
	}
	
	
}
@media (max-width: 991px){
	:root {
		--font-size-h1:30px;
		--font-size-h2:24px;
		--font-size-h3:20px;
		--font-size-h4:18px;
		--font-large-p:16px;
		--line-height:1.5;
	}
}
@media (max-width: 991px){
	body {
	    font-size: 16px;
	}
	.flex-third, .flex-1, .flex-2, .flex-3, .flex-4, .flex-5, .flex-6, .flex-7, .flex-8, .flex-9, .flex-10, .flex-11, .flex-12, .flex-35 {
		width: 100%;
	}
	.container-page {
		width: 100%;
		padding: 0 3.8vw;
	}
	h1, .h1 {
		font-size: 45px;
	}
	.text-over-image .section-content-wrap {
		padding-top: 7rem;
	}
	large-p, .large-p p, .large-p li, .content-page p {
		font-size: 2.6vw;
		line-height: 1.6;
	}
	a.button.transparent {
		padding: 1.3rem 4rem;
		border-radius: 7px;
		font-size: 2vw;
	}
	/***section-one***/
	.section-one .header-image img {
		width: 100%;
	}
	/***section-two***/
	.section-two.canonic’s-mission .right-wrap {
		padding: 3vw 0;
	}
	.section-two.supporting-sustainable-agriculture .image {
		width: 100%;
	}
	.section-two.supporting-sustainable-agriculture .text h2 {
		font-size: 5vw;
		margin: 3vw 0 3vw;
	}
	.section-two.supporting-sustainable-agriculture .text {
		padding: 0 0vw 0 0;
	}
	.section-two.supporting-sustainable-agriculture .text h3 {
		font-size: 4vw;
	}
	.section-two.supporting-sustainable-agriculture .container-page {
		padding: 0 0;
	}
	.section-two.supporting-sustainable-agriculture .text {
		padding: 0 3.8vw;
	}
	/***section-three***/
	.section-three.lavie-bio .content-page .text p {
		padding-bottom: 3.5vw;
	}
	.section-three.lavie-bio .content-page .image {
		width: 11vw;
		margin: 4vw 0 2vw;
	}
	/***section-four***/
	.section-four .content-page .image {
		margin-bottom: 2vw;
	}
	/***section-five***/
	.section-five.right-gradient .box-left .text-wrap-left, .section-five.agplenus-designs .box-left .text-wrap-left {
		padding: 0 0vw 0 0vw;
	}
	.section-five .text-wrap-left .button-wrap {
		margin: 3vw 0 0;
	}
	.section-five .text-wrap-left {
		padding: 0 0vw 6vw 0vw;
	}
	/***section-eight***/
	.section-eight .content-page {
		padding: 0 0vw;
	}
	/***section-nine***/
	.section-nine.odd .content-page .image {
		padding-left: 0;
	}
	.section-nine.odd .content-page .text, .section-nine.even .text {
		padding: 3vw 0 0;
	}
	
}
@media (max-width: 767px){
	.large-p, .large-p p, .large-p li, .content-page p {
		font-size: 3.6vw;
	}
	.font-heading-purple .head h2, 
	.font-heading-purple .text h2 {
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 4vw;
	}
	.section-padding {
		padding-top: 2vw;
		padding-bottom: 2vw;
	}
	.button-wrap.left {
		text-align: center;
	}
	.h2-as-h3 h2, h3, .h3, .section-one.font-white h3 {
		font-size: 4vw;
		letter-spacing: 1.08px;
	}
	
	a.button.transparent {
		padding: 1.5rem 4rem;
		border-radius: 7px;
		font-size: 14px;
	}
	.content-page .readmore-height-wrap .readmore {
		font-size: 16px;
		font-weight: 700;
		text-align: center;
	}
	.header-image {
		position: relative;
		overflow: hidden;
	}
	.section-one.top-gradient .section-padding {
		padding: 6vw 0 25vw;
	}
	/***.section-one***/
	.section-one.text-over-image {
		margin-top: 86px;
		padding-bottom: 0vw;
	}
	.section-one.text-over-image .section-content-wrap {
		padding-top: 0;
	}
	.section-one .header-image img {
		width: 200%;
	}
	.section-one.where-we-focus {
		padding-top: 20vw;
	}
	.section-one.our-commitment .text h2 {
		font-size: 5vw;
	}
	.section-one.our-commitment .text p,
	.section-one.our-commitment .text h2 {
		text-align: left!important;
	}
	.section-one.linear-bg .responsive-bg {
		height: auto;
		padding-top: 16vw;
		margin-top: -18vw;
	}
	/***.section-two***/
	.section-two.our-esg-impact .image {
		width: 60vw;
		margin: 6vw auto 6vw;
	}
	.section-one.font-white h2, .section-two h2 {
		font-size: 6vw;
	}
	.section-two.our-esg-impact .text {
		padding-right: 0vw;
		text-align: center;
	}
	.section-two.supporting-sustainable-agriculture .image {
		width: 100%;
		margin-bottom: 3vw;
	}
	
	.section-two.about-our-board .content-page {
		padding: 0 0vw;
	}
	.section-two.about-our-board .content-page .image {
		margin-bottom: 5vw;
	}
	.section-two.casterra-delivers .box {
		margin-top: 10px;
		margin-bottom: 40px;
	}
	.section-two.casterra-delivers .right-wrap .image {
		width: 30vw;
		margin: 3vw auto 3vw;
	}
	.section-two.casterra-delivers .readmore-height-wrap.active .text {
		max-height: max-content;
		text-align: center;
	}
	.section-two.casterra-delivers .right-wrap .box:last-child .image, 
	.section-five.agplenus-designs .box-left .text-wrap-left .box:last-child .image {
		width: 22vw;
		margin: 3vw auto 3vw;
	}
	.section-two.ag-seed-division .content-page {
		padding: 0 0vw;
	}
	.section-two.ag-seed-division .content-page .box-right .readmore-height-wrap {
		padding: 4vw 0vw 0vw 0vw;
	}
	.section-two.ag-seed-division .content-page .image {
		width: 100%;
	}
	.section-two.canonic’s-mission .right-wrap {
		padding: 4vw 0vw 0 0vw;
	}
	.section-two.canonic’s-mission .box .image {
		width:50vw;
		margin: 0 0 2.5vw;
	}
	.section-two.canonic’s-mission .box-left .image {
		padding-right: 0;
	}
	/***.section-three***/
	.section-three .content-page {
		padding: 0 0;
	}
	.section-three .image-overlay-text .svg {
		width: 13.2vw;
		height: 14.4vw;
	}
	.section-three.right-gradient .text p {
		min-height: fit-content;
		padding: 4vw 0;
		text-align: center;
	}
	.section-three .col-margin-small {
		margin-bottom: 6vw;
	}
	.section-three.lavie-bio .content-page .image {
		width: 30vw;
		margin: 0vw auto 5vw;
	}
	.section-three.lavie-bio .content-page .text h3 {
		font-size: 4vw;
		margin: 2vw 0 2vw;
		text-align: center;
	}
	.section-three.lavie-bio .content-page .image img {
		height: auto;
	}
	.section-three.lavie-bio .content-page .text p {
		max-width: 100%;
		min-height: fit-content;
		height: auto;
		padding-bottom: 3vw;
		text-align: center;
	}
	/***.section-four***/
	.section-four .content-page {
		padding: 4vw;
	}
	.section-four .content-page .image {
		width: 18.8vw;
		margin: 0 auto 4vw;
	}
	.section-four .content-page .text {
		text-align: center;
	}
	.section-four .content-page .text h2 {
		font-size: 5vw;
	}
	/***.section-five***/
	.section-five .text-wrap-left {
		padding: 0 0vw 8vw 0vw;
	}
	.section-five .text-wrap-left .text h2 {
		margin-top: 20px;
		margin-bottom: 20px;
		font-size: 4vw;
	}
	.section-five .text-wrap-left .text h3 {
		font-size: 3.5vw;
		text-align: center;
	}
	.section-five .text-wrap-left .image, .section-five.right-gradient .text-wrap-left .flex-row .image {
		width: 50vw;
		margin: 2vw auto 2vw;
	}
	.section-five .text-wrap-left .button-wrap {
		margin: 5vw 0 0;
		text-align: center;
	}
	.section-five .text-wrap-left .text {
		text-align: center;
	}
	.section-five.right-gradient .box-left, .section-five.right-gradient .box-right, .section-five.agplenus-designs .box-left, .section-five.agplenus-designs .box-right {
		width: 100%;
	}
	.section-five.right-gradient .head h2, 
	.section-five.agplenus-designs .head h2 {
		font-size: 5vw;
	}
	.section-five.right-gradient .head h2, 
	.section-five .text-wrap-left .text {
		text-align: left!important;
	}
	.section-five.right-gradient .box-right .image, .section-five.agplenus-designs .box-right .image {
		padding: 0;
		margin-bottom: 3vw;
	}
	.section-five.right-gradient .box-left .text-wrap-left, .section-five.agplenus-designs .box-left .text-wrap-left {
		padding: 0 0vw 0 0vw;
	}
	.section-five.right-gradient .text-wrap-left .flex-row .flex-5.box {
		width: 100%;
	}
	.section-five.agplenus-designs .text-wrap-left .image {
		margin: 2vw auto 3vw;
	}
	.section-five.agplenus-designs .readmore-height-wrap.active .text {
		max-height: max-content;
	}
	.section-five.right-gradient .box-left .text-wrap-left, .section-five.agplenus-designs .box-left .text-wrap-left {
		padding: 0 0vw 5vw 0vw;
	}
	.section-five ul li, .section-two ul li {
		margin: 4vw 1.5vw 4vw;
	}
	.section-five ul li img, .section-two ul li img {
		width:30.5rem;
	}
	.section-five ul, .section-two ul {
		justify-content: center;
	}
	.section-two.section-two-social ul {
		justify-content: flex-start;
	}
	/***.section-six***/
	.section-six .responsive-bg.bg-change-done {
		height: auto;
		padding-top: 40vw;
	}
	.section-six .content-page {
		padding: 0 0vw;
	}
	.section-six .content-page .box {
		margin-bottom: 2vw;
		width: 50%;
	}
	.section-six .box .svg {
		width: 20.5vw;
		height: 20.5vw;
	}
	.section-six .head h2 {
		font-size: 4vw;
	}
	/**section-seven**/
	.section-seven .tab-content h4 {
		font-size: 4vw;
	}
	.section-seven .head h2 {
		font-size: 4vw;
		line-height: 1.3;
	}
	.section-seven .arrow {
		width: 6vw;
		height: 6vw;
	}
	.section-seven .tab-inner {
		padding: 4vw 4vw;
	}
	.section-seven .tab-inner.open .discretion-text {
		height: auto;
		max-height: max-content;
	}
	.section-seven .tab-content {
		padding-left: 3vw;
	}
	.section-seven .text {
		padding: 4vw 0vw 0;
	}
	/**section-eight**/
	.section-eight .readmore-height-wrap p img {
		max-width: 100%;
	}
	.section-eight .content-page {
		padding: 0 0vw;
	}
	.section-eight .content-page .flex-6 {
		width: 100%;
	}
	.section-eight .readmore-height-wrap.active .text {
		max-height: 20.75vw;
	}
	.section-eight .readmore-height-wrap .readmore {
		text-align: left !important;
		margin: 0 0 5vw;
	}
	/***section-nine***/
		.section-nine.odd .content-page .image {
		padding-left: 0;
	}
	.section-nine.odd .content-page .text, .section-nine.even .text {
		padding: 3vw 0 0 0;
	}
	/***section-contact***/
}
@media (max-width: 600px){

}

@media (max-width: 491px){
	.large-p, .large-p p, .large-p li, .content-page p {
		font-size: 4.6vw;
	}
	.font-heading-purple .head h2, .font-heading-purple .text h2 {
		font-size: 5vw;
	}
	.section-three .col-margin-small {
		margin-bottom: 10vw;
	}
	.section-six .content-page .box {
		width: 100%;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	.section-six .responsive-bg.bg-change-done {
		background-size: auto 150%;
		padding-top: 40px;
		margin-top: 10px;
	}
	.section-seven .head h2 {
		font-size: 5vw;
	}
}