.page-wrapper{
	padding:0 !important;
}
div#masthead{
	.header-inner.flex-row.container {
		// background: linear-gradient(to right, #FFFC9A,#FFEC50 );
		background: linear-gradient(90deg, #FFA041 0%, #FFD900 100%);
		padding: 15px;
		li.html.header-button-1 {
			a{
				padding: 5px 20px;
				font-size: 	16px;
			}
		}
		.hotlinetop {
			img{
				width: 50px;
				height: 50px;
			}
		}
		
	}
	.container {
		padding: 0;
		.top-divider.full-width {
			height:5px;
			background: linear-gradient( to right,#0F1AB5,#85B2FF);
			opacity: 1;
		}
	}
}
@media only screen and (min-width: 550px){
	.row .col{
		padding: 0 7px 15px !important;
	}
}
@media only screen and (max-width: 550px){
	.row .col{
		padding: 0 5px 10px !important;
	}
}
#section_01{
	height:700px;
	.section-bg.fill {
		background-size: cover !important;	
	}
	.section-content.relative{
		  display: block; /* Hoặc giữ flex nhưng chỉnh align */
	    align-items: flex-start !important;
	    justify-content: flex-start !important;
	    padding-top: 0; /* hoặc giá trị mong muốn */
	    height: 100%;
	}
	.title_combo  h2{
		font-size: 24px;
		font-weight: 700;
		text-align: center;
		margin-top: 5px;
		color: #FF0630;
	}
	.combobuy  {
		margin-left:-10px;
		.col .col-inner{
			background: #fff;
			border-radius: 10px;
			padding: 5px;
			.coltileflex {
				display: flex;
			    justify-content: space-around;
			    align-items: center;
			    flex-wrap: nowrap;
				.title_combo {
					font-size: 12px;
					font-weight: bold;
					color: #FF000D;
					text-align: center;
				}
				.combo_tk{
					font-size: 12px;
					font-weight:300;
					text-align: center;
					span.sale_price{
						font-size: 12px;
						font-weight: 600;
					}
					span.price{
						color: #FF000D;
						font-weight: 500;
						text-decoration: line-through;
					}
				}
			}
		}
		a.form_.buy-combo-btn.button.primary {
			border-radius: 99px;
		    max-width: 180px;
			margin:5px auto;
			font-size: 14px;
			text-transform: initial;
			display: block;
			width: 100%;
			padding: 10px 0 0px;
			.chicon {
			    font-size: 14px;
			    font-weight: 500;
			    display: flex;
    			justify-content: space-around;
    			line-height: 1.3;
			}
			.buynow.uppercase {
				font-weight: 900;
				font-size: 14px;
				line-height: 1.4;
				span{
					display: block;
				}
			}
		}
		.text-center.freeship{
			font-size: 10px;
			font-style: italic;
			color: var(--primary-color);
		}		
	}
}
#section_02 {
	padding: 15px  15px 10px !important;
	.sliedr_foto {
	    padding: 20px;
	    border-radius: 20px;
	    background: #FFA77B;
	    .img_chatluong{
    	    text-align: center;
		    margin-bottom: -60px;
		    z-index: 99999;
		    position: relative;
	    	img{
	    		height: 150px;
	    		object-fit: scale-down;
	    	}
	    }
	    .row-start {
		    display: flex;
		    flex-direction: row;
		    justify-content: space-between;
		    align-content: center;
		    align-items: center;
		    flex-wrap: nowrap;
		    margin-top: 15px;
		    margin-bottom: -10px;
		    .colflex{
		    	padding: 0 8px 0 !important;
		    	img{
		    		height: 15px;
		    		object-fit: scale-down;
		    	}
		    	&+.colflex{
		    		border-left: 1px solid #333;
		    		.spancountup {
					    font-size: 15px;
					    color: #000;
					    font-weight: 500;
					}
		    	}
		    }

		}
	    .combobuy  {
	    	margin-top: 30px;
	    	.col:last-child{
	    		min-width: 300px;
	    	}
			.col .col-inner{
				background: #fff;
				border-radius: 10px;
				padding: 5px;
				.coltileflex {
					display: flex;
				    justify-content: space-around;
				    align-items: center;
				    flex-wrap: nowrap;
					.title_combo {
						font-size: 14px;
						font-weight: bold;
						color: #FF000D;
						text-align: center;
					}
					.combo_tk{
						font-size: 14px;
						font-weight:300;
						text-align: center;
						.prices{
							display: flex;
							gap: 5px;
						}
						span.sale_price{
							font-size: 14px;
							font-weight: 600;
						}
						span.price{
							color: #FF000D;
							font-weight: 500;
							text-decoration: line-through;
						}
					}
				}
			}
			a.form_.buy-combo-btn.button.primary {
				border-radius: 99px;
			    max-width: 180px;
    			margin:5px auto;
				font-size: 14px;
				text-transform: initial;
				display: block;
				width: 100%;
				padding: 10px 0 0px;
				.chicon {
				    font-size: 14px;
				    font-weight: 500;
				    display: flex;
	    			justify-content: space-around;
	    			line-height: 1.3;
				}
				.buynow.uppercase {
					font-weight: 900;
					font-size: 14px;
					line-height: 1.4;
					span{
						display: block;
					}
				}
			}
			.text-center.freeship{
				font-size: 12px;
				font-style: italic;
				color: var(--primary-color);
			}		
		}
		.km{
			.title{
				margin-top: 10px;
				font-size: 18px;
				text-transform: uppercase;
				color: #000;
				font-weight: bold;
				strong{
					color: var(--primary-color);
				}
			}
			.content {
				margin-top: 5px;
				p{
					font-size: 16px;
					color: #000;
					margin-bottom: 5px;
				}
				ul{
					list-style: none;
					li{
						list-style: none;
						font-size: 16px;
						color: #000;
						margin-bottom: 0;
						&:before{
							content: "";
						    background: url(assets/img/thunder.svg) center center no-repeat;
						    width: 16px;
						    height: 26px;
						    display: block;
						    position: absolute;
						    background-size: contain;
						    left: 0px;
						}
					}
				}
			}
		}
	}
}
#section_03{
	padding:0px 22px 20px!important;
	.row.sec_tion3 {
		.col {
			padding: 0 !important;
			img{
				border-radius: 20px;
			}
		}
	}
}
#section_04{
	.section-bg.fill {
		background: url(assets/img/imgbg.png) top center no-repeat;
		background-size: cover;
	}
	.sec_tion4 {
		padding: 0 40px !important;
		img{
			border-radius: 20px;
		}
		.title.text-center{
			color: #0072BD;
			margin-bottom: 15px;
			margin-top: 20px;
			font-size: 28px;
			font-weight: 600;
		}
		.box-text-content{
			font-size: 16px;
			margin: 5px 0;
		}
	}
}
#section_05 {
	.section-bg.fill {
		background: url(assets/img/bg4.png) center center no-repeat;
	}
	.row.sec_tion5{
		padding: 20px 35px;
		.title {
			margin-top: 15px;
		}	
	}
	.row.row-sp{
		.col-album {
			text-align: center;
			img{
				height: 250px;
				object-fit: cover;
			}
		}
		.col-mota img{
			height: 60px;
			object-fit: scale-down;
		}
		.content-s {
			margin-top: 40px;
			ul{
				list-style: none;
				li{
					margin-bottom: 5px;
					font-size: 14px;
					font-weight: 600;
					color: #000;
					position: relative;
					padding-left: 10px;
					&:before{
						content: "";
						background: url(assets/img/thunder.svg) center center no-repeat;
						width: 16px;
						height: 26px;
						display: block;
					    position: absolute;
					    background-size: contain;
					    left: -15px;
					}
				}
			}
		}
	}
}
#section_06{
	.section-bg.fill{
    	background: url(assets/img/bgdanhgia.png) center center no-repeat;
    	background-size: cover !important;
	}
	.section-content.relative{
		margin-top: 25px;
	}
	.sec_tion6 {
		.title{
			margin-bottom: 25px;
		}
	}
	.row-danhgia{
		padding: 0 15px;
		.col {
			padding: 0 17px 30px !important;
			&.class-1 .col-inner{
				margin-left: -20px;
			}
			&.class-2 .col-inner{
				margin-left: 5px;
			}
			&:nth-child(4n+3) .col-inner{
				margin-left: -5px;
			}
			&:nth-child(4n) .col-inner{
				margin-top: 20px;
				margin-left: -10px;
			}
			.col-inner{
				height: 100%;
				background: #fff;
				border-radius: 10px;
				padding:10px 10px 10px;
				&:before{
					content: "";
					background: url(assets/img/quote.svg) center center no-repeat;
					position: absolute;
				    width: 64px;
				    height: 60px;
				    background-size: contain;
				    right: -10px;
				    top: -5px;
				    z-index: 1;
				}
				.star_rv{
					text-align: center;
					margin-bottom: 5px;
					position: relative;
					z-index: 99;
					img{
						height: 20px;
						z-index: 9;
					}
				}
				.content{
					font-size: 12px;
					line-height: 18px;
					
				}
				.img_kh {
					text-align: center;
					margin-top: 5px;
					img {
						height:40px;
						width:40px;
						border-radius: 99px;
					}
				}
			}
		}
	}
}
#section_07{
	.section-bg.fill{
    	background: url(assets/img/bgdanhgia.png) center center no-repeat;
    	background-size: cover !important;
	}
	.section-content.relative{
		margin-top: 25px;
	}
	.title {
		margin-bottom: 35px;
	}
}
#section_08{
	    padding-bottom: 120px !important;
	.section-bg.fill{
    	background: url(assets/img/bgs8.png) center center no-repeat;
    	background-size: cover !important;
	}
	.title {
		margin-top: 35px;
	}
	.row-chinhsach {
		margin-top: 25px;
		margin-left: 0;
		margin-right: 0;
		.col_csbox {
			.col-inner{
				background: #fff;
				border-radius: 20px;
				padding: 15px;
				height: 100%;
				.col-imgs {
				    text-align: center;
				    img{
				    	height: 45px;
				    	margin-bottom: 5px;
				    	object-fit: scale-down;
				    }
				}
				.col-contens{
					text-align: center;
					color: #D37300;
					text-transform: uppercase;
					font-size: 11px;
					font-weight: bold;
				}
			}
		}
	}
	.row-logo  {
		.logo_cty {
			margin-top: 25px;
			margin-bottom: 15px;
		}
		.namecty {
			font-size: 16px;
			color: #F69220;
			text-transform: uppercase;
			font-weight: bold;
		}
		.diachi{
			p{
				margin-bottom: 5px;
				font-size: 10px;
				text-transform: uppercase;
				color: #000;
				font-weight: bold;
			}
		}
	}
}

div#form_buy {
	background: #E8E8E8;
	border-radius: 20px 20px;
	.text-center.logo-txt{
	    background: #F8EE59;
	    border-radius: 20px 20px 0 0;
	    padding: 25px 0;

	    img{
	    	height: 60px;
	    	object-fit: scale-down;
	    	 margin-bottom: 25px;
	    }
	}
	.combo_buy  {
	    padding: 0px 15px;
    	margin-left: -5px;
    	display: flex;
	    flex-direction: row;
	    justify-content: center;
    	.col {
    		&:nth-child(3n+1){
    			max-width: 30%;
    		}
    		&:nth-child(3n+2){
    			max-width: 30%;
    		}
    		&:nth-child(3n){
    			max-width: 40%;
    		}
    	}
	}
	.col_flex {
		a.form_.buy-combo-btn.button.primary {
			border-radius: 99px;
		    max-width: 180px;
			margin:5px auto;
			font-size: 14px;
			text-transform: initial;
			display: block;
			width: 100%;
			padding: 10px 5px;
			.chicon {
			    font-size: 11px;
			    font-weight: 600;
			    display: flex;
				justify-content: space-around;
				line-height: 1.3;
				align-items: center;
			}
			strong{
				font-size: 13px;
			}
			.buynow.uppercase {
				font-weight: 900;
				font-size: 12px;
				line-height: 1.4;
				span{
					display: block;
				}
			}
		}
	}
	.combobuy_form {
		.col-udai.col {
			margin-top: 35px;
			.titles{
				text-align: center;
				font-size: 22px;
				text-transform: uppercase;
				color: #000;
				font-weight: 600;
			}
			div#vn-countdown {
			    justify-content: center;
			    margin: 10px 0 25px;
			    >div{
					width: 80px;
					height: 80px;
					background: #231F20;
					border-radius: 10px;
					display: flex;
				    justify-content: center;
				    align-items: center;
				    flex-direction: column;
				    color: #fff;
				    font-size: 14px;
				    font-weight: 500;
					strong{

						color: #fff;
						font-size: 22px;
					}
			    }
			}
			form.wpcf7-form.init{
				margin-bottom: 0;
			}
			.fomr_cf7 {
			    padding: 0 55px;
			    input{
			    	&:not(.wpcf7-submit){
			    		border-radius: 10px;
			    		border:1px solid #B7B7B7;
			    		min-height: 50px;
			    		padding: 10px;
			    	}
			    }
			    select.wpcf7-form-control.wpcf7-select {
				    border-radius: 10px;
				    border: 1px solid #B7B7B7;
				    min-height: 50px;
				    padding: 10px;
				}
			}
			input.wpcf7-form-control.wpcf7-submit.has-spinner {
			    display: block;
			    margin: auto;
			    background: #FDB614;
			    border-radius: 99px;
			    padding: 10px 35px;
			    max-width: 250px;
			    border-bottom: 3px solid #CB2026;
			    border-right: 3px solid #CB2026;
			}
			span.wpcf7-spinner{
				display: none;
			}
		}
	}
}
@media only screen and (max-width: 550px){
	#logo img {
		max-height: 40px !important;
	}
	ul.mobile-nav.nav.nav-right{
		display: flex;
    	flex-direction: row;
    	min-width: 205px;
    	li.html.header-button-1 a{
    		font-size: 12px !important;
    	}
	}
	#section_01 {
		height: 560px;
		.title_combo h2{
			font-size: 18px;
		}
		.combobuy  {
			ol{
				display: none;
			}
			.col .col-inner .coltileflex {
				.title_combo{
					font-size: 8px;
				}
				.titles{
					font-size: 8px;
				}
				.combo_tk {
					font-size: 8px;
					span.sale_price, span.price {
						font-size: 8px;
					}
				}
			}
			a.form_.buy-combo-btn.button.primary {
			 	.chicon{
			 		font-size: 8px;
			 	}
			 	.buynow.uppercase{
			 		font-size: 8px;
			 	}
			}
		}
	}
	#section_02 {
		.sliedr_foto .img_chatluong img{
			height: 100px;
		}
		.sliedr_foto .combobuy  {
			.col:last-child {
				min-width: 210px;
			}
			.text-center.freeship{
				font-size: 8px;
			}
			ol{
				display: none;
			}
			.col .col-inner .coltileflex {
				.title_combo{
					font-size: 10px;
				}
				.titles{
					font-size: 10px;
				}
				.combo_tk {
					font-size: 10px;
					span.sale_price, span.price {
						font-size: 10px;
					}
				}
			}
			a.form_.buy-combo-btn.button.primary {
			 	.chicon{
			 		font-size: 10px;
			 	}
			 	.buynow.uppercase{
			 		font-size: 10px;
			 	}
			}
		}
		.sliedr_foto .km {
			.title{
				font-size: 14px;
			}
			.content ul li{
				font-size: 12px;
				line-height: 1.4;
				margin-bottom: 5px;
				&:before{
					width: 13px;
				    height: 20px;
				    left: -2px;
				}
			}
		}
	}
	#section_04 .sec_tion4 {
		padding: 0 20px !important;
		.title.text-center{
			font-size: 20px;
		}
	}
	#section_05 .row.row-sp {
		.col-album img {
		    height: 180px;
	 	   object-fit: cover;
		}	
		.content-s ul li{
			font-size: 13px;
		}
	}
	#section_06 {
		.row-danhgia .col {

			padding: 0 5px 30px !important;
			&.class-1 .col-inner{
				margin-left: -10px;
			}
			&:nth-child(4n) .col-inner {
				margin-left: 0;
			}
			.col-inner{
				&:before{
					width: 34px;
					height: 30px;
				}
				.star_rv img{
					height: 15px;
				}
				.content{
					font-size: 8px;
					line-height: 12px;
				}
			}
		}
	}
	#section_08 {
		.row-chinhsach .col_csbox .col-inner {
			height: 100%;
			.col-contens{
				font-size: 8px;
			}
		}
		.row-logo {
			.namecty{
				font-size: 11px;
			}
			 .diachi p{
			 	font-size: 9px;
			 }
		}
	}
	.mfp-container.mfp-s-ready.mfp-inline-holder{
		padding: 30px 10px !important;
	}
	div#form_buy {
		border-radius: 10px;
		.text-center.logo-txt{
		    padding: 15px 0;
		    img{
		    	height: 50px; 
		    	margin-bottom: 10px;   	
		    }
		}
		.combo_buy  {
		    padding: 0px 10px;

	    	.col {
	    		padding-bottom: 5px !important;
	    		&:nth-child(3n+1){
	    			max-width:45%;
	    		}
	    		&:nth-child(3n+2){
	    			max-width: 45%;
	    		}
	    		&:nth-child(3n){
	    			max-width: 55%;
	    		}
	    	}
		}
		.col_flex {
			a.form_.buy-combo-btn.button.primary {
				border-radius: 99px;
			    max-width: 180px;
				margin:5px auto;
				font-size: 14px;
				text-transform: initial;
				display: block;
				width: 100%;
				padding: 10px 5px;
				.chicon {
				    font-size: 11px;
				    font-weight: 600;
				    display: flex;
					justify-content: space-around;
					line-height: 1.3;
					align-items: center;
				}
				strong{
					font-size: 13px;
				}
				.buynow.uppercase {
					font-weight: 900;
					font-size: 12px;
					line-height: 1.4;
					span{
						display: block;
					}
				}
			}
		}
		.combobuy_form {
			.col-udai.col {
				margin-top: 15px;
				.titles{
					text-align: center;
					font-size: 22px;
					text-transform: uppercase;
					color: #000;
					font-weight: 600;
				}
				div#vn-countdown {
				    margin: 10px 0 15px;
				    gap: 8px;
				    font-size: 16px;
				    div{
				    	width: 60px;
				    	height: 60px;
				    	font-size: 13px;
				    	strong{
				    		font-size: 14px;
				    	}
				    }
				}
				form.wpcf7-form.init{
					margin-bottom: 0;
				}
				.fomr_cf7 {
				    padding: 0 55px;
				    input{
				    	&:not(.wpcf7-submit){
				    		border-radius: 10px;
				    		border:1px solid #B7B7B7;
				    		min-height: 40px;
				    		padding: 10px;
				    		margin-bottom: 10px;
				    	}
				    }
				    select.wpcf7-form-control.wpcf7-select {
					    border-radius: 10px;
					    border: 1px solid #B7B7B7;
					    min-height:40px;
					    padding:5px 10px;
					}
				}
				input.wpcf7-form-control.wpcf7-submit.has-spinner {
				    display: block;
				    margin: auto;
				    background: #FDB614;
				    border-radius: 99px;
				    padding: 5px 35px;
				    max-width: 250px;
				    border-bottom: 3px solid #CB2026;
				    border-right: 3px solid #CB2026;
				}
				span.wpcf7-spinner{
					display: none;
				}
			}
		}
	}
}
.fixed-row{
	display: grid;
    background: #FFF57A;
    padding: 10px 5px;
    grid-template-columns: 30% 70%;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    bottom: 0;
    max-width: 560px;
    z-index: 99;
    .combo {
    	display: flex;
        align-items: center;
    	justify-content: center;
    	.col{
    		padding:0 0 5px 0!important;
    	}
    	a.form_.buy-combo-btn.button.primary {
		    border-radius: 99px;
		    max-width: 120px;
		    margin: 5px auto;
		    font-size: 10px;
		    text-transform: initial;
		    display: block;
		    width: 100%;
		    padding: 5px 0;
		    margin: 0 auto;
		    .chicon {
			    font-size: 11px;
			    font-weight: 600;
		
			    line-height: 1.3;
			    align-items: center;
			    .title_combo{
			    	font-size: 8px;
			    	line-height: 1;
			    }
			   strong{
			   		line-height: 1;
			   		font-size: 13px;
			   }
			}
		}
	}
}
@media only screen and (max-width: 550px){
	.fixed-row{
		display: unset;
		width: 100%;
		padding: 5px 5px 0;
		.col-logo {
			text-align: center;
			margin-bottom: 10px;
			img{
				height: 40px;
				object-fit: scale-down;
			}
		}
		.combo.row {
			margin: 0 !important;
			.col .col-inner{
				text-align: center;
				padding: 0 10px 2px;
			}
			.combo{
				a.form_.buy-combo-btn.button.primary{
					padding: 7px 5px;
				}
			}
			
		}
	}
	#section_02 .sliedr_foto .row-start .colflex + .colflex .spancountup {
		font-size: 12px;
	}
}
.buy-combo-btn {
    animation: pulse 1.5s infinite;
    transform-origin: center;
}

@keyframes pulse {
    0% { transform: scale(0.9); }
    50% { transform: scale(1.0); }
    100% { transform: scale(0.9); }
}
.cta.fixed {
    bottom: 120px;
    right: 10px;
    .icon{
    	margin-bottom: 20px;
    
    	border-radius: 99px;
    	width: 50px;
    	height: 50px;
    	box-shadow: 0 0 2px 2px #efefef;
    	img{
    		width: 50px;
    		height: 50px;
    		object-fit: scale-down;
    	}
    }
}