/*
Theme Name: Maxweb
Description: This is a child theme for Flatsome Theme
Theme URI: https:
Author: Hoan
Author URI: 
Template: flatsome
Version: 3.6.1
*/


/*************** ADD CUSTOM CSS HERE.   ***************/
@font-face {
	font-family: 'SFProDisplay';
	src: url('fonts/SFProDisplayRegular.otf');
}
body,a,li,p,span,label,b {
	font-family: 'SFProDisplay';
}
h1, h2, h3, h4, h5, h6, .nav>li>a, .header-main .nav > li > a {
	font-family: 'SFProDisplay' !important;
}
.h-ico .icon-box-img {
	width: 100px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.h-ico .icon-box-img:before {
	background-color: #f1f3f8;
	z-index: -1;
	content: '';
}
.h-ico .icon-box-img:before, .h-ico .icon-box-img:after {
	z-index: -1;
	content: '';
	-webkit-transition: .3s cubic-bezier(.24,.74,.58,1);
	-khtml-transition: .3s cubic-bezier(.24, .74, .58, 1);
	-moz-transition: .3s cubic-bezier(.24, .74, .58, 1);
	-ms-transition: .3s cubic-bezier(.24, .74, .58, 1);
	-o-transition: .3s cubic-bezier(.24, .74, .58, 1);
	transition: .3s cubic-bezier(.24,.74,.58,1);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100%;
	-webkit-border-radius: 100%;
	-khtml-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
}
.h-ico .icon-box-img:after {
	background-color: #ddb259;
	z-index: -2;
	bottom: -13px;
	right: -2px;
}
.h-ico .icon-inner {
	position: relative;
}
.h-ico .icon-box-img svg {
	width: 60px;
	height: 60px;
	color: var(--primary-color);
}
.h-ico p {
	font-size: 20px;
	padding-top: 15px;
	text-transform: uppercase; 
	color: #d93;
	font-weight: bold;
}
.h-ico:hover .icon-box-img:before {
	background: var(--primary-color); 
}
.h-ico:hover .icon-box-img svg {
	fill: #fff; 
	color: #fff;
}
.combo .col-inner {
	background: #fff;
	box-shadow: 0px 4px 15px rgb(0 0 0 / 34%);
	border-radius: 10px;
	cursor: pointer;
	height: 100%;
	padding: 21px 15px 30px 15px;
	text-align: center;
	position: relative;
}
.combo>.col-inner:before {
	content: '';
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	background-image: url(/wp-content/uploads/2024/05/icon-ld-1.png);
	background-size: 50% 50%;
	background-repeat: no-repeat;
	width: 130px;
	height: 130px;
}
.combo h2 {
	font-style: italic;
	font-size: 34px;
	line-height: 36px;
	color: #ff792d;
	margin-bottom: 20px;
}
.combo p {
	margin-bottom: 10px;
	line-height: 17px;
}
.combo hr {
	border-width: 0;
	border-top: 2px solid #00000057;
	opacity: 0.5;
	width: 30%;
	left: 50%;
	transform: translate(-50%, 0);
	position: relative;
	margin: -10px 0 15px;
}
.combo .text img{
	border-bottom: 2px solid #00000030;
}
.combo img.size-full.alignnone {
	margin-bottom: 0;
}
input[type=checkbox], input[type=radio] {
	margin-right: 0px;
	font-size: 10px;
}
.wpcf7-list-item-label{
	font-weight: 500;
}
.wpcf7-spinner {
	display: none;
}
.form-dk input[type=submit] {
	margin-top: 10px;
	font-weight: 500;
	margin-bottom: 0;
}
.form-dk p{
	font-weight: 700;
	margin-bottom: 4px;
}
input::placeholder{
	font-weight: 500;
}
input{
	box-shadow: none;
}
.button span{
	font-weight: 500;
}
.sec-title {
	*border-left: 6px solid var(--primary-color);
	*padding-left: 15px;
	*margin-bottom: 30px;
	*text-transform: uppercase;
}
blockquote {
	padding: 0 0px 0 5px;
	border-left: 4px solid #446084;
	font-style: normal;
}
.sec-title h2 {
	position: relative;
	height: 48px;
	margin: auto;
	background: #FF792D;
	border-radius: 52px;
	color: #fff;
	margin: 0;
	line-height: 48px;
	padding-left: 10px;
}
.pum-content h3, .pum-content h4{
	display: none;
}
.pum-content h2{
	color: #f27227;
	text-align: center;
}
.form-dk h3{
	text-align: center;
	color: var(--primary-color);
	background-color: #f6f6f6;
	padding: 10px 0;
	box-shadow: 0 0 5px rgb(153 153 153 / 60%);
	border: 1px solid #ddd;
}
.goi-cuoc .col-inner{
	border: 1px solid #111;
}
.goi-cuoc h3 {
	background-color: #ddd;
	padding: 15px 0;
	font-weight: 400;
	font-size: 18px;
	height: 100%;
	margin-bottom: 0;
}
.goi-cuoc h4 {
	background-color: #eee;
	padding: 17px 2px;
}
.goi-cuoc p {
	border-bottom: 1px dashed #11111169;
	padding: 12px 10px;
	margin-bottom: 0;
}
table, th, td {
	border: 1px solid black;
	border-collapse: collapse;
	padding-left: 7px!important;
}
.is-divider {
	display: none;
}
.lydo .col-inner{
	box-shadow: 0 0 20px #e1cfcf;
	border-radius: 12px;
	padding: 15px;
	height: 100%;
}
.lydo .col-inner:hover{
	box-shadow: 0 0 25px #e5c6c6;
}
.absolute-footer {
	padding: 10px 0;
}
.footer .icon-box{
	align-items: center;
	background: #ffffff1a;
	border: 1px solid #fff;
	border-radius: 20px;
	padding: 15px 10px;
}
.footer .icon-box a:hover {
	color: #f27227!important;
}
.footer h3{
	font-size: 17px;
	border-bottom: 1px solid #ffffff4d;
}
.footer ul {
	list-style: none;
	margin-left: -20px;
	font-size: 14px;
}
.ux-menu-link a{
	padding-bottom: 0;
	font-size: 14px;
	margin-bottom: 0px !important;
}
.ux-menu-link a:hover {
	color: #f27227!important;
}
img.size-full.alignnone {
	margin-bottom: 4px;
}
.entry-category.is-xsmall{
	display: none;
}
.entry-header-text{
	padding: 0;
}
.entry-header-text h1{
	border-left: 5px solid #f27227;
	padding-left: 5px;
	text-transform: uppercase;
	font-size: 25px;
}
.col-ketnoi {
	align-items: center;
	display: flex;
}
a.icon:not(.button) {
	margin-left: 15px;
	margin-right: 15px;
}





.slider-nav-light .flickity-page-dots .dot {
	border-color: #fff;
	background: #fff;
}
.slider-nav-light .flickity-page-dots .dot.is-selected {
	background-color: #fff;
	width: 32px;
	border-radius: 20px;
}
.flickity-page-dots .dot {
	width: 9px;
	height: 9px;
}
.title h2{
	font-size: 40px;
}
.box-goi{
	border: 1px solid #D1D1D1;
	border-radius: 10px;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	*padding-bottom: 100px;
	width: 100%;
	position: relative;
	background-image: linear-gradient(#f5f5f5, #fff);
}
.box-goi h3{
	color: #3d3d3d;
	font-size: 32px;
	font-weight: 700;
	line-height: 44px;
	padding: 24px 0 24px;
	overflow-x: hidden;
}
.box-goi p{
	color: #888888;
	font-size: 16px;
	font-weight: 400;
	position: relative;
	padding-right: 20px;
	width: 100%;
	background: url(https://fpttelecom-vn.net/wp-content/uploads/2025/04/info-circle.svg) no-repeat calc(50% + 22px) center / 16px 16px;
}
.box-goi h4{
	color: #888888;
	font-size: 16px;
	font-weight: 400;
}
.box-goi h4>strong{
	font-weight: 700 !important;
	color: #111;
	font-size: 20px;
}
.box-goi ul{
	list-style: none;
	text-align: left;
}

.box-goi ul li {
	background: url(https://fpttelecom-vn.net/wp-content/uploads/2025/04/tick-circle.svg) left top no-repeat;
	background-size: 24px;
	text-align: left;
	margin: 10px 0;
	font-size: 16px;
	font-weight: 400;
	line-height: 26px;
	padding-left: 32px;
	padding-right: 0;
	color: #3D3D3D;
	overflow-x: hidden;
}
.box-goi img{
	border-radius: 10px 10px 0 0;
}

.box-goi .text2 p {
	background: none;
}
.goi-de-xuat .box-text-inner{
	height: 500px;
}
.slider-style-focus .flickity-slider>*:not(.is-selected) {
	transform: scale(1);
	padding: 0 10px;
}
#slider-1577586408 .flickity-slider > *, .row .row:not(.row-collapse) {
	padding: 0 10px;
}
.slider-style-focus .flickity-slider>*:not(.is-selected) {
	opacity: 1;
}
.bnt1{
	width: 95%;
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}
.slide-dx .flickity-slider{
	left: 0px;
	transform: translateX(0);
}
.anh-border img {
	border-radius: 10px;
}
.blog-tt .box-blog-post{
	border: 1px solid #D1D1D1;
	border-radius: 10px;
}
.blog-tt .box-image {
	border-radius: 10px 10px 0 0;
}
.blog-tt .text-left {
	padding: 10px;
}
.blog-tt .post-title{
	font-size: 16px;
	font-weight: 400;
	color: #3d3d3d;
	display: block;
	display: -webkit-box;
	margin: 0 auto 8px;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 43px;
	line-height: 22.4px;
}
.blog-tt .box-text .button {
	color: #4564ed;
	font-size: 16px;
	line-height: 22.4px;
	text-transform: inherit;
	margin-top: 0;
	font-weight: 500;
}
.foot-social {
	display: flex;
	justify-content: flex-end;
}
.foot-social>li {
	min-width: 52px;
	min-height: 52px;
	list-style: none;
}
.gachchan {
	border-bottom: 1px solid #D1D1D1;
}
.menu-link  span{
	font-size: 15px;
}
.menu-link .ux-menu-link a {
	padding-bottom: 0;
	font-size: 14px;
	margin-bottom: -5px !important;
}
.footer2{

}
.text-ip p{
	margin-bottom: 10px;
}








.is-underline.lowercase{
    color: #111 !important;
}
.txt-note-f img{
    filter: invert(100%) grayscale(100%);
}
@media only screen and (min-width: 320px) and (max-width: 860px) {
	.pum-theme-409 .pum-container, .pum-theme-default-theme .pum-container {
		padding: 15px;
	}
	.box-goi .box-text-inner{
		*height: auto;
	}
	.title h2 {
		font-size: 25px;
	}
}
.txt-note-f p{
	margin:0;
	font-size:15px;
}