:root{
    --primary: #123B6D;
    --secondary: #39A9E1;
    --accent: #8FD3F4;
    --light: #F5F7FA;
    --white: #FFFFFF;
    --text: #222222;
    --border: #DDE3E8;
}

.navbar{
    background-color: var(--primary);
}

.navbar .nav-link{
    color: var(--white);
}

.navbar .nav-link:hover{
    color: var(--secondary);
}

.btn-primary-custom{
    background-color: var(--secondary);
    color: var(--white);
    border: none;
}

.btn-primary-custom:hover{
    background-color: var(--primary);
}
.hero{
    background-color: var(--primary);
    color: var(--white);
}
.card{
    border: 1px solid var(--border);
}

.card-title{
    color: var(--primary);
}
h1,h2,h3,h4{
    color: var(--primary);
}
body{
    background-color: var(--light);
    color: var(--text);
}
footer{
    background-color: var(--primary);
    color: var(--white);
}
.dropdown-menu{
    border-radius: 5px;
    border: none;
    box-shadow: 0 8px 20px rgba(0,0,0,.15);
}

.dropdown-item{
    color: #123B6D;
    padding: 10px 20px;
}

.dropdown-item:hover{
    background-color: #39A9E1;
    color: white;
}
.hero{
    min-height: 85vh;

    background:
        linear-gradient(rgba(18,59,109,.75),
        rgba(18,59,109,.75)),
        url("images\ \(13\).jpg");

    background-size: cover;
    background-position: center;

    display:flex;
    align-items:center;
}
.web-hero{
    min-height: 85vh;

    background:
        linear-gradient(rgba(18,59,109,.75),
        rgba(18,59,109,.75)),
        url("images\ \(13\).jpg");

    background-size: cover;
    background-position: center;

    display:flex;
    align-items:center;
}
.card1{
    transition: transform 0.5s ease;
}

.card1:hover{
    transform: translateY(-5px) !important;
}