/* @media (min-width: 992px) {
  .aside-enabled.aside-fixed.header-fixed[data-kt-aside-minimize="on"] .header,
  .aside-enabled.aside-fixed.header-fixed .header {
    left: 0 !important;
  }
  .aside-fixed .aside {
    top: 65px;
  }
} */

@media (min-width: 992px) {
	.header-fixed .header {
	  background-color: transparent;
	}
  } 
  
  header { position: relative; z-index: 100; }
  
  [data-kt-sticky-landing-header=on] .menu-white .menu-item .menu-link .menu-title,
  [data-kt-sticky-landing-header=on] .btn.btn-icon-white .svg-icon  {
	  color: var(--bs-dark);
  }
  
  [data-kt-sticky-landing-header="on"] header.bg-dark .menu-white .menu-item .menu-link .menu-title, 
  [data-kt-sticky-landing-header="on"] header.bg-dark .btn.btn-icon-white .svg-icon {
	  color: #fff;
  }
  
  
  header .menu-item .menu-link {
	  position: relative;
	  padding: 0.65rem .5rem;
  }
  header .menu-item .menu-link::after {
	  content: "";
	  position: absolute;
	  display: block;
	  bottom: -2px;
	  height: 1px;
	  left: 0.5rem;
	  width: calc(100% - 1rem);
	  background-color: #fff;
	  transform-origin: right center;
	  -moz-transform: scale(0, 1);
	  -ms-transform: scale(0, 1);
	  -webkit-transform: scale(0, 1);
	  transform: scale(0, 1);
	  -moz-transition: -moz-transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
	  -o-transition: -o-transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
	  -webkit-transition: -webkit-transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
	  transition: transform 0.25s cubic-bezier(0.37, 0.31, 0.2, 0.85);
  }
  
  header .menu-item .menu-link:hover::after {
	  transform-origin: left center;
	  -moz-transform: scale(1, 1);
	  -ms-transform: scale(1, 1);
	  -webkit-transform: scale(1, 1);
	  transform: scale(1, 1);
  }
  
  header .menu-item .btn.btn-xs {
	  font-weight: 400;
	  font-size: 14px;
	  padding: 5px 0.75rem !important;
	  margin-left: 1rem;
  }
  
  .drawer .menu-item .menu-link .menu-title {
	  font-size: 16px;
  }
  .drawer .menu-item .btn.btn-xs {
	  font-weight: 400;
	  font-size: 16px;
	  padding: 5px 0.75rem !important;
	  margin-left: 1rem;
	  margin-top: 3rem;
  }
  
  .drawer .menu-state-title-primary .menu-item .menu-link.active,
  .drawer .menu-state-title-primary .menu-item .menu-link.active  .menu-title {
	  color: var(--bs-primary);
  }
  .drawer .menu-white .menu-item .menu-link .menu-title {
	  color: var(--bs-gray-800);
  }
  
  #kt_menu_close {
	  width: 32px;
	  height: 32px;
	  position: fixed;
	  right: 24px;
	  cursor: pointer;
	  top: 16px;
  }
  
  
  
  .hero {
	  position: relative;
	  margin-top: -100px;
	  padding-top: 100px;
  }
  .hero::before {
	  content: " ";
	  display: block;
	  position: absolute;
	  height: 100%;
	  width: 100%;
	  background-color: rgba(50, 50, 93, 0.8);
	  top: 0;
	  z-index: 2;
  }
  #hero01 {
	  position: relative;
	  z-index: 10;
  }
  .hero video.video-fluid.overlay {
	  position: absolute;
	  right: 0;
	  top: 0;
	  min-width: 100%;
	  max-height: 100%;
	  object-fit: cover;
	  z-index: 1;
  }
  
  
  @media (min-width: 1200px) and (max-width: 1320px) {
	  header .menu-item .menu-link {
		  font-size: 13px;
		  padding: 0.65rem .45rem;
	  }
  }
  
  /******* ASIDE ********/
  @media (min-width: 992px) {
	  
	  [data-kt-aside-minimize=on] .aside .aside-menu-box {
		  display: none;
	}
	  .aside .aside-menu-box > div {
		  opacity: 1;
	  transition: opacity 1s ease;
	  }
	  [data-kt-aside-minimize=on] .aside .aside-menu-box > div {
	  opacity: 0;
	  transition: opacity 0.1s ease;
	}
  }
  
  @media (max-width: 991.98px) {
	  .aside .aside-logo {
		  display: none;
	  }
  }
  
  
  .aside.aside-light {
	  background-color: #ffffff;
	  background: linear-gradient(180deg, rgb(240, 242, 249) 0%, rgb(255, 255, 255) 30%);
  }
  .aside .aside-header {
	  padding: 0 1rem;
	  margin-top: 2rem;
  }
  .aside-menu-box .menu-column {	
	  width: calc(320px - 2rem);
	  margin: 0 1rem;
  }
  
  .asidenav {
	  display: flex;
	  flex-wrap: wrap;
  }
  .asidenav > div {
	  width: 100%;
  }
  .asidenav div.asidenav_content {
	  padding: 1rem .75rem 1.5rem;
	  background: #f0f2f9;	
	  margin-bottom: 0.5rem;
	  border-radius: 3px;
  }
  
  .asidenav a.btn {
	  width: 32%;
	  margin-right: 2%;
	  padding: .5rem .25rem !important;
	  line-height: 1 !important;
	  font-weight: 400;
	  min-height: 5.5rem;
	  margin-bottom: 0.325rem !important;
	  position: relative;
	  color: var(--bs-gray-800);
	  background-color: transparent; 
	  overflow: hidden;
	  border: 1px solid var(--bs-gray-300) !important;
	  display: flex;
	  flex-flow: column;
  }
  .asidenav a.btn:nth-child(3n+3) { margin-right: 0; }
  .asidenav a.btn span:nth-child(2) {
	  height: 100%;
	  display: flex;
	  align-items: center;
	  justify-content: center;
  }
  
  .asidenav a.btn span.svg-icon {
	  display: block;
	  padding-bottom: 5px;
	  margin-right: 0;
  }
  
  .asidenav a.btn::before {
	  content: ' ';
	  display: block;
	  position: absolute;
	  top: calc(100% - 1px);
	  height: 100%;
	  width: 100%;
	  left: 0;
	  background-color: var(--bs-active-primary) !important;
	  transition: .35s;
	  z-index: -1;
  }
  .asidenav a.btn.btn2::before {
	  background-color: var(--bs-active-success) !important;
  }
  .asidenav a.btn.btn3::before {
	  background-color: var(--bs-active-warning) !important;
  }
  .asidenav a.btn.btn4::before {
	  background-color: var(--bs-active-danger) !important;
  }
  .asidenav a.btn:hover::before, .asidenav a.btn[aria-expanded='true']::before {
	  top: 0;
  }
  
  .asidenav a.btn:hover,
  .asidenav a.btn[aria-expanded='true'] {
	  color: #fff;
  }
  
  .asidenav a.btn .svg-icon svg path, .asidenav a.btn .svg-icon svg rect, .asidenav a.btn .svg-icon svg circle  {
	  fill: var(--bs-primary) !important;
  }
  .asidenav a.btn.btn2 .svg-icon svg path, .asidenav a.btn.btn2 .svg-icon svg rect, .asidenav a.btn.btn2 .svg-icon svg circle  {
	  fill: var(--bs-success) !important;
  }
  .asidenav a.btn.btn3 .svg-icon svg path, .asidenav a.btn.btn3 .svg-icon svg rect, .asidenav a.btn.btn3 .svg-icon svg circle  {
	  fill: var(--bs-warning) !important;
  }
  .asidenav a.btn.btn4 .svg-icon svg path, .asidenav a.btn.btn4 .svg-icon svg rect, .asidenav a.btn.btn4 .svg-icon svg circle  {
	  fill: var(--bs-danger) !important;
  }
  
  #kt_aside_close {
	  background-color: var(--bs-light);
	  width: 32px;
	  height: 32px;
	  position: fixed;
	  left: 327px;
	  cursor: pointer;
	  top: 7px;
  }
  
  #kt_aside_toggle.btn.btn-active-light-primary:hover:not(.btn-active), 
  #kt_aside_toggle.btn.btn-active-light-primary:active:not(.btn-active), 
  #kt_aside_toggle.btn.btn-active-light-primary.active {
	  background-color: transparent !important;
  }
  
  
  .aside-dark .asidenav a.btn {
	  border: 0 !important;
  }
  .aside-dark .asidenav a.btn {
	  background-color: #6772e520;
  }
  .aside-dark .asidenav a.btn2 {
	  background-color: #06b27d20;
  }
  .aside-dark .asidenav a.btn {
	  color: #fff;
  }
  .aside-dark .asidenav div.asidenav_content {
	  background: #f0f2f910;
  }
  .aside-dark .text-muted {
	  color: #f0f2f9 !important;
  }
  .aside-dark .asidenav a.btn .svg-icon svg path, .aside-dark .asidenav a.btn .svg-icon svg rect, .aside-dark .asidenav a.btn .svg-icon svg circle {
	  fill: var(--bs-warning) !important;
  }
  .aside-dark .asidenav a.btn.btn2 .svg-icon svg path, .aside-dark .asidenav a.btn.btn2 .svg-icon svg rect, .aside-dark .asidenav a.btn.btn2 .svg-icon svg circle {
	  fill: var(--bs-success) !important;
  }
  
  
  /*********** COUNTRY SELECT ************/
  
  #select2-countries-container img {
	  margin-right: 3px;
	  padding-right: 5px;
	  vertical-align: bottom;
  }
  #select2-countries-results li img {
	  padding-right: 1px;
	  margin-right: 5px;
	  display: inline-block;
	  vertical-align: text-bottom;
  }
  .select2-results__options li img {
	  vertical-align: bottom;
  }
  
  /************ Page with filters sidebar ***************/
  @media (min-width: 992px) {
	  .page.with-filters .content {
		  width: calc(100% - 320px);
		  padding: 0;
	  }
  }
  
  
  /*********** LANDING PAGE INFO CARDS ************/
  
  .info_cards .card {
	  position: relative;
	  overflow: hidden;
	  transition: .5s all;
	  width: calc(50% - 1rem);
	  margin-bottom: 1rem;
	  width: 16%;
  }
  .info_cards .card svg {
	  height: calc(65px - .5rem);
  }
  .info_cards .card svg .fill-indigo {
	  fill: #6772e5;
	  transition: 0.5s;
  }
  
  .info_cards .card .title {
	  line-height: 1.2;
  }
  .info_cards .card .card-body {
	  position: relative;
	  z-index: 10;
	  text-align: center;
  }
  .info_cards .card::before {
	  content: ' ';
	  display: block;
	  z-index: 1;
	  position: absolute;
	  top: calc(100% - 2px);
	  height: 100%;
	  width: 100%;
	  left: 0;
	  /* background: linear-gradient(to bottom , #6772e5, #32325D); */
	  background-color: var(--bs-indigo);
	  transition: 0.5s;
  }
  .info_cards .card:hover::before {
	  top: 0;
  }
  
  .info_cards .card a {
	  position: absolute;
	  z-index: 10;
	  top: 3px;
	  right: 10px;
	  cursor: pointer;
  }
  .info_cards .card a i {
	  transition: 1s all;
  }
  .info_cards .card:hover,
  .info_cards .card:hover a,
  .info_cards .card:hover a i,
  .info_cards .card:hover .text-gray-600,
  .info_cards .card:hover .text-primary {
	  color: #fff !important;
  }
  .info_cards .card:hover svg .fill-indigo {
	  fill: #fff;
  }
  
  @media (max-width: 991.98px) {
	  .info_cards .card {
		  width: 32%;
	  }
  }
  @media (max-width: 575.98px) {
	  .info_cards .card {
		  width: 48%;
	  }
  }
  
  
  /* info_cards in subpages */
  .info_cards.info_cards_sp .card {
	  width: 16%;
	  margin-right: 0.8%;
  }
  .info_cards.info_cards_sp .card:nth-child(6n+6) {
	  margin-right: 0%;
  }
  .info_cards.info_cards_sp .card:last-child {
	  margin-right: 0%;
  }
  @media (min-width: 991.98px) and (max-width: 1279.98px){
	  .info_cards.info_cards_sp .card {
		  width: 24.5%;
		  margin-right: 0.666%;
	  }
	  .info_cards.info_cards_sp .card:nth-child(6n+6) {
		  margin-right: 0.666%;
	  }
	  .info_cards.info_cards_sp .card:nth-child(4n+4) {
		  margin-right: 0%;
	  }
  }
  @media (max-width: 991.98px) {
	  .info_cards.info_cards_sp .card {
		  width: 32%;
		  margin-right: 2%;
	  }
	  .info_cards.info_cards_sp .card:nth-child(3n+3) {
		  margin-right: 0%;
	  }
	  .info_cards.info_cards_sp .card:last-child {
		  margin-right: 0%;
	  }
  }
  @media (max-width: 575.98px) {
	  .info_cards.info_cards_sp .card {
		  width: 49%;
		  margin-right: 2%;
	  }
	  .info_cards.info_cards_sp .card:nth-child(3n+3) {
		  margin-right: 2%;
	  }
	  .info_cards.info_cards_sp .card:nth-child(2n) {
		  margin-right: 0%;
	  }
  }
  
  
  
  .info_cards_v2 svg {
	  width: 50px;
	  margin-right: 1rem;
  }
  .info_cards_v2 .icard svg path, 
  .info_cards_v2 .icard svg rect, 
  .info_cards_v2 .icard svg circle {
	  fill: var(--bs-primary) !important;
	  transition: all .3s;
  }
  .info_cards_v2 .icard.bg-danger svg path, 
  .info_cards_v2 .icard.bg-danger svg rect, 
  .info_cards_v2 .icard.bg-danger svg circle {
	  fill: var(--bs-active-danger) !important;
  }
  .info_cards_v2 .icard.bg-success svg path, 
  .info_cards_v2 .icard.bg-success svg rect, 
  .info_cards_v2 .icard.bg-success svg circle {
	  fill: var(--bs-active-success) !important;
  }
  .info_cards_v2 .icard.bg-warning svg path, 
  .info_cards_v2 .icard.bg-warning svg rect, 
  .info_cards_v2 .icard.bg-warning svg circle {
	  fill: var(--bs-active-warning) !important;
  }
  .info_cards_v2 .icard.bg-info svg path, 
  .info_cards_v2 .icard.bg-info svg rect, 
  .info_cards_v2 .icard.bg-info svg svg circle {
	  fill: var(--bs-active-info) !important;
  }
  
  .info_cards_v2 .icard:hover svg path, 
  .info_cards_v2 .icard:hover svg rect, 
  .info_cards_v2 .icard:hover svg circle {
	  fill: var(--bs-dark) !important;
  }
  .info_cards_v2 .icard.bg-danger:hover svg path, 
  .info_cards_v2 .icard.bg-danger:hover svg rect, 
  .info_cards_v2 .icard.bg-danger:hover svg circle {
	  fill: var(--bs-danger) !important;
  }
  .info_cards_v2 .icard.bg-success:hover svg path, 
  .info_cards_v2 .icard.bg-success:hover svg rect, 
  .info_cards_v2 .icard.bg-success:hover svg circle {
	  fill: var(--bs-success) !important;
  }
  .info_cards_v2 .icard.bg-warning:hover svg path, 
  .info_cards_v2 .icard.bg-warning:hover svg rect, 
  .info_cards_v2 .icard.bg-warning:hover svg circle {
	  fill: var(--bs-warning) !important;
  }
  .info_cards_v2 .icard.bg-info:hover svg path, 
  .info_cards_v2 .icard.bg-info:hover svg rect, 
  .info_cards_v2 .icard.bg-info:hover svg circle {
	  fill: var(--bs-info) !important;
  }
  
  
  
  .info_cards_v2 .icard  {
	  cursor: pointer;
	  position: relative;
  }
  .info_cards_v2 .icard .fs-4 {
	  line-height: 1.1;
  }
  .info_cards_v2 .icard a.toolbar-link {
	  position: absolute;
	  z-index: 10;
	  top: 3px;
	  right: 10px;
	  cursor: pointer;
  }
  .info_cards_v2 .icard a.toolbar-link i {
	  color: #fff;
  }




  /* ************ info card v2 custom css on breakpoint ********** */
  @media (min-width: 1670px){
	.col-xxxl-3{
		flex: 0 0 auto;
		width: 25%;
	}
  }
	@media (min-width: 1400px) and (max-width: 1669.98px){
		.col-scroll-custom{
			max-height: 800px;
			overflow-y: scroll;
		}
  }
  
  /* video popup wave button */
	.waves-block .waves {
		position: absolute;
		width: 150px;
		height: 150px;
		background: #fff;
		opacity: 0;
		-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		border-radius: 100%;
		-webkit-animation: waves 5s ease-in-out infinite;
		animation: waves 4s ease-in-out infinite;
		-webkit-animation-delay: 0s;
		animation-delay: 0s;
		left: 50%;
		margin-left: -75px;
		top: 50%;
		margin-top: -75px;
		z-index: 1;
	  }
	  .waves-block .wave-1 {
		  -webkit-animation-delay: 0s;
		  animation-delay: 0s;
	  }
	  .waves-block .wave-2 {
		  -webkit-animation-delay: 1s;
		  animation-delay: 1s;
	  }
	  .waves-block .wave-3 {
		  -webkit-animation-delay: 2s;
		  animation-delay: 2s;
	  }
	  .video-popup1.video-popup1-custom {
		height: 100px;
		width: 100px;
		line-height: 100px;
		text-align: center;
		color: #fff;
		background-color: rgba(var(--bs-success-rgb), 0.7);
		font-size: 20px;
		display: block;
		border-radius: 50%;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -50px;
		margin-top: -50px;
		z-index: 99;
		/* padding-left: 5px; */
		-webkit-box-shadow: 0px 0px 30px #06b27db3;
		box-shadow: 0px 0px 30px #06b27db3;
		transition: all 0.5s;
	}
	.banner-green:hover .video-popup1.video-popup1-custom {
		background-color: rgba(255, 255, 255, 0.7);
	}
	.video-popup1.video-popup1-custom i {
		color: #FFF;

	}
	.banner-green:hover .video-popup1.video-popup1-custom i {
		color: var(--bs-success);
	}
	
	@media (max-width: 600px){
	  .video-popup1.video-popup1-custom {
		width: 50px;
		height: 50px;
		line-height: 50px;
		margin-left: -25px;
		margin-top: -25px;
	  }
	}
	@-webkit-keyframes waves {
		0% {
		  -webkit-transform: scale(0.2, 0.2);
		  transform: scale(0.2, 0.2);
		  opacity: 0;
		  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		}
		50% {
		  opacity: 0.9;
		  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		}
		100% {
		  -webkit-transform: scale(0.9, 0.9);
		  transform: scale(0.9, 0.9);
		  opacity: 0;
		  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		}
	}
	@keyframes waves {
		0% {
		  -webkit-transform: scale(0.2, 0.2);
		  transform: scale(0.2, 0.2);
		  opacity: 0;
		  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		}
		50% {
		  opacity: 0.9;
		  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
		}
		100% {
		  -webkit-transform: scale(0.9, 0.9);
		  transform: scale(0.9, 0.9);
		  opacity: 0;
		  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		}
	}
  
	/* waves video button */
	[dir="rtl"] .video-popup1.video-popup1-custom {
		padding-right: 5px;
		padding-left: unset;
	}
	[dir="rtl"] .video-popup1.video-popup1-custom i {
		transform: rotate(180deg);
	}
  
  .info_cards.info_cards_sp.info_cards_sp10 .card .card-body {
	  text-align: left;
	  transition: 1s all;
  }
  .info_cards.info_cards_sp.info_cards_sp10 .card::before {
	  content: ' ';
	  display: block;
	  z-index: 1;
	  position: absolute;
	  top: calc(100% - 2px);
	  height: 100%;
	  width: 100%;
	  left: 0;
	  background: var(--bs-success); 
	  transition: 0.5s;
  }
  .info_cards.info_cards_sp.info_cards_sp10 .card:hover::before {
	  top: 0;
  }
  .info_cards.info_cards_sp.info_cards_sp10 .card:hover span {
	  color: #fff !important;
  }
  .info_cards.info_cards_sp.info_cards_sp10 .card, .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(6n+6) {
	  width: 9.5%;
	  margin-right: 0.5555%;
  }
  .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(10n+10) {
		  margin-right: 0%;
	  }
  .info_cards.info_cards_sp.info_cards_sp10 .card:last-child {
	  margin-right: 0%;
  }
  @media (max-width: 1799.98px){
	  .info_cards.info_cards_sp.info_cards_sp10 .card {
		  width: 12%;
		  margin-right: 0.571%;
	  }
	  .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(8n+8) {
		  margin-right: 0%;
	  }
	  .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(10n+10) {
		  margin-right: 0.571%;
	  }
	  .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(6n+6) {
		  width: 12%;
		  margin-right: 0.571%;
	  }
  }
  @media (max-width: 1399.98px){
	  .info_cards.info_cards_sp.info_cards_sp10 .card {
		  width: 16%;
		  margin-right: 0.8%;
	  }
	  .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(8n+8) {
		  margin-right: 0.8%;
	  }
	  .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(10n+10) {
		  margin-right: 0.8%;
	  }
	  .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(6n+6) {
		  width: 16%;
		  margin-right: 0%;
	  }
  }
  
  @media (min-width: 991.98px) and (max-width: 1279.98px){
	  .info_cards.info_cards_sp.info_cards_sp10 .card {
		  width: 24.5%;
		  margin-right: 0.666%;
	  }
	  .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(10n+10), .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(8n+8), .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(6n+6) {
		  width: 24.5%;
		  margin-right: 0.666%;
	  }
	  .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(4n+4) {
		  margin-right: 0%;
	  }
  }
  
  @media (min-width: 992px) and (max-width: 1279.98px){
	  .info_cards.info_cards_sp.info_cards_sp10 .card {
		  width: 24.5%;
		  margin-right: 0.666%;
	  }
	  .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(10n+10) {
		  margin-right: 0.666%;
	  }
	  .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(4n+4) {
		  margin-right: 0%;
	  }
  }
  @media (max-width: 991.98px) {
	  .info_cards.info_cards_sp.info_cards_sp10 .card {
		  width: 32%;
		  margin-right: 2%;
	  }
	  .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(10n+10), .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(8n+8), .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(6n+6) {
		  width: 32%;
		  margin-right: 2%;
	  }
	  .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(3n+3) {
		  margin-right: 0%;
	  }
	  .info_cards.info_cards_sp.info_cards_sp10 .card:last-child {
		  margin-right: 0%;
	  }
  }
  @media (max-width: 575.98px) {
	  .info_cards.info_cards_sp.info_cards_sp10 .card {
		  width: 49%;
		  margin-right: 2%;
	  }
	  .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(3n+3) {
		  margin-right: 2%;
	  }
	  .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(10n+10), .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(8n+8), .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(6n+6) {
		  width: 49%;
		  margin-right: 2%;
	  }
	  .info_cards.info_cards_sp.info_cards_sp10 .card:nth-child(2n) {
		  margin-right: 0%;
	  }
  }
  
  
  
  
  
  
  
  .kpi_box {
	  display: flex;
	  justify-content: start;
	  flex-wrap: wrap;
	  cursor: pointer;
	  ;
  }
  .kpi_box > div {
	  position: relative;
	  width: 12%;
	  margin-right: 0.57%;
	  padding: 1rem !important;
	  border-radius: var(--bs-border-radius) !important;
	  /* border: 1px dashed var(--bs-danger); */
	  transition: all .3s;
	  color: #fff;
	  line-height: 1.1;
	  display: flex;
	  flex-flow: column;
	  margin-bottom: 0.5rem;
	  background-color: var(--bs-active-danger);
  }
  .kpi_box > div:nth-child(8n+8) {
	  margin-right: 0;
  }
  .kpi_box > div:hover {
	  background-color: var(--bs-danger);
  }
  .kpi_box > div .title {
	  height: 100%;
	  display: flex;
	  align-items: end;
	  font-size: 1.1rem;
  }
  .kpi_box > div .nbrank {
	  color: var(--bs-warning)
  }
  .kpi_box > div .score {
	  margin-bottom: 1rem;
	  font-style: italic;
	  opacity: 0.7;
  }
  .kpi_box > div span.small {
	  font-style: italic;
	  color: var(--bs-warning);
  }
  
  .kpi_box a.toolbar-link {
	  position: absolute;
	  z-index: 10;
	  top: 5px;
	  right: 5px;
	  cursor: pointer;
	  z-index: 1;
  }
  .kpi_box a.toolbar-link i {
	  color: #fff;
  }
  
  
  .kpi_box.kpi_box2 > div {
	  background-color: var(--bs-active-info);
  }
  .kpi_box.kpi_box2 > div:hover {
	  background-color: var(--bs-info);
  }
  
  @media (max-width: 1600px){
	  .kpi_box > div {
		  width: 16%;
		  margin-right: 0.8%;
	  }
	  .kpi_box > div:nth-child(8n+8) {
		  margin-right: 0.8%;
	  }
	  .kpi_box > div:nth-child(6n+6) {
		  margin-right: 0%;
	  }
  }
  
  @media (max-width: 1279.98px){
	  .kpi_box > div {
		  width: 24.5%;
		  margin-right: 0.666%;
	  }
	  .kpi_box > div:nth-child(8n+8), .kpi_box > div:nth-child(6n+6) {
		  margin-right: 0.666%;
	  }
	  .kpi_box > div:nth-child(4n+4) {
		  margin-right: 0%;
	  }
  }
  
  @media (max-width: 991.98px) {
	  .kpi_box > div {
		  width: 32.5%;
		  margin-right: 1.25%;
	  }
	  .kpi_box > div:nth-child(8n+8), .kpi_box > div:nth-child(6n+6), .kpi_box > div:nth-child(4n+4) {
		  margin-right: 1.25%;
	  }
	  .kpi_box > div:nth-child(3n+3) {
		  margin-right: 0%;
	  }
  }
  @media (max-width: 575.98px) {
	  .kpi_box > div {
		  width: 49%;
		  margin-right: 2%;
	  }
	  .kpi_box > div:nth-child(8n+8), .kpi_box > div:nth-child(6n+6), .kpi_box > div:nth-child(4n+4), .kpi_box > div:nth-child(3n+3) {
		  margin-right: 2%;
	  }
	  .kpi_box > div:nth-child(2n) {
		  margin-right: 0%;
	  }
  }
  
  
  .kpi_stats {
	  display: flex;
  }
  .kpi_stats > div {
	  background-color: var(--bs-active-warning);
	  border-radius: var(--bs-border-radius) !important;
	  padding: 0.5rem 1rem;
	  margin: 0 0.5rem 0.5rem 0;
	  min-width: 90px;
  }
  



  
  /*********** LANDING PAGE CARD BOXES ************/
  
  .card-box {
	  background-color: #fff;
	  border: 1px solid #eee;
	  display: block;
	  padding: 1rem .75rem 1.2rem;
	  text-align: center;
	  height: 100%;
	  position: relative;
	  -webkit-border-radius: .3rem;
	  -moz-border-radius: .3rem;
	  -o-border-radius: .3rem;
	  border-radius: .3rem;
	  position: relative;
	  overflow: hidden;
	  transition: .5s all;
  }
  .card-box::after {
	  content: ' ';
	  display: block;
	  z-index: 1;
	  position: absolute;
	  top: calc(100% - 2px);
	  height: 100%;
	  width: 100%;
	  left: 0;
	  /* background: linear-gradient(to bottom , #6772e5, #32325D); */
	  background-color: var(--bs-green);
	  transition: 0.5s;
  }
  .card-box:hover::after {
	  top: 0;
  }
  
  .card-box > * {
	  position: relative;
	  z-index: 10;
	  transition: .5s all;
  }
  
  .card-box .box-text {
	  color: #8898aa;
	  font-size: .875rem;
  }
  
  .card-box svg { 
	  fill: #6772e5; 
	width: 70px;
	height: auto;
	margin: 0 auto 0.75rem;
	transition: all .4s !important;
  }
  .card-box svg .svggreen { 
	  fill: #06b27d;
	  transition: all .4s !important;
  }
  
  .card-box.ext::before {
	  position: absolute;
	  right: .5rem;
	  top: .5rem;
	  content: "\f35d";
	  font-family: "Font Awesome 5 Free";
	  color: #b9c3cf;
	  font-size: 11px;
	  font-weight: 900;
	  z-index: 10;
  }
  
  a.card-box:hover svg .svggreen { 
	  fill: #fff;
  }
  a.card-box:hover div,
  a.card-box:hover div.text-gray-900,
  .card-box.ext:hover::after {
	color: #fff !important;	
  }
  
  
  .card-box.box-txt {
	  padding: 2rem 2rem;
	  background-color: var(--bs-light);
  }
  
  
  a.card.infobox { transition: .3s; }
  a.card.infobox:hover { 
	  background-color: rgba(var(--bg-color), 0.45) !important;
	  transform: translateY(-5px);
  }
  a.card.infobox img { max-width: 80px; padding-bottom: 1rem;}
  
  
  /* card infobox stryle 2 */
  .infobox.infobox-style2.no-translate:hover{
	  transform: none;
  }
  
  a.card.infobox.infobox-style2 img { 
	  height: 60px;
	  padding-bottom: 0rem;
	  width: max-content;
	  max-width: inherit;
  }
  a.card.infobox.infobox-style2.bg-success.bg-opacity-50::after{
	  transform: translateX(-50%);
	  position: absolute;
	  left: 50%;
	  content: "▼";
	  font-size: 20px;
	  color: #82d8be;
	  bottom: 10px;
	  opacity: 0;
	  transition: 0.35s all;
  }
  a.card.infobox.infobox-style2.bg-success.bg-opacity-50[aria-expanded='true']::after{
	  bottom: -19px;
	  opacity: 1;
  }
  .infobox-style2 h6{
	  font-size: 15px;
  }
  @media (min-width: 991.98px) and (max-width: 1070.98px) {
	  .infobox-style2 h6{
		  font-size: 14px;
	  }
  }
  
  .card-box.card-box-primary::after{
	  background-color: var(--bs-primary);
  }
  
  .card-box img {
	  transition: none !important;
  }
  .card-box:hover img {
	  filter: brightness(0) invert(1);
  }
  
  /* accordion close */
  .chart-tab-close {
	  position: absolute;
	  right: 1.2rem;
	  top: 0.8rem;
	  font-size: 1.3rem;
	  color: #181818;
  }
  
  /*********** LANDING PAGE COUNTRY FLAGS ************/
  
  .countrieslist > div {
	  width: 12%;
	  margin-bottom: 2.5rem;
	  text-align: center;
	  line-height: 1.25 !important;
  }
  .countrieslist > div.tabdetails {
	  width: 100%;
	  padding: 1.5rem;
	  background-color: var(--bs-light-dark);
	  text-align: left;
  }
  
  
  .countrieslist a img {
	  width: 60%;
	  height: auto;
	  margin-bottom: .75rem;
  }
  .countrieslist a {
	  transition: .3s;
  }
  .countrieslist a:hover {
	  /* scale: 1.05; */
	  transform: translateY(-3px);
  }
  .countrieslist .countriesnames {
	  color: var(--bs-gray-800);
	  transition: .3s;
  }
  .countrieslist a:hover .countriesnames {
	  color: var(--bs-indigo) !important;
  }
  .countrieslist a {
	  transition: .3s;
  }
  
  @media (max-width: 575.98px) {
	  .countrieslist > div {
		  width: 15%;
		  margin-bottom: 2.5rem;
	  }
	  .countrieslist a img {
		  width: 60%;
		  height: auto;
		  margin-bottom: .75rem;
	  }
  }
  @media (max-width: 540px) {
	  .countrieslist > div {
		  width: 20%;
		  margin-bottom: 2rem;
	  }
  }
  @media (max-width: 400px) {
	  .countrieslist > div {
		  width: 25%;
		  margin-bottom: 1.5rem;
	  }
  }
  
  /*********** LANDING PAGE THEMATIC CARDS ************/
  
  .thematiccards .card {
	  position: relative;
	display: flex;
	align-items: flex-end;
	  justify-content: end;
	overflow: hidden;
	width: 100%;
	  padding: 2rem 1.5rem;
	text-align: center;
	color: whitesmoke;
	background-color: whitesmoke;
	  height: 300px;
  }
  
  .thematiccards .card h3 { 
	  color: #fff; 
	  display: flex;
	  align-items: flex-end;
	  min-height: 70px;
	  position: relative;
  }
  .thematiccards .card h3 small { 
	  font-size: 1rem;
	  position: absolute;
	  top: -1rem;
  }
  
  
  .thematiccards .card:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 110%;
	background-size: cover;
	background-position: 0 0;
	transition: transform calc(700ms * 1.5) cubic-bezier(0.19, 1, 0.22, 1);
	pointer-events: none;
  }
  .thematiccards .card:hover:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 200%;
	pointer-events: none;
	background-image: linear-gradient(to bottom , rgba(103,114,229, .85), rgba(103,114,229, .95));
	  transform: translateY(-50%);
	transition: transform calc(700ms * 2) cubic-bezier(0.19, 1, 0.22, 1);
  }
  .thematiccards .card.cs:after {
	background-image: linear-gradient(to bottom , rgba(136,152,170, .85), rgba(136,152,170, .95)) !important;
  }
  
  .thematiccards .card .cbody {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: start;
	  text-align: left;
	width: 100%;
	padding: 0;
	transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1);
	z-index: 1;
  }
  .thematiccards .card .cbody > * + * {
	margin-top: 1rem;
  }
  
  .thematiccards .col-12:nth-child(1) .card:before {
	background-image: url(../../assets/media/images/GeoSpatial2.jpg);
  }
  .thematiccards .col-12:nth-child(2) .card:before {
	background-image: url(../../assets/media/images/Economics2.jpg);
  }
  .thematiccards .col-12:nth-child(3) .card:before {
	background-image: url(../../assets/media/images/Populations2.jpg);
  }
  .thematiccards .col-12:nth-child(4) .card:before {
	background-image: url(../../assets/media/images/Climate2.jpg);
  }
  .thematiccards .col-12:nth-child(5) .card:before {
	background-image: url(../../assets/media/images/Government-and-institutions2.jpg);
  }
  .thematiccards .col-12:nth-child(6) .card:before {
	background-image: url(../../assets/media/images/Urbanization2.jpg);
  }
  .thematiccards .col-12:nth-child(7) .card:before {
	background-image: url(../../assets/media/images/Technology2.jpg);
  }
  
  
  @media (hover: hover) and (min-width: 600px) {
	.thematiccards .card:after {
	  transform: translateY(0);
	}
  
	.thematiccards .card .cbody {
	  transform: translateY(calc(100% - 5rem));
	}
	.thematiccards .card .cbody > *:not(h3) {
	  opacity: 0;
	  transform: translateY(1rem);
	  transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1), opacity 700ms cubic-bezier(0.19, 1, 0.22, 1);
	}
  
	.thematiccards .card:hover,
	  .thematiccards .card:focus-within {
	  align-items: center;
	}
	.thematiccards .card:hover:before,
	  .thematiccards .card:focus-within:before {
	  transform: translateY(-4%);
	}
	.thematiccards .card:hover:after,
	  .thematiccards .card:focus-within:after {
	  transform: translateY(-50%);
	}
	.thematiccards .card:hover .cbody,
	  .thematiccards .card:focus-within .cbody {
	  transform: translateY(0);
	}
	.thematiccards .card:hover .cbody > *:not(h3),
	  .thematiccards .card:focus-within .cbody > *:not(h3) {
	  opacity: 1;
	  transform: translateY(0);
	  transition-delay: calc(700ms / 8);
	}
  
	.thematiccards .card:focus-within:before, 
	  .thematiccards .card:focus-within:after,
	  .thematiccards .card:focus-within .cbody,
	  .thematiccards .card:focus-within .cbody > *:not(h3) {
	  transition-duration: 0s;
	}
  }
  @media (max-width: 598.98px) {
	  .thematiccards .card {
		  height: 200px;
		  padding: 1rem;
	  }
  }
  @media (max-width: 549.98px) {
	  .thematiccards .card {
		  height: 160px;
		  padding: 1rem;
	  }
  }
  
  
  /* ================= Datacatalog landing page ================ */
  
  /* Themes cards */
  .thematiccards.thematiccards-dc.thematiccards-sm .card {
	  height: 200px;
	  background-size: cover;
	  border: none;
  }
  .thematiccards.thematiccards-dc .card::after {
	  background-image: linear-gradient(to bottom , rgba(103,114,229, .80), rgba(103,114,229, .90));
  }
  .thematiccards.thematiccards-dc .card:hover::after {
	  background-image: linear-gradient(to bottom , rgba(103,114,229, .88), rgba(103,114,229, .98));
  }
  .thematiccards.thematiccards-dc .card.cs:after {
	  background-image: linear-gradient(to bottom , rgba(136,152,170, .85), rgba(136,152,170, .95));
  }
  .thematiccards.thematiccards-dc .card .cbody {
	  align-items: center;
	  text-align: center;
	  transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1);
  }
  .thematiccards.thematiccards-dc .card:hover .cbody .badge {
	  color: #FFF;
	  background-color: var(--bs-active-primary);
  }
  @media (hover: hover) and (min-width: 600px){
	  .thematiccards.thematiccards-dc .card .cbody > h3, .thematiccards.thematiccards-dc .card .cbody > .badge, .thematiccards.thematiccards-dc .card .cbody > i {
		  opacity: 1 !important;
		  transform: translateY(-1.4rem) !important;
		  transition: transform 700ms cubic-bezier(0.19, 1, 0.22, 1), opacity 700ms cubic-bezier(0.19, 1, 0.22, 1) !important;
	  }
	  .thematiccards.thematiccards-dc .card .cbody > .learn-more {
		  opacity: 1 !important;
		  transform: translateY(1rem) !important;
		  transition: transform 1000ms cubic-bezier(0.19, 1, 0.22, 1), opacity 700ms cubic-bezier(0.19, 1, 0.22, 1) !important;
	  }
  }
  .thematiccards.thematiccards-dc .card.cs .cs-icon{
	  position: absolute;
	  top: 30px;
	  z-index: 1;
  }
  
  /* Themes cards option2 */
  .thematiccards.thematiccards-dc.thematiccards2 .card {
	  align-items: start;
	  position: relative;
	  padding: 1rem 1.5rem;
	  height: 200px;
	  background-size: cover;
  }
  @media (hover: hover) and (min-width: 600px){
	  .thematiccards.thematiccards-dc.thematiccards2 .card .cbody, .thematiccards.thematiccards-dc.thematiccards2 .card .cbody > h3, .thematiccards.thematiccards-dc.thematiccards2 .card .cbody > .badge, .thematiccards.thematiccards-dc.thematiccards2 .card .cbody > i, .thematiccards.thematiccards-dc.thematiccards2 .card .cbody > .learn-more {
		  transform: translateY(0) !important;
		  transition: none;
	  }
  }
  .thematiccards.thematiccards-dc.thematiccards2 .card .cbody {
	  align-items: start !important;
	  text-align: left !important;
	  transition: none !important;
  }
  .thematiccards.thematiccards-dc.thematiccards2 .card .corner {
	  content: '';
	  width: 0;
	  height: 0;
	  border-style: solid;
	  border-width: 0 70px 60px 0;
	  border-color: transparent #ffffff transparent transparent;
	  right: 0;
	  top: 0;
	  position: absolute;
	  z-index: 1;
	  transition: 0.5s border-width;
  }
  .thematiccards.thematiccards-dc.thematiccards2 .card .corner::before {
	  content: "→";
	  position: absolute;
	  top: 5px;
	  width: 100px;
	  left: 0px;
	  text-align: center;
	  display: block;
	  z-index: 3;
	  color: var(--bs-primary);
  }
  .thematiccards.thematiccards-dc.thematiccards2 .card:hover .corner {
	  border-color: transparent var(--bs-primary) transparent transparent;
	  transition: 700ms border-width ease-in-out;
  }
  .thematiccards.thematiccards-dc.thematiccards2 .card .learn-more {
	  position: absolute;
	  right: -50%;
	  top: 5px;
	  transition: right 700ms cubic-bezier(0.19, 1, 0.22, 1) !important;
  }
  @media (hover: hover) and (min-width: 600px){
	  .thematiccards.thematiccards-dc.thematiccards2 .card:hover .corner {
		  width: 100%;
		  border: none;
		  text-align: right;
	  }
	  .thematiccards.thematiccards-dc.thematiccards2 .card:hover .learn-more {
		  right: 20px;
		  z-index: 1;
	  }
  }
  @media (max-width: 599.95px){
	  .thematiccards.thematiccards-dc.thematiccards2 .card .corner {
		  display: none;
	  }
	  .thematiccards.thematiccards-dc.thematiccards2 .card .learn-more {
		  position: absolute;
		  display: block;
		  top: 7px;
		  right: 20px;
		  z-index: 1;
	  }
  }
  .learn-more.coming-soon::after{
	  content: "";
  }
  
  /*  */
  .card.ptool.ptool-info-style2:hover::before {
	  content: "\f35d";
	  display: block;
	  font-family: "Font Awesome 5 Free";
	  font-weight: 900;
	  font-size: 10px;
	  position: absolute;
	  right: 7px;
	  top: 1rem;
	  color: var(--bs-primary);
	  transition: .3s;
  }
  .ptool.card.ptool-info-style2 img{
	  opacity: 1;
  }
  .ptool.card.ptool-info-style2 {
	  border: none !important;
  }
  .ptool.card.ptool-info-style2:hover {
	  border: none !important;
	  transform: translateY(-4px);
  }
  .bg-opacity-30 {
	  background-color: rgba(var(--bg-color), 0.3) !important;
  }
  .bg-opacity-40 {
	  background-color: rgba(var(--bg-color), 0.4) !important;
  }
  
  
  /*********** LANDING PAGE POLICY TOOLS ************/
  
  .ptool.card { height: 100%; transition: .3s; }
  .ptool.card:hover { border: 1px solid var(--bs-indigo); transform: translateY(-4px); }  
  .ptool.card img { height: 1.2rem; margin-bottom: 1rem; opacity: .2; } 
  .ptool.card .card-body { padding: 1rem; }
  .ptool.card .card-body p { color: var(--bs-gray-700); }
  .card.ptool::before {
	  content: "\f35d";
	  display: block;
	  font-family: "Font Awesome 5 Free";
	  font-weight: 900;
	  font-size: 10px;
	  position: absolute;
	  right: 7px;
	  top: 1rem;
	  color: var(--bs-secondary);
	  transition: .3s;
  } 
  .card.ptool:hover::before {
	  color: var(--bs-indigo);
  }
  
  /* POLICY TOOLS option 2 */
  .ptool-block2 .ptool.card img { opacity: 1; }
  .ptool-block2 .ptool.card {
	  position: relative;
	  overflow: hidden; 
	  z-index: 0;
	  border: none !important; 
  }
  .ptool-block2 .ptool.card img { margin-bottom: 0rem; } 
  .ptool-block2 .ptool.card .card-body {
	  margin-bottom: 1rem;
  }
  .ptool-block2 .card.ptool::before {
	  content: "" !important;
	  position: absolute;
	  z-index: -1;
	  bottom: -42px !important;
	  right: -42px !important;
	  height: 85px !important;
	  width: 85px !important;
	  top: unset;
	  border-radius: 50px;
	  transform: scale(1);
	  transform-origin: 50% 50%;
	  transition: transform 0.4s ease-out;
  }
  .ptool-block2 .card.ptool::after {
	  content: "\f35d";
	  display: block;
	  font-family: "Font Awesome 5 Free";
	  font-weight: 900;
	  font-size: 10px;
	  position: absolute;
	  right: 7px;
	  top: 1rem;
	  transition: .3s;
  } 
  .ptool-block2 .card.ptool.ptool-info::before {
	  background: var(--bs-info);
	  box-shadow: 0px 0px 0px 20px rgba(var(--bs-info-rgb), 15%);
  }
  .ptool-block2 .card.ptool.ptool-info::after {
	  color: var(--bs-info);
  } 
  .ptool-block2 .card.ptool.ptool-success::before {
	  background: var(--bs-success);
	  box-shadow: 0px 0px 0px 20px rgba(var(--bs-success-rgb), 15%);
  } 
  .ptool-block2 .card.ptool.ptool-success::after {
	  color: var(--bs-success);
  } 
  .ptool-block2 .card.ptool.ptool-purple::before {
	  background: var(--bs-purple);
	  box-shadow: 0px 0px 0px 20px rgba(146, 81, 172, 15%);
  }
  .ptool-block2 .card.ptool.ptool-purple::after {
	  color: var(--bs-purple);
  } 
  .ptool-block2 .card.ptool.ptool-warning::before {
	  background: var(--bs-warning);
	  box-shadow: 0px 0px 0px 20px rgba(var(--bs-warning-rgb), 15%);
  }
  .ptool-block2 .card.ptool.ptool-warning::after {
	  color: var(--bs-warning);
  } 
  .ptool-block2 .card.ptool.ptool-danger::before {
	  background: var(--bs-danger);
	  box-shadow: 0px 0px 0px 20px rgba(var(--bs-danger-rgb), 15%);
  }
  .ptool-block2 .card.ptool.ptool-danger::after {
	  color: var(--bs-danger);
  }
  .ptool-block2 .card.ptool:hover::before {
	  transform: scale(14);
  }
  .ptool-block2 .card.ptool:hover::after {
	  color: var(--bs-white);
  }
  .ptool-block2 .ptool.card:hover { 
	  border: none !important; 
	  transform: translateY(-4px);
  }
  .ptool-block2 .ptool.card:hover .card-body img.hover-filter { 
	  transition: all 0.4s ease-out;
	  filter: brightness(0) invert(1);
  }
  .ptool-block2 .ptool.card:hover .card-body h3, .ptool-block2 .ptool.card:hover .card-body .card-text {
	  transition: all 0.3s ease-out;
	  color: #fff;	
  }
  .ptool-block2 .corner-icon {
	  position: absolute;
	  width: 23px;
	  bottom: 0px;
	  right: 0px;
	  margin-bottom: 6px;
		margin-right: 6px;
	  transform-origin: bottom right;
	  transition: transform 0.4s ease-out;
  }
  .ptool-block2 .ptool.card:hover .card-body .corner-icon {
	  transform: scale(1.2);	
  }
  
	  
  
  /*********** Accordion filters  ************/
  .acc_filters .accordion-button {
	  font-weight: bold;
	  padding: 1rem 0;
  }
  .acc_filters .accordion-button:not(.collapsed) {
	  color: var(--bs-accordion-active-color);
	  background-color: transparent;
	  box-shadow: none;
  }
  
  
  
  /*********** Buttons ************/
  
  
  .learn-more:after {
	display: inline-block;
	margin-left: 0.375rem;
	transition: transform 0.2s ease;
	content: "→";
  }
  a:hover .learn-more:after, .learn-more:hover:after {
	transform: translate3d(6px, 0, 0);
  }
  
  
  /************* General ***********/
  .hover_under a:hover { text-decoration: underline !important;}
  
  .card-body label, h1.page-heading, .aside h3, .hover_under a, .tags a {
	  word-break: break-word;
  }
  .aside span.fw-bold, .aside .badge.badge-white {
	  word-break: break-word;
	  white-space: break-spaces;
  }
  .nopointer { cursor: initial !important;}
  .pointer { cursor: pointer !important;}
  .img-light { filter: brightness(0) invert(1); }
  
  @media only screen and (min-width: 992px) {
	  .card-hover { overflow: hidden; }
	  .card-hover::after {
		  content: ' ';
		  position: absolute;
		  bottom: 0px;
		  left: 0;
		  width: 100%;	
		  transition: .2s;
		  border-bottom: 2px solid var(--bs-primary);
	  }
	  .card-hover:hover::after{
		  border-bottom: 2px solid var(--bs-success);
	  }
  }
  @media only screen and (max-width: 599px) {
	  .w-xs-28 {
		  width: 28%;
	  }
	  .w-xs-42 {
		  width: 42%;
	  }
	  @media only screen and (max-width: 599px) {
	  }
		  .w-xs-45 {
			  width: 45%;
		  }
		  .w-xs-55 {
			  width: 55%;
		  }
	  }
  .buttons-container {
	  min-width: fit-content;
  }
  @media (min-width: 1200px) and (max-width: 1400px) {
	  .w-xs-28 {
		  width: 28%;
	  }
	  .buttons-container {
		  min-width: inherit;
	  }
	  .w-lg-42 {
		  width: 42%;
	  }
	  .w-xs-42 {
		  width: 42%;
	  }
  }
  @media (max-width: 400px) {
	  .w-xs-auto {
		  width: auto !important;
	  }
  }
  
  /* tags link underline */
  .tags a {
	  color: var(--bs-dark);
	  text-decoration: underline;
	  margin-right: .5rem;
  }
  .tags a:hover {
	  color: var(--bs-primary);
	  text-decoration: underline !important;
  }
  
  
  a.badge.hoverable:hover {
	  color: #fff;
	  background-color: var(--bs-active-success);
  }
  a.badge.badge-info.hoverable:hover {
	  color: #fff;
	  background-color: var(--bs-active-info);
  }
  a.badge.warning-info.hoverable:hover {
	  color: #fff;
	  background-color: var(--bs-active-warning);
  }
  a.badge.danger-info.hoverable:hover {
	  color: #fff;
	  background-color: var(--bs-active-danger);
  }
  
  /* Add to favorite icons css */
  .add-to-fav:hover i, .add-to-fav.selected i{
	  color:  var(--bs-info) !important;
	  font-weight: 900;
  }
  
  /* ============ Machine learning page ========== */
  
  /* SELECT */
  .select2-container--bootstrap5.select2-container--focus .form-select-solid{
	  background-color: transparent !important;
  }
  /* change icon content */
  .fa-refresh:before{
	  content: "\f021";
  }
  /* Custom display for column */
  .col-display {
	  column-count: 2;
	  column-gap: 4rem;
  }
  .col-display  input{
	  padding: .125rem .125rem;
	  margin-bottom: 5px;
  }
  .col-display-3{
	  column-count: 3;
	  column-gap: 3rem;
  }
  @media (max-width: 555.98px) {
	  .col-display {
		  column-count: 1;
	  }
  }
  /* DROP ZONE */
  .dropzone .dz-message {
	  margin: 0 !important;
	  display: flex;
	  text-align: left !important;
  }
  .dropzone {
	  min-height: auto !important;
	  padding: 1.5rem 1.75rem !important;
	  text-align: start !important;
	  cursor: pointer !important;
	  border: 1px dashed var(--bs-primary) !important;
	  background-color: rgba(103, 114, 229, .1) !important;
	  /* background-color: var(--bs-light-success) !important; */
	  border-radius: 0.475rem !important;
  }
  .dropzone .dz-remove {
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  height: 1.65rem;
	  width: 1.65rem;
	  font-size: 1rem;
	  text-indent: -9999px;
	  white-space: nowrap;
	  position: absolute;
	  z-index: 2;
	  background-color: var(--kt-body-bg) !important;
	  box-shadow: var(--kt-box-shadow); 
	  border-radius: 100%;
	  top: -0.825rem;
	  right: -0.825rem;
  }
  .dropzone .dz-remove:after {
	  position: absolute;
	  top: 0;
	  left: 0;
	  bottom: 0;
	  right: 0;
	  display: block;
	  content: "";
	  color: rgba(185, 195, 207, .5) !important;
	  border-radius: 15px;
	  background-color: #fff;
	  background-repeat: no-repeat;
	  background-position: center;
	  background-size: 40%;
	  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='var%28--kt-gray-600%29'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e");
	  transition: all .3s;
  }
  .dropzone .dz-preview .dz-remove{
	  margin-top: 5px;
	  margin-right: 5px;
	  z-index: 100;
  }
  .dropzone .dz-remove:hover:after{
	  transform: translateY(-2px);
  }
  .dropzone .dz-preview.dz-file-preview .dz-image{
	  z-index: 0;
	  background: linear-gradient(to bottom, rgba(185, 195, 207, .5), #B9C3CF) !important;
  }
  .dropzone .dz-preview .dz-error-message{
	  top: 125px !important;
	  background: linear-gradient(to bottom, #cc476f, #9e2146) !important;
  }
  .dropzone .dz-preview .dz-error-message:after{
	  border-bottom: 6px solid #cc476f;
  }
  
  /* My account page + SDMX converter */
  .table-custom tr td a.btn {
	  width: max-content;
  }
  .table-custom tr td, .table-custom tr th, .table tr td, .table tr th{
	  vertical-align: middle;
  }
  
  /* Dataset Management page */
  /* Image input placeholder */
  .image-input-placeholder {
	  background-image: url('../images/blank.svg');
  }
  [data-bs-theme="dark"] .image-input-placeholder {
	  background-image: url('../images/blank-dark.svg');
  }
  .image-input .image-input-wrapper {
	  width: 100% !important;
	  height: 220px;
  }
  .image-input [data-kt-image-input-action=change] {
	  left: 98%;
	  top: 10px;
  }
  .image-input {
	  background-size: contain;
	  background-position: center center;
  }
  @media (min-width: 991.95px){
	  .aside-profile {
		  width: 320px;
	  }
  }
  .btn-user-custom:hover{
	  background-color: transparent !important;
  }
  .btn.btn-active-light-primary.btn-user-custom.active, .btn.btn-active-light-primary.btn-user-custom:hover:not(.btn-active) {
	  border-color: #ffffff !important;
	  background-color: #ffffff !important;
  }
  
  
  /*==================== Flags tabs page  ==================*/
  .countrieslist a[aria-expanded='true'] .countriesnames {
	  color: var(--bs-indigo) !important;
  }
  #countryTabs a .countriesnames.active {
	  color: var(--bs-indigo) !important;
  }
  /* flags and tabs order */
  .cn-1 {	
	  order:1;
  }
  .cn-2 {	
	  order:2;
  }
  .cn-3 {	
	  order:3;
  }
  .cn-4 {	
	  order:4;
  }
  .cn-5 {	
	  order:5;
  }
  .cn-6 {	
	  order:6;
  }
  .cn-7 {	
	  order:7;
  }
  .cn-8 {	
	  order:8;
  }
  
  .cd-1 {	
	  order:9;
  }
  .cd-2 {	
	  order:10;
  }
  .cd-3 {	
	  order:11;
  }
  .cd-4 {	
	  order:12;
  }
  .cd-5 {	
	  order:13;
  }
  .cd-6 {	
	  order:14;
  }
  .cd-7 {	
	  order:15;
  }
  .cd-8 {	
	  order:16;
  }
  
  .cn-9 {	
	  order:17;
  }
  .cn-10 {	
	  order:18;
  }
  .cn-11 {	
	  order:19;
  }
  .cn-12 {	
	  order:20;
  }
  .cn-13 {	
	  order:21;
  }
  .cn-14 {	
	  order:22;
  }
  .cn-15 {	
	  order:23;
  }
  .cn-16 {	
	  order:24;
  }
  
  .cd-9 {	
	  order:25;
  }
  .cd-10 {	
	  order:26;
  }
  .cd-11 {	
	  order:27;
  }
  .cd-12 {	
	  order:28;
  }
  .cd-13 {	
	  order:29;
  }
  .cd-14 {	
	  order:30;
  }
  .cd-15 {	
	  order:31;
  }
  .cd-16 {	
	  order:32;
  }
  
  .cn-17 {	
	  order:33;
  }
  .cn-18 {	
	  order:34;
  }
  .cn-19 {	
	  order:35;
  }
  .cn-20 {	
	  order:36;
  }
  .cn-21 {	
	  order:37;
  }
  .cn-22 {	
	  order:38;
  }
  
  .cd-17 {	
	  order:39;
  }
  .cd-18 {	
	  order:40;
  }
  .cd-19 {	
	  order:41;
  }
  .cd-20 {	
	  order:42;
  }
  .cd-21 {	
	  order:43;
  }
  .cd-22 {	
	  order:44;
  }
  /* breakpoint order max-width: 575.98px */
  @media (max-width: 575.98px){
	  .cn-1 {	
		  order:1;
	  }
	  .cn-2 {	
		  order:2;
	  }
	  .cn-3 {	
		  order:3;
	  }
	  .cn-4 {	
		  order:4;
	  }
	  .cn-5 {	
		  order:5;
	  }
	  .cn-6 {	
		  order:6;
	  }
  
	  .cd-1 {	
		  order:7;
	  }
	  .cd-2 {	
		  order:8;
	  }
	  .cd-3 {	
		  order:9;
	  }
	  .cd-4 {	
		  order:10;
	  }
	  .cd-5 {	
		  order:11;
	  }
	  .cd-6 {	
		  order:12;
	  }
  
	  .cn-7 {	
		  order:13;
	  }
	  .cn-8 {	
		  order:14;
	  }
	  .cn-9 {	
		  order:15;
	  }
	  .cn-10 {	
		  order:16;
	  }
	  .cn-11 {	
		  order:17;
	  }
	  .cn-12 {	
		  order:18;
	  }
  
	  .cd-7 {	
		  order:19;
	  }
	  .cd-8 {	
		  order:20;
	  }
	  .cd-9 {	
		  order:21;
	  }
	  .cd-10 {	
		  order:22;
	  }
	  .cd-11 {	
		  order:23;
	  }
	  .cd-12 {	
		  order:24;
	  }
  
	  .cn-13 {	
		  order:25;
	  }
	  .cn-14 {	
		  order:25;
	  }
	  .cn-15 {	
		  order:27;
	  }
	  .cn-16 {	
		  order:28;
	  }
	  .cn-17 {	
		  order:29;
	  }
	  .cn-18 {	
		  order:30;
	  }
  
	  .cd-13 {	
		  order:31;
	  }
	  .cd-14 {	
		  order:32;
	  }
	  .cd-15 {	
		  order:33;
	  }
	  .cd-16 {	
		  order:34;
	  }
	  .cd-17 {	
		  order:35;
	  }
	  .cd-18 {	
		  order:36;
	  }
  
	  .cn-19 {	
		  order:37;
	  }
	  .cn-20 {	
		  order:38;
	  }
	  .cn-21 {	
		  order:39;
	  }
	  .cn-22 {	
		  order:40;
	  }
  
	  .cd-19 {	
		  order:41;
	  }
	  .cd-20 {	
		  order:42;
	  }
	  .cd-21 {	
		  order:43;
	  }
	  .cd-22 {	
		  order:44;
	  }
  }
  /* breakpoint order max-width: 540px */
  @media (max-width: 540px){
	  .cn-1 {	
		  order:1;
	  }
	  .cn-2 {	
		  order:2;
	  }
	  .cn-3 {	
		  order:3;
	  }
	  .cn-4 {	
		  order:4;
	  }
	  .cn-5 {	
		  order:5;
	  }
  
	  .cd-1 {	
		  order:6;
	  }
	  .cd-2 {	
		  order:7;
	  }
	  .cd-3 {	
		  order:8;
	  }
	  .cd-4 {	
		  order:9;
	  }
	  .cd-5 {	
		  order:10;
	  }
  
	  .cn-6 {	
		  order:11;
	  }
	  .cn-7 {	
		  order:12;
	  }
	  .cn-8 {	
		  order:13;
	  }
	  .cn-9 {	
		  order:14;
	  }
	  .cn-10 {	
		  order:15;
	  }
  
	  .cd-6 {	
		  order:16;
	  }
	  .cd-7 {	
		  order:17;
	  }
	  .cd-8 {	
		  order:18;
	  }
	  .cd-9 {	
		  order:19;
	  }
	  .cd-10 {	
		  order:20;
	  }
  
	  .cn-11 {	
		  order:21;
	  }
	  .cn-12 {	
		  order:22;
	  }
	  .cn-13 {	
		  order:23;
	  }
	  .cn-14 {	
		  order:24;
	  }
	  .cn-15 {	
		  order:25;
	  }
  
	  .cd-11 {	
		  order:26;
	  }
	  .cd-12 {	
		  order:27;
	  }
	  .cd-13 {	
		  order:28;
	  }
	  .cd-14 {	
		  order:29;
	  }
	  .cd-15 {	
		  order:30;
	  }
  
	  .cn-16 {	
		  order:31;
	  }
	  .cn-17 {	
		  order:32;
	  }
	  .cn-18 {	
		  order:33;
	  }
	  .cn-19 {	
		  order:34;
	  }
	  .cn-20 {	
		  order:35;
	  }
  
	  .cd-16 {	
		  order:36;
	  }
	  .cd-17 {	
		  order:37;
	  }
	  .cd-18 {	
		  order:38;
	  }
	  .cd-19 {	
		  order:39;
	  }
	  .cd-20 {	
		  order:40;
	  }
  
	  .cn-21 {	
		  order:41;
	  }
	  .cn-22 {	
		  order:42;
	  }
  
	  .cd-21 {	
		  order:43;
	  }
	  .cd-22 {	
		  order:44;
	  }
  }
  
  /* breakpoint order max-width: 400px */
  @media (max-width: 400px){
	  .cn-1 {	
		  order:1;
	  }
	  .cn-2 {	
		  order:2;
	  }
	  .cn-3 {	
		  order:3;
	  }
	  .cn-4 {	
		  order:4;
	  }
  
	  .cd-1 {	
		  order:5;
	  }
	  .cd-2 {	
		  order:6;
	  }
	  .cd-3 {	
		  order:7;
	  }
	  .cd-4 {	
		  order:8;
	  }
  
	  .cn-5 {	
		  order:9;
	  }
	  .cn-6 {	
		  order:10;
	  }
	  .cn-7 {	
		  order:11;
	  }
	  .cn-8 {	
		  order:12;
	  }
	  
	  .cd-5 {	
		  order:13;
	  }
	  .cd-6 {	
		  order:14;
	  }
	  .cd-7 {	
		  order:15;
	  }
	  .cd-8 {	
		  order:16;
	  }
  
	  .cn-9 {	
		  order:17;
	  }
	  .cn-10 {	
		  order:18;
	  }
	  .cn-11 {	
		  order:18;
	  }
	  .cn-12 {	
		  order:20;
	  }
  
	  .cd-9 {	
		  order:21;
	  }
	  .cd-10 {	
		  order:22;
	  }
	  .cd-11 {	
		  order:23;
	  }
	  .cd-12 {	
		  order:24;
	  }
  
	  .cn-13 {	
		  order:25;
	  }
	  .cn-14 {	
		  order:26;
	  }
	  .cn-15 {	
		  order:27;
	  }
	  .cn-16 {	
		  order:28;
	  }
  
	  .cd-13 {	
		  order:29;
	  }
	  .cd-14 {	
		  order:30;
	  }
	  .cd-15 {	
		  order:31;
	  }
	  .cd-16 {	
		  order:32;
	  }
  
	  .cn-17 {	
		  order:33;
	  }
	  .cn-18 {	
		  order:34;
	  }
	  .cn-19 {	
		  order:35;
	  }
	  .cn-20 {	
		  order:36;
	  }
  
	  .cd-17 {	
		  order:37;
	  }
	  .cd-18 {	
		  order:38;
	  }
	  .cd-19 {	
		  order:39;
	  }
	  .cd-20 {	
		  order:40;
	  }
  
	  .cn-21 {	
		  order:41;
	  }
	  .cn-22 {	
		  order:42;
	  }
  
	  .cd-21 {	
		  order:43;
	  }
	  .cd-22 {	
		  order:44;
	  }
  }
  
  

	.isparnav {
		margin-top: 80px !important;
	}
	@media (min-width: 992px) {
		.isparnav {
			margin-top: 130px !important;
		}
	}
  @media (min-width: 1600px) {
	  .min-h-xxxl-350px {
		  min-height: 350px !important;
	  }
		.isparnav {
			margin-top: 230px !important;
		}
  }
  
  /* ==================== Arabic Font ================== */
  /* Arabic font */
  .font-ar{
	  font-family: "Noto Naskh Arabic", Tahoma, serif;
  }