:root{--urlwp-accent:#368bff;--urlwp-shell:1250px;--urlwp-header-main:105px;--urlwp-header-nav:60px;--urlwp-header-mobile:70px}body{background:#fff}.urlwp-site{max-width:none;margin-inline:auto;background:#fff}.urlwp-header-main{min-height:var(--urlwp-header-main);display:flex;align-items:center;background:color-mix(in srgb,var(--urlwp-accent) 8%,#fff)}.urlwp-header-row{min-height:var(--urlwp-header-main)}.urlwp-header-bottom{min-height:var(--urlwp-header-nav);display:flex;align-items:center;background:#f1f1f1}.urlwp-header-nav-row{width:min(100% - 32px,var(--urlwp-shell));margin-inline:auto}.urlwp-primary-nav{margin:0}.urlwp-menu{justify-content:center}.urlwp-header-actions{margin-left:auto;display:flex;align-items:center;gap:14px}.urlwp-header-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 18px;border:2px solid #fff;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--urlwp-accent) 72%,#19c7ff),var(--urlwp-accent));color:#fff;text-decoration:none;font-size:12px;font-weight:800;text-transform:uppercase;box-shadow:0 3px 8px rgba(0,0,0,.2)}.urlwp-menu>li{position:relative}.urlwp-menu .sub-menu{position:absolute;display:none;z-index:20;top:100%;left:0;min-width:220px;margin:0;padding:10px;background:#fff;list-style:none;box-shadow:0 12px 28px rgba(0,0,0,.16)}.urlwp-menu li:hover>.sub-menu,.urlwp-menu li:focus-within>.sub-menu{display:block}@media(max-width:849px){.urlwp-menu .sub-menu{position:static;display:block;box-shadow:none;padding:0 0 0 16px}}:root {--primary-color: #368bff;}.container-width, .full-width .ubermenu-nav, .container, .row{max-width: 1250px}.row.row-collapse{max-width: 1220px}.row.row-small{max-width: 1242.5px}.row.row-large{max-width: 1280px}.header-main{height: 105px}#logo img{max-height: 105px}#logo{width:200px;}.header-bottom{min-height: 60px}.header-top{min-height: 30px}.transparent .header-main{height: 90px}.transparent #logo img{max-height: 90px}.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: 140px;}.header.show-on-scroll,.stuck .header-main{height:70px!important}.stuck #logo img{max-height: 70px!important}.header-bottom {background-color: #368bff}.top-bar-nav > li > a{line-height: 16px }.header-main .nav > li > a{line-height: 16px }.header-bottom-nav > li > a{line-height: 30px }@media (max-width: 549px) {.header-main{height: 70px}#logo img{max-height: 70px}}.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before{border-bottom-color: #ffffff;}.nav .nav-dropdown{border-color: #ffffff }.nav-dropdown{border-radius:5px}.nav-dropdown{font-size:100%}.nav-dropdown-has-arrow li.has-dropdown:after{border-bottom-color: #368bff;}.nav .nav-dropdown{background-color: #368bff}.header-top{background-color:#6eb2ff!important;}/* Color */.accordion-title.active, .has-icon-bg .icon .icon-inner,.logo a, .primary.is-underline, .primary.is-link, .badge-outline .badge-inner, .nav-outline > li.active> a,.nav-outline >li.active > a, .cart-icon strong,[data-color='primary'], .is-outline.primary{color: #368bff;}/* Color !important */[data-text-color="primary"]{color: #368bff!important;}/* Background Color */[data-text-bg="primary"]{background-color: #368bff;}/* Background */.scroll-to-bullets a,.featured-title, .label-new.menu-item > a:after, .nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,button[type="submit"], .button.wc-forward:not(.checkout):not(.checkout-button), .button.submit-button, .button.primary:not(.is-outline),.featured-table .title,.is-outline:hover, .has-icon:hover .icon-label,.nav-dropdown-bold .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold > li > a:hover, .nav-dropdown-bold.dark .nav-column li > a:hover, .nav-dropdown.nav-dropdown-bold.dark > li > a:hover, .header-vertical-menu__opener ,.is-outline:hover, .tagcloud a:hover,.grid-tools a, input[type='submit']:not(.is-form), .box-badge:hover .box-text, input.button.alt,.nav-box > li > a:hover,.nav-box > li.active > a,.nav-pills > li.active > a ,.current-dropdown .cart-icon strong, .cart-icon:hover strong, .nav-line-bottom > li > a:before, .nav-line-grow > li > a:before, .nav-line > li > a:before,.banner, .header-top, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover, .button.primary:not(.is-outline), input[type='submit'].primary, input[type='submit'].primary, input[type='reset'].button, input[type='button'].primary, .badge-inner{background-color: #368bff;}/* Border */.nav-vertical.nav-tabs > li.active > a,.scroll-to-bullets a.active,.nav-pagination > li > .current,.nav-pagination > li > span:hover,.nav-pagination > li > a:hover,.has-hover:hover .badge-outline .badge-inner,.accordion-title.active,.featured-table,.is-outline:hover, .tagcloud a:hover,blockquote, .has-border, .cart-icon strong:after,.cart-icon strong,.blockUI:before, .processing:before,.loading-spin, .slider-nav-circle .flickity-prev-next-button:hover svg, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .primary.is-outline:hover{border-color: #368bff}.nav-tabs > li.active > a{border-top-color: #368bff}.widget_shopping_cart_content .blockUI.blockOverlay:before { border-left-color: #368bff }.woocommerce-checkout-review-order .blockUI.blockOverlay:before { border-left-color: #368bff }/* Fill */.slider .flickity-prev-next-button:hover svg,.slider .flickity-prev-next-button:hover .arrow{fill: #368bff;}/* Focus */.primary:focus-visible, .submit-button:focus-visible, button[type="submit"]:focus-visible { outline-color: #368bff!important; }body{color: #000000}h1,h2,h3,h4,h5,h6,.heading-font{color: #368bff;}body{font-size: 100%;}@media screen and (max-width: 549px){body{font-size: 100%;}}body{font-family: "Roboto Serif", sans-serif;}body {font-weight: 400;font-style: normal;}.nav > li > a {font-family: "Roboto Serif", sans-serif;}.mobile-sidebar-levels-2 .nav > li > ul > li > a {font-family: "Roboto Serif", 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 Serif", sans-serif;}h1,h2,h3,h4,h5,h6,.heading-font,.banner h1,.banner h2 {font-weight: 700;font-style: normal;}.alt-font{font-family: "Roboto Serif", sans-serif;}.alt-font {font-weight: 400!important;font-style: normal!important;}.header:not(.transparent) .header-nav-main.nav > li > a:hover,.header:not(.transparent) .header-nav-main.nav > li.active > a,.header:not(.transparent) .header-nav-main.nav > li.current > a,.header:not(.transparent) .header-nav-main.nav > li > a.active,.header:not(.transparent) .header-nav-main.nav > li > a.current{color: #f93333;}.header-nav-main.nav-line-bottom > li > a:before,.header-nav-main.nav-line-grow > li > a:before,.header-nav-main.nav-line > li > a:before,.header-nav-main.nav-box > li > a:hover,.header-nav-main.nav-box > li.active > a,.header-nav-main.nav-pills > li > a:hover,.header-nav-main.nav-pills > li.active > a{color:#FFF!important;background-color: #f93333;}.header:not(.transparent) .header-bottom-nav.nav > li > a{color: #ffffff;}a{color: #368bff;}a:hover{color: #f30b0b;}.tagcloud a:hover{border-color: #f30b0b;background-color: #f30b0b;}.widget a{color: #368bff;}.widget a:hover{color: #368bff;}.widget .tagcloud a:hover{border-color: #368bff; background-color: #368bff;}.is-divider{background-color: #368bff;}.absolute-footer, html{background-color: #ffffff}.nav-vertical-fly-out > li + li {border-top-width: 1px; border-top-style: solid;}/* Custom CSS */.header-bottom {background: linear-gradient(to right, #ffff, #368bff, #368bff, #368bff, #ffff);}.page-wrapper {padding-bottom: 40px;padding-top: 20px;}.woocommerce-breadcrumb,.woocommerce-breadcrumb a,.woocommerce-breadcrumb span {text-transform: none;font-weight: 900;color: #368bff;}.page-title-inner {min-height: 20px;padding-top: 10px;position: relative;}.label-new.menu-item > a:after{content:"New";}.label-hot.menu-item > a:after{content:"Hot";}.label-sale.menu-item > a:after{content:"Sale";}.label-popular.menu-item > a:after{content:"Popular";}
.wp-caption.aligncenter img {
    border: 2px solid #368bff;
    border-radius: 10px;
    box-shadow: 0 0 19px 0px #368bff;
}
.wp-block-image figcaption, figcaption, figure>figcaption {
    line-height: 1.2em;
    border-left: 10px solid #368bff;
    border-bottom: 2px solid #368bff;
        margin-top: 15px;
    margin-bottom: 25px;
    border-radius: 50px 00px;
        box-shadow: 0 0 19px 0px #368bff;
}
.fasc-button {
    border-radius: 9px;
    width: 360px;
    height: 42px;
    color: #ffffff;
    background: #368bff;
    border-radius: 32px;
    text-align: center;
    border: none;
    padding: 0;
    position: relative;
    outline: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    -webkit-animation: shockwaveJump 1s ease-out infinite;
    animation: shockwaveJump 1s ease-out infinite;
  margin: 0 30px;
}
.fasc-button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 16px;
    -webkit-animation: shockwave 1s 0.5s ease-out infinite;
    animation: shockwave 1s 0.5s ease-out infinite;
}
.fasc-button:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    border-radius: 16px;
    -webkit-animation: shockwave 1s 0.65s ease-out infinite;
    animation: shockwave 1s 0.65s ease-out infinite;
}
@keyframes shockwaveJump {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    40% {
        -webkit-transform: scale(1.08);
        transform: scale(1.08);
    }

    50% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
    }

    55% {
        -webkit-transform: scale(1.02);
        transform: scale(1.02);
    }

    60% {
        -webkit-transform: scale(0.98);
        transform: scale(0.98);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}
@keyframes shockwave {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    box-shadow: 0 0 2px rgba(54, 139, 255, 1), inset 0 0 1px rgba(54, 139, 255, 1);
  }
  95% {
    box-shadow: 0 0 16px rgba(54, 139, 255, 1), inset 0 0 16px rgba(54, 139, 255, 1);
  }
  100% {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
  }
}
.header-button .button {
            background-color: #368bff;
            color: white;

            box-shadow: 0 0 0 0 rgba(54, 139, 255, 1);
            animation: pulse 1.25s infinite;
        }

        @keyframes pulse {
            0% {
                transform: scale(0.95);
                box-shadow: 0 0 0 0 rgba(54, 139, 255, 1);
            }

            70% {
                transform: scale(1);
                box-shadow: 0 0 0 15px rgba(233, 30, 99, 0);
            }

            100% {
                transform: scale(0.95);
                box-shadow: 0 0 0 0 rgba(233, 30, 99, 0);
            }
        }
.header-button-1 .button{
    background: linear-gradient(
    to bottom,
    #368bff 0%,
    #368bff 50%,
    #368bff 100%
);
}
.header-button-2 .button{
    background: linear-gradient(
    to bottom,
    #368bff 0%,
    #368bff 50%,
    #368bff 100%
);
}
.thong-tin {
    background: linear-gradient(to right, #fff, #368bff, #fff);
    margin: 5px 0 0;
    border-radius: 10px;
    color: #FFFFFF;
}
.home_content>.col {
    border: 3px solid #368bff;
    border-radius: 10px;
    height: 800px;
    padding: 10px;
    box-shadow: 0 0 20px #368bff;
}
.home_content>*::-webkit-scrollbar-thumb {
    background-color: #368bff;
    border-radius: 20px;
    border: 2px solid #368bff;align-content
}
.home_content>.col>.col-inner {
    height: 100%;
    overflow: auto;
}
::-webkit-scrollbar {
    width: 8px;
}
::-webkit-scrollbar-thumb {
    background-color: #368bff;
    border-radius: 20px;
    border: 3px solid #368bff;
}
.has-dropdown .sub-menu a {
    color: #ffffff !important;
    font-weight: 600;
}
@media(max-width:849px){.urlwp-header-main,.urlwp-header-row{min-height:var(--urlwp-header-mobile)}.urlwp-header-row{position:relative;justify-content:center}.urlwp-menu-toggle{position:absolute;left:0;margin:0}.urlwp-brand{margin-inline:auto}.urlwp-header-actions{display:none}.urlwp-header-bottom{min-height:auto;display:block;position:relative}.urlwp-header-nav-row{width:100%}.urlwp-primary-nav{inset:100% 0 auto}.urlwp-mobile-ctas{border-top:1px solid rgba(0,0,0,.08)}}