/* ===========================
   GLOBAL
=========================== */

body{
    background:#FFF9E6;
    color:#333;
    font-family:Arial, Helvetica, sans-serif;
}

a{
    text-decoration:none;
}

section{
    padding:70px 0;
}

/* ===========================
   TOP HEADER
=========================== */

.top-header{
    background:#0056b3;
    color:#fff;
    font-size:14px;
}

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

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

.navbar{
    background:linear-gradient(90deg,#FFD54F,#FFC107);
    box-shadow:0 3px 15px rgba(0,0,0,.15);
    padding:12px 0;
}

.navbar-brand{
    font-size:30px;
    font-weight:700;
    color:#003B8E !important;
}

.nav-link{
    color:#003B8E !important;
    font-weight:600;
    font-size:17px;
    margin-left:10px;
    transition:.3s;
}

.nav-link:hover{
    color:white !important;
}

.btn-primary{
    background:#0056b3;
    border:none;
}

.btn-primary:hover{
    background:#003d80;
}

.btn-warning{
    color:#000;
    font-weight:bold;
}

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

.hero-img{
    width:100%;
    height:85vh;
    object-fit:cover;
}

.carousel-item{
    position:relative;
}


.carousel-item::before{

    content:"";

    position:absolute;

    inset:0;

    background:linear-gradient(
        to right,
        rgba(0,39,94,.75),
        rgba(0,39,94,.20)
    );
}

.carousel-caption{

    left:8%;
    right:45%;
    bottom:18%;

    text-align:left;

    background:none;

    padding:0;
}

.carousel-caption h1{

    color:#FFD54F;

    font-size:60px;

    font-weight:700;

    line-height:1.2;

    text-shadow:3px 3px 10px rgba(0,0,0,.5);

}

.carousel-caption p{

    color:white;

    font-size:24px;

    margin:20px 0;

    line-height:1.6;

    text-shadow:2px 2px 8px rgba(0,0,0,.5);

}

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

    background-color:#003B8E;

    border-radius:50%;

    padding:20px;

}


/* ===========================
   SEARCH
=========================== */

.search-section{

    margin-top:-70px;

    position:relative;

    z-index:100;

}

.search-card{

    background:#fff;

    border-radius:15px;

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

}

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

.card{

    border:none;

    border-radius:15px;

    transition:.3s;

}

.card:hover{

    transform:translateY(-8px);

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

}

.card h4,
.card h5{

    color:#0056b3;

}

/* ===========================
   TITLES
=========================== */

.section-title{

    color:#0056b3;

    font-weight:700;

    margin-bottom:15px;

}

.section-subtitle{

    color:#666;

    margin-bottom:40px;

}

/* ===========================
   CTA
=========================== */

.cta{

    background:linear-gradient(135deg,#0056b3,#0d6efd);

    color:white;

}

.cta h2{

    color:#FFD54F;

}

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

footer{

    background:#003b78;

    color:#fff;

}

footer h5{

    color:#FFD54F;

}

footer a{

    color:white;

}

footer a:hover{

    color:#FFD54F;

}