.navbar{
    background-color: rgba(255, 255, 255, 0.800);
    height: 90px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.071);
    transition: all linear 0.2s;
}

.navbar .logo{
    width: 90px;
    transition: all linear 0.2s;
}

.navbar .nav .nav-link{
    color: #216ca9;
    position: relative;
    overflow: hidden;
}

.navbar .nav .nav-link.active::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: 0;
    background-color: #1f3465;
    transition: all linear 0.3s;
}


.navbar .product-nav .nav-link.active::after{
    content: "";
    height: 0px;
}

.navbar .nav .nav-link::after{
    content: "";
    position: absolute;
    width: 100%;
    height: 3px;
    bottom: 0;
    left: -100%;
    background-color: #1f3465;
    transition: all linear 0.3s;
}

.navbar .nav .nav-link:hover:after{
    left: 0%;
}


.navbar .product-nav{
    position: absolute;
    display: none;
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 5px rgb(226, 244, 255);
}

.navbar .pro-nav:hover~.product-nav, .navbar .product-nav:hover{
    display: block;
}


.navbar-toggler{
    background-color: none;
    border: none;
}

.navbar-toggler:hover{
    background-color: none;
    border: none;
}

.carousel{
    max-height: 100vh;
}


.carousel .carousel-item .main-img{
    height: 98vh;
    object-fit: cover;
    object-position: left;
}


.header .carousel-caption{
    width: 100%;
    height: 50%;
    top: 30%;
    left: 0;
}

.header .carousel-caption img{
    width: 220px;
    height: 220px;
}