:root {
	--color-black: #000000;
	--color-white: #ffffff;
	--text-color-primary: #505565;
	--text-color-secondary: #4f4f4f;
	--text-color-third: #1b2534;
	--text-color-fourth: #3b3663;
	--text-color-fifth: #333333;
	--color-grey: #cccccc;
	--FontAwesome: 'Font Awesome 5 Free';
	--font-html-size: 62.5%;
}

html {
	font-size: var(--font-html-size);

}

body {
	font-size: 1.6rem !important;
}


.button:not(.icon) {
	min-height: 5.2rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}


/*************** Giải pháp thiết kế website chuyên nghiệp ***************/




.header.show-on-scroll,
.stuck .header-main {
	height: 70px !important;
	background: #fff;
}


.page-template-page-landing-first #header .header-bg-color {
	background-color: transparent
}

.hero-section {
	margin-top: -100px;

}

.hero-section .section-content {
	padding-top: 100px;

}

.hero-section .hero-content-container .text-col {
	z-index: 10;
}

.hero-section h1.section-heading-title {
	font-size: 5.4rem;
}

/*.hero-content-container {*/
/*         min-height:750px; */
/*}*/

.hero-slider-container {
	position: absolute;
	bottom: 10px;
	left: 0;
	right: 0;
	z-index: 10;
}

.hero-slider-container .slider {
	margin-left: -12px;
	margin-right: -12px;
}

.hero-slider-container .slider .flickity-page-dots {
	display: none;
}


.hero-slider-container .slider .flickity-page-dots .dot {
	border-color: var(--fs-color-primary);
	background-color: var(--fs-color-primary);
}



.hero-slider-container .slider .flickity-slider>.row {
	opacity: 1;
	padding: 30px 12px;
	width: 25.01% !important;

}


.hero-slider-container .slider .flickity-slider>.row:nth-child(4n+1) {
	color: #D42328;
}

.hero-slider-container .slider .flickity-slider>.row:nth-child(4n+2) {
	color: #39B54A;
}


.hero-slider-container .slider .flickity-slider>.row:nth-child(4n+3) {
	color: #5869FF;
}


.hero-slider-container .slider .flickity-slider>.row:nth-child(4n+4) {
	color: #F58B21;
}


.hero-slider-container .slider .flickity-slider>.row .icon-box h3 {
	color: currentColor;
	margin-bottom: 0;
	font-size: 32px;
	line-height: 1.4;
}

.hero-slider-container .slider .flickity-slider>.row .icon-box .icon-box-img img {
	padding-top: 0;
}

.hero-slider-container .slider .flickity-slider>.row .icon-box .icon-box-text {
	align-self: center;
}


.hero-slider-container .slider .flickity-slider>.row .icon-box p {
	margin-bottom: 0;
	line-height: 1.25;
}

.hero-slider-container .slider .flickity-slider>.row .icon-box p strong {
	font-size: 18px;
}


.hero-slider-container .slider .flickity-slider>.row>.col>.col-inner {
	box-shadow: 0px 10px 24px 0px #0000001A;
	border-radius: 1.2rem;
	background-color: #FFF1EB;
	padding: 20px 20px;
	min-height: 12rem;
}


.hero-slider-container .slider .flickity-slider>.row:nth-child(4n+2)>.col>.col-inner {
	background-color: #E2FFE6;
}


.hero-slider-container .slider .flickity-slider>.row:nth-child(4n+3)>.col>.col-inner {
	background-color: #D5F9FF;
}


.hero-slider-container .slider .flickity-slider>.row:nth-child(4n+4)>.col>.col-inner {
	background-color: #FFF8D1;
}

.we-have-section {
	background: linear-gradient(359.92deg, #c6def7 2.42%, #9ec1f4 94.48%);

}

.we-have-section:before {
	content: '';
	display: block;
	width: 45rem;
	height: 28.5rem;

	position: absolute;
	top: 0;
	left: 0;
	background: url(/wp-content/uploads/duyanhweb-0925099999-background.webp) no-repeat center/contain;
}

.we-have-section:after {
	content: '';
	display: block;
	width: 37.5rem;
	height: 26.4rem;

	position: absolute;
	top: 0;
	right: 0;
	background: url(/wp-content/uploads/duyanhweb-2.webp) no-repeat center/contain;
}

.we-have-section .we-have-row {
	position: relative;
}

.we-have-section .we-have-row:before {
	content: '';
	display: block;
	width: 59%;
	height: 70%;
	background: url(/wp-content/uploads/https:/duyanhweb-2.webp) no-repeat center / cover;
	position: absolute;
	left: -29%;
	bottom: -60px;
}


.we-have-section .we-have-row:after {
	content: '';
	display: block;
	width: 59%;
	height: 70%;
	background: url(/wp-content/uploads/duyanhweb-0925099999-background.webp) no-repeat center / cover;
	position: absolute;
	right: -29%;
	top: 120px;
	z-index: -1;
}

.we-have-section .we-have-row-mobile .row.item {
	margin-bottom: 20px;
}

.we-have-section .we-have-row-mobile .row.item .panel {
	display: none;
}

.we-have-section .we-have-row-mobile .row.item .col-nav.active>.col-inner {
	border-color: var(--fs-color-primary);
}


.we-have-section .we-have-row-mobile .row.item .col-nav>.col-inner {
	background: linear-gradient(to right, #FFE7E7 0%, white 100%);
	border-radius: 12px 12px 0 0;
	padding: 10px 16px;
	border: 1px solid #FFE7E7;
	padding-right: 50px;
}

.we-have-section .we-have-row-mobile .row.item .col-nav>.col-inner:after {
	content: '\f107';
	font-weight: bold;
	font-family: var(--FontAwesome);
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 20px;
	color: #140F2D;
}

.we-have-section .we-have-row-mobile .row.item .col-nav.active>.col-inner:after {
	content: '\f106';
}

.we-have-section .we-have-row-mobile .col-nav .icon-box .icon-box-img .icon .icon-inner {
	width: 40px;
	color: rgba(212, 35, 40, 0.5);
	height: 40px;
	border-radius: 50%;
	background: #FFCBCB;
	padding: 6px;
}

.we-have-section .we-have-row-mobile .col-nav .icon-box .icon-box-text {
	align-self: center;
	font-size: 18px;
	color: var(--fs-color-primary);
}

.we-have-section .we-have-row-mobile .panel>.col-inner {
	padding: 20px;
	border-radius: 0 0 12px 12px;
}


.we-have-section .we-have-row-mobile .panel .icon-box {
	margin-bottom: 24px;
}

.we-have-section .we-have-row-mobile .panel .icon-box h3 {
	font-size: 16px;
	margin-bottom: 6px;
}


.speed-up-row {
	position: relative;
}

.speed-up-row:before {
	content: '';
	display: block;
	width: 59%;
	height: 70%;
	background: url(/wp-content/uploads/2024/08/decor-left-2.png) no-repeat center / cover;
	position: absolute;
	left: -36%;
	top: 10px;
}


.speed-up-row:after {
	content: '';
	display: block;
	width: 59%;
	height: 70%;
	background: url(/wp-content/uploads/2024/08/decor-right-2.png) no-repeat center / cover;
	position: absolute;
	right: -29%;
	bottom: 0;
	z-index: -1;
}



.we-have-section .we-have-row .row-navs {
	position: relative;
	margin-bottom: 15px;
	padding: 0 50px 15px;
	overflow: auto;
	flex-wrap: nowrap;
	scrollbar-width: thin
}

.we-have-section .we-have-row .row-navs:after {
	content: '';
	position: absolute;
	height: 1px;
	width: 100%;
	left: 0;
	bottom: 15px;
	background-color: #D42328;
	;
}


.we-have-section .we-have-row .row-navs>.col {
	min-width: 250px;
}

.we-have-section .we-have-row .row-navs>.col>.col-inner {
	padding: 10px 20px;
	border-radius: 12px 12px 0 0;
	border: 1px solid transparent;
	border-bottom: 0;
	transition: all 0.2s;
	cursor: pointer;

}

.we-have-section .we-have-row .row-navs>.col.active>.col-inner,
.we-have-section .we-have-row .row-navs>.col:hover>.col-inner {
	background-color: #fff;
	border-color: rgb(36, 137, 218);
}



.we-have-section .we-have-row .row-navs .icon-box .icon-box-img .icon .icon-inner {
	width: 64px;
	color: rgb(255 255 255 / 50%);
	height: 64px;
	border-radius: 50%;
	background: #3159de;
	padding: 1rem;
}

.we-have-section .we-have-row .row-navs>.col.active>.col-inner .icon-box .icon-box-img .icon .icon-inner,
.we-have-section .we-have-row .row-navs>.col:hover>.col-inner .icon-box .icon-box-img .icon .icon-inner {
	color: rgb(11 44 175 / 50%) !important;
	background: #67a9fb;
}




.we-have-section .we-have-row .row-navs .icon-box .icon-box-text {
	font-size: 18px;
	color: var(--fs-color-primary);
}

.we-have-section .we-have-row .row-navs>.col.active>.col-inner .icon-box-text,
.we-have-section .we-have-row .row-navs>.col:hover>.col-inner .icon-box-text {
	font-weight: bold;
}


.we-have-section .we-have-row .row-panels>.col {
	display: none;
}

.we-have-section .we-have-row .row-panels>.col.active {
	display: block;
}

.we-have-section .we-have-row .row-panels>.col>.col-inner {
	padding: 50px 44px;
}


.we-have-section .we-have-row .row-panels .icon-box {
	margin-bottom: 24px;
}

.we-have-section .we-have-row .row-panels .icon-box:last-child {
	margin-bottom: 0;
}

.we-have-section .we-have-row .row-panels .icon-box h3 {
	color: #2A2E31;
}

.administrator-section .administrator-row .administrator-img-col:after {
	content: '';
	position: absolute;
	top: -60%;
	bottom: 0%;
	left: -45%;
	right: 18%;
	background: url(/wp-content/uploads/2024/08/adminibg.png) no-repeat center / contain;
	z-index: -1;
}

.administrator-section .administrator-row .administrator-features>.col>.col-inner {
	border: 1px solid var(--fs-color-primary);
	border-radius: 3rem;
	background-color: #f6f6f6;
	padding: 50px 30px;
}

.administrator-section .administrator-row .administrator-features .icon-box .icon-box-text h3 {
	color: var(--text-color-third)
}


.administrator-section .flickity-slider .themes-row {
	opacity: 1 !important;
	max-width: 33.34%;
	padding: 0 15px;
}

.administrator-section .slider .flickity-page-dots {
	display: none;
}


.administrator-section .themes-row>.col>.col-inner {
	border: none;

}


.administrator-section .themes-slider .flickity-button {
	opacity: 1;
	width: 48px;
}

.administrator-section .themes-slider .flickity-button .flickity-button-icon {
	background-color: var(--fs-color-primary);
	border: none;
	padding: 30%;
}

.administrator-section .themes-tab .nav-pills {
	margin-bottom: 25px;

	overflow: auto;
	scrollbar-width: thin;
	padding-bottom: 15px;

	display: block;
	text-align: center;
	white-space: nowrap;
}

.administrator-section .themes-tab .nav-pills:after {
	content: '';
	position: absolute;
	height: 1px;
	width: 100%;
	left: 0;
	bottom: 15px;
	background-color: var(--color-white);
	;
}

.administrator-section .themes-tab .nav-pills .tab {
	margin-right: -4px !important;
}


.administrator-section .themes-tab .nav-pills .tab a {
	font-size: 20px;
	color: var(--color-white);
	padding: 2px 24px;
	border-radius: 12px 12px 0 0;
	white-space: nowrap;
	border-bottom: 1px solid var(--color-white);
}

.administrator-section .themes-tab .nav-pills .tab.active a {

	color: var(--fs-color-primary);
	background-color: var(--color-white);
}

.administrator-section .button.advise-btn {
	text-transform: capitalize;
	background-color: var(--color-white) !important;
	padding: 5px 32px;
	font-size: 18px;
	min-height: 6.4rem;
}

.button span {
	line-height: normal !important;
}

.themes-row>.col>.col-inner {
	border: 1px solid rgb(217, 217, 217);
	border-radius: 1rem;
	overflow: hidden;
}


.themes-row .browser_dots {
	height: 2rem;
}

.themes-row .browser_dots .dot {
	width: .6rem;
	height: .6rem;
}

.themes-row .box .box-image img {
	-o-object-position: 50% 0%;
	object-position: 50% 0%;
}


.themes-row .box .box-image .demo-link-wrapper {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgb(0 0 0 / 50%);
	z-index: -1;
	opacity: 0;
	transition: all 0.3s
}



.themes-row .box:hover .box-image .demo-link-wrapper {
	z-index: 1;
	opacity: 1;
}

.themes-row .box .box-image .demo-link-btn {
	color: #fff;
	background: var(--fs-color-primary);
	padding: 1.2rem 3.6rem;
	border-radius: 10rem;
	font-size: 1.6rem;
	transform: translateY(200%);
	transition: all 0.3s;
	opacity: 0;
}

.themes-row .box .box-image .demo-link-btn:hover {
	box-shadow: 0 0 5rem 0 rgb(0 0 0 / 30%) inset;
	transition: all 0.3s;

}

.themes-row .box:hover .box-image .demo-link-wrapper .demo-link-btn {
	transform: translateY(0%);
	opacity: 1;

}



.themes-row .box .box-text {
	padding: 2rem 2.4rem 2.4rem;
	background-color: var(--color-white);
}


.themes-row .label-wrapper {
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-bottom: 1rem;
	flex-wrap: wrap;
}

.themes-row .label-wrapper p {
	border-radius: .8rem;
	background-color: var(--fs-color-primary);
	color: var(--color-white);
	padding: .2rem 1rem;
	font-size: 1.4rem;
}

.themes-row .label-wrapper p.new {
	background-color: #309a17;
}

.themes-row .label-wrapper p.outline {
	border: 1px solid var(--fs-color-primary);
	background-color: transparent;
	color: var(--fs-color-primary);
}

.themes-row .title-wrapper {
	margin-bottom: 1rem;
}

.themes-row .title-wrapper h3 {
	color: var(--text-color-third);
	font-size: 2.4rem;
}

.themes-row .code-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	font-size: 1.6rem;
	color: var(--text-color-third);
	flex-wrap: wrap;
}

.dark .themes-row .code-wrapper p {
	color: var(--text-color-third);
}

.themes-row .code-wrapper .theme-badge {
	border-radius: .8rem;
	background-color: var(--fs-color-primary);
	color: var(--color-white);
	padding: .2rem 1rem;
	font-size: 1.4rem;
}

.dark .themes-row .code-wrapper .theme-badge {
	color: var(--color-white);
}



@media (min-width: 1600px) {
	.administrator-section .themes-slider .flickity-prev-next-button.previous {
		left: -72px;
		transform: translateX(0%);
	}

	.administrator-section .themes-slider .flickity-prev-next-button.next {
		right: -72px;
		transform: translateX(0%);
	}

}




.web-design-section .slider .flickity-slider>.row {
	opacity: 1;
}

.web-design-section .slider .icon-box .icon-box-img .icon-inner img {
	padding-top: 0;
}

.web-design-section .slider .icon-box .icon-box-img .icon-inner {
	transition: all 0.3s;
}

.web-design-section .slider .icon-box:hover .icon-box-img .icon-inner {
	transform: rotate(360deg);
}

.web-design-section .button.more-btn {
	font-size: 18px;
	font-weight: 400;
	margin: 0;
}

.web-design-section .button.more-btn span {
	text-decoration: underline;
}



.lottie-section {
	margin-bottom: -44px;
}

.page-template-page-landing-first .lottie-section {
	background-color: var(--color-white) !important;
}


.partner-logo-section .flickity-slider .img {
	max-width: 16.67%;
	padding: 10px;
}


@media only screen and (max-width: 1520px) {
	.hero-section h1.section-heading-title {
		font-size: 4.8rem;
	}
}


@media only screen and (max-width: 1440px) {
	.hero-section .hero-slider-container .slider .flickity-slider>.row {
		width: 33.34% !important;
	}

	.hero-section .hero-slider-container .slider .flickity-slider>.row .icon-box h3 {
		font-size: 28px;
	}

	.hero-section .hero-slider-container .slider .flickity-slider>.row .icon-box p strong {
		font-size: 16px;
	}

	.hero-section h1.section-heading-title {
		font-size: 4.2rem;
	}

	.hero-slider-container {
		bottom: 0;
		position: relative;
		margin: -15px 0 -92px 0;
	}


}

@media only screen and (max-width: 1200px) {


	.hero-section h1.section-heading-title {
		font-size: 3.6rem;
	}

	.commit-section .left-col .icon-box .icon-box-text {
		align-self: center;
		color: var(--color-black);
		font-size: 1.8rem;
		flex: 1 1 100%;
	}

	#header #masthead .header-nav-main .menu-item a {
		font-size: 1.6rem;
	}

	#header #logo {
		width: 14rem;
	}

	#header .header-button .button {
		min-height: 4.4rem;
		line-height: 4.2rem;
		font-size: 1.6rem;
	}

	#header #masthead .header-nav-main .menu-item {
		margin: 0 1.2rem;
	}

	.nav-container {
		flex-wrap: wrap-reverse;
	}

	.custom-menu {
		width: 100%;
		display: block
	}

	.we-have-section .we-have-row .row-navs {
		padding: 0 0px 15px;
	}

	.we-have-section .we-have-row .row-navs>.col>.col-inner {
		border-bottom: 1px solid var(--fs-color-primary);
	}

	.we-have-section .we-have-row .row-navs:after {
		height: 0px;
	}




	.we-have-section:before {
		width: 28rem;
		height: 18.5rem;
	}

	.we-have-section:after {
		width: 25.5rem;
		height: 18.4rem;
	}

}

@media only screen and (max-width: 1080px) {
	#header #masthead .header-nav-main .menu-item a {
		font-size: 1.4rem;
	}

	#header #logo {
		width: 12rem;
	}

	#header #masthead .header-nav-main .menu-item {
		margin: 0 1rem;
	}

	#header .header-button .button {
		min-height: 4rem;
		line-height: 4rem;
		font-size: 1.4rem;
	}

	.home-focus .flickity-slider>.row {
		max-width: 50% !important;
	}

	.web-design-section .slider .flickity-slider>.row {
		max-width: 25% !important;
	}

	.web-design-section .slider {
		padding-bottom: 50px;
	}



	.web-design-section .slider .flickity-page-dots {
		display: block;
		bottom: 0;

	}

	.hero-section h1.section-heading-title {
		font-size: 3.2rem;
	}

}

@media only screen and (max-width:960px) {
	.hero-section h1.section-heading-title {
		font-size: 2.8rem;
	}

}

@media only screen and (max-width: 849px) {

	.header-main {
		height: 7rem !important;
	}


	/*************** ADD TABLET CSS HERE  ***************/
	.select-resize-ghost,
	.select2-container .select2-choice,
	.select2-container .select2-selection,
	input[type=date],
	input[type=email],
	input[type=number],
	input[type=password],
	input[type=search],
	input[type=tel],
	input[type=text],
	input[type=url],
	select,
	textarea {
		font-size: 1.6rem;
	}

	#footer .contact-row {
		padding: 0 1.5rem;
	}

	#footer .contact-row>.col>.col-inner {
		background: linear-gradient(225deg, #d22727 0%, #912020 100%);
		border-radius: 3rem;
		padding: 3rem 4rem;
	}

	.banner-section .slider .flickity-slider>.row {
		max-width: 33.34% !important;
	}


	.architecture-section .icon-box-title .icon-box-text h3,
	.section-heading-title {
		font-size: 3.6rem;
	}

	.section-heading-title.smaller {
		font-size: 2.8rem;
	}



	.architecture-nav-section .button {
		font-size: 2rem;
	}

	.commit-section .left-col .icon-box h3 {
		font-size: 4.6rem;
	}

	.button:not(.icon) {
		min-height: 4.6rem;
		line-height: 4.6rem;
		font-size: 1.4rem;
	}

	.bundle-section .content-col .button {
		line-height: 4.8rem;
	}

	.architecture-section .header-row>.col>.col-inner strong {
		font-size: 2rem;
	}

	.home-focus .flickity-slider>.row {
		max-width: 70% !important;
	}

	.banner-section .images-col>.col-inner {
		justify-content: flex-start;
	}

	.banner-section .animate-img {
		right: 5%;
	}

	.logged-in .demo-wrapper {
		padding-top: 4rem;
	}

	.logged-in .demo-wrapper.has-wp-toolbar {
		padding-top: 0rem;
	}

	.hero-section .hero-slider-container .slider .flickity-slider>.row {
		width: 50% !important;
	}

	.hero-section .hero-slider-container .slider .flickity-slider>.row .icon-box .icon-box-img {
		width: 64px !important;
	}

	.hero-section .hero-slider-container .slider .flickity-slider>.row .icon-box h3 {
		font-size: 24px;
		display: inline-block;
		width: auto;
	}

	.hero-section .hero-slider-container .slider .flickity-slider>.row .icon-box p:first-child {
		display: block
	}

	.hero-section .hero-slider-container .slider .flickity-slider>.row .icon-box p {
		font-size: 1.2rem;
		display: inline-block;
		width: auto;
	}

	.hero-content-container {
		min-height: 500px;
	}

	.administrator-section .flickity-slider .themes-row {
		max-width: 50%;
	}

	.administrator-section .themes-tab .nav-pills .tab a {
		font-size: 16px;
	}



	.web-design-section .slider .flickity-slider>.row {
		max-width: 33.34% !important;
	}


	.web-design-section .slider .flickity-slider>.row .icon-box h3 {
		font-size: 16px;
	}

	.partner-logo-section .flickity-slider .img {
		max-width: 25%;

	}


	.administrator-section .administrator-row .administrator-img-col:after {
		top: -50%;
		bottom: -10%;
		left: -24%;
		right: -8%;
	}

	.lottie-section {
		margin-bottom: 0;
	}

}

@media only screen and (max-width: 549px) {

	/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.architecture-section .icon-box-title .icon-box-text h3,
	.section-heading-title {
		font-size: 2.4rem;
	}

	.hero-section h1.section-heading-title {
		font-size: 2rem;
	}

	.hero-section h1.section-heading-title span {
		display: block;
	}

	.bundle-section .content-col .button {
		line-height: 4rem;
	}

	.section-heading-title.smaller {
		font-size: 2rem;
	}

	.banner-section .section-heading-title.smaller {
		font-size: 2.4rem;
	}



	#footer .contact-row>.col>.col-inner {
		padding: 3rem 1.5rem;
	}

	.banner-section .slider .flickity-slider>.row {
		max-width: 50% !important;
	}

	.commit-section .left-col .icon-box .icon-box-text {
		font-size: 1.6rem;
	}

	.commit-section .left-col .icon-box h5 {
		font-size: 2rem;
		white-space: pre-wrap;
	}

	.commit-section .left-col .icon-box h3 {
		font-size: 2.8rem;
	}

	.button:not(.icon) {
		min-height: 4rem;
		line-height: 4rem;
	}

	.architecture-section .header-row>.col>.col-inner p {
		font-size: 1.2rem;
	}

	.architecture-section .header-row>.col>.col-inner strong {
		font-size: 1.5rem;
	}

	.architecture-section .body-row>.col>.col-inner {
		font-size: 1.6rem;
	}

	.accordion .accordion-item .accordion-title {
		font-size: 1.6rem;
		padding: 2 4rem 2rem 2rem;
	}

	.bundle-section .icon-box-col .icon-box .icon-box-img {
		width: 10rem !important;
	}

	.bundle-section .icon-box-col .icon-box h3 {
		font-size: 1.25em;
		white-space: pre-wrap;
	}

	.nav-container .animate-searchform input {
		height: 4rem;
	}

	.nav-container .animate-searchform button {
		height: 4rem;
		width: 4rem;
		min-height: 4rem;
		line-height: 4rem;
	}

	.home-focus .flickity-slider>.row {
		max-width: 100% !important;
	}

	.nav-container {
		gap: 1.5rem;
		padding: 2rem 1rem;
	}

	.custom-menu>li {
		margin: 0 1.5rem;
	}

	.custom-menu>li img {
		width: 1.6rem;
	}

	.custom-menu>li>a {
		font-size: 1.2rem;
	}

	.button-group .button:not(.icon) {
		font-size: 1.2rem;
		padding: 0 1rem;
	}


	.button-group.expand>.col>.col-inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
	}

	.button-group.expand .button:not(.icon) {
		font-size: 1rem;
		padding: 0 1rem;

		width: 100%;
		white-space: nowrap;
	}

	.button-group.bigger .button:not(.icon) {
		font-size: 1.4rem;
		padding: 0 1rem;
	}


	.hero-section .hero-slider-container .slider .flickity-slider>.row {
		width: 100% !important;
	}

	.hero-section .hero-slider-container .slider .flickity-page-dots {
		display: block;
		bottom: 50px;
	}

	.hero-section .hero-slider-container .slider .flickity-slider>.row>.col>.col-inner {

		padding: 20px 20px 60px 20px;
	}

	.hero-section .text-col .button {
		width: calc(50% - 12px);
		margin-right: 20px;
		padding: 0 8px;
	}

	.hero-section .text-col .button:last-child {
		margin-right: 0;
	}

	.administrator-section .flickity-slider .themes-row {
		max-width: 100%;
	}

	.administrator-section .themes-slider .slider {
		padding-bottom: 30px;
	}

	.administrator-section .themes-slider .flickity-page-dots {
		bottom: 0;
	}




	.web-design-section .slider .flickity-slider>.row .icon-box .icon-box-img {
		max-width: 64px !important;
	}

	.administrator-section .slider .flickity-page-dots {
		display: block;
	}


	.administrator-section .administrator-row .administrator-features>.col>.col-inner {
		border-radius: 1.2rem;
		padding: 20px;
	}

	.administrator-section .administrator-row .administrator-features .icon-box .icon-box-text h3 {
		font-size: 18px;
	}


	.we-have-section:before {
		width: 15rem;
		height: 20rem;
		background: url(/wp-content/uploads/2024/08/Pattern-mobile-left.png) no-repeat center / contain;
	}

	.we-have-section:after {
		width: 15rem;
		height: 20rem;
		background: url(/wp-content/uploads/2024/08/Pattern-mobile-right.png) no-repeat center / contain;
	}

	.administrator-section:after {
		content: '';
		display: block;
		width: 100%;
		height: 25rem;
		position: absolute;
		bottom: 0;
		left: 0;
		background: url(/wp-content/uploads/2024/08/Pattern-mobile.png) no-repeat center/contain;
	}


	#footer .contact-row>.col>.col-inner {
		background: url(/wp-content/uploads/2024/08/form-bg.png) no-repeat top left / 100% 100%;
		padding: 5rem 3rem 2rem;
	}

	.page-template-page-landing-first .row-info:after {
		content: '';
		display: block;
		width: 25rem;
		height: 35rem;
		position: absolute;
		top: 12%;
		left: 0;
		background: url(/wp-content/uploads/2024/08/footer-info-bg.png) no-repeat center / contain;
	}

	.web-design-section .section-heading-title {
		font-size: 2rem;
	}



	.administrator-section .button.advise-btn {
		text-transform: capitalize;
		background-color: var(--color-white) !important;
		padding: 5px 32px;
		font-size: 16px;
		min-height: 4.6rem;
	}
}

@media only screen and (max-width: 400px) {

	.web-design-section .slider .flickity-slider>.row .icon-box h3 {
		font-size: 14px;
	}

	.web-design-section .slider .flickity-slider>.row {
		max-width: 50% !important;
	}
}

/*************** END Giải pháp thiết kế website chuyên nghiệp  ***************/