@import url('https://fonts.googleapis.com/css2?family=Sarabun:wght@300;400;500;700&display=swap');
body{
   font-family:'Sarabun', sans-serif;
}
.f-light{
     font-weight: 300;
}
.f-book{
     font-weight: 300;
}
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?luyur');
  src:  url('../fonts/icomoon.eot?luyur#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?luyur') format('truetype'),
    url('../fonts/icomoon.woff?luyur') format('woff'),
    url('../fonts/icomoon.svg?luyur#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-all:before {
  content: "\e900";
}
.icon-172924:before {
  content: "\e901";
}
.icon-718557:before {
  content: "\e902";
}
.icon-842990:before {
  content: "\e903";
}
.icon-871075:before {
  content: "\e904";
}
.icon-945733:before {
  content: "\e905";
}
.icon-995648:before {
  content: "\e906";
}
.icon-1016210:before {
  content: "\e907";
}
.icon-1031034:before {
  content: "\e908";
}
.icon-1140350:before {
  content: "\e909";
}
.icon-1232818:before {
  content: "\e90a";
}
.icon-1246516:before {
  content: "\e90b";
}
.icon-1282317:before {
  content: "\e90c";
}
.icon-1404807:before {
  content: "\e90d";
}
.icon-arroba:before {
  content: "\e90e";
}
.icon-placeholder:before {
  content: "\e90f";
}
.icon-left-arrow:before {
  content: "\e910";
}
.icon-right-arrow:before {
  content: "\e912";
}
.icon-right-arrow2:before {
  content: "\e913";
}
.icon-right-arrow3:before {
  content: "\e914";
}
.icon-right-arrow-circular-button:before {
  content: "\e911";
}


/*additional svg icon */

@font-face {
  font-family: 'new-icomoon';
  src:  url('../fonts/svg-font/new-icomoon.eot?g7ghbr');
  src:  url('../fonts/svg-font/new-icomoon.eot?g7ghbr#iefix') format('embedded-opentype'),
    url('../fonts/svg-font/new-icomoon.ttf?g7ghbr') format('truetype'),
    url('../fonts/svg-font/new-icomoon.woff?g7ghbr') format('woff'),
    url('../fonts/svg-font/new-icomoon.svg?g7ghbr#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="new-icon"], [class*=" new-icon"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'new-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.new-icon-Business-Consulting:before {
  content: "\e900";
}
.new-icon-Company-Secretarial:before {
  content: "\e901";
}
.new-icon-Corporate-Management-Support:before {
  content: "\e902";
}
.new-icon-Development-Projects:before {
  content: "\e903";
}
.new-icon-Training-And-Capacity-Building:before {
  content: "\e904";
}
.new-icon-Transaction-Advisory:before {
  content: "\e905";
}





@font-face {
  font-family: 'svg-icomoon';
  src:  url('../fonts/new-font/svg-icomoon.eot?g7ghbr');
  src:  url('../fonts/new-font/svg-icomoon.eot?g7ghbr#iefix') format('embedded-opentype'),
    url('../fonts/new-font/svg-icomoon.ttf?g7ghbr') format('truetype'),
    url('../fonts/new-font/svg-icomoon.woff?g7ghbr') format('woff'),
    url('../fonts/new-font/svg-icomoon.svg?g7ghbr#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="svg-icon"], [class*=" svg-icon"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'svg-icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.svg-icon-business-agreement:before {
  content: "\e900";
}
.svg-icon-global-networking:before {
  content: "\e901";
}
.svg-icon-group:before {
  content: "\e902";
}
.svg-icon-legal-hammer-symbol:before {
  content: "\e903";
}
.svg-icon-link-symbol-of-two-chains-links-linked:before {
  content: "\e904";
}
.svg-icon-printed-circuit-connections:before {
  content: "\e905";
}




/*header start*/
.header-container .navbar-brand.white-logo>img {
  padding: 5px 15px;
 transition: all 500ms cubic-bezier(0.55, 0, 0.1, 1);
}
.header-container .navbar-brand.black-logo>img {
display: none;
transition: all 500ms cubic-bezier(0.55, 0, 0.1, 1);
}
.header-container .navbar-brand {
    padding: 6px 15px;
   }
.header-container .navbar-default {
    background-color: transparent;
    border-color: transparent;
}
header {
    position: relative;
   	left: 0;
    right: 0;
    z-index: 5;
    max-width: 100%;
     background-color: transparent;
     transition: all 0.4s;
     box-shadow: 0px 2px 10px #00000059;
}

#navbarmain ul.navbar-nav li a {
    font-family:'Sarabun', sans-serif;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    background-color: transparent;
   	text-shadow: none;
    padding: 6px 0px;
    margin: 0px 15px;
   	letter-spacing: 1.5px;
   	 -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
ul.navbar-nav li .iconimg a{
    display: flex;
}
#navbarmain  ul.navbar-nav li a:after {
    display: block;
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 0;
    height: 3px;
    background-color: #fff;
    content: "";
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
#navbarmain ul.navbar-nav li a:hover:after {
    width: 100%;
}
#navbarmain ul.nav li a.active {
   /* border-bottom: 3px solid #fff;*/
    color: #ffffff;
}
#navbarmain ul.dropdown-menu li a{
	font-family: 'Sarabun', sans-serif;
    font-size: 15px;
    color: #fff;
    margin: 0px;
    /*padding: 10px 15px;*/
    padding: 7px 10px;
    text-transform: capitalize;
    background-color: transparent;
    display: block;
    text-shadow: none;
     -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
#navbarmain ul.dropdown-menu li a:hover {
    color: #fff;
    background-color: #061735;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    
   
}
#navbarmain ul.dropdown-menu li a:after {
    display: block;
    position: absolute;
    left: 0;
    bottom:0;
    width: 0;
    height: 0;
    background-color: transparent;
    content: "";
}
#navbarmain .dropdown-menu {
    right: auto;
    left: 0rem;
    /*left: -15rem;*/
    background-color: #146662;
    box-shadow: none;
    border: 0;
    border-radius: 0;
    display: none;
    flex-wrap: wrap;
    /*width: 71rem;*/
    width: 55rem;
    padding: 5px 15px 20px;
}
/*#navbarmain .dropdown:hover .dropdown-menu, #navbarmain .dropdown-toggle:hover .dropdown-menu, #navbarmain .dropdown-menu:hover {display: flex !important;
}*/
.dropdown-menu h2 {
    font-size: 20px;
    color: #fff;
}
/*.nav-group:first-child {
    border-bottom: 1px solid #a5a5a5;
    padding-bottom: 1rem;
}*/
#navbarmain .dropdown-menu .nav-group-links {
    display: flex;
    flex-wrap: wrap;
    width:100%;
}
#navbarmain .dropdown-menu li {width: 50%; display: block;}


/*#navbarmain  ul.dropdown-menu:before{
	position: absolute;
    top: -7px;
    left: 36px;
    display: inline-block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #e12228;
    border-left: 8px solid transparent;
}*/
#navbarmain ul.nav.navbar-nav.navbar-right {
    margin-top: 15px;
}
#navbarmain  span.icon-right-arrow3 {
    position: relative;
    top: 2px;
    left: 3px;
}
.no-scroll {
    overflow: hidden;
}
/*****header shrink****/
header.shrink {
    /*position: fixed;*/
    background-color:#fff;
    top: 0;
    height:80px;
    z-index: 5;
    box-shadow: 0px 1px 3px #ddd;
  	-webkit-transition: background-color 0.7s ease-out;
  	-moz-transition: background-color 0.7s ease-out;
  	-o-transition: background-color 0.7s ease-out;
  	transition: background-color 0.7s ease-out;
}
header.shrink #navbarmain ul.nav.navbar-nav.navbar-right {
    margin-top: 12px;
}
header.shrink #navbarmain ul.navbar-nav li a:after{
	background-color: #061735;
}
header.shrink .header-container .navbar-brand.white-logo>img {
 	display: none;
}
header.shrink .header-container .navbar-brand.black-logo>img {
    display: block;
    width: 90%;
    margin-top: 10px;
}
header.shrink #navbarmain ul.navbar-nav li a{
    color: #061735;	
}
header.shrink #navbarmain ul.dropdown-menu li a{
    color: #fff;	
}
/*header.shrink #navbarmain ul.nav li a.active{
        border-bottom: 3px solid #061735;
}*/
header.shrink.fixed-top {position: fixed;}


/*header end*/
/*===========footer start============*/
footer {
    background-color: #061735;
}
.footer-main-wrapper {
    padding: 25px 0px 50px;
}
.footer-main-wrapper .padding-0:nth-child(1) {width: 22%;}
.footer-main-wrapper .padding-0:nth-child(2) {width: 10%;}
/*.footer-main-wrapper.padding-0:nth-child(3) {}*/
.footer-logo-wrapper {margin-top: 2.5rem;}
h3.footer-heading {
    font-family: 'Sarabun', sans-serif;
    font-size: 17px;
    color: #ffffff;
    /* padding-bottom: 5px; */
    margin-top: 10px;
}
hr.footer-divider {
    border-top: 1px solid #1f507e;
    margin: 5px 0px;
    width: 100%;
    display: none;
}
.wrapper-email {
    /* margin: 0px 9px; */
    margin-bottom: 8px;
}
.maps-content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    /* margin: 0px 9px; */
}
.first-img {
    margin-bottom: 6px;
}
.maps-content img {
    /* margin-right: 6px; */
    width: 45px;
}
.footer-text-wrapper ul.footer-list {
  /*  display: flex;*/
    flex-wrap: wrap;
}
.footer-text-wrapper ul.footer-list li {
    width: 100%;
    padding-right: 5px;
}
ul.footer-list {
    margin: 0;
    padding: 0;
    list-style-type: none;

}
ul.footer-list.mailinfo {
    display: flex;
    align-items: center;
}
ul.footer-list.mailinfo i {
    color: #fff;
    margin-right: 7px;
    font-size: 20px;
}
.footer-heading i {
    color: #fff;
    font-size: 20px;
    margin-right: 9px;
}
ul.footer-list img {
    width: 13%;
    height: 37px;
    padding-right: 6px !important;
    background: #146662;
    border-radius: 20px;
    padding: 6px 6px;
    margin-top: -7px;
    margin: 0px 3px;
    /* top: -10%; */
}
ul.footer-list li a {
    font-family: 'Sarabun', sans-serif;
    font-size: 16px;
    color: #d4d7da;
    line-height: 20px;
    margin-bottom: 6px;
   
}
ul.footer-list.mailinfo li a {
    font-size: 16px;
}
.flag-section h3{
    margin-top: 20px;
    margin-bottom: 15px;
}
ul.footer-list li a:hover,
ul.footer-list li a:focus{
	color: #fff;
}
footer address {
    color: #d4d7da;
    font-size: 16px;
    font-family: 'Sarabun', sans-serif;
}
.footer-strip {
    border-top: 1px solid #1c507f;
    padding: 20px 0px 10px 0;
}
.footer-strip span {
    font-size: 15px;
    color: #146662;
    font-weight: 600;
}
.footer-strip a {
    font-size: 14px;
   color: #fff;
}
.footer-strip p {
    font-size: 14px;
    color: #fff;
}
p.footer-text {
    color: #fff;
  font-family: 'Sarabun', sans-serif;
    font-size: 16px;
    margin-left: -13px;
}
p.footer-text a{
	color: #fff;	
}
p.footer-text a:hover,
p.footer-text a:focus{
 color: #d06e41;
}
.privacy-text {
    text-align: right;
}
.footer-text span.orange-text {
    color: #fff;
}
ul.social-footer-list {
    padding: 0;
    margin: 0;
    list-style-type: none;
}
ul.social-footer-list li {
    margin: 0;
    padding: 0;
    display: inline;
}

ul.social-footer-list li i {
    color: #fff;
    font-size: 28px;
    padding: 10px 12px;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}
ul.social-footer-list li i.fa.fa-facebook:hover{
    color:#2556a1;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}
ul.social-footer-list li i.fa.fa-twitter:hover{
    color: #00a3f5;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}
ul.social-footer-list li i.fa.fa-linkedin:hover{
    color:#007cb9;
    -webkit-transition: 0.2s ease-in;
    -moz-transition: 0.2s ease-in;
    -o-transition: 0.2s ease-in;
    transition: 0.2s ease-in;
}
/*********footer end*********/
/*=========common css start==========*/
.container-full {
    margin: 0 auto;
    width: 100%;
    overflow: hidden;
}
a:focus, a:hover{
	text-decoration:none;
	outline:0;
}
.sim-button{
    line-height: 40px;
    height: 40px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    width: 150px;
    cursor: pointer;
}
#industries .button8 { margin: 2rem auto 1rem;}
.button8{
    color: rgba(255,255,255,1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border: 0;
    position: relative; 
    background: #146662;
}
.button8 a{
    color: #fff;
    text-decoration: none;
    display: block;
}
.button8 span{
    z-index: 2; 
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    font-family:'Sarabun', sans-serif;
    color: #fff;
    font-size: 17px;   
}
.button8 button {
    height: auto;
    background: transparent;
    border: 0;
}
.button8 button span {position: relative; background: none;}
.button8::before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    background-color:#061735;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;

}
.button8:hover::before{
    opacity: 1;
    width: 100%;
}
.img-wrapper {
    overflow: hidden;
    position: relative;
}
.zoomin img {
    -webkit-transition: all 0.5s linear;
    transition: all 0.5s linear;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    width: 100%;
}
.zoomin img:hover {
    -webkit-transform: scale3d(1.1, 1.1, 1);
    transform: scale3d(1.1, 1.1, 1);
}
.img-greyscale img{
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
}
.img-greyscale img:hover{
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
/*=======common css end========*/

/***********index page***********/
/*=====slider start=========*/
.bs-slider{
    overflow: hidden;
    max-height: 700px;
    position: relative;
    background: #000000;
}
.bs-slider:hover {
    cursor: -moz-grab;
    cursor: -webkit-grab;
}
.bs-slider:active {
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}
.bs-slider > .carousel-inner > .item > img,
.bs-slider > .carousel-inner > .item > a > img {
    margin: auto;
    width: 100% !important;
}
.bs-slider .carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 0;
    background-color: #ec771c;
    border-color: #ec771c;
}
/**************Slide effect********/
.bs-slider .bs-slider-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.10);
}
.fade {
    opacity: 1;
}
.fade .item {
    top: 0;
    z-index: 1;
    opacity: 1;
    width: 100%;
    position: absolute;
    left: 0 !important;
    display: block !important;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}
.fade .item:first-child {
    top: auto;
    position: relative;
}
.fade .item.active {
    opacity: 1;
    z-index: 2;
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}
/*---------- LEFT/RIGHT ROUND CONTROL ----------*/
.control-round .carousel-control {
    top: 60%;
    opacity: 1;
    width: 45px;
    height: 45px;
    z-index: 100;
    color: #ffffff;
    display: block;
    font-size: 24px;
    cursor: pointer;
    overflow: hidden;
    line-height: 50px;
    text-shadow: none;
    position: absolute;
    font-weight: normal;
    background: transparent;
    -webkit-border-radius: 100px;
    border-radius: 100px;
}
.control-round:hover .carousel-control{
    opacity: 1;
}
.control-round .carousel-control.left {
    left: 5%;
}
.control-round .carousel-control.right {
    right:5%;
}
.control-round .carousel-control.left:hover,
.control-round .carousel-control.right:hover{
    color: #fdfdfd;
  /*  background: rgb(46, 41, 92);*/
    border: 0px transparent;
}
.control-round .carousel-control.left>span:nth-child(1){
    left: 45%;
}
.control-round .carousel-control.right>span:nth-child(1){
    right: 45%;
}
/*---------- SLIDE CAPTION ----------*/

.slide-text {
    left: 0;
    bottom: 44%;
    right: 0;
    margin: 0 auto;
   	position: absolute;
    text-align: center;
}
.slide-text > h1 {
    font-family:'Sarabun', sans-serif;
    text-transform: uppercase;
    color: #fff;
    padding: 0;
    display: inline-block;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    font-size: 58px;
    line-height: 60px;
    text-shadow: 0px 2px 13px rgba(0, 0, 0, 0.29);
    font-weight: 700;
}
.slide-text > h2 {
    font-family: 'Sarabun', sans-serif;
    text-transform: uppercase;
    color: #fff;
    padding: 0;
    display: inline-block;
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    font-size: 58px;
    line-height: 60px;
    text-shadow: 0px 2px 13px rgba(0, 0, 0, 0.29);
    font-weight: 700;
}
.slide-text > p {
      font-family:'Sarabun', sans-serif;
    font-size: 24px;
    color: #fff;
    text-shadow: none;
    padding: 0;
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
    line-height: 25px;
    text-transform: uppercase;
}
.slide-text span.readmore-text a {
    font-family:'Sarabun', sans-serif;
    font-size: 25px;
    color: #cb5536;
    text-transform: capitalize;
}
.slide-text span.readmore-text a:hover,
.slide-text span.readmore-text a:focus{
	color: #6e7174;
}
.slide-text .link-slider {
    position: relative;
    top:65px;
    background: #fff;
    height: 50px;
    width: 50px;
    margin: 0 auto;
    border-radius: 50%;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.slide-text .link-slider span{
    position: relative;
    top: 17px;
    color: #6e7174;
}
.slide-text .link-slider a:hover,
.slide-text .link-slider a:focus{
	color: #fff;
}
.slide-text .link-slider a:hover,
.slide-text .link-slider a:focus,
.slide-text .link-slider a:hover span,
.slide-text .link-slider a:focus span{
    color: #ec771c;
}
.slide-text > a:hover,
.slide-text > a:active {
    color: #ffffff;
    background: #222222;
    -webkit-transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
    transition: background 0.5s ease-in-out, color 0.5s ease-in-out;
}
img.slide-image.img-responsive{
  width: 100%;
}
.home-slider .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #337ab736;
    background: linear-gradient(90deg, rgba(0,0,0,0.21332282913165268) 17%, rgba(0,0,0,0.5494572829131652) 46%, rgba(0,0,0,0.31416316526610644) 76%);
}
/*========slider end ===========*/
/*paralaxing css*/
.parallax-container {
  position: relative;
  overflow: hidden;
}

.parallax-parent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.parallax-content {
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

}
.parallax-container .parallax {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
.parallax-container .parallax img{
  display: none;
  position: absolute;
  left: 50%;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

/*parallaxing end*/
section.what-included {
    width: 100%;
    padding-top: 1rem;
    padding-bottom: 0rem;
    background-repeat: no-repeat;
    background-size: cover;
}
.what-included#page_scroll .container-fluid {padding: 0 30px;}
.what-included#page_scroll .col-\*.col-xs-12 {padding: 0 3px; width: 20%;}
/*.what-included#page_scroll .col-\*.col-xs-12:first-child {padding-left: 15px;}
.what-included#page_scroll .col-\*.col-xs-12:last-child {padding-right: 15px;}*/
.ehover12{
    background: #146662;
    cursor: pointer;
    height: 300px;
}
.hover {
   
    position: relative;
    cursor: default;
    text-align: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.ehover12 img {
    max-width: none;
    width: calc(100% + 20px);
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
        /*width: 105% !important; */
}

.hover img {
   display: block;
    position: relative;
    object-fit: cover;
    height: 100% !important;
}
.ehover12 .overlay {
    padding: 10px;
    cursor: pointer;
    position: relative !important;
}
.hover .overlay {
    position: absolute;
    top: 0;
    left: 0;
}
.hover, .hover .overlay {
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
}
.ehover12 h4{
    position: relative;
    overflow: hidden;
    /*top: 25px;*/
	background-color: transparent;
   font-family:'Sarabun', sans-serif;
    color: #fff;
    font-size: 19px;
    /*text-transform: uppercase;*/
}
.ehover12 h4::after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    -webkit-transition: -webkit-transform .35s;
    transition: transform .35s;
    -webkit-transform: translate3d(-100%,0,0);
    transform: translate3d(-100%,0,0);
}
.ehover12:hover img {
    
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.ehover12:hover h4::after {
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.icon-rounded-back span {
    color: #fff;
    border: 1px solid #fff;
    border-radius: 50%;
    padding: 15px;
    display: inline-block;
}
.icon-rounded-back .icon-842990{
    font-size: 40px;
}
.icon-rounded-back span.icon-1031034{
	font-size: 40px;
}
.icon-rounded-back span.icon-871075{
	font-size: 40px;
}
.icon-rounded-back span.icon-172924{
	font-size: 40px;
}

.icon-rounded-back span.icon-size {
    font-size: 40px;
}


section.what-included h3, section.counter h3, section#timeline h2 {
   font-family:'Sarabun', sans-serif;
    text-align: center;
    /*font-size: 19px;*/
    font-size: 28px;
    color: #061735;
    text-transform: capitalize;
    margin-bottom: 25px;
    margin-top: 0;
    padding-top: 30px;
}
#included-slider.owl-carousel .owl-dots.disabled, 
#included-slider.owl-carousel .owl-nav.disabled {
    display: block;
}
#included-slider .owl-nav .owl-next {
    position: absolute;
    top: 30%;
    right: -40px;
    font-size: 60px;
    color: #146662;
    opacity: 1;
    background: transparent;
    border: 0;
}
#included-slider .owl-nav .owl-prev {
    position: absolute;
    top: 30%;
    left: -40px;
    font-size: 60px;
    color: #146662;
    opacity: 1;
    background: transparent;
    border: 0;
}

.icon-round {
    background-color: rgb(30, 146, 240);
    opacity: 0.478;
    height: 100px;
    width: 100px;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center;
    display: flex;
    align-items: center;
    border: 5px solid #91b8d9;
}
.icon-round span{
	color: #fff;
    text-align: center;
    margin: 0 auto;
}
.icon-round span.icon-1246516{
	font-size: 70px;
}
.icon-round span.icon-945733{
    font-size: 80px;
    top: -10px;
    position: relative;
}
.icon-round span.icon-1016210{
    font-size: 50px;
}
.pop-up-wrapper.popup-top {
    margin-top: 30px;
}
.vertical-line{
  position: absolute;
  width:100%;
  height: 40%;
  background: #8a98ad;
  top: 30%;
  box-shadow: 0px 0px 30px 20px grey;
}
.vertical-line-wrapper{
 width: 2px;
  height:120px;
  margin: auto;
  position: relative;
  overflow: hidden;
}
.box-popup h4 {
    background-color: #ffffff;
    padding: 15px 20px;
    position: absolute;
    font-size: 16px;
    font-family:'Sarabun', sans-serif;
    text-transform: uppercase;
    color: #061735;
    top: 10px;
    right: -111px;
  	display: none;

}

.box-popup.top-side h4{
    top: 40px;
}
.box-popup.left-side h4 {
    left: -98px;
    right: auto;
}
.box-popup.left-side h4:before{
    border-left: 5px solid #1e92f0;
    left: 0px;
    border-right: 0;
}
.client-img-wrapper {
    border-left: 1px solid #f3f2f2;
    margin-top: 10px;
    margin-bottom: 10px;
}
.box-popup h4:before {
	content: "";
    position: absolute;
    display: block;
    border-right: 5px solid #1e92f0;
    height: 57px;
    right: 0px;
    bottom: -5px;
    border-top: 5px solid #1e92f0;
    border-bottom: 5px solid #1e92f0;
    width: 30px;
}
.pop-up-wrapper:hover .box-popup h4,
.pop-up-wrapper:focus .box-popup h4{
	display: block;

}
.pop-up-wrapper:hover .icon-round{
    background-color: #3694e8;
}
.pop-up-wrapper:hover .icon-round span{
color: #fff;

}
h3.include-bottom-text {
    color: #fff !important;
    font-family:'Sarabun', sans-serif;
    font-size: 25px;
    text-transform: capitalize;
    margin: 0;
}
.arrow-back {
    opacity: 0;
    position: relative;
    top: 20px;
    background: #fff;
    display: block;
    height: 50px;
    width: 50px;
    margin: 0 auto;
    border-radius: 50%;
    border: 8px solid #061735;
}
.arrow-back span.icon-right-arrow3.arrow-icon {
    position: relative;
    top: 10px;
}
section.include-bottom {
    background-color: #061735;
    text-align: center;
    padding: 19px 0px 22px;
    display: flex;
    align-items: center;
    justify-content: center;
}
section.client-section .row{
	border-top: 1px solid #f3f2f2;	
}
.client-img-wrapper {
    border-left: 1px solid #f3f2f2;
    margin-top: 0;
    margin-bottom: 0;
    padding: 30px 0px;
}
.client-img-wrapper img {
    width: auto !important;
    margin: 0 auto;
}
/*about tabs*/
section.company-tab {
    padding-top: 50px;
    padding-bottom: 50px;
}
.nav-tabs-dropdown {
  display: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.nav-tabs-dropdown:before {
  content: "\e114";
  font-family: 'Glyphicons Halflings';
  position: absolute;
  right: 45px;
}
section.company-tab h3.tab-heading {
    font-family: 'Sarabun', sans-serif;
    font-size: 19px;
    color: #146662;
    text-transform: uppercase;
}
.company-tab.nav-tabs>li>a{
    text-align: center;
    margin-right: 0;
    border-radius: 0;
    border: 0;
}
.company-tab.nav-tabs>li{
    margin: 0 auto;
    text-align: center;
    width: 25%;
 }
 .company-tab.nav-tabs>li>a span{
    color: #061735;
 }
.company-tab.nav-tabs  .navicon-wrapper {
    min-height: 80px;
}
 .company-tab.nav-tabs span.icon-718557 {
   font-size: 60px;
}
.company-tab.nav-tabs span.icon-1404807 {
    font-size: 60px;
}
.company-tab.nav-tabs span.icon-995648 {
    font-size: 60px;
}
.company-tab.nav-tabs span.icon-1140350 {
    font-size: 60px;
}
.company-tab.nav-tabs>li.active>a, 
.company-tab.nav-tabs>li.active>a:focus,
.company-tab.nav-tabs>li.active>a:hover{
    border: 0;
    border-bottom: 3px solid #146662;
}
.company-tab.nav-tabs>li>a:hover{
    border-color:transparent;
    background-color: #fff;
    border-bottom:3px solid #146662;
}
.tab-content.company-tab .tab-main-wrapper {
    padding-top: 50px;
    position: relative;
    float: left;
    width: 100%;
}
.tab-content.company-tab  .tab-text-wrapper {
    padding-left: 70px;
}
.tab-content.company-tab h3.tab-title {
    font-family:'Sarabun', sans-serif;
    color: #061735;
    font-size: 38px;
    margin-top: 0;
    margin-bottom: 45px;
}
.tab-content.company-tab h3.tab-title:before{
    position: absolute;
    content: '';
    text-align: center;
    border-bottom: 2px solid #17cbfe;
    width: 150px;
    margin: 0 auto;
    left: 95px;
    margin-top: 60px;
}
.tab-content.company-tab p.tab-content {
 font-family: 'Sarabun', sans-serif;
    font-size: 20px;
    color: #6e7174;
}
.tab-content.company-tab  ul.tab-listing li {
    font-family: 'Sarabun', sans-serif;
    font-size: 20px;
    color: #6e7174;
}
.tab-content.company-tab  h4.sub-title {
   font-family: 'Sarabun', sans-serif;
    font-size: 23px;
    color: #061735;
}
.tab-content .link-div .sim-button {
    margin: 25px 0;
}
.service-content {
    font-family: 'Sarabun', sans-serif;
    font-size: 20px;
    color: #3c3e3f;
    margin-top: 0px;
}
/*company overview*/
section.about-company {
    /* background-image: url(../images/about-back.jpg); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    padding-top: 70px;
    padding-bottom: 70px;
    background-color: #f9f9f9;
}
.about-company-text-wrapper {
    background: #fff;
    width: 100%;
    text-align: center;
    padding-bottom: 15px;
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    -moz-transition-tming-function: ease-in;
    -o-transition-timing-function: ease-in;
}
.about-company-wrapper:hover .about-company-text-wrapper{

    transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
}
.company-img-wrapper img {
    width: 100%;
}
.about-company-text-wrapper span.icon {
    background: #eb2235;
    border-radius: 50%;
    color: #fff;
    margin: 0 auto;
    position: relative;
    padding: 10px;
    top: -20px;
}
.about-company-text-wrapper.blue-text span.icon{
     background: #329df0;
}
.about-company-text-wrapper.yellow-text span.icon{
    background: #bca01b; 
}
.about-company-text-wrapper span.icon-all {
    font-size: 45px;
}
.about-company-text-wrapper span.icon-172924{
    font-size: 50px;
}
.about-company-text-wrapper span.icon-1232818.icon {
    font-size: 45px;
}
.about-company-text-wrapper h3.company-title {
    font-family:'Sarabun', sans-serif;
    font-size: 25px;
    color: #061735;
    margin: 0 auto;
}
.about-company-text-wrapper h4.company-subtitle {
    font-size: 12px;
    font-family:'Sarabun', sans-serif;
    color: #eb2235;
    text-transform: uppercase;
    letter-spacing: 4px;
    padding: 20px 0px 30px;
}
.about-company-text-wrapper.yellow-text h4.company-subtitle{
    color: #bca01b;
}
.about-company-text-wrapper.blue-text h4.company-subtitle{
   color: #329df0; 
}
.card .wrapper {
  background-color: #fff;
  min-height: 400px;
  position: relative;
  overflow: hidden;
  -webkit-box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.2);
          box-shadow: 0 19px 38px rgba(0, 0, 0, 0.3), 0 15px 12px rgba(0, 0, 0, 0.2);
}
.card .wrapper:hover .data {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.card .data {
  position: absolute;
  bottom: 0;
  width: 100%;
  -webkit-transform: translateY(calc(70px + 1em));
          transform: translateY(calc(70px + 1em));
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}
.card .data .content {
  padding:0px 5em 4em 5em;
  position: relative;
  z-index: 1;
    overflow: visible;
}
.card-1 .wrapper {
  background: url(../images/service-global.jpg) no-repeat;
}
.card-2 .wrapper {
  background: url(../images/about-company.jpg) no-repeat;
}
.card-3 .wrapper {
  background: url(../images/services-3.jpg) no-repeat;
}
.card-1 .content {
  background-color: #fff;
  -webkit-box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.3);
   box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.3);

}
/*right arrow */

.right-arrow .data:hover  {
    opacity: 1;
    transition: all 0.3s ease-in-out;
    color: black;
} 
 
/*testimonial slider*/
.quote {
    color: rgba(0,0,0,.1);
    text-align: center;
    margin-bottom: 30px;
}
/*    Carousel Fade Transition   */

#fade-quote-carousel.carousel {
  padding-bottom: 60px;
  padding-top: 60px;
}
/*#fade-quote-carousel.carousel .carousel-inner .item {
  opacity: 0;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}
#fade-quote-carousel.carousel .carousel-inner .active {
  opacity: 1;
  -webkit-transition-property: opacity;
      -ms-transition-property: opacity;
          transition-property: opacity;
}*/
#fade-quote-carousel.carousel .carousel-indicators {
  bottom: 10px;
}
.include-bottom a{
    display: none;
}
#fade-quote-carousel.carousel .carousel-indicators > li {
  background-color: #e84a64;
  border: none;
}
#fade-quote-carousel .carousel-control{
    text-shadow: none;
    background-color:#fff;
    opacity: 1;
    top: 50%;
}
#fade-quote-carousel span.icon-left-arrow,
#fade-quote-carousel span.icon-right-arrow{
 color: #061735;
 font-size: 30px;
}

#fade-quote-carousel .carousel-control.right, 
#fade-quote-carousel .carousel-control.left{
	background-image: none;
}
#fade-quote-carousel blockquote {
    text-align: center;
    border: none;
}
#fade-quote-carousel .profile-circle {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 100px;
}
#fade-quote-carousel .profile-circle img{
	margin:0 auto;
	background: #eb2235;
    border-radius: 50%;
}
#fade-quote-carousel h3.testimonial-title {
    text-align: center;
    font-family:'Sarabun', sans-serif;
    color: #061735;
    font-size: 23px;
}
#fade-quote-carousel h4.testimonial-position {
    font-family: 'FuturaPT-Light';
    font-size: 20px;
    text-transform: uppercase;
    color: #6e7174;
    text-align: center;
}
#fade-quote-carousel p{
	font-family: 'FuturaPT-Light';
    font-size: 21px;
    color: #6e7174;
    line-height: 35px;
    width: 75%;
    margin: 0 auto;
}
section.testimonial-section {
    padding-top: 30px;
    padding-bottom: 20px;
}
.testimonial-section h3.title-testimonial {
    font-family:'Sarabun', sans-serif;
    font-size: 38px;
    color: #061735;
    text-align: center;
}
.testimonial-section h3.title-testimonial:before{
	position: absolute;
    content: '';
    text-align: center;
    border-bottom: 2px solid #17cbfe;
    width: 150px;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-top: 60px;
}
/******about page*******/
section.banner-section{
    background-size: cover;
    background-position: center;
    /*height: 350px;*/
    height: 358px;
    max-width: 100%;
    position: relative;
}
section.banner-section.about-banner {
    background-image: url(../images/about-banner.jpg);
}
h1.banner-heading {
    font-family: 'Sarabun', sans-serif;
    text-align: center;
    font-size: 58px;
    color: #fff;
    /* top: 120px; */
    top: 50%;
    transform: translateY(-50%);
    position: relative;
    text-transform: uppercase;
}
section.banner-section .container, section.banner-section .container .row, section.banner-section .container .col-lg-12 {
    position: relative;
    height: 100%;
    display: block;
}
section.banner-section .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #061735a8;
}
.arrow-back-banner.hidden-xs {
    position: absolute;
    /*top: 220px;*/
    bottom: 0%;
    left: 50%;
    top: auto;
    transform: translate(-50%, 50%);
    background: #fff;
    height: 50px;
    width: 50px;
    margin: 0 auto;
    border-radius: 50%;
    border: 8px solid #061735;
    border-bottom-right-radius: 50%;
    z-index: 1;
}
.arrow-back-banner span.icon-right-arrow3.arrow-icon {
    position: relative;
    top: 12px;
    text-align: center;
    margin: 0 auto;
    left: 0;
    right: 0;
    display: block;
}
section.about-nav-back {
    background-image: url(../images/about-main-img.jpg);
    /* height: 410px; */
    height: auto;
    background-size: cover;
    background-position: center;
    max-width: 100%;
}
section.about-nav-back h3.page-small-title {
   font-family: 'Sarabun', sans-serif;
    text-align: center;
    text-transform: uppercase;
    font-size: 32px;
    margin-top: 80px;
    color: #061735;
    font-weight: 700;
}
section.about-nav-back h2.page-heading {
   font-family: 'Sarabun', sans-serif;
    text-align: center;
    /*font-size: 41px;*/
    font-size: 32px;
    color: #061735;
    margin-bottom: 30px;
}
section.about-page-tab h3.tab-heading {
    font-family:'Sarabun', sans-serif;
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
    margin: 0px 45px;
}
section.about-page-tab  h3.tab-middle-heading {
   font-family: 'Sarabun', sans-serif;
    color: #146662;
    font-size: 28px;
    text-transform: capitalize;
    top: 60px;
    position: relative;
}
section.about-page-tab .about-tab.nav-tabs>li>a{
    text-align: center;
    margin-right: 0;
    border-radius: 0;
    border: 0;
    cursor: pointer;
    background-color:transparent;
    position: relative;
}
section.about-page-tab .about-tab.nav-tabs{
    border-bottom:0;
}
section.about-page-tab .about-tab.nav-tabs>li .nav-wrapper{
    height: 190px;
    width: 190px;
    border-radius: 50%;
    margin: 0 auto;
}
section.about-page-tab .navicon-wrapper img {
    /* position: absolute;
    width: 28%;
    display: block;
    align-items: center;
    justify-content: center;
    text-align: center; */
    width: 30px;
}
section.about-page-tab .about-tab.nav-tabs .red-back {
    /* background:#146662; */
}
section.about-page-tab .about-tab.nav-tabs .blue-back{
    /* background-color: #061735; */
}
section.about-page-tab .about-tab.nav-tabs .white-back{
    background-color: #fff;
}
section.about-page-tab .about-tab.nav-tabs>li{
    margin: 0 auto;
    text-align: center;
    width: 20%;
 }
section.about-page-tab .about-tab.nav-tabs>li>a span{
    color: #fff;
 }
.about-tab.nav-tabs  .navicon-wrapper {
    min-height: 120px;
    top: 45px;
    position: relative;
}
section.about-page-tab .about-tab.nav-tabs span.icon-718557 {
   font-size: 60px;
}
section.about-page-tab .about-tab.nav-tabs span.icon-1404807 {
    font-size: 60px;
}
section.about-page-tab .about-tab.nav-tabs span.icon-995648 {
    font-size: 60px;
}
section.about-page-tab .about-tab.nav-tabs span.icon-1140350 {
    font-size: 60px;
}
/*section.about-page-tab .about-tab.nav-tabs li a.active, 
section.about-page-tab .about-tab.nav-tabs li a.active:focus,
section.about-page-tab .about-tab.nav-tabs li a.active:hover{
    border: 0;
    border-bottom: 4px solid #146662;
    background-color:transparent;
}*/
.about-tab.nav-tabs li a.active{
    border-bottom: 4px solid red;
}
section.about-page-tab .company-tab.nav-tabs>li>a:hover{
    border-color:transparent;
    background-color: #fff;
    border-bottom:4px solid #eb2235;
}
section.about-page-tab .about-tab.nav-tabs>li.active>a:before {
    content: '';
    position: absolute;
    border-right: 20px solid transparent;
    border-top: 20px solid #fff;
    border-left: 20px solid transparent;
    height: 0;
    width: 0;
    bottom: -14px;
    margin: 0 auto;
    left: -104px;
    right: 0;
    display: block;
}
section.about-page-tab .about-tab.nav-tabs>li.active>a.red-triangle:before {
 border-top: 20px solid #146662;
}
section.about-page-tab .about-tab.nav-tabs>li.active>a.blue-triangle:before {
 border-top: 20px solid #061735;
}
section.about-page-tab {
    position: relative;
    /* margin-top: -215px; */
    /* margin-bottom: 40px; */
}
.tab-content.about-page .tab-content-wrapper {
    padding: 20px 80px 10px;
    margin: 22px auto;
    text-align: center;
}
.tab-content.about-page h3.tab-main-title {
  font-family: 'Sarabun', sans-serif;
    font-size: 38px;
    color: #061735;
    text-align: center;
    margin-bottom: 30px;
}
.tab-content.about-page h4.tab-main-title {
    font-family: 'Sarabun', sans-serif;
    font-size: 24px;
}
.about-page ul li {
    text-align: left;
    font-family: 'Sarabun', sans-serif;
    color: #6e7174;
    font-size: 18px;
}
.tab-content.about-page h3.tab-main-title:before{
    content: '';
    position: absolute;
    border-bottom: 2px solid #146662;
    top: 95px;
    left: 0;
    right: 0;
    width: 150px;
    margin: 0 auto;
}
.tab-content.about-page h4.sub-title {
   
    font-size: 25px;
    color: #061735;
    text-align: left;
    margin-bottom: 20px;
}
.tab-content.about-page ul.tab-list {
   padding-left: 15px;
}
.tab-content.about-page ul.tab-list li {
    /* font-family: 'FuturaPT-Light'; */
    font-size: 18px;
    color: #6e7174;
    text-align: left;
}
.tab-content.about-page p.text-content {
   font-family: 'Sarabun', sans-serif;
    font-size: 20px;
    color: #6e7174;
}
/*.tab-content.about-page .text-spacing {
    margin-bottom: 35px;
}*/
.tab-content.about-page h3.title-red {
  font-family: 'Sarabun', sans-serif;
    font-size: 39px;
    color: #146662;
     margin-top: 80px;
    margin-right: 20px;
}
.tab-content.about-page h3.title-blue {
   font-family: 'Sarabun', sans-serif;
    font-size: 39px;
    color: #061735;
     margin-top: 80px;
    margin-left: 20px;
}
.tab-bottom-section {
    display: flex;
    position: relative;
    margin: 0 auto;
    align-items: baseline;
    left: 19px;
    right: 0;
    text-align: center;
    justify-content: center;
}
/*.affix-tab {
    margin-bottom: 25px;
    position: sticky;
    top: 58px;
    z-index: 1;
}*/
.about-page-tab .affix {
    /* top: 71px;
    z-index: 2 !important; */
    /* height: 40px;
    padding-left: 0;
    padding-right: 0;
    left: 0;
    right: 0;
    background: #f3f6f8;
    box-shadow: 1px 1px 2px #ccc;
    margin: 0 auto; */
    /* position: fixed; */
}
/*.about-page-tab{
    position: sticky !important;
    top: 58px; 
    margin-top: 0 !important;
}*/
.about-page-tab .affix .about-tab.nav-tabs>li .nav-wrapper{
    border-radius: 0px;
    height: 50px;
    width: 100%;
}
.about-page-tab .affix  .about-tab.nav-tabs>li{
      width: 25%;
      width: 21%;
      background: #061735;
    /* box-shadow: 0px 11px 38px 0px rgb(185 182 182); */
    border-left: 1px solid #a1a1a1;
    margin: 0px;

}
.about-page-tab .affix .about-tab.nav-tabs .navicon-wrapper{
    min-height: 40px;
    top: 4px;
    float: left;
    margin: 5px 10px;
}
.about-page-tab .affix  .about-tab.nav-tabs span.icon-718557 {
    font-size: 30px;
}
.active .nav-wrapper{
    background-color: #146662;
    position: relative;
}
.active .nav-wrapper::after{
    position: absolute;
    content: "";
    background-color: #146662;
    width: 25px;
    height: 25px;
    bottom: -11px;
    left: 45%;
    /* margin: auto 0; */
    transform: rotate(45deg);
}
.about-page-tab .affix .about-tab.nav-tabs span.icon-1404807 {
    font-size: 30px;
}
.about-page-tab .affix .about-tab.nav-tabs span.icon-995648{
     font-size: 30px;
}
.about-page-tab .affix .about-tab.nav-tabs span.icon-1140350{
     font-size: 30px;
}
.about-page-tab .affix  h3.tab-heading{
    font-size: 16px;
    margin: 15px 0px;
    display: inline-block;
    float: left;
    /* color: #061735; */
}
.about-page-tab .affix .about-tab.nav-tabs .white-back{
   display: none;
}
.about-page-tab .affix .about-tab.nav-tabs .red-back-affix {
    /* background-color: #146662 !important; */
}
.about-page-tab .affix .about-tab.nav-tabs .blue-back-affix{
    /* background-color: #061735 !important; */
}
.about-page-tab .affix .about-tab.nav-tabs>li.active>a.blue-triangle-affix:before{
    border-top: 10px solid #061735 !important;
}
.about-page-tab .affix .about-tab.nav-tabs>li.active>a.red-triangle-affix:before {
    border-top: 10px solid #061735 !important;
}
.about-page-tab .affix  .about-tab.nav-tabs>li a{
    padding:10px 0px;
}
.about-page-tab .affix .about-tab.nav-tabs>li.active>a:before{
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    border-left: 10px solid transparent;
}
.about-page-tab .affix .about-tab.nav-tabs>li.active>a.red-triangle:before {
    border-top: 10px solid #061735;
}
.about-page-tab .affix  .about-tab.nav-tabs>li.active>a.blue-triangle:before {
    border-top:10px solid #061735;
}
.about-page-tab .affix .about-tab.nav-tabs>li.active>a,
.about-page-tab .affix .about-tab.nav-tabs>li.active>a:focus,
.about-page-tab .affix .about-tab.nav-tabs>li.active>a:hover{
    border-bottom: 0;
}
.affix-tab.affix .tab-content-wrapper{
         margin-top: 215px !important;
}
/*team page */
section.banner-section.team-banner {
    background-image: url(../images/team-banner.jpg);
}
.content {
  position: relative;
  width: 100%;
  max-width: 400px;
  margin: auto;
  overflow: hidden;
}

.content:hover .content-overlay{
  opacity: 1;
  left: 50%;
  height: 100%;
}
.content-details {
  position: absolute;
  text-align: left;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 55%;
  height:50px;
  opacity: 1;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.content:hover .content-details{
  top: 40%;
 text-align: center;
  opacity: 1;
}
.content-details span.icon-842990 {
    float: left;
    width: 25px;
    margin-left:10px;
    position: relative;
    top: 10px;
}
.content-details .button8 span{
    margin-left: 10px;
}
.content-details .button8::before{
background-color: #fff;
}
.content-details .button8:hover span{
   color: #eb2234; 
}
.content-details .sim-button{
    margin-top: 10px;
}
.fadeIn-bottom{
  top: 83%;
}
.ehover {
    background: #18223b;
}
.ehover img {
    max-width: none;
    width: calc(100% + 20px);
    -webkit-transition: opacity .35s,-webkit-transform .35s;
    transition: opacity .35s,transform .35s;
    -webkit-transform: translate3d(-10px,0,0);
    transform: translate3d(-10px,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.hover img {
   display: block;
    position: relative;
}
.ehover .overlay {
    padding: 50px 20px;
}
.ehover:hover img {
    opacity: .4;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.content-details h3.team-name {
    font-family: 'FuturaPTBold';
    font-size: 16px;
    color: #ffffff;
    text-transform: uppercase;
    margin-bottom: 0;
}
.content-details p.team-position {
    font-family: 'FuturaPT-Light';
    font-size: 17px;
    color: #ffffff;
}

section.team-page .mrg-left {
   margin-left: 290px;
}

section.team-page p.team-text {
    font-family: 'Sarabun', sans-serif;
    font-size: 22px;
    color: #6e7174;
    text-align: center;
    width: 70%;
    margin: 45px auto 40px;
}
section.team-page .padding-0{
    padding-left: 0;
    padding-right: 0;
}
section.team-page .last-team-div {
    background-image: url(../images/team-back-img.png);
    background-position: center;
    background-size: cover;
    height: auto;
    padding:22px 0px 20px;
}
section.team-page  .last-team-div img {
    margin: 0px auto;
}
section.team-page  .last-team-div .team-text h4{
    font-size: 34px;
    color: #202e51;
    font-family: 'Sarabun', sans-serif;
}
section.team-page  .last-team-div .team-text {
    position: absolute;
    margin-top: -165px;
        right: 70px;
}
section.team-page  .last-team-div .font-medium{
font-family: 'futuraptmedium';
}
/******team pop up*****/
.profile-modal h3.modal-heading {
    font-family: 'FuturaPTBold';
    font-size: 25px;
    color: #061735;
    margin: 0;
    padding: 25px 0 0px;
}
.profile-modal h4.modal-sub-heading {
   font-family: 'Sarabun', sans-serif;
    font-size: 18px;
    color: #061735;
    margin-bottom: 20px;
}
.profile-modal p.modal-text {
    font-family: 'Sarabun', sans-serif;
    font-size: 18px;
    color: #4d4b4b;
    padding-right: 10px;
}
.profile-modal .modal-body{
    background-color: #fff;
    padding: 0;
    border-bottom: 5px solid #061735;
}
.profile-modal .modal-content{
    background-color: transparent;
    box-shadow: none;
}
.profile-modal .close{
    opacity: 1;
    font-weight: lighter;
    font-size: 30px;
    line-height: 1;
    color: #ef0101;
    text-shadow: none;
}
.profile-modal span.close-text {
    color: #fff;
    font-family: 'futuraptmedium';
    font-size: 17px;
    text-transform: uppercase;
    position: relative;
    top: -5px;
    padding-right: 5px;
}
.profile-modal .modal-header{
    padding: 10px 0;
}
.modal-open .modal{
    background-color: rgba(0, 0, 0, 0.68);
}
/*contact page*/
section.contact-banner {
    background-image: url(../images/contact-banner.jpg);
}
.form-control {
  border-radius: 0;
  box-shadow: none;
  border-color: #d0cbcb;
}
.form-control:focus {
  box-shadow: none;
   border-color: #2e295c !important;
}
.form-control::-moz-placeholder,
.form-control:-ms-input-placeholder,
.form-control::-webkit-input-placeholder {
  color: #bbb;
  opacity: 1;
}
.form-control:not(select) {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}


/* BOTTOM BARS ================================= */
.bar    { position:relative; display:block; width:300px; }
.bar:before, .bar:after {
  content:'';
  height:2px; 
  width:0;
  bottom:1px; 
  position:absolute;
  /*background:rgb(201, 142, 28);*/
  transition:0.2s ease all; 
  -moz-transition:0.2s ease all; 
  -webkit-transition:0.2s ease all;
  border: none;
}
.bar:before {
  left:50%;
}
.bar:after {
  right:50%; 
}

/* active state */
.form-control:focus ~ .bar:before, .form-control:focus ~ .bar:after {
  width:50%;
}

/* HIGHLIGHTER ================================== */
.highlight1 {
  position:absolute;
  height:60%; 
  width:100px; 
  top:25%; 
  left:0;
  pointer-events:none;
  opacity:0.5;
}

/* active state */
.form-control:focus ~ .highlight1 {
  -webkit-animation:inputHighlighter 0.3s ease;
  -moz-animation:inputHighlighter 0.3s ease;
  animation:inputHighlighter 0.3s ease;
}
label {
   color: #1d1c1c;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 11px;
    top: 0px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}

/**********************end here********************/
section.contact-page #contact_form {
    margin-top: 30px;
}
#contact_form input.form-control {
    display: block;
    border: none;
    border-bottom: 1px solid #d3d4d6;
    box-shadow: none;
   font-family: 'Sarabun', sans-serif;
    font-size: 21px;
    color: #061735;
}
#contact_form textarea.form-control {
    border: 0;
    border-bottom: 1px solid #d3d4d6;
    box-shadow: none;
}
#contact_form label {
    font-size: 18px;
    font-family: 'futuraptmedium';
    color: #a2a3a5;
    text-shadow: none;
    left: 15px;
}
#contact_form  .form-group {
    margin-bottom: 30px;
}
#contact_form input.form-control.captcha{
    width: 50%;
    float: right;
    border: 1px solid #eaeaeb;
    background-color: #eaeaeb;
}
#contact_form input.form-control.captcha {
    font-family: 'FuturaPT-Light' !important;
    font-size: 18px !important;
    color: #6a6c6e !important;
    top: 75px;
    position: relative;
}
#contact_form .form-group.captcha-box button.captcha.animated.repeat {
    float: right;
    border: 0;
    background-color: #eaeaeb;
    top: 75px;
    position: relative;
}
#contact_form i.fa.fa-repeat.captcha.animated.repeat {
    color: #423284;
    font-size: 25px;
    padding: 5px 3px 2px;
}
#contact_form img.img-responsive.img-captcha {
    margin-top: 30px;
    float: left;
}
.form-group.captcha-box button.captcha.animated.repeat:focus {
    outline: 0;
}
section.contact-page {
    margin-top: 50px;
    margin-bottom: 40px;
}
.button-contact {
    float: right;
    display: inline-flex;
}
.button-contact .sim-button{
    margin-top: 20px;
    margin-bottom: 20px;
}
.button-contact .button-spacing {
    margin-right: 25px;
}
input.btn-0 {
    border: 0;
    background: transparent;
    z-index: 2;
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    font-family:'Sarabun', sans-serif;
    color: #fff;
    font-size: 17px;
}
h3.contact-heading {
    font-size: 30px;
   font-family: 'Sarabun', sans-serif;
    color: #061735;
}
p.contact-text {
    font-family: 'Sarabun', sans-serif;
    font-size: 21px;
    color: #6e7174;
    line-height: 22px;
    padding-right: 10px;
    width: 75%;
    padding: 20px 0;
}
.contact-wrapper {
    /*background-image: url(../images/contact-back.jpg);
    background-size: cover;
    background-position: center;*/
    background: #146662;
    padding:25px 30px;
    margin-right: 40px;
}
.contact-wrapper h3.contact-title {
    font-size: 18px;
    font-family: 'Sarabun', sans-serif;
    color: #fff;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.contact-wrapper ul.contact-list li a, .contact-wrapper ul.contact-list li {
    font-family: 'Sarabun', sans-serif;
    font-size: 15px;
    /*color: #ffffff;*/
    color: #dedede;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.contact-wrapper ul.contact-list li:first-child {
    font-size: 16px;
    font-weight: 600;
    color: #fff;
}
.contact-wrapper ul.contact-list li a {
    font-weight: 400;
    color: #fff;
}
.contact-wrapper ul.contact-list li a:hover,
.contact-wrapper ul.contact-list li a:focus{
    color: #aba8a8;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}
.contact-wrapper ul.contact-list.phoneemial {padding-left: 0px;}
.contact-wrapper .icon {
    margin-right: 15px;
    font-size: 23px;
    width: 23px;
    text-align: center;
}
.contact-wrapper ul.contact-list {
    padding-left: 40px;
    list-style-type: none;
}
.office-info-text h3 {
   font-family: 'Sarabun', sans-serif;
    font-size: 27px;
    color: #061735;
     text-align: center;
}
.office-info-text p.office-text {
    font-size: 19px;
    color: #6e7174;
    font-family: 'Sarabun', sans-serif;
    text-align: center;
}
.office-info {
    width: 15%;
    background: #fff;
    position: absolute;
    margin-top: 5%;
    right: 15%;
}
section.office-details {
    float: left;
    width: 100%;
    position: relative;
}
section.office-details span.icon-placeholder {
    font-size: 18px;
}
.nowrap {white-space: nowrap;}
.map {
    border-top: 5px solid #146662;
    border-bottom: 5px solid #146662;
}
.office-info-text {
    padding: 10px 15px;
}
.office-info:before {
    position: absolute;
    content: '';
    bottom: 0;
    border-bottom: 5px solid #eb2235;
    width: 50%;
}
.office-info:after {
    position: absolute;
    content: '';
    bottom: 0;
    border-bottom: 5px solid #061735;
    width: 50%;
    right: 0;
}
/*services page*/
section.hr-banner {
    background-image: url(../images/hr-banner.jpg);
}

p.services-text {
    font-family: 'Sarabun', sans-serif;
    font-size: 19px;
    color: #3c3e3f;
}
ul.services-listing li {
    font-family: 'Sarabun', sans-serif;
    font-size: 20px;
    color: #3c3e3f;
   list-style-type: none;
}
/*ul.services-listing  li:before {
    content: "• ";
    color: #eb2235; 
}*/
.services-img-wrapper {
    margin-top: 0px;
    margin-bottom: 30px;
}
.services-content-wrapper {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
}
.services-main-icon {
    text-align: center;
}
.services-main-icon span {
    text-align: center;
    background: #fff;
    border-radius: 50%;
    padding: 20px;
    box-shadow: 0px 3px 32px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    color: #061735;
}

.services-main-icon .icon-size {
    font-size: 40px;
}
.services-main-icon span.icon-842990 {
    font-size: 40px;
}

.services-main-icon span.icon-1031034 {
    font-size: 40px;
}

/*services slider*/
.sercies-wrapper.grey {
    background-color:rgb(18, 27, 34);
}
.sercies-wrapper img{
    opacity: 0.2;
    width: auto !important;
}
.sercies-wrapper.red {
    background-color: rgb(189, 4, 25);
}
.sercies-wrapper h4.services-title {
    font-size: 22px;
    top: 0px;
}
.sercies-wrapper .overlay {
    padding: 35px 20px;
}
.sercies-wrapper .services-icon-wrapper span {
    background: #fff;
    border-radius: 50%;
    padding: 25px;
    margin-right: 10px;
    color: #061735;
}
.sercies-wrapper span.icon-1031034 {
    font-size: 70px;
}
.sercies-wrapper span.icon-871075 {
    font-size: 70px;
}
.services-icon-wrapper {
    display: inline-flex;
    align-items: center;
}
.sercies-wrapper:hover .services-icon-wrapper span{
    background:transparent;
    border: 2px solid #fff;
    color: #fff; 
}
#services-slider.owl-carousel .owl-dots.disabled,
#services-slider.owl-carousel .owl-nav.disabled {
    display: block;
}
#services-slider .owl-nav .owl-prev {
    position: absolute;
    top: 30%;
    left: 4em;
    font-size: 60px;
    color: #fff;
    opacity: 1;
    background: transparent;
      
}
#services-slider .owl-nav .owl-next {
   position: absolute;
    top: 30%;
   font-size: 60px;
    color: #fff;
    opacity: 1;
    background: transparent;
      left: 27em;
}
/*career page*/
section.career-banner {
    background-image: url(../images/career-banner.jpg);
}
h1.career-title {
   font-family: 'Sarabun', sans-serif;
    font-size: 30px;
    color: #061735;
    text-align: center;
    margin-top: 70px;
    margin-bottom: 35px;
}
.career-wrapper .center-block{
    box-shadow: 0px 11px 27px 0px rgba(0, 0, 0, 0.13);
}
.career-wrapper .panel-heading {
  padding: 0;
    border:0;
}
.career-wrapper .panel-title>a, .panel-title>a:active{
    display:block;
    padding:15px;
  color:#555;
  font-size:16px;
  font-weight:bold;
    text-transform:uppercase;
    letter-spacing:1px;
  word-spacing:3px;
    text-decoration:none;
}
.career-wrapper .panel-heading  a:before {
   font-family: 'icomoon' !important;
   content: "\e914";
   float: right;
   transition: all 0.5s;
    color: #2d2d2d;
    font-weight: 100;
    background: #fff;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #d7dfe0;
    width: 35px;
    text-align: center;
    padding: 5px 7px;
}
.career-wrapper .panel-heading.active a:before {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
    background: #eb2235;
    color: #fff;
} 
.career-wrapper h4.panel-title a {
    font-size: 21px;
   font-family: 'Sarabun', sans-serif;
    color: #061735;
    text-transform: none;
    word-spacing: 0;
    font-weight: normal;
        letter-spacing: 0;
}
.career-wrapper .panel-default>.panel-heading{
    background-color: #fff;
    border-bottom: 1px solid #e6e5ea;
}
.career-wrapper .panel-group .panel{
        border: 0;
}
.career-wrapper .collapse.in {
    border-left: 5px solid #eb2235;
    background: #f8f8fa;
}
h3.career-title {
   font-family: 'Sarabun', sans-serif;
    font-size: 21px;
    color: #eb2235;
}
ul.career-text li {
    font-size: 20px;
    color: #eb2235;
    list-style-type: circle;
}
ul.career-text li p{
    font-family: 'Sarabun', sans-serif;
    font-size: 19px;
    color: #38393a;
}
p.career-text {
    font-family: 'Sarabun', sans-serif;
    font-size: 19px;
    color: #38393a;
}
.padding-0 {
    padding-left: 0;
    padding-right: 0;
}
.career-about h3.heading {
   font-family: 'Sarabun', sans-serif;
    font-size: 30px;
    color: #fff;
}
.career-about p.text {
    font-family: 'Sarabun', sans-serif;
    font-size: 21px;
    color: #fff;
}
.career-about {
    position: absolute;
    top: 30px;
    width: 58%;
    right: 0;
}
.career-info {
    position: absolute;
    top: 30px;
    width: 58%;
    left: 40px;
}
.career-info h3.heading {
   font-family: 'Sarabun', sans-serif;
    font-size: 30px;
    color: #fff;
}
ul.career-info-list {
    padding: 0;
    list-style-type: none;
}
ul.career-info-list li a{
    font-family: 'Sarabun', sans-serif;
    font-size: 25px;
    color: #fff;
}
.custom-file-input {
  color: transparent;
}
.custom-file-input::-webkit-file-upload-button {
  visibility: hidden;
}
.custom-file-input::before {
     content: 'Select some files';
    color: #373839;
    display: inline-block;
    background: #e4e2e2;
    border: 1px solid #e4e2e2;
    border-radius: 30px;
    padding: 5px 8px;
    outline: none;
    white-space: nowrap;
    -webkit-user-select: none;
    cursor: pointer;
    text-shadow: 1px 1px #fff;
    font-weight: 700;
    font-size: 16px;
    font-family: 'FuturaPT-Book';
    bottom: 15px;
    position: relative;
}
/*.custom-file-input:hover::before {
  border-color: #fff;
}
.custom-file-input:active {
  outline: 0;
}
.custom-file-input:active::before {
  background: -webkit-linear-gradient(top, #e3e3e3, #f9f9f9); 
}*/
.form-group.file {
    margin-top: 40px;
}
h3.career-heading {
    text-align: center;
   /* font-family: 'FuturaPT-Book';*/
    color: #061735;
    margin-bottom: 30px;
    font-size: 30px;
}
section.career-form {
    margin-top: 30px;
    margin-bottom: 40px;
}
/*publication page*/
section.publications-banner {
    background-image: url(../images/publication_banner.jpg);
}
.publication-img img {
    margin: 0 auto;
}
h3.publication-title {
    font-family:'Sarabun', sans-serif;
    font-size: 40px;
    color: #061735;
}
p.publication-date {
    font-family: 'Sarabun', sans-serif;
    color: #eb2235;
    font-size: 18px;
}
.publication-img img {
    border-bottom: 5px solid #eb2235;
}
p.publication-text {
    font-family: 'Sarabun', sans-serif;
    color: #6e7174;
    font-size: 20px;
}
.publication-wrapper {
    width: 80%;
    margin: 0 auto;
    box-shadow: 0px 3px 32px 0px rgba(0, 0, 0, 0.14);
    margin-top: 50px;
    margin-bottom: 50px;
}
.publication-header {
       margin: 0px 20px;
    padding: 10px 0;
}
.publication-content {
    padding: 20px 40px 30px;
}
.btn-container{
    margin-top: 20px;
    text-align: center;
    margin-bottom: 20px;
}
button.load-more {
    border-radius: 50%;
    background-color: #eb2235;
    font-family:'Sarabun', sans-serif;
    font-size: 17px;
    color: #fff;
    border: 0;
    padding: 30px 10px;
}
.btn-container span.icon-right-arrow3 {
    display: block;
    top: 10px;
    position: relative;`
 }
 button.load-more:focus{
    outline:0;
 }
.career-form  #email-pos {
    position: relative;
    top: 40px;
    }
.services-page {padding-top: 5rem; padding-bottom: 60px;}
.services-page .services-listing li .bullet {
    position: relative;
    top: 10px;
    height: 7px;
    width: 7px;
    background: #146662;
    border-radius: 50%;
    border: 1px solid #146662;
    float: left;
}
.services-page .services-listing li p {
    margin: 0;
    padding-left: 20px;
    }


    /*training page css start */

    section.banner-section.training-banner {
    background-image: url(../images/training-bg.jpg);
}

    .traning-section1 {
        padding: 30px 0 50px;
        background: #f8f8fa;
    }

    .traning-section1 .intro-section,
    .traning-section1 .objective-section,
    .traning-section1 .benefit-section,
    .traning-section1 .trainer-section,
    .traning-section1 .country-section {
        background: #fff;
        padding: 50px 60px;
        margin-top: 20px;
    }

    .traning-section1 h1 {
        color: #061735;
       font-family: 'Sarabun', sans-serif;
        font-size: 25px;
        padding: 0 0 50px;
        margin: 0;
        text-align: center;
        position: relative;
    }  

    .traning-section1 h1:before {
    content: '';
    position: absolute;
    border-bottom: 2px solid #17cbfe;
    bottom: 35%;
    left: 0;
    right: 0;
    width: 150px;
    margin: 0 auto;
    } 

    .traning-section1 .intro-section p,
    .traning-section1 .objective-section p,
    .traning-section1 .trainer-section p,
    .traning-section1 .country-section p {
    font-family: 'Sarabun', sans-serif;
    font-size: 20px;
    color: #6e7174;
    margin: 0;
    text-align: center;
    }

    .traning-section1 .benefit-section p {
    font-family: 'Sarabun', sans-serif;
    font-size: 20px;
    color: #6e7174;
    margin: 0;
    text-align: left;
    position: relative;
    padding-left: 20px;
    }

    .traning-section1 .benefit-section p:before,
    .traning-section1 .trainer-section ul li:before {
        position: absolute;
        content: '';
        top: 40%;
        left: 0;
        border: 4px solid #146662;
        border-radius: 50px;
    }

    .traning-section1 .trainer-section ul {
         text-align: center;
         margin: 0;
    }

    .traning-section1 .trainer-section ul li {
        display: inline-block;
        font-family: 'Sarabun', sans-serif;
        font-size: 20px;
        color: #6e7174;
        margin: 0;
        position: relative;
        padding-left: 20px;
        margin-right: 30px;
    }

    .traning-section1 .country-section ul {
        margin: 0;
        text-align: center;
    }

    .traning-section1 .country-section li .img-box {
        height: 85px;
        position: relative;
    }

    .traning-section1 .country-section li .img-box img {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    margin: 0 auto;
    }

    .traning-section1 .country-section li {
        float: left;
        width: 14.2%;
        margin-top: 30px;
    }

    .traning-section1 .country-section li small {
        color: #061735;
        display: block;
      font-family: 'Sarabun', sans-serif;
        font-size: 12px;
        text-transform: uppercase;
    }

    .traning-section1 .sim-button{
        width: 350px;
        height: 50px;
        line-height: 50px;
    }

    .traning-section1 .button8 span {
      font-family: 'Sarabun', sans-serif;
        font-size: 22px;
        text-transform: uppercase;
        
    }

    .traning-section1 .button8 div {
         position: absolute;
    top: 18px;
    font-size: 15px;
    right: 16px;
    z-index: 2;
    transform: rotate(-90deg);
    display: block;
    }

    .traning-section2 {
        background: #ebebef;
        padding: 50px 0;
    }

    .traning-section2 h1 {
        color: #061735;
       font-family: 'Sarabun', sans-serif;
        font-size: 25px;
        text-align: center;
        margin: 0 0 30px;
    }

    .traning-section2 .text-box small {
        color: #6e7174;
        font-size: 16px;
        margin: 0;
        font-family: 'Sarabun', sans-serif;
    }

    .traning-section2 .text-box p {
        color: #061735;
       font-family: 'Sarabun', sans-serif;
        margin: 0;
        line-height: 1.3;
        font-size: 21px;
    }

    .traning-section2 .inner-div {
        background: #fff;
    }

    .traning-section2 .text-box {
            padding: 15px 10px;
            height: 85px;
    }
 
    .traning-section2 .owl-carousel .owl-nav .owl-next, 
    .traning-section2 .owl-carousel .owl-nav .owl-prev {
    background: transparent;
    border: 0;
    padding: 0;
    color: #fff;
    font-size: 50px;
    text-shadow: 1px 2px 5px #000000b5;
    }

    .traning-section2 .owl-carousel .owl-nav button:focus {
        outline: 0;
    }

    .traning-section2 .owl-carousel .owl-nav button.owl-prev {
        position: absolute;
        left: -3%;
    }

    .traning-section2 .owl-carousel .owl-nav button.owl-next {
        position: absolute;
        right: -3%;
        left: auto;
    }

    .traning-section2 .owl-carousel .owl-nav {
       position: absolute;
    top: 40%;
    display: block;
    width: 100%;
    }

    .topic-section1 {
        padding: 50px 0;
    }

    .topic-section1 .sticky {
    position: sticky;
    top: 74px;
    }

    .topic-section1 h2 {
        color: #252a51;
      font-family: "futuraptmedium";
      font-size: 29px;
      margin: 0 0 15px;
    }

    .topic-section1 .tab-content {
        padding-right: 30px;
    }

    .topic-section1 .tab-content .tab-img {
        margin-bottom: 50px;
    }

    .topic-section1 .tab-pane h1 {
    color: #252a51;
      font-family: "futuraptmedium";
      font-size: 29px;
      margin: 0 0 15px;
    }

     .topic-section1 .tab-pane p {
        color: #6e7174;
        font-family: sarabun;
        font-size: 20px;
            margin: 0 0 10px 20px;
        position: relative;
        padding-left: 20px;
    }

    .topic-section1 .tab-pane p:before {
    position: absolute;
    content: '';
    top: 40%;
    left: 0;
    border: 4px solid #eb2235;
    border-radius: 50px;
    }

    .topic-section1 .nav-tabs>li {
        float: none;
        margin-bottom: 3px;
    }

    .topic-section1 .nav-tabs {
         border:0;
    }

.topic-section1 .nav-tabs>li>a {
    margin: 0;
    border: 0;
    border-radius: 0;
    padding: 10px 25px;
    display: block;
    color: #061735;
    font-size: 18px;
    font-family: sarabun;
    text-decoration: none;
    background: #ebebef;
    height: 70px;
    position: relative;
    transition: all 0.5s ease-in-out;
    }

    .topic-section1 .nav-tabs>li>a:before {
        position: absolute;
        content: "";
        left:-10px;
       top: 25px;
    border-right: 10px solid #061735;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0;
    transition: all 0.5s ease-in-out;

    }

    .topic-section1 .nav-tabs>li>a:hover:before,
    .topic-section1 .nav-tabs>li.active>a:before {
        opacity: 1;
    }

    .topic-section1 .nav-tabs>li.active>a:hover,
    .topic-section1 .nav-tabs>li.active>a,
    .topic-section1 .nav-tabs>li>a:hover {
        background: #061735;
        color: #fff;
        border:0;
    }

    .topic-section1 .nav-tabs>li>a p {
        margin: 0;
    }

    .topic-section1 .nav-tabs>li>a span {
        font-size: 35px;
        float: left;
        display: inline-block;
        margin: 10px 25px 0 0;
    }

     .topic-section1 .nav-tabs>li:nth-of-type(1) a p,
     .topic-section1 .nav-tabs>li:nth-of-type(2) a p,
     .topic-section1 .nav-tabs>li:nth-of-type(5) a p {
            padding: 0px 0 0;
    }
  .new-form .form-control {
    border: 2px solid #146662;
    padding: 10px 15px;
    color: #000;
    font-size: 16px;
    font-family: 'Sarabun', sans-serif;
    height: auto;
}
.new-form .sim-button {
    line-height: 40px;
    height: 40px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
    margin-bottom: 40px;
    width: 150px;
    cursor: pointer;
}
.new-form .button8 {
    color: rgba(255,255,255,1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border: 0;
    position: relative;
    background: #146662;
    margin-left: 0px;
}
p#msg-error {
    color: red;
    font-size: 13px;
     font-family: 'Sarabun', sans-serif;
}
.swal2-popup .swal2-styled.swal2-confirm{
    background-color: #012343 !important;
    font-size: 16px;
}
.swal2-popup{
    width: 43rem !important;
    padding: 72px 10px !important;
}
.swal2-popup .swal2-title{
    font-size: 24px !important;
}
.main-slider{
    position: relative;
}
.main-slider .slide-text{
    position: absolute;
}
section.banner-section.hiring-banner {
    background-image: url(../images/hiring-process-breadcrumb.jpg);
}
section.banner-section.sitemap-banner {
    background-image: url(../images/sitemap.jpg);
}
section.banner-section.disclamier-banner {
    background-image: url(../images/disclamier.jpg);
}
section.banner-section.terms-conditons-banner {
    background-image: url(../images/terms-conditions.jpg);
}
section.banner-section.privacy-policy-banner {
    background-image: url(../images/privacy-policy.jpg);
}
.common-pages {
    padding: 40px 0;
}
.common-pages p {
    font-family: 'Sarabun', sans-serif;
    font-size: 20px;
    line-height: 1.2;
   color: #6e7174;
}
.common-pages .f-book {
    font-family: 'Sarabun', sans-serif;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 5px;
}
.common-pages h3 {
    font-size: 16px;
}
.caption-heading.commonpage-head {
   width: auto;
    padding: 10px 20px;
}
.common-pages a {
    font-family: 'Sarabun', sans-serif;
    font-size: 15px;
    margin-bottom: 6px;
    display: block;
    color: #002c41;
}
.common-pages a:hover {
    color: #146662;
    font-weight: bold;
}
.common-pages#sitemap {padding: 6rem 0;}
.common-pages#sitemap {
    padding: 3rem 0;
}
.common-pages#sitemap .col-lg-3:nth-child(3) {width: 50%;}
.common-pages#sitemap .col-lg-3:first-child, .common-pages#sitemap .col-lg-3:last-child {width: 15%;}
.sitemap-verticle { flex-wrap: wrap;}
.sitemap-verticle a {
    width: 100%;
}
.error-page img {
    width: 9%;
}
.error-page .heading {
    font-family: 'Sarabun', sans-serif;
    font-weight: 600;
    color: #061735;
    font-size: 47px;
}
.error-page .common-btn1 {
    background: #E38242;
    border-radius: 30px;
    padding: 11px 36px;
    color: #fff;
}
.thank-you img {
    width: 11%;
    margin-bottom: 20px;
}
.thank-you{
    padding: 50px 0px;
}
.thank-you .heading {
    font-family: 'Sarabun', sans-serif;
    font-size: 17px;
    font-weight: 700;
}
.error-page{
    padding: 50px 0px;
}
.error-btns {
    display: flex;
    padding: 0px 36%;
}
.error-page .subheading {
    font-family: 'Sarabun', sans-serif;
    color: #146662;
    font-size: 18px;
    font-weight: 600;
}
section.main-slider .owl-nav {
    position: absolute;
    top: 41%;
    width: 100%;
}
button.owl-prev {
    position: absolute;
    left: 0;
}
button.owl-next {
    position: absolute;
    right: 0;
}
.footer-logo-wrapper p {
    padding: 15px 0px;
    color: #acb0ba;
    font-size: 15px;
    font-family: 'Sarabun', sans-serif;
}
.career-form .contact-validation {
    width: 60%;
    margin: 0 auto;
}
.home-slider.owl-theme .owl-nav .owl-prev[class*=owl-] {
    position: absolute;
    top: 33%;
    left: -13px;
    font-size: 40px;
    color: #146662;
    opacity: 1;
    background: transparent;
    border: 0;
}
.home-slider.owl-theme .owl-nav .owl-next {
    position: absolute;
    top: 33%;
    right: -13px;
    font-size: 40px;
    color: #146662;
    opacity: 1;
    background: transparent;
    border: 0;
}
.main-slider .owl-theme .owl-nav [class*=owl-]:hover {
    background: transparent;
    color: #146662;
    text-decoration: none;
}

.career-main-wrapp {padding: 6rem 0;}
.career-sidebar {
    background: #061735;
    padding: 10px;
    color: #fff;
}
.career-sidebar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0;
}
.career-sidebar-header h2 {font-size: 25px; margin: 0;}
.career-sidebar-header a {
    padding: 5px 15px;
    border-radius: 50px;
    background: #146662;
    color: #fff;
    font-size: 12px;
}
.filter-block {
    background: #fff;
    padding: 15px;
    margin-top: 10px;
}
.filter-block h4 {
    border-bottom: 1px solid;
    color: #000;
    margin-top: 0;
}
.filter-block label {
    position: relative;
    left: 0;
    top: 0;
    pointer-events: all;
}
.filter-block label:hover {font-weight: bold;}

/*team*/
.team-page {padding: 7rem 0 5rem;}
.team-page .row {display: flex; align-items: center;}
.team-page .img-box {border-radius: 50%; overflow: hidden;}
.team-page .img-box img {width: 100%;}
.team-page p {
    font-family: 'Sarabun', sans-serif;
    font-size: 16px;
    color: #6e7174;
}
.mb-3 {
    margin-bottom: 3rem;
}
.counter {padding: 3rem;}
.counter h4 {
    font-size: 4rem;
    font-weight: 800;
    color: #061735;
}
.counter p {color: #329df0;}

#industries {background-color: #f4f4f4 !important; padding-top: 2rem; padding-bottom: 5rem;}
.single-industry img {width: 100%;}
.single-industry .overlay {
    padding: 15px;
    background: #fff;
    margin-bottom: 3.5rem;
    border: 1px solid gray;
    border-top: 0;
    /*-webkit-box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 30px 10px rgba(0, 0, 0, 0.3);*/
}
.single-industry h4 {
    font-weight: 700;
    font-size: 18px;
    color: #222;
      font-family: 'Sarabun', sans-serif;
}
.single-industry p {
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    font-family: 'Sarabun', sans-serif;
    font-size: 17px;
    color: #6e7174;
}

/*hiring process*/
section#timeline {padding: 4rem 0; overflow: hidden;}
section#timeline .container {position: relative;}
section#timeline .arrow {
    position: absolute;
    top: 0;
    left: 48.75%;
    height: 100%;
    opacity: 0;
    /*transform: translateY(-50%);*/
    z-index: 3;
    -webkit-animation: mover 27s linear infinite;
    animation: mover 27s linear infinite;
}
@-webkit-keyframes mover {
    0% { transform: translateY(0); opacity: 1; }
    11.11% { transform: translateY(100%); opacity: 1;}
    11.12% { opacity: 0; }
    100% { opacity: 0; }
}
@keyframes mover {
    0% { transform: translateY(0); opacity: 1; }
    11.11% { transform: translateY(100%); opacity: 1; }
    11.12% { opacity: 0; }
    100% { opacity: 0; }
}
section#timeline .arrow2, .journey-wrapper:nth-child(3):before {animation-delay: 3s;}
section#timeline .arrow3, .journey-wrapper:nth-child(4):before {animation-delay: 6s;}
section#timeline .arrow4, .journey-wrapper:nth-child(5):before {animation-delay: 9s;}
section#timeline .arrow5, .journey-wrapper:nth-child(6):before {animation-delay: 12s;}
section#timeline .arrow6, .journey-wrapper:nth-child(7):before {animation-delay: 15s;}
section#timeline .arrow7, .journey-wrapper:nth-child(8):before {animation-delay: 18s;}
section#timeline .arrow8, .journey-wrapper:nth-child(9):before {animation-delay: 21s;}
section#timeline .arrow9, .journey-wrapper:nth-child(10):before {animation-delay: 24s;}

.journey-wrapper:nth-child(2):before {animation-delay: 0s;}

@-webkit-keyframes grower {
    0% { transform: translateY(-50%) scale(1); opacity: 1; }
    4% { transform: translateY(-50%) scale(1); opacity: 1; }
    5% { transform: translateY(-50%) scale(1.5); opacity: 0;}
    6% { transform: translateY(-50%) scale(1); opacity: 1; }
    100% { opacity: 1; }
}
@keyframes grower {
    0% { transform: translateY(-50%) scale(1); opacity: 1; }
    4% { transform: translateY(-50%) scale(1); opacity: 1; }
    5% { transform: translateY(-50%) scale(1.5); opacity: 0; }
    6% { transform: translateY(-50%) scale(1); opacity: 1; }
    100% { opacity: 1; }
}
.journey {
    position: relative;
    padding-bottom: 50px;
}

.journey-wrapper {
    display: flex;
    position: relative;
    padding-bottom: 3.5rem;
    padding-top: 40px;
    position: relative;
}

.journey-content p {
    font-size: 17px;
    line-height: 23px;
    margin-bottom: 0px;
}

.journey-content p.green {
    font-size: 13px;
    text-align: left;
}

.journey-content.order-2 .content {
    /*position: absolute;*/
    /*top: 30px;*/
    text-align: right;
    /*left: 75px;*/
}

.journey-wrapper:nth-child(2) span.right-arrrow {
    font-size: 12px !important;
    margin-left: -3px;
}

.journey-wrapper:nth-child(2) a {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: -10px;
}

.journey-wrapper:before {
    position: absolute;
    content: "\eb06";
    font-size: 25px;
    font-family: 'icomoon' !important;
    color: #f19329;
    z-index: 1;
    left: 49%;
    top: 50%;
    transform: translateY(-50%) scale(1);
    line-height: 23px;
    background-color: #ffffff;
    width: 25px;
    border: 8px solid #146662;
    height: 25px;
    border-radius: 50px;
    -webkit-animation: grower 27s linear infinite;
    animation: grower 27s linear infinite;
}

.years-journey {
    /*display: flex;*/
    width: 50%;
    /*align-items: baseline;*/
    position: relative;
}

.journey-content {
    width: 50%;
    /*padding-top: 15px;*/
    padding-left: 45px;
}
.journey-content h3 {
    margin: 0 0 10px;
    font-family: 'Sarabun', sans-serif;
    font-size: 19px;
    font-weight: 600;
}
.journey-content ul {list-style: none; padding: 0;}
.journey-wrapper:after {
    content: "";
    position: absolute;
    height: 100%;
    width: 2px;
    background: #dfe4e0;
    left: 50%;
    top: 0%;
}

.journey-wrapper .journey-content.order-2 {
    position: relative;
    /*left: 11%;*/
}

/*.journey-wrapper:nth-child(2) span {
    font-size: 88px;
    margin-left: -12px;
    position: relative;
    top: 13px;
}*/

.years-journey.left .journey-icon {
    right: 45px;
    position: absolute;
    font-size: 70px;
    color: #82ab27;
    top: -10px;
    display: block;
}

.journey-content .form-control {
    border: 2px solid #ccc;
    width: 100%;
    height: 50px;
    border-radius: 10px;
    color: #0f5530;
    font-size: 15px;
}

.years-journey.right .journey-icon {
    left: 45px;
    position: absolute;
    font-size: 70px;
    color: #82ab27;
    top: -10px;
    display: block;
}
.years-journey.right .journey-icon span, .years-journey.left .journey-icon span {display: block; color: #061735;}
.journey-wrapper:nth-child(1) .journey-content, .journey-wrapper:nth-child(3) .journey-content,
.journey-wrapper:nth-child(5) .journey-content, .journey-wrapper:nth-child(7) .journey-content,
.journey-wrapper:nth-child(9) .journey-content {
    width: 400px;
    /*padding-top: 20px;*/
    /*padding-left: 20px;*/
    border-right: 0px;
    position: relative;
    left: 10px;
}
.years-journey .journey-icon img {width: 7rem;}
/*Industries*/
.industries-wrapper {padding: 7rem 0 3rem !important;}

.services-page .button8 {
    color: rgba(255,255,255,1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border: 0;
    position: relative;
    background: #146662;
    margin-left: 0;
}
.connect {
    background: url(../images/team-banner.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 113px 0px;
    position: relative;
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    font-family: 'Sarabun', sans-serif;
}
.connect::before {
    position: absolute;
    content: "";
    background: #00000052;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}
.connect .text-box {
    position: relative;
}
.connect .subheading {
    color: #ffffff;
    font-size: 25px;
    font-weight: 600;
}
.connect .heading {
    font-size: 45px;
    font-weight: 700;
    /* padding-bottom: 2%; */
    margin: 28px 0px;
    color: #ffff;
}
.connect .button8 {
    margin: 0;
}
.lets-talk {
    background: #78a8a5;
    padding: 60px 0px;
    color: #fff;
    background-repeat: no-repeat;
    background-size: cover;
}
.values-single img {
    height: 73px;
}
.lets-talk .form-control{
    background: #ffffff0f;
    border-radius: 40px;
    margin-bottom: 20px;
    padding: 10px 20px;
    color:#fff;
}

.lets-talk .common-btn{
  border:0px;
}

.lets-talk h3 {
    font-size: 45px;
    margin-bottom:20px;
    margin-top:20px;
}

.lets-talk h2{
  color:#fff;
}

.lets-talk p{
  margin-bottom:30px;
}
.lets-talk h4 {
    margin-bottom: 20px;
    font-size: 30px;
}

.lets-talk .form-control::placeholder{
  color:#fff;
}
.lets-talk .button8 {
    color: rgba(255,255,255,1);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    border: 0;
    position: relative;
    background: #146662;
    margin: 0;
}

/**/
.services-main {
    padding: 87px 0px;
}
.services-main li a, .services-main li a:hover, .services-main li a:focus {
    background-color: #146662;
    color: #fff;
    margin-bottom: 10px;
    border-radius: 0;
    transition: all 0.4s;
    cursor: pointer;
    font-size: 16px;
    padding: 13px 20px 10px;
    position: relative;
    width: 100%;
    margin: 0 auto 8px;
    display: block;
}
.services-main li a.active{
    background-color: #061735;
    color: #fff;
}
.services-main li a::before {
    position: absolute;
    content: "";
    background: #061735;
    height: 14px;
    width: 14px;
    right: -7px;
    top: 34%;
    transform: rotate(45deg);
    opacity: 0;
    transition: all 0.4s;
}
.services-main li a.active::before{
    opacity: 1;
}
.services-main ul{
    display: grid;
    border: 0;
}
.services-main li.active a,
.services-main li.active a:hover{
    background-color: #061735;
      color: #fff;
}
.services-main .img-box {
    overflow: hidden;
    margin-bottom: 27px;
}
.services-main .img-box:hover img{
    transform: scale(1.04);
}
.services-main .img-box img{
    transition: all 0.4s;
}
.services-main p{
    font-size: 16px;
}
.services-main h3 {
    font-size: 30px;
    font-weight: 600;
    color: #146662;
    margin-top: 0;
    position: relative;
    padding-bottom: 10px;
    margin-top:0px;
}
.services-main h3::before {
    position: absolute;
    content: "";
    background: #146662;
    width: 8%;
    height: 3px;
    left: 0;
    bottom: 0;
}
.services-main .new-form .button8{
    margin-top: 15px;
}
.services-main .right-side .tab-pane{
 -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  animation-name: fadeInDown;
  animation-delay: 0.3s;
}
@keyframes fadeInDown {
  0% {
     opacity: 0;
     transform: translateY(80px);
  }
  100% {
     opacity: 1;
     transform: translateY(0);
}
}

.upper-nav ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 0;
    /* position: relative; */
    /* top: 7px; */
    background: #146662;
    width: 30%;
    float: right;
    padding: 4px 0px;
    border-radius: 0px 0px 5px 5px;
    position: relative;
    z-index: 5;
}
.upper-nav ul li {
    list-style: none;
    font-size: 15px;
}
.upper-nav ul li a {
    color: #fff;
    padding: 0px 10px 0;
    position: relative;
    border-right: 1px solid #ffffff70;
}
.services-content-wrapper ul{
    font-family: 'Sarabun', sans-serif;
    font-size: 22px;
    color: #3c3e3f;

}
.services-content-wrapper h5 {
    font-family: 'Sarabun', sans-serif;
    font-weight: 700;
    font-size: 23px;
}
.services-main .services-content-wrapper {
    margin-bottom: 29px;
}
.services-main .new-form h3{
    font-size: 23px;
}
.services-main .new-form h3::before{
    display: none;
}
.services-main .new-form h3 a{
    text-decoration: underline;
}
.industry-contact {
    background: url(../images/contact-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
    padding: 20px 17px;
    background: #146662;
}
.industry-contact .text-center {
    text-align: center;
    color: #fff;
    font-size: 25px;
}
.industry-contact .button8 {
 
    border: 2px solid #061735;
    margin: 0 auto;
}
.industry-contact .button8 span{
    display: flex;
    align-items: center;
    justify-content: center;
}
.other-indutry .box a {
    display: block;
    font-size: 17px;
    margin-bottom: 6px;
    color: #222;
    display: flex;
    align-items: center;
    font-family: 'Sarabun', sans-serif;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    padding: 0px 10px 6px;
}
.other-indutry .box a i {
    padding-left: 6px;
    transition: all 0.4s;
    position: relative;
    top: 1px;
    color: #146662;
}
.other-indutry .box a:hover i{
    padding-left: 10px;
}
.other-indutry h5 {
    background: #146662;
    color: #fff;
    padding: 19px 19px 18px;
    font-size: 19px;
    margin-bottom: 0;
    line-height: 0;
    margin-top: 0;
}
.other-indutry {
    border: 1px solid #ccc;
}
.other-indutry .box {
    padding: 14px 0px 0px;
}
.other-indutry .box a:last-child{
    border-bottom: 0;
}
.contact-wrapper h2 {
    color: #fff;
    font-weight: 500;
    font-size: 20px;
}
.contact-page ul.social-footer-list li i {
    padding: 0;
    padding-right: 16px;
    padding-top: 13px;
}
img.whatsapp-icon {
    width: 3%;
    position: fixed;
    right: 45px;
    bottom: 15px;
    z-index: 99;
    display: none;
}
#navbarmain ul.navbar-nav li a.enquiry-btn{
    background: #061735;
    color: #fff !important;
     padding-left: 10px;
    padding-right: 11px;
    padding: 6px 11px;
}
.enquiry-modal .modal-dialog {
    width: 668px;
    margin: 30px auto;
    height: 100vh;
    display: flex;
    align-items: center;
}
.enquiry-modal .new-form .sim-button {
    margin-top: 14px;
    margin-bottom: 0;
}
.enquiry-modal .modal-title {
    margin: 0;
    line-height: 1.42857143;
    font-weight: 700;
    font-size: 24px;
}
.footer-contact{
    display: flex;
}
section.client-section {
    padding-bottom: 40px;
}
#client-slider {
    border-bottom: 1px solid #f1f2f2;
    padding-right: 10px;
}
section.client-section {
    padding-bottom: 40px;
    padding-top: 50px;
}


.sticky.fixed {
    position: fixed;
    width: 351px;
    top: 94px;
}
header .nav-link {
    display: block;
    padding: 0.5rem 1rem;
    color: #061735;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: 400;
    margin: 0px 5px;
      font-family:'Sarabun', sans-serif;
      position: relative;
}
header .nav-link::before {
    position: absolute;
    content: "";
    background: #146662;
    height: 3px;
    width:0px;
    bottom: 0;
    left: 0;
    transition: all 0.4s;
}
header .nav-link.active::before{
    width: 100%;
}
.navbar-brand{
    position: relative;
}
.navbar-brand .white-logo{
   display: none;
}
nav.navbar.navbar-expand-md {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.fixed-top {
    background: #fff;
}
.dropdown-menu {
    min-width: 28rem;
    display: none;
    background: #146662;
    border-radius: 0;
    padding: 10px;
    font-family: 'Sarabun', sans-serif;
}
.dropdown-menu a {
    color: #fff;
    font-size: 15px;
    margin-bottom: 7px;
    display: block;
   
    margin-right: 13px;
    padding: 3px 7px;
    transition: all 0.4s;
}
.dropdown-menu a:hover{
     background: #061735;
}
.dropdown-menu .nav-group-links {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.dropdown-menu li {
    width: 50%;
    display: block;
}
.dropdown:hover .dropdown-menu{
    display: block;
}
#nav-tabs-wrapper {
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.about-page-tab .affix .about-tab.nav-tabs>li.hidden-xs{
    display: none;
}
a.enquiry-btn.nav-link {
    background: #146662;
    color: #fff;
}
header .nav-link.active {
    color: #146662;
}
.services-main .card-body {
    padding: 0;
    border: 0;
}
.services-main .card{
    border: 0;
}
.services-main .btn-link{
    width: 100%;
}
.services-content-wrapper ul li {
    font-size: 16px;
}
.what-include-wrapper {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    flex-wrap: wrap;
}
.init-img-border{
    border: 1px solid gray;
}

    .sp-btn {
        width: 140px;
        /* height: 46px; */
        /* line-height: 46px; */
        background: transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        color:#146662;
        font-size: 18px;
        transition: all 0.3s ease-in-out;
        position: relative;
        /* text-transform: uppercase; */
        transform: perspective(1px) translateZ(0);
        transition-duration: 0.3s;
        overflow: hidden;
        outline: none;
        border: 1px solid #ccc;
        cursor: pointer;
        padding: 7px 0 11px 0;
        display: inline-flex;
        text-decoration: none;
    }
.breadcum-list{
    top: 42%;
    transform: translateY(-50%);
    position: relative;
    text-align: center;
    color: #fff;
    /* left: */
}
.flag-div {
    display: flex;
}
.country-name1{
    font-size: 18px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 0;
}

.country-address{
    font-size: 16px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 6px;
}
.single-info p ,.single-info a{
    margin-bottom: 3px;
    font-size: 15px;
    color: #dedede;
}
.img-flag img {
    width: 40px;
}
.icon-add-div {
    margin-right: 8px;
    display: flex;
    align-items: center;
}
.single-info a:hover{
    color: #fff;
    
}
.associates1 {
    padding: 20px 20px;
    border: 1px solid #ffffff54;
    margin-bottom: 12px;
    border-radius: 10px;
}
.associates-head{
    font-weight: 500;
    font-size: 20px;
}
.single-info {
    display: flex;
}
.icon-add-div {
    margin-right: 8px;
}
.single-info{
    color: #fff;
    margin-bottom: 0;
    font-size: 14px;
}
.img-flag {
    margin-left: 12px;
}
header .dropdown-menu{
    top:90%;
}
.mid-span{
    padding: 4px;
}
.breadcum-list a{
    color:#fff;
}
.breadcum-list a:hover{
    color:#fff;
}
.sp-btn::before{
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #146662;
    transform: scaleX(0);
    transform-origin: 0 50%;
    transition: all 0.3s ease-in-out;
    color: #fff;
}
.sp-btn:hover{
    color: #fff;
}
.sp-btn:hover:before {
    transform: scaleX(1);
}
.init-one-line{
    font-size: 17px;
    letter-spacing: -1px;
}
.what-include-single {
    width: 20%;
    overflow: hidden;
    border-right: 1px solid #fff;
}
.what-include-single h4 {
    background: #146662;
    color: #fff;
    margin-bottom: 0;
    text-align: center;
    font-size: 20px;
    padding: 10px 0px;
    cursor: pointer;
}
footer .container{
    padding: 0;
}
html{
    scroll-behavior: smooth;
}
a.blue-triangle.active.show {
    border: 1px solid red;
}
/* .intl-tel-input.separate-dial-code .selected-flag {
    background-color: rgba(0, 0, 0, 0)!important;
    display: table;
} */
.intl-tel-input {
    width: 100%;
}
.button8 button:focus{
    outline: 0;
    border: 0;
}
.email-error {
    font-weight: 400;
    color: red;
    font-size: 12px;
    margin: 8px 0px 0px 17px;
    display: none;
}
label#msg-error {
    color: #f40808;
    margin-top: 11px;
    display: block;
    position: relative;
    left: 17px;
    font-weight: 400;
    color: red;
    font-size: 12px;
}