.profile-table{
margin-top: 45px;
}
.row-company-name{
border-top: 1px solid rgb(136,136,136);
border-bottom:  1px solid rgb(136,136,136);
padding-top: 10px;
}
.row-profile-normal{
border-bottom:  1px solid rgb(136,136,136);
padding-top: 10px;
}
.section-profile{
margin-bottom: 75px;
}
.bracket-text{
text-align: left;
font-family: 'Roboto', sans-serif;
color: #111;
font-weight: 400;
line-height: 30px;
box-sizing: border-box;
margin-left: 20px;
font-size: 12px;
}
.profile-name{
font-family: 'Roboto', sans-serif;
color: #111;
line-height: 36px;
display: inline-block;
font-size: 15px !important;
font-weight: 700 !important;
margin-top: 10px;
margin-bottom: 25px;
margin-left: 20px;
}
.profile-description{        margin-left: 20px;
visibility: visible !important;
text-align: left;
box-sizing: border-box;
font-family: 'Roboto', sans-serif; margin-top: 10px;
margin-bottom: 26px;
color: #111;
transition: all 0.2s ease;
font-weight: 400;
line-height: 36px;
display: inline-block;
font-size: 15px !important;
}
.list-business{
list-style-type: none;
font-family: Verdana, Geneva, sans-serif;
line-height: 1.74;
color: #222;
font-size: 15px !important;
text-align: left;
box-sizing: border-box;
padding: 0;
margin-bottom: 26px;
margin-top: 10px;
}
.list-business>li{
font-family: Verdana, Geneva, sans-serif;
font-size: 15px !important;
box-sizing: border-box;
color: #444;
display: block;
padding: 5px 0;
line-height: inherit;
margin-bottom: 10px;
margin-left: 35px;
}
.list-business >li>i{
color: #3EC1D5;
-webkit-text-size-adjust: 100%;
--balloon-color: rgba(16, 16, 16, 0.95);
--balloon-font-size: 12px;
--balloon-move: 4px;
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1;
visibility: visible !important;
box-sizing: border-box;
-webkit-font-smoothing: antialiased;
display: inline-block;
font-style: normal;
font-variant: normal;
text-rendering: auto;
line-height: 1;
font-weight: 900;
padding-right: 10px;
font-size: 12px;
}
.map-access{
width: 100%;
height: 400px;
}
.map-address{
margin-top: 75px;
border-radius: 10px;
transition: all 0.5s ease;
}
.map-address:hover{ box-shadow:  0 20px 40px 0 rgb(0 0 0 / 16%), 0 2px 40px 2px rgb(0 0 0 / 12%) !important;
}
.header-quarter{
visibility: visible !important;
text-align: center !important;
box-sizing: border-box;
font-family: 'Roboto', sans-serif;
color: #111111;
font-weight: 400;
font-size: 22px;
line-height: 30px;
margin: 27px 0 17px;
}
.head-address{
-webkit-text-size-adjust: 100%;
--animate-duration: 1s;
--animate-delay: 1s;
--animate-repeat: 1;
visibility: visible !important;
font-family: Verdana, Geneva, sans-serif;
font-size: 15px;
line-height: 1.74;
color: #222;
text-align: center !important;
box-sizing: border-box;
margin-top: 0;
margin-bottom: 26px;
}
.nearest-station{
font-family: 'Roboto', sans-serif;
font-weight: 700 !important;
font-size: 17px;
line-height: 37px;
text-align: left;
cursor: default !important;
box-sizing: border-box;
display: inline-block;
color: #000;
margin-top: 20px;
}
.stations{
position: relative;
}
.stations::before{
content: '';
width: 100%;
height: 2px;
position: absolute;
top: 100%;
left: 0;
background-color: #f5f5f5;
}
.stations::after{
content: '';
width: 50px;
height: 2px;
position: absolute;
top: 100%;
left: 0;
margin: auto;
background-color: #4db2ec;
}
.station-list{
list-style-type: none;
font-family: Verdana, Geneva, sans-serif;
font-size: 15px;
line-height: 1.74;
color: #222;
text-align: left;
box-sizing: border-box;
padding: 0;
margin-bottom: 80px;
margin-top: 15px;
}
.station-list > li{
font-size: 15px;
margin-left: 21px;
color: #444;
display: block;
padding: 5px 0;
line-height: inherit;
margin-bottom: 10px;
}
.station-list > li >i{
font-weight: 900;
color: #3EC1D5;
padding-right: 10px;
font-size: 15px;
}
.ck-map-link{
font-family: Verdana, Geneva, sans-serif;
font-size: 15px;
line-height: 1.74;
text-align: center ;
box-sizing: border-box;
color:#00ccff;
text-decoration: none;
background-color: transparent;
}
.ck-map-link:hover{
text-decoration: none;
color:#00ccff;
}
@media only screen and (max-width: 767px) {
.profile-description , .profile-name{
margin-left: 0;
}
.profile-name{
margin-bottom: 0;
}
.profile-description{
margin-bottom: 22px;
}
.list-business>li{
margin-left: 0;
}
}.section-our-vision{
margin-bottom: 75px;
}
.vision-wrapper{
margin-top: 75px;
}
.vision-title{
color: #ffffff!important;
box-sizing: border-box;
font-family: 'Roboto', sans-serif; margin-top: 5px;
line-height: 36px;
display: inline-block;
margin-bottom: 0!important;
font-weight: 600;
font-size: 18px !important;
}
.vision-title-single{
color: #ffffff!important;
box-sizing: border-box;
font-family: 'Roboto', sans-serif;
margin: 10px 0 6px;
line-height: 36px;
display: inline-block; padding-bottom: 5px;
font-weight: 600;
font-size: 18px !important;
}
.vision-cover-wrapper-single{
font-family: Verdana, Geneva, sans-serif;
font-size: 14px; width: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
padding-left: 21px; background-color: #00a1c9 !important;
}
.sm-vision-title{
line-height: 21px;
box-sizing: border-box;
font-family: 'Roboto',sans-serif;
font-weight: 500;
margin-bottom: 12px;
margin-top: 7px;
padding-right: 21px;
font-size: 15px !important;
text-transform: none !important;
color: #ffffff;
}
.vision-title-wrapper{
font-family: Verdana, Geneva, sans-serif;
font-size: 14px; box-sizing: border-box;
width: 100%; top: 0;
bottom: 0;
left: 0;
right: 0;
overflow: hidden;
padding-left: 21px;
padding-bottom: 4px;
background-color: #00a1c9 !important;
}
.vision-cover{
border: 1px solid  #00a1c9;
}
.vision-detail{ margin-top: 0px;
padding: 15px 21px 0 21px;
}
.vision-detail > p{
visibility: visible !important;
font-family: Verdana, Geneva, sans-serif;
font-size: 15px;
line-height: 1.74;
color: #222;
text-align: justify !important;
box-sizing: border-box;
margin-top: 0;
margin-bottom: 26px;
}
.vision-detail > ul{
font-family: Verdana, Geneva, sans-serif;
font-size: 15px;
line-height: 1.74;
color: #222;
box-sizing: border-box;
padding: 0;
margin-bottom: 26px;
}
.vision-detail > ul >li{
font-family: Verdana, Geneva, sans-serif;
font-size: 15px;
color: #222;
box-sizing: border-box;
margin-left: 21px;
overflow-wrap: break-word;
-webkit-line-break: after-white-space;
line-height: 26.1px;
margin-bottom: 10px;
}
.img-background-wrapper {
position: relative; width: 100%;
height: 50vh; display: flex;
align-items: center; justify-content: center; overflow: hidden; text-align: center; padding-top: 70px; box-sizing: border-box; }
.img-background-wrapper .img-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover; z-index: 1; }
.img-background-wrapper .hero-overlay-technology {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.1); z-index: 2; }
.img-background-wrapper .hero-text-container {
position: relative; z-index: 3; color: #ffffff; padding: 20px;
}
.title-header-technology {
font-size: 3em; font-weight: bold;
margin-bottom: 15px; word-break: keep-all !important;
}
.subtitle-header-technology {
font-size: 1.5em;  word-break: keep-all !important;
}