/*
Description: boxnav_grpup.tpl styles
*/
@media (min-width: 320px) {
	.boxnav_group {
		color: #fff;
		padding: 0;
	}
	.boxnav_group .promo-category h2 {
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.boxnav_group h2 {
		line-height: 26px;
		font-size: 26px;
		hyphens: auto;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		color: #fff;
	}
	.boxnav_group .actual-exams p,
	.boxnav_group .freewebinare p{
		line-height: 19px;
		font-size: 17.5px;
	}
	.boxnav_group >.row {
		display: flex;
		flex-flow: column wrap;
	}
	.boxnav_group >.row > div {
		margin-bottom: 30px;
	}
	.boxnav_group a.btn {
		display: block;
		padding: 10px;
		font-weight: 400;
		width: auto;
		border-radius: 5px;
		box-shadow: 0 14px 10px 0 #00000025;
		font-size: 12px;
	}
	.boxnav_group .promo-category a.btn {
		text-align: left;
		padding: 0px;
		box-shadow: none;
		margin-top: auto;
		position: relative;
		display: inline-block;
	}
	.boxnav_group .promo-category a:after {
		content: "";
		height: 1px;
		background-color: #ffffff;
		width: 100%;
		position: absolute;
		bottom: -3px;
		left: 0;
	}
	.boxnav_group .freewebinare div:last-child {
		margin-top: auto;
	}
	.boxnav_group .freewebinare div:last-child a.btn {
		display: inline-block;
	}
	.boxnav_group .promo-category a.btn:hover {
		color: #fff;
	}
	.actual-exams {
		background-color: #474747;
		border-radius: 5px;
		padding: 20px;
	    height: 100%;
	}
	.actual-exams > p {
		letter-spacing: 0.3px;
	}
	.actual-exams .exams-btns {
		flex-wrap: wrap;
		gap: 15px;
		display: flex;
	}
	.actual-exams .exams-btns a {
		background-color: #035ca8;
		color: #fff;
	}
	.actual-exams .exams-btns a:hover {
		text-decoration: none;
		color: #444;
	    background-color: #fff;
	    transition: all 1s;
	}
	.freewebinare {
		background-color: #E20018;
		padding: 30px 20px;
	}
	.freewebinare a {
		background-color: #fff;
		padding: 30px 20px 20px;
		border-radius: 5px;
		box-shadow: 0 14px 10px 0 #00000025;
	}
	.freewebinare,
	.promo-category {
		padding: 20px;
	    display: flex;	
	    flex-flow: column nowrap;
	    border-radius: 5px;
		align-items: flex-start;
		height: 100%;
	}
	.promo-category .icon {
		font-size: 40px;
	}
	.promo-category.school {
		background-color: #71979e;
	}
	.promo-category.education {
		background-color: #15406d;
	}
	.promo-category.university {
		background-color: #0b95a2;
	}
	.promo-category.further-education {
		background-color: #e65d26;
	}
}

@media (min-width: 690px) {	
	.boxnav_group >.row {
		flex-flow: row wrap;
	}
}

@media (min-width: 1300px) {	
	.boxnav_group h2 {
		line-height: 37px;
		font-size: 37px;
	}
	.actual-exams,
	.freewebinare,
	.promo-category {
		padding: 24px;
	}
}