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

/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
    font-family: 'SVN';
    src: url("fonts/SVNProductSansRegular.ttf");
    font-style: normal;
    font-display: block;
}
@font-face {
    font-family: 'utm-h';
    src: url("fonts/UTM-HelvetIns.ttf");
    font-style: normal;
    font-display: block;
}
h1,h2,h3,h4,h5,h6{
	font-weight:normal;
	font-family: 'utm-h' 
}
.shake-anim{-webkit-animation:shake-anim 1s infinite ease-in-out;-moz-animation:shake-anim 1s infinite ease-in-out;-ms-animation:shake-anim 1s infinite ease-in-out;-o-animation:shake-anim 1s infinite ease-in-out;animation:shake-anim 1s infinite ease-in-out;-webkit-transform-origin:50% 50%;-moz-transform-origin:50% 50%;-ms-transform-origin:50% 50%;-o-transform-origin:50% 50%;transform-origin:50% 50%}
@-moz-keyframes shake-anim{
    0%{transform:rotate(0) scale(1) skew(1deg)}
    10%,30%{-moz-transform:rotate(-25deg) scale(1) skew(1deg)}
    20%,40%{-moz-transform:rotate(25deg) scale(1) skew(1deg)}
    100%,50%{-moz-transform:rotate(0) scale(1) skew(1deg)}
}
@-webkit-keyframes shake-anim{
    0%,100%,50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}
    10%,30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}
    20%,40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}
}
@-o-keyframes shake-anim{
    0%,100%,50%{-o-transform:rotate(0) scale(1) skew(1deg)}
    10%,30%{-o-transform:rotate(-25deg) scale(1) skew(1deg)}
    20%,40%{-o-transform:rotate(25deg) scale(1) skew(1deg)}
}

/* Toolbar */
.toolbar{display:none;width:100%;padding: 1.5vw 1vw;bottom:0px;position:fixed;z-index:500;height:auto;left:0px;/* display: none; */box-shadow: 0 0 7px #fff;background:rgb(27, 144, 76) !important;}
.toolbar ul{list-style:none;display:flex;align-items:center;justify-content:space-between;padding:0px;margin:0px;}
.toolbar ul li{text-align:center;width:25%; margin-bottom:0px;}
.toolbar ul li a i{color: rgb(255 255 255 / 70%);font-size: 5.6vw;}
.toolbar ul li a{display:block;width:100%;cursor:pointer;font-size: 14px;text-decoration: none;color: #fff;}
.toolbar ul li a img{height:6vw;width:auto;}
.toolbar ul li a span{font-weight:400;color: #fff;font-size: 14px;}

.titdem .wpsm_counterbox{
	margin:0px !important
}
.titdem .counter{
	font-family:system-ui !important;
	font-weight:900 !important;
	font-size:40px !important;
	position:relative;
}
.titdem .wpsm_col-md-6{
	padding:15px;
		border-left: 1px dashed #ddd;
	 border-bottom: 1px dashed #ddd;
}
.titdem .wpsm_col-md-6:nth-child(1){
	border-left: 0px dashed #ddd !important;
}
.titdem .wpsm_col-md-6:nth-child(3),.titdem .wpsm_col-md-6:nth-child(4) {
	border-bottom: 0px dashed #ddd !important;
}
.titdem .wpsm_count-title{
	min-height:24px !important
}
.titdem .counter:after{
	position:absolute;
	right:-30px;
	font-family:system-ui !important;
	font-weight:900 !important;
	font-size:40px !important;
	content:"+";
	color:#dd3333;
	top:3px;
	
}

.titdem .wpsm_count-title{
    font-size: 14px;
    margin: 0px !important;
	text-transform:uppercase;
	color:#444 !important;
	 font-family: 'SVN' !important;
	font-weight:normal !important
}
.titdem .wpsm_number{
	margin:0px !important
}
.colhh h3{
	font-weight:normal !important;
	font-family: 'SVN' !important;
}
.blog-wrapper{
	padding-top:0px !important
}
.blog-single nav.rank-math-breadcrumb{
	margin-bottom:30px;
}
.blog-single .entry-content.single-page{
	padding-top:0px !important
}
.blog-single .entry-header{
	text-align:center !important
}
.blog-single .entry-header .entry-header-text{
	text-align:center !important
}
.blog-single .entry-header  .entry-divider{
	display:none !important
}
.blog-single .entry-header  .entry-meta{
	margin-top:35px;
}
.blog-single h1.entry-title{
	font-family: 'utm-h';
    font-size: 30px;
	    color: rgb(214, 6, 40);
    font-weight: normal !important;
	position:relative
}
.blog-single h1.entry-title:after{
position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
    content: "";
    display: block;
    z-index: 10;
    width: 315px;
    height: 9px;
	bottom: -20px;
    background: url(/wp-content/uploads/2025/07/gachhh.png) no-repeat bottom center !important;
}
h6.entry-category{
	display:none !important
}
.archive-page-header{
	padding-top:25px;
}
.archive-page-header h1{
	    font-family: 'utm-h';
    font-size: 30px;
	    color: rgb(214, 6, 40);
    font-weight: normal !important;
	position:relative
}
.archive-page-header h1:after{
position: absolute;
    left: 0px;
    right: 0px;
    margin: 0 auto;
    text-align: center;
    content: "";
    display: block;
    z-index: 10;
    width: 315px;
    height: 9px;
	bottom: -20px;
    background: url(/wp-content/uploads/2025/07/gachhh.png) no-repeat bottom center !important;
}
.coldmfix .col.post-item{
	    max-width: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
}
.coldmfix .col.post-item p{
	font-size:15px;
}
.coldmfix .col.post-item .box-text{
	padding-top:0px;
	padding-bottom:0px
}
.xygal p{
	font-size:15px;
}
nav.rank-math-breadcrumb{
	background:#f6f6f6;
	padding-top:10px;
	padding-bottom:10px;
	font-size:14px;
}
.section.footerx{
	border-top:1px solid #dedede;
}
nav.rank-math-breadcrumb p{
	margin-bottom:0px;
	max-width: 1170px;
	margin:0 auto !important
}
.cimg img{
	margin-bottom:20px;
}
.absolute-footer strong{
	font-weight:normal !important
}
.coldanhmuc a{
	color:#333;
	letter-spacing:0px !important;
	font-size:14px;
}
.coldangky .wpcf7-form {
	position:relative;
	margin-top:15px;
	margin-bottom:0px !important
}
.wpcf7-spinner{
	display:none !important
}
.mangxxh{
	
}
.coldangky .wpcf7-form .wpcf7-text{
	padding:10px 20px;
	box-shadow:0px 0px #fff !important;
	height:50px;
	font-weight:normal !important;
	border-radius:5px;
}
.coldangky .wpcf7-submit{
	position:absolute;
	right:-15px;
	top:0px;
	height:50px;
	padding-left:20px;
	padding-right:20px;
	font-size:14px;
	font-weight:normal !important;
	border-bottom-right-radius:5px;
	border-top-right-radius:5px;
}
.footerx p{
	margin-bottom:6px;
	font-size:14px;
}
.titmain b{
	height:0px !important
}
.titmain{
	position:relative;
}
.section.footerx{
	padding-bottom:10px !important
}
.dichvu{
	padding-bottom:20px !important
}
.titsub .section-title-main{
	border:0px !important
}
.titsub{
	border:0px !important
}
.titsub span {
    font-family: 'utm-h';
    font-size: 30px;
    font-weight: normal !important;
}
.titsub{
	position:relative
}
.titsub:after{
	position:absolute;
	left:0px;

	content:"";
	display:block;
	z-index:10;
	width:150px;
	height:6px;
	background:url(/wp-content/uploads/2022/05/gach_d3.png) no-repeat top center
}
.coldemso h3{
	margin-bottom:0px !important;
	line-height:30px;
	font-weight:900 !important;
    font-family: system-ui !important;

}
.coldemso p{
	font-size:14px;
	margin-bottom:0px;
}

.xgal .box-text{
	display:none !important
}
.titsub .section-title{
	border:0px !important
}
.titmain:after{
	position:absolute;
	left:0px;
	right:0px;
	margin:0 auto;
	text-align:center;
	content:"";
	display:block;
	z-index:10;
	width:315px;
	height:9px;
	background:url(/wp-content/uploads/2022/05/gach_d2.png) no-repeat top center
		
}
.xdichvu .box-push .box-text{
	max-width:100% !important
	
}
.xdichvu .button.primary{
	font-size:14px;
	font-weight:normal !important;
	border-left:0px !important;
	border-right:0px !important;
	border-width:1px !important;
	padding-left:0px !important;
	padding-right:0px !important
}
.xdichvu .button.primary:hover{
	background:none !important;
	color:orange
}

.col.post-item .is-divider{
	display:none !important
}
.xdichvu h5.post-title{
	background:rgb(214, 6, 40 / 80%) !important;
	color:#fff;
	padding:15px 15px 15px 15px;
	margin-bottom:10px;
}
.xdichvu .col.post-item p{
	font-size:15px
}
.xdichvu .box-text{
	padding:0px !important;
	background:none !important
}
.titcolor.titcolor:after{
	bottom:-20px;
	background:url(wp-content/uploads/2025/07/gachhh.png) no-repeat bottom center !important
	
}
.tieuchi h4, .tieuchi p{
	font-family: 'SVN';
}
h5.post-title{
	font-family: 'SVN' !important;
	font-weight:normal !important;
	font-size:18px;
}
.tieuchi h4{
	font-weight:500 !important
}
.tieuchi{
	padding-bottom:20px !important
}
.tieuchi .icon-inner{
	background:rgb(214, 6, 40) !important
}
.titmain span{
	 font-family: 'utm-h';
	font-size:30px;
	font-weight:normal !important
}
body{
	font-size:15px;
	font-weight:normal;
	font-family: "SVN", sans-serif !important;
}
.header-wrapper.stuck{
	background:#fff !important
}
.header-wrapper.stuck .col.colbanner img {
   max-height:60px;
}
.text_title{
	border-left:7px solid #d60628 !important;
	padding:15px;
	padding-left:40px;
}
.text_title p{
	text-transform:uppercase;
	font-size:14px;
	margin-bottom:5px;
}
.text_title h2{
	font-weight:normal;
	 font-family: 'utm-h';
	text-transform:uppercase;
	color:#fbbc04 !important;
	font-size:38px;
	margin-bottom:0px;
}
.textxy p{
	margin-bottom:8px;
}
#mega-menu-wrap{
	max-width:250px;
	background:#fbbc04 !important
}
#mega-menu-wrap .menu-item{
	background:#f8f8f8 !important;
	
}
#mega-menu-wrap .menu-item a{
	background:url(/wp-content/uploads/2022/05/mt.png) no-repeat left 15px center;
	padding:16px 25px;
	font-size:14px;
	font-weight:normal;
	color:#333;
	text-transform:capitalize !important
}
#mega-menu-wrap .menu-item:hover a{
	color:#d60628 !important
}
.header-bottom .nav > li > a{
	font-weight:normal !important;
	 font-family: 'SVN' !important;
	font-size:14px;
    padding-left: 20px;
    padding-right: 20px;
}
#mega-menu-title{
	 font-family: 'SVN' !important;
    padding: 12px 0 12px 20px;
	font-weight:normal !important;
	font-size:14px !important
}
#header{
	background:#fff !important
}
.colhotline p, .colhotline h3{
	margin-bottom:0px !important;
	
}
.colhotline h3{
	font-weight:900 !important;
	color:#f00 !important;
	
	    text-shadow: #fff 1px 1px 0px, #9c9c9c 3px 3px 3px;
}
.colhotline p{
	font-size:15px;
	text-transform:uppercase;
	 font-family: 'utm-h' !important;
	text-shadow: #fff 1px 1px 0px, #9c9c9c 1px 1px 1px;
}
.colhotline h3{
	font-size:22px;
	line-height:20px;
	text-transform:uppercase;
	 font-family: 'utm-h' !important;
	text-shadow: #fff 1px 1px 0px, #fff 1px 1px 1px;
	font-weight:normal !important
}
.col.coltimkiem{
	padding-left:0px !important;
	padding-right:25px;
}
.col.colhotline{
	padding-top:10px;
}
.col.colhotline .icon-box-text{
	padding-left:10px;
}
.col.colbanner img{
	width:auto !important
}
.col.coltimkiem{
	padding-top:14px;
	
}
.col.coltimkiem .search-field{
	border:1px solid #d60628 !important;
	height:48px;
	box-shadow:0px 0px #fff !important;
	font-size:14px !important;
}
.col.coltimkiem .ux-search-submit{
	position:absolute;
	top:1px;
	right:1px;
	height:46px;
	padding-left:20px;
	padding-right:20px;
	color:#fff;
	font-size:14px !important;
	background:#d60628 !important;
}
.col.coltimkiem .searchform-wrapper{
	position:relative
}
.rtopx .col{
	padding-bottom:0px !important
}
.header-bg-color{
	background:none !important
}
.header-bg-image {
   background-repeat:no-repeat !important;
	background-position:top right !important;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
#logo img {
    padding: 10px 0 !important;
}
	#logo {
    width: 100px !important;
}
	.imgmb {
		padding-right:30px !important
	}
	.header-bottom .ux-search-submit{
		background:#fff !important;
		color:#333 !important;
		border-left:0px !important;
	}
	.mobile-sidebar .menu-item a{
	font-family: 'SVN' !important;
		color:#333;
		font-weight:normal !important;
		font-size:14px !important
	}
	#logo{
		margin-right:10px !important
	}
	.text_title h2{
		font-size:28px !important;
	}
	.text_title {
    padding: 10px !important;
	}
	nav.rank-math-breadcrumb p{
		padding-left:15px !important;
		padding-right:15px !important
	}
	.titdem .wpsm_count-title {
    min-height: 40px !important;
}
	.titdem .wpsm_col-md-6{
		width:50% !important;
		float:left
	}
	.toolbar{display:block;}
}