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

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

#header {
	background-color: #fff;
}

.wn-icon-box-chuyen-gia .icon-box-img {
    max-width: fit-content;
}

.wn-row-padding-bottom {
    padding-bottom: 60px;
}

.mua-hang-2 .icon-box {
    background: white;
    padding: 20px;
    border-radius: 20px;
    max-height: 100%;
    height: 300px;
}

.wn-mua-hang-2.mua-hang-2 .icon-box {
    height: 100%;
}

p.product-title a.woocommerce-LoopProduct-link {
    font-size: 18px;
    font-weight: 700;
}

.header-main li .sub-menu li {
    margin: 0;
}

.header-main li.active .sub-menu li a {
    background: none;
}

.header-nav-main.nav-right {
    background-color: rgb(255 255 255 / 23%);
    padding: 20px 24px;
    border-radius: 65px;
}

.header-main .nav > li > a {
    color: var(--primary-color);
    padding: 10px 10px;
    font-size: 18px;
    text-align: center;
    line-height: 21px;
}

.header-main li {
    margin: 0 3px
}

.header

.thuong-hieu-1 .row1 .large-12 .col-inner {
    font-style: italic;
    border-radius: 85px;
    border: 2px dashed #00b6f0;
    padding: 30px;
    line-height: 1.6;
    font-size: 20px;
}

.thuong-hieu-1 .row1 .large-12 .col-inner p {
    margin-bottom: 0
}

.thuong-hieu-2 {
    background-image: url(/wp-content/uploads/2022/10/bg-cc-3.png);
    background-size: cover;
    background-position-y: top;
}

.thuong-hieu-2 {
    margin-top: -130px;
    padding-top: 450px !important
}

.header-main li.active a {
    background: #030282;
    line-height: 20px;
}

.header-button a {
    height: 3.5em;
    line-height: 3.5em;
    background: white !important;
    min-width: 3.5em !important;
    color: var(--primary-color) !important;
}

.header-button a:hover {
    background: var(--primary-color) !important;
    color: white !important
}

.header-main .nav > li > a:hover {
    background: none;
    color: #030282 !important
}

.nav-dropdown > li > a {
    display: block;
    font-weight: bold;
    color: black;
}

.nav-dropdown > li > a:hover {
    color: #0a06d5;
}

.section1 h2 {
    font-size: 44px;
    padding: 9px 80px;
    display: inline-block;
    line-height: 70px;
    background-color: var(--primary-color);
    border-radius: 10px;
    width: auto;
    text-transform: uppercase;
    line-height: 50px;
}

.section1 {
    padding-top: 280px !important
}

.section1 h3 {
    text-shadow: 0 5px 6px rgb(13 70 95 / 27%);
    font-size: 40px;
    text-transform: uppercase;
    font-weight: bold;
}

.section1 .flickity-prev-next-button {
    width: 60px;
    opacity: 1
}

.slider-nav-light .flickity-prev-next-button .arrow {
    fill: #2196f3 !important;
}

.section1 .flickity-page-dots .dot, .video-kham-pha .flickity-page-dots .dot {
    height: 18px;
    width: 18px;
    opacity: 1;
    border: none;
    background: white;
}

.section1 .flickity-page-dots .dot.is-selected, .video-kham-pha .flickity-page-dots .dot.is-selected {
    background: #2196f3;
    border: 3px solid white;
    width: 20px;
    height: 20px;
    margin-bottom: -1px;
}

.section1 .flickity-prev-next-button svg {
    fill: #2196f3 !important;
    padding: 18px;
    opacity: 1;
    background: white;
    border-radius: 99%
}

.ocean {
    width: 100%;
    position: absolute;
    left: 0;
    background: #fff;
    z-index: 9;
}

.section2, .chuyen-gia-3 {
/*     background: url(/wp-content/uploads/2022/10/bg-sec5-1.png) top center no-repeat; */
	background-image: linear-gradient(to bottom, transparent 45%, var(--primary-color));
    background-size: cover;
}

.section2:after {
    content: '';
    display: block;
    position: absolute;
    bottom: -100px;
    left: 0;
    width: 100%;
    height: 515px;
    background: url(/wp-content/uploads/2022/10/milk.png) top center no-repeat;
    background-size: 100%;
    z-index: 2;
}

.stuck .header-nav-main.nav-right {
    padding: 4px 10px;
}

.stuck #logo {
    width: initial;
}

.stuck .header-main .nav > li > a {
    padding: 10px;
}

.section2 h3 {
    font-size: 30px;
    line-height: 39px;
}

.section2 h2 {
    font-size: 38px;
    line-height: 31px;
}

.button.open-video {
    background: #2196f3;
    border: 10px solid #c9eeff;
    width: 100px;
    height: 100px;
}

.button.open-video:hover {
    transform: scale(1.14)
}

.section3 {
    position: relative !important
}

.img03 {
    max-width: 160px;
    position: absolute;
    right: calc(12% + 50px);
    top: 0;
    transform: translateY(-0%);
}

.section3 .icon-box h3 {
    margin-bottom: 0;
}

.section3 .icon-box .icon-box-text {
    padding-top: 20px
}

.section3 .row2 .icon-box .icon-box-text {
    padding-top: 0;
    padding-left: 7px
}

.section3 .row2 .large-3 {
    flex-basis: 20%;
    max-width: 20%
}

.section3 .row3 h3 {
    margin-bottom: 0;
    color: #00ccff
}

.section3 .row2 .icon-box, .section3 .row3 .icon-box {
    padding-left: 38px;
}

.section3 .row2 p, .section3 .row3 p {
    text-align: center;
    line-height: 27px;
    margin-bottom: 0;
}

.section3 .row3 .icon-box .icon-box-text {
    margin-bottom: 0;
    padding-top: 0
}

.section3 .row2 {
    background-image: url(/wp-content/uploads/2022/10/boder-dashed-1.png);
    background-repeat: no-repeat;
    padding: 24px;
}

}
.section3 .row3 {
    /* background-image: url(/wp-content/uploads/2022/10/boder-dashed-1.png);
    background-repeat: no-repeat;
    padding: 24px; */
}

.section2 {
    padding-top: 70px !important;
    padding-bottom: 250px !important
}

.img01 {
    bottom: -200px;
    left: 100%;
    position: absolute;
    -webkit-animation: moveclouds 60s linear infinite;
    -moz-animation: moveclouds 60s linear infinite;
    -o-animation: moveclouds 60s linear infinite;
}

.footer1 h3 {
    font-size: 22px;
    color: var(--primary-color);
}

.footer1 ul li {
    margin-bottom: 2px;
    list-style: none;
    margin-left: 0;
}

.footer1 ul li a, .footer1 p {
    font-size: 22px;
    color: #000000;
    margin-bottom: 0;
}

.social-icons span {
    color: var(--primary-color);
    font-weight: 700;
}

.footer1 .icon-box .icon-inner {
    background: var(--primary-color);
    border-radius: 99%;
    padding: 11px;
    max-width: 53.37px;
    height: 53.37px;
    line-height: 25px;
}

.absolute-footer {
    display: none
}

a.back-to-top {
    background: var(--primary-color) !important;
    color: white !important;
    border: none !important
}

.footer1 ul li a:hover {
    color: var(--primary-color);
}

.footer1 .icon-box .icon-box-text {
    font-weight: bold;
    padding-left: 10px;
    color: var(--primary-color);
    font-size: 22px;
}

.footer1 .icon-box .icon-box-text p {
    color: var(--primary-color) !important;
}

/*variable speed, opacity, and position of clouds for realistic effect*/
.img02 {
    bottom: -200px;
    position: absolute;
    left: 0;
    -webkit-animation: moveclouds 60s linear infinite;
    -moz-animation: moveclouds 60s linear infinite;
    -o-animation: moveclouds 60s linear infinite;
}

@-webkit-keyframes moveclouds {
    0% {
        margin-left: -1000px;
    }
    100% {
        margin-left: -2000px;
    }
}

@-moz-keyframes moveclouds {
    0% {
        margin-left: -1000px;
    }
    100% {
        margin-left: -2000px;
    }
}

@-o-keyframes moveclouds {
    0% {
        margin-left: -1000px;
    }
    100% {
        margin-left: -2000px;
    }
}

.chuyen-gia .button.open-video, .video-kham-pha .button.open-video {
    background: #ffffffe8;
    border: 5px solid #c9eeff;
    width: 80px;
    height: 80px;
    line-height: 68px;
    font-size: 27px;
}

.list-post .post-item .col-inner, .blog-archive .post-item .col-inner {
    background: white;
    padding: 20px;
    border-radius: 20px
}

.list-post .post-item .image-cover, .blog-archive .post-item .image-cover {
    border-radius: 25px
}

.box-blog-post .is-divider {
    display: None
}

.list-post .post-item .post-meta, .blog-archive .post-item .post-meta {
    font-size: 16px;
    color: #393e46
}

.blog-archive .post-item .post-title {
    margin-bottom: 10px
}

.list-post .post-item .from_the_blog_excerpt, .blog-archive .post-item .from_the_blog_excerpt {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 20px;
    height: 49px;
    overflow: hidden;
    line-height: 25px;
}

.list-post .post-item .post-title, .blog-archive .post-item .post-title {
    line-height: 25px;
    font-size: 24px;
    color: var(--primary-color);
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 50px;
}

.list-post .post-item .box-text, .blog-archive .post-item .box-text {
    padding-bottom: 0
}

.chuyen-gia {
    padding-bottom: 215px !important
}

.chuyen-gia .large-4 .col-inner {
    min-height: 465px;
    background: white;
    border-radius: 20px;
}

.chuyen-gia h4 {
    font-size: 18px;
    color: var(--primary-color);
    font-weight: 600;
    padding: 16px 20px;
}

.chuyen-gia a.button {
    margin: 0 0 15px 20px;
}

.chuyen-gia .banner, .chuyen-gia .banner .banner-inner .banner-bg {
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

.video-banner, .video-banner .banner-bg {
    border-radius: 20px
}

.video-kham-pha .button.open-video {
    width: 55px;
    height: 55px;
    line-height: 55px
}

.video-banner {
    z-index: -1
}

.video-kham-pha h4 {
    padding: 20px;
    background-image: linear-gradient(transparent, #000000b5);
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    font-size: 27px;
    color: white;
    margin-top: -100px;
    line-height: 30px;
}

.chuyen-gia .button.open-video i, .video-kham-pha .button.open-video i {
    color: #03a9f4;
}

.chuyen-gia-1 {
    padding-top: 210px !important;
}

.chuyen-gia-1 .img01, .chuyen-gia-1 .img02 {
    bottom: -355px
}

.icon-box-chuyen-gia .icon-box-text {
    padding-top: 60px
}

.chuyen-gia-1 {
    padding-bottom: 350px !important
}

.section3 h3 {
    font-size: 40px;
    color: #2196f3;
}

.section3 h2 {
    font-size: 54px;
    margin-bottom: 0;
    line-height: 1.3;
    color: #030282;
}

.img04 {
    margin-top: -245px;
}

.mua-hang-1 {
    padding-bottom: 0 !important
}

.mua-hang-1 .row1 {
    margin-bottom: -100px
}

.mua-hang-1 .slider .flickity-page-dots {
    bottom: -40px
}

.mua-hang-1 .flickity-page-dots .dot {
    background: #a2e2ff;
}

.mua-hang-1 .flickity-page-dots .dot.is-selected {
    border: 3px solid #afe6ff;
}

.section4 h2, .chuyen-gia-3 h2 {
    font-size: 48px;
    text-transform: uppercase
}

.section4 .icon-box .icon {
    width: 220px;
    height: 220px;
    border-radius: 50%;
    box-shadow: 0 13px 23px 1px rgb(1 86 149 / 41%);
    border: 10px solid #76d2ff;
    background-color: #ffffff;
    padding: 40px
}

.section4 .icon-box img {
    padding-top: 0
}

.section4 .cot2 .icon-box img {
    margin-top: -10px
}

.section4 .icon-box .icon-box-img {
    text-align: center;
    display: contents;
}

.section4 .icon-box .icon-box-text {
    margin-top: 20px
}

.nut-xem-them-trang {
    border: 3px solid white !important;
}

.section4 {
    padding-bottom: 100px !important
}

.section4 .icon-box h3 {
    line-height: 26px;
}

.section4 .icon-box:hover img {
    transform: scaleX(-1);
    transition: transform linear 0.3s
}

.section4 .icon-box img {
    transition: transform linear 0.3s
}

.section5 h2, .section6 h2 {
    margin-top: -50px;
    margin-bottom: 0;
    font-size: 48px;
    color: var(--primary-color);
    text-transform: uppercase
}

.section5 .icon-box .icon-box-text {
    font-size: 24px
}

.section5 .icon-box {
    align-items: center;
    margin-bottom: 15px
}

.section6 .box .box-image {
    z-index: 1
}

.section6 .cot1 .box .box-text {
    background: #77deff;
    padding: 100px 50px 50px 50px;
    border-radius: 20px;
    margin-top: -70px;
    z-index: 0;
    min-height: 285px
}

.section6 .cot2 .box .box-text {
    background: #ffba00;
    padding: 100px 50px 50px 50px;
    border-radius: 20px;
    margin-top: -70px;
    z-index: 0;
}

.blog-single .entry-content {
    padding-top: 0;
    font-size: 20px;
    max-width: 850px;
    margin: 0 auto
}

.section6 {
    padding-bottom: 292px !important;
}

.section6:after {
    bottom: 0
}

.blog-archive .post-item .box-text {
    padding-top: 20px
}

.list-post .post-item .button, .blog-archive .post-item .button {
    text-transform: none;
    letter-spacing: 0;
    font-size: 20px;
    color: #ff0003;
    margin: 0;
    font-weight: 500;
    background: none;
    border: none;
    padding: 0;
    margin: 0;
    min-width: 10px;
}

.section7 h2, .section8 h2 {
    font-size: 40px;
    color: var(--primary-color);
    text-transform: uppercase
}

.section8 h2 {
    color: white !important
}

.section7 h3, .section8 h3 {
    font-size: 24px
}

.section7:before {
    content: '';
    display: block;
    position: absolute;
    top: 10px;
    left: -131px;
    width: 589px;
    height: 363px;
    background: url(/wp-content/uploads/2025/05/before-sec66-removebg-preview.png) center no-repeat;
    background-size: 100%;
    z-index: 1;
}

.section6 .box h4 {
    font-size: 25px;
    color: white
}

.section5 {
    padding-bottom: 50px !important
}

.section5 .row {
    background-image: url(/wp-content/uploads/2025/05/bg-sec4.png);
    background-repeat: no-repeat;
    background-size: contain;
    padding: 20px 0px 40px;
}

.section7:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    right: 0;
    width: 443px;
    height: 369px;
    background: url(/wp-content/uploads/2025/05/after-sec66.png) center no-repeat;
    background-size: 100%;
    z-index: 1;
}

.section7 .icon-box .icon-box-text {
    font-size: 20px
}

.section7 .icon-box .icon-box-img img {
    padding-top: 0;
    border-radius: 99%;
    width: 140px;
    height: 140px;
    border: 7px solid var(--primary-color);
}

.section7 .icon-box .icon-box-text p {
    margin-bottom: 0
}

.section7 .icon-box {
    margin-bottom: 50px
}

.section7 .flickity-prev-next-button, .section8 .flickity-prev-next-button, .slider-tin-tuc .flickity-prev-next-button {
    opacity: 1;
    width: 60px
}

.section8 .img01, .section8 .img02 {
    bottom: -305px
}

.section8 {
    padding-top: 60px !important
}

.section7 .flickity-prev-next-button svg, .section8 .flickity-prev-next-button svg, .slider-tin-tuc .flickity-prev-next-button svg {
    background: #c7212396;
    border-radius: 99%;
    color: white;
    fill: white !important;
    padding: 17px;
}

.section8 {
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(199, 33, 35, 1) 100%);
    background-size: cover;
}

.section8 .box .box-text {
    background: white;
    padding: 20px 24px 33px;
}

.section8 .box h4 {
    font-size: 25px;
    color: black;
}

.slider-tin-tuc .img01, .slider-tin-tuc .img02 {
    bottom: -2px
}

.slider-tin-tuc .slider {
    z-index: 99
}

.slider-tin-tuc {
    padding-bottom: 0px !important
}

.section8 .flickity-prev-next-button svg, .slider-tin-tuc .flickity-prev-next-button svg {
    background: white;
    color: #03a9f4;
    fill: #03a9f4 !important;
}

.nut-xem-them {
    z-index: 99
}

.section9 h2 {
    font-size: 40px;
    color: #00b3ed
}

.img05 {
    position: absolute;
    top: -20px;
    left: -100px;
    bottom: 0;
}

.section9 {
    background: linear-gradient(to bottom, white, #f9fcfc);
}

.img05 .img-inner {
    width: 1280px
}

.accordion-title {
    text-align: left
}

.xem-tra-loi {
    position: absolute;
    right: 30px;
    margin: 0;
    background: white;
    border-radius: 25px;
    font-size: 16px;
    top: 18px;
}

.accordion-title.active {
    background: none;
    font-weight: normal;
    font-size: 20px;
    color: black !important;
}

.accordion-inner {
    padding: 0 30px 5px 40px;
    text-align: left;
    font-size: 19px;
}

.accordion-item {
    margin-bottom: 15px;
    border-radius: 16px;
    background-color: var(--secondary-color);
	border:1px solid var(--primary-color);
}

.accordion-title {
    position: relative;
    font-size: 20px;
    padding: 23px 190px 23px 30px;
    padding-left: 38px;
    border-top: none
}

.footer1 .col {
    padding-bottom: 0
}

.footer1 ul {
    margin-bottom: 0
}

.mua-hang-2 {
    padding-top: 150px !important;
	background: linear-gradient(190deg, rgba(255, 255, 255, 1) 0%, rgba(230, 156, 156, 0.69) 100%);
}

.mua-hang-2 .tabbed-content ul li {
    width: 33.33%;
    text-align: center
}

.mua-hang-2 .tabbed-content ul li a {
    min-height: 275px;
    text-transform: none;
    font-size: 26px;
    color: var(--primary-color);
    line-height: 31px;
    display: block;
}

.mua-hang-2 .tabbed-content ul li:nth-child(1) a {
    background-image: url(/wp-content/uploads/2025/05/redcart.png);
    background-size: 150px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 20px;
    padding-top: 185px;
}

.mua-hang-2 .tabbed-content ul li:nth-child(2) a {
    background-image: url(/wp-content/uploads/2025/05/redshop-3-removebg-preview-1.png);
    background-size: 340px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 20px;
    padding-top: 185px;
}

.mua-hang-2 .tabbed-content ul li:nth-child(3) a {
    background-image: url(/wp-content/uploads/2022/10/img003.png);
    background-size: 150px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: 20px;
    padding-top: 185px;
}

.mua-hang-2 .tabbed-content ul li.active a {
    text-transform: none;
    font-size: 26px;
    color: white;
    background-color: var(--primary-color);
    width: 100%;
    display: block;
    text-align: center;
}

.mua-hang-2 .tabbed-content .nav {
    padding-bottom: 25px;
    border-bottom: 2px solid #c0ebff;
    margin-bottom: 26px;
}

.mua-hang-2 {
    
}

.mua-hang-2 .box {
    min-height: 332px;
    border-radius: 16px;
    background-color: #ffffff;
    padding: 35px;
}

.mua-hang-2 .row2 {
    background: white;
    padding: 20px;
    width: 1000px !important;
    margin: 0 auto !important;
    border-radius: 20px;
}

.mua-hang-2 .row2 .col {
    padding-bottom: 0
}

.mua-hang-2 .icon-box {
    background: white;
    padding: 20px;
    border-radius: 20px;
}

.mua-hang-2 .icon-box img {
    padding-top: 0;
    border-radius: 99%
}

.mua-hang-2 .icon-box h3 {
    color: var(--primary-color);
}

.mua-hang-2 .icon-box p {
    color: #03a9f4;
    font-weight: bold;
}

.list-post2 .post-item .button {
    background: var(--primary-color);
    color: white;
    font-weight: bold;
    font-size: 17px;
    border-radius: 20px;
    margin-top: 15px;
}

.list-post2 .post-item .box-text {
    padding-bottom: 10px
}

.list-post3 .post-item .col-inner {
    border-radius: 32px;
    background-color: #effdff;
    padding: 11px 14px;
}

.list-post3 .post-item .box-text {
    padding: 0 0 0 15px;
    background: none
}

.list-post3 .post-item .image-cover {
    border-radius: 22px
}

.list-post3 .post-item .post-title {
    color: var(--primary-color);
    font-size: 20px
}

.list-post3 .post-item .button {
    color: #ff0000;
    font-size: 16px;
    text-transform: none;
    margin: 0
}

.bai-viet-section:before {
/*     width: 100%;
    content: '';
    display: block;
    height: 500px;
    bottom: 0px;
    left: 0;
    position: absolute;
    background: url(/wp-content/uploads/2022/10/bg-sec5.png);
    background-size: cover;
    background-position-y: -150px; */
}

.bai-viet-section h2, .bai-viet-2 h2, .video-kham-pha h2 {
    font-size: 40px
}

.bai-viet-section .large-12, .bai-viet-2 .large-12 {
    padding-bottom: 0
}

.bai-viet-section .xem-tin-tuc, .bai-viet-2 .xem-tin-tuc {
    border-radius: 99px;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
    text-transform: none;
    letter-spacing: 0;
    font-size: 23px;
}

.bai-viet-2 .xem-tin-tuc {
    color: white
}

.list-post3 .post-item {
    padding-bottom: 20px
}

.mua-hang-2 .box .box-image {
    position: absolute;
    top: -28px;
}

.mua-hang-2 .box .box-text {
    padding-right: 0;
    padding-left: 225px;
    padding-top: 0;
}

.video-kham-pha {
/*     background-image: linear-gradient(#c1f1ff, white 10%, #c1f1ff); */
}

.mua-hang-2 .box h3 {
    font-size: 25px;
    color: #030282
}

.mua-hang-2 .box p {
    color: #039ae1;
    font-size: 17px;
    line-height: 26px;
}

.bai-viet-2 {
    
}

.bo-san-pham {
    padding-bottom: 60px !important
}

.img06 {
    margin-top: -350px
}

.cam-nhan-section {
    background: url(/wp-content/uploads/2022/10/bg-cn2.png) no-repeat top center;
    background-size: cover;
}

.cam-nhan-section .box {
    PADDING: 20PX;
    BORDER-RADIUS: 20PX;
    BACKGROUND: WHITE;
}

.cam-nhan-section .box .box-text {
    padding: 30px 15px;
}

.cam-nhan-section .box .box-text p {
    color: black;
    font-size: 19px;
    line-height: 26px;
}

.cam-nhan-section .box h4 {
    text-align: left;
    color: #03a9f4;
    font-size: 18px;
    margin-top: 30px;
}

.cam-nhan-section .box .box-text::before {
    content: '';
    display: block;
    width: 58px;
    height: 58px;
    background: url(/wp-content/uploads/2022/10/quote_share_by_mom.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    top: -33px;
    left: 11px;
    z-index: 2;
}

.giac-ngu-2 .icon-box h3 {
    color: #00b3ed;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 26px;
}

.giac-ngu-2 .icon-box {
    min-height: 340px;
    padding: 20px;
    border-radius: 20px;
    border: 2px solid #efefef;
}

.giac-ngu-2 .icon-box:hover {
    border: 2px solid #57cbff;
}

.list-post4 .post-item .post-title {
    color: #00b3ed;
    font-size: 20px;
}

.list-post4 .post-item .button {
    text-transform: none;
    font-size: 18px;
    font-weight: normal;
    color: #00b3ed;
    margin: 0;
}

.list-post4 .post-item {
    padding-bottom: 0
}

.giac-ngu-2 .box .box-image {
    border-radius: 25px
}

.giac-ngu-2 .box h4 {
    font-size: 35px
}

.anh-dau-trang {
    width: 100%
}

.product-main {
    padding: 0;
}

.product-info .product-short-description {
    font-size: 20px
}

.product-main .content-row {
    max-width: 1200px
}

.product-info {
    padding-top: 30px;
    padding-right: 100px;
}

.quantity .button.minus, .quantity .button.plus {
    width: 40px !important;
    height: 40px !important;
    border: 1px solid #3f51b5 !IMPORTANT;
    border-radius: 99% !important;
    min-height: 40px !important;
    line-height: 0 !important;
    font-size: 39px;
    padding: 7px;
    color: #3f51b5;
}

.quantity input[type=number] {
    max-width: 60px;
    text-align: center;
    width: 60px !important;
    height: 40px;
    border-radius: 30px !important;
    box-shadow: none;
    border: 1px solid #3f51b5;
    margin: 0 5px;
}

.single_add_to_cart_button {
    border-radius: 25px;
}

.view-more-button:hover {
    box-shadow: none;
    background: #03a9f4;
    color: white
}

.view-more-button {
    border: 2px solid #03a9f4;
    border-radius: 30px;
    background: white;
    color: #03a9f4;
}

.product-info .product-short-description h3 {
    font-size: 25px;
    color: #00b3ed
}

.product-info .breadcrumbs {
    display: none
}

.product-info h1.product-title {
    font-size: 40px;
    color: var(--primary-color);
}

.section06 {
    padding-bottom: 30px !important
}

.giac-ngu-2 .icon-box .icon {
    display: flex;
    justify-content: center;
    width: 150px;
    height: 150px
}

.product-footer .woocommerce-tabs {
    border-top: 0;
    padding: 0;
}

.woocommerce-tabs ul li a {
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    border-radius: 15px 15px 0 0;
    background-color: #c721234d;
    color: #c72123;
    display: block;
    text-transform: uppercase;
    padding: 0 50px;
    min-width: 262px;
    text-align: center;
    font-weight: 700;
    border: none;
}

.woocommerce-tabs ul li.active a {
    color: white;
    background-color: #c72123;
}

.woocommerce-tabs .nav {
    border-bottom: 3px solid #c72123;
}

.wp-caption .wp-caption-text {
    background: none;
    font-size: 15px;
    font-style: normal;
    padding: 0.4em;
    color: gray;
}

.blog-archive .post-item a:hover {
    color: black
}

.bai-viet-lien-quan h3 {
    padding: 0 15px;
    font-size: 30px;
    text-transform: uppercase;
    color: #03a9f4;
    margin-top: 35px;
}

.shop_table thead th {
    border-width: 3px;
    text-transform: none;
    font-size: 19px;
    letter-spacing: 0;
}

.cart_totals th.product-name {
    text-transform: none;
    letter-spacing: 0;
    font-size: 19px;
}

.cart_totals .button {
    border-radius: 20px;
}

.woocommerce-cart-form .shop_table {
    background: #e4f7ff;
    padding: 30px;
    border-radius: 20px;
}

.cart-collaterals {
    border-left: none !important
}

.woocommerce-checkout .has-border {
    padding: 15px 30px 30px;
    background: white;
    border-radius: 20px;
}

#customer_details {
    background: #e6f7ff;
    padding: 30px;
    border-radius: 20px;
}

.woocommerce-billing-fields {
    border-top: 0;
    padding-top: 0;
}

form.checkout h3 {
    padding-top: 0px;
    text-transform: none;
    font-size: 25px;
    color: #03a9f4;
}

.woocommerce-checkout .has-border {
    margin-bottom: 30px
}

.coupon button {
    border-radius: 20px;
    margin-left: 10px;
}

.form-row #place_order {
    border-radius: 20px
}

.woocommerce-billing-fields__field-wrapper input, .woocommerce-additional-fields__field-wrapper textarea {
    border-radius: 20px;
    box-shadow: none;
    border: none
}

.checkout_coupon input {
    border-radius: 20px
}

.cart-sidebar {
    border: 2px solid #03a9f4;
    padding: 30px;
    border-radius: 20px;
    background: white
}

.woocommerce-page #main {
    padding-bottom: 30px;
    background-image: linear-gradient(white 80%, #c721230f);
}

.bai-viet-lien-quan {
    padding-bottom: 60px;
    background: url(/wp-content/uploads/2022/10/bg-sec5.png) bottom center no-repeat;
    background-size: cover;
}

.blog-archive .bai-viet-lien-quan {
    display: none
}

.woocommerce-tabs .tab-panels img, .blog-single .entry-content img {
    border-radius: 20px;
    position: relative;
    left: -169px;
    width: calc(100% + 320px);
    max-width: 100vw;
}

.woocommerce-tabs .tab-panels h3 {
    color: #1b2d90;
}

.woocommerce-tabs .tab-panels {
    font-size: 20px
}

#comments {
    max-width: 850px;
    margin: 0 auto;
}

#comments .comment-respond {
    font-size: 20px;
    background-color: #c721242f;
    padding: 30px;
    border: 2px solid var(--primary-color);
    border-radius: 20px;
}

form {
    margin-bottom: 0
}

.blog-single .entry-content h2 {
    font-size: 25px;
    color: #2236a4;
}

.blog-single .entry-content h3 {
    font-size: 24px;
}

.blog-single .entry-content h4 {
    font-size: 23px;
}

.blog-single .entry-content h5 {
    font-size: 22px;
}

.blog-single .entry-content h5 {
    font-size: 21px;
}

.blog-single .entry-header {
    max-width: 850px;
    margin: 0 auto
}

.comment-respond .form-submit input[type=submit] {
    border-radius: 20px;
    margin: 0;
}

.bai-viet-lien-quan .post-item a {
    color: black
}

.woocommerce-tabs .tab-panels {
    background: none;
    padding: 30px 180px;
    border: none
}

.product-info .price span.amount {
    color: #ff3b7e;
}

.single-product .accordion-item {
    background-color: #ffffffb5;
}

.page-wrapper {
    padding-bottom: 0;
    padding-top: 0;
}

.page-wrapper.blog-single {
    padding-top: 30px
}

.is-divider {
    display: none
}

.single-product .entry-content {
    padding-bottom: 0;
    padding-top: 0;
    max-width: 850px;
    margin: 0 auto;
    font-size: 20px
}

.blog-single .entry-category {
    text-align: center;
    font-size: 17px;
}

.blog-single .entry-title {
    text-transform: uppercase;
    font-size: 40px;
    color: #030282;
    text-align: center;
}

.checkout-page-title {
    padding-top: 0 !important
}

.page-title-inner {
    padding-top: 0;
}

.blog-archive .post-item:hover img {
    transform: scale(1.14);
}

.checkout-breadcrumbs a {
    text-transform: none;
    font-weight: bold;
    font-size: 30px;
}

.checkout-page-title .breadcrumbs {
    margin-bottom: 20px
}

.breadcrumbs a.current, .breadcrumbs a:hover {
    color: var(--primary-color);
}

.blog-archive {
    background-image: linear-gradient(white 50%, #aae4ff)
}

.blog-archive .page-title {
    line-height: 58px;
    font-size: 40px;
    color: #00b3ed;
    letter-spacing: 0
}

.single-product .xem-tra-loi {
    background: #03a9f4;
    color: white
}

.product-footer {
    background: linear-gradient(0deg, #c721234d, transparent);
}

.wn-bai-viet-section .section-content {
    z-index: 9;
}

.wn-accordion button.toggle {
    top: 50%;
    transform: translateY(-50%);
}

.wn-accordion span {
    display: block;
    padding-left: 10px;
}

.wn-lien-he {
    background: #fff;
    border-radius: 20px;
    color: #26ccfe;
    padding: 30px;
}

.wn-lien-he h2 {
    background: none;
    color: #26ccfe;
    padding: 0;
}

.wn-lien-he ul {
    list-style-type: none;
    margin-bottom: 0;
}

.wn-lien-he ul li {
    margin-left: 0;
    font-size: 18px;
}

.wn-list-post2.list-post2 .post-item .button {
    padding: 0 15px;
}

.wn-row-chia-se .col-inner,
.wn-row-chia-se .col-inner .box {
    height: 100%;
}

.wn-row-chia-se .col-inner .box .box-text {
    height: 50%;
}

.wn-row-chia-se .col-inner .box .box-text .box-text-inner {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}

.wn-section7::after {
    z-index: unset;
}

.wn-section1 {
    padding-top: 170px !important;
}

.wn-section6 h2 {
    margin-top: 60px;
    line-height: 1.4;
}

.wn-section6 .section-content {
    z-index: 9;
}

.wn-section-3 .group-title h2,
.wn-section-3 .group-title h3 {
    text-shadow: 2px 2px #fff, -2px 2px #fff, 2px -2px #fff, -2px -2px #fff, 2px 2px 7px #000;
}

.wn-list-post .box-image img {
    object-fit: contain;
}

.wn-section8 .slider .box {
    border-radius: 20px;
    overflow: hidden;
}

.wn-logo-stroke-25 {
    color: red !important;
    font-size: 25px;
    font-family: cursive;
    font-weight: bold;
    -webkit-text-stroke: 1px #fff;
}

.wn-logo-stroke {
    color: red !important;
    text-shadow: 2px 2px #fff, -2px 2px #fff, 2px -2px #fff, -2px -2px #fff, 2px 2px 7px #000;
}

.wn-warning-heading {
    text-align: center;
    color: #d60807;
    font-size: 20px;
    font-weight: 700;
}

.wn-list-info {
    display: flex;
    flex-direction: column;
    gap: 2px;
    list-style: none;
    margin-bottom: 0;
}

.wn-list-info li {
    margin: 0;
}

.wn-warning-contact {
    font-weight: 700;
    margin-bottom: 0;
}

.wn-warning-contact a {
    text-decoration: none;
    color: #d60807;
}

.wn-warning-confirm {
    align-items: center;
    gap: 10px;
}

.wn-warning-confirm input {
    margin: 0;
}

.wn-warning-confirm p {
    font-size: 14px;
    margin-bottom: 0;
}

.wn-warning-footer {
    margin-top: 10px;
    display: flex;
    justify-content: center;
}

.wn-warning-skip {
    background: #afb0b2;
    font-size: 14px;
    line-height: 14px;
    font-weight: 500;
    padding: 10px 20px;
    border-radius: 20px;
    text-transform: none;
    color: #fff;
}

.wn-warning-yes {
    background: #d60807;
    font-size: 14px;
    text-transform: none;
    line-height: 14px;
    padding: 10px 20px;
    border-radius: 20px;
    font-weight: 500;
    color: #fff;
}

#warning-modal {
    border-radius: 8px;
}

#warning-modal .mfp-close {
    color: white;
}


@media only screen and (max-width: 850px) {

    .mua-hang-2 .row2.wn-tab-tmdt {
        width: auto !important;
    }

    .mua-hang-2 .wn-tab-dat-hang .box-text {
        padding-left: 0;
        padding-top: 150px;
        padding-bottom: 0;
    }

    .section3 .wn-row2-icon,
    .section3 .wn-row3-icon {
        background: none;
    }

    .wn-row-chia-se .col-inner .box .box-text {
        height: auto;
    }
}

@media only screen and (max-width: 48em) {
    /*************** ADD MOBILE ONLY CSS HERE  ***************/
    .mua-hang-icon {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .mua-hang-icon .icon-box-img,
    .mua-hang-icon .icon-box-text {
        margin: 0;
    }

    .mua-hang-icon p {
        font-size: 17px;
    }

    .transparent .header-main {
        height: 115px;
    }

    .off-canvas .nav-vertical > li > a {
        padding-bottom: 15px;
        padding-top: 15px;
        font-size: 18px;
        color: #172780;
    }

    .off-canvas-left .mfp-content {
        width: 100%
    }

    .off-canvas .nav-vertical li li > a {
        padding-bottom: 5px;
        padding-top: 5px;
        font-weight: bold;
        color: black;
    }

    .section1 {
        padding-bottom: 40px !important;
        padding-top: 170px !important;
    }

    .section2 h3 {
        font-size: 23px;
        line-height: 35px;
    }

    .section2 h2 {
        font-size: 31px;
        line-height: 23px;
    }

    .section2:after {
        bottom: 0;
        height: 132px;
    }

    .section1 .slider .row {
        margin-left: 0 !important
    }

    .section2 {
        padding-bottom: 97px !important;
    }

    .img03 {
        display: none;
    }

    .section3 h2 {
        font-size: 25px;
    }

    .section3 {
        padding-bottom: 0px !important;
        padding-top: 0 !important
    }

    .section3 h3 {
        font-size: 23px;
    }

    .section3 .icon-box .icon-box-img {
        width: 60px !important
    }

    .section3 .icon-box .icon-box-text {
        padding-top: 0;
    }

    .section3 .icon-box h3 {
        margin-bottom: 0;
        font-size: 20px;
        line-height: 25px;
    }

    .section3 .icon-box .icon-box-text p span {
        font-size: 100% !important
    }

    .section3 .row2 .large-3 {
        flex-basis: 100%;
        max-width: 100%
    }

    .section3 .row2 .icon-box, .section3 .row3 .icon-box {
        padding-left: 0;
    }

    .section3 .row2, .section3 .row3 {
        background-image: none
    }

    .section3 .row2 .cot5 p {
        margin-top: 0 !important;
    }

    .button.open-video {
        border: 3px solid #c9eeff;
        width: 63px;
        height: 63px;
    }

    .section2 .video-button-wrapper {
        font-size: 126% !important;
    }

    .img04 {
        margin-top: 0;
    }

    .section4 h2, .chuyen-gia-3 h2 {
        font-size: 25px;
        margin-bottom: 0
    }

    .section4 .icon-box h3 {
        font-size: 22px;
    }

    .section4 {
        padding-bottom: 10px !important;
    }

    .section5 h2, .section6 h2 {
        margin-top: 0;
        margin-bottom: 0;
        font-size: 25px;
    }

    .section5 {
        padding-bottom: 0px !important;
        padding-top: 50px !important;
    }

    .section5 .icon-box .icon-box-text {
        font-size: 19px;
        line-height: 23px;
    }

    .section6 .box .box-text {
        padding: 100px 30px 30px 30px !important;
        min-height: auto !important;
    }

    .section5 .large-6 {
        padding-bottom: 0
    }

    .section3 .row2 p {
        padding-left: 116px;
        text-align: left !important;
        margin-top: -61px;
    }

    .section6 .box h4 {
        font-size: 20px;
    }

    .section7 h2, .section8 h2 {
        font-size: 25px;
    }

    .section7 h3, .section8 h3 {
        font-size: 18px;
    }

    .section7 .col {
        padding-left: 0;
        padding-right: 0
    }

    .section7 .icon-box .icon-box-text {
        font-size: 16px;
    }

    .section7:after {
        display: none
    }

    .section7 .icon-box {
        margin-bottom: 20px;
    }

    .section8 {
        padding-bottom: 20px !important;
        padding-top: 0px !important;
    }

    .section8 .box h4 {
        font-size: 18px;
    }

    .section8 .box .box-text {
        padding: 20px;
    }

    .img05 {
        position: inherit;
        top: 0;
        left: 0;
    }

    .img05 .img-inner {
        width: auto;
    }

    .section9 h2 {
        font-size: 25px;
    }

    .section9 {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .accordion-title {
        font-size: 18px;
        padding: 20px;
        padding-left: 20px;
    }

    .xem-tra-loi {
        position: inherit;
        right: 0;
        margin: 0;
        background: white;
        border-radius: 25px;
        font-size: 11px;
        top: 0;
        margin-left: 8px;
    }

    .accordion-inner {
        padding: 0 20px 10px 20px;
        font-size: 17px;
    }

    .footer1 .col {
        flex-basis: 100%; /* max-width:100% */;
        padding-bottom: 15px
    }

    .footer1 ul li a, .footer1 p {
        font-size: 18px;
    }

    .footer1 h3 {
        font-size: 20px;
    }

    .social-icons span {
        font-size: 17px;
        display: block;
        margin-bottom: 35px;
    }

    .section7 .large-7 .col-inner {
        padding: 0 !important
    }

    .footer1 {
        padding-top: 40px !important;
        padding-bottom: 40px !important
    }

    .anh-dau-trang {
        width: auto;
        min-height: 300px;
    }

    .product-info {
        padding-right: 15px;
    }

    .product-info .product-short-description h3 {
        font-size: 22px;
        color: #00b3ed;
        line-height: 28px;
    }

    .product-info .product-short-description {
        font-size: 17px;
    }

    .section1 h2 {
        font-size: 25px;
        padding: 9px 15px;
        line-height: 32px;
    }

    .section1 h3 {
        font-size: 23px;
        line-height: 26px;
    }

    .view-more-button {
        width: 100%;
    }

    .woocommerce-tabs ul li a {
        border-radius: 10px
    }

    .woocommerce-tabs ul li {
        margin-bottom: 5px !important
    }

    .woocommerce-tabs .tab-panels {
        padding: 0;
    }

    .woocommerce-tabs .tab-panels {
        font-size: 17px;
    }

    .woocommerce-tabs .tab-panels img, .blog-single .entry-content img {
        border-radius: 20px;
        left: 0;
        width: 100%;
        max-width: 100%;
    }

    .single-product .entry-content {
        font-size: 18px
    }

    .section1 .icon-box {
        display: block
    }

    .icon-box-chuyen-gia .icon-box-text {
        padding-left: 0 !important;
        padding-top: 10px;
    }

    .section1 .icon-box .icon-box-img {
        margin: 0 auto
    }

    .chuyen-gia .large-4 .col-inner {
        min-height: auto;
    }

    .chuyen-gia .button.open-video, .video-kham-pha .button.open-video {
        width: 60px;
        height: 60px;
        line-height: 57px;
    }

    .list-post .post-item .post-title, .blog-archive .post-item .post-title {
        font-size: 20px;
    }

    .list-post .post-item .from_the_blog_excerpt, .blog-archive .post-item .from_the_blog_excerpt {
        font-size: 17px;
    }

    .list-post .post-item .button, .blog-archive .post-item .button {
        font-size: 17px;
        background: none;
        color: #00b3ed;
        margin: 0;
    }

    .mua-hang-2 {
        padding-bottom: 20px !important;
        padding-top: 90px !important;
    }

    .mua-hang-2 .tabbed-content ul li {
        width: 100%
    }

    .mua-hang-2 .tabbed-content ul li a {
        background-size: 35px !important;
        background-position-y: 5px !important;
        padding-top: 0 !important;
        background-position-x: 10px !important;
        min-height: auto !important;
        padding: 9px !important;
    }

    .mua-hang-2 .tabbed-content ul li a {
        font-size: 18px !important;
        padding: 8px 5px 8px 53px !important;
        text-align: left;
    }

    .mua-hang-2 .tabbed-content ul li.active a {
        text-align: left
    }

    .bai-viet-section h2, .bai-viet-2 h2, .video-kham-pha h2 {
        font-size: 25px;
    }

    .bai-viet-section .xem-tin-tuc, .bai-viet-2 .xem-tin-tuc {
        font-size: 15px;
    }

    .bai-viet-section {
        padding-top: 40px !important
    }

    .chuyen-gia {
        padding-top: 40px !important
    }

    .mua-hang-2 .icon-box {
        border: 2px solid #f1f1f1;
    }

    .mua-hang-2 .box .box-image {
        width: 33% !important;
        position: inherit;
        top: 0;
    }

    .mua-hang-2 .box {
        min-height: auto;
        padding: 15px;
    }

    .mua-hang-2 .box .box-text {
        padding-left: 0;
    }

    .mua-hang-2 .box p {
        font-size: 15px;
    }

    .list-post3 .post-item .box {
        display: flex
    }

    .list-post3 .post-item .box-image {
        width: 70% !important
    }

    .video-kham-pha h4 {
        padding: 15px;
        font-size: 18px;
        margin-top: 0;
        line-height: 24px;
        background: white !important;
        color: black;
        border-radius: 15px !important;
        margin-top: 10px
    }

    .cam-nhan-section .box .box-text {
        padding: 30px 0 0 0;
    }

    .cam-nhan-section .box .box-text p {
        font-size: 18px;
    }

    .cam-nhan-section .box h4 {
        margin-top: 5px;
    }

    .bo-san-pham {
        padding-top: 0 !important;
        padding-bottom: 0px !important;
    }

    .giac-ngu-2 .icon-box {
        padding: 20px;
    }

    .giac-ngu-2 .large-3 {
        flex-basis: 100%;
        max-width: 100%
    }

    .giac-ngu-2 .box .box-image .image-cover {
        padding-top: 50% !important
    }

    .list-post4 .post-item .box {
        display: flex
    }

    .list-post4 .post-item .box .box-image {
        width: 50%
    }

    .list-post4 .post-item .box .box-text {
        padding-top: 0;
        padding-left: 10px
    }

    .list-post4 .post-item .post-title {
        font-size: 17px;
    }

    .blog-single .entry-title {
        font-size: 25px;
    }

    .list-post4 .post-item .image-cover {
        padding-top: 100% !important
    }

    .blog-single .entry-content {
        padding-top: 0;
        padding-bottom: 0;
        font-size: 18px;
        max-width: 100%;
    }

    #comments .comment-respond {
        font-size: 18px;
        padding: 15px;
    }

    .bai-viet-lien-quan h3 {
        font-size: 21px;
    }

    .blog-archive .page-title {
        line-height: 30px;
        font-size: 25px;
    }

    .blog-archive .large-12 {
        padding-bottom: 0;
        padding-top: 40px
    }

    .list-post .post-item .col-inner, .blog-archive .post-item .col-inner {
        padding: 0;
    }

    .blog-archive .post-item .box-text {
        padding: 10px
    }

    .giac-ngu-2 {
        padding-bottom: 0 !important
    }

    .wn-accordion span {
        padding-left: 20px;
    }

    .section7 .col.wn-col {
        padding-left: 15px;
        padding-right: 15px;
    }

    .wn-list-post.list-post .post-item .box-text, .blog-archive .post-item .box-text {
        padding: 15px
    }

    .mua-hang-2 .wn-tab-dat-hang .box-text {
        padding-top: 0;
    }

    .bai-viet-section h2.wn-title {
        font-size: 22px;
    }

    .wn-list-post2.list-post2 .post-item .button {
        padding: 0;
    }

    .wn-row2-icon .col {
        padding-left: 0;
        padding-right: 0;
    }

    .wn-row2-icon .col.cot5 .col-inner {
        display: flex;
    }

    .wn-row2-icon .col.cot5 .col-inner p {
        padding-left: 0;
    }

    .wn-section1 {
        padding-top: 180px !important;
    }

    .wn-section2 h3 {
        font-size: 18px;
    }

    .wn-section6 h2 {
        line-height: 1.4;
    }
}

.wn-contact-float{
	background: var(--primary-color) !important;
}