/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@media (max-width: 768px) {
	.header-top > .container {
		padding: 0 !important;
	}
	
	.header-main  > .container {
		padding: 0 10px !important;
	}
	
	.nav {
		gap: 0 !important;
	}
	
	.footer-main {
		padding: 50px 20px !important;
	}
	
	.footer-main-mobile1 {
		padding: 50px 20px !important;
	}
	
	.footer-main-mobile2 {
		padding: 0px 20px 50px 20px !important;
	}
	
	.elementor-image-carousel {
		gap: 20px !important;
	}
	
	.swiper-wrapper {
		gap: 30px !important;
	}
	
	.title-footer {
		margin-bottom: 15px;
	}
	
	.contact-footer {
		margin: 20px 0;
	}
	
	.nav-vertical>li>a, .nav-vertical>li>ul>li a {
		justify-content: flex-end;
		padding-left: 0 !important;
		padding-right: 20px;
	}
}
/* Mặc định cho mobile/tablet */
.swiper-wrapper {
  gap: 30px !important;
}

/* Màn hình >= 1366px (15-17 inch) */
@media (min-width: 1366px) {
  .swiper-wrapper {
    gap: 20px !important;
  }
}

/* Màn hình >= 1600px (20 inch trở lên) */
@media (min-width: 1600px) {
  .swiper-wrapper {
    gap: 10px !important;
  }
}

/* Màn hình rất lớn (24 inch trở lên, thường là 1920px+) */
@media (min-width: 1920px) {
  .swiper-wrapper {
    gap: 0 !important;
  }
}

ul.header-nav.header-nav-main.nav.nav-left.nav-size-medium.nav-spacing-medium {
	gap: 24px !important;
}

.nav {
	gap: 0 !important;
}

.gt_float_switcher .gt-selected .gt-current-lang {
	padding: 0 !important;
}

.gt_float_switcher {
	box-shadow : none !important;
}

.gt_float_switcher img {
	border-radius: 50% !important;
}

.gt_float_switcher .gt-selected .gt-current-lang span.gt_float_switcher-arrow {
	display: none !important;
}

.gt_float_switcher .gt_options a {
	padding : 0 !important;
}

a.gt-current-lang {
  display: none !important;
}

a.glink img {
  width: 24px;
  height: 24px;
  border-radius: 50%;
  object-fit: cover;
  margin-left: 5px;
  display: inline-block;
}

a.glink {
  display: flex;
  align-items: center;
  gap: 5px;
  line-height: 1; /* hoặc đủ lớn để không cắt ảnh */
}

a.glink span {
  font-size: 16px; /* hoặc 18px tùy theo thiết kế mong muốn */
  font-weight: 600; /* hoặc 700 để đậm hơn nữa */
  color: #000; /* nếu cần chỉnh màu */
}

.imageblog img {
    width: 500px !important;
    height: auto;
}

.category-du-an-tieu-bieu {
	    display: flex
;
    justify-content: center;
}

.nav-dropdown-default {
	padding: 0 !important;
}

.header-nav-main > li:not(.html) > a {
    padding: 10px 25px;
    background: #334fb2;
    color: #fff;
    display: inline-block;
}

/* trạng thái active/hover */
.header-nav-main > li:not(.html).active > a,
.header-nav-main > li:not(.html) > a:hover {
    background: #00a69c !important;
    color: #fff;
}