/* GraspIT Landing Page - MobyLink Benefits Section Specific Styles --Start-- */

    /* Headings */
    h1 {
        color: #000000;
    }

    /* Tab Control */
	.Tab {
		overflow: hidden;
		background-color: transparent;
		display: none;
		width: 100%;
	}

	.Tab button.active {
		background-color: #ffffff;
		color: #000000;
	}

	.Tab button:hover {
		background-color: #f0b045;
		color: #000000;
	}

	.Tab button {
		background-color: #437184;
		float: left;
		border: none;
		outline: none;
		cursor: pointer;
		padding: 14px 10px;
		transition: 0.3s;
	}

	.TabLinks {
		border-right: 5px solid #ffffff !Important;
		font-weight: normal;
		color: #ffffff;
		flex: 20%;
	}

	.TabLinks.LastTab {
		border-right: none !Important;
	}

	.TabContent {
		margin-left: 0%;
		margin-right: 0%;
		padding: 0 1rem;
		height: auto !important;
		position: absolute;
		width: 100%;
		top: 50%;
		background-color: transparent;
		transform: translateY(-50%);
	}

	#TabContentOuter {
		height: 350px;
		position: relative;
	}

	body.NoJS #TabContentOuter {
		height: auto !important;
	}

	body.NoJS .TabContent {
		position: relative;
		top: 0%;
		transform: none;
		padding: 2rem 1rem;
	}
	
	@media (max-width: 703px) {
		.TabLinks {
			flex: 100%;
			border-right: none !important;
			border-bottom: 5px solid #ffffff !Important;
			padding: 10px 10px !important;
		}
		
		.TabLinks:first-child {
			border-top: 5px solid #ffffff !Important;
		}
		
		.Tab > button.TabLinks.active {
			background-color: #f0b045 !important;
		}
		
		.TabContent {
			padding-top: 2rem !important;
			padding-bottom: 2rem !important;
			top: 0% !important;
			transform: none !important;
		}
		
		#Benefits {
			padding-left: 2px;
			padding-right: 2px;
		}
	}

	@media (max-width: 640px) {
		#TabContentOuter {
			height: 350px !important;
		}
	}
	
	@media (max-width: 575px) {
		#TabContentOuter {
			height: 400px !important;
		}
	}
	
	@media (max-width: 465px) {
		#TabContentOuter {
			height: 600px !important;
		}
	}

	@media (max-width: 415px) {
		.TabContent {
			height: 950px;
		}
	}

	@media (max-width: 300px) {
		#TabContentOuter {
			height: 700px !important;
		}
	}

    /* Page Margins */
	@media (min-width: 992px) {
		.LandingMargin.col-lg-1 {
			flex: 0 0 4.333333%;
			max-width: 4.333333%;
		}

		.LandingMargin.col-lg-10 {
			flex: 0 0 91.333333%;
			max-width: 91.333333%;
		}
	}
	
	@media (min-width: 768px) {
		.LandingMargin.col-md-1 {
			flex: 0 0 4.333333%;
			max-width: 4.333333%;
		}

		.LandingMargin.col-md-10 {
			flex: 0 0 91.333333%;
			max-width: 91.333333%;
		}
	}

/* --End-- */