/*@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@100;200;300;400;500;600;700;800;900&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
/*@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Caption:wght@400;700&display=swap');*/

:not(i){
  /*font-family: 'Heebo', sans-serif !important;*/
/*  font-family: 'Lato', sans-serif !important;*/
  /*font-family: 'PT Sans', sans-serif !important;
  font-family: 'PT Sans Caption', sans-serif !important;*/
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
}
body {
    margin: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    width: 100%;
    height: 100%;
}

h1, .h1
{
  margin: 0;
  font-size: 80px;
}
h3, .h3
{
  margin: 0;
  font-size: 40px;
}
h4, .h4
{
  margin: 0;
  font-size: 30px;
}
h5, .h5
{
  margin: 0;
  margin-top: 10px;
  font-size: 25px;
}
h6, .h6
{
  margin: 0;
  font-size: 20px;
}
p, .p{
 margin: 5px 0 0 0;
 letter-spacing: 0.8px;
 line-height: 1.5;
}

button,
button:focus {
  outline: none;
}


/*-----------------------------font setting-----------------------------*/
@font-face {
    font-family: "Raleway";
    src: url("../Fonts/Raleway-Thin.ttf");
    font-weight: 100;
}
@font-face {
    font-family: "Raleway";
    src: url("../Fonts/Raleway-ExtraLight.ttf");
    font-weight: 200;
}
@font-face {
    font-family: "Raleway";
    src: url("../Fonts/Raleway-Light.ttf");
    font-weight: 300;
}
@font-face {
    font-family: "Raleway";
    src: url("../Fonts/Raleway-Regular.ttf");
    font-weight: 400;
}
@font-face {
    font-family: "Raleway";
    src: url("../Fonts/Raleway-Medium.ttf");
    font-weight: 500;
}
@font-face {
    font-family: "Raleway";
    src: url("../Fonts/Raleway-SemiBold.ttf");
    font-weight: 600;
}
@font-face {
    font-family: "Raleway";
    src: url("../Fonts/Raleway-Bold.ttf");
    font-weight: 700;
}
@font-face {
    font-family: "Raleway";
    src: url("../Fonts/Raleway-ExtraBold.ttf");
    font-weight: 800;
}
@font-face {
    font-family: "Raleway";
    src: url("../Fonts/Raleway-Heavy.ttf");
    font-weight: 900;
}


*{
  /*font-family: 'Raleway';*/
  font-weight: 500;
  /*-webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;*/
}
p{
/*  margin: 10px 0 !important;*/
  /*font-size: 13px;*/
  font-size: 15px;
  overflow-wrap: anywhere;
}
h2{
  margin: 0;
  font-size: 60px;
}
h3{
  margin: 0;
  font-size: 45px;
}
h4{
  margin: 0;
  font-size: 30px;
}
.content{
  font-size: 13px;
}
.c_white{
  color: white;
}
.c_b{
  color: #4a3a27;
}
.c_blue{
  color: #2776EA;
}
.p_small{
  font-size: 11px;
}
.p_15{
  font-size: 15px;
}
.p_10{
  font-size: 10px;
}
.p_17{
  font-size: 17px !important;
}
.copyright{
  border-top: 1px solid black;
  /*margin-top: 10px !important;*/
  background-color: black;
}
.row > *{
/*  padding: 0;*/
}
/*-----------------------------font setting end-----------------------------*/
.top-center
{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.up-center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.relative{
  position: relative;
}
.absolute_center{
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.float_left{
  float: left;
}
.float_right{
  float: right;
}
.margin-left{
  margin-left: auto;
}
.margin-right{
  margin-right: auto;
}
.text_left{
  text-align: left;
}
.text_right{
  text-align: right;
}
.text_center{
  text-align: center;
}
.inline_flex{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
}
.text-center{
  text-align: center;
}
.full_height{
  height: 100%;
}
.padding_0{
  padding: 0 !important;
}
.padding_03{
  padding: 0.3rem !important;
}
.padding_0_3{
  padding: 0 3rem;
}
.padding_0_0_1_0{
  padding: 0 0 1rem 0;
}
.padding_0_0_4_0{
  padding: 0 0 4rem 0;
}
.padding_1_0{
  padding: 1rem 0rem !important;
}
.margin_1_0_0_0 {
  margin: 1rem 0 0rem 0 !important;
}
.padding_1_0_0_0{
  /*padding: 1rem 0 0.3rem 0 !important;*/
  padding: 1rem 0 0 0 !important;
}
.padding_6_4{
  padding: 6rem 4rem;
}
.padding_1_1{
  padding: 1rem 1rem;
}
.padding_4_0{
  padding: 4rem 0rem;
}
.padding_4_0_i{
  padding: 4rem 0rem;
}
.padding_2_0{
  padding: 2rem 0rem;
}
.padding_2_0_1_0{
  padding: 2rem 0rem 1rem 0;
}
.padding_2_0_7_0{
  padding: 2rem 0 7rem 0;
}
.padding_1_0_2_0{
  padding: 1rem 0rem 2rem 0;
}
.padding_4_0_0_0{
  padding: 4rem 0 0 0;
}
.padding_4_3{
  padding: 4rem 3rem;
}
.padding_5_0_0_0{
  padding: 5rem 0 0 0;
}
.margin_0{
  margin: 0;
}
.margin_20{
  margin: 20px !important;
}
.max_150px{
  max-width: 150px;
}
/*-----------------------------position setting end-----------------------------*/

/*-----------------------------row setting-----------------------------*/
.w_100{
  width: 100% !important;
}
.w_93{
  width: 93% !important;
}
.w_90{
  width: 90% !important;
}
.w_85{
  width: 85% !important;
}
.w_75{
  width: 75%;
}
.w_70{
  width: 70%;
}
.w_60{
  width: 60% !important;
}
.w_50{
  width: 50% !important;
}
.h_5rem{
  height: 5rem;
}
.h_8rem{
  height: 8rem;
}
.h_10rem{
  height: 10rem;
}
.h_625{
  height: 625px;
}
.h_75{
  height: 75% !important;
}
.h_60{
  height: 60% !important;
}
.max_1200{
  max-width: 1300px;
  margin: auto;
  width: 75% !important;
}
.max_1260{
  max-width: 1260px;
  margin: auto;
}
.flex{
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.row{
  /*margin-right: 0;
  margin-left: 0;*/
}
.row .one{
  width: 8.333333333%;
}
.row .two{
  width: 16.66666667%;
}
.row .three{
  width: 25%;
}
.row .four{
  width: 33.33333333%;
}
.row .five{
  width: 41.66666667%;
}
.row .six{
  width: 50%;
}
.row .seven{
  width: 58.33333333%;
}
.row .eight{
  width: 66.66666667%;
}
.row .nine{
  width: 75%;
}
.row .ten{
  width: 83.33333333%;
}
.row .eleven{
  width: 91.66666667%;
}
.row .twelve{
  width: 100%;
}

.page{
  margin: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100% !important;
}
/*-----------------------------row setting end-----------------------------*/


/*-----------------------------top hearder-----------------------------*/
.header_box{
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
}
.header img{
  width: 100%;
  max-width: 75px;
  height: 100%;
  opacity: 1;
}

/*-----------------------------top hearder end-----------------------------*/


/*-----------------------------position-----------------------------*/
.top_background{
  position: absolute;
  right: 33%;
  top: -30%;
  z-index: 0;
  width: 100%;
}
.slide_show{
  width: 100%;
  max-width: 500px;
  z-index: 1;
}
.line_image{
  max-width: 300px;
  width: 65%;
  height: 20px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.z-index_1{
  position: relative;
  z-index: 1;
}
.z-index_2{
  position: relative;
  z-index: 2;
}
.show_top .menu_name a,
.show_top .menu_name button i{
  color: black;
}
.show_top{
  background-color: rgba(255, 255, 255, 0.8);
}
.fix{
  position: fixed;
  z-index: 10;
  width: 100%;
  top: 0;
}
/*-----------------------------position end-----------------------------*/

.border-radius_15{
  border-radius: 15px;
}

.b-light_blue{
  background: #aecdeb;
}
.b-light_blue2{
  background: #f4f6fd;
}

#imgs {
    height: 170px;
    position: relative;
    overflow: hidden;
}
#imgs ul {
    position: absolute;
    padding: 0;
}
#imgs ul li {
    float: left;
    list-style: none;
    width: 200px;
}
#imgs ul li img{
    width: 70%;
    height: 100%;
}

.swiper {
    width: 100%;
    max-height: 625px;
    height: 100%;
}  

.button{
    z-index: 12;
    background-color: rgb(255, 116, 0);
    text-transform: uppercase;
    color: rgb(255, 255, 255);
    text-decoration: none;
    font-weight: 800;
    padding: 10px 20px;
    border-radius: 5px;
}

.contact_logo{
  font-size: 25px;
  color: lightslategray;
  margin-right: 15px;
}


.email p{
  padding: 10px 0 4px 0;
}


/*slide show comment*/
#slideshow {
  position: relative;
  /*height: 140px;*/
  /*padding: 10px;*/
  /*box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);*/
}

#slideshow > div {
  /*position: absolute;*/
  top: 10px;
  left: 10px;
  right: 10px;
  bottom: 10px;
  width: 98%;
  display: block;
}
.talkbox{
  width: 84%;
  margin-left: auto;
  margin-top: -85px;
  background: #00bfb6;
  padding: 20px;
  text-align: center;
  font-weight: 900;
  color: #fff;
  font-family: arial;
  position: relative;
}
.talkbox:before {
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  border-left: 10px solid transparent;
  border-right: 10px solid #00bfb6;
  border-top: 10px solid #00bfb6;
  border-bottom: 10px solid transparent;
  left: -19px;
  top: 6px;
}
.comment img{
  border-radius: 50%;
  width: 10%;
}


/*iframe*/
iframe {
  border: none;
}


.top-show {
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
}
.top-show{
  background-size: cover !important;
  background-position: bottom !important;
}
.top-show .box{
  margin: auto;
  min-height: 100%;
}

.title-show {
  width: 100%;
  /*height: 40%;*/
  /*height: 75%;*/
  height: 500px;
  background-size: cover;
  background-position: center;
}
.title-show{
  background-size: cover !important;
  background-position: bottom !important;
  position: relative;
}
.title-show .box{
  margin: auto;
  min-height: 100%;
}



/*.hover_white:hover{
  background-color: rgba(255, 255, 255, 0.8);
}*/


/*.hover_white:hover .menu_name a,
.hover_white:hover .menu_name button i{
  color: black;
}*/

/*.transition_1{
  transition: 1s;
}
.transition_width_1{
  transition: width 1s;
}*/

.accordion {
  width: 100%;
  margin: auto;
  color: black;
  background-color: white;
}
.accordion .container {
  position: relative;
}

/* 相对于 .container 定位标签，在顶部和底部添加填充并增加字体大小，也使 cursor 为 pointer */

.accordion .label {
  position: relative;
  padding: 10px 0;
  color: black;
  cursor: pointer;
}

.accordion .label::before {
  content: '+';
  color: black;
  position: absolute;
  top: 50%;
  right: -5px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  font-size: 35px;
}

/* 隐藏内容（高度：0），减小字体大小，对齐文本并添加过渡 */

.accordion .content {
  position: relative;
  background: white;
  height: 0;
  text-align: justify;
  width: 100%;
  overflow: hidden;
  /*transition: 0.5s;*/
}

/* 在内容之间添加一条水平线 */

.accordion hr {
  width: 100%;
  margin-left: 0;
  border: 1px solid grey;
}
.accordion .container.active .content {
  height: 100%;
}

/* 激活后从加号变为负号 */

.accordion .container.active .label::before {
  content: '-';
}
/*
.b_card_1{
  background: url('/Images/card (4).jpg'); 
  background-size: cover;
  background-position: center;  
}
.b_card_2{
  background: url('/Images/card (5).jpg');   
  background-size: cover;
  background-position: center;  
}
.b_card_3{
  background: url('/Images/card (7).jpg');   
  background-size: cover;
  background-position: center;  
}*/


.top_menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  margin-left: auto;
  margin-right: -10px;
  /*overflow: hidden;
  background-color: #333;
  */
  position: relative;
}
.phone_menu{
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: none;
  margin-left: auto;
}

.menu_name {
  float: right;
  position: relative;
}

.menu_name > a, .menu_name .dropdown-parent, .menu_name > .menu_icon{
  display: block;
  color: white;
  /*text-align: center;*/
  text-align: left;
  padding: 14px;
  text-decoration: none;
  cursor: pointer;
}

.menu_name button i {
  outline: none;
  color: white;
  transition: 0.3s;
}

.menu_name a:hover,
.menu_name .active {
  text-decoration: unset;
}

.menu_name a:after, .menu_name .dropdown-parent > span:after, .menu_name > .menu_icon:after, dropdown-parent > a:after{
  background: grey;
  bottom: 10px;
  content: "";
  height: 2px;
  left: 13%;
  line-height: 0;
  margin: auto;
  opacity: 0;
  position: absolute;
  -webkit-transition: width 0.5s ease 0s, height 0.5s ease 0s;
  -o-transition: width 0.5s ease 0s, height 0.5s ease 0s;
  transition: width 0.5s ease 0s, height 0.5s ease 0s;
  width: 4px;
}

.menu_name > a:hover:after, .menu_name .active:after, .menu_name .dropdown-parent:hover > span:after, .menu_name > .menu_icon:hover:after, .dropdown-parent > a:hover:after{
  opacity: 1;
  filter: alpha(opacity=100);
  width: 75%;
}


.menu_name button i:hover {
  color: grey;
}


.menu{
  margin: auto;
}

.learn_more{
  text-decoration: none;
  color: white;
}
.learn_more:hover{
  text-decoration: underline;
  color: white;
}


/*video:not(.fancybox__html5video) {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
}*/


video:not(.fancybox__html5video) {
 /* width: 100vw;
  height: 100vh;*/
}

.b_white{
  background: white;
  position: relative;
  z-index: 2;
}
.b_blue{
  background: #113065;
  position: relative;
  z-index: 2;
}
.b_black{
  background: black;
  position: relative;
  z-index: 2;
}



/*-----------------------------information home-----------------------------*/
.home_information_website{
  display: block;
}
.home_information_phone{
  display: none;
}
.image_backgorund{
  background-attachment: scroll;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  background-color: rgba(0, 0, 0, 0);
  -webkit-box-shadow: 0 0px 0px 0 var(--shadow);
          box-shadow: 0 0px 0px 0 var(--shadow);
  width: 100%;
  height: 100%;
  -webkit-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
}
.article-container {
  overflow: hidden;
  position: relative;
}
.image_backgorund:hover {
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}
.services{
  background-image: url(http://mandr2.demo.com.my/Images/services.jpg);
}
.career{
  background-image: url(http://mandr2.demo.com.my/Images/career.jpg);
}
.about{
  background-image: url(http://mandr2.demo.com.my/Images/about.jpg);
}
/*-----------------------------information home end-----------------------------*/

/*-----------------------------information home-----------------------------*/
@media(max-width:  990px){
  .home_information_website{
    display: none;
  }
  .home_information_phone{
    display: block;
  }
  .image_backgorund{
    height: 250px;
  }
}
@media(max-width:  650px){
  .display_none_650{
    display: none;
  }
}
/*-----------------------------information home end-----------------------------*/

.rice_white {
 background: white;
}


.hide_image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
}


.hide_text {
  -webkit-transition: .5s ease;
  -o-transition: .5s ease;
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  width: 100%;
  text-align: center;
  background-color: transparent;
  height: 100%;
}
.hide_box{
  overflow: hidden;
  box-shadow: rgb(0 0 0 / 24%) 10px 10px 5px;
  background-color: #000;
}

.hide_box:hover .hide_image {
  /*opacity: 0.5;*/
  opacity: 0.6;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.hide_box:hover .hide_text {
  opacity: 1;
}

.text {
  margin: auto;
  color: white;
  font-size: 16px;
  padding: 10px;
}

a{
  color: white;
}
a:hover{
  color: white;
}

.background-image{
  background: url('/Images/background.jpeg');
  background-size: cover;
  background-position: center;
}

.background-image2{
  background: url('/Images/background.jpg');
  background-size: cover;
  background-position: center;
}


/*-----------------------------send email-----------------------------*/
.send_email input,
.send_email .input{
  width: 100%;
  font-size: 14px;
  padding: 7px;
}
/*-----------------------------send email end-----------------------------*/


/*-----------------------------button-----------------------------*/
.btn {
    padding: 5px 15px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 700;
    cursor: pointer;
}
.btn_yellow{
  /*background-color: yellow;
  color: black;*/
  background-color: #f7ee23;
  color: #000;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.btn_yellow:hover{
  /*color: grey;*/
  color: #f7ee23;
  background-color: #000;
  outline: 2px solid #f7ee23;
}
.btn_no_active:hover:not(.active),
.btn_no_active.active,
.btn_no_active{
  color: #ffffff;
  background-color: unset;
}
/*-----------------------------button end-----------------------------*/


/*-----------------------------Icon-----------------------------*/
.icon_round{
  font-size: 45px;
  /*border: 2px solid black;
  border-radius: 50%;
  padding: 16px;
  height: 80px;
  width: 80px;*/
}
/*-----------------------------Icon end-----------------------------*/


/*-----------------------------Form-----------------------------*/
.form{
/*  box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;*/
  padding: 30px;
  /*margin: 15px;*/
  /*margin-bottom: 30px;
  box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;*/
}

.form input,
.form .input,
.form textarea,
.form .textarea{
  width: 95%;
  font-size: 15px;
  padding: 7px;
  /*margin: 10px 0px;*/
  margin: 5px 0px;
}

/*.form input:nth-child(odd),
.form .input:nth-child(odd){
  width: 49%;
  margin-right: 1%;
}

.form input:nth-child(even),
.form .input:nth-child(even){
  width: 49%;
  margin-left: 1%;
}*/


/*-----------------------------Form end-----------------------------*/



/*-----------------------------timeline-----------------------------*/
.ag-format-container {
  margin: 0 auto;

  position: relative;
}

.ag-timeline-block {
  /*padding: 8rem 0 2rem;*/
  padding: 7rem 0 2rem;
  position: relative;
  z-index: 5;
  /*overflow: hidden;*/
}
.ag-timeline_title-box {
  padding: 0 0 30px;

  text-align: center;
}
.ag-timeline_tagline {
  font-size: 40px;
  color: rgb(84, 89, 95);
}
.ag-timeline_title {
  background-image: url(https://raw.githubusercontent.com/SochavaAG/example-mycode/master/pens/timeline/images/bg.jpg);
  background-repeat: no-repeat;
  background-position: 50% 50%;

  background-size: cover;
  -webkit-background-clip: text;
  background-clip: text;
  text-fill-color: transparent;
  color: transparent;

  font-size: 80px;
}

.ag-timeline_item {
  margin: 0 0 50px;

  position: relative;
  display: flex;
  margin-top: 10px;
  align-items: center;
  justify-content: space-between;
}
.ag-timeline_item:nth-child(2n) {
  text-align: right;
}

.ag-timeline {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;

  position: relative;
}
.ag-timeline_line {
  width: 2px;
  background-color: #393935;

  position: absolute;
  top: 5px;
  left: 50%;
  bottom: 0;

  overflow: hidden;

  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.ag-timeline_item:nth-child(odd) {
  flex-direction: row-reverse;
}

.ag-timeline_line-progress {
  width: 100%;
  height: 0%;
  /*background-color: #FF0;*/
  background-color: #124960;
}

.ag-timeline-card_box {
  /*padding: 0 0 20px 50%;*/
  padding: 10px 0;
  width: 50%;
}
.ag-timeline_item:nth-child(2n) .ag-timeline-card_box {
  /*padding: 0 50% 20px 0;*/
}
.ag-timeline-card_point-box {
  display: inline-block;
  /*margin: 0 14px 0 -28px;*/
  margin: 0 14px 0 -10px;
}
.ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box {
  /*margin: 0 -28px 0 14px;*/
  margin: 0 -10px 0 14px;
}
.ag-timeline-card_point {
  height: 20px;
  line-height: 20px;
  width: 20px;
  /*border: 3px solid #FF0;*/
  border: 3px solid #1d1d1b;
  background-color: #1d1d1b;

  text-align: center;
  font-family: 'ESL Legend', sans-serif;
  font-size: 20px;
  color: #FFF;
  border-radius: 50%;
}
.js-ag-active .ag-timeline-card_point {
  color: #1d1d1b;
  /*background-color: #FF0;*/
  background-color: #124960;
  border-color: #124960;
}
.ag-timeline-card_meta-box {
  display: inline-block;
}
.ag-timeline-card_meta {
  /*margin: 10px 0 0;*/
  margin-top: 0;

  font-family: 'ESL Legend', sans-serif;
  font-weight: bold;
  /*font-size: 28px;*/
  font-size: 36px;
  /*color: #FF0;*/
  color: #124960;
  position: relative;
  transform: translate(0, 2px);
  text-shadow: #ffffff 0px 0px 0px, rgb(0 0 0 / 20%) 1px 1px 0px;
}
.ag-timeline-card_item {
  display: inline-block;
  width: 45%;
  /*margin: -77px 0 0;*/
  background-color: #fff;

  opacity: 0;
  /*border-radius: 6px;*/
  border-radius: 2px;

  -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,.5);
  -o-box-shadow: 0 0 0 0 rgba(0,0,0,.5);
  box-shadow: 0 0 0 0 rgba(0,0,0,.5);

  -webkit-transition: -webkit-transform 1s, opacity 1s;
  -o-transition: -o-transform 1s, opacity 1s;
  -webkit-transition: opacity 1s, -webkit-transform 1s;
  transition: opacity 1s, -webkit-transform 1s;
  -o-transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s;
  transition: transform 1s, opacity 1s, -webkit-transform 1s;

  position: relative;
}
.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item {
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.ag-timeline_item:nth-child(2n) .ag-timeline-card_item {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.js-ag-active.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item,
.js-ag-active.ag-timeline_item:nth-child(2n) .ag-timeline-card_item {
  opacity: 1;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
}
.ag-timeline-card_arrow {
  height: 18px;
  width: 18px;
  margin-top: 20px;
  background-color: #282828;

  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;

  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_arrow {
  margin-left: calc(-18px / 2);
  margin-right: calc(-18px / 2);
}
.ag-timeline_item:nth-child(2n) .ag-timeline-card_arrow {
  margin-left: -10px;

  right: auto;
  left: 0;
}
.ag-timeline-card_img {
  width: 100%;
}
.ag-timeline-card_info {
  /*padding: 70px 30px;*/
  /*padding: 40px 30px;*/
  padding: 10px 30px;
  /*box-shadow: 3px 3px 2px 1px rgb(40 40 40 / 40%);*/
  box-shadow: 0px 1px 2px 0px rgb(40 40 40 / 40%);
}
.ag-timeline-card_title {
  display: none;
  margin: 10px 0 0;

  font-family: 'ESL Legend', sans-serif;
  font-weight: bold;
  /*font-size: 28px;*/
  font-size: 25px;
  /*color: #FF0;*/
  color: #124960;
}
.ag-timeline-card_desc {
  line-height: 1.45;
  font-size: 17px;
  color: #FFF;
  text-align: left;
}


@media only screen and (max-width: 979px) {
  .ag-timeline_line {
    left: 30px;
  }

  .ag-timeline_item:nth-child(2n) {
    text-align: left;
  }

  .ag-timeline-card_box,
  .ag-timeline_item:nth-child(2n) .ag-timeline-card_box {
    /*padding: 0 0 20px;*/
  }
  .ag-timeline-card_meta-box {
    display: none;
  }
  .ag-timeline-card_point-box,
  .ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box {
    margin: 0 0 0 20px;
  }
  .ag-timeline-card_point {
    height: 20px;
    line-height: 20px;
    width: 20px;
  }
  .ag-timeline-card_item {
    width: auto;
    /*width: 86%;*/
    /*margin: -65px 0 0 75px;*/
    /*margin: -65px 0 0 65px;*/
  }
  .ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item,
  .ag-timeline_item:nth-child(2n) .ag-timeline-card_item {
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
  }
  .ag-timeline_item:nth-child(2n+1) .ag-timeline-card_arrow {
    right: auto;
    left: 0;
  }
  .ag-timeline-card_title {
    display: block;
  }
  .ag-timeline-card_arrow {
    margin-top: 12px;
  }
}

@media only screen and (max-width: 639px) {
  .ag-timeline_title {
    font-size: 60px;
  }

  .ag-timeline-card_info {
    padding: 10px 15px;
  }
  .ag-timeline-card_desc {
    font-size: 14px;
    padding-right: 10px;
  }
}
/*-----------------------------Timeline end-----------------------------*/


 .honeycomb {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-wrap: wrap;
       flex-wrap: wrap;
   list-style: none;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-box-align: center;
       -ms-flex-align: center;
           align-items: center;
   max-width: 1200px;
   margin: 0 auto;
   padding: 0;
   -webkit-transform: translateY(34.375px);
       -ms-transform: translateY(34.375px);
           transform: translateY(34.375px);
   position: relative;
   z-index: 5;
}
 .honeycomb-cell {
   -webkit-box-flex: 0;
       -ms-flex: 0 1 250px;
           flex: 0 1 250px;
   max-width: 225px;
   height: 137.5px;
   margin: 65.4761904762px 12.5px 25px;
   position: relative;
   padding: 0.5em;
   text-align: center;
   z-index: 1;
}
 .honeycomb-cell__title {
   height: 100%;
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   -webkit-box-orient: vertical;
   -webkit-box-direction: normal;
       -ms-flex-direction: column;
           flex-direction: column;
   -webkit-box-pack: center;
       -ms-flex-pack: center;
           justify-content: center;
   -webkit-hyphens: auto;
       -ms-hyphens: auto;
           hyphens: auto;
   word-break: break-word;
   text-transform: uppercase;
   color: #fff;
   font-weight: 700;
   font-size: 1.75em;
   -webkit-transition: opacity 350ms;
   -o-transition: opacity 350ms;
   transition: opacity 350ms;
   text-shadow: 0px 4px 3px rgb(0 0 0 / 40%), 0px 8px 13px rgb(0 0 0 / 10%), 0px 18px 23px rgb(0 0 0 / 10%);
}
 .honeycomb-cell__title
 small {
   font-weight: 300;
   margin-top: 0.25em;
}
 .honeycomb-cell__image {
   -o-object-fit: cover;
      object-fit: cover;
   -o-object-position: center;
      object-position: center;
}
 .honeycomb-cell::before, .honeycomb-cell::after {
   content: '';
}
 .honeycomb-cell::before, .honeycomb-cell::after, .honeycomb-cell__image {
   top: -50%;
   left: 0;
   width: 100%;
   height: 200%;
   display: block;
   position: absolute;
   -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
           clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
   z-index: -1;
}
 .honeycomb-cell::before {
   background: #fff;
   -webkit-transform: scale(1.055);
       -ms-transform: scale(1.055);
           transform: scale(1.055);
}
 .honeycomb-cell::after {
   background: #3ea0eb;
   opacity: 0.5;
   -webkit-transition: opacity 350ms;
   -o-transition: opacity 350ms;
   transition: opacity 350ms;
}
 .honeycomb-cell:hover .honeycomb-cell__title {
   opacity: 1;
}
 .honeycomb-cell:hover::before {
   background: #72f88e;
}
 .honeycomb-cell:hover::after {
   opacity: 0;
}
 .honeycomb__placeholder {
   display: none;
   opacity: 0;
   width: 250px;
   margin: 0 12.5px;
}
 @media (max-width: 550px) {
   .honeycomb-cell {
     margin: 81.25px 25px;
  }
}
 @media (min-width: 550px) and (max-width: 825px) {
   .honeycomb-cell:nth-child(3n) {
     margin-right: calc(50% - 125px);
     margin-left: calc(50% - 125px);
  }
   .honeycomb__placeholder:nth-child(3n + 5) {
     display: block;
  }
}
 @media (min-width: 825px) and (max-width: 1333px) {
   .honeycomb-cell:nth-child(5n + 4) {
     margin-left: calc(50% - 275px);
  }
   .honeycomb-cell:nth-child(5n + 5) {
     margin-right: calc(50% - 275px);
  }
   .honeycomb__placeholder:nth-child(5n), .honeycomb__placeholder:nth-child(5n + 3) {
     display: block;
  }
}
 @media (min-width: 1100px) {
   .honeycomb-cell:nth-child(7n + 5) {
     margin-left: calc(50% - 400px);
  }
   .honeycomb-cell:nth-child(7n + 7), .honeycomb-cell:nth-child(7n + 5):nth-last-child(2) {
     margin-right: calc(50% - 400px);
  }
   .honeycomb__placeholder:nth-child(7n + 7), .honeycomb__placeholder:nth-child(7n + 9), .honeycomb__placeholder:nth-child(7n + 11) {
     display: block;
  }
}

@media(min-width: 851px){
  .contact-form-container{
    margin-top: -22px;
  }
}

.honeycomb-cell img {
    filter: none;
    -webkit-filter: grayscale(100%);
}

.honeycomb-cell:hover img {
    filter: none;
    -webkit-filter: grayscale(0%);
}

.footer-social-icon-container{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-top: 0.5rem;
}

.footer-social-icon-container a{
  text-decoration: none;
}

.footer-social-icon{
  font-size: x-large;
  background-color: #ffff00;
  color: black;
  margin-right: 0.6rem;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  height: 45px;
  width: 45px;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 5px;
}

.footer-social-icon:hover{
  background-color: black;
  color: #ffff00;
  outline: 2px solid #f7ee23;
}

.map{
  /*height: 400px;*/
  min-height: 300px;
}

.cancel-padding-bottom{
  padding-bottom: 0;
}

.h_100{
  height: 100% !important;
}

.breadcrumb-title{
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  color: #004f72;
  font-size: 20px;
  border: 2px solid #004f72;
  padding: 0.5rem 1rem;
  display: block;
  margin-top: 1rem;
  border-radius: 25px;
  text-align: center;
}

.breadcrumb-title i, .breadcrumb-title span{
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}

.breadcrumb-title span{
  padding-left: 0.5rem;
}

.breadcrumb-title:hover{
  text-decoration: none;
  background-color: #004f72;
  color: #fff;
}

.main-title{
  /*text-shadow: 0px 4px 3px rgb(0 0 0 / 40%), 0px 8px 13px rgb(0 0 0 / 10%), 0px 18px 23px rgb(0 0 0 / 10%);*/
  padding-bottom: 10px;
  font-size: 65px;
  margin-bottom: 10px;
  font-weight: 700;
  letter-spacing: 2px;
}

.start-btn{
  color: black;
  padding: 1rem 8rem;
  background-color: yellow;
  font-size: x-large;
  border-radius: 25px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.start-btn:hover{
  background-color: black;
  color: yellow;
  text-decoration: none;
}

.padding-left-right-8{
  padding-left: 8px;
  padding-right: 8px;
}

.contact-icon{
  color: black;
  background-color: yellow;
  border-radius: 50px;
  height: 2.6rem;
  width: 2.6rem;
  max-width: 100%;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: larger;
}

.get-in-touch-detail{
  font-size: 15px;
  overflow-wrap: anywhere;
}

.border-bottom-00000033{
  border-bottom: 1px solid #00000033;
}

html{
  scroll-behavior: smooth;
}

.display-grid-contact{
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 20% 80%;
    grid-template-columns: 20% 80%;
}

fieldset{
  background-color: #282828;
}

legend{
  width: initial;
  text-align: center;
  padding: 0.2rem 2rem;
  background-color: yellow;
  border-radius: 25px;
}

.display-grid-contact-form{
    height: 100%;
    display: -ms-grid;
    display: grid;
    /*-ms-grid-columns: 10% 90%;*/
    /*grid-template-columns: 10% 90%;*/
    -ms-grid-columns: 60px calc(100% - 60px);
    grid-template-columns: 60px calc(100% - 60px);
    background-color: #fff;
    /*border-radius: 5px;*/
    border-radius: 4px;
}

/*.contact-form-icon{
  font-size: larger;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}*/

.contact-form-icon {
    font-size: larger;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 5px 0;
    padding: 7px 0;
}

.form input{
  border: none;
  outline: none;
}

input[type="text"], input[type="email"], input[type="date"], textarea{
  background-color: #fff;
}

.padding-contact-form{
  /*padding: 10px 6px;*/
  /*padding: 0px 6px 15px;*/
  padding: 0px 0px 15px;
}

.form textarea{
  border-radius: 4px;
  -webkit-transition: unset;
  -o-transition: unset;
  transition: unset;
  border: none;
  outline: none;
}

.form .padding-contact-btn{
  /*padding: 0 6px 14px;*/
  /*padding: 0 6px;*/
  padding: 0px;
}

@media(max-width: 990px){
  .ag-timeline-card_point.timeline-title {
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      padding: 0 10px;
      border-radius: 5px;
  }
  .page-l{
    display: none;
  }
}

@media(min-width: 990px){
  .page-m{
    display: none;
  }
  .w_90_l{
    width: 90% !important;
  }
  .p-left-3-none-990{
    padding-left: 3rem;
  }
}

@media(min-width: 850px){
  .footer-top .four:not(:first-child) .footer-p-left-3-none-990{
    padding-left: 3rem;
  }
}

@media(min-width: 1100px){
  .ag-timeline-card_box.timeline-title-container-about {
      padding: 0 0 20px 39% !important;
  }

  .ag-timeline-card_box.timeline-title-container-vision-mission {
      padding: 0 41% 20px 0 !important;
  }

  .ag-timeline-card_box.timeline-title-container-history {
      padding: 0 0 20px 41% !important;
  }
  .ag-timeline-card_point.timeline-title {
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      padding: 0 20px;
      border-radius: 5px;
  }
}

#topBtn{
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #282828;
  color: white;
  cursor: pointer;
  height: 50px;
  width: 50px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  border-radius: 5px;
  opacity: 0.7;
}

#topBtn:hover{
  opacity: 1;
}

.ag-timeline-card_img-box{
  overflow: hidden;
  background-color: #fffffff5;
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.ag-timeline-card_item:hover img{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.none{
  display: none;
}

.padding-left-right-1rem{
  padding-left: 1rem;
  padding-right: 1rem;
}

@media(max-width: 990px){
  .row .seven-l{
    width: 100%;
  }
  .row .six-l{
    width: 100%;
  }
}

@media(min-width: 990px){
  .row .seven-l{
    width: 58.33333333%;
  }
  .row .six-l{
    width: 50%;
  }
}
/* webkit convert done */

.cancel-padding-left{
  padding-left: 0;
}

.cancel-padding-right{
  padding-right: 0;
}

.cancel-margin-left{
  margin-left: 0;
}

.cancel-margin-right{
  margin-right: 0;
}

.cancel-margin-top{
  margin-top: 0;
}

.flex-jcenter-acenter{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.branches-location-icon{
  color: #ff4646;
  font-size: x-large;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-left: 0.3rem;
}

.branches-location-link:hover{
  text-decoration: none;
}

.branches-location-text{
  background-color: #282828;
  padding: 4px 12px;
  color: white;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  font-size: smaller;
}

@media(max-width: 1100px){
  .branches-detail-text h5{
    padding-bottom: 1rem;
    font-size: 1.25rem;
    text-shadow: 1px 2px 4px rgb(81 67 21 / 80%);
    color: #fff;
    font-weight: 700;
  }

  .branches-detail-text p{
    font-size: 0.75rem;
  }
}

@media(min-width: 1100px){
  .branches-detail-text h5{
    padding-bottom: 1rem;
    text-shadow: 1px 2px 4px rgb(81 67 21 / 80%);
    color: #fff;
    font-weight: 700;
  }
  .branches-detail-text p{
    font-size: 1rem;
  }
}

@media(max-width: 576px){
  .branches-location-icon{
    font-size: inherit;
  }
  .branches-location-text{
    font-size: xx-small;
    padding: 2px 0;
  }
  .branches-list-title{
    font-size: 1.75rem;
  }
  .display-grid-branches h5{
    font-size: 1.25rem;
  }
  .display-grid-branches{
    padding: 0.5rem 1rem;
  }
  .branches-detail{
    -ms-grid-columns: 100%;
    grid-template-columns: 100%;
  }
  /*#branches-penang-location-icon{
    position: absolute;
    bottom: 72%;
    right: 66%;
  }

  #branches-muar-location-icon{
    position: absolute;
    bottom: 17%;
    right: 40%;
  }

  #branches-iskandar-location-icon{
    position: absolute;
    bottom: 9%;
    right: 21%;
  }*/
  .branches-location-link:hover .branches-location-icon{
    color: #ff2e2e;
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .w_branches-location{
    width: 50px;
  }
}

@media(min-width: 550px) and (max-width: 576px){
  #branches-penang-location-icon{
    position: absolute;
    bottom: 69% !important;
    right: 64% !important;
  }

  #branches-muar-location-icon{
    position: absolute;
    bottom: 17% !important;
    right: 37% !important;
  }

  #branches-iskandar-location-icon{
    position: absolute;
    bottom: 9% !important;
    right: 18% !important;
  }

  #branches-unity-centre-location-icon{
    position: absolute;
    bottom: 50% !important;
    right: 66% !important;
  }

  #branches-coimbatore-location-icon{
    position: absolute;
    bottom: 10% !important;
    right: 61% !important;
  }

  #branches-laguna-location-icon{
    position: absolute;
    bottom: 64% !important;
    right: 53% !important;
  }
}

@media(min-width: 576px){
  .display-grid-branches{
    padding: 0.5rem 2rem;
  }
  .branches-detail{
    -ms-grid-columns: 30% 70%;
    grid-template-columns: 30% 70%;
  }
  .branches-location-link:hover .branches-location-icon{
    color: #ff2e2e;
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
  }
  .w_branches-location{
    width: 80px;
  }
  /*.branches-location-link:hover .branches-location-text{
    font-size: unset;
  }*/
}

/*@media(max-width: 850px){
  #branches-penang-location-icon{
    position: absolute;
    bottom: 71%;
    right: 64%;
  }

  #branches-muar-location-icon{
    position: absolute;
    bottom: 17%;
    right: 37%;
  }

  #branches-iskandar-location-icon{
    position: absolute;
    bottom: 10%;
    right: 18%;
  }
}*/

.flex-jend-acenter{
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.branches-location-link div{
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  cursor: pointer;
}

.branches-location-link:hover div{
  -webkit-transform: scale(1.05);
      -ms-transform: scale(1.05);
          transform: scale(1.05);
}

.branches-social-icon{
  color: #000;
  padding: 0.5rem;
  border-radius: 5px;
  border: 1px solid black;
  width: 40px;
  text-align: center;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.branches-social-icon:hover{
  color: #fff;
  background-color: #000;
}

.popup_branches-detail-screen{
  width: 100%;
  height: 100%;
  background: rgb(000,000,000, 0.7);
  position: fixed;
  z-index: 999;
  top: 0%;
  left: 0%;
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
  padding: 2rem;
  overflow: auto;
}

@media(max-width: 768px){
  .popup_branches-detail-screen{
    padding: 2rem 1rem;
  }
}

@media(min-width: 850px){
  .popup_branches-detail-container{
    position: relative;
    width: 90%;
    height: 90%;
    background-color: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%);
    -webkit-box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
            box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
  }
  .popup_branches-detail-left{
    height: 100%;
    padding:2rem 1rem 2rem 2rem;
  }
  .popup_branches-detail-right{
    height: 100%;
    padding:2rem 2rem 2rem 1rem;
  }
}

@media(max-width: 850px){
  .popup_branches-detail-container{
    position: relative;
    width: 80%;
    background-color: #fff;
    top: 0%;
    left: 50%;
    -webkit-transform: translate(-50%,0%);
        -ms-transform: translate(-50%,0%);
            transform: translate(-50%,0%);
    -webkit-box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
            box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
  }
  .popup_branches-detail-left{
    /*padding-bottom: 1rem;*/
  }
  .popup_branches-detail-right{
    /*padding-top: 1rem;*/
  }
  .popup_branches-detail-left, .popup_branches-detail-right{
    /*padding: 2rem;*/
    /*padding: 1rem 0;*/
  }
}

@media(max-width: 768px){
  .popup_branches-detail-container{
    width: 90%;
  }
}

.popup_branches-detail-left-container{
  padding: 1rem;
  -webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
          box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
  position: relative;
  top: 50%;
  -webkit-transform: translate(0,-50%);
      -ms-transform: translate(0,-50%);
          transform: translate(0,-50%);
  height: 100%;
  background-color: #fff;
}

.popup_branches-detail-right-1-container, .popup_branches-detail-right-2-container{
  padding: 0 1rem;
  /*-webkit-box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
          box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;*/
  position: relative;
  background-color: #fff;
  min-height: 100%;
}

.popup_branches-detail-right-2-container{
  margin-top: 2rem;
}

.branches-name, .branches-subtitle{
  padding-bottom: 1rem;
}

.grid-branches-right-top{
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 50% 50%;
  grid-template-columns: 50% 50%;
}

.b_282828{
  background-color: #282828;
}

.b_d9d9d9{
  background-color: #d9d9d9;
}

.w_80px{
  width: 80px;
}

.branches-subtitle span{
  font-size: 20px;
  font-weight: 500;
  font-family: inherit;
}

.small-branches-position{
  /*height: 85px;*/
  border-radius: 15px;
}

.small-branches-position img{
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.small-branches-position h6{
  border-bottom-left-radius: 15px;
  border-bottom-right-radius: 15px;
  word-wrap: anywhere;
}

.m-left-0_2{
  margin-left: 0.2rem;
}

@media(max-width: 768px){
  .p-none-768{
    display: none !important;
  }
  .d-block-768{
    display: block;
  }
  .p-bottom-0_5-768{
    padding-bottom: 0.5rem;
  }
}

@media(min-width: 768px){
  .p-768{
    display: none !important;
  }
  .m-left-0_2-none-768{
    margin-left: 0.2rem;
  }
}

@media(max-width: 768px){
  /*.title-show .w_100{
    padding-top: 1rem;
  }*/
  .title-show h3{
    font-size: 40px;
  }
}

/*::-moz-selection{
  color: black;
  background-color: #ffff00;
}

::selection{
  color: black;
  background-color: #ffff00;
}*/

.main-title-header{
  letter-spacing: 8px;
  padding-bottom: 10px;
  margin-top: unset;
  width: 55%;
  margin: 0 auto;
  font-weight: 700;
}

.main-title-bottom{
  width: 55%;
  margin: 0 auto;
  font-size: 17px;
  letter-spacing: 2px;
  line-height: 1.5;
}

.b-bottom-3-s-f7ee23{
  border-bottom: 3px solid #f7ee23;
}

.footer-top:after{
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #172135;
  opacity: 1;
  content: "";
}

.footer-title:after{
  position: absolute;
  background-color: #fff;
  content: "";
  min-height: 1px;
  min-width: 100px;
  left: 3rem;
  top: 2rem;
}

.footer-link{
  margin-top: 10px;
  list-style: none;
}

.footer-link li{
  padding: 0.5rem 0.1rem;
  width: 50%;
  float: left;
  font-size: 15px;
}

.footer-top-background{
  background: url(../Images/footer-background.jpg);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: cover!important;
  background-position: 50%!important;
  background-repeat: no-repeat!important;
  z-index: -1;
}

.m-top-10px{
  margin-top: 10px;
}

.footer-contact-info{
  padding: 5px 0;
}

.footer-contact-info:not(:last-child){
  border-bottom: 1px dashed #fff;
}

.d-flex-a-center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.p-top-4{
  padding-top: 4rem;
}

@media(min-width: 576px){
}

.about-title:after{
  position: relative;
  /*background-color: #f7ee23;*/
  background-color: #c5d5eb;
  content: "";
  min-height: 2px;
  min-width: 200px;
  width: 200px;
  display: block;
  left: 0rem;
  top: 0.5rem;
}

.project-title:after{
  position: relative;
  display: block;
  background-color: #f7ee23;
  content: "";
  min-height: 2px;
  min-width: 200px;
  width: 200px;
  left: 0rem;
  top: 0.5rem;
}

#about p{
  margin: 15px 0 !important;
  font-size: 17px;
}

.about-img{
  box-shadow: 10px 10px 5px #ccc;
  -moz-box-shadow: 10px 10px 5px #ccc;
  -webkit-box-shadow: 10px 10px 5px #ccc;
  -khtml-box-shadow: 10px 10px 5px #ccc;
}

.p-bottom-4{
  padding-bottom: 4rem;
}

.padding_page_link{
  padding: 2.4rem 1.2rem;
}

.b-color-f7f5f5{
  background-color: #f7f5f5;
}

.b-color-11141b{
  background-color: #11141b;
}

.project-right-side ul{
  list-style: none;
  width: 100%;
  float: left;
  padding: unset;
}

.project-right-side li{
  clear: both;
  float: left;
  width: 100%;
}

.project-right-side li:not(:last-child){
  padding-bottom: 2rem;
}

.project-right-side .project-detail{
  width: 100%;
  float: left;
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  background-color: #1e242f;
  -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.project-detail-left{
  width: 55%;
  min-width: 55%;
  position: relative;
  float: left;
  overflow: hidden;
}

.project-detail-right{
  width: 45%;
  min-width: 45%;
  float: right;
  padding: 3.5rem 2.5rem;
}

.project-position-sticky{
  position: sticky;
  top: 150px;
  overflow: visible;
}

.project-detail-link{
  position: absolute;
  z-index: 6;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.project-left-side{
  padding: 6rem 5rem;
}

.project-right-side{
  padding: 2rem;
}

.project-left-side p {
  margin: 22px 0 !important;
  line-height: 1.6;
}

.project-detail-right-title-link h5, .project-detail-right-title-link{
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  margin-top: unset;
  margin-bottom: 1.2rem;
}

.project-detail-right-title-link:hover{
  text-decoration: none;
  color: #f7ee23;
}

.project-detail:hover img{
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.project-detail img{
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.project-detail-text{
  color: #c3c2c2;
}

.project-view-more{
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
  display: block;
  padding-top: 1.2rem;
  margin-top: 2rem;
  border-top: 1px solid #c3c2c2;
}

.project-view-more:hover{
  text-decoration: none;
  color: #f7ee23;
}

.project-view-more i{
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.project-view-more:hover i{
  color: #f7ee23;
}

.project-view-more span{
  padding-right: 10px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.project-view-more:hover span{
  padding-right: 20px;
}

.project-view-all{
  background-color: #f7ee23;
  color: #000;
  display: block;
  margin-top: 2rem;
  width: 12rem;
  padding: 1rem;
  text-align: center;
  border-radius: 4px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  font-weight: bold;
}

.project-view-all:hover {
  color: #f7ee23;
  text-decoration: none;
  background-color: #000;
}

.index-page h1 {
  text-align: center;
  -webkit-transform: scale(0.94);
      -ms-transform: scale(0.94);
          transform: scale(0.94);
  -webkit-animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
          animation: scale 3s forwards cubic-bezier(0.5, 1, 0.89, 1);
}

@-webkit-keyframes scale {
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

@keyframes scale {
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
}

.index-page span {
  display: inline-block;
  opacity: 0;
  -webkit-filter: blur(4px);
          filter: blur(4px);
}

.index-page span:nth-child(1) {
  -webkit-animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 0.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.index-page span:nth-child(2) {
  -webkit-animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 0.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.index-page span:nth-child(3) {
  -webkit-animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 0.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.index-page span:nth-child(4) {
  -webkit-animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 0.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.index-page span:nth-child(5) {
  -webkit-animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 0.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.index-page span:nth-child(6) {
  -webkit-animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 0.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.index-page span:nth-child(7) {
  -webkit-animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 0.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.index-page span:nth-child(8) {
  -webkit-animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 0.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.index-page span:nth-child(9) {
  -webkit-animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 0.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.index-page span:nth-child(10) {
  -webkit-animation: fade-in 0.8s 1s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.index-page span:nth-child(11) {
  -webkit-animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 1.1s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.index-page span:nth-child(12) {
  -webkit-animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 1.2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.index-page span:nth-child(13) {
  -webkit-animation: fade-in 0.8s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 1.3s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.index-page span:nth-child(14) {
  -webkit-animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 1.4s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.index-page span:nth-child(15) {
  -webkit-animation: fade-in 0.8s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 1.5s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.index-page span:nth-child(16) {
  -webkit-animation: fade-in 0.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 1.6s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.index-page span:nth-child(17) {
  -webkit-animation: fade-in 0.8s 1.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 1.7s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.index-page span:nth-child(18) {
  -webkit-animation: fade-in 0.8s 1.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 1.8s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.index-page span:nth-child(19) {
  -webkit-animation: fade-in 0.8s 1.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 1.9s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

.index-page span:nth-child(20) {
  -webkit-animation: fade-in 0.8s 2s forwards cubic-bezier(0.11, 0, 0.5, 0);
          animation: fade-in 0.8s 2s forwards cubic-bezier(0.11, 0, 0.5, 0);
}

@-webkit-keyframes fade-in {
  100% {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

@keyframes fade-in {
  100% {
    opacity: 1;
    -webkit-filter: blur(0);
            filter: blur(0);
  }
}

.about-link-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.about-link-container a{
  color: #000;
  text-align: center;
  padding: 0.4rem 1rem;
  border-radius: 4px;
  margin-right: 10px;
  margin-bottom: 10px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.about-link-container a:hover{
  text-decoration: none;
}

.about-link-container a span{
  padding-right: 10px;
}

.about-link {
  background-color: #ffa1a1;
}

.about-link:hover{
  background-color: #fd8e8e;
}

.vision-link {
  background-color: #b6b6ff;
}

.vision-link:hover{
  background-color: #aeaef1;
}

.timeline-link {
  background-color: #6dff6d;
}

.timeline-link:hover{
  background-color: #54f554;
}

.site-background{
  background: url(../Images/site-background.jpg);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: cover!important;
  /*background-position: 50%!important;*/
  background-position: 0 center;
  background-repeat: no-repeat!important;
  z-index: -1;
  background-attachment: fixed;
}

.site-page:after {
    /*position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #1e242f;
    opacity: 0.3;
    content: "";*/
}

.site-title{
  /*padding-bottom: 3rem;*/
  font-size: 30px;
}

.career-page{
  background-color: #1e242f;
}

.career-page p{
  color: #404040;
  line-height: inherit;
  font-size: 17px;
  /*padding-top: 1rem;*/
}

.career-btn {
  color: #000;
  background-color: #f7ee23;
  border-radius: 4px;
  display: block;
  padding: 0.5rem 1rem;
  font-size: 20px;
  font-weight: 600;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 20rem;
  margin: 0 auto;
}

.career-btn:hover{
  background-color: #000;
  color: #f7ee23;
  outline: 2px solid #f7ee23;
  text-decoration: none;
}

@media(min-width: 850px){
  .career-right-side{
    padding-left: 2rem;
  }
}

@media(max-width: 850px){
  .career-right-side{
    padding-top: 1rem;
  }
}

.contact-background{
  background: url(../Images/contact-background.jpg);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: cover!important;
  background-position: 50%!important;
  background-repeat: no-repeat!important;
  z-index: -1;
}

.contact-page:after {
    /*position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #818181;
    opacity: 0.5;
    content: "";*/
}

.contact-title{
  padding-bottom: 10px;
  margin-top: unset;
  color: #124960;
}

.contact-btn{
  border-radius: 4px;
  transition: 0.3s;
}

@media(max-width: 850px){
  .form{
    padding: 30px 0;
    margin: auto;
    width: 85%;
  }
  .padding-contact-form{
    padding: 0px 0px 15px;
  }
  .form .padding-contact-btn{
    padding: 0;
  }
  .map iframe{
    height: 300px;
  }
}

.padding_page_link h6.font_bold{
  text-transform: uppercase;
  font-weight: 600;
  /*padding-bottom: 1rem;*/
  margin-bottom: 1rem;
}

.career-subtitle-container{
  /*padding: 2rem 3rem;*/
  border-radius: 4px;
  /*-webkit-box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;
          box-shadow: rgb(50 50 93 / 25%) 0px 6px 12px -2px, rgb(0 0 0 / 30%) 0px 3px 7px -3px;*/
  margin-bottom: 2rem;
  /*padding: 0 1rem;*/
}

.career-subtitle-container > div{
  background-color: #fff;
  border-radius: 4px;
  padding: 1rem 1.5rem;
  -webkit-box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
          box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 3px, rgba(0, 0, 0, 0.24) 0px 1px 2px;
}

.career-subtitle{
  /*text-transform: uppercase;*/
  margin-top: unset;
  padding: 10px 0;
}

.career-subtitle span{
  padding-right: 10px;
}

.d-flex{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.d-flex-j-center-a-center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.career-child-container{
  padding: 2rem;
}

.career-child-container:nth-child(even){
  margin-left: 2rem;
}

.company-overview-title{
  background-color: #dfdfff;
}

.company-overview-text p{
  line-height: 2;
  letter-spacing: 2px;
}


.project-page-right-side ul{
  list-style: none;
  width: 100%;
  float: left;
  padding: unset;
  margin-top: 2rem;
}

.project-page-right-side li{
  float: left;
  width: 50%;
}

.project-page-right-side li:not(:last-child){
  padding-bottom: 2rem;
}

.project-page-right-side .project-page-detail{
  width: 100%;
  float: left;
  clear: both;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}

.project-page-detail-left{
  width: 100%;
  min-width: 100%;
  position: relative;
  float: left;
  overflow: hidden;
  border-radius: 6px;
}

.project-page-right-side li:nth-child(odd){
  padding-right: 10px;
  clear: both;
}

.project-page-right-side li:nth-child(even){
  padding-left: 10px;
}

.project-page-detail-left > div{
  background-color: #1e242f;
  border-radius: 6px;
}

.project-page-detail .o-hidden.p-relative{
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}

.project-page-detail-link{
  position: absolute;
  z-index: 6;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.project-page-left-side{
  padding: 2rem 0rem 2rem 0;
}

.project-page-right-side{
  padding: 0 0 2rem;
}

.project-page-left-side p {
  margin: 22px 0 !important;
  line-height: 1.6;
}

.project-page-detail-right-title-link h5{
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
  margin-top: unset;
  padding: 1.8rem 1rem 1rem;
  font-size: 1.3rem;
}

.project-page-detail-right-title-link{
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}

.project-page-detail-right-title-link:hover{
  text-decoration: none;
  color: #f7ee23;
}

.project-page-detail-left:hover img, .project-page-detail-right:hover img{
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.project-page-detail img{
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.project-page-detail-text{
  color: #c3c2c2;
  margin: unset !important;
  padding: 0 1.2rem 1.8rem;
}

.project-page-view-all{
    background-color: transparent;
    color: #000;
    display: block;
    text-align: center;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    background-color: #f0f3f7;
}

/*.project-page-view-all span{
  border-radius: 4px;
  display: block;
  padding: 1rem;
  overflow-wrap: anywhere;
}*/

button.project-page-view-all{
  border-radius: 4px;
  display: block;
  padding: 1rem;
  overflow-wrap: anywhere;
  cursor: pointer;
  width: 100%;
  border: none;
}

span.project-page-view-all{
  /*border-radius: 4px;*/
  display: block;
  padding: 0.8rem 0.7rem;
  overflow-wrap: anywhere;
  cursor: pointer;
  min-width: 15%;
  font-size: 17px;
}

.project-page-view-all:not(:first-child){
  /*margin-top: 2rem;*/
}

.project-page-view-all:hover {
  text-decoration: none;
  background-color: #124960;
  color: #fff;
}

.o-hidden{
  overflow: hidden;
}

.p-relative{
  position: relative;
}

.o-3-s-f7ee23{
  outline: 3px solid #f7ee23;
}

.category-title {
  color: #f7ee23;
  font-weight: bold;
  margin-top: unset;
}

.category-title:after {
  content: "";
  position: relative;
  display: block;
  width: 200px;
  height: 3px;
  background-color: #f8f8f8;
  top: 0.3rem;
}

.less-1100-category{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.project-page-position-sticky{
  position: sticky;
  top: 150px;
  overflow: visible;
}

.project-page-position-sticky > div{
  /*overflow: auto;
  padding: 1rem;
  max-height: 500px;*/
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

/* width */
::-webkit-scrollbar {
  /*width: 10px;*/
  height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
  background: #f1f1f1; 
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #555; 
}

/* width */
.popup_branches-detail-screen::-webkit-scrollbar{
  display: none;
}

/**/

.intro-btn{
  background-color: #f7ee23;
  color: #000;
  width: 8rem;
  padding: 0.4rem;
  text-align: center;
  border-radius: 4px;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  margin-top: 1rem;
}

.intro-btn:hover{
  outline: 1px solid #f7ee23;
}

.career-background{
  background: url(../Images/career-background.jpg);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-size: cover!important;
  background-position: 50%!important;
  background-repeat: no-repeat!important;
  z-index: -1;
  background-attachment: fixed;
}

.career-page:after {
  /*position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: #1e242f;
  opacity: 0.8;
  content: "";*/
}

.career-top-part{
  padding-bottom: 2rem;
}

.career-bottom-part{
  padding-top: 3rem;
}

.career-middle-subtitle, .subtitle-container .career-middle-subtitle{
  color: #124960;
  margin-top: unset;
  font-size: 25px;
  margin-bottom: 20px;
  word-wrap: anywhere;
}

@media(min-width: 850px){
  .career-middle-left-side{
    border-right: 2px solid #124960;
  }
  .career-middle-side{
    padding: 1rem;
  }
  .career-middle-side > div{
    padding: 1rem;
    height: 100%;
  }
  .career-middle-left-side.career-middle-side{
    padding-left: unset;
    padding-right: 2rem;
  }
  .career-middle-left-side.career-middle-side > div{
    padding-left: unset;
  }
  .career-middle-right-side.career-middle-side{
    padding-left: 2rem;
    padding-right: unset;
  }
  .career-middle-right-side.career-middle-side > div{
    padding-right: unset;
  }
}

@media(max-width: 850px){
  .career-middle-side{
    padding: 1.5rem 0;
  }
  .career-middle-side > div{
    padding: 1rem 0;
    height: 100%;
  }
}

@media(min-width: 576px){
  .career-middle-side > div img{
    width: 100%;
    padding-bottom: 1.5rem;
  }
}

@media(max-width: 576px){
  .career-middle-side > div img{
    width: 100%;
    padding-bottom: 1.5rem;
  }
  .career-middle-subtitle{
    padding-bottom: 0.4rem;
  }
  .career-middle-side > div ul{
    padding-top: 0.4rem;
  }
  .career-btn{
    width: 15rem;
  }
}

.career-middle-side > div ul li{
  padding: 0.5rem 1.5rem 0.5rem 0;
  float: left;
  font-size: 1.05rem;
}

.career-middle-side > div ul{
  list-style: none;
  padding-left: unset;
  display: flex;
  flex-wrap: wrap;
  margin-bottom: unset;
}

.career-middle-side > div ul li span{
  padding-left: 10px;
  /*color: #fff;*/
  color: #000;
}

.career-middle-side > div ul li i{
  /*color: #f7ee23;*/
  color: #124960;
}

.gallery-item.show{
  -webkit-animation: fadeIn 0.5s ease;
          animation: fadeIn 0.5s ease;
}
@-webkit-keyframes fadeIn{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
@keyframes fadeIn{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
.gallery-item.hide{
  display: none;
}

.popup_branches-detail-right > div{
  overflow: auto;
  height: 100%;
  width: 100%;
}

.hide_box .text-center > p {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.hide_box .text-center > h6 {
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  font-size: 25px;
}

.hide_text .text{
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

@media(min-width: 850px) and (max-width: 1100px){
  .hide_box .text-center > p {
    -webkit-line-clamp: 4;
  }
  .hide_box .text-center > h6 {
    padding-bottom: 0.5rem;
  }
  .intro-btn{
    background-color: #f7ee23;
    color: #000;
    width: 8rem;
    padding: 0.2rem;
    text-align: center;
    border-radius: 4px;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    margin-top: 0.5rem;
  }
}

.popup_branches-detail-screen{
  /*animation: fadeInLeft 0.5s ease-out 1;*/
  transition: 1s;
  transform: translate(0, 0);
  /*-webkit-animation: zoom-in-zoom-out 0.5s ease-out 1;*/
          /*animation: zoom-in-zoom-out 0.5s ease-out 1;*/
}

.hide-at-left{
  transform: translate(-100%, 0) !important;
}

.show-from-left{
  transform: translate(0, 0);
}

@-webkit-keyframes fadeInLeft {
   0% {
      opacity: 0;
      -webkit-transform: translateX(-100px);
              transform: translateX(-100px);
   }
   100% {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0);
   }
}

@keyframes fadeInLeft {
   0% {
      opacity: 0;
      -webkit-transform: translateX(-100px);
              transform: translateX(-100px);
   }
   100% {
      opacity: 1;
      -webkit-transform: translateX(0);
              transform: translateX(0);
   }
} 

@-webkit-keyframes zoom-in-zoom-out {
  0% {
    /*transform: rotate(0deg) scale(0.1);*/
    /*transform: scale(0.1);*/
    opacity: 0.1;
  }
  100% {
    /*transform: rotate(359deg) scale(1);*/
    /*transform: scale(1);*/
    opacity: 1;
  }
} 

@keyframes zoom-in-zoom-out {
  0% {
    /*transform: rotate(0deg) scale(0.1);*/
    /*transform: scale(0.1);*/
    opacity: 0.1;
  }
  100% {
    /*transform: rotate(359deg) scale(1);*/
    /*transform: scale(1);*/
    opacity: 1;
  }
}

.branches-location-link{
  -webkit-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}

.copyright p, .copyright a {
    text-transform: uppercase;
}

.menu_icon{
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}

/*.links .dropdown-parent:hover .dropdown-container-mobile{
  display: block;
}*/

.dropdown-container-mobile{
  position: relative;
  /*background-color: #fff;*/
  padding: 0.6rem 1rem;
  width: calc(100% - 1.5rem);
}

.dropdown-container{
  display: none;
  position: absolute;
  background-color: #fff;
  margin-top: 0.9rem;
  padding: 0.6rem 1rem;
  /*width: -webkit-max-content;*/
  /*width: -moz-max-content;*/
  /*width: max-content;*/
  width: 150px;
  -webkit-transform: translate(-50%, 0px);
      -ms-transform: translate(-50%, 0px);
          transform: translate(-50%, 0px);
  left: 50%;
  -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
          box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
}

.menu_name .dropdown-parent:hover .dropdown-container{
  display: block;
}

.title-show video{
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

.title-show-background-color{
  background-color: #000;
  opacity: 0.6;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

header{
/*  background-color: #282828;*/
}

.title-show h3{
  /*font-size: 3rem;*/
  font-size: 2.5rem;
  margin-bottom: 0.5rem;
  color: #004f72;
}

.title-show h6{
  font-size: 1.5rem;
}

.services-gallery{
  /*height: 50rem;*/
  height: 40rem;
  background-image: url(../Images/supply.jpg);
  background-size: cover;
  background-position: center;
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
}

.service-type-gallery{
  border-right: 9px solid #f0f3f7;
  border-bottom: 9px solid #f0f3f7;
  color: #fff;
  padding: 1.5rem;
  position: relative;
  overflow: hidden;
  cursor: pointer;
}

.service-type-gallery h4{
  font-size: 20px;
  /*font-weight: bolder;*/
  position: absolute;
  left: 0;
  padding: 0 1.5rem;
  text-shadow: 0px 4px 3px rgb(0 0 0 / 40%), 0px 8px 13px rgb(0 0 0 / 10%), 0px 18px 23px rgb(0 0 0 / 10%);
}

.service-type-gallery p{
  font-size: 17px;
  /*font-weight: bolder;*/
  position: absolute;
  left: 0;
  top: 55%;
  -webkit-transform: translate(0,-50%);
      -ms-transform: translate(0,-50%);
          transform: translate(0,-50%);
  padding: 0 1.5rem;
  margin-top: unset !important;
  margin-bottom: unset !important;
  opacity: 0;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  overflow: hidden;
}

.service-type-gallery:hover p{
  opacity: 1;
}

.service-type-hover-background{
  -webkit-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
  -webkit-transform: translateY(-30rem);
      -ms-transform: translateY(-30rem);
          transform: translateY(-30rem);
  background-color: #124960;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: .6;
}

.service-type-gallery:hover .service-type-hover-background {
  -webkit-transform: translateY(0rem);
      -ms-transform: translateY(0rem);
          transform: translateY(0rem);
}

.d-flex-j-center{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.bg-f0f3f7{
  background-color: #f0f3f7;
}

.bg-fff{
  background-color: #fff;
}

.bg-cdd7ea{
  background-color: #cdd7ea;
}

.title-container{
  /*width: 35%;*/
  /*width: 480px;*/
  width: 400px;
  padding: 3rem;
  background-color: #fff;
  position: absolute;
  bottom: -10%;
  z-index: 2;
  -webkit-box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px;
          box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px;
  /*min-height: 60vh;*/
  /*height: 60vh;*/
  /*height: 100%;*/
  height: max-content;
  max-width: 35rem;
  /*max-height: 35rem;*/
}

.title-container p{
  color: #404040;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 6;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.subtitle-container{
  margin-top: 7rem;
}

.subtitle-container h3{
  color: #124960;
  font-size: 30px;
}

.subtitle-container h5{
  color: #404040;
  font-size: 17px;
}

.project-page-view-all-active{
  background-color: #124960;
  color: #fff;
}

.prev-project-container{
  padding-bottom: 2rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.prev-project-container > div{
  position: relative;
  overflow: hidden;
  height: 100%;
}

.prev-project-container img{
  height: 100%;
  width: 100%;
  transition: 0.3s;
}

/*.prev-project-container:first-child, .prev-project-container:nth-child(4n+1){
  padding-left: 0;
}*/

.prev-project-background{
  position: absolute;
  background-color: #000;
  top: 0;
  left: 0;
  opacity: .7;
  bottom: 0;
  right: 0;
  -webkit-transform: translateY(100%);
      -ms-transform: translateY(100%);
          transform: translateY(100%);
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

.prev-project-container > div:hover .prev-project-background{
  -webkit-transform: translateY(0rem);
      -ms-transform: translateY(0rem);
          transform: translateY(0rem);
}

.prev-project-container h5{
  position: absolute;
  padding: 1rem;
  top: 100%;
  color: #fff;
  margin-top: unset;
  font-size: 17px;
  /*font-weight: 800;*/
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  text-shadow: 2px 2px 6px #666;
}

.prev-project-container > div:hover h5{
  top: 65%;
}

.prev-project-container p {
  position: absolute;
  top: 100%;
  margin: 1rem !important;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.prev-project-container > div:hover p{
  top: 3rem;
}

.prev-project-container i{
  position: absolute;
  top: 100%;
  margin: 1rem;
  right: 0.5rem;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  font-size: 17px;
}

.prev-project-container > div:hover i{
  top: 8rem;
}

.prev-project-row{
  margin-left: -0.5rem;
}

.prev-project-container a:hover i {
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}

.header > div{
  padding: 0.5rem 0;
}

.menu_name .dropdown-parent{
  cursor: pointer;
}

.dropdown-link{
  color: #808080;
  display: block;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  overflow-wrap: anywhere;
}

.dropdown-link:hover{
  color: #282828;
}

.dropdown-link:not(:last-child){
  padding-bottom: 0.6rem;
}

.animate__animated {
  -webkit-animation-delay: 0.3s;
  animation-delay: 0.3s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
}

.requirement-content h5 {
  text-align: center;
  font-size: 1.2rem;
  margin-top: 1rem;
}

.requirement-content img{
  width: 40%;
}

.requirement-content {
  padding: 2rem;
}

/*.career-table{
  width: 100%;
  background-color: #fff;
  position: relative;
  z-index: 2;
  box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px;
}

.career-table th, .career-table td {
  padding: 1.5rem 2rem;
}*/

.career-item {
  /*padding: 0rem 0.5rem;*/
  padding: 0 1rem 0 0;
}

.career-item > div {
  padding: 2rem 1rem;
  background-color: #fff;
  height: 100%;
  -webkit-box-shadow: rgb(0 0 0 / 5%) 0px 0px 0px 1px, rgb(209 213 219) 0px 0px 0px 1px inset;
          box-shadow: rgb(0 0 0 / 5%) 0px 0px 0px 1px, rgb(209 213 219) 0px 0px 0px 1px inset;
}

.career-item .career-position{
  /*font-size: 1.3rem;*/
  font-size: 20px;
  color: #124960;
  font-weight: 600;
}

.career-item p {
  color: #404040;
}

.career-item > div .career-posted-date{
  /*font-size: 0.8rem;*/
  font-size: 10px;
  margin-top: 0.2rem !important;
}

.career-item > div .career-posted-date > span{
  font-style: italic;
  padding-left: 0.5rem;
}

.career-apply-btn {
  background-color: transparent;
  padding: 0.3rem 1rem;
  transition: 0.3s;
  color: #004f72;
  border: 2px solid #004f72;
  display: block;
  margin-top: 1rem;
  border-radius: 25px;
  text-align: center;
  font-size: 15px;
  cursor: pointer;
}

.career-apply-btn:hover {
  text-decoration: none;
  background-color: #004f72;
  color: #fff;
}

.career-container{
  /*margin-left: -0.5rem;*/
}

.career-site-location{
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.career-site-name{
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  /*-webkit-line-clamp: 2;*/
  -webkit-box-orient: vertical;
  display: -webkit-box;
}

.career-pagination-btn{
  color: #282828;
  font-weight: bold;
  padding: 0.5rem 0.4rem;
  text-align: center;
  font-size: 15px;
  min-width: 2.5%;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin: 0 0.2rem;
  cursor: pointer;
  border-radius: 2px;
}

.career-pagination-btn:hover{
  text-decoration: none;
  background-color: #004f72;
  color: #fff;
}

.career-pagination-btn-active{
  background-color: #004f72;
  color: #fff;
}

.career-pagination-container{
  margin-left: -0.5rem;
}

.faq-category-title{
  font-size: 1.2rem;
  text-align: center;
  color: #000;
  display: block;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  /*font-weight: bold;*/
}

.faq-category-title:hover{
  text-decoration: none;
  color: #000;
}

.faq-category > div:hover{
  /*text-decoration: none;
  background-color: #fff;
  border-top: 3px solid #124960;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  color: #000;*/
  background-color: #124960;
  color: #fff;
}

.faq-category > div {
  padding: 1rem;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border-top: 3px solid transparent;
  cursor: pointer;
}

.faq-category > div:hover > .faq-category-title {
  color: #fff;
}

.faq-category > div.faq-category-active{
  /*background-color: #fff;
  border-top: 3px solid #124960;
  border-top-right-radius: 2px;
  border-top-left-radius: 2px;*/
  background-color: #124960;
  color: #fff;
}

.faq-question{
  padding: 0 3rem 0 0;
  /*background-color: #fff;*/
}

/*.faq-question > div{
  padding: 1rem 0;
}*/

.faq-question-title{
  font-size: 1.1rem;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.faq-question > div:first-child{
  /*padding-top: unset;*/
  overflow: hidden;
  margin-top: unset;
}

.faq-name{
  cursor: pointer;
  padding-right: 20px;
  transition: 0.3s;
}

.faq-question > div {
  padding: 20px;
  /*border-bottom: 1.5px solid #d0d0d0;*/
  overflow: hidden;
  box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.06);
  background-color: #fff;
  height: max-content;
  margin-top: 20px;
  transition: 0.5s;
}

.faq-icon{
  float: right;
  cursor: pointer;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.transform-rotate-180{
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.faq-content {
  margin: 1.5rem 0 0.5rem;
  font-size: 1rem;
  color: #858585;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.none{
  display: none;
}

.faq-content.animate__animated {
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-delay: unset;
          animation-delay: unset;
}

.career_details > h5{
  /*font-size: 1.3rem;*/
  font-size: 20px;
  color: #124960;
}

.career_details > h5 span{
  padding-left: 0.5rem;
  font-style: italic;
}

video.about-index-video{
  position: relative;
  width: 100%;
  height: auto;
  -webkit-box-shadow: 7px 7px 6px #ccc;
          box-shadow: 7px 7px 6px #ccc;
}

.career-index-video{
  position: absolute;
  height: 100%;
  width: 100%;
}

.bg-124960{
  background-color: #124960;
}

.product-slick-slider{
  width: 100%;
}

.readmore-light-btn {
  /*color: #fff;
  background-color: #004f72;
  border: 2px solid #004f72;
  border-radius: 4px;
  display: block;
  padding: 0.5rem 1rem;
  font-size: larger;
  font-weight: 600;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  width: 300px;
  margin: 0 auto;
  max-width: 100%;*/

  -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    color: #004f72;
    font-size: 20px;
    border: 2px solid #004f72;
    padding: 0.5rem 1rem;
    display: block;
    margin-top: 1rem;
    border-radius: 25px;
    text-align: center;
    background-color: transparent;
    width: 300px;
  margin: 0 auto;
  max-width: 100%;
}

.readmore-light-btn:hover{
  background-color: #003f5b;
}

.service-mobile-background-image{
  position: relative;
  width: 100%;
}

.service-type-mobile-link{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.service-mobile-background-color{
  position: absolute;
  background-color: #124960;
  opacity: .6;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.service-type-mobile-link h4{
  font-size: 1.7rem;
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  color: #fff;
}

.service-type-mobile-link p{
  overflow: hidden;
  -o-text-overflow: ellipsis;
     text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  color: #fff;
}

.service-type-mobile-link > a:hover{
  text-decoration: none;
}

.links .dropdown-parent{
  display: block;
  /*font-size: 1.5rem;*/
  font-size: 17px;
  text-transform: capitalize;
  padding: 1rem 1.5rem;
  color: var(--clr-grey-5);
  -webkit-transition: var(--transition);
  -o-transition: var(--transition);
  transition: var(--transition);
  text-decoration: none;
  list-style-type: none;
  color: #fff;
  cursor: pointer;
}

.links .dropdown-parent i{
  position: absolute;
  right: 3rem;
  cursor: pointer;
  padding-top: 0.1rem;
  -webkit-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
  font-size: 17px;
}

.bg-e6eef9{
  background-color: #e6eef9;
}

.review_slider img, .review_slider_clone img {
  padding: 1rem 0.5rem;
  width: 100%;
  display: block;
}

.review_slider .review-content, .review_slider_clone .review-content{
  /*padding: 1rem 2rem;*/
  padding: 1rem 0 1rem 2rem;
}

.review_slider .review-name, .review_slider_clone .review-name{
  font-size: 25px;
  line-height: 1;
  font-weight: 600;
  font-style: italic;
}

.review_slider .review, .review_slider_clone .review{
  font-size: 17px;
  letter-spacing: 0.2rem;
  font-style: italic;
  margin-top: 2rem;
}

.review_slider .review span, .review_slider_clone .review span{
  font-size: 10px;
  font-weight: 400;
}

.review_slider .owl-nav {
  margin-left: 0.3rem;
}

.review_slider .owl-nav button span{
  font-size: 3rem;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.review_slider .owl-nav button:hover span{
  color: #004f72;
}

.review_slider .owl-nav button:first-child {
  margin-right: 0.5rem;
}

.career-other-page ul{
  margin-bottom: unset;
  list-style-type: decimal;
}

.career-form-btn {
  /*width: 300px;*/
  width: 240px;
  max-width: 100%;
  font-size: 20px;
  background-color: #004f72;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #004f72;
  padding: 0.5rem 1rem;
  display: block;
  margin-top: 1rem;
  border-radius: 25px;
  text-align: center;
  color: #fff;
}

.career-form-btn:hover{
  text-decoration: none;
  background-color: #fff;
  color: #004f72;
}

.color-ff3b3b{
  color: #ff3b3b;
}

.subtitle-container h5.color-ff3b3b{
  color: #ff3b3b;
}

.career_details > h5 span.form-required{
  padding-left: 0.2rem;
}

.career-form-input{
  padding: 0.2rem 1rem;
  border: 1px solid #8c8c8c;
  outline: #8c8c8c;
  min-height: 2.5rem;
}

.career-form-input.readonly{
  color: #5f5f5f;
  background-color: rgb(244,244,244,0.3);
  cursor: default;
}

.career-form-input[type="file"] {
  background-color: #fff;
  cursor: pointer;
}

select.career-form-input{
  background-color: #fff;
}

.form h7{
  padding-top: 10px;
  font-size: 17px;
}

.breadcrumb-title:focus, .career-apply-btn:focus{
  outline: 0;
  -webkit-box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
          box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

a:focus .footer-social-icon{
  -webkit-box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
          box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}

.faq-category > div:hover > .faq-category-title {
  color: #fff;
}

.faq-category-active .faq-category-title{
  color: #fff;
}

.faq-category-mobile i{
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}

.our-group-other-page .requirement-content img {
  /*width: 40%;*/
  width: 100%;
  /*border-radius: 50%;*/
  /*border: 3px solid #000;*/
}

.our-group-other-page .requirement-content{
  padding: 1rem 0.5rem;
}

.our-group-other-page .requirement-content > div{
  /*padding: 2rem 1rem;*/
  /*background-color: #fff;*/
  background-color: #282828;
  /*-webkit-box-shadow: rgb(0 0 0 / 5%) 0px 0px 0px 1px, rgb(209 213 219) 0px 0px 0px 1px inset;*/
  /*box-shadow: rgb(0 0 0 / 5%) 0px 0px 0px 1px, rgb(209 213 219) 0px 0px 0px 1px;*/
  -webkit-box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px;
          box-shadow: rgb(0 0 0 / 16%) 0px 3px 6px, rgb(0 0 0 / 23%) 0px 3px 6px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  height: 100%;
  overflow: hidden;
  position: relative;
}

/*.our-group-other-page .requirement-content > div:hover{
  -webkit-box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
          box-shadow: rgb(0 0 0 / 16%) 0px 1px 4px;
}*/

.our-group-other-page .subtitle-container h3:after {
  content: "";
  display: block;
  height: 3px;
  background-color: #124960;
  width: 20rem;
  margin: auto;
  margin-top: 0.5rem;
}

.our-group-other-page .page{
  margin-left: -0.5rem;
}

.our-group-other-page .requirement-content .member-name {
  text-align: left;
  /*font-size: 1.2rem;*/
  font-size: 20px;
  margin-top: unset;
  color: #fff;
  /*padding-bottom: 1rem;*/
  /* border-bottom: 1px solid #0000003b; */
  /*padding: 0 2rem 1rem;*/
  padding: 2rem 2rem 1rem;
  word-wrap: anywhere;
}

.our-group-other-page .requirement-content .member-phone {
  /*font-size: 1rem;*/
  font-size: 15px;
  /* color: #0000008a; */
  color: #e0dede;
  text-align: left;
  padding: 0 2rem 2rem;
  margin-top: unset;
  font-style: italic;
  word-wrap: anywhere;
}

.member-facebook{
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background-color: #124960;
  margin: 1rem auto 0;
  padding: 0 0.6rem;
  font-size: 20px;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #124960;
  border-radius: 50%;
  width: 45px;
  height: 45px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.member-facebook:hover{
  color: #124960;
  background-color: transparent;
  text-decoration: none;
}

.member-facebook i{
  -webkit-transition: 0s;
  -o-transition: 0s;
  transition: 0s;
}

.popup_branches-detail-left-container > div{
  overflow: hidden;
  height: 100%;
}

.sidebar i {
  color: #fff;
}

.dropdown-container-mobile > a:hover {
  padding-left: 1rem;
  color: #fff;
}

.contact-other-page iframe{
  height: 550px;
}

.f-10{
  font-size: 10px;
}

.f-15{
  font-size: 15px;
}

.f-17{
  font-size: 17px;
}

.f-25{
  font-size: 25px;
}

.f-30{
  font-size: 30px;
}

.career-top-part h3{
  font-size: 30px;
  /*color: #fff;*/
  color: #124960;
}

.career-other-page ul li {
  font-size: 15px; 
  padding-left: 15px;
  line-height: 2.5;
}

.career-other-page .date{
  font-size: 15px;
}

::-webkit-input-placeholder{
  color: #000;
}

::-moz-placeholder{
  color: #000;
}

:-ms-input-placeholder{
  color: #000;
}

::-ms-input-placeholder{
  color: #000;
}

::placeholder{
  color: #000;
}

.form.text_left {
  padding-bottom: 14px;
}

.links .icon-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.color-124960{
  color: #124960;
}

.about-background-image{
  position: absolute;
  background-image: url("../Images/about_discuss.jpg");
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-attachment: fixed;
}

.vision-background-image{
  position: absolute;
  background-image: url("../Images/vision_title.jpg");
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-attachment: fixed;
  background-size: 100%;
}

.career-item > div > div{
  text-align: center;
  margin-bottom: 16px;
}

.career-item > div > div > img{
  width: 50%;
}

.company-data .career-position, .company-data .career-site-location{
  text-align: center;
}

.company-data .career-site-location {
  font-size: 30px;
  margin-bottom: unset !important;
  font-weight: 500;
}

.company-data .career-container > .career-item{
  transition: 0.3s;
  cursor: default;
}

.company-data .career-container > .career-item:hover{
  transform: translate(0px, -20px);
}

section.section-background:nth-child(odd){
  background-color: #f0f3f7;
}

section.section-background:nth-child(even){
  background-color: #fff;
}

.fancybox__container *, .fancybox__container *::before, .fancybox__container *::after{
  transition: unset;
}

.btn.review-btn {
  background-color: #004f72;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  border: 2px solid #004f72;
  padding: 0.5rem 1rem;
  display: block;
  margin-top: 1rem;
  border-radius: 25px;
  text-align: center;
  color: #fff;
  min-width: max-content;
  width: 180px;
}

.btn.review-btn:hover {
  background-color: transparent;
  color: #004f72;
}

.review-btn-container{
  right: 0;
  position: absolute;
  bottom: 10px;
  z-index: 3;
}

.d-none-important{
  display: none !important;
}

.show{
  -webkit-animation: fadeIn 0.5s ease;
          animation: fadeIn 0.5s ease;
}
@-webkit-keyframes fadeIn{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}
@keyframes fadeIn{
  0%{
    opacity: 0;
  }
  100%{
    opacity: 1;
  }
}

.timeline-years-container{
  display: flex;
  flex-wrap: wrap;
}

.timeline-years{
  padding-right: 25px;
  cursor: pointer;
  color: #004f72;
}

.timeline-years-active, .timeline-years-active2{
  font-weight: bold;
}

.timeline-years-active:after, .timeline-years-active2:after{
  position: relative;
  display: block;
  content: "";
  background-color: #004f72;
  height: 2px;
}

.timeline-years-title{
  color: #124960;
}

.timeline-events{
  /*width: 100%;*/
  width: calc(100% - 2px);
}


.timeline-events-content:before {
  position: relative;
  content: "";
  width: 18px;
  height: 18px;
  background-color: #124960;
  display: inline-block;
  left: -62px;
  top: 0%;
  border-radius: 50%;
  transform: translate(0px, 10%);
  cursor: pointer;
}

.events-item{
  margin-left: 50px;
  background-color: #fff;
  /*box-shadow: rgb(0 0 0 / 5%) 0px 0px 0px 1px, rgb(209 213 219) 0px 0px 0px 1px inset;*/
  border: 2px solid #124960;
  padding: 20px 25px;
  margin-top: 20px;
  margin-bottom: 100px;
  border-radius: 5px;
}

.events-item-title{
  color: #124960;
  margin-top: unset;
}

.events-item-date{
  margin-top: unset;
  font-size: 17px;
  font-style: italic;
  /*color: #124960;*/
  padding-left: 10px;
}

.events-item-detail > div {
  display: flex;
  padding-right: 30px;
  flex-wrap: wrap;
  padding-top: 5px;
  align-items: center;
}

.events-item-img-link{
  transition: 0.5s;
  overflow: hidden;
  display: block;
}

.events-item-img{
  transition: 0.5s;
  width: 100%;
}

.timeline-events > .events-item:last-child {
  margin-bottom: unset;
}

.events-item-img-link:hover > .events-item-img{
  transform: scale(1.2);
}

.events-item-detail{
  margin-top: 20px;
  font-size: 17px;
  flex-wrap: wrap;
  display: flex;
}

.events-item-header{
  /*display: flex;*/
  /*align-items: end;*/
}

.timeline-events-line{
  width: 2px;
  /*height: 500px;*/
  background-color: #124960;
  margin-left: 15px;
}

.timeline-events-subcontainer{
  display: flex;
}

.timeline-events-content {
  margin-left: 50px;
  border: 2px solid #124960;
  background-color: #fff;
  transition: 0.3s;
  border-radius: 5px;
  /*margin-bottom: 30px;*/
  width: max-content;
  display: flex;
  align-items: center;
}

.timeline-events-content .timeline-events-title {
  color: #124960;
  font-size: 20px;
  display: inline-block;
  /*background-color: #124960;*/
  padding: 10px 15px;
  margin-top: unset;
  text-align: center;
  margin-left: -22px;
  font-weight: 600;
  /*border: 2px solid #124960;*/
  cursor: pointer;
}

.timeline-events-title > span {
  padding-right: 10px;
  transition: 0.5s;
}

.timeline-events-content:hover .timeline-events-title > i{
  transform: translate(0, 5px);
}

.timeline-transform{
  transform: rotate(180deg) !important;
}

.timeline-events-content:hover{
  background-color: #124960;
}

.timeline-events-content:hover .timeline-events-title{
  color: #fff;
}

.timeline-events-title > i{
  transition: 0.5s;
}

.timeline-events .timeline-events-content:not(:first-child) {
  margin-top: 30px;
}

.events-item-title:after {
  position: relative;
  content: "";
  display: block;
  height: 2px;
  background-color: #124960;
  margin-top: 6px;
  width: 200px;
}

.events-item-middle{
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}

.events-item-middle > div{
  flex-wrap: wrap;
}

.bg-124960-important{
  background-color: #124960 !important;
}

.color-fff-important{
  color: #fff !important;
}

.events-item-content{
  text-align: justify;
}

.right-events-item-content{
  padding-left: 25px;
}

.left-events-item-content{
  padding-right: 25px;
}

.d-none-important{
  display: none !important;
}

.popup_services-detail-screen{
  min-height: 100vh;
  width: 100vw;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
  display: flex;
  justify-content: center;
  align-items: center;
}

/*.popup_services-detail-screen-bg-image{
  background-size: 100%;
  background-position: center;
  background-attachment: fixed;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 1;
}*/

.popup_services-detail-screen-bg-color{
  background-color: rgb(000,000,000, 0.7);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.services-detail-container{
  background-color: #f0f3f7;
  height: 80%;
  width: 80%;
  position: relative;
  overflow: auto;
  display: flex;
  align-items: end;
  padding: 50px 0 30px;
}

.services-detail-category-container {
  display: flex;
  margin-top: -35px;
  margin-left: 30px;
  align-items: center;
  /*flex-wrap: wrap;*/
  flex-wrap: nowrap;
  position: absolute;
  left: 10%;
  top: 10%;
  z-index: 9;
  max-width: 73%;
  overflow: auto;
}

.services-detail-category {
  margin-right: 15px;
  padding: 15px;
  color: #124960;
  background-color: #fff;
  cursor: pointer;
  box-shadow: rgb(0 0 0 / 12%) 0px 1px 3px, rgb(197 213 235 / 24%) 0px 1px 2px;
  transition: 0.3s;
  border-radius: 5px;
}

.services-detail-category:hover{
  background-color: #124960;
  color: #fff;
}

.services-detail-category-title {
  font-size: 20px;
  margin-top: unset;
}

.services-detail-category-icon{
  width: 35px;
}

.services-detail-subcontainer{
  overflow: auto;
  /*height: calc(100% - 70px);*/
  height: 100%;
  width: 100%;
}

.services-item-img {
  transition: 0.5s;
  width: 100%;
}

.right-services-item-content {
  padding-left: 25px;
}

.left-services-item-content{
  padding-right: 25px;
}

.services-item-content {
  text-align: justify;
  color: #404040;
}

.services-item-img-link {
  transition: 0.5s;
  overflow: hidden;
  display: block;
}

.services-item-middle > div {
  flex-wrap: wrap;
}

.services-item-middle {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
}

.services-item {
  padding: 0px 30px 30px;
  border-radius: 5px;
  height: max-content;
}

.services-item-title {
  color: #124960;
  margin-top: unset;
}

.services-item-title:after {
  position: relative;
  content: "";
  display: block;
  height: 2px;
  background-color: #124960;
  margin-top: 6px;
  width: 200px;
}

.services-item-img-link:hover > .services-item-img {
  transform: scale(1.2);
}

.services-item-title span{
  font-size: 15px;
}

.employee_review_slider .employee-review-img > img{
  width: 40% !important;
  margin: auto;
}

.employee_review_slider_clone .employee-review-img > img{
  width: 100% !important;
  margin: auto;
}

.enquiry-page{
  width: 100%;
  position: relative;
  height: 100%;
  /*top: 50%;*/
  /*transform: translate(0, -50%);*/
}

.enquiry-selection-active > .enquiry-select-item, .enquiry-selection-active > i, .enquiry-select-item{
  font-size: 15px;
  margin-top: unset;
}

.enquiry-selection-active > .enquiry-select-item{
  width: calc(100% - 15px);
}

.enquiry-selection-active > i{
  /*width: 15px;*/
  transition: 0.3s;
}

.enquiry-select-container {
  position: relative;
}

.enquiry-other-select-container {
  margin: 10px 0 7px;
  background-color: #f2f2f2;
  position: absolute;
  width: 100%;
}

.enquiry-other-select-container > .enquiry-selection {
  padding: 7px;
  cursor: pointer;
  transition: 0.1s;
}

.enquiry-other-select-container > .enquiry-selection:hover {
  background-color: #124964;
  color: #fff;
}

.enquiry-selection-active {
  padding: 7px;
  margin: 5px 0;
  display: flex;
  align-items: center;
  cursor: pointer;
  /*background-color: #f2f2f2;*/
}

.vision-title{
  color: #124960;
  position: relative;
  font-size: 30px;
  margin-top: unset;
  cursor: pointer;
  padding: 5px 0;
}

.vision-title-line{
  color: #124960;
  position: relative;
  font-size: 30px;
  margin-top: unset;
  padding: 5px 0;
}

.vision-background-color{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  opacity: .4;
}

.vision-title-container{
  display: flex;
  flex-wrap: wrap;
  padding: 0 15px;
  justify-content: center;
}

.vision_review_slider{
  padding: 100px 30px 30px;
}

.employee_review_slider.review_slider .review-content, .employee_review_slider.review_slider_clone .review-content {
  padding: 1rem;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

.vision_review_slider.review_slider .review-content{
  /*padding: 48px;*/
  padding: 32px;
  /*height: 100%;*/
}

.vision_review_slider .owl-item > div {
  padding: 0 10px;
}

.vision_review_slider.review_slider img{
  padding: 0;
  transition: 0.3s;
}

.vision_review_slider .owl-item > div > div {
  background-color: #fff;
}

.vision_review_slider .owl-item > div:hover img{
  transform: scale(1.2);
}

.vision_review_slider.review_slider .review-img {
  overflow: hidden;
  /*height: max-content;*/
}

.vision_review_slider.review_slider .review-name{
  /*font-size: 25px;*/
  font-size: 20px;
  line-height: 1;
  font-weight: 600;
  font-style: normal;
  color: #124960;
}

.vision_review_slider.review_slider .review{
  font-size: 15px;
  letter-spacing: 2px;
   font-style: normal; 
  margin-top: 1.2rem;
}

.vision-title:after {
  position: relative;
  content: "";
  display: block;
  height: 3px;
  background-color: transparent;
  margin-top: 2px;
  transition: 0.3s;
}

.vision-title:hover:after, .vision-title.vision-title-active:after{
  position: relative;
  content: "";
  display: block;
  height: 3px;
  background-color: #124960;
  margin-top: 2px;
  transition: 0.3s;
}

.vision_mission_select{
  /*background-color: #fff;*/
  background-color: #f0f3f7;
}

.search-bar-over-850{
  position: absolute;
  right: 44px;
}

.search-bar-850{
  position: relative;
  left: 1.5rem;
}

.search-bar-over-850 > input{
  width: 300px;
}

.search-bar-850 > input{
  width: calc(100% - 4.5rem);
}

.search-bar-over-850 > input, .search-bar-850 > input{
  outline: none;
  border-radius: 4px;
  border: none;
  padding: 7px;
  max-width: 100%;
}

.faq-question-background-image{
  position: absolute;
  background-size: cover;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../Images/faq.jpg);
  transition: 1s;
  background-position: center;
  background-repeat: no-repeat;
}

.active-faq-question-title, .faq-question-title:hover{
  color: #00608b;
}

.faq-category-mobile > div {
  box-shadow: 0px 5px 25px 0px rgb(0 0 0 / 6%);
  padding: 20px;
  transition: 0.5s;
  overflow: hidden;
}

.faq-question-image-container{
  overflow: hidden;
}

.faq-question-image-container img{
  width: 100%;
  transition: 0.5s;
}

.faq-question-image-container img.active-faq-question-background-image{
  width: 105%;
  margin-left: -2.5%;
  margin-right: -2.5%;
}

.vision-video-btn{
  /*width: 200px;*/
  width: auto;
  margin-top: 1rem;
}

.vision-carousel-background-image{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  transition: 0.5s;
}

.site-country-option-active, .site-state-option-active {
  background-color: #fff;
  border: 2px solid #004f72;
  color: #004f72;
  cursor: pointer;
  padding: 10px 20px;
  justify-content: space-between;
  align-items: center;
}

.site-country-option-active i, .site-state-option-active i {
  transition: 0.3s;
}

.site-country-option{
  /*padding: 10px 80px;*/
}

.site-state-option{
  /*padding: 10px 50px;*/
}

.site-filter-container *{
  font-size: 17px;
}

.site-filter-title{
  color: #404040;
}

.site-filter-country, .site-filter-state{
  margin-right: 20px;
  position: relative;
}

.site-filter-container{
  align-items: center;
}

.site-filter-container h5{
  margin-top: unset;
}

.site-country-option-other, .site-state-option-other {
  position: absolute;
  width: 100%;
  background-color: #fff;
  box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(0 0 0 / 8%) 0px 0px 0px 1px;
  z-index: 2;
}

.site-country-option-other h5, .site-state-option-other h5 {
  padding: 10px 20px;
  color: #124960;
  cursor: pointer;
}

.site-country-option-other h5:hover, .site-state-option-other h5:hover, .site-country-option-other-active, .site-state-option-other-active{
  background-color: #124960;
  color: #fff !important;
}

.sidebar::-webkit-scrollbar{
  display: none;
}

.popup-branches-background-image {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  /*background-position: center;*/
}

.site-name{
  color: #124960;
  font-size: 25px;
}

.popup-map{
  width: 100%;
  height: 300px;
}

.popup_branches-detail-right-1-container p {
  font-size: 17px;
}

.prev-project-container > div:hover img{
  transform: scale(1.1);
}

#our-company-container .readmore-background-image{
  background-image: url(../Images/company2.jpg);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
}

#value-container .readmore-background-image{
  background-image: url(../Images/value.jpg);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
}

#benefits-container .readmore-background-image{
  background-image: url(../Images/benefits.jpg);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
}

#our-company-container.subreadmore-container, #value-container.subreadmore-container{
  background-color: #fff;
}

#benefits-container.subreadmore-container{
  background-color: #282828;
}

#our-company-container .career-middle-subtitle, #value-container .career-middle-subtitle{
  color: #124960;
}

#benefits-container .career-middle-subtitle{
  color: #fff;
}

.career-page #value-container p{
  color: #404040;
}

.career-page #benefits-container p{
  color: #e0dede;
}

.subreadmore-container > div{
  padding: 70px 90px;
  box-shadow: rgb(100 100 111 / 20%) 0px 2px 20px 0px;
}

.readmore-text ul {
  padding-left: unset;
  list-style: none;
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}

#our-company-container .readmore-text ul li, #value-container .readmore-text ul li{
  color: #124960;
}

#benefits-container .readmore-text ul li{
  color: #fff;
}

.subreadmore-container .career-apply-btn{
  width: 250px;
  margin-top: 2rem;
  max-width: 100%;
}

#our-company-container .career-apply-btn ,#value-container .career-apply-btn{
  color: #004f72;
  border-color: #004f72;
}

#our-company-container .career-apply-btn:hover, #value-container .career-apply-btn:hover{
  color: #fff;
  border-color: #004f72;
  background-color: #004f72;
}

#benefits-container .career-apply-btn{
  color: #fff;
  border-color: #fff;
}

#benefits-container .career-apply-btn:hover{
  color: #282828;
  background-color: #fff;
  border-color: #fff;
}

.readmore-text ul li i{
  padding-right: 10px;
}

.our-company-background-image{
  background-image: url(../Images/company2.jpg);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
}

.site-slider .career-position{
  font-size: 25px;
  color: #124960;
}

.site-slider .review-content{
  padding: 2rem 3rem;
}

.site-slider-row{
  margin: 15px 15px 30px 15px;
  box-shadow: rgb(0 0 0 / 35%) 0px 5px 15px;
}

.bg-e6ecf4{
  background-color: #e6ecf4;
}

.mission-background-image{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
  background-position: center;
  background-image: url(../Images/mission-background.jpg);
  background-attachment: fixed;
}

.mission-background-color{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f0f3f7;
  opacity: .9;
}

.mission-title{
  color: #124960;
  font-size: 48px;
}

.mission-container{
  padding: 50px 0;
}

.mission-detail{
  font-size: 20px;
  margin-bottom: unset !important;
  margin-top: 30px !important;
}

/*.mission-detail:after{
  position: relative;
  display: block;
  content: "";
  height: 4px;
  background-color: #124960;
  width: 120px;
  margin-top: 70px;
  transform: translate(-50%, 0px);
  left: 50%;
}*/

.our-group-other-page .requirement-content .member-phone:after {
  position: relative;
  display: block;
  content: "";
  height: 1px;
  background-color: #e0dede;
  margin-top: 25px;
}

.our-group-other-page .requirement-content .leader-join-date {
  font-size: 15px;
  color: #fff;
  text-align: left;
  padding: 0 2rem 1rem;
  margin-top: unset;
}

.our-group-other-page .requirement-content .leader-comment {
  font-size: 15px;
  color: #e0dede;
  text-align: left;
  padding: 0 2rem 2rem;
  font-style: italic;
  margin-top: unset;
}

.leader-hide-text-container {
  position: absolute;
  bottom: 0;
  background-color: #282828;
  transition: 1s;
  height:285px;
  /* transform: translate(0px, 100%); */
  transform: translate(0px, 118px);
}

.our-group-other-page .requirement-content > div:hover .leader-hide-text-container {
  transform: translate(0px, 0%);
}

.timeline-item {
  padding: 10px 0;
}

.timeline-item p {
  margin-top: unset !important;
}

.timeline-item .history-title{
  font-size: 20px;
  margin-bottom: unset !important;
  color: #00608b;
  font-weight: 600;
}

.timeline-item .history-date {
  color: #858585;
  font-style: italic;
  font-size: 15px;
}

.history-read-btn {
  font-size: 15px;
  color: #858585;
  font-weight: 600;
  display: block;
}

.history-read-btn i{
  padding-left: 5px;
  transition: 0.5s;
}

.history-read-btn:hover{
  text-decoration: none;
  color: #858585;
}

.history-read-btn:hover i{
  padding-left: 15px;
}

.history-background-image{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url(../Images/h2.jpg);
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}

.history-background-color{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #fff;
  opacity: .6;
}

.c-fff{
  color: #fff !important;
}

.site-map-container .subtitle-container h3{
  /*text-shadow: #ffffff 0px 0px 0px, rgb(0 0 0 / 20%) 1px 1px 0px;*/
}

.country-icon-big{
  width: 60px;
  margin-right: 20px;
}

.country-icon-small{
  width: 50px;
  margin: 40px 10px;
  border: 3px solid transparent;
}

.country-icon-small.country-icon-small-active{
  border: 3px solid #124960;
}

.services-gallery-background-color{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #124960;
  opacity: .2;
}

.contact-title sub {
  font-size: 17px;
  padding-left: 10px;
}

.footer-contact-info > .contact-footer-btn {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 10px 0;
}

.contact-footer-btn i{
  transition: 0.3s;
}

.contact-footer-btn:hover{
  text-decoration: none;
}

.footer-contact-info:first-child > .contact-footer-btn {
  margin-top: unset;
}

.contact-footer-detail-container > p {
  font-size: 12px;
  color: #c7c7c7;
}

.career-background-color{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #f0f3f7;
  opacity: .9;
}

.section-extra-padding{
  padding: 7rem 0 3rem;
}

.employee-ranking-section .career-middle-side > div > div {
  /*background-color: #fff;*/
  /*box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(0 0 0 / 8%) 0px 0px 0px 1px;*/
  /*padding: 1rem 2rem;*/
  /*padding: 1rem 0;*/
  padding: 0 0 1rem;
}

.employee-ranking {
  box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(0 0 0 / 8%) 0px 0px 0px 1px;
  background-color: #fff;
  padding: 1rem 2rem;
  margin-bottom: 20px;
}

.employee-ranking-section .career-middle-side > div > div .employee-ranking:last-child {
  margin-bottom: unset;
}

.employee-ranking-item{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  /*margin-bottom: 40px;*/
}

.employee-ranking-section .career-middle-side > div img{
  padding-bottom: unset;
}

.employee-ranking-icon, .employee-ranking-image{
  /*margin-right: 30px;*/
}

.employee-ranking-section .career-middle-subtitle{
  margin-bottom: 30px;
}

.employee-ranking-section .career-middle-side > div > div .employee-ranking:last-child > .employee-ranking-item {
  /*margin-bottom: 20px;*/
}

.vision_review_slider.review_slider .review-name sub{
  padding-left: 5px;
  font-size: 12px;
}

.border-none{
  border: none !important;
}

.employee-ranking-image {
  border-radius: 50%;
  border: 3px solid white;
  padding: 2px;
  min-width: 50px !important;
  max-width: unset !important;
}

.employee-ranking-icon{
  margin-right: unset;
  margin-left: auto;
  width: 50px !important;
  height: 50px;
}

p.employee-ranking-name{
  font-size: 25px;
  color: #fff;
}

p.employee-ranking-position{
  color: #e0dede;
  font-size: 15px;
}

.employee-ranking {
  box-shadow: rgb(0 0 0 / 5%) 0px 6px 24px 0px, rgb(0 0 0 / 8%) 0px 0px 0px 1px;
  background-color: #282828;
  padding: 1rem 1.5rem;
  margin-bottom: 15px;
  border-radius: 4px;
}

.employee-ranking-section .career-middle-part .employee-ranking-container{
  max-height: 600px;
  overflow: auto;
}

.subemployee-ranking-container{
  display: flex;
  justify-content: space-between;
  padding-left: 30px;
  flex-wrap: wrap;
  align-items: center;
}

.list-style-none{
  list-style: none !important;
  padding-left: 13px !important;
}

.career-other-page ul li a{
  color: #00608b;
}

.event-ul{
  list-style-type: decimal;
  padding-left: 15px;
  margin-top: .5rem;
  font-size: 15px;
}

.event-ul li{
  padding-left: 15px;
}

.services-ul-decimal-container {
  list-style: decimal;
  padding-left: 20px;
  margin-top: 30px;
}

.services-ul-decimal-container > li{
  color: #124960;
  font-size: 20px;
  padding-left: 5px;
  line-height: 1.5;
}

.subservices-ul-decimal-container {
  margin-bottom: 30px;
  list-style: none;
  padding-left: 5px;
}

.subservices-ul-decimal-container > li {
  color: #404040;
  margin-top: 10px;
}

.subtitle-service-detail{
  color: #124960;
  font-size: 20px;
  line-height: 1.5;
}

.subimg-vertical-service-detail{
  width: 150px;
  max-width: 100%;
}

.subimg-large-vertical-service-detail{
  width: 200px;
  max-width: 100%;
}

.subimg-x-large-vertical-service-detail{
  width: 250px;
  max-width: 100%;
}

.subimg-horizontal-service-detail{
  width: 250px;
  max-width: 100%;
}

.subimg-large-horizontal-service-detail{
  width: 300px;
  max-width: 100%;
}

.subimg-x-large-horizontal-service-detail{
  width: 350px;
  max-width: 100%;
}

.subimg-square-service-detail{
  width: 200px;
  max-width: 100%;
}

.subimg-large-square-service-detail{
  width: 250px;
  max-width: 100%;
}

.subimg-x-large-square-service-detail{
  width: 300px;
  max-width: 100%;
}

.industry-focus-item > div{
  position: relative;
}

.industry-focus-background-image{
  background-position: center;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-size: cover;
}

.industry-focus-item {
  padding-right: 1rem;
  padding-bottom: 1rem;
}

.industry-focus-name, .industry-focus-detail{
  position: relative;
}

.industry-focus-name {
  font-size: 25px;
  color: #fff;
  font-weight: 500;
  margin-bottom: 15px;
}

.flex-wrap-wrap{
  flex-wrap: wrap;
}

.combine-section-top-side{
  padding-bottom: 14rem;
}

.combine-section-middle-side{
  margin-top: -270px;
}

.combine-section-bottom-side{
  padding-top: 5rem;
}

#industry-focus-container .padding_page_link{
  width: 20%;
  padding: 0 0.5rem 1rem;
}

#industry-focus-container .hide_box .text-center > h6{
  font-size: 20px;
  text-shadow: 1px 1px 1px rgb(0 0 0 / 30%);
}

#industry-focus-container .hide_box .text-center > p {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  display: -webkit-box;
  text-shadow: 2px 1px 1px rgb(0 0 0 / 30%);
}

#industry-focus-container .hide_text{
  opacity: 1;
}

#industry-focus-container .hide_image{
  opacity: 0.6;
}

#industry-focus-container .hide_box{
  box-shadow: none;
  border-radius: 2px;
}

.service-type-gallery2{
  cursor: pointer;
}

div::-webkit-scrollbar{
  width: 8px;
  display: none;
}

.services-detail-subcontainer::-webkit-scrollbar{
  display: block;
}

.links .dropdown-parent > a{
  display: inline-block;
  padding: unset;
}

.combine-section-middle-side .subtitle-container{
  margin-top: 5rem;
}

.logo_active{
  filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(0deg) brightness(100%) contrast(100%);
}

.cke_reset {
  display: none !important;
}


/*"✓"*/