/* Ensure header is sticky */
.sticky-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    transition: background-color 0.3s, box-shadow 0.3s;
}

/* Transparent header for homepage */
.transparent-header {
    background: transparent;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1000;
}

/* Add background color when header is scrolled */
.header-scrolled {
    background-color: #fff; /* Adjust as needed */
    box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* Optional for shadow effect */
}

/* Add padding to content to avoid overlap with sticky header */
.content-wrap {
    padding-top: 100px; /* Adjust this value based on your header height */
}

/* Style for larger icons */
.fbox-icon img {
    width: 80px;
    height: 80px;
}

/* Additional adjustments for when header is sticky */
@media (max-width: 991px) {
    .content-wrap {
        padding-top: 130px; /* Adjust this value for mobile view if necessary */
    }
}