@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100;0,9..40,200;0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;0,9..40,900;0,9..40,1000;1,9..40,100;1,9..40,200;1,9..40,300;1,9..40,400;1,9..40,500;1,9..40,600;1,9..40,700;1,9..40,800;1,9..40,900;1,9..40,1000&family=Roboto:wght@300;400;500;700;900&display=swap');


html,
body{
  margin: 0;
  /* background-color: #3C3C3C !important; */
}
ul{
  list-style: none !important;
}
.txt-left{
  text-align: left !important;
}
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}
.txt-dog-onwhite{
  color: #E89B00;
  font-weight: 300;
  letter-spacing: -0.5px;
}
.orange-color{
  color: #E89B00;
}
.black-color{
  color: #3C3C3C !important;
}
.red-color{
  color: #ff5252 !important;
}
.blue-color{
  color: #145986 !important;
}
.ml-4px{
  margin-left: 4px;
}
.mt-5px{
  margin-top: 5px;
}
.mr-6px{
  margin-right: 6px;
}
.mt-37px{
  margin-top: 37px;
}
.mt-60px{
  margin-top: 60px;
}
.mt-240px{
  margin-top: 240px;
}
.mb-150px{
  margin-bottom: 150px;
}
.mtb-20px{
  margin-top: 20px;
  margin-bottom: 20px;
}
.size-bold-60px{
  font-size: 60px !important;
  font-weight: 900 !important;
}
.size-404{
  font-size: 250px !important;
  position: absolute;
  line-height: 100% !important;
  margin: -12px 0 0 0 !important;
  align-items: center;
  font-weight: 200 !important;
  color: #212529 !important;
}
.btn-apply{
  padding: 12px 36px;
  border: 0;
  background-color: #145986;
  color: #fff;
  font-size: 13px;
  border-radius: 100px;
  transition: all .2s ease-in-out;
  font-family: 'Poppins';
}
a.btn-apply:hover{
  text-decoration: none;
  color: #fff;
  background-color: #164060;
}
.btn-jobstreet{
  background-color: unset !important;
  border: 1px solid #145986;
  color: #145986;
  margin-left: 4px;
}
a.btn-jobstreet:hover{
  color: #164060;
  border: 1px solid #164060;
}
/* start animasi button see more */
div.btn_more{
  text-align: center;
}
a.learn-more,
p.news-link {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  background: transparent;
  padding: 0;
  font-size: 12px;
  font-family: 'Poppins';
  width: 160px;
  height: auto;
}
a.learn-more .circle,
p.news-link .circle {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: relative;
  display: block;
  margin: 0;
  width: 44px;
  height: 44px;
  background: #145986;
  border-radius: 1.625rem;
}
a.learn-more .circle .icon,
p.news-link .circle .icon {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  background: #fff;
}
a.learn-more .circle .icon.arrow,
p.news-link .circle .icon.arrow {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  left: 8px;
  width: 1.125rem;
  height: 0.125rem;
  background: none;
}
a.learn-more .circle .icon.arrow::before,
p.news-link .circle .icon.arrow::before {
  position: absolute;
  content: "";
  top: -0.25rem;
  right: 0.0625rem;
  width: 0.625rem;
  height: 0.625rem;
  border-top: 0.125rem solid #fff;
  border-right: 0.125rem solid #fff;
  transform: rotate(45deg);
}
a.learn-more .button-text,
p.news-link .button-text {
  transition: all 0.45s cubic-bezier(0.65, 0, 0.076, 1);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 12.5px 0;
  margin: 0 0 0 20px;
  color: #145986;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
}
a.learn-more:hover .circle {
  width: 100%;
}
a.learn-more:hover .circle .icon.arrow {
  background: #fff;
  transform: translate(22px, 0);
}
a.learn-more:hover .button-text {
  color: #fff;
}

/* btn white */
.more_white a.learn-more .circle{
  background: #fff !important;
}
.more_white a.learn-more .circle .icon.arrow::before{
  border-top: 0.125rem solid #145986 !important;
  border-right: 0.125rem solid #145986 !important;
}
.more_white a.learn-more .button-text{
  color: #fff;
}
.more_white a.learn-more:hover .circle .icon.arrow{
  background: #145986 !important;
}
.more_white a.learn-more:hover .button-text{
  color: #145986 !important;
}
/* end animasi button see more */

#mainheader_home{
  width: 100%;
  height: 1px;
  margin-top: -1px;
}
/* particle slider text */
div#particle-slider {
  /* background-color: rgb(0 0 0 / 75%); */
  /* z-index: 3; */
  width: 100%;
  height: 100vh;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: relative;
  max-height: 1080px;
}
/* video */
.videoBx{
  z-index: -2;
  position: absolute;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  max-height: 1080px;
  background-color: #141d22;
}
.videoBx video{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#particles-js{
  position: absolute;
  width: 100%;
  height: calc(100vh - 10px);
  z-index: -1;
  opacity: 0.5;
  max-height: 1080px;
}
/* navbar */
.blur-top{
  display: block;
  width: 100%;
  min-width: 300px;
  height: 28px;
  position: fixed;
  top: -4px;
  background: rgb(255 255 255 / 0.1%);
  -webkit-backdrop-filter: blur(8px) !important;
  backdrop-filter: blur(8px);
  z-index: 99;
}
nav.navbar{
  background-color: #E89B00;
  top: 20px;
  left: 0;
  right: 0;
  position: fixed;
  width: calc(100% - 40px);
  border-radius: 4px;
  font-size: 15px;
  color: rgba(0,0,0,.5);
  z-index: 999;
  /* max-height: 501px; */
  max-width: 1440px;
  margin: 0 auto;
  padding: 10px 28px;

}
nav.navbar a{
  color: #6a4700 !important;
}
.navbar-nav .nav-item a{
  font-family: 'Poppins';
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  transition: all .2s ease-out;
  letter-spacing: -0.3px;
}
.navbar-nav .nav-item a:hover{
  color: #4e3400 !important;
  transition: all .2s ease-in;
  cursor: pointer;
}
.navbar-nav .active>.nav-link{
  color: #4e3400 !important;
  position: relative;
  font-weight: 500;
}
.navbar-nav .active>.nav-link::after{
  content: "";
  width: 20px;
  height: 2px;
  border-radius: 10px;
  background-color: #6a4700;
  display: block;
  position: absolute;
  transform: translate(-50%, -50%);
  left: 50%;
  bottom: 0px;
}
nav ul.navbar-nav{
  margin-right: unset !important;
  margin-left: auto !important;
}
nav a.navbar-brand img.logo{
  width: 140px;
  height: auto;
}
ul.navbar-nav li.nav-item{
  padding: 0 12px;
}
ul.navbar-nav li.nav-item:last-child{
  padding-right: 0;
}
.navbar-light .navbar-toggler {
  border: none !important;
}
.navbar-light .navbar-toggler:focus,
.navbar-light .navbar-toggler:focus-visible{
  outline: none !important;
  border: none !important;
}
.footer-nav{
  padding: 0 10px 10px;
}
.footer-nav p{
  font-size: 13px;
}
.footer-nav p a{
  text-decoration: underline;
}
.footer-nav .nav-socmed a{
  margin: 0 10px 0 0;
}
button:hover {
  background: transparent !important;
}
.fa-angle-double-down {
  position:absolute;
  left:0;
  right:0;
  margin-left:auto;
  margin-right:auto;
  bottom:28px;
  width:24px;
  height: auto;
  font-size:28px;
  color:#fff;
  z-index:11;
  opacity:1;
  filter:alpha(opacity=100);
  cursor:pointer;
  -webkit-animation:glow 4s infinite;
          animation:glow 4s infinite;
}
i.fa-angle-double-down img{
  width: 24px;
  height: auto;
}
ul.socmed{
  position: absolute;
  bottom: 100px;
  padding: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}
ul.socmed li{
  float: left;
  margin: 0 8px;
  opacity: .8;
  transition: all 0.3s ease-in-out;
}
ul.socmed li:hover{
  opacity: 1;
  transition: all 0.3s ease-in-out;
}
ul.socmed li{
  width: 18px;
  height: 18px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  transition: background-image 0.3s ease-in-out;
  cursor: pointer;
}
ul.socmed li.fb{
  background-image: url(../images/socmed/facebook-white.svg);
}
ul.socmed li.fb:hover{
  background-image: url(../images/socmed/facebook.svg);
}
ul.socmed li.ig{
  background-image: url(../images/socmed/instagram-white.svg);
} 
ul.socmed li.ig:hover{
  background-image: url(../images/socmed/instagram.svg);
}
ul.socmed li.yt{
  background-image: url(../images/socmed/youtube-white.svg);
} 
ul.socmed li.yt:hover{
  background-image: url(../images/socmed/youtube.svg);
}
ul.socmed li.tt{
  background-image: url(../images/socmed/tiktok-white.svg);
} 
ul.socmed li.tt:hover{
  background-image: url(../images/socmed/tiktok.svg);
}
ul.socmed li.in{
  background-image: url(../images/socmed/linkedin-white.svg);
} 
ul.socmed li.in:hover{
  background-image: url(../images/socmed/linkedin.svg);
}
.smooth-scroll {
  transition: all 0.3s ease-in-out;
}

/* footer */
#footer i.telephone_ico,
#footer i.email_ico,
#footer .footer-3 i{
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  transition: background-image 0.3s ease-in-out;
  cursor: pointer;
  margin-right: 16px;
  top: 3px;
  transition: all 0.3s ease-in-out;
}
#footer i.telephone_ico{
  background-image: url(../images/icon/telephone-fill.svg);
}
#footer .footer-phone a:hover > i.telephone_ico{
  background-image: url(../images/icon/telephone-fill-blue.svg);
}
#footer i.email_ico{
  background-image: url(../images/icon/envelope-fill.svg);
}
#footer .footer-email a:hover > i.email_ico{
  background-image: url(../images/icon/envelope-fill-blue.svg);
}

#footer .footer-3 i.footer_socmed_fb{
  background-image: url(../images/socmed/facebook-black.svg);
}
#footer .footer-3 a:hover i.footer_socmed_fb{
  background-image: url(../images/socmed/facebook.svg);
}
#footer .footer-3 i.footer_socmed_ig{
  background-image: url(../images/socmed/instagram-black.svg);
}
#footer .footer-3 a:hover i.footer_socmed_ig{
  background-image: url(../images/socmed/instagram.svg);
}
#footer .footer-3 i.footer_socmed_yt{
  background-image: url(../images/socmed/youtube-black.svg);
}
#footer .footer-3 a:hover i.footer_socmed_yt{
  background-image: url(../images/socmed/youtube.svg);
}
#footer .footer-3 i.footer_socmed_tt{
  background-image: url(../images/socmed/tiktok-black.svg);
}
#footer .footer-3 a:hover i.footer_socmed_tt{
  background-image: url(../images/socmed/tiktok.svg);
}
#footer .footer-3 i.footer_socmed_li{
  background-image: url(../images/socmed/linkedin-black.svg);
}
#footer .footer-3 a:hover i.footer_socmed_li{
  background-image: url(../images/socmed/linkedin.svg);
}

/* Section Benefit */
section#benefit{
  background-image: url(../images/background/engine-sketch.png);
  /* background-image: linear-gradient(180deg,#000000 30%,#393d3f 100%); */
  background-repeat: no-repeat;
  background-size: cover;
  padding: 140px 0 80px;
}
.benefit-container-desktop {
	position: relative;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 1em;
	width: 900px;
	height: 460px;
	transition: all 400ms;
  margin: 0 auto 50px;
}
.benefit-container-desktop:hover .box {
	filter: grayscale(100%) opacity(24%);
}
.box {
	position: relative;
	background: var(--img) center center;
	background-size: cover;
	transition: all 400ms;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 4px;
}
.benefit-container-desktop .box:hover {
	filter: grayscale(0%) opacity(100%);
}
.benefit-container-desktop:has(.box-1:hover) {
	grid-template-columns: 3fr 1fr 1fr 1fr;
}
.benefit-container-desktop:has(.box-2:hover) {
	grid-template-columns: 1fr 3fr 1fr 1fr;
}
.benefit-container-desktop:has(.box-3:hover) {
	grid-template-columns: 1fr 1fr 3fr 1fr;
}
.benefit-container-desktop:has(.box-4:hover) {
	grid-template-columns: 1fr 1fr 1fr 3fr;
}
.box:nth-child(odd) {
	transform: translateY(-16px);
}
.box:nth-child(even) {
	transform: translateY(16px);
}
.box::after {
	content: attr(data-text);
	position: absolute;
	bottom: 20px;
	background: #000;
	color: #fff;
	padding: 10px 10px 10px 14px;
	letter-spacing: 4px;
	text-transform: uppercase;
	transform: translateY(60px);
	opacity: 0;
	transition: all 250ms;
  border-radius: 4px;
}
.box:hover::after {
	transform: translateY(0);
	opacity: 1;
	transition-delay: 250ms;
}
h2.section-title,
h1.section-title{
  color: #eee;
  text-align: center;
  font-family: 'Poppins';
  font-weight: 200;
  font-size: 55px;
  width: 100%;
  max-width: 900px;
  margin: 0 auto 40px;
  letter-spacing: -3px;
  line-height: 3rem;
}
h3.descript{
  color: #eee;
  text-align: center;
  /* font-family: 'Poppins'; */
  /* letter-spacing: 0; */
  font-weight: 300;
  font-size: 18px;
  width: 100%;
  max-width: 900px;
  margin: 0 auto 30px;
  line-height: unset;
  font-family: sans-serif;
  letter-spacing: 0.1px;
}
#benefit p.description{
  width: calc(100% - 40px);
  background-color: rgb(0,0,0,.7);
  border-radius: 4px;
  padding: 20px 20px 35px;
  backdrop-filter: blur(4px);
  color: #fff;
  font-family: 'DM Sans';
  font-size: 16px;
  font-weight: 300;
  position: absolute;
  bottom: 25px;
  transform: translateY(60px);
	opacity: 0;
	transition: all 250ms;
}
.box:hover p.description{
	transform: translateY(0) !important;
	opacity: 1 !important;
	transition-delay: 250ms !important;
}
/* section#benefit div.box{} */
section#benefit div.box-1{
  background-image: url(../images/benefit/stock.png);
}
section#benefit div.box-2{
  background-image: url(../images/benefit/payment.png);
}
section#benefit div.box-3{
  background-image: url(../images/benefit/money.png);
}
section#benefit div.box-4{
  background-image: url(../images/benefit/warranty.png);
}
/* end section benefit */

/* section new benefit */
.benefit-container-desktop-parallax {
  padding: 40px 80px;
  max-width: 1280px;
  margin: 0 auto 34px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.kartu-wrap {
  margin: 10px;
  transform: perspective(800px);
  transform-style: preserve-3d;
  cursor: pointer;
}
.kartu-wrap:hover .kartu-info {
  transform: translateY(0);
}
.kartu-wrap:hover .kartu-info p {
  opacity: 1;
}
.kartu-wrap:hover .kartu-info, .kartu-wrap:hover .kartu-info p {
  transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.kartu-wrap:hover .kartu-info:after {
  transition: 5s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 1;
  transform: translateY(0);
}
.kartu-wrap:hover .kartu-bg {
  transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1), opacity 5s cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0.8;
}
.kartu-wrap:hover .kartu {
  transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1), box-shadow 2s cubic-bezier(0.23, 1, 0.32, 1);
  box-shadow: rgba(255, 255, 255, 0.2) 0 0 40px 5px, white 0 0 0 1px, rgba(0, 0, 0, 0.66) 0 30px 60px 0, inset #333 0 0 0 5px, inset white 0 0 0 6px;
}
.kartu {
  position: relative;
  flex: 0 0 240px;
  margin-bottom: 20px;
  width: 480px;
  height: 200px;
  background-color: #333;
  overflow: hidden;
  border-radius: 4px;
  box-shadow: rgba(0, 0, 0, 0.66) 0 30px 60px 0, inset #333 0 0 0 5px, inset rgba(255, 255, 255, 0.5) 0 0 0 6px;
  transition: 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.kartu-bg {
  opacity: 0.5;
  position: absolute;
  top: -20px;
  left: -20px;
  width: 130%;
  height: 130%;
  padding: 20px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 1s cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 5s 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  pointer-events: none;
}
.kartu-info {
  padding: 20px;
  position: absolute;
  bottom: 0;
  color: #fff;
  transform: translateY(50%);
  transition: 0.6s 1.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.kartu-info p {
  opacity: 0;
  text-shadow: black 0 2px 3px;
  transition: 0.6s 1.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.kartu-info * {
  position: relative;
  z-index: 1;
}
.kartu-info:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%);
  background-blend-mode: overlay;
  opacity: 0;
  transform: translateY(100%);
  transition: 5s 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
}
.kartu-info h1 {
  /* font-family: "Playfair Display"; */
  /* font-size: 36px; */
  font-weight: 600;
  font-family: 'Poppins';
  font-size: 24px;
  text-shadow: rgba(0, 0, 0, 0.5) 0 10px 10px;
}
.owl-carousel .owl-stage-outer {
  border-radius: 4px;
}
#kartu2{
  /* background-color: #fff; */
  width: calc(100% - 50px);
  /* max-width: 320px; */
  margin: 60px auto 40px;
  border-radius: 4px;
}
#kartu2 .item{
  transform: translateX(0px) translateY(0px);  
  padding: 6px;
  border-radius: 4px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  transition: 1s cubic-bezier(0.445, 0.05, 0.55, 0.95), opacity 5s 1s cubic-bezier(0.445, 0.05, 0.55, 0.95);
  pointer-events: none;
  opacity: 0.9;
}
#kartu2 .item .kartu2-bg{
  background-color: rgb(0 0 0 / 30%);
  border: 1px solid #fff;
  border-radius: 4px;
  color: #fff;
  height: 320px;
  padding: 180px 20px 20px;
  transition: 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
#kartu2 .item .kartu2-bg h1{
  font-weight: 700;
  font-family: 'DM Sans';
  font-size: 24px;
  text-shadow: rgba(0, 0, 0, 0.5) 0 10px 10px;
  opacity: 1;
}
#kartu2 .item .kartu2-bg p{
  text-shadow: black 0 2px 3px;
  opacity: 1;
}
#kartu2 .owl-nav {
  display: none;
}
#kartu2 .owl-dots{
  margin-top: 30px;
}
#kartu2 .owl-dots .owl-dot span,
#achievment .owl-dots .owl-dot span,
.campaign .owl-dots .owl-dot span{
  width: 10px;
  margin: 5px 4px;
  transition: all .5s ease-out;
}
#kartu2 .owl-dots .owl-dot.active span,
#achievment .owl-dots .owl-dot.active span,
.campaign .owl-dots .owl-dot.active span{
  width: 30px;
  transition: all .5s ease-out;
}
#kartu2 .owl-dots .owl-dot.active span, 
#kartu2 .owl-dots .owl-dot:hover span,
.campaign .owl-dots .owl-dot.active span,
.campaign .owl-dots .owl-dot:hover span {
  background: #E89B00 !important;
}
#kartu2 .owl-dots .owl-dot span{
  background: #898989 !important;
}

#kartu2 .bg-kartu2-stock{
  background-image: url(../images/benefit/stock.png);
}
#kartu2 .bg-kartu2-payment{
  background-image: url(../images/benefit/payment.png);
}
#kartu2 .bg-kartu2-price{
  background-image: url(../images/benefit/money.png);
}
#kartu2 .bg-kartu2-warranty{
  background-image: url(../images/benefit/warranty.png);
}
/* end section new benefit */

/* section achievment */
section#achievment{
  /* padding: 100px 0 80px; */
  padding: 100px 0 0;
}
section#achievment h2.section-title,
section#achievment h3.descript,
section.campaign h1.section-title,
section.campaign h2.section-title,
section.campaign h3.descript,
section#recentupdate h2.section-title,
section#recentupdate h3.descript,
section#group h2.section-title,
section#group h3.descript,
section#awards h2.section-title,
section#awards h3.descript,
section.group-sectoral h2.section-title,
section.group-sectoral h3.descript{
  color: #3C3C3C;
}
section#achievment h2.section-title,
section.campaign h2.section-title{
  margin-bottom: 40px;
}
section#achievment h3.descript{
  margin-bottom: 80px;
}
.carousel-achievment{
  max-width: 900px;
  margin: 0 auto;
}
.carousel-achievment .item{
  border-left: 1px solid #ddd;
  margin-left: -2px;
  margin-right: -10px;
  padding: 24px;
  height: 360px;
}
.carousel-achievment img{
  width: 150px !important;
  height: auto;
  margin: 10px auto 30px;
}
.carousel-achievment .owl-nav .owl-prev{
  position: absolute;
  margin-top: unset !important;
  top: 50%;
  left: -10px;
  transform: translate(-50%, -50%);
}
.carousel-achievment .owl-nav .owl-next{
  position: absolute;
  margin-top: unset !important;
  top: 50%;
  right: -35px;
  transform: translate(-50%, -50%);
}
.description-award{
  text-align: center;
}
.description-award p{
  font-family: 'DM Sans';
  font-weight: 300;
  font-size: 14px;
  margin-bottom: -4px;
  color: #3C3C3C;
  transition: all .3s ease-in-out;
}
.description-award label{
  font-family: 'DM Sans';
  font-weight: 400;
  font-size: 10px;
  margin: 0;
  color: #3C3C3C;
  transition: all .3s ease-in-out;
}
.description-award h2{
  font-family: 'DM Sans';
  font-weight: 900;
  font-size: 28px;
  margin: 16px 0;
  color: #3C3C3C;
  transition: all .3s ease-in-out;
}
.carousel-achievment .owl-nav button{
  width: 24px;
  height: auto;
}
.carousel-achievment .owl-nav button:hover{
  color: #E89B00 !important;
}
.carousel-achievment .owl-nav button:focus,
.carousel-achievment .owl-nav button:focus-visible{
  outline: 0 !important;
  border: 0 !important;
}
.carousel-achievment .owl-nav button span{
  font-size: 28px;
  font-weight: 300;
  color: #3C3C3C;
}
.carousel-achievment .owl-dots{
  display: none;
}
.carousel-achievment .item:hover > .description-award h2,
.carousel-achievment .item:hover > .description-award p,
.carousel-achievment .item:hover > .description-award label{
  color: #E89B00;
  transition: all .3s ease-in-out;
}
.carousel-achievment .item img.award-color{
  display: none;
  transition: all .3s ease-in-out;
}
.carousel-achievment .item:hover > img.award-mono{
  display: none;
  transition: all .3s ease-in-out;
}
.carousel-achievment .item:hover > img.award-color{
  display: block;
  transition: all .3s ease-in-out;
}
.cityline{
  overflow: hidden;
}
.cityline img{
  width: 100%;
}
/* end section achievment */

/* section campaign */
.campaign .carousel-campaign{
  max-width: 400px;
  max-height: 400px;
  /* margin: 0 auto; */
}
.carousel-campaign .item img{
  width: 100%;
  height: 400px;
  object-fit: cover;
}
section.campaign h3.descript{
  margin-bottom: 60px;
}
section.campaign {
  padding: 100px 0 120px;
  position: relative;
}
.campaign .owl-nav {
  display: none;
}
.campaign .owl-dots {
  margin-top: 30px;
}
.campaign .owl-dots .owl-dot span {
  background: #cccccc !important;
}
.csrcsr .col-md-5{
  text-align: center;
}
.csrcsr .col-md-5 img.award-mono{
  width: calc(100% - 24px);
}
/* end section campaign */

/* bouncing blobs */
.bouncing-blob {
  width: 14vw;
  aspect-ratio: 1;
  border-radius: 50%;
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  transform-origin: left top;
}
.bouncing-blob--blue {
  background: #4783c7;
}
.bouncing-blob--white {
  background: #ffffff;
  z-index: 2;
  width: 15vw;
}
.bouncing-blob--purple {
  background: #E89B00;
}
.bouncing-blob--pink {
  background: #e289cd50;
}
.bouncing-blobs-container {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.bouncing-blobs-glass {
  position: relative;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  backdrop-filter: blur(120px);
  -webkit-backdrop-filter: blur(120px);
  pointer-events: none;
}
.bouncing-blobs {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* bouncing blobs */

/* section recentupdate */
  #recentupdate{
    background-color: #ffffff;
  }
  section#recentupdate{
    padding: 100px 0 0;
  }
  section#recentupdate h3.descript{
    margin-bottom: 60px;
  }
  #recentupdate main.main{
    margin: 0 auto;
  }
  /* #recentupdate ul.ulrecent{
    width: calc(100% - 50px);
    margin: 0 auto;
    max-width: 1280px;
    padding-left: 0;
  }
  ul.ulrecent img.img-news{
    width: 100%;
    height: 300px;
    object-fit: cover;
  }
  ul.ulrecent li{
    margin-bottom: 12px;
  }
  ul.ulrecent li a.item-news{
    grid-template-columns: 14fr 1fr 9fr 1fr;
    display: grid;
  }
  ul.ulrecent li a.item-news:hover{
    text-decoration: none;
  }
  ul.ulrecent li a.item-news figure{
    margin: 0;
  }
  ul.ulrecent li a.item-news div.descript-news{
    grid-column-start: 3;
    color: #3C3C3C;
    padding-top: 20px;
    border-bottom: 1px solid #e7e7e7;
  }
  ul.ulrecent li a.item-news div.descript-news h3{
    margin-bottom: 24px;
    font-weight: 600;
    font-size: 26px;
  }
  ul.ulrecent li a.item-news div.descript-news p{
    font-size: 14px;
  }
  ul.ulrecent li a.item-news div.descript-news p.btn-detail{
    background-color: #3C3C3C;
    color: #ffffff;
    width: fit-content;
    padding: 10px 30px;
    border-radius: 100px;
    font-weight: 500;
  } */
  .cards {
    position: relative;
  }
  .cards__inner {
    /* display: block; */
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
  }
  .card {
    --hsl: var(--hue), var(--saturation), var(--lightness);
    padding: 0;
    display: inline-block !important;
    color: #eceff1;
    border: 1px solid #ffffff33 !important;
    border-radius: 4px !important;
    width: 31.9%;
    margin-bottom: 10px;
    float: left;
  }
  .card:nth-child(1) {
    --hue: 36;
    --saturation: 82.26%;
    --lightness: 51.37%;
  }
  .card:nth-child(2) {
    --hue: 192;
    --saturation: 95.9%;
    --lightness: 61.76%;
  }
  .card:nth-child(3) {
    --hue: 165;
    --saturation: 100%;
    --lightness: 48.04%;
  }
  .card:nth-child(4) {
    --hue: 230;
    --saturation: 82.26%;
    --lightness: 51.37%;
  }
  .card:nth-child(5) {
    --hue: 291.34;
    --saturation: 95.9%;
    --lightness: 61.76%;
  }
  .card:nth-child(6) {
    --hue: 338.69;
    --saturation: 100%;
    --lightness: 48.04%;
  }
  .card:nth-child(7) {
    --hue: 36;
    --saturation: 82.26%;
    --lightness: 51.37%;
  }
  .card:nth-child(8) {
    --hue: 192;
    --saturation: 95.9%;
    --lightness: 61.76%;
  }
  .card:nth-child(9) {
    --hue: 165;
    --saturation: 100%;
    --lightness: 48.04%;
  }
  .card:nth-child(10) {
    --hue: 230;
    --saturation: 82.26%;
    --lightness: 51.37%;
  }
  .card:nth-child(11) {
    --hue: 291.34;
    --saturation: 95.9%;
    --lightness: 61.76%;
  }
  .card:nth-child(12) {
    --hue: 338.69;
    --saturation: 100%;
    --lightness: 48.04%;
  }
  .card:nth-child(13) {
    --hue: 36;
    --saturation: 82.26%;
    --lightness: 51.37%;
  }
  .card:nth-child(14) {
    --hue: 192;
    --saturation: 95.9%;
    --lightness: 61.76%;
  }
  .card:nth-child(15) {
    --hue: 165;
    --saturation: 100%;
    --lightness: 48.04%;
  }
  .card:nth-child(16) {
    --hue: 230;
    --saturation: 82.26%;
    --lightness: 51.37%;
  }
  .card:nth-child(17) {
    --hue: 291.34;
    --saturation: 95.9%;
    --lightness: 61.76%;
  }
  .card:nth-child(18) {
    --hue: 338.69;
    --saturation: 100%;
    --lightness: 48.04%;
  }
  .card:nth-child(19) {
    --hue: 36;
    --saturation: 82.26%;
    --lightness: 51.37%;
  }
  .card:nth-child(20) {
    --hue: 192;
    --saturation: 95.9%;
    --lightness: 61.76%;
  }
  .cards__card img{
    height: 260px;
    width: 100%;
    object-fit: cover;
    border-radius: 4px;
    transition: all 0.3s ease-in-out;
  }
  .cards__card .news-img{
    overflow: hidden;
    border-radius: 4px;
  }
  .cards__card .news-desc{
    padding: 20px;
    color: #3c3c3c;
    position: relative;
  }
  .cards__card .news-tag{
    color: #e89b00;
    font-family: 'Poppins';
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 4px;
  }
  .cards__card .news-title{
    color: #3c3c3c;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    margin: 8px 0 12px;
    height: 72px;
    overflow: hidden;
    font-family: sans-serif;
    letter-spacing: 0.2px;
  }
  .cards__card .news-date{
    font-family: 'Poppins';
    font-size: 12px;
    color: #777;
    position: absolute;
    top: 20px;
    right: 20px;
    font-weight: 200;
  }
  /* .cards__card .news-link{
    font-family: 'Poppins';
    font-size: 12px;
    font-weight: 300;
    color: #3c3c3c;
    border: 1px solid #3c3c3c;
    border-radius: 100px;
    text-align: center;
    padding: 11px 0;
    bottom: 0;
    position: relative;
    transition: all .2s ease-out;
    max-width: 220px;
    margin: 0 auto;
  }
  .cards__card a.links:hover > .news-desc p.news-link{
    background-color: #3C3C3C;
    color: #fff;
    padding: 11px 60px;
    transition: all .2s ease-in;
  } */
  .cards__card a.links:hover > .news-img img{
    transform: scale(1.05);
    transition: all 0.3s ease-in-out;
  }
  .cards__card a.links:hover{
    text-decoration: none;
  }

  p.news-link{
    margin-bottom: 0;
  }
  .card_list p.news-link {
    width: 140px;
    margin-top: 16px;
  }
  .card_list p.news-link .circle {
    width: 40px;
    height: 40px;
  }
  .card_list p.news-link .circle .icon.arrow {
    left: 6.5px;
  }
  .card_list p.news-link .button-text {
    padding: 10.5px 0;
  }
  .cards__card a.links:hover > .news-desc p.news-link .circle,
  .jobs_list a.card_link:hover > .card_list p.news-link .circle {
    width: 100%;
  }
  .cards__card a.links:hover > .news-desc p.news-link .circle .icon.arrow,
  .jobs_list a.card_link:hover > .card_list p.news-link .circle .icon.arrow {
    background: #fff;
    transform: translate(18px, 0);
  }
  .cards__card a.links:hover > .news-desc p.news-link .button-text,
  .jobs_list a.card_link:hover > .card_list p.news-link .button-text {
    color: #fff;
  }


  .view-more{
    margin: 60px 0 18px !important;
    text-align: center;
  }
  .view-more a{
    color: #aaa;
    font-family: 'Poppins';
    font-size: 12px;
    font-weight: 400;
    text-decoration: none;
    background-color: #f0f0f0;
    padding: 13.75px 55px;
    border-radius: 100px;
    margin: 0 auto;
    transition: all .2s ease-in-out;
  }
  .view-more a:hover{
    color: #fff;
    text-decoration: none;
    background-color: #145986;
    transition: all .2s ease-in-out;
  }
  /* .card:nth-child(2) > a.links .news-desc,
  .card:nth-child(4) > a.links .news-desc,
  .card:nth-child(6) > a.links .news-desc,
  .card:nth-child(8) > a.links .news-desc,
  .card:nth-child(10) > a.links .news-desc,
  .card:nth-child(12) > a.links .news-desc,
  .card:nth-child(14) > a.links .news-desc,
  .card:nth-child(16) > a.links .news-desc,
  .card:nth-child(18) > a.links .news-desc,
  .card:nth-child(20) > a.links .news-desc{
    float: left;
    margin-left: 5px;
  } */
  .card__bullets {
    line-height: 1.4;
  }
  .card__bullets li::before {
    display: inline-block;
    content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' width='16' title='check' fill='%23dddddd'%3E%3Cpath d='M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z' /%3E%3C/svg%3E");
    transform: translatey(0.25ch);
    margin-right: 1ch;
  }
  .card__heading {
    font-size: 1.05em;
    font-weight: 600;
  }
  .card__price {
    font-size: 1.75em;
    font-weight: 700;
  }
  .flow > * + * {
    margin-top: var(--flow-space, 1.25em);
  }
  .cta {
    display: block;
    align-self: end;
    margin: 1em 0 0.5em 0;
    text-align: center;
    text-decoration: none;
    color: #fff;
    background-color: #0d0d0d;
    padding: 0.7em;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
  }
  .overlay {
    position: absolute;
    inset: 0;
    pointer-events: none;
    user-select: none;
    opacity: var(--opacity, 0);
    -webkit-mask: radial-gradient(
      25rem 25rem at var(--x) var(--y),
      #000 1%,
      transparent 50%
    );
    mask: radial-gradient(
      25rem 25rem at var(--x) var(--y),
      #000 1%,
      transparent 50%
    );
    transition: 400ms mask ease;
    will-change: mask;
  }
  .overlay .card {
    background-color: hsla(var(--hsl), 0.15);
    border-color: hsla(var(--hsl), 1);
    box-shadow: 0 0 0 1px inset hsl(var(--hsl));
  }
  .overlay .cta {
    display: block;
    grid-row: -1;
    width: 100%;
    background-color: hsl(var(--hsl));
    box-shadow: 0 0 0 1px hsl(var(--hsl));
  }
  :not(.overlay) > .card {
    transition: 400ms background ease;
    will-change: background;
  }
  :not(.overlay) > .card:hover {
    --lightness: 95%;
    background: hsla(var(--hsl), 0.1);
  }

  
/* end section recentupdate */

/* start footer */
#footer{
  font-family: 'Poppins';
}
#footer .container{
  padding: 60px 15px;
}
.footer-1,
.footer-2,
.footer-3{
  display: inline-block;
}
.footer-1,
.footer-2{
  float: left;
}
.footer-1{
  /* margin-left: -15px; */
  font-size: 13px;
  color: #777;
  font-weight: 300;
  width: 40%;
}
.footer-2{
  width: 40%;
  padding-top: 22px;
}
.footer-3{
  margin-right: -15px;
  width: 20%;
  padding-top: 22px;
}
.footer-1 img{
  width: 200px;
  height: auto;
}
.footer-1 img.icons{
  width: 16px;
  margin-right: 16px;
}
.footer-1 p.footer-address{
  margin: 20px 0 15px;
  line-height: 24px;
}
.footer-1 p.footer-address span{
  font-weight: 500;
  color: #777;
  font-size: 14px;
}
.footer-1 p a{
  color: #777;
  transition: all .2s ease-in-out;
}
.footer-1 p a:hover {
  color: #145986;
  transition: all .2s ease-in-out;
}
.footer-1 p.footer-phone{
  margin-bottom: 5px;
}
#footer h3 {
  font-size: 16px;
  font-weight: 400;
  padding-left: 40px;
}
.copyright{
  text-align: center;
  font-size: 12px;
  font-weight: 200;
  color: #666;
  margin-top: 20px;
  padding: 0 20px;
}
.copyright .container{
  padding: 0;
}
.copyright p{
  border-top: 1px solid #ccc;
  padding: 20px 0 10px;
}
#footer li{
  padding: 3px 0;
}
#footer li a{
  color: #777;
  font-size: 13px;
  font-weight: 300;
  transition: all .2s ease-in-out;
}
#footer li a:hover {
  color: #145986;
  transition: all .2s ease-in-out;
}
#footer li a img{
  margin-right: 16px;
  width: 16px;
  height: 16px;
  float: left;
  margin-top: 4px;
}
/* end footer */

/* start back to top */
.back-top {
  cursor: pointer;
  position: fixed !important;
  bottom: 40px;
  right: 40px;
  display: block;
  z-index: 99;
  visibility: hidden;
  opacity: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  background: rgb(20 89 134 / 40%);
  color: #fff;
  border-radius: 50%;
  width: 52px;
  height: 52px;
  line-height: 52px;
  text-align: center;
}
.back-top img {
  vertical-align: middle;
  width: 24px;
  height: auto;
  padding: 0 0 4px;
}
.back-top:hover {
  background: #145986;
  color: #333;
  transition: all 0.1s ease-in;
}
.back-top.back-top-show {
  visibility: visible;
  opacity: 1;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

@media (max-width: 767.98px) {
  .back-top {
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
  .back-top img {
    font-size: 1rem;
  }
}
/* end back to top */

/* animation */
@-webkit-keyframes glow {
  0% {
    opacity:1;
    filter:alpha(opacity=100);
  }
  50% {
    opacity:0.3;
    filter:alpha(opacity=30);
    -webkit-transform:translateY(10px);
            transform:translateY(10px);
  }
}
@keyframes glow {
  0% {
    opacity:1;
    filter:alpha(opacity=100);
  }
  50% {
    opacity:0.3;
    filter:alpha(opacity=30);
    -webkit-transform:translateY(10px);
            transform:translateY(10px);
  }
}

.home-story{
  max-width: 940px !important;
  margin: 60px 0;
}
.home-story .col-md-3{
  text-align: center;
}
.home-story .col-md-3 .card-home-story{
  /* background-color: #9f9174; */
  border-radius: 200px;
  text-align: center;
  font-family: 'Poppins';
  color: #eee;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: relative;
  transition: all .3s ease-out;
  cursor: default;
  border-right: 1px solid #eee;
}
.home-story .col-md-3 .card-home-story:hover{
  /* background-color: #e89b00; */
  color: #e89b00;
  border-right: 1px solid #e89b00;
  border-left: 1px solid #e89b00;
  transition: all .3s ease-in;
}
.home-story .col-md-3 .card-home-story span{
  font-weight: 900;
  font-size: 40px;
}
.home-story .col-md-3 .card-home-story p{
  font-size: 15px;
}
.home-story .col-md-3 .card-home-story .center-text{
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  width: 80%;
}
.button-readmore-to{
  text-align: center;
  padding-top: 20px;
}
.button-readmore-to a{
  font-family: 'Poppins';
  font-size: 12px;
  font-weight: 300;
  border-radius: 100px;
  text-align: center;
  padding: 12px 60px;
  bottom: 0;
  position: relative;
  transition: all .2s ease-out;
  max-width: 220px;
  margin: 0 auto;
}
.button-readmore-to a:hover{
  padding: 11px 60px;
  transition: all .2s ease-in;
  text-decoration: none;
}
.button-readmore-to.white a{
  border: 1px solid #fff;
  color: #fff;
  /* background-color: #566165; */
}
.button-readmore-to.white a:hover{
  background-color: #fff;
  color: #3C3C3C;
}
.button-readmore-to.black a{
  border: 1px solid #3c3c3c;
  color: #3c3c3c;
}
.button-readmore-to.black a:hover{
  background-color: #3C3C3C;
  color: #fff;
}
.text-campaign span{
  margin-bottom: 40px;
  display: block;
}
.container-slider{
  width: 100%;
  max-width: 1000px !important;
  margin: 0 auto;
  font-family: 'Poppins';
}
.text-campaign{
  /* font-family: 'Poppins'; */
  font-family: sans-serif;
  letter-spacing: 0.2px;
  font-weight: 300;
  font-size: 16px;
  padding-top: 20px;
}
#group .container-slider .row{
  margin: 40px 0 20px;
}
#group .container-slider .col-md-6{
  margin-bottom: 24px;
}
#group .container-slider .col-md-6 a{
  text-decoration: none;
  display: block;
  padding: 20px 16px;
  transition: all .3s ease-in-out;
  height: 146px;
  border: 1px solid rgb(19 89 134 / 6%);
  border-radius: 4px;
  background-color: rgb(19 89 134 / 6%);
}

#group .container-slider .col-md-6 a h4{
  font-size: 22px;
  color: #3C3C3C;
  letter-spacing: -0.5px;
}
#group .container-slider .col-md-6 a:hover{
  border: 1px solid #0f5aa3;
  box-shadow: 0 0 40px -20px rgb(0 0 0 / 50%);
}
#group .container-slider .col-md-6 a:hover h4{
  text-decoration: underline;
  color: #105aa3;
  /* transition: all .2s ease-in-out; */
}
/* #group .container-slider .col-md-6 a:hover p {
  color: #e89b00;
} */
#group .container-slider .col-md-6 p{
  font-weight: 300;
  font-size: 16px;
  color: #3C3C3C;
  font-family: sans-serif;
  letter-spacing: 0.2px;
  margin-bottom: 0;
}
#group .container-slider .col-md-6 .icon-grup{
  display: inline-block;
    width: 98px;
    height: 98px;
    /* background-color: #e8f0f6; */
    border-radius: 4px;
    float: left;
    margin: 4px 20px 4px 10px;
}
section#group {
  padding: 100px 0 100px;
  position: relative;
  color: #3C3C3C;
  background-image: url(../images/bg-group.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
#group .icon-grup i{
  display: block;
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  transition: all .3s ease-in-out;
}
#group .icon-grup i.icon-sparepart{
  background-image: url(../images/bisnis/sparepart-black.svg);
}
#group .icon-grup i.icon-mining{
  background-image: url(../images/bisnis/mining-black.svg);
}
#group .icon-grup i.icon-financial{
  background-image: url(../images/bisnis/financial-black.svg);
}
#group .icon-grup i.icon-startup{
  background-image: url(../images/bisnis/startup-black.svg);
}

#group .container-slider .col-md-6 a:hover > .icon-grup{
  background-color: unset;
  /* border: 1px solid rgb(232 155 0 / 10%); */
  /* transition: all .3s ease-in-out; */
  /* border: 1px solid rgb(232 155 0 / 10%); */
}
#group .container-slider .col-md-6 a:hover > .icon-grup i.icon-sparepart{
  background-image: url(../images/bisnis/sparepart-color.svg);
  transition: all .3s ease-in-out;
}
#group .container-slider .col-md-6 a:hover > .icon-grup i.icon-mining{
  background-image: url(../images/bisnis/mining-color.svg);
  transition: all .3s ease-in-out;
}
#group .container-slider .col-md-6 a:hover > .icon-grup i.icon-financial{
  background-image: url(../images/bisnis/financial-color.svg);
  transition: all .3s ease-in-out;
}
#group .container-slider .col-md-6 a:hover > .icon-grup i.icon-startup{
  background-image: url(../images/bisnis/startup-color.svg);
  transition: all .3s ease-in-out;
}

/* about us page */
section.aboutus {
  background-image: url(../images/background/about.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
section.aboutus .layer_black{
  padding: 100px 0 188px;
  background-color: rgb(0 0 0 / 15%);
}
#dvm{
  padding-top: 0px;
  padding-bottom: 60px;
  background-image: url(../images/bg-group.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}
.separate{
  width: 100%;
  height: 70px;
}
#dvm .container {
	max-width: 600px;
	width: 100%;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .05);
}
#dvm .wrapper {
	display: flex;
}
#dvm .indicator {
	padding: 1.5rem 0;
	border-right: 1px solid #eee;
}
#dvm .indicator li {
	display: flex;
	align-items: center;
	grid-gap: .5rem;
	padding: 28px 40px;
  cursor: pointer;
  font-size: 48px;
  font-weight: 200;
	color: #222;
	border-right: 3px solid transparent;
  font-family: 'Poppins';
}
#dvm .indicator li i {
	font-size: 1rem;
}
#dvm .indicator li:hover {
	color: #e89b0085;
  transition: all .2s ease-in-out;
}
#dvm .indicator li.active {
	border-right-color: #e89b00;
	color: #e89b00;
	/* background: #fff8f0; */
  transition: all .2s ease-in-out;
}
#dvm .content {
	padding: 1.5rem 2rem;
  position: relative;
}
#dvm .content li {
	display: none;
  transition: all .2s ease-in-out;
}
#dvm .content li.active {
	display: block;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
  position: relative;
  transition: all .2s ease-in-out;
}
#dvm .content li h1 {
	font-size: 1.5rem;
	font-weight: 600;
	color: #222;
	margin-bottom: .75rem;
  font-family: 'Poppins';
}
#dvm .content li p {
	margin-bottom: .5rem;
	color: #3c3c3c;
  font-size: 18px;
  font-weight: 300;
  /* font-family: 'Poppins'; */
  position: relative;
  padding-left: 24px;
  line-height: unset;
  font-family: sans-serif;
  letter-spacing: 0.1px;
}
#dvm .content li p::before{
  content: '';
  display: inline-block;
  width: 8px;
  height: 8px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  background-color: #e89b00;
  position: absolute;
  top: 9px;
  left: 0px;
}
#dvm h3.descript {
  margin: 0 auto 60px;
}
section#awards {
  padding: 100px 0 0;
}
section.campaign.bod {
  padding: 100px 0 100px;
  position: relative;
}
section.campaign.bod img{
  border-radius: 4px;
}
.text-campaign .button-readmore-to{
  text-align: left;
  margin-top: 40px;
}
.text-campaign.bod .txt-dog-onwhite{
  font-weight: 400;
}
section.campaign.bod img.img-dicky{
  width: 100%;
  height: auto;
}
section.campaign.bod .text-bod{
font-family: sans-serif;
letter-spacing: 0.2px;
font-weight: 300;
font-size: 16px;
}

/* career page */
section.campaign.career_page{
  padding: 100px 0 60px;
  position: relative;
}
section.campaign.career_page.details {
  padding: 100px 0 20px;
  position: relative;
}
section.career_page h2{
  width: calc(100% - 25px);
}
.f-search{
  width: 100%;
  justify-content: center;
}
.f-search input{
  width: 100%;
  height: 44px;
  max-width: 500px;
  padding: 10px 24px;
  font-size: 1rem;
  line-height: 1.5;
  color: #333;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #efefef;
  border-radius: 100px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
  vertical-align: middle;
  outline: none;
  font-size: 13px;
  font-family: 'Poppins';
}
.f-search button,
.career_page.details .jobs_title button{
  height: 44px;
  padding: 0 32px;
  border: 0;
  background-color: #145986;
  color: #fff;
  font-size: 13px;
  border-radius: 100px;
  transition: all .2s ease-in-out;
  font-family: 'Poppins';
}
.f-search button:hover,
.career_page.details .jobs_title button:hover{
  background-color: #164060 !important;
  border: 0;
  color: #fff;
  transition: all .2s ease-in-out;
}
section.jobs_list h3,
.career_page.details h3{
  font-weight: 300 ;
  font-family: 'Poppins';
  color: #3C3C3C;
}
section.jobs_list h4{
  font-size: 14px;
  font-weight: 300 ;
  font-family: 'Poppins';
  color: #3C3C3C;
}
.career_page.details .jobs_title h4{
  font-weight: 300 ;
  font-size: 16px;
  color: #b68627;
}
.jobs_list .info_available{
  width: 100%;
  max-width: 1000px;
  margin: 40px auto 20px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.career_page.details .jobs_title{
  width: 100%;
  max-width: 940px;
  margin: 30px auto 20px;
  display: block;
}
.career_page.details .container{
  max-width: 940px;
  margin: 50px auto;
}
.career_page.details .container label{
  font-size: 16px;
  font-family: 'Poppins';
  font-weight: 300;
  color: #3c3c3c;
}
.jobs_list .container.list{
  max-width: 1060px;
}
.jobs_list .container.list .col-12{
  padding: 8px;
}
.jobs_list .card_list{
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 20px 24px;
  transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
}
.jobs_list .card_list img.logo{
  width: auto;
  height: 24px;
}
.career_page.details .jobs_title img.logo{
  height: 28px;
  width: auto;
  margin-bottom: 30px;
}
.jobs_list h3.job_title{
  font-size: 18px;
  margin-top: 12px;
  margin-bottom: 16px;
  line-height: 24px;
  height: 48px;
  overflow: hidden;
}
.jobs_list .info_company label{
  font-size: 12px;
  display: block;
  color: #b68627;
  padding-top: 4px;
}
.jobs_list .card_list .info_job .quick_detail{
  font-size: 11px;
  /* font-family: 'Poppins'; */
  display: flex;
  justify-content: space-between;
  color: #999;
}
.jobs_list .card_list .posted_info{
  font-size: 11px;
  justify-content: space-between;
  color: #999;
  text-align: end;
}
.career_page.details .jobs_title .quick_detail,
.career_page.details .jobs_title .quick_detail span{
  color: #3c3c3c;
  font-size: 14px;
  font-weight: 300;
  margin: 20px auto 30px;
}
.career_page.details .jobs_title .quick_detail .departement_info,
.career_page.details .jobs_title .quick_detail .jobtype_info,
.career_page.details .jobs_title .quick_detail .location_info{
  margin-bottom: 6px;
}
.career_page.details .jobs_title .quick_detail .jobs_icon{
  margin-right: 8px;
}
.jobs_list .card_list .info_job .quick_detail img.jobs_icon,
.jobs_list .card_list .posted_info img.jobs_icon{
  width: 13px;
  height: auto;
  margin-right: 2px;
}
section.jobs_detail .container{
  max-width: 940px;
}
section.jobs_detail .container .row label{
  margin: 40px 0 20px;
  font-family: 'Poppins';
  font-size: 16px;
  font-weight: 300;
  color: #3c3c3c;
  display: block;
  width: 100%;
}
section.jobs_detail .container .row ul{
  list-style: disc !important;
  padding-left: 15px;
  font-size: 16px;
  font-weight: 200;
}
section.jobs_detail .container .row ul li{
  padding-left: 8px;
  margin-bottom: 6px;
}
p.jobs_link{
  font-family: 'Poppins';
  font-size: 12px;
  font-weight: 300;
  color: #3c3c3c;
  border-radius: 100px;
  text-align: center;
  bottom: 0;
  position: relative;
  transition: all .2s ease-in-out;
  width: fit-content;
  border: 1px solid #eee;
  padding: 10px 30px;
  margin: 16px 0 0;
}
.jobs_list a.card_link{
  text-decoration: none;
}
.jobs_list a.card_link:hover > .card_list{
  /* transform: translateY(-3px); */
  transition: all 0.25s cubic-bezier(0.02, 0.01, 0.47, 1);
  border: 1px solid #145986;
}
.jobs_list a.card_link:hover > .card_list p.jobs_link{
  color: #fff;
  transition: all .2s ease-in-out;
  background-color: #3c3c3c;
}
.jobs_list .list .no_position{
  justify-content: center;
}
.jobs_list .list .no_position label{
  font-family: 'Poppins';
  font-weight: 300;
  font-size: 28px;
  color: rgb(232 155 0 / 75%);
  padding: 25px;
  margin: 40px auto;
  text-align: center;
}
section.pages{
  margin: 28px 25px;
}
section.pages .container{
  max-width: 1044px;
}
.page-link {
  font-size: 13px !important;
  padding: 8px !important;
  border: 0 !important;
  color: #3c3c3c !important;
  background-color: transparent !important;
}
.page-link:hover{
  color: rgb(20 89 134 / 60%) !important;
}
.page-item.disabled .page-link {
  color: #c2c2c2 !important;
}
.page-item.active .page-link {
  color: #145986 !important;
}
section.pages .container label{
  font-size: 12px;
  color: #999;
  margin-left: 6px;
}
section.pages .container .row{
  justify-content: space-between;
  align-items: baseline;
}

/* contact page */
section.contact_page{
  /* background-image: url(../images/background/jakarta.jpeg); */
  background-image: url(../images/background/building_dog.png);
  background-repeat: no-repeat;
  background-size: cover;
}
.layer_black{
  position: relative;
  padding: 100px 0 20px;
  background-color: rgb(0 0 0 / 50%);
}
section.contact_page h2.section-title,
section.contact_page h1.section-title{
  line-height: 4rem;
}
section.contact_message .row{
  justify-content: center;
  align-items: baseline;
}
section.contact_message form{
  width: 100%;
  max-width: 680px;
  padding: 0 20px;
  margin: 40px auto;
}
section.contact_message form input.form-control,
section.contact_message form textarea.form-control {
  height: 44px;
  padding: .375rem .75rem;
  border: 1px solid #efefef;
  border-radius: 4px;
  outline: none;
  font-size: 13px;
  font-family: 'Poppins';
}
section.contact_message form input.form-control:focus,
section.contact_message form textarea.form-control:focus,
section.contact_message form button:focus,
section.contact_message form button:focus-visible{
  outline: 0 !important;
  box-shadow: none !important;
}
section.contact_message form textarea.form-control{
  height: auto;
}
section.contact_message form input.form-control::placeholder,
section.contact_message form textarea.form-control::placeholder,
.f-search input::placeholder{
  font-size: 13px;
  color: #aaa;
  font-weight: 300;
}
section.contact_message form small{
  font-size: 10px !important;
  font-weight: 300 !important;
}
section.contact_message form label{
  font-size: 13px;
  color: #3c3c3c;
}
section.contact_message form button,
section.fillForm button.btn-light{
  height: 40px;
  padding: 0 32px;
  border: 0;
  background-color: #145986;
  color: #fff;
  font-size: 13px;
  border-radius: 100px;
  transition: all .2s ease-in-out;
  font-family: 'Poppins';
  float: right;
}
section.contact_message form button:hover,
section.fillForm button.btn-light:hover{
  background-color: #164060 !important;
  /* border: 1px solid #e89b00; */
  color: #fff;
  transition: all .2s ease-in-out;
}
section.contact_message form button:active{
  transition: all .2s ease-in-out !important;
  background-color: #3c3c3c !important;
  border: 1px solid #3c3c3c !important;
}
section.contact_message form .form-group .col-3,
section.contact_message form .form-group .col-9{
  padding: 0;
}
section.contact_message h3.title_message{
  display: block;
  width: 100%;
  text-align: center;
  font-weight: 300;
  font-size: 20px;
  color: #3c3c3c;
  margin: 28px auto 0;
}
section.maps iframe{
  max-width: 1440px;
  margin: 0 auto;
  display: block;
  border-radius: 4px;
}
section.maps{
  /* background-image: url(../images/maps.png); */
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
section.maps .layer_maps{
  width: 100%;
  height: 360px;
  position: relative;
  /* background-image: linear-gradient(to bottom, rgba(255, 0, 0, 0), rgb(0 0 0 / 50%)); */
}
section.maps a{
  font-size: 13px;
  color: #fff;
  background-color: #145986;
  padding: 12px 30px;
  border-radius: 100px;
  bottom: 1%;
  left: 50%;
  transform: translate(-50%, -50%);
  position: absolute;
  transition: all .2s ease-in-out;
}
section.maps a:hover{
  text-decoration: none;
  background-color: #164060;
}
section.maps a img{
  margin: -3px 4px 0 0;
}

/* sustainability */
section.sustain{
  background-image: url(../images/background/sustainability.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
.layer_black{
  position: relative;
  padding: 100px 0 20px;
  background-color: rgb(0 0 0 / 50%);
}
section.sustain h2.section-title,
section.sustain h1.section-title{
  line-height: 4rem;
}
section.csr{
  padding: 0 0 20px;
  position: relative;
}
section.csr .container.csr{
  max-width: 1000px;
  width: calc(100% - 24px);
  padding-top: 40px;
}
section.csr .desc-artikel .container{
  padding-right: unset !important;
  padding-left: unset !important;
}
section.csr .desc-artikel .col-md-5 img{
  width: 100%;
}
section.csr h2,
.new_csr h2{
  font-family: 'Poppins';
  font-weight: 200;
  font-size: 40px;
  width: 100%;
  letter-spacing: -3px;
  line-height: 3rem;
  margin-bottom: 24px;
  color: #3C3C3C;
}
section.csr p{
  font-family: sans-serif;
  font-weight: 300;
  font-size: 16px;
  width: 100%;
  line-height: unset;
  letter-spacing: 0.1px;
  color: #3C3C3C;
}
.pilar-mobile{
  display: none;
  max-height: 360px;
  box-shadow: none;
  margin: 40px 0 20px;
}
.pilar-mobile .slide{
  background-size: contain !important;
  max-height: 360px;
  margin-top: -50px 
}
.choose_us .owl-controls {
  text-align: center;
  position: relative;
  margin-top: 12px;
}
.choose_us .owl-controls .owl-dots {
  left: unset;
  position: relative;
}
.pilar-mobile .owl-nav{
  display: none;
}
.hero .slick-dots li button {
  background-color: #e2e2e2;
}
.desc-two{
  margin-top: 40px;
}
.desc-three .col-md-4{
  margin: 40px 0 80px;
  height: 75px;
}
.desc-three .col-md-4:nth-child(1){
  text-align: right;
}
.desc-three .col-md-4:nth-child(2){
  text-align: center;
  padding: 8px;
}
.desc-three .col-md-4:nth-child(3){
  text-align: left;
  padding: 10px;
}
.pilar-dektop{
  padding: 20px 0;
  margin: 30px auto;
}
.pilar-dektop .row{
  margin: 0 0 15px;
}
.pilar-dektop .col-md-3{
  padding-left: 8px;
  padding-right: 8px;
}
.pilar-dektop img{
  width: 100%;
  object-fit: cover;
}
.desc-artikel h2{
  margin-bottom: 30px;
}
.desc-artikel .col-md-7{
  padding-top: 30px;
}
.area-btn{
  position: relative;
  display: block;
  width: 100%;
  min-height: 40px;
  margin: 40px 0 60px;
  text-align: center;
}
section.new_csr .container-slider{
  width: calc(100% - 24px);
  padding-left: 15px;
  padding-right: 15px;
}
section.new_csr{
  padding: 0 !important;
}
section.new_csr img.award-mono{
  width: calc(100% - 24px);
}
section.new_csr .container-slider .row{
  margin-bottom: 40px;
}


/* article */
section.article_img{
  position: relative;
  padding: 75px 0 28px;
}
section.article_img .owl-carousel .owl-nav{
  display: none;
}
section.article_img .owl-carousel .owl-dots{
  margin-top: 28px;
  outline: none;
  transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
section.article_img .owl-carousel .owl-dots .owl-dot.active span{
  background: #e89b00;
  width: 28px;
  transition: all 0.4s cubic-bezier(0.55, 0.085, 0.68, 0.53);
}
section.article_img .owl-carousel .owl-dots .owl-dot:hover span{
  background: rgb(232 155 0 / 40%) !important;
}
section.article_img .owl-carousel .owl-dots .owl-dot:focus{
  outline: none;
}
section.article_img .owl-dots .owl-dot span {
  margin: 5px 5px;
  width: 9px;
  height: 9px;
}
a.link_back svg{
  width: 24px;
  margin-right: 6px;
}
.career_page.details .container.back_career{
  margin: 8px auto;
}
/* section.article_description  */
a.link_back{
  align-items: center;
  display: flex;
  color: #999;
  text-decoration: none;
  font-size: 14px;
  font-weight: 300;
  width: 100%;
}
/* section.article_description  */
a.link_back:hover{
  text-decoration: underline;
  color: #145986;
}
section.article_description h1.title{
  font-family: 'Poppins';
  font-weight: 700;
  color: #e89b00;
  margin: 20px 0;
  font-size: 43px;
  letter-spacing: -1px;
  display: block;
  width: 100%;
}
section.article_description .article_info{
  display: flex;
  justify-content: space-between;
  width: 100%;
  font-family: 'Poppins';
  font-size: 14px;
  color: #3c3c3c;
}
section.article_description .article_info .article_by{
  margin-right: 8px;
}
section.article_description .article_info .article_category{
  margin-left: 8px;
  margin-right: 8px;
}
section.article_description .article_info .article_date{
  margin-left: 8px;
}
section.article_description .text{
margin: 40px 2px;
color: #3c3c3c;
line-height: 28px;
font-size: 16px;
text-align: justify;
}
section.article_description ul.share_socmed{
  float: inline-end;
  padding-left: 14px;
}
section.article_description ul.share_socmed li{
  display: inline-block;
}
section.article_description ul.share_socmed li a{
  background-color: #f5f5f5;
  padding: 15px 16px 9px;
  border-radius: 4px;
  transition: all 0.3s ease-in-out;
}
section.article_description ul.share_socmed li a.whatsapp_bg:hover{
  background-color: #20B038;
}
section.article_description ul.share_socmed li a.email_bg:hover{
  background-color: #d88425;
}
section.article_description ul.share_socmed li a.facebook_bg:hover{
  background-color: #385C8E;
}
section.article_description ul.share_socmed li a.instagram_bg:hover{
  background-color: #D03281;
}
section.article_description ul.share_socmed li a.link_bg:hover{
  background-color: #4e4e4e;
}
section.article_description ul.share_socmed li a i{
  display: inline-block;
  width: 16px;
  height: 16px;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  transition: background-image 0.3s ease-in-out;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}
section.article_description ul.share_socmed li a i.wa_ico{
  background-image: url(../images/socmed/whatsapp-black.svg);
}
section.article_description ul.share_socmed li a:hover i.wa_ico{
  background-image: url(../images/socmed/whatsapp-white.svg);
}
section.article_description ul.share_socmed li a i.email_ico{
  background-image: url(../images/icon/envelope-fill.svg);
}
section.article_description ul.share_socmed li a:hover i.email_ico{
  background-image: url(../images/icon/envelope-fill-white.svg);
}
section.article_description ul.share_socmed li a i.fb_ico{
  background-image: url(../images/socmed/facebook-black.svg);
}
section.article_description ul.share_socmed li a:hover i.fb_ico{
  background-image: url(../images/socmed/facebook-white.svg);
}
section.article_description ul.share_socmed li a i.ig_ico{
  background-image: url(../images/socmed/instagram-black.svg);
}
section.article_description ul.share_socmed li a:hover i.ig_ico{
  background-image: url(../images/socmed/instagram-white.svg);
}
section.article_description ul.share_socmed li a i.link_ico{
  background-image: url(../images/socmed/link-black.svg);
}
section.article_description ul.share_socmed li a:hover i.link_ico{
  background-image: url(../images/socmed/link-white.svg);
}
section.article_description .row .text label{
  font-size: 22px;
  font-family: 'Poppins';
  margin-top: 12px;
  font-weight: 400;
  color: #145986;
}

/* our group page */
section.ourgroup {
  background-image: url(../images/background/building_dog.png);
  background-repeat: no-repeat;
  background-size: cover;
}
section.ourgroup .layer_black {
  padding: 100px 0 100px;
}
section.sector_list{
  padding: 60px 0;
  color: #3c3c3c;
}
.sector_list .sector_frame{
  max-width: 1000px;
  padding-right: 20px;
  padding-left: 20px;
}
.sector_list .sector_frame .sector_sparepart,
.sector_list .sector_frame .sector_mining,
.sector_list .sector_frame .sector_finance{
  padding-bottom: 120px;
}
.sector_list .sector_frame img.img-cover{
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px;
}
.sector_list .sector_frame h2.sector_title{
  font-family: 'Poppins';
  font-weight: 200;
  font-size: 55px;
  width: 100%;
  letter-spacing: -3px;
  line-height: 3rem;
  margin-bottom: 30px;
}
.sector_list .sector_frame p{
  font-family: sans-serif;
  letter-spacing: 0.2px;
  font-weight: 300;
  font-size: 16px;
  margin: 24px 0;
}
.sector_list .sector_frame .owl-nav{
  margin: 6px 0;
}
.sector_list .sector_frame .owl-carousel .owl-nav button{
  position: absolute;
  font-size: 24px;
  font-weight: 900;
  /* background-color: rgb(34 34 34 / 24%) !important; */
  /* background-color: rgb(20 89 134 / 40%); */
  background-color: rgb(232 155 0 / 40%);
  color: #fff;
  width: 36px;
  height: 36px;
  border-radius: 36px;
  line-height: 28px;
  margin: 5px 3px;
}
.sector_list .sector_frame .owl-carousel .owl-nav button:focus{
  outline: 0;
  border: 0;
}
.sector_list .sector_frame .owl-carousel .owl-nav button:hover{
  background-color: #E89B00 !important;
  transition: all 0.3s ease-in-out;

}
.sector_list .sector_frame .owl-carousel .owl-nav button.owl-prev{
  left: 0;
  padding: 1px 12px 6px 11px !important;
}
.sector_list .sector_frame .owl-carousel .owl-nav button.owl-next{
  right: 0;
  padding: 1px 12px 6px 14px !important;
}
.sector_list .sector_frame .owl-dots{
  margin-top: 20px;
}
.sector_list .sector_frame .owl-dots button:focus,
.sector_list .sector_frame .owl-dots button:focus-visible{
  outline: 0;
  border: 0;
  box-shadow: none;
}
.sector_list .sector_frame .carousel-ourgroup .owl-dots .owl-dot span{
  width: 9px;
  height: 9px;
  margin: 5px 5px;
}
.sector_list .sector_frame .carousel-ourgroup .owl-dots .owl-dot.active span{
  background: #E89B00;
  width: 28px;
}
.sector_list .sector_frame .carousel-ourgroup .owl-dots .owl-dot:hover span {
  background: rgb(232 155 0 / 40%) !important;
}

.sector_list .sector_frame .row hr{
  border-top: 1px solid #145986;
}
.sector_list .sector_frame img.logo_pt{
  border: 1px solid #eee;
  border-radius: 4px;
  width: 100%;
  transition: all 0.3s ease-in-out;
}
.sector_list .sector_frame a:hover img.logo_pt{
  border: 1px solid #145986;
}
.sector_list .sector_frame .link_bu{
  margin: 30px 0 0;
}
.sector_list .sector_frame .row .item .link_caro{
  border: 1px solid #f0f0f0;
  margin: 0;
  border-radius: 4px;
  padding: 15px 0;
}
.sector_list .sector_frame img.toright{
  width: 17px;
  height: auto;
  display: inline-block;
  margin-top: -2px;
  margin-right: 5px;
}
.sector_list .sector_frame .row .item p{
  margin: 0 0 8px;
  font-style: italic;
  font-weight: 400;
}
/* .sector_list .sector_frame .row .item .link_caro .col-md-3{
  padding: 0;
} */
.sector_list .sector_frame .row .item .link_caro .col-md-3{
  padding: 0;
}
.sector_list .sector_frame .row .item .link_caro .col-md-3 img{
  max-height: 83px;
}
/* .sector_list .sector_frame .row .item .link_caro .col-md-9{
  padding: 15px;
} */
.sector_list .sector_frame .row .item .link_caro .col-md-9 a{
  color: #145986;
  font-size: 14px;
  font-style: italic;
}

/* modal contact */
.contact_message .modal .modal-content,
.fillForm .modal .modal-content{
  width: calc(100% - 20px);
  margin: 0 auto;
  max-width: 430px;
}
.contact_message .modal .modal-content label{
  text-align: center;
  font-family: 'Poppins';
  font-weight: 200;
  font-size: 55px;
  width: 100%;
  margin: 18px auto 24px;
  letter-spacing: -3px;
  line-height: 3rem;
}
.fillForm .modal .modal-content label {
    text-align: center;
    font-family: 'Poppins';
    font-weight: 200;
    font-size: 36px;
    width: 100%;
    margin: 18px auto 24px;
    letter-spacing: -2px;
    line-height: 3rem;
}
.contact_message .modal .modal-content p,
.fillForm .modal .modal-content p{
  font-family: sans-serif;
  letter-spacing: 0.2px;
  font-weight: 300;
  font-size: 14px;
  text-align: center;
}
.contact_message .modal .modal-content .modal-body,
.fillForm .modal .modal-content .modal-body{
  padding: 24px 24px 0;
  text-align: center;
}
.contact_message .modal .modal-content .modal-body a,
.fillForm .modal .modal-content .modal-body a{
  color: #E89B00;
}
.contact_message .modal .modal-footer,
.fillForm .modal .modal-footer{
  justify-content: center;
  border-top: 0;
  margin-bottom: 20px;
}
.contact_message .modal .modal-footer button,
.fillForm .modal .modal-footer button{
  padding: 0 62px;
}
.contact_message .modal .modal-body img.icon_check,
.fillForm .modal .modal-content .modal-body img.icon-check{
  margin-top: 10px;
  width: 100px;
}

.breadcumb{
  max-width: 1140px;
  margin: 36px auto 24px;
  font-size: 13px;
  font-family: sans-serif;
  font-weight: 300;
}
.breadcumb span{
  margin-right: 12px;
  color: #333;
}
.breadcumb span a{
  color: #999;
}
.breadcumb span a:hover{
  color: #145986;
  transition: all 0.3s ease-in-out;
  text-decoration: underline;
}
.breadcumb span::after{
  border-style: solid;
  border-width: 1.5px 1.5px 0 0;
  content: '';
  display: inline-block;
  height: 7px;
  width: 7px;
  position: relative;
  top: 6px;
  vertical-align: top;
  left: 6px;
  transform: rotate(45deg);
}
.breadcumb span:last-child::after{
  display: none;
}

/* Application Form */
section.aplication_form .jobs_title{
  text-align: center;
}
section.fillForm .container{
  max-width: 1000px;
}
section.fillForm form.uploadForm{
  border: 1px solid #f0f0f0;
  /* padding: 20px 28px; */
}
section.fillForm form{
  width: 100%;
  border-radius: 4px;
  display: block;
  /* justify-content: space-between; */
  position: relative;
  margin-bottom: 16px;
  padding: 20px 28px;
}
section.fillForm form.needs-validation{
  margin-bottom: 0;
  padding-bottom: 0;
}
section.fillForm form .flexUpload{
  display: flex;
  align-items: center;
}
section.fillForm form .flexUpload span.title{
  width: 100%;
  font-size: 15px;
  font-weight: 600;
  color: #3c3c3c;
}
section.fillForm form .flexUpload span.criteria{
  /* position: absolute;
  top: 44px; */
  font-size: 13px;
  font-weight: 300;
  color: #999;
}
section.fillForm form .flexUpload label{
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  border: 1px solid #145986;
  border-radius: 300px;
  padding: 7.5px 40px;
  cursor: pointer;
  color: #145986;
}
button#addWorkExperienceBtn,
button#addEducationBtn {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  border: 1px solid #145986;
  border-radius: 300px;
  padding: 7.5px auto;
  cursor: pointer;
  color: #145986;
  width: 160px;
}
section.fillForm form .flexUpload label:hover,
button#addWorkExperienceBtn:hover,
button#addEducationBtn:hover{
  background-color: #145986 !important;
  color: #fff;
  transition: all 0.3s ease-in-out;
}
button#addWorkExperienceBtn,
button#addEducationBtn,
button#removeWorkExperienceBtn,
button#removeEducationBtn{
  box-shadow: none !important;
}
button.remove-education-btn,
button.remove-work-btn{
    font-size: 14px;
    font-weight: 400;
    /* margin: 0; */
    border: 1px solid #ff6363;
    border-radius: 300px;
    padding: 7.5px auto;
    cursor: pointer;
    color: #ff6363;
    text-decoration: unset !important;
}
button.remove-education-btn:hover,
button.remove-work-btn:hover{
  background-color: #ff6363 !important;
  border: 1px solid #ff6363;
  color: #fff;
  transition: all 0.3s ease-in-out;
}
 .btn-addform {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 20px !important;
}

section.fillForm form p{
  margin: 0;
  /* padding-top: 20px; */
  font-size: 14px;
  text-decoration: underline;
  color: #145986;
  font-style: italic;
  overflow: hidden;
  cursor: default;
}
section.fillForm form .flexUpload .form-group{
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  padding: 20px 28px 25px;
  width: 100%;
}
section.fillForm input.form-control{
  height: 38px;
}
section.fillForm input.form-control,
section.fillForm textarea{
  border: 1px solid #f0f0f0;
  border-radius: 4px;
  font-size: 14px;
}
section.fillForm input:focus,
section.fillForm textarea:focus{
  outline: 0;
  border: 1px solid #145986;
  box-shadow: none;
}
section.fillForm input::placeholder,
section.fillForm textarea::placeholder{
  color: #999;
  font-weight: 200;
  font-style: italic;
}
section.fillForm label.label_title{
  font-size: 15px;
  font-weight: 600;
  color: #3c3c3c;
}
section.fillForm .custom-control-inline{
  margin-top: 7px;
}
section.fillForm .form-row .col-md-6{
  padding-right: 10px;
  padding-left: 10px;
}
section.fillForm .form-row .title_date{
  padding: 0;
  margin: 0 !important;
}
section.fillForm .form-row .col-date{
  padding-left: 5px;
  padding-right: 5px;
  max-width: 49.2%;
}
section.fillForm span.separator_title{
  display: block;
  padding: 0 4px;
  font-family: 'Poppins';
  font-size: 26px;
  font-weight: 300;
  margin-top: 40px;
  margin-bottom: 20px;
  letter-spacing: -1px;
  color: #145986;
  border-top: 1px solid #ddd;
  padding-top: 40px;
}
section.fillForm .form-check label{
  font-size: 14px;
  color: #3c3c3c;
  font-style: italic;
}
section.fillForm .form-check input{
  margin-top: 6.5px;
}
section.fillForm .form-check{
  margin: -15px 4px 0;
  /* cursor: pointer; */
}
section.fillForm .form-check.study{
  margin: 8px 4px 0;
}
.timeline-carousel__item span.pt2016{
  font-size: 14px;
  display: block;
  margin-top: 2px;
}