/* fonts section == START */
    /*@font-face {
        font-family: "Arkibal Display";
        src: url('../fonts/ArkibalDisplay-Light.woff2') format("woff2");
        font-weight: 400;
    }
    @font-face {
        font-family: "Arkibal Display";
        src: url('../fonts/ArkibalDisplay-Regular.woff2') format("woff2");
        font-weight: 500;
    }
    @font-face {
        font-family: "Arkibal Display";
        src: url('../fonts/ArkibalDisplay-Heavy.woff2') format("woff2");
        font-weight: 700;
    }*/
    @font-face {
        font-family: "Arkibal Display";
        src: url('../fonts/Arkibal Display Thin.otf');
        font-weight: 100;
    }
    @font-face {
        font-family: "Arkibal Display";
        src: url('../fonts/Arkibal Display Light.otf');
        font-weight: 200;
    }
    @font-face {
        font-family: "Arkibal Display";
        src: url('../fonts/Arkibal Display Medium.otf');
        font-weight: 300;
    }
    @font-face {
        font-family: "Arkibal Display";
        src: url('../fonts/Arkibal Display Regular_mg.otf');
        font-weight: 500;
    }
    @font-face {
        font-family: "Arkibal Display";
        src: url('../fonts/Arkibal Display Bold.otf');
        font-weight: 700;
    }
    @font-face {
        font-family: "Arkibal Display";
        src: url('../fonts/Arkibal Display Heavy.otf');
        font-weight: 800;
    }

    @font-face {
        font-family: "Eighties";
        src: url('../fonts/Eighties-Regular.otf');
        font-weight: 500;
    }

.hideMe {
	visibility: hidden !important;
	opacity: 0 !important;
}
.removeMe {
	display: none !important;
}

a, a:hover {
	color: inherit;
	text-decoration: unset;
}

.motion-colour {
	position: absolute;
	width: 0%;
	opacity: 0; visibility: hidden;
	height: 100%;
	right: 0%;
	top: 0%;

	z-index: 0;
	transition: all 0.5s ease-out;
	border-radius: 35px;
}
.click-btn-text {
	z-index: 1;
	position: relative;
}
.btn {
	transition: all 0.5s ease-out;
}
.btn:hover .motion-colour, a .btn:hover .motion-colour {
	width: 100%;
	opacity: 1; visibility: visible;
}
/*various motion colours*/
	nav .contact-us-btn .btn .motion-colour, .contact-page.main .btn-link .btn .motion-colour, .ready-to-talk .btn .motion-colour, .index-page.below-the-fold .btn .motion-colour, .page-top.index-page .wrap .btn-link-top a .btn .motion-colour, .index-page.featured .wrap .left .text .btn-link .motion-colour {
		background-color: #FDF5E6;
	}
.page-top .bg-overcast {
	position: absolute;
	width: 100%;
	height: 100%;
	/*background-color: rgba(26, 26, 26, 0.85);*/
	background: linear-gradient(0deg, #1A453C, #1A453C);
	mix-blend-mode: multiply;
	/*mix-blend-mode: hard-light;*/
}
.page-top.contact-page {
	background-image: url("../img/contact-top-bg.png");
}
.page-top.about-page {
	background-image: url("../img/about-top-bg.png");
}
.page-top.services-page {
	background-image: url("../img/services-top-bg.png");
}

.contact-page .image {
	background-image: url("../img/contact-image.png");
}

.page-top.index-page {
	background-image: url("../img/index-top-bg.png");
}
.index-page.below-the-fold .pic {
	/*background-image: url("../img/image-below-fold.png");*/
}
.index-page.below-the-fold .flower {
	background-image: url("../img/icon_flower.svg");
}
.index-page .image {
	background-image: url("../img/about-profile_jide.png");
}
.index-page.acreage {
	background-image: url("../img/index-acreage-bg.png");
	position: relative;
}
.index-page.acreage .svg-ogun-map {
	background-image: url("../img/svg-ogun-map.svg");
	background-size: contain;
}
.index-page.acreage .icon.palms {
	background-image: url("../img/icon_palms.svg");
}
.index-page.acreage .icon.cashew {
	background-image: url("../img/icon_cashew.svg");
}
.index-page.acreage .icon.cocoa {
	background-image: url("../img/icon_cocoa.svg");
}
.index-page.featured .product .pic.cocoa {
	background-image: url("../img/pic_cocoa.png");
}
.index-page.featured .product .pic.cashew {
	background-image: url("../img/pic_cashew.png");
}
.index-page.featured .product .pic.palm-fruit {
	background-image: url("../img/pic_palm-fruit.png");
}
.index-page.featured .product .pic.livestock {
	background-image: url("../img/pic_livestock.png");
}


.index-page.acreage, .index-page.acreage .svg-ogun-map, .index-page.acreage .icon, /*.index-page.below-the-fold .pic,*/ .index-page.below-the-fold .flower, .index-page.offerings .service-listing .bg-pic, .index-page.offerings .service-listing .arrow, .index-page.featured .product .pic {
	background-position: center;
	background-repeat: no-repeat;
}
.tint-bg {
	position: absolute;
	height: 100%;
	width: 100%;
	background: #CEE4E4;
    mix-blend-mode: color;
    z-index: 0;
}
.index-page.offerings .service-listing {
	cursor: pointer;
}
.index-page.offerings .service-listing .arrow {
	background-image: url("../img/icon_arrow-single.svg");
	border-radius: 50%;
	background-color: #FCCB4D;
	transition: all 0.5s ease-out;
}
.index-page.offerings .service-listing:hover .arrow {
	background-color: #FDF5E6;
	transform: rotateZ(-45deg);
}


header {
	/*position: absolute;*/
	/*position: fixed;*/
    width: 100%;
    top: 0px;
    z-index: 3;
    background-color: #1A1A1A;

	font-family: 'Arkibal Display';
	font-style: normal;
	/* Neutral/White */
	color: #FFFFFF;
}
footer {
	font-family: "Arkibal Display";
	/* Neutral/Black */
	background-color: #1A1A1A;

	padding: 50px 30px 100px;
}
footer .cl {
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 20px;
	/* or 125% */

	color: #FFFFFF;
}
footer .on-top {
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 18px;
	/* identical to box height, or 100% */
	color: #5CB032;
	margin-bottom: 10px;
}
/*footer .cl.socials .icon:nth-of-type(2) {
	margin-left: 10px;
}*/
footer .cl.socials .icon { margin-left: 10px; } footer .cl.socials .icon:nth-of-type(1) { margin-left: unset; }
footer .copyright {
	font-style: normal;
	font-weight: 300;
	font-size: 10px;
	line-height: 10px;
	margin-top: 10px;
}
.ready-to-talk {
	/*background-color: #3D6E63;*/
	background: linear-gradient(0deg, #1E4E40, #1E4E40);
}
.about-page.controls .row {
	position: relative;
	background-color: #CEE4E4;
}
.about-page.controls .ctrl, .about.displays .company, .about.displays .people {
	transition: all 0.5s ease-out;
}
.about-page.controls .ctrl:not(.active):hover {
	opacity: 0.7;
}
.about-page.controls #slide {
	height: 100%;
	width: 50%;
	position: absolute;
	background-color: #3D6E63;
	transition: all 0.5s ease-out;
}
.about.displays .company .row .left .quote-icon {
	background-image: url("../img/icon_quote.svg");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;

	z-index: -1;
}
.about-page.section {
	background-color: #FBBA2E;
}
.about-page.section .icon {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
.about-page.section .icon.eye {
	background-image: url("../img/icon_eye.svg");
}
.about-page.section .icon.target {
	background-image: url("../img/icon_target.svg");
}
.about-page.section .icon.diamond {
	background-image: url("../img/icon_diamond.svg");
}
.services.divider .row {
	/*border-bottom: 3px solid red;*/
	border-bottom: 1px solid #1A453C;
}
.services.two-boxes .box.image.crop, .index-page.offerings .service-listing .bg-pic.crop {
	background-image: url("../img/image_crop.png");
}
.services.two-boxes .box.image.agro, .index-page.offerings .service-listing .bg-pic.agro {
	background-image: url("../img/image_agro.png");
}
.services.two-boxes .box.image.commercial, .index-page.offerings .service-listing .bg-pic.commercial {
	background-image: url("../img/image_commercial.png");
}
.services.two-boxes .box.image.livestock, .index-page.offerings .service-listing .bg-pic.livestock {
	background-image: url("../img/image_livestock.png");
}
.services.two-boxes .box.image.farm, .index-page.offerings .service-listing .bg-pic.farm {
	background-image: url("../img/image_farm.png");
}
.col-FFFFFF {
	color: white !important;
}
/*light green*/
	.bg-CEE4E4{
		background-color: #CEE4E4;
	}
	.col-CEE4E4{
		color: #CEE4E4;
	}
/*yellow/orange*/
	.bg-FDE66C{
		background-color: #FDE66C;
	}
	.col-FDE66C{
		color: #FDE66C;
	}
/*yellow/orange 2*/
	.bg-FCCB4D{
		background-color: #FCCB4D;
	}
	.col-FCCB4D{
		color: #FCCB4D;
	}
/*dark green*/
	.bg-1A453C{
		background-color: #1A453C;
	}
	.col-1A453C{
		color: #1A453C;
	}
/*dark green 2*/
	.bg-0B2A2E{
		background-color: #0B2A2E;
	}
	.col-0B2A2E{
		color: #0B2A2E;
	}
/*dark green 3*/
	.bg-3D6E63{
		background-color: #3D6E63;
	}
	.col-3D6E63{
		color: #3D6E63;
	}
/*linear green*/
	.bg-linear-grad {
		background: linear-gradient(0deg, #1E4E40, #1E4E40);
	}
	.col-linear-grad {
		/* https://www.geeksforgeeks.org/how-to-create-linear-gradient-text-using-html-and-css/ */
		background: linear-gradient(0deg, #1E4E40, #1E4E40);
	    -webkit-text-fill-color: transparent;
	    -webkit-background-clip: text;
	}
/* correction */
.box.right.words.larger.bg-1A453C .header, .box.right.words.larger.bg-3D6E63 .header {
	color: #CEE4E4 !important;
}


/* === WEB/PC CSS === */
@media screen and (min-width: 901px) {
	.mobile-only {
		display: none !important;
	}
	header {
		padding-bottom: 10px;
	}
	header .container {
		position: relative;

		font-weight: 500;
		font-size: 16px;
		line-height: 20px;
	}
	#active_page {
		color: #FBBA2E !important;
		/*font-weight: 700 !important;*/
		/*border-bottom: 2px solid #B80F30;*/
	}
	nav .navbar-ul-wrap {
		margin-right: unset !important;
		margin-left: auto;
		width: 40%;
	}
	nav .navbar-ul-wrap .nav-item {
		text-align: center;
	}
	nav .navbar-ul-wrap .nav-link {
		color: #FFFFFF;
	}
	nav .navbar-ul-wrap .nav-link:hover {
		color: #FBBA2E;
	}
	nav .contact-us-btn {
		width: 150px;
		margin-left: 35px;
	}
	nav .contact-us-btn .btn {
		width: 100%;
		background-color: #FBBA2E; border-color: #FBBA2E;
		font-style: normal;
		font-weight: 500;
		color: #1A1A1A;
		border-radius: 35px;
		padding: 7.5px 15px;
		position: relative;
	}
	nav .btn-link .btn:hover {
		border-color: #1A1A1A;
		color: white;
	}
	footer .wrap-row, footer .cl.links, footer .cl.location, footer .cl.socials {
		display: flex;
		justify-content: center;
		/*align-items: center;*/
	}
	footer .cl.location div:nth-of-type(1), footer .cl.socials div:nth-of-type(1) {
		margin-left: auto;
	}
	footer .cl {
		width: 25%;
	}
	footer .copyright {
		margin-top: 10px;
	}

	/* ready let's talk */
		.ready-to-talk {
			padding-top: 4%;
			padding-bottom: 4%;
		}
		.ready-to-talk .row {
			display: block;
			text-align: center;
		}
		.ready-to-talk .text {
			/* Title 3 */
			font-family: 'Eighties';
			font-style: normal;
			font-weight: 400;
			font-size: 48px;
			line-height: 40px;

			/* Neutral/White */
			color: #FFFFFF;
		}
		.ready-to-talk .btn-link {
			margin: 4% auto 0 auto;
			width: 236px;/*width: 20%;*/
			padding: 0px;
		}
		.ready-to-talk .btn-link .btn {
			font-family: 'Arkibal Display';
			width: 100%;
			background-color: #FBBA2E; border-color: #FBBA2E;
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 16px;
			line-height: 20px;
			color: #1A1A1A;
			border-radius: 35px;
			padding: 17px 5%; /*padding: 12.5px 5%;*/
			position: relative;
		}
		.ready-to-talk .btn-link .btn:hover {
			border-color: #FDF5E6;
		}


	/*page-top*/
		.page-top {
			position: relative;
			/*height: 30em;*/
			height: 30vw;/*height: 38vw;*/
			background-size: cover;
			background-position: 10% 9%;/*background-position: 10% 25%;*/
			background-repeat: no-repeat;
			overflow: hidden;
			color: white;
			z-index: 1;
		}
		.page-top.reduced {
			height: 400px;/*height: 32vw;*/
		}
		.page-top .container {
			position: relative;
		    height: 100%;
		}
		.page-top .row {
			position: relative;
			z-index: 10;
			display: block;
		    height: 100%;
		    padding: inherit;
		}
		.page-top .row .wrap {
			position: absolute;
			bottom: 12%;
			padding: 0%;
			transition: all 1s ease-in-out;
			opacity: 0; visibility: hidden;
		}
		.page-top .row .wrap.shown {
			/*bottom: 22%;*/
			bottom: 200px;
			opacity: 1 !important;
			visibility: visible !important;
		}
		.page-top.reduced .row .wrap.shown {
			bottom: 100px;
		}
		.page-top .title {
			/* Title 2 */
			font-family: 'Eighties';
			font-style: normal;
			font-weight: 400;
			font-size: 72px;
			line-height: 56px;

			/* Neutral/White */
			color: #FFFFFF;
		}
		.page-top .blurb {
			margin-top: 2%;
			font-style: normal;
			font-weight: 400;
			font-size: 20px;
			line-height: 24px;
		}
		.main {
			padding-top: 150px;/*padding-top: 200px;*/
			padding-bottom: 150px;/*padding-bottom: 200px;*/
		}
		.main .row {
			display: block;
			padding: inherit;
		}

	/*contact*/
		.page-top.contact-page {
			background-position: 10% 30%;
		}
		.contact-page.main {
			/*padding-bottom: 12%;*/
		}
		.contact-page.main .row {
			overflow: auto;
			position: relative;
			height: 848px;
		}
		.index-page.contact-page.main .row {
			height: 700px;
		}
		.contact-page.main .image {
			float: left;
			height: 80%;
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			width: 40%;

			position: absolute;
			left: 0px;
			z-index: 1;

			top: 10%;
			background-color: #D9D9D9;
			border-radius: 24px;
		}
		.index-page.contact-page.main .image {
			top: 0%;
			height: 100%;
			border-radius: unset;
			width: 48%;
		}
		.contact-page.main .content {
			float: right;
			width: 70%;

			background-color: #3D6E63;
			padding: 30px 40px 30px 200px;

			position: absolute;
			right: 0px;
			height: 100%;
		}
		.index-page.contact-page.main .content {
			width: 62%;
		}
		.contact-page.main .content .header {
			font-family: 'Eighties';
			font-style: normal;
			font-weight: 400;
			font-size: 48px;
			line-height: 40px;

			/* Neutral/White */
			color: #FFFFFF;
			padding-top: 75px;
		}
		.index-page.contact-page.main .content .header {
			padding-top: 45px;
		}
		.contact-page.main .content .body {
			margin-top: 4%;
			font-style: normal;
			font-weight: 400;
			font-size: 24px;
			line-height: 28px;
			color: #000000;
		}
		.contact-page.main .content form {
			margin-top: 10%;
			width: 90%;
		}
		.contact-page.main .content form .mb-3,
		.index-page.ready-to-talk-form form .mb-3 {
			margin-bottom: 4.5% !important;
		}
		.contact-page.main .content form .two-in-one {
			display: flex;
		}
		.contact-page.main .content form .two-in-one .mb-3 {
			width: 50%;
		}
		.contact-page.main .content form .two-in-one .mb-3:nth-of-type(1) {
			padding-right: 10px;
		}
		.contact-page.main .content form .two-in-one .mb-3:nth-of-type(2) {
			padding-left: 10px;
		}
		.contact-page.main .content form input, .contact-page.main .content form textarea,
		.index-page.ready-to-talk-form form input, .index-page.ready-to-talk-form form textarea
		{
			box-sizing: border-box;
			border: 1px solid #FFFFFF;
			border-radius: 12px;
			/*padding-left: 7%; padding-right: 7%;*/
			padding-left: 2em; padding-right: 2em;
			padding-top: 10px; padding-bottom: 10px;
			background-color: transparent;

		
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 16px;
			line-height: 20px;
			/* identical to box height, or 125% */

			/* Neutral/White */
			color: #FFFFFF;

		}
		.contact-page.main .content form input, .contact-page.main .content form textarea {
			/*border: 1px solid #3C3C40;*/
			border: 1px solid white;
		}
		.contact-page.main .content form input:hover, .contact-page.main .content form input:active, .contact-page.main .content form textarea:hover, .contact-page.main .content form textarea:active {
			border: 1px solid white !important;
		}

		.contact-page.main .content form input::placeholder, .contact-page.main .content form textarea::placeholder {
			color: white;
			opacity: 0.5;
		}

		.contact-page.main .buttons {
			margin-top: 12.5%;
		}

		.contact-page.main .btn-link .btn {
			font-family: 'Arkibal Display';
			width: 236px;/*width: 40%;*/
			background-color: #FBBA2E; border-color: #FBBA2E;
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 16px;
			line-height: 20px;
			color: #1A1A1A;
			border-radius: 35px;
			padding: 17px 5%; /*padding: 2.5% 5%;*/
			position: relative;
		}
		.contact-page.main .btn-link .btn:hover {
			border-color: #FDF5E6;

		}


	/*about-page*/
		.about-page.controls .row {
			width: 700px;
			display: flex;
			padding-top: 10px; padding-bottom: 10px;
			margin-top: 75px;
			margin-bottom: 150px;
		}
		.about-page.controls .row #slide {
			padding-top: 10px; padding-bottom: 10px;
			top: 0px;
		}
		.about-page.controls .ctrl {
			/* Subtitle 2 */
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 400;
			font-size: 24px;
			line-height: 28px;
			width: 50%;
			text-align: center;
			z-index: 2;
			color: #1A453C;
			cursor: pointer;
		}
		.about-page.controls .ctrl.active {
			color: #FFFFFF;
		}
		.about.displays {
			margin-bottom: 200px;
			position: relative;
		}
		.about.services.displays{
			margin-top: 96px;
			margin-bottom: 96px;
		}
		/*.about.displays .company, .about.displays .people {
			position: absolute;
		}*/
		.about.displays .company .row {
			display: flex;
		}
		.about.displays .company .row .left {
			width: 40%;/*width: 45%;*/
			position: relative;
		}
		.about.displays .company .row .left .quote-icon {
			position: absolute;
			width: 145px; height: 164px;
			/*top: 30px;
			left: 7%;*/
			top: -50px;
			left: 75px;
		}
		.about.displays .company .row .left .text{
			width: 250px;/*width: 77%;*/
			margin: 20px auto 0 auto;
			font-family: 'Eighties';
			font-style: normal;
			font-weight: 400;
			font-size: 48px;
			line-height: 40px;
			/* or 83% */

			/* Brand/Primary */
			background: linear-gradient(0deg, #1E4E40, #1E4E40);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
			text-fill-color: transparent;

			padding-bottom: 20px;
		}
		.about.displays .company .row .right, .about.displays .people .text{
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 20px;
			line-height: 26px;
			color: #1A1A1A;
		}
		.about.displays .company .row .right {
			width: 60%;/*width: 55%;*/
		}
		.about.displays .people .profiles-wrap {
			display: flex;
			margin-top: 50px;
		}
		.about.displays .people .profiles-wrap .left, .about.displays .people .profiles-wrap .right {
			width: 46%;
		}
		.about.displays .people .profiles-wrap .left {
			margin-right: 4%;
		}
		.about.displays .people .profiles-wrap .right {
			margin-left: 4%;
		}
		.about.displays .people .profile .pic img {
			width: 100%;
		}
		.about.displays .people .profile .box {
			background-color: #FCCB4D;
			padding: 40px 30px;
			/*min-height: 75rem;*/
			min-height: 52rem;
		}
		.about.displays .people .profile .box .name {
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 400;
			font-size: 24px;
			line-height: 28px;
			/* identical to box height, or 117% */

			color: #000000;
			margin-bottom: 20px;
		}
		.about.displays .people .profile .box .caption {
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 20px;
			line-height: 26px;
			/* or 130% */

			/* Neutral/Black */
			color: #1A1A1A;
		}


		.about-page.section {
			margin-bottom: 200px;
			/*padding: 30px 50px;*/
			padding: 50px 50px;
		}
		.about-page.section .row {
			display: flex;
			/*align-items: center;*/
		}
		.about-page.section .row .left, .about-page.section .row .right {
			width: 50%;
			padding-top: 0px 20px;

			padding-top: 5%;
		}

		.about-page.section .row .left {
			padding-right: 40px;
		}
		.about-page.section .row .right {
			border-left: 1px solid white;
			padding-left: 40px;

			padding-bottom: 5%;
		}
		.about-page.section .icon-and-topic {
			display: flex;
			align-items: center;
			width: 300px;
			margin-bottom: 15px;
		}
		.about-page.section .icon-and-topic .icon {
			width: 90px;
			height: 60px;
		}
		.about-page.section .icon-and-topic .topic {
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 400;
			font-size: 24px;
			line-height: 28px;

			color: #1A453C;
		}
		.about-page.section .blurb {
			/* Subtitle 3 */
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 20px;
			line-height: 26px;
			/* or 130% */

			/* Neutral/Black */
			color: #1A1A1A;
			padding-left: 20px;
			margin-bottom: 30px;
		}
		.about-page.section .subheading {
			/* Subtitle 4 */
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 400;
			font-size: 20px;
			line-height: 21px;
			/* identical to box height, or 105% */

			/* Primary/Shade/100 */
			color: #1A453C;
			margin-bottom: 15px;
			padding-left: 20px;
		}

	/*services*/
		.services.two-boxes .row {
			overflow: auto;
			position: relative;
			height: 640px;
		}
		.services.two-boxes .box {
			position: absolute;
			border-radius: 24px;
		}
		.services.two-boxes .box.image {
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
		}
		.services.two-boxes .box.words {
			padding-top: 30px;
			padding-bottom: 30px;

			display: flex;align-items: center;
		}
		.services.two-boxes .box.words.left {
			padding-left: 50px;
			padding-right: 95px;/*padding-right: 200px;*/
		}
		.services.two-boxes .box.words.right {
			/*padding-left: 200px;*/
			padding-left: 100px;/*padding-left: 250px;*/
			padding-right: 50px;
		}
		.services.two-boxes .box.smaller {
			height: 90%;
			width: 48%;
			top: 5%;
			z-index: 1;
		}
		.services.two-boxes .box.larger {
			height: 100%;
			width: 57%;/*width: 70%;*/
		}
		.services.two-boxes .box.left {
			float: left;
			left: 0px;
		}
		.services.two-boxes .box.right {
			float: right;
			right: 0px;
		}
		.services.two-boxes .box.words .header {
			font-family: "Eighties";
			font-size: 48px;
			font-weight: 400;
			line-height: 40px;
			text-align: left;
			width: 70%;
			padding-bottom: 20px;

			/*margin-top: 50px;*/
		}
		.services.two-boxes .box.words .body {
			margin-top: 16px;
			font-family: "Arkibal Display";
			font-size: 20px;
			font-weight: 300; /* font-weight: 500; */
			line-height: 26px;
			text-align: left;
			color: #1A1A1A;

			width: 100%;
		}
		.services.divider .row {
			margin-top: 64px;
			margin-bottom: 64px;
		}
		.services.two-boxes.last {
			margin-bottom: 150px;
		}

	/* index */
		.page-top.index-page {
			/*height: 46vw;*/
			/*height: 883px;*/
			height: 864px;
			margin-bottom: 70px;/*margin-bottom: 150px;*/

			transition: all 0.75s ease-out;
		}
		.page-top.index-page .bg-overcast {
			/*background: linear-gradient(90.04deg, #1A1A1A 51.98%, rgba(26, 26, 26, 0) 85.36%);
			mix-blend-mode: hard-light;
			opacity: 0.5;
			*/
			width: 960px;
			background: linear-gradient(97.93deg, rgba(26, 69, 60, 0.95) 11.52%, rgba(30, 78, 64, 0) 90.35%);
		}
		.page-top.index-page .wrap {
			width: 65%;
		}
		.page-top.index-page .wrap .title {

			font-family: 'Eighties';
			font-style: normal;
			font-weight: 400;
			font-size: 72px;
			line-height: 56px;

			color: #FFFFFF;
		}
		.page-top.index-page .wrap .blurb {
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 20px;
			line-height: 26px;
			color: #FFFFFF;

			margin-top: 36px;/*margin-top: 40px;*/
		}

		.page-top.index-page .wrap .btn-link-top {
			margin-top: 60px;/*margin-top: 15%;*/
			/*width: 40%;*/
			padding: 0px;
			text-decoration: unset;
		}
		.page-top.index-page .wrap .btn-link-top a {
			width: 236px;/*width: 28%;*/
			display: inline-block;
			margin-right: 2%;
			position: relative;
		}
		.page-top.index-page .wrap .btn-link-top .btn {
			font-family: 'Arkibal Display';
			width: 100%;
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 16px;/*font-size: 14px;*/
			line-height: 20px;
			color: #1A1A1A;
			background-color: #FBBA2E;
			border-color: #FBBA2E;
			border-radius: 35px;
			padding: 17px 5%; /*padding: 12.5px 5%;*/
			position: relative;
			transition: all 0.5s ease-out;
		}
		.page-top.index-page .wrap .btn-link-top a .btn:hover, .page-top.index-page .wrap .btn-link-top a .btn:active {
			border-color: #FDF5E6;
		}
		.page-top.index-page .wrap .btn-link-top a .btn:hover {
			border-color: #FDF5E6;
		}




		.index-page.below-the-fold {
			margin-bottom: 100px;
		}
		.index-page.below-the-fold .wrap {
			position: relative;
		}
		.index-page.below-the-fold .image-and-flower {
			width: 38%;
			height: 553px;/*height: 450px;*/
			position: relative;
			z-index: 1;
		}
		/*.index-page.below-the-fold .image-and-flower .pic,*/ .index-page.below-the-fold .image-and-flower .flower {
			background-size: contain;
		}
		.index-page.below-the-fold .image-and-flower .pic {
			position: absolute;
			width: 100%;
			height: 100%;
		}
		.index-page.below-the-fold .image-and-flower .pic #img1{
			transition: all 0.5s ease-out;
		}
		.index-page.below-the-fold:hover #img1{
			transform: translateX(-3%) translateY(-5%) scale(1.1);
		}
		.index-page.below-the-fold .image-and-flower .flower {
			/*right: -9%;
			top: 15%;
			height: 30%;
			width: 30%;*/
			right: 3%;
			top: 10%;
			height: 25%;
			width: 25%;
			position: absolute;
			transition: all 0.5s ease-out;
		}
		/*.index-page.below-the-fold:hover .image-and-flower .flower{
			transform: translate(20px, 70px) rotate(45deg);
		}*/
		.index-page.below-the-fold .box {
			background-color: #FBBA2E;
			border-radius: 24px;
			position: absolute;
			top: 80px;/*top: 40px;*/
	        padding: 30px 50px 30px 23%;
	        z-index: 0;
	        right: 0px;
	        width: 80%;
		}
		.index-page.below-the-fold .box .title {
			font-family: 'Eighties';
			font-style: normal;
			font-weight: 400;
			font-size: 48px;
			line-height: 40px;
			color: #FFFFFF;
			margin-bottom: 30px;
		}
		.index-page.below-the-fold .box .text {
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 20px;
			line-height: 26px;
			/* or 130% */

			/* Neutral/Black */
			color: #1A1A1A;
		}
		.index-page.below-the-fold .btn-link {
			/*margin: 2% auto 0 auto;*/
			margin-top: 30px;/*margin-top: 40px;*/
			margin-bottom: 10px;
			width: 235px;/*width: 40%;*/
			/*margin-left: auto; margin-right: auto;*/
		}
		.index-page.below-the-fold .btn-link .btn {
			font-family: 'Arkibal Display';
			width: 100%;
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 16px;
			line-height: 14px;
			color: #FFFFFF;
			/*background-color: #FBBA2E;
			border-color: #FBBA2E;*/
			background: linear-gradient(0deg, #1E4E40, #1E4E40); border-color: #1E4E40;
			border-radius: 35px;
			padding: 17px 5%; /*padding: 12.5px 5%;*/
			position: relative;
			transition: all 0.5s ease-out;
		}
		.index-page.below-the-fold .btn-link .btn:hover, .index-page.below-the-fold .btn-link .btn:active {
			border-color: #FDF5E6;
			color: #1E4E40;
		}
		.index-page.below-the-fold .btn-link .btn:hover {
			border-color: #FDF5E6;
			color: #1E4E40;
		}

		.index-page.offerings {
			padding-top: 100px;
			padding-bottom: 100px;
		}

		.index-page.offerings .row-of-services {
			position: relative;
			overflow: auto;
		}

		.index-page.offerings .service-listing {
			background-color: #ECEEEE;
			/*width: 370.79px;
			height: 428.35px;*/
			width: 30%;
			height: 428.35px;
			/*border-radius: 40px;*/
			border-radius: 40px 40px 20px 20px;
			position: relative;
			padding: 1%;
			float: left;
			margin-bottom: 50px;
			transition: all 0.5s ease-out;
		}
		.index-page.offerings .row-of-services .service-listing:nth-of-type(3n+2) {
		/*.index-page.offerings .row-of-services .service-listing:nth-of-type(3n) {*/
			margin-left: 5%; margin-right: 5%;
		}

		.index-page.offerings .service-listing .bg-pic {
			height: 80%;
			border-radius: 40px;
			margin: 0 auto;
			/*background-size: cover;*/
			background-size: 112.5%;
			transition: all 0.5s ease-out;
		}
		.index-page.offerings .service-listing:hover {
			/* Neutral/Stroke 1 */
			background-color: #DFE2E2;
		}
		.index-page.offerings .service-listing:hover .bg-pic {
			/*transform: scale(1.05);*/
			background-size: 130%;
		}
		.index-page.offerings .row-of-services .service-listing .name {
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 400;
			font-size: 24px;
			line-height: 28px;
			/* or 117% */

			/* Primary/Shade/100 */
			color: #1A453C;

			position: absolute;
			bottom: 20px;
		}
		.index-page.offerings .service-listing .arrow {
			width: 55px;
			height: 55px;
			position: absolute;
			bottom: 20px;
			right: 12px;
			background-size: 60%;
		}
		.index-page.offerings .text-box {
			position: absolute;
			width: 25%;
			z-index: 2;
		}
		.index-page.offerings .text-box .title {
			font-family: 'Eighties';
			font-style: normal;
			font-weight: 400;
			font-size: 48px;
			line-height: 40px;

			/*color: #1A453C; <- declared in code already, no need here*/
			margin-bottom: 30px;
			margin-top: -20px;
		}
		.index-page.offerings .text-box .blurb {
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 20px;
			line-height: 26px;
			/* or 130% */

			/* Neutral/Black */
			color: #1A1A1A;
		}



		.index-page.acreage {
			/*height: 452px;*/
			height: 784px;
			background-size: cover;
		}
		.index-page.acreage .wrap {
			z-index: 1;
		}
		.index-page.acreage .title {
			/* Our Acreage Numbers */
			font-family: 'Eighties';
			font-style: normal;
			font-weight: 400;
			font-size: 48px;
			line-height: 40px;
			/* or 75% */
			display: flex;
			align-items: flex-end;

			/* Primary/Tint/200 */
			color: #B4D2D0;
			width: 300px; /*width: 25%;*/
			margin-top: 40px;
		}
		.index-page.acreage .subtitle {
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 20px;
			line-height: 26px;
			/* or 129% */

			/* Neutral/White */
			color: #FFFFFF;

			position: absolute;
		    top: 60px;
		    /*left: 400px;*/
		    left: 30vw;
		    width: 60%;
		}
		.index-page.acreage .svg-ogun-map {
			position: absolute;
			/*width: 500px;
	        height: 300px;
	        left: 33%;
	        bottom: 10%;*/

	        width: 700px;/*width: 600px;*/
	        height: 400px;
	        left: 28vw;/*left: 33%;*/
	        bottom: 20%;
	        background-size: cover;
		}
		.index-page.acreage .stat {
			/* Neutral/White */
			color: #FFFFFF;
			position: absolute;
			height: 100px;
			/*width: 250px;*/
	    	width: 340px;
	        display: flex;
	        align-items: center;
	    }
	    .index-page.acreage .stat.palms {
	    	/*bottom: 34%;
	    	left: 22%;*/
	    	bottom: 42%;
	    	left: 11%;
	    }
	    .index-page.acreage .stat.cashew {
	    	/*bottom: 12%;
	    	left: 29%;*/
	    	bottom: 18%;
	    	left: 23%;
	    }
	    .index-page.acreage .stat.cocoa {
	    	/*bottom: 28%;
	    	right: 24%;*/
	    	bottom: 35%;
	    	right: 12%;
	    }
		.index-page.acreage .stat .icon {
			/*width: 60px; height: 60px;*/
			width: 100px; height: 100px;
			margin-right: 5px;
			background-size: contain;
		}
		.index-page.acreage .stat .landsize {
			font-family: 'Eighties';
			font-style: normal;
			font-weight: 400;
			font-size: 34px;/*font-size: 24px;*/
			line-height: 20px;
			/* identical to box height */
			/*display: flex;
			align-items: flex-end;*/
			margin-right: 10px;
			text-align: center;
		}
		.index-page.acreage .stat .landsize .num {
			font-weight: 400;
			font-size: 64px;/*font-size: 44px;*/
			/*line-height: 44px;*/
			margin-bottom: 10px;
			/* identical to box height, or 100% */
			/*display: flex;
			align-items: center;*/
			text-align: center;
		}
		.index-page.acreage .stat .explainer {
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 400;
			font-size: 16px;
			line-height: 16px;
		}
		.index-page.acreage .stat .explainer .v-bold {
			font-weight: 700;
		}

		.index-page.featured {
			margin-top: 150px;/*margin-top: 130px;*/
			/*margin-bottom: 70px;*/
		}
		.index-page.featured .wrap, .index-page.featured .left .top, .index-page.featured .left .bottom {
			display: flex;
		}
		.index-page.featured .wrap {
			height: 700px;
		}
		.index-page.featured .wrap .left {
			width: 64%;
			margin-right: 1%;
			/*border: 1px solid red;*/
		}
		.index-page.featured .wrap .right {
			width: 34%;
			margin-left: 1%;
		}
		.index-page.featured .left .top {
			/*height: 52%;
			margin-bottom: 3%;*/
			height: 55%;
			padding-bottom: 10px;
		}
		.index-page.featured .left .bottom {
			/*height: 44.5%;
			margin-top: 2.5%;*/
			height: 45%;
			padding-top: 10px;
		}
		.index-page.featured .wrap .left .text {
			width: 42.5%;
			margin-right: 2.5%;
		}
		.index-page.featured .wrap .left .top .product {
			width: 55%;
		}
		.index-page.featured .left .bottom .product:nth-of-type(1) {
			width: 53%;
			margin-right: 2%;
		}
		.index-page.featured .left .bottom .product:nth-of-type(2) {
			width: 43.5%;
			margin-left: 1.5%;
		}
		.index-page.featured .wrap .left .top .product .name, .index-page.featured .left .bottom .product:nth-of-type(2) .name {
			text-align: right;
		}
		.index-page.featured .wrap .left .text .title {
			font-family: 'Eighties';
			font-style: normal;
			font-weight: 400;
			font-size: 48px;
			line-height: 40px;

			/* Primary/Shade/100 */
			color: #1A453C;
			margin-bottom: 30px;
		}
		.index-page.featured .wrap .left .text .blurb {
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 20px;
			line-height: 26px;
			/* or 130% */

			/* Neutral/Black */
			color: #1A1A1A;
			width: 90%;
		}
		.index-page.featured .wrap .left .text .btn-link {
			/*margin: 2% auto 0 auto;*/
			margin-top: 40px;
			width: 236px;/*width: 60%;*/
			/*margin-left: auto; margin-right: auto;*/
		}
		.index-page.featured .wrap .left .text .btn-link .btn {
			font-family: 'Arkibal Display';
			width: 100%;
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 16px;
			line-height: 20px;
			color: #1A1A1A;
			background-color: #FBBA2E;
			border-color: #FBBA2E;
			border-radius: 35px;
			padding: 17px 5%; /*padding: 12.5px 5%;*/
			position: relative;
			transition: all 0.5s ease-out;
		}
		.index-page.featured .wrap .left .text .btn-link .btn:hover, .index-page.featured .wrap .left .text .btn-link .btn:active {
			border-color: #FDF5E6;
		}
		.index-page.featured .wrap .left .text .btn-link .btn:hover {
			border-color: #FDF5E6;
		}

		.index-page.featured .wrap .product {
			height: 100%;
			border-radius: 24px;
			padding: 30px;
			position: relative;
		}
		.index-page.featured .wrap .product .name {

			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 400;
			font-size: 24px;
			line-height: 28px;
			/* identical to box height, or 117% */

			/* Primary/Shade/100 */
			color: #1A453C;
		}
		.index-page.featured .product .pic {
			background-size: contain;
			position: absolute;
			z-index: 1;
		}
		.index-page.featured .product .pic.cocoa {
			height: 95%;
			width: 90%;
			right: -5px;
			bottom: -15px;
		}
		.index-page.featured .product .pic.cashew {
			height: 80%;
			width: 85%;
			right: -20px;
			bottom: 5px;
		}
		.index-page.featured .product .pic.palm-fruit {
			height: 90%;
			width: 85%;
			left: -20px;
			bottom: -20px;
		}
		.index-page.featured .product .pic.livestock {
			height: 63%;
			/*width: 100%;
			left: 0px;*/
			width: 108%;
			left: -30px;
			bottom: 0px;
			border-bottom-right-radius: 24px;
		}





}

/* === large screens === */
@media screen and (min-width: 1399px) {

	/* page-top */
		.page-top .row .wrap.shown {
			/*bottom: 32%;*/
			/*bottom: 220px;*/
		}
	/* index */
		/*.index-page.acreage {
			height: 700px;
		}*/
		.index-page.below-the-fold .box {
			padding: 40px 50px 40px 23%;
			top: 75px;
		}
		.index-page.below-the-fold .image-and-flower .flower {
			right: -1%;
		}
		.index-page.acreage .svg-ogun-map {
			background-size: contain;
			width: 750px;
	        height: 600px;
	        left: 27vw;/*left: 25%;*/
	        bottom: 10%;
		}
		.index-page.acreage .stat.palms {
	        bottom: 49%;
	        left: 18vh;/*left: 9%;*/
	    }
	    .index-page.acreage .stat.cashew {
	        bottom: 20%;
	        left: 23%;
	    }
	    .index-page.acreage .stat.cocoa {
	        bottom: 39%;
	        right: 20vh;/*right: 12%;*/
	    }
	    .index-page.featured .product .pic.livestock {
	    	background-size: cover;
	    	height: 70%;
			left: -36px;
	    }
	    /*.index-page.acreage .stat {
	    	width: 340px;
	    }
	    .index-page.acreage .stat .icon {
			margin-right: 5px;
		}*/

	/*services*/
		.about.services.displays .company .row .left .quote-icon {
			width: 145px;
	        height: 164px;
	        /*top: -30px;
	        left: 140px;*/

	        top: -40px;
	        left: 85px;
		}
		.about.services.displays .company .row .left .text {
			width: 300px;
			margin: 30px auto 0 auto;
		}
		.services.two-boxes .box.words.right {
			padding-left: 250px;
		}
		.services.two-boxes .box.words.left {
			padding-right: 110px;/*padding-right: 250px;*/
		}
		.about.displays .people .profile .box {
			/*min-height: 1000px;*/
			min-height: 750px;
		}
		.services.two-boxes .box.words.right {
			padding-left: 120px;/*padding-left: 290px;*/
		}

	/* about */
		.about.displays .company .row .left .text {
			width: 380px;
		}
		.about.displays .company .row .left .quote-icon {
			left: 75px;/*left: 100px;*/
		}

}

/* === VERY large screens === */
@media screen and (min-width: 1799px) {
	/* index */
		.page-top.index-page {
			/*background-size: 100% 110%;
			background-position: 10% 90%;*/
			background-size: cover;
			background-position: 10% 70%;
		}
		/*.index-page.below-the-fold .box {
			padding: 40px 50px 40px 23%;
			top: 75px;
		}*/
		.index-page.offerings .text-box {
			width: 380px;
		}
		.index-page.acreage .subtitle {
			left: 35vw;/*left: 30%;*/
		}
		.index-page.acreage .svg-ogun-map {
	        left: 33vw;/*left: 31%;*/
		}
		.index-page.acreage .stat.palms {
	        left: 20vw;
	    }
	    .index-page.acreage .stat.cashew {
	        left: 30vw;
	    }
	    .index-page.acreage .stat.cocoa {
	        right: 20vw;
	    }

}

/* === PHONE/TABLET CSS === */
@media screen and (max-width: 900px) {
	.desktop-only {
		display: none !important;
	}
	.mobileMenuContainer {
		overflow-x: hidden;
		padding: 5% 8%;
	}
	.no-scroll-mobile {
		overflow: hidden;
	}
	.height-auto {
		height: auto !important;
	}

	footer {
		/*padding: 50px;*/
		padding: 50px 0%;
	}
	footer .cl.links, footer .cl.location, footer .cl.socials {
		margin-top: 60px;
	}
	footer .on-top {
		margin-bottom: 15px;
	}
	footer .copyright {
		margin-top: 15px;
	}
	footer .cl.links .a-link {
		margin-bottom: 10px;
	}
	/* nav */
		nav.navbar {
			/*#1A1A1A;*/
			/*background-color: rgba(26, 26, 26, 0.95);*/
			background-blend-mode: darken;
			padding-top: 1.25%;
			padding-bottom: 1.25%;
			color: white;
			transition: all 0.5s ease-out;
		}
		nav.navbar.scrolling {
			background-color: rgba(26, 26, 26, 0.95);
		}

		.navbar-brand{
			z-index: 99;
		}

		.navbar-brand img {
			width: 60%;
		}

		.navbar .wrap {
			position: relative;
			width: 100%;
		}
		.navbar-collapse {
			transition: all 0.3s ease-out;
			height: 100%;
			
			transform: translateX(100vw);
			top: 0px;
			left: 0px;
			position: fixed;
			z-index: 5;
			width: 100%;
			/*background-color: #000000;*/
			background-color: #1A1A1A;
		}

		.navbar-collapse.show {
			transform: translateX(0px);
		}
		.navbar-collapse.disappear {
			opacity: 0;
			visibility: hidden;
		}
		.navbar-collapse.show.height {
			/*height: 100vh;*/
		}
		.collapse:not(.show) {
			display: unset;
		}

		.navbar-toggler {
			border: unset;
			position: relative;
			font-size: 100%;
		}

		.navbar-toggler-icon {
			position: absolute;
			right: 0px;
		}

		#hide.navbar-toggler-icon {
			background-image: url("../img/menu_bars.svg");
			top: -7px;
		}

		#show.navbar-toggler-icon {
			background-image: url("../img/menu_close.svg");
			z-index: 6;
			top: -10px;
		}

		.navbar-ul-wrap {
			height: 100%;
			/*background-color: #000000;*/
			background-color: #1A1A1A;
			backdrop-filter: blur(2px);
			position: relative;
		}
		.navbar-ul-wrap .navbar-nav {
			
			padding-top: 100px;
			display: flex;
			height: 85%;
		}
		.navbar.show {
			background-color: rgba(7, 42, 106, 0.6);
		}
		.navbar-ul-wrap .menu-socials {
			position: absolute;
			bottom: 5%;
			left: 28px;
			width: 200px;/*width: 80px;*/
			/*text-align: center;*/
		}
		.menu-socials .wrap {
			overflow: auto;
		}
		.menu-socials .icon {
			float: left;
			width: 25%;/*width: 50%;*/
		}
		.menu-socials .icon a {
			color: white;
			font-size: 25px;
		}

		#menuItems .nav-item {
			position: relative;
			height: 36px;
			display: flex;
			align-items: center;
			border-bottom: 1px solid #454646;
		}

		#menuItems .nav-item a {
			font-style: normal;
			font-weight: 400;
			font-size: 30px;
			line-height: 32px;
			padding-left: 29px;
			color: #FFFFFF;
			
			width: 100%;
			
		}
		#menuItems .nav-item:hover, #menuItems .nav-item:active {
			background-color: #FBBA2E;
		}

	/* ready let's talk */
		.ready-to-talk {
			padding-top: 40px;
			padding-bottom: 40px;
			text-align: center;
		}
		.ready-to-talk .row {
			display: block;
			padding: 0px;
		}
		.ready-to-talk .text {

			font-family: 'Eighties';
			font-style: normal;
			font-size: 40px;
			font-weight: 400;
			line-height: 30px;

			/* Neutral/White */
			color: #FFFFFF;
		}
		.ready-to-talk .btn-link {
			/*margin: 2% auto 0 auto;*/
			margin-top: 40px;
			/*width: 50%;*/
			width: 205px;
			margin-left: auto; margin-right: auto;
		}
		.ready-to-talk .btn-link .btn {
			font-family: 'Arkibal Display';
			width: 100%;
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 16px;
			line-height: 20px;
			color: #1A1A1A;
			background-color: #FBBA2E; border-color: #FBBA2E;
			border-radius: 35px;
			padding: 17px 5%; /*padding: 12.5px 5%;*/
			position: relative;
		}
		.ready-to-talk .btn-link .btn:hover, .ready-to-talk .btn-link .btn:active {
			border-color: #FDF5E6;
		}
		.ready-to-talk .btn-link .btn:hover {
			border-color: #FDF5E6;
		}

	/*page-top*/
		.page-top {
			position: relative;
			
			height: 416px;
			background-size: cover;
			background-position: 50% 9%;

			background-repeat: no-repeat;
			overflow: hidden;
			color: white;
			z-index: 1;
		}
		.page-top.reduced {
			/*height: 314px;*/
			height: 184px;
		}
		.page-top .container {
			position: relative;
		    height: 100%;
		}
		.page-top .row {
			position: relative;
			z-index: 10;
			display: block;
		    height: 100%;
		    /*padding: inherit;*/
		    padding: 4%;
		}
		.page-top .row .wrap {
			position: absolute;
			bottom: 25%;
			padding: 0%;

			transition: all 1s ease-in-out;
			opacity: 0; visibility: hidden;
		}
		.page-top .row .wrap.shown {
			bottom: 35%;
			opacity: 1 !important;
			visibility: visible !important;
		}
		.page-top .title {
			font-family: Eighties;
			font-size: 40px;
			font-weight: 400;
			line-height: 30px;

			font-style: normal;
			/*font-weight: 700;
			font-size: 36px;
			line-height: 36px;*/
		}
		.page-top .blurb {
			margin-top: 30px;
			font-style: normal;
			font-weight: 400;
			font-size: 16px;
			line-height: 18px;
			width: 280px;
		}

		.main {
			padding-top: 8%;
			padding-bottom: 8%;
		}
		.main .row {
			display: block;
			/*padding: inherit;*/
			padding: 0px;
		}

	/*contact*/
		.page-top.contact-page {
			background-position: 10% 30%;
		}
		.contact-page.main {
			padding-bottom: 0%;
			padding-top: 0%;
		}
		.contact-page.main .row {
			/*overflow: auto;*/
		}
		.contact-page.main .image {
			/*float: left;
			height: 41em;
			
			width: 40%;*/

			/*display: none;*/
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
	        width: 86%;
	        height: 60vw;
	        border-radius: 24px;
	        margin: 50px auto -100px auto;
	        z-index: 2;
	        position: relative;
		}
		.contact-page.main .content {
			/*float: right;*/
			width: 100%;
			background-color: #3D6E63;
			padding: 120px 7% 15% 7%;
		}
		.contact-page.main .content .header {
			font-family: 'Eighties';
			font-style: normal;
			font-weight: 400;
			font-size: 40px;
			line-height: 30px;

			/* Neutral/White */
			color: #FFFFFF;
		}
		.contact-page.main .content .body {
			margin-top: 20px;
			font-style: normal;
			font-weight: 400;
			font-size: 16px;
			line-height: 18px;
			color: #000000;
		}
		.contact-page.main .content form {
			margin-top: 60px;
			width: 100%;
		}
		.contact-page.main .content form .mb-3,
		.index-page.ready-to-talk-form form .mb-3 {
			margin-bottom: 20px !important;
		}
		.contact-page.main .content form .mb-3:nth-of-type(6) {
			margin-bottom: 50px !important;
		}
		.contact-page.main .content form label {
			font-style: normal;
			font-weight: 700;
			font-size: 24px;
			line-height: 26px;
			color: #000000;
			margin-top: 3%;
			margin-bottom: 5%;
		}
		.contact-page.main .content form .form-check-label {
			font-style: normal;
			font-weight: 400;
			font-size: 16px;
			line-height: 18px;
			color: #000000;

			/*float: left;*/
			width: 85%;

			margin-top: 0%;
			margin-bottom: 0%;
		}
		.contact-page.main .content form input, .contact-page.main .content form textarea,
		.index-page.ready-to-talk-form form input, .index-page.ready-to-talk-form form textarea
		{

			box-sizing: border-box;
			border: 1px solid #FFFFFF;
			border-radius: 12px;
			/*padding-left: 7%; padding-right: 7%;*/
			padding-left: 2em; padding-right: 2em;
			padding-top: 10px; padding-bottom: 10px;
			background-color: transparent;

		
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 16px;
			line-height: 20px;
			/* identical to box height, or 125% */

			/* Neutral/White */
			color: #FFFFFF;
		}
		.contact-page.main .content form input, .contact-page.main .content form textarea {
			/*border: 1px solid #3C3C40;*/
			border: 1px solid white;
		}
		.contact-page.main .content form input:hover, .contact-page.main .content form input:active, .contact-page.main .content form textarea:hover, .contact-page.main .content form textarea:active {
			border: 1px solid white !important;
		}

		.contact-page.main .content form input::placeholder, .contact-page.main .content form textarea::placeholder {
			color: white;
			opacity: 0.5;
		}

		.contact-page.main .buttons {
			margin-top: 12.5%;
		}

		.contact-page.main .btn-link .btn {
			font-family: 'Arkibal Display';
			width: 100%;
			background-color: #FBBA2E; border-color: #FBBA2E;
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 16px;
			line-height: 20px;
			color: #1A1A1A;
			border-radius: 35px;
			padding: 17px 5%;
			position: relative;
		}
		.contact-page.main .btn-link .btn:hover, .contact-page.main .btn-link .btn:active {
			border-color: #FDF5E6;
		}

	/*about-page*/
		.about-page.controls .row {
			width: 100%;
			display: flex;
			padding-top: 10px; padding-bottom: 10px;
			margin-top: 25px;
			/*margin-bottom: 50px;*/
			margin-left: unset;
		}
		.about-page.controls .row #slide {
			padding-top: 10px; padding-bottom: 10px;
			top: 0px;
		}
		.about-page.controls .ctrl {
			/* Subtitle 2 */
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 400;
			font-size: 13px;
			line-height: 28px;
			width: 50%;
			text-align: center;
			z-index: 2;
			color: #1A453C;
			cursor: pointer;
		}
		.about-page.controls .ctrl.active {
			color: #FFFFFF;
		}

		.about.displays {
			margin-bottom: 200px;
			position: relative;
		}
		.about.displays .company .row .left {
			position: relative;
			margin-bottom: 30px;
		}
		.about.services.displays .mobileMenuContainer {
			padding-top: unset !important;
			padding-bottom: unset !important;
		}
		.about.services.displays .company .row .left {
			margin-top: 50px;
			margin-bottom: 50px;
		}
		.about.displays .company .row .left .quote-icon {
			position: absolute;
			width: 55px; height: 76px;
			margin: 0 auto;

			left: 35px;
		}
		.about.services.displays .company .row .left .quote-icon {
			top: -30px; left: 15px;
		}
		.about.displays .company .row .left .text{
			width: 80%;
			margin: 30px auto 0 auto;
			font-family: 'Eighties';
			font-style: normal;
			font-weight: 400;
			font-size: 28px;
			line-height: 20px;
			/* or 83% */

			/* Brand/Primary */
			background: linear-gradient(0deg, #1E4E40, #1E4E40);
			-webkit-background-clip: text;
			-webkit-text-fill-color: transparent;
			background-clip: text;
			text-fill-color: transparent;
			padding-bottom: 10px;
		}
		.about.services.displays .company .row .left .text{ 
			width: 90%;
			/*padding-left: 15px;*/
			margin-top: unset !important;
			margin-bottom: unset !important;
		}
		.about.displays .company .row .right, .about.displays .people .text{
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 16px;
			line-height: 20px;
			color: #1A1A1A;
		}
		.about.displays .people .profiles-wrap {
			margin-top: 50px;
		}
		.about.displays .people .profiles-wrap .left {
			margin-bottom: 30px;
		}
		.about.displays .people .profiles-wrap .right {
		}
		.about.displays .people .profile .pic img {
			width: 100%;
		}
		.about.displays .people .profile .box {
			background-color: #FCCB4D;
			padding: 40px 30px;
		}
		.about.displays .people .profile .box .name {
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 400;
			font-size: 18px;
			line-height: 28px;
			/* identical to box height, or 117% */

			color: #000000;
			margin-bottom: 20px;
		}
		.about.displays .people .profile .box .caption {
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 16px;
			line-height: 20px;
			/* or 130% */

			/* Neutral/Black */
			color: #1A1A1A;
		}


		.about-page.section {
			margin-bottom: 100px;
		}
		.about-page.section .row {
			/*display: flex;*/
			/*align-items: center;*/
		}
		.about-page.section .row .left, .about-page.section .row .right {
			/*width: 50%;
			padding-top: 0px 20px;*/
		}
		.about-page.section .row .left {
			/*padding-right: 40px;*/
		}
		.about-page.section .row .right {
			/*border-top: 3px solid white;*/
			padding-top: 20px;
		}
		.about-page.section .icon-and-topic {
			display: flex;
			align-items: center;
			width: 300px;
			margin-bottom: 15px;
		}
		.about-page.section .icon-and-topic .icon {
			width: 50px;
			margin-right: 10px;
			height: 60px;
		}
		.about-page.section .icon-and-topic .topic {
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 400;
			font-size: 20px;
			line-height: 28px;

			color: #1A453C;
		}
		.about-page.section .blurb {
			/* Subtitle 3 */
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 16px;
			line-height: 20px;
			/* or 130% */

			/* Neutral/Black */
			color: #1A1A1A;
			margin-bottom: 30px;
		}
		.about-page.section .subheading {
			/* Subtitle 4 */
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 400;
			font-size: 18px;
			line-height: 21px;
			/* identical to box height, or 105% */

			/* Primary/Shade/100 */
			color: #1A453C;
			margin-bottom: 15px;
		}

	/*services*/
		.services.displays {
			margin-bottom: 50px;
		}
		.services.two-boxes .row {
			overflow: auto;
			position: relative;
			/*height: 640px;*/
		}
		.services.two-boxes .box {
			border-radius: 24px;
		}
		.services.two-boxes .box.image {
			background-repeat: no-repeat;
			background-position: center;
			background-size: cover;
			height: 300px;
		}
		.services.two-boxes .box.words {
			padding: 5% 7% 15% 7%;
		}
		.services.two-boxes .box.smaller {
			/*height: 80%;*/
			width: 93%;/*width: 80%;*/
			z-index: 1;
			margin: 0px auto 0 auto;
		}
		.services.two-boxes .box.larger {
			height: 100%;
			width: 100%;
			margin-top: -125px;
		}
		.services.two-boxes .box.words .header {
			font-family: "Eighties";
			font-size: 48px;
			font-weight: 400;
			line-height: 30px;
			text-align: left;
			/*width: 70%;*/
			margin-top: 150px;
			text-align: center;
			padding-bottom: 20px;
		}
		.services.two-boxes .box.words .body {
			margin-top: 30px;
			font-family: "Arkibal Display";
			font-size: 18px;
			font-weight: 300; /* font-weight: 500; */
			line-height: 26px;
			text-align: left;
			color: #1A1A1A;
		}
		.services.divider .row {
			margin-top: 40px;
			margin-bottom: 40px;
		}
		.services.two-boxes.last {
			margin-bottom: 150px;
		}


	/* index */
		.page-top.index-page {
			/*height: 816px;*/
			height: fit-content;
			padding-bottom: 15%;/*padding-bottom: 20%;*/

			transition: all 0.75s ease-out;

			background-size: 250% 65%; background-position: 54% -20%;
		}
		.page-top.index-page .bg-overcast {
			/*background: linear-gradient(0.04deg, #1A1A1A 51.98%, rgba(26, 26, 26, 0) 85.36%);*/
			/*background: linear-gradient(100.26deg, #1E4E40 32.21%, rgba(30, 78, 64, 0.676259) 51.74%, rgba(30, 78, 64, 0) 56.62%);
			/*mix-blend-mode: hard-light;
			opacity: 0.85;*/

			/*background: linear-gradient(100.26deg, #1E4E40 32.21%, rgba(30, 78, 64, 0.676259) 51.74%, rgba(30, 78, 64, 0) 56.62%); <- original from figma*/
			/*background: linear-gradient(0deg, #1E4E40 12.21%, rgba(30, 78, 64, 0.676259) 51.74%, rgba(30, 78, 64, 0) 56.62%); <- my initial setting*/
			background: linear-gradient(0deg, #1E4E40 42.21%, rgba(30, 78, 64, 0.676259) 66.74%, rgba(30, 78, 64, 0) 76.62%);
			mix-blend-mode: unset !important;
		}
		.page-top.index-page .row {
			height: unset;
			bottom: unset;
		}
		.page-top.index-page .wrap {
			position: relative;
			width: 100%;
			height: unset;
			bottom: unset;
			margin-top: 80%;
		}
		.page-top .row .wrap.shown {
			margin-top: 75%;
		}
		.page-top.index-page .wrap .title {

			font-family: 'Eighties';
			font-style: normal;
			font-weight: 400;
			font-size: 60px;
			line-height: 48px;

			color: #FFFFFF;
		}
		.page-top.index-page .wrap .blurb {
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 16px;
			line-height: 20px;
			color: #FFFFFF;

			margin-top: 40px;
		}

		.page-top.index-page .wrap .btn-link-top {
			margin-top: 18%;/*margin-top: 20%;*/
			/*width: 40%;*/
			padding: 0px;
			text-decoration: unset;
		}
		.page-top.index-page .wrap .btn-link-top a {
			width: 100%;
			display: inline-block;
			margin-right: 2%;
			position: relative;
		}
		.page-top.index-page .wrap .btn-link-top .btn {
			font-family: 'Arkibal Display';
			width: 100%;
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 16px;
			line-height: 20px;
			color: #1A1A1A;
			background-color: #FBBA2E;
			border-color: #FBBA2E;
			border-radius: 35px;
			padding: 17px 5%; /*padding: 12.5px 5%;*/
			position: relative;
			transition: all 0.5s ease-out;
		}
		.page-top.index-page .wrap .btn-link-top a .btn:hover, .page-top.index-page .wrap .btn-link-top a .btn:active {
			border-color: #FDF5E6;
		}
		.page-top.index-page .wrap .btn-link-top a .btn:hover {
			border-color: #FDF5E6;
		}



		.index-page.contact-page.main .image {
			display: block;
		    height: 120vw;
		    background-size: cover;
		    background-position: center;
		    background-repeat: no-repeat;
		    width: 100%;
		}
		.index-page.below-the-fold {
			margin-bottom: 100px;
		}
		.index-page.below-the-fold .wrap {
			position: relative;
		}
		.index-page.below-the-fold .image-and-flower {
			width: 100%;
			height: 100vw;
			position: relative;
			z-index: 1;
		}
		.index-page.below-the-fold .image-and-flower .pic, .index-page.below-the-fold .image-and-flower .flower {
			background-size: contain;
		}
		.index-page.below-the-fold .image-and-flower .pic {
			position: absolute;
			width: 100%;
			height: 100%;
		}
		.index-page.below-the-fold .image-and-flower .flower {
			right: 5%;
			top: 15%;
			height: 20%;
			width: 20%;
			position: absolute;
			transition: all 0.5s ease-out;
		}
		.index-page.below-the-fold .box {
			background-color: #FBBA2E;
			border-radius: 24px;
			margin-top: -50vw;
	        padding: 30px;
	        padding-top: 45vw;
	        padding-bottom: 50px;
	        width: 100%;
		}
		.index-page.below-the-fold .box .title {
			font-family: 'Eighties';
			font-style: normal;
			font-weight: 400;
			font-size: 40px;
			line-height: 30px;
			color: #FFFFFF;
			margin-bottom: 30px;
		}
		.index-page.below-the-fold .box .text {
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 16px;
			line-height: 20px;
			/* or 130% */

			/* Neutral/Black */
			color: #1A1A1A;
		}
		.index-page.below-the-fold .btn-link {
			margin-top: 40px;
			width: 100%;
		}
		.index-page.below-the-fold .btn-link .btn {
			font-family: 'Arkibal Display';
			width: 100%;
			font-style: normal;
			font-weight: 300;
			font-size: 16px;
			line-height: 20px;
			color: #FFFFFF;
			/*background-color: #FBBA2E;
			border-color: #FBBA2E;*/
			background: linear-gradient(0deg, #1E4E40, #1E4E40); border-color: #1E4E40;
			border-radius: 35px;
			padding: 17px 5%; /*padding: 12.5px 5%;*/
			position: relative;
			transition: all 0.5s ease-out;
		}
		.index-page.below-the-fold .btn-link .btn:hover, .index-page.below-the-fold .btn-link .btn:active {
			border-color: #FDF5E6;
			color: #1E4E40;
		}
		.index-page.below-the-fold .btn-link .btn:hover {
			border-color: #FDF5E6;
			color: #1E4E40;
		}

		.index-page.offerings {
			/*padding-top: 100px;*/
			padding-bottom: 100px;
			background-color: unset;
		}

		.index-page.offerings .row-of-services {
			position: relative;
			/*overflow: auto;*/
			/*height: 400px;*/transition: all 0.5s ease-out;
			margin-top: 50px;
			margin-bottom: 30px;

			/*overflow-y: scroll;
			border: 1px solid red;*/
			/*padding-top: 100px;*/
		}
		.index-page.offerings .row-of-services.set-height {
			height: 400px;
		}

		.index-page.offerings .service-listing {
			
			width: 100%;
			height: 400px;
			border-radius: 40px 40px 20px 20px;
			background-color: #ECEEEE;
			opacity: 1;

			
			position: sticky;
			padding: 5%;
			margin-bottom: 50px;
			transition: all 0.5s ease-out;
			top: 0px;
			transform-origin: 50% 0%;
			bottom: 0px;
		}
		
		.index-page.offerings .row-of-services .service-listing:nth-of-type(1) {
			display: none;
		}
		/*.index-page.offerings .extender {
			position: absolute;
			width: 100%;
			height: 400px;
		}*/

		.index-page.offerings .service-listing .bg-pic {
			height: 80%;
			border-radius: 40px;
			margin: 0 auto;
			background-size: cover;
		}
		.index-page.offerings .row-of-services .service-listing .name {
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 700;
			font-size: 16px;
			line-height: 22px;
			/* or 117% */

			/* Primary/Shade/100 */
			color: #1A453C;

			position: absolute;
			bottom: 20px;
		}
		.index-page.offerings .service-listing .arrow {
			width: 50px;
			height: 50px;
			position: absolute;
			bottom: 20px;
			right: 20px;
			background-size: 60%;
		}
		.index-page.offerings .text-box {
			width: 100%;
			z-index: 2;
		}
		.index-page.offerings .text-box .title {
			font-family: 'Eighties';
			font-style: normal;
			font-weight: 400;
			font-size: 40px;
			line-height: 30px;

			/*color: #1A453C; <- declared in code already, no need here*/
			margin-bottom: 30px;
		}
		.index-page.offerings .text-box .blurb {
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 16px;
			line-height: 20px;
			/* or 130% */

			/* Neutral/Black */
			color: #1A1A1A;
		}



		.index-page.acreage {
			/*height: 452px;*/
			background-size: cover;
		}
		.index-page.acreage .wrap {
			z-index: 1;
		}
		.index-page.acreage .title {
			/* Our Acreage Numbers */
			font-family: 'Eighties';
			font-style: normal;
			font-weight: 400;
			font-size: 40px;
			line-height: 30px;

			/* Primary/Tint/200 */
			color: #B4D2D0;
			width: 90%;
			margin-top: 30px;
		}
		.index-page.acreage .subtitle {
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 16px;
			line-height: 20px;
			color: #FFFFFF;
		    width: 100%;
		    margin-top: 30px; margin-bottom: 30px;
		}
		.index-page.acreage .svg-ogun-map {
			width: 100%;
	        height: 60vw;
	        background-size: cover;
	        margin-bottom: 30px;
		}
		.index-page.acreage .stat {
			/* Neutral/White */
			color: #FFFFFF;
			/*position: absolute;*/
			height: 100px;
			/*width: 250px;*/
	        display: flex;
	        align-items: center;
	    }
		.index-page.acreage .stat .icon {
			width: 80px; height: 80px;
			margin-right: 5px;
		}
		.index-page.acreage .stat .landsize {
			font-family: 'Eighties';
			font-style: normal;
			font-weight: 400;
			font-size: 34px;
			line-height: 30.8px;
			margin-right: 20px;
			text-align: center;
		}
		.index-page.acreage .stat .landsize .num {
			font-weight: 400;
			font-size: 50px;
			text-align: center;
		}
		.index-page.acreage .stat .explainer {
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 400;
			font-size: 16px;
			line-height: 18px;
			margin-top: 5px;
		}
		.index-page.acreage .stat .explainer .v-bold {
			font-weight: 700;
		}

		.index-page.featured {
			margin-top: 70px;/*margin-top: 130px;*/
			margin-bottom: 70px;
		}
		.index-page.featured .text {
			width: 100%%;
		}
		.index-page.featured .text .title {
			font-family: 'Eighties';
			font-style: normal;
			font-weight: 400;
			font-size: 40px;
			line-height: 30px;

			/* Primary/Shade/100 */
			color: #1A453C;
			margin-bottom: 30px;
		}
		.index-page.featured .text .blurb {
			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 16px;
			line-height: 20px;
			/* or 130% */

			/* Neutral/Black */
			color: #1A1A1A;
		}
		.index-page.featured .text .btn-link {
			/*margin: 2% auto 0 auto;*/
			margin-top: 40px;
			width: 100%;
			/*margin-left: auto; margin-right: auto;*/
		}
		.index-page.featured .text .btn-link .btn {
			font-family: 'Arkibal Display';
			width: 100%;
			font-style: normal;
			font-weight: 300; /* font-weight: 500; */
			font-size: 16px;
			line-height: 20px;
			color: #1A1A1A;
			background-color: #FBBA2E;
			border-color: #FBBA2E;
			border-radius: 35px;
			padding: 17px 5%; /*padding: 12.5px 5%;*/
			position: relative;
			transition: all 0.5s ease-out;
		}
		.index-page.featured .text .btn-link .btn:hover, .index-page.featured .text .btn-link .btn:active {
			border-color: #FDF5E6;
		}
		.index-page.featured .text .btn-link .btn:hover {
			border-color: #FDF5E6;
		}
		.index-page.featured .wrap {
			position: relative;
			/*height: 400px;*/
			/*height: 300px;*/transition: all 0.5s ease-out;
			margin-top: 50px;
			margin-bottom: 60px;
			/*width: 93%;*/

			/*overflow-y: hidden;*/
		}
		.index-page.featured .wrap.set-height {
			height: 300px;
		}
		.index-page.featured .wrap .product {
			width: 100%;
			height: 300px;
			border-radius: 24px;
			padding: 30px;
			
			
			margin-top: 6%;
			background-color: #B4D2D0;
			
			position: sticky;
			margin-bottom: 50px;
			transition: all 0.5s ease-out;
			top: 0px;
			transform-origin: 50% 0%;
			bottom: 0px;
		}

		.index-page.featured .wrap .product:nth-of-type(2) {
			z-index: 0; /*initial value*/
		}
		.index-page.featured .wrap .product .name {

			font-family: 'Arkibal Display';
			font-style: normal;
			font-weight: 400;
			font-size: 20px;
			line-height: 28px;
			/* identical to box height, or 117% */

			/* Primary/Shade/100 */
			color: #1A453C;
			text-align: right;
		}
		.index-page.featured .product .pic {
			background-size: contain;
			position: absolute;
			z-index: 1;

			height: 80%;
			width: 90%;
			right: 0px;
			bottom: 0px;
		}
		.index-page.featured .product .pic.livestock {
			right: 0vw;
			background-size: cover;
			border-bottom-right-radius: 24px;
			width: 70%;
		}



}