.box_layout_section {
	background-color: rgba(14, 86, 90, 0.1);
}
.box_layout_sec_wrapper {
	max-width: 98%;
	width: 100%;
	margin: 0 auto;
}
.box_layout_title {
	margin-bottom: 60px;
}
.box-list {
	margin: -20px;
}
.box-item {
	padding: 20px;
	max-width: 50%;
	width: 100%;
}
.box-item-inner {
	padding: 60px 50px;
	background-color: var(--color-white);
	height: 100%;
	box-shadow: 0 4px 64px rgba(0, 0, 0, 0.07);
}

.box-title {
	margin-bottom: 24px;
	position: relative;
	padding-bottom: 24px;
	color: var(--color-primary);
}
.box-item-inner p {
	line-height: 1.6;
	margin-bottom: 22px;
}
.box-item-inner p:last-child {
	margin-bottom: 0;
}
.box-title::before {
	content: "";
	width: 100%;
	max-width: 126px;
	background-color: var(--color-primary);
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
}
.box-item-inner *{
    transition: 0.5s;
}
.box-item-inner.hover:hover * {
	color: var(--color-white);
}
.box-item-inner.hover:hover {
	background-color: var(--color-teal);
}
/* Temporary highlight effect like hover */
/* .highlight-box {
    background-color: var(--color-teal);
    transition: background-color 0.3s ease;
} */

@media screen and (max-width:1440px) {
    .box-item-inner {
	padding: 50px 40px;
}
.box_layout_title {
	margin-bottom: 55px;
}
}
@media screen and (max-width:1360px) {
.box-item {
	padding: 15px;
}
.box-list {
	margin: -15px;
}

}

@media screen and (max-width:1200px) {
    .box_layout_title {
	margin-bottom: 45px;
}
.box-item-inner {
	padding: 40px 30px;
}
.box-title {
	margin-bottom: 20px;
	padding-bottom: 20px;
}
}
@media screen and (max-width:991px) {
    .box_layout_title {
	margin-bottom: 35px;
}
    .box-item {
	max-width: 100%;
}
.box-item {
	padding: 10px;
}
.box-list {
	margin: -10px;
}
.box-item-inner p {
	margin-bottom: 20px;
}
}
@media screen and (max-width:640px) {
.box-item-inner p {
	margin-bottom: 18px;
}
}
@media screen and (max-width:480px) {
    .box-item-inner {
	padding: 30px 25px;
}
}