/* Styles */ 
/* Tools Area Styles */
.tools-area {}

.tools-area.b span.title-style-2 {
    font-size: 1.45rem;
    color: var(--text-color);
    margin-top: 0.8em !important;	
    margin-bottom: 1.4em !important;
}

.tools-area.b .tools-list {
	padding: 0 6.2em;
}

.tools-area.b {
	z-index:2;
}
.tools-area.b .link-style-1:hover, a:hover .link-style-1,.tools-area.b .link-style-1:focus, a:focus .link-style-1 {
	color:var(--text-color);
}
.tools-area.b li .card {
	height: 92%;
	background-color:var(--off-color);
}

.tools-area.b li .card .tile {
	background-color: #e6f4f3;
	padding: 0;
	height: 21rem;
}

.tools-area.b li:first-child .card {
    height: 100%;
    background-color: var(--off-color);
    display: flex;
}

.tools-area.b li:first-child {
    width: 100% !important;
}

.tools-area.b li .card strong {
	color:var(--text-color);
	padding: 0.6em 0.6em;
	font-weight: 400;
	transition: var(--transit-1);
	font-size: 1.1rem;
}

.lpmd li:first-child .card > figure {
    padding-bottom: 0;
    width: 50%;
    overflow: hidden;
}

.tools-area.b li:first-child .card .tile {
    background-color: #fef7e6;
    padding: 0;
    width: 50%;
}


.tools-area.b .card svg {
    font-size: 0.89em;
    margin-right: 0.5em;
    margin-top: 0.5em;
    -ms-transform: translateY(-.2rem);
    -webkit-transform: translateY(-.2rem);
    transform: translateY(-.2rem);
    transition: color var(--transit-1);	
    fill: var(--click1-color);
}
/* End Tools Area Styles */

/* Responsive Width 1280px */
@media screen and (max-width: 1280px) {
	.tools-area.b li .tile {
		padding: 1.66em;
	}
}
/* End Responsive Width 1280px */

/* Responsive Width 1024px */
@media screen and (max-width: 1024px) {
	.tools-area.b li .tile {
		text-align:center;
	}
	
	.tools-area.b .tools-list {
		padding: 0 5em;
	}
	
	.tools-area.b li:first-child .card {
    height: 100%;
    background-color: var(--off-color);
    display: block;
}

.tools-area.b li:first-child {
    width: calc(33.33% - (-35.67rem * 0.5)) !important;
}

.tools-area.b li .card strong {
	color:var(--text-color);
	padding: 0.6em 0.6em;
	font-weight: 400;
	transition: var(--transit-1);
	font-size: 1.1rem;
}

.lpmd li:first-child .card > figure {
    padding-bottom: 50%;
    width: 100%;
    overflow: hidden;
}

.tools-area.b li:first-child .card .tile {
    background-color: #fef7e6;
    padding: 0;
    width: 100%;
}
	
}
/* End Responsive Width 1024px */

/* Responsive Width 500px */
@media screen and (max-width: 500px) {
	.tools-area.b .tools-list li.third {
		margin: 0 auto !important;
		width: 100%;
		padding-bottom: 0.65em;
	}
	
	.tools-area.b .tools-list {
		padding: 0;
		flex-direction: column;
	}
}
/* End Responsive Width 500px */