/*
Theme Name: Xe Nâng 3
Description: This is a child theme for Flatsome Theme
Author: Trường Phong
Template: flatsome
Version: 3.0
*/

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

:root {
	--primary: #000000;
	--secondary: #000000;
}

.dinhit_prod_custom_ss1 .row:first-child .col {
    padding-bottom: 0;
}

.dinhit_prod_custom_ss1 {
    padding: 0 !important;
}

.dinhit_prod_custom_ss1 nav.woocommerce-breadcrumb.breadcrumbs a,.dinhit_prod_custom_ss1 nav.woocommerce-breadcrumb.breadcrumbs span {
    font-size: 14px;
}

.dinhit_prod_custom_ss1 .badge-container {
    display: none;
}

.dinhit_prod_custom_ss1 h1.product-title {
    font-size: 26px;
    font-weight: 600;
}

.dinhit_prod_custom_ss1 .is-divider.small {
    max-width: 100%;
    height: 1px;
}

.dinhit_prod_custom_ss1 .product-price-container {
    margin-top: 30px;
    margin-bottom: 30px;
}

.dinhit_prod_custom_ss1 .product-price-container p {
    margin: 0;
    display: flex;
    justify-content: flex-end !important;
    align-items: end;
    gap: 16px;
    font-weight: 700;
}

.dinhit_prod_custom_ss1 .product-price-container p ins {
    font-size: 30px;
}

.dinhit_prod_custom_ss1 .product-price-container p del {
    font-size: 24px;
    color: #666;
}

.dinhit_prod_custom_ss1 .product-spec-basic {
    display: flex;
    gap: 30px;
    background: #ececec;
    padding: 30px;
    border-radius: 8px;
}

.dinhit_prod_custom_ss1 .product-spec-basic div {
    flex-basis: 50%;
    max-width: 50%;
    text-align: center;
}

.dinhit_prod_custom_ss1 .product-spec-basic div:first-child {
    border-right: 1px solid #bbb;
}

.dinhit_prod_custom_ss1 .product-spec-basic label {
    font-weight: 500;
}

.dinhit_prod_custom_ss1 .product-spec-basic h6 {
    font-size: 16px;
    letter-spacing: 0;
}

.dinhit_prod_custom_ss1 .product-spec-basic label {
    font-weight: 500;
}

.dinhit_prod_custom_ss1 .product-spec-basic h6 {
    font-size: 16px;
    letter-spacing: 0;
}

.dinhit_prod_custom_ss1 .product-short-description {
    font-size: 15px;
    margin: 30px 0;
}

.dinhit_prod_custom_ss1 .product-short-description p {
    margin-bottom: 6px;
}

.dinhit_prod_custom_ss1 .add-to-cart-container {}

.dinhit_prod_custom_ss1 .add-to-cart-container form.cart {
    flex-wrap: nowrap;
    align-items: start;
	margin-bottom: 0;
}

.dinhit_prod_custom_ss1 .add-to-cart-container .cart .quantity {
    flex: 0 0 1%;
}

.dinhit_prod_custom_ss1 .add-to-cart-container form.cart button {
    height: 40px;
    font-size: 12px;
    padding: 0;
}

.dinhit_prod_custom_ss1 .add-to-cart-container form.cart .ux-quantity.quantity input {
    height: 40px;
    box-shadow: none;
    font-size: 14px;
}

.dinhit_prod_custom_ss1 .add-to-cart-container form.cart .ux-quantity.quantity input.minus {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
    width: 30px;
}

.dinhit_prod_custom_ss1 .add-to-cart-container form.cart .ux-quantity.quantity input.plus {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
    width: 30px;
}

.dinhit_prod_custom_ss1 .htkt {
    display: flex;
    gap: 10px;
	padding-left: 105px;
}

.dinhit_prod_custom_ss1 .htkt div {
    flex-basis: 50%;
    max-width: 50%;
}

.dinhit_prod_custom_ss1 .htkt a {
    height: 40px;
    background: #0377b9;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6px;
    transition: all 0.3s ease;
}


.dinhit_prod_custom_ss1 .htkt div:last-child a {
    background: #0377b9;
}

.dinhit_prod_custom_ss1 .woocommerce-product-gallery__wrapper {
    border: 1px solid #eee;
}

.dinhit_prod_custom_ss1 .flickity-enabled.is-draggable .flickity-viewport,
.dinhit_prod_custom_ss1 .woocommerce-product-gallery__image {
    height: 100% !important;
}

.dinhit_prod_custom_ss1 .product-thumbnails .flickity-slider .col,
.dinhit_prod_custom_ss1 .product-thumbnails .flickity-slider .col a,
.dinhit_prod_custom_ss1 .product-thumbnails .flickity-slider .col img {
    height: 100%;
    object-fit: cover;
    opacity: 1;
}

.dinhit_prod_custom_ss2 .woocommerce-tabs .description_tab a:before {
    display: none;
}

.dinhit_prod_custom_ss2 .woocommerce-tabs .tabs {
    justify-content: center;
}

.dinhit_prod_custom_ss2 .woocommerce-tabs .tabs a,
.technical-label,
.dinhit_prod_custom_ss4  h3.product-section-title {
    font-size: 32px;
    font-weight: 700;
	text-transform: uppercase;
	padding: 0;
}

.dinhit_prod_custom_ss2 .woocommerce-tabs .description_tab:before, 
.dinhit_prod_custom_ss2 .woocommerce-tabs .description_tab:after,
.technical-label:before,
.technical-label:after,
.dinhit_prod_custom_ss4  h3.product-section-title:before,
.dinhit_prod_custom_ss4  h3.product-section-title:after {
    content: '';
    position: absolute;
    top: 28px;
    height: 2px;
    width: 100px;
    display: block;
    opacity: 1;
    background: var(--primary);
}

.dinhit_prod_custom_ss4  h3.product-section-title:before,
.dinhit_prod_custom_ss4  h3.product-section-title:after {
	top: 22px;
}

.dinhit_prod_custom_ss2 .woocommerce-tabs .description_tab:before,
.technical-label:before,
.dinhit_prod_custom_ss4  h3.product-section-title:before {
    left: -120px;
}

.dinhit_prod_custom_ss2 .woocommerce-tabs .description_tab:after,
.technical-label:after,
.dinhit_prod_custom_ss4  h3.product-section-title:after {
    right: -120px;
}

.dinhit_prod_custom_ss2 .woocommerce-tabs .description_tab,
.technical-label,
.dinhit_prod_custom_ss4  h3.product-section-title {
    position: relative;
}

.technical-label,
.dinhit_prod_custom_ss4  h3.product-section-title {
    width: fit-content;
    margin: 0 auto;
}

.dinhit_prod_custom table {
    border: .5px solid;
}

.dinhit_prod_custom table tbody td {
    border: .5px solid;
    padding: 6px !important;
}

.dinhit_prod_custom table tbody tr:nth-child(2n+2) td {
    background: #fce4d3;
}

.dinhit_prod_custom table tbody tr.firstRow td,
.dinhit_prod_custom table tbody tr td.et7 {
    background: var(--primary);
    color: white;
    font-weight: 600;
}

.dinhit_prod_custom table tbody tr td.et7 {
	text-align: center;
}

.dinhit_prod_custom_ss4  h3.product-section-title {
    padding: 0;
	margin-bottom: 30px;
}

.dinhit_prod_custom_ss4 .related.related-products-wrapper {
    border: 0;
}

.product-small.box .box-image {
    border: 1px solid #eee;
    border-radius: 8px;
}

.product-small.box .box-text {
    padding: 8px 0 0;
}

.product-small.box .box-text .title-wrapper .product-title {
    height: auto !important;
}

.product-small.box .box-text .title-wrapper {
    margin: 0;
    display: block;
}

.product-small.box  .box-text .title-wrapper .product-title a {
    font-size: 16px;
    font-weight: 600;
}

.product-small.box .box-text .price-wrapper .price {
    display: flex;
    font-size: 14px;
    justify-content: center !important;
    gap: 20px;
}

.product-small.box .box-text .price-wrapper .price ins {
    padding-bottom: 4px;
}

.product-small.box .box-text .price-wrapper .price del {
    color: var(--secondary);
}

.product-small.box .box-text .price-wrapper .price ins bdi {
    font-size: 16px;
}

.product-small.box .box-text .price-wrapper .price del bdi {
    font-size: 14px;
    color: var(--secondary);
    line-height: 1;
    font-weight: 500;
}

.product-small.box .box-text .price-wrapper .price del span, .product-small.box .box-text .price-wrapper .price ins span {
    line-height: 1;
}

.product-small.box {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 6px;
}

.dinhit-loop-spec {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 16px;
	background: #ececec;
    padding: 10px;
    border-radius: 8px;
}
.shop-page-title  h1{
    display: none;
}
.dinhit-loop-spec div {
    width: fit-content;
    margin: 0 !important;
	text-transform: uppercase;
    font-weight: 600;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.badge-container .badge-inner {
    border-radius: 100%;
    border-top-left-radius: 12px;
    background: var(--primary);
}

.badge-container {
    left: 18px;
    margin-top: 18px;
}

.badge-container span.onsale {
    font-size: 14px;
    font-weight: 600;
}

.cart-icon:after {
    content: '\f59d';
    font-family: "Font Awesome 7 Pro";
    font-size: 18px;
    color: var(--primary);
    background: #eee;
    border-radius: 8px;
    padding: 8px;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-icon strong {
    display: none;
}

.image-tools .cart-icon {
    left: auto;
    right: 2px;
    bottom: 3px;
}

.news .box {
    border: 1px solid #ddd;
    padding: 8px;
    border-radius: 8px;
}

.news .box h5.post-title a {
    font-size: 16px;
    line-height: 1.5;
}

.news .box .is-divider {
    display: none;
}

.news .box p.from_the_blog_excerpt {
    font-size: 15px;
}

.news .box a.button {
    font-size: 12px;
}
.dark .button,.dark input[type=button],.dark input[type=reset],.dark input[type=submit] {
    color: #000000;
}


.header-button-1 .header-button a {
    font-size: 13px;
    font-weight: 600;
    fill: #1B1D21;
    color: #1B1D21;
    background-color: rgb(255 255 255 / 19%) !important;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: #208bbc;
    border-radius: 3px 3px 3px 3px;
    padding: 6px 29px 6px 29px;
}

.is-outline:hover,.primary.is-outline:hover {
    background-color: var(--fs-color-primary);
    border-color: var(--fs-color-primary);
    color: #208bbc;
}

.product-footer .woocommerce-tabs .tab-panels {
    border: 1px solid #f0f0f1;
    padding: 10px;
    border-radius: 5px;
}


.product-footer .woocommerce-tabs ul.tabs>li.active>a, .product-footer .woocommerce-tabs ul.tabs>li:hover>a {
    background: #d30a0a;
    color: #fff;
}
.product-footer .woocommerce-tabs ul.tabs>li>a {
    font-size: 16px;
    font-weight: 700;
    text-transform: none;
    color: #223a58;
    padding: 10px 15px;
    background: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}



.product-info button.single_add_to_cart_button {
    width: 100%;
    display: flex
;
    justify-content: center;
    height: 50px;
    border: 2px solid #ff9a02;
    border-radius: 5px;
    box-shadow: none;
    padding-left: 60px;
    margin: 0;
    font-size: 14px;
    font-weight: 500;
    color: #000000;
    text-transform: uppercase;
    position: relative;
}
.section_product.pr_tab .tabbed-content ul > li.tab.active > a, .section_product.pr_tab .tabbed-content ul > li.tab:hover > a {
    background: #ff6900;
    color: #fff;
}

span.amount {
    color: #a70707;
    font-weight: 700;
    white-space: nowrap;
}


.product-small .box-text .price span.amount bdi, .product-small .box-text .price ins span.amount bdi {
    font-size: 20px;
    font-weight: 700;
    color: #ad0707;
    line-height: 23px;
}

.price {
    display:flex;
    flex-direction: row-reverse!important;   
    align-items: center;
    justify-content: space-between!important;
}



/* Trang trí lại từng sản phẩm trên trang cửa hàng */
.archive .products li.product {
  border: 1px solid #e0e0e0;
  border-radius: 8px;
  padding: 10px;
  background: #fff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.04);
  transition: all 0.3s ease;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.archive .products li.product:hover {
  box-shadow: 0 4px 10px rgba(0,0,0,0.08);
  transform: translateY(-3px);
}

.archive .products li.product img {
  border-radius: 6px;
  transition: 0.3s ease;
  max-height: 220px;
  object-fit: contain;
}

.archive .products li.product:hover img {
  transform: scale(1.03);
}

.archive .products li.product h2.woocommerce-loop-product__title {
  font-size: 15px;
  text-align: center;
  color: #f26522;
  margin: 10px 0 5px;
  font-weight: 600;
}

.archive .products li.product .price {
  text-align: center;
  font-size: 14px;
  color: #333;
  margin-bottom: 10px;
}

.archive .products li.product .button {
  display: none;
}





.single-product .product-summary {
  border: 1px solid #dcdcdc;
  border-radius: 8px;
  padding: 25px;
  background: #ffffff;
  box-shadow: 0 2px 4px rgba(0,0,0,0.04);
  margin-bottom: 30px;
}


/* Căn 2 nút trong phần giỏ hàng mỗi nút chiếm 1/2 hàng */
.single-product .cart {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
}

.single-product .cart .quantity {
    flex: 1 1 70%;
    margin-bottom: 10px;
}

.single-product .cart button {
    flex: 1 1 calc(50% - 15px);

    color: #fff;
    border-radius: 6px;
    padding: 12px 16px;
    font-size: 16px;
    text-align: center;
    transition: background 0.3s ease;
    border: none;
}



.single-product .product-gallery {
    border-radius: 8px;
    overflow: hidden;

    padding: 10px;
}

.single-product .product_title {
    font-size: 28px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #222;
}

.single-product .woocommerce-product-details__short-description {
    font-size: 16px;
    line-height: 1.6;
    color: #444;
    margin-bottom: 20px;
}

.single-product .price {
    font-size: 22px;
    font-weight: bold;
    color: #e53935;
    margin-bottom: 20px;
}

.single-product .cart {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
    margin-bottom: 15px;
}

.single-product .cart .quantity input {
    height: 40px;
    font-size: 16px;
}

.single-product .cart button {
    background: #b20000;
    color: #fff;
    border-radius: 6px;
    padding: 10px 18px;
    font-size: 10px;
    transition: background 0.3s ease;
}


.page-title-inner {
    min-height: 60px;
     padding-top: 1px;
    position: relative;
}
/* Định dạng nền cho khu vực breadcrumb */
.section_breadcrumb,
.shop-page-title {
    padding: 0 !important;
    background: #e3edff; /* màu xanh nhạt hơn */
}

/* Căn phải chữ breadcrumb */
.breadcrumbs {
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
    color: #000; /* chữ đen */
    text-transform: none;
    text-align: right;
    display: block;
    width: 100%;
    padding-right: 20px;
}

.breadcrumbs a {
    color: #1a1a1a; /* link đen đậm */
}

.breadcrumbs a:last-child {
    color: #f26522; /* màu cam cho mục hiện tại */
    font-weight: bold;
}

/* Padding cho hàng breadcrumb */
.row.breadcrumb .col, .woocommerce-breadcrumb {
    padding: 15px 0;
    min-height: unset;
    text-align: left;
}




/* Ảnh luôn lấp đầy khung, tự co giãn theo khung */
.product-main .product-gallery .product-image img,
.woocommerce-product-gallery__image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block;
    margin: auto;
    border-radius: 6px;
}

/* Khung ảnh chính với kích thước cố định */
.product-main .product-gallery .flickity-slider > .product-image,
.woocommerce-product-gallery__wrapper {
    width: 100%;
    height: 600px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    background: #fff;
    border-radius: 8px;
}

/* Responsive mobile: thu nhỏ khung lại */
@media (max-width: 767px) {
  .product-main .product-gallery .flickity-slider > .product-image,
  .woocommerce-product-gallery__wrapper {
    height: 300px;
  }
}



/* Cấu trúc thumbnail ảnh trong gallery sản phẩm */
.product-main .product-gallery .product-thumbnails img {
    height: 110px;
    width: 100%;
    transform: unset;
    display: flex;
    justify-content: center;
    margin: auto;
}

.product-main .product-gallery .flickity-viewport {
    box-shadow: 0 0px 2px 0 rgba(60,64,67,0.1), 0 0px 6px 0px rgba(60,64,67,0.25);
    border-radius: 5px;
}

.product-main .product-gallery .product-thumbnails .flickity-viewport {
    height: 120px !important;
    box-shadow: none;
}

.product-main .product-gallery .product-thumbnails .col a {
    border: 2px solid #ebebeb;
    border-radius: 5px;
    height: 100%;
    transition: all 0.3s ease;
}

/* Hover: đổi viền thành màu đỏ mờ */
.product-main .product-gallery .product-thumbnails .col a:hover {
    border-color: rgba(213, 0, 0, 0.4);
    box-shadow: 0 0 8px rgba(213, 0, 0, 0.2);
}

/* Responsive tối ưu hiển thị trên mobile */
@media (max-width: 767px) {
    .product-main .product-gallery .product-thumbnails {
        padding: 10px 5px;
        overflow-x: auto;
        display: flex;
        gap: 8px;
    }
    .product-main .product-gallery .product-thumbnails .col {
        min-width: 90px;
        flex: 0 0 auto;
    }
    .product-main .product-gallery .product-thumbnails img {
        height: auto;
        max-height: 80px;
        object-fit: cover;
    }
}










.box-bounce:hover .box-text {
    background-color: #b20000;
    transform: translateY(-15px);
    color: #fff; /* chữ trắng khi hover */
}
.box-bounce:hover .box-text *,
.box-bounce:hover .box-text a {
    color: #fff !important;
}

.phongvt-radius {
  border-radius: 10px;
  overflow: hidden;
}

.phongvt-hieu-ung-toa-hinh {
    display: block;
    position: relative;
    overflow: hidden
}

.phongvt-hieu-ung-toa-hinh:before {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255,255,255,0.2);
    border-radius: 100%;
    opacity: 0;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

@media (min-width: 1025px) {
    .phongvt-hieu-ung-toa-hinh:hover:before {
        -webkit-animation:circle 0.75s;
        -ms-animation: circle 0.75s;
        -o-animation: circle 0.75s;
        animation: circle 0.75s
    }
}

@-ms-keyframes circle {
    0% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@-o-keyframes circle {
    0% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@-webkit-keyframes circle {
    0% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}

@keyframes circle {
    0% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0
    }
}




.phongvt-hered-grid {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr 1fr;
  gap: 10px;
  height: 520px; /* tăng từ 420px lên */
  transition: grid-template-columns 0.4s ease;
}

.phongvt-hered-grid .item {
  position: relative;
  overflow: hidden;
  border-radius: 6px;
  transition: all 0.4s ease;
  cursor: pointer;
}

.phongvt-hered-grid .item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s ease;
  display: block;
}

.phongvt-hered-grid .caption {
  position: absolute;
  bottom: 12px;
  left: 16px;
  color: #fff;
  font-size: 2.4rem;
  line-height: 3rem;
  font-weight: 500;
  text-shadow: 0 2px 4px rgba(0,0,0,0.6);
  transition: all 0.3s ease;
}

.phongvt-hered-grid .caption.red {
  color: black;
}

.phongvt-hered-grid .item:hover img {
  transform: scale(1.05);
}
.phongvt-hered-grid .item:hover .caption {
  color: black;
}

/* Hover theo thứ tự */
.phongvt-hered-grid.hovered-1 {
  grid-template-columns: 2fr 1fr 1fr 1fr;
}
.phongvt-hered-grid.hovered-2 {
  grid-template-columns: 1fr 2fr 1fr 1fr;
}
.phongvt-hered-grid.hovered-3 {
  grid-template-columns: 1fr 1fr 2fr 1fr;
}
.phongvt-hered-grid.hovered-4 {
  grid-template-columns: 1fr 1fr 1fr 2fr;
}

/* Responsive */
@media (max-width: 768px) {
  .phongvt-hered-grid {
    grid-template-columns: 1fr;
    height: auto;
  }
  .phongvt-hered-grid .item {
    height: 300px; /* tăng chiều cao mobile một chút */
  }
}





.phongvt-hered-grid .caption {
  font-size: 1.2rem;
  line-height: 3rem;
}






.title-wrapper {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 20px;
      margin: 20px 0;
    }

    .line {
      flex: 1;
      height: 1px;
      background-color: black;
      max-width: 60px;
    }

    .title {
      font-size: 28px;
      font-weight: bold;
      font-family: sans-serif;
    }

    .title span:first-child {
      color: #222; /* PRODUCT */
      transition: color 0.3s;
    }

    .title span:last-child {
      color: black; /* CATEGORY */
      transition: color 0.3s;
    }

    .title:hover span:first-child {
      color: black;
    }

    .title:hover span:last-child {
      color: #222;
    }


.header-nav .header-block{max-width:520px}
.header-nav .header-block-block-1 .icon-box-img img {
		padding-top: 10px;}
.header-block-block-1 .col{padding-bottom:0}

.header-block-block-1{margin-right:35px}
.header-block-block-1 .icon-box h5{    font-size: 14px;
		font-weight: normal;    margin-bottom: 0;}.header-block-block-1 .icon-box p{font-weight: bold;
    font-size: 15px;
    color: #1B1D21;}
.header-bottom-nav li{
    margin: 0 28px;
} .header-bottom-nav.nav-right li{margin: 0 10px !important;}.header-bottom-nav.nav-right li:last-child{margin-right:0 !important}
.nut1{font-family: "Inter", sans-serif;padding: 10px 35px;
    font-weight: 500;
    letter-spacing: 0;
    border-radius: 5px;
    font-size: 15px;}
.nut2{font-family: "Inter", sans-serif;background-color: #ffffff2b !important;
    padding: 10px 35px;
    font-weight: 500;
    letter-spacing: 0;
    border-radius: 5px;
    font-size: 15px;
    border: 1px solid white;}
.des{display:block}
.des .box{font-size: 13px;
    display: inline-block;
    background: #ffffff33;
    width: auto;
    padding: 2px 2px;
    border-radius: 20px;
    border: 1px solid #ffffff8c;
    text-transform: uppercase;
    font-weight: 500;
    line-height: 18px;}
.des .value{padding-right: 10px;
    line-height: 26px;
    color: white;
		font-size: 12px;}.nut1:hover{background:#272933 !important; color:white}
.white.is-outline:hover {
    background-color: #fe8322 !important;
    border-color: #fe8322;
    color: #fff !important;
}

.slider-section .flickity-page-dots{
       bottom: 50%;
    left: 3%;
    right: auto;
    transform: rotate(90deg);
}.section9 .flickity-page-dots{transform:none;bottom: -20px;} .section9 .flickity-page-dots .dot.is-selected {
    background-color: #ff9800;
    border: 2px solid #ff9800;
}
.slider-section .flickity-page-dots .dot, .section9 .flickity-page-dots .dot {position:relative;
    width: 8px;
		height: 8px;margin:0 15px; opacity:1}
.des .label, .des .value{display: inline-block;
    float: left;}
.slider-section .flickity-page-dots .dot.is-selected,. .section9 .flickity-page-dots .dot.is-selected{background-color: #fe8322 !important;
    border: 2px solid #fe8322;}
.slider-section .flickity-page-dots .dot.is-selected:before, .flickity-page-dots .dot.is-selected:before{position: absolute;
    content: '';
     width: 30px;
    height: 30px;
    background: #00000000;
    border-radius: 50%;
    border: 1px solid #f28124;
    margin-top: -13px;
    margin-left: -14px;}
.des .label{background: white;
    padding: 4px 14px;
    border-radius: 20px;
    color: #ff8424;
    margin-right: 10px;
    font-size: 12px;}
.section1 .col{padding-bottom:0}
.section1 .icon-box{padding: 25px 25px 35px 25px;
    background-color: #FFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 12%);}
.section1 .icon-box h3{margin-bottom: 5px;
    font-size: 18px;
    font-weight: 600;}
.section1 .icon-box .icon-box-text{padding-top:13px}.slider-section{margin-bottom:-70px}.section1{z-index: 2;}.ot-heading>span.is_highlight {
    background: rgba(254,132,35,.1);
    padding: 2px 10px;
    border: 1px solid #135e96;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}.ot-heading>span {
    position: relative;
    display: inline-block;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    color: #135e96;
    margin-bottom: 10px;
}
.section2 h2, .section2 p{margin-bottom: 35px;}
.section3 .col, .section4 .col{padding-bottom:0}
.slider-section .flickity-page-dots .dot.is-selected {
    background-color: #fe8423; border:2px solid #fe8423
}
.section3 .ux-logo-link{opacity:0.4}
.section3 .ux-logo-link:hover{opacity:1}
.section4 img{border-radius:6px}
.section4 .accordion-title.active {
    color: #fff;
    background: black;
    border-radius: 5px;
}
.section4 .accordion-title{    font-family: "Inter", sans-serif;
    font-weight: 500;
    border-radius: 5px;
    background: #ffffff21;
    margin-bottom: 10px;border: 1px solid #80808099;}
.section4 .accordion .icon-angle-down{font-size:16px}
.section5 .large-4 .col-inner{-webkit-transition: all 0.3s linear;padding: 50px 50px 48px 40px;}
.section5 .row.row-solid{border: 1px solid #ddd;}
.section5 .large-4 .col-inner:hover{box-shadow: 8px 8px 30px 0 rgb(0 0 0 / 12%);     border-color: transparent;}
.section5 .large-4 .icon-box h3{font-size: 21px;}
.section6 .banner-layers{max-width:100%; width:100%}
.section6 .banner-layer .row.row-collapse{max-width:100%}
.section6 .cot2:hover> .section6 .bg-fill{background-image:url(/wp-content/uploads/2022/03/fservice2.jpg) !important}
.section6 .banner-layer .col .col-inner{padding:50px;min-height:745px; }
.section6 .features-service-desc{opacity: 0;
    visibility: hidden;    transform: translateY(20%);
    -webkit-transition: opacity 0.2s,-webkit-transform 0s 0.2s;
    -o-transition: transform 0s 0.2s,opacity 0.2s;
    transition: transform 0s 0.2s,opacity 0.2s;
    transition: transform 0s 0.2s,opacity 0.2s,-webkit-transform 0s 0.2s;}
.section6 .col-inner:hover .features-service-desc{opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: opacity 0.4s cubic-bezier(.33,.02,0,.93) 0.1s,-webkit-transform 0.2s cubic-bezier(.645,.045,.355,1) 0.1s;
    -o-transition: transform 0.2s cubic-bezier(.645,.045,.355,1) 0.1s,opacity 0.4s cubic-bezier(.33,.02,0,.93) 0.1s;
    transition: transform 0.2s cubic-bezier(.645,.045,.355,1) 0.1s,opacity 0.4s cubic-bezier(.33,.02,0,.93) 0.1s;
    transition: transform 0.2s cubic-bezier(.645,.045,.355,1) 0.1s,opacity 0.4s cubic-bezier(.33,.02,0,.93) 0.1s,-webkit-transform 0.2s cubic-bezier(.645,.045,.355,1) 0.1s;
}
.section6 h3{    font-weight: 600;
    font-size: 30px;
    line-height: 36px;}
.section6 .features-service-overlay{position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(38,40,50,.8);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s linear;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
}
.section6 .features-service-title{transform: translateY(105px);transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;}
.section6 .col-inner:hover .features-service-title{transform: translateY(-22px);transition: transform 0.3s, 0.5s ease;
    -webkit-transition: transform 0.3s, 0.5s ease;
    -moz-transition: transform 0.3s, 0.5s ease;
    -o-transition: transform 0.3s, 0.5s ease;
    -ms-transition: transform 0.3s, 0.5s ease;}
.section6 .features-service-number{font-size:20px; font-weight:bold; color: #ff8f3e;}
.section6 .col-inner:hover .features-service-overlay {
    visibility: visible;
		opacity: 1;}
.section6 .col-inner{border-right: 1px solid #ffffff73;
    display: flex;
    justify-content: flex-end;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;}
.nut3{border-radius: 5px;
    font-weight: normal;
    letter-spacing: 0;
    font-size: 15px;
    background: #ffffff59 !important;
    border: 1px solid white;
    color: white;}
.nut3:hover{background:#fe7f18 !important; border:1px solid #fe7f18; box-shadow:none}
.section7 .bg{background-image: url(/wp-content/uploads/2022/03/image3-home1.png);
    background-size: 850px !important;
    background-position-y: bottom;
    background-position-x: 20%;}
.section7{background-position-x: 0;
    background-image: url(/wp-content/uploads/2022/03/bg-overlay-home1.png);
    background-repeat: no-repeat;
background-position-y:30%;}
.section7 .icon-box .icon-inner{box-shadow: 0 0 13px 0 rgb(0 0 0 / 15%);
    padding: 3px;
    border-radius: 5px;}
.section7 .icon-box .icon-box-text{padding-left:30px}.section7 .icon-box{margin-bottom:30px}
.section7 h2{margin-bottom:40px}
.section8 .col{padding-bottom:0}
.section8 p{margin-bottom:0}
.nut4{    margin-bottom: 0;
    background: white !important;
    color: black !important;}
.section9 .slider .row{opacity:1; max-width:400px;margin-left: 0;
		margin-right: 0;}.section9 .slider .large-12{padding-top:30px}
.section9 .slider .large-12 .col-inner{-webkit-box-shadow: 8px 8px 30px 0 rgb(0 0 0 / 12%);background:white;border-radius:7px;
 }
.section7 .icon-box h5{font-size: 20px;}
.section9 .slider p{font-size: 18px;
    line-height: 36px;
    text-align: left;
    padding: 30px;
    border-bottom: 1px solid #dbdbdb;}
.section9 .icon-box h3{line-height: 18px;font-size: 22px;
    font-weight: 600;
    margin-bottom: 2px;}
.section9 .icon-box{padding: 0 30px 30px 30px;}
.section9 .icon-box p{font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    color: #2271b1;    font-family: "Inter", sans-serif;padding:0;border-bottom:none}.section9 .icon-box .icon-box-text{padding-top:20px}
.section9 .icon-box img{position:relative}

.section9 .icon-box .icon-box-img:before{content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    background-image: url(/wp-content/uploads/2022/03/nhan-xet-iocn.png);
    z-index: 9;
    background-size: 36px;
    top: -6px;
    right: -1px;
}
.section10 .col{padding-bottom:0}.section10 .nut1{margin: 0;
    padding: 5px 35px;}
.section10 .portfolio-box .box-image{border-radius:6px}
.section10 .list-portfolio-1 .col{padding-bottom:20px}
.portfolio-box .box-text h6{font-size: 24px;
    text-transform: none;
    letter-spacing: 0;
    text-shadow: none;
    color: white;
    margin-bottom: 10px;
}
.portfolio-inner ul, .portfolio-inner ol{margin-left:20px}
.portfolio-inner{padding-top:30px}
.bai-viet-lien-quan .list-post1 .post-item .post-title{font-size:20px}
.portfolio-box .portfolio-box-category{font-size: 13px;
    color: white;
    opacity: 1;
    text-shadow: none;
    font-family: "Inter", sans-serif;
		font-weight:500;}.portfolio-box .portfolio-box-category:hover{text-decoration:underline;color:#fe8423}.number-left .ot-counter {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
} .ot-counter .c-number{display: inline-flex;
    flex-direction: row;} .ot-counter {
		font-family: "Inter",sans-serif;display: flex;}.ot-counter span {
    font-family: "Inter",sans-serif;
    font-weight: 700;
    font-size: 48px;
    color:#FFF;
    line-height: 1;
    display: inline-block;
}.number-left .ot-counter h6 {
    margin-left: 20px;
}.ot-counter h6 {
   font-size: 14px;
    line-height: 24px;
    text-transform: uppercase;
    color: white;
    font-weight: 600;
    margin-bottom: 0;
    display: inline-block;
    opacity: 1;
    margin-left: 15px;
}
.section11 .col{padding-bottom:0}
.list-post1 .post-item .col-inner{border-radius: 6px;box-shadow: 8px 8px 30px 0 rgb(0 0 0 / 10%);}.list-post1 .post-item .box-image{border-top-left-radius:6px; border-top-right-radius:6px} .list-post1 .post-item .box-text{border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;padding: 0 0 13px 0px}
.lien-he-1 .icon-box{margin-bottom:30px}
.lien-he-1 .icon-box h3{font-size:15px; font-weight:normal; margin-bottom:0}
.lien-he-1 .icon-box .icon-box-text p{margin-bottom:0;font-weight:500; font-family:"inter", sans-serif; color: #272933;}
.lien-he-1 .icon-box .icon-box-img img{border-radius:99%;padding:7px}
.lien-he-1 .icon-box .icon-box-img{background: #17171f;
border-radius: 99%;}
.list-post1 .post-item button{margin: 0;
    position: absolute;
    bottom: 10px;
    right: 20px;
    background: #f2f2f2;
    border: none;
    border-radius: 5px;
    font-size: 13px;
		letter-spacing: 0;color: gray}.list-post1 .post-item button:hover{background:#ff8e3e; color:white}
.list-post1 .post-item .cat-label{left:10px;    position: absolute;
    top: 10px;
    background: #208bbc;
    opacity: 1;
    font-family: "Inter", sans-serif;
    padding: 6px 17px;
    border-radius: 5px;}
.list-post1 .post-item .post-title{   margin: 0;
    margin-bottom: 0;
    padding: 30px 20px 20px 20px;
    color: #1b1d21;
    line-height: 32px;
    font-size: 24px;}
.list-post1 .post-item .post-title:hover{color:#dd3333}.widget .current-cat>a {
    color: #ff892a;
}.portfolio-element-wrapper ul.nav li{margin:0 21px}
.portfolio-element-wrapper ul.nav li a{font-weight: bold;
    color: #272933;font-size:15px}
.box-blog-post .is-divider {
    margin-top: 0;
    margin-bottom: 15px;
    height: 1px;
    max-width: 100%;
}
.list-post1 .post-item .post-meta{font-weight: bold;
    font-family: "Inter", sans-serif;
    letter-spacing: 0;
    padding: 0 20px;
    color: gray;
    font-size: 14px;}
.footer-section h3{font-size: 16px;margin-bottom:40px}
.footer-section ul li{list-style:none; margin-left:0;margin-bottom:15px}
.footer-section ul li a{    color: #C0C1C2;
    padding-left: 0;}
.footer-section .icon-box .icon-box-img{margin-bottom:40px}
.footer-section .icon-box h4{    font-size: 16px;
    font-weight: normal;
    color: #C0C1C2;margin-bottom:0}
.footer-section .icon-box .icon-box-text{    font-family: "Inter", sans-serif;
    font-weight: 500;
    font-size: 17px;}
.form-footer input{background:#ffffff;
    border: 1px solid #4d4d4d;
    border-radius: 5px;}
.form-footer input[type=submit]{text-transform:none; letter-spacing:0;font-size:15px;font-weight:normal}
.wpcf7 p {
       color: #C0C1C2;
}
.footer-section .col{padding-bottom:0}.absolute-footer.dark {
    color: rgba(255,255,255,.5);
    border-top: 1px solid #33343a;
    padding: 20px;
}
.section1 a:hover{color:#1b1d21}
.nav-dropdown li{margin:0}
.nav-dropdown{padding:0}.nav-dropdown>li>a, .nav-column>li>a{font-size: 15px;
    font-family: "inter", sans-serif;
    font-weight: 500;
		color: #272933;}.nav-dropdown>li>a:hover{padding-left:27px; color:#cf2e2e}
.tieu-de-section .col{padding-bottom:0}
.tieu-de-section .large-4{    text-transform: uppercase;
    font-weight: 500;
    font-family: "inter",sans-serif;}
.tieu-de-section .large-4 a{opacity:0.7}
.tieu-de-section .large-4 .breadcrumb_last{opacity:1}
.gioi-thieu-1 .col, .gioi-thieu-2 .col{padding-bottom:0;}.gioi-thieu-1 img{border-radius:6px}
.gioi-thieu-2{background-image: url(/wp-content/uploads/2022/03/bg1-about-us.jpg);
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;}
.gioi-thieu-1 .icon-box h3{margin-bottom:0;font-size:18px}
.gioi-thieu-2 .box .box-image{border-top-left-radius:6px; border-top-right-radius:6px}
.gioi-thieu-2 .box{background:white; box-shadow: 8px 8px 30px 0 rgb(0 0 0 / 12%);
    border-radius: 6px;}
.gioi-thieu-2 .box .box-text{padding: 30px 20px 15px 20px;
    background: white;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;}
.nut5{border-radius: 5px;}
.gioi-thieu-2 .box h3{    text-align: center;
    margin-bottom: 15px;
    font-size: 24px;
    color: #272933;}
.gioi-thieu-2 .box p{text-align: center;
    margin-bottom: 15px;
    font-size: 16px;}
a.back-to-top{background:#b20000 !important; border: none !important; color:white}
.gioi-thieu-4 .box{ border-radius:6px;   -webkit-box-shadow: 8px 8px 30px 0 rgb(0 0 0 / 12%);}.gioi-thieu-4 .box:hover h3{color:white !important}.page-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}#breadcrumbs{margin-bottom: 0;
    font-family: "inter", sans-serif;
    text-transform: uppercase;
    font-weight: 500;}
#breadcrumbs a{opacity:0.7}
.widget .searchform .button.icon{border-radius: 5px !important;
    background: #ff892a;
    margin-left: -43px;}
.widget_search input{border-radius:5px; box-shadow:none;height:48px}
span.widget-title{margin-bottom:30px; font-size: 20px;
    font-family: "inter", sans-serif;
    letter-spacing: 0;
    text-transform: none;
    color: #272933;
    display: block;
    padding-bottom: 15px;
    border-bottom: 2px solid #e5e5e5;}.widget .is-divider {
    margin-top: -32px;
    right: 29px;
    position: absolute;
    background: #208bbc;
    height: 2px;
    max-width: 52px;
}
.flatsome_recent_posts .badge .badge-inner{border-radius:6px}.recent-blog-posts a {
       margin-bottom: 6px;
    font-family: "inter", sans-serif;
    color: black;
    font-weight: 500;
    font-size: 15px;
}
.flatsome_recent_posts .badge{width:65px; height:65px}.recent-blog-posts a:hover{color:#cf2e2e}
.tagcloud a {
    color: #717171;
    background: #f5f5f5;
    font-size: 12px!important;
    font-family: "Inter",sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    padding: 8px 12px;
    margin: 0 3px;
    margin-bottom: 10px;
		line-height: 1;}.widget .tagcloud a:hover {
    background: rgba(254,132,35,.1);
    color: #fe8423;
    border-color: #fe8423;
}
.widget img{width:100%}
.block_widget .box{background-image: url(/wp-content/uploads/2022/03/bg-overlay-home1.png);
    box-shadow: 2px 2px 20px #8080803b;
    padding: 15px 10px;
    border-radius: 6px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: top;}
.blog-archive .large-3, .blog-single .large-3{padding-left:0}.blog-single .entry-category{opacity:1}
.blog-single .entry-category a{font-family: "Inter",sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;display: none;
    color: #fff;
    background: #fe8423;
    padding: 7px 12px 6px;
    margin-right: 6px;border-radius: 12px;
    letter-spacing: 0;
    position: absolute;
    margin-top: -37px;
    left: 47px;}
.block_widget .box h4{    letter-spacing: 0;
    text-transform: none;
    font-size: 18px;
    margin-bottom: 10px;}
.block_widget .box .social-icons{display:block}
.block_widget .box .box-text{padding:10px 0}

.widget_categories ul li{list-style: square;
    margin-left: 20px;
    color: #208bbc;}
.widget_categories ul li a{    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
    color: #575757;
    font-family: "inter",sans-serif;}
.tieu-de-section .large-7{text-align:right}
.gioi-thieu-4 .box:hover .box-text{background:#272933; color:white}
.gioi-thieu-4 .box .box-text{padding:30px 10px;border-bottom-left-radius:6px; border-bottom-right-radius:6px}
.gioi-thieu-4 .box h3{margin-bottom:15px;}
.gioi-thieu-4 .box p{font-family:"inter",sans-serif; font-size:12px; color:#135e96}
.gioi-thieu-3{background-image: url(/wp-content/uploads/2022/03/image2-about-us.png);
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: 26%;}
.blog-single .entry-meta{    display: block;
    margin-bottom: 17px;
    font-size: 15px;
    font-family: "inter", sans-serif;
    font-weight: 500;
    letter-spacing: 0;
    color: gray;}
.blog-single .entry-title{    font-size: 30px;}
.blog-single .entry-divider{display:none}.entry-content {
    padding-top: 0;
    padding-bottom: 0;
}
.blog-single .blog-share .is-divider{display:none}
.blog-single .entry-author{background: #f5f5f5;
    border-radius: 6px;
    padding: 15px;}
.blog-single .entry-author .author-name{text-transform: none;
    letter-spacing: 0;
    font-size: 19px;}
.bai-viet-lien-quan{margin-top:40px}.bai-viet-lien-quan ul {
    margin-bottom: 0;
    display: inline-block;
    width: 100%;
}
.bai-viet-lien-quan ul li {
    list-style: none;
    width: 50%;
    color: graytext;
    float: left;
    padding-left: 4px;
    padding-right: 5px;
}
.bai-viet-lien-quan ul li .box-image img {
    height:350%;
    border-radius: 4px;
    object-fit: cover;
    object-position: center;
}
.bai-viet-lien-quan h4 {
    font-size: 15px;
    color: black;
    line-height: 19px;
    padding-top: 7px;
    height: 64px;
    overflow: hidden;
}
.blog-single .blog-share{text-align:left}
.blog-archive .post{-webkit-box-shadow: 8px 8px 30px 0 rgb(0 0 0 / 10%);border-radius:6px}.blog-archive .post .entry-category{opacity:1}
.blog-archive .post .is-divider{display:none}
.blog-archive .post .entry-summary{    padding: 10px 30px;}
.blog-archive .post .entry-title{padding: 0 30px;
    margin-bottom: 5px;
    margin-top: 5px;}
.blog-archive .post .entry-meta{display:none} .blog-archive .post .entry-category a{ font-family: "Inter",sans-serif;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1px;
    line-height: 1;
    display: inline-block;
    color: #fff;
    background: #fe8423;
    padding: 7px 12px 6px;
    margin-right: 6px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    position: absolute;
    left: 60px;
margin-top: -36px;}
.blog-archive .post .more-link{    background: #f2f2f2;
    border: none;
    border-radius: 5px;
    font-size: 13px;
    letter-spacing: 0;
    color: gray;font-family:"inter", sans-serif}
.blog-archive .post .more-link:hover{
    background: #ff8e3e;
    color: white;
}
.blog-archive .post .entry-image img{border-top-left-radius:6px; border-top-right-radius:6px}.portfolio-element-wrapper ul{margin-bottom:15px}
.portfolio-element-wrapper .portfolio-box .box-image .image-cover{border-radius:6px}
.portfolio-element-wrapper .portfolio-box-title{opacity:0}
.portfolio-element-wrapper .portfolio-box:hover .portfolio-box-title{opacity:1}.trang-lien-he .row-info1 .left {
    display: inline-block;
    width: 40%;
    float: left;
    padding-right: 6px;
}.trang-lien-he input, .trang-lien-he textarea {
    border-radius: 5px;
    box-shadow: none;
    font-size: 14px;
}.trang-lien-he .row-info1 .right {
    display: inline-block;
    width: 60%;
    float: left;
    padding-left: 6px;
}
.lightbox-content h3{margin-bottom: 15px;
    margin-top: 23px;
    font-weight: bold;
    font-size: 17px;
    color: #fe8322;}
.lightbox-content .trang-lien-he h3{font-size:22px; font-weight:500;margin-bottom:15px;color:white}
.lightbox-content .text-box{left: 30px;width:92% !important}
.block_widget .box .box-image {width: 64% !important}
.lien-he-1 .icon-box:hover .icon-box-img{box-shadow:2px 2px 20px orange}
.lien-he-1{background-image: url(/wp-content/uploads/2022/03/image-contacts.png);
    background-repeat: no-repeat;
    background-position-y: bottom;
    background-position-x: 71%;
    background-size: 760px;}
.form-lien-he{padding: 60px 20px 60px 20px;
    background-color: #FFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 12%);}
.form-lien-he h3{font-size:30px}
.form-lien-he .row-info{display:inline-block; width:100%; clear:boht}
.form-lien-he .left{display:inline-block; width:50%; float:left; padding-right:10px}
.form-lien-he .right{display:inline-block; width:50%; float:left; padding-left:10px}
.form-lien-he input, .form-lien-he textarea{font-size:15px; border-radius:5px; box-shadow:none}
.form-lien-he input[type=submit]{font-family:"inter", sans-serif; font-weight:500;letter-spacing:0; margin-bottom:0}
.lien-he-2{margin-top:-100px}
.lien-he-2{margin-bottom:-100px}
.lien-he-1{padding-bottom:200px !important}
.blog-single .entry-image img{border-radius:10px}
.team2-section .col{padding-bottom:0}.line-progress h6 {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 17px;
    text-transform: uppercase;
}.line-progress .iprogress {
    height: 5px;
    margin-bottom: 6px;
    background: #5e5e5e;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}.line-progress .progress-bar {
    height: 100%;
    width: 0;
    background: #fe8423;
    position: relative;
    -webkit-transition: all 1s 0.5s;
    -o-transition: all 1s 0.5s;
    transition: all 1s 0.5s;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}.line-progress .percent {
    position: absolute;
    right: -19px;
    bottom: 100%;
    padding: 4px 5px;
    font-size: 14px;
    font-weight: 600;
    font-family: "Inter",sans-serif;
    line-height: 1;
    background: #262832;
    color: #fff;
    min-width: 40px;
    min-height: 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-transform: translateY(-15px);
    -ms-transform: translateY(-15px);
    transform: translateY(-15px);
}
.team2-section{background-image: url(/wp-content/uploads/2022/03/image1-team.jpg);
    background-repeat: no-repeat;
    background-position-x: right;}
.team3-section .col{padding-bottom:0}
.team3-section{margin-bottom:-50px}
.gioi-thieu-4 .box:hover .social-icons{   opacity:1; visibility:visible;
    position: absolute;
    left: 0;
    top: -54px;transform: translateY(-22px);
    transition: transform 0.3s, 0.5s ease;
    -webkit-transition: transform 0.3s, 0.5s ease;
    -moz-transition: transform 0.3s, 0.5s ease;
    -o-transition: transform 0.3s, 0.5s ease;
    -ms-transition: transform 0.3s, 0.5s ease;}
.gioi-thieu-4 .social-icons{  position: absolute;
    left: 0;
    top: 0px;opacity:0; visibility:hidden; transform: translateY(105px);
    transition: transform 0.5s ease;
    -webkit-transition: transform 0.5s ease;
    -moz-transition: transform 0.5s ease;
    -o-transition: transform 0.5s ease;
    -ms-transition: transform 0.5s ease;}
.team3-section .large-12 .col-inner{background:#FF8F3E; padding:46px 30px; border-radius:6px}.team3-section .large-12 .col-inner .col-inner{background:none; padding:0; border-radius:0}
.our-team-form .row-info{display:inline-block; clear:both; width:100%}
.our-team-form .row-info .cot1{width:40%;float:left;padding-right:10px; display:inline-block}
.our-team-form .row-info .cot2{width:40%;float:left; padding-right:10px; display:inline-block}
.our-team-form .row-info .cot3{display:inline-block; width:20%; float:left;}
.our-team-form input{height: 45px;
    box-shadow: none;
    border-radius: 5px;
    margin-bottom: 0;
    background: #ffffff80;}
.our-team-form input[type=submit]{margin: 0;
    background: white;
    color: black;
    font-family: "inter", sans-serif;
    padding: 0 10px;
    font-weight: normal;
    letter-spacing: 0;
		width: 100%;}.wpcf7-spinner{display:none}
.team3-section h2{color:white}form{margin-bottom:0}.circle-progress {
    text-align: center;
}.circle-progress .inner-bar {height:160px;
    position: relative;
    display: inline-block;
    line-height: 1;
    margin-bottom: -9px;
    z-index: 1;
    background: #f5f5f5;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}.circle-progress .inner-bar>span {
    position: absolute;
    width: 100%;
    top: 3%;
    left: 0;
    line-height: 1;
    text-align: center;
    font-weight: 600;
    font-size: 24px;
    color: #1b1d21;
}.circle-progress .inner-bar>span .percent {display: block;
    background: #fff;
    width: 100px;
    height: 100px;
    line-height: 100px;
    margin: auto;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ff7e22;
    font-size: 37px;
}.circle-progress .inner-bar canvas {
    display: block;
}.circle-progress .inner-bar canvas:after {
    content: "x";
}.circle-progress h6 {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 26px;
    margin-top: 15px;
    margin-bottom: 0;
    text-transform: uppercase;
}.circle-progress .inner-bar:after {
    content: "";
    position: absolute;
    left: 1px;
    top: 1px;
    width: calc(100% - 1px);
    height: calc(100% - 1px);
    border-radius: 50%;
    z-index: -1;
    border: 2px solid #dbdbdb;
}.single-team .row1 .large-12 .col-inner .col-inner{box-shadow:none}
.single-team .row1 .large-12 .col-inner{background-color: #FFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 12%);}
 




 
@media only screen and (max-width: 48em) {
/*************** ADD MOBILE ONLY CSS HERE  ***************/
	.dinhit-loop-spec {
		gap: 6px;
	}
	.product-small.box .box-text .title-wrapper .product-title a{
		font-size: 13px;
		line-height: 1.5;
	}
	.dinhit_prod_custom_ss1 .htkt {
		padding-left: 86px;
	}
	.dinhit_prod_custom_ss1 .add-to-cart-container form.cart .ux-quantity.quantity input.minus,
	.dinhit_prod_custom_ss1 .add-to-cart-container form.cart .ux-quantity.quantity input.plus {
		width: 24px;
	}
	.dinhit_prod_custom_ss2 .woocommerce-tabs .tabs a, .technical-label, 
	.dinhit_prod_custom_ss4 h3.product-section-title {
		font-size: 20px;
	}
	.dinhit_prod_custom_ss2 .woocommerce-tabs .description_tab:before, 
	.dinhit_prod_custom_ss2 .woocommerce-tabs .description_tab:after, 
	.technical-label:before, .technical-label:after, 
	.dinhit_prod_custom_ss4 h3.product-section-title:before, 
	.dinhit_prod_custom_ss4 h3.product-section-title:after {
		top: 18px;
	}
	.dinhit_prod_custom_ss2 .woocommerce-tabs .description_tab, .technical-label, 
	.dinhit_prod_custom_ss4 h3.product-section-title {
		width: fit-content;
    	margin: 0 auto !important;
	}
	.dinhit_prod_custom_ss4 h3.product-section-title {
		margin: 0 auto 16px !important;
	}
	.dinhit_prod_custom_ss4 h3.product-section-title:before,
	.dinhit_prod_custom_ss4 h3.product-section-title:after {
		top: 12px;
	}
	.dinhit_prod_custom_ss2 .woocommerce-tabs .description_tab:before, 
	.dinhit_prod_custom_ss2 .woocommerce-tabs .description_tab:after, 
	.technical-label:before, .technical-label:after, 
	.dinhit_prod_custom_ss4 h3.product-section-title:before, 
	.dinhit_prod_custom_ss4 h3.product-section-title:after {
		width: 60px;
	}
	.dinhit_prod_custom_ss2 .woocommerce-tabs .description_tab:before, 
	.technical-label:before, .dinhit_prod_custom_ss4 h3.product-section-title:before {
		left: -70px;
	}
	.dinhit_prod_custom_ss2 .woocommerce-tabs .description_tab:after, 
	.technical-label:after, .dinhit_prod_custom_ss4 h3.product-section-title:after {
		right: -70px
	}
	.dinhit_prod_custom_ss1 .product-spec-basic {
		padding: 10px;
	}

}
@media(max-width:700px){
    .nav-left {
    justify-content: start;
}.icon-menu:before, .icon-search:before{
   color: #fe8322;
}.icon-search:before{font-size:17px}.icon-menu:before{font-size:22px}.off-canvas-left .mfp-content{background:rgb(39 41 51)}.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    padding-left: 20px;
    font-size: 14px;
}
.slider-section .text-box{width:100% !important;padding:0 15px !important}
.nut1, .nut2{padding:7px 15px}
.slider-section .banner{padding-top:560px !important}.slider-section .flickity-page-dots {
    bottom: 16%;
    left: 35%;
    right: auto;
    transform: rotate(0deg);
}.slider-section {
    margin-bottom: -45px;
}
.section5 .large-4{flex-basis:50%; max-width:50%}.section5 .large-4 .icon-box h3 {
    font-size: 16px;
}.section5 .icon-box .icon-box-text{font-size:14px}.section5 .large-4 .col-inner{padding:10px}
.section6 .large-3{flex-basis:100%;max-width:100%}.section6 .banner-layer .col .col-inner{padding: 15px;
    min-height: auto;}
.section6 .banner-layers .text-box{width:100%!important}
.section6 .features-service-desc {
    opacity: 1;
    font-size: 15px;
		visibility: visible;}.section6 .features-service-title {
				transform: translateY(30px);}.des .value, .des .label{font-size:11px}
.banner h2 {
    font-size: 21px;
}.section1 .icon-box {
		padding: 15px 15px 15px 15px;}.section6 .col-inner:hover .features-service-title {
				transform: translateY(0px);}
.section5{padding-top:70px !important; padding-bottom:70px !important}.section6 h3 {   font-size: 22px;
    line-height: 27px;
}.section7{background-position-y: 91%;padding-top: 10px !important;
    padding-bottom: 262px !important;}
.section7 .icon-box h5 {
    font-size: 18px;
    margin-bottom: 0;
}.section7 .icon-box .icon-box-text {
    padding-left: 20px;
    font-size: 15px;
}.nut4{width:100%}.section8 .col{padding-bottom:15px}.section10 .nut1{width:100%}
.section9, .section10{padding-top:70px !important; padding-bottom:70px !important}.section9 .slider p {
    font-size: 16px;
    line-height: 36px;
    text-align: left;
		padding: 20px;}.section9 .icon-box {
    padding: 0 20px 20px 20px;
}.section9 .icon-box h3 {
		font-size: 17px;}
.section7 .bg { background-size: 368px !important;  background-position-y: bottom;
    background-position-x: 0;
}
.section6 .col-inner .button {
		margin-top: 1.5em !important;}.section9 .icon-box p{font-size:12px; padding:0}
.section10 .portfolio-box .box-text, .portfolio-element-wrapper .portfolio-box-title{opacity:1}
.section11 .large-3{flex-basis:100%;max-width:100%;padding-bottom:25px}
.section11 .large-3 br{padding-top: 14px;display:none}
.section11{padding-top:30px !important; padding-bottom:30px !important}
.section11 .large-3:last-child{padding-bottom:0 !important}.ot-counter h6{margin-top:10px}
.section12{padding-top:50px !important; padding-bottom:50px !important}
.list-post1 .post-item .post-title {
       padding: 20px 20px 20px 20px;
    color: #1b1d21;
    line-height: 27px;
    font-size: 18px;
}.list-post1 .post-item button {
    bottom: 13px;
    border: none;
    font-size: 11px;
}.list-post1 .post-item .post-meta{font-size:11px}
.section12 .large-12{padding-bottom:0}
.footer-section .cot{flex-basis:50%;max-width:50%}.footer-section ul li {
    margin-bottom: 10px;
}.footer-section .col{padding-bottom:10px}.footer-section h3 {
    margin-bottom: 13px;
}.tieu-de-section .col{text-align:center}.tieu-de-section .large-4{font-size:12px}.gioi-thieu-1 .col, .gioi-thieu-2 .col{padding-bottom:15px}
.gioi-thieu-2{padding-top:70px !important; padding-bottom:70px !important}.gioi-thieu-2 .box .box-text{padding:15px}.gioi-thieu-2 .box p {
     font-size: 14px;
}.gioi-thieu-2 .box h3 {
    margin-bottom: 5px;
		font-size: 21px;}
.tieu-de-section{padding-top:60px !important; padding-bottom:60px !important}
.footer-section, .gioi-thieu-4{padding-top:60px !important; padding-bottom:60px !important}
.gioi-thieu-4 .large-3{flex-basis:50%; max-width:50%; padding:0 5px 10px}.gioi-thieu-4 .box .box-text{padding:10px}.gioi-thieu-4 .box h3 {
    margin-bottom: 15px;
    font-size: 16px;
}.blog-archive .post .entry-title {font-size:17px;
		padding: 0 15px;}.blog-archive .post .entry-summary {padding: 5px 15px 14px 15px;
    height: 55px;
    overflow: hidden;
    font-size: 14px;
}
.gioi-thieu-3 {
    background-size: 359px;
    padding-top: 30px !important;
    padding-bottom: 415px !important;
}
.blog-archive .post .article-inner{padding-bottom: 10px;}.blog-archive .large-3, .blog-single .large-3{padding-left:15px}#breadcrumbs{font-size:12px}
.blog-single .author-desc{font-size:15px}
.portfolio-archive .portfolio-box .box-text{    background: #00000073;padding:10px}
.portfolio-archive .portfolio-box .box-text h6 {margin-bottom:0;
		font-size: 15px}.portfolio-element-wrapper ul.nav li a {
    font-size: 14px;
}.portfolio-element-wrapper ul.nav li {
    margin: 0 10px;
}.footer-section ul li a{font-size:15px}
.portfolio-archive .portfolio-box .portfolio-box-category{display:none}.footer-section .icon-box h4{font-size:15px}.lien-he-1 {
    padding-bottom: 325px !important;
    padding-top: 41px !important;background-position-y: bottom;
    background-position-x: 0;
    background-size: 374px;
}.form-lien-he {
		padding: 15px;}.lien-he-2 {
    margin-bottom: 0;
}.form-lien-he h3 {
    font-size: 25px;
}.team3-section {
    margin-bottom: 0; margin-bottom:20px
}.single-team .large-7 .col-inner p{margin-bottom:10px}
.single-team .large-3{flex-basis:50%; max-width:50%}
.single-team .large-7 .col-inner{padding:15px !important}
.tieu-de-section .large-4 .col-inner{text-align:center !important}.team2-section{background-image:none}.our-team-form input{margin-bottom:10px}.team3-section .large-12 .col-inner{padding:20px}
.team2-section .large-6 .col-inner{padding-top:50px !important; padding-bottom:50px!important}.our-team-form .row-info .cot1, .our-team-form .row-info .cot2, .our-team-form .row-info .cot3{width:100%; padding-left:0;padding-right:0}
}

.entry-content {
  color: #212529;
  font-size: 15px;
  font-weight: 400;
  line-height: 28px;
}

.entry-content h2,
.entry-content h3,
.entry-content h4 {
  font-weight: 700;
  color: #333;
  margin-bottom: 15px;
  color: var(--primary-color);
}

.entry-content figure {
  background: #fff;
  border: 1px solid #f0f0f0;
  padding: 5px 3px 10px;
  text-align: center;
}

.entry-content h6 {
  font-size: 15px;
}

.entry-content h5 {
  font-size: 17px;
}

.entry-content h4 {
  font-size: 17px;
}

.entry-content h3 {
  font-size: 18px;
}

.entry-content h2 {
  font-size: 20px;
  line-height: 1.5;
}

.entry-content h1 {
  font-size: 25px;
  font-weight: 700;
  color: #333;
  margin-bottom: 15px;
}

.entry-content p {
  color: #333;
  margin-bottom: 15px;
  font-size: 16.5px;
  line-height: 1.6;
}

#content ul,
.entry-content ul {
  list-style: disc;
  padding-left: 20px;
  padding-bottom: 5px;
}

.entry-content ul li {
  color: #333;
  line-height: 1.5;
  margin-bottom: 10px;
  font-size: 16.5px;
}

.entry-content ul li a {
  color: #007bff;
}

#content ol,
.entry-content ol {
  list-style: decimal;
  padding-left: 18px;
  padding-bottom: 5px;
  font-size: 16.5px;
}

.entry-content ol li {
  color: #333;
  line-height: 1.5;
  margin-bottom: 10px;
  font-size: 16.5px;
}

.entry-content ol li a {
  color: #ff5912;
}

.entry-content a {
  font-weight: 700;
}

.entry-content blockquote {
  background: #f3f3f3;
  color: #868686;
  display: block;
  font-size: 16px;
  line-height: 23px;
  margin: 0 0 20px;
  padding: 15px 20px 15px 45px;
  position: relative;
  text-align: justify;
}

.entry-content blockquote p {
  margin-bottom: 0;
}

.entry-content blockquote:before {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 3px;
  background: var(--primary-color);
  content: "";
}

.entry-content code {
  background: rgba(0, 0, 0, 0.05);
  border-radius: 3px;
  font-size: 0.85rem;
  color: #e83e8c;
  font-size: 15px;
}
.entry-content > div{
  overflow: auto;
}
.entry-content table {
  width: 100%;
  height: auto;
  overflow: auto;
}

.entry-content table > tbody > tr > td,
.entry-content table > tbody > tr > th,
.entry-content table > tfoot > tr > td,
.entry-content table > tfoot > tr > th,
.entry-content table > thead > tr > td,
.entry-content table > thead > tr > th,
.term-description table > tbody > tr > td,
.term-description table > tbody > tr > th,
.term-description table > tfoot > tr > td,
.term-description table > tfoot > tr > th,
.term-description table > thead > tr > td,
.term-description table > thead > tr > th {
  border: 1px solid #ddd;
  padding: 7px 10px !important;
  font-size: 16.5px !important;
  width: auto !important;
}

.entry-content iframe {
  margin: auto;
}

.entry-content .syntaxhighlighter {
  padding: 10px 0;
}