.lob-explore {
	background-color: #000000;
	position: relative;
	border-top: 6px solid #ffffff;
}

.lob-explore .lobe-vector-wrapper {
	position: absolute;

}

.lob-explore .lobe-vector-wrapper.right-tree {
	bottom: 80px;
	left: 0px;
}

.lob-explore .lobe-vector-wrapper.left-tree {
	right: 0px;
	bottom: 80px;
}

.lob-explore .lobe-vector-wrapper.tree-full {
	right: -290px;
    bottom: 112px;
}

.lob-explore .lobe-vector-wrapper.arrow {
	right: 400px;
	top: 400px;
}
.lob-explore .lobe-vector-wrapper.arrow.top {
	right: -128px;
	top: 350px;
}
.lob-explore .lobe-vector-wrapper.arrow.top.left {
	left: -128px;
	top: 1400px;
}
.lob-explore .lobe-vector-wrapper.arrow.top.left.designpage {
	left: -128px;
	top: 900px;
}

.lob-explore .lobe-vector-wrapper img {
	height: 100%;
}

.lob-explore .lobe-content-wrapper {
	position: relative;
}

.lob-explore .lobe-img-wrapper {
	margin-bottom: 40px;
}

.lob-explore .lobe-content-item:not(:last-child) {
	margin-bottom: 40px;
}


.lob-explore .lobe-text-box p {
	font-size: 15px;
	
	font-weight:700;
}

@media (min-width:992px) {
	.lob-explore .lobe-item-context {
		background: #000000A6;
		position: absolute;
		left: 50%;
		top: 0px;
		right: 0px;
		bottom: 0px;

	}

	.lob-explore .lobe-text-box {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.lob-explore .lobe-content-item.alt .lobe-item-context {
		left: 0;
		right: 50%;
	}

	.lob-explore .lobe-img-wrapper {
		margin-bottom: 0px;
	}

	.lob-explore .lobe-content-item:not(:last-child) {
		margin-bottom: 24px;
	}
}


/* Added CSS */

.lob-explore .arrow-container {
	margin-top: -44px;
	position: relative;
}

.lob-explore .ac-image {
	/* clip-path: polygon(100% 30%, 100% 86%, 50% 100%, 0 86%, 0 30%, 50% 43%); */
	clip-path: polygon(100% 28%, 100% 88%, 50% 100%, 0 88%, 0 29%, 49% 38%);
}

.lob-explore .ac-image img {
	position: relative;
    bottom: -55px;
}

.lob-explore .big-chevron {
	margin-top: -18px;
	width: 100%;
	height: 94px;
	clip-path: polygon(0% 30%,
   /* left vertical cutoff */
   0% 0%,
   /* top-left corner */
   50% 33%,
   /* inner V point */
   100% 0%,
   /* top-right corner */
   100% 30%,
   /* right vertical cutoff */
   50% 64%
   /* bottom tip */
  )
}

.lob-explore .deck-text {
    position: absolute;
    top: 56%;
    transform: translateY(-80%);
    left: -12px;
    text-align: left;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 12px 32px 12px 20px;
}
.lob-explore .deck-text h4 {
    font-size: 12px;
    margin: 0;
    color: #4ACF3F;
    font-weight: 600;
}

.lob-explore .deck-text p {
    font-size: 16px;
    line-height: 20px;
    margin: 4px 0 0;
    font-weight: 600;
    color: #fff;
}

@media only screen and (min-width: 576px) {
	.lob-explore .arrow-container {
		margin-top: -44px;
	}

	.lob-explore .ac-image {
		clip-path: polygon(100% 18%, 100% 90%, 50% 100%, 0 90%, 0 18%, 50% 28%);
	}


	.lob-explore .big-chevron {
		margin-top: -26px;
		width: 100%;
		height: 94px;
		clip-path: polygon(0% 30%,
	/* left vertical cutoff */
	0% 0%,
	/* top-left corner */
	50% 38%,
	/* inner V point */
	100% 0%,
	/* top-right corner */
	100% 30%,
	/* right vertical cutoff */
	50% 72%
	/* bottom tip */
	)
	}
}





@media only screen and (min-width: 768px) {
	.lob-explore .arrow-container {
		margin-top: -60px;
	}
	.lob-explore .ac-image {
		clip-path: polygon(100% 15%, 100% 86%, 50% 100%, 0 86%, 0 15%, 50% 26%);
	}
	.lob-explore .big-chevron {
		margin-top: -54px;
		height: 108px;
		clip-path: polygon(0% 40%,
				/* left vertical cutoff */
				0% 0%,
				/* top-left corner */
				50% 60%,
				/* inner V point */
				100% 0%,
				/* top-right corner */
				100% 40%,
				/* right vertical cutoff */
				50% 100%
				/* bottom tip */
			);
	}
}
@media (min-width:992px) {
	.lob-explore .arrow-container {
		margin-top: -88px;
	}
	.lob-explore .lobe-item-context {
		background: #000000A6;
		position: absolute;
		left: 50%;
		top: 0px;
		right: 0px;
		bottom: 0px;

	}

	.lob-explore .lobe-text-box {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.lob-explore .lobe-content-item.alt .lobe-item-context {
		left: 0;
		right: 50%;
	}

	.lob-explore .lobe-img-wrapper {
		margin-bottom: 0px;
	}

	.lob-explore .lobe-content-item:not(:last-child) {
		margin-bottom: 8px;
	}

	/* Added CSs */


	.lob-explore .ac-image {
		clip-path:   polygon(100% 10%, 100% 90%, 50% 100%, 0 90%, 0 10%, 50% 20%);
	}
	.lob-explore .ac-image img {
		bottom: -55px;
	}

	.lob-explore .big-chevron {
		height: 120px;
		clip-path: polygon(0% 40%,
				/* left vertical cutoff */
				0% 0%,
				/* top-left corner */
				50% 60%,
				/* inner V point */
				100% 0%,
				/* top-right corner */
				100% 40%,
				/* right vertical cutoff */
				50% 100%
				/* bottom tip */
			);
	}
	.lob-explore .deck-text {
        left: -8px;
        padding: 12px 80px 12px 20px;
    }

    .lob-explore .deck-text h4 {
        font-size: 16px;
    }

    .lob-explore .deck-text p {
        font-size: 34px;
        line-height: 1.2;
    }
}