.icon-animate-box .animate-box-wrap {
    border: 1px solid rgba(0, 0, 0, 0.5);
}

.footer-widget.bg-graydark {
		background-color: #555555;
}

@media (min-width: 768px) {
    /* 1. Make the row flex so all vertical columns match in height */
    .row {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .row > .vc_column_container {
        display: flex !important;
        flex-direction: column !important;
    }

    /* 2. Stretch column wrappers down */
    .row > .vc_column_container > .vc_column-inner,
    .row > .vc_column_container > .vc_column-inner > .wpb_wrapper {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 0 auto !important;
        width: 100% !important;
    }

    /* 3. Keep the spacer fixed (do NOT stretch the spacer) */
    .row .wpb_wrapper > .tlg-spacer {
        flex: 0 0 auto !important;
    }

    /* 4. Divide column height equally between top and bottom cards (50/50 split) */
    .row .wpb_wrapper > [id^="iconbox-"] {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 1 0% !important; /* Forces equal height sharing */
        min-height: 0 !important;
    }

    /* 5. Stretch the internal contents of each card box */
    .row .icon-link,
    .row .icon-animate-box,
    .row .animate-box-wrap,
    .row .animate-box-inner,
    .row .animate-box-inner-wrap {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 0 auto !important;
        height: 100% !important;
        width: 100% !important;
    }

    .row .animate-box-inner-wrap {
        justify-content: flex-start !important;
    }
}

.icon-animate-box.animate-icon .animate-box-wrap {
				padding-bottom: 10px;
}