.nav-link:hover{
        color:#fff;
    }
    section.banner:before {
        position: absolute;
        content: '';
        background: #00000063;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    .banner {
        background-image: url(../images/araw/araw-banner.jpg) !important;
        background-position: center bottom;
        height: 400px;
    }
    a.nav-link:before {
        border-bottom: 1px solid #fff;
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        transition: all 0.3s linear;
        width: 0;
    }
    
    a.nav-link:hover:before {
        width: 100%;
    }
    @media (max-width: 767px) {
        .banner {
            padding-top: 97px !important;
        }
    }
    .sub-menu {
        background-color: #090909;
        min-width: 200px;
        padding: 20px 0;
    }
    .sub-menu li a {
        color: #fff;
    }.sub-menu li a:hover {
        color: #b99d75;
    }
   
    @media(max-width:767px){
        .araw-logo{
            height: 65px;
        }
        .navbar-collapse{
            --bs-bg-opacity: 1;
            background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
            top: 100%;
            min-width: 94vw;
            left: 0;
            right: 0;
            margin: 21px auto 0;
            text-align: left;
            padding: 15px;
            position: absolute;
            
        }
    }
.araw-logo {
    height: 50px;
}
.left-img {
    background-image: url(../images/araw/araw-body.jpg) !important;
    background-size: 100%;
    background-position: center;
}

footer {background-color: #111;padding-top: 80px}
    .foot-logo img {max-width: 200px;height: auto}
   .footer-form {background-color: #1D503E;border-radius: 15px}
    .email-input{
        height: 52px;
    padding: 5px 15px;
    background: none;
    border-color: #ffffff59;
    border-style: solid;
    border-width: 1px;
    border-radius: 15px 0 0 15px;
    color: #fff;
    font-size: 1rem;
    line-height: 2;
    font-weight: 400;
    transition: 0.3s;
    }
    .button {
    padding: 0 15px;
    height: 52px;
    background: #b99d75;
    border: none;
    color: #fff;
    transition: 0.4s;
    cursor: pointer;
    border-radius: 0 15px 15px 0;
}
    .button:before {
        
    }
    .text-new{color: #54595f}
    a{text-decoration: none}