/** CrimsonLogic UX Practice R2-S2 Foundation **/
/** Project Specific CSS **/

.accordion-item{
	    border: 1px solid #ff6600 !important;
}


.mandatory{
	color: red !important;
    font-weight: 500;
    font-style: italic;
    font-size: smaller;
    text-align: center !important;
}
.no-data{
	color:red !important;
	font-weight: 900;
}
.select2-container{
	text-align: left !important;
	width:100% !important;
}


.imp-search select{
	max-width:100%;
	
	
}
.error-message-ban {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
}

.inner-message {
    margin: 0 auto;
}

.bg-warning {
    background-color: #ff6600 !important;
}

.sample-modal{
	position: fixed!important;
	bottom: 65 px !important;
	z-index: 1150 !important;
}
.tfp-chatwindow{
	position: fixed !important;
	z-index: 1100 !important;
}
.chatbot-div{
	height: 0px;
    z-index: 500;
    position: fixed;
}

.fixedPlugin, .start-chat {
   
    position: fixed !important;
    bottom: 65px !important;
   	z-index:999;
}

.fixedPlugin {
    
    width: 35px !important;
  
    
}
.last-page {
  margin-top: 10px;
  font-size: 14px;
  color: #999;
}

.last-page .last-page-number {
  font-weight: bold;
}
.page-item span {
    font-size: 16px;
    padding: 5px;
    margin-left: 20px;
    line-height: 34px;
}

.page-item input[type=number] {
    width: 3rem;
    min-height: auto;
    margin-left: 0.5rem;
    margin-right: 0.5rem;
    height: 35px;
}

.faq .tab-content h3 {
  
  margin-bottom: 90px !important;
}
.quick-track-text p{
	text-align:justify;
}
.home-faq ul li.faq-general a::after {
  content: '\f46d' !important;
}
.errormsg{
	color:red;
}

.bg-primary {
    background-color: #1a8ea4 !important;
}

.form-label{
	color: black !important;
    font-weight: bold;
    padding: 5px;
    font-size: inherit;
}

img.ui-datepicker-trigger{

}

.search-container{
	position:relative;
}

.news-search-result{
	
	position:absolute;
	background:white;
	width:100%;
	padding:10px;
	border: 1px solid gray;
	display:none;
}

/** CrimsonLogic UX Practice R2-S2 Foundation **/
/** Project Specific CSS **/
/** Start of Google Fonts Declarations for:
    Open Sans: 300, 300italic, regular, italic, 600, 600italic, 700, 700italic, 800, 800italic
    Open Sans Condensed: 300, 300italic, 700 **/
/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/google/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'), url('../fonts/google/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/google/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/google/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/google/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/google/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/google/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'), url('../fonts/google/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/google/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/google/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/google/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/google/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/google/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'), url('../fonts/google/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/google/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/google/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */ url('../fonts/google/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/google/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/google/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url('../fonts/google/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/google/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/google/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/google/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/google/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/google/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('../fonts/google/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/google/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/google/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */ url('../fonts/google/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/google/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/google/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('../fonts/google/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/google/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/google/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/google/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/google/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/google/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('../fonts/google/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/google/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/google/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/google/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/google/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/google/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('../fonts/google/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/google/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/google/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/google/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/google/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/google/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'), url('../fonts/google/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/google/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/google/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */ url('../fonts/google/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/google/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/google/open-sans-v15-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'), url('../fonts/google/open-sans-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/google/open-sans-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/google/open-sans-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/google/open-sans-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/google/open-sans-v15-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-300 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/google/open-sans-condensed-v12-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Light'), local('OpenSansCondensed-Light'), url('../fonts/google/open-sans-condensed-v12-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/google/open-sans-condensed-v12-latin-300.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/google/open-sans-condensed-v12-latin-300.woff') format('woff'), /* Modern Browsers */ url('../fonts/google/open-sans-condensed-v12-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/google/open-sans-condensed-v12-latin-300.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-300italic - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/google/open-sans-condensed-v12-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Light Italic'), local('OpenSansCondensed-LightItalic'), url('../fonts/google/open-sans-condensed-v12-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/google/open-sans-condensed-v12-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/google/open-sans-condensed-v12-latin-300italic.woff') format('woff'), /* Modern Browsers */ url('../fonts/google/open-sans-condensed-v12-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/google/open-sans-condensed-v12-latin-300italic.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
/* open-sans-condensed-700 - latin */
@font-face {
  font-family: 'Open Sans Condensed';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/google/open-sans-condensed-v12-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Condensed Bold'), local('OpenSansCondensed-Bold'), url('../fonts/google/open-sans-condensed-v12-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('../fonts/google/open-sans-condensed-v12-latin-700.woff2') format('woff2'), /* Super Modern Browsers */ url('../fonts/google/open-sans-condensed-v12-latin-700.woff') format('woff'), /* Modern Browsers */ url('../fonts/google/open-sans-condensed-v12-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */ url('../fonts/google/open-sans-condensed-v12-latin-700.svg#OpenSansCondensed') format('svg'); /* Legacy iOS */
}
/** End of Google Fonts Declarations **/
/** Main Containers Styling **/
html {
  font-size: 16px;
}
body {
  position: relative;
  margin: 0;
  padding: 0;
  right: 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-size: 1rem;
  font-weight: normal;
  text-align: center;
  background: #ffffff;
  background-attachment: fixed;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  color: #333;
}
.wrapper {
  min-width: 320px;
  min-height: 512px;
  outline: none;
	background: #efefef;
	max-width: 1920px;
	margin: 0 auto;
}
.container-fluid {
  position: static;
  min-width: 320px;
  max-width: 1300px !important; /* This controls the maximum display width of the elements. If you need full width, use the max-content-width keyword below or just set it to 100% */
  padding: 0;
  margin: auto;
}
.max-content-width { /* For the body content */
  max-width: 100% !important;
}
/** This is to prevent Bootstrap modal from shifting the page when it is loaded **/
.modal-open[style] {
  overflow: auto !important;
  padding-right: 0px !important;
}
/** End of Main Containers Styling **/
/** Button Styling **/
/** If there are no Buttons, please delete the whole block below */
.btn {
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.btn.focus, .btn:focus {
  box-shadow: none;
}
/** Delete till here if there are no Buttons **/
/** Navigation Styling **/
/** If there is no Navigation, please delete the whole block below */
.navbar {
  padding: 0.5rem 1rem;
}
.navbar a.nav-link.active {
  color: #ff6600;
}
.navbar a {
  color: #333;
  text-transform: uppercase;
  font-size: 15px;
}
.navbar a:hover, .navbar a:focus {
  text-decoration: none;
  color: #ff6600;
}
.navbar-container, .navbar-brand, .navbar-collapse {
  position: static;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  background: #fff;
}
.navbar-collapse {
  justify-content: space-between;
  white-space: nowrap;
}
.wrapper.sticky .navbar-container {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1020;
  background: #fff;
  height: 100px;
  border-bottom: 1px solid #ddd;
}
.navbar-nav .dropdown-menu {
  display: block;
  max-height: 0;
  margin-top: 0.125rem;
  padding: 0;
  border: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-out;
  -moz-transition: all 0.3s ease-out;
  -ms-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
.navbar-nav .dropdown-menu.show {
  max-height: 100vh;
  -webkit-transition: all 0.7s ease-in;
  -moz-transition: all 0.7s ease-in;
  -ms-transition: all 0.7s ease-in;
  -o-transition: all 0.7s ease-in;
  transition: all 0.7s ease-in;
}
.navbar-toggler {
  position: absolute;
  top: 14px;
  right: 3px;
  border: 0;
}
.header-right {
  display: flex;
  align-items: center;
}
.navbar-expand-md .navbar-nav .nav-link {
  padding: 1rem 1rem;
  font-size: 0.85rem;
}
.navbar-expand-md .navbar-nav {
  flex-direction: row;
  align-items: center;
}
.login-btn .dropdown-toggle::after {
  display: none;
}
.login-btn {
  margin-right: 1rem;
}
.login-btn .btn.btn-primary {
  min-width: 140px;
  text-align: left
}
.login-btn .btn.btn-primary i {
  float: right;
}
.login-btn .dropdown-menu {
  margin-top: -2px;
  padding: 0;
  max-width: 140px;
  border: 1px solid #ff6600;
  border-bottom: 5px solid #ff6600;
  border-radius: 0 0 4px 4px;
  min-width: 140px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.login-btn .dropdown-toggle:hover ~ .dropdown-menu {
  border-color: #02849c;
}
.login-btn .dropdown-menu .dropdown-item {
  white-space: normal;
  border-bottom: 1px solid #ddd;
  text-transform: none;
}
@media only screen and (max-width: 767.98px) {
  /* 250px is the minimum width for the mobile menu slideout */
  body.nav-open {
    right: max(calc(100vw - 100px), 250px);
    overflow: hidden;
  }
  .wrapper.sticky .navbar-container.nav-open {
    left: min(calc(100px - 100vw), -250px);
  }
  .navbar-collapse {
    position: fixed;
    top: 0;
    width: max(calc(100vw - 100px), 250px);
    height: 100%;
    right: min(calc(100px - 100vw), -250px);
    margin: 0 !important;
    background-color: #333;
    padding: 15px;
    z-index: -10;
  }
  .navbar-collapse.collapse:not(.show) {
    display: block;
  }
  .navbar-collapse.nav-open {
    right: 0;
  }
  .dropdown-menu {
    text-align: center;
  }
}
/** Delete till here if there is no Navigation **/
/** Carousel Styling **/
/** If there is no Carousel, please delete the whole block below */
/** Main Content Styling **/
.main-content {
  position: relative;
  margin: 0 auto;
}
.wrapper.sticky .main-content {
padding: 100px 0 0 0;
}
a {
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: underline;
}
/** End of Main Content Styling **/
/** In-Page Sitemap Styling **/
/** If there is no In-Page Sitemap, please delete the whole block below */
.sitemap {
  display: block;
  text-align: left;
  background: #333;
  color: #fff;
}
.sitemap .row {
  margin: 0;
}
.sitemap a {
  overflow: hidden;
  color: #ccc;
  font-size: 14px;
}
.sitemap h1 {
  display: inline;
  margin: 5px 0;
  color: #fff;
  font-size: 0.8em;
  font-weight: 500;
}
.sitemap h2 {
  display: inline;
  margin: 5px 0;
  color: #fff;
  font-size: 1em;
  font-weight: 300;
}
.sitemap h3 {
  display: inline;
  margin: 5px 0;
  color: #fff;
  font-size: 0.8em;
  font-weight: 300;
}
/*.sitemap a::after {
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  font-size: 0.75em;
  content: "\f0da";
  color: #afafaf;
  padding-left: 5px;
}
*/
.sitemap a:hover {
  color: #fff;
}
.sitemap a:hover::after {
  display: inline-block;
  color: #fff;
}
.sitemap-title {
  padding: 10px 15px 0;
}
.sitemap-content {
  padding: 10px 0;
}
@media only screen and (max-width: 575.98px) {
  .sitemap {
    text-align: center;
    padding-bottom: 10px;
  }
}
/** Delete till here if there is no In-Page Sitemap **/
/** Footer Styling **/
/** If there is no Footer, please delete the whole block below **/
.footer {
  display: block;
  padding: 1rem;
  font-size: 0.8em;
  font-weight: 300;
  color: #999;
  background-color: #fff;
  text-align: left;
  margin-bottom: -22px;
}
.footer-link, .footer-link:hover, .footer-link:active, .footer-link:visited {
  color: inherit;
}
.sitemap .social a::after {
  content: none;
}
.social {
  padding: 0;
  list-style: none;
  color: #fff;
  margin: 0;
}
.social li a {
  display: block;
  color: #02849c;
  text-align: center;
  font-size: 24px;
}
.social li {
  margin-right: 15px;
  font-size: 24px;
}
@media only screen and (max-width: 767.98px) {
  .footer {
    text-align: center;
  }
}
/** Delete till here if there is no Footer **/
/** Social Media Links Styling **/
/** If there are no Social Media Links, please delete the whole block below **/
.social-link-block {
  float: right;
  margin-top: -3px;
}
.social-link {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 50%;
  color: #fff;
  background-color: #000;
  font-size: 14px;
  padding-top: 3px;
  padding-left: 3px;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.social-link:hover {
  color: #000 !important;
  background-color: #fff !important;
}
.social-link.facebook {
  background-color: #3b5998;
}
.social-link.linkedin {
  background-color: #0077b5;
}
.social-link.twitter {
  background-color: #1da1f2;
}
.social-link.instagram {
  background-color: #262626;
}
@media only screen and (max-width: 767.98px) {
  .social-link-block {
    float: none;
    display: block;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
  }
}
/** Delete till here if there are no Social Media Links **/
h2 {
  color: #02849c;
  font-weight: 300;
  font-size: 36px;
}

h2 span {
  color: #666;
  font-size: 18px;
}
.aboutbg {
  background: url("/trade/images/about-bg.png")no-repeat right center;
  min-height: 450px;
  background-size: cover;
}
.abutjue {
  color: #fff;
  text-align: justify;
}
/** HScode section **/
ul#pills-tab {
  margin-top: 20px;
}
.nav-pills .nav-link {
  background: #efefef;
  width: 225px;
  text-align: left;
  margin-top: 1px;
  height: 46px;
}
.nav-link {
  color: #333;
}
.nav-pills .nav-item .nav-link.active, .nav-pills .show > .nav-link {
  color: #fff;
  background-color: #02849c;
}
.nav-pills .nav-item .nav-link.active i, .nav-pills .show > .nav-link {
  color: #fff;
}
button.nav-link:hover {
  background: #02849c;
  color: #fff;
}
.nav-pills .nav-item .nav-link i {
  color: #02849c;
}
.nav-pills .nav-item .nav-link:hover i {
  color: #fff;
}
#pills-tabContent {
  background: #02849c;
  border-radius: 6px;
  padding: 30px 30px 10px 30px;
  text-align: left;
  margin-left: -17px;
  color: #fff;
  opacity: 0.8;
}
#pills-tabContent form {
  margin: 20px 30px;
  /* padding: 10px; */
}
i.fal.fa-search {
  color: #fff;
  margin-right: 5px;
  font-size: 18px;
  font-weight: 400;
}
i.fal.fa-hashtag, i.fal.fa-globe, i.fal.fa-ship, i.fa-laptop {
  font-size: 20px;
  margin-right: 10px;
  font-weight: 600;
  color: #fff;
}
.hsbg {
  background: url("/trade/images/Home-Searchbg.png")no-repeat right center;
  min-height: 450px;
  background-size: cover;
}
/** sub-HScode section **/
.search-container .search-badge {
  max-width: 50%;
  white-space:pre;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
}
.search-badge {
  background-color: #02849c;
  color: #fff;
  padding: 2px 8px 3px;
  margin: 0 3px;
  border-radius: 15px;
}
.search-container {
  background: #e5e5e5;
  padding: 10px 0px 10px 20px;
}
/** jue-numbers section **/
.jue-numbersbg {
  background: #fff url(/trade/images/numbers-bg.png)no-repeat center center;
  padding: 3rem 0 !important;
  background-position: center center;
}
.jue-numbers {
  margin: 30px 0px;
  width: 100%;
}
.jue-numbers ul {
  padding: 0;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
}
.jue-numbers li {
  margin: 10px;
  border-right: #a1d5dd solid 1px;
  padding: 10px 20px 10px 0px;
  text-align: center;
  list-style-type: none;
  display: inline-block;
  flex: 1;
}
.jue-numbers li img {
  display: block;
  margin: auto;
  height: 70px;
  width: auto;
  margin-bottom: 20px;
}
.jue-numbers li:last-child {
  border-right: none;
}
.jue-numbers i.fal {
  line-height: normal;
  padding-right: 10px;
  color: #fff;
  font-size: 24px;
}
.jue-numbers h3 {
  color: #02849c;
  font-size: 36px;
  font-weight: 700;
}
.jue-numbers h4 {
  color: #666;
  font-size: 18px;
}
/** faq-home section **/
.faqbg {
  background: url("/trade/images/faq-bg.png")no-repeat left center;
  background-color: #f2fdff;
  min-height: 450px;
}
.home-faq ul {
  list-style: none;
  text-align: left;
  padding: 0;
}
.home-faq {
  width: 25%;
  margin: 0px auto;
  padding-left: 70px;
}
.home-faq ul li {}
.home-faq ul li a {
  display: block;
  border: 1px solid #b7dfe6;
  padding: 10px 15px 10px 50px;
  color: #333;
  border-radius: 4px;
  margin-bottom: 10px;
  position: relative;
  background: #fff;
  text-decoration: none;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.home-faq ul li a::after {
  font-family: "Font Awesome 6 Pro";
  position: absolute;
  left: 15px;
  width: 30px;
  height: 30px;
  line-height: 100%;
  font-size: 30px;
  font-weight: 300;
  color: #999;
}
.home-faq ul li a:hover {
  background: #02849c;
  border-color: #02849c;
  color: #fff;
}
.home-faq ul li a:hover:after {
  color: #fff;
}
.home-faq ul li.faq-general a::after {
  content: '\f2c2';
}
.home-faq ul li.faq-security a::after {
  content: '\f577';
}
.home-faq ul li.faq-transit a::after {
  content: '\f074';
}
.home-faq ul li.faq-procedures a::after {
  content: '\f0c0';
}
.home-faq ul li.faq-training a::after {
  content: '\f51c';
}
.home-faq .buttons {
  margin-top: 20px;
}
/** contact section **/
.useful-access {
  text-align: center;
  padding: 20px 0 0 0;
}
.icon-block {
  display: inline-block;
  width: 30%;
  vertical-align: top;
  padding: 10px;
}
.icon {
  background-color: #e1eef0;
  height: 100px;
  width: 100px;
  margin-bottom: 10px;
  border-radius: 20px;
  text-align: center;
  margin: 0px auto;
  line-height: 100px
}
.useful-access .fa-light, .fal {
  font-weight: 300;
  color: #02849c;
  font-size: 36px;
}
.useful-access p {
  margin-top: 10px;
}
.useful-access span {
  display: block;
  font-size: 15px;
  color: #02849c;
}
.useful-access strong {
  color: #333;
  font-size: 18px;
  font-weight: 600;
}
/** carousel section **/
.carousel-item1 {
  background-image: url("/trade/images/banner-1.jpg");
}
.carousel-item2 {
  background-image: url("/trade/images/banner-2.jpg");
}
.carousel-item3 {
  background-image: url("/trade/images/banner-3.jpg");
}
.carousel-item {
  height: 700px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
.carousel-caption {
  bottom: auto;
  top: 100px;
  left: 0;
  right: 0;
  text-align: left;
  width: 100%;
}
.carousel-caption h2 {
  font-size: 3rem;
  color: #ff6600
}
.carousel-caption h2 strong {
  font-weight: 600;
  color: #ff6600
}
.carousel-caption p {
  color: #ff6600
}
.carousel-item1 .carousel-caption h2 {
  color: #fff
}
.carousel-item2 .carousel-caption h2 {
  color: #02849c
}
.carousel-item1 .carousel-caption p {
  color: #fff;
}
.carousel-item2 .carousel-caption p {
  color: #02849c;
}
.carousel-item1 .carousel-caption h2 strong {
  color: #fff;
}
.carousel-item2 .carousel-caption h2 strong {
  color: #02849c;
}
.microsites {
  position: absolute;
  right: 0;
  bottom: 50px;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-bottom: 1rem;
  list-style: none;
}
.microsites .col-md-3 {
  width: 20%;
}
.micro-blog {
  background: rgba(255, 255, 255, 0.90);
  text-align: left;
  border-radius: 10px;
  opacity: 0.9;
  position: relative;
  display: flex;
  height: 100%;
  flex-wrap: wrap;
  padding-bottom: 80px;
  box-shadow: 0px 3px 5px rgb(0 0 0 / 10%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.micro-blog .heading {
  color: #ff6600;
  text-align: center;
  border-radius: 50%;
  background: rgba(255, 255, 255, 1);
  width: 120px;
  height: 120px;
  position: relative;
  top: -50px;
  left: 25%;
  margin-bottom: -40px;
  line-height: 108px;
  border: 5px solid rgb(214 206 206 / 30%);
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
/*.micro-blog .heading img {
    width: 74px;
    height: auto;
}*/
.micro-blog:hover .heading {
  border: #ff6600 solid 5px;
}
.micro-blog:hover {
  background: rgba(255, 255, 255, 1);
}
.grid {
  display: grid;
}
.micro-blog .cont {
  padding: 0 20px 0px 20px;
}
.micro-blog .cont p {
  font-size: 14px;
  text-align: center;
}
.cont h4 {
  font-size: 1rem;
  font-weight: 600;
  color: #ff6600;
  text-align: center;
  margin-bottom: 1rem;
}
.launch {
  text-align: center;
  position: absolute;
  bottom: 20px;
  left: 0;
  width: 100%;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
}
.micro-blog:hover .launch {
  opacity: 1;
}
.btn.btn-primary {
  background: #ff6600;
  border: none;
  font-size: 15px;
  padding: 10px 15px;
  border-radius: 4px;
}
.btn.btn-primary:hover {
  background: #02849c;
  text-decoration: none;
}
.btn.btn-primary:hover {
  background: #02849c;
  text-decoration: none;
}
#newsntrack h2 {
  font-size: 28px;
  text-align: left;
}
.btn.btn-outline-secondary {
  border: #02849c solid 1px;
  font-size: 14px;
  padding: 10px 20px;
  min-width: 120px;
  color: #02849c;
  font-weight: 600;
}
#newsntrack .col-md-4 {
  position: relative;
  padding-bottom: 65px;
}
#newsntrack .col-md-4 .bx-empty {
  position: absolute;
  bottom: 0px;
  width: 100%;
  left: 0;
}
#newsntrack table > :not(:last-child) > :last-child > * {
  border-bottom-color: #ccc;
}
.btn.btn-outline-secondary:hover {
  background: #02849c;
  color: #fff;
}
.bx-news {
  margin-right: 0;
  margin-left: 0;
  padding-bottom: 5px;
  border-bottom: #ddd solid 1px;
  text-align: left;
  font-size: 15px;
}
.bx-news p {
  padding-left: 20px;
  padding-right: 15px;
  margin-bottom: 3px;
}
.bx-news a {
  color: #555;
}
.bx-news h6 {
  margin: 3px 0px;
  font-weight: 600;
  font-size: 15px;
}
.d-inline {
  display: inline-block;
}
.bx-news .fa-chevron-right:before {
  content: "\f054";
  font-weight: 600;
  font-size: 16px;
  padding-right: 10px;
}
.bx-empty {
  padding: .5rem;
  margin-right: 0;
  margin-left: 0;
  text-align: left;
}
.bx-news .track-details {
  display: flex;
  text-align: left;
}
.track-details p {
    white-space: nowrap;
}
.bx-news .track-details p {
  padding-left: 0;
  padding-right: 20px;
}
.abutjue .btn.btn-outline-secondary {
  border: #fff solid 1px;
  color: #fff;
}
i.fal.fa-chevron-down {
  color: #fff;
  font-size: 18px;
  padding-left: 15px;
}
.grcircle {
  width: 50px;
  height: 50px;
  border-radius: 50px;
  background: #fff0e2;
  margin-top: 10px;
  line-height: 40px;
  text-align: center;
}
i.fal.fa-plane {
  font-size: 24px;
  color: #ff6600;
  padding-left: 7px;
}
i.fal.fa-ship {
  font-size: 24px;
  color: #02849c;
}
/*Login section */
.logbg {
  position: absolute;
  left: 0px;
  top: 0px;
}
.logbg {
  margin-right: 0;
  margin-left: 0;
  width: 100%;
  background: #fcff00;
}
.lognimgbox {
  position: relative;
  z-index: 100;
  margin-left: 149px;
  margin-top: 75px;
}
.login-box label {
  margin: 0;
  font-weight: 600;
  color: #555;
}
.login-box input.form-control {
  height: 46px;
  box-shadow: none;
  outline: none;
}
.login-box button.btn {
  background: #ff6600;
  width: 50%;
  color: #fff;
  height: 46px;
}
.p-5.login-box {
  text-align: left;
}
.login-box h1 {
  font-weight: 100;
  color: #ff6600;
}
.gry {
  background: #ddd;
  width: 50%;
  height: 350px;
}
.gren {
  background: #00859b;
  width: 50%;
  height: 350px;
}
.form-select:focus {
  box-shadow: none;
  border-color: #ced4da;
}
.bg-white {
  background: #fff;
}
.bg-green {
  background: #00859B;
}
.table-responsive {
  text-align: left;
}
.gmaps {
  display: none;
  margin-bottom: -3.5rem;
}
/*SUB page */
.subpagebanner {
    display: block;
    height: auto;
    padding-top: 100px;
}

.main-content .subpagebanner{ padding-top:0;}
.subpage-cont {
  border-radius: 10px 10px 0 0;
  margin-top: -171px;
  padding: 0 50px;
  opacity: .9;
}
.page-title {
  background: #ff6600;
  padding: 15px 10px;
  border-radius: 10px 10px 0 0;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 300;
  margin: 0 0px;
  /*    margin-bottom: 30px;*/
}
.abtbanner {
  background: #050833 url("/trade/images/aboutus-banner.jpg") no-repeat center center;
}
.pcsAbtbanner {
  background: #050833 url("/trade/images/pcsAboutus-banner.jpg") no-repeat center center;
}
.ecoAbtbanner {
  background: #050833 url("/trade/images/ecoAboutus-banner.jpg") no-repeat center center;
}
.mdaAbtbanner {
  background: #050833 url("/trade/images/mdaAboutus-banner.jpg") no-repeat center center;
}
.exchange-rate-banner {
  background: #050505 url("/trade/images/Exchrate-subjpg.jpg") no-repeat center center;
}
.pcsbanner {
  background: #0160a8 url("/trade/images/pcs-banner.jpg") no-repeat center center;
}
.ecobanner {
  background: #0160a8 url("/trade/images/eco-banner.jpg") no-repeat center center;
}

.mdabanner {
  background: #0160a8 url("/trade/images/mda-banner.jpg") no-repeat center center;
}
.news-banner {
  background: #0160a8 url("/trade/images/news-sub.jpg") no-repeat center center;
}

.faqsub {
  background: #a8b6bf url("/trade/images/faq-sub.jpg") no-repeat center center;
}
.pcsFaqsub {
  background: #a8b6bf url("/trade/images/pcsFaq-sub.jpg") no-repeat center center;
}
.ecoFaqsub {
  background: #a8b6bf url("/trade/images/ecoFaq-sub.jpg") no-repeat center center;
}
.mdaFaqsub {
  background: #a8b6bf url("/trade/images/mdaFaq-sub.jpg") no-repeat center center;
}
.contactus {
  background: #2d2c2e url("/trade/images/contactus.jpg") no-repeat center center;
}
.pcsContactus {
  background: #2d2c2e url("/trade/images/pcsContactus.jpg") no-repeat center center;
}
.ecoContactus {
  background: #2d2c2e url("/trade/images/ecoContactus.jpg") no-repeat center center;
}
.mdaContactus {
  background: #2d2c2e url("/trade/images/mdaContactus.jpg") no-repeat center center;
}

.welcome-section {
  width: 1200px;
  margin: 0px auto;
  position: absolute;
  margin-top: 90px;
  text-align: left;
  margin-left: 15%;
  color: #fff;
}
.welcome-section h1 {
  font-weight: 200;
}
.welcome-section p {
  margin-bottom: 5px;
}
.welcome-section p.pl-2 {
  padding-left: 150px;
}
.bg-grey {
  background: #dedede;
}
.cont-space {
  background: #fff;
  margin-right: 0px;
  margin-left: 0px;
  padding: 30px;
}
.cont-space p {
  text-align: justify;
}
.gm-style .place-card-large {
  padding: 9px 4px 9px 11px;
  display: none;
}
address {
  text-align: left;
}
address strong {
  font-weight: 600;
}
.mcnt-form {
  text-align: left;
}
.mcnt-form textarea {
  width: 100%;
}
/** Searchable FAQs Styling **/
/** If there are no Searchable FAQs, please delete the whole block below */
.faq {
  display: inline-block;
  width: 100%;
}
.search-box {
  margin: auto;
  text-align: left;
  position: absolute;
  left: 0;
  width: 100%;
  top: 50px;
}
.faq .faq-search {
 /*  width: 100%;
  height: 60px;
  font-size: 20px;
  display: block;
  padding: 0 20px;
  margin: 10px auto 10px auto;
  color: #02849c;
  border-radius: 5px;
  border: 1px solid #ccc;
  box-shadow: none;
  outline: none; */
}
.faq .faq-search::-webkit-input-placeholder {
  font-style: italic;
  color: #999 !important;
  font-weight: 300;
}
.faq .faq-search::-moz-placeholder {
  font-style: italic;
  color: #999 !important;
  font-weight: 300;
}
.faq .faq-search:-ms-input-placeholder {
  font-style: italic;
  color: #999 !important;
  font-weight: 300;
}
.faq .faq-search:-moz-placeholder {
  font-style: italic;
  color: #999 !important;
  font-weight: 300;
}
.faq .highlight {
  background-color: #02849c;
  color: #fff;
}
.faq .faq-container {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.faq .faq-container li {
  text-align: left;
  border-bottom: 1px solid #ccc;
  background: #fff;
}
.faq .tab-content h3 {
  font-size: 1.6rem;
  font-weight: 300;
  margin-bottom: 90px;
}
.faq .faq-container li:not( :first-child) {
  margin-top: 10px;
}
.faq .faq-container li.is-hidden {
  display: none;
}
.faq .faq-container li h2 a {
  font-size: 1.1rem;
  font-weight: 400;
  line-height: 1.4;
  color: #666;
  display: block;
  padding: 20px 20px 20px 0px;
  position: relative;
  padding-right: 40px;
}
.faq .faq-container li h2 a::after {
  font-family: "Font Awesome 6 Pro";
  content: '\f055';
  position: absolute;
  right: 0px;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  font-size: 24px;
  font-weight: 300;
  line-height: 100%;
  text-align: center;
}
.faq .faq-container li.is-active h2 a:after {
  content: '\f056';
}
.faq .faq-container li h2 a:hover {
  color: #02849c;
  text-decoration: none;
}
.faq .faq-container li.is-active h2 a {
  color: #02849c;
}
.faq .faq-container li > div {
  display: none;
}
.faq .faq-container li.is-active > div, .faq .faq-container li:target > div {
  display: block;
  margin: 0 0 0;
  border-top: 1px solid #ececec;
  padding: 20px 0;
  line-height: 1.8;
  color: #555;
  font-size: 0.95rem;
}
.faq .hidden-keywords {
  display: none;
}
.faq__notfound {
  font-size: 20px;
  font-style: italic;
  display: none;
  color: #ff6600;
}
.faq__notfound.is-visible {
  display: block;
}
.faq .sidebar {
  float: left;
  width: 340px;
  padding: 10px 0;
  border: #b7dfe6 solid 1px;
  border-radius: 10px;
}
.faq ul.nav.nav-tabs {
  border: none;
}
.faq .tab-content {
  margin-left: 400px;
  position: relative;
}
.faq .tab-content h2 {
  line-height: 0;
  margin: 0;
}
.faq ul.nav.nav-tabs .nav-item {
  width: 100%;
  margin: 0;
}
.faq ul.nav.nav-tabs .nav-item .nav-link {
  color: #5D5D5D;
  display: block;
  padding: 15px 30px 15px 10px;
  border-radius: 0;
  margin: 0;
  border: none !important;
  border-bottom: 1px solid #ccc !important;
  position: relative;
  text-align: left;
}
.faq ul.nav.nav-tabs .nav-item:last-child .nav-link {
  border: none !important;
}
.faq ul.nav.nav-tabs .nav-item .nav-link.active, .faq ul.nav.nav-tabs .nav-item .nav-link:hover {
  background: #02849c;
  color: #fff;
  text-decoration: none;
}
.faq ul.nav.nav-tabs .nav-item .nav-link.active:after, .faq ul.nav.nav-tabs .nav-item .nav-link:hover:after {
  font-family: "Font Awesome 6 Pro";
  content: '\f054';
  position: absolute;
  right: 10px;
  top: 50%;
  margin-top: -12px;
  width: 24px;
  font-size: 24px;
  font-weight: 300;
  line-height: 100%;
}
.faq .sidebar h4 {
  padding: 0 10px;
  color: #2d2d2d;
  /*    border-bottom: 1px solid #999;*/
  margin-bottom: 0;
  display: block;
  width: 100%;
  padding-bottom: 20px;
}
.faq .tab-content .tab-pane {
  margin: 0;
  padding: 0;
}
/** Delete till here if there are no Searchable FAQs **/
.news-section {
  position: relative;
  /*    
    margin: 1rem -.75rem 0;
    border-bottom: solid #dee2e6;
    border-width: 1px 0 0;*/
  padding-bottom: 1rem;
  text-align: left;
}
.news-section .carousel {
  background: #333;
  height: 300px;
}
.newscont-box {
  padding-bottom: 10px;
  border-bottom: #ccc solid 1px;
}
.newsdate {
  clear: both;
  display: block;
  margin: 20px 0px;
  width: 97%;
  text-align: left;
  color: #666;
  font-size: 14px;
}
.newsdate i.fal.fa-clock {
  font-size: 18px;
  color: #666;
  font-weight: 500;
}
.newscont-box h2 {
  color: #333;
  font-weight: 400;
  font-size: 36px;
}
.newscont-box p {
  color: #666;
}
.by {
  font-size: 15px;
  font-style: italic;
  color: #666;
}
span.pt-art {
  float: right;
}
i.fal.fa-print {
  color: #ff6600;
  font-size: 18px;
  font-weight: 600;
}
.card-img-top {
  height: 200px;
}
.card-title {
  margin-bottom: .25rem;
  font-size: 1rem;
  color: #666;
}
.recent {
  width: 100%;
  padding: 10px 0px;
  display: inline-block;
}
.recent-posts {
  border-bottom: #ccc solid 1px;
  padding: 30px 10px 30px 12px;
}
.recent-posts h4 {
  font-weight: 300;
  width: 50%;
  float: left;
}
.showall {
  float: right;
}
.showall a {
  color: #555;
}
.btn-container {
  text-align: left;
  font-size: 14px;
  color: #ff6600;
}
p.card-text {
  text-align: left;
  margin-bottom: .5rem;
}
.btn-container a {
  color: #ff6600;
  font-size: 14px;
}
.fas.fa-angle-right {
  padding-left: 8px;
}
.curr-conv {
  padding: 20px 0px;
  text-align: left;
  font-weight: 600;
}
i.fal.fa-sort-alt {
  transform: rotate(90deg);
  padding: 15px;
  border-radius: 50%;
  font-size: 27px;
  border: #ddd solid 2px;
  margin-top: 20px;
  color: #ff6600;
}
.curr-conv .btn-primary {
  margin-top: 25px;
}
.minus {
  margin-left: -30px;
  margin-right: -30px;
}
/*.cont-white h2, p{
	color: #fff !important;
	text-align: left;
}*/
.cont-white {
  color: #fff;
  text-align: left;
  padding: 0px 20px 0px 50px;
  font-size: 14px;
}
/*quicktrack */
.map-section {
  position: relative;
  padding-bottom: 1rem;
  text-align: left;
  background: url("/trade/images/mozambique-land.png") no-repeat center center;
  height: 651px;
  width: 100%;
  background-size: contain;
  max-width: 1000px;
    margin: auto;
}
i.fas.fa-map-marker-alt {
  font-size: 22px;
  font-weight: 400;
}
.seaport {
  color: #3170d4 !important;
}
.airport {
  color: #5bc9c5 !important;
}
.train {
  color: #ec5629 !important;
}
.map-section a {
  display: block;
  text-decoration: none;
}
#PALMA1 {
    top: 3px;
    right: 290px;
    position: absolute;
    
}
#PEMBA1 {
  	top: 83px;
    right: 295px;
    position: absolute;
}
#Nacala1 {
  	top: 149px;
    right:281px;
    position: absolute;
}
#Nampula1 {
 	top: 176px;
    right: 336px;
    position: absolute;
}
#MOMA1 {
  top: 217px;
  right: 337px;
  position: absolute;
}
#Quelimane1 {
  top: 262px;
  right: 432px;
  position: absolute;
}
#Beira1 {
  top: 332px;
  right: 519px;
  position: absolute;
}
#Inhambane1 {
  top: 485px;
  right: 497px;
  position: absolute;
}

#XaiXai1 {
  top: 526px;
  right: 564px;
  position: absolute;
}
#matola1 {
  top: 548px;
  right: 626px;
  position: absolute;
}
#maputo1 {
  top: 564px;
  right: 615px;
  position: absolute;
}
#MOCIMBOA1 {
    top: 37px;
    right: 291px;
    position: absolute;
}
#Tete1 {
    top: 227px;
    right: 567px;
    position: absolute;
}
#lichinga1 {
    top: 71px;
    right: 524px;
    position: absolute;
}
#offshore1 {
    top: 570px;
    right: 633px;
    position: absolute;
}
#porto1 {
    top: 588px;
    right: 629px;
    position: absolute;
}
/* exchangerate */
.converted {
  color: #aebcbf;
  font-size: 18px;
  font-weight: 600;
}
.bigrate {
  color: #315055;
  font-size: 30px;
  font-weight: 600;
  margin: -20px 0px 10px 0px;
}
.unitrate {
  color: #5c6766;
  font-size: 14px;
}
.unitrate p {
  margin-bottom: 0px;
}
.faded-digits {
  color: rgb(161, 166, 176);
}
.country-rates .table > :not(:last-child) > :last-child > * {
  border-bottom-color: currentColor;
  background: #02849c;
  border: none;
  color: #fff;
}
textarea {
  border: #ced4da solid 1px;
  border-radius: .25rem;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.showAllNews {
  display: none;
}
.greensub h2{
	color: #fff;
  font-weight: 300;
  font-size: 36px;
}

.error-page {
    background-image: url(/trade/images/error-bg.png);
    background-position: top left;
    background-repeat: no-repeat;
    margin: 100px auto;
    min-height: 328px;
    padding-left: 480px;
    text-align: left;
}

.underprogress{
    
    background-position: top left;
    background-repeat: no-repeat;
    margin: 100px auto;
    min-height: 396px;
    padding-left: 480px;
    text-align: left;
}

.table-responsive .table tr th {
    color: #fff;
}

.table-bordered > :not(caption) > * {
    border-width: 1px 0;
    border-color: #dee2e6;
}
.form-inline .form-group {
    flex: 1;
}

.form-inline .form-group .form-label {
    text-align: left;
    width: 100%;
    display: block;
}
.form-inline {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-end;
}
.form-inline .form-group .col-xl-7, .form-inline .form-group .col-xl-12 {
    padding-left: 5px;
}

.form-inline .form-group .form-control {
    width: 100%;
}
.search-banner{ background-image:url("/trade/images/Searchcal-sub.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center;}

.contact-banner{ background-image:url("/trade/images/contactus.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center;}

.faq-banner{ background-image:url("/trade/images/faq-sub.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center;}

.quick-track-banner{ background-image:url("/trade/images/Quicktrack-sub.jpg"); background-repeat: no-repeat; background-size: cover; background-position: center center;}

.select2-container .select2-selection--single {
    height: 38px;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 38px;
}
.form-group .form-label {
    text-align: right;
}

#exchangerate_table th{
  color:black !important;
}

.tax-results{
	
	font-weight: 700;
}

.btn.btn-outline-third {
  border: #fff solid 1px;
  font-size: 14px;
  padding: 10px 20px;
  min-width: 120px;
  color: #fff;
  font-weight: 600;
}
.bx-empty-pcs {
  padding: .5rem;
  margin-right: 0;
  margin-left: 0;
  text-align: left;
  display: table-cell;
}
.login-btn .dropdown-menu {
  margin-top: -10px;
}
.login-btn .dropdown-menu.show {
  margin-top: 0;
}
/*FAQ Video*/
.faqbg.faq-has-vid {
    background-size: 380px;
    min-height: 620px;
    display: inline-block;
    width: 100%;
}
.faq-has-vid .home-faq {
margin-left: 330px;
margin-right: 0;
float: left;
}.faq-has-vid h2 {
text-align: left!important;
margin-left: 410px;
}.faq-video {
float: left;
margin-left: 15px;
padding-left: 15px;
border-left: 1px solid #ccc;
}.faq-video video {
border-radius: 10px;
border: 4px solid #fff;
}
/*Other policies*/
.other-policies p {
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
margin-bottom: 10px!important;
}

.other-policies p:last-child {
border: none;
}
/*useful links*/
.useful-links a {
    display: block;
    color: #fff;
    padding: 5px 0;
    font-weight: 600;
    font-size: 1rem;
}
.d-flex .p-2 {
width: 240px;
}

.tfp-chatwindow__modal {z-index:9999!important;}

.tfp-chatwindow__iframe .fixedPlugin {
    right: 50px;
}

.d-flex .p-2.flex-grow-1 {
width: calc(100% - 240px);
}


.icon-block p {
    text-align: center;
}

.icon-block p span {
    font-weight: 400;
}

.home-tab .nav-tabs {
    border: none;
    margin-bottom: 40px;
    justify-content: center;
}

.home-tab .nav-tabs .nav-item .nav-link {
    border: 1px solid #00859B!important;
    border-radius: 36px;
    padding: 8px 40px;
    color: #000;
                min-width: 140px;
}

.home-tab .nav-tabs .nav-item:first-child .nav-link {
    border-right: none!important;
    border-radius: 36px 0 0 36px;
}

.home-tab .nav-tabs .nav-item:last-child .nav-link {
    border-left: none!important;
    border-radius: 0 36px 36px 0;
}

.home-tab .nav-tabs .nav-link.active{ color: #fff; background: #00859B;}

.home-tab .card {
    border-radius: 10px;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);
    border: 1px solid #e3e8ea;
                
}
.home-tab .card {
    height: 100%;
                /*background: #fafafa;*/
}

.home-tab .card-body {
    padding-bottom: 20px;
    position: relative;
}
.home-tab .card-img-top {
    padding: 10px;
    height: 100px;
                width: 100px;
}

.home-tab .card-body .btn-outline-primary {
    position: absolute;
    bottom: 18px;
    left: 50%;
    margin-left: -60px;
    width: 120px;
}
.home-tab .card-title {
    color: #00859B;
    font-size: 18px;
                text-align: start;
}

.home-tab p.card-text {
    text-align: left;
    margin-bottom: 30px;
}
.form-control-xsm {
    width: 60px;
}

.home-tab .card-body .form-control-xsm {
    display: inline-block;
    text-align: center;
    font-size: 1.25rem;
    color: #d71635!important;
    font-weight: 600;
}
.mdaprocess .card{
                border: none;
}
.mdaprocess .card-text span {
    float: left;
    height: 75px;
    padding-right: 20px;
}

.mda-agencybanner {
  display: block;
  height: 250px;
  position: relative;
}
.text-green{
                color: #02849c;
}
.agency {
    position: relative;
    margin-top: -60px;
                padding: 5px 20px;
}
.agency-cont{
                text-align: start;
                padding-bottom: 30px;
}
.agency-logo {
    font-size: 14px;
    text-align: center;
                position: absolute;
    top: -150px;
                box-shadow: 0 1px 2px 0 rgb(48 48 48 / 30%), 0 1px 3px 1px rgb(48 48 48 / 15%);
}
.agency-logo img {
    text-align: center;
    padding: 8px;
                margin: 0px auto;
}

.agency-logo p.card-text {
    margin-bottom: 20px;
    text-align: center;
}

.backto {
    display: block;
    width: 100%;
    text-align: right;
                padding-bottom: 20px;
}

.mda-dn { 
  background: url("/trade/images/mda-dn.png")no-repeat left center;
  background-color: #f2fdff;
  min-height: 450px;
}

h9 {
  color: #333333;
  font-weight: 400;
  font-size: 36px;
}
#hscode-search-result p {
white-space: normal!important;
}

/*Added on 20 april 2022 ends*/

.news-section input.form-control {
  height: 46px;
  box-shadow: none;
  outline: none;
}


/*Added on 20 april 2022 starts*/
.notifications .bx-news a {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: block;
	text-decoration: none!important;
}

.notifications .bx-news:hover{ cursor: pointer; opacity: 0.8;}


#notifications{ text-align: left;}

.date {
    font-weight: 600;
    margin-bottom: 5px;
}

.notification-update {
    text-align: left;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
}

.notification-update:last-child {
    border: navajowhite;
}
/*Added on 20 april 2022 ends*/
.greensub .newsntrack h2 {
color: #333;
text-align: left;
margin-bottom: -10px;
}



.newsntrack {
padding: 1rem;
}



.newsntrack .bx-news {
border: none;
}



.bx-news.p-0 p {
padding-left: 0;
}



.bx-news.p-0{ padding-bottom: 1rem!important;}

.subpage-cont.subpage-cont-sm-mr {
margin-top: -71px;
margin-bottom: 0;
}



.cont-space.cont-space-sm-mr {
margin-left: 0;
margin-right: 0;
}



.cont-space.cont-space-sm-mr p {
text-align: left!important;
}

.MuiTooltip-popper {
z-index: 9999!important;
} 

.wrapper {
overflow: hidden!important;
}

.text {
	display: -webkit-box;
	-webkit-line-clamp: 11;
	-webkit-box-orient: vertical;
	max-width: 500ch;
	overflow: hidden;
	text-overflow: "[...]";
}

.bx-empty a .btn {
    position: relative;
}

div#datePickerDiv {
    width: 100%!important;
    text-align: left;
}

.cont-space .curr-conv ~ p {
    text-align: left;
}

.eco-link {
display: flex;
width: 100%;
flex-wrap: wrap;
}

.eco-link a {
width: calc(33.33% - 10px);
margin: 5px;
}

.eco-link a .btn.btn-outline-third {
width: 100%;
}

.p-2.grcircle {
    width: 50px;
    text-align: center;
    height: 50px;
    padding: 0!important;
    line-height: 55px;
}

 

.p-2.grcircle i {
    margin: 0;
}


/*quicktrack */
.map-section {
  position: relative;
  padding-bottom: 1rem;
  text-align: left;
  background: url("/trade/images/mozambique-land.png") no-repeat center center;
  height: 651px;
  width: 500px;
  background-size: contain;
  max-width: 500px;
  margin: auto;
}
i.fas.fa-map-marker-alt {
  font-size: 22px;
  font-weight: 400;
}
.seaport {
  color: #3170d4 !important;
}
.airport {
  color: #5bc9c5 !important;
}
.train {
  color: #ec5629 !important;
}
.map-section a {
  display: block;
  text-decoration: none;
}
#PALMA1 {
  top: 3px;
  left: 360px;
  right:auto;
  position: absolute;
}
#PEMBA1 {
  top: 65px;
  left: 370px;
  right:auto;
  position: absolute;
}
#Nacala1 {
  top: 117px;
  left: 380px;
  right: auto;
  position: absolute;
}
#Nampula1 {
  top: 148px;
  left: 335px;
  right: auto;
  position: absolute;
}
#MOMA1 {
  top: 183px;
  left: 334px;
  right: auto;
  position: absolute;
}
#Quelimane1 {
  top: 222px;
  left: 255px;
  right: auto;
  position: absolute;
}
#Beira1 {
  top: 276px;
  left: 180px;
  right: auto;
  position: absolute;
}
#Inhambane1 {
  top: 401px;
  left: 199px;
  right: auto;
  position: absolute;
}
#XaiXai1 {
  top: 440px;
  left: 145px;
  right: auto;
  position: absolute;
}
#matola1 {
  top: 441px;
  left: 0px;
  right: auto;
  position: absolute;
}
#maputo1 {
  top: 467px;
  left: 105px;
  right: auto;
  position: absolute;
}
#MOCIMBOA1 {
  top: 30px;
  left: 371px;
  right: auto;
  position: absolute;
}
#Tete1 {
  top: 187px;
  left: 130px;
  right: auto;
  position: absolute;
}
#lichinga1 {
  top: 65px;
  left: 174px;
  right: auto;
  position: absolute;
}
#offshore1 {
  top: 474px;
  left: 10px;
  right: auto;
  position: absolute;
}
#porto1 {
  top: 495px;
  left: 90px;
  right: auto;
  position: absolute;
}

#MOCIMBOA1 {
    min-width: 120px;
}

#porto1 {
    min-width: 200px;
}

/*Added on 06/04/2023*/


.map-section {
    width: 100%;
    background-position: left top;
    max-width: 100%;
    height: 550px;
}

.map-section .cont-space {
    margin: 0;
    background: none;
    margin-left: 550px;
}

.map-section .cont-space .form-group, .map-section .cont-space .col-md-2 {
    flex: none;
    width: 100%;
    margin-bottom: 1rem;
    text-align: left;
}

.map-section .cont-space  label.form-label {
    width: 100%;
    max-width: 100%;
    margin: 0;
}

.map-section .cont-space .col-md-2 {
    width: 100%;
}

.map-section .cont-space  input[type="text"], .map-section .cont-space  select {
    border: 1px solid #ccc;
    height: 44px;
    width: 100%;
    border-radius: 5px;
}

.form-inline .form-group .col-xl-7 {
    width: 100%;
}

.map-section .cont-space .col-md-2 ~ .form-group {
    width: auto;
    margin-right: 1rem;
}

.map-section img.ui-datepicker-trigger {
    position: absolute;
    right: 10px;
    bottom: 10px;
    width: 30px;
    height: auto;
}

.map-section .cont-space .col-md-2 {
    position: relative;
}

.map-pointer {
    min-width: 100px;
    height: 22px;
}


.map-pointer i {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    background: #000;
    width: 100%;
}
@media only screen and (max-width: 991.98px) {

.map-pointer {
    display: none!important;
}
}

#selected-news-content .carousel-item {
    height: 400px;
    overflow: hidden;
}
 
#selected-news-content .carousel-item img {
    height: auto;
    width: 100%;
}
 
#selected-news-content .carousel-item.active {
    display: flex;
    align-items: center;
    justify-content: center;
}
.news-section .carousel {
    background: #333;
    height: auto;
}
.card-img-top {
    object-fit: cover;
    height: 200px;
    object-position: center center;
}
.navbar-brand img {
    height: 49px;
    width: auto;
}

nav.navbar.navbar-expand-md {
    padding-top: 10px;
}

.main-content .subpagebanner ~ .container-fluid .subpage-cont {
    padding: 0px;
}



.login-btn .btn.btn-primary {
    width: 100px;
    max-width: 100px;
    min-width: 0;
}

.home-faq ul li a::after {
    margin: 0;
    bottom: auto;
    top: 10px;
    font-size: 24px;
}