.contact-us-bg{
height: 600px;
position: relative;
overflow: hidden;
margin-top: 20px;
}
.contact-us-bg::before{
content: "";
position: absolute;
top:0px;
left: 0;
width: 100%;
height: 100%;
background-image: url(/wp-content/themes/sinka/src/img/thumb_01.jpg);
background-position: top;
background-size: cover;
z-index: -1;
}
.contact-us-bg::after{
content: "";
position: absolute;
top:0px;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(0deg,rgba(0,0,0,0.85),rgba(22,112,191,0.85));
z-index: -1;
}
.contact-us-text{
}
.contact-us-text> h3{
text-align: center;
box-sizing: border-box;
font-family: 'Roboto', sans-serif; margin-bottom: 26px;
transition: all 0.2s ease;
font-weight: 400;
font-size: 36px;
line-height: 42px;
display: inline-block;
color: #fff;
margin-top: 0;
text-transform: uppercase;
overflow: hidden;
}
.contact-us-text>p{
box-sizing: border-box;
margin-top: 0;
font-family: 'Open Sans',arial,sans-serif;
font-size: 15px;
line-height: 24px;
color: #fff;
margin-bottom: 0;
}
.contact-us-text-cover{
position: absolute;
top: 50%;
transform: translateY(-50%);
}
.contact-us-button-area{
margin-top: 50px;padding-bottom: 50px;
}
.contact-us-btn{
box-sizing: border-box;
text-decoration: none;
display: inline-block;
font-family: 'Roboto',sans-serif;
text-align: center;  font-size: 15px;
font-weight: 500;
line-height: 52px;
height: 52px;
padding: 0 34px;
color: #000;
transition: all 0.3s ease;
z-index: 0;
box-shadow: 0px 2px 16px 0px rgba(0, 0, 0, 0.1);
margin: 10px;
-webkit-transform: none;
background-color: #FFFFFF;
}
.contact-us-btn:hover{
text-decoration: none;
}.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;
}