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


/*************** ADD CUSTOM CSS HERE.   ***************/
.transparent #logo img {
    max-height: 180px !important;
}
.ephone a  {
    background-image: linear-gradient(to right, #ce9e46, #ecda92) !important;
    color: black !important;
    text-transform: none !important;
    font-weight: bold !important;
    font-size: 16px !important;
    border-radius: 99px !important;
    padding: 2px 9px 0px 9px !important;
}
.gioi-thieu-section .large-9 {
    background: url(/wp-content/themes/flatsome-child/images/hoa-png.png);
        background-repeat: no-repeat;
    background-position-y: 99%;
    background-position-x: 42%;
    background-size: 210px;
}
.gioi-thieu-section .large-9 p, .gioi-thieu-section .large-9 h3{
    color: #f3df87;
    background: linear-gradient(45deg, #ffc076 0%, #fcee92 50%, #ffce95 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.nutbam{
    font-weight: normal;
    text-transform: none;
    margin: 0;
    letter-spacing: 0;
    font-size: 16px;
    background-image: linear-gradient(to right, #a1771b, #411212);
}
.sanphamtrangchu a  {
    color: #f3df87;
    font-weight: bold;
    font-size: 18px;
}
.ega-dot {
  width: 10px;
  height: 10px;
  background-color: #f00;
  border-radius: 100%;
  margin: 0 20px 0px;
  display: inline-block;
    left:199px; margin-top:7px;
  background-color: var(--countdown-background);
  --background-color: ;
--countdown-background: #b57107;
    --countdown-color: #ffffff; }
@-webkit-keyframes sonar_animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(4);
    transform: scale(4);
    opacity: 0; } }

@keyframes sonar_animation {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1); }
  100% {
    -webkit-transform: scale(4);
    transform: scale(4);
    opacity: 0; } }
.ega-dot .ega-ping {
    border: 1px solid #897206;
    width: 10px;
    height: 10px;
    opacity: 1;
    background-color: transparent;
    opacity: 0.2;
    border-radius: 100%;
    -moz-animation: sonar_animation .8s linear infinite;
    -o-animation: sonar_animation .8s linear infinite;
    -webkit-animation: sonar_animation .8s linear infinite;
    animation: sonar_animation .8s linear infinite;
    display: block;
    margin: 0;
}
.taisaochon h5 {
    color: #fff;
}
.section4 .tabbed-content ul li.active{
   
}
.section4 .tabbed-content ul li {
       background-image: linear-gradient(to right, #ce9e46, #7c6c29) !important;
}
.section4 .tabbed-content ul li a span {
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}
.section4 .tabbed-content ul li  {
    width: calc(100% / 8);
    text-align: center;
    margin: 5px;
    padding: 0 2px;
    display: flex;
    align-items: end;
    justify-content: center;
    border-radius: 26px;
}
.icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 0em;
    padding-top: 2px;
}
span.amount {
    white-space: nowrap;
    color: #ed0303;
    font-weight: bold;
}
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
.transparent #logo img {
    max-height: 30px !important;
}
.section4 .tabbed-content ul li {
    width: 179px !important;
    text-align: center;
    margin: 3px !important;
    padding: 0 2px;
    display: flex;
    align-items: end;
    justify-content: center;
    border-radius: 26px;
}
.section4 .tabbed-content ul li a span {
    font-size: 1em;
}
 h3 {
font-size: 1.4em;}
}