@media screen and (max-height: 950px) {
  .hero-section {
    height: calc(100vh - 72px);
  }

  .hero-image {
    height: 630px;
  }
}

/* Desktop Full HD */
@media screen and (max-width: 1920px) {
}

/* Desktop Full HD 125% */
@media screen and (max-width: 1537px) {
  .hero-image {
    height: 500px;
  }
}

/* Desktop HD */
@media screen and (max-width: 1366px) {
}

@media screen and (max-width: 1024px) {
}

/* Tampilan Tablet */
@media screen and (max-width: 768px) {
  .hero-image{
    height: 410px;
  }

  .footer-logo{
    height: 57px;
  }

  .tentang-img-container{
    margin-bottom: 100px;
  }

  .tentang-image{
    height: 465px;
    width: 100%;
  }
  
  .tentang-video-thumbnail{
    bottom: -29px;
  }
}

/* Tampilan Mobile */
@media screen and (max-width: 425px) {
  p{
    font-size: 0.938rem;
  }

  .text-sm{
    font-size: 14px;
  }

  .section {
    padding: 40px 0;
  }

  .section-title{
    font-size: 1.4rem;
  }

  .section-subtitle{
    font-size: 0.875rem;
  }

  .section-description{
    font-size: 0.938rem;
  }

  body:has(.section-banner-cta) .main-footer {
    padding: 220px 0 20px;
    margin-top: -160px;
  }

  .header-logo{
    height: 27px;
  }

  .footer-title{
    font-size: 1rem;
  }

  .footer-description{
    font-size: 0.875rem;
  }

  .footer-icon-sosmed{
    font-size: 1.3rem;
  }

  .sub-footer{
    font-size: 12px;
  }

  .hero-section{
    height: 100dvh;
  }

  .hero-title{
    font-size: 1.688rem;
  }

  .hero-description{
    font-size: 1rem;
  }

  .hero-image{
    height: 290px;
    max-height: none;
  }

  .hero-button{
    font-size: 1rem;
  }

  .kelebihan-title{
    font-size: 1.125rem;
  }

  .tentang-image{
    max-width: 52%;
    height: 358px;
    object-position: center;
  }

  .tentang-video-thumbnail{
    width: 210px;
    height: 183px;
  }

  .project-image {
    height: 250px;
    width: 100%;
  }
  
  .testimoni-text{
    font-size: 1.05rem;
    line-height: 28px;
    width: 90%;
  }

  .testimoni-name, .testimoni-jabatan, .testimoni-organisasi{
    font-size: 0.875rem;
  }

  .testimoni-decoration-circle:nth-child(1) {
    height: 150px;
    width: 150px;
  }

  .testimoni-decoration-circle:nth-child(2) {
    height: 345px;
    width: 345px;
  }

  .testimoni-decoration-circle:nth-child(3) {
    height: 550px;
    width: 550px;
  }

  .testimoni-decoration-circle:nth-child(4) {
    height: 810px;
    width: 810px;
  }

  .testimoni-decoration-circle:nth-child(5) {
    height: 1050px;
    width: 1050px;
  }

  .section-banner-cta-description{
    font-size: 1.15rem;
  }
}