/* Form san pham */
div.wpforms-container-full.form-san-pham .wpforms-form div.wpforms-field-richtext .mce-toolbar .mce-btn-group .mce-widget.mce-btn:not(.mce-btn-has-text) button,
div.wpforms-container-full .wpforms-form div.wpforms-field-richtext .mce-toolbar .mce-btn-group .mce-widget.mce-btn:not(.mce-btn-has-text):hover button {
    display: inline-flex !important;
    height: 32px !important;
    min-height: auto;
}

.form-san-pham .mce-container-body>.mce-container.mce-menubar.mce-toolbar.mce-first>.mce-container-body>.mce-widget.mce-btn {
    border: 1px solid transparent;
    padding-left: 10px;
}

.form-san-pham .mce-container-body>.mce-container.mce-menubar.mce-toolbar.mce-first>.mce-container-body>.mce-widget.mce-btn:hover {
    border: 1px solid #dedede;
}

/* Form san pham*/

/* Shop page */
span.widget-title.shop-sidebar {
    color: #252525;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 1px solid #e1e1e1;
    font-family: Montserrat, sans-serif;
    padding-right: 0;
    text-transform: uppercase;
    margin-bottom: 0;
    padding-bottom: 15px;
    margin-top: 0;
    display: block;
}

.product-categories a {
    transition: all .35s ease 0s;
    color: #929292;
    padding-left: 30px !important;
    font-size: 15px;
    position: relative;
    font-weight: bold;
}

.product-categories li.cat-item {
    padding: 13px 0;
    font-weight: 400;
    list-style: none;
    font-size: 14px;
    color: #666;
    border-bottom: 1px dashed #e1e1e1;
    border-top: none;
}

.product-categories a:before {
    content: "";
    position: absolute;
    left: 0;
    transition: all .35s ease;
    background: #929292;
    width: 5px;
    height: 5px;
    margin-top: 10px;
}

.product-categories a:hover {
    color: var(--primary-color);
}

.product-categories a:hover:before {
    background-color: var(--primary-color);
}

.product-categories li.cat-item.active ul.children {
    padding: 0 !important;
    margin: 15px 0 0;
    list-style: none;
    display: none;
    border-top: 1px dashed #e1e1e1 !important;
    border-left: none;
}

.product-categories li.cat-item.active li.cat-item:last-child {
    padding-bottom: 0;
    border-bottom: none;
}

.product-categories li.cat-item.active li.cat-item a:before {
    display: none;
}

.ui-slider-range.ui-widget-header.ui-corner-all {
    background-color: #d8d8d8;
    opacity: 1;
}

span.ui-slider-handle.ui-state-default.ui-corner-all {
    background: #fff none repeat scroll 0 0;
    border: 3px solid var(--primary-color);
    border-radius: 0;
    height: 10px;
    width: 10px;
    top: -4px;
}

.price_slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    height: 2px;
}

div#shop-sidebar .is-divider.small {
    display: none;
}

aside#woocommerce_price_filter-2>form {
    margin-top: 25px;
    position: relative;
}

#shop-sidebar aside#woocommerce_price_filter-2 button.button {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
    margin: 0;
    width: 95px;
    border-radius: 5px;
    background-color: var(--primary-color);
}

#shop-sidebar aside#woocommerce_price_filter-2 .price_label {
    color: #969696;
    font-size: 13px;
}

#shop-sidebar aside#woocommerce_price_filter-2 .price_label span {
    color: #000;
}

/* Shop page */

/* About page */

.col-box .col-inner {
    padding: 30px 32px 30px 32px;
    background-color: #FFFFFF;
    background-image: url(/wp-content/uploads/2022/05/box-bg.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 70% auto;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F1F1F1;
    transition: background .3s, border .3s, border-radius .3s, box-shadow .3s, -webkit-box-shadow .3s;
}

.col-box .col-inner:hover {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #FFFFFF00;
    box-shadow: 0px 50px 120px -40px rgb(48 57 116 / 16%);
}

.col-box .col-inner .icon i {
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #F1F1F1;
    padding: 20px 20px 20px 20px;
    font-size: 35px;
    transform: rotate(0deg);
    margin-bottom: 25px;
    color: var(--primary-color);
}

.col-box .col-inner h4 {
    font-size: 22px;
    text-transform: uppercase;
}

.col-box .col-inner p {
    font-size: 16px;
    text-align: justify;
    margin-bottom: 0;
}

.col-dh .col-inner {
    background-color: #FFFFFF12;
    padding: 30px;
}

.box-content .icon i {
    position: absolute;
    color: #FFFFFF;
    background-color: #FFFFFF26;
    width: 80px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    font-size: 25px;
    transform: rotate(0deg);
}

.box-content .icon h4 {
    line-height: 80px;
    padding-left: 100px;
    font-size: 25px;
}

.box-content ul li {
    font-size: 15px;
    text-align: justify;
}

/* About page */




body {
    overflow: hidden;
}

.slick-slide,
.slick-slide:focus {
    outline: none;
}

.slide-arrow-style button.slick-arrow {
    display: flex;
    width: 35px;
    height: 35px;
    line-height: 33px;
    border-radius: 100%;
    align-items: center;
    justify-content: center;
    background-color: #fff !important;
    transform: translateY(-50%);
    transition: 500ms all ease;
    box-shadow: 0px 0px 16px 0px rgba(116, 116, 116, 0.1);
    z-index: 999;
}

.slide-arrow-style button.slick-arrow:before {
    content: "\f104";
    color: #000;
    font-family: 'Font Awesome 6 Free';
}

.slide-arrow-style button.slick-next.slick-arrow:before {
    content: "\f105";
}

.slide-arrow-style button.slick-prev.slick-arrow {
    left: -20px;
}

.slide-arrow-style button.slick-next.slick-arrow {
    right: -20px;
}

.case h3.title {
    margin-bottom: 0;
}

.slide-case .box.has-hover {
    display: flex;
}

.slide-case .box.has-hover .box-text {
    width: 40%;
    left: 0;
    top: 0px;
    opacity: 0;
    position: absolute;
    background-color: var(--primary-color);
    padding: 55px 40px 65px;
    transition: 500ms all ease;
    transition-delay: 0.3s;
}

.slide-case .box.has-hover .box-image {
    margin-right: 0;
}

.slide-case .is-selected .box.has-hover .box-text {
    top: 50%;
    opacity: 1;
    transform: translateY(-50%);
}

.slide-case .box.has-hover .box-text h4 {
    font-size: 25px;
    font-weight: 700;
    padding-bottom: 20px;
}

.slide-case .box.has-hover .box-text p {
    font-size: 18px;
}

.slide-case .box.has-hover .box-text p.bt-plus a {
    left: 40px;
    bottom: -27.5px;
    width: 55px;
    color: #fff;
    height: 55px;
    display: block;
    line-height: 55px;
    position: absolute;
    text-align: center;
    border-radius: 100%;
    background-color: #0d7dfc;
    transition: 0.3s all ease;
    margin: 0;
    font-size: 30px;
}

.slide-case .box.has-hover .box-text p.bt-plus a:hover {
    transform: rotate(135deg);
}

.slide-case .box.has-hover .box-text p.bt-plus {
    margin: 0;
}

/*.slide-homepage > .slider >.flickity-viewport > .flickity-slider > .banner > .banner-inner > .banner-layers.container {
    z-index: 2;
}

.slide-homepage button.flickity-button {
    z-index: 4;
}*/

h4.small-title {
    background-color: rgba(255, 255, 255, .2);
    margin: 0 0 20px;
    display: inline-block;
    width: auto;
    padding: 0 15px;
    border-radius: 50px;
}

h4.small-title:after {
    content: "";
    width: 62px;
    height: 4px;
    background: url(/wp-content/uploads/2022/04/right-shape.png) no-repeat;
    display: inline-block;
    margin: 5px 0px 5px 10px;
}

/*.slide-homepage h2.title {
    font-size: 85px;
    margin: 0;
}

.slide-homepage p:nth-child(3) {
    font-size: 22px;
    color: #fff;
}


.slide-homepage > .slider >.flickity-viewport > .flickity-slider > .banner > .banner-inner > .banner-bg:before {
    content:"";
    position: absolute;
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2022/04/shape-01.png) no-repeat;
    background-size: cover;
    background-position: 70% 40%;
    z-index: 1;
}*/

p.bt-view a {
    background: linear-gradient(90deg, #1ec5fa 0%, #0d47d5 50%, #1ec5fa);
    background-size: 200%, 1px;
    color: rgb(255, 255, 255);
    letter-spacing: 1px;
    font-weight: 700;
    font-size: 18px;
    box-shadow: rgb(3, 234, 255) 0px 3px 0px 0px;
    padding: 6px 40px;
    border-radius: 30px;
    transition: all 200ms linear 0ms;
}

p.bt-view a:hover {
    background-position: 120%;
}

p.bt-view a:after {
    margin-left: 10px;
    content: "\f061";
    font-family: "Font Awesome 6 Free";
    font-size: 15px;
}

p.small-title {
    color: #0d7dfc;
    font-weight: bold;
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
}

p.small-title:after {
    top: 12px;
    height: 3px;
    width: 35px;
    content: "";
    right: -45px;
    position: absolute;
    background-color: #0d7dfc;
}

.title-center p.small-title:before {
    top: 12px;
    height: 3px;
    width: 35px;
    content: "";
    left: -45px;
    position: absolute;
    background-color: #0d7dfc;
}

h3.title {
    font-size: 50px;
    line-height: 50px;
    margin-bottom: 35px;
}

.about .icon-box .icon .icon-inner {
    width: 97px;
    height: 97px;
    margin-right: 20px;
    border-radius: 100%;
    z-index: 10;
    position: relative;
    border: 8px solid transparent;
    background: #fff;
    margin: 8px;
}

.about .icon-box .icon:after {
    content: "";
    position: absolute;
    border-radius: 100%;
    top: 0px;
    left: 0px;
    z-index: 5;
    width: 112px;
    height: 112px;
    transform: scale(0);
    transition: 300ms all ease;
    background: linear-gradient(-90deg, #0036ff 0%, #02fcff 100%);
}

.about .icon-box:hover .icon:after {
    transform: scale(1);
}

.about .icon-box .icon:before {
    top: 0;
    left: 0;
    content: "";
    z-index: 4;
    width: 112px;
    height: 112px;
    position: absolute;
    border-radius: 100%;
    background-color: #fff;
    border: 8px solid #edebeb;
}

.about .icon-box .icon img {
    padding: 15px;
    z-index: 10;
}

.about .icon-box.featured-box:not(:last-child) {
    margin-bottom: 35px;
    margin-top: 50px;
}



.about-exp-text-area.d-flex.align-items-center.justify-content-center {
    left: 0;
    width: 265px;
    height: 130px;
    bottom: 140px;
    overflow: hidden;
    position: absolute;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: -1.046px 11.954px 35px 0px rgba(0, 0, 0, 0.19);
    z-index: 9;
    justify-content: center;
    align-items: center;
    display: flex;
}

.about-exp-icon.d-flex.justify-content-center.align-items-center {
    top: -20px;
    left: -20px;
    width: 100px;
    height: 100px;
    position: absolute;
    border-radius: 100%;
    background: linear-gradient(-90deg, #0036ff 0%, #02fcff 100%);
    justify-content: center;
    align-items: center;
    display: flex;
}

.about-exp-icon.d-flex.justify-content-center.align-items-center i {
    color: #fff;
    font-size: 50px;
    padding-top: 10px;
    padding-left: 6px;
}

.about-exp-icon.d-flex.justify-content-center.align-items-center i:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: bold;
}

.about-exp-icon-text.headline.pera-content {
    margin-left: 45px;
}

.about-exp-icon-text.headline.pera-content h3 {
    font-size: 40px;
    margin-bottom: 0;
    line-height: 35px;
}

.about-exp-icon-text.headline.pera-content p {
    margin-bottom: 0;
}


.services li.tab.has-icon {
    width: 33.33333%;
    text-align: center;
    margin: 0;
}

.services li.tab.has-icon.active a span {
    color: var(--primary-color);
}

.services li.tab.has-icon a {
    width: 100%;
    display: block;
}

.services li.tab.has-icon a span {
    color: #000;
}

.row-member .col-inner .box-text {
    padding: 5px;
}

.services .tab-panels {
    width: 99.99999%;
}

.row-member .box-text .box-text-inner {
    background-color: #fff;
    border-radius: 3px;
    padding: 10px 50px 10px 10px;
    text-align: left;
    position: relative;
}

.row-member .box-text .box-text-inner * {
    text-shadow: none;
    color: #000;
    font-weight: bold;
    line-height: 20px;
}

.row-member .box-image {
    border-radius: 3px;
    overflow: hidden;
}

.row-member .box-text .box-text-inner:after {
    content: "\f0a9";
    font-family: 'Font Awesome 6 Free';
    font-weight: bold;
    color: #000;
    text-shadow: none;
    background: -webkit-linear-gradient(#ff0000, #ffff00);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 25px;
    height: 100%;
    align-items: center;
    display: flex;
}

.row-member .box-text .box-text-inner p.member-company {
    font-weight: normal;
    font-size: 14px;
    line-height: 18px;
}

.client:before {
    content: "";
    right: 0;
    top: 50%;
    opacity: 0.5;
    position: absolute;
    transform: translateY(-50%);
    width: 100%;
    height: 100%;
    background: url(/wp-content/uploads/2022/04/tst-bg.png) no-repeat right;
    background-size: contain;
}

.insights h5.post-title,
#content.blog-wrapper .col.post-item>.col-inner h5.post-title {
    color: #0e0d0f;
    font-size: 20px;
}

.insights .post-meta,
#content.blog-wrapper .col.post-item>.col-inner .post-meta {
    color: #0e0d0f;
    opacity: 1;
    font-size: 14px;
}

.insights .post-meta i,
#content.blog-wrapper .col.post-item>.col-inner .post-meta i {
    color: #0d7dfc;
}

.insights p.from_the_blog_excerpt,
#content.blog-wrapper .col.post-item>.col-inner p.from_the_blog_excerpt {
    color: #0e0d0f;
}

.button-post {
    display: flex;
    border-top: 1px solid #eaeaea;
    margin-top: 5px;
    padding-top: 5px;
    justify-content: space-between;
    align-items: center;
}

.insights .button-post>button,
#content.blog-wrapper .col.post-item>.col-inner .button-post>button {
    margin: 0;
    color: #0e0d0f;
    text-transform: none;
    font-size: 15px;
    min-height: 0;
    line-height: 30px;
    transition: 400ms all ease;
}

.button-post .member-blog,
#content.blog-wrapper .col.post-item>.col-inner .member-blog {
    font-weight: bold;
}

.insights .box-text,
#content.blog-wrapper .col.post-item>.col-inner .box-text {
    padding: 20px 30px 15px;
}

.insights .col.post-item .col-inner,
#content.blog-wrapper .col.post-item>.col-inner {
    box-shadow: 0px 0px 21px 0px rgba(1, 1, 72, 0.06);
}

.button-post .member-blog img.avatar {
    margin-right: 5px;
}

.insights .button-post>button:after,
#content.blog-wrapper .col.post-item>.col-inner .button-post>button:after {
    content: "\f178";
    font-family: 'Font Awesome 6 Free';
    color: #0d7dfc;
    font-size: 12px;
}

.insights .button-post>button:before,
#content.blog-wrapper .col.post-item>.col-inner .button-post>button:before {
    left: 0;
    bottom: 0;
    content: "";
    width: 0%;
    height: 1px;
    position: absolute;
    background-color: #0d7dfc;
    transition: 400ms all ease;
}

.insights .button-post>button:hover:before,
#content.blog-wrapper .col.post-item>.col-inner .button-post>button:hover:before {
    width: 100%;
}

.insights .button-post>button:hover,
#content.blog-wrapper .col.post-item>.col-inner .button-post>button:hover {
    color: #0d7dfc;
}

h4.title-ft {
    font-size: 20px;
    font-weight: 600;
    position: relative;
    padding-bottom: 15px;
    margin-bottom: 40px;
    border-bottom: 1px solid #2a2c2f;
}

h4.title-ft:before {
    bottom: 0;
    left: 0;
    height: 3px;
    width: 35px;
    content: "";
    position: absolute;
    background: linear-gradient(-90deg, #0036ff 0%, #02fcff 100%);
}

ul.info-ft li {
    list-style: none;
    margin-left: 0;
    line-height: 24px;
    height: 25px;
}

ul.info-ft li:before {
    content: "\f095";
    font-family: 'Font Awesome 6 Free';
    font-weight: bold;
    color: #0d7dfc;
    margin-right: 10px;
    width: 15px;
    display: inline-block;
    text-align: center;
}

ul.info-ft li:nth-child(2):before {
    content: "\f0e0";
}

ul.info-ft li:nth-child(3):before {
    content: "\f3c5";
}

.ft .ux-menu-link.menu-item>a {
    padding: 0;
    height: 25px;
    min-height: auto;
    margin-bottom: .6em;
    align-items: center;
    transition: 500ms all ease;
}

.ft .ux-menu-link.menu-item>a>i {
    color: #0d7dfc;
}

.ft .ux-menu-link.menu-item>a * {
    transition: 500ms all ease;
}

.ft .ux-menu-link.menu-item>a:hover {
    margin-left: 10px;
}

.ft .ux-menu-link.menu-item>a:hover span {
    color: #0d7dfc;
}

.row-let {
    margin-top: -75px;
}

.row-let .box-text-inner {
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.row-let .box-text-inner>p:nth-child(1) {
    font-size: 24px;
    color: #fff;
    text-shadow: none;
    width: 55%;
    text-align: left;
}

.row-let .box-text-inner>p:nth-child(1) span {
    font-weight: bold;
    text-decoration: underline;
}

.funfact {
    background: url(/wp-content/uploads/2022/04/fn-bg.png) no-repeat center;
    background-size: 90%;
}

.ff-number {
    margin: 0 auto;
    max-width: 300px;
    margin-bottom: 30px;
    padding: 30px 40px;
    background-color: #ffffff;
    box-shadow: 0px 0px 11px 0px rgba(0, 14, 21, 0.06);
}

.ff-number>p>span {
    color: #191919;
    font-size: 35px;
    font-weight: bold;
}

.ff-number p {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 1.467;
    color: #666666;
}

.events .banner-qc {
    border-radius: 10px;
    overflow: hidden;
}

.product-home .flickity-viewport .flickity-slider .col {
    border-left: 1px solid #e2e8ed;
    background-color: #fff;
    padding: 14px 13px 20px !important;
    border-bottom: 1px solid #e2e8ed;
    border-top: 1px solid #e2e8ed;
}

.product-home .flickity-viewport {
    padding-right: 1px;
}

.product-home .row-slider {
    margin: 0 !important;
}

.product-small span.price>.amount>bdi {
    display: block;
    text-align: right;
}

.product-small span.price>ins {
    float: right;
}

.product-small span.price>ins bdi,
.product-small span.price>.amount>bdi {
    color: #606;
    font-size: 18px;
    line-height: 23px;
}

.product-small p.name.product-title a {
    font-weight: bold;
    color: #383e4f;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 38.18px;
}

.shop-container>.products>.product-small.col {
    border: 1px solid #e2e8ed;
    margin-bottom: 16px;
    padding: 15px 12px;
    margin-left: 0;
    background-color: #fff;
    margin-right: -1px;
}

.shop-container>.products>.product-small.col:nth-child(4n+1) {
    border-radius: 4px 0 0 4px;
}

.product-small .box-text {
    padding-bottom: 0;
}

.blog-wrapper .col.post-item {
    padding: 0 10px 20px;
}

.post-sidebar input#s {
    border: 1px solid #e2e2e2;
    box-shadow: none;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    color: #555;
}

.post-sidebar button.ux-search-submit.submit-button.secondary.button.icon.mb-0 {
    color: #fff;
    border: 1px solid;
    background-color: #3A3B74;
    border-color: #3A3B74;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}

.post-sidebar button.ux-search-submit.submit-button.secondary.button.icon.mb-0:hover {
    box-shadow: none;
}

.post-sidebar input#s:focus {
    border-color: #3A3B74;
}

.post-sidebar span.widget-title {
    font-size: 20px;
    font-weight: normal;
    color: #6d6d6d;
    padding-bottom: 12px;
    margin-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
    text-transform: none;
    /* line-height:  60px; */
    display: block;
}

.post-sidebar .is-divider.small {
    display: none;
}

.post-sidebar aside {
    margin: 0 0 40px 0;
}

.post-sidebar ul li a {
    font-size: 14px;
    color: #6d6d6d;
    transition: all ease-in-out 0.2s;
}

.post-sidebar ul li a:hover {
    color: #000;
}

.post-sidebar a.tag-cloud-link {
    font-size: 13px !important;
    padding: 6px 8px;
    line-height: 34px;
    background-color: #f1f3f4;
    white-space: nowrap;
    border-radius: 4px;
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    transition: all 0.15s linear;
}

.post-sidebar a.tag-cloud-link:hover {
    background-color: #3A3B74;
    color: #fff;
    text-decoration: none;
}

.entry-header .entry-image.relative {
    margin-top: 15px;
}

.entry-header .entry-image.relative .badge.absolute.top.post-date.badge-outline {
    display: none;
}


.entry-header .entry-header-text.entry-header-text-top.text-center {
    padding: 0;
    text-align: left;
}

.entry-header h6.entry-category.is-xsmall {
    max-width: 100%;
    width: auto;
    margin: 0;
    display: inline-block;
    opacity: 1;
    transition: all 0.3s ease;
}

.entry-header .entry-meta.uppercase.is-xsmall {
    max-width: 100%;
    margin: 0;
    display: inline-block;
    width: auto;
}

.entry-header h6.entry-category.is-xsmall:before {
    content: '\f02e';
    font-family: "Font Awesome 6 Free";
    color: #000;
    font-weight: normal;
    transition: all 0.3s ease;
}

.entry-header .entry-meta span.posted-on:before {
    content: '\f017';
    color: #000;
    font-family: "Font Awesome 6 Free";
    padding-right: 3px;
    transition: all 0.3s ease;
}

.entry-header .entry-meta span.byline:before {
    content: '\f007';
    font-family: "Font Awesome 6 Free";
    color: #000;
    transition: all 0.3s ease;
}

.entry-header .entry-meta a {
    color: #000;
    text-transform: none;
    transition: all 0.3s ease;
}

.entry-header .entry-meta span.posted-on {
    padding-right: 20px;
}

.entry-header .entry-meta span.byline {
    padding-right: 20px;

}

.entry-header h6.entry-category.is-xsmall a {
    color: #000;
    font-weight: normal;
    text-transform: none;
    transition: all 0.3s ease;
}

.entry-header .entry-meta span.posted-on:hover:before,
.entry-header .entry-meta span.posted-on:hover a,
.entry-header .entry-meta span.byline:hover:before,
.entry-header .entry-meta span.byline:hover a,
.entry-header h6.entry-category.is-xsmall:hover:before,
.entry-header h6.entry-category.is-xsmall:hover a {
    color: #f27c66;
}


.entry-image-float .badge.absolute.top.post-date.badge-outline {
    display: none;
}

.chuyen-muc {
    display: flex;
    width: 100%;
}

.entry-image-float img.attachment-large.size-large.wp-post-image {
    width: 100%;
    transition: transform 3s;
    -webkt-transition: transform 3s;
    -moz-transition: transform 3s;
    border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -ms-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    border: 1px solid #cfcfcf;
    padding: 3px;
    border-top-left-radius: 10px;
    -ms-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    -webkit-border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    -ms-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
}

.chuyen-muc .entry-image-float a {
    overflow: hidden;
    padding-top: 65%;
    background-position: 50% 50%;
    background-size: cover;
}

.chuyen-muc .entry-image-float a img {
    right: 0;
    width: 100%;
    height: 80%;
    bottom: 0;
    left: 0;
    top: 0;
    position: absolute;
    object-position: 50% 50%;
    object-fit: cover;
    font-family: 'object-fit: cover;';
}

.entry-image-float {
    display: inline-flex;
    max-width: 30%;
    width: 100%;
    margin: 0;
    /* border: 1px solid #cfcfcf; */
    /* padding: 3px; */
    /* border-top-left-radius: 10px; */
    -ms-border-top-left-radius: 10px;
    -moz-border-top-left-radius: 10px;
    /* -webkit-border-top-left-radius: 10px; */
    /* border-bottom-right-radius: 10px; */
    -ms-border-bottom-right-radius: 10px;
    -moz-border-bottom-right-radius: 10px;
    /* -webkit-border-bottom-right-radius: 10px; */
}

#post-list .entry-content {
    display: flex;
    margin-left: 20px;
    width: 70%;
    padding-bottom: 0;
}

#post-list footer.entry-meta.clearfix {
    display: none;
}

#post-list .entry-content .text-center {
    float: right;
}

#post-list .entry-content .text-center a {
    margin: 0;
    text-transform: none;
    border-radius: 5px;
}


#post-list a:hover img.attachment-large.size-large.wp-post-image {
    transform: scale(1.1, 1.1);
}

#post-list .entry-content span.posted-on {
    display: block;
    font-size: 13px;
    color: #000;
    padding-bottom: 5px;
    padding-top: 5px;
}

#post-list .entry-content span.posted-on:before {
    content: "\f017";
    font-family: "Font Awesome 6 Free";
    padding-right: 5px;
    font-size: 13px;
}

#post-list .entry-content span.posted-on a {
    color: #000;
}

#post-list .entry-content span.byline:before {
    content: "\f007";
    font-family: "Font Awesome 6 Free";
    padding-right: 2px;
    padding-left: 1px;
    font-size: 13px;
    color: #000;
}

#post-list .entry-content span.byline a {
    color: #000;
    font-size: 13px;
    text-transform: none;
}

#post-list .entry-content p {
    font-size: 14px;
    color: #000;
    text-align: justify;
}

.chuyen-muc .entry-meta.uppercase.is-xsmall {
    display: inline-block;
    width: 50%;
}

.chuyen-muc .text-left {
    display: inline-block;
    width: 49%;
}

.chuyen-muc .text-left a.more-link.button.primary.is-outline.is-smaller {
    margin: 0;
    float: right;
    margin-top: 20px;
}

@media only screen and (min-width:769px) {
    /*.slide-homepage:before, .slide-homepage:after {content: "";background: url(/wp-content/uploads/2022/04/shape-02-1.png) no-repeat;background-size: contain;position: absolute;height: 100%;width: 100%;z-index: 4;pointer-events: none;}

.slide-homepage:after {
    background-image: url(/wp-content/uploads/2022/04/shape-03.png);
    right: 0px;
    top: 52px;
    width: 602px;
    height: 293px;
}*/
}

@media only screen and (max-width: 768px) {
    .slide-arrow-style button.slick-arrow {
        width: 50px;
        height: 50px;
    }

    .slide-arrow-style button.slick-next.slick-arrow {
        right: 0;
    }

    .slide-arrow-style button.slick-prev.slick-arrow {
        left: 0;
    }

    h4.small-title {
        font-size: 15px;
    }

    /*.slide-homepage h2.title {
    font-size: 35px;
}

.slide-homepage p:nth-child(3) {
    font-size: 15px;
}
.slide-homepage .text-box.banner-layer {
    margin-left: 50px;
}*/
    h3.title {
        font-size: 30px;
        line-height: 35px;
        margin-bottom: 20px;
    }

    .about .icon-box.featured-box {
        display: block;
        text-align: center;
    }

    .about .icon-box.featured-box .icon-box-img {
        height: 113px;
        margin: 0 auto;
        text-align: center;
    }

    .about .icon-box.featured-box .icon-box-img .icon {
        position: absolute;
        left: 50%;
        transform: translate(-50%);
    }

    .icon-box-left .icon-box-img+.icon-box-text {
        padding-left: 0;
    }

    .slide-case .box.has-hover {
        display: block;
    }

    .slide-case .box.has-hover .box-text {
        position: relative;
        width: 100%;
        padding: 15px 15px 35px;
        margin-bottom: 35px;
        text-align: center;
    }

    .slide-case .is-selected .box.has-hover .box-text {
        transform: translateY(-5%);
    }

    .slide-case .box.has-hover .box-text h4 {
        font-size: 20px;
    }

    .slide-case .box.has-hover .box-text p {
        font-size: 15px;
    }

    .slide-case .box.has-hover .box-text p.bt-plus a {
        left: 50%;
        transform: translateX(-50%);
    }

    .slide-case .box.has-hover .box-text p.bt-plus a:hover {
        transform: translateX(-50%) rotate(135deg);
    }
}

@media only screen and (max-width: 414px) {
    .chuyen-muc {
        display: block;
    }

    .entry-image-float {
        max-width: 100%;
    }

    .entry-content {
        margin-left: 0 !important;
        padding-top: 5px;
    }

    #post-list .entry-content h2.entry-title {
        text-align: justify;
    }

    #post-list .entry-content p {
        text-align: justify;
    }

    .chuyen-muc .text-left {
        display: inline-block;
        width: 48%;
    }
}