body { font-family: 'Open Sans', sans-serif; }

.transparent_background { background-color: black; opacity: 0.4; }
.text_border_color { color: white; font-weight: bold; opacity: 100%; }


/* color: rgba(255,255,255,.5); */
/* change the background color */
.navbar { background-color: white; }
/* change the brand and text color */
.navbar .navbar-brand, .navbar .navbar-text { color: #072d5e; }
/* change the link color */
.navbar .navbar-nav .nav-link { color: #072d5e; }
/* change the link color */
.navbar .navbar-nav .nav-link:hover { background-color: #5889b4; color: white; }
/* change the link color if perent is active */
.navbar .navbar-nav .my_active_parent a, .navbar .nav-item .nav-link .my_active_parent { background-color: #5889b4; color: white; }
/* change the link color if chield is active */
.navbar .dropdown-menu .my_active_chield a, .navbar .dropdown-menu .my_active_chield a:hover { background-color: #072d5e; color: white; }
.navbar .dropdown-menu .my_active_chield_all a:hover { background-color: #072d5e; color: white; }
/* change the color of active or hovered links */
.navbar .nav-item.active .nav-link, .navbar .nav-item:hover .nav-link { background-color: #5889b4; color: white; }
/* change the color of active or hovered dropdown links */
.navbar .dropdown-menu a.active, .navbar .dropdown-menu a:hover { background-color: #5889b4; color: white; }

.navigation_sub a { color: #072d5e; }


.card .my_style .card-header { background-color: #072d5e; }
.card .my_style .card-body a, p { color: #072d5e; }


/* Below is for nested navbar*/
.dropdown:hover>.dropdown-menu { display: block; }
.dropdown-submenu { position: relative; }
.dropdown-submenu a::after { transform: rotate(-90deg); position: absolute; right: 6px; top: .8em; }
.dropdown-submenu .dropdown-menu { top: 0; left: 100%; margin-left: .1rem; margin-right: .1rem; }
/* Above is for nested navbar*/



.countries_map { position:relative; }
.countries_map .ksa_flag { position:absolute; top: 145px; left: 405px; z-index: 1; border: 1px solid white;}


.list-group-item.active { background-color: #072d5e; border-color: #5889b4;}



.zoom {
    transition: transform .2s;
    margin: 0 auto;
}

.zoom:hover {
    -ms-transform: scale(2.0); /* IE 9 */
    -webkit-transform: scale(2.0); /* Safari 3-8 */
    transform: scale(2.0);
}

#text_justify { text-align: justify; text-justify: inter-word; }

/* Code for fadein slider */
.carousel-fade .carousel-item {
  display: block;
  position: relative;
  opacity: 0;
  transition: opacity .75s ease-in-out;
}
.carousel-fade .carousel-item.active {
  opacity: 1;
  display: block;
}

/* .carousel { position: relative; top: 0; left: 0; } */
.carousel-inner { height: 100%; }

/* a.carousel-control-next:link, a.carousel-control-prev:link { background-color: transparent; text-decoration: none; opacity: .5; } */
/* .carousel-control-next-icon, .carousel-control-prev-icon { position:relative; background-image: none; } */
a.carousel-control-next:hover, a.carousel-control-prev:hover  { background-color: transparent; text-decoration: none; opacity: 1; }

/* .carousel-control-next-icon:before, .carousel-control-prev-icon:before { top:0; left:-5px; padding-right:10px; } */