/*
 Theme Name:   Astra Child
 Theme URI:    https://example.com/astra-child
 Description:  Child theme for Astra. Safe place for custom CSS/JS/PHP without touching the parent theme.
 Author:       Your Name
 Author URI:   https://example.com
 Template:     astra
 Version:      1.0.0
 Text Domain:  astra-child
*/

#ast-mobile-header .site-header-primary-section-center.site-header-section.ast-flex{
	margin-right: -10px;
}
.post figure.wp-block-embed{
	margin-bottom: 0;
	margin-top: 0;
}
.post figure.wp-block-embed figcaption{
	text-align: center !important;
} 
[data-section="section-header-mobile-trigger"] .ast-button-wrap .ast-mobile-menu-trigger-minimal:focus,
.ast-header-break-point .main-header-bar-navigation .menu-item-has-children>.ast-menu-toggle{
	border: none !important;
	outline: none !important;
	border-style: none !important;
    border-color: translate;
    border-width: 0px !important;
	box-shadow: none !important;
}
.mySwiper .swiper-slide iframe {
  pointer-events: none;
}

.mySwiper .swiper-slide-active iframe {
  pointer-events: auto;
}
.entry-meta,
.entry-meta .posted-on,
.entry-meta .published{
	font-weight: 400 !important;
}
.entry-meta .author-name{
	font-weight: bold !important;
}
.ast-scroll-to-top-right{
	bottom: 120px !important;
}
/* .wp-block-button .wp-block-button__link{
	padding-bottom: 8px !important;
	padding-top: 8px !important;
} */
.sub-menu {
    text-transform: capitalize !important;
}
.main-header-menu .sub-menu .menu-link{
	padding: .4em 1em !important;
}
.ast-plain-container.ast-no-sidebar #primary {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.uagb-button__icon.uagb-button__icon-position-after>svg{
	    transform: rotate(-45deg);
    transform-origin: center;
}
.pl-120{
	padding-left: 120px;
}
.search-form
 {
    margin-top: 80px;
}
.tab_quy_trinh p{
	text-align: center !important;
}


input:focus,  input[type="search"]:focus{
	border-style: none;
}
.search-form .search-field {
    outline: 0;
}
input[type="text"], input[type="number"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], input[type=reset], input[type=tel], input[type=date], select{
	height: 50px !important;
}
.uagb-forms-phone-flex select{
	display: none !important;
}
.uagb-forms__outer-wrap .uagb-forms-main-form .uagb-forms-phone-wrap .uagb-forms-phone-input {
	width: 100% !important;
}

.link-arrow-2{
	color: white;
	outline: none;
	display: flex;
	align-items: center;
	gap: 10px;
}
.link-arrow-2:hover{
	color: white !important;
}
.entry-content > *:has(figure) {
    margin-bottom: 0px;
}
.uagb-tabs__panel.uagb-tabs__align-center{
	align-items: justify;
}
/* Sapo  */
.wp-block-uagb-container.sapo{
	position: relative;
	margin-top: 0 !important;
}
.wp-block-uagb-container.sapo>div{
	position: absolute !important;
    top: -50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.ast-header-search .slide-search .search-form{
	border: 2px solid var(--ast-global-color-1) !important;
}
.box_kien_thuc h3{
	margin-bottom: 10px !important;
}
.box_kien_thuc .box_content p {
	line-height: 1.2 !important;
	margin-bottom: 0 !important;
}
@media (max-width: 1024px) {
	.wp-block-uagb-container.sapo{
		margin-bottom: 0 !important;
	}
	.wp-block-uagb-container.sapo>div{
     	position: relative !important;
    	top: 0%; 
     	left: 0%;
     	transform: translate(0%, 0%); 
}
	.pl-120{
		padding-left: 0;
	}
}
.sapo h1.uagb-heading-text{
	margin-bottom: 0px !important;
}

.uagb-forms-main-submit-button.is-loading {
    position: relative;
    pointer-events: none;
    opacity: 0.75;
}

.uagb-forms-main-submit-button.is-loading .uagb-forms-main-submit-button-text {
    visibility: hidden;
}

.uagb-forms-main-submit-button.is-loading::after {
    content: "";
    width: 18px;
    height: 18px;
    border: 2px solid var(--ast-global-color-1);
    border-top-color: transparent;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -9px;
    margin-left: -9px;
    animation: spectraSubmitSpin 0.8s linear infinite;
}

@keyframes spectraSubmitSpin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
/* Giao diện Banner */
.bn{
	position: relative;
}
.bn .bn-btn-ct{
	position: absolute !important;
    z-index: 10;
    left: 40%;
    top: 60%;
	width: auto !important;
}
@media (max-width: 1140px) {
	.bn .bn-btn-ct{
		left: 20%;
	}
}
.uagb-marketing-btn__link.wp-block-button__link{
	width: 100% !important;
}
/* Swiper slide */
.mySwiper  .swiper-slide iframe {
    min-height: 565px;
    overflow: hidden;
    border-radius: 16px;
	width: 100%;
}
.mySwiper  .swiper-button-prev ,
.mySwiper  .swiper-button-next {
	font-size: 16px;
	color: #f37021;
    width: 35px !important;
    height: 35px !important;
    border-radius: 50%;
}
.mySwiper  .swiper-button-next{
	right: 10px !important;
}
.mySwiper  .swiper-button-next::after, .swiper-button-prev::after{
	font-size: 16px !important;
	font-weight: bold;
}
/* Footer */
.site-primary-footer-wrap[data-section="section-primary-footer-builder"] .ast-builder-grid-row{
	padding: 0!important;
}
footer.site-footer{
background-color: var(--ast-global-color-0);	
	 padding: 0px 20px;
	border-top: 1px solid var(--ast-global-color-3);
}
footer #block-8{
	 background-color: var(--ast-global-color-0) !important;	
	padding-top: 50px;
}
/* ===== FOOTER GRID: 3 cột x 2 hàng như ảnh ===== */
.footer-grid{
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr;  /* cột trái rộng hơn chút */
  grid-template-areas:
    "info service office"
    "about knowledge policy";
  column-gap: 80px;   /* khoảng cách ngang giống ảnh */
  row-gap: 50px;      /* khoảng cách giữa 2 hàng */
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 0;    /* tạo khoảng thở như ảnh */
  color: #fff;
}

/* Gán vị trí theo thứ tự 6 .footer-item trong HTML của bạn */
.footer-grid > .footer-item:nth-child(1){ grid-area: info; }
.footer-grid > .footer-item:nth-child(2){ grid-area: service; }
.footer-grid > .footer-item:nth-child(3){ grid-area: office; }
.footer-grid > .footer-item:nth-child(4){ grid-area: about; }
.footer-grid > .footer-item:nth-child(5){ grid-area: knowledge; }
.footer-grid > .footer-item:nth-child(6){ grid-area: policy; }

/* Reset các hack cũ để không phá layout */
.footer-item{ grid-column: auto !important; }
.footer-item.start-col-3{ grid-column-start: auto !important; }
.footer-item.ml-100{ margin-left: 0 !important; }

/* Typography giống ảnh */
.footer-item h3{
  color: #fff;
  font-weight: 700;
  margin: 0 0 12px;
  font-size: 24px;       /* nếu to quá thì giảm 24px */
  line-height: 1.15;
}

.footer-item ul{
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-item ul li{
  margin-bottom: 8px;
  line-height: 1.5;
}

.footer-item ul li a{
  color: #fff;
  text-decoration: none;
}

.footer-item ul li a:hover{
  text-decoration: underline;
}

/* Social */
.footer-social{ margin-top: 14px; }
.footer-social a{
  margin-right: 12px;
  font-size: 18px;
  color: #fff;
  text-decoration: none;
}

/* ===== Responsive ===== */

/* Tablet: 2 cột */
@media (max-width: 1023px){
  .footer-grid{
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "info service"
      "office about"
      "knowledge policy";
    column-gap: 30px;
    row-gap: 30px;
    padding: 40px 0;
  }

  .footer-item h3{ font-size: 22px; }
}

/* Mobile: 1 cột */
@media (max-width: 767px){
  .footer-grid{
    grid-template-columns: 1fr;
    grid-template-areas:
      "info"
      "service"
      "office"
      "about"
      "knowledge"
      "policy";
    row-gap: 24px;
    padding: 35px 0;
	  text-align: left;
  }

  .footer-item h3{ font-size: 20px; }
}
@media (max-width: 544px) {
    .site-primary-footer-wrap[data-section="section-primary-footer-builder"].ast-footer-row-mobile-stack .site-footer-section {
        display: block;
        margin-bottom: 0px !important;
    }
}
/* Button contact */
.buttonizer.buttonizer-group{
	right: 25px !important;
	bottom: 180px !important;
}
.buttonizer-button.buttonizer-button-0-0-6{
	width: 45px !important;
	height: 45px !important;
}

/* SLIDER BÀI VIẾT LIÊN QUAN CUỐI BÀI VIẾT */
.related-posts-section {
     padding-top: 40px;
    border-top: 1px solid #e1e8ed;
	margin-top: 40px ;
    margin-bottom: 60px;
}
.related-posts-slider{
	margin-top: 12px;
}
.related-posts-slider .swiper-slide {
  background: #fff;
  text-align: center;
	height: auto;
	border-radius: 6px;
	overflow: hidden;
	box-shadow: 0px 6px 15px -2px rgba(16, 24, 40, 0.05);
}

.related-posts-slider .swiper-slide .swiper-wrapper{
	align-items: stretch;
}
.related-post .thumbnail{
	overflow: hidden;
	height: 170px;
}
.related-post .thumbnail:hover img{
	transform: scale(1.1);
    transition: transform .5s ease;
}
    
.related-post .thumbnail img {
  max-width: 100%;
  height: 100%;
  width: 100%;
  transform: scale(1);
  transition: transform .5s ease;
  aspect-ratio: auto 1024 / 638;
  object-fit: cover;
}
.related-post .title {
  font-size: 16px;
  margin-top: 10px;
  color: #333;
  font-weight: 600;
	text-align: left;
	padding: 12px 16px 0;
  line-height: 1.3;
}
.related-post .excerpt {
  font-size: 14px;
  color: #666;
  margin-top: 6px;
	padding: 0 16px;
  line-height: 1.4;
}
.related-posts-slider .swiper-button-next, .related-posts-slider .swiper-button-prev{
	
	background: rgba(0, 0, 0, 0.1);
	width: 35px !important;
	height: 35px !important;
	border-radius: 50%;
}
.related-posts-slider .swiper-button-next::after, .related-posts-slider .swiper-button-prev::after{
	font-size: 16px !important;
	font-weight: bold;
	color: var(--ast-global-color-1) !important;
}