/* ==========================================
   LDB INFORMATION CONSULTING
   Corporate Theme
========================================== */

:root{

    --ldb-blue:#003a7a;
    --ldb-blue-light:#0057b8;
    --ldb-orange:#ff6b00;
    --ldb-bg:#f8fafc;
    --ldb-text:#1e293b;
    --ldb-gray:#64748b;

}

html{
    scroll-behavior:smooth;
}

body{

    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;

    background:var(--ldb-bg);

    color:var(--ldb-text);

    overflow-x:hidden;

}

/* ==========================================
   TOP BAR
========================================== */

.top-bar{

    background:var(--ldb-blue);

    color:#ffffff;

    font-size:.9rem;

}

.top-bar i{

    color:var(--ldb-orange);

    margin-right:5px;

}

/* ==========================================
   NAVBAR
========================================== */

.navbar{

    background:#ffffff !important;

}

.navbar-brand{

    text-decoration:none;

}

.brand-title{

    font-size:1.3rem;

    font-weight:700;

    color:var(--ldb-blue);

    line-height:1.1;

}

.brand-subtitle{

    color:var(--ldb-orange);

    font-size:.95rem;

    font-weight:600;

}

.nav-link{

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

    font-weight:600;

    margin-left:10px;

}

.nav-link:hover{

    color:var(--ldb-orange) !important;

}

.navbar-toggler{

    border:none;

}

/* ==========================================
   HERO
========================================== */

.hero-section{

    min-height:700px;

    background:
    linear-gradient(
        rgba(0,58,122,.88),
        rgba(0,87,184,.88)
    ),
    url('../img/hero-bg.jpg');

    background-size:cover;

    background-position:center;

}

.hero-section h1{

    font-weight:800;

    line-height:1.2;

}

.hero-section p{

    font-size:1.2rem;

}

.hero-logo{

    max-height:500px;

    filter:drop-shadow(0 0 30px rgba(255,255,255,.2));

}

/* ==========================================
   BUTTONS
========================================== */

.btn-primary{

    background:var(--ldb-blue);

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

}

.btn-primary:hover{

    background:var(--ldb-blue-light);

    border-color:var(--ldb-blue-light);

}

.btn-warning{

    background:var(--ldb-orange);

    border-color:var(--ldb-orange);

    color:#fff;

    font-weight:600;

}

.btn-warning:hover{

    background:#e65f00;

    border-color:#e65f00;

    color:#fff;

}

/* ==========================================
   SECTIONS
========================================== */

section{

    position:relative;

}

section h2{

    font-weight:700;

    color:var(--ldb-blue);

}

section p{

    color:#475569;

}

/* ==========================================
   CARDS
========================================== */

.card{

    border:none;

    transition:.3s;

    overflow:hidden;

}

.card:hover{

    transform:translateY(-8px);

    box-shadow:0 15px 35px rgba(0,0,0,.12);

}

.card-body h4,
.card-body h5{

    color:var(--ldb-blue);

    font-weight:700;

}

.card-img-top{

    height:230px;

    object-fit:cover;

}

/* ==========================================
   ABOUT IMAGE
========================================== */

.rounded{

    border-radius:15px !important;

}

/* ==========================================
   FOOTER
========================================== */

.footer{

    background:var(--ldb-blue);

    color:#fff;

    padding:60px 0 20px;

}

.footer-title{

    color:var(--ldb-orange);

    font-weight:700;

    margin-bottom:20px;

}

.footer-text{

    color:#dbe3ee;

}

.footer-list{

    list-style:none;

    padding:0;

}

.footer-list li{

    margin-bottom:12px;

}

.footer-list a{

    color:#dbe3ee;

    text-decoration:none;

}

.footer-list a:hover{

    color:var(--ldb-orange);

}

.footer-divider{

    margin:40px 0;

    border-color:rgba(255,255,255,.15);

}

.footer-bottom{

    color:#dbe3ee;

}

.copyright{

    color:#b8c4d6;

    font-size:.9rem;

}

/* ==========================================
   BACK TO TOP
========================================== */

.back-to-top{

    position:fixed;

    right:20px;

    bottom:20px;

    width:50px;

    height:50px;

    background:var(--ldb-orange);

    color:#fff;

    border-radius:50%;

    display:flex;

    align-items:center;

    justify-content:center;

    text-decoration:none;

    z-index:999;

    box-shadow:0 5px 20px rgba(0,0,0,.2);

}

.back-to-top:hover{

    background:#e65f00;

    color:#fff;

}

/* ==========================================
   FORMS
========================================== */

.form-control{

    border-radius:10px;

    padding:12px;

}

.form-control:focus{

    border-color:var(--ldb-blue-light);

    box-shadow:0 0 0 .2rem rgba(0,87,184,.15);

}

/* ==========================================
   GOOGLE MAP
========================================== */

.map-container{

    overflow:hidden;

    border-radius:15px;

    box-shadow:0 10px 30px rgba(0,0,0,.1);

}

/* ==========================================
   RESPONSIVE
========================================== */

@media (max-width:991px){

    .hero-section{

        text-align:center;

        padding:100px 0;

    }

    .hero-logo{

        margin-top:40px;

        max-height:300px;

    }

}

@media (max-width:768px){

    .brand-title{

        font-size:1rem;

    }

    .brand-subtitle{

        font-size:.8rem;

    }

    .hero-section h1{

        font-size:2rem;

    }

    .hero-section p{

        font-size:1rem;

    }

}