/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: Phương Nam ViNa
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
:root{
	--gutter: 1.5rem;
	--fs-title: clamp(1.25rem, 1.05rem + 1vw, 2.25rem);
}

@font-face {
    font-family: 'MTD-Chuck-Noon-Script';
    src: 
        url('../flatsome-child/fonts/MTD-Chuck-Noon-Script.woff') format('woff');
        font-weight: 400;
}

@font-face {
    font-family: 'MTD-CS-Delirian-Script';
    src: 
        url('../flatsome-child/fonts/MTD-CS-Delirian-Script.woff') format('woff');
        font-weight: 400;
}

body{
	/*font-family: "Nunito Sans", serif;*/
	font-family: "Open Sans", serif;
}

#main, #wrapper{
	background-color: #F8FAF7;
}

p:last-of-type{
	margin-bottom: 0;
}

[class*="fa-"]:not(.fab):before{
	font-family: "Font Awesome 6 Pro";
}

.g-2{
	--gutter: 0.5rem;
}

.g-3{
	--gutter: 1rem;
}

.g-4{
	--gutter: 1.5rem;
}

.row-custom{
	margin-top: calc((-1) * var(--gutter));
	padding-left: calc(0.5 * var(--gutter) / 2);
	padding-right: calc(0.5 * var(--gutter) /2);
}

.row-custom>.col{
	margin-top: var(--gutter);
	padding-left: calc(0.5 * var(--gutter));
	padding-right: calc(0.5 * var(--gutter));
	padding-bottom: 0;
}

.container .row-custom:not(.row-collapse){
	margin-left: calc(-0.5* var(--gutter) / 2);
	margin-right: calc(-0.5* var(--gutter) / 2);
	padding-left: calc(0.5* var(--gutter) / 2) !important;
    padding-right: calc(0.5* var(--gutter) / 2) !important;
}


.mt-row-small{
	margin-top: 19.6px;
}

.pl-half{
	padding-left: 15px;
}
.pr-half{
	padding-right: 15px;
}


.img-rounded-2{
	border-radius: 0.5rem;
	overflow: hidden;
}

.section-bg-contain .bg-fill{
	background-size: contain !important;
}

.btn-custom{
	min-height: unset;
	margin-bottom: 0;
	padding: 0.5rem 1rem;
	line-height: normal;
	font-size: 1rem;
}


.has-top-cover .section-bg-overlay:before,
.has-bottom-cover .section-bg-overlay:after{
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	height: 20%;
}

.has-top-cover .section-bg-overlay:before{
	top: 0;
	background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, #F8FAF7 100%);
}

.has-bottom-cover .section-bg-overlay:after{
	bottom: 0;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #F8FAF7 100%);
}

.main-title h2{
	margin-bottom: 0;
	font-size: var(--fs-title);
}

.box-main-title{
	position: relative;
}

.box-main-title h2{
	position: relative;
	font-size: var(--fs-title);
	font-weight: 600;
}

.box-main-title.h2-no-margin h2{
	margin-bottom: 0;
}

.box-main-title.h3-style h3{
	margin-bottom: 0.25rem;
	font-size: 2rem;
	line-height: 1;
	font-weight: 400;
}

.h1-style h1,
.h2-style h2,
.h3-style h3,
.h4-style h4,
.h5-style h5,
.h6-style h5{
	font-family: 'MTD-Chuck-Noon-Script';
}


.wrapper-slide{
	position: relative;
}

.wrapper-slide .swiper-button-prev:after,
.wrapper-slide .swiper-button-next:after{
	content: "";
}

.wrapper-slide .swiper-button-prev,
.wrapper-slide .swiper-button-next{
	width: clamp(1rem, 0.8rem + 1vw, 2rem);
	height: clamp(1rem, 0.8rem + 1vw, 2rem);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.swiper-outline-button .swiper-button-prev{
	left: calc(-1 * clamp(0rem, -0.6rem + 3vw, 3rem));
	background-image: url('../flatsome-child/images/prev-slide.svg');
}
.swiper-outline-button .swiper-button-next{
	right: calc(-1 * clamp(0rem, -0.6rem + 3vw, 3rem));
	background-image: url('../flatsome-child/images/next-slide.svg');
}



/*====*/
#header.sticky-jump .stuck:not(.ux-no-animation){
	animation: stuckMoveDown 1s;
	transition: all .3s ease-in-out;
}

.header-wrapper{
	background-image: url('../flatsome-child/images/bg-header.webp');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	background-color: #fff;
}

.header-wrapper.stuck{  }


.searchform{
	background-color: #fff;
	border-radius: 50rem;
	overflow: hidden;
}

.searchform .search-field{
	background-color: transparent;
	border: 0;
	box-shadow: none;
	height: unset;
	height: 2.5rem;
	padding: 0.5rem 1.25rem;
	font-size: 1rem;
}

.searchform .search-field:placeholder{
	color: rgba(0, 0, 0, 0.76);
}

.searchform .submit-button{
	min-width: unset;
	width: 6rem;
	height: 2.5rem;
	border-radius: 50rem !important;
	background: linear-gradient(90deg, #097F7F 1.15%, #64B2B2 99.42%) !important;
	padding: 0;
}

.searchform .submit-button i:before{
	content: "TÌM KIẾM";
	font-family: "Nunito Sans", serif;
	font-weight: 800;
	font-size: 0.8rem;
	line-height: normal;
}

.icon-hotline-header{
	align-items: center;
	line-height: 1.2;
}

.icon-hotline-header h3{
	margin-bottom: 0;
	font-weight: 700;
}

.icon-hotline-header .icon-box-text{
	padding-left: 0.5rem !important;
}

.header-cart-link{
	width: 2.25rem;
	height: 2.25rem;
	justify-content: center;
	align-items: center;
	background: linear-gradient(90deg, #097F7F 1.15%, #64B2B2 99.42%);
	padding: 0 !important;
	border-radius: 50%;
}

.header-cart-link i{
	min-width: unset !important;
	color: #fff;
	font-size: 1rem;
	line-height: normal;
}

.header-cart-link i:before{
	content: "\f290";
	font-family: "Font Awesome 6 Sharp";
	font-family: "Font Awesome 6 Pro";
	font-weight: 300;
}

#header .header-nav-main{
	justify-content: center;
}

#header .header-bottom{
	background: linear-gradient(180deg, #B2D9D8 0%, #097F7F 100%);
}

#header .header-bottom .header-bottom-nav{
	justify-content: center;
	gap: 1rem;
}


#header .header-bottom .menu-item a{
	color: #fff;
	text-transform: capitalize;
	font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
	font-weight: 400;
	line-height: normal;
}

#header .header-bottom .sub-menu .menu-item a{
	color: var(--primary-color);
}


.polylang_langswitcher{
	display: flex;
	align-items: center;
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
	gap: 0.25rem;
}

.polylang_langswitcher li{
	margin-bottom: 0;
}

.polylang_langswitcher li img{
	width: 30px;
	height: auto !important;
}


/*====*/
.main-slide .slider .image-cover{  }

.main-slide .flickity-page-dots .dot{
	width: 1.5rem;
	height: 1.5rem;
	border: 3px solid #D9D9D9;
	border-radius: 0.75rem 0 0.75rem 0;
	background-color: #D9D9D9;
	opacity: 1;
}

.main-slide .flickity-page-dots .dot.is-selected{
	background-color: var(--primary-color);
}

/*===*/
.form-home-search-product .form-control,
.form-home-search-product .button{
	margin: 0 !important;
	padding: 0.5rem 0.5rem;
	height: unset;
	border-radius: 0.25rem;
	line-height: normal;
	font-size: 0.875rem;
}

.form-home-search-product .button{
	width: 100%;
	background-color: #B2D9D8;
	color: #000;
}


/*===*/
.box-icon-policy{
	height: 100%;
	align-items: center;
}

.box-icon-policy img{
	padding: 0;
}

.box-icon-policy .icon-box-text{
	padding-left: 0.5rem !important;
	line-height: normal;
	font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
}

.box-icon-policy .icon-box-text h3{
	margin-bottom: 0.25rem;
	font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
}

/*===*/
.box-category .thumbnail{
	padding-top: 75%;
	border-radius: 0.5rem;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	overflow: hidden;
}

.box-category .thumbnail img{
	transition: all .3s ease-in-out;
}

.box-category .content{
	margin-top: 0.5rem;
	text-align: center;
}

.box-category:hover .thumbnail img{
	transform: scale(1.05);
}


/*=== Woocommerce*/
.product-small.box{
	position: relative;
	/*padding: 0.5rem;*/
	border-radius: 1rem;
}

/*.product-small.box:before{
	content: "";
	position: absolute;
	inset: 0;
	background-image: url('../flatsome-child/images/box-product.svg');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: contain;
	clip-path: polygon(0 0, 100% 0, 100% 70%, 0 70%);
	pointer-events: none;
}

.product-small.box:after{
	content: "";
	position: absolute;
	inset: 0;
	background-image: url('../flatsome-child/images/box-product.svg');
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	clip-path: polygon(0 70%, 100% 70%, 100% 100%, 0% 100%);
	pointer-events: none;
}*/

.product-small .badge-container{
	margin-top: 0;
	left: unset;
	top: 0.5rem;
	right: 0.5rem;
	animation: ring 6s 1s ease-in-out infinite;
	transform-origin: 50% 0px;
}

.product-small .badge-container .badge{
	width: 3rem;
	height: 3rem;
	margin: 0;
}

.product-small .badge-container .badge-inner{
	padding: 0.5rem 0 0 0 ;
	font-size: 0.75rem;
	background-color: transparent;
	background-image: url('../flatsome-child/images/label-sale.svg');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.product-small .box-image{
	border-radius: 0.75rem;
}

.product-small .box-text{
	padding: 0.5rem;
}

.product-small .title-wrapper{  }

.product-small .product-title{
	font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
	font-weight: 600;
	margin: 0;
}

.product-small .product-title a{
	margin: 0;
	line-height: normal;
}

.star-rating{
	
}

.product-small .price-wrapper .price {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    font-size: clamp(0.875rem, 0.85rem + 0.125vw, 1rem);
    font-weight: 500;
}

.product-small del>.woocommerce-Price-amount {
    color: #b4b4b4
}

.product-small ins>.woocommerce-Price-amount,
.product-small .woocommerce-Price-amount{
    color: #eb2629
}

.product-small .group-button-action-cart .add-cart{
	border-radius: 5px;
	font-size: clamp(0.75rem, 0.725rem + 0.125vw, 0.875rem);
	padding: 0.375rem 1rem;
}

/*single-product*/
.product-main{
	padding-bottom: clamp(1rem, 0.7rem + 1.5vw, 2.5rem);
}

.product-summary{
	padding-bottom: 0;
}

.star-rating:before,
.woocommerce-page .star-rating:before{
	color: #E1C211;
}

.star-rating span:before{
	color: #E1C211;
}

.product-page-price bdi{
	color: #F10000;
}

.product-summary .price-on-sale del .woocommerce-Price-amount.amount bdi{
	color: #7C7C7C;
}

.product-summary .price-on-sale ins .woocommerce-Price-amount.amount bdi,
.product-summary .price-on-sale ins .woocommerce-Price-amount.amount bdi{
	color: #F10000;
}


.product-summary form.cart{
	margin-top: 1rem;
}

.product-summary form.cart .quantity.buttons_added{
	border: 1px solid #D9D9D9;
	border-radius: 0.5rem;
	padding: 3px;
}

.product-summary form.cart .quantity.buttons_added input[type="button"]{
	width: 2.25rem;
	height: 2.25rem;
	min-height: unset;
	background-color: #E9E9E9;
	border: 0;
	border-radius: 6px !important;
	font-size: 1.125rem;
    font-weight: 900;
    color: #000;
    line-height: unset;
}

.product-summary form.cart .quantity.buttons_added input[type="number"]{
	width: 2.5rem;
	height: 2.25rem;
	max-width: unset;
	min-height: unset;
	background-color: #f8faf7;
	border: 0;
	box-shadow: none;
	font-weight: 700;
}

.product-summary form.cart>.single_add_to_cart_button,
.product-summary form.cart>.single_variation_wrap>.woocommerce-variation-add-to-cart>.single_add_to_cart_button{
	display: none;
}

.product-summary .group-button-add-cart{
	display: flex;
	gap: 1.5rem;
}

.product-summary .group-button-add-cart .single_add_to_cart_button{
	flex: 1;
	min-height: unset;
	margin: 0;
	padding: 0.5rem 1.5rem;
	background-color: var(--primary-color);
	border-radius: 0.5rem;
	font-size: clamp(1rem, 0.95rem + 0.25vw, 1.25rem);
	line-height: unset;
}

.product-summary .group-button-add-cart .single_add_to_cart_button.button_buy_now{
	background-color: #F61C40;
}

.single-product-policy>.col .col-inner{
	height: 100%;
}

.single-product-policy .box-icon-policy{
	padding: 0.75rem;
	background-color: #DEEFEF;
	clip-path: polygon(5% 0, 95% 0, 100% 15%, 100% 85%, 95% 100%, 5% 100%, 0 85%, 0 15%);
}

.woocommerce-tabs{
	max-width: 100% !important;
	border-top: 0 !important;
}

.woocommerce-tabs .product-tabs li{
	margin: 0 !important;
}

.woocommerce-tabs .product-tabs li a{
	border: 0;
	background-color: #B4B4B4;
	border-radius: 0.375rem;
	color: #314646;
	font-weight: 700;
	line-height: normal;
	font-size: 1rem;
}

.woocommerce-tabs .product-tabs li.active a{
	background-color: var(--primary-color);
	color: #fff;
}

.woocommerce-tabs .tab-panels{
	border-radius: 0px 10px 10px 10px;
	border: 1px solid #FFF;
	background: #F8F8F8;
	box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}

.related-products-wrapper{
	border-top: none;
}

.box-title-related h2{
	color: var(--primary-color);
}

.btn-view-more-related{
	display: inline-flex;
	align-items: center;
	gap: clamp(0.25rem, 0.2rem + 0.25vw, 0.5rem);
	color: #097F7F;
	font-size: clamp(0.875rem, 0.825rem + 0.25vw, 1.125rem);
	font-weight: 600;
}

/*===*/
.list-child-category{
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	list-style: none;
	padding-left: 0;
	margin: -15px 0 0;
}

.list-child-category li{
	margin: 15px 0 0 0px !important;
}

.list-child-category li a{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0.5rem 1rem;
	background: linear-gradient(90deg, #097F7F 1.15%, #64B2B2 99.42%);
	border-radius: 50rem;
	font-weight: 600;
	color: #fff;
	transition: all .3s ease-in-out;
}

.list-child-category li a:hover{
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}

.category-filtering{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 1rem;
	border-top: 1px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
}

.filter-button{
	margin: 0;
	padding: 0.5rem 0.75rem;
	background: linear-gradient(90deg, #097F7F 1.15%, #64B2B2 99.42%);
	border: 1px solid #CBCCCB;
	border-radius: 0.5rem;
	color: #fff !important;
	white-space: nowrap;
	line-height: normal;
}

.box-fillter-product .woocommerce-ordering{
	display: flex;
	justify-content: flex-end;
	gap: 0.5rem;
	flex-wrap: wrap;
}

.box-fillter-product select{
	margin: 0;
	border-radius: 0.25rem;
	flex: 1;
}

.category-page-row{
	padding-top: 0;
}


/*=== Cart*/
.page-title-cart{
	margin-bottom: 1rem;
	font-size: clamp(1.75rem, 1.7rem + 0.25vw, 2rem);
	text-transform: uppercase;
}

.woocommerce-cart-form__cart-item .product-name a{
	font-size: clamp(1rem, 0.975rem + 0.125vw, 1.125rem);
	font-weight: 500;
}

.woocommerce-cart-form__cart-item .product-remove a{
	border: 0;
	color: var(--primary-color);
}

.woocommerce-cart-form__cart-item .ux-quantity__button{
	width: 2rem;
}

.woocommerce-cart-form__cart-item .ux-quantity__button.minus{
	border-top-left-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.woocommerce-cart-form__cart-item .ux-quantity__button.plus{
	border-top-right-radius: 0.25rem;
	border-bottom-right-radius: 0.25rem;
}

.row_total span.amount{
	font-size: clamp(1.125rem, 1.1rem + 0.125vw, 1.25rem);
	color: var(--primary-color);
}

/*=== Checkout*/
.woocommerce-order{
	margin-top: clamp(1rem, 0.7rem + 1.5vw, 2.5rem);
}

.woocommerce-form-coupon-toggle{
	margin-top: 15px;
}

.form-row input,
.form-row select,
.form-row textarea{
	height: unset;
	padding: 0.65rem 1rem;
	box-shadow: none;
	background-color: #fff;
	border-radius: 0.375rem;
}

#shipping_address_2_field label{
	opacity: 1;
	overflow: unset;
}

.form-row .select2-container{
	margin-bottom: 0.75rem;
}

.form-row .select2 .select2-selection{
	display: flex;
	align-items: center;
	height: unset;
	padding: 0.25rem 1rem;
	border-radius: 0.375rem;
}

.form-row .optional{
	display: none;
}

.woocommerce-checkout .col-inner.has-border,
.checkout_coupon.has-border{
	padding: clamp(0.9375rem, 0.75rem + 0.9375vw, 1.875rem);
	border: 2px dashed var(--primary-color);
	border-radius: 0.5rem;
}

.woocommerce-checkout-review-order-table td{
	color: #000;
}

.woocommerce-checkout .cart_item .product-name{
	display: flex;
	gap: 0.5rem;
}

.woocommerce-checkout .cart_item .product-item-thumbnail{
	position: relative;
}

.woocommerce-checkout .cart_item .product-item-thumbnail img{
	border-radius: 0.25rem;
	overflow: hidden;
}

.woocommerce-checkout .cart_item .product-item-remove a{
	position: absolute;
    left: 0;
    top: 0;
    border: 0;
    background-color: var(--primary-color);
    color: #fff;
    line-height: normal !important;
    font-size: 0.75rem !important;
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(-50%, -50%);
}

.woocommerce-checkout .cart_item .product-item-content{
	flex: 1;
}



#shipping_fee_content .text-require-select-shipping{
	font-weight: 700;
	font-size: 1rem;
}

#shipping_fee_content .text-require-loading{
	font-size: .9em;
}

#shipping_fee_content div.courier-fee img{
	width: unset;
	height: 20px;
}


#shipping_fee_content #sd_reload_shipping{
	padding: 0;
	background-color: transparent;
	color: var(--primary-color);
	font-size: 1rem;
	text-decoration: underline;
}

li.payment_method_ppcp label:first-of-type img{
	float: unset;
    max-height: 20px;
   	margin-left: 1rem;
}


.terms_and_conditions_label a{
	color: red;
}

.woocommerce-checkout button#place_order{
	border-radius: 0.5rem;
	background-color: var(--primary-color) !important;
}


.cart-discount{
	font-size: unset;
}
.cart-discount th, .cart-discount td{
	padding: 0.5rem;
}

.cart-discount th{
	padding-left: 0;
}

.cart-discount td{
	padding-right: 0;
}


/*page success*/
.woocommerce-order .col > p{
	display: none;
}


/*=================*/
.box-blog-post{
	position: relative;
	overflow: hidden;
}

.box-blog-post .box-image{
	border-radius: 0.25rem;
}

.box-blog-post.box-overlay .image-cover img{
	filter: grayscale(1);
}

.box-blog-post.box-overlay:hover .image-cover img{
	filter: grayscale(0);
}

.box-blog-post .box-text{
	padding: 0;
	text-shadow: none;
}

.box-blog-post .post-title{
	margin: 0;
	transition: all .3s ease-in-out;
}

/*===*/
.box-blog{
	--pl: 0.25rem;
	position: relative;
	margin-left: var(--pl);
	border-radius: 0.75rem;
}

.box-blog .box-image{  }

.box-blog .box-image .image-cover{
	padding-top: 65%;
	border-radius: 0.75rem;
}

.box-blog .box-date{
	position: absolute;
	top: 1rem;
	left: -0.25rem;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 0.25rem 0.5rem;
	background-color: var(--primary-color);
	border-top-right-radius: 0.375rem;
	border-bottom-right-radius: 0.375rem;
	color: #fff;
	font-weight: 600;
	font-size: 0.875rem;
	line-height: 1;
}

.box-blog .box-date:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translateY(100%);
	width: 0.25rem;
	height: 0.25rem;
	background-color: #A65815;
	clip-path: polygon(0 0, 100% 100%, 100% 0);
}

.box-blog .box-date .bottom-date{
	margin-top: 0.25rem;
	padding-top: 0.25rem;
	border-top: 1px solid #fff;
}

.box-blog .box-text{
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 3rem 1rem 1rem;
	background: linear-gradient(180deg, rgba(9, 127, 127, 0.00) 0%, #097F7F 100%);
	border-radius: 0.75rem;
}

.box-blog .box-text .title{
	margin: 0;
	color: #fff;
	text-transform: uppercase;
}

.box-flower-meaning .image-cover{
	border-radius: clamp(0.5rem, 0.4rem + 0.5vw, 1rem);
	overflow: hidden;
}

.box-flower-meaning .box-text{
	text-align: center;
}


/*pagination*/
.nav-pagination{
	display: flex;
	justify-content: center;
}
.nav-pagination .page-number{
	border: 1px solid #000;
	border-radius: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	font-size: 0.875rem;
}

/*===*/
.review-thumb-slide .swiper-slide-shadow{
	display: none;
}

.review-thumb-slide{
	padding-top: 0.5rem;
}

.review-content-slide{
	padding-bottom: 2rem;
}

.review-content-slide .swiper-pagination{
	bottom: 0;
}

.review-content-slide .swiper-pagination-bullet{
	background-color: #808080;
	width: clamp(1.5rem, 1.4rem + 0.5vw, 2rem);
	height: clamp(0.1875rem, 0.1625rem + 0.125vw, 0.3125rem);
	opacity: 1;
	border-radius: 5rem;
	transition: all .3s ease-in-out;
}

.review-content-slide .swiper-pagination-bullet-active{
	background-color: #0D0E7A;
	transform: scaleY(1.3);
}

.card-review .content{
	text-align: center;
}

.card-review .thumbnail{
	transform: scale(0.8);
	transition: all .3s ease-in-out;
}

.card-review .label-title{
	display: flex;
	justify-content: center;
	gap: 2rem;
	margin-top: 1rem;
	font-weight: 700;
}

/*===*/
.grid-wrapper{
    display: grid;
    grid-gap: 5px;
    grid-template-columns: repeat(auto-fit, minmax(13%, 1fr));
    grid-auto-rows: clamp(5rem, 4rem + 5vw, 10rem);
    grid-auto-flow: dense;
}

.grid-wrapper .wide {
    grid-column: span 2;
}

.grid-wrapper .tall {
    grid-row: span 2;
}

.grid-wrapper .big{
    grid-column: span 2;
    grid-row: span 2;
}

.img-cover{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.grid-wrapper>div:nth-child(1){
    grid-row: span 2;
	grid-column: span 2;
}

.grid-wrapper>div:nth-child(2){
    grid-row: span 3;
	grid-column: span 2;
}

.grid-wrapper>div:nth-child(5){
    grid-row: span 1;
	grid-column: span 1;
}

.grid-wrapper>div:nth-child(6){
    grid-row: span 1;
	grid-column: span 1;
}

.grid-wrapper>div:nth-child(7){
    grid-row: span 3;
	grid-column: span 2;
}

.grid-wrapper>div:nth-child(8){
    grid-row: span 2;
	grid-column: span 2;
}

.grid-wrapper>div:nth-child(9){
    grid-row: span 2;
	grid-column: span 1;
}

.grid-wrapper>div:nth-child(10){
    grid-row: span 1;
	grid-column: span 2;
}

/*====*/
.banner-page{
	position: relative;
}

.banner-page .title-banner-page{
	text-align: center;
	font-weight: 700;
	color: #000;
	display: none !important;
}

.banner-page .breadcrumb{
	color: #314646;
	font-weight: 700;
}

.banner-page .breadcrumb a{
	color: #314646;
	font-weight: 700;
}

.banner-page .content-banner h2{
	/*font-size: clamp(2rem, 1.4rem + 3vw, 5rem);*/
	font-family: 'MTD-CS-Delirian-Script';
	color: #314646;
}

/*=================*/
.section-footer{
	font-weight: 200;
}

.logo-footer{
	border-radius: 0.5rem;
	overflow: hidden;
}

.list-social-footer{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 2rem;
}

.list-social-footer h3{
	width: auto;
	margin-bottom: 0;
	line-height: normal;
	font-size: 1.5rem;
}

.list-social-footer ul{
	list-style: none;
	margin-bottom: 0;
	padding-left: 0;
	display: flex;
	gap: 0.5rem;
}

.list-social-footer ul li{
	margin: 0;
}

.list-social-footer ul li a{
	margin: 0;
	width: 2.25rem;
	height: 2.25rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #fff;
	border-radius: 50%;
	font-weight: 700;
	font-size: 0.875rem;
	line-height: normal;
	transition: all .3s ease-in-out;
}

.list-social-footer ul li i{
	font-size: 1rem;
}

.list-social-footer ul li a:hover{
	background-color: #314646;
	color: #fff;
}

.col-footer h3{
	position: relative;
	margin-bottom: 1rem;
}

.col-footer p{
	margin-bottom: 0.5rem;
}

.col-footer ul{
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}

.col-footer ul li{
	margin: 0;
}

.col-footer ul li + li{
	margin-top: 0.5rem;
}

.col-footer ul li a{
	position: relative;
	color: #fff;
}

.col-footer ul li a:after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -0.25rem;
	width: 100%;
	height: 1px;
	background-color: #fff;
	transform: scaleX(0);
	transition: all .3s ease-in-out;
	transform-origin: 0 0;
}

.col-footer ul li a:hover:after{
	transform: scaleX(1.0);
}

.col-footer img.size-full.alignnone{
	margin-bottom: 0.25rem;
}


.absolute-footer{
	padding: 0.75rem 0 0.75rem;
}

.absolute-footer .copyright-footer{
	color: #fff;
}

/*==== about-page*/
[class*="img-cover-about-"]{
	position: absolute;
	border-radius: 0.25rem;
	overflow: hidden;
}

.img-cover-about-1{
	left: 5%;
	top: 5%;
	width: 13% !important;
}

.img-cover-about-2{
	left: 5%;
	top: 60%;
	width: 6% !important;
}

.img-cover-about-3{
	left: 13%;
	top: 60%;
	width: 10% !important;
}

.img-cover-about-4{
	top: 5%;
	right: 13%;
	width: 10% !important;
}

.img-cover-about-5{
	top: 15%;
	right: 5%;
	width: 7% !important;
}

.img-cover-about-6{
	top: 50%;
	right: 10%;
	width: 15% !important;
}

/*===*/
.col-icon-mission .col-inner{
	height: 100%;
}

.icon-mission{
	height: 100%;
	padding: 14% 7% 7%;
	background-color: #D9D9D9;
	border-radius: 0.75rem;
	text-align: center;
	cursor: pointer;
	transition: all .3s ease-in-out;
}

.icon-mission:hover{
	transform: translateY(-0.25rem);
	color: var(--primary-color);
	box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}


.icon-mission h3{
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	width: auto;
	display: inline-flex;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 0;
	padding: 0.5rem 0;
	background-color: var(--primary-color);
	text-align: center;
	color: #fff;
}

.icon-mission h3:before{
	content: "";
	position: absolute;
	left: 1px;
	top: 0;
	z-index: -1;
	transform: translateX(-100%);
	width: 4rem;
	height: 100%;
	background-image: url('../flatsome-child/images/title-mission-cover.svg');
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
}

.icon-mission h3:after{
	content: "";
	position: absolute;
	right: 1px;
	top: 0;
	z-index: -1;
	transform: translateX(100%) rotateY(180deg);
	width: 4rem;
	height: 100%;
	background-image: url('../flatsome-child/images/title-mission-cover.svg');
	background-repeat: no-repeat;
	background-position: right;
	background-size: contain;
}

.icon-mission h3 img{
	margin-bottom: 0 !important;
}

.block-out-service:after{
	--w: clamp(6rem, 4.8rem + 6vw, 12rem);
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: var(--w);
	height: var(--w);
	background-image: url('../flatsome-child/images/img-cover-dich-vu-cua-chung-toi.svg');
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	pointer-events: none;
}

.icon-box-commit{
	padding: 5%;
}

.icon-box-commit h3{
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 0.5rem;
	margin-bottom: 1rem;
}

.icon-box-commit h3 img{
	margin-bottom: 0 !important;
}


.block-development-journey:before{
	--w: clamp(6rem, 4.8rem + 6vw, 12rem);
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: var(--w);
	height: var(--w);
	background-image: url('../flatsome-child/images/img-cover-hanh-trinh-phat-trien-1.svg');
	background-repeat: no-repeat;
	background-position: left center;
	background-size: contain;
	pointer-events: none;
}

/*====*/
.nav-category{
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    list-style: none;
    margin-bottom: 0;
}

.nav-category ul,
.nav-category li{
	margin: 0 !important;
}

.nav-category .nav-item{
	position: relative;
}

.nav-category .nav-item .nav-link{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.25rem 0rem;
    font-weight: 700;
    font-size: 1rem;
    text-transform: capitalize;
    white-space: nowrap;
}

.nav-category .nav-item .nav-link,
.nav-category .nav-item .nav-link a{
    color: #363434;
    transition: all .1s ease-in-out;
}

.nav-category .nav-item .nav-link.active,
.nav-category .nav-item .nav-link.active a{
    color: var(--primary-color);
}

.nav-category .nav-item:hover .nav-link:not(.active),
.nav-category .nav-item:hover .nav-link:not(.active) a{
    color: var(--primary-color);
/*    text-shadow: 0 0 1px #000, 0 0 1px #000;*/
}

/*===*/
.nav-category .dropdown-menu{
    display: none;
    margin-bottom: 0;
    padding-left: 0;
    padding-top: 0;
    padding-bottom: 0;
    border-radius: 0;
    background-color: #fff;
    list-style: none;
}

.nav-category .dropdown-menu .dropdown-item{
    padding: 0.5rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-transform: capitalize;
    white-space: nowrap;
    color: #363434;
}

.nav-category .dropdown-menu .dropdown-item a{

}

.nav-category .dropdown-menu .dropdown-item:active{

}

.nav-category .toggle-menu{
   	margin-left: 0.5rem;
}

.blog-share{
	display: flex;
	align-items: center;
	gap: 1rem;
	margin-top: 1.5rem;
	font-weight: 700;
}

.social-icons{
	display: flex;
	gap: 0.75rem;
}

.social-icons a{
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 !important;
	background-color: #000 !important;
	border: 0 !important;
	color: #fff;
}

.social-icons a i{
	inset: unset;
	line-height: normal;
}


.blog-single .single-page{
	padding-bottom: 0;
}

.blog-single .post.type-post{
	margin-bottom: 0;
}

.row-related-post{
	margin-top: 2rem;
}

/*==== Page Contact*/
.row-fit-full-col>.col .col-inner{
	height: 100%;
}

.icon-info-contact{
	height: 100%;
	padding: 1rem;
	background-color: #fff;
	border: 1px solid #349E97;
	border-radius: clamp(1rem, 0.9rem + 0.5vw, 1.5rem);
}

.form-contact .form-control{
	height: unset;
	margin-bottom: 0;
	padding: 0.75rem 1rem;
	background-color: transparent;
	border: 1px solid #D9D9D9;
	border-radius: 0.5rem;
	transition: all .3s ease-in-out;
}

.form-contact textarea.form-control{
	height: 10rem;
}

.form-contact .form-control:placeholder{
	color: #D9D9D9;
}

.form-contact .btn-custom{
	border-radius: 50rem;
}

.box-form-contact form{
	margin-bottom: 0;
	padding: 7% 5%;
	background-color: #fff;
	border: 1px solid #349E97;
	border-radius: clamp(0.5rem, 0.4rem + 0.5vw, 1rem);	
}

[class*="map-contact-"]{
	width: 100%;
	height: 257px;
	border-radius: clamp(0.5rem, 0.4rem + 0.5vw, 1rem);
	position: relative;
	overflow: hidden;
}
[class*="map-contact-"]>*{
	height: 100%;
}


[class*="map-contact-"] iframe{
	width: 100%;
	height: 100%;
}

@keyframes ring {
  0% { transform: rotate(0); }
  1% { transform: rotate(30deg); }
  3% { transform: rotate(-28deg); }
  5% { transform: rotate(34deg); }
  7% { transform: rotate(-32deg); }
  9% { transform: rotate(30deg); }
  11% { transform: rotate(-28deg); }
  13% { transform: rotate(26deg); }
  15% { transform: rotate(-24deg); }
  17% { transform: rotate(22deg); }
  19% { transform: rotate(-20deg); }
  21% { transform: rotate(18deg); }
  23% { transform: rotate(-16deg); }
  25% { transform: rotate(14deg); }
  27% { transform: rotate(-12deg); }
  29% { transform: rotate(10deg); }
  31% { transform: rotate(-8deg); }
  33% { transform: rotate(6deg); }
  35% { transform: rotate(-4deg); }
  37% { transform: rotate(2deg); }
  39% { transform: rotate(-1deg); }
  41% { transform: rotate(1deg); }
  43% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

.grecaptcha-badge{
	opacity: 0;
	pointer-events: none;
}


/*`xxl` applies to x-large devices (large desktops, less than 1400px)*/
@media (max-width: 1399.98px) {
	.container-width, .full-width .ubermenu-nav, .container, .row{
		max-width: 1250px !important;
	}
	#header .header-bottom .header-bottom-nav{
		gap: 0.25rem;
	}

	
}
	
@media (max-width: 1299.98px) {
	.container-width, .full-width .ubermenu-nav, .container, .row{
		max-width: 1150px !important;
	}

	#logo {
	    width: 70px !important;
	}
}

/*`xl` applies to large devices (desktops, less than 1200px)*/
@media (max-width: 1199.98px) { ... }

/*lg` applies to medium devices (tablets, less than 992px)*/
@media (max-width: 991.98px) {
	.html.html_topbar_right{
		justify-content: center;
	}

	.mobile-nav .button{
		display: flex;
		justify-content: center;
		align-items: center;
		min-width: unset;
		min-height: unset;
		width: 2.25rem;
		height: 2.25rem;
		margin: 0;
		padding: 0.25rem;
		color: #000;
		font-size: 16px;
		line-height: 0.8;
	}

	.mobile-nav .button .icon-menu{
		line-height: 1;
	}

	.mobile-nav .button .icon-menu:before{
		content: "\f0c9";
		font-family: "Font Awesome 6 Pro";
		font-weight: 700;
	}

	.mobile-nav .html.custom{
		display: block !important;
	}

	.mfp-bg.off-canvas{
		background-color: #000 !important;
	}

	.off-canvas .mfp-close svg{
		filter: invert(1);
	}

	.off-canvas-center .nav-vertical>li>a{
		font-size: 1.25rem;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
	}

	.mobile-sidebar .menu-item a:hover{
		color: #fff;
	}


	/*===*/
	.img-cover-about-1{
		left: 5%;
		top: 5%;
		width: 18% !important;
	}

	.img-cover-about-2{
		left: 5%;
		top: 70%;
		width: 6% !important;
	}

	.img-cover-about-3{
		left: 13%;
		top: 80%;
		width: 13% !important;
	}

	.img-cover-about-4{
		top: 5%;
		right: 13%;
		width: 15% !important;
	}

	.img-cover-about-5{
		top: 35%;
		right: 5%;
		width: 10% !important;
	}

	.img-cover-about-6{
		top: 70%;
		right: 10%;
		width: 15% !important;
	}

	/**/

	.grid-wrapper>div:nth-child(1){
	    grid-row: span 2;
		grid-column: span 3;
	}

	.grid-wrapper>div:nth-child(2){
	    grid-row: span 2;
		grid-column: span 2;
	}

	.grid-wrapper>div:nth-child(3){
	    grid-row: span 1;
		grid-column: span 2;
	}

	.grid-wrapper>div:nth-child(4){
	    grid-row: span 1;
		grid-column: span 2;
	}

	.grid-wrapper>div:nth-child(5){
	    grid-row: span 1;
        grid-column: span 4;
	}

	.grid-wrapper>div:nth-child(6){
	    grid-row: span 1;
        grid-column: span 3;
	}

	.grid-wrapper>div:nth-child(7){
	    grid-row: span 2;
        grid-column: span 2;
	}

	.grid-wrapper>div:nth-child(8){
	   	grid-row: span 1;
        grid-column: span 3;
	}

	.grid-wrapper>div:nth-child(9){
	    grid-row: span 1;
        grid-column: span 3;
	}

	.grid-wrapper>div:nth-child(10){
	    grid-row: span 2;
		grid-column: span 2;
	}

	.box-fillter-product select{
		flex-basis: calc(100% / 3 - 0.5rem);
	}


}
/*`md` applies to small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {
	.main-slide .flickity-page-dots{
		bottom: 2px;
	}

	.main-slide .flickity-page-dots .dot{
		width: 1rem;
		height: 1rem;
		border-width: 2px;
	}

	.btn-custom{
		padding: 0.25rem 1rem;
	}

	/*====*/
	.nav-category{
		flex-direction: column;
		align-items: flex-start;
		gap: 0;
	}

	.nav-category .nav-item{
		width: 100%;
	}

	.nav-category .nav-item + .nav-item{
		border-top: 1px solid rgba(0, 0, 0, 0.3);
	}

	.nav-category .toggle-menu{
	    min-width: 1.5rem;
	    width: 1.5rem;
	    height: 1.5rem;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	}

	.nav-category .dropdown-menu .dropdown-item{
	    padding: 0.375rem 1rem;
	}

	/*=== neww   */
	.box-icon-policy{
		flex-direction: column;
		align-items: center;
		text-align: center;
	}
	.box-icon-policy .icon-box-text{
		margin-top: 1rem;
		padding-left: 0 !important;
	}

	.list-social-footer{
		flex-direction: column;
		align-items: flex-start;
		gap: 0.5rem;
	}


	/*====*/
	.img-cover-about-6{
		top: 80%;
		right: 10%;
		width: 20% !important;
	}



	/*==== Woocomerce*/
	.list-child-category{
		gap: 0.25rem;
	}

	.list-child-category li{
	    margin: 0.5rem 0 0 0px !important;
	}

	.list-child-category li a{
		padding: 0.25rem 1rem;
		font-size: 0.75rem;
	}


	.category-filtering{
		flex-direction: column;
		gap: 0.5rem;
	}

	.product-summary .group-button-add-cart{
		flex-direction: column;
		gap: 0.5rem;
	}

	.single-product-policy .box-icon-policy {
	    padding: 0.75rem;
	    clip-path: polygon(4% 0, 96% 0, 100% 6%, 100% 94%, 94% 100%, 4% 100%, 0 94%, 0 6%);
	}


}
/*`sm` applies to x-small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {

}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {  }
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	.g-md-3{
		--gutter: 1rem;
	}
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {

	.g-lg-4{
		--gutter: 1.5rem;
	}

	.mt-lg{
	    margin-top: 30px;
	}

	.mb-lg{
	    margin-bottom: 30px;
	}

	.pb-lg{
		padding-bottom: 30px;
	}

	.text-lg-left{
		text-align: left;
	}


	.justify-content-lg-between{
		justify-content: space-between;
	}

	/*====*/
	.header-nav-main .menu-item{
		position: relative;
	}

	.header-nav-main .menu-item:after{
		content: "";
		position: absolute;
		left: 0;
		bottom: 0.75rem;
		width: 100%;
		height: 4px;
		background-color: #363434;
		border-radius: 5rem;
		transform: scaleX(0);
		transition: all .3s ease-in-out;
		transform-origin: 0 0;
	}

	.header-nav-main .menu-item.current-menu-item:after,
	.header-nav-main .menu-item:hover:after{
		transform: scaleX(1.0);
	}


	/*for-desltop*/
	.nav-category .dropdown-menu{
		padding: 1.5rem;
		box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
	}

	.nav-category .dropdown-menu .dropdown-item{
		transition: all .1s ease-in-out;
	}

	.nav-category .dropdown-menu .dropdown-item:hover{
	    color: var(--primary-color);
    	/*text-shadow: 0 0 1px #000, 0 0 1px #000;*/
	}

	.nav-category .dropdown-menu .dropdown-item:hover a{
	  	
	}

	.nav-category .dropdown-menu li.dropdown:hover{
		color: var(--primary-color);
	}

	.nav-category .dropdown-menu li.dropdown:hover > .dropdown-item a,
	.nav-category .dropdown-menu li.dropdown:hover > .dropdown-item i{
		color: #fff;
	}

	.nav-category .nav-item.dropdown .dropdown-menu{
	    animation: menu 0.3s;
	}

	.nav-category .dropdown:hover > .dropdown-menu{
	    display: block;
	    position: absolute;
	   	z-index: 1;
	   	left: 0;
	   	right: 0;
	   	width: fit-content;
	}

	.nav-category .dropdown .dropdown-menu .dropdown .dropdown-menu{
	    top: 0;
	    left: 98%;
	}

	@keyframes menu {
	    0% { transform: translateY(20px); }
	    100% { transform: translateY(0px); }
	}



	/*===Woocomerce*/
	.single-product-policy{
		--gutter: 4px;	
	}

	.single-product-policy>.col:first-child .box-icon-policy{
		clip-path: polygon(0% 0, 95% 0, 100% 15%, 100% 85%, 95% 100%, 5% 100%, 0 100%, 0 0%);
	}

	.single-product-policy>.col:last-child .box-icon-policy{
		clip-path: polygon(5% 0, 95% 0, 100% 0%, 100% 85%, 100% 100%, 5% 100%, 0 85%, 0 15%);
	}


	.section-slide .wrapper-form-search-product{
		position: absolute;
		top: 50%;
		left: 0;
		right: 0;
		transform: translateY(-50%);
		pointer-events: none;
	}

	.section-slide .box-home-search-product{
		pointer-events: all;
	}


	.row-footer{
		/*gap: 0.5rem;*/
		flex-wrap: nowrap;
	}

	.row-footer>.col{
		flex-basis: auto;
		width: max-content;
		padding: 0 0.25rem 0.5rem;
		max-width: unset;
	}

	.col-footer h3{
		white-space: nowrap;
	}

}
/* X-Large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	/*.container,
	.row:not(.row-full-width){
		max-width: 85% !important;
	}
	.woocommerce-tabs{
		max-width: 100% !important;
	}*/
}	
/* XX-Large devices (larger desktops, 1400px and up)*/
@media (min-width: 1500px) {
	
}