/* ============================
   Lawson Philippines Theme
   Corporate Blue Style
============================ */


:root {

    --lawson-blue: #005BAC;
    --lawson-light-blue: #EAF4FF;
    --lawson-dark-blue: #003B73;
    --text-color: #333;

}



/* GLOBAL */

body {

    font-family: "Segoe UI", Arial, sans-serif;
    color: var(--text-color);
    background: #ffffff;

}



h1, h2, h3, h4 {

    color: var(--lawson-dark-blue);

}



p {

    line-height: 1.8;

}





/* NAVBAR */


.navbar {

    border-bottom: 3px solid var(--lawson-blue);

}



.navbar-brand img {

    height: 50px;
    object-fit: contain;

}



.nav-link {

    font-weight: 500;
    color: #333 !important;
    margin-left: 15px;

}



.nav-link:hover {

    color: var(--lawson-blue) !important;

}





/* HERO */


.hero-section {

    padding: 70px 0;

}



.hero-image {

    width:100%;
    height:450px;
    object-fit:cover;
    border-radius:15px;

}



.carousel-control-prev-icon,
.carousel-control-next-icon {

    background-color: rgba(0,91,172,0.8);
    border-radius:50%;
    padding:20px;

}





/* BUTTONS */


.btn-success {

    background-color: var(--lawson-blue);
    border-color: var(--lawson-blue);

}



.btn-success:hover {


    background-color: var(--lawson-dark-blue);
    border-color: var(--lawson-dark-blue);

}



.btn-outline-success {

    color: var(--lawson-blue);
    border-color: var(--lawson-blue);

}



.btn-outline-success:hover {

    background-color: var(--lawson-blue);
    color:white;

}





/* ABOUT BOX */


.about-box {

    padding:40px;

}





/* CARDS */


.card {

    border:none;
    border-radius:15px;
    transition:0.3s;

}



.card:hover {

    transform:translateY(-8px);
    box-shadow:0 10px 25px rgba(0,0,0,0.15);

}



.card h4 {

    color:var(--lawson-blue);

}





/* SECTION BACKGROUND */


.bg-light {

    background-color:var(--lawson-light-blue)!important;

}





/* FOOTER */


.footer {


    background:

    linear-gradient(
    135deg,
    var(--lawson-blue),
    var(--lawson-dark-blue)
    );


    color:white;

    padding:50px 0;

}



.footer h5 {

    color:white;

}



.footer p {

    color:white;

}





/* IMAGES */


.img-fluid {

    border-radius:15px;

}





/* MOBILE */


@media(max-width:768px){


.hero-image {

    height:300px;

}


.about-box {

    padding:20px;

}


}