body, html {
    margin: 0;
    padding: 0;
    height: 100%;
  }

  .p-text-misi-message {
    padding-left: 2rem;
    padding-right: 7rem;
  }
  .p-text-content-card {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .btn-success {
    background-color: #134c9d !important;
    color: white;
    font-weight: bold;
    border: none;
    padding: 10px 25px;
    font-size: 14px;
    border-radius: 30px;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .btn-success:hover {
    background-color: #d9e9ff !important; /* Biru sedikit lebih gelap saat hover */
  }
  .text-primary {
    color: #134c9d;
  }
  .style-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: 0px;
    margin-left: -15px;
  }

  .text-title-mission-ceo {
    font-size: 2rem;
    font-weight: 700;
    color: #134c9d;
    margin-bottom: 20px;
  }

  p{
    color: #134c9d;
    /* text-align: justify; */
  }
  .style-text-justify {
    text-align: justify;
  }

  .barnavigation {
      display: flex;
      justify-content: space-between;
      align-items: center;
      background: linear-gradient(to right, #1e5799, #7db9e8);
      padding: 50px 40px;
      color: white;
      flex-wrap: wrap;
  }
  .banner-section {
  display: flex;
    height: 100vh;
  }

  .banner-title {
    font-weight: 700;
    font-size: 2.5rem;
    color: #134c9d;
  }

  .banner-description {
    font-size: 1.1rem;
    color: #134c9d;
    text-align: justify;
  }

  .banner-image {
    max-height: 40rem;
    object-fit: cover;
  
  }
  .program-card{
    border-radius: 3rem;
    background-color: #134c9d;
  }
  .program-card img {
    background-size: cover;
    border-radius: 2.5rem;
    object-fit: cover;
      /* border-top-left-radius: 1rem;
      border-top-right-radius: 1rem; */
  }

  .program-card .bg-primary {
    background: linear-gradient(to right, 
      #134c9d 0%,   /* Left Edge */
      #8bdaf4 50%,  /* Middle */
      #134c9d 100%  /* Right Edge */
    );
      border-bottom-left-radius: 1rem;
      border-bottom-right-radius: 1rem;
  }

  .why-gms {
      background: linear-gradient(135deg, #004aad, #63b3ed);
      color: white;
  }

  .info-card img {
      width: 100%;
      height: 180px;
      object-fit: cover;
      border-bottom-left-radius: 0;
      border-bottom-right-radius: 0;
  }

  .rounded-custom {
      border-radius: 25px 0 25px 0;
  }

  .border-image-style {
      max-width: 36rem;
      margin-top: 1.5rem;
      height: 33.5rem;
      border-radius: 0 5rem 5rem 0;
      border-top: .75rem solid #134c9d !important;
      border-right: .75rem solid #134c9d !important;
      border-bottom: .75rem solid #134c9d !important;
      border-left: none !important; /* Menghilangkan border kiri */
      object-fit: none;
  }

  .job-section {
    background: linear-gradient(to right, #134c9d , #d9e9ff );
    padding: 40px;
    /* border-radius: 15px; */
    margin-bottom: 30px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.apply-button {
  background-color: #134c9d; /* Biru tua */
  color: white;
  font-weight: bold;
  border: none;
  padding: 10px 25px;
  font-size: 14px;
  border-radius: 30px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.apply-button:hover {
  background-color: #d9e9ff; /* Biru sedikit lebih gelap saat hover */
  text-decoration: none;
}

.requirements-box, .job-description-box {
    background-color: #fafafa;
    padding: 30px;
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.08);
    min-height: 38.5rem;
}

.requirements-box{
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
  margin-left: -3.45rem;
}

.job-description-box{
  border-top-left-radius: 1rem;
  border-bottom-left-radius: 1rem;
  margin-right: -3.45rem;
}



.requirements-title, .job-description-title {
    color: #00897b;
    margin-bottom: 25px;
    font-size: 24px;
    font-weight: 600;
    border-bottom: 2px solid #80cbc4;
    padding-bottom: 10px;
    text-transform: uppercase; /* Added uppercase */
    letter-spacing: 1px; /* Added letter spacing */
}

.requirements-list, .job-description-list {
    padding-left: 25px;
    margin-bottom: 20px;
    list-style-type: none;
}

.requirements-list li, .job-description-list li {
    margin-bottom: 12px;
    color: #134c9d  ;
    font-size: 16px;
    line-height: 1.7;
}
.requirements-list li strong,
.job-description-list li strong{
    color: #d9e9ff;
}

/* Style for nested lists */
.requirements-list ul, .job-description-list ul {
    list-style-type: none;
    padding-left: 20px;
    margin-top: 5px;
}

.requirements-list ul li, .job-description-list ul li {
    margin-bottom: 6px;
    font-size: 14px;
    color: #5e5e5e;
}

/* Added styles for bold headings within descriptions */
.requirements-list li strong,
.job-description-list li strong {
    font-weight: 600; /* Make strong elements bold */
    color: #134c9d; /* Keep the teal color */
}

/* Added style for job titles */
.job-title {
     font-size: 3rem; 
    font-weight: bold;
    color: #ffffff; /* A slightly darker teal */
    margin-bottom: 20px;
    /* text-align: center; Center the job title */
    /* border-bottom: 1px solid #80cbc4; */
    padding-bottom: 10px;
}
.job-title.right {
    text-align: right;
}

.job-title.left {
    text-align: left;
}

.our-strength {
  padding: 50px 0;
  text-align: center;
}

.strength-card {
  background-color: #d9e9ff; /* Warna latar belakang card */
  border-radius: 15px;
  padding: 10px;
  margin-bottom: 30px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); /* Efek bayangan tipis */
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Transisi untuk hover effect */
}
.strength-card-text{
  min-height: 10rem; /* Set minimum height for text container */
}

.strength-card:hover {
  transform: translateY(-5px); /* Sedikit naik saat hover */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); /* Bayangan lebih besar saat hover */
}

.strength-card img {
  max-width: 100%;
  height: 16rem !important;
  display: cover;
  object-fit: cover;
  object-position: center;
  height: auto;
  border-radius: 10px;
  margin-bottom: 15px;
}

.strength-card h6 {
  color: #007bff; /* Warna teks judul */
  /* font-weight: bold; */
  margin-bottom: 10px;
}

.strength-card p {
  color: #6c757d; /* Warna teks deskripsi */
  font-size: 0.9rem;
}

.strength-card2 {
  min-height: 20rem;
  background-color: #d9e9ff; /* Warna latar belakang card */
  border-radius: 2rem;
  padding-bottom: 10px;
  margin-bottom: 30px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.05); /* Efek bayangan tipis */
  transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out; /* Transisi untuk hover effect */
}

.strength-card2:hover {
  transform: translateY(-5px); /* Sedikit naik saat hover */
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.1); /* Bayangan lebih besar saat hover */
}

.strength-card2 img {
  max-width: 100%;
  display: cover;
  object-fit: cover;
  object-position: center;
  height: auto;
  border-radius: 2rem;
  margin-bottom: 15px;
}

.strength-card2 h6 {
  color: #007bff; /* Warna teks judul */
  /* font-weight: bold; */
  margin-bottom: 10px;
  padding: 0rem .75rem; /* Padding horizontal untuk judul */
}

.strength-card2 p {
  color: #6c757d; /* Warna teks deskripsi */
  font-size: 0.9rem;
}


h2 {
  color: #4c669f; /* Warna teks judul */
  text-align: center; /* Pusatkan teks judul */
  margin-bottom: 30px; /* Margin bawah judul */
}

.form-group label {
  color: #343a40; /* Warna teks label */
  font-weight: bold; /* Tebalkan teks label */
  margin-bottom: 5px; /* Margin bawah label */
  display: block;
}

.form-control {
  border-radius: 25px; /* Radius sudut input */
  padding: 15px; /* Padding di dalam input */
  border: 1px solid #ced4da;
}

.form-row > .col {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.form-check {
  margin-top: 20px;
  margin-bottom: 20px;
}

.btn-primary {
  border-radius: 25px; /* Radius sudut tombol */
  padding: 12px 30px; /* Padding tombol */
  font-weight: bold; /* Tebalkan teks tombol */
  background-color: #4c669f; /* Warna latar belakang tombol */
  border-color: #4c669f; /* Warna border tombol */
  width: 100%;
}

.btn-primary:hover {
  background-color: #3a4d7a; /* Warna latar belakang tombol saat hover */
  border-color: #3a4d7a; /* Warna border tombol saat hover */
}

/* Styling untuk section khusus formulir */
.form-section {
  /* background: linear-gradient(to right, #2c3e50, #3498db); */
  font-family: sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 50vh; /* Atau sesuaikan tinggi yang diinginkan untuk section ini */
  padding: 20px 0; /* Menambahkan padding atas dan bawah untuk section */
  margin-bottom: 5rem;
}

/* Styling untuk body bisa dikosongkan atau diisi style lain jika perlu */
body {
  margin: 0; /* Menghilangkan margin default browser */
  /* Anda bisa menambahkan style lain untuk body di sini jika diperlukan */
}

.form-container {
  background: linear-gradient(to right, #2c3e50, #3498db);
  /* background-color: rgba(255, 255, 255, 0.1); Slightly transparent white background */
  padding: 40px;
  border-radius: 15px;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  width: 100%;
  max-width: 700px;
}
.form-container h2 {
  color: #fff;
  text-align: center;
  margin-bottom: 30px;
  font-weight: bold;
}
.form-group label {
  color: #fff;
  font-weight: bold;
}
.form-control {
  border-radius: 25px; /* Rounded input fields */
  border: none;
  padding: 15px; /* Increased padding for taller input fields */
  background-color: #fff; /* White background for input fields */
  color: #333; /* Dark text color for input fields */
  margin-bottom: 10px; /* Space below each input field */
}
.form-control::placeholder {
  color: #aaa; /* Light placeholder text */
}
.form-check-label {
  color: #eee; /* Lighter color for checkbox label */
  font-size: 0.9rem;
}
.btn-submit {
  background-color: #fff;
  color: #3498db; /* Blue text color for button */
  border: none;
  border-radius: 25px;
  padding: 10px 30px;
  font-weight: bold;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;
  display: block;
  margin: 20px auto 0; /* Center the button and add top margin */
}
.btn-submit:hover {
  background-color: #f0f0f0;
  color: #2980b9;
}
.input-description {
  font-size: 0.8rem;
  color: #ddd; /* Lighter color for input descriptions */
  margin-top: -5px; /* Adjust spacing */
  margin-bottom: 10px;
}

@media (min-width: 1980px) {
  .container-program-training {
    max-width: 1980px; /* Padding untuk container */
    margin-left: auto;
    margin-right: auto;
  }
  
}

@media (max-width: 1330px) {
  .p-text-misi-message {
    padding-left: 5rem;
    padding-right: 5rem;
  }
}

/* Responsive adjustments for smaller screens */
@media (max-width: 1024px) { /* Medium screens and below */
  .border-image-style{
    width: 24rem;
    height: 30rem;
    object-fit: cover;
  }
  .strength-card2{
    min-height: 17rem;
  }
  .requirements-box, .job-description-box{
      min-height: 41rem;
    }
  .job-title{
    font-size: 2rem; /* Adjusted font size for smaller screens */
  }

  .strength-card-text{
    min-height: 12rem;
  }
  
}

@media (max-width: 991.98px) { /* Medium screens and below */
  .strength-card {
      margin-bottom: 28px; /* Less margin on medium screens */
  }

  .p-text-misi-message{
    padding-left: 6rem;
    padding-right: 2rem;
  }

  .strength-card2{
    min-height: 20rem;
  }

  .strength-card2 h6{
    padding-left: 1.75rem;
    padding-right: 1.75rem;
  }
  .requirements-box, .job-description-box{
      min-height: 43rem;
    }

    .strength-card{
      min-height: 32rem; /* Set minimum height for text container */
    }
}

@media (max-width: 768px) {
    .banner-title {
      font-size: 1.75rem;
      text-align: center;
    }
    .banner-description {
      text-align: justify;
    }

    p{
      padding: 0px 20px;
    }

    .text-title-mission-ceo{
      text-align: center !important;
      margin-top: 2rem;
       padding: 2rem; 
    }

    .mission-section .container {
      gap: 0; /* Menghilangkan jarak antar item flex pada tampilan md ke atas */
    }

    .mission-section > div > div:nth-child(2) {
      margin-left: 20px; /* Memberikan margin kiri pada elemen teks */
    }
    .strength-card {
      margin-bottom: 20px; /* Even less margin on small screens */
    }
    .p-text-misi-message{
      padding-left: 1rem;
      padding-right: 1rem;
    }
    .image-misi-ceo{
      display: flex;
      justify-content: center;
      align-items: center;
     
    }
    .border-image-style{
      margin-left: 1rem;
      height: 24rem !important;
      border: .75rem solid #134c9d !important;
      border-radius:5rem;
    }
}

@media (max-width: 560px) {
  .requirements-box, .job-description-box{
    min-height: 26rem;
  }
  .strength-card-text{
    min-height: auto; /* Set minimum height for text container */
  }

  .strength-card{
      min-height: 0rem; /* Set minimum height for text container */
  }
  .strength-card2{
    min-height: 0rem;
  }
}