html {
    scroll-behavior: smooth;
}

body {
    background-color :#fdfdfd;
    /* color: #fdfdfd; */
    margin-left: 5%;
}

h1, h2, h3, h4, h5, h6 {
    color: #1B4965;
    font-family: 'Poppins', sans-serif;
}

a {
    color: #1B4965;
    text-decoration: None;
}

a:hover {
    color: #5FA8D3;
}

.container-fluid{
    border : black;
}

.list-unstyled li {
    list-style-type: none;
}


.bi {
    color: #1B4965;
    padding-right:10px;
}

.highlight {
    background-color: #1B4965;
    color: #FFFFFF;
}

.navbar{
    background-color: #fdfdfd;
}
.navbar a {
    color: #1B4965; 
}

.navbar-brand{
    color : #5FA8D3;
}

.navbar-nav .nav-link {
    color: #1B4965;
}

/***** Next Section ****/
/* .container {
    padding-left: 0px !important;
    margin-left: 50px !important;
    margin-right: 0 !important;
} */

.cards-row {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2rem;
    margin-right: 0;
    margin-left: 0;
    width: 100vh;

}
.col{
    width : 33%;
    padding-right: 10%;
}
.headline_img {
    width: 80%;
    height: auto;
    margin-top: 20px;
    border-radius: 10px;
}

.issue-image {
    width: 50%;
    height: auto;
    border-radius: 10px;
}

.top-container{
    width: 100%;
}
.top-container img {
    width: 100%;
    height: auto;
    margin-top: 20px;
    border-radius: 10px;
}

.container img{
    border-radius: 10px;
    box-shadow: 10px 10px 20px rgba(0, 0, 0, 0.5);
    width: 150%;
    height: auto;
}

.video-container {
    display: flex;
    justify-content: center;
    margin: 40px 0;
}

.video-container video {
    width: 80%;
    max-width: 700px;
    height: auto;
    max-height: 400px;
    border-radius: 10px;
    box-shadow: 8px 8px 20px rgba(0, 0, 0, 0.35);
}