body {
      background-image: url(../bg.jpg);
      background-repeat: repeat-x;
      background-color: #f6f6f6;
      font-family: Tahoma, sans-serif;
      font-size: 13px;
    }

    .container-fixed {
      max-width: 995px;
      margin: 0 auto;
    }

    .menu-bg {
      background: url(../menu_bg1.png) repeat-x;
      height: 44px;
    }

    .navbar {
      padding: 0;
      height: 44px;
    }

    .navbar-nav .nav-link {
      color: #fff !important;
      padding: 10px 15px;
      font-size: 13px;
      white-space: nowrap;
    }

    .dropdown-menu {
      border-radius: 0;
      border: 1px solid #ccc;
      font-size: 13px;
    }

    .dropdown-item:focus,
    .dropdown-item:hover {
      background-color: #2145cd;
      color: #fff;
    }

    .clock {
      color: #fff;
      white-space: nowrap;
      padding-right: 10px;
      font-size: 12px;
    }

    .welcome-section {
      background: #fff url(../images/content_bg.png) repeat;
      border: 1px solid #cfcfcf;
      padding: 15px;
      margin-top: 15px;
      border-radius: 5px;
    }

    .heading1 {
      font: 16pt Arial;
      color: #36759a;
    }

    .norm1 {
      font: 10pt Arial;
      color: #6f7073;
    }

    .card-box {
      background-color: #B9E1FB;
      border: 1px solid #96C7E8;
      box-shadow: 0 3px 0 #004080;
      padding: 15px;
      text-align: center;
      height: 100%;
      border-radius: 5px;
    }

    .card-box h5 {
      font-size: 16px;
      text-transform: uppercase;
      font-weight: bold;
      color: #003366;
    }

    .card-box p {
      font-size: 13px;
      color: #000;
      min-height: 100px;
    }

    .bottom_bold {
      font-weight: bold;
      color: #003366;
    }
div#carouselExampleIndicators {
    z-index: -1;
}
.custom-box-menu {
    background: #e9e9e9;
    border-radius: 5px;
    min-height: 350px;
}
.custom-box-menu {
  background-color: #eee;
  padding: 10px;
  border-radius: 8px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.menu-btn {
  display: block;
  background-color: #fff;
  border: 3px solid #1d28b6;
  color: #000;
  font-weight: bold;
  padding: 8px 12px;
  text-align: center;
  text-decoration: none;
  border-radius: 5px;
  box-shadow: 0 3px 0 #003366;
  transition: background-color 0.2s ease-in-out;
}

.menu-btn:hover {
  background-color: #d7e3ff;
  color: #000;
}

.menu-btn.active {
  background: linear-gradient(to bottom, #fff 0%, #ffeb3b 100%);
}
a.menu-btn2 {
font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    background: url(../images/bullets.jpg) 5px 5px no-repeat;
    border-bottom: 1px solid #CBCBCB;
    display: block;
    width: 100%;
    height: 25px;
    padding-top: 3px;
    padding-left: 20px;
    text-decoration: none;
    color: #7A7A7A;
}

a.menu-btn2.active {

  background: url(../images/left_menu_sub.jpg) 0px 0px no-repeat;
    color: #000;
    background-size: 100%;
}
.downloadicon {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: white;
    background: url(../images/download_icon.jpg);
    display: block;
    width: 225px;
    height: 120px;
    padding-top: 10px;
    text-decoration: none;
	text-align: center;float: right;
    margin-top: 20px;
}
/* For nested dropdown inside dropdown */
/* Ensure second-level (dropdown-submenu) has arrow on right side */
.dropdown-submenu > a::after {
    content: "▶";
    margin-left: 0px;
    font-size: 8px;
    transform: rotate(0deg);
    border-top: 0;
    position: absolute;
    right: 12px;
    top: 7px;
}

/* Ensure submenu opens to the right */
.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  display: none;
  border-left: 1px solid #eee;
}

.dropdown-submenu:hover > .dropdown-menu {
  display: block;
}

.product-btn {
     display: block;
    padding: 12px 15px;
    font-weight: 500;
    border: 2px solid #1a3cc5;
    background-color: #f5f5f5;
    color: #000;
    border-radius: 6px;
    box-shadow: 2px 2px 0 #1a3cc5;
    transition: all 0.2s ease-in-out;
    text-decoration: none;
    text-align: center;
    }

    .product-btn:hover {
      background-color: #e6ebff;
      box-shadow: none;
    }

    .section-title {
      color: #3399cc;
      font-weight: bold;
      font-size: 18px;
      margin: 30px 0 15px;
      text-transform: uppercase;
    }

        .navbar-expand-md .navbar-collapse {
    
        justify-content: space-between;
    }
	
.portfolio-menu{
	text-align:center;
}
.portfolio-menu ul li{
	display:inline-block;
	margin:0;
	list-style:none;
	padding:10px 15px;
	cursor:pointer;
	-webkit-transition:all 05s ease;
	-moz-transition:all 05s ease;
	-ms-transition:all 05s ease;
	-o-transition:all 05s ease;
	transition:all .5s ease;
}

.portfolio-item{
	/*width:100%;*/
}
.portfolio-item .item{
	/*width:303px;*/
	float:left;
	margin-bottom:10px;
}
.logo-lang-wrap{ justify-content: space-between;}

.dropdown-submenu {
  position: relative;
}

.dropdown-submenu > a:after {
  content: "›";
  float: right;
  margin-left: .3rem;
  font-size: 10px;
}

.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
  display: none;
  border-left: 1px solid #eee;
  border-radius: 0;
}

.dropdown-submenu > .dropdown-menu.show {
  display: block;
}
p.certificates {
    display: flex;
    justify-content:space-around;
    margin-top: 20px;
}

p.certificates a img {
    max-width: 100px;
}
/* Optional: dropdown on hover for desktop */

    @media (max-width: 767px) {
		  .navbar-nav .dropdown:hover > .dropdown-menu {
    display: block;
  }
		 .col-md-4 {
        margin-bottom: 15px;
      }
	  
	  
      .menu-left, .menu-right,
      .ms-2,
      .ulube-logo {
        display: none !important;
      }

      .logo-lang-wrap {
        flex-direction: row !important;
        justify-content: space-between;
        width: 100%;
      }

      .navbar-collapse {
        background: #003366;
		        z-index: 9999;
      }

      .nav-item {
        border-bottom: 1px solid #2145cd;
      }

      .navbar-nav .nav-link {
        padding: 10px 20px;
      }

      .clock {
        padding: 10px;
        display: block;
      }

      .carousel-inner img {
        height: auto;
        max-height: 220px;
        object-fit: cover;
      }
      .kclock{ display: none;}.mr-1 {
    margin-right: 5px;
}.logo{    margin-top: -10px;}
    }

    /* Enable hover dropdown on desktop only */
    @media (min-width: 768px) {
      .navbar-nav .dropdown:hover > .dropdown-menu {
        display: block;
      }

      .dropdown-menu {
        margin-top: 0;
      }
      .kclock{ display: none;}.mr-1 {
    margin-right: 5px;
}
.logo{    margin-top: -10px;}
    }
.quick_link {
    font: 8pt Arial;
    color: #1d3261;
    text-decoration: none;
}
 @media (max-width: 500px) {
	 
	 
	 a.menu-btn2.active {
    background: url(../images/left_menu_sub.jpg) 0px -13px no-repeat;
    padding-left: 35px;
	background-size: 100%;
}
a.menu-btn2 {
   
    padding-top: 1px;
}
	 
 }