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

/*************** ADD CUSTOM CSS HERE.   ***************/

.section.welcome-section:before, .section.bang-gia-section:before, .section.wn-contact:before {
    content: "";
    background-image: url(/wp-content/uploads/2025/02/bg-before-service.webp);
    background-repeat: no-repeat;
    width: 283px;
    height: 472px;
    position: absolute;
    top: -5px;
}

.section.welcome-section:after, section.bang-gia-section:after, section.wn-contact:after {
    content: "";
    background-image: url(/wp-content/uploads/2025/02/bg-after-service.webp);
    background-repeat: no-repeat;
    top: 25px;
    right: 0;
    width: 293px;
    height: 419px;
    position: absolute;
}
#main:before {
    content: "";
    background-image: url(/wp-content/uploads/2025/02/bg-before-service.webp);
    background-repeat: no-repeat;
    width: 283px;
    height: 472px;
    position: absolute;
    top: -5px;
}
#main:after {
    content: "";
    background-image: url(/wp-content/uploads/2025/02/bg-after-service.webp);
    background-repeat: no-repeat;
    top: 25px;
    right: 0;
    width: 293px;
    height: 419px;
    position: absolute;
}
.wn-img-mission .box-image img {
	border-radius: 99%;
}
.wn-img-story img {
	border-top-right-radius: 50%;
	border-top-left-radius: 50%;
	border: 2px solid #000;
}
.wn-img-ingre img {
	border-radius: 99%;
	border: 2px solid #000;
}
.wn-img-ins img {
	border-top-right-radius: 25%;
	border-bottom-left-radius: 25%;
	border: 2px solid #000;
}
.wn-img-line .box-image img {
	border-top-right-radius: 25%;
	border-bottom-left-radius: 25%;
	border: 2px solid #000;
}
.icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 1em;
    padding-top: 0.7em;
}
.wn-price .pricing-table .price {
	display: none;
}


@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.section.welcome-section:before, .section.bang-gia-section:before, .section.wn-contact:before {
        top: 20px;
        background-image: url(/wp-content/uploads/2025/02/bg-before-service.webp);
    }
.section.welcome-section:after, section.bang-gia-section:after, section.wn-contact:after {
        background-image: url(/wp-content/uploads/2025/02/bg-after-service.webp);
        width: 90px;
        height: 100px;
        top: 80px;
    }
#main:before {
	  top: 20px;
        background-image: url(/wp-content/uploads/2025/02/bg-before-service.webp);
    }
	#main:after {
		 background-image: url(/wp-content/uploads/2025/02/bg-after-service.webp);
        width: 90px;
        height: 100px;
        top: 80px;
	}
}