.container {
    width: 1600px;
    max-width: 100%;
}

footer
{
margin-top:2%;
}

.nav_ico .fa {
    color: #5f0425

}

.pagetitleBox h1 {
    text-shadow: 2px 2px 4px #000000; /* Adding the text-shadow property */
    font-size: 3.5em;
}

/* Hide the icon (the "play" or arrow icon) on hover */
.dg-imagebox12 .pic:hover .icon {
    display: none !important;
}

/* Hide the background overlay that causes color changes on hover */
.dg-imagebox12 .pic:hover .bg {
    opacity: 0 !important;
    visibility: hidden !important;
}

/* If there are outlines, this should help remove them by setting border to none */
.dg-imagebox12 .pic:hover {
    border: none !important;
    outline: none !important;
}

/* Ensure the link itself doesn't have any visible changes on hover */
.dg-imagebox12 .pic:hover a {
    border: none !important;
    outline: none !important;
    /* You might need to set color or background-color if the link itself changes */
    color: inherit !important; /* Resets text color to default */
    background-color: transparent !important; /* Resets background color to transparent */
}

.owl-carousel.dg-carousel10 {
    margin-left: auto;
    margin-right: auto;
    /* You might also want to add max-width and center it if it's not already */
    /* max-width: calc(100% - 4em); */ /* Optional: adjust if it breaks layout */
    /* margin-left: auto; */         /* Optional: for centering */
    /* margin-right: auto; */        /* Optional: for centering */
}