:root {
--se-color: #eeb742;
}
.no-margin {margin: 0 !important}
.no-margin > * {margin: 0 !important}
.no-paddding {padding: 0 !important}
.no-paddding > *{padding: 0 !important} .owl-nav.disabled{display: none !important;}
.owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-prev {left: 0}
.owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-next {right: 0;}
.absolute-footer {display: none !important;}
.text-shadow { & > * { text-shadow: -1px 0 #fff, 0 2px #fff; }}
.font-w-700 { & > * { font-weight: 700 !important; }}
.al-center {align-items: center;}
.fs-14 {font-size: 14px !important;}
.fs-24 {font-size: 24px !important;}
.mb-10 {margin-bottom: 10px !important;}
.img-r img {
border-radius: 20px;
}
.header-main {padding: 20px 0;}
.icon-box-header {
.icon-box-text h4 {
margin-bottom: 0;
font-size: 15px;
font-weight: bold;
}
.icon-box-text p {
margin-bottom: 0;
font-size: 15px;
color: #787878;
}
.text-phone h4 {
color: #d70101;
font-size: 23px;
}
}
.header-bottom-nav {
li { margin: 0; }
li a {
padding-left: 13px;
padding-right: 13px;
color: #fff !important;
font-weight: 700 !important;
}
li.active a {
color: var(--se-color) !important;
}
}
.title-website {
h2 {color: var(--primary-color);}
p {margin-bottom: 0;}
}
.page-title h1 { 
font-size: 40px;
}
.bcr span, .bcr a {
color: #fff;
font-size: 16px;
}
.btn-cus {
font-size: 13px;
font-weight: 600;
fill: #1B1D21;
color: #1B1D21;
background-color: rgba(238, 183, 66, .19) !important;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: var(--se-color);
border-radius: 3px 3px 3px 3px;
padding: 6px 29px 6px 29px;
&:hover {
color: #1B1D21;
}
&.blue {
color: #fff;
border-color: var(--primary-color);
background-color: var(--primary-color) !important;
}
}
.button1 {
font-family: "Inter", sans-serif;
padding: 10px 35px;
font-weight: 500;
letter-spacing: 0;
border-radius: 5px;
font-size: 15px;
}
.section1 .icon-box {
overflow: hidden;
padding: 25px 25px 35px 25px;
background-color: #FFF;
border-radius: 10px;
box-shadow: 0 0 30px 0 rgb(0 0 0 / 12%);
}
.section1 .icon-box .icon-box-img {padding-top: 10px;}
.section1 .icon-box h3 {
margin-bottom: 5px;
font-size: 18px;
}
.section-service .box-text h3 {
color: var(--primary-color);
margin: 15px 0;
}
.section-service .box-text p {
margin-bottom: 0;
}
#form-advise {
background: var(--primary-color);
padding: 20px 15px;
input, textarea {
border: 0;
box-shadow: none;
border-radius: 10px;
}
textarea {
min-height: 90px !important;
}
input[type="submit"] {
width: 100%;
margin: 0;
margin-bottom: 15px;
background: #faa142;
}
.wpcf7-spinner {display: none;}
.header-form  {
margin-bottom: 15px;
}
.header-form .title {
font-size: 25px;
font-weight: 600;
margin-bottom: 15px;
}
.header-form {
text-align: center;
color: #fff;
}
& > p {
text-align: center;
color: #fff;
}
}
.wpcf7-form {margin-bottom: 0;}
.title-banner-1 {
p {margin-top: 5px; font-weight: 700; font-size: 27px; text-shadow: -1px 0 #fff, 0 2px #fff;}
}
.icon-box-banner-1 {
margin-bottom: 20px;
.icon-box-img .icon-inner {
background: var(--primary-color) !important;
}
.icon-box-img .icon-inner svg path{
fill: #fff;
}
.icon-box-text p {
margin-top: 0;
text-shadow: -1px 0 #fff, 0 2px #fff;
color: #504f4f;
font-size: 18px;
}
}
.ic-service-text {min-height: 60px;}
.text-exp {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 10px;
color: #fff;
.number, .text-des {
font-family: "Inter", sans-serif;
display: inline-block;
font-size: 14px;
line-height: 24px;
text-transform: uppercase;
font-weight: 700;
}
div.number, div.number span.count-up {
font-weight: 700;
font-size: 48px;
line-height: 1;
}
.text-des { margin-bottom: 0; }
}
.post-item {
.col-inner {
border-radius: 6px;
box-shadow: 8px 8px 30px 0 rgb(0 0 0 / 10%);
}
.box-image {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.cat-label {
left: 20px;
position: absolute;
top: -10px;
background: var(--se-color);
opacity: 1;
font-family: "Inter", sans-serif;
padding: 4px 17px;
border-radius: 15px;
color: #fff;
font-weight: 700;
}
.box-text {
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
padding: 0 0 13px 0px;
}
.post-title {
margin: 0;
margin-bottom: 0;
padding: 30px 20px 20px 20px;
color: #1b1d21;
line-height: 32px;
font-size: 24px;
& a:first-letter {
text-transform: uppercase;
}
}
.post-meta {
font-weight: bold;
font-family: "Inter", sans-serif;
letter-spacing: 0;
padding: 0 20px;
color: gray;
font-size: 14px;
}
.is-divider {
margin-top: 0;
margin-bottom: 15px;
height: 1px;
max-width: 100%;
}
.button {
margin-right: 0;
margin-left: 20px;
}
.from_the_blog_excerpt {
padding: 0 20px;
}
}
#post-list .post-item .post-title {
padding-bottom: 0;
}
.text-client {
h3 {font-size: 14px; text-transform: uppercase;}
p {margin-bottom: 0; text-transform: uppercase; color: #333 !important; font-size: 14px;}
}
.col-client .col-inner {height: 100%;}
.slider-client {
.img::before {
content: unset;
}
.img img {
object-fit: contain;
}
.img .img-inner {
border: 1px solid #eee;
border-radius: 5px;
}
}
.btn-open-modal-form-ad {
background: #eeb742 !important;
}
.menu-link-footer {
.ux-menu-link__text {
color: #fff;
}
}
.nav-footer #menu-menu-footer{
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
li {
border-top: 0;
&.current-menu-item {
border-bottom: 1px solid #fff;
}
}
a {
color: #fff;
text-transform: uppercase;
font-size: 15px;
padding: 10px 5px;
}
}
.blog-wrapper.blog-archive.page-wrapper {
padding-top: 0;
}
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: 0px;
position: absolute;
background: var(--se-color);
height: 2px;
max-width: 52px;
}
.flatsome_recent_posts .badge {
width: 65px;
height: 65px;
}
.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;
}
.widget_search input {
border-radius: 5px;
box-shadow: none;
height: 48px;
}
.widget .searchform .button.icon {
border-radius: 5px !important;
background: var(--se-color);
margin-left: -43px;
}
#comments {
display: none;
}
.bai-viet-lien-quan {
h3 {
font-size: 20px;
color: #313131;
font-weight: bold;
margin-bottom: 15px;
}
.list-bai-viet .box-image .image-cover img {
border-radius: 10px;
}
.tieu-de-bai-viet {
font-size: 14px;
text-transform: inherit;
margin-top: .5em;
}
}
.col-copyright .col-inner{
display: flex;
align-items: center;
justify-content: center;
gap: 10px;
.img {margin: 0;}
.text {margin: 0;}
}
.section-footer {
padding-top: 120px !important;
}
.img-box-service img{
border-radius: 10px;
}
.gioi-thieu-2 {
background: url(//truongthanhlogistics.com/wp-content/uploads/2025/08/bg1-about-us.jpg);
background-repeat: no-repeat;
background-position-x: center;
background-position-y: top;
}
.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-image {
border-top-left-radius: 6px;
border-top-right-radius: 6px;
}
.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;
}
.gioi-thieu-2 .box .box-text {
padding: 30px 20px 15px 20px;
background: white;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
}
.lien-he-1 {
background-image: url(//truongthanhlogistics.com/wp-content/uploads/2025/08/image-contacts.png);
background-repeat: no-repeat;
background-position-y: bottom;
background-position-x: 71%;
background-size: 760px;
}
.lien-he-1 {
padding-bottom: 200px !important;
}
.lien-he-1 .icon-box {
margin-bottom: 30px;
}
.lien-he-2 {
margin-top: -100px;
}
.form-lien-he {
padding: 60px 60px 60px 60px;
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;
}
.ot-heading>span {
position: relative;
display: inline-block;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
color: #266c92;
margin-bottom: 10px;
}
.ot-heading>span.is_highlight {
background: rgba(38, 108, 146, .1);
padding: 2px 10px;
border: 1px solid #266c92;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.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: 600;
font-family: "inter", sans-serif;
color: #272933;
}
.polylang_langswitcher {
list-style: none;
display: flex;
align-items: center;
padding-left: 20px !important;
gap: 8px;
li a { 
padding: 0 !important;
display: inline-block;
width: 32px !important;
height: 23px !important;
overflow: hidden;
}
img {
width: 100% !important;
height: 100% !important;
}
}
.section1 .icon-box.cn .icon-box-img {
padding-top: 0;
} 
.category-34 .post-meta, .category-55 .post-meta, .category-171 .post-meta {
display: none !important;
} @media (max-width: 549px) {
.section1 .icon-box .icon-box-img {
width: 60px !important; 
}
} @media (max-width: 849px) {
.section1 .icon-box .icon-box-img {
width: 70px !important; 
}
} @media (min-width: 850px) {
.row-no-padding-bottom-col {
& > .col {
padding-bottom: 0 !important;
}
}
}