/* Add this to your shared CSS file */
.otherPage-top-space {
    padding-top: 100px; /* Adjust this value based on your header height */
    margin-bottom: 30px;
}
.otherPage-bottom-space {
    padding-bottom: 80px; /* Adjust this value based on your header height */
    margin-top: 30px;
}


/* If you have a fixed header, you might want to use margin instead */
@media (max-width: 768px) {
    .otherPage-top-space {
        padding-top: 60px; /* Smaller spacing for mobile */
    }
    .otherPage-bottom-space {
        padding-bottom: 60px; /* Smaller spacing for mobile */
    }
}
/* If you have a fixed header, you might want to use margin instead */
@media (max-width: 576px) {
    .otherPage-top-space {
        padding-top: 100px; /* Smaller spacing for mobile */
    }
    .otherPage-bottom-space {
        padding-bottom: 100px; /* Smaller spacing for mobile */
    }
}