/* Mehedi Dropdown maga meny Style Start_______________________________ */
/* MObile view menu CSS Start ____________ */
#mobile-version{
  display: none !important;
}
.mobile_menu_div .mobile_menu_ul{
  padding-left: 0px !important;
}

@media only screen and (max-width: 990px) {
  #mobile-version{
   display: block !important;
   //margin-top: 50px;
}
#desktop-version{
  display: none !important;
}
}
/* MObile view menu CSS End____________ */

/* Desktop view menu CSS Start____________ */
#navcol-1 ul li{
  position: relative;
  transition: 0.5;
}
#navcol-1 ul .menu_item_hover_animation::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  border-radius: 10px;
  background-color: rgb(144, 238, 144);
  transition: 0.5s;
}
#navcol-1 ul .menu_item_hover_animation:hover::after{
  width: 90%;
}
.membership_drop_down_mega_div{
  background-color: rgba(144, 238, 144, 0.679);
  backdrop-filter: blur(10px);
  padding: 15px;
  border-radius: 5px;
  position: absolute;
  //left: 340px;
  top: 40px;
  //width: 500px;
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* Number of columns in drop down */
  gap: 30px;
  visibility: hidden;
  opacity: 0;
  transition: 0.5s;
}
.dropdown_content_header{
  font-size: 17px;
  color: darkslategray !important;
}
.dropdown_content_header:hover{
  text-decoration: underline !important;
}
.dropdown_content .dropdown_item{
  font-weight: 600 !important;
  display: block;
  margin-top: 8px;
}
/*  */
.dropdown_content .drop_submenu .dropdown_item{
  display: block;
  margin-top: 8px;
  padding: 3px;
}
#navcol-1 ul li:hover .membership_drop_down_mega_div{
    top: 40px;
    opacity: 100;
    visibility: visible;
}
.dropdown_content .dropdown_item:hover {
  text-decoration: underline !important;
}
@media only screen and (max-width: 1199px) {
  #navcol-1 ul li{
    padding: 0 !important;
  }
  .drop_down_mega_div_for_drop{
    width: 800px;
    left: -215px;
  }
}
@media only screen and (max-width: 990px) {

 .navbar-collapse li a {
    text-align: left !important;
}

}
.dropdown_submenu_style{
  color: rgb(128, 128, 128);
  font-size: 25px;
}
/* Mehedi Dropdown maga meny Style End_______________________________ */

/* Added */
.membership_drop_down_mega_div>.dropdown_content:after {
  content: '|';
  position: absolute;
  color: white;
  margin-left: 15px;
}

.membership_drop_down_mega_div>.dropdown_content:last-child:after {
  content: '';
}

.menu-bars:after {
    font-family: 'FontAwesome';
    content: '\f107';
    margin:0 0px 0 10px;
    opacity: 0.6;
    font-size: 10px;
}