/* NEW 4-SIDE BORDER BOX */
.border-box-4side {
    position: relative;
    padding: 20px 30px;
background:#114d37;
    width: fit-content;      /* 🔥 shrink to content */
    margin: 40px auto;       /* 🔥 perfectly center */
	 transform: translateX(-160px); /* fine-tune if needed */
}

/* LEFT LINE */
/* LEFT LINE */
.border-box-4side::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: black;
}

/* RIGHT LINE */
.border-box-4side::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background: black;
}

/* TOP LINE */
.border-top-line {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: black;
}

/* BOTTOM LINE */
.border-bottom-line {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px;
    background: black;
}

/* LIST STYLING */
.border-list {
    padding-left: 20px;
    text-align: left;
    line-height: 1.6;
}

.border-list li {
    margin-bottom: 18px;
}

/* RESPONSIVE FIXES */
.border-box-4side {
    transform: translateX(-160px);
}

/* Large screens */
@media (max-width: 1200px) {
    .border-box-4side {
        transform: translateX(-120px);
    }
}

/* Tablets */
@media (max-width: 992px) {
    .border-box-4side {
        transform: translateX(-80px);
    }
}

/* Small tablets */
@media (max-width: 768px) {
    .border-box-4side {
        transform: translateX(-40px);
    }
}

/* Mobile */
@media (max-width: 576px) {
    .border-box-4side {
        transform: translateX(0); /* 🔥 reset */
    }
}