/* Header Section */

.bg{
    background-color: rgb(148, 126, 119) !important;
}

.nav-item a{
    color: #1e311dc2 !important;
}

.nav-item .active{
    color: rgb(249, 224, 198) !important;
}



/* Services heading section */

.vision-para{
    margin-top: 10rem;
}

.vision{
    font-family: canela serif;
    color: rgb(34, 64, 32);
}



.delivery{
    margin-top: 4rem;
    font-family: canela serif;
    color: rgb(34, 64, 32);
    display: flex;
    flex-direction: column;
    align-items: center;    
}

.delivery .d-para{
    width: 40vw !important;
}

.delivery-image img{
    width: 70vw;
    height: 50vh !important;
    border-radius: 20px;
    box-shadow: 0 0 1rem 1px rgb(136, 94, 63);
    transition: transform 0.6s ease-in;
}

.delivery-image img:hover{
    transform: scale(0.9);
}

.plane-container {
    overflow: hidden;
    z-index: 99;
}
.plane-container img{
    rotate: 180deg;
}

.airplane{
    position: absolute;
    width: 7vw; /* Adjust to your image size */
    height: auto;
    animation: flyAround 10s linear infinite;
    overflow: hidden;
}

@keyframes flyAround {
    0% {
        top: 50%;
        left: 0;
        transform: rotate(0deg);
    }
    25% {
        top: 50%;
        left: 92%;
        transform: rotate(90deg);
    }
    50% {
        top: 90%;
        left: 90%;
        transform: rotate(180deg);
    }
    75% {
        top: 90%;
        left: 0;
        transform: rotate(270deg);
    }
    100% {
        top: 50%;
        left: 0;
        transform: rotate(360deg);
    }
}




.export{
    margin-top: 4rem;
    font-family: canela serif;
    color: rgb(34, 64, 32);
    display: flex;
    flex-direction: column;
    align-items: center;    
}

.export .e-para{
    width: 40vw !important;
}

.export-image img{
    width: 70vw;
    height: 50vh !important;
    border-radius: 20px;
    box-shadow: 0 0 1rem 1px rgb(136, 94, 63);
    transition: transform 0.6s ease-in;
}

.export-image img:hover{
    transform: scale(0.9);
}

.ship-container {
    width: 100%;
    height: 20vh; /* Adjust height as needed */
    position: absolute;
    overflow: hidden;
    margin-top: -4rem;
}

.ship {
    position: absolute;
    width: 10vw; /* Adjust size to match your image */
    height: 10vh !important;
    height: auto;
    animation: moveSheep 10s linear infinite;
    overflow: hidden;
}

@keyframes moveSheep {
    0% {
        left: 100%; /* Start off-screen on the left */
    }
    100% {
        left: -100px; /* Move off-screen to the right */
    }
}





/* packaging section */


.package{
    margin-top: 3rem !important;
    font-family: canela serif;
}

.card{
    align-items: center;
    border: none !important;
}
.card img{
    width: 40vw !important;
    height: 50vh;
    border-radius: 10px;
    object-fit: cover;
}

.card-body{
    text-align: center;
    width: 40vw;
}




/* last paragraph section */

.last-para{
    margin-top: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.last-para p{
    width: 65vw;
    text-align: center;
    font-family: canel serif;
    font-size: 20px;
}


/* footer section */

.footer{
    background-color: rgb(85, 66, 61) !important;
}