html, body {
    overflow-x: hidden;
}
.mt-30{
    margin-top: 30px;
}
a.social_iconic img {
    height: 2.5rem;
}
.title-footer {
    margin-right: 1rem;
}
.footer-menu-section {
    align-items: center;
    display: flex;
}

.product-item.product-style{
  border: 0;
}
.product-item.product-style .inner-content{
  border-top: 0;
}
/*Box Head*/
.box-head {
    margin-bottom: 30px;
}

.box-head__sub-title {
    font-size: 60px;
    font-weight: 700;
    font-family: 'Caramel', cursive;
    line-height: 1;
    color: var(--color-main);
}

.box-head__title {
    font-size: 40px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
}

.box-head__line {
    max-width: 100%;
    max-height: 18px;
}

.box-head__desc {
    font-size: 20px;
    font-weight: 400;
    line-height: 1.5;
    color: #616161;
    margin-top: 10px;
}
/*End Box Head*/

/*Box Tabs*/
.title-tab {
    text-align: center;
    margin-bottom: 60px;
}

.product-tab {
    justify-content: center;
    border-bottom: 2px solid #e5e5e5;
    display: inline-flex;
}
/*End Box Tabs*/

/*Button*/
.button-main {
    background: var(--color-main);
    color: var(--color-text);
    padding: 8px 24px;
    display: inline-block;
    border-radius: 45px;
}

.button-main:hover {
    background: var(--color-hightlight);
    color: var(--white);
}
/*End Button*/

/*Header*/
.header-main {
    background: var(--color-main);
    position: relative;
}

.header-main > .row {
    align-items: center;
}

.logo-section img {
    max-width: 200px;
    max-height: 86px;
    width: 100%;
}

.header-main .logo-section {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    padding: 0 30px 0 30px;
    margin-right: 30px;
    position: relative;
}

.header-main .logo-section:before {
    content: '';
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    right: -2px;
}

.header-info {
    display: flex;
    align-items: center;
}

.header-info__item {
    color: var(--white);
    margin-right: 30px;
    height: 46px;
    line-height: 46px;
}

.header-border-image {
    position: relative;
    z-index: 1;
}

.header-border-image img {
    vertical-align: top;
}
/*End Header*/

/*Slider*/
.slider-main {
    /* margin-top: -20px; */
}

.slider-section .slick-slide {
    position: relative;
}
.slider-section .slick-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 15%);
}
.slider-section__content-box {
    position: absolute;
    bottom: 20%;
    left: 10%;
    width: 80%;
}

.slider-section__content-title {
    font-size: 48px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--white);
    line-height: 1.4;
    margin-bottom: 20px;
}

.slider-section__content-desc {
    font-size: 22px;
    color: var(--white);
    line-height: 1.4;
    margin-bottom: 20px;
}
/*End Slider*/

/*Box Feature*/
.box-feature {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0;
    margin-left: 0;
}

.box-feature__item {
    position: relative;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
    flex: 0 0 14.2857%;
    max-width: 14.2857%;
}

.box-feature__item-box {
    display: block;
    text-align: center;
    padding: 45px 25px 25px;
}

.box-feature__item:nth-child(1) .box-feature__item-box {
    background-color: #c10a28;
}

.box-feature__item:nth-child(2) .box-feature__item-box {
    background-color: #cb102f;
}

.box-feature__item:nth-child(3) .box-feature__item-box {
    background-color: #d51535;
}

.box-feature__item:nth-child(4) .box-feature__item-box {
    background-color: #e01b3c;
}

.box-feature__item:nth-child(5) .box-feature__item-box {
    background-color: #e82243;
}

.box-feature__item:nth-child(6) .box-feature__item-box {
    background-color: #ee2849;
}

.box-feature__item:nth-child(7) .box-feature__item-box {
    background-color: #f72e50;
}

.box-feature__item-box img {
    width: 62px;
    height: 62px;
    object-fit: contain;
    background: transparent;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.box-feature__item-box:hover img {
    -webkit-animation: myfirst 0.7s linear 0s 1 alternate;
    animation: myfirst 0.7s linear 0s 1 alternate;
}

.box-feature__item-title {
    font-size: 24px;
    color: var(--white);
    margin-top: 10px;
}

@keyframes myfirst {
    0% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100% {
        -webkit-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
        transform: translateY(0px);
    }
}
/*End Box Feature*/

/*Box Banner*/
.box-banner__item {
    position: relative;
    margin-bottom: 30px;
}

.box-banner__item-image img {
    width: 100%;
}

.box-banner__item-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    padding: 30px 15px;
}

.box-banner__item-content.top-right {
    left: 50%;
}

.box-banner__item-content.center-left {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 70%;
}

.box-banner__item-sub-title {
    font-size: 50px;
    font-weight: 700;
    font-family: 'Caramel', cursive;
    line-height: 1;
    color: var(--color-main);
}

.box-banner__item-title {
    font-size: 36px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
}

.box-banner__item-desc {
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #616161;
    margin-top: 10px;
    margin-bottom: 10px;
}

.box-banner__item-link {
    white-space: nowrap;
    display: inline-block;
    padding: 8px 40px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    color: var(--white);
    font-size: 12px;
    text-transform: uppercase;
    background: var(--color-main);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.box-banner__item-link:hover {
    background: var(--color-hightlight);
    color: var(--white);
}
/*End Box Banner*/

/*Banner Highlight*/
.banner-highlight {
    position: relative;
}

.banner-highlight__content {
    padding: 180px 0 120px;
}

.banner-highlight__sub-title {
    font-size: 60px;
    font-weight: 500;
    font-family: 'Caramel', cursive;
    line-height: 1;
    color: var(--white);
}

.banner-highlight__title {
    font-size: 42px;
    line-height: 1.3;
    font-weight: 700;
    text-transform: uppercase;
    color: var(--white);
}

.banner-highlight__desc {
    font-size: 18px;
    color: var(--white);
    margin-top: 10px;
    margin-bottom: 20px;
}
/*End Banner Highlight*/

/*Blog Highlight*/
.slider-highlight .slick-list {
    margin: 0 -2px;
}

.slider-highlight .slick-slide {
    margin: 0 2px;
}

.blog-highlight {
    position: relative;
}

.blog-highlight__image {
    position: relative;
    margin-bottom: 0;
}

.blog-highlight__image:before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    z-index: 2;
    background: rgba(255, 255, 255, 0.3);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.blog-highlight:hover .blog-highlight__image:before {
    background: rgba(0, 0, 0, 0.7);
}

.blog-highlight__image img {
    width: 100%;
    aspect-ratio: 1/1;
    object-fit: cover;
}

.blog-highlight__meta {
    position: absolute;
    z-index: 9;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px 10px 0;
    text-align: center;
}

.blog-highlight__date {
    display: inline-block;
    padding: 8px 15px;
    background: #fff;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px;
    font-size: 14px;
    color: #181818;
    margin-bottom: 10px;
}

.blog-highlight__date i {
    margin-right: 5px;
    color: var(--color-main);
    font-size: 18px;
}

.blog-highlight__content {
    position: absolute;
    width: 100%;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 9;
    text-align: center;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all 0.2s ease-in-out 0s;
    -o-transition: all 0.2s ease-in-out 0s;
    transition: all 0.2s ease-in-out 0s;
}

.blog-highlight:hover .blog-highlight__content {
    opacity: 1;
    filter: alpha(opacity=100);
}

.blog-highlight__title {
    font-size: 22px;
    margin: 0 0 10px;
}

.blog-highlight__title a {
    color: #fff;
}
/*End Blog Highlight*/

/*highlight-decor*/
.des_decor {
    font-size: 18px;
    /* font-weight: 700; */
}
.title_decor {
        margin-bottom: 1rem;
        font-size: 45px;
        line-height: 55px;
        font-weight: normal;
        text-transform: uppercase;
        color: inherit;
        display: block;
        /* font-family: 'fontkhachhang'; */
        font-weight: normal !important;
}
.n3 {
    padding: 0px 7rem;
}
.bannerX {
    padding: 50px 0;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    position: relative;
    min-height: 340px;
}
img.img-service {
    max-width: 100%;
    height: auto;
}
.decor-pro > .bannerX:nth-child(2n) > .row > div:nth-child(1) {
    order: 1;
}
.decor-pro > .bannerX:nth-child(1) > .row > div , .decor-pro > .bannerX:nth-child(1) > .row > div > .title_decor > a {
    /* color: #faebd7 !important; */
}

.decor-pro > .bannerX:nth-child(2) > .row > div  , .decor-pro > .bannerX:nth-child(2) > .row > div > .title_decor > a {
    /* color: #b22830 !important; */
}
.decor-pro > .bannerX:nth-child(3) > .row > div, .decor-pro > .bannerX:nth-child(3) > .row > div > .title_decor > a {
    /* color: white !important; */
}
.decor-pro > .bannerX:nth-child(4) > .row > div, .decor-pro > .bannerX:nth-child(4) > .row > div > .title_decor > a {
    /* color: #cfba89 !important; */
}
.decor-pro > .bannerX:nth-child(6) > .row > div, .decor-pro > .bannerX:nth-child(6) > .row > div > .title_decor > a {
    color: #F6F3EC !important;
}
.decor-pro > .bannerX:nth-child(7) > .row > div, .decor-pro > .bannerX:nth-child(7) > .row > div > .title_decor > a {
    color: #945A33 !important;
}
.decor-pro > .bannerX:nth-child(8) > .row > div, .decor-pro > .bannerX:nth-child(8) > .row > div > .title_decor > a {
    color: #FBC67A !important;
}
.service_content {
    margin-top: -15rem;
}
.service_content_1 > a > img {
    width: 100%;
    height: 33rem;
    object-fit: contain;
}
.link_decor_highlight {
    display: inline-block;
    font-size: 16px;
    line-height: 24px;
    color: inherit;
    border: solid 1px #ffffff;
    border-color: inherit;
    padding: 7px 70px;
    border-radius: 5px;
    text-transform: uppercase;
    background: transparent;
}
/*highlight-decor*/
/*nut lien he*/
.contact-right {
    position: fixed;
    right: 20px;
    bottom: 55px;
    z-index: 9;
}
.contact-right li.entry-content {
    list-style: none;
    margin-top: 5px;
    position: relative;
}
.contact-fixed__pulsation {
    width: 84px;
    height: 84px;
    background-color: var(--color-main);
    border-radius: 50px;
    position: absolute;
    left: -20px;
    top: -20px;
    z-index: -1;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-animation: arcontactus-pulse 2s infinite;
    animation: arcontactus-pulse 2s infinite;
}

.contact-fixed__pulsation:nth-child(2n) {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
}
.added-wishlist i::before{
    content: "\481";
}
#member-info{
    font-size: 17px;
}
@keyframes arcontactus-pulse {
    0% {
        -webkit-transform:scale(0);
        transform:scale(0);
        opacity:1
    }
    50% {
        opacity:.5
    }
    100% {
        -webkit-transform:scale(1);
        transform:scale(1);
        opacity:0
    }
}
li.entry-content.zoom-item {
    margin-top: 25px;
}

li.entry-content.zoom-item a img {
    animation: quick-alo-circle-img-anim 1s infinite ease-in-out;
}
@-webkit-keyframes quick-alo-circle-img-anim{
    0% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    10% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    20% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    30% {
        -webkit-transform: rotate(-25deg) scale(1) skew(1deg);
    }
    40% {
        -webkit-transform: rotate(25deg) scale(1) skew(1deg);
    }
    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
    }
}
.contact-right li.entry-content img {
    width: 44px;
    height: 44px;
}
/*nut lien he*/
/*zoom-anh*/
.product-item .inner-image {
    overflow: hidden;
}
.product-item img {
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    -ms-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease;
    overflow: hidden;
}
.product-item:hover img{
    overflow: hidden;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.editorial {
    height: 32px;
    width: 100%;
}
.wave-top .parallax>use {
    -webkit-animation: wave-top 12s linear infinite;
    animation: wave-top 12s linear infinite;
}
.wave-top .parallax>use:first-child {
    -webkit-animation-delay: -2s;
    animation-delay: -2s;
}
.wave-bottom {
    margin-top: -2px;
    transform: rotate(180deg);
}
.wave-bottom .parallax>use {
    -webkit-animation: wave-bottom 12s linear infinite;
    animation: wave-bottom 12s linear infinite;
}
.wave-bottom .parallax>use:first-child {
    -webkit-animation-delay: -5s;
    animation-delay: -5s;
    -webkit-animation-duration: 10s;
    animation-duration: 10s;
}
/*.wavebg {*/
/*    background-image: url('http://cdn1292.cdn4s2.com/media/banner/your-daily-beat/bgb2.jpg');*/
/*    background-position: 0 0;*/
/*    background-repeat: repeat-x;*/
/*    background-size: auto 100%;*/
/*    padding: 5% 0;*/
/*}*/
.logo-banner {
    margin-left: -10%;
    max-width: 450px;
    top: -1.5em;
    position: absolute;
}
.banner-section .inner-content{
    background-image: url('http://cdn1292.cdn4s2.com/media/banner/your-daily-beat/ab-circle.png');
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 30% 22% 20% 22%;
}
.img-leaf {
    position: absolute;
    bottom: -8%;
    right: 15px;
}
.banner-section h4 {
    color: #e2b386;
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: 0.63px;
    text-align: center;
}
.banner-section p {
    color: #fff;
    font-size: 18px;
    line-height:1.4;
    letter-spacing: 0.63px;
    text-align: center;
}
.banner-section{
    margin-top: -44px;
    margin-bottom: -44px;
    z-index: 1;
    position: relative;
    font-family: 'Fasthand', cursive;
}
.decor-pro,
.decor-pro .title_decor a{
    color: #fff;
}
.bannerX {
    position: relative;
    
}
.bannerX::before {
    content: '';
    position:absolute;
    top:0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgb(0 0 0 / 10%);
}
.decor-pro .title_decor a {
    font-family: 'Niramit', sans-serif;
}
.space-5 > div > .row {
    margin-right: -5px;
    margin-left: -5px;
}
.space-5 > div > .row > div {
    padding-right: 5px;
    padding-left: 5px;
}
@keyframes wave-top {
  0% {
    transform: translate(-90px, 0%);
  }
  100% {
    transform: translate(85px, 0%);
  }
}
@keyframes wave-bottom {
  0% {
    transform: translate(85px, 0%);
  }
  100% {
    transform: translate(-90px, 0%);
  }
}
/*zoom-anh*/
/*Responsive*/
.is-mobile .header-main .logo-section {
    border-right: 0;
    margin-right: 0;
}

.is-mobile .header-main .logo-section:before {
    display: none;
}
.is-mobile .product-action{
    opacity: 1;
    filter: opacity(1);
    visibility: visible;
}
.is-mobile #member-info {
    font-size: 13px;
}
.is-mobile .btn-action-header {
    padding: 0 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 75px;
}

/*.is-mobile .title_decor > a,*/
.is-mobile .des_decor {
    display: none !important;
}

.is-mobile .bannerX .n3 >div:last-child {
    display: none;
}

.is-mobile .bannerX {
    justify-content: center;
    align-items: center;
    display: flex;
    aspect-ratio: 0.5409 !important; 
    /*min-height: 250px !important;*/
}

/*.is-mobile .wavebg {*/
/*    background-image: url('http://cdn1292.cdn4s2.com/media/banh-mi-final-1.jpg');*/
/*    background-position: 0 0;*/
/*    background-repeat: repeat-x;*/
/*    background-size: auto 100%;*/
/*    padding: 0% 0;*/
/*    height: auto;*/
/*}*/

.is-mobile .box-feature__qr:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); /* Màu đen với độ trong suốt 50% */
    z-index: 0; /* Đặt lớp phủ này ở phía sau nội dung chính */
}

.is-mobile .logo-banner {
    display: none;
}

.is-mobile .img-leaf {
    margin-bottom: 5%;
}

@media (max-width: 1365px) {
    .header-info {
        display: none;
    }
    
    .header-main .logo-section {
        padding: 0px 10px 0 10px;
        margin-right: 10px;
    }
    
    .menu-section > ul > li > a {
        font-size: 16px;
        padding: 0 10px;
    }
    
    .box-banner__item-title {
        font-size: 28px;
    }
    
    .box-banner__item-content {
        width: 100%;
    }
    
    .box-banner__item-content.top-right {
        left: 0;
    }
}
@media(min-width: 1200px) and (max-width:1600px) {
    .menu-section > ul > li > a{
            font-size: 14px;
    padding: 0 17px;
    }
}
@media (max-width: 991px) {
    .banner-section{
        margin-top: 0;
        margin-bottom: 0;
    }
    .wave-top,
    .wave-bottom{
        display: none;
    }
    .banner-section h4{
        font-size: 16px;
    }
    .banner-section p {
        font-size: 14px
    }
    .img-leaf {
        width: 50%;
        right: 0;
    }
    /*.wavebg{*/
    /*    padding: 15% 0;*/
    /*}*/
    .logo-banner{
        width: 40%;
        margin-left: 0;
        top: -70px;
    }
    .banner-section .inner-content{
        padding: 15px 0 0 0;
        background-image: none;
    }
    .banner-section .box-content{
        padding: 35% 0 12%;
    }
    .box-feature--scroll {
        overflow-x: scroll;
    }
    
    .box-feature {
        display: table;
    }
    
    .box-feature__item {
        width: 150px;
        display: table-cell;
        vertical-align: middle;
    }
    
    .box-feature__item-title {
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .service_content_1 {
        padding-top: 30px;
    }
    .title-footer1 {
    margin-bottom: 1rem;
}
    .footer-menu-section {
    display: block;
}
    .bannerX {
            padding: 20px 0;
    }
    .title_decor{
        margin-top: 1rem;
        font-size: 35px;
    }
    .service_content_1 > a > img {
    width: 100%;
    height: 18rem;
    object-fit: contain;
}
    .service_content{
        margin: 0px;
    }
    .n3{
        padding: 0px 15px;
    }
    .decor-pro > .bannerX > .row > div:nth-child(1) {
            text-align: center;
           padding: 0px 33px 25px 33px;
    order: 1;
}
    .slider-section__content-box {
        /* display: none; */
    }
    .slider-section__content-title{
        font-size: 18px;
        margin-bottom: 5px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .slider-section__content-box .button-main {
        padding: 3px 10px 5px;
        font-size: 12px;
    }
    .slider-section__content-desc{
        font-size: 14px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-bottom: 5px;
    }
    
    .box-head__sub-title {
        font-size: 32px;
        margin-bottom: 6px;
    }
    
    .box-head__title {
        font-size: 32px;
    }
    
    .box-head__desc {
        font-size: 16px;
    }
    
    .banner-highlight__content {
        padding: 80px 0;
    }
    
    .banner-highlight__sub-title {
        font-size: 32px;
        margin-bottom: 6px;
    }
    
    .banner-highlight__title {
        font-size: 28px;
    }
    
    .banner-highlight__desc {
        font-size:  16px;
    }
    
    .product-tab.nav .nav-item .nav-link {
        font-size: 16px;
        padding: 6px 12px;
    }
}

@media (max-width: 480px) {
    .box-banner__item-sub-title {
        font-size: 24px;
    }
    
    .box-banner__item-title {
        font-size: 18px;
    }
    
    .box-banner__item-desc {
        font-size: 14px;
        margin-top: 6px;
        margin-bottom: 6px;
    }
}
@media (min-width: 768px) {
    .editorial {
        height: 60px;
    }
}
/*End Responsive*/
@media (max-width: 550px) {
    .text-name-mobile {
        position: absolute;
        text-align: center;
        width: auto;
        background: #ffffffcc;
        padding: 0.5rem 1.5rem;
        border-radius: .8rem;
        z-index: 5;
        top: 20%;
    }
    .title-moblie_decor{
        font-size: 25px;
        margin-bottom: 5px;
        font-weight: 700;
        padding: 0.5rem 1.5rem;
    }
    .text-name-mobile {
        padding: 0px !important;
    }
    .box-feature__qr img {
        width: 100%;
        height: auto;
    }
}