/*!
Theme Name: ThaiBinh Child Themes
Theme URI: https://thaibinhcorp.com.vn/
Author: Bao Thoai Offical
Author URI: thaibinhcorp.com.vn
Description: This theme is designed for THAIBINH CHILD THEMES
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: thaibinh-child-themes
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/*Heaader*/

strong{
    font-weight: 800!important;
}
.mt-25 {
    margin-top: 25px;
}
.tb-header.tb-heade-mb{
  display: none;
}
.tb-list-product .title-top{
  font-size: 22px!important;
}
.tb-list-product .title-bottom{
  font-size: 22px!important;
}

.slider-social .prev-slick-img img{
  display: none;
}
.slider-social .next-slick-img img{
  display: none;
}
.slider .prev-slick-img img{
  display: none;
}
.slider .next-slick-img img{
  display: none;
}
.tb-how-we-add{
  margin-bottom: 0!important;
  padding-bottom: 100px;
}
.tb-together.tb-buy-from-us .tp-button.tb-btn-blue a b img:nth-child(1){
    display: block!important;
}
.tb-together.tb-buy-from-us .tp-button:hover a b img:nth-child(2) {
    display: none !important;
}
.tb-together.tb-buy-from-us .tp-button.tb-btn-blue a span{
    background: #fff;
    color: #0068FF;
}
.tb-together.tb-buy-from-us .tp-button.tb-btn-blue a b {
    background: #fff;
}

.tb-history-page .tb-horizontal .slick-dots li:nth-child(13)::before {
    content: "2023";
}
.tb-history-page .tb-horizontal .slick-dots li:nth-child(14)::before {
    content: "2024";
}
.tb-history-page .tb-horizontal .slick-dots li:nth-child(15)::before {
    content: "2025";
}
.tb-history-page .tb-horizontal .slick-dots li:nth-child(16)::before {
    content: "2026";
}
.tb-history-page .tb-horizontal .slick-dots li:nth-child(17)::before {
    content: "2027";
}
.tb-history-page .tb-horizontal .slick-dots li:nth-child(18)::before {
    content: "2028";
}
.tb-history-page .tb-horizontal .slick-dots li:nth-child(19)::before {
    content: "2029";
}
.tb-history-page .tb-horizontal .slick-dots li:nth-child(20)::before {
    content: "2030";
}
header.tb-header .sub-menu .lang-item a img {
    width: 20px;
}
header.tb-header .sub-menu a {
    display: flex;
    align-items: center;
    width: 100%;
    text-decoration: none;
    padding: 18px 20px;
    font-family: 'Geologica', sans-serif;
}
header.tb-header ul.sub-menu a:hover {
    background: #002A67;
}

header.tb-header ul.sub-menu a:hover span {
    color: white;
    font-weight: 500;
    text-decoration-line: underline;
}
header.tb-header .sub-menu .lang-item a span {
    margin-left: 14px!important;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    color: white;
    display: block!important;
}
header.tb-header .menu-languages li.pll-parent-menu-item a span {
    display: none;
}
header.tb-header ul.menu-languages {
    list-style: none;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
header.tb-header .languages:hover ul.sub-menu {
    visibility: initial;
    opacity: 1;
}
header.tb-header .languages ul.sub-menu {
    display: block;
    position: absolute;
    top: 17px;
    right: -159px;
    visibility: hidden;
    opacity: 0;
}
header.tb-header ul.sub-menu li.lang-item  {
    position: relative;
    top: 65px;
    margin-top: 0!important;
    width: 215px;
    border-radius: 0;
    overflow: hidden;
    background: #0068FF;
    border: 0;
}
#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-flyout ul.mega-sub-menu {
    z-index: 999;
    position: absolute;
    max-width: none;
    padding: 0px 0px 0px 0px;
    width: 215px;
    border-radius: 0;
    overflow: hidden;
    background: #0068FF;
    border: 0;
    margin-top: 70px;
}
#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link span{
    margin-left: 14px!important;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    color: white;
}
#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover span{
    color: white;
    font-weight: 700;
    text-decoration-line: underline;
}
#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    overflow: hidden;
    background: #0068FF;
    border: 0;
    display: inline-flex!important;
    width: 100%;
    text-decoration: none;
    padding: 18px 20px;
    font-family: 'Geologica', sans-serif;
}
#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, #mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    background: #002A67;
}

#mega-menu-wrap-menu-main #mega-menu-menu-main a.mega-menu-link img {
    max-width: 100%;
    position: relative;
    top: 50%;
    transform: translate(0, -50%);
}
#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item > a.mega-menu-link{
    font-weight: 400;
    font-family: 'Geologica', sans-serif!important;
}
#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item > a.mega-menu-link:hover{
  font-weight: 700;
}
#mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-current-menu-item a.mega-menu-link {
    font-weight: bold!important;
}
#mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator:after{
    content: "";
    background: url('https://thaibinhcorp.com.vn/wp-content/uploads/2023/07/down.svg') no-repeat center top;
    height: 15px;
    width: 15px;
    top: -5px;
    position: relative;
    transform: translate(0, -50%);
    object-fit: cover;
    left: 5px!important;
}
#mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-item-has-children > a.mega-menu-link > span.mega-indicator{
  margin: 0;
}
#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-megamenu > ul.mega-sub-menu {
    background: #004CBB;
    min-height: 355px;
    height: 355px;
    display: inline-block;
    width: 100%;
    position: fixed;
    left: 0;
    top: 120px;
    opacity: 0;
    z-index: 1;
    visibility: hidden;
}
#mega-menu-wrap-menu-main #mega-menu-menu-main li.mega-menu-item.mega-menu-megamenu ul.mega-sub-menu ul.mega-sub-menu{
  z-index: 1;
}
#mega-menu-wrap-menu-main #mega-menu-menu-main input, #mega-menu-wrap-menu-main #mega-menu-menu-main img.tb-submenu-bg {
    width: 72%;
    height: 100%;
    position: relative;
    top: 0;
    right: 50px;
    z-index: -1;
}
li#mega-menu-item-custom_html-5, .mega-menu-item-custom_html-26 {
    position: fixed!important;
}
ul.mega-sub-menu .tb-nav-submenu {
    margin-top: 0!important;
}
button.mega-toggle-animated.mega-toggle-animated-slider {
    display: none;
}
/*Contatc*/
.content-form-investor .form-group p {
    margin-bottom: 0!important;
}
.tb-contact-banner .tb-head-page-container {
    width: 100%;
}
span.wpcf7-spinner {
    display: none!important;
}
.content-form-recruitment .tp-button:hover input.submit {
    background: #ED1C24;
    color: white;
    border: 1px solid #ED1C24!important;
}
.content-form-recruitment .tp-button:hover b {
    background: #ED1C24;
    color: white;
    border: 1px solid #ED1C24!important;
}
.content-form-recruitment input.submit {
    background: #0068FF;
    color: white!important;
    padding: 0 60px!important;
    font-size: 20px!important;
    display: flex;
    align-items: center;
    width: fit-content;
    height: 100%!important;
    font-weight: 700;
    font-family: 'Geologica', sans-serif;
    border: 1px solid #0068FF!important;
}
.content-form-investor .tp-button:hover input.submit {
    background: #ED1C24;
    color: white;
    border: 1px solid #ED1C24!important;
}
.content-form-investor .tp-button:hover b {
    background: #ED1C24;
    color: white;
    border: 1px solid #ED1C24!important;
}
.content-form-investor input.submit {
    background: #0068FF;
    color: white!important;
    padding: 0 60px!important;
    font-size: 20px!important;
    display: flex;
    align-items: center;
    width: fit-content;
    height: 100%!important;
    font-weight: 700;
    font-family: 'Geologica', sans-serif;
    border: 1px solid #0068FF!important;
}

.tb-attach-file .fileName {
    pointer-events: auto!important;
}
.tab-tb-content-contact .content-form .content-form-recruitment .tp-button span {
    padding: 0;
    margin: 0;
}
.tb-product-slide-content__item{
  position: relative;
  overflow-x: hidden;
}
.tb-item-content-investment p
.tb-history-page .tb-slides-history {
    padding-bottom: 0!important;
}
.tb-history-page .tb-horizontal .slide-placeholder .flex-center {
    height: 500px!important;
    width: 100%;
    display: flex;
    align-items: center;
}
.tb-history-page .tb-horizontal .slide-placeholder{
    height: initial;
}
.tb-history-page .tb-horizontal .slide-placeholder .avatar-thumb {
    position: relative;
    display: inline-block;
    width: 100%;
    height: initial!important;
}
.tb-item-content-investment p.consumer-title.content-consumer {
    padding-right: 200px;
}
.tb-investment-pc .tb-item-content-investment {
    display: inline-block;
    width: 100%;
    padding-top: 15%;
    padding-right: 0;
}
.tb-investment-pc .tp-button.tb-btn-white {
    padding-top: 30px;
}
.tp-button.tb-btn-white{
       -webkit-transition-duration: 0.5s!important;
    transition-duration: 0.5s!important;
    cursor: pointer;
    -webkit-transition: all 0.5s ease-out!important;
    -moz-transition: all 0.5s ease-out!important;
    transition: all 0.5s ease-out!important;
}
/*Footer*/
.tb-link-footer-editor ul li {
    list-style: none;
}

/*Page 404*/
.page-not-found {
    background: #fff;
    margin-top: 0;
    padding-top: 150px;
}
.page-not-found .content-404 {
    text-align: center;
}
.page-not-found .content-404 img {
    max-width: 350px;
    margin-bottom: 20px;
}
.page-not-found .content-404 .box-text h1 {
    font-size: 100px;
    font-weight: 500;
}
.page-not-found .content-404 .box-text h5 {
    font-size: 18px;
    font-weight: 400;
}
.btn-action a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #9F6C38;
    padding: 14px 12px;
    color: white;
    text-align: center;
    transition: all .3s ease-in-out;
    color: white;
    height: 52px;
    line-height: 24px;
    font-size: 18px;
    border-radius: 4px;
    min-width: 160px;
    width: fit-content;
    margin: 0 auto;
}
.btn-action {
    display: inline-block;
    width: 100%;
}
.btn-common-line {
    background-color: white !important;
    color: #333 !important;
    border: 2px solid #333!important;
}
.tb-contact-social .content-right{
  height: 50%!important;
}
.tb-contact-banner .tb-head-page-container h1 {
    font-size: 70px;
}
:root {
  --color-text: navy;
  --color-bg: papayawhip;
  --size: clamp(10rem, 1rem + 40vmin, 30rem);
  --gap: calc(var(--size) / 14);
  --duration: 30s;
  --scroll-start: 0;
  --scroll-end: calc(-100% - var(--gap));
}
.wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap);
  margin: auto;
  max-width: 100vw;
}
.marquee__group img {
    display: block;
    position: relative;
    overflow: hidden;
    width: 250px;
    height: 100%;
    border-radius: 8px;
     object-fit: cover;
}
.marquee {
  display: flex;
/*  overflow: hidden;*/
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  gap: var(--gap);
}
.marquee__group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  gap: var(--gap);
  min-width: 100%;
  -webkit-animation: scroll-x var(--duration) linear infinite;
   animation: scroll-x var(--duration) linear infinite;
}
.marquee--reverse .marquee__group {
    animation-direction: reverse;
    -webkit-animation-delay: -3s;
    animation-delay: -3s;
}
@-webkit-keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}

@keyframes scroll-x {
  from {
    transform: translateX(var(--scroll-start));
  }
  to {
    transform: translateX(var(--scroll-end));
  }
}

@-webkit-keyframes scroll-y {
  from {
    transform: translateY(var(--scroll-start));
  }
  to {
    transform: translateY(var(--scroll-end));
  }
}

@keyframes scroll-y {
  from {
    transform: translateY(var(--scroll-start));
  }
  to {
    transform: translateY(var(--scroll-end));
  }
}


/* Reponsive*/
@media only screen and (max-width: 1440px) {
  .tb-history-page .tb-horizontal .slide-placeholder .flex-center {
    height: 400px!important;
    width: 100%;
    display: flex;
    align-items: center;
}
.tb-history-page .tb-horizontal .slide-placeholder .content {
    padding: 150px 16px 16px 16px!important;
}
#mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item > a.mega-menu-link {
    line-height: 0;
    height: 0;
    padding: 0px 20px 0px 20px;
    vertical-align: baseline;
    width: auto;
    display: block;
    color: #fff;
    text-transform: none;
    text-decoration: none;
    text-align: center;
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 0;
    font-family: inherit;
    font-size: 18px!important;
    font-weight: bold;
    outline: none;
}
#mega-menu-wrap-menu-main #mega-menu-menu-main img.tb-submenu-bg {
    width: 96%;
    height: 100%;
    position: relative;
    top: 0;
    right: 50px;
    z-index: -1;
}
.tb-investment-pc .tp-button.tb-btn-white {
    padding-top: 0!important;
}
}
@media only screen and (max-width: 1600px) {
  #mega-menu-wrap-menu-main #mega-menu-menu-main > li.mega-menu-item > a.mega-menu-link {
    line-height: 0;
    height: 0;
    padding: 0px 35px 0px 35px;
    vertical-align: baseline;
    width: auto;
    display: block;
    color: #fff;
    text-transform: none;
    text-decoration: none;
    text-align: center;
    background: rgba(0, 0, 0, 0);
    border: 0;
    border-radius: 0;
    font-family: inherit;
    font-size: 16px;
    font-weight: bold;
    outline: none;
}
.tb-investment-pc .tp-button.tb-btn-white {
    padding-top: 0;
}
}

@media only screen and (max-width: 1000px)
    {
        .tb-vision-mission .core-value img {
        width: 375px;
    }
}

@media only screen and (max-width: 1300px)
    {
        .tb-vision-mission .core-value img {
        width: 284px;
    }
}
@media only screen and (max-width: 1500px)
    {
        .tb-vision-mission .core-value img {
        width: 430px;
    }
}

@media only screen and (max-width: 767px){
  .tb-investment-mb .tp-button.tb-btn-white a b img:nth-child(1) {
    min-height: auto;
}
.marquee__group img {
    display: block;
    position: relative;
    overflow: hidden;
    width: 130px;
    height: initial;
    border-radius: 8px;
    object-fit: cover;
}
.tb-together .tb-infor-together {
    height: auto!important;
}
.footer-mb {
    display: block;
    float: left;
    padding: 37px 24px 80px 24px!important;
}
  .tab-tb-content-contact .col-md-12 .tp-button.tb-btn-blue a {
    display: flex!important;
    width: 100%;
    height: 57px!important;
}
.content-form-investor input.submit, .content-form-recruitment input.submit  {
    background: #0068FF;
    color: white!important;
    display: flex;
    align-items: center;
    font-weight: 700;
    font-family: 'Geologica', sans-serif;
    border: 1px solid #0068FF!important;
    height: 57px!important;
    font-size: 16px!important;
    padding: 9px 15px!important;
    width: 100%;
}
.tab-tb-content-contact {
    margin-bottom: 40px!important;
}
.tb-benefits-of-investment .tb-benefits-of-investment-container .tb-infor-manafactures img {
    left: 0!important;
    top: auto!important;
    width: 60px;
}
  .tb-vision-mission .tb-vision-mission-container .tb-labe-name-section {
    margin-top: 24px!important;
  }
.tb-manufacturing-about {
    margin: 50px 0!important;
}
.tb-benefits-of-investment .tb-benefits-of-investment-container .tb-infor-manafactures{
  min-height: 100px!important;
  }
.tb-investment-mb .tb-item-content-investment h6{
  min-height: auto!important;
}
.tb-benefits-of-investment .get-in-touch-mb {
    margin-bottom: 0!important;
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}
.mb-slide .owl-theme .owl-nav {
    margin-top: 0;
}
.tb-social-activites .tb-social-infor .tb-description-social p {
    font-size: 20px!important;
    margin-bottom: 0!important;
}
.tb-social-activites .consumer-mb .hh-slider-item .tb-social-infor .tb-description-social.investments-social p {
    font-size: 14px!important;
    margin-bottom: 30px!important;
}
.btn-mb {
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    width: 100%;
}
.tb-header.tb-heade-mb .arrow-down {
  margin-left: 15px!important;
  margin-top: -5px;
}
.tb-heade-mb.show ul.menu-main-mb li ul.sub-menu.submenu li a{
  padding: 5px;
  width: 100%;
  text-align: center;
  display: block;
  letter-spacing: 0!important;
}
.horizontal-mb ul {
    margin: 0;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column-reverse;
}
.horizontal-mb ul li{
  transition: all 2s ease;
}
.horizontal-mb ul li:nth-last-child(1) {
    margin-bottom: 30px!important;
}
.footer-mb .container-footer .tb-body-footer .tb-logo-footer .tb-img-logo-footer {
    margin-bottom: 40px;
}
.footer-mb .container-footer .tb-body-footer .tb-logo-footer {
    max-width: 100%;
    margin: 0 auto;
}
ul#menu-our-corp, ul#menu-our-product, ul#menu-cooperation {
    margin-bottom: 0;
}
.tb-product-slide-content__item .tb-avatar-product {
    padding: 0!important; 
    width: 100%;
}
header.tb-heade-mb ul#menu-languages-mobile li  ul.sub-menu li.lang-item{
    position: relative;
    top: 0;
    margin-top: 0!important;
    width: 100%!important;
    border-radius: 0;
    overflow: hidden;
    background: #0068FF;
    border: 0;
}
header.tb-heade-mb ul#menu-languages-mobile li  ul.sub-menu li.lang-item a span{
   display: inline-block!important;
}
header.tb-heade-mb ul#menu-languages-mobile li  ul.sub-menu li.lang-item a {
  display: flex;
}
header.tb-heade-mb ul#menu-languages-mobile li  ul.sub-menu {
    top: 0 !important;
    position: relative;
    height: initial !important;
    float: left !important;
    width: 100%;
}
header.tb-heade-mb ul#menu-languages-mobile li.pll-parent-menu-item a span{
  margin-left: 14px!important;
}
.tp-consumer-project-detail-banner .tb-head-page-container{
  bottom: 0!important;
}

}