/*
Theme Name: Thái Y Đường
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/
.overlay-banner .overlay{
	 
    background: linear-gradient(
        to bottom right,
        hsla(355, 82%, 20%, 0.8),
        hsla(355, 82%, 39%, 0.7),
        hsla(45, 100%, 51%, 0.6)
    ) !important;
    opacity: 1;
}
.text-traditional{
	color:hsl(355 82% 39%);
	font-weight: 700;
	font-size: 2em;
}
.text-4xl{
	font-size: 3rem;
        line-height: 1;
}

.st-dv .box-image {
	border-radius:10px 10px 0px 0px;
}
.box-text h4{
	color:hsl(355 82% 39%);
	font-weight: 600;
	font-size: 1.2rem;
	
}
.box-text p{
	font-size:1em;
}
.tag-line .items-center{
	background:hsl(355deg 82% 39% / 10%);
	padding-left: 1rem;
    padding-right: 1rem;
	padding-top: .3rem;
    padding-bottom: .3rem;
	border-radius: 9999px;
	width: fit-content;
	gap: .5rem;
	display: inline-flex;
}
.tag-line .text-sm {
	color:hsl(355 82% 39%);
	font-weight: 600;
}
.tag-line p{
	font-weight: 500;
	font-size: 1.125rem;
}
.gt .icon-box-text h5 {
	text-transform:capitalize !important;
	color: hsl(355 82% 20%);
}
.gt .icon-box-text h6{
	text-transform:inherit !important;
	color: hsl(0 0% 45%);
	    font-weight: 400;
}
.gt .icon-box{
	padding-bottom:18px;
}

.tag-line .bg-spa-gold\/10{
	background-color:hsl(43deg 74% 53% / 30%);
	padding-left: 1rem;
    padding-right: 1rem;
	padding-top: .3rem;
    padding-bottom: .3rem;
	border-radius: 9999px;
	width: fit-content;
	gap: .5rem;
	display: inline-flex;
}
.gt .tag-line .text-spa-gold {
	color:hsl(43 74% 53%);
	font-weight: 600;
}
.text-white\/80 {
    color: #fff;
}
.text-white .icon-box-text h5 {
	text-transform:capitalize !important;
	color: #fff;
}
.text-white .icon-box-text h6{
	text-transform:inherit !important;
	color: #fff;
	    font-weight: 400;
}
.text-white .text-traditional {
    color: #fff;
    font-weight: 700;
    
	font-size: 3rem;
    line-height: 1;
}
.bg-gradient-to-br{
  background: linear-gradient(
    to bottom right,
    hsl(355, 82%, 20%),  
    hsl(355, 82%, 39%),  
    hsl(45, 100%, 51%)    
  );
}
.bg-gradient-to-br .icon-box-img svg path {fill: rgb(255 0 0 / 0%);
	}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/


}