.container {
  max-width: 960px;
}

.icon-link > .bi {
  width: .75em;
  height: .75em;
}

/*
 * Custom translucent site header
 */

.site-header {
  background-color: rgba(0, 0, 0, .85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
.site-header a {
  color: #8e8e8e;
  transition: color .15s ease-in-out;
}
.site-header a:hover {
  color: #fff;
  text-decoration: none;
}



/*
 * Nav Bar
 */

body {
  padding-bottom: 20px;
}

.db-top {
background-color: rgba(0, 0, 41, 0.8);
	padding:16px 0 16px 0;
}

.navbar {
	background-color: #000029!important;
	margin-bottom: 20px;
  color:#fff!important;
  padding-left:40px;
  padding-right:40px;

}

.navbar a {
  color:#fff!important;
  transition: ease-out all 0.3s;
}

.navbar-brand a {
color:#fff!important;
max-width:140px;

}

.navbar-brand img {
margin-top:-5px!important;
}

.navbar-toggler-icon {
color:#fff;
background-color: transparent;
border:none;
}


.navbar-toggler {
border:none;
color:transparent;
}

.db-navbar a {
	margin:0 1rem;
	text-decoration:none;
	font-size:90%;
}

.footer-logo, .footer-logo li {
	margin-bottom:24px;
	color:#fff!important;
}


.footer-logo img {
	width:140px;
}

.btn  {
	border-radius: 980px!important;
	padding: 6px 16px;
}

.db-btn  {
	background-color:#fc3836;
	color:#fff;
}

.db-btn:hover  {
	background-color:#cc0000;
	color:#fff;
}

a:hover  {
	
	transition: all ease-out 0.3s;
}

.db-hero {
	background: #000029!important;
	padding-top:40px!important;
padding-bottom:40px!important;
	margin:0!important;
	color:#fff;
	
}


.db-hero .feature-col {
	margin-bottom:-40px!important;
	
}


.db-hero .db-hero-text {
	background: #000029!important;
	padding-top:166px!important;
	padding-left:40px!important;
	padding-right:60px!important;
	padding-bottom:160px!important;
	color:#fff;
}
.db-hero .db-hero-image {
	background-image: url("ho-chi-minh-bg-1342.webp");
	background-repeat:no-repeat;
	background-position:center;
	background-size: cover;
	padding:0!important;
}

.db-hero h1 {
	color: #fff!important;
	margin-bottom:40px!important;
}

.na-mobile-hero-image {
	display:none;
	}
	
.na-mobile-hero-image picture {
	padding:0;
	}

.db-services-row {
	padding-left:0!important;
	padding-right:0!important;
	margin-right:0!important;

}

.db-services-row .row {
	padding-bottom:0!important;

}

.db-services-container {
	padding-top:20px!important;
	padding-bottom:40px!important;
	margin-right:0!important;
}

.db-services-container h2, .db-contact-container h2 {
	color: #000049!important;
	
}

.db-services-container h3 {
	color: #0869af!important;
	margin-top:16px;
	margin-bottom:24px;
}

.db-industries-container {
	padding-top:40px!important;
	background:#e6e9ec!important;
	margin-bottom:-16px!important;
}

.db-industry-col img {
	margin-bottom:24px;
	border-radius:12px;
}

.db-contact-container {
	background:#000029!important;
	color:#fff!important;
	margin-bottom:-16px!important;
	margin-right:0!important;
}

.db-contact-container h2 {
	color:#fff!important;
}

.db-contact-container a {
	color:#fc3836!important;
}

.db-contact-cols {
	padding-top:80px!important;
}

.db-services-container p {
	color: #505050!important;
}

.lead {
	font-weight:400;
	}
	
.db-footer {
	background:#000029!important;
	padding-left:40px;
	padding-right:40px;
	}
	
	
	.db-year {
		color:#c3c3c3!important;
	}
	
	.db-footer h5 {
	color: #c3c3c3;
	}
	
	.db-footer a {
	color:#fff!important;
	font-size:90%;
	}

body {
	padding-bottom:0;
	}
	
	
.db-service-feature .feature {
	padding:0 40px;
}

.db-contact-container .feature {
	padding:0 12px;
}

.na-copyright {
	text-align:right!important;
	align-content:flex-end;
	color: #fff;
	padding:0 24px;
}


/*
.db-content-block, .db-dark-container {
	border-radius:24px!important;
}
*/




.na-map {
	display:block;
}

.na-map-mobile {
	display:none;
}


.db-contact p.lead {
	margin-bottom:40px;
}
/*
 * Extra utilities
 */

a, p, h1, h2, h3, h4, h5, .btn, ul, li {
	font-family:Plus Jakarta Sans, sans-serif;
	font-variant-ligatures:none;
}

h1, h2, h3, h4, h5  {
letter-spacing:-0.02rem;

}

a, p {
	letter-spacing:0.020rem;
}


.flex-equal > * {
  flex: 1;
}

@media (min-width: 768px) {
  .flex-md-equal > * {
    flex: 1;
  }
  
  
  .navbar-toggler {
display:none;
border:none;
}
}

@media (max-width: 767px) {
	
p {
	font-size:16px!important;
}
	
.navbar {
--bs-navbar-toggler-icon-bg: url(toggler-white.svg)!important;
--bs-navbar-toggler-border-color: rgba(255,255,255,0.95)!important;
--bs-navbar-color: rgba(255,255,255,0.95)!important;
}

.navbar .container-fluid {
padding:0!important;

}

.navbar-toggler {
	padding:0!important;
}

.na-toggler {
	background: url(toggler-white.svg) center!important;
	background-size: 24px 24px;
}


.navbar-toggler-icon {
opacity: 1.0!important;
color: rgba(255,255,255,0.95)!important;
}

.db-top {
background-color: #00009!important;
}

.db-hero img {
	max-width:350px;
	margin-left:auto;
	margin-right:auto;
}

.db-hero {
	margin-bottom:15px!important;

}


.db-hero .db-hero-text {

	padding-top: 0!important;
	padding-bottom: 64px!important;
	margin-top:0!important;

}

.na-mobile-hero-image {
	display:block;
	margin:0px!important;
	padding:0px!important;
	width:100%;
	}
	
.na-mobile-hero-image img {
	margin-top:30px;
	padding:0px!important;

	}

.db-industries-container {
margin-left:0!important;
width:100%;
}

.db-service-intro {
	padding:0 30px!important;
}

.db-service-feature .feature {
	padding:0 30px;
}



.db-contact-cols {
	margin-bottom:0!important;
	margin-top:0!important;
	padding-bottom:60px!important;  
}

.db-footer {
	padding:60px;
	
	}
.db-navbar-brand {
max-width:100px;
}

.db-industry-col img {
	width: 100%;

}

.na-map {
	display:none;
}

.na-map-mobile {
	display:block;
}

.offcanvas {
	width:100%!important;
	background:#000029;
	color:#fff!important;
}

.offcanvas a {
	color:#fff!important;
}

.offcanvas-body, .offcanvas-header {
	padding:40px!important;
}
.offcanvas-header .btn-close {
	    background: transparent url(x-cross.svg) center/1em auto no-repeat;
}

.offcanvas-header img {
 width:100px!important;
}

.db-content-section {
	margin-top:15px;
	margin-bottom:15px;
	max-width:calc(100% - 30px)!important;
	margin-left:auto;
	margin-right:auto;

}

.db-dark-container .feature {
padding-left:0;
padding-right:0;
}

.db-solution-block-left {
margin:20px!important;
}

.footer-logo, .footer-logo li {
	margin-bottom:24px;
	color:#fff!important;
}

.db-hide-mobile {
display:none;
}

.db-show-mobile {
display:block;
}
}

@media (max-width: 1281px) {

.db-content-section h2 {
	font-size:42px!important;
}

}

@media screen and (min-width: 767px) and (max-width: 1540px)  {

.na-map {
	margin-top:80px!important;
}	
}


@media screen and (min-width: 767px) and (max-width: 1199px)  {

.db-industry-col img {
	display:inline!important;
	width: calc(49% - 24px);
	margin-right:24px;
}
.na-map {
	margin-top:0!important;
}

}