.headerImgBox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.headerImgBox img {
    width: 85px;
    background-color: #e6e6e6;
}

.headerBgClr {
    background-color: #17436d;
}

.arrowImg {
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-caret-right-fill" viewBox="0 0 16 16"><path d="m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z"/></svg>');
    background-repeat: no-repeat;
    background-size: 75%;
    min-width: 40px;
    height: 40px;
}

@media only screen and (max-width: 500px) {
    .headerImgBox img {
        width: 35px;
    }
}

.headerLogo{
    box-shadow: 0 0 5px 0 #000;
}

.hoverEffect:hover{
    background-color: #d5d5d5;
    color: #000;
}
.zindex99{
      z-index: 99;
}
.textDecoration{
    text-decoration: none;
    color: #fff !important;
}
.textDecoration:hover{
    color: #000 !important;
}