.site-footer {
    position: relative;
    overflow: hidden;
    background: #0b4d68;
}

.site-footer__bg {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    background:
        linear-gradient(to bottom, rgba(18, 50, 32, 0.20) 0%, rgba(31, 81, 51, 0.92) 58%, rgba(39, 84, 57, 0.78) 78%, rgba(66, 92, 77, 0.62) 100%),
        url("<?php echo base_url('assets/brand/footerbg.png'); ?>");
    background-position: center center, center bottom;
    background-repeat: no-repeat, no-repeat;
    background-size: cover, 100% auto;
}

.site-footer .container {
    position: relative;
    z-index: 2;
}

.site-footer a {
    color: rgba(255,255,255,0.78);
    text-decoration: none;
    transition: all 0.25s ease;
}

.site-footer a:hover {
    color: #ffffff;
}

.site-footer .form-control {
    background: rgba(255,255,255,0.08);
    border: 1px solid rgba(255,255,255,0.14);
    color: #fff;
}

.site-footer .form-control::placeholder {
    color: rgba(255,255,255,0.65);
}

.site-footer .form-control:disabled {
    background: rgba(255,255,255,0.08);
    opacity: 1;
}

.footer-grain {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0.06;
}