/* Custom CSS */

:root{
	--green:#6A7840;
	--grey: #505759;
	--bs-btn-hover-bg:red;
	--bs-btn-hover-border-color:var(--green);
}

 html, body {
	height: 100%;
	margin: 0;
}

/* Typography */

body{
	font-size:16px;
	font-family: "Instrument Sans", sans-serif;
}


.h1, h1 {
font-size: 6rem;
font-weight:500;
line-height:1;
}

.h6, h6{
	font-size:1.4rem;
	letter-spacing:2px;
}

a{
	color:var(--green);
}

@media (max-width: 991px) {
    .h1, h1 {
        font-size: 4.5rem;
    }

    .h6, h6 {
        font-size: 1.2rem;
    }
}

@media (max-width: 767px) {
    .h1, h1 {
        font-size: 3.5rem;
    }

    .h6, h6 {
        font-size: 1.1rem;
    }
}

/* Button */

.btn{
	border-radius:0px;
	padding:12px 22px;
	text-transform:uppercase;
	letter-spacing:2px;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary:focus-visible{
	background:var(--green);
	border-color:var(--green);
	box-shadow:none;
}

/* Navigation */

nav.navbar{
	padding-top:20px;
	padding-bottom:20px;
}

nav .container-fluid{
	width:90%;
}

nav .logo{
	width:100%;
	max-width:200px;
}

nav .cta_link{
	font-weight:700;
	font-size:1rem;
	text-transform:uppercase;
	text-decoration:none;
}

/* Utility */

.contain-content p{
	max-width:900px;
	margin-left:auto;
	margin-right:auto;
}

.max-width-600{
	max-width:600px;
}

/* Main */

.main {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	min-height: calc(100vh - 97px); /* Subtract the height of the navbar */
}

.holding-row{
	background-image:url('../images/future-workspace.jpg');
	background-size:cover;
	background-position:center;
	position:relative;
	color:#fff;
}

.holding-row:before{
	content:"";
	position:absolute;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
	background:#000;
	opacity:0.8;
}

.holding-row > *{
	z-index:2;
}

.holding-row .subheading{
	text-transform:uppercase;
	margin-bottom:20px;
}

.holding-row h1{
	color:var(--green);
	letter-spacing:3px;
	margin-bottom:20px;
}
.holding-row p{
	margin-bottom:20px;
}

.holding-row p:last-of-type{
	margin-bottom:40px;
}

.arrow-cta{
	position:relative;
}
.arrow-cta:after{
    content: "";
    display: block;
    width: 250px;  /* Adjust the width as needed */
    height: 104px; /* Adjust the height as needed */
    background-image: url('../images/arrow-cta.svg');  /* Path to your SVG image */
    background-size: contain;  /* Ensures the SVG scales to fit the width/height */
    background-repeat: no-repeat;  /* Prevents the image from repeating */
    position: absolute;
    top: 50%;
    left: calc(100% + 10px);  /* Adjust the position to move it slightly to the right */
	transform:translateY(-50%);
}

@media (max-width: 767px) {
    .arrow-cta::after {
        display: none;
    }
}