body,
html {
  padding: 0;
  margin: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: hidden; }

a.anchor{
  display: block;
  position: relative;
  top: -100px;
  visibility: hidden;
}

.text-green {
  font-family: roboto-regular;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.56;
  letter-spacing: normal;
  color: #6e7533; }
 
.text-green:hover{
  font-weight: bolder;
  color: #6e7533;
  text-decoration: none;
}

a.text-green{
  color: #6e7533;
}

.text-grey {
  font-family: roboto-regular;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.5px;
  color: #9b9b9b; }

.text-grey-content {
  font-family: roboto-regular;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: 0.5px;
  text-align: justify;
  color:#5a5a5a; }

.text-grey-18 {
  font-family: roboto-regular;
  font-size: 18px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #5a5a5a; }

.text-bod-content {
  font-family: roboto-regular;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.14;
  letter-spacing: 0.4px;
  letter-spacing: normal;
  color: #4a4a4a; }

.text-warm-grey-14 {
  font-family: roboto-regular;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 2.5;
  letter-spacing: 0.09px;
  color: #5a5a5a; }

.text-black-title {
  font-family: roboto-regular;
  font-size: 36px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a; }

.text-black {
  font-family: roboto-regular;
  text-align: justify;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: normal;
  color: #5a5a5a; }

.text-black-title-content {
  font-family: roboto-regular;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: 0.5px;
  text-align: justify;
  color: #4a4a4a; }

.text-black-title-context {
  font-family: roboto-regular;
  font-size: 26px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a; }

.text-black-16-bold {
  font-family: roboto-regular;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.1px;
  color: #4a4a4a; }

.text-black-16 {
  font-family: roboto-regular;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.1px;
  color: #4a4a4a; }

.text-100 {
  font-family: roboto-regular;
  font-size: 100px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ededed; }

.text-val-title {
  font-family: roboto-regular;
  font-size: 16px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  color: #4a4a4a; }

.text-white-mini {
  font-family: roboto-regular;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.5px;
  color: #ffffff; }

.text-white-title {
  font-family: roboto-regular;
  font-size: 24px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ffffff; }

.subtitle-careers {
  font-family: roboto-regular;
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.38px;
  color: #9b9b9b; }

.bread {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  bacground-color: #fff; }
  .bread .no-line {
    /* text-decoration: none !important; */
    color : #4a4a4a; }

.bread-desk {
  display: block; }

.bread-mobile {
  display: none; }
  
.chart-desk{
  display: block;
}

.chart-mobile{
  display: none;
}

.menu-white .topbar {
  padding: 0 !important;
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 3;
  border-bottom: 1px solid #d1d1d1; }

.menu-white .topbar__menu {
  max-width: 82%;
  margin: 10px auto !important;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.menu-white .img_logo {
  width: 90px;
  height: 50px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-left: 15px; }

.menu-white .list {
  list-style-type: none;
  margin-right: 100px;
  padding-left: 150px;
  width: 100%; }

.menu-white .list li {
  display: inline-block;
  margin-right: 1.4rem; }

.menu-white .list li a {
  color: #4a4a4a;
  font-family: roboto-regular;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal; }

.menu-white .list li:last-child {
  margin-right: 0; }

.menu-white .list_sb {
  list-style-type: none;
  margin-left: -30px;
  width: 290px; }

.menu-white .list_sb li {
  display: inline-block;
  margin-right: 5px; }

.menu-white .list_sb li a {
  color: #4a4a4a;
  font-family: roboto-regular;
  text-decoration: none;
  font-size: 14px;
  font-weight: 500;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  letter-spacing: 1.4px; }

.menu-white .list_sb li:last-child {
  margin-right: 0; }

.menu-white .list_menu {
  height: 40px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

.menu-white .list_menu:hover {
  color: #ae926c;
  text-decoration: none;
  font-weight: none; }

.menu-white .list_boxed {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  width: 11px;
  height: 20px;
  padding: 10px;
  border: 1px solid #ffffff; }

.menu-white .menu_bars {
  display: none;
  color: #ffffff; }

.menu-white .container-section {
  max-width: 100%; }

.menu-white .sb-search.sb-search-open .sb-icon-search, .menu-white .sb-icon-search {
  background: transparent;
  color: #4a4a4a; }

.menu-white .sb-search-input {
  background: transparent;
  color: #4a4a4a; }

.img-header-about .cardet-desk {
  display: block; }
  .img-header-about .cardet-desk main {
    padding-top: 0px;
    padding-bottom: 0px; }

.img-header-about .cardet-mobile {
  display: none; }

.img-header-about .philosophy-desk {
  display: block; }

.img-header-about .philosophy-mobile {
  display: none !important; }

.img-header-about .milestone-desk {
  display: block; }

.img-header-about .milestone-mobile {
  display: none; }

.img-header-about .bod-desk {
  display: block; }

.img-header-about .bod-mobile {
  display: none; }

.img-header-about .career-desk {
  display: block; }

.img-header-about .career-mobile {
  display: none; }

.img-header-about .office-desk {
  display: none; }

.img-header-about .office-mobile {
  display: block; }

.img-header-about main {
  padding-top: 120px; }

.img-header-about .container {
  /* border-bottom : 1px solid #d1d1d1; */
  margin-bottom: 30px; }

.img-header-about .title-content {
  align-item: center;
  text-align: left;
  margin-bottom: 30px; }

.img-header-about .title-content-center {
  align-item: center;
  /* text-align: center; */
  margin-bottom: 30px; }

.img-header-about .mini-title {
  align-item: center;
  text-align: left;
  margin-left: 5px; }

.img-header-about .img-head {
  width: 100%;
  /* height: 350px; */
  padding-bottom: 60px; }

.img-header-about #auto-height {
  height: auto !important;
  -o-object-fit: cover;
  object-fit: cover; }

.img-header-about .title-context {
  border-left: 2px solid #d1d1d1;
  border-width: thick; }

.img-header-about .content {
  padding-top: 30px;
  text-align: justify;
  padding-bottom: 20px; }

.img-header-about .demo-icon {
  color: #6e7533; }

.img-header-about .globe {
  padding-bottom: 29px; }

.img-header-about .btn-close {
  width: 100%;
  margin-left: 100px;
  z-index: 3; }

.img-header-about .modal {
  padding-right: 350px !important;
  background-color: #fff;
  border: none; }

.img-header-about .modal-header {
  border: none; }

.img-header-about .modal-body {
  margin-top: -40px; }

.img-header-about .modal-content {
  width: 170%;
  border: none;
  margin-top: -25px; }

.img-header-about #green {
  color: #6E7533;
  font-family: roboto-regular;
  font-size: 16px; }

.img-header-about ul {
  list-style: none; }

.img-header-about ul li::before {
  content: "\2022";
  color: #6E7533;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em; }

.img-header-about .sub-title {
  padding-left: 30px; }

.img-header-about .site-content {
  padding-left: 60px; }

.img-header-about .sub-content {
  padding-left: 90px; }

.img-header-about .career-content {
  padding-top: 0px; }

.img-header-about .txcomm1 {
  margin-top: 10px; }

.img-header-about .office-desk {
  display: none; }

.img-header-about .office-mobile {
  display: block; }

.visi-misi .vm-desk {
  display: block; }

.visi-misi .vm-mobile {
  display: none; }

.visi-misi .container {
  border-bottom: 1px solid #d1d1d1; }

.visi-misi .column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px; }

.visi-misi .row:after {
  content: "";
  display: table;
  clear: both; }

.visi-misi .title-context {
  border-left: 2px solid #d1d1d1;
  border-width: thick;
  padding-left: 20px;
  margin-bottom: 30px; }

.chairman-message .cm-desk {
  display: block; }

.chairman-message .cm-mobile {
  display: none; }

.chairman-message main {
  padding-top: 60px;
  padding-bottom: 160px; }

.chairman-message .container {
  text-align: center;
  align-item: center; }

.chairman-message .column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px; }

.chairman-message .title-context {
  border-left: 2px solid #d1d1d1;
  border-width: thick;
  padding-left: 20px;
  margin-bottom: 30px;
  text-align: left; }

.chairman-message .row:after {
  content: "";
  display: table;
  clear: both; }

.chairman-message .ch-name {
  text-align: left;
  padding-top: 40px; }

.chairman-message .text-back {
  z-index: -1;
  text-align: left;
  position: absolute;
  padding-left: 450px; }

.chairman-message .text-grey-content {
  font-family: roboto-regular;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: 0.5px;
  text-align: justify;
  color: #4a4a4a; }

.value .value-desk {
  display: block; }

.value .value-mobile {
  display: none; }

.value main {
  padding-bottom: 162px; }

.value .container {
  border-bottom: 1px solid #d1d1d1; }

.value .title-context {
  border-left: 2px solid #d1d1d1;
  border-width: thick; }

.value .row:after {
  content: "";
  display: table;
  clear: both; }

.value .frst-bdr {
  border-bottom: 1px solid #d1d1d1; }

.value .value-container {
  padding-top: 47px;
  padding-bottom: 73px; }

.value .value-content {
  font-family: roboto-regular;
  font-size: 24px;
  font-weight: bold;
  font-style: italic;
  font-stretch: normal;
  line-height: 1.25;
  letter-spacing: 0.5px;
  text-align: justify;
  color: #5a5a5a; }

.value .row {
  padding-top: 60px;
  padding-bottom: 30px; }

.value .column {
  float: left;
  width: 15%;
  padding: 10px;
  margin-left: 15px; }

.value img {
  border-radius: 50%;
  width: 130px;
  height: 130px;
  opacity: 0.7; }

.value img:hover {
  opacity: 1; }

.value .val-title {
  padding-top: 20px;
  padding-left: 32px; }

.partner .partner-desk {
  display: block; }

.partner .partner-mobile {
  display: none; }

.partner .container {
  border-bottom: 1px solid #d1d1d1;
  margin-bottom: 60px; }

.partner .title-context {
  border-left: 2px solid #d1d1d1;
  border-width: thick; }

.partner .img_partner {
  padding-top: 25px;
  margin-bottom: 35px; }

.partner .img_partner-2 {
  margin-bottom: 69px; }

.partner .partner {
  /*padding-right: 55px;*/
  width: 185px;
  -o-object-fit: contain;
  object-fit: contain; }

.list-bod .bod-desk {
  display: block; }

.list-bod .bod-mobile {
  display: none; }

.list-bod main {
  margin-bottom: 60px;
  height: 100%; }

.list-bod .container {
  background-color: #f6f6f6;
  height: 100%; }

.list-bod .column-left {
  float: left;
  width: 25%;
  padding: 10px;
  height: 100%; }

.list-bod .column-right {
  float: left;
  width: 75%;
  padding: 10px;
  height: 100%; }

.list-bod .row:after {
  content: "";
  display: table;
  clear: both; }

.list-bod .img-bod {
  width: 200px;
  height: 267px;
  -o-object-fit: contain;
  object-fit: contain; }

.list-bod .content-container {
  width: 704px;
  height: 100%; }

.list-bod .bod-name {
  padding-bottom: 2px; }

.list-bod .bod-title {
  padding-bottom: 19px; }

.list-bod .bod-content {
  padding-bottom: 14px; }

.career-header .cardet-desk {
  display: block; }
  .career-header .cardet-desk .job-desc {
    padding-top: 60px; }
  .career-header .cardet-desk .title-context {
    border-left: 2px solid #d1d1d1;
    border-width: thick; }
  .career-header .cardet-desk .job-desc-content {
    padding-top: 20px; }
  .career-header .cardet-desk .space-bottom {
    padding-bottom: 60px; }
  .career-header .cardet-desk .text-tag {
    font-family: roboto-regular;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal; }
  .career-header .cardet-desk .text-box-2 {
    font-family: roboto-regular;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    color: #4a4a4a; }
    
    .cardet-bg {
        display: none;}
    
    
  .career-header .cardet-desk placeholder {
    font-family: roboto-regular;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.79;
    letter-spacing: normal;
    color: #9b9b9b; }
  .career-header .cardet-desk .related-title {
    font-family: roboto-regular;
    font-size: 18px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a; }
  .career-header .cardet-desk .related-cont {
    font-family: roboto-regular;
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.44px;
    color: #4a4a4a; }
  .career-header .cardet-desk .pill-tags {
    background-color: transparent;
    border: 1px solid #8e8e93;
    color: #8e8e93;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 35px;
    cursor: pointer;
    border-radius: 20px;
    margin-left: 5px; }
  .career-header .cardet-desk .pill-tags:hover {
    background-color: #6e7533;
    border: 1px solid #6e7533;
    color: #fff;
    padding: 10px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px 35px;
    cursor: pointer;
    border-radius: 20px;
    margin-left: 5px; }
  .career-header .cardet-desk .box-1 {
    margin-top: -90px;
    padding-bottom: 60px;
    width: 300px;
    height: 275px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 10px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 10px 20px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff; }
  .career-header .cardet-desk .box-2 {
    margin-top: 60px;
    width: 300px;
    height: 275px;
    border-radius: 10px;
    -webkit-box-shadow: 2px 10px 20px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 10px 20px 0 rgba(0, 0, 0, 0.2);
    background-color: #fff; }
  .career-header .cardet-desk .disp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 40px;
    padding-top: 40px; }
  .career-header .cardet-desk .disp-2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 40px;
    padding-top: 10px; }
  .career-header .cardet-desk .disp-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left: 40px;
    padding-top: 40px;
    padding-bottom: 10px; }
  .career-header .cardet-desk .icon-green {
    font-size: 30px;
    color: #6e7533;
    padding-right: 55px; }
  .career-header .cardet-desk .dropdown {
    margin-left: 25px;
    padding-top: 40px; }
  .career-header .cardet-desk .srch-input {
    padding-top: 60px; }
  .career-header .cardet-desk .btn {
    width: 253px;
    border: 2px solid #4a4a4a;
    border-radius: 25px;
    color: #9b9b9b;
    font-size: 16px;
    font-weight: 500;
    font-family: roboto-regular;
    height: 40px;
    padding-top: 5px; }
  .career-header .cardet-desk .btn:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .career-header .cardet-desk .dropdown-menu.show {
    width: 225px !important;
    -webkit-transform: translate3d(15px, 92px, 0px) !important;
    transform: translate3d(15px, 92px, 0px) !important; }
  .career-header .cardet-desk .form-group {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: 30px;
    width: 250px;
    border: 2px solid #4a4a4a;
    border-radius: 20px;
    color: #9b9b9b;
    font-size: 16px;
    font-weight: 500;
    font-family: roboto-regular; }
  .career-header .cardet-desk .form-control {
    margin-left: 40px;
    font-size: 16px; }
  .career-header .cardet-desk .icon {
    margin-top: 10px;
    margin-right: 30px; }
  .career-header .cardet-desk .pill-1 {
    padding-left: 95px; }
  .career-header .cardet-desk .pill {
    background-color: #fff;
    border: 2px solid #4a4a4a;
    color: #9b9b9b;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px -4px;
    cursor: pointer;
    border-radius: 20px; }
  .career-header .cardet-desk .pill-2 {
    background-color: #6e7533;
    border: 2px solid #6e7533;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px -4px;
    cursor: pointer;
    border-radius: 20px; }
    .career-header .cardet-desk .pill-2:hover {
    background-color: #fff;
    border: 2px solid #6e7533;
    color: #6e7533;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px -4px;
    cursor: pointer;
    border-radius: 20px; }
  .career-header .cardet-desk input.fill {
    background: rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-top: none;
    border-left: none;
    border-right: none;
    outline: none;
    margin: 0 auto;
    width: 365px;
    margin-left: 50px; }
  .career-header .cardet-desk .pill-pos {
    margin-left: 8px;
    margin-right: 9px }
  .career-header .cardet-desk .modal-footer {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .career-header .cardet-desk input[type="file"]::-webkit-file-upload-button {
    cursor: pointer;
    background-color: #fff;
    border: solid 1px #5a5a5a;
    width: 100px;
    height: 23px;
    border-radius: 15px;
    color: #5a5a5a;
    letter-spacing: .01em;
    font-size: 12px;
    font-weight: 300;
    margin-left: 0px; }
  .career-header .cardet-desk label {
    margin-left: 50px; }

.career-header .cardet-mobile {
  display: none; }

.career-header .carhead-desk {
  display: block; }

.career-header .carhead-mobile {
  display: none; }

.career-header .carrer-title {
  text-align: center;
  align-item: center;
  padding-bottom: 10px; }

.career-header .carrer-srch-bar {
  border: 2px solid #6e7533;
  border-radius: 50px;
  height: 70px;
  margin-top: 58px; }

.career-header #srch-bar {
  border-right: 2px solid #6e7533;
  height: 68px; }

.career-header .btn {
  border: none;
  color: #6e7533;
  font-size: 18px;
  font-weight: 500;
  font-family: roboto-regular; }

.career-header .btn:focus {
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none; }

.career-header .dropdown {
  margin-left: 55px;
  margin-top: 5px; }

.career-header .icon {
  margin-top: 20px; }

.career-header .form-group {
  margin-top: -35px;
  margin-left: 50px; }

.career-header .form-control {
  border: none;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: none;
  -o-transition: none;
  transition: none;
  font-family: roboto-regular;
  font-size: 18px;
  font-weight: 500;
  color: #6e7533; }

.career-header ::-webkit-input-placeholder {
  color: #d1d1d1;
  font-family: roboto-regular;
  font-size: 18px;
  font-weight: 500; }

.career-header :-ms-input-placeholder {
  color: #d1d1d1;
  font-family: roboto-regular;
  font-size: 18px;
  font-weight: 500; }

.career-header ::-ms-input-placeholder {
  color: #d1d1d1;
  font-family: roboto-regular;
  font-size: 18px;
  font-weight: 500; }

.career-header ::placeholder {
  color: #d1d1d1;
  font-family: roboto-regular;
  font-size: 18px;
  font-weight: 500; }

.career-header .pill-1 {
  margin-top: 8px;
  padding-left: 110px; }

.career-header .pill-2 {
  margin-top: -15px; }

.career-header .pill {
  background-color: #6e7533;
  border: 1px solid #6e7533;
  color: #fff;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px -4px;
  cursor: pointer;
  border-radius: 20px; }

.career-header .pill:hover {
  background-color: #6e7533;
  border: 1px solid #6e7533;
  color: #fff; }

.career-header .icon-right {
  font-size: 19px !important; }

.career-header .srch-result {
  padding-top: 67px; }

.career-header #result {
  font-family: roboto-regular;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.56px;
  color: #4a4a4a; }

.career-header #filter {
  text-align: right; }

.career-header .pill-filter {
  background-color: transparent;
  border: 1px solid #9b9b9b;
  color: #9b9b9b;
  padding: 10px 5px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px -4px;
  cursor: pointer;
  border-radius: 20px; }

.career-content .cardet-desk {
  display: block; }

.career-content .cardet-mobile {
  display: none; }

.career-content .carcon-desk {
  display: block; }

.career-content .carcon-mobile {
  display: none; }

.career-content main {
  margin-top: 60px;
  /* padding-bottom: 41px; */
   }

.career-content .cont-pad {
  padding-top: 20px;
  border-bottom: 1px solid #d1d1d1; }

.career-content .col-md-2 {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 12.666667%;
  flex: 0 0 12.666667%; }

.career-content #position-title {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 36.666667%;
  flex: 0 0 36.666667%;
  max-width: 50%;
  text-align: left;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left; }

.career-content #position {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 36.666667%;
  flex: 0 0 36.666667%;
  max-width: 50%;
  text-align: left;
  -webkit-box-pack: left;
  -ms-flex-pack: left;
  justify-content: left;
  margin-top: -10px; }

.career-content #details {
  margin-top: -10px; }

.career-content .header {
  border-right: 1px solid #d1d1d1;
  border-left: 1px solid #d1d1d1;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center; }

.career-content .content {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.career-content .content-grey {
  font-family: roboto-regular;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.44px;
  color: #8e8e93;
  padding-bottom: 16px; }

.career-content .content-grey-bold {
  font-family: roboto-regular;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.44px;
  color: #4a4a4a; }

.career-content .content-green-bold {
  font-family: roboto-regular;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.44px;
  color: #6e7533; }

.career-content .page-nbr {
  padding-top: 62px;
  text-align: center; }

.career-content .page-of {
  font-family: roboto-regular;
  font-size: 12px;
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: 0.38px;
  color: #8e8e93; }

.milestone .milestone-desk {
  display: block; }

.milestone .milestone-mobile {
  display: none !important; }

.milestone main {
  padding-top: 20px;
  padding-bottom: 100px; }

.milestone #bg-col {
  background-color: #f6f6f6; }

.milestone .container {
  text-align: center;
  align-item: center; }

.milestone .column {
  float: left;
  width: 50%;
  padding: 10px;
  height: 300px; }

.milestone .row:after {
  content: "";
  display: table;
  clear: both; }

.milestone .ch-name {
  text-align: left;
  padding-top: 40px; }

.milestone .text-back {
  z-index: 2;
  text-align: left;
  position: absolute;
  padding-left: 350px;
  padding-top: 140px; }

.milestone .text-back-2 {
  z-index: 2;
  text-align: left;
  position: absolute;
  padding-left: 420px;
  padding-top: 140px; }

.milestone .img-milestone {
    margin-top:50px;
  /* width: 500px; */
  /* height: 300px; */
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 1; }

.milestone .img-milestone-panjang {
  /* width: 510px; */
  /* height: 475px; */
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 1; }

.milestone .title-milestone {
  padding-bottom: 20px;
  font-family: roboto-regular;
  font-size: 36px;
  font-weight: 900;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a; }

.milestone .right {
  text-align: left; }

.milestone .content-mile {
  z-index: 3;
  width: 45%;
  text-align: left;
  height: auto; }

.milestone .content-mile-2 {
  z-index: 3;
  width: 50%;
  text-align: left;
  padding-left: 80px;
  height: auto; }

.milestone #office {
  z-index: 3;
  width: 50%;
  text-align: left;
  min-height: 500px;
  overflow: hidden; }

.milestone #office2 {
  z-index: 3;
  width: 50%;
  text-align: left;
  padding-left: 33px;
  min-height: 100px;
  overflow: hidden; }

.milestone #office-last {
  z-index: 3;
  width: 50%;
  text-align: left;
  padding-left: 33px;
  min-height: 310px;
  overflow: hidden; }

.milestone .text-100 {
  font-family: roboto-regular;
  font-size: 150px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #ededed;
  opacity: 0.7; }

.milestone .milestone-container {
  padding-bottom: 120px;
  padding-top: 30px;
  border-bottom: 1px solid #d1d1d1; }

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

.milestone .milestone-container-long {
  margin-bottom: 180px; }

.milestone .pad-left-office {
  /* padding-left: 100px; */ }

.milestone .information {
  padding-left: 35px;
  padding-top: 25px; }
.strctr-desk {
  display: block;
}
.strctr-mobile {
  display: none;
}
.structure .contactus-desk {
  display: block; }

.structure .contactus-mobile {
  display: none; }



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

.structure .text-black-title-context {
  font-family: roboto-regular;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #4a4a4a; }

.structure .text-white-title-context {
  font-family: roboto-regular;
  font-size: 20px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  color: #e9e9e9; }

.structure .text-white-16 {
  font-family: roboto-regular;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: normal;
  color: #fff; }

.structure .text-white-16-bold {
  font-family: roboto-regular;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: 1px;
  color: #fff;
  text-decoration: none; }

.structure .space {
  padding-right: 35px; }

.structure .icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 30px;
  margin-top: -6px; }

.structure .input-title {
  font-family: roboto-regular;
  font-size: 16px;
  font-weight: bold;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.88;
  letter-spacing: normal;
  color: #4a4a4a;
  padding-left: 30px; }

.structure .title-context {
  border-left: 2px solid #d1d1d1;
  border-width: thick; }

.structure .title-context-green {
  border-left: 2px solid #7e863c;
  border-width: thick; }

.structure .col-md-8 {
  padding-top: 30px;
  -webkit-box-shadow: 1px 10px 20px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 1px 10px 20px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff; }

.structure .col-md-4 {
  background-color: #6e7533;
  padding-top: 30px; }

.structure .col-md-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.structure #form {
  padding-top: 60px; }

.structure #form-chd {
  padding-top: 4px;
  padding-bottom: 14px; }

.structure #form-sosmed {
  padding-bottom: 40px; }

.structure input {
  background: rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid #d1d1d1;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
  margin: 0 auto;
  width: 269px; }

.structure textarea {
  background: rgba(255, 255, 255, 0.4);
  border-bottom: 1px solid #d1d1d1;
  border-top: none;
  border-left: none;
  border-right: none;
  outline: none;
  margin: 0 auto;
  width: 685px; }

.structure ::-webkit-input-placeholder {
  font-family: roboto-regular;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.79;
  letter-spacing: normal;
  color: #9b9b9b; }

.structure :-ms-input-placeholder {
  font-family: roboto-regular;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.79;
  letter-spacing: normal;
  color: #9b9b9b; }

.structure ::-ms-input-placeholder {
  font-family: roboto-regular;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.79;
  letter-spacing: normal;
  color: #9b9b9b; }

.structure ::placeholder {
  font-family: roboto-regular;
  font-size: 14px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: 1.79;
  letter-spacing: normal;
  color: #9b9b9b; }

.structure .demo-icon {
  font-size: 20px; }

.structure .pill {
  background-color: transparent;
  border: 1px solid #6e7533;
  color: #6e7533;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  margin: 4px -4px;
  cursor: pointer;
  border-radius: 50px; }

.structure .pill:hover {
  background-color: #6e7533;
  border: 1px solid #6e7533;
  color: #fff; }

.structure .pill-2 {
  padding-left: 40px; }

.structure .bg {
  margin-top: -10px;
  margin-left: 20px;
  padding-bottom: 10px; }

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

.awards {
  /* MD */
  /* LG */ }
  .awards .awards-desk {
    display: block; }
  .awards .awards-mobile {
    display: none; }
  .awards main {
    margin-bottom: 60px;
    background-color: #f6f6f6; }
  .awards .active .img-fluid {
    width: 250px;
    height: 350px;
    -webkit-box-shadow: 2px 4px 15px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 2px 4px 15px 0 rgba(0, 0, 0, 0.3);
    padding-top: 0;
    margin-top: 0; }
  .awards .img-fluid {
    width: 200px;
    height: 300px;
    margin-top: 30px; }
  @media (min-width: 768px) and (max-width: 991px) {
    .awards {
      /* Show 4th slide on md if col-md-4*/ }
      .awards .carousel-inner .active.col-md-4.carousel-item + .carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -33.3333%;
        /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible; } }
  @media (min-width: 576px) and (max-width: 768px) {
    .awards {
      /* Show 3rd slide on sm if col-sm-6*/ }
      .awards .carousel-inner .active.col-sm-6.carousel-item + .carousel-item + .carousel-item {
        position: absolute;
        top: 0;
        right: -50%;
        /*change this with javascript in the future*/
        z-index: -1;
        display: block;
        visibility: visible; } }
  @media (min-width: 576px) {
    .awards {
      /* show 2 items */
      /* left or forward direction */
      /* farthest right hidden item must be also positioned for animations */
      /* right or prev direction */ }
      .awards .carousel-item {
        margin-right: 0; }
      .awards .carousel-inner .active + .carousel-item {
        display: block; }
      .awards .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left),
      .awards .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item {
        -webkit-transition: none;
        -o-transition: none;
        transition: none; }
      .awards .carousel-inner .carousel-item-next {
        position: relative;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
      .awards .active.carousel-item-left + .carousel-item-next.carousel-item-left,
      .awards .carousel-item-next.carousel-item-left + .carousel-item,
      .awards .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item {
        position: relative;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible; }
      .awards .carousel-inner .carousel-item-prev.carousel-item-right {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        display: block;
        visibility: visible; }
      .awards .active.carousel-item-right + .carousel-item-prev.carousel-item-right,
      .awards .carousel-item-prev.carousel-item-right + .carousel-item,
      .awards .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item {
        position: relative;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible; } }
  @media (min-width: 768px) {
    .awards {
      /* show 3rd of 3 item slide */
      /* left or forward direction */
      /* right or prev direction */ }
      .awards .carousel-inner .active + .carousel-item + .carousel-item {
        display: block; }
      .awards .carousel-inner .carousel-item.active:not(.carousel-item-right):not(.carousel-item-left) + .carousel-item + .carousel-item {
        -webkit-transition: none;
        -o-transition: none;
        transition: none; }
      .awards .carousel-inner .carousel-item-next {
        position: relative;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0); }
      .awards .carousel-item-next.carousel-item-left + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0);
        visibility: visible; }
      .awards .carousel-item-prev.carousel-item-right + .carousel-item + .carousel-item + .carousel-item {
        position: relative;
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible;
        display: block;
        visibility: visible; } }
  .awards .container-fluid {
    /* margin-left: 160px; */
    }
  .awards .carousel-inner {
    height: 550px; }
  .awards .carousel-control-prev {
    left: -130px;
    top: -200px; }
  .awards .carousel-control-next {
    right: 60px;
    top: -200px; }
  .awards .carousel-control-next:hover {
    right: 60px;
    font-color: #6e7533; }
  .awards .car-left {
    color: #4a4a4a;
    font-size: 35px; }
  .awards .car-left:hover {
    color: #6e7533; }
  .awards .car-right {
    color: #4a4a4a;
    font-size: 35px; }
  .awards .car-right:hover {
    color: #6e7533; }
  .awards .header-awards {
    /* padding-left: 155px; */ 
    }
  .awards .list {
    list-style-type: none;
    margin-bottom: 60px; 
    display: flex;
    overflow-y: hidden;
    white-space: nowrap;}
  .awards .list li {
    display: inline-block;
    margin-right: 65px; }
  .awards .list li a {
    font-family: roboto-regular;
    font-size: 36px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #8e8e93; }
  .awards .list li a:hover {
    font-family: roboto-regular;
    font-size: 36px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #6e7533;
    text-decoration: none;
    border-bottom: 2px solid #6e7533; }
  .awards .active_title {
    font-family: roboto-regular;
    font-size: 36px;
    font-weight: 900;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #6e7533 !important;
    text-decoration: none;
    border-bottom: 2px solid #6e7533; }
  .awards .carousel-caption {
    width: 215px;
    bottom: auto;
    left: 10%; 
    }
  .awards .award-title {
    font-family: roboto-regular;
    font-size: 18px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: normal;
    text-align: center;
    color: #4a4a4a;
    padding-bottom: 5px; }
  .awards .award-content {
    font-family: roboto-regular;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.57;
    letter-spacing: 0.5px;
    text-align: center;
    color: #5a5a5a; }
  .awards .active.carousel-caption {
    margin-top: 3px; }

@media only screen and (max-width: 360px) {
  .milestone .img-milestone-panjang {
    height: 39vh;
    -o-object-fit: cover !important;
    object-fit: cover !important;
    width: 100%;
    margin: 30px 0; }
  .milestone .img-milestone {
    width: 100%;
    height: 31vh !important;
    -o-object-fit: cover;
    object-fit: cover; }
  .milestone .bdr31 {
    -webkit-transform: translateY(-30px) !important;
    -ms-transform: translateY(-30px) !important;
    transform: translateY(-30px) !important; }
  .milestone .bdr6 {
    -webkit-transform: translateY(-30px) !important;
    -ms-transform: translateY(-30px) !important;
    transform: translateY(-30px) !important; }
  .milestone .bdr8 {
    -webkit-transform: translateY(-30px) !important;
    -ms-transform: translateY(-30px) !important;
    transform: translateY(-30px) !important; }
  .milestone .bdr9 {
    -webkit-transform: translateY(-30px) !important;
    -ms-transform: translateY(-30px) !important;
    transform: translateY(-30px) !important; }
  .milestone .bdr10 {
    -webkit-transform: translateY(-30px) !important;
    -ms-transform: translateY(-30px) !important;
    transform: translateY(-30px) !important; }
  .milestone .tx-mile1 {
    margin-bottom: 0; }
  .career-content .pill {
    -webkit-transform: translate3d(195px, -25px, 10px) !important;
    transform: translate3d(195px, -25px, 10px) !important; } 
  .modal-content {
    margin-top: 0 !important;
  }
}

@media only screen and (min-width: 640px) and (max-width: 1024px) {
  .awards .carousel-control-next {
    right: -70px !important;
  }
  .awards .carousel-control-prev {
    left: -70px !important;
  }

  .img-header-about .img-head-mobile {
    height: 65vh !important;
  }
  .milestone .img-milestone-panjang {
    /* height: 135vh !important; */
  }

  .milestone .img-milestone {
    /* height: 86vh !important; */
  }
}

@media only screen and (min-width: 360px) and (max-width: 768px) {
    .milestone .milestone-desk{
        display:none!important;
    }
    .milestone .milestone-mobile{
        display: block !important;
    }
        .cardet-bg {
        display: block;}
    
    
  .bread-desk {
    display: none; }
  .bread-mobile {
    display: block;
    margin-top:30px;}
  .chart-desk{
    display: none; }
  .chart-mobile{
    display: block; }

  .img-header-about .cardet-desk {
    display: none; }
  .img-header-about .cardet-mobile {
    display: block; }
  .img-header-about .philosophy-desk {
    display: none !important; }
  .img-header-about .philosophy-mobile {
    display: block !important; }
  .img-header-about .milestone-desk {
    display: none; }
  .img-header-about .milestone-mobile {
    display: block; }
  .img-header-about .bod-desk {
    display: none; }
  .img-header-about .bod-mobile {
    display: block; }
  .img-header-about .career-desk {
    display: none; }
  .img-header-about .career-mobile {
    display: block; }
  .img-header-about main {
    padding-top: 90px; }
  .img-header-about .title-content {
    margin-bottom: 30px; }
  .img-header-about .img-head-container {
    padding-bottom: 0; }
  .img-header-about .img-head {
    display: block;
    width: 100%;
    height: 16vh;
    -o-object-fit: contain;
    object-fit: contain;
    padding-bottom: 20px; }
  .img-header-about .img-head-mobile {
    display: block;
    width: 100%;
    height: 19vh;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 30px; }
  .img-header-about .img-head-philosophy {
    display: block !important;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 30px; }
  .img-header-about .text-grey-content {
    padding-top: 0;
    text-align: justify;
    margin-bottom: 0; }
  .img-header-about .tx-mil2 {
    padding-bottom: 0;
    margin-bottom: 0; }
  .img-header-about .txcomm1 {
    padding-top: 10px;
    padding-bottom: 20px; }
  .img-header-about .txcomm2 {
    padding-top: 10px; }
  .img-header-about .tx-milestone {
    padding-bottom: 30px; }
  .img-header-about .textcareers1 {
    padding-bottom: 0;
    margin-bottom: 0; }
  .img-header-about .text-black-title {
    font-size: 30px;
    margin-bottom: 20px; }
  .img-header-about .title-context {
    padding-left: 20px; }
  .img-header-about .container {
    margin-bottom: 0; }
  .img-header-about .imgc-desk {
    display: none;
    -o-object-fit: cover;
    object-fit: cover; }
  .img-header-about .imgc-mobile {
    display: block;
    -o-object-fit: cover;
    object-fit: cover; }
  .img-header-about .mini-title {
    margin-left: 0;
  }
  .list-bod main {
    margin-bottom: 30px; }
  .list-bod .space-bod {
    margin-bottom: 50px; }
  .list-bod .bod-desk {
    display: none; }
  .list-bod .bod-mobile {
    display: block; }
  .list-bod .text-limit {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 2;
    max-height: 242px;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical; }
  .list-bod .bod-name {
    padding-top: 30px; }
  .list-bod .article1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .list-bod .img-bod {
    width: 30%;
    height: 175px;
    -o-object-fit: contain;
    object-fit: contain; }
  .list-bod .artc-first {
    padding-top: 9px;
    padding-left: 15px;
    margin-bottom: 0; }
  .list-bod .bod-content {
    text-align: justify;
    padding-bottom: 0; }
  .list-bod .icon-show {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #4a4a4a;
    color: #ffffff;
    background-color: #4a4a4a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px); }
  .list-bod .icon-show.active {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .list-bod .long-text {
    display: none; }
  .list-bod .show-more-button {
    font-family: roboto-regular;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    /* text-align: center; */
    color: #4a4a4a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0 40px 0; }
  .list-bod #oppenheim,
  .list-bod #edsa,
  .list-bod #phil,
  .list-bod #phil1,
  .list-bod #phil2,
  .list-bod #phil3,
  .list-bod #ernie {
    display: none; }
  .list-bod .btn_1 {
    padding-bottom: 40px; }
  .list-bod .btn-readme {
    font-family: roboto-regular;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    text-align: center;
    color: #4a4a4a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .list-bod .icon-sm {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #4a4a4a;
    font-size: 19px;
    color: #ffffff;
    margin-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .list-bod .btn-1:hover i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .list-bod .mini-title {
    margin-bottom: 0 !important; }
  .milestone .milestone-desk {
    display: none; }
  .milestone .milestone-mobile {
    display: block !important; }
  .milestone main {
    padding-top: 0;
    padding-bottom: 0; }
  .milestone .img-milestone {
    width: 100%;
    /* height: 24vh; */ }
  .milestone .tx-milestone {
    margin-bottom: 30px; }
  .milestone .fill-first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .milestone .title-milestone {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 0;
    margin-bottom: 0; }
  .milestone .text-grey-content2{
    padding: 0px;   
   }
    
  .milestone .text-grey-content {
    padding: 60px 0 20px 10px;
    text-align: justify; }
  .milestone .txevent {
    padding-top: 10px;
    padding-left: 35px !important; }
  .milestone .txspace1 {
    padding-top: 15px; }
  .milestone .txspace2 {
    padding-top: 15px;
    padding-left: 0; }
  .milestone .txspace3 {
    padding-top: 15px;
    padding-left: 0;
    margin-bottom: 40px; }
  .milestone .tx-mil {
    padding-left: 40px;
    /* -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);  */
  }
  .milestone .tx-mil1 {
    padding-left: 0px;
    padding-top: 0; }
  .milestone .space-milestone {
    margin-bottom: 50px; }
  .milestone .img-milestone-panjang {
    /* height: 39vh; */
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    margin: 30px 0; }
  .milestone .imgspace {
    margin-top: 0;
    margin-bottom: 20px; }
  .milestone .right {
    margin-right: 0;
    text-align: left; }
  .milestone .text-event3 {
    text-align: left; }
  .milestone #bdr1 {
    width: 100%;
    height: 10vh;
    background-color: yellow; }
  .milestone .bdr1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
    }
    .milestone .bdr1 .year-bdr {
      margin-right: 30px; }
  .milestone .bdr11 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
     }
    .milestone .bdr11 .year-bdr {
      margin-right: 36px; }
  .milestone .bdr2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
     }
    .milestone .bdr2 .year-bdr {
      margin-right: 36px; }
  .milestone .bdr3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
    }
  .milestone .bdr3 .year-bdr {
      margin-right: 30px; }
  .milestone .bdr31 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
    }
  .milestone .bdr31 .year-bdr {
      margin-right: 36px; }
  .milestone .bdr32 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
    }
    .milestone .bdr32 .year-bdr {
      margin-right: 36px; }
  .milestone .text-mile1 {
    padding: 65px 0 15px 15px; }
  .milestone .bdr4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
     }
    .milestone .bdr4 .year-bdr {
      margin-right: 30px; }
  .milestone .bdr5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
    }
    .milestone .bdr5 .year-bdr {
      margin-right: 30px; }
  .milestone .bdr6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
     }
    .milestone .bdr6 .year-bdr {
      margin-right: 30px; }
  .milestone .bdr7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
    }
    .milestone .bdr7 .year-bdr {
      margin-right: 30px; }
  .milestone .bdr8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
     }
    .milestone .bdr8 .year-bdr {
      margin-right: 30px; }
  .milestone .bdr9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
     }
    .milestone .bdr9 .year-bdr {
      margin-right: 30px; }
  .milestone .bdr10 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
     }
    .milestone .bdr10 .year-bdr {
      margin-right: 30px; }
  .milestone .bts-milestone {
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 40px; }
    
.visi-misi .container {
    border-bottom: none !important; }
  .visi-misi .vm-desk {
    display: none; }
  .visi-misi .vm-mobile {
    display: block; }
  .visi-misi .vm-border {
    border-bottom: 1px solid #d1d1d1;
    margin-top: 40px; }
  .visi-misi .text-grey-content {
    text-align: justify; }
  .visi-misi .title-context {
    margin-bottom: 0; }
  .visi-misi .txcomm2 {
    padding-top: 20px; }
  .chairman-message main {
    padding-bottom: 40px; }
  .chairman-message .cm-desk {
    display: none; }
  .chairman-message .cm-mobile {
    display: block; }
  .chairman-message .text-100 {
    font-size: 63px; }
  .chairman-message .text-grey-content {
    font-family: roboto-regular;
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
    line-height: 1.94;
    letter-spacing: 0.13px;
    text-align: justify;
    color: #5a5a5a; }
  .chairman-message .phi2 {
    position: absolute;
    top: 200px;
    z-index: 0; }
  .chairman-message .phi3 {
    margin-top: 30px; }
  .awards .awards-desk {
    display: none; }
  .awards .awards-mobile {
    display: block; }
  .awards main {
    background-color: #ffffff;
    margin-bottom: 0; }
  .awards .header-awards {
    padding-left: 0; }
  .awards .list {
    padding-left: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .awards .list li {
      margin-right: 35px; }
    .awards .list li a {
      font-size: 20px; }
    .awards .list li a:hover {
      font-size: 28px; }
    .awards .list li, .awards .list a:hover {
      margin-top: 0;
      font-size: 28px; }
  .awards #list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: hidden;
    white-space: nowrap; }
  .awards .container-fluid {
    margin-left: 0;
    margin-top: 50px; }
  .awards .carousel-control-prev {
    left: -23px;
    height: 100px;
    top: 126px; }
  .awards .carousel-control-next {
    right: -23px;
    height: 100px;
    top: 126px; }
  .awards .carousel-control-next:hover {
    right: -23px;
    font-color: #6e7533; }
  .career-header .cardet-desk {
    display: none; }
  .career-header .cardet-mobile {
    display: block; }
  /* .career-header .cardet-bg {
    background-color: #f6f6f6;
    margin-top: 30px;
    padding-bottom: 10px; }
  .career-header .cardet-first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px; } */
  .cardet-bg {
    background-color: #f6f6f6;
    margin-top: 15px;
    padding-bottom: 10px; }
  .cardet-first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px; }
  /* .career-header .cardetfirst {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .career-header .cardetsecond {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } */
  .cardetfirst {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .cardetsecond {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .career-header .pill-1 {
    margin-top: 0;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .career-header .icon-loc {
    color: #6e7533;
    font-size: 30px;
    margin: 0; }
  .career-header .tx-cardet {
    font-family: roboto-regular;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    padding-left: 10px; }
  .career-header .cardet-second {
    margin-top: 20px; }
  .career-header .bd-apply {
    position: absolute;
    width: 100%;
    background-color: #ffff;
    z-index: 100;
    padding: 10px;
    position: fixed;
    bottom: 0;
    border-top: 1px solid #d1d1d1; }
  .subtitle-careersdept {
    font-family: roboto-regular;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
  }
  .career-header .icon-apply {
    font-size: 30px;
    margin: 0; }
  .career-header .text-white-apply {
    width: 100%;
    height: 50px;
    border-radius: 25px;
    border: solid 2px #6e7533;
    background-color: #6e7533;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: roboto-regular;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #ffffff;
    padding: 0 15px; }
  .career-header .text-white-apply:hover {
    color: #ffffff;
    border: solid 2px #6e7533;
    background-color: #6e7533; }
  .career-header .carhead-desk {
    display: none; }
  .career-header .carhead-mobile {
    display: none; }
  .career-header .carrer-title {
    margin-bottom: 0; }
  .career-header .carrer-srch-bar {
    margin-top: 40px; }
  .career-header .btn {
    font-size: 16px; }
  .career-header .dropdown {
    margin-left: -6px; }
  .career-header .pill-2 {
    margin-top: -35px;
    margin-right: 15px; }
  .career-header #srch-bar {
    width: 45%; }
  .career-header #searchcon {
    bottom: 66px;
    left: 153px; }
  .career-header .iconsearch {
    font-size: 22px;
    padding-left: 3px; }
  .career-header .form-group {
    margin-left: 24px; }
  .career-header .form-control {
    width: 50%; }
  .career-header .srch-result {
    padding-top: 50px; }
  .career-header #result {
    padding-left: 25px; }
  .career-header .dropdown-menu {
    position: absolute;
    top: 12px !important;
    width: 350px; }
  .career-content .cardet-desk {
    display: none !important; }
  .career-content .cardet-mobile {
    display: block; }
  .career-content main {
    margin-top: 30px; }
  .career-content .carcon-desk {
    display: none; }
  .career-content .carcon-mobile {
    display: block; }
  .career-content #tablecarcon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: hidden;
    white-space: nowrap; }
  .career-content .text-black-16-bold {
    padding: 0 20px;
    font-size: 12px;
    border-left: 1px solid #d1d1d1; }
  .career-content .careers1 {
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    border-top: 1px solid #d1d1d1;
    padding: 15px 15px 0 15px; }
  .career-content .c-first {
    margin-top: 30px; 
    display: inline;}
  .career-content .c-second {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .career-content .content-grey-bold {
    padding-bottom: 12px;
    font-size: 16px; }
  .career-content .careers2 {
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 50px; }
  .career-content .tssss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .career-content .ttl-careers {
    font-family: Roboto=regular;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.38px;
    color: #9b9b9b;
    text-align: center; }
  .career-content .title-context {
    border-left: 2px solid #d1d1d1;
    border-width: thick;
    margin: 0;
    margin-bottom: 28px;
    padding-left: 20px; }
  .career-content .text-grey-content {
    font-size: 14px;
    color: #5a5a5a;
    text-align: justify;
    padding-left: 0; }
  .career-content .jobreq {
    margin-top: 30px; }
  .career-content .tx-jobreq {
    font-size: 18px;
  }
  .career-content .tg-cardet {
    margin-top: 30px; }
  .career-content .tgcardet {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
    margin-bottom: 20px; }
  .career-content .tgcardet-first {
    width: 100%;
    height: auto;
    margin: 10px 5px;
    border-radius: 20px;
    border: solid 2px #8e8e93;
    font-family: roboto-regular;
    font-size: 14px;
    padding: 8px;
    text-align: center;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #8e8e93; }
  .career-content .tgcardet-first:hover {
    border: solid 2px #6e7533;
    background-color: #6e7533;
    color: #ffffff; }
  .career-content .icon-right-career {
    font-size: 14px;
    margin-left: 5px; }
  .career-content .pill {
    background-color: transparent;
    border: 2px solid #4a4a4a;
    color: #4a4a4a;
    padding: 7px 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px -4px;
    cursor: pointer;
    border-radius: 20px; }
  .career-content .text-white-16 {
    font-size: 12px;
    font-weight: bold;
    color: #4a4a4a; }
  .career-content .pill-1 {
    padding-top: 0 !important; }
  .career-content .pill {
    border-radius: 25px;
    border: 2px solid #4a4a4a;
    margin-right: 0 !important;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translate3d(205px, -25px, 10px);
    transform: translate3d(205px, -25px, 10px); }
  .career-content .pill:hover {
    background-color: #6e7533;
    border: 1px solid #6e7533;
    color: #fff; }
  .career-content .scrl-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .career-content .content-grey {
    margin: 0; }
  .career-content .text-white-apply {
    width: 170px;
    height: 50px;
    border-radius: 25px;
    border: solid 2px #6e7533;
    background-color: #6e7533;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Roboto-regular;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #ffffff;
    padding: 0 15px;
    margin-top: -8px; }
  .career-content .icon-apply {
    font-size: 30px; }
  .career-footer .cardet-bg {
    background-color: #f6f6f6;
    margin-bottom: 50px; 
  }
  .career-footer .disp-2 {
    margin-bottom: 30px;
  }
  .career-footer .tx-related {
    font-size: 18px;
    padding: 30px 0;
    margin-bottom: -7px;
  }
  .career-footer .related-cont {
    width: 100%;
    height: 16px;
    font-family: Roboto-regular;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.44px;
    color: #5a5a5a;
  }
  .modal-header .close {
    margin: 0rem 0rem 0rem auto;
    padding: 0.3rem 1rem 0 1rem;}
  .modal-header {
    border: none;
    display: contents;
  }

  .modal-title {
    font-family: Roboto-regular;
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    margin: 0px auto 10px auto;
  }
  #form-group {
    margin-left: 2px;
    border-bottom: 1px solid #d1d1d1;
    width: 98%;
    margin-top: 0;
    margin-bottom: 5px;
  }
  #input-title {
    font-family: Roboto-regular;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    color: #4a4a4a;
    margin-bottom: 0;
  }
  
  #form-control {
    width: 100%;
    padding-left: 0;
    font-size: 14px;
    color: #4a4a4a;
  }
  .form-control::-webkit-input-placeholder {
    font-family: Roboto-regular;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.79;
    letter-spacing: normal;
    color: #9b9b9b;
    height: 50px;
  }

  input[type=file]::-webkit-file-upload-button {
    width: 100px;
    height: 23px;
    border-radius: 15px;
    border: solid 1px #5a5a5a;
    background-color: #fff;
    font-family: Roboto-regular;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #5a5a5a;
    padding: 8px 0 20px 0;
    /* margin-right: 40px; */
  }

  /* input[type=file]::-webkit-file-upload-button:active {
    background-color: #fff;
  }
  input[type=file]::-webkit-file-upload-button:focus {
    background-color: #fff;
  } */

  .form-control:focus {
    border: 1px solid #6e7533;
  }

  .apply-cardet {
    width: 56% !important;
  }

  .text-green-apply {
    width: 100%;
    height: 50px;
    border-radius: 25px;
    border: solid 2px #6e7533;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: roboto-regular;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #6e7533;
    padding: 0 15px;
  }
  .text-green-apply:hover {
    background-color:  #6e7533;
    color: #ffffff;
  }
  .form-control:disabled, .form-control[readonly] {
    background-color: #ffffff;
    height: 31px;
  }

  .modal-footer {
    border: none;
    display: flex;
    justify-content: center;
    padding: 0 0 23px 0;
  }

  .modal-content {
    margin-top: 90px;
  }
  .strctr-desk {
  display: none;
  }
  .strctr-mobile {
    display: block;
  }
  .structure .contactus-desk {
    display: none; }
  .structure .contactus-mobile {
    display: block; }
  .structure .img-structure {
    width: 100%; }
  .structure #maps {
    background-image: none;
    padding-top: 0;
    padding-bottom: 0; }
  .structure .icon {
    padding-left: 0; }
  .structure #bg-overlay {
    background-color: #ffffff; }
  .structure .contactus-content {
    /* background-color: #f6f6f6;  */
  }

  .structure .display-3 {
    margin-top: 30px;
    margin-bottom: 40px; }
  .structure .bg {
    margin-left: 0; }
  .structure input {
    border-bottom: 1px solid #d1d1d1;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    outline: none;
    width: 100%;
    /* width: 345px; */
    background: #f6f6f6 !important;
    margin: 0 !important;
    padding: 0 !important; }
  .structure .input-title {
    padding-left: 0;
  }

  .structure textarea {
    /* height: 30px;
    width: 345px; */
    height: 100px;
    width: 100%;
    background: #f6f6f6 !important;
    margin: 0 !important; }
  .structure #form {
    padding-top: 15px;
    margin: 0 15px; }
  .structure .btn-contact {
    margin: 40px 15px 0 15px; }
  .structure .bg-capta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .structure .pill-2 {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 50px; }
  .structure .contacus-footer {
    background-color: #6e7533; }
  .structure .container-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px; }
    .structure .container-address .icon {
      margin-right: 17px; }
    .structure .container-address .contactus-get {
      padding-left: 87px; }
  .structure .address-get {
    margin-bottom: 0; }
  .structure .container-sosmed {
    margin-left: 87px; }
  .structure .title-context {
    border-left: 2px solid #d1d1d1;
    border-width: thick;
    margin-bottom: 0;
    margin-top: 20px;
    padding-left: 20px; }
  .structure .text-black-title-context {
    font-family: roboto-regular;
    font-size: 26px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a; }
  .structure .mapouter {
    padding-top: 40px;
    margin-bottom: 20px;
    width: 100% !important; }
  .structure .gmap_canvas {
    width: 100% !important; }
  .structure .title-location {
    padding: 63px 50px 0 50px;
    margin-bottom: 31px; }
  .structure .icon-maps {
    display: none; }
  .structure .text-green {
    padding: 0 30px 40px 30px;
    font-family: roboto-regular;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #6e7533; }
  .value .value-desk {
    display: none; }
  .value .value-mobile {
    display: block; }
  .value .row {
    padding-top: 0;
    padding-bottom: 50px; }
  .value .value1 {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0 15px; }
  .value .vm-border {
    border: 1px solid #d1d1d1;
    margin-top: 50px; }
  .value main {
    padding-bottom: 50px; }
  .value .tx-value-and {
    font-family: roboto-regular;
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: 0.11px;
    text-align: justify;
    color: var(--warm-grey);
    padding: 25px 20px 0 20px; }
  .value .container {
    border-bottom: none;
    background-color: #f6f6f6; }
  .value .value-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: hidden;
    white-space: nowrap;
    margin: 50px 15px 0 15px; }
  .value .slide2 {
    margin-top: 30px;
    margin-right: 20px; }
  .value .slide2:hover {
    margin-top: 0; }
    .value .slide2:hover img:hover {
      width: 200px;
      height: 200px;
      border-radius: 50%;
      opacity: 1; }
  .value .value .value-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .value .val-title {
    text-align: center;
    padding-left: 0; }
  .value .title-context {
    border-left: 2px solid #d1d1d1;
    border-width: thick;
    padding-left: 20px; }
  .partner .partner-desk {
    display: none; }
  .partner .partner-mobile {
    display: block; }
  .partner .partner1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 40px 33px 0 33px; }
  .partner .partner {
    padding-right: 0;
    width: 40%;
    -o-object-fit: contain;
    object-fit: contain; }
  .partner .partner2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px; }
  .partner .container {
    border-bottom: none;
    margin-bottom: 60px; }
  .partner .title-context {
    padding-left: 20px; }
  .disclaimer-mobile{
    text-align: justify;
    padding-bottom: 40px;
  }
  .sitemap_mobile{
    padding-bottom: 40px;
    } 

}

@media only screen and (min-width:914px) and (max-width:991px) {
  .strctr-desk {
  display: none;
  }
  .strctr-mobile {
    display: block;
  }
  .structure .contactus-desk {
    display: none; }
  .structure .contactus-mobile {
    display: block; }
  .structure .img-structure {
    width: 100%; }
  .structure #maps {
    background-image: none;
    padding-top: 0;
    padding-bottom: 0; }
  .structure .icon {
    padding-left: 0; }
  .structure #bg-overlay {
    background-color: #ffffff; }
  .structure .contactus-content {
    /* background-color: #f6f6f6;  */
  }

  .structure .display-3 {
    margin-top: 30px;
    margin-bottom: 40px; }
  .structure .bg {
    margin-left: 0; }
  .structure input {
    border-bottom: 1px solid #d1d1d1;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    outline: none;
    width: 100%;
    /* width: 345px; */
    background: #f6f6f6 !important;
    margin: 0 !important;
    padding: 0 !important; }
  .structure .input-title {
    padding-left: 0;
  }

  .structure textarea {
    /* height: 30px;
    width: 345px; */
    height: 100px;
    width: 100%;
    background: #f6f6f6 !important;
    margin: 0 !important; }
  .structure #form {
    padding-top: 15px;
    margin: 0 15px; }
  .structure .btn-contact {
    margin: 40px 15px 0 15px; }
  .structure .bg-capta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .structure .pill-2 {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 85px; }
  .structure .contacus-footer {
    background-color: #6e7533; }
  .structure .container-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px; }
    .structure .container-address .icon {
      margin-right: 17px; }
    .structure .container-address .contactus-get {
      padding-left: 87px; }
  .structure .address-get {
    margin-bottom: 0; }
  .structure .container-sosmed {
    margin-left: 87px; }
  .structure .title-context {
    border-left: 2px solid #d1d1d1;
    border-width: thick;
    margin-bottom: 0;
    margin-top: 20px;
    padding-left: 20px; }
  .structure .text-black-title-context {
    font-family: roboto-regular;
    font-size: 26px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a; }
  .structure .mapouter {
    padding-top: 40px;
    margin-bottom: 20px;
    width: 100% !important; }
  .structure .gmap_canvas {
    width: 100% !important; }
  .structure .title-location {
    padding: 63px 50px 0 50px;
    margin-bottom: 31px; }
  .structure .icon-maps {
    display: none; }
  .structure .text-green {
    padding: 0 30px 40px 30px;
    font-family: roboto-regular;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #6e7533; }
}

@media only screen and (min-width: 914px) and (max-width: 1230px) {
 .career-header .cardet-desk {
    display: none; }
  .career-header .cardet-mobile {
    display: block; }
  /* .career-header .cardet-bg {
    background-color: #f6f6f6;
    margin-top: 30px;
    padding-bottom: 10px; }
  .career-header .cardet-first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px; } */
  .cardet-bg {
    background-color: #f6f6f6;
    margin-top: 15px;
    padding-bottom: 10px; }
  .cardet-first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px; }
  /* .career-header .cardetfirst {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .career-header .cardetsecond {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } */
  .cardetfirst {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .cardetsecond {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .career-header .pill-1 {
    margin-top: 0;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .career-header .icon-loc {
    color: #6e7533;
    font-size: 30px;
    margin: 0; }
  .career-header .tx-cardet {
    font-family: roboto-regular;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    padding-left: 10px; }
  .career-header .cardet-second {
    margin-top: 20px; }
  .career-header .bd-apply {
    position: absolute;
    width: 100%;
    background-color: #ffff;
    z-index: 100;
    padding: 10px;
    position: fixed;
    bottom: 0;
    border-top: 1px solid #d1d1d1; }
  .subtitle-careersdept {
    font-family: roboto-regular;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
  }
  .career-header .icon-apply {
    font-size: 30px;
    margin: 0; }
  .career-header .text-white-apply {
    width: 100%;
    height: 50px;
    border-radius: 25px;
    border: solid 2px #6e7533;
    background-color: #6e7533;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: roboto-regular;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #ffffff;
    padding: 0 15px; }
  .career-header .text-white-apply:hover {
    color: #ffffff;
    border: solid 2px #6e7533;
    background-color: #6e7533; }
  .career-header .carhead-desk {
    display: none; }
  .career-header .carhead-mobile {
    display: none; }
  .career-header .carrer-title {
    margin-bottom: 0; }
  .career-header .carrer-srch-bar {
    margin-top: 40px; }
  .career-header .btn {
    font-size: 16px; }
  .career-header .dropdown {
    margin-left: -6px; }
  .career-header .pill-2 {
    margin-top: -35px;
    margin-right: 15px; }
  .career-header #srch-bar {
    width: 45%; }
  .career-header #searchcon {
    bottom: 66px;
    left: 153px; }
  .career-header .iconsearch {
    font-size: 22px;
    padding-left: 3px; }
  .career-header .form-group {
    margin-left: 24px; }
  .career-header .form-control {
    width: 50%; }
  .career-header .srch-result {
    padding-top: 50px; }
  .career-header #result {
    padding-left: 25px; }
  .career-header .dropdown-menu {
    position: absolute;
    top: 12px !important;
    width: 350px; }
  .career-content .cardet-desk {
    display: none !important; }
  .career-content .cardet-mobile {
    display: block; }
  .career-content main {
    margin-top: 30px; }
  .career-content .carcon-desk {
    display: none; }
  .career-content .carcon-mobile {
    display: block; }
  .career-content #tablecarcon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: hidden;
    white-space: nowrap; }
  .career-content .text-black-16-bold {
    padding: 0 20px;
    font-size: 12px;
    border-left: 1px solid #d1d1d1; }
  .career-content .careers1 {
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    border-top: 1px solid #d1d1d1;
    padding: 15px 15px 0 15px; }
  .career-content .c-first {
    margin-top: 30px; 
    display: inline;}
  .career-content .c-second {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .career-content .content-grey-bold {
    padding-bottom: 12px;
    font-size: 16px; }
  .career-content .careers2 {
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 50px; }
  .career-content .tssss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .career-content .ttl-careers {
    font-family: Roboto=regular;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.38px;
    color: #9b9b9b;
    text-align: center; }
  .career-content .title-context {
    border-left: 2px solid #d1d1d1;
    border-width: thick;
    margin: 0;
    margin-bottom: 28px;
    padding-left: 20px; }
  .career-content .text-grey-content {
    font-size: 14px;
    color: #5a5a5a;
    text-align: justify;
    padding-left: 0; }
  .career-content .jobreq {
    margin-top: 30px; }
  .career-content .tx-jobreq {
    font-size: 18px;
  }
  .career-content .tg-cardet {
    margin-top: 30px; }
  .career-content .tgcardet {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
    margin-bottom: 20px; }
  .career-content .tgcardet-first {
    width: 100%;
    height: auto;
    margin: 10px 5px;
    border-radius: 20px;
    border: solid 2px #8e8e93;
    font-family: roboto-regular;
    font-size: 14px;
    padding: 8px;
    text-align: center;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #8e8e93; }
  .career-content .tgcardet-first:hover {
    border: solid 2px #6e7533;
    background-color: #6e7533;
    color: #ffffff; }
  .career-content .icon-right-career {
    font-size: 14px;
    margin-left: 5px; }
  .career-content .pill {
    background-color: transparent;
    border: 2px solid #4a4a4a;
    color: #4a4a4a;
    padding: 7px 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px -4px;
    cursor: pointer;
    border-radius: 20px; }
  .career-content .text-white-16 {
    font-size: 12px;
    font-weight: bold;
    color: #4a4a4a; }
  .career-content .pill-1 {
    padding-top: 0 !important; }
  .career-content .pill {
    border-radius: 25px;
    border: 2px solid #4a4a4a;
    margin-right: 0 !important;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translate3d(205px, -25px, 10px);
    transform: translate3d(205px, -25px, 10px); }
  .career-content .pill:hover {
    background-color: #6e7533;
    border: 1px solid #6e7533;
    color: #fff; }
  .career-content .scrl-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .career-content .content-grey {
    margin: 0; }
  .career-content .text-white-apply {
    width: 170px;
    height: 50px;
    border-radius: 25px;
    border: solid 2px #6e7533;
    background-color: #6e7533;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Roboto-regular;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #ffffff;
    padding: 0 15px;
    margin-top: -8px; }
  .career-content .icon-apply {
    font-size: 30px; }
  .career-footer .cardet-bg {
    background-color: #f6f6f6;
    margin-bottom: 50px; 
  }
  .career-footer .disp-2 {
    margin-bottom: 30px;
  }
  .career-footer .tx-related {
    font-size: 18px;
    padding: 30px 0;
    margin-bottom: -7px;
  }
  .career-footer .related-cont {
    width: 100%;
    height: 16px;
    font-family: Roboto-regular;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.44px;
    color: #5a5a5a;
  }
  .modal-header .close {
    margin: 0rem 0rem 0rem auto;
    padding: 0.3rem 1rem 0 1rem;}
  .modal-header {
    border: none;
    display: contents;
  }

  .modal-title {
    font-family: Roboto-regular;
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    margin: 0px auto 10px auto;
  }
  #form-group {
    margin-left: 2px;
    border-bottom: 1px solid #d1d1d1;
    width: 98%;
    margin-top: 0;
    margin-bottom: 5px;
  }
  #input-title {
    font-family: Roboto-regular;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    color: #4a4a4a;
    margin-bottom: 0;
  }
  
  #form-control {
    width: 100%;
    padding-left: 0;
    font-size: 14px;
    color: #4a4a4a;
  }
  .form-control::-webkit-input-placeholder {
    font-family: Roboto-regular;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.79;
    letter-spacing: normal;
    color: #9b9b9b;
    height: 50px;
  }

  input[type=file]::-webkit-file-upload-button {
    width: 100px;
    height: 23px;
    border-radius: 15px;
    border: solid 1px #5a5a5a;
    background-color: #fff;
    font-family: Roboto-regular;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #5a5a5a;
    padding: 8px 0 20px 0;
    /* margin-right: 40px; */
  }

  /* input[type=file]::-webkit-file-upload-button:active {
    background-color: #fff;
  }
  input[type=file]::-webkit-file-upload-button:focus {
    background-color: #fff;
  } */

  .form-control:focus {
    border: 1px solid #6e7533;
  }

  .apply-cardet {
    width: 56% !important;
  }

  .text-green-apply {
    width: 100%;
    height: 50px;
    border-radius: 25px;
    border: solid 2px #6e7533;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: roboto-regular;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #6e7533;
    padding: 0 15px;
  }
  .text-green-apply:hover {
    background-color:  #6e7533;
    color: #ffffff;
  }
  .form-control:disabled, .form-control[readonly] {
    background-color: #ffffff;
    height: 31px;
  }

  .modal-footer {
    border: none;
    display: flex;
    justify-content: center;
    padding: 0 0 23px 0;
  }

  .modal-content {
    margin-top: 90px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 924px) {
    .cardet-bg {
        display: block;}
    
    
  .bread-desk {
    display: none; }
  .bread-mobile {
    display: block;
    margin-top:30px;}
  .chart-desk{
    display: none; }
  .chart-mobile{
    display: block; }

  .img-header-about .cardet-desk {
    display: none; }
  .img-header-about .cardet-mobile {
    display: block; }
  .img-header-about .philosophy-desk {
    display: none !important; }
  .img-header-about .philosophy-mobile {
    display: block !important; }
  .img-header-about .milestone-desk {
    display: none; }
  .img-header-about .milestone-mobile {
    display: block; }
  .img-header-about .bod-desk {
    display: none; }
  .img-header-about .bod-mobile {
    display: block; }
  .img-header-about .career-desk {
    display: none; }
  .img-header-about .career-mobile {
    display: block; }
  .img-header-about main {
    padding-top: 90px; }
  .img-header-about .title-content {
    margin-bottom: 30px; }
  .img-header-about .img-head-container {
    padding-bottom: 0; }
  .img-header-about .img-head {
    display: block;
    width: 100%;
    height: 16vh;
    -o-object-fit: contain;
    object-fit: contain;
    padding-bottom: 20px; }
  .img-header-about .img-head-mobile {
    display: block;
    width: 100%;
    height: 19vh;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 30px; }
  .img-header-about .img-head-philosophy {
    display: block !important;
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    margin-bottom: 30px; }
  .img-header-about .text-grey-content {
    padding-top: 0;
    text-align: justify;
    margin-bottom: 0; }
  .img-header-about .tx-mil2 {
    padding-bottom: 0;
    margin-bottom: 0; }
  .img-header-about .txcomm1 {
    padding-top: 10px;
    padding-bottom: 20px; }
  .img-header-about .txcomm2 {
    padding-top: 10px; }
  .img-header-about .tx-milestone {
    padding-bottom: 30px; }
  .img-header-about .textcareers1 {
    padding-bottom: 0;
    margin-bottom: 0; }
  .img-header-about .text-black-title {
    font-size: 30px;
    margin-bottom: 20px; }
  .img-header-about .title-context {
    padding-left: 20px; }
  .img-header-about .container {
    margin-bottom: 0; }
  .img-header-about .imgc-desk {
    display: none;
    -o-object-fit: cover;
    object-fit: cover; }
  .img-header-about .imgc-mobile {
    display: block;
    -o-object-fit: cover;
    object-fit: cover; }
  .img-header-about .mini-title {
    margin-left: 0;
  }
  .list-bod main {
    margin-bottom: 30px; }
  .list-bod .space-bod {
    margin-bottom: 50px; }
  .list-bod .bod-desk {
    display: none; }
  .list-bod .bod-mobile {
    display: block; }
  .list-bod .text-limit {
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 2;
    max-height: 242px;
    -webkit-line-clamp: 8;
    -webkit-box-orient: vertical; }
  .list-bod .bod-name {
    padding-top: 30px; }
  .list-bod .article1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .list-bod .img-bod {
    width: 30%;
    height: 175px;
    -o-object-fit: contain;
    object-fit: contain; }
  .list-bod .artc-first {
    padding-top: 9px;
    padding-left: 15px;
    margin-bottom: 0; }
  .list-bod .bod-content {
    text-align: justify;
    padding-bottom: 0; }
  .list-bod .icon-show {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    border: 1px solid #4a4a4a;
    color: #ffffff;
    background-color: #4a4a4a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 10px;
    -webkit-transform: translateY(-3px);
    -ms-transform: translateY(-3px);
    transform: translateY(-3px); }
  .list-bod .icon-show.active {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .list-bod .long-text {
    display: none; }
  .list-bod .show-more-button {
    font-family: roboto-regular;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    /* text-align: center; */
    color: #4a4a4a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 30px 0 40px 0; }
  .list-bod #oppenheim,
  .list-bod #edsa,
  .list-bod #phil,
  .list-bod #phil1,
  .list-bod #phil2,
  .list-bod #phil3,
  .list-bod #ernie {
    display: none; }
  .list-bod .btn_1 {
    padding-bottom: 40px; }
  .list-bod .btn-readme {
    font-family: roboto-regular;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    text-align: center;
    color: #4a4a4a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .list-bod .icon-sm {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #4a4a4a;
    font-size: 19px;
    color: #ffffff;
    margin-left: 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .list-bod .btn-1:hover i {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  .list-bod .mini-title {
    margin-bottom: 0 !important; }
  .milestone .milestone-desk {
    display: none; }
  .milestone .milestone-mobile {
    display: block !important; }
  .milestone main {
    padding-top: 0;
    padding-bottom: 0; }
  .milestone .img-milestone {
    width: 100%;
    /* height: 24vh; */ }
  .milestone .tx-milestone {
    margin-bottom: 30px; }
  .milestone .fill-first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .milestone .title-milestone {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-bottom: 0;
    margin-bottom: 0; }
  .milestone .text-grey-content2{
    padding: 0px;   
   }
    
  .milestone .text-grey-content {
    padding: 60px 0 20px 10px;
    text-align: justify; }
  .milestone .txevent {
    padding-top: 10px;
    padding-left: 35px !important; }
  .milestone .txspace1 {
    padding-top: 15px; }
  .milestone .txspace2 {
    padding-top: 15px;
    padding-left: 0; }
  .milestone .txspace3 {
    padding-top: 15px;
    padding-left: 0;
    margin-bottom: 40px; }
  .milestone .tx-mil {
    padding-left: 40px;
    /* -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);  */
  }
  .milestone .tx-mil1 {
    padding-left: 0px;
    padding-top: 0; }
  .milestone .space-milestone {
    margin-bottom: 50px; }
  .milestone .img-milestone-panjang {
    /* height: 39vh; */
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%;
    margin: 30px 0; }
  .milestone .imgspace {
    margin-top: 0;
    margin-bottom: 20px; }
  .milestone .right {
    margin-right: 0;
    text-align: left; }
  .milestone .text-event3 {
    text-align: left; }
  .milestone #bdr1 {
    width: 100%;
    height: 10vh;
    background-color: yellow; }
  .milestone .bdr1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
    }
    .milestone .bdr1 .year-bdr {
      margin-right: 30px; }
  .milestone .bdr11 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
     }
    .milestone .bdr11 .year-bdr {
      margin-right: 36px; }
  .milestone .bdr2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
     }
    .milestone .bdr2 .year-bdr {
      margin-right: 36px; }
  .milestone .bdr3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
    }
  .milestone .bdr3 .year-bdr {
      margin-right: 30px; }
  .milestone .bdr31 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
    }
  .milestone .bdr31 .year-bdr {
      margin-right: 36px; }
  .milestone .bdr32 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
    }
    .milestone .bdr32 .year-bdr {
      margin-right: 36px; }
  .milestone .text-mile1 {
    padding: 65px 0 15px 15px; }
  .milestone .bdr4 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
     }
    .milestone .bdr4 .year-bdr {
      margin-right: 30px; }
  .milestone .bdr5 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
    }
    .milestone .bdr5 .year-bdr {
      margin-right: 30px; }
  .milestone .bdr6 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
     }
    .milestone .bdr6 .year-bdr {
      margin-right: 30px; }
  .milestone .bdr7 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
    }
    .milestone .bdr7 .year-bdr {
      margin-right: 30px; }
  .milestone .bdr8 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
     }
    .milestone .bdr8 .year-bdr {
      margin-right: 30px; }
  .milestone .bdr9 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
     }
    .milestone .bdr9 .year-bdr {
      margin-right: 30px; }
  .milestone .bdr10 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #d1d1d1;
    margin-right: 30px;
    position: absolute;
    left: -25px;
    margin-top: 25px;
     }
    .milestone .bdr10 .year-bdr {
      margin-right: 30px; }
  .milestone .bts-milestone {
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 40px; }
  .visi-misi .container {
    border-bottom: none !important; }
  .visi-misi .vm-desk {
    display: none; }
  .visi-misi .vm-mobile {
    display: block; }
  .visi-misi .vm-border {
    border-bottom: 1px solid #d1d1d1;
    margin-top: 40px; }
  .visi-misi .text-grey-content {
    text-align: justify; }
  .visi-misi .title-context {
    margin-bottom: 0; }
  .visi-misi .txcomm2 {
    padding-top: 20px; }
  .chairman-message main {
    padding-bottom: 40px; }
  .chairman-message .cm-desk {
    display: none; }
  .chairman-message .cm-mobile {
    display: block; }
  .chairman-message .text-100 {
    font-size: 63px; }
  .chairman-message .text-grey-content {
    font-family: roboto-regular;
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
    line-height: 1.94;
    letter-spacing: 0.13px;
    text-align: justify;
    color: #5a5a5a; }
  .chairman-message .phi2 {
    position: absolute;
    top: 200px;
    z-index: 0; }
  .chairman-message .phi3 {
    margin-top: 30px; }
  .awards .awards-desk {
    display: none; }
  .awards .awards-mobile {
    display: block; }
  .awards main {
    background-color: #ffffff;
    margin-bottom: 0; }
  .awards .header-awards {
    padding-left: 0; }
  .awards .list {
    padding-left: 0;
    margin-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .awards .list li {
      margin-right: 35px; }
    .awards .list li a {
      font-size: 20px; }
    .awards .list li a:hover {
      font-size: 28px; }
    .awards .list li, .awards .list a:hover {
      margin-top: 0;
      font-size: 28px; }
  .awards #list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: hidden;
    white-space: nowrap; }
  .awards .container-fluid {
    margin-left: 0;
    margin-top: 50px; }
  .awards .carousel-control-prev {
    left: -23px;
    height: 100px;
    top: 126px; }
  .awards .carousel-control-next {
    right: -23px;
    height: 100px;
    top: 126px; }
  .awards .carousel-control-next:hover {
    right: -23px;
    font-color: #6e7533; }
  .career-header .cardet-desk {
    display: none; }
  .career-header .cardet-mobile {
    display: block; }
  /* .career-header .cardet-bg {
    background-color: #f6f6f6;
    margin-top: 30px;
    padding-bottom: 10px; }
  .career-header .cardet-first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px; } */
  .cardet-bg {
    background-color: #f6f6f6;
    margin-top: 15px;
    padding-bottom: 10px; }
  .cardet-first {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 30px; }
  /* .career-header .cardetfirst {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .career-header .cardetsecond {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; } */
  .cardetfirst {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .cardetsecond {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .career-header .pill-1 {
    margin-top: 0;
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .career-header .icon-loc {
    color: #6e7533;
    font-size: 30px;
    margin: 0; }
  .career-header .tx-cardet {
    font-family: roboto-regular;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    padding-left: 10px; }
  .career-header .cardet-second {
    margin-top: 20px; }
  .career-header .bd-apply {
    position: absolute;
    width: 100%;
    background-color: #ffff;
    z-index: 100;
    padding: 10px;
    position: fixed;
    bottom: 0;
    border-top: 1px solid #d1d1d1; }
  .subtitle-careersdept {
    font-family: roboto-regular;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
  }
  .career-header .icon-apply {
    font-size: 30px;
    margin: 0; }
  .career-header .text-white-apply {
    width: 100%;
    height: 50px;
    border-radius: 25px;
    border: solid 2px #6e7533;
    background-color: #6e7533;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: roboto-regular;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #ffffff;
    padding: 0 15px; }
  .career-header .text-white-apply:hover {
    color: #ffffff;
    border: solid 2px #6e7533;
    background-color: #6e7533; }
  .career-header .carhead-desk {
    display: none; }
  .career-header .carhead-mobile {
    display: none; }
  .career-header .carrer-title {
    margin-bottom: 0; }
  .career-header .carrer-srch-bar {
    margin-top: 40px; }
  .career-header .btn {
    font-size: 16px; }
  .career-header .dropdown {
    margin-left: -6px; }
  .career-header .pill-2 {
    margin-top: -35px;
    margin-right: 15px; }
  .career-header #srch-bar {
    width: 45%; }
  .career-header #searchcon {
    bottom: 66px;
    left: 153px; }
  .career-header .iconsearch {
    font-size: 22px;
    padding-left: 3px; }
  .career-header .form-group {
    margin-left: 24px; }
  .career-header .form-control {
    width: 50%; }
  .career-header .srch-result {
    padding-top: 50px; }
  .career-header #result {
    padding-left: 25px; }
  .career-header .dropdown-menu {
    position: absolute;
    top: 12px !important;
    width: 350px; }
  .career-content .cardet-desk {
    display: none !important; }
  .career-content .cardet-mobile {
    display: block; }
  .career-content main {
    margin-top: 30px; }
  .career-content .carcon-desk {
    display: none; }
  .career-content .carcon-mobile {
    display: block; }
  .career-content #tablecarcon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: hidden;
    white-space: nowrap; }
  .career-content .text-black-16-bold {
    padding: 0 20px;
    font-size: 12px;
    border-left: 1px solid #d1d1d1; }
  .career-content .careers1 {
    display: -webkit-box;
    display: -ms-flexbox;
    /* display: flex; */
    border-top: 1px solid #d1d1d1;
    padding: 15px 15px 0 15px; }
  .career-content .c-first {
    margin-top: 30px; 
    display: inline;}
  .career-content .c-second {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end; }
  .career-content .content-grey-bold {
    padding-bottom: 12px;
    font-size: 16px; }
  .career-content .careers2 {
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 50px; }
  .career-content .tssss {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .career-content .ttl-careers {
    font-family: Roboto=regular;
    font-size: 14px;
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.38px;
    color: #9b9b9b;
    text-align: center; }
  .career-content .title-context {
    border-left: 2px solid #d1d1d1;
    border-width: thick;
    margin: 0;
    margin-bottom: 28px;
    padding-left: 20px; }
  .career-content .text-grey-content {
    font-size: 14px;
    color: #5a5a5a;
    text-align: justify;
    padding-left: 0; }
  .career-content .jobreq {
    margin-top: 30px; }
  .career-content .tx-jobreq {
    font-size: 18px;
  }
  .career-content .tg-cardet {
    margin-top: 30px; }
  .career-content .tgcardet {
    /* display: -webkit-box;
    display: -ms-flexbox;
    display: flex; */
    margin-bottom: 20px; }
  .career-content .tgcardet-first {
    width: 100%;
    height: auto;
    margin: 10px 5px;
    border-radius: 20px;
    border: solid 2px #8e8e93;
    font-family: roboto-regular;
    font-size: 14px;
    padding: 8px;
    text-align: center;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #8e8e93; }
  .career-content .tgcardet-first:hover {
    border: solid 2px #6e7533;
    background-color: #6e7533;
    color: #ffffff; }
  .career-content .icon-right-career {
    font-size: 14px;
    margin-left: 5px; }
  .career-content .pill {
    background-color: transparent;
    border: 2px solid #4a4a4a;
    color: #4a4a4a;
    padding: 7px 7px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 4px -4px;
    cursor: pointer;
    border-radius: 20px; }
  .career-content .text-white-16 {
    font-size: 12px;
    font-weight: bold;
    color: #4a4a4a; }
  .career-content .pill-1 {
    padding-top: 0 !important; }
  .career-content .pill {
    border-radius: 25px;
    border: 2px solid #4a4a4a;
    margin-right: 0 !important;
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transform: translate3d(205px, -25px, 10px);
    transform: translate3d(205px, -25px, 10px); }
  .career-content .pill:hover {
    background-color: #6e7533;
    border: 1px solid #6e7533;
    color: #fff; }
  .career-content .scrl-next {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .career-content .content-grey {
    margin: 0; }
  .career-content .text-white-apply {
    width: 170px;
    height: 50px;
    border-radius: 25px;
    border: solid 2px #6e7533;
    background-color: #6e7533;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: Roboto-regular;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #ffffff;
    padding: 0 15px;
    margin-top: -8px; }
  .career-content .icon-apply {
    font-size: 30px; }
  .career-footer .cardet-bg {
    background-color: #f6f6f6;
    margin-bottom: 50px; 
  }
  .career-footer .disp-2 {
    margin-bottom: 30px;
  }
  .career-footer .tx-related {
    font-size: 18px;
    padding: 30px 0;
    margin-bottom: -7px;
  }
  .career-footer .related-cont {
    width: 100%;
    height: 16px;
    font-family: Roboto-regular;
    font-size: 14px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.44px;
    color: #5a5a5a;
  }
  .modal-header .close {
    margin: 0rem 0rem 0rem auto;
    padding: 0.3rem 1rem 0 1rem;}
  .modal-header {
    border: none;
    display: contents;
  }

  .modal-title {
    font-family: Roboto-regular;
    font-size: 22px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a;
    margin: 0px auto 10px auto;
  }
  #form-group {
    margin-left: 2px;
    border-bottom: 1px solid #d1d1d1;
    width: 98%;
    margin-top: 0;
    margin-bottom: 5px;
  }
  #input-title {
    font-family: Roboto-regular;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.88;
    letter-spacing: normal;
    color: #4a4a4a;
    margin-bottom: 0;
  }
  
  #form-control {
    width: 100%;
    padding-left: 0;
    font-size: 14px;
    color: #4a4a4a;
  }
  .form-control::-webkit-input-placeholder {
    font-family: Roboto-regular;
    font-size: 14px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.79;
    letter-spacing: normal;
    color: #9b9b9b;
    height: 50px;
  }

  input[type=file]::-webkit-file-upload-button {
    width: 100px;
    height: 23px;
    border-radius: 15px;
    border: solid 1px #5a5a5a;
    background-color: #fff;
    font-family: Roboto-regular;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #5a5a5a;
    padding: 8px 0 20px 0;
    /* margin-right: 40px; */
  }

  /* input[type=file]::-webkit-file-upload-button:active {
    background-color: #fff;
  }
  input[type=file]::-webkit-file-upload-button:focus {
    background-color: #fff;
  } */

  .form-control:focus {
    border: 1px solid #6e7533;
  }

  .apply-cardet {
    width: 56% !important;
  }

  .text-green-apply {
    width: 100%;
    height: 50px;
    border-radius: 25px;
    border: solid 2px #6e7533;
    background-color: #ffffff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-family: roboto-regular;
    font-size: 16px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #6e7533;
    padding: 0 15px;
  }
  .text-green-apply:hover {
    background-color:  #6e7533;
    color: #ffffff;
  }
  .form-control:disabled, .form-control[readonly] {
    background-color: #ffffff;
    height: 31px;
  }

  .modal-footer {
    border: none;
    display: flex;
    justify-content: center;
    padding: 0 0 23px 0;
  }

  .modal-content {
    margin-top: 90px;
  }
  .strctr-desk {
  display: none;
  }
  .strctr-mobile {
    display: block;
  }
  .structure .contactus-desk {
    display: none; }
  .structure .contactus-mobile {
    display: block; }
  .structure .img-structure {
    width: 100%; }
  .structure #maps {
    background-image: none;
    padding-top: 0;
    padding-bottom: 0; }
  .structure .icon {
    padding-left: 0; }
  .structure #bg-overlay {
    background-color: #ffffff; }
  .structure .contactus-content {
    /* background-color: #f6f6f6;  */
  }

  .structure .display-3 {
    margin-top: 30px;
    margin-bottom: 40px; }
  .structure .bg {
    margin-left: 0; }
  .structure input {
    border-bottom: 1px solid #d1d1d1;
    border-top: none;
    border-left: none;
    border-right: none;
    border-radius: 0;
    outline: none;
    width: 100%;
    /* width: 345px; */
    background: #f6f6f6 !important;
    margin: 0 !important;
    padding: 0 !important; }
  .structure .input-title {
    padding-left: 0;
  }

  .structure textarea {
    /* height: 30px;
    width: 345px; */
    height: 100px;
    width: 100%;
    background: #f6f6f6 !important;
    margin: 0 !important; }
  .structure #form {
    padding-top: 15px;
    margin: 0 15px; }
  .structure .btn-contact {
    margin: 40px 15px 0 15px; }
  .structure .bg-capta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  .structure .pill-2 {
    padding-left: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 80px; }
  .structure .contacus-footer {
    background-color: #6e7533; }
  .structure .container-address {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 15px; }
    .structure .container-address .icon {
      margin-right: 17px; }
    .structure .container-address .contactus-get {
      padding-left: 87px; }
  .structure .address-get {
    margin-bottom: 0; }
  .structure .container-sosmed {
    margin-left: 87px; }
  .structure .title-context {
    border-left: 2px solid #d1d1d1;
    border-width: thick;
    margin-bottom: 0;
    margin-top: 20px;
    padding-left: 20px; }
  .structure .text-black-title-context {
    font-family: roboto-regular;
    font-size: 26px;
    font-weight: bold;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #4a4a4a; }
  .structure .mapouter {
    padding-top: 40px;
    margin-bottom: 20px;
    width: 100% !important; }
  .structure .gmap_canvas {
    width: 100% !important; }
  .structure .title-location {
    padding: 63px 50px 0 50px;
    margin-bottom: 31px; }
  .structure .icon-maps {
    display: none; }
  .structure .text-green {
    padding: 0 30px 40px 30px;
    font-family: roboto-regular;
    font-size: 16px;
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #6e7533; }
  .value .value-desk {
    display: none; }
  .value .value-mobile {
    display: block; }
  .value .row {
    padding-top: 0;
    padding-bottom: 50px; }
  .value .value1 {
    margin-top: 40px;
    margin-bottom: 40px;
    padding: 0 15px; }
  .value .vm-border {
    border: 1px solid #d1d1d1;
    margin-top: 50px; }
  .value main {
    padding-bottom: 50px; }
  .value .tx-value-and {
    font-family: roboto-regular;
    font-size: 18px;
    font-weight: 500;
    font-style: italic;
    font-stretch: normal;
    line-height: 1.67;
    letter-spacing: 0.11px;
    text-align: justify;
    color: var(--warm-grey);
    padding: 25px 20px 0 20px; }
  .value .container {
    border-bottom: none;
    background-color: #f6f6f6; }
  .value .value-slide {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow-y: hidden;
    white-space: nowrap;
    margin: 50px 15px 0 15px; }
  .value .slide2 {
    margin-top: 30px;
    margin-right: 20px; }
  .value .slide2:hover {
    margin-top: 0; }
    .value .slide2:hover img:hover {
      width: 200px;
      height: 200px;
      border-radius: 50%;
      opacity: 1; }
  .value .value .value-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important; }
  .value .val-title {
    text-align: center;
    padding-left: 0; }
  .value .title-context {
    border-left: 2px solid #d1d1d1;
    border-width: thick;
    padding-left: 20px; }
  .partner .partner-desk {
    display: none; }
  .partner .partner-mobile {
    display: block; }
  .partner .partner1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 40px 33px 0 33px; }
  .partner .partner {
    padding-right: 0;
    width: 40%;
    -o-object-fit: contain;
    object-fit: contain; }
  .partner .partner2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 40px; }
  .partner .container {
    border-bottom: none;
    margin-bottom: 60px; }
  .partner .title-context {
    padding-left: 20px; }
  .disclaimer-mobile{
    text-align: justify;
    padding-bottom: 40px;
  }
  .sitemap_mobile{
    padding-bottom: 40px;
    } }