* {
    margin: 0;
    padding: 0;
   
}



#container {
    display: grid;
    grid-template-columns: 1fr 1fr;
     /* Adjust this value */
    
    
}

.navbar-nav {
    position: absolute;
    right: 70px;
}

.img {
    height: 70vh; /* Use a percentage of the viewport height */
    overflow: hidden; /* Hide any overflow content */
}

    .img img {
        width: 100%; /* Ensure the image fills the container */
        height: 100%; /* Ensure the image fills the container */
        object-fit: cover; /* Maintain aspect ratio and cover the container */
    }

.intro .plus,
.intro  {
    margin-top: 40px; /* Adjust this value to control the spacing between elements */
}

h2{
    margin-top: 20px;
}

.plus {
    color: #007bff;
    font-size: 45px;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-20px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}