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

/*************** ADD CUSTOM CSS HERE.   ***************/
/* @font-face {
    font-family: 'Helvetica Neue';
    src: url('assets/fonts/helvetica-neue-5 (1)/HelveticaNeueUltraLight.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}

* {
    font-family: 'Helvetica Neue', sans-serif !important;
    font-weight: normal;
} */
.header-main {
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.20);
}

ul.header-nav.header-nav-main.nav.nav-left {
    display: flex;
    gap: 40px;
}


.social-icons.follow-icons i.icon-facebook,

.social-icons.follow-icons i.icon-instagram,

.social-icons.follow-icons i.icon-youtube {
    font-size: 16px;
}


.social-icons.follow-icons {
    display: flex;
    gap: 10px;
}


.social-icons.follow-icons i.icon-facebook,
.social-icons.follow-icons i.icon-instagram {
    border-right: 1px solid;
    padding-right: 18px;
}


.header-button a.icon.primary.button.circle {
    background: #ddd;
}

.header-button i.icon-search {
    color: #3D4590;
}

.absolute-footer.dark {
    display: none;
}

.section-footer span.ux-menu-link__text {
    color: #ccd7f1;
    font-size: 17px;
}


.col-radius-intro .col-inner {
    box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.25);
    width: 700px;
}


.col-img-box-ok img {
    filter: brightness(0) invert(1);
    transition: transform 0.3s ease, background-color 0.3s ease;
}


.col-img-box-ok:hover {
    background-color: rgba(99, 125, 206, 0.60);
    transform: scale(1.1);
    transition: transform 0.3s ease, background-color 0.3s ease;
    z-index: 2;
    cursor: pointer;
}


.col-img-box-ok {
    transition: transform 0.3s ease, background-color 0.3s ease;
}

.acc-home.accordion .toggle,
.acc-ho-so-nang-luc .toggle {
    border-radius: 999px;
    height: 1.5em;
    left: unset;
    right: 0px;
    margin-right: 5px;
    position: absolute;
    top: .3em;
    transform-origin: 50% 47%;
    width: 2.3em;
}

.acc-home.accordion a.accordion-title.plain,
.acc-ho-so-nang-luc a.accordion-title.plain {
    text-align: left;
    padding-left: 20px;
}

.acc-home.accordion a.accordion-title.plain:hover,
.accordion-title.active {
    color: #fff;
}

.acc-home.accordion .accordion-item {
    background: #637dce;
    color: #fff;
    margin-bottom: 26px;
}


.col-98 {
    position: relative;
}

.col-98::before {
    content: '';
    position: absolute;
    top: -12px;
    left: 16px;
    width: 90%;
    height: 10px;
    background-color: #242747;
    border-radius: 5px;
    z-index: 10;
}

.col-90 {
    position: relative;
}

.col-90::before {
    content: '';
    position: absolute;
    top: -12px;
    left: 16px;
    width: 75%;
    height: 10px;
    background-color: #242747;
    border-radius: 5px;
    z-index: 10;
}

.slider-du-an .flickity-prev-next-button {
    background-color: transparent;
    border: none;
    bottom: 330px;
    color: #111;
    cursor: pointer;
    margin: 0;
    opacity: 0;
    padding: 0;
    position: absolute;
    top: -146px;
    transition: transform .3s, opacity .3s, background .3s, box-shadow .3s;
    width: 36px;
}


.slider-du-an .slider-nav-circle .flickity-prev-next-button .arrow,
.slider-du-an .slider-nav-circle .flickity-prev-next-button svg {
    fill: #fff !important;
    background-color: var(--fs-color-primary);
    /* border-color: var(--fs-color-primary); */
    border-radius: 10px;
    border: 1px solid var(--02, #FFF);
}

.slider-du-an .slider-nav-circle .flickity-prev-next-button:hover .arrow,
.slider-du-an .slider-nav-circle .flickity-prev-next-button:hover svg {
    fill: #fff !important;
    background-color: var(--fs-color-primary);
    /* border-color: var(--fs-color-primary); */
    border-radius: 10px;
    border: 1px solid var(--02, #FFF);
}


.slider-du-an .flickity-prev-next-button.previous {
    left: 91%;
}

.section-blog .box-text-inner.blog-post-inner h5.post-title.is-large,
.section-blog p.from_the_blog_excerpt {

    color: #000;
}

.section-blog .box-blog-post:hover .post-title a {
    color: #3d4590 !important;
}

.blog-home-right .box.box-vertical.box-text-bottom {
    border-bottom: 1px solid rgba(98, 98, 98, 0.50);
    padding-bottom: 25px;
}

.blog-home-right .col.post-item {
    margin-bottom: -9px;
}

.col-form-lien-he input::placeholder,
.col-form-lien-he textarea::placeholder {
    color: #1F1F1F;
    opacity: 1;
    /* cần thiết cho Safari */
}

.col-form-lien-he input:-ms-input-placeholder,
.col-form-lien-he textarea:-ms-input-placeholder {
    color: #1F1F1F;
}

.col-form-lien-he input::-ms-input-placeholder,
.col-form-lien-he textarea::-ms-input-placeholder {
    color: #1F1F1F;
}


.col-form-lien-he input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
    border-radius: 40px;
    background: rgba(255, 255, 255, 0.90);
    height: 60px;
    padding: 0px 30px;
    margin-bottom: 22px;
}

.col-form-lien-he textarea.wpcf7-form-control.wpcf7-textarea {
    border-radius: 20px;
    height: 91px;
    padding: 20px 30px;
}

.col-form-lien-he input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #637dce;
    border-radius: 5px;
    padding: 0px 20px;
}


.col-yeah .icon-box-yeah:hover {
    background-color: #637dce;
    cursor: pointer;
    padding: 20px 10px;
    border-radius: 10px;
}

.col-yeah .icon-box-yeah:hover h3,
.col-yeah .icon-box-yeah:hover p,
.col-yeah .icon-box-yeah:hover .text,
.col-yeah .icon-box-yeah:hover .icon-inner img {
    color: #ffffff !important;
    fill: #ffffff !important;
    filter: brightness(0) invert(1);
}


.section-3-col-value img {
    border-radius: 8px;
}

.tab-quy-trinh-hoat-dong {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tab-quy-trinh-hoat-dong .tab {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 10px;
}

.tab-quy-trinh-hoat-dong ul.nav {
    display: flex;
    gap: 75px;
    justify-content: center;
}


.tab-quy-trinh-hoat-dong .tab::before {
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-size: contain;
    background-repeat: no-repeat;
    transition: filter 0.3s ease;
    filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(0%) hue-rotate(0deg);
}


.tab-quy-trinh-hoat-dong .tab:nth-child(1)::before {
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51 50'><path d='M25.8333 45.8332C22.9514 45.8332 20.2431 45.2859 17.7083 44.1915C15.1736 43.0971 12.9688 41.613 11.0938 39.7394C9.21875 37.8658 7.73472 35.6609 6.64167 33.1248C5.54861 30.5887 5.00139 27.8804 5 24.9998C4.99861 22.1193 5.54584 19.4109 6.64167 16.8748C7.7375 14.3387 9.22153 12.1339 11.0938 10.2603C12.966 8.38664 15.1708 6.90262 17.7083 5.80817C20.2458 4.71373 22.9542 4.1665 25.8333 4.1665C28.7125 4.1665 31.4208 4.71373 33.9583 5.80817C36.4958 6.90262 38.7007 8.38664 40.5729 10.2603C42.4451 12.1339 43.9299 14.3387 45.0271 16.8748C46.1243 19.4109 46.6708 22.1193 46.6667 24.9998C46.6625 27.8804 46.1153 30.5887 45.025 33.1248C43.9347 35.6609 42.4507 37.8658 40.5729 39.7394C38.6951 41.613 36.4903 43.0978 33.9583 44.1936C31.4264 45.2894 28.7181 45.8359 25.8333 45.8332Z'/></svg>");
}


.tab-quy-trinh-hoat-dong .tab:nth-child(2)::before {
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51 50'><path d='M2.58325 43.75V39.5833H48.4166V43.75H2.58325ZM8.83325 37.5C7.68742 37.5 6.70686 37.0924 5.89159 36.2771C5.07631 35.4618 4.66797 34.4806 4.66659 33.3333V10.4167C4.66659 9.27083 5.07492 8.29028 5.89159 7.475C6.70825 6.65972 7.68881 6.25139 8.83325 6.25H42.1666C43.3124 6.25 44.2937 6.65833 45.1103 7.475C45.927 8.29167 46.3346 9.27222 46.3333 10.4167V33.3333C46.3333 34.4792 45.9256 35.4604 45.1103 36.2771C44.2951 37.0937 43.3138 37.5014 42.1666 37.5H8.83325Z'/></svg>");
}


.tab-quy-trinh-hoat-dong .tab:nth-child(3)::before {
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 51 50'><path d='M4.50024 22.9168C4.50024 11.4106 13.8273 2.0835 25.3336 2.0835C36.8398 2.0835 46.1669 11.4106 46.1669 22.9168V33.6543C46.1669 37.0835 43.2086 39.5835 39.9169 39.5835H33.6669V22.9168H42.0002C42.0002 18.4966 40.2443 14.2573 37.1187 11.1317C33.9931 8.00611 29.7539 6.25016 25.3336 6.25016C20.9133 6.25016 16.6741 8.00611 13.5485 11.1317C10.4229 14.2573 8.66691 18.4966 8.66691 22.9168H17.0002V39.5835H12.9648C13.1958 40.4781 13.7176 41.2708 14.5293 41.9625C15.3411 42.6542 16.2847 43 17.3602 43H33.6544C35.069 43 36.2481 42.5091 37.1917 41.5274C38.1352 40.5456 38.6569 39.3651 38.7569 37.9859L38.7727 37.7771L38.777 37.5V24.9993C38.777 22.5832 37.9088 20.5395 36.1725 18.7986C34.4362 17.0577 32.3897 16.1882 30.0338 16.1904C27.6779 16.1926 25.6333 17.0619 23.9002 18.7993C22.1671 20.5372 21.2993 22.581 21.297 24.9304V37.4993H17.0002V22.9168H4.50024Z'/></svg>");
    content: '';
    display: inline-block;
    width: 36px;
    height: 36px;
    background-size: contain;
    background-repeat: no-repeat;
}


.tab-quy-trinh-hoat-dong .tab a {
    font-size: 1.5rem;
    color: #000;
    text-decoration: none;
    transition: color 0.3s ease;
}


.tab-quy-trinh-hoat-dong .tab:hover,
.tab-quy-trinh-hoat-dong .tab.active {
    color: #3D4590;
}

.tab-quy-trinh-hoat-dong .tab:hover a,
.tab-quy-trinh-hoat-dong .tab.active a {
    color: #3D4590;
}

.tab-quy-trinh-hoat-dong .tab:hover::before,
.tab-quy-trinh-hoat-dong .tab.active::before {
    filter: brightness(0) saturate(100%) invert(29%) sepia(21%) saturate(1975%) hue-rotate(204deg) brightness(96%) contrast(90%);
}

.acc-ho-so-nang-luc a.accordion-title.plain {
    color: #000;
    font-size: 24px;
}

.acc-ho-so-nang-luc .accordion-title {
    border-bottom: 5px solid #3D4590;
    border-top: unset;
    margin-bottom: 40px;
}

.col-number-luc-giac .col-inner {
    display: flex;
}

.col-number-luc-giac .col-inner::before {
    content: '';
    position: absolute;
    top: -7px;
    left: -141px;
    width: 320px;
    height: 100%;
    background-image: url(https://eusteel.vn//wp-content/themes/flatsome-child/assets/img/Polygon%202.png) !important;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    z-index: 0;
}



.col-number-luc-giac .col-inner .text {
    font-size: 1.2rem;
    color: rgb(255, 255, 255);
    text-align: center;
    z-index: 2;
}

.col-number-luc-giac .col-inner .text>* {
    color: rgb(255, 255, 255);
}

.col-anh-sp-tieu-bieu .col-inner {
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tab-lien-he ul.nav {
    display: flex;
    gap: 100px;
}

.tab-lien-he .tab a {
    font-size: 22px;
}

.tab-lien-he .tab.active a span,
.tab-prod .tab.active a span {
    color: #3D4590;
}

.tab-lien-he .tab a span,
.tab-prod .tab a span {
    color: #000;
}


.col-lien-he-trang-contact input {
    border-radius: 10px;
    padding: 25px 24px;
}

.col-lien-he-trang-contact textarea {
    border-radius: 10px;
    padding: 14px 24px;
}


.col-lien-he-trang-contact input.wpcf7-form-control.wpcf7-submit.has-spinner {
    background: #637DCE;
    color: #000;
    padding: 5px 30px;
    text-transform: none;
    border-radius: 5px;
    font-weight: 400;
}

.blog-trang-tin-tuc img {
    border-radius: 20px;
}

.tab-prod ul.nav.nav-line-bottom.nav-normal {
    border-bottom: 1px solid #555;
    margin-bottom: 30px;
}


.tab-lien-he a span,
.tab-prod a span {
    font-size: 20px;
}

ul.nav.nav-line-bottom {
    display: Flex;
    gap: 115px;
}


.tab-prod .product-small.box {
    border-radius: 16px;
    border: 2px solid #000;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 35px 24px;
    gap: 8px;
}



.tab-prod .box-text {
    padding-bottom: 0px;
    padding-top: 0px;
}

.tab-prod .title-wrapper {
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
}

.tab-prod p.name.product-title.woocommerce-loop-product__title {
    min-height: 58px;
}


.custom-buttons {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
    gap: 10px;
}

.shop-container .custom-buttons .button {
    border-radius: 4px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
}

.custom-buttons .xem-button {
    background-color: #fff;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    color: #3D4590;
    border-radius: 8px;
    border-color: #3d4590;
}

.custom-buttons .contact-button,
.custom-buttons .xem-button:hover {
    background-color: #3d4590;
    border-radius: 8px;
    color: #fff;
}

.custom-product-breadcrumb {
    font-size: 20px;
    color: #555;
    margin-bottom: 36px;
}

.custom-product-breadcrumb a {
    color: #555;
    text-decoration: none;
}

.custom-product-breadcrumb a:hover {
    text-decoration: underline;
}

.custom-product-breadcrumb span {
    color: #555;
}

span.widget-title.shop-sidebar {
    background: #3D4590;
    color: #fff;
    padding: 10px 20px;
}

.sidebar-inner .is-divider.small {
    display: none;
}

.sidebar-inner ul.product-categories {
    margin-top: 14px;
}

nav.woocommerce-breadcrumb.breadcrumbs.uppercase a {
    color: #637DCE;
    font-size: 15px;
}

h1.product-title.product_title.entry-title,
.product-short-description {
    color: #000;
}


.product-code,
.product-extra-info {
    font-size: 16px;
    margin-bottom: 10px;
}

.product-info hr {
    border-width: 0;
    border-top: 1px solid #000;
    margin: 15px 0;
    opacity: .1;
}

.product-extra-info p {
    margin: 4px 0;
    font-size: 16px;
}

.product-gallery.large-6 {
    flex-basis: 40%;
    max-width: 40%;
}


.product.type-product p.name.product-title.woocommerce-loop-product__title {
    min-height: 50px;
}

.product.type-product .product-small.box {
    border-radius: 16px;
    border: 2px solid #000;
    background: #FFF;
    box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 20px;
}


.product-footer {
    padding: 50px 0px;
}

h3.product-section-title.container-width.product-section-title-related {
    color: #000;
    font-size: 30px;
    text-transform: none;
}


.slider-sp-tieu-bieu .flickity-page-dots {
    bottom: -17px;
}

.header-block .icon-box-left .icon-box-img+.icon-box-text {
    padding-left: 0px;
}


.nav.top-bar-nav.nav-right.nav-small.nav-divided {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 100%;
}


.nav.top-bar-nav.nav-right.nav-small.nav-divided>li {
    display: flex;
    align-items: center;
    margin: 0 5px;
    padding: 0;
}


.header-block .row.row-icon-box-top-bar {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0;
    width: 100%;
}

.header-block .row.row-icon-box-top-bar .col {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
    padding: 0 10px;
    min-width: 0;
    white-space: nowrap;
}


.header-block .icon-box.featured-box.icon-box-left {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    width: auto;
}


.header-block .icon-box-text.last-reset {
    display: flex;
    align-items: center;
    margin-left: 6px;
    white-space: nowrap;
}


.header-block .row.row-icon-box-top-bar .text {
    font-size: 14px;
    color: #ffffff;
    margin: 0;
}


.html.custom.html_topbar_right {
    display: flex;
    align-items: center;
    margin-left: 10px;
}


.gtranslate_wrapper {
    display: flex;
    align-items: center;
    gap: 3px;
}


.header-block .icon-box-img {
    width: 24px;
    height: 24px;
}

.header-block .icon-inner {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-block .icon-inner svg {
    width: 100%;
    height: 100%;
}

.nav-dropdown-has-shadow .nav-dropdown {
    box-shadow: 1px 1px 15px rgba(0, 0, 0, .15);
    width: 276px;
}



@media only screen and (max-width: 48em) {

    /*************** ADD MOBILE ONLY CSS HERE  ***************/


}