body {
  margin: 0;
  padding: 0;
  /*font-size: 1.25rem;*/
  font-family: 'Poppins', sans-serif;
}

.error {
   color: var(--bs-form-invalid-border-color);
}

:root {
  --primary-color: #01563f;
  --secondary-color: #069546;
}

.mtb-100 {
  margin: 2rem;
}

.p_style {
  text-align: justify;
}

.ptb-100 {
  padding: 100px 0;
}

.text-green {
  color: var(--secondary-color);
}

.line_height {
  line-height: 40px;
}

.display-3 {
  font-weight: 700;
  /*font-size: 5rem;*/
  color: var(--primary-color);
}
.btn-dark {
  background: #01321f;
  border: 1px solid #01321f;
}
.btn-dark:hover {
  background: #fff !important;
  color: #01321f !important;
  border: 1px solid #01321f !important;
}
.top_btn_first {
  background: #fff;
  color: var(--secondary-color);
  font-weight: 700;
  /*font-size: 22px;*/
  border: 2px solid var(--secondary-color);
  border-radius: 10px;
  z-index: 999;
}
.top_btn_first:hover {
  background: var(--secondary-color) !important;
  color: #fff !important;
  border: 2px solid var(--secondary-color) !important;
}

.top_btn_second {
  background: var(--secondary-color);
  color: #fff;
  font-weight: 700;
  /*font-size: 22px;*/
  border: 2px solid var(--secondary-color);
  border-radius: 10px;
}

.top_btn_second:hover {
  background: #fff !important;
  color: var(--secondary-color) !important;
  border: 2px solid var(--secondary-color) !important;
}

.primary_line_btn {
  background: #fff;
  color: var(--secondary-color);
  font-weight: 700;
/*  font-size: 1.15rem;*/
  border: 2px solid var(--secondary-color);
  padding: 15px 30px;
  border-radius: 10px;
  z-index: 999;
}

.primary_line_btn:hover {
  background: var(--secondary-color) !important;
  color: #fff !important;
  border: 2px solid var(--secondary-color) !important;
}

.secondary_line_btn {
  background: #fff;
  color: var(--primary-color);
  font-weight: 700;
/*  font-size: 1.2rem;*/
  border: 2px solid var(--primary-color);
  padding: 15px 30px;
  border-radius: 10px;
}

.secondary_line_btn:hover {
  background: var(--primary-color) !important;
  color: #fff !important;
  border: 2px solid var(--primary-color) !important;
}

.primary_btn {
  background: var(--secondary-color);
  color: #fff;
  font-weight: 700;
/*  font-size: 1.15rem;*/
  border: 2px solid var(--secondary-color);
  padding: 15px 30px;
  border-radius: 10px;
}

.primary_btn:hover {
  background: #fff !important;
  color: var(--secondary-color) !important;
  border: 2px solid var(--secondary-color) !important;
}

.secondary_btn {
  background: var(--primary-color);
  color: #fff;
  font-weight: 700;
/*  font-size: 1.15rem;*/
  border: 2px solid var(--primary-color);
  padding: 15px 30px;
  border-radius: 10px;
}

.secondary_btn:hover {
  background: #fff !important;
  color: var(--primary-color) !important;
  border: 2px solid var(--primary-color) !important;
}

.img_box_border {
  /* border: 1px solid #C4C4C4; */
  padding: 5px 8px;
  border-radius: 10px;
}

.message_icon {
  background: var(--secondary-color);
  height: 65px;
  width: 65px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  position: fixed;
  bottom: 2%;
  right: 1%;
}

.message_icon img {
  width: 25px;
  height: 28px;
  margin-bottom: -5px;
}

.card_topik {
/*  font-size: 3rem;*/
  font-weight: 500;
}

.card_title {
/*  font-size: 3rem;*/
  font-weight: 700;
}

.card_1 {
  background-color: var(--primary-color);
  border-radius: 30px;
  overflow: hidden;
  /* position: relative; */
  /* padding: 1rem; */
}

.card_part_1 {
  background: var(--secondary-color);
  padding: 1rem;
}
.card_part_2 {
  position: relative;
  z-index: 999;
}

.line_bg {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 0;
}
.bg_line_2 {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}

.card_2 {
  background: var(--secondary-color);
  border-radius: 30px;
  overflow: hidden;
}
.part_1 {
  padding: 2rem;
}
.part_2 {
  background: var(--primary-color);
  padding: 4rem;
  position: relative;
}

.mini_card {
    background: linear-gradient(90deg, #01321f 0%, #01563f 100%);
    border: 1px solid #436759;
    box-shadow: 10px 14px 54px rgba(3, 46, 50, 0.3);
    border-radius: 24px;
    padding: 5%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: -25%;
    z-index: 1;
}

.mini_card_text {
    color: #fff;
  /* border: 2px solid red; */
 /* padding: 10px;*/
    transition: all 0.5s;
    border-radius: 18px;
    font-size: 1.3vw;
}

.mini_card_text .icon {
    background: #ffffff;
    border-radius: 100%;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s;
}

.mini_card_text i {
  color: #fff;
  background: #01321f;
  border-radius: 100%;
  padding: 0 5px;
  transition: all 0.5s;
}

.mini_card_text:hover {
  background: #fff;
  color: #01321f;
  transform: translateX(-50px) scale(1.1);
}

.mini_card_text:hover .mini_card_text .icon {
  background: #01321f;
}

.mini_card_text:hover i {
  background: #fff;
  color: #01321f;
}

footer {
  margin-top: 150px;
  background: #f8f8f8;
}

.footer_border {
  padding: 50px 0;
  border-bottom: 1px solid rgba(33, 37, 41, 0.15);
}
.footer_menu {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.footer_menu a {
  text-decoration: none;
  color: #000;
}

.footer_menu a:hover {
  color: var(--secondary-color);
}

.footer_icons img {
  border-radius: 5px;
}

.copyright {
  padding: 50px 0 10px;
}

.copy_r {
/*  font-size: 16px;*/
  font-weight: 500;
}

.copy_r span {
  font-weight: bold;
}

.social_icon a {
  color: #000;
  text-decoration: none;
  transition: all 0.5s;
}

.social_icon a:hover {
  color: var(--secondary-color);
}

.modal-content {
  color: var(--primary-color);
}

.modal-dialog {
  max-width: 100%;
}

.modal_title {
/*  font-size: 30px;*/
  font-weight: 700;
}

.title {
  color: var(--secondary-color);
  font-weight: 700;
}
.title_h3 {
  color: var(--secondary-color);
  font-weight: 700;
}
/* .accordion-item{
    position: relative;
} */
/* .accordion-item h2{
    position: relative;
    }
    .accordion-item h2 ::before{
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -15px;
        height: 2px ;
        width: 25px;
        background: var(--primary-color);
    }
    .accordion-item h2::after{
        content: "";
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(90deg);
        left: -15px;
        height: 2px ;
        width: 25px;
        background: var(--primary-color);
    } */
.mines_1,
.mines_2,
.mines_3,
.mines_4 {
  display: none;
}
.accordion-button {
  font-weight: 500;
/*  font-size: 28px;*/
  color: var(--primary-color);
  border: 0;
/*  justify-content: space-between !important;*/
  flex-wrap: wrap;
}

.accordion-button::after {
  display: none;
}

.accordion-button:focus {
  z-index: 3;
  border-color: var(--bs-accordion-btn-focus-border-color);
  outline: 0;
  box-shadow: none;
}

.accordion-button:not(.collapsed) {
  color: var(--primary-color);
  background-color: transparent;
  box-shadow: none;
}

.accordion-body {
  color: var(--primary-color);
}

.form-check-input:checked {
  background-color: var(--primary-color);
  border-color: var(--primary-color);
}

.form_one {
  border: 1px solid #c4c4c4;
  /*padding: 60px;*/
/*  font-size: 17px;*/
  border-radius: 16px;
}

.form_detail {
  display: flex;
  justify-content: space-between;
}

.form_detail b {
/*  font-size: 17px;*/
  font-weight: 600;
}
.form_detail span {
/*  font-size: 17px;*/
}
.text-red {
  color: #991010;
}
.radio_box {
  border: 2px solid var(--secondary-color);
  border-radius: 20px;
  padding: 30px;
}
.radio_box label {
  color: var(--secondary-color);
  font-weight: 500;
/*  font-size: 25px;*/
}
.border_green {
  border: 2px solid var(--secondary-color);
}

.form_one_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.card_3 {
  border: 2px solid var(--secondary-color);
  border-radius: 10px;
  display: none; 
}
.card_3 h5 {
/*  font-size: 14px;*/
  color: var(--secondary-color);
  margin-bottom: 0;
}
.card_3_btn {
  border: 2px solid var(--secondary-color);
  border-radius: 12px;
/*  font-size: 12px;*/
  font-weight: 500;
  padding: 4px 6px;
  text-decoration: none;
  color: var(--secondary-color);
  transition: all 0.5s;
}
.card_3_btn:hover {
  background: var(--secondary-color);
  color: #fff;
}

.collapsible {
  border-radius: 30px;
  overflow: hidden;
   position: relative; 
}

.close-alert {
    color: inherit;
    background: inherit;
    border: none;
    float: right;
/*    font-size: 1.5rem;*/
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
}

.personal-info-consent {
    margin-left: 20px;
}