.rll-youtube-player {
     position: relative;
     padding-bottom: 56.23%;
     height: 0;
     overflow: hidden;
     max-width: 100%;
 }

 .rll-youtube-player:focus-within {
     outline: 2px solid currentColor;
     outline-offset: 5px;
 }

 .rll-youtube-player iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     z-index: 100;
     background: 0 0
 }

 .rll-youtube-player img {
     bottom: 0;
     display: block;
     left: 0;
     margin: auto;
     max-width: 100%;
     width: 100%;
     position: absolute;
     right: 0;
     top: 0;
     border: none;
     height: auto;
     -webkit-transition: .4s all;
     -moz-transition: .4s all;
     transition: .4s all
 }

 .rll-youtube-player img:hover {
     -webkit-filter: brightness(75%)
 }

 .rll-youtube-player .play {
     height: 100%;
     width: 100%;
     left: 0;
     top: 0;
     position: absolute;
     background: var(--wpr-bg-848a1f8f-d44d-4e3c-8e03-fa259912222b) no-repeat center;
     background-color: transparent !important;
     cursor: pointer;
     border: none;
 }

 :root {
     --primary-color: #446084;
     --fs-color-primary: #446084;
     --fs-color-secondary: #d26e4b;
     --fs-color-success: #7a9c59;
     --fs-color-alert: #b20000;
     --fs-experimental-link-color: #dd3333;
     --fs-experimental-link-color-hover: #111;
 }

 .tooltipster-base {
     --tooltip-color: #fff;
     --tooltip-bg-color: #000;
 }

 .off-canvas-right .mfp-content,
 .off-canvas-left .mfp-content {
     --drawer-width: 300px;
 }

 html {
     background-image: var(--wpr-bg-5a4e33e6-dd1c-4e01-bde4-32e84778605d);
 }

 .container-width,
 .full-width .ubermenu-nav,
 .container,
 .row {
     max-width: 1080px
 }

 .row.row-collapse {
     max-width: 1050px
 }

 .row.row-small {
     max-width: 1072.5px
 }

 .row.row-large {
     max-width: 1110px
 }

 body.framed,
 body.framed header,
 body.framed .header-wrapper,
 body.boxed,
 body.boxed header,
 body.boxed .header-wrapper,
 body.boxed .is-sticky-section {
     max-width: 1110px
 }

 .sticky-add-to-cart--active,
 #wrapper,
 #main,
 #main.dark {
     background-color: rgba(255, 255, 255, 0.44)
 }

 .header-main {
     height: 111px
 }

 #logo img {
     max-height: 111px
 }

 #logo {
     width: 123px;
 }

 .header-bottom {
     min-height: 58px
 }

 .header-top {
     min-height: 30px
 }

 .transparent .header-main {
     height: 79px
 }

 .transparent #logo img {
     max-height: 79px
 }

 .has-transparent+.page-title:first-of-type,
 .has-transparent+#main>.page-title,
 .has-transparent+#main>div>.page-title,
 .has-transparent+#main .page-header-wrapper:first-of-type .page-title {
     padding-top: 159px;
 }

 .header.show-on-scroll,
 .stuck .header-main {
     height: 70px !important
 }

 .stuck #logo img {
     max-height: 70px !important
 }

 .header-bg-color {
     background-color: #33a00e
 }

 .header-bottom {
     background-color: #1c1c1c
 }

 .header-main .nav>li>a {
     line-height: 16px
 }

 .header-wrapper:not(.stuck) .header-main .header-nav {
     margin-top: 1px
 }

 @media (max-width: 549px) {
     .header-main {
         height: 70px
     }

     #logo img {
         max-height: 70px
     }
 }

 .nav-dropdown {
     font-size: 81%
 }

 .header-top {
     background-color: #000000 !important;
 }

 body {
     color: #000000
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .heading-font {
     color: #559527;
 }

 body {
     font-family: Roboto, sans-serif;
 }

 body {
     font-weight: 400;
     font-style: normal;
 }

 .nav>li>a {
     font-family: Roboto, sans-serif;
 }

 .mobile-sidebar-levels-2 .nav>li>ul>li>a {
     font-family: Roboto, sans-serif;
 }

 .nav>li>a,
 .mobile-sidebar-levels-2 .nav>li>ul>li>a {
     font-weight: 700;
     font-style: normal;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .heading-font,
 .off-canvas-center .nav-sidebar.nav-vertical>li>a {
     font-family: Roboto, sans-serif;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 .heading-font,
 .banner h1,
 .banner h2 {
     font-weight: 700;
     font-style: normal;
 }

 .alt-font {
     font-family: "Dancing Script", sans-serif;
 }

 .alt-font {
     font-weight: 400 !important;
     font-style: normal !important;
 }

 .absolute-footer,
 html {
     background-color: #000000
 }

 .nav-vertical-fly-out>li+li {
     border-top-width: 1px;
     border-top-style: solid;
 }

 .label-new.menu-item>a:after {
     content: "Mới";
 }

 .label-hot.menu-item>a:after {
     content: "Nổi bật";
 }

 .label-sale.menu-item>a:after {
     content: "Giảm giá";
 }

 .label-popular.menu-item>a:after {
     content: "Phổ biến";
 }

 @media (min-width: 768px) {
     .text_header_post {
         width: 100%;
         border-radius: 5px;
         color: #fff;
         font-size: 22px;
         background-color: #04651a;
         margin-top: 8px;
         margin-bottom: 8px;
         text-align: center;
     }
 }

 .gift-fixed {
     position: fixed;
     left: 0;
     top: 150px;
     z-index: 1002;
 }

 .header-button a {
     font-size: 13px;
     background: repeating-linear-gradient(to right, red 0, #1962a3 70%, #fead00 100%);
     animation: gradient 2s infinite;
     animation-fill-mode: forwards;
     animation-timing-function: linear;
     background-size: 200% auto;
     background-position: 0 100%;
 }

 @keyframes gradient {
     0% {
         background-position: 0 0;
     }

     100% {
         background-position: -200% 0;
     }
 }

 .header-main {
     background: rgba(51, 51, 51, 1);
     background: -moz-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
     background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(51, 51, 51, 1)), color-stop(100%, rgba(0, 0, 0, 1)));
     background: -webkit-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
     background: -o-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
     background: -ms-linear-gradient(top, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
     background: linear-gradient(to bottom, rgba(51, 51, 51, 1) 0%, rgba(0, 0, 0, 1) 100%);
     filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#333333', endColorstr='#000000', GradientType=0);
     border-bottom: 3px solid #ffcf01;
 }

 .hidden_image .box-image {
     display: none;
 }

 .hidden_image .box-text {
     padding-bottom: 0;
     padding-top: 0;
 }

 .hidden_image .is-divider {
     display: none;
 }

 .bg_gray {
     background: #f2f2f2;
     padding: 15px;
     border: 1px solid #ddd;
 }

 .bg_gray .post-title {
     background: var(--wpr-bg-2c71b7da-fa1b-4cd5-b5ea-5d275bdd23f1) left 5px no-repeat;
     background-size: 5px 5px;
     padding-left: 13px;
     padding-bottom: 10px;
     margin-bottom: 10px;
     border-bottom: 1px dotted #ccc;
 }

 .head_news h2 {
     border-top: 3px solid #000;
 }

 .head_news h2 strong {
     margin-top: 5px;
 }

 .head_news h2:before {
     content: "";
     width: 20%;
     height: 3px;
     position: absolute;
     top: 0;
     background: #ffcf01;
 }

 @media only screen and (min-width: 860px) {
     .nav-dropdown {
         min-width: 100vw;
     }
 }

 /* tạo khung */
 .text-content>.col {
     border: 2.5px solid rgb(53, 162, 40);
     border-radius: 15px;
     height: 700px;
     padding: 10px 10px 10px 10px;
     margin-bottom: 36px;
 }

 /* dài  */
 .text-content>.col>.col-inner {
     height: 100%;
     overflow: auto;
 }

 /* thanh trược  */
 .text-content>.col>.col-inner::-webkit-scrollbar {
     width: 0.5rem;
     border-radius: 10px;
 }

 /* thanh trược */
 .text-content>.col>.col-inner::-webkit-scrollbar-thumb {
     border-radius: 50px;
     background-color: rgb(53, 162, 40);
 }

 .text-header {
     padding-right: 10px
 }