.navbar-custom {
    background-color:#fff;
    size: 50px;
}

/* change the brand and text color */
.navbar-custom .navbar-brand,
.navbar-custom .navbar-text {
    color:#002750;
}

/* change the link color */
.navbar-custom .navbar-nav .nav-link {
    color: #002750;
}

/* change the color of active or hovered links */
.navbar-custom .nav-item.active .nav-link
 {
    color:#002750;;
   /* background-color: #002750;*/
    border-radius: 5px;

    
    
}
.navbar-custom .nav-item:hover .nav-link{
    color:#002750;
    /*background-color: #002750;*/
    border-radius: 5px;

}

/* for dropdown only - change the color of droodown */
.navbar-custom .dropdown-menu {
    background-color: #002750;
}

.navbar-custom .dropdown-item {
    color: #002750;
}

.navbar-custom .dropdown-item:hover,
.navbar-custom .dropdown-item:focus {
    
    color:  #002750;
    background-color: #002750;
    
}

.link1 { color: #fff; } /* CSS link color (red) */
.link1:hover { color: #fcd560; Text-Decoration: None !important; 
    }
    .link2 { color: #002750; } /* CSS link color (red) */
    .link2:hover { color: #002750; Text-Decoration: None !important; 

    }
    h6,
    .h6{
      font-size: 100%;
      color:#fff;
    }
    .link_2 { color: #002750; } /* CSS link color (red) */
.link_2:hover { color: #002750; Text-Decoration: None !important; 
    }
    .link_2 { color: #002750; } /* CSS link color (red) */
    .link_2:hover { color: #002750; Text-Decoration: None !important; 

    }
   

/* ============ only desktop view ============ */
@media all and (min-width: 992px) {
	.navbar .nav-item .dropdown-menu{  display:block; opacity: 0;  visibility: hidden; transition:.3s; margin-top:0;  }
	.navbar .nav-item:hover .nav-link{ color: #002750;  }
	.navbar .dropdown-menu.fade-down{ top:80%; transform: rotateX(-75deg); transform-origin: 0% 0%;}
	.navbar .dropdown-menu.fade-up{ top:180%;  }
	.navbar .nav-item:hover .dropdown-menu{ transition: .3s; opacity:1; visibility:visible; top:100%; transform: rotateX(0deg);   }
}		
/* ============ desktop view .end// ============ */


@media all and (min-width: 900px) {
	.navbar{ padding-top: 0; padding-bottom: 0; }
    .navbar .has-megamenu{position:static!important;}
	.navbar .megamenu{left:0px; right:0px; width:100%; padding:20px; color: #fff; border-color: #002750;    border-width: 10px; border-radius:10px;}
	.navbar .nav-link{ padding-top:2rem; padding-bottom:2rem; text-decoration: none;  }
}

.topnav {
    height: 70px;
    padding: 0px;
    z-index: 100;
}

.card .card1  {
    background-color: #002750;
}

.card .card1 .mb-0 {
    color: #fff;
}