/*
Theme Name: WebNganh Child
Description: Website Design by Wordpress and Theme Flatsome
Author: UX Themes Web Nganh
Template: flatsome
Theme URI: https://webnganh.com/
Author URI: https://webnganh.com/
Description: WebNganh.Com - WebNganh.Vn - iFnt.Vn
Version: Code DevWp WebNganh
*/

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

body {
  font-family: 'SanFranciscoText', serif !important;
}

h1, h2, h3, h4, h5, h6, .heading-font, .off-canvas-center .nav-sidebar.nav-vertical > li > a {
    font-family: "SanFranciscoTextBold", sans-serif !important;
}

span{
	font-family: "SanFranciscoText", sans-serif !important;
}

.link_tel a{
  width: min-content;
  display: contents;
}

.nav > li > a {
    font-family: "SanFranciscoTextBold", sans-serif !important;
}

@font-face {
  font-family: 'SVN-Abril Fatface';
  src: url('../../fonts/SVN-Abril Fatface.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}


@font-face {
  font-family: 'BeVietnamPro-SemiBold';
  src: url('../../fonts/BeVietnamPro-SemiBold.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'SanFranciscoTextBold';
  src: url('../../fonts/SanFranciscoText-Bold.otf') format('opentype');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'SanFranciscoText';
  src: url('../../fonts/SanFranciscoText-Thin.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
}


.col-header {
  padding-bottom: 0px;
}

.col-header .col-inner {
  display: flex;
  font-size: 13px;
  line-height: 19.5px;
  gap: 20px;
}

.col-header .col-inner span {
  color: #ffffff;
}

.fill-\[\#ffffff\] {
  fill: #fff;
}

.gap-\[8px\] {
  gap: 8px;
}

.flex {
  display: flex;
}

.searchform .flex-row {
  border-radius: 24px;
  border: 1px solid #cccccc;
  display: flex;
  justify-content: space-between;
  min-width: 300px;
}

/* .searchform .flex-row .flex-col {
  padding: 13px 8px;
} */

.searchform .flex-row .flex-col input {
  border: none;
  outline: none;
  box-shadow: none;
  padding: 13.5px 18px;
  line-height: 18px;
  font-size: 14px;
  border-radius: 27px;
  height: 45px;
}

.searchform .flex-row .flex-col button {
  margin-right: 4px;
  padding: 5.78px 12px;
  border-radius: 20px;
  min-width: 80px;
  justify-content: center;
  display: flex;
  background: #ffc20d;
  border-bottom-left-radius: 20px !important;
  border-top-left-radius: 20px !important;
}

.p-\[5\.6px_6\.6px\] {
  padding: 5.6px 6.6px;
}

.to-\[\#FFCC00\] {
  --tw-gradient-to: #fc0;
}

.from-\[\#FFAF24\] {
  --tw-gradient-from: #ffaf24;
  --tw-gradient-to: rgba(255, 175, 36, 0);
  --tw-gradient-stops: #ffaf24, #ffaf24;
}

.rounded-\[24px_24px_24px_0px\] {
  border-radius: 24px 24px 24px 0;
}

.bg-\[\#fff\],
.bg-\[\#ffffff\] {
  --tw-bg-opacity: 1;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
}

.bg-gradient-to-r {
  background-image: linear-gradient(to right, #ffaf24, #fc0);
}

.gap-\[10px\] {
  gap: 10px;
}

.link_tel {
  gap: 13px;
  min-width: 190px;
  background-image: linear-gradient(to right, #ffaf24, #fc0);
  border-radius: 24px 24px 24px 0;
  --tw-gradient-from: #ffaf24;
  --tw-gradient-to: rgba(255, 175, 36, 0);
  --tw-gradient-stops: #ffaf24, #ffaf24;
  padding: 5.6px 6.6px;
  display: flex;
  margin-right: 0px !important;
  margin-left: 0px !important;
}

.link_tel p {
  margin-bottom: 0px;
}

.row_lien_he .col-inner {
  padding-bottom: 30px;
  padding-top: 30px;
  border-radius: 20px;
}

.header-inner {
  background: #ffffff;
}

.flatsome_recent_posts .post-date {
  width: 130px;
}

.flatsome_recent_posts .badge-inner {
  width: 130px;
  height: 130px;
  border: 0;
}

.row_tel {
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.row_lien_he .col-inner{
	max-width: 640px;
    margin: auto !important;
}

.gap-\[13px\] {
  gap: 13px;
}

.min-w-\[35\.88px\] {
  min-width: 35.88px;
}

.aspect-\[35\.88\/35\.88\] {
  aspect-ratio: 35.88 / 35.88;
}

.min-w-\[190px\] {
  min-width: 190px;
}

.html_topbar_left a {
  background: #ffca02;
  padding: 6px !important;
}

.html_topbar_left a span {
  color: #ffffff;
  font-size: 14px;
}

.box_category .box-image {
  background-color: rgb(129 157 64 / 1);
  padding: 10px;
  border-radius: 9999px;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.danh_muc_san_pham .box-image {
  padding: 5px;
  background-color: #7ec1d1;
  border-radius: 9999px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.danh_muc_san_pham .box-image div {
/*   padding: 30px; */
  background-color: #164891;
  border-radius: 9999px;
  justify-content: center;
  display: flex;
}

.danh_muc_san_pham .product-category,.danh_muc_san_pham .product-category .col-inner{
	padding:0px !important;
} 

.row_danh_muc .col-inner {
  padding: 30px 15px;
  border-radius: 20px;
}

.row_danh_muc .col-inner .box-image img{
/*   max-width: 80%; 
  height: 130px */
  border-radius: 999999px;
}

.row_danh_muc > .col{
  padding-bottom: 0px;
}

.title_danh_muc {
  font-size: 30px;
  margin-bottom: 30px;
  text-transform: uppercase;
}

.col_anh .img{
	display: flex;
    justify-content: flex-end;
}

.col_anh .img-inner{
	width: 80%;
}

.text-\[\#ffffff\]{
	color: #ffffff;
}

.is-divider{
	margin:0px
}


.product-small .box-image {
  border-radius: 15px;
}

.san_pham .box-text a {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
  font-size: 14px;
}

.video {
  width: 50%;
  border-radius: 20px;
}

.border-radius-9999 {
  border-radius: 9999px;
}

.quy_trinh .icon {
  background-color: #7ec1d1;
  border-radius: 15px;
  min-width: 50px;
  padding: 10px;
}

.quy_trinh .col-inner .icon-box {
  padding: 15px 0;
}
.quy_trinh .col-inner .icon-box:not(:last-child) {
  border: 0 solid #e5e7eb;
  box-sizing: border-box;
  border-bottom-width: 1px;
}


.quy_trinh .col-inner .icon-box:last-child{
 padding-bottom:45px
}

.quy_trinh .icon-box,
.quy_trinh .icon-box-text {
  align-items: center;
}

.quy_trinh .icon-box-text {
  display: flex;
}

.text-\[\#FFC705\] {
  --tw-text-opacity: 1;
  color: #ffc705;
}

.leading-\[26px\] {
  line-height: 26px;
}

.text-\[16px\] {
  font-size: 16px;
}

.mx-\[15px\] {
  margin-left: 15px;
  margin-right: 15px;
}

.text_quy_trinh {
  color: #ffffff;
  font-size: 16px;
  line-height: 26px;
  text-transform: uppercase;
}

.quy_trinh {
  position: relative;
  background-color: #164891;
}

.quy_trinh .col {
  padding: 0;
}

.quy_trinh::after {
  content: "";
  background-color: #164891;
  position: absolute;
  left: -100%;
  bottom: 0;
  opacity: 1;
  height: 100%;
  width: 100%;
}

/* .quy_trinh .col_anh {
  display: flex;
  align-items: flex-end;
}
 */
/* .box_icon_vi_sao .icon-box-img {
  left: -15px;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
  border-radius: 70%;
}

.box_icon_vi_sao .icon {
  padding: 7px;
  background-color: #7ec1d1;
  width: 75px;
  aspect-ratio: 75 / 75;
  border-radius: 99999px;
} */

.box_icon_vi_sao .icon-box {
  position: relative;
  display: flex;
  align-items: center;
/*   margin: 20px 0; */
}

/* Icon tròn viền trắng lồi ra trái */
.box_icon_vi_sao .icon-box-img {
  position: absolute;
  left: -15px;
  width: 90px !important;
  height: 81px;
  background-color: white;
  border-radius: 70%;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
}

/* Nền xanh nhạt của icon */
.box_icon_vi_sao .icon {
  padding: 7px;
  background-color: #E6EED4;
  width: 75px;
  aspect-ratio: 1 / 1;
  border-radius: 9999px;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Nền xanh đậm trong cùng */
.box_icon_vi_sao .icon-inner {
  background-color: #164891;
  border-radius: 9999px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

/* Ảnh bên trong icon */
.box_icon_vi_sao .icon-inner img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}



/* .box_icon_vi_sao .icon-inner {
  background-color: #164891;
  justify-content: center;
  align-items: center;
  display: flex;
  padding: 7px;
  border-radius: 99999px;
}

.box_icon_vi_sao .icon-box-text {
  line-height: 32px;
  font-size: 16px;
  padding: 0 15px 0 45px !important;
  margin-left: 0;
  color: rgb(252 238 213 / var(--tw-text-opacity, 1));
  text-transform: uppercase;
  background-color: #164891;
  border-bottom-right-radius: 38px;
  border-top-right-radius: 38px;
}

.box_icon_vi_sao .icon-box-text {
  align-items: center;
  display: flex;
} */

/* Text block bên phải */
.box_icon_vi_sao .icon-box-text {
  background-color: #164891;
  color: #FCEED5;
  border-top-right-radius: 38px;
  border-bottom-right-radius: 38px;
  
  height: 75px;
  display: flex;
  align-items: center;
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  line-height: 1.3;
  margin-left: 5%;
}

.box_icon_vi_sao .icon-box-text p{
  padding: 0 15px 0 45px;
}


.box_icon_vi_sao .icon-box:not(:last-child) {
  margin-bottom: 35px;
}

.so_an_tuong {
  background-image: url(/wp-content/uploads/2025/08/z6906885539602_6ec122917248ec88fb94e2908de2b8fe.jpg);
  background-size: cover;
  padding: 50px 25px;
}

.so_an_tuong .icon-box-img {
  background-color: rgb(252 238 213 / var(--tw-bg-opacity, 1));
  justify-content: center;
  display: flex;
  align-items: center;
  width: 72px !important;
  height: 72px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0px;
  border-radius: 9999px;
}

.so_an_tuong .icon-box-img img {
  max-width: 51px;
  max-height: 45px;
}

.so_an_tuong .col {
  padding: 0px;
}

.so_an_tuong .number {
  line-height: 51px;
  font-size: 42px;
  color: #ffc705 !important;
  text-align: center;
  margin-top: 0.5rem;
  margin-bottom: 0px;
   font-family: 'SVN-Abril Fatface', serif;
}

.img_doi_tac {
  margin: auto;
  display: flex;
  align-items: center;
  height: 100%;
}
/* 
.grayscale img {
  --tw-grayscale: grayscale(100%);
  filter: grayscale(100%);
  cursor: pointer;
}

.grayscale img:hover {
  --tw-grayscale: grayscale(0%);
  filter: grayscale(0%);
} */

.min-w-\[26px\] {
  min-width: 26px;
}

.text-\[\#2A4800\],
.text-\[\#2A4800\] p a {
  --tw-text-opacity: 1;
  color: #164891;
}

.leading-5 {
  line-height: 1.25rem;
}

.text-\[14px\] {
  font-size: 14px;
}

.pl-\[15px\] {
  padding-left: 15px;
}

p {
  margin-bottom: 0px;
}

.pt-15 {
  padding-top: 15px;
}

.text_footer {
  padding-bottom: 12px;
}

.col_thong_tin {
  position: sticky;
  top: 90px;
  align-self: flex-start;
  background: #fff;
  padding: 16px;
  width: 250px;
}

.df-bg {
  background-color: transparent !important;
}

.header-bottom-nav {
  max-width: 100% !important;
  padding-left: 15px;
  padding-right: 15px;
  gap: 65px;
}

header .nav-column li.active > a,
header .nav-column li > a:hover,
header .nav-dropdown li.active > a,
header .nav-dropdown > li > a:hover,
header .nav-vertical-fly-out > li > a:hover,
header .nav > li.active > a,
header .nav > li.current > a,
header .nav > li > a.active,
header .nav > li > a.current,
header .nav > li > a:hover {
  color: rgb(255 199 5);
}

.nav-column > li > a,
.nav-dropdown > li > a,
.nav-vertical-fly-out > li > a,
.nav > li > a {
  color: rgb(255 255 255);
}


.sub-menu.nav-column > li > a,.sub-menu.nav-dropdown > li > a,.sub-menu.nav-vertical-fly-out > li > a,.sub-menu.nav > li > a{
    color: rgb(58 58 58);
}

.lg\:text-\[30px\]{
    font-size: 30px;
}

.carousel_doi_tac .col {
  top: 50%;
  transform: translate(0, -50%);
}

.carousel_doi_tac .col img {
  max-width: 97.5px;
  max-height: 97.5px;
}

.section_hoat_dong .video {
  width: 100%;
}

.list_news .post-item{
	max-width:100% !important;
}

.list_news .post-item > .col-inner{
	box-shadow:none;
}

.section_hoat_dong .tab a span {
  color: hsl(0deg 0% 7% / 85%);
  background-color: rgb(237 239 222);
  padding: 6.5px 12px;
  border-radius: 23px;
  min-width: 200px;
  text-align: center;
  line-height: 32px;
  font-size: 16px;
  text-transform: initial;
}

.section_hoat_dong .tab.active a span,
.section_hoat_dong .tab:hover a span {
  color: #ffffff;
  background-color: rgb(129 157 64);
  padding: 6.5px 12px;
  border-radius: 23px;
  min-width: 200px;
  text-align: center;
  line-height: 32px;
  font-size: 16px;
  text-transform: initial;
}

.section_hoat_dong .tabbed-content ul{
  gap: 50px;
}

.section_doi_tac .row .col{
	padding-bottom:0px
}

form input[type="text"],form input[type="tel"],form input[type="email"]{
	border: none;
    border-bottom: 1px solid rgb(230 230 230);
	box-shadow:none;
}

form input[type="text"]:focus,form input[type="tel"]:focus,form input[type="email"]:focus{
	box-shadow:none;
}

form input[type="submit"]{
	padding: 7.5px 12px;
    border-radius: 9999px;
    min-width: 200px;
    text-transform: capitalize;
    line-height: 28px;
}

.section_form_tu_van .row .col{
	background-color: rgb(22, 72, 145);
}

.section_form_tu_van .col-left{
	border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
/* 	border-radius: 20px; */
}

.section_form_tu_van .col-right{
	border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
} 



.section_form_tu_van .col-right .col-inner div:first-child{
    border-top-right-radius: 20px;
}

.section_form_tu_van .col-right .col-inner div:last-child{
    border-bottom-right-radius: 20px;
}

.menu_level_1 .col,.menu_level_2 .col{
	padding-bottom:0px
}

.menu_level_1 .col:hover a,.menu_level_1 .col li:hover,.menu_level_1 .col:hover i,.menu_level_2 p:hover{
	color:rgb(255 199 5) !important;
}

.menu_level_1:not(:first-child){
	margin-top:10px
}

.tax-product_cat .woocommerce-breadcrumb{
	text-align: center;
    font-size: 30px;
    padding: 30px 0px;
}

.menu_level_1 .col a,.menu_level_1 .col i{
	color: #000000;
	text-transform: uppercase;
}

.menu_level_2{
	margin-left:5% !important;
	display:none;
}

.menu_level_2 p{
	font-size:13px;
}

.menu_level_1:hover .menu_level_2{
	display:block;
}

.product-small img{
	height: 250px;
    width: 100%;
    object-fit: cover;
}

.text_footer a{
	color: rgb(22, 72, 145);
}

.product-info .divider,.product-info a:nth-child(n+2) {
	display:none
}

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

.row_thong_tin_san_pham span{
	font-size:22px
}


.sale li>span:first-child::before {
    content: '\f0da';
    font-family: FontAwesome;
    margin-left: 10px;
    position: absolute;
    left: -8px;
    color: #164891;
}


@media (min-width: 768px) {
    .md\:text-\[15px\] {
        font-size: 15px;
    }
}

@media screen and (min-width: 850px) {
  .img_doi_tac.large-2 {
    flex-basis: 20%;
    max-width: 20%;
  }
}

@media only screen and (max-width: 48em) {
  /*************** ADD MOBILE ONLY CSS HERE  ***************/
	
	.section_quy_trinh .col-left .col-inner{
		padding: 0 15px 0;
	}
	
	.box_icon_vi_sao .icon-box{
    	margin-left: 10px;
		width: 98%;
	}
	
	.title_danh_muc {
    	font-size: 14px;
	}
	
	.nav-column > li > a, .nav-dropdown > li > a, .nav-vertical-fly-out > li > a, .nav > li > a {
    	color: #000000
	}
	
	.section_form_tu_van{
		padding:10px
	}
	
	.section_form_tu_van .col-left {
    	border-top-left-radius: 20px;
    	border-top-right-radius: 20px;
		border-bottom-left-radius: 0px;
	}
	
	.section_form_tu_van .col-right .col-inner div, .section_form_tu_van .col-right {
    	border-top-right-radius: 0px;
    	border-bottom-right-radius: 20px;
		border-bottom-left-radius: 20px;
	}
	
	.section_tu_van .row > .col,.section_tu_van{
		padding-bottom:0px !important;
	}

	.section_tu_van form{
		margin-bottom:0px;
	}
	
	.section_tu_van form input[type="submit"]{
		margin:0px;
	}
	
	.section_tu_van form .wpcf7-spinner{
		display:none;
	}
	
	
}