/* `xl` applies to large devices (desktops, less than 1200px) */
@media (max-width: 1199.98px) {
    .hero-section-text {
      width: 100%;
    }
    .hero-section-author {
      padding: 20px 60px;
    }
  
    .hero-section-detail {
      padding: 30px;
    }
  
    .blog-space {
      margin-top: 85px;
    }
  
    .raising-section .raising-image-wrap img {
      height: 410px;
    }
  
    .raising-section .raising-image-wrap div h2 {
      font-size: 32px;
      margin-bottom: 30px;
    }
  
    .raising-section .raising-image-wrap div p {
      font-size: 20px;
    }
  
    .raising-prop h2 {
      font-size: 20px;
    }

    /* ___________  Start Home page CSS  ________________ */
    .trend-popular-wrap {
        display: grid;
        grid-template-columns: 44% 50%;
        gap: 6%;
    }
  }