@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bree+Serif&family=Poppins:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@600&display=swap');

.w-33 {
  width: 33.33%; /* Setiap gambar mengambil sepertiga lebar */
}

p, ul li{
  color: #09406F;
}

@media (min-width: 1400px) {
  .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
      max-width: 1520px;
  }
}

#call-to-action .row {
  display: flex;
  flex-wrap: wrap;
}

#call-to-action img {
  object-fit: cover;
  max-height: 100%;
  width: 100%; /* Gambar memenuhi seluruh lebar kontainer */
}

#call-to-action h1 {
  margin-top: 20px;
  padding: 10px;
}

@media (max-width: 768px) {
  #call-to-action .image-bottom {
    order: 2; 
    margin-top: -60px; 
  }

  #call-to-action .content {
    order: 1;
    margin-top: 20px; 
  }
  .slider-card .carousel-item {
    flex-direction: column;
  }
  .w-33 {
    width: 100%; /* Gambar menjadi satu kolom pada layar kecil */
  }
}


.body{
  margin: 0 5em;
}
section .header{margin-top:7em;}
section .header h1,section .header-profile h1,section .hedear-service h1,section .header-partner h1,section .header-customer h1{color:#001E6C;text-align:center;font-family:'Bree Serif';font-weight:400;line-height:normal;}
section .header p,section .header-profile p,section .hedear-service p{color:#E8630A;text-align:center;font-family:Poppins;font-size:17px;font-weight:600;line-height:normal;}
section .label{display:inline-block;border-radius:30px;background:#E8630A;margin:2em auto;color:white;padding:.5em 1em;text-align:center;}
section .label .col-sm-4 img{text-align:center;}
section .header-long{text-align:left;background-color:#001E6C;color:white;padding:1.5em 5em;}
section .body-engineering2{width:60%;margin:auto;}
section ul li,section p{font-family:Montserrat;line-height:2.3em;font-size:1em;}
section p{text-align:justify;}
section .operational{width:70%;margin:auto;}
section .header .card,#experience .card{width:80%;border-radius:1.5em;}
#experience h1{color:#001E6C;font-family:'Bree Serif',serif;}
#experience img{width: 100%;}
#experience .card-body{margin:1em 2em;}
#experience .brosur img{width:50em;border-radius:2em;}