.box-section {
	padding: 150px 0 70px 0;
}

.box-sec-top-wrap {
	margin-bottom: 74px;
	gap: 20px;
}
.box-grid {
    margin: -15px;
}
.box-col {
    max-width: 30.8%;
    padding: 15px;
}

.box-item {
    background-color: var(--color-primary);
    padding: 63px 50px 64px 50px;
    height: 100%;
    display: flex;
    flex-direction: column;
}
.box-item-content {
    flex-grow: 1;
}

.box-item-title {
	margin-bottom: 29px;
}
.box-item-button-wrap {
    margin-top: 40px;
}
.box-col.two {
    max-width: 50%;
}
.box-item-button:hover {
    background-color: var(--color-white);
    color: var(--color-primary);
}
.btn-arrow.box-item-button:hover {
    background-color: var(--color-white);
    color: var(--color-primary);
	background-image: url("data:image/svg+xml,%3Csvg width='27' height='8' viewBox='0 0 27 8' fill='%2300305C' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.5 2L25.5 4L23.5 6V4V2Z' fill='%2300305C'/%3E%3Cpath d='M0 4L25.5 4M25.5 4L23.5 2V6L25.5 4Z' stroke='%2300305C' stroke-width='1.5'/%3E%3C/svg%3E");

}
.box-item-content p:not(:last-child) {
    margin-bottom: 20px;
}
@media screen and (max-width:1800px) {
	.box-section {
		padding: 130px 0 70px 0;
	}
}

@media screen and (max-width:1600px) {
	.box-section {
		padding: 110px 0 70px 0;
	}

	.box-sec-top-wrap {
		margin-bottom: 55px;
	}

	.box-col {
		max-width: 33%;
	}

	.box-item {
		padding: 60px 45px;
	}
}

@media screen and (max-width:1440px) {
	.box-section {
		padding: 90px 0 60px 0;
	}

	.box-item {
		padding: 50px 35px;
	}

	.box-item-title {
		margin-bottom: 24px;
	}
}
@media screen and (max-width:1360px) {
.box-section {
	padding: 80px 0 50px 0;
}
.box-sec-top-wrap {
	margin-bottom: 45px;
}
.box-col {
	max-width: 33.33%;
}
}
@media screen and (max-width:1200px) {
.box-section {
	padding: 70px 0 50px 0;
}
.box-item {
	padding: 45px 26px;
}
.box-item-title {
	margin-bottom: 20px;
}
}
@media screen and (max-width:991px) {
.box-section {
	padding: 60px 0 40px 0;
}
.box-sec-top-wrap {
	margin-bottom: 40px;
}
.box-col {
	max-width: 50%;
}
.box-grid {
    justify-content: center;
}
.box-col.two {
    max-width: 100%;
	padding: 7px;
}
.box-grid:has(.two){
	margin:-7px;
}
}
@media screen and (max-width:767px) {
.box-col:last-child {
    max-width: 100%;
    padding-bottom: 0;
}
}
@media screen and (max-width:640px) {
.box-section {
	padding: 50px 0 30px 0;
}
.box-col {
	max-width: 100%;
}

.box-item {
	padding: 40px 22px;
}
.box-section {
	padding: 50px 0 40px 0;
}
.box-sec-top-wrap {
	margin-bottom: 36px;
}
.box-item-button-wrap {
    margin-top: 30px;
}

}