/* ============ desktop view ============ */
@media all and (min-width: 992px) {
	.dropdown-menu li{ position: relative; 	}
	.nav-item .submenu{ 
		display: none;
		position: absolute;
		left:100%; top:-7px;
	}
	.nav-item .submenu-left{ 
		right:100%; left:auto;
	}
	
	.dropdown-menu > li:hover > .submenu{ display: block; }
}	
/* ============ desktop view .end// ============ */

/* ============ small devices ============ */
@media (max-width: 991px) {
  .dropdown-menu .dropdown-menu{
      margin-left:0.7rem; margin-right:0.7rem; margin-bottom: .5rem;
  }
}	
/* ============ small devices .end// ============ */
body{
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    

}

    .content-container {
  max-width: 90%;
  margin: 0 auto;
  height: 100%;
}

nav{
color:rgb(0, 81, 139);
}
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
 
        .dropdown-item:hover {
            background-color: rgb(146, 146, 255);
        }

        .nav-item:hover {
            background-color: rgb(121, 138, 211);
        }

        img {
            max-width: 100%;
            height: auto;
            display: block;
            margin-left: auto;
            margin-right: auto;

        }