.gap-6{
    gap: 6rem;
}

.gap-7{
    gap: 8rem;
}

.mt-6{
    margin-top: 6rem;
}

.mb-6{
    margin-bottom: 6rem;
}

.ms-6{
    margin-left: 6rem;
}

.me-6{
    margin-right: 6rem;
}

.w-20{
    width: 20rem;
}

.w-15{
    width: 15rem;
}

.w-10{
    width: 10rem;
}

.vertical-line{
    width: 0.1rem;
    height: 7rem;
    background-color: var(--bs-body-color);
    margin-left: 1rem;
    margin-right: 1rem;
}

.vertical-line-admin{
    width: 0.4rem;
    height: 3rem;
    background-color: var(--bs-body-color);
    margin-left: 1rem;
    margin-right: 1rem;
}

.w-18{
    width: 18rem;
}

.h-18{
    height: 18rem;
}

.btn-dark{
    background-color: var(--bs-dark);
}

.font-dark{
    color: var(--bs-body-color);
}

.btn-outline-dark{
    outline-color: var(--bs-body-color);
}

.link-font{
    color: var(--bs-body-color);    
}

.p-6{
    padding: 6rem;
}

.fs-7{
    font-size: 18px;
}

/* Search Bar */
.search-container {
    position: relative;
  }

  .search-icon {
    position: absolute;
    top: 50%;
    left: 1rem;
    transform: translateY(-50%);
    color: #6c757d;
    font-size: 1.2rem;
    pointer-events: none;
  }

  .search-input {
    padding-left: 2.5rem; /* ruang untuk icon */
    height: 48px;
    border-radius: 12px;
    font-size: 1rem;
  }

  .gap-sdgs{
    gap: 3rem;
  }

  .gap-service{
    gap: 6rem;
  }

  .circle-btn {
    border-radius: 50%;
    width: 40px;
    height: 40px;
  }

  .icon-size-home{
    font-size: 80px;
  }

  .w-logo-home{
    width: 20rem;
  }
  .gap-5-home{
    gap: 3rem;
  }
  .w-75-responsive-home{
    width: 66rem
  }
  .large-font-title{
    font-size: 200px;
  }
  .w-news-detail{
    width: 75%;
  }
  .height-custom{
    height: 60px !important;
  }

@media (max-width: 575.98px) {
    .flex-sm-row{
        flex-direction: column;
    }
    .vertical-line{
        width: 16rem;
        height: 0.1rem;
        background-color: var(--bs-body-color);
        margin-top: 1rem;
        margin-bottom: 1rem;   
    }
    .flex-md-column-contact-us{
        flex-direction: column !important;
    }
    .gap-sm-1{
        gap: 2rem;
    }
    .gap-6{
        gap: 0;
    }
    .gap-sdgs{
        gap: 0;
    }
    .me-6{
        margin-right: 0rem;
    }
    .text-center-responsive-home{
        text-align: center;
    }
    .w-75-responsive-home{
        width: 20rem
    }
    .large-font-title{
        font-size: 100px;
    }
    .w-news-detail{
        width: 100%;
    }
}

@media (min-width: 575.98px) and (max-width: 767.98px) {
    .gap-mdm-3{
        gap: 2rem;
    }
    .ms-mdm-7{
        margin-left: 12rem;
    }
    .me-mdm-7{
        margin-right: 12rem;
    }
    .vertical-line{
        width: 16rem;
        height: 0.1rem;
        background-color: var(--bs-body-color);
        margin-top: 1rem;
        margin-bottom: 1rem;   
    }
    .flex-md-column-contact-us{
        flex-direction: column !important;
    }
    .text-center-responsive-home{
        text-align: center;
    }
    .w-logo-home{
        width: 30rem,
    }
    .me-6{
        margin-right: 0rem;
    }
    .w-75-responsive-home{
        width: 20rem
    }
    .large-font-title{
        font-size: 150px;
    }
}

@media (min-width: 767.98px) and (max-width: 1199.98px) {
    .icon-size-home{
        font-size: 50px;
    }
    .gap-service{
        gap: 3rem;
    }
    .w-lg-15{
        width: 15rem;
    }
    .h-lg-15{
        height: 15rem;
    }
    .fs-7{
        font-size: 15px;
    }
    .gap-5-home{
        gap: 1rem;
    }
    .me-6{
        margin-right: 0rem;
    }
    .w-75-responsive-home{
        width: 20rem
    }
    .large-font-title{
        font-size: 150px;
    }
}