/* style inline 1*/
			.bd-placeholder-img {
			font-size: 1.125rem;
			text-anchor: middle;
			-webkit-user-select: none;
			-moz-user-select: none;
			-ms-user-select: none;
			user-select: none;
			}
			
			@media (min-width: 768px) {
			.bd-placeholder-img-lg {
			font-size: 3.5rem;
			}
			}
			
			.dropdown-header{background:#e9ecef;}
			.header{background:#e9ecef;}
			.header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;background:#e9ecef;border-radius: 0.3rem;}
			
			.full-img {
			background-image:url('/_img/bg/title_bg.jpg');
			background-position: left;
			background-repeat: no-repeat;
			background-size: cover;
			}
			
			
			
			
			.dropdown-menu {
			min-width: 200px;
			}
			.dropdown-menu.columns-2 {
			min-width: 400px;
			}
			.dropdown-menu.columns-3 {
			min-width: 600px;
			}
			.dropdown-menu li a {
			padding: 5px 15px;
			font-weight: 300;
			}
			.multi-column-dropdown {
			list-style: none;
			}
			.multi-column-dropdown li a {
			display: block;
			clear: both;
			line-height: 1.428571429;
			color: #333;
			white-space: normal;
			}
			.multi-column-dropdown li a:hover {
			text-decoration: none;
			color: #262626;
			background-color: #f5f5f5;
			}
			
			@media (max-width: 767px) {
			.dropdown-menu.multi-column {
    		min-width: 240px !important;
    		overflow-x: hidden;
			}
			}
			
			.dropdown-menu .divider {
			height: 1px;
			margin: 9px 0;
			overflow: hidden;
			background-color: #e5e5e5;
			}
			
			
			.dropdown-menu a:hover {
			 color: #fff;
			text-decoration: none; 
			background: #6c757d;
			}
			li.nav-item:hover {background: #fcd72d;color:#000;}
			 .nav-link {color:#fff } 
			
			
			.title{font-size: 1.75rem;}
			
						@media (max-width:575.98px) {
			.title{font-size: 1.75rem;}
			}
			/*Only for Bootstrap version 4 Beta and up*/
			@media screen and (min-width: 576px) { 
			.dropdown-menu {
			min-width: 200px;
			}
			.title{font-size: 1.75rem;}
			}
			
			@media screen and (min-width: 768px) { 
			
			.dropdown-menu {
			min-width: 300px;
			}
			.title{font-size: 2.5rem;}
			
			}
			
			@media screen and (min-width: 992px) { 
			.dropdown-menu {
			min-width: 600px;
			}
			.title{font-size: 2.5rem;}
			
			}
			
			@media screen and (min-width: 1200px) { 
			.dropdown-menu {
			min-width: 600px;
			}
			.title{font-size: 2.5rem;}
			
			}
			
			
			
			.blog-footer {
	/* padding: 2.5rem 0; */
	color: #999;
	text-align: center;
	background-color: #f9f9f9;
	border-top: .05rem solid #e5e5e5;
}


h1, h2, h3, h4, h5, h6 {
	margin-top: .5rem;
	margin-bottom: .5rem;
}

.dropdown-menu a.navlink {
  color: #464646;
  background-color: #fedd0000;
  display: block;
  margin: 0.1rem;
  padding: 0.1rem;
  padding: 0.05rem 1em;
}


.dropdown-menu a.navlink:hover {
  color: #343a40;
  background: #fedd00;
  text-decoration: none; 
  border-radius: .3rem;
}
li ul {margin-left: 1rem;}

@media screen and (min-width: 992px) { 

	.nav-item {
		<!-- border-left:1px solid white; -->
	}
}
.nohover:hover {background:none;}
		
		
	/* style navbar */
	
		
		body {
  padding-bottom: 20px;
}

.navbar {
  margin-bottom: 20px;
}

		/* style inline 2*/

		  body {
      margin: 0;
      color: var(--mtk-text);
      background: #fff;
      font-family: Arial, Helvetica, sans-serif;
    }

    a {
      <!-- color: inherit; -->
      <!-- text-decoration: none; -->
    }
	
	
	    :root {
      --mtk-navy: #17365d;
      --mtk-blue: #245c9a;
      --mtk-blue-light: #dcecfb;
      --mtk-yellow: #ffd800;
      --mtk-text: #17365d;
      --mtk-muted: #617a96;
      --mtk-border: #dce5ee;
      --mtk-bg: #f7fafc;
    }
    /* ---------- Header ---------- */

    .site-header {
      position: relative;
      overflow: hidden;
      background-image: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0.65) 50%, rgba(255, 255, 55, 0) 65%), url("_img/bg/mtk-header-background.png");
		
		
		
      border-bottom: 1px solid #d8e2ec;
	  
	  background-size: cover;
  background-position: center right;
  background-repeat: no-repeat;
    }

    .site-header::after {
      content: "";
      position: absolute;
      inset: 0 0 0 58%;
      opacity: .28;
      background-image:
	  <!-- url("mtk-header-background.png"), -->

        linear-gradient(135deg, transparent 47%, #fff 48%, #fff 49%, transparent 50%),
        linear-gradient(45deg, transparent 47%, #fff 48%, #fff 49%, transparent 50%);
      background-size: 72px 72px;
      pointer-events: none;
    }

    .brand-row {
      min-height: 104px;
      position: relative;
      z-index: 1;
      display: flex;
      align-items: center;
    }

    .brand {
      display: inline-flex;
      align-items: center;
      gap: 24px;
    }

    .brand-logo {
      width: 76px;
      height: 76px;
      flex: 0 0 76px;
    }

    .brand-divider {
      width: 1px;
      height: 58px;
      background: #68819b;
      opacity: .65;
    }
    .brand-name:hover {
	      text-decoration: none !important;
}
    .brand-name {
      margin: 0;
      font-size: clamp(28px, 3.1vw, 43px);
      line-height: 1;
      font-weight: 500;
      letter-spacing: -.8px;
      color: var(--mtk-navy);
	    text-decoration: none; 

    }
     .brand a:hover {
	      text-decoration: none !important;

	}

    /* ---------- Navigation ---------- */

    .main-nav {
      position: relative;
      z-index: 5;
      background: #182f4b;
      box-shadow: 0 4px 14px rgba(20, 48, 78, .13);
    }

    .main-nav .nav-link {
      position: relative;
      display: flex;
      align-items: center;
      min-height: 52px;
      padding: 0 22px !important;
      color: #fff<!--  !important -->;
      font-size: 16px;
      font-weight: 600;
      transition: background .2s ease, color .2s ease;
    }

    .main-nav .nav-link:hover {
      background: rgba(255,255,255,.08);
      color: var(--mtk-navy);
    }

    .main-nav .nav-link.active {
      background: rgba(255,255,255,.05);
    }

    .main-nav .nav-link.active::after {
      content: "";
      position: absolute;
      left: 16px;
      right: 16px;
      bottom: 0;
      height: 5px;
      background: var(--mtk-yellow);
    }

    .language-link {
      margin-left: auto;
      display: flex;
      align-items: center;
      gap: 8px;
      color: #fff;
      font-weight: 600;
      padding: 0 8px;
    }
	    .language-link:hover {
			background: var(--mtk-yellow);
			text-decoration:none;
			color: #fff;
		}

.nav-link:hover{
      color: var(--mtk-navy) !important;

}
.nav-link{
      color: white !important;

}
    .flag {
      font-size: 21px;
      line-height: 1;
    }