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

/*************** ADD CUSTOM CSS HERE.   ***************/

:root {
    --base-color: #000000;
}

.text-primary{
    color: var(--primary-color);
}
.text-secondary{
    color: var(--fs-color-secondary);
}
.text-success{
    color: var(--fs-color-success);
}
.text-alert{
    color: var(--fs-color-alert);
}
.text-link{
    color: var(--fs-experimental-link-color);
}
.color-link:hover{
    color: var(--fs-experimental-link-color-hover);
}
.bg-primary{
    background-color: var(--primary-color);
}
.bg-secondary{
    background-color: var(--fs-color-secondary);
}
.bg-success{
    background-color: var(--fs-color-success);
}
.bg-alert{
    background-color: var(--fs-color-alert);
}
.bg-link{
    background-color: var(--fs-experimental-link-color);
}
.text-base{
    color: var(--base-color);
}
.bg-base{
    background-color: var(--base-color);
}
.logo-left .logo{
	margin-right: 0!important;
}
.nav.header-nav>li>a{
    color: #000 !important;
    font-size: 0.875rem;
    /*font-weight: 400;*/
}
.nav.header-nav>li.active>a{
	/*font-size: 1rem;*/
 	/*letter-spacing: -0.35px; */
    color: var(--primary-color) !important;
}
.nav-column>li:hover>a,
.nav-dropdown>li:hover>a,
.nav-vertical-fly-out>li:hover>a,
.nav>li:hover>a {
/*     color: var(--fs-color-secondary); */
}	
/* Inherit trực tiếp từ body */
.text-inherit ,
.text-inherit p{
  color: currentColor !important;
}

@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/

.font-11px-small{
	font-size: 11px !important;
}
	
}
.text-white{
	color:#fff;
}
.image-167{
	.img-inner{
		height: 2px;
    	display: flex;

	}
}
.font-weight-900{
	font-weight: 900;
}
.section-title{
	h2{
/* 		font-family: 'Roboto'; */
		font-style: normal;
		font-weight: 900;
		font-size: 38px;
		line-height: 1;
		margin-bottom: 0;
	}
	h3{
/* 		font-family: 'Roboto'; */
		font-style: normal;
		font-weight: 900;
		font-size: 24px;
		line-height: 1;
		margin-bottom: 0;
	}
}
.blog-post-1{
	.image-cover{
		border-radius: 15px;
		overflow: hidden;
	}
	.cat-label{
		/* Chủ đề 1: */
		font-style: normal;
		font-weight: 400;
		font-size: 15px;
		line-height: 150%;
		/* identical to box height, or 26px */

		/* Red */
		color: #F72D21;
		text-transform: none !important;
	}
	.post-title,
		.post-title a{
		/* Làm thế nào rút ngắn quá trình phục hồi sau phẫu thuật thẩm mỹ */

		font-style: normal;
		font-weight: 800;
		font-size: 22px ;
		line-height: 28px;
		min-height: 44px;
		/* blue - nhạt */
		color: #0381E4;

		display: -webkit-box;
	  -webkit-line-clamp: 2;     /* Giới hạn 2 dòng */
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	.is-divider{
		display: none !important;
	}
	.from_the_blog_excerpt{
		/* Lorem Ipsum is */

		font-style: normal;
		font-weight: 400;
		font-size: 15px;
		line-height: 150%;
		/* or 26px */
		text-align: justify;

		/* Text */
		color: #142F4D;
		
		display: -webkit-box;
	  -webkit-line-clamp: 4;     /* Giới hạn 2 dòng */
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;


	}
}
.blog-post-2{
	.image-cover{
		border-radius: 15px;
		overflow: hidden;
	}
	.cat-label{
		/* Chủ đề 1: */
		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 162.19%;
		/* identical to box height, or 26px */

		/* Red */
		color: #F72D21;
		text-transform: none !important;
	}
	.post-title,
		.post-title a{
		/* Làm thế nào rút ngắn quá trình phục hồi sau phẫu thuật thẩm mỹ */

		font-style: normal;
		font-weight: 800;
		font-size: 28px;
		line-height: 33px;
		min-height: 66px;
		/* blue - nhạt */
		color: #0381E4;

		display: -webkit-box;
	  -webkit-line-clamp: 2;     /* Giới hạn 2 dòng */
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;
	}
	.is-divider{
		display: none !important;
	}
	.from_the_blog_excerpt{
		/* Lorem Ipsum is */

		font-style: normal;
		font-weight: 400;
		font-size: 16px;
		line-height: 162.19%;
		/* or 26px */
		text-align: justify;

		/* Text */
		color: #142F4D;
		
		display: -webkit-box;
	  -webkit-line-clamp: 2;     /* Giới hạn 2 dòng */
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;


	}
}
.flickity-prev-next-button.previous{
/* 	background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 62.11%); */
	width: calc(25vw);
	max-width: 2.25rem;
	height: 100%;
	top: 0;
	left:0;
	opacity: 1;
	display: block;
	.flickity-button-icon{
		padding: 28%;
		left: 72%;
	}
}
.flickity-prev-next-button.next{
/* 	background: linear-gradient(270deg, #FFFFFF 40.62%, rgba(255, 255, 255, 0) 99.13%); */
	width: calc(25vw);
	max-width: 2.25rem;
	height: 100%;
	top: 0;
	right:0;
	opacity: 1;
	display: block;
	.flickity-button-icon{
		padding: 28%;
		left: 28% ;
	}
}

.category-hero { 
    padding-top:30px; 
    padding-bottom:30px; 
    
}
.category-hero .section-bg img { 
    object-position:50% 0%; 
    
}
.category-hero-text { 
    text-align:center; 
    
}
.category-description p:last-child {
  padding-bottom: 0;
  margin-bottom: 0;
}
.searchform{
    .flex-row {
        flex-direction: row-reverse;
    }
    .flex-col:has(.submit-button){
        margin-right: -2.9em !important;
        margin-left: auto;
    }
    .search-field{
        text-indent: 1.45em;
    }
}   
.border-radius-8px{
    border-radius: 8px !important;
}
.border-radius-12px{
    border-radius: 12px;
	overflow: hidden;
}
.box-shadow-brand-01{
    box-shadow: 0px 7px 22px -6px rgba(33, 123, 244, 0.34);
}
.contact-icon{
    display: flex;
    gap: 1.375rem;
}
.absolute-footer {
	display: none !important;
}
.upcoming-events .post-title a,
.service-title{
	/* Hội nghị khoa học Nội tiết Đông Nam Á AFES lần thứ 23 năm 2025 */

/* 	position: absolute;
	width: 425px;
	height: 82px;
	left: 701px;
	top: 839px; */

/* 	font-family: 'Inter'; */
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 139%;
	/* or 39px */

	/* Brand 02 */
	color: var(--primary-color);


}
.is-divider {
	background-color: var(--primary-color);
/* 	max-width: 100%; */
/* 	height: 1px!important; */
}
.upcoming-events .is-divider {
	background-color: var(--primary-color);
	max-width: 100%;
	height: 1px!important;
}
.flickity-page-dots .dot {
    background-color: var(--primary-color) !important;
	width: 12px!important;
	height: 12px!important;
}
.flickity-page-dots .dot.is-selected {
    background-color: var(--primary-color) !important;
}
.slider-nav-circle .flickity-prev-next-button .arrow,
.slider-nav-circle .flickity-prev-next-button svg {
 
    fill: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
}
.post-item .box-image .image-cover{
	border-radius: 20px;
}
.upcoming-events .post-item .box-image .image-cover{
	border-radius: 8px !important;
}
.post-item .box-text .button.is-link{
    color: #656464!important;
	font-style: normal!important;
	font-weight: 400!important;
/* 	font-size: 12px!important; */
}
.post-item .box-text .button.is-link:hover{
	color: var(--primary-color)!important;
}
.post-item .box-text .button.is-link::after {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-left: 0;
    background: url("/wp-content/uploads/2025/09/ArrowRight.svg") no-repeat center;
    background-size: contain;
    vertical-align: middle;
}
.post-item .box-text .button.is-default{
	border-radius: 8px;
}
.post-item .box-text .from_the_blog_excerpt {
	display: -webkit-box;
    -webkit-line-clamp: 3;       /* Giới hạn 3 dòng */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    line-height: 1.5em;          /* chiều cao mỗi dòng */
    max-height: calc(1.5em * 3); /* đúng 3 dòng */
    min-height: calc(1.5em * 3); /* giữ khung cao 3 dòng kể cả khi nội dung ít */
	text-align: justify !important;
	
}
.post-item .post-title a{
	display: -webkit-box;
    -webkit-line-clamp: 2;       /* Giới hạn 3 dòng */
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

    line-height: 1.5em;          /* chiều cao mỗi dòng */
    max-height: calc(1.5em * 2); /* đúng 3 dòng */
    min-height: calc(1.5em * 2); /* giữ khung cao 3 dòng kể cả khi nội dung ít */
	text-align: justify !important;
}
.blog-single .large-9{
	border-left-color: transparent!important;
}
.section-archive .section-content .nav-pills{
	gap: 4px;
}
.section-archive .section-content .nav-pills>li>a{
	border-radius: 4px !important;
	opacity: 1;

	font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    height: 58px;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.05);
    background: #FFFFFF;

}
.section-archive .section-content .nav-pills>li.active>a{
    color: #FFFFFF;
    background: var(--primary-color) ;
	opacity: 1;
}


.section-archive .section-content .nav-pills>li:hover>a{
    color: #FFFFFF ;
    background: var(--primary-color);
	opacity: 0.7;
}
.um-field-checkbox.um-field-half{
 width: 98% !important;
}
.um-field-checkbox-option{
	text-align: justify;
}
.text-justify{
	text-align: justify !important;
}
.h-large{
	/* Thông tin mới nhất! */

	/*position: absolute;
	width: 380px;
	height: 48px;
	left: 229px;
	top: 270px;*/

	/*font-family: 'Inter';*/
	font-style: normal;
	font-weight: 700 !important;
	font-size: 40px !important;
	line-height: 48px !important;

	/* 2 */
	color: #000000;


}
.text-box-content-para{
	/* Hơn 6868+ bác sĩ, dược sĩ trên khắp cả nước sử dụng HỘI ĐÁI THÁO ĐƯỜNG VÀ NỘI TIẾT TP. HCM để cập nhật thông tin chính xác và kịp thời... */

	/*position: absolute;
	width: 385px;
	height: 84px;
	left: 229px;
	top: 340px;*/

	/*font-family: 'Inter';*/
	font-style: normal;
	font-weight: 400;
	font-size: 14px !important;
	line-height: 28px !important;
	/* or 200% */

	/* 2 */
	color: #000000;


}
.circle-1 {
      /*width: 42px;
      height: 42px;*/

      width: 62px;
      height: 62px;

      background: var(--primary-color);
      border-radius: 50%;
/*       opacity: 0; */
      position: absolute;
      /*left: 50%;*/
      /*top: 50%;*/
/*       transform: translate(-50%, -50%); */


      /*position: absolute;*/
        
	
		left: 20px;
    	bottom: 40px;

		/* Brand 02 */
		/*background: var(--primary-color);*/

      
      /* hiệu ứng xuất hiện sau 1s */
      /*animation: fadeIn 1s ease forwards;
      animation-delay: 1s;*/
-webkit-animation: heartbeat 2s ease-in-out infinite both;
	        animation: heartbeat 2s ease-in-out infinite both;
/*       animation: fadeIn 2s ease forwards, heartbeat 2s ease-in-out infinite both; */
/* 	-webkit-animation: fadeIn 2s ease forwards, heartbeat 2s ease-in-out infinite both; */
      animation-delay:  1s;
	-webkit-animation-delay: 1s;
}
/*.shake-horizontal {
    -webkit-animation: shake-horizontal 8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
            animation: shake-horizontal 8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}*/
.circle-2 {
      /*width: 72px;
	  height: 72px;
*/
	width: 92px;
	  height: 92px;
      background: var(--primary-color);
      border-radius: 50%;
/*       opacity: 0; */
      position: absolute;
      /*left: 50%;*/
      /*top: 50%;*/
/*       transform: translate(-50%, -50%); */


      /*position: absolute;*/
      right: 10px;
      top: 146px;

		/* Brand 02 */
		/*background: var(--primary-color);*/

      
      /* hiệu ứng xuất hiện sau 1s */
      /*animation: fadeIn 1s ease forwards;
      animation-delay: 1s;*/
-webkit-animation: heartbeat 3s ease-in-out infinite both;
	        animation: heartbeat 3s ease-in-out infinite both;
/* animation: fadeIn 2s ease forwards, heartbeat 3s ease-in-out infinite both; */
/*       -webkit-animation: fadeIn 2s ease forwards, heartbeat 3s ease-in-out infinite both; */
      animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
		z-index:199;
}
    .circle-1-1 {
      /*width: 42px;
      height: 42px;*/

      width: 62px;
      height: 62px;

      background: var(--primary-color);
      border-radius: 50%;
/*       opacity: 0; */
      position: absolute;
      /*left: 50%;*/
      /*top: 50%;*/
/*       transform: translate(-50%, -50%); */


      /*position: absolute;*/
        
	
		left: 20px;
    	
    	top: 146px;
		/* Brand 02 */
		/*background: var(--primary-color);*/

      
      /* hiệu ứng xuất hiện sau 1s */
      /*animation: fadeIn 1s ease forwards;
      animation-delay: 1s;*/
-webkit-animation: heartbeat 2s ease-in-out infinite both;
	        animation: heartbeat 2s ease-in-out infinite both;
/*       animation: fadeIn 2s ease forwards, heartbeat 2s ease-in-out infinite both; */
/* 	-webkit-animation: fadeIn 2s ease forwards, heartbeat 2s ease-in-out infinite both; */
      animation-delay:  1s;
	-webkit-animation-delay: 1s;
}
/*.shake-horizontal {
    -webkit-animation: shake-horizontal 8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
            animation: shake-horizontal 8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}*/
.circle-2-1 {
      /*width: 72px;
	  height: 72px;
*/
	width: 92px;
	  height: 92px;
      background: var(--primary-color);
      border-radius: 50%;
/*       opacity: 0; */
      position: absolute;
      /*left: 50%;*/
      /*top: 50%;*/
/*       transform: translate(-50%, -50%); */


      /*position: absolute;*/
      right: 10px;
      bottom: 40px;

		/* Brand 02 */
		/*background: var(--primary-color);*/

      
      /* hiệu ứng xuất hiện sau 1s */
      /*animation: fadeIn 1s ease forwards;
      animation-delay: 1s;*/
-webkit-animation: heartbeat 3s ease-in-out infinite both;
	        animation: heartbeat 3s ease-in-out infinite both;
/* animation: fadeIn 2s ease forwards, heartbeat 3s ease-in-out infinite both; */
/*       -webkit-animation: fadeIn 2s ease forwards, heartbeat 3s ease-in-out infinite both; */
      animation-delay: 1.5s;
-webkit-animation-delay: 1.5s;
		z-index:199;
}
/*.shake-vertical {
    -webkit-animation: shake-vertical 8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
            animation: shake-vertical 8s cubic-bezier(0.455, 0.030, 0.515, 0.955) infinite both;
}*/
    .circle-3-2 {
      width: 595px;
      height: 595px;
      background: #DAE7F2;
      border-radius: 50%;
/*       opacity: 0; */
      position: absolute;
      /*left: 50%;*/
      /*top: 50%;*/
/*       transform: translate(-50%, -50%); */


      /*position: absolute;*/
        
	  /*height: 595px;*/
	  right: -379px;
	  top: 0;

		/* Brand 02 */
		/*background: var(--primary-color);*/

      
      /* hiệu ứng xuất hiện sau 1s */
      /*animation: fadeIn 1s ease forwards;
      animation-delay: 1s;*/
-webkit-animation: heartbeat 6s ease-in-out infinite both;
	        animation: heartbeat 6s ease-in-out infinite both;
/*       animation: fadeIn 2s ease forwards, heartbeat 1.5s ease-in-out infinite both; */
/*       animation-delay: 2s, 2s; */
		z-index:-1;
    }


    .circle-3 {
      width: 595px;
      height: 595px;
      background: #DAE7F2;
      border-radius: 50%;
/*       opacity: 0; */
      position: absolute;
      /*left: 50%;*/
      /*top: 50%;*/
/*       transform: translate(-50%, -50%); */


      /*position: absolute;*/
        
	  height: 595px;
	  left: -379px;
	  top: 756px;

		/* Brand 02 */
		/*background: var(--primary-color);*/

      
      /* hiệu ứng xuất hiện sau 1s */
      /*animation: fadeIn 1s ease forwards;
      animation-delay: 1s;*/
-webkit-animation: heartbeat 6s ease-in-out infinite both;
	        animation: heartbeat 6s ease-in-out infinite both;
/*       animation: fadeIn 2s ease forwards, heartbeat 1.5s ease-in-out infinite both; */
/*       animation-delay: 2s, 2s; */
		z-index:-1;
    }

    .circle-3-3 {
      width: 264px;
      height: 264px;
      background: #DAE7F2;
      border-radius: 50%;
/*       opacity: 0; */
      position: absolute;
      /*left: 50%;*/
      /*top: 50%;*/
/*       transform: translate(-50%, -50%); */


      /*position: absolute;*/
        
	  /*height: 595px;*/
	  left: -162px;
	  top: 264px;

		/* Brand 02 */
		/*background: var(--primary-color);*/

      
      /* hiệu ứng xuất hiện sau 1s */
      /*animation: fadeIn 1s ease forwards;
      animation-delay: 1s;*/
-webkit-animation: heartbeat 6s ease-in-out infinite both;
	        animation: heartbeat 6s ease-in-out infinite both;
/*       animation: fadeIn 2s ease forwards, heartbeat 1.5s ease-in-out infinite both; */
/*       animation-delay: 2s, 2s; */
		z-index:-1;
    }

.circle-3-4 {
      width: 278px;
      height: 278px;
      background: #DAE7F2;
      border-radius: 50%;
/*       opacity: 0; */
      position: absolute;
      /*left: 50%;*/
      /*top: 50%;*/
/*       transform: translate(-50%, -50%); */


      /*position: absolute;*/
        
	  /*height: 595px;*/
	  right: -154px;
	  top: 264px;

		/* Brand 02 */
		/*background: var(--primary-color);*/

      
      /* hiệu ứng xuất hiện sau 1s */
      /*animation: fadeIn 1s ease forwards;
      animation-delay: 1s;*/
-webkit-animation: heartbeat 6s ease-in-out infinite both;
	        animation: heartbeat 6s ease-in-out infinite both;
/*       animation: fadeIn 2s ease forwards, heartbeat 1.5s ease-in-out infinite both; */
/*       animation-delay: 2s, 2s; */
		z-index:-1;
    }

.circle-4 {
      width: 794px;
    	height: 794px;
      background: #DAE7F2;
      border-radius: 50%;
/*       opacity: 0; */
      position: absolute;
      /*left: 50%;*/
      /*top: 50%;*/
      transform: translate(-50%, -50%);


      /*position: absolute;*/
        
	/* height: 595px; */
	right: -511px;
	top: 379px;

/* Brand 02 */
/*background: var(--primary-color);*/

      
      /* hiệu ứng xuất hiện sau 1s */
      /*animation: fadeIn 1s ease forwards;
      animation-delay: 1s;*/
		-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
/*       animation: fadeIn 2s ease forwards, vibrate-1 2s linear infinite both; */
      animation-delay:  3s;
	-webkit-animation-delay:  3s;
	z-index:-1;
    }

/* .heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out infinite both;
	        animation: heartbeat 1.5s ease-in-out infinite both;
} */
    /* sau khi xuất hiện, thêm hiệu ứng chuyển động ngang */
    /*.circle.move {
      animation: fadeIn 1s ease forwards, vibrate-1 3s linear infinite both;
      animation-delay: 1s, 1s;
    }*/

    @keyframes fadeIn {
      from {
        opacity: 0;
        transform: translate(-50%, -50%) scale(0.8);
      }
      to {
        opacity: 1;
        transform: translate(-50%, -50%) scale(1);
      }
    }

    @keyframes slideBackForth {
      0% {
        transform: translate(calc(-50% - 50px), -50%);
      }
      50% {
        transform: translate(calc(-50% + 50px), -50%);
      }
      100% {
        transform: translate(calc(-50% - 50px), -50%);
      }
    }

    /* ----------------------------------------------
 * Generated by Animista on 2025-10-14 9:29:39
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation vibrate-1
 * ----------------------------------------
 */
@-webkit-keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
@keyframes vibrate-1 {
  0% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
  20% {
    -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
  }
  40% {
    -webkit-transform: translate(-2px, -2px);
            transform: translate(-2px, -2px);
  }
  60% {
    -webkit-transform: translate(2px, 2px);
            transform: translate(2px, 2px);
  }
  80% {
    -webkit-transform: translate(2px, -2px);
            transform: translate(2px, -2px);
  }
  100% {
    -webkit-transform: translate(0);
            transform: translate(0);
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2025-10-14 9:35:30
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shake-vertical
 * ----------------------------------------
 */
@-webkit-keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
            transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
            transform: translateY(-6.4px);
  }
}
@keyframes shake-vertical {
  0%,
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateY(-8px);
            transform: translateY(-8px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  80% {
    -webkit-transform: translateY(6.4px);
            transform: translateY(6.4px);
  }
  90% {
    -webkit-transform: translateY(-6.4px);
            transform: translateY(-6.4px);
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2025-10-14 9:36:38
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation shake-horizontal
 * ----------------------------------------
 */
@-webkit-keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}
@keyframes shake-horizontal {
  0%,
  100% {
    -webkit-transform: translateX(0);
            transform: translateX(0);
  }
  10%,
  30%,
  50%,
  70% {
    -webkit-transform: translateX(-10px);
            transform: translateX(-10px);
  }
  20%,
  40%,
  60% {
    -webkit-transform: translateX(10px);
            transform: translateX(10px);
  }
  80% {
    -webkit-transform: translateX(8px);
            transform: translateX(8px);
  }
  90% {
    -webkit-transform: translateX(-8px);
            transform: translateX(-8px);
  }
}
/* ----------------------------------------------
 * Generated by Animista on 2025-10-16 8:33:57
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
/* ----------------------------------------------
 * Generated by Animista on 2025-10-16 9:0:18
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */

/**
 * ----------------------------------------
 * animation heartbeat
 * ----------------------------------------
 */
@-webkit-keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
@keyframes heartbeat {
  from {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: center center;
            transform-origin: center center;
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  10% {
    -webkit-transform: scale(0.91);
            transform: scale(0.91);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  17% {
    -webkit-transform: scale(0.98);
            transform: scale(0.98);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
  33% {
    -webkit-transform: scale(0.87);
            transform: scale(0.87);
    -webkit-animation-timing-function: ease-in;
            animation-timing-function: ease-in;
  }
  45% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-animation-timing-function: ease-out;
            animation-timing-function: ease-out;
  }
}
.position-relative{
	position: relative;
    z-index: 199;
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	.image-167{
		.img-inner{
			height: 7px !important;
			display: flex;

		}
	}
	.section-title{
		h2{

			font-size: 78px;
			line-height: 1;
		}
		h3{
			font-size: 49px;
			line-height: 1;
		}
	}
	.blog-post-1{
		.image-cover{
			border-radius: 15px;
			overflow: hidden;
		}
		.cat-label{
			font-size: 16px;
			line-height: 162.19%;
		}
		.post-title,
		.post-title a{
			font-size: 28px;
			line-height: 33px;
			min-height: 66px;
			-webkit-line-clamp: 2;
		}
		.is-divider{
			display: none !important;
		}
		.from_the_blog_excerpt{
			font-size: 16px;
			line-height: 162.19%;
			
			-webkit-line-clamp: 8; 


		}
	}
	.blog-post-2{
		.image-cover{
			border-radius: 15px;
			overflow: hidden;
		}
		.cat-label{
			font-size: 16px;
			line-height: 162.19%;
		}
		.post-title,
		.post-title a{
			font-size: 28px;
			line-height: 33px;
			min-height: 99px;
		  -webkit-line-clamp: 3;     /* Giới hạn 2 dòng */
		  
		}
		.is-divider{
			display: none !important;
		}
		.from_the_blog_excerpt{
			font-size: 16px;
			line-height: 162.19%;
		  -webkit-line-clamp: 2;     /* Giới hạn 2 dòng */
		  


		}
	}
}