#lh-section-1 {
padding: 7% 0;
background-repeat: no-repeat;
background-size: cover;
background-position: center;
position: relative;
}
#lh-section-1::after {
content: "";
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.6);
top: 0;
left: 0;
position: absolute;
z-index: 1;
}
#lh-section-2 {
padding: 60px 0;
}
#lh-section-2 .box-info li {
display: flex;
flex-direction: row;
align-items: flex-start;
gap: 10px;
border-radius: 64px;
border: 1px solid rgba(51, 51, 51, 0.08);
padding: 13px 16px;
}
#lh-section-2 .box-info li:not(:last-child) {
margin-bottom: 20px;
}
#lh-section-2 .form-tu-van {
padding: 0;
}
#lh-section-2 .form-tu-van input,
#lh-section-2 .form-tu-van select {
border-radius: 64px;
border: 1px solid rgba(255, 255, 255, 0.60);
background: #F45E2B;
box-shadow: 0 2px 3px -1px rgba(80, 14, 18, 0.16);
color: #fff;
}
#lh-section-2 .form-tu-van select:-webkit-autofill {
background-color: rgb(232, 240, 254) !important; color: inherit !important;
box-shadow: 0 0 0px 1000px rgb(232, 240, 254) inset !important; -webkit-text-fill-color: #000 !important; transition: background-color 5000s ease-in-out 0s; }
#lh-section-2 .form-tu-van input:-webkit-autofill{
background-color: #F45E2B !important;
}
#lh-section-2 .form-tu-van input::placeholder {
color: #fff;
}
#lh-section-2 .form-tu-van input:focus-visible {
box-shadow: none;
outline: none;
}
#lh-section-2 .form-tu-van button.btn-submit {
background: linear-gradient(180deg, #004CAD 0%, #00295D 100%);
height: 56px;
transition: 0.3s all;
}
.form-tu-van button.btn-submit::after {
content: "";
background-image: url(https://speegologistic.com/wp-content/themes/hvg-theme/css/images/btn-submit-icon-2.png);
width: 46px;
height: 46px;
position: absolute;
right: 5px;
display: block;
border-radius: 50px;
transition: 0.3s all;
background-repeat: no-repeat;
background-size: cover;
}
#lh-section-2 .form-tu-van button.btn-submit:hover::after {
background-image: url(https://speegologistic.com/wp-content/themes/hvg-theme/css/images/btn-submit-icon-3.png);
}
#lh-section-3 {
padding: 60px 0;
background-image: url(https://speegologistic.com/wp-content/themes/hvg-theme/css/images/lh-section-3-bg.png);
background-repeat: no-repeat;
background-size: cover;
}
.main-hethong {
background-color: var(--color-2);
padding: 20px;
border-radius: 24px;
}
.list-hethong { overflow-y: scroll;
margin-top: 20px;
}
.keep-scroll {
-ms-overflow-style: none;
scrollbar-width: none;
}
.list-hethong-wrap {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.item-store {
border-radius: 12px;
padding: 10px;
cursor: pointer;
width: 100%;
background-color: rgba(255, 255, 255, 0.25);
position: relative;
transition: 0.3s all;
}
.item-store.active,
.item-store:hover {
background-color: #fff;
}
.store-title p {
color: #fff;
font-weight: 800;
font-size: 20px;
}
.item-store.active .store-title p,
.item-store.active .store-title svg path,
.item-store.active .store-address p,
.item-store:hover .store-title p,
.item-store:hover .store-title svg path,
.item-store:hover .store-address p {
color: #00295D;
fill: #00295D;
}
.store-address p {
color: #fff;
}
.hethong-map {
padding: 12px;
background-color: var(--color-2);
border-radius: 16px;
overflow: hidden;
}
.hethong-map {
width: 100%;
max-height: 784px;
height: 100%;
}
.hethong-map-inner {
height: 100%;
overflow: hidden;
border-radius: 16px;
}
.hethong-map iframe {
width: 100%;
height: 100%;
}
@media screen and (max-width:990px) {
.hethong-map {
height: 500px;
}
}